@amsterdam/design-system-react 0.1.6 → 0.1.8

package/dist/index.cjs.js

@@ -5,93 +5,302 @@ var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProp
 var jsxRuntime = require('react/jsx-runtime');
 var clsx = require('clsx');
 var react = require('react');
+var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
 var designSystemReactIcons = require('@amsterdam/design-system-react-icons');
 var componentLibraryReact = require('@utrecht/component-library-react');
-var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
-
-function styleInject(css, ref) {
-  if ( ref === void 0 ) ref = {};
-  var insertAt = ref.insertAt;
 
-  if (!css || typeof document === 'undefined') { return; }
+var _excluded$q = ["className"];
+function ownKeys$q(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$q(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$q(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$q(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var Image = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    restProps = _objectWithoutProperties(_ref, _excluded$q);
+  return jsxRuntime.jsx("img", _objectSpread$q(_objectSpread$q({}, restProps), {}, {
+    ref: ref,
+    className: clsx('amsterdam-image', className)
+  }));
+});
+Image.displayName = 'Image';
 
-  var head = document.head || document.getElementsByTagName('head')[0];
-  var style = document.createElement('style');
-  style.type = 'text/css';
+var _excluded$p = ["className", "size", "svg"];
+function ownKeys$p(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$p(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$p(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$p(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var Icon = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'level-3' : _ref$size,
+    svg = _ref.svg,
+    otherProps = _objectWithoutProperties(_ref, _excluded$p);
+  return jsxRuntime.jsx("span", _objectSpread$p(_objectSpread$p({
+    ref: ref,
+    className: clsx('amsterdam-icon', size === 'level-3' && 'amsterdam-icon--size-3', size === 'level-4' && 'amsterdam-icon--size-4', size === 'level-5' && 'amsterdam-icon--size-5', size === 'level-6' && 'amsterdam-icon--size-6', size === 'level-7' && 'amsterdam-icon--size-7', className)
+  }, otherProps), {}, {
+    children: svg()
+  }));
+});
+Icon.displayName = 'Icon';
 
-  if (insertAt === 'top') {
-    if (head.firstChild) {
-      head.insertBefore(style, head.firstChild);
-    } else {
-      head.appendChild(style);
+var _excluded$o = ["className", "maxVisiblePages", "onPageChange", "page", "totalPages"];
+function ownKeys$o(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$o(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$o(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$o(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+/**
+ * This returns an array of the range, including spacers
+ *
+ * @example
+ * currentPage = 4, totalPages = 7, maxVisiblePages = 7
+ * // returns [1, 2, 3, 4, 5, 6, 7]
+ *
+ * @example
+ * currentPage = 5, totalPages = 100, maxVisiblePages = 7
+ * // returns [1, 'firstSpacer', 4, 5, 6, 'lastSpacer', 100]
+ *
+ * @example
+ * currentPage = 97, totalPages = 100, maxVisiblePages = 7
+ * // returns [1, 'firstSpacer', 96, 97, 98, 99, 100]
+ */
+function getRange(currentPage, totalPages, maxVisiblePages) {
+  // the total amount of visible pages is whatever's lower, totalPages or maxVisiblePages
+  // maxVisiblePages has a lower limit of 5
+  var visiblePages = Math.min(totalPages, Math.max(maxVisiblePages, 5));
+  var min = 1;
+  // the center part of the range starts with the current page minus half of the visible pages
+  var centerStartPage = currentPage - Math.floor(visiblePages / 2);
+  // centerStartPage has a lower limit of 1
+  centerStartPage = Math.max(centerStartPage, min);
+  // centerStartPage has an upper limit of 1 plus total pages minus visible pages
+  centerStartPage = Math.min(centerStartPage, min + totalPages - visiblePages);
+  var pages = Array.from({
+    length: visiblePages
+  }, function (_el, i) {
+    return centerStartPage + i;
+  }).reduce(function (acc, pageNr, index) {
+    if (index === 0 && pageNr !== 1) {
+      return [1, 'firstSpacer'];
     }
-  } else {
-    head.appendChild(style);
-  }
-
-  if (style.styleSheet) {
-    style.styleSheet.cssText = css;
-  } else {
-    style.appendChild(document.createTextNode(css));
-  }
+    if (totalPages > visiblePages && index === visiblePages - 2 && currentPage < totalPages - 2) {
+      return [].concat(_toConsumableArray(acc), ['lastSpacer', totalPages]);
+    }
+    // Skip a number when spacer is already added
+    if (acc.includes('firstSpacer') && index === 1 || acc.includes('lastSpacer') && index === visiblePages - 1) {
+      return acc;
+    }
+    return [].concat(_toConsumableArray(acc), [pageNr]);
+  }, []);
+  return pages;
 }
+var Pagination = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    _ref$maxVisiblePages = _ref.maxVisiblePages,
+    maxVisiblePages = _ref$maxVisiblePages === void 0 ? 7 : _ref$maxVisiblePages,
+    onPageChange = _ref.onPageChange,
+    _ref$page = _ref.page,
+    page = _ref$page === void 0 ? 1 : _ref$page,
+    totalPages = _ref.totalPages,
+    restProps = _objectWithoutProperties(_ref, _excluded$o);
+  var _useState = react.useState(page),
+    _useState2 = _slicedToArray(_useState, 2),
+    currentPage = _useState2[0],
+    setCurrentPage = _useState2[1];
+  // Get array of page numbers and / or spacers
+  var range = react.useMemo(function () {
+    return getRange(currentPage, totalPages, maxVisiblePages);
+  }, [currentPage, totalPages, maxVisiblePages]);
+  var onChangePage = function onChangePage(newPage) {
+    if (onPageChange !== undefined) {
+      onPageChange(newPage);
+    }
+    setCurrentPage(newPage);
+  };
+  var onPrevious = function onPrevious() {
+    onChangePage(currentPage - 1);
+  };
+  var onNext = function onNext() {
+    onChangePage(currentPage + 1);
+  };
+  // Don't show pagination if you only have one page
+  if (totalPages <= 1) {
+    return null;
+  }
+  return jsxRuntime.jsx("nav", _objectSpread$o(_objectSpread$o({}, restProps), {}, {
+    className: clsx('amsterdam-pagination', className),
+    ref: ref,
+    "aria-label": "Paginering",
+    children: jsxRuntime.jsxs("ol", {
+      className: "amsterdam-pagination__list",
+      children: [jsxRuntime.jsx("li", {
+        children: jsxRuntime.jsxs("button", {
+          "aria-label": "Vorige pagina",
+          className: "amsterdam-pagination__button",
+          disabled: currentPage === 1,
+          onClick: onPrevious,
+          type: "button",
+          children: [jsxRuntime.jsx(Icon, {
+            svg: designSystemReactIcons.ChevronLeftIcon,
+            size: "level-6"
+          }), "vorige"]
+        })
+      }), range.map(function (pageNumberOrSpacer) {
+        return typeof pageNumberOrSpacer === 'number' ? jsxRuntime.jsx("li", {
+          children: jsxRuntime.jsx("button", {
+            "aria-current": pageNumberOrSpacer === currentPage ? true : undefined,
+            "aria-label": pageNumberOrSpacer === currentPage ? "Pagina ".concat(pageNumberOrSpacer) : "Ga naar pagina ".concat(pageNumberOrSpacer),
+            className: clsx('amsterdam-pagination__button', pageNumberOrSpacer === currentPage && 'amsterdam-pagination__button--current'),
+            onClick: function onClick() {
+              return pageNumberOrSpacer !== currentPage && onChangePage(pageNumberOrSpacer);
+            },
+            tabIndex: pageNumberOrSpacer === currentPage ? -1 : 0,
+            type: "button",
+            children: pageNumberOrSpacer
+          })
+        }, pageNumberOrSpacer) : jsxRuntime.jsx("li", {
+          "aria-hidden": true,
+          "data-testid": pageNumberOrSpacer,
+          children: "\u2026"
+        }, pageNumberOrSpacer);
+      }), jsxRuntime.jsx("li", {
+        children: jsxRuntime.jsxs("button", {
+          "aria-label": "Volgende pagina",
+          className: "amsterdam-pagination__button",
+          disabled: currentPage === totalPages,
+          onClick: onNext,
+          type: "button",
+          children: ["volgende", jsxRuntime.jsx(Icon, {
+            svg: designSystemReactIcons.ChevronRightIcon,
+            size: "level-6"
+          })]
+        })
+      })]
+    })
+  }));
+});
+Pagination.displayName = 'Pagination';
 
-var css_248z$i = ".amsterdam-visually-hidden{clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin-block:-1px;margin-inline:-1px;overflow:hidden;padding-block:0;padding-inline:0;position:absolute;width:1px}";
-styleInject(css_248z$i);
-
-var css_248z$h = ".amsterdam-footer__top{background-color:var(--amsterdam-footer-top-background-color);padding-block:2.5rem;padding-inline:2rem}@media screen and (width > 53.375rem){.amsterdam-footer__top{grid-template-columns:repeat(var(--amsterdam-page-grid-column-count-wide),1fr)}}.amsterdam-footer__column{display:flex;flex-direction:column;gap:2.5rem}.amsterdam-footer__bottom{padding-block:.5rem;padding-inline:2rem}";
-styleInject(css_248z$h);
-
-var css_248z$g = ".amsterdam-page-menu{align-items:center;box-sizing:border-box;column-gap:var(--amsterdam-page-menu-column-gap);display:flex;flex-direction:row;flex-wrap:wrap;list-style:none;margin-block:0;padding-inline:0;row-gap:var(--amsterdam-page-menu-row-gap)}.amsterdam-page-menu__link{-webkit-text-size-adjust:100%;box-sizing:border-box;color:var(--amsterdam-page-menu-item-color);display:inline-flex;flex-direction:row;font-family:var(--amsterdam-page-menu-item-font-family);font-size:var(--amsterdam-page-menu-item-narrow-font-size);font-weight:var(--amsterdam-page-menu-item-narrow-font-weight);gap:var(--amsterdam-page-menu-item-gap);line-height:var(--amsterdam-page-menu-item-line-height);outline-offset:var(--amsterdam-focus-outline-offset);text-align:center;text-decoration:var(--amsterdam-page-menu-item-text-decoration);touch-action:manipulation}@media screen and (width > 53.375rem){.amsterdam-page-menu__link{font-size:var(--amsterdam-page-menu-item-wide-font-size)}}.amsterdam-page-menu__button{-webkit-text-size-adjust:100%;background-color:transparent;border:0;box-sizing:border-box;color:var(--amsterdam-page-menu-item-color);cursor:pointer;display:inline-flex;flex-direction:row;font-family:var(--amsterdam-page-menu-item-font-family);font-size:var(--amsterdam-page-menu-item-narrow-font-size);font-weight:var(--amsterdam-page-menu-item-narrow-font-weight);gap:var(--amsterdam-page-menu-item-gap);line-height:var(--amsterdam-page-menu-item-line-height);margin-block:0;outline-offset:var(--amsterdam-focus-outline-offset);padding-inline:0;text-align:center;text-decoration:var(--amsterdam-page-menu-item-text-decoration);touch-action:manipulation}@media screen and (width > 53.375rem){.amsterdam-page-menu__button{font-size:var(--amsterdam-page-menu-item-wide-font-size)}}.amsterdam-page-menu__button:hover,.amsterdam-page-menu__link:hover{color:var(--amsterdam-page-menu-item-hover-color);text-decoration:var(--amsterdam-page-menu-item-hover-text-decoration)}.amsterdam-page-menu__button svg,.amsterdam-page-menu__link svg{color:currentColor}";
-styleInject(css_248z$g);
-
-var css_248z$f = ".amsterdam-top-task-link{break-inside:avoid;display:flex;flex-direction:column;gap:.5rem;outline-offset:var(--amsterdam-top-task-link-outline-offset);text-decoration:none}.amsterdam-top-task-link__label{-webkit-text-size-adjust:100%;box-sizing:border-box;color:var(--amsterdam-top-task-link-label-color);font-family:var(--amsterdam-top-task-link-label-font-family);font-size:var(--amsterdam-top-task-link-label-narrow-font-size);font-weight:var(--amsterdam-top-task-link-label-font-weight);line-height:var(--amsterdam-top-task-link-label-line-height)}@media screen and (width > 53.375rem){.amsterdam-top-task-link__label{font-size:var(--amsterdam-top-task-link-label-wide-font-size)}}.amsterdam-top-task-link:hover .amsterdam-top-task-link__label{color:var(--amsterdam-top-task-link-label-hover-color);text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:.5rem}.amsterdam-top-task-link__description{-webkit-text-size-adjust:100%;box-sizing:border-box;color:var(--amsterdam-top-task-link-description-color);font-family:var(--amsterdam-top-task-link-description-font-family);font-size:var(--amsterdam-top-task-link-description-narrow-font-size);font-weight:var(--amsterdam-top-task-link-description-font-weight);line-height:var(--amsterdam-top-task-link-description-line-height)}@media screen and (width > 53.375rem){.amsterdam-top-task-link__description{font-size:var(--amsterdam-top-task-link-description-wide-font-size)}}";
-styleInject(css_248z$f);
-
-var css_248z$e = "@charset \"UTF-8\";.amsterdam-blockquote{box-sizing:border-box;break-after:avoid;break-inside:avoid;color:var(--amsterdam-blockquote-color);font-family:var(--amsterdam-blockquote-font-family);font-size:var(--amsterdam-blockquote-narrow-font-size);font-weight:var(--amsterdam-blockquote-font-weight);line-height:var(--amsterdam-blockquote-line-height);margin-block:0;margin-inline:0;quotes:\"“\" \"”\"}.amsterdam-blockquote:before{content:open-quote}.amsterdam-blockquote:after{content:close-quote}@media screen and (width > 53.375rem){.amsterdam-blockquote{font-size:var(--amsterdam-blockquote-wide-font-size)}}.amsterdam-blockquote--inverse-color{color:var(--amsterdam-blockquote-inverse-color)}";
-styleInject(css_248z$e);
-
-var css_248z$d = ".amsterdam-checkbox__input{appearance:none;margin-block:0;margin-inline:0;opacity:0}.amsterdam-checkbox__input:focus-visible+label{outline:auto;outline-offset:var(--amsterdam-checkbox-outline-offset)}.amsterdam-checkbox__checkmark{align-items:center;display:flex;flex-shrink:0;height:calc(var(--amsterdam-checkbox-checkmark-narrow-size)*var(--amsterdam-checkbox-checkmark-multiplier));width:1.5rem}.amsterdam-checkbox__checkmark:after{border-color:var(--amsterdam-checkbox-checkmark-border-color);border-style:solid;border-width:2px;box-sizing:border-box;content:\"\";height:1.5rem;width:100%}@media screen and (width > 53.375rem){.amsterdam-checkbox__checkmark{height:calc(var(--amsterdam-checkbox-checkmark-wide-size)*var(--amsterdam-checkbox-checkmark-multiplier))}}.amsterdam-checkbox__label{color:var(--amsterdam-checkbox-color);cursor:pointer;display:inline-flex;font-family:var(--amsterdam-checkbox-font-family);font-size:var(--amsterdam-checkbox-narrow-font-size);font-weight:400;gap:.5rem;line-height:var(--amsterdam-checkbox-line-height)}.amsterdam-checkbox__label:hover{color:var(--amsterdam-checkbox-hover-color);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}.amsterdam-checkbox__label:hover .amsterdam-checkbox__checkmark:after{border-color:var(--amsterdam-checkbox-checkmark-hover-border-color);border-width:3px}@media screen and (width > 53.375rem){.amsterdam-checkbox__label{font-size:var(--amsterdam-checkbox-wide-font-size)}}.amsterdam-checkbox__input:checked+.amsterdam-checkbox__label .amsterdam-checkbox__checkmark:after{background-color:var(--amsterdam-checkbox-checkmark-checked-background-color);background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%23fff'%3E%3Cpath fill-rule='evenodd' d='M12.216 27.016 0 14.168l2.91-2.77 9.346 9.837L29.129 4 32 6.8z'/%3E%3C/svg%3E\");background-position:50%;background-repeat:no-repeat;background-size:1rem;border:none}.amsterdam-checkbox__input:indeterminate+.amsterdam-checkbox__label .amsterdam-checkbox__checkmark:after{background-color:var(--amsterdam-checkbox-checkmark-indeterminate-background-color);background-image:url(\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0iI2ZmZiI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMCAxMy43MTRoMzJ2NEgweiIvPjwvc3ZnPg==\");background-position:50%;background-repeat:no-repeat;background-size:1rem;border:none}.amsterdam-checkbox__input:invalid+.amsterdam-checkbox__label .amsterdam-checkbox__checkmark:after,.amsterdam-checkbox__input[aria-invalid=true]+.amsterdam-checkbox__label .amsterdam-checkbox__checkmark:after{border-color:var(--amsterdam-checkbox-checkmark-invalid-border-color)}.amsterdam-checkbox__input:disabled+.amsterdam-checkbox__label{color:var(--amsterdam-checkbox-disabled-color);cursor:not-allowed}.amsterdam-checkbox__input:disabled+.amsterdam-checkbox__label .amsterdam-checkbox__checkmark:after{border-color:var(--amsterdam-checkbox-checkmark-disabled-border-color);border-width:2px}.amsterdam-checkbox__input:invalid:checked+.amsterdam-checkbox__label .amsterdam-checkbox__checkmark:after,.amsterdam-checkbox__input[aria-invalid=true]:checked+.amsterdam-checkbox__label .amsterdam-checkbox__checkmark:after{background-color:var(--amsterdam-checkbox-checkmark-invalid-checked-background-color)}.amsterdam-checkbox__input:invalid:indeterminate+.amsterdam-checkbox__label .amsterdam-checkbox__checkmark:after,.amsterdam-checkbox__input[aria-invalid=true]:indeterminate+.amsterdam-checkbox__label .amsterdam-checkbox__checkmark:after{background-color:var(--amsterdam-checkbox-checkmark-invalid-indeterminate-background-color)}.amsterdam-checkbox__input:disabled+.amsterdam-checkbox__label:hover{text-decoration:none}.amsterdam-checkbox__input:disabled:checked+.amsterdam-checkbox__label .amsterdam-checkbox__checkmark:after{background-color:var(--amsterdam-checkbox-checkmark-disabled-checked-background-color)}.amsterdam-checkbox__input:disabled:indeterminate+.amsterdam-checkbox__label .amsterdam-checkbox__checkmark:after{background-color:var(--amsterdam-checkbox-checkmark-disabled-indeterminate-background-color)}.amsterdam-checkbox__input:invalid:disabled+.amsterdam-checkbox__label .amsterdam-checkbox__checkmark:after,.amsterdam-checkbox__input[aria-invalid=true]:disabled+.amsterdam-checkbox__label .amsterdam-checkbox__checkmark:after{border-color:var(--amsterdam-checkbox-checkmark-disabled-border-color)}:is(.amsterdam-checkbox__input:invalid,.amsterdam-checkbox__input[aria-invalid=true])+.amsterdam-checkbox__label:hover .amsterdam-checkbox__checkmark:after{border-color:var(--amsterdam-checkbox-checkmark-invalid-hover-border-color)}.amsterdam-checkbox__input:checked+.amsterdam-checkbox__label:hover .amsterdam-checkbox__checkmark:after{background-color:var(--amsterdam-checkbox-checkmark-checked-hover-background-color)}.amsterdam-checkbox__input:indeterminate+.amsterdam-checkbox__label:hover .amsterdam-checkbox__checkmark:after{background-color:var(--amsterdam-checkbox-checkmark-indeterminate-hover-background-color)}:is(.amsterdam-checkbox__input:invalid:checked,.amsterdam-checkbox__input[aria-invalid=true]:checked)+.amsterdam-checkbox__label:hover .amsterdam-checkbox__checkmark:after{background-color:var(--amsterdam-checkbox-checkmark-invalid-checked-hover-background-color)}:is(.amsterdam-checkbox__input:invalid:indeterminate,.amsterdam-checkbox__input[aria-invalid=true]:indeterminate)+.amsterdam-checkbox__label:hover .amsterdam-checkbox__checkmark:after{background-color:var(--amsterdam-checkbox-checkmark-invalid-indeterminate-hover-background-color)}.amsterdam-checkbox__input:disabled:checked+.amsterdam-checkbox__label:hover .amsterdam-checkbox__checkmark:after{background-color:var(--amsterdam-checkbox-checkmark-disabled-checked-hover-background-color)}.amsterdam-checkbox__input:disabled:indeterminate+.amsterdam-checkbox__label:hover .amsterdam-checkbox__checkmark:after{background-color:var(--amsterdam-checkbox-checkmark-disabled-indeterminate-hover-background-color)}:is(.amsterdam-checkbox__input:invalid:disabled,.amsterdam-checkbox__input[aria-invalid=true]:disabled)+.amsterdam-checkbox__label:hover .amsterdam-checkbox__checkmark:after{border-color:var(--amsterdam-checkbox-checkmark-disabled-border-color)}.amsterdam-checkbox__input:invalid:disabled:checked+.amsterdam-checkbox__label .amsterdam-checkbox__checkmark:after,.amsterdam-checkbox__input:invalid:disabled:indeterminate+.amsterdam-checkbox__label .amsterdam-checkbox__checkmark:after,.amsterdam-checkbox__input[aria-invalid=true]:disabled:checked+.amsterdam-checkbox__label .amsterdam-checkbox__checkmark:after,.amsterdam-checkbox__input[aria-invalid=true]:disabled:indeterminate+.amsterdam-checkbox__label .amsterdam-checkbox__checkmark:after{background-color:var(--amsterdam-checkbox-checkmark-disabled-checked-background-color)}";
-styleInject(css_248z$d);
-
-var css_248z$c = ".amsterdam-page-heading{box-sizing:border-box;break-after:avoid;break-inside:avoid;color:var(--amsterdam-page-heading-color);font-family:var(--amsterdam-page-heading-font-family);font-size:var(--amsterdam-page-heading-narrow-font-size);font-weight:var(--amsterdam-page-heading-font-weight);line-height:var(--amsterdam-page-heading-line-height);margin-block:0}@media screen and (width > 53.375rem){.amsterdam-page-heading{font-size:var(--amsterdam-page-heading-wide-font-size)}}.amsterdam-page-heading--inverse-color{color:var(--amsterdam-page-heading-inverse-color)}";
-styleInject(css_248z$c);
-
-var css_248z$b = ".amsterdam-ordered-list{-webkit-text-size-adjust:100%;box-sizing:border-box;display:grid;gap:var(--amsterdam-ordered-list-gap);list-style-type:none;margin-block:0;padding-inline-start:0}.amsterdam-ordered-list:not(.amsterdam-ordered-list--no-markers){color:var(--amsterdam-ordered-list-color);font-family:var(--amsterdam-ordered-list-font-family);font-size:var(--amsterdam-ordered-list-narrow-font-size);font-weight:var(--amsterdam-ordered-list-font-weight);line-height:var(--amsterdam-ordered-list-line-height);list-style-type:var(--amsterdam-ordered-list-list-style-type)}@media screen and (width > 53.375rem){.amsterdam-ordered-list:not(.amsterdam-ordered-list--no-markers){font-size:var(--amsterdam-ordered-list-wide-font-size)}}.amsterdam-ordered-list:not(.amsterdam-ordered-list--no-markers) .amsterdam-ordered-list__item{margin-inline-start:var(--amsterdam-ordered-list-item-margin-inline-start);padding-inline-start:var(--amsterdam-ordered-list-item-padding-inline-start)}:is(.amsterdam-ordered-list,.amsterdam-unordered-list) .amsterdam-ordered-list{list-style-type:var(--amsterdam-ordered-list-ordered-list-list-style-type)}:is(.amsterdam-ordered-list,.amsterdam-unordered-list) .amsterdam-ordered-list .amsterdam-ordered-list__item{margin-inline-start:var(--amsterdam-ordered-list-ordered-list-item-margin-inline-start);padding-inline-start:var(--amsterdam-ordered-list-ordered-list-item-padding-inline-start)}";
-styleInject(css_248z$b);
-
-var css_248z$a = ".amsterdam-accordion__header{display:flex;margin-block:0;margin-inline:0}.amsterdam-accordion__button{background-color:transparent;border:0;color:var(--amsterdam-accordion-button-color);cursor:pointer;display:flex;font-family:var(--amsterdam-accordion-button-font-family);font-size:var(--amsterdam-accordion-button-narrow-font-size);font-weight:var(--amsterdam-accordion-button-font-weight);justify-content:space-between;line-height:var(--amsterdam-accordion-button-line-height);padding-block:.75rem;padding-inline:1rem;width:100%}@media screen and (width > 53.375rem){.amsterdam-accordion__button{font-size:var(--amsterdam-accordion-button-wide-font-size)}}.amsterdam-accordion__button:focus{outline-offset:var(--amsterdam-accordion-button-focus-outline-offset)}.amsterdam-accordion__button:hover{box-shadow:var(--amsterdam-accordion-button-hover-box-shadow)}.amsterdam-accordion__button svg{transform:rotate(0deg);transition:transform .3s ease}@media (prefers-reduced-motion){.amsterdam-accordion__button svg{transition:none}}.amsterdam-accordion__button[aria-expanded=true] svg{transform:rotate(180deg)}.amsterdam-accordion__panel{display:none;padding-block:1rem;padding-inline:1rem}.amsterdam-accordion__panel--expanded{display:block}";
-styleInject(css_248z$a);
-
-var css_248z$9 = ".amsterdam-breadcrumb{font-family:var(--amsterdam-breadcrumb-font-family,inherit);font-size:var(--amsterdam-breadcrumb-narrow-font-size);line-height:var(--amsterdam-breadcrumb-line-height)}@media screen and (width > 53.375rem){.amsterdam-breadcrumb{font-size:var(--amsterdam-breadcrumb-wide-font-size)}}.amsterdam-breadcrumb__list{box-sizing:border-box;break-after:avoid;break-inside:avoid;display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin-block:0;padding-inline:0}.amsterdam-breadcrumb-item{align-items:center;display:flex}.amsterdam-breadcrumb-item:not(:last-child):after{background-color:var(--amsterdam-breadcrumb-color);clip-path:path(\"M 4.725,16 3.275,14.545 9.815,8 3.275,1.455 4.725,0 l 8,8 z\");content:\"\";display:inline-block;height:16px;margin-inline-start:1rem;width:16px}.amsterdam-breadcrumb-item__link{color:var(--amsterdam-breadcrumb-color);cursor:pointer;outline-offset:var(--amsterdam-breadcrumb-item-link-outline-offset);text-decoration:none}.amsterdam-breadcrumb-item__link:first-letter{text-transform:capitalize}.amsterdam-breadcrumb-item__link:active,.amsterdam-breadcrumb-item__link:focus,.amsterdam-breadcrumb-item__link:hover{color:var(--amsterdam-breadcrumb-item-link-hover-color);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}";
-styleInject(css_248z$9);
-
-var css_248z$8 = ".utrecht-button{--_utrecht-button-background-color:var(\n    --_utrecht-button-hint-background-color,var(--_utrecht-button-appearance-background-color,var(--utrecht-button-background-color))\n  );--_utrecht-button-color:var(\n    --_utrecht-button-hint-color,var(--_utrecht-button-appearance-color,var(--utrecht-button-color))\n  );--_utrecht-button-border-color:var(\n    --_utrecht-button-hint-border-color,var(--_utrecht-button-appearance-border-color,var(--utrecht-button-border-color,transparent))\n  );--_utrecht-button-border-bottom-color:var(\n    --_utrecht-button-hint-border-bottom-color,var(\n      --_utrecht-button-hint-border-color,var(\n        --_utrecht-button-appearance-border-bottom-color,var(\n          --_utrecht-button-appearance-border-color,var(--utrecht-button-border-bottom-color,var(--utrecht-button-border-color,transparent))\n        )\n      )\n    )\n  );--_utrecht-button-disabled-background-color:var(\n    --_utrecht-button-hint-disabled-background-color,var(\n      --_utrecht-button-appearance-disabled-background-color,var(--utrecht-button-disabled-background-color,var(--utrecht-button-background-color))\n    )\n  );--_utrecht-button-disabled-border-color:var(\n    --_utrecht-button-hint-disabled-border-color,var(\n      --_utrecht-button-appearance-disabled-border-color,var(--utrecht-button-disabled-border-color,var(--utrecht-button-border-color))\n    )\n  );--_utrecht-button-disabled-color:var(\n    --_utrecht-button-hint-disabled-color,var(--_utrecht-button-appearance-disabled-color,var(--utrecht-button-disabled-color,var(--utrecht-button-color)))\n  );--_utrecht-button-pressed-background-color:var(\n    --_utrecht-button-hint-pressed-background-color,var(\n      --_utrecht-button-hint-background-color,var(\n        --_utrecht-button-appearance-pressed-background-color,var(\n          --_utrecht-button-appearance-background-color,var(--utrecht-button-pressed-background-color,var(--utrecht-button-background-color))\n        )\n      )\n    )\n  );--_utrecht-button-pressed-border-color:var(\n    --_utrecht-button-hint-pressed-border-color,var(\n      --_utrecht-button-hint-border-color,var(\n        --_utrecht-button-appearance-pressed-border-color,var(\n          --_utrecht-button-appearance-border-color,var(--utrecht-button-pressed-border-color,var(--utrecht-button-border-color))\n        )\n      )\n    )\n  );--_utrecht-button-pressed-color:var(\n    --_utrecht-button-hint-pressed-color,var(\n      --_utrecht-button-hint-color,var(\n        --_utrecht-button-appearance-pressed-color,var(--_utrecht-button-appearance-color,var(--utrecht-button-pressed-color,var(--utrecht-button-color)))\n      )\n    )\n  );--_utrecht-button-focus-background-color:var(\n    --_utrecht-button-hint-focus-background-color,var(\n      --_utrecht-button-hint-background-color,var(\n        --_utrecht-button-appearance-focus-background-color,var(\n          --_utrecht-button-appearance-background-color,var(--utrecht-button-focus-background-color,var(--utrecht-button-background-color))\n        )\n      )\n    )\n  );--_utrecht-button-focus-border-color:var(\n    --_utrecht-button-hint-focus-border-color,var(\n      --_utrecht-button-hint-border-color,var(\n        --_utrecht-button-appearance-focus-border-color,var(\n          --_utrecht-button-appearance-border-color,var(--utrecht-button-focus-border-color,var(--utrecht-button-border-color))\n        )\n      )\n    )\n  );--_utrecht-button-focus-color:var(\n    --_utrecht-button-hint-focus-color,var(\n      --_utrecht-button-hint-color,var(\n        --_utrecht-button-appearance-focus-color,var(--_utrecht-button-appearance-color,var(--utrecht-button-focus-color,var(--utrecht-button-color)))\n      )\n    )\n  );--_utrecht-button-hover-background-color:var(\n    --_utrecht-button-hint-hover-background-color,var(\n      --_utrecht-button-hint-background-color,var(\n        --_utrecht-button-appearance-hover-background-color,var(\n          --_utrecht-button-appearance-background-color,var(--utrecht-button-hover-background-color,var(--utrecht-button-background-color))\n        )\n      )\n    )\n  );--_utrecht-button-hover-border-color:var(\n    --_utrecht-button-hint-hover-border-color,var(\n      --_utrecht-button-hint-border-color,var(\n        --_utrecht-button-appearance-hover-border-color,var(\n          --_utrecht-button-appearance-border-color,var(--utrecht-button-hover-border-color,var(--utrecht-button-border-color))\n        )\n      )\n    )\n  );--_utrecht-button-hover-color:var(\n    --_utrecht-button-hint-hover-color,var(\n      --_utrecht-button-hint-color,var(\n        --_utrecht-button-appearance-hover-color,var(--_utrecht-button-appearance-color,var(--utrecht-button-hover-color,var(--utrecht-button-color)))\n      )\n    )\n  );--_utrecht-button-active-background-color:var(\n    --_utrecht-button-hint-active-background-color,var(\n      --_utrecht-button-hint-background-color,var(\n        --_utrecht-button-appearance-active-background-color,var(\n          --_utrecht-button-appearance-background-color,var(--utrecht-button-active-background-color,var(--utrecht-button-background-color))\n        )\n      )\n    )\n  );--_utrecht-button-active-border-color:var(\n    --_utrecht-button-hint-active-border-color,var(\n      --_utrecht-button-hint-border-color,var(\n        --_utrecht-button-appearance-active-border-color,var(\n          --_utrecht-button-appearance-border-color,var(--utrecht-button-active-border-color,var(--utrecht-button-border-color))\n        )\n      )\n    )\n  );--_utrecht-button-active-color:var(\n    --_utrecht-button-hint-active-color,var(\n      --_utrecht-button-hint-color,var(\n        --_utrecht-button-appearance-active-color,var(--_utrecht-button-appearance-color,var(--utrecht-button-active-color,var(--utrecht-button-color)))\n      )\n    )\n  );--_utrecht-button-border-width:var(--_utrecht-button-appearance-border-width,var(--utrecht-button-border-width,0));--_utrecht-button-border-block-end-width:var(\n    --utrecht-button-border-bottom-width,var(--_utrecht-button-border-width,0)\n  );--utrecht-icon-size:var(--utrecht-button-icon-size,1em);align-items:center;background-color:var(--_utrecht-button-background-color);border-block-end-color:var(--_utrecht-button-border-bottom-color);border-block-end-width:var(--_utrecht-button-border-block-end-width);border-color:var(--_utrecht-button-border-color);border-radius:var(--utrecht-button-border-radius);border-style:solid;border-width:var(--_utrecht-button-border-width);box-sizing:border-box;color:var(--_utrecht-button-color);cursor:var(--utrecht-action-activate-cursor,revert);display:inline-flex;font-family:var(--utrecht-button-font-family,var(--utrecht-document-font-family));font-size:var(--utrecht-button-font-size,var(--utrecht-document-font-family,inherit));font-weight:var(--_utrecht-button-appearance-font-weight,var(--utrecht-button-font-weight));gap:var(--utrecht-button-icon-gap);inline-size:var(--utrecht-button-inline-size,auto);justify-content:center;line-height:var(--utrecht-button-line-height);min-block-size:var(--utrecht-button-min-block-size,44px);min-inline-size:var(--utrecht-button-min-inline-size,44px);padding-block-end:var(--utrecht-button-padding-block-end);padding-block-start:var(--utrecht-button-padding-block-start);padding-inline-end:var(--utrecht-button-padding-inline-end);padding-inline-start:var(--utrecht-button-padding-inline-start);text-transform:var(--utrecht-button-text-transform);-webkit-user-select:none;user-select:none}@media screen and (-ms-high-contrast:active),screen and (forced-colors:active){.utrecht-button{--_utrecht-button-disabled-border-color:GrayText;--_utrecht-button-disabled-color:GrayText;background-color:ButtonFace;border-color:buttonborder;color:ButtonText}}.utrecht-button--distanced{margin-block-end:var(--utrecht-button-margin-block-end);margin-block-start:var(--utrecht-button-margin-block-start);margin-inline-end:var(--utrecht-button-margin-inline-end);margin-inline-start:var(--utrecht-button-margin-inline-start)}.utrecht-button--submit{cursor:var(--utrecht-action-submit-cursor,revert)}.utrecht-button--busy{cursor:var(--utrecht-action-busy-cursor,wait)}.utrecht-button--pressed{background-color:var(--_utrecht-button-pressed-background-color);border-color:var(--_utrecht-button-pressed-border-color);color:var(--_utrecht-button-pressed-color)}.utrecht-button--disabled,.utrecht-button:disabled{background-color:var(--_utrecht-button-disabled-background-color);border-color:var(--_utrecht-button-disabled-border-color);color:var(--_utrecht-button-disabled-color);cursor:var(--utrecht-action-disabled-cursor,not-allowed)}.utrecht-button--focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width,0) var(--utrecht-focus-inverse-outline-color,transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color,revert);outline-offset:var(--utrecht-focus-outline-offset,revert);outline-style:var(--utrecht-focus-outline-style,revert);outline-width:var(--utrecht-focus-outline-width,revert)}.utrecht-button--focus:not(.utrecht-button--disabled){background-color:var(--_utrecht-button-focus-background-color);border-color:var(--_utrecht-button-focus-border-color);color:var(--_utrecht-button-focus-color);scale:var(--utrecht-button-focus-scale,1)}.utrecht-button:focus,.utrecht-button:focus:not(:disabled,[aria-disabled=true],.utrecht-button--disabled){--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width,0) var(--utrecht-focus-inverse-outline-color,transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color,revert);outline-offset:var(--utrecht-focus-outline-offset,revert);outline-style:var(--utrecht-focus-outline-style,revert);outline-width:var(--utrecht-focus-outline-width,revert)}.utrecht-button:focus:not(:disabled,[aria-disabled=true],.utrecht-button--disabled){background-color:var(--_utrecht-button-focus-background-color);border-color:var(--_utrecht-button-focus-border-color);color:var(--_utrecht-button-focus-color);scale:var(--utrecht-button-focus-scale,1)}.utrecht-button:focus:not(:focus-visible){box-shadow:none;outline-style:revert}.utrecht-button--hover:not(:disabled,.utrecht-button--disabled),.utrecht-button:hover:not(:disabled,[aria-disabled=true],.utrecht-button--disabled){background-color:var(--_utrecht-button-hover-background-color);border-color:var(--_utrecht-button-hover-border-color);color:var(--_utrecht-button-hover-color);scale:var(--utrecht-button-hover-scale,1)}.utrecht-button--active,.utrecht-button:active:not(:disabled,[aria-disabled=true],.utrecht-button--disabled){background-color:var(--_utrecht-button-active-background-color);border-color:var(--_utrecht-button-active-border-color);color:var(--_utrecht-button-active-color)}.utrecht-button--primary-action{--_utrecht-button-appearance-active-background-color:var(--utrecht-button-primary-action-active-background-color);--_utrecht-button-appearance-active-border-color:var(--utrecht-button-primary-action-active-border-color);--_utrecht-button-appearance-active-color:var(--utrecht-button-primary-action-active-color);--_utrecht-button-appearance-background-color:var(--utrecht-button-primary-action-background-color);--_utrecht-button-appearance-border-color:var(--utrecht-button-primary-action-border-color);--_utrecht-button-appearance-border-width:var(--utrecht-button-primary-action-border-width);--_utrecht-button-appearance-color:var(--utrecht-button-primary-action-color);--_utrecht-button-appearance-font-weight:var(--utrecht-button-primary-action-font-weight);--_utrecht-button-appearance-disabled-background-color:var(\n    --utrecht-button-primary-action-disabled-background-color\n  );--_utrecht-button-appearance-disabled-border-color:var(--utrecht-button-primary-action-disabled-border-color);--_utrecht-button-appearance-disabled-color:var(--utrecht-button-primary-action-disabled-color);--_utrecht-button-appearance-focus-background-color:var(--utrecht-button-primary-action-focus-background-color);--_utrecht-button-appearance-focus-border-color:var(--utrecht-button-primary-action-focus-border-color);--_utrecht-button-appearance-focus-color:var(--utrecht-button-primary-action-focus-color);--_utrecht-button-appearance-hover-background-color:var(--utrecht-button-primary-action-hover-background-color);--_utrecht-button-appearance-hover-border-color:var(--utrecht-button-primary-action-hover-border-color);--_utrecht-button-appearance-hover-color:var(--utrecht-button-primary-action-hover-color);--_utrecht-button-appearance-pressed-background-color:var(--utrecht-button-primary-action-pressed-background-color);--_utrecht-button-appearance-pressed-border-color:var(--utrecht-button-primary-action-pressed-border-color);--_utrecht-button-appearance-pressed-color:var(--utrecht-button-primary-action-pressed-color)}.utrecht-button--secondary-action{--_utrecht-button-appearance-active-background-color:var(--utrecht-button-secondary-action-active-background-color);--_utrecht-button-appearance-active-border-color:var(--utrecht-button-secondary-action-active-border-color);--_utrecht-button-appearance-active-color:var(--utrecht-button-secondary-action-active-color);--_utrecht-button-appearance-background-color:var(--utrecht-button-secondary-action-background-color);--_utrecht-button-appearance-border-color:var(--utrecht-button-secondary-action-border-color);--_utrecht-button-appearance-border-width:var(--utrecht-button-secondary-action-border-width);--_utrecht-button-appearance-color:var(--utrecht-button-secondary-action-color);--_utrecht-button-appearance-font-weight:var(--utrecht-button-secondary-action-font-weight);--_utrecht-button-appearance-disabled-background-color:var(\n    --utrecht-button-secondary-action-disabled-background-color\n  );--_utrecht-button-appearance-disabled-border-color:var(--utrecht-button-secondary-action-disabled-border-color);--_utrecht-button-appearance-disabled-color:var(--utrecht-button-secondary-action-disabled-color);--_utrecht-button-appearance-focus-background-color:var(--utrecht-button-secondary-action-focus-background-color);--_utrecht-button-appearance-focus-border-color:var(--utrecht-button-secondary-action-focus-border-color);--_utrecht-button-appearance-focus-color:var(--utrecht-button-secondary-action-focus-color);--_utrecht-button-appearance-hover-background-color:var(--utrecht-button-secondary-action-hover-background-color);--_utrecht-button-appearance-hover-border-color:var(--utrecht-button-secondary-action-hover-border-color);--_utrecht-button-appearance-hover-color:var(--utrecht-button-secondary-action-hover-color);--_utrecht-button-appearance-pressed-background-color:var(--utrecht-button-secondary-action-pressed-background-color);--_utrecht-button-appearance-pressed-border-color:var(--utrecht-button-secondary-action-pressed-border-color);--_utrecht-button-appearance-pressed-color:var(--utrecht-button-secondary-action-pressed-color)}.utrecht-button--subtle{--_utrecht-button-appearance-active-background-color:var(--utrecht-button-subtle-active-background-color);--_utrecht-button-appearance-active-border-color:var(--utrecht-button-subtle-active-border-color);--_utrecht-button-appearance-active-color:var(--utrecht-button-subtle-active-color);--_utrecht-button-appearance-background-color:var(--utrecht-button-subtle-background-color);--_utrecht-button-appearance-border-color:var(--utrecht-button-subtle-border-color);--_utrecht-button-appearance-border-width:var(--utrecht-button-subtle-border-width);--_utrecht-button-appearance-color:var(--utrecht-button-subtle-color);--_utrecht-button-appearance-font-weight:var(--utrecht-button-subtle-font-weight);--_utrecht-button-appearance-disabled-background-color:var(\n    --utrecht-button-subtle-disabled-background-color\n  );--_utrecht-button-appearance-disabled-border-color:var(--utrecht-button-subtle-disabled-border-color);--_utrecht-button-appearance-disabled-color:var(--utrecht-button-subtle-disabled-color);--_utrecht-button-appearance-focus-background-color:var(--utrecht-button-subtle-focus-background-color);--_utrecht-button-appearance-focus-border-color:var(--utrecht-button-subtle-focus-border-color);--_utrecht-button-appearance-focus-color:var(--utrecht-button-subtle-focus-color);--_utrecht-button-appearance-hover-background-color:var(--utrecht-button-subtle-hover-background-color);--_utrecht-button-appearance-hover-border-color:var(--utrecht-button-subtle-hover-border-color);--_utrecht-button-appearance-hover-color:var(--utrecht-button-subtle-hover-color);--_utrecht-button-appearance-pressed-background-color:var(--utrecht-button-subtle-pressed-background-color);--_utrecht-button-appearance-pressed-border-color:var(--utrecht-button-subtle-pressed-border-color);--_utrecht-button-appearance-pressed-color:var(--utrecht-button-subtle-pressed-color)}.utrecht-button--primary-action.utrecht-button--danger{--_utrecht-button-hint-active-background-color:var(--utrecht-button-primary-action-danger-active-background-color);--_utrecht-button-hint-active-border-color:var(--utrecht-button-primary-action-danger-active-border-color);--_utrecht-button-hint-active-color:var(--utrecht-button-primary-action-danger-active-color);--_utrecht-button-hint-background-color:var(--utrecht-button-primary-action-danger-background-color);--_utrecht-button-hint-border-color:var(--utrecht-button-primary-action-danger-border-color);--_utrecht-button-hint-color:var(--utrecht-button-primary-action-danger-color);--_utrecht-button-hint-disabled-background-color:var(\n    --utrecht-button-primary-action-danger-disabled-background-color\n  );--_utrecht-button-hint-disabled-border-color:var(--utrecht-button-primary-action-danger-disabled-border-color);--_utrecht-button-hint-disabled-color:var(--utrecht-button-primary-action-danger-disabled-color);--_utrecht-button-hint-focus-background-color:var(--utrecht-button-primary-action-danger-focus-background-color);--_utrecht-button-hint-focus-border-color:var(--utrecht-button-primary-action-danger-focus-border-color);--_utrecht-button-hint-focus-color:var(--utrecht-button-primary-action-danger-focus-color);--_utrecht-button-hint-hover-background-color:var(--utrecht-button-primary-action-danger-hover-background-color);--_utrecht-button-hint-hover-border-color:var(--utrecht-button-primary-action-danger-hover-border-color);--_utrecht-button-hint-hover-color:var(--utrecht-button-primary-action-danger-hover-color);--_utrecht-button-hint-pressed-background-color:var(\n    --utrecht-button-primary-action-danger-pressed-background-color\n  );--_utrecht-button-hint-pressed-border-color:var(--utrecht-button-primary-action-danger-pressed-border-color);--_utrecht-button-hint-pressed-color:var(--utrecht-button-primary-action-danger-pressed-color)}.utrecht-button--primary-action.utrecht-button--ready{--_utrecht-button-hint-active-background-color:var(--utrecht-button-primary-action-ready-active-background-color);--_utrecht-button-hint-active-border-color:var(--utrecht-button-primary-action-ready-active-border-color);--_utrecht-button-hint-active-color:var(--utrecht-button-primary-action-ready-active-color);--_utrecht-button-hint-background-color:var(--utrecht-button-primary-action-ready-background-color);--_utrecht-button-hint-border-color:var(--utrecht-button-primary-action-ready-border-color);--_utrecht-button-hint-color:var(--utrecht-button-primary-action-ready-color);--_utrecht-button-hint-disabled-background-color:var(\n    --utrecht-button-primary-action-ready-disabled-background-color\n  );--_utrecht-button-hint-disabled-border-color:var(--utrecht-button-primary-action-ready-disabled-border-color);--_utrecht-button-hint-disabled-color:var(--utrecht-button-primary-action-ready-disabled-color);--_utrecht-button-hint-focus-background-color:var(--utrecht-button-primary-action-ready-focus-background-color);--_utrecht-button-hint-focus-border-color:var(--utrecht-button-primary-action-ready-focus-border-color);--_utrecht-button-hint-focus-color:var(--utrecht-button-primary-action-ready-focus-color);--_utrecht-button-hint-hover-background-color:var(--utrecht-button-primary-action-ready-hover-background-color);--_utrecht-button-hint-hover-border-color:var(--utrecht-button-primary-action-ready-hover-border-color);--_utrecht-button-hint-hover-color:var(--utrecht-button-primary-action-ready-hover-color);--_utrecht-button-hint-pressed-background-color:var(\n    --utrecht-button-primary-action-ready-pressed-background-color\n  );--_utrecht-button-hint-pressed-border-color:var(--utrecht-button-primary-action-ready-pressed-border-color);--_utrecht-button-hint-pressed-color:var(--utrecht-button-primary-action-ready-pressed-color)}.utrecht-button--primary-action.utrecht-button--warning{--_utrecht-button-hint-active-background-color:var(--utrecht-button-primary-action-warning-active-background-color);--_utrecht-button-hint-active-border-color:var(--utrecht-button-primary-action-warning-active-border-color);--_utrecht-button-hint-active-color:var(--utrecht-button-primary-action-warning-active-color);--_utrecht-button-hint-background-color:var(--utrecht-button-primary-action-warning-background-color);--_utrecht-button-hint-border-color:var(--utrecht-button-primary-action-warning-border-color);--_utrecht-button-hint-color:var(--utrecht-button-primary-action-warning-color);--_utrecht-button-hint-disabled-background-color:var(\n    --utrecht-button-primary-action-warning-disabled-background-color\n  );--_utrecht-button-hint-disabled-border-color:var(--utrecht-button-primary-action-warning-disabled-border-color);--_utrecht-button-hint-disabled-color:var(--utrecht-button-primary-action-warning-disabled-color);--_utrecht-button-hint-focus-background-color:var(--utrecht-button-primary-action-warning-focus-background-color);--_utrecht-button-hint-focus-border-color:var(--utrecht-button-primary-action-warning-focus-border-color);--_utrecht-button-hint-focus-color:var(--utrecht-button-primary-action-warning-focus-color);--_utrecht-button-hint-hover-background-color:var(--utrecht-button-primary-action-warning-hover-background-color);--_utrecht-button-hint-hover-border-color:var(--utrecht-button-primary-action-warning-hover-border-color);--_utrecht-button-hint-hover-color:var(--utrecht-button-primary-action-warning-hover-color);--_utrecht-button-hint-pressed-background-color:var(\n    --utrecht-button-primary-action-warning-pressed-background-color\n  );--_utrecht-button-hint-pressed-border-color:var(--utrecht-button-primary-action-warning-pressed-border-color);--_utrecht-button-hint-pressed-color:var(--utrecht-button-primary-action-warning-pressed-color)}.utrecht-button--secondary-action.utrecht-button--danger{--_utrecht-button-hint-active-background-color:var(--utrecht-button-secondary-action-danger-active-background-color);--_utrecht-button-hint-active-border-color:var(--utrecht-button-secondary-action-danger-active-border-color);--_utrecht-button-hint-active-color:var(--utrecht-button-secondary-action-danger-active-color);--_utrecht-button-hint-background-color:var(--utrecht-button-secondary-action-danger-background-color);--_utrecht-button-hint-border-color:var(--utrecht-button-secondary-action-danger-border-color);--_utrecht-button-hint-color:var(--utrecht-button-secondary-action-danger-color);--_utrecht-button-hint-disabled-background-color:var(\n    --utrecht-button-secondary-action-danger-disabled-background-color\n  );--_utrecht-button-hint-disabled-border-color:var(--utrecht-button-secondary-action-danger-disabled-border-color);--_utrecht-button-hint-disabled-color:var(--utrecht-button-secondary-action-danger-disabled-color);--_utrecht-button-hint-focus-background-color:var(--utrecht-button-secondary-action-danger-focus-background-color);--_utrecht-button-hint-focus-border-color:var(--utrecht-button-secondary-action-danger-focus-border-color);--_utrecht-button-hint-focus-color:var(--utrecht-button-secondary-action-danger-focus-color);--_utrecht-button-hint-hover-background-color:var(--utrecht-button-secondary-action-danger-hover-background-color);--_utrecht-button-hint-hover-border-color:var(--utrecht-button-secondary-action-danger-hover-border-color);--_utrecht-button-hint-hover-color:var(--utrecht-button-secondary-action-danger-hover-color);--_utrecht-button-hint-pressed-background-color:var(\n    --utrecht-button-secondary-action-danger-pressed-background-color\n  );--_utrecht-button-hint-pressed-border-color:var(--utrecht-button-secondary-action-danger-pressed-border-color);--_utrecht-button-hint-pressed-color:var(--utrecht-button-secondary-action-danger-pressed-color)}.utrecht-button--secondary-action.utrecht-button--ready{--_utrecht-button-hint-active-background-color:var(--utrecht-button-secondary-action-ready-active-background-color);--_utrecht-button-hint-active-border-color:var(--utrecht-button-secondary-action-ready-active-border-color);--_utrecht-button-hint-active-color:var(--utrecht-button-secondary-action-ready-active-color);--_utrecht-button-hint-background-color:var(--utrecht-button-secondary-action-ready-background-color);--_utrecht-button-hint-border-color:var(--utrecht-button-secondary-action-ready-border-color);--_utrecht-button-hint-color:var(--utrecht-button-secondary-action-ready-color);--_utrecht-button-hint-disabled-background-color:var(\n    --utrecht-button-secondary-action-ready-disabled-background-color\n  );--_utrecht-button-hint-disabled-border-color:var(--utrecht-button-secondary-action-ready-disabled-border-color);--_utrecht-button-hint-disabled-color:var(--utrecht-button-secondary-action-ready-disabled-color);--_utrecht-button-hint-focus-background-color:var(--utrecht-button-secondary-action-ready-focus-background-color);--_utrecht-button-hint-focus-border-color:var(--utrecht-button-secondary-action-ready-focus-border-color);--_utrecht-button-hint-focus-color:var(--utrecht-button-secondary-action-ready-focus-color);--_utrecht-button-hint-hover-background-color:var(--utrecht-button-secondary-action-ready-hover-background-color);--_utrecht-button-hint-hover-border-color:var(--utrecht-button-secondary-action-ready-hover-border-color);--_utrecht-button-hint-hover-color:var(--utrecht-button-secondary-action-ready-hover-color);--_utrecht-button-hint-pressed-background-color:var(\n    --utrecht-button-secondary-action-ready-pressed-background-color\n  );--_utrecht-button-hint-pressed-border-color:var(--utrecht-button-secondary-action-ready-pressed-border-color);--_utrecht-button-hint-pressed-color:var(--utrecht-button-secondary-action-ready-pressed-color)}.utrecht-button--secondary-action.utrecht-button--warning{--_utrecht-button-hint-active-background-color:var(--utrecht-button-secondary-action-warning-active-background-color);--_utrecht-button-hint-active-border-color:var(--utrecht-button-secondary-action-warning-active-border-color);--_utrecht-button-hint-active-color:var(--utrecht-button-secondary-action-warning-active-color);--_utrecht-button-hint-background-color:var(--utrecht-button-secondary-action-warning-background-color);--_utrecht-button-hint-border-color:var(--utrecht-button-secondary-action-warning-border-color);--_utrecht-button-hint-color:var(--utrecht-button-secondary-action-warning-color);--_utrecht-button-hint-disabled-background-color:var(\n    --utrecht-button-secondary-action-warning-disabled-background-color\n  );--_utrecht-button-hint-disabled-border-color:var(--utrecht-button-secondary-action-warning-disabled-border-color);--_utrecht-button-hint-disabled-color:var(--utrecht-button-secondary-action-warning-disabled-color);--_utrecht-button-hint-focus-background-color:var(--utrecht-button-secondary-action-warning-focus-background-color);--_utrecht-button-hint-focus-border-color:var(--utrecht-button-secondary-action-warning-focus-border-color);--_utrecht-button-hint-focus-color:var(--utrecht-button-secondary-action-warning-focus-color);--_utrecht-button-hint-hover-background-color:var(--utrecht-button-secondary-action-warning-hover-background-color);--_utrecht-button-hint-hover-border-color:var(--utrecht-button-secondary-action-warning-hover-border-color);--_utrecht-button-hint-hover-color:var(--utrecht-button-secondary-action-warning-hover-color);--_utrecht-button-hint-pressed-background-color:var(\n    --utrecht-button-secondary-action-warning-pressed-background-color\n  );--_utrecht-button-hint-pressed-border-color:var(--utrecht-button-secondary-action-warning-pressed-border-color);--_utrecht-button-hint-pressed-color:var(--utrecht-button-secondary-action-warning-pressed-color)}.utrecht-button--subtle.utrecht-button--danger{--_utrecht-button-hint-active-background-color:var(--utrecht-button-subtle-danger-active-background-color);--_utrecht-button-hint-active-border-color:var(--utrecht-button-subtle-danger-active-border-color);--_utrecht-button-hint-active-color:var(--utrecht-button-subtle-danger-active-color);--_utrecht-button-hint-background-color:var(--utrecht-button-subtle-danger-background-color);--_utrecht-button-hint-border-color:var(--utrecht-button-subtle-danger-border-color);--_utrecht-button-hint-color:var(--utrecht-button-subtle-danger-color);--_utrecht-button-hint-disabled-background-color:var(\n    --utrecht-button-subtle-danger-disabled-background-color\n  );--_utrecht-button-hint-disabled-border-color:var(--utrecht-button-subtle-danger-disabled-border-color);--_utrecht-button-hint-disabled-color:var(--utrecht-button-subtle-danger-disabled-color);--_utrecht-button-hint-focus-background-color:var(--utrecht-button-subtle-danger-focus-background-color);--_utrecht-button-hint-focus-border-color:var(--utrecht-button-subtle-danger-focus-border-color);--_utrecht-button-hint-focus-color:var(--utrecht-button-subtle-danger-focus-color);--_utrecht-button-hint-hover-background-color:var(--utrecht-button-subtle-danger-hover-background-color);--_utrecht-button-hint-hover-border-color:var(--utrecht-button-subtle-danger-hover-border-color);--_utrecht-button-hint-hover-color:var(--utrecht-button-subtle-danger-hover-color);--_utrecht-button-hint-pressed-background-color:var(\n    --utrecht-button-subtle-danger-pressed-background-color\n  );--_utrecht-button-hint-pressed-border-color:var(--utrecht-button-subtle-danger-pressed-border-color);--_utrecht-button-hint-pressed-color:var(--utrecht-button-subtle-danger-pressed-color)}.utrecht-button--subtle.utrecht-button--ready{--_utrecht-button-hint-active-background-color:var(--utrecht-button-subtle-ready-active-background-color);--_utrecht-button-hint-active-border-color:var(--utrecht-button-subtle-ready-active-border-color);--_utrecht-button-hint-active-color:var(--utrecht-button-subtle-ready-active-color);--_utrecht-button-hint-background-color:var(--utrecht-button-subtle-ready-background-color);--_utrecht-button-hint-border-color:var(--utrecht-button-subtle-ready-border-color);--_utrecht-button-hint-color:var(--utrecht-button-subtle-ready-color);--_utrecht-button-hint-disabled-background-color:var(\n    --utrecht-button-subtle-ready-disabled-background-color\n  );--_utrecht-button-hint-disabled-border-color:var(--utrecht-button-subtle-ready-disabled-border-color);--_utrecht-button-hint-disabled-color:var(--utrecht-button-subtle-ready-disabled-color);--_utrecht-button-hint-focus-background-color:var(--utrecht-button-subtle-ready-focus-background-color);--_utrecht-button-hint-focus-border-color:var(--utrecht-button-subtle-ready-focus-border-color);--_utrecht-button-hint-focus-color:var(--utrecht-button-subtle-ready-focus-color);--_utrecht-button-hint-hover-background-color:var(--utrecht-button-subtle-ready-hover-background-color);--_utrecht-button-hint-hover-border-color:var(--utrecht-button-subtle-ready-hover-border-color);--_utrecht-button-hint-hover-color:var(--utrecht-button-subtle-ready-hover-color);--_utrecht-button-hint-pressed-background-color:var(\n    --utrecht-button-subtle-ready-pressed-background-color\n  );--_utrecht-button-hint-pressed-border-color:var(--utrecht-button-subtle-ready-pressed-border-color);--_utrecht-button-hint-pressed-color:var(--utrecht-button-subtle-ready-pressed-color)}.utrecht-button--subtle.utrecht-button--warning{--_utrecht-button-hint-active-background-color:var(--utrecht-button-subtle-warning-active-background-color);--_utrecht-button-hint-active-border-color:var(--utrecht-button-subtle-warning-active-border-color);--_utrecht-button-hint-active-color:var(--utrecht-button-subtle-warning-active-color);--_utrecht-button-hint-background-color:var(--utrecht-button-subtle-warning-background-color);--_utrecht-button-hint-border-color:var(--utrecht-button-subtle-warning-border-color);--_utrecht-button-hint-color:var(--utrecht-button-subtle-warning-color);--_utrecht-button-hint-disabled-background-color:var(\n    --utrecht-button-subtle-warning-disabled-background-color\n  );--_utrecht-button-hint-disabled-border-color:var(--utrecht-button-subtle-warning-disabled-border-color);--_utrecht-button-hint-disabled-color:var(--utrecht-button-subtle-warning-disabled-color);--_utrecht-button-hint-focus-background-color:var(--utrecht-button-subtle-warning-focus-background-color);--_utrecht-button-hint-focus-border-color:var(--utrecht-button-subtle-warning-focus-border-color);--_utrecht-button-hint-focus-color:var(--utrecht-button-subtle-warning-focus-color);--_utrecht-button-hint-hover-background-color:var(--utrecht-button-subtle-warning-hover-background-color);--_utrecht-button-hint-hover-border-color:var(--utrecht-button-subtle-warning-hover-border-color);--_utrecht-button-hint-hover-color:var(--utrecht-button-subtle-warning-hover-color);--_utrecht-button-hint-pressed-background-color:var(\n    --utrecht-button-subtle-warning-pressed-background-color\n  );--_utrecht-button-hint-pressed-border-color:var(--utrecht-button-subtle-warning-pressed-border-color);--_utrecht-button-hint-pressed-color:var(--utrecht-button-subtle-warning-pressed-color)}.amsterdam-button{font-size:var(--amsterdam-button-narrow-font-size)}@media screen and (width > 53.375rem){.amsterdam-button{font-size:var(--amsterdam-button-wide-font-size)}}.amsterdam-button--secondary{box-shadow:var(--amsterdam-button-secondary-box-shadow)}.amsterdam-button--secondary [aria-disabled=true],.amsterdam-button--secondary:disabled{box-shadow:var(--amsterdam-button-secondary-disabled-box-shadow)}.amsterdam-button--secondary:hover:not(:disabled,[aria-disabled=true]){box-shadow:var(--amsterdam-button-secondary-hover-box-shadow)}.amsterdam-button--secondary.amsterdam-button--secondary:focus{color:var(--amsterdam-button-secondary-focus-color)}.amsterdam-button--secondary:focus:not(:disabled,[aria-disabled=true]){box-shadow:var(--amsterdam-button-secondary-focus-box-shadow)}.amsterdam-button--tertiary:hover:not(:disabled,[aria-disabled=true]){box-shadow:var(--amsterdam-button-tertiary-hover-box-shadow)}.amsterdam-button--tertiary:focus:not(:disabled,[aria-disabled=true]){box-shadow:var(--amsterdam-button-tertiary-focus-box-shadow)}";
-styleInject(css_248z$8);
-
-var css_248z$7 = ".amsterdam-form-label{color:var(--amsterdam-form-label-color);font-family:var(--amsterdam-form-label-font-family);font-size:var(--amsterdam-form-label-narrow-font-size);font-weight:var(--amsterdam-form-label-font-weight);line-height:var(--amsterdam-form-label-line-height)}@media screen and (width > 53.375rem){.amsterdam-form-label{font-size:var(--amsterdam-form-label-wide-font-size)}}";
-styleInject(css_248z$7);
-
-var css_248z$6 = ".amsterdam-heading{box-sizing:border-box;break-after:avoid;break-inside:avoid;color:var(--amsterdam-heading-color);font-family:var(--amsterdam-heading-font-family);font-weight:var(--amsterdam-heading-font-weight);margin-block:0}.amsterdam-heading--1{font-size:var(--amsterdam-heading-1-narrow-font-size);line-height:var(--amsterdam-heading-1-line-height)}@media screen and (width > 53.375rem){.amsterdam-heading--1{font-size:var(--amsterdam-heading-1-wide-font-size)}}.amsterdam-heading--2{font-size:var(--amsterdam-heading-2-narrow-font-size);line-height:var(--amsterdam-heading-2-line-height)}@media screen and (width > 53.375rem){.amsterdam-heading--2{font-size:var(--amsterdam-heading-2-wide-font-size)}}.amsterdam-heading--3{font-size:var(--amsterdam-heading-3-narrow-font-size);line-height:var(--amsterdam-heading-3-line-height)}@media screen and (width > 53.375rem){.amsterdam-heading--3{font-size:var(--amsterdam-heading-3-wide-font-size)}}.amsterdam-heading--4{font-size:var(--amsterdam-heading-4-narrow-font-size);line-height:var(--amsterdam-heading-4-line-height)}@media screen and (width > 53.375rem){.amsterdam-heading--4{font-size:var(--amsterdam-heading-4-wide-font-size)}}.amsterdam-heading--inverse-color{color:var(--amsterdam-heading-inverse-color)}";
-styleInject(css_248z$6);
-
-var css_248z$5 = ".amsterdam-icon{align-items:center;display:inline-flex}.amsterdam-icon svg{fill:currentColor}.amsterdam-icon--size-3{height:calc(var(--amsterdam-icon-size-3-icon-size-narrow)*var(--amsterdam-icon-size-3-container-multiplier))}@media screen and (width > 53.375rem){.amsterdam-icon--size-3{height:calc(var(--amsterdam-icon-size-3-icon-size-wide)*var(--amsterdam-icon-size-3-container-multiplier))}}.amsterdam-icon--size-3 svg{height:var(--amsterdam-icon-size-3-icon-size-narrow);width:var(--amsterdam-icon-size-3-icon-size-narrow)}@media screen and (width > 53.375rem){.amsterdam-icon--size-3 svg{height:var(--amsterdam-icon-size-3-icon-size-wide);width:var(--amsterdam-icon-size-3-icon-size-wide)}}.amsterdam-icon--size-4{height:calc(var(--amsterdam-icon-size-4-icon-size-narrow)*var(--amsterdam-icon-size-4-container-multiplier))}@media screen and (width > 53.375rem){.amsterdam-icon--size-4{height:calc(var(--amsterdam-icon-size-4-icon-size-wide)*var(--amsterdam-icon-size-4-container-multiplier))}}.amsterdam-icon--size-4 svg{height:var(--amsterdam-icon-size-4-icon-size-narrow);width:var(--amsterdam-icon-size-4-icon-size-narrow)}@media screen and (width > 53.375rem){.amsterdam-icon--size-4 svg{height:var(--amsterdam-icon-size-4-icon-size-wide);width:var(--amsterdam-icon-size-4-icon-size-wide)}}.amsterdam-icon--size-5{height:calc(var(--amsterdam-icon-size-5-icon-size-narrow)*var(--amsterdam-icon-size-5-container-multiplier))}@media screen and (width > 53.375rem){.amsterdam-icon--size-5{height:calc(var(--amsterdam-icon-size-5-icon-size-wide)*var(--amsterdam-icon-size-5-container-multiplier))}}.amsterdam-icon--size-5 svg{height:var(--amsterdam-icon-size-5-icon-size-narrow);width:var(--amsterdam-icon-size-5-icon-size-narrow)}@media screen and (width > 53.375rem){.amsterdam-icon--size-5 svg{height:var(--amsterdam-icon-size-5-icon-size-wide);width:var(--amsterdam-icon-size-5-icon-size-wide)}}.amsterdam-icon--size-6{height:calc(var(--amsterdam-icon-size-6-icon-size-narrow)*var(--amsterdam-icon-size-6-container-multiplier))}@media screen and (width > 53.375rem){.amsterdam-icon--size-6{height:calc(var(--amsterdam-icon-size-6-icon-size-wide)*var(--amsterdam-icon-size-6-container-multiplier))}}.amsterdam-icon--size-6 svg{height:var(--amsterdam-icon-size-6-icon-size-narrow);width:var(--amsterdam-icon-size-6-icon-size-narrow)}@media screen and (width > 53.375rem){.amsterdam-icon--size-6 svg{height:var(--amsterdam-icon-size-6-icon-size-wide);width:var(--amsterdam-icon-size-6-icon-size-wide)}}.amsterdam-icon--size-7{height:calc(var(--amsterdam-icon-size-7-icon-size-narrow)*var(--amsterdam-icon-size-7-container-multiplier))}@media screen and (width > 53.375rem){.amsterdam-icon--size-7{height:calc(var(--amsterdam-icon-size-7-icon-size-wide)*var(--amsterdam-icon-size-7-container-multiplier))}}.amsterdam-icon--size-7 svg{height:var(--amsterdam-icon-size-7-icon-size-narrow);width:var(--amsterdam-icon-size-7-icon-size-narrow)}@media screen and (width > 53.375rem){.amsterdam-icon--size-7 svg{height:var(--amsterdam-icon-size-7-icon-size-wide);width:var(--amsterdam-icon-size-7-icon-size-wide)}}";
-styleInject(css_248z$5);
-
-var css_248z$4 = ".amsterdam-link{color:var(--amsterdam-link-color);font-family:var(--amsterdam-link-font-family);font-weight:var(--amsterdam-link-font-weight);outline-offset:var(--amsterdam-link-outline-offset)}.amsterdam-link:active,.amsterdam-link:focus,.amsterdam-link:hover{color:var(--amsterdam-link-focus-color)}.amsterdam-link--standalone{display:inline-block;font-size:var(--amsterdam-link-standalone-narrow-font-size);line-height:var(--amsterdam-link-standalone-line-height);text-decoration-thickness:var(--amsterdam-link-standalone-text-decoration-thickness);text-underline-offset:var(--amsterdam-link-standalone-text-underline-offset)}.amsterdam-link--standalone:active,.amsterdam-link--standalone:focus,.amsterdam-link--standalone:hover{text-decoration-thickness:var(--amsterdam-link-standalone-focus-text-decoration-thickness);text-underline-offset:var(--amsterdam-link-standalone-focus-text-underline-offset)}@media screen and (width > 53.375rem){.amsterdam-link--standalone{font-size:var(--amsterdam-link-standalone-wide-font-size)}}.amsterdam-link--inline{font-family:var(--amsterdam-link-inline-font-family);font-size:var(--amsterdam-link-inline-font-size);line-height:var(--amsterdam-link-inline-line-height);text-decoration:var(--amsterdam-link-inline-text-decoration);text-decoration-thickness:var(--amsterdam-link-text-decoration-thickness)}.amsterdam-link--inline:active,.amsterdam-link--inline:focus,.amsterdam-link--inline:hover{text-decoration:var(--amsterdam-link-inline-focus-text-decoration);text-underline-offset:var(--amsterdam-link-inline-focus-text-underline-offset)}.amsterdam-link--inline:visited{color:var(--amsterdam-link-inline-visited-color)}.amsterdam-link--in-list{align-items:flex-start;display:inline-flex;font-size:var(--amsterdam-link-in-list-narrow-font-size);gap:var(--amsterdam-link-in-list-gap);line-height:var(--amsterdam-link-in-list-line-height);text-decoration:var(--amsterdam-link-in-list-text-decoration)}.amsterdam-link--in-list:active,.amsterdam-link--in-list:focus,.amsterdam-link--in-list:hover{text-decoration:var(--amsterdam-link-in-list-focus-text-decoration);text-decoration-thickness:var(--amsterdam-link-in-list-focus-text-decoration-thickness);text-underline-offset:var(--amsterdam-link-in-list-focus-text-underline-offset)}@media screen and (width > 53.375rem){.amsterdam-link--in-list{font-size:var(--amsterdam-link-in-list-wide-font-size)}}.amsterdam-link--in-list__chevron span.amsterdam-icon svg{height:16px;width:16px}.amsterdam-link--on-background-dark{color:var(--amsterdam-link-on-background-dark-color)}.amsterdam-link--on-background-dark:active,.amsterdam-link--on-background-dark:focus,.amsterdam-link--on-background-dark:hover{color:var(--amsterdam-link-on-background-dark-hover-color)}.amsterdam-link--on-background-dark:visited{color:var(--amsterdam-link-on-background-dark-visited-color)}.amsterdam-link--on-background-light{color:var(--amsterdam-link-on-background-light-color)}.amsterdam-link--on-background-light:active,.amsterdam-link--on-background-light:focus,.amsterdam-link--on-background-light:hover{color:var(--amsterdam-link-on-background-light-hover-color)}.amsterdam-link--on-background-light:visited{color:var(--amsterdam-link-on-background-light-visited-color)}.amsterdam-link--inline.amsterdam-link--on-background-dark,.amsterdam-link--inline.amsterdam-link--on-background-light{text-decoration:var(--amsterdam-link-inline-focus-text-decoration);text-underline-offset:var(--amsterdam-link-inline-focus-text-underline-offset)}.amsterdam-link--inline.amsterdam-link--on-background-dark:active,.amsterdam-link--inline.amsterdam-link--on-background-dark:focus,.amsterdam-link--inline.amsterdam-link--on-background-dark:hover,.amsterdam-link--inline.amsterdam-link--on-background-light:active,.amsterdam-link--inline.amsterdam-link--on-background-light:focus,.amsterdam-link--inline.amsterdam-link--on-background-light:hover{text-decoration:var(--amsterdam-link-inline-text-decoration)}";
-styleInject(css_248z$4);
+var _excluded$n = ["children", "className", "maxWidth"];
+function ownKeys$n(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$n(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$n(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$n(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var Screen = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    _ref$maxWidth = _ref.maxWidth,
+    maxWidth = _ref$maxWidth === void 0 ? 'wide' : _ref$maxWidth,
+    restProps = _objectWithoutProperties(_ref, _excluded$n);
+  return jsxRuntime.jsx("div", _objectSpread$n(_objectSpread$n({}, restProps), {}, {
+    ref: ref,
+    className: clsx('amsterdam-screen', "amsterdam-screen--".concat(maxWidth), className),
+    children: children
+  }));
+});
+Screen.displayName = 'Screen';
 
-var css_248z$3 = ".amsterdam-paragraph{-webkit-text-size-adjust:100%;box-sizing:border-box;color:var(--amsterdam-paragraph-color);font-family:var(--amsterdam-paragraph-font-family);font-size:var(--amsterdam-paragraph-narrow-font-size);font-weight:var(--amsterdam-paragraph-font-weight);line-height:var(--amsterdam-paragraph-line-height);margin-block:0}@media screen and (width > 53.375rem){.amsterdam-paragraph{font-size:var(--amsterdam-paragraph-wide-font-size)}}.amsterdam-paragraph--small{font-size:var(--amsterdam-paragraph-small-narrow-font-size);line-height:var(--amsterdam-paragraph-small-line-height)}@media screen and (width > 53.375rem){.amsterdam-paragraph--small{font-size:var(--amsterdam-paragraph-small-wide-font-size)}}.amsterdam-paragraph--large{font-size:var(--amsterdam-paragraph-large-narrow-font-size);line-height:var(--amsterdam-paragraph-large-line-height)}@media screen and (width > 53.375rem){.amsterdam-paragraph--large{font-size:var(--amsterdam-paragraph-large-wide-font-size)}}.amsterdam-paragraph--inverse-color{color:var(--amsterdam-paragraph-inverse-color)}";
-styleInject(css_248z$3);
+var _excluded$m = ["className", "id"];
+function ownKeys$m(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$m(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$m(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$m(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var Switch = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    id = _ref.id,
+    restProps = _objectWithoutProperties(_ref, _excluded$m);
+  var inputId = id || react.useId();
+  return jsxRuntime.jsxs("div", {
+    className: clsx('amsterdam-switch', className),
+    children: [jsxRuntime.jsx("input", _objectSpread$m(_objectSpread$m({}, restProps), {}, {
+      className: "amsterdam-switch__input",
+      id: inputId,
+      ref: ref,
+      type: "checkbox",
+      role: "switch"
+    })), jsxRuntime.jsx("label", {
+      className: "amsterdam-switch__label",
+      htmlFor: inputId
+    })]
+  });
+});
+Switch.displayName = 'Switch';
 
-var css_248z$2 = ".amsterdam-unordered-list{-webkit-text-size-adjust:100%;box-sizing:border-box;display:grid;gap:var(--amsterdam-unordered-list-gap);list-style:none;margin-block:0;padding-inline-start:0}.amsterdam-unordered-list:not(.amsterdam-unordered-list--no-markers){color:var(--amsterdam-unordered-list-color);font-family:var(--amsterdam-unordered-list-font-family);font-size:var(--amsterdam-unordered-list-narrow-font-size);font-weight:var(--amsterdam-unordered-list-font-weight);line-height:var(--amsterdam-unordered-list-line-height);list-style-type:var(--amsterdam-unordered-list-list-style-type)}@media screen and (width > 53.375rem){.amsterdam-unordered-list:not(.amsterdam-unordered-list--no-markers){font-size:var(--amsterdam-unordered-list-wide-font-size)}}.amsterdam-unordered-list:not(.amsterdam-unordered-list--no-markers) .amsterdam-unordered-list__item{margin-inline-start:var(--amsterdam-unordered-list-item-margin-inline-start);padding-inline-start:var(--amsterdam-unordered-list-item-padding-inline-start)}:is(.amsterdam-ordered-list,.amsterdam-unordered-list) .amsterdam-unordered-list{list-style-type:var(--amsterdam-unordered-list-unordered-list-list-style-type)}:is(.amsterdam-ordered-list,.amsterdam-unordered-list) .amsterdam-unordered-list .amsterdam-unordered-list__item{margin-inline-start:var(--amsterdam-unordered-list-unordered-list-item-margin-inline-start);padding-inline-start:var(--amsterdam-unordered-list-unordered-list-item-padding-inline-start)}";
-styleInject(css_248z$2);
+var _excluded$l = ["children", "className", "as", "color"];
+function ownKeys$l(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$l(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$l(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$l(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var Highlight = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    _ref$as = _ref.as,
+    as = _ref$as === void 0 ? 'div' : _ref$as,
+    _ref$color = _ref.color,
+    color = _ref$color === void 0 ? 'blue' : _ref$color,
+    restProps = _objectWithoutProperties(_ref, _excluded$l);
+  var Component = as;
+  return jsxRuntime.jsx(Component, _objectSpread$l(_objectSpread$l({}, restProps), {}, {
+    ref: ref,
+    className: clsx('amsterdam-highlight', "amsterdam-highlight--".concat(color), className),
+    children: children
+  }));
+});
+Highlight.displayName = 'Highlight';
 
-var css_248z$1 = "@media screen and (width > 53.375rem){.amsterdam-grid-column-start-1{grid-column-start:1}.amsterdam-grid-column-span-1{grid-column-end:span 1}.amsterdam-grid-column-start-2{grid-column-start:2}.amsterdam-grid-column-span-2{grid-column-end:span 2}.amsterdam-grid-column-start-3{grid-column-start:3}.amsterdam-grid-column-span-3{grid-column-end:span 3}.amsterdam-grid-column-start-4{grid-column-start:4}.amsterdam-grid-column-span-4{grid-column-end:span 4}.amsterdam-grid-column-start-5{grid-column-start:5}.amsterdam-grid-column-span-5{grid-column-end:span 5}.amsterdam-grid-column-start-6{grid-column-start:6}.amsterdam-grid-column-span-6{grid-column-end:span 6}.amsterdam-grid-column-start-7{grid-column-start:7}.amsterdam-grid-column-span-7{grid-column-end:span 7}.amsterdam-grid-column-start-8{grid-column-start:8}.amsterdam-grid-column-span-8{grid-column-end:span 8}.amsterdam-grid-column-start-9{grid-column-start:9}.amsterdam-grid-column-span-9{grid-column-end:span 9}.amsterdam-grid-column-start-10{grid-column-start:10}.amsterdam-grid-column-span-10{grid-column-end:span 10}.amsterdam-grid-column-start-11{grid-column-start:11}.amsterdam-grid-column-span-11{grid-column-end:span 11}.amsterdam-grid-column-start-12{grid-column-start:12}.amsterdam-grid-column-span-12{grid-column-end:span 12}}";
-styleInject(css_248z$1);
+var _excluded$k = ["children", "className", "inverseColor", "size"];
+function ownKeys$k(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$k(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$k(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$k(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var Paragraph = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    inverseColor = _ref.inverseColor,
+    size = _ref.size,
+    otherProps = _objectWithoutProperties(_ref, _excluded$k);
+  return jsxRuntime.jsx("p", _objectSpread$k(_objectSpread$k({
+    ref: ref,
+    className: clsx('amsterdam-paragraph', size && "amsterdam-paragraph--".concat(size), inverseColor && 'amsterdam-paragraph--inverse-color', className)
+  }, otherProps), {}, {
+    children: children
+  }));
+});
+Paragraph.displayName = 'Paragraph';
 
-var css_248z = ".amsterdam-page-grid{column-gap:var(--amsterdam-page-grid-column-gap);display:grid;grid-template-columns:repeat(var(--amsterdam-page-grid-column-count-narrow),1fr);max-width:var(--amsterdam-page-grid-max-width)}@media screen and (width > 53.375rem){.amsterdam-page-grid{grid-template-columns:repeat(var(--amsterdam-page-grid-column-count-wide),1fr)}}";
-styleInject(css_248z);
+var _excluded$j = ["children", "className", "tagline"],
+  _excluded2$6 = ["children", "className"],
+  _excluded3$2 = ["children", "className"];
+function ownKeys$j(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$j(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$j(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$j(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var CardHeadingGroup = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    tagline = _ref.tagline,
+    restProps = _objectWithoutProperties(_ref, _excluded$j);
+  return jsxRuntime.jsxs("hgroup", _objectSpread$j(_objectSpread$j({}, restProps), {}, {
+    ref: ref,
+    className: clsx('amsterdam-card__heading-group', className),
+    children: [children, jsxRuntime.jsx(Paragraph, {
+      size: "small",
+      children: tagline
+    })]
+  }));
+});
+CardHeadingGroup.displayName = 'CardHeadingGroup';
+var CardLink = /*#__PURE__*/react.forwardRef(function (_ref2, ref) {
+  var children = _ref2.children,
+    className = _ref2.className,
+    otherProps = _objectWithoutProperties(_ref2, _excluded2$6);
+  return jsxRuntime.jsx("a", _objectSpread$j(_objectSpread$j({}, otherProps), {}, {
+    ref: ref,
+    className: clsx('amsterdam-card__link', className),
+    children: children
+  }));
+});
+CardLink.displayName = 'CardLink';
+var Card = /*#__PURE__*/react.forwardRef(function (_ref3, ref) {
+  var children = _ref3.children,
+    className = _ref3.className,
+    restProps = _objectWithoutProperties(_ref3, _excluded3$2);
+  return jsxRuntime.jsx("article", _objectSpread$j(_objectSpread$j({}, restProps), {}, {
+    ref: ref,
+    className: clsx('amsterdam-card', className),
+    children: children
+  }));
+});
+Card.HeadingGroup = CardHeadingGroup;
+Card.Link = CardLink;
+Card.displayName = 'Card';
+Card.HeadingGroup.displayName = 'Card.HeadingGroup';
+Card.Link.displayName = 'Card.Link';
 
 var _excluded$i = ["children", "className"];
 function ownKeys$i(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -108,80 +317,106 @@ var VisuallyHidden = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 VisuallyHidden.displayName = 'VisuallyHidden';
 
-var _excluded$h = ["children", "gridColumns", "className"];
+var _excluded$h = ["className", "size"],
+  _excluded2$5 = ["children", "className", "title", "severity", "closeable", "icon", "onClose"];
 function ownKeys$h(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$h(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$h(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$h(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var gridColumnClassNames = function gridColumnClassNames(gridColumns) {
-  if (!gridColumns) {
-    return '';
-  }
-  if (typeof gridColumns === 'number') {
-    return "amsterdam-grid-column-span-".concat(gridColumns);
-  }
-  var start = gridColumns.start,
-    span = gridColumns.span;
-  return clsx(start && "amsterdam-grid-column-start-".concat(start), span && "amsterdam-grid-column-span-".concat(span));
-};
-var GridCell = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-    gridColumns = _ref.gridColumns,
-    className = _ref.className,
+var AlertClose = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    size = _ref.size,
     restProps = _objectWithoutProperties(_ref, _excluded$h);
-  return jsxRuntime.jsx("div", _objectSpread$h(_objectSpread$h({}, restProps), {}, {
+  return jsxRuntime.jsxs("button", _objectSpread$h(_objectSpread$h({}, restProps), {}, {
     ref: ref,
-    className: clsx('amsterdam-grid-cell', gridColumnClassNames(gridColumns), className),
-    children: children
+    className: clsx('amsterdam-alert__close', className),
+    children: [jsxRuntime.jsx(VisuallyHidden, {
+      children: "Sluiten"
+    }), jsxRuntime.jsx(Icon, {
+      svg: designSystemReactIcons.CloseIcon,
+      size: size
+    })]
+  }));
+});
+var iconSvgBySeverity = {
+  error: designSystemReactIcons.AlertIcon,
+  success: designSystemReactIcons.CheckmarkIcon
+};
+var Alert = /*#__PURE__*/react.forwardRef(function (_ref2, ref) {
+  var children = _ref2.children,
+    className = _ref2.className,
+    title = _ref2.title,
+    severity = _ref2.severity,
+    closeable = _ref2.closeable,
+    icon = _ref2.icon,
+    onClose = _ref2.onClose,
+    restProps = _objectWithoutProperties(_ref2, _excluded2$5);
+  var alertSize = title ? 'level-5' : 'level-6';
+  var alertIcon = react.useMemo(function () {
+    if (!icon || !severity) {
+      return null;
+    }
+    return jsxRuntime.jsx(Icon, {
+      size: alertSize,
+      svg: iconSvgBySeverity[severity]
+    });
+  }, [icon, severity, alertSize]);
+  return jsxRuntime.jsxs("div", _objectSpread$h(_objectSpread$h({}, restProps), {}, {
+    ref: ref,
+    className: clsx('amsterdam-alert', severity && "amsterdam-alert--".concat(severity), className),
+    children: [alertIcon && jsxRuntime.jsx("div", {
+      className: "amsterdam-alert__icon",
+      children: alertIcon
+    }), jsxRuntime.jsxs("div", {
+      className: "amsterdam-alert__content",
+      children: [title && jsxRuntime.jsx("span", {
+        className: "amsterdam-alert__title",
+        children: title
+      }), children]
+    }), closeable && jsxRuntime.jsx(AlertClose, {
+      size: alertSize,
+      onClick: onClose
+    })]
   }));
 });
-GridCell.displayName = 'GridCell';
+Alert.displayName = 'Alert';
+AlertClose.displayName = 'AlertClose';
 
-var _excluded$g = ["children", "className"];
+var _excluded$g = ["children", "className", "ratio"];
 function ownKeys$g(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$g(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$g(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$g(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var PageGrid = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+var AspectRatio = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
+    _ref$ratio = _ref.ratio,
+    ratio = _ref$ratio === void 0 ? 'square' : _ref$ratio,
     restProps = _objectWithoutProperties(_ref, _excluded$g);
   return jsxRuntime.jsx("div", _objectSpread$g(_objectSpread$g({}, restProps), {}, {
     ref: ref,
-    className: clsx('amsterdam-page-grid', className),
+    className: clsx('amsterdam-aspect-ratio', "amsterdam-aspect-ratio--".concat(ratio), className),
     children: children
   }));
 });
-PageGrid.displayName = 'PageGrid';
+AspectRatio.displayName = 'AspectRatio';
 
 var _excluded$f = ["children", "className"],
   _excluded2$4 = ["children", "className"],
-  _excluded3$1 = ["children", "className"],
-  _excluded4 = ["children", "className"];
+  _excluded3$1 = ["children", "className"];
 function ownKeys$f(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$f(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$f(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$f(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var FooterTop = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     restProps = _objectWithoutProperties(_ref, _excluded$f);
-  return jsxRuntime.jsx(PageGrid, _objectSpread$f(_objectSpread$f({}, restProps), {}, {
+  return jsxRuntime.jsx("div", _objectSpread$f(_objectSpread$f({}, restProps), {}, {
     ref: ref,
     className: clsx('amsterdam-footer__top', className),
     children: children
   }));
 });
 FooterTop.displayName = 'FooterTop';
-var FooterColumn = /*#__PURE__*/react.forwardRef(function (_ref2, ref) {
+var FooterBottom = /*#__PURE__*/react.forwardRef(function (_ref2, ref) {
   var children = _ref2.children,
     className = _ref2.className,
     restProps = _objectWithoutProperties(_ref2, _excluded2$4);
-  return jsxRuntime.jsx(GridCell, _objectSpread$f(_objectSpread$f({}, restProps), {}, {
-    ref: ref,
-    className: clsx('amsterdam-footer__column', className),
-    children: children
-  }));
-});
-FooterColumn.displayName = 'FooterColumn';
-var FooterBottom = /*#__PURE__*/react.forwardRef(function (_ref3, ref) {
-  var children = _ref3.children,
-    className = _ref3.className,
-    restProps = _objectWithoutProperties(_ref3, _excluded3$1);
   return jsxRuntime.jsx("div", _objectSpread$f(_objectSpread$f({}, restProps), {}, {
     ref: ref,
     className: clsx('amsterdam-footer__bottom', className),
@@ -189,10 +424,10 @@ var FooterBottom = /*#__PURE__*/react.forwardRef(function (_ref3, ref) {
   }));
 });
 FooterBottom.displayName = 'FooterBottom';
-var Footer = /*#__PURE__*/react.forwardRef(function (_ref4, ref) {
-  var children = _ref4.children,
-    className = _ref4.className,
-    restProps = _objectWithoutProperties(_ref4, _excluded4);
+var Footer = /*#__PURE__*/react.forwardRef(function (_ref3, ref) {
+  var children = _ref3.children,
+    className = _ref3.className,
+    restProps = _objectWithoutProperties(_ref3, _excluded3$1);
   return jsxRuntime.jsx("footer", _objectSpread$f(_objectSpread$f({}, restProps), {}, {
     ref: ref,
     className: clsx('amsterdam-footer', className),
@@ -201,40 +436,20 @@ var Footer = /*#__PURE__*/react.forwardRef(function (_ref4, ref) {
 });
 Footer.Top = FooterTop;
 Footer.Bottom = FooterBottom;
-Footer.Column = FooterColumn;
 Footer.displayName = 'Footer';
 Footer.Top.displayName = 'Footer.Top';
 Footer.Bottom.displayName = 'Footer.Bottom';
-Footer.Column.displayName = 'Footer.Column';
-
-var _excluded$e = ["className", "size", "svg"];
-function ownKeys$e(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$e(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$e(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$e(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var Icon = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
-  var className = _ref.className,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 'level-3' : _ref$size,
-    svg = _ref.svg,
-    otherProps = _objectWithoutProperties(_ref, _excluded$e);
-  return jsxRuntime.jsx("span", _objectSpread$e(_objectSpread$e({
-    ref: ref,
-    className: clsx('amsterdam-icon', size === 'level-3' && 'amsterdam-icon--size-3', size === 'level-4' && 'amsterdam-icon--size-4', size === 'level-5' && 'amsterdam-icon--size-5', size === 'level-6' && 'amsterdam-icon--size-6', size === 'level-7' && 'amsterdam-icon--size-7', className)
-  }, otherProps), {}, {
-    children: svg()
-  }));
-});
-Icon.displayName = 'Icon';
 
-var _excluded$d = ["children", "className"],
+var _excluded$e = ["children", "className"],
   _excluded2$3 = ["children", "icon"],
   _excluded3 = ["children", "icon"];
-function ownKeys$d(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$d(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$d(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$d(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$e(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$e(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$e(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$e(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var PageMenu = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$d);
-  return jsxRuntime.jsx("ul", _objectSpread$d(_objectSpread$d({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$e);
+  return jsxRuntime.jsx("ul", _objectSpread$e(_objectSpread$e({}, restProps), {}, {
     className: clsx('amsterdam-page-menu', className),
     ref: ref,
     children: children
@@ -246,7 +461,7 @@ var PageMenuLink = /*#__PURE__*/react.forwardRef(function (_ref2, ref) {
     restProps = _objectWithoutProperties(_ref2, _excluded2$3);
   return jsxRuntime.jsx("li", {
     className: "amsterdam-page-menu__item",
-    children: jsxRuntime.jsxs("a", _objectSpread$d(_objectSpread$d({}, restProps), {}, {
+    children: jsxRuntime.jsxs("a", _objectSpread$e(_objectSpread$e({}, restProps), {}, {
       ref: ref,
       className: "amsterdam-page-menu__link",
       children: [children, icon && jsxRuntime.jsx(Icon, {
@@ -262,7 +477,7 @@ var PageMenuButton = /*#__PURE__*/react.forwardRef(function (_ref3, ref) {
     restProps = _objectWithoutProperties(_ref3, _excluded3);
   return jsxRuntime.jsx("li", {
     className: "amsterdam-page-menu__item",
-    children: jsxRuntime.jsxs("button", _objectSpread$d(_objectSpread$d({}, restProps), {}, {
+    children: jsxRuntime.jsxs("button", _objectSpread$e(_objectSpread$e({}, restProps), {}, {
       type: "button",
       ref: ref,
       className: "amsterdam-page-menu__button",
@@ -279,22 +494,22 @@ PageMenuButton.displayName = 'PageMenu.Button';
 PageMenu.Link = PageMenuLink;
 PageMenu.Button = PageMenuButton;
 
-var _excluded$c = ["className", "label", "description"];
-function ownKeys$c(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$c(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$c(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$c(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$d = ["className", "label", "description"];
+function ownKeys$d(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$d(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$d(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$d(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var TopTaskLink = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var className = _ref.className,
     label = _ref.label,
     description = _ref.description,
-    restProps = _objectWithoutProperties(_ref, _excluded$c);
-  return jsxRuntime.jsxs("a", _objectSpread$c(_objectSpread$c({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$d);
+  return jsxRuntime.jsxs("a", _objectSpread$d(_objectSpread$d({}, restProps), {}, {
     ref: ref,
     className: clsx('amsterdam-top-task-link', className),
-    "aria-label": "".concat(label).concat(description ? ", ".concat(description) : ''),
+    "aria-label": "".concat(label, ", ").concat(description),
     children: [jsxRuntime.jsx("span", {
       className: "amsterdam-top-task-link__label",
       children: label
-    }), description && jsxRuntime.jsx("span", {
+    }), jsxRuntime.jsx("span", {
       className: "amsterdam-top-task-link__description",
       children: description
     })]
@@ -302,15 +517,15 @@ var TopTaskLink = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 TopTaskLink.displayName = 'TopTaskLink';
 
-var _excluded$b = ["children", "className", "inverseColor"];
-function ownKeys$b(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$b(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$b(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$b(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$c = ["children", "className", "inverseColor"];
+function ownKeys$c(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$c(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$c(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$c(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Blockquote = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     inverseColor = _ref.inverseColor,
-    restProps = _objectWithoutProperties(_ref, _excluded$b);
-  return jsxRuntime.jsx("blockquote", _objectSpread$b(_objectSpread$b({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$c);
+  return jsxRuntime.jsx("blockquote", _objectSpread$c(_objectSpread$c({}, restProps), {}, {
     ref: ref,
     className: clsx('amsterdam-blockquote', inverseColor && 'amsterdam-blockquote--inverse-color', className),
     children: children
@@ -318,15 +533,15 @@ var Blockquote = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 Blockquote.displayName = 'Blockquote';
 
-var _excluded$a = ["children", "className", "invalid", "indeterminate"];
-function ownKeys$a(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$a(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$a(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$a(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$b = ["children", "className", "invalid", "indeterminate"];
+function ownKeys$b(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$b(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$b(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$b(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Checkbox = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     invalid = _ref.invalid,
     indeterminate = _ref.indeterminate,
-    restProps = _objectWithoutProperties(_ref, _excluded$a);
+    restProps = _objectWithoutProperties(_ref, _excluded$b);
   var id = react.useId();
   var innerRef = react.useRef(null);
   // use a passed ref if it's there, otherwise use innerRef
@@ -344,7 +559,7 @@ var Checkbox = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
     // without a containing element
     jsxRuntime.jsxs("div", {
       className: clsx('amsterdam-checkbox', className),
-      children: [jsxRuntime.jsx("input", _objectSpread$a(_objectSpread$a({}, restProps), {}, {
+      children: [jsxRuntime.jsx("input", _objectSpread$b(_objectSpread$b({}, restProps), {}, {
         type: "checkbox",
         className: "amsterdam-checkbox__input",
         ref: innerRef,
@@ -362,15 +577,15 @@ var Checkbox = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 Checkbox.displayName = 'Checkbox';
 
-var _excluded$9 = ["children", "className", "inverseColor"];
-function ownKeys$9(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$9(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$9(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$9(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$a = ["children", "className", "inverseColor"];
+function ownKeys$a(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$a(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$a(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$a(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var PageHeading = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     inverseColor = _ref.inverseColor,
-    restProps = _objectWithoutProperties(_ref, _excluded$9);
-  return jsxRuntime.jsx("h1", _objectSpread$9(_objectSpread$9({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$a);
+  return jsxRuntime.jsx("h1", _objectSpread$a(_objectSpread$a({}, restProps), {}, {
     ref: ref,
     className: clsx('amsterdam-page-heading', inverseColor && 'amsterdam-page-heading--inverse-color', className),
     children: children
@@ -378,17 +593,17 @@ var PageHeading = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 PageHeading.displayName = 'PageHeading';
 
-var _excluded$8 = ["children", "markers", "className"],
+var _excluded$9 = ["children", "markers", "className"],
   _excluded2$2 = ["children", "className"];
-function ownKeys$8(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$8(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$8(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$8(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$9(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$9(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$9(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$9(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var OrderedList = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     _ref$markers = _ref.markers,
     markers = _ref$markers === void 0 ? true : _ref$markers,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$8);
-  return jsxRuntime.jsx("ol", _objectSpread$8(_objectSpread$8({
+    restProps = _objectWithoutProperties(_ref, _excluded$9);
+  return jsxRuntime.jsx("ol", _objectSpread$9(_objectSpread$9({
     ref: ref,
     className: clsx('amsterdam-ordered-list', !markers && 'amsterdam-ordered-list--no-markers', className)
   }, restProps), {}, {
@@ -400,7 +615,7 @@ var OrderedListItem = /*#__PURE__*/react.forwardRef(function (_ref2, ref) {
   var children = _ref2.children,
     className = _ref2.className,
     restProps = _objectWithoutProperties(_ref2, _excluded2$2);
-  return jsxRuntime.jsx("li", _objectSpread$8(_objectSpread$8({
+  return jsxRuntime.jsx("li", _objectSpread$9(_objectSpread$9({
     ref: ref,
     className: clsx('amsterdam-ordered-list__item', className)
   }, restProps), {}, {
@@ -410,9 +625,9 @@ var OrderedListItem = /*#__PURE__*/react.forwardRef(function (_ref2, ref) {
 OrderedListItem.displayName = 'OrderedListItem';
 OrderedList.Item = OrderedListItem;
 
-var _excluded$7 = ["children", "className", "inverseColor", "level", "size"];
-function ownKeys$7(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$7(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$7(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$7(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$8 = ["children", "className", "inverseColor", "level", "size"];
+function ownKeys$8(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$8(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$8(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$8(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function getHeadingElement(level) {
   switch (level) {
     case 2:
@@ -432,10 +647,10 @@ var Heading = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
     _ref$level = _ref.level,
     level = _ref$level === void 0 ? 1 : _ref$level,
     size = _ref.size,
-    restProps = _objectWithoutProperties(_ref, _excluded$7);
+    restProps = _objectWithoutProperties(_ref, _excluded$8);
   var HeadingX = getHeadingElement(level);
   var sizeOrLevel = size ? size.split('-')[1] : level;
-  return jsxRuntime.jsx(HeadingX, _objectSpread$7(_objectSpread$7({
+  return jsxRuntime.jsx(HeadingX, _objectSpread$8(_objectSpread$8({
     ref: ref,
     className: clsx('amsterdam-heading', "amsterdam-heading--".concat(sizeOrLevel), inverseColor && 'amsterdam-heading--inverse-color', className)
   }, restProps), {}, {
@@ -444,14 +659,14 @@ var Heading = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 Heading.displayName = 'Heading';
 
-var _excluded$6 = ["children"],
+var _excluded$7 = ["children"],
   _excluded2$1 = ["children", "href"];
-function ownKeys$6(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$6(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$6(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$7(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$7(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$7(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$7(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Breadcrumb = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
-    restProps = _objectWithoutProperties(_ref, _excluded$6);
-  return jsxRuntime.jsx("nav", _objectSpread$6(_objectSpread$6({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$7);
+  return jsxRuntime.jsx("nav", _objectSpread$7(_objectSpread$7({}, restProps), {}, {
     className: "amsterdam-breadcrumb",
     ref: ref,
     children: jsxRuntime.jsx("ol", {
@@ -465,7 +680,7 @@ var BreadcrumbItem = /*#__PURE__*/react.forwardRef(function (_ref2, ref) {
   var children = _ref2.children,
     href = _ref2.href,
     restProps = _objectWithoutProperties(_ref2, _excluded2$1);
-  return jsxRuntime.jsx("li", _objectSpread$6(_objectSpread$6({}, restProps), {}, {
+  return jsxRuntime.jsx("li", _objectSpread$7(_objectSpread$7({}, restProps), {}, {
     className: "amsterdam-breadcrumb-item",
     ref: ref,
     children: jsxRuntime.jsx("a", {
@@ -478,9 +693,9 @@ var BreadcrumbItem = /*#__PURE__*/react.forwardRef(function (_ref2, ref) {
 BreadcrumbItem.displayName = 'BreadcrumbItem';
 Breadcrumb.Item = BreadcrumbItem;
 
-var _excluded$5 = ["children", "variant", "icon", "onBackground", "className"];
-function ownKeys$5(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$6 = ["children", "variant", "icon", "onBackground", "className"];
+function ownKeys$6(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$6(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$6(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Link = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     _ref$variant = _ref.variant,
@@ -488,8 +703,8 @@ var Link = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
     icon = _ref.icon,
     onBackground = _ref.onBackground,
     className = _ref.className,
-    otherProps = _objectWithoutProperties(_ref, _excluded$5);
-  return jsxRuntime.jsxs("a", _objectSpread$5(_objectSpread$5({}, otherProps), {}, {
+    otherProps = _objectWithoutProperties(_ref, _excluded$6);
+  return jsxRuntime.jsxs("a", _objectSpread$6(_objectSpread$6({}, otherProps), {}, {
     ref: ref,
     className: clsx('amsterdam-link', {
       'amsterdam-link--standalone': variant === 'standalone',
@@ -500,16 +715,16 @@ var Link = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
       'amsterdam-link--on-background-dark': onBackground === 'dark'
     }, className),
     children: [variant === 'inList' && jsxRuntime.jsx(Icon, {
-      svg: icon !== null && icon !== void 0 ? icon : designSystemReactIcons.ChevronRight,
+      svg: icon !== null && icon !== void 0 ? icon : designSystemReactIcons.ChevronRightIcon,
       size: "level-7"
     }), children]
   }));
 });
 Link.displayName = 'Link';
 
-var _excluded$4 = ["children", "disabled", "variant"];
-function ownKeys$4(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$5 = ["children", "disabled", "variant"];
+function ownKeys$5(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function getAppearance(variant) {
   switch (variant) {
     case 'secondary':
@@ -525,8 +740,8 @@ var Button = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
     disabled = _ref.disabled,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'primary' : _ref$variant,
-    restProps = _objectWithoutProperties(_ref, _excluded$4);
-  return jsxRuntime.jsx(componentLibraryReact.Button, _objectSpread$4(_objectSpread$4({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$5);
+  return jsxRuntime.jsx(componentLibraryReact.Button, _objectSpread$5(_objectSpread$5({}, restProps), {}, {
     appearance: getAppearance(variant),
     ref: ref,
     disabled: disabled,
@@ -536,33 +751,14 @@ var Button = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 Button.displayName = 'Button';
 
-var _excluded$3 = ["children", "className", "gridColumns", "inverseColor", "size"];
-function ownKeys$3(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var Paragraph = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    gridColumns = _ref.gridColumns,
-    inverseColor = _ref.inverseColor,
-    size = _ref.size,
-    otherProps = _objectWithoutProperties(_ref, _excluded$3);
-  return jsxRuntime.jsx("p", _objectSpread$3(_objectSpread$3({
-    ref: ref,
-    className: clsx('amsterdam-paragraph', size && "amsterdam-paragraph--".concat(size), inverseColor && 'amsterdam-paragraph--inverse-color', gridColumnClassNames(gridColumns), className)
-  }, otherProps), {}, {
-    children: children
-  }));
-});
-Paragraph.displayName = 'Paragraph';
-
-var _excluded$2 = ["children", "className"];
-function ownKeys$2(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$4 = ["children", "className"];
+function ownKeys$4(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var FormLabel = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$2);
-  return jsxRuntime.jsx("label", _objectSpread$2(_objectSpread$2({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$4);
+  return jsxRuntime.jsx("label", _objectSpread$4(_objectSpread$4({}, restProps), {}, {
     ref: ref,
     className: clsx('amsterdam-form-label', className),
     children: children
@@ -570,17 +766,17 @@ var FormLabel = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 FormLabel.displayName = 'FormLabel';
 
-var _excluded$1 = ["children", "markers", "className"],
+var _excluded$3 = ["children", "markers", "className"],
   _excluded2 = ["children", "className"];
-function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$3(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var UnorderedList = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     _ref$markers = _ref.markers,
     markers = _ref$markers === void 0 ? true : _ref$markers,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$1);
-  return jsxRuntime.jsx("ul", _objectSpread$1(_objectSpread$1({
+    restProps = _objectWithoutProperties(_ref, _excluded$3);
+  return jsxRuntime.jsx("ul", _objectSpread$3(_objectSpread$3({
     ref: ref,
     className: clsx('amsterdam-unordered-list', !markers && 'amsterdam-unordered-list--no-markers', className)
   }, restProps), {}, {
@@ -592,7 +788,7 @@ var UnorderedListItem = /*#__PURE__*/react.forwardRef(function (_ref2, ref) {
   var children = _ref2.children,
     className = _ref2.className,
     restProps = _objectWithoutProperties(_ref2, _excluded2);
-  return jsxRuntime.jsx("li", _objectSpread$1(_objectSpread$1({
+  return jsxRuntime.jsx("li", _objectSpread$3(_objectSpread$3({
     ref: ref,
     className: clsx('amsterdam-unordered-list__item', className)
   }, restProps), {}, {
@@ -608,16 +804,16 @@ var defaultValues = {
 };
 var AccordionContext = /*#__PURE__*/react.createContext(defaultValues);
 
-var _excluded = ["label", "expanded", "children", "className"];
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$2 = ["label", "expanded", "children", "className"];
+function ownKeys$2(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var AccordionSection = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var label = _ref.label,
     _ref$expanded = _ref.expanded,
     expanded = _ref$expanded === void 0 ? false : _ref$expanded,
     children = _ref.children,
     className = _ref.className,
-    otherProps = _objectWithoutProperties(_ref, _excluded);
+    otherProps = _objectWithoutProperties(_ref, _excluded$2);
   var _useContext = react.useContext(AccordionContext),
     headingLevel = _useContext.headingLevel,
     section = _useContext.section;
@@ -629,7 +825,7 @@ var AccordionSection = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var id = react.useId();
   var buttonId = "button-".concat(id);
   var panelId = "panel-".concat(id);
-  return jsxRuntime.jsxs("div", _objectSpread(_objectSpread({
+  return jsxRuntime.jsxs("div", _objectSpread$2(_objectSpread$2({
     className: clsx('amsterdam-accordion__section', className),
     ref: ref
   }, otherProps), {}, {
@@ -645,7 +841,7 @@ var AccordionSection = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
         },
         type: "button",
         children: [label, jsxRuntime.jsx(Icon, {
-          svg: designSystemReactIcons.ChevronDown,
+          svg: designSystemReactIcons.ChevronDownIcon,
           size: "level-5"
         })]
       })
@@ -706,7 +902,7 @@ var useFocusWithArrows = function useFocusWithArrows(ref) {
           {
             if (getIndex(activeElement) !== focusableEls.length - 1) {
               el = focusableEls[getIndex(activeElement) + 1];
-              // If there is nothing focussed yet, set the focus on the first element
+              // If there is nothing focused yet, set the focus on the first element
               if (activeElement && !focusableEls.includes(activeElement)) {
                 el = focusableEls[0];
               }
@@ -776,24 +972,108 @@ Accordion.displayName = 'Accordion';
 Accordion.Section = AccordionSection;
 Accordion.Section.displayName = 'Accordion.Section';
 
+var gridCellClasses = function gridCellClasses(span, start) {
+  if (!span && !start) {
+    return [];
+  }
+  var classes = [];
+  if (typeof span === 'number') {
+    classes.push("amsterdam-grid-cell--span-".concat(span));
+  } else if (span) {
+    var narrow = span.narrow,
+      medium = span.medium,
+      wide = span.wide;
+    classes.push("amsterdam-grid-cell--span-".concat(narrow), "amsterdam-grid-cell--span-".concat(medium, "-medium"), "amsterdam-grid-cell--span-".concat(wide, "-wide"));
+  }
+  if (typeof start === 'number') {
+    classes.push("amsterdam-grid-cell--start-".concat(start));
+  } else if (start) {
+    var _narrow = start.narrow,
+      _medium = start.medium,
+      _wide = start.wide;
+    classes.push("amsterdam-grid-cell--start-".concat(_narrow), "amsterdam-grid-cell--start-".concat(_medium, "-medium"), "amsterdam-grid-cell--start-".concat(_wide, "-wide"));
+  }
+  return classes;
+};
+
+var _excluded$1 = ["children", "className", "fullWidth", "span", "start"];
+function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var GridCell = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    fullWidth = _ref.fullWidth,
+    span = _ref.span,
+    start = _ref.start,
+    restProps = _objectWithoutProperties(_ref, _excluded$1);
+  return jsxRuntime.jsx("div", _objectSpread$1(_objectSpread$1({}, restProps), {}, {
+    ref: ref,
+    className: clsx('amsterdam-grid-cell', fullWidth && 'amsterdam-grid-cell--full-width', gridCellClasses(span, start), className),
+    children: children
+  }));
+});
+GridCell.displayName = 'Grid.Cell';
+
+var _excluded = ["children", "className", "density", "paddingBottom", "paddingTop", "paddingVertical"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var paddingClasses = function paddingClasses(paddingBottom, paddingTop, paddingVertical) {
+  var classes = [];
+  if (paddingVertical) {
+    return ["amsterdam-grid--padding-vertical--".concat(paddingVertical)];
+  }
+  if (paddingBottom) {
+    classes.push("amsterdam-grid--padding-bottom--".concat(paddingBottom));
+  }
+  if (paddingTop) {
+    classes.push("amsterdam-grid--padding-top--".concat(paddingTop));
+  }
+  return classes;
+};
+var Grid = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    _ref$density = _ref.density,
+    density = _ref$density === void 0 ? 'low' : _ref$density,
+    paddingBottom = _ref.paddingBottom,
+    paddingTop = _ref.paddingTop,
+    paddingVertical = _ref.paddingVertical,
+    restProps = _objectWithoutProperties(_ref, _excluded);
+  return jsxRuntime.jsx("div", _objectSpread(_objectSpread({}, restProps), {}, {
+    ref: ref,
+    className: clsx('amsterdam-grid', density && "amsterdam-grid--density-".concat(density), paddingClasses(paddingBottom, paddingTop, paddingVertical), className),
+    children: children
+  }));
+});
+Grid.Cell = GridCell;
+Grid.displayName = 'Grid';
+GridCell.displayName = 'Grid.Cell';
+
 exports.Accordion = Accordion;
+exports.Alert = Alert;
+exports.AspectRatio = AspectRatio;
 exports.Blockquote = Blockquote;
 exports.Breadcrumb = Breadcrumb;
 exports.Button = Button;
+exports.Card = Card;
 exports.Checkbox = Checkbox;
 exports.Footer = Footer;
 exports.FormLabel = FormLabel;
+exports.Grid = Grid;
 exports.GridCell = GridCell;
 exports.Heading = Heading;
+exports.Highlight = Highlight;
 exports.Icon = Icon;
+exports.Image = Image;
 exports.Link = Link;
 exports.OrderedList = OrderedList;
-exports.PageGrid = PageGrid;
 exports.PageHeading = PageHeading;
 exports.PageMenu = PageMenu;
+exports.Pagination = Pagination;
 exports.Paragraph = Paragraph;
+exports.Screen = Screen;
+exports.Switch = Switch;
 exports.TopTaskLink = TopTaskLink;
 exports.UnorderedList = UnorderedList;
 exports.VisuallyHidden = VisuallyHidden;
-exports.gridColumnClassNames = gridColumnClassNames;
 //# sourceMappingURL=index.cjs.js.map