@amsterdam/design-system-react 0.1.7 → 0.1.9

package/dist/index.cjs.js

@@ -3,22 +3,184 @@
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var jsxRuntime = require('react/jsx-runtime');
-var designSystemReactIcons = require('@amsterdam/design-system-react-icons');
 var clsx = require('clsx');
-var React = require('react');
-var componentLibraryReact = require('@utrecht/component-library-react');
+var react = require('react');
+var _objectDestructuringEmpty = require('@babel/runtime/helpers/objectDestructuringEmpty');
+var _extends = require('@babel/runtime/helpers/extends');
+var designSystemReactIcons = require('@amsterdam/design-system-react-icons');
 var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
+var componentLibraryReact = require('@utrecht/component-library-react');
 
-var _excluded$k = ["className", "size", "svg"];
-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 Icon = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+function ownKeys$x(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$x(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$x(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$x(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var LogoAmsterdam = /*#__PURE__*/react.forwardRef(function (props, ref) {
+  return jsxRuntime.jsxs("svg", _objectSpread$x(_objectSpread$x({
+    className: "amsterdam-logo",
+    "aria-hidden": "true",
+    focusable: "false",
+    ref: ref,
+    viewBox: "0 0 115 40",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), {}, {
+    children: [jsxRuntime.jsx("path", {
+      className: "amsterdam-logo__text-primary",
+      fill: "#EC0000",
+      d: "M16.435 8.581c0-3.752 2.63-6.4 6.344-6.4 1.886 0 3.466.61 4.59 1.829L25.731 5.57c-.704-.78-1.714-1.238-2.915-1.238-2.248 0-3.81 1.752-3.81 4.248 0 2.496 1.524 4.324 3.715 4.324 2 0 3.391-1.143 3.391-2.8v-.323h-2.99V7.705h5.505V9.63c0 3.162-2.457 5.39-5.981 5.39s-6.21-2.666-6.21-6.438ZM30.225 10.086c0-2.915 1.962-4.934 4.762-4.934s4.743 2 4.743 4.876c0 .229-.037.59-.076.839h-7.048C32.778 12.143 33.863 13 35.254 13c1.029 0 1.924-.381 2.514-1.067l1.428 1.391c-.857 1.106-2.343 1.696-4.057 1.696-2.895 0-4.915-2.038-4.915-4.934h.001Zm2.381-.952h4.743c-.152-1.238-1.105-2.077-2.38-2.077-1.276 0-2.229.839-2.363 2.077ZM43.902 5.382v1.275h.038c.476-.97 1.314-1.505 2.4-1.505 1.219 0 2.132.534 2.704 1.6.571-1.028 1.62-1.6 2.952-1.6 2.324 0 3.448 1.296 3.448 3.943v5.696h-2.362V9.495c0-1.543-.534-2.286-1.638-2.286-1.104 0-1.696.82-1.696 2.362v5.22h-2.362V9.495c0-1.562-.514-2.286-1.638-2.286-1.124 0-1.695.838-1.695 2.362v5.22H41.69V5.38h2.212ZM57.312 10.086c0-2.915 1.963-4.934 4.762-4.934 2.8 0 4.744 2 4.744 4.876 0 .229-.038.59-.077.839h-7.048C59.865 12.143 60.95 13 62.341 13c1.03 0 1.924-.381 2.514-1.067l1.429 1.391c-.857 1.106-2.344 1.696-4.058 1.696-2.895 0-4.915-2.038-4.915-4.934h.001Zm2.381-.952h4.743c-.152-1.238-1.105-2.077-2.38-2.077-1.276 0-2.229.839-2.363 2.077ZM68.189 10.086c0-2.915 1.962-4.934 4.762-4.934s4.743 2 4.743 4.876c0 .229-.038.59-.077.839H70.57C70.74 12.143 71.827 13 73.218 13c1.028 0 1.923-.381 2.513-1.067l1.429 1.391c-.857 1.106-2.343 1.696-4.058 1.696-2.895 0-4.915-2.038-4.915-4.934h.002Zm2.38-.952h4.744c-.153-1.238-1.105-2.077-2.381-2.077-1.276 0-2.228.839-2.362 2.077ZM81.883 5.382v1.275h.038c.438-.933 1.39-1.505 2.495-1.505 2.362 0 3.582 1.353 3.582 3.943v5.696h-2.363V9.552c0-1.6-.571-2.343-1.772-2.343-1.2 0-1.847.838-1.847 2.4v5.18h-2.362V5.382h2.23ZM91.026 11.42V7.342h-1.619V5.381h.858c.78 0 1.085-.305 1.085-1.086V2.83h2.019v2.553h2.285v1.962H93.37v4.077c0 .915.476 1.428 1.352 1.428.267 0 .59-.037.78-.095v1.981c-.285.077-.819.133-1.238.133-2.133 0-3.238-1.18-3.238-3.447l.001-.002ZM96.817 10.086c0-2.915 1.963-4.934 4.762-4.934 2.8 0 4.744 2 4.744 4.876 0 .229-.038.59-.077.839h-7.048c.172 1.276 1.257 2.133 2.648 2.133 1.029 0 1.924-.381 2.514-1.067l1.429 1.391c-.857 1.106-2.344 1.696-4.058 1.696-2.895 0-4.915-2.038-4.915-4.934h.001Zm2.381-.952h4.744c-.153-1.238-1.106-2.077-2.382-2.077-1.275 0-2.228.839-2.362 2.077ZM23.73 25.267l4.952 12.381h-2.647l-1.03-2.724H19.5l-1.028 2.724h-2.553l4.953-12.38h2.858Zm-3.486 7.6h4l-1.982-5.219h-.037l-1.981 5.22ZM32.454 28.24v1.275h.038c.476-.97 1.315-1.505 2.4-1.505 1.22 0 2.133.534 2.704 1.6.572-1.028 1.62-1.6 2.953-1.6 2.323 0 3.447 1.296 3.447 3.944v5.696h-2.362v-5.296c0-1.543-.534-2.286-1.638-2.286-1.104 0-1.695.82-1.695 2.362v5.22h-2.363v-5.296c0-1.562-.514-2.286-1.638-2.286-1.124 0-1.695.838-1.695 2.362v5.22h-2.362v-9.41h2.211ZM48.34 33.706c-1.275-.381-2.513-1.067-2.513-2.78 0-1.715 1.447-2.916 3.6-2.916 1.448 0 2.572.514 3.2 1.466l-1.351 1.353c-.477-.59-1.124-.915-1.829-.915-.8 0-1.296.362-1.296.933 0 .762.8.895 1.963 1.257 1.276.381 2.514 1.067 2.514 2.781 0 1.715-1.524 2.99-3.772 2.99-1.466 0-2.648-.514-3.334-1.486l1.353-1.352c.513.609 1.2.934 1.962.934.915 0 1.466-.381 1.466-1.01 0-.762-.8-.895-1.962-1.258v.003ZM55.122 34.277v-4.076h-1.62v-1.963h.858c.78 0 1.085-.304 1.085-1.085v-1.466h2.019v2.552h2.286v1.963h-2.286v4.076c0 .915.476 1.43 1.352 1.43.267 0 .59-.038.78-.096v1.981c-.285.077-.819.133-1.237.133-2.133 0-3.238-1.18-3.238-3.447v-.002ZM60.911 32.944c0-2.915 1.963-4.934 4.763-4.934s4.743 2 4.743 4.876c0 .228-.038.59-.077.839h-7.048c.172 1.276 1.257 2.133 2.648 2.133 1.03 0 1.924-.381 2.514-1.067l1.429 1.391c-.857 1.105-2.343 1.696-4.058 1.696-2.895 0-4.915-2.038-4.915-4.934h.001Zm2.381-.952h4.744c-.153-1.239-1.106-2.077-2.381-2.077-1.276 0-2.229.838-2.363 2.077ZM74.607 28.24V29.8h.038c.457-1.066 1.296-1.638 2.4-1.638.285 0 .685.038.838.095v2.248c-.267-.076-.78-.132-1.162-.132-1.2 0-1.98.914-1.98 2.323v4.953h-2.363v-9.41h2.23ZM78.551 32.983c0-2.915 1.924-4.972 4.648-4.972 1.257 0 2.286.553 2.934 1.562h.037V23.84h2.362v13.81h-2.228v-1.467h-.037c-.61 1.067-1.752 1.696-3.067 1.696-2.724 0-4.648-2.038-4.648-4.895l-.001-.001Zm7.62-.038c0-1.695-1.048-2.82-2.591-2.82-1.543 0-2.61 1.143-2.61 2.82 0 1.677 1.049 2.82 2.61 2.82s2.59-1.124 2.59-2.82ZM90.34 34.963c0-1.81 1.506-2.895 4.02-2.915l1.828-.019v-.304c0-1.106-.704-1.677-1.981-1.677-.838 0-1.581.323-2.095.915l-1.429-1.391c.82-1.01 2.133-1.562 3.752-1.562 2.514 0 4.114 1.371 4.114 3.562v3.733c0 .343.153.495.534.495h.172v1.847H98.15c-.895 0-1.506-.418-1.696-1.105h-.038c-.59.857-1.561 1.333-2.743 1.333-1.981 0-3.333-1.18-3.333-2.914v.002Zm5.848-.82v-.534l-1.561.02c-1.238.018-1.905.457-1.905 1.275 0 .724.571 1.238 1.37 1.238 1.239 0 2.096-.82 2.096-2v.001ZM103.312 28.24v1.275h.038c.476-.97 1.315-1.505 2.4-1.505 1.219 0 2.133.534 2.704 1.6.572-1.028 1.619-1.6 2.953-1.6 2.323 0 3.447 1.296 3.447 3.944v5.696h-2.362v-5.296c0-1.543-.534-2.286-1.638-2.286-1.104 0-1.695.82-1.695 2.362v5.22h-2.363v-5.296c0-1.562-.513-2.286-1.638-2.286-1.124 0-1.695.838-1.695 2.362v5.22h-2.362v-9.41h2.211Z"
+    }), jsxRuntime.jsx("path", {
+      className: "amsterdam-logo__emblem",
+      fill: "#EC0000",
+      d: "m0 37.648 3.527-3.527L0 30.593l2.352-2.351 3.527 3.527 3.528-3.527 2.351 2.351-3.527 3.528 3.527 3.527L9.407 40l-3.528-3.527L2.352 40 0 37.648ZM0 23.54l3.527-3.528L0 16.485l2.352-2.352 3.527 3.528 3.528-3.528 2.351 2.352-3.527 3.527 3.527 3.528-2.351 2.351-3.528-3.527-3.527 3.527L0 23.54ZM0 9.407l3.527-3.528L0 2.352 2.352 0l3.527 3.527L9.407 0l2.351 2.352-3.527 3.527 3.527 3.528-2.351 2.351-3.528-3.527-3.526 3.527L0 9.407Z"
+    })]
+  }));
+});
+LogoAmsterdam.displayName = 'LogoAmsterdam';
+
+function ownKeys$w(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$w(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$w(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$w(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var LogoGgdAmsterdam = /*#__PURE__*/react.forwardRef(function (props, ref) {
+  return jsxRuntime.jsxs("svg", _objectSpread$w(_objectSpread$w({
+    className: "amsterdam-logo",
+    "aria-hidden": "true",
+    focusable: "false",
+    ref: ref,
+    viewBox: "0 0 115 40",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), {}, {
+    children: [jsxRuntime.jsx("path", {
+      className: "amsterdam-logo__emblem",
+      fill: "#EC0000",
+      d: "m0 37.648 3.527-3.527L0 30.593l2.352-2.351 3.527 3.527 3.528-3.527 2.351 2.351-3.527 3.528 3.527 3.527L9.407 40l-3.528-3.527L2.352 40 0 37.648ZM0 23.54l3.527-3.528L0 16.485l2.352-2.352 3.527 3.528 3.528-3.528 2.351 2.352-3.527 3.527 3.527 3.528-2.351 2.351-3.528-3.527-3.527 3.527L0 23.54ZM0 9.407l3.527-3.528L0 2.352 2.352 0l3.527 3.527L9.407 0l2.351 2.352-3.527 3.527 3.527 3.528-2.351 2.351-3.528-3.527-3.526 3.527L0 9.407Z"
+    }), jsxRuntime.jsx("path", {
+      className: "amsterdam-logo__text-primary",
+      fill: "#EC0000",
+      d: "m23.73 25.267 4.952 12.381h-2.647l-1.03-2.724H19.5l-1.028 2.724h-2.553l4.953-12.381h2.858Zm-3.486 7.6h4l-1.982-5.219h-.037l-1.981 5.22ZM32.454 28.24v1.275h.038c.476-.971 1.315-1.505 2.4-1.505 1.22 0 2.133.534 2.704 1.6.572-1.028 1.62-1.6 2.953-1.6 2.323 0 3.447 1.296 3.447 3.944v5.696h-2.362v-5.296c0-1.543-.534-2.286-1.638-2.286-1.104 0-1.695.82-1.695 2.362v5.22h-2.363v-5.296c0-1.562-.514-2.286-1.638-2.286-1.124 0-1.695.838-1.695 2.362v5.22h-2.362v-9.41h2.211ZM48.34 33.706c-1.275-.381-2.513-1.067-2.513-2.78 0-1.715 1.447-2.916 3.6-2.916 1.448 0 2.572.514 3.2 1.466l-1.351 1.353c-.477-.59-1.124-.915-1.829-.915-.8 0-1.296.362-1.296.933 0 .762.8.895 1.963 1.257 1.276.381 2.514 1.067 2.514 2.781 0 1.715-1.524 2.99-3.772 2.99-1.466 0-2.648-.514-3.334-1.486l1.353-1.352c.513.609 1.2.934 1.962.934.915 0 1.466-.381 1.466-1.01 0-.762-.8-.895-1.962-1.258v.003ZM55.122 34.277v-4.076h-1.62v-1.963h.858c.78 0 1.085-.304 1.085-1.085v-1.466h2.019v2.552h2.286v1.963h-2.286v4.076c0 .915.476 1.43 1.352 1.43.267 0 .59-.038.78-.096v1.981c-.285.076-.819.133-1.237.133-2.133 0-3.238-1.18-3.238-3.447v-.002ZM60.911 32.944c0-2.915 1.963-4.934 4.763-4.934s4.743 2 4.743 4.876c0 .228-.038.59-.077.839h-7.048c.172 1.275 1.257 2.133 2.648 2.133 1.03 0 1.924-.381 2.514-1.067l1.429 1.391c-.857 1.105-2.343 1.696-4.058 1.696-2.895 0-4.915-2.038-4.915-4.934h.001Zm2.381-.953h4.744c-.153-1.238-1.106-2.076-2.381-2.076-1.276 0-2.229.838-2.363 2.076ZM74.607 28.24V29.8h.038c.457-1.066 1.296-1.638 2.4-1.638.285 0 .685.038.838.095v2.248c-.267-.076-.78-.132-1.162-.132-1.2 0-1.98.914-1.98 2.323v4.953h-2.363v-9.41h2.23ZM78.551 32.983c0-2.915 1.924-4.972 4.648-4.972 1.257 0 2.286.553 2.934 1.562h.037V23.84h2.362v13.81h-2.228v-1.467h-.037c-.61 1.067-1.752 1.696-3.067 1.696-2.724 0-4.648-2.038-4.648-4.895l-.001-.001Zm7.62-.038c0-1.695-1.048-2.82-2.591-2.82-1.543 0-2.61 1.143-2.61 2.82 0 1.677 1.049 2.82 2.61 2.82s2.59-1.124 2.59-2.82ZM90.34 34.963c0-1.81 1.506-2.895 4.02-2.915l1.828-.019v-.304c0-1.106-.704-1.677-1.981-1.677-.838 0-1.581.323-2.095.915l-1.429-1.391c.82-1.01 2.133-1.562 3.752-1.562 2.514 0 4.114 1.371 4.114 3.562v3.733c0 .343.153.495.534.495h.172v1.847H98.15c-.895 0-1.506-.418-1.696-1.105h-.038c-.59.857-1.561 1.333-2.743 1.333-1.981 0-3.333-1.18-3.333-2.915v.003Zm5.848-.82v-.534l-1.561.02c-1.238.018-1.905.457-1.905 1.275 0 .724.571 1.238 1.37 1.238 1.239 0 2.096-.82 2.096-2v.001ZM103.312 28.24v1.275h.038c.476-.971 1.315-1.505 2.4-1.505 1.219 0 2.133.534 2.704 1.6.572-1.028 1.619-1.6 2.953-1.6 2.323 0 3.447 1.296 3.447 3.944v5.696h-2.362v-5.296c0-1.543-.534-2.286-1.638-2.286-1.104 0-1.695.82-1.695 2.362v5.22h-2.363v-5.296c0-1.562-.513-2.286-1.638-2.286-1.124 0-1.695.838-1.695 2.362v5.22h-2.362v-9.41h2.211Z"
+    }), jsxRuntime.jsx("path", {
+      className: "amsterdam-logo__text-secondary",
+      fill: "#000",
+      d: "M16.436 8.581c0-3.752 2.629-6.4 6.343-6.4 1.886 0 3.466.61 4.59 1.829L25.732 5.57c-.705-.78-1.715-1.238-2.915-1.238-2.248 0-3.81 1.752-3.81 4.248 0 2.496 1.524 4.324 3.714 4.324 2 0 3.392-1.143 3.392-2.8v-.323h-2.99V7.705h5.505V9.63c0 3.162-2.458 5.39-5.982 5.39s-6.21-2.666-6.21-6.438ZM30.34 8.581c0-3.752 2.63-6.4 6.344-6.4 1.886 0 3.467.61 4.59 1.829L39.638 5.57c-.705-.78-1.715-1.238-2.915-1.238-2.248 0-3.81 1.752-3.81 4.248 0 2.496 1.524 4.324 3.715 4.324 2 0 3.39-1.143 3.39-2.8v-.323h-2.99V7.705h5.506V9.63c0 3.162-2.458 5.39-5.982 5.39s-6.21-2.666-6.21-6.438ZM44.836 2.41h4.61c3.809 0 6.343 2.476 6.343 6.19 0 3.714-2.59 6.19-6.363 6.19h-4.59V2.41Zm4.419 10.229c2.38 0 3.942-1.543 3.942-4.02 0-2.475-1.524-4.057-3.923-4.057H47.35v8.077h1.905Z"
+    })]
+  }));
+});
+LogoGgdAmsterdam.displayName = 'LogoGgdAmsterdam';
+
+function ownKeys$v(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$v(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$v(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$v(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var LogoStadsarchief = /*#__PURE__*/react.forwardRef(function (props, ref) {
+  return jsxRuntime.jsxs("svg", _objectSpread$v(_objectSpread$v({
+    className: "amsterdam-logo",
+    "aria-hidden": "true",
+    focusable: "false",
+    ref: ref,
+    viewBox: "0 0 98 40",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), {}, {
+    children: [jsxRuntime.jsx("path", {
+      className: "amsterdam-logo__emblem",
+      fill: "#EC0000",
+      d: "m0 37.648 3.527-3.527L0 30.593l2.352-2.351 3.527 3.527 3.528-3.527 2.351 2.351-3.527 3.528 3.527 3.527L9.407 40l-3.528-3.527L2.352 40 0 37.648ZM0 9.407l3.527-3.528L0 2.352 2.352 0l3.527 3.527L9.407 0l2.351 2.352-3.527 3.527 3.527 3.528-2.351 2.351-3.528-3.527-3.526 3.527L0 9.407ZM0 23.54l3.527-3.528L0 16.485l2.352-2.352 3.527 3.528 3.528-3.528 2.351 2.352-3.527 3.527 3.527 3.528-2.351 2.351-3.528-3.527-3.527 3.527L0 23.54Z"
+    }), jsxRuntime.jsx("path", {
+      className: "amsterdam-logo__text-primary",
+      fill: "#EC0000",
+      d: "M20.937 15.334h2.17l3.76 9.4h-2.011l-.78-2.068h-4.18l-.782 2.068h-1.937l3.76-9.4Zm-.477 5.77h3.037l-1.504-3.962h-.03l-1.503 3.963ZM28.052 17.59h1.678v.969h.03c.36-.737.997-1.143 1.822-1.143.925 0 1.62.405 2.054 1.215.434-.781 1.228-1.215 2.24-1.215 1.766 0 2.618.983 2.618 2.994v4.324h-1.793v-4.02c0-1.17-.404-1.735-1.244-1.735s-1.287.622-1.287 1.793v3.962h-1.794v-4.02c0-1.186-.39-1.735-1.243-1.735-.854 0-1.288.636-1.288 1.793v3.962h-1.793V17.59ZM41.791 21.74c-.969-.288-1.91-.81-1.91-2.111 0-1.302 1.1-2.213 2.734-2.213 1.1 0 1.952.39 2.43 1.114l-1.027 1.026c-.362-.448-.853-.694-1.388-.694-.608 0-.983.276-.983.71 0 .578.608.679 1.49.954.968.29 1.909.81 1.909 2.112 0 1.301-1.157 2.27-2.863 2.27-1.114 0-2.01-.39-2.532-1.127l1.027-1.027c.39.464.911.71 1.49.71.693 0 1.113-.29 1.113-.767 0-.579-.608-.68-1.49-.955v-.001ZM46.94 22.175V19.08h-1.23v-1.49h.652c.592 0 .824-.232.824-.824v-1.114h1.533v1.938h1.736v1.49h-1.736v3.095c0 .693.361 1.085 1.027 1.085.202 0 .448-.03.592-.073v1.504a4.362 4.362 0 0 1-.94.101c-1.62 0-2.46-.897-2.46-2.617h.002ZM51.337 21.162c0-2.213 1.49-3.746 3.615-3.746 2.126 0 3.602 1.52 3.602 3.703 0 .174-.03.448-.058.636h-5.351c.13.969.955 1.62 2.01 1.62.781 0 1.46-.29 1.91-.81l1.084 1.056c-.651.838-1.779 1.287-3.08 1.287-2.2 0-3.731-1.547-3.731-3.746h-.002Zm1.808-.723h3.601c-.115-.94-.838-1.577-1.808-1.577-.97 0-1.692.637-1.793 1.577ZM60.042 17.59h1.692v1.186h.03c.346-.81.983-1.244 1.822-1.244.218 0 .521.03.636.072v1.706a3.906 3.906 0 0 0-.882-.1c-.91 0-1.504.693-1.504 1.764v3.76h-1.793V17.59ZM64.729 21.192c0-2.213 1.46-3.775 3.529-3.775.954 0 1.735.42 2.227 1.187h.029V14.25h1.793v10.486h-1.692v-1.114h-.03c-.462.81-1.33 1.288-2.327 1.288-2.069 0-3.529-1.548-3.529-3.717v-.002Zm5.785-.03c0-1.287-.796-2.14-1.967-2.14s-1.981.868-1.981 2.14c0 1.273.796 2.14 1.98 2.14 1.186 0 1.968-.853 1.968-2.14ZM73.68 22.695c0-1.374 1.143-2.198 3.052-2.212l1.388-.015v-.231c0-.838-.535-1.272-1.504-1.272-.636 0-1.2.245-1.59.693l-1.084-1.056c.622-.766 1.62-1.186 2.849-1.186 1.908 0 3.124 1.042 3.124 2.704v2.835c0 .26.115.377.404.377h.13v1.402h-.838c-.68 0-1.143-.318-1.287-.838h-.03c-.448.651-1.186 1.012-2.082 1.012-1.504 0-2.53-.897-2.53-2.213h-.002Zm4.44-.622v-.404l-1.185.014c-.94.014-1.446.347-1.446.969 0 .55.434.94 1.042.94.94 0 1.59-.621 1.59-1.518ZM81.851 17.59h1.678v.969h.03c.362-.737.998-1.143 1.822-1.143.925 0 1.62.405 2.054 1.215.434-.781 1.229-1.215 2.241-1.215 1.765 0 2.618.983 2.618 2.994v4.324H90.5v-4.02c0-1.17-.405-1.735-1.245-1.735-.84 0-1.287.622-1.287 1.793v3.962h-1.793v-4.02c0-1.186-.39-1.735-1.244-1.735s-1.288.636-1.288 1.793v3.962h-1.793V17.59ZM17.575 5.857c0-2.85 1.996-4.86 4.817-4.86 1.432 0 2.632.463 3.485 1.389l-1.244 1.186c-.535-.593-1.302-.94-2.213-.94-1.706 0-2.893 1.33-2.893 3.225 0 1.894 1.157 3.283 2.821 3.283 1.52 0 2.574-.868 2.574-2.126v-.246h-2.27V5.191h4.18v1.46c0 2.402-1.867 4.094-4.542 4.094s-4.715-2.025-4.715-4.888ZM28.047 7c0-2.213 1.49-3.747 3.616-3.747 2.126 0 3.601 1.52 3.601 3.703 0 .174-.03.448-.057.636h-5.351c.13.97.954 1.62 2.01 1.62.78 0 1.46-.289 1.91-.81l1.085 1.056c-.651.839-1.779 1.288-3.08 1.288-2.2 0-3.732-1.548-3.732-3.746h-.002Zm1.809-.724h3.601c-.115-.94-.838-1.576-1.808-1.576-.97 0-1.692.636-1.793 1.576ZM36.753 3.426h1.678v.97h.03c.361-.738.997-1.144 1.822-1.144.925 0 1.62.405 2.054 1.215.434-.78 1.23-1.215 2.24-1.215 1.766 0 2.618.983 2.618 2.994v4.324h-1.793V6.55c0-1.17-.404-1.735-1.244-1.735s-1.287.622-1.287 1.793v3.962h-1.794V6.55c0-1.186-.39-1.735-1.243-1.735-.854 0-1.288.636-1.288 1.793v3.962h-1.793V3.426ZM48.612 7c0-2.213 1.49-3.747 3.616-3.747 2.126 0 3.601 1.52 3.601 3.703 0 .174-.03.448-.057.636H50.42c.131.97.955 1.62 2.011 1.62.78 0 1.46-.289 1.91-.81l1.084 1.056c-.652.839-1.78 1.288-3.08 1.288-2.2 0-3.732-1.548-3.732-3.746Zm1.808-.724h3.602c-.115-.94-.838-1.576-1.807-1.576s-1.692.636-1.793 1.576h-.002ZM56.87 7c0-2.213 1.49-3.747 3.616-3.747 2.125 0 3.601 1.52 3.601 3.703 0 .174-.03.448-.058.636h-5.35c.13.97.954 1.62 2.01 1.62.78 0 1.46-.289 1.91-.81l1.084 1.056c-.652.839-1.78 1.288-3.081 1.288-2.199 0-3.731-1.548-3.731-3.746h-.001Zm1.808-.724h3.602c-.115-.94-.839-1.576-1.809-1.576s-1.692.636-1.793 1.576ZM65.577 3.426h1.692v.97h.03c.332-.71 1.055-1.144 1.893-1.144 1.794 0 2.719 1.027 2.719 2.994v4.324h-1.793V6.594c0-1.215-.434-1.78-1.345-1.78-.912 0-1.403.637-1.403 1.823v3.935h-1.793V3.426ZM74.21 8.012V4.917h-1.23v-1.49h.652c.593 0 .825-.231.825-.824V1.49h1.533v1.937h1.735v1.49H75.99v3.095c0 .694.36 1.085 1.026 1.085.203 0 .448-.03.593-.073v1.504a4.356 4.356 0 0 1-.94.101c-1.621 0-2.46-.897-2.46-2.617l.002.001ZM78.607 7c0-2.213 1.49-3.747 3.616-3.747 2.126 0 3.601 1.52 3.601 3.703 0 .174-.03.448-.057.636h-5.352c.131.97.955 1.62 2.011 1.62.78 0 1.46-.289 1.91-.81l1.084 1.056c-.652.839-1.78 1.288-3.08 1.288-2.2 0-3.732-1.548-3.732-3.746Zm1.808-.724h3.602c-.115-.94-.838-1.576-1.808-1.576-.97 0-1.692.636-1.794 1.576Z"
+    }), jsxRuntime.jsx("path", {
+      className: "amsterdam-logo__text-secondary",
+      fill: "#000",
+      d: "m17.335 37.353 1.302-1.084a2.07 2.07 0 0 0 1.779.983c.868 0 1.46-.463 1.46-1.143 0-.766-.636-1.042-1.866-1.49-1.143-.42-2.343-1.012-2.343-2.747 0-1.62 1.316-2.734 3.24-2.734 1.3 0 2.327.52 2.906 1.446L22.51 31.67c-.39-.578-.954-.897-1.62-.897-.78 0-1.302.42-1.302 1.042 0 .767.637 1.042 1.866 1.49 1.143.42 2.344 1.012 2.344 2.748 0 1.735-1.375 2.834-3.4 2.834-1.374 0-2.458-.549-3.066-1.533h.002ZM25.738 36.153v-3.095h-1.23v-1.49h.65c.593 0 .824-.231.824-.824v-1.113h1.534v1.937h1.735v1.49h-1.735v3.095c0 .693.362 1.085 1.026 1.085.202 0 .448-.03.593-.073v1.504a4.37 4.37 0 0 1-.941.101c-1.62 0-2.459-.897-2.459-2.617h.003ZM30.134 36.674c0-1.375 1.143-2.2 3.051-2.213l1.389-.014v-.232c0-.838-.535-1.272-1.504-1.272-.636 0-1.2.245-1.59.694l-1.085-1.056c.622-.767 1.62-1.187 2.85-1.187 1.909 0 3.123 1.042 3.123 2.705v2.835c0 .26.115.376.405.376h.13v1.402h-.838c-.68 0-1.143-.318-1.288-.838h-.029c-.448.651-1.186 1.012-2.082 1.012-1.504 0-2.53-.897-2.53-2.212h-.002Zm4.44-.622v-.405l-1.186.014c-.941.014-1.447.347-1.447.97 0 .548.434.94 1.042.94.94 0 1.591-.622 1.591-1.52ZM37.813 35.17c0-2.213 1.46-3.775 3.529-3.775.955 0 1.735.42 2.227 1.187h.03v-4.353h1.792v10.486H43.7V37.6h-.029c-.463.81-1.331 1.288-2.328 1.288-2.068 0-3.529-1.547-3.529-3.717v-.002Zm5.785-.03c0-1.287-.796-2.14-1.967-2.14-1.17 0-1.981.868-1.981 2.14 0 1.273.796 2.14 1.981 2.14s1.967-.853 1.967-2.14ZM48.763 35.719c-.97-.29-1.91-.81-1.91-2.112 0-1.301 1.1-2.213 2.734-2.213 1.1 0 1.952.39 2.429 1.114l-1.026 1.026c-.363-.448-.854-.694-1.39-.694-.607 0-.982.276-.982.71 0 .578.608.68 1.49.954.969.29 1.91.81 1.91 2.112s-1.158 2.27-2.864 2.27c-1.113 0-2.01-.39-2.532-1.127l1.027-1.027c.39.464.911.71 1.49.71.694 0 1.113-.29 1.113-.767 0-.579-.608-.68-1.49-.955v-.001ZM52.97 36.674c0-1.375 1.144-2.2 3.052-2.213l1.389-.014v-.232c0-.838-.535-1.272-1.504-1.272-.636 0-1.2.245-1.591.694l-1.084-1.056c.622-.767 1.62-1.187 2.849-1.187 1.91 0 3.124 1.042 3.124 2.705v2.835c0 .26.115.376.404.376h.13v1.402h-.837c-.68 0-1.143-.318-1.288-.838h-.03c-.447.651-1.186 1.012-2.082 1.012-1.504 0-2.53-.897-2.53-2.212h-.001Zm4.44-.622v-.405l-1.186.014c-.94.014-1.446.347-1.446.97 0 .548.434.94 1.042.94.94 0 1.59-.622 1.59-1.52ZM61.142 31.568h1.691v1.187h.03c.347-.81.983-1.244 1.822-1.244.218 0 .521.029.636.073v1.706a3.907 3.907 0 0 0-.881-.102c-.912 0-1.504.694-1.504 1.765v3.76h-1.793V31.57h-.002ZM65.827 35.14c0-2.227 1.49-3.746 3.689-3.746 1.085 0 2.038.405 2.646 1.128l-1.2 1.127c-.362-.404-.868-.622-1.446-.622-1.1 0-1.851.868-1.851 2.112 0 1.244.752 2.112 1.85 2.112.58 0 1.086-.218 1.476-.636l1.187 1.127c-.636.738-1.577 1.143-2.647 1.143-2.199 0-3.703-1.519-3.703-3.746v.001ZM73.492 28.228h1.793v4.15h.03c.42-.636 1.041-.983 1.793-.983 1.793 0 2.718 1.027 2.718 2.994v4.325h-1.793v-3.978c0-1.215-.434-1.78-1.345-1.78s-1.403.637-1.403 1.823v3.935h-1.793V28.228ZM82.56 30.657c-.622 0-1.07-.434-1.07-1.042 0-.608.448-1.042 1.07-1.042.622 0 1.07.434 1.07 1.042 0 .608-.448 1.042-1.07 1.042Zm-.897.911h1.793v7.144h-1.793v-7.144ZM84.947 35.14c0-2.212 1.49-3.746 3.616-3.746 2.126 0 3.601 1.52 3.601 3.703 0 .174-.03.448-.058.636h-5.35c.13.969.954 1.62 2.01 1.62.78 0 1.46-.289 1.91-.81L91.76 37.6c-.652.838-1.78 1.288-3.081 1.288-2.199 0-3.73-1.548-3.73-3.747h-.002Zm1.808-.723h3.602c-.115-.94-.838-1.577-1.808-1.577-.97 0-1.693.637-1.794 1.577ZM92.886 33.058v-1.49h1.215v-.925c0-1.634.969-2.59 2.632-2.59.203 0 .506.03.666.058v1.548a2.82 2.82 0 0 0-.622-.072c-.565 0-.882.376-.882 1.056v.925h1.736v1.49h-1.736v5.654h-1.793v-5.654h-1.216Z"
+    })]
+  }));
+});
+LogoStadsarchief.displayName = 'LogoStadsarchief';
+
+function ownKeys$u(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$u(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$u(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$u(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var LogoStadsbankVanLening = /*#__PURE__*/react.forwardRef(function (props, ref) {
+  return jsxRuntime.jsxs("svg", _objectSpread$u(_objectSpread$u({
+    className: "amsterdam-logo",
+    "aria-hidden": "true",
+    focusable: "false",
+    ref: ref,
+    viewBox: "0 0 159 42",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), {}, {
+    children: [jsxRuntime.jsx("path", {
+      className: "amsterdam-logo__emblem",
+      fill: "#EC0000",
+      d: "m0 37.65 3.53-3.53L0 30.59l2.35-2.35 3.53 3.53 3.53-3.53 2.35 2.35-3.53 3.53 3.53 3.53L9.41 40l-3.53-3.53L2.35 40 0 37.65ZM0 9.41l3.53-3.53L0 2.35 2.35 0l3.53 3.53L9.41 0l2.35 2.35-3.53 3.53 3.53 3.53-2.35 2.35-3.53-3.53-3.53 3.53L0 9.41ZM0 23.54l3.53-3.53L0 16.48l2.35-2.35 3.53 3.53 3.53-3.53 2.35 2.35-3.53 3.53 3.53 3.53-2.35 2.35-3.53-3.53-3.53 3.53L0 23.54Z"
+    }), jsxRuntime.jsx("path", {
+      className: "amsterdam-logo__text-secondary",
+      fill: "#000",
+      d: "m17.34 37.35 1.3-1.08c.4.64 1.06.98 1.78.98.87 0 1.46-.46 1.46-1.14 0-.77-.64-1.04-1.87-1.49-1.14-.42-2.34-1.01-2.34-2.75 0-1.62 1.32-2.73 3.24-2.73 1.3 0 2.33.52 2.91 1.45l-1.3 1.08c-.39-.58-.95-.9-1.62-.9-.78 0-1.3.42-1.3 1.04 0 .77.64 1.04 1.87 1.49 1.14.42 2.34 1.01 2.34 2.75s-1.37 2.83-3.4 2.83c-1.37 0-2.46-.55-3.07-1.53ZM25.74 36.15v-3.1h-1.23v-1.49h.65c.59 0 .82-.23.82-.82v-1.11h1.53v1.94h1.74v1.49h-1.74v3.1c0 .69.36 1.08 1.03 1.08.2 0 .45-.03.59-.07v1.5c-.22.06-.62.1-.94.1-1.62 0-2.46-.9-2.46-2.62h.01ZM30.13 36.67c0-1.37 1.14-2.2 3.05-2.21h1.39v-.25c0-.84-.54-1.27-1.5-1.27-.64 0-1.2.25-1.59.69l-1.08-1.06c.62-.77 1.62-1.19 2.85-1.19 1.91 0 3.12 1.04 3.12 2.7v2.83c0 .26.12.38.4.38h.13v1.4h-.84c-.68 0-1.14-.32-1.29-.84h-.03c-.45.65-1.19 1.01-2.08 1.01-1.5 0-2.53-.9-2.53-2.21v.02Zm4.44-.62v-.4h-1.19c-.94.03-1.45.36-1.45.98 0 .55.43.94 1.04.94.94 0 1.59-.62 1.59-1.52h.01ZM37.81 35.17c0-2.21 1.46-3.77 3.53-3.77.95 0 1.74.42 2.23 1.19h.03v-4.35h1.79v10.49H43.7v-1.11h-.03c-.46.81-1.33 1.29-2.33 1.29-2.07 0-3.53-1.55-3.53-3.72v-.02Zm5.79-.03c0-1.29-.8-2.14-1.97-2.14s-1.98.87-1.98 2.14.8 2.14 1.98 2.14 1.97-.85 1.97-2.14ZM48.76 35.72c-.97-.29-1.91-.81-1.91-2.11 0-1.3 1.1-2.21 2.73-2.21 1.1 0 1.95.39 2.43 1.11l-1.03 1.03c-.36-.45-.85-.69-1.39-.69-.61 0-.98.27-.98.71 0 .58.61.68 1.49.95.97.29 1.91.81 1.91 2.11 0 1.3-1.16 2.27-2.86 2.27-1.11 0-2.01-.39-2.53-1.13l1.03-1.03c.39.46.91.71 1.49.71.69 0 1.11-.29 1.11-.77 0-.58-.61-.68-1.49-.95ZM55.18 37.6h-.03v1.11h-1.71V28.22h1.79v4.35h.03c.52-.77 1.3-1.19 2.26-1.19 2.04 0 3.5 1.56 3.5 3.75s-1.46 3.75-3.5 3.75c-1 0-1.82-.46-2.34-1.29v.01Zm4.01-2.46c0-1.29-.8-2.14-1.97-2.14s-1.98.87-1.98 2.14.81 2.14 1.98 2.14 1.97-.85 1.97-2.14ZM61.95 36.67c0-1.37 1.14-2.2 3.05-2.21h1.39v-.25c0-.84-.54-1.27-1.5-1.27-.64 0-1.2.25-1.59.69l-1.08-1.06c.62-.77 1.62-1.19 2.85-1.19 1.91 0 3.12 1.04 3.12 2.7v2.83c0 .26.12.38.4.38h.13v1.4h-.84c-.68 0-1.14-.32-1.29-.84h-.03c-.45.65-1.19 1.01-2.08 1.01-1.5 0-2.53-.9-2.53-2.21v.02Zm4.44-.62v-.4H65.2c-.94.03-1.45.36-1.45.98 0 .55.43.94 1.04.94.94 0 1.59-.62 1.59-1.52h.01ZM70.12 31.57h1.69v.97h.03c.33-.71 1.06-1.14 1.89-1.14 1.79 0 2.72 1.03 2.72 2.99v4.32h-1.79v-3.98c0-1.21-.43-1.78-1.35-1.78-.92 0-1.4.64-1.4 1.82v3.93h-1.79v-7.14.01ZM80.09 38.71H78.3V28.22h1.79v6.57h.03l2.66-3.23h2.17l-2.76 3.17 2.89 3.98h-2.17l-1.98-2.81-.84.97v1.84ZM88.97 31.57h1.95l1.66 5.15h.03l1.71-5.15h1.91l-2.69 7.14h-1.92l-2.65-7.14ZM96.6 36.67c0-1.37 1.14-2.2 3.05-2.21h1.39v-.25c0-.84-.54-1.27-1.5-1.27-.64 0-1.2.25-1.59.69l-1.08-1.06c.62-.77 1.62-1.19 2.85-1.19 1.91 0 3.12 1.04 3.12 2.7v2.83c0 .26.12.38.4.38h.13v1.4h-.84c-.68 0-1.14-.32-1.29-.84h-.03c-.45.65-1.19 1.01-2.08 1.01-1.5 0-2.53-.9-2.53-2.21v.02Zm4.44-.62v-.4h-1.19c-.94.03-1.45.36-1.45.98 0 .55.43.94 1.04.94.94 0 1.59-.62 1.59-1.52h.01ZM104.77 31.57h1.69v.97h.03c.33-.71 1.06-1.14 1.89-1.14 1.79 0 2.72 1.03 2.72 2.99v4.32h-1.79v-3.98c0-1.21-.43-1.78-1.34-1.78-.91 0-1.4.64-1.4 1.82v3.93h-1.79v-7.14l-.01.01ZM116.65 29.31h1.91v7.78h3.49v1.62h-5.39v-9.4h-.01ZM122.87 35.14c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58ZM131.57 31.57h1.69v.97h.03c.33-.71 1.06-1.14 1.89-1.14 1.79 0 2.72 1.03 2.72 2.99v4.32h-1.79v-3.98c0-1.21-.43-1.78-1.35-1.78-.92 0-1.4.64-1.4 1.82v3.93h-1.79v-7.14.01ZM140.64 30.66c-.62 0-1.07-.43-1.07-1.04 0-.61.45-1.04 1.07-1.04.62 0 1.07.43 1.07 1.04 0 .61-.45 1.04-1.07 1.04Zm-.9.91h1.79v7.14h-1.79v-7.14ZM143.47 31.57h1.69v.97h.03c.33-.71 1.06-1.14 1.89-1.14 1.79 0 2.72 1.03 2.72 2.99v4.32h-1.79v-3.98c0-1.21-.43-1.78-1.35-1.78-.92 0-1.4.64-1.4 1.82v3.93h-1.79v-7.14.01ZM151.54 40.42l1.16-1.13c.39.45 1.1.72 1.87.72 1.3 0 2.02-.59 2.02-1.63v-1.1h-.03c-.4.75-1.16 1.17-2.1 1.17-2.01 0-3.34-1.42-3.34-3.53s1.37-3.51 3.34-3.51c1.01 0 1.81.45 2.2 1.21h.03v-1.06h1.69v6.88c0 1.91-1.46 3.11-3.79 3.11-1.33 0-2.43-.42-3.05-1.14v.01Zm5.06-5.5c0-1.19-.74-2.01-1.82-2.01s-1.82.82-1.82 2.01.75 2 1.82 2 1.82-.82 1.82-2Z"
+    }), jsxRuntime.jsx("path", {
+      className: "amsterdam-logo__text-primary",
+      fill: "#EC0000",
+      d: "M20.94 15.33h2.17l3.76 9.4h-2.01l-.78-2.07H19.9l-.78 2.07h-1.94l3.76-9.4Zm-.48 5.77h3.04L22 17.14h-.03l-1.5 3.96h-.01ZM28.05 17.59h1.68v.97h.03c.36-.74 1-1.14 1.82-1.14.93 0 1.62.4 2.05 1.21.43-.78 1.23-1.21 2.24-1.21 1.76 0 2.62.98 2.62 2.99v4.32H36.7v-4.02c0-1.17-.4-1.74-1.24-1.74s-1.29.62-1.29 1.79v3.96h-1.79V20.7c0-1.19-.39-1.74-1.24-1.74s-1.29.64-1.29 1.79v3.96h-1.79v-7.14l-.01.02ZM41.79 21.74c-.97-.29-1.91-.81-1.91-2.11 0-1.3 1.1-2.21 2.73-2.21 1.1 0 1.95.39 2.43 1.11l-1.03 1.03c-.36-.45-.85-.69-1.39-.69-.61 0-.98.27-.98.71 0 .58.61.68 1.49.95.97.29 1.91.81 1.91 2.11 0 1.3-1.16 2.27-2.86 2.27-1.11 0-2.01-.39-2.53-1.13l1.03-1.03c.39.46.91.71 1.49.71.69 0 1.11-.29 1.11-.77 0-.58-.61-.68-1.49-.95ZM46.94 22.17v-3.09h-1.23v-1.49h.65c.59 0 .82-.23.82-.82v-1.11h1.53v1.94h1.74v1.49h-1.74v3.09c0 .69.36 1.08 1.03 1.08.2 0 .45-.03.59-.07v1.5c-.22.06-.62.1-.94.1-1.62 0-2.46-.9-2.46-2.62h.01ZM51.34 21.16c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58ZM60.04 17.59h1.69v1.19h.03c.35-.81.98-1.24 1.82-1.24.22 0 .52.03.64.07v1.71c-.2-.06-.59-.1-.88-.1-.91 0-1.5.69-1.5 1.76v3.76h-1.79V17.6l-.01-.01ZM64.73 21.19c0-2.21 1.46-3.77 3.53-3.77.95 0 1.74.42 2.23 1.19h.03v-4.35h1.79v10.49h-1.69v-1.11h-.03c-.46.81-1.33 1.29-2.33 1.29-2.07 0-3.53-1.55-3.53-3.72v-.02Zm5.79-.03c0-1.29-.8-2.14-1.97-2.14s-1.98.87-1.98 2.14.8 2.14 1.98 2.14 1.97-.85 1.97-2.14ZM73.68 22.7c0-1.37 1.14-2.2 3.05-2.21h1.39v-.25c0-.84-.54-1.27-1.5-1.27-.64 0-1.2.25-1.59.69l-1.08-1.06c.62-.77 1.62-1.19 2.85-1.19 1.91 0 3.12 1.04 3.12 2.7v2.83c0 .26.12.38.4.38h.13v1.4h-.84c-.68 0-1.14-.32-1.29-.84h-.03c-.45.65-1.19 1.01-2.08 1.01-1.5 0-2.53-.9-2.53-2.21v.02Zm4.44-.62v-.4h-1.19c-.94.03-1.45.36-1.45.98 0 .55.43.94 1.04.94.94 0 1.59-.62 1.59-1.52h.01ZM81.85 17.59h1.68v.97h.03c.36-.74 1-1.14 1.82-1.14.93 0 1.62.4 2.05 1.21.43-.78 1.23-1.21 2.24-1.21 1.76 0 2.62.98 2.62 2.99v4.32H90.5v-4.02c0-1.17-.4-1.74-1.24-1.74s-1.29.62-1.29 1.79v3.96h-1.79V20.7c0-1.19-.39-1.74-1.24-1.74s-1.29.64-1.29 1.79v3.96h-1.79v-7.14l-.01.02ZM17.58 5.86c0-2.85 2-4.86 4.82-4.86 1.43 0 2.63.46 3.49 1.39l-1.24 1.19c-.54-.59-1.3-.94-2.21-.94-1.71 0-2.89 1.33-2.89 3.23s1.16 3.28 2.82 3.28c1.52 0 2.57-.87 2.57-2.13v-.25h-2.27V5.19h4.18v1.46c0 2.4-1.87 4.09-4.54 4.09S17.6 8.72 17.6 5.85l-.02.01ZM28.05 7c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58ZM36.75 3.43h1.68v.97h.03c.36-.74 1-1.14 1.82-1.14.93 0 1.62.4 2.05 1.21.43-.78 1.23-1.21 2.24-1.21 1.76 0 2.62.98 2.62 2.99v4.32H45.4V6.55c0-1.17-.4-1.74-1.24-1.74s-1.29.62-1.29 1.79v3.96h-1.79V6.55c0-1.19-.39-1.74-1.24-1.74s-1.29.64-1.29 1.79v3.96h-1.79V3.43h-.01ZM48.61 7c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58ZM56.87 7c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58ZM65.58 3.43h1.69v.97h.03c.33-.71 1.06-1.14 1.89-1.14 1.79 0 2.72 1.03 2.72 2.99v4.32h-1.79V6.59c0-1.21-.43-1.78-1.34-1.78-.91 0-1.4.64-1.4 1.82v3.93h-1.79V3.43h-.01ZM74.21 8.01v-3.1h-1.23V3.42h.65c.59 0 .82-.23.82-.82V1.49h1.53v1.94h1.74v1.49h-1.74v3.1c0 .69.36 1.08 1.03 1.08.2 0 .45-.03.59-.07v1.5c-.22.06-.62.1-.94.1-1.62 0-2.46-.9-2.46-2.62h.01ZM78.61 7c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58Z"
+    })]
+  }));
+});
+LogoStadsbankVanLening.displayName = 'LogoStadsbankVanLening';
+
+function ownKeys$t(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$t(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$t(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$t(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var LogoVgaVerzekeringen = /*#__PURE__*/react.forwardRef(function (props, ref) {
+  return jsxRuntime.jsxs("svg", _objectSpread$t(_objectSpread$t({
+    className: "amsterdam-logo",
+    "aria-hidden": "true",
+    focusable: "false",
+    ref: ref,
+    viewBox: "0 0 145 43",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), {}, {
+    children: [jsxRuntime.jsx("path", {
+      className: "amsterdam-logo__emblem",
+      fill: "#EC0000",
+      d: "m0 38.2 3.53-3.53L0 31.14l2.35-2.35 3.53 3.53 3.53-3.53 2.35 2.35-3.53 3.53 3.53 3.53-2.35 2.35-3.53-3.53-3.53 3.53L0 38.2ZM0 9.96l3.53-3.53L0 2.9 2.35.55l3.53 3.53L9.41.55l2.35 2.35-3.53 3.53 3.53 3.53-2.35 2.35-3.53-3.53-3.53 3.53L0 9.96ZM0 24.09l3.53-3.53L0 17.03l2.35-2.35 3.53 3.53 3.53-3.53 2.35 2.35-3.53 3.53 3.53 3.53-2.35 2.35-3.53-3.53-3.53 3.53L0 24.09Z"
+    }), jsxRuntime.jsx("path", {
+      className: "amsterdam-logo__text-secondary",
+      fill: "#000",
+      d: "M17.13 29.86h2.07l2.39 7.22h.03l2.42-7.22h1.98l-3.36 9.4h-2.17l-3.36-9.4ZM26.5 34.55c0-2.85 2-4.86 4.82-4.86 1.43 0 2.63.46 3.49 1.39l-1.24 1.19c-.54-.59-1.3-.94-2.21-.94-1.71 0-2.89 1.33-2.89 3.23s1.16 3.28 2.82 3.28c1.52 0 2.57-.87 2.57-2.13v-.25h-2.27v-1.58h4.18v1.46c0 2.4-1.87 4.09-4.54 4.09s-4.71-2.02-4.71-4.89l-.02.01ZM40.43 29.86h2.17l3.76 9.4h-2.01l-.78-2.07h-4.18l-.78 2.07h-1.94l3.76-9.4Zm-.48 5.77h3.04l-1.5-3.96h-.03l-1.5 3.96h-.01ZM50.38 29.86h2.07l2.39 7.22h.03l2.42-7.22h1.98l-3.36 9.4h-2.17l-3.36-9.4ZM59.42 35.69c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58ZM68.13 32.12h1.69v1.19h.03c.35-.81.98-1.24 1.82-1.24.22 0 .52.03.64.07v1.71c-.2-.06-.59-.1-.88-.1-.91 0-1.5.69-1.5 1.76v3.76h-1.79v-7.14l-.01-.01ZM73.01 38.06l3.4-4.45h-3.3v-1.49h5.73v1.2l-3.4 4.45h3.5v1.49h-5.93v-1.2ZM79.88 35.69c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58ZM90.38 39.26h-1.79V28.77h1.79v6.57h.03l2.66-3.23h2.17l-2.76 3.17 2.89 3.98H93.2l-1.98-2.81-.84.97v1.84ZM95.68 35.69c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58ZM104.38 32.12h1.69v1.19h.03c.35-.81.98-1.24 1.82-1.24.22 0 .52.03.64.07v1.71c-.2-.06-.59-.1-.88-.1-.91 0-1.5.69-1.5 1.76v3.76h-1.79v-7.14l-.01-.01ZM110.65 31.21c-.62 0-1.07-.43-1.07-1.04 0-.61.45-1.04 1.07-1.04.62 0 1.07.43 1.07 1.04 0 .61-.45 1.04-1.07 1.04Zm-.9.91h1.79v7.14h-1.79v-7.14ZM113.48 32.12h1.69v.97h.03c.33-.71 1.06-1.14 1.89-1.14 1.79 0 2.72 1.03 2.72 2.99v4.32h-1.79v-3.98c0-1.21-.43-1.78-1.35-1.78-.92 0-1.4.64-1.4 1.82v3.93h-1.79v-7.14.01ZM121.55 40.97l1.16-1.13c.39.45 1.1.72 1.87.72 1.3 0 2.02-.59 2.02-1.63v-1.1h-.03c-.4.75-1.16 1.17-2.1 1.17-2.01 0-3.34-1.42-3.34-3.53s1.37-3.51 3.34-3.51c1.01 0 1.81.45 2.2 1.21h.03v-1.06h1.69v6.88c0 1.91-1.46 3.11-3.79 3.11-1.33 0-2.43-.42-3.05-1.14v.01Zm5.06-5.5c0-1.19-.74-2.01-1.82-2.01s-1.82.82-1.82 2.01.75 2 1.82 2 1.82-.82 1.82-2ZM129.88 35.69c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58ZM138.59 32.12h1.69v.97h.03c.33-.71 1.06-1.14 1.89-1.14 1.79 0 2.72 1.03 2.72 2.99v4.32h-1.79v-3.98c0-1.21-.43-1.78-1.35-1.78-.92 0-1.4.64-1.4 1.82v3.93h-1.79v-7.14.01Z"
+    }), jsxRuntime.jsx("path", {
+      className: "amsterdam-logo__text-primary",
+      fill: "#EC0000",
+      d: "M20.94 15.88h2.17l3.76 9.4h-2.01l-.78-2.07H19.9l-.78 2.07h-1.94l3.76-9.4Zm-.48 5.77h3.04L22 17.69h-.03l-1.5 3.96h-.01ZM28.05 18.14h1.68v.97h.03c.36-.74 1-1.14 1.82-1.14.93 0 1.62.4 2.05 1.21.43-.78 1.23-1.21 2.24-1.21 1.76 0 2.62.98 2.62 2.99v4.32H36.7v-4.02c0-1.17-.4-1.74-1.24-1.74s-1.29.62-1.29 1.79v3.96h-1.79v-4.02c0-1.19-.39-1.74-1.24-1.74s-1.29.64-1.29 1.79v3.96h-1.79v-7.14l-.01.02ZM41.79 22.29c-.97-.29-1.91-.81-1.91-2.11 0-1.3 1.1-2.21 2.73-2.21 1.1 0 1.95.39 2.43 1.11l-1.03 1.03c-.36-.45-.85-.69-1.39-.69-.61 0-.98.27-.98.71 0 .58.61.68 1.49.95.97.29 1.91.81 1.91 2.11 0 1.3-1.16 2.27-2.86 2.27-1.11 0-2.01-.39-2.53-1.13l1.03-1.03c.39.46.91.71 1.49.71.69 0 1.11-.29 1.11-.77 0-.58-.61-.68-1.49-.95ZM46.94 22.72v-3.09h-1.23v-1.49h.65c.59 0 .82-.23.82-.82v-1.11h1.53v1.94h1.74v1.49h-1.74v3.09c0 .69.36 1.08 1.03 1.08.2 0 .45-.03.59-.07v1.5c-.22.06-.62.1-.94.1-1.62 0-2.46-.9-2.46-2.62h.01ZM51.34 21.71c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58ZM60.04 18.14h1.69v1.19h.03c.35-.81.98-1.24 1.82-1.24.22 0 .52.03.64.07v1.71c-.2-.06-.59-.1-.88-.1-.91 0-1.5.69-1.5 1.76v3.76h-1.79v-7.14l-.01-.01ZM64.73 21.74c0-2.21 1.46-3.77 3.53-3.77.95 0 1.74.42 2.23 1.19h.03v-4.35h1.79V25.3h-1.69v-1.11h-.03c-.46.81-1.33 1.29-2.33 1.29-2.07 0-3.53-1.55-3.53-3.72v-.02Zm5.79-.03c0-1.29-.8-2.14-1.97-2.14s-1.98.87-1.98 2.14.8 2.14 1.98 2.14 1.97-.85 1.97-2.14ZM73.68 23.25c0-1.37 1.14-2.2 3.05-2.21h1.39v-.25c0-.84-.54-1.27-1.5-1.27-.64 0-1.2.25-1.59.69l-1.08-1.06c.62-.77 1.62-1.19 2.85-1.19 1.91 0 3.12 1.04 3.12 2.7v2.83c0 .26.12.38.4.38h.13v1.4h-.84c-.68 0-1.14-.32-1.29-.84h-.03c-.45.65-1.19 1.01-2.08 1.01-1.5 0-2.53-.9-2.53-2.21v.02Zm4.44-.62v-.4h-1.19c-.94.03-1.45.36-1.45.98 0 .55.43.94 1.04.94.94 0 1.59-.62 1.59-1.52h.01ZM81.85 18.14h1.68v.97h.03c.36-.74 1-1.14 1.82-1.14.93 0 1.62.4 2.05 1.21.43-.78 1.23-1.21 2.24-1.21 1.76 0 2.62.98 2.62 2.99v4.32H90.5v-4.02c0-1.17-.4-1.74-1.24-1.74s-1.29.62-1.29 1.79v3.96h-1.79v-4.02c0-1.19-.39-1.74-1.24-1.74s-1.29.64-1.29 1.79v3.96h-1.79v-7.14l-.01.02ZM17.58 6.41c0-2.85 2-4.86 4.82-4.86 1.43 0 2.63.46 3.49 1.39l-1.24 1.19c-.54-.59-1.3-.94-2.21-.94-1.71 0-2.89 1.33-2.89 3.23s1.16 3.28 2.82 3.28c1.52 0 2.57-.87 2.57-2.13v-.25h-2.27V5.74h4.18V7.2c0 2.4-1.87 4.09-4.54 4.09S17.6 9.27 17.6 6.4l-.02.01ZM28.05 7.55c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58ZM36.75 3.98h1.68v.97h.03c.36-.74 1-1.14 1.82-1.14.93 0 1.62.4 2.05 1.21.43-.78 1.23-1.21 2.24-1.21 1.76 0 2.62.98 2.62 2.99v4.32H45.4V7.1c0-1.17-.4-1.74-1.24-1.74s-1.29.62-1.29 1.79v3.96h-1.79V7.1c0-1.19-.39-1.74-1.24-1.74s-1.29.64-1.29 1.79v3.96h-1.79V3.98h-.01ZM48.61 7.55c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58ZM56.87 7.55c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58ZM65.58 3.98h1.69v.97h.03c.33-.71 1.06-1.14 1.89-1.14 1.79 0 2.72 1.03 2.72 2.99v4.32h-1.79V7.14c0-1.21-.43-1.78-1.34-1.78-.91 0-1.4.64-1.4 1.82v3.93h-1.79V3.98h-.01ZM74.21 8.56V5.47h-1.23V3.98h.65c.59 0 .82-.23.82-.82V2.04h1.53v1.94h1.74v1.49h-1.74v3.09c0 .69.36 1.08 1.03 1.08.2 0 .45-.03.59-.07v1.5c-.22.06-.62.1-.94.1-1.62 0-2.46-.9-2.46-2.62l.01.01ZM78.61 7.55c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58Z"
+    })]
+  }));
+});
+LogoVgaVerzekeringen.displayName = 'LogoVgaVerzekeringen';
+
+var _excluded$s = ["brand", "className"];
+function ownKeys$s(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$s(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$s(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$s(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var logoConfig = {
+  amsterdam: LogoAmsterdam,
+  'ggd-amsterdam': LogoGgdAmsterdam,
+  stadsarchief: LogoStadsarchief,
+  'stadsbank-van-lening': LogoStadsbankVanLening,
+  'vga-verzekeringen': LogoVgaVerzekeringen
+};
+var Logo = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var _ref$brand = _ref.brand,
+    brand = _ref$brand === void 0 ? 'amsterdam' : _ref$brand,
+    className = _ref.className,
+    restProps = _objectWithoutProperties(_ref, _excluded$s);
+  var LogoComponent = logoConfig[brand];
+  return jsxRuntime.jsx(LogoComponent, _objectSpread$s(_objectSpread$s({}, restProps), {}, {
+    ref: ref,
+    className: clsx('amsterdam-logo', className)
+  }));
+});
+Logo.displayName = 'Logo';
+
+var _excluded$r = ["className", "size", "svg"];
+function ownKeys$r(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$r(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$r(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$r(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var 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$k);
-  return jsxRuntime.jsx("span", _objectSpread$k(_objectSpread$k({
+    otherProps = _objectWithoutProperties(_ref, _excluded$r);
+  return jsxRuntime.jsx("span", _objectSpread$r(_objectSpread$r({
     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), {}, {
@@ -27,14 +189,14 @@ var Icon = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
 });
 Icon.displayName = 'Icon';
 
-var _excluded$j = ["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 VisuallyHidden = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+var _excluded$q = ["children", "className"];
+function ownKeys$q(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$q(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$q(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$q(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var VisuallyHidden = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$j);
-  return jsxRuntime.jsx("div", _objectSpread$j(_objectSpread$j({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$q);
+  return jsxRuntime.jsx("div", _objectSpread$q(_objectSpread$q({}, restProps), {}, {
     ref: ref,
     className: clsx('amsterdam-visually-hidden', className),
     children: children
@@ -42,30 +204,354 @@ var VisuallyHidden = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
 });
 VisuallyHidden.displayName = 'VisuallyHidden';
 
-var _excluded$i = ["className", "size"],
-  _excluded2$5 = ["children", "className", "title", "severity", "closeable", "icon", "onClose"];
+var _excluded$p = ["children", "className", "title", "actions"];
+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; }
+// TODO: Replace with ActionButton
+var DialogClose = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var restProps = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
+  return jsxRuntime.jsxs("button", _objectSpread$p(_objectSpread$p({
+    ref: ref,
+    className: "amsterdam-dialog__close",
+    formNoValidate: true
+  }, restProps), {}, {
+    children: [jsxRuntime.jsx(VisuallyHidden, {
+      children: "Sluiten"
+    }), jsxRuntime.jsx(Icon, {
+      svg: designSystemReactIcons.CloseIcon,
+      size: "level-5"
+    })]
+  }));
+});
+var Dialog = /*#__PURE__*/react.forwardRef(function (_ref2, ref) {
+  var children = _ref2.children,
+    className = _ref2.className,
+    title = _ref2.title,
+    actions = _ref2.actions,
+    restProps = _objectWithoutProperties(_ref2, _excluded$p);
+  return jsxRuntime.jsx("dialog", _objectSpread$p(_objectSpread$p({}, restProps), {}, {
+    ref: ref,
+    className: clsx('amsterdam-dialog', className),
+    children: jsxRuntime.jsxs("form", {
+      method: "dialog",
+      className: "amsterdam-dialog__form",
+      children: [jsxRuntime.jsxs("header", {
+        className: "amsterdam-dialog__header",
+        children: [jsxRuntime.jsx("span", {
+          className: "amsterdam-dialog__title",
+          children: title
+        }), jsxRuntime.jsx(DialogClose, {})]
+      }), jsxRuntime.jsx("article", {
+        className: "amsterdam-dialog__article",
+        children: children
+      }), actions && jsxRuntime.jsx("footer", {
+        className: "amsterdam-dialog__footer",
+        children: actions
+      })]
+    })
+  }));
+});
+Dialog.displayName = 'Dialog';
+DialogClose.displayName = 'DialogClose';
+
+var _excluded$o = ["className"];
+function ownKeys$o(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$o(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$o(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$o(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var Image = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    restProps = _objectWithoutProperties(_ref, _excluded$o);
+  return jsxRuntime.jsx("img", _objectSpread$o(_objectSpread$o({}, restProps), {}, {
+    ref: ref,
+    className: clsx('amsterdam-image', className)
+  }));
+});
+Image.displayName = 'Image';
+
+var _excluded$n = ["className", "maxVisiblePages", "onPageChange", "page", "totalPages"];
+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; }
+/**
+ * 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'];
+    }
+    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$n);
+  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$n(_objectSpread$n({}, 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 _excluded$m = ["children", "className", "maxWidth"];
+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 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$m);
+  return jsxRuntime.jsx("div", _objectSpread$m(_objectSpread$m({}, restProps), {}, {
+    ref: ref,
+    className: clsx('amsterdam-screen', "amsterdam-screen--".concat(maxWidth), className),
+    children: children
+  }));
+});
+Screen.displayName = 'Screen';
+
+var _excluded$l = ["className", "id"];
+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 Switch = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    id = _ref.id,
+    restProps = _objectWithoutProperties(_ref, _excluded$l);
+  var inputId = id || react.useId();
+  return jsxRuntime.jsxs("div", {
+    className: clsx('amsterdam-switch', className),
+    children: [jsxRuntime.jsx("input", _objectSpread$l(_objectSpread$l({}, 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 _excluded$k = ["children", "className", "as", "color"];
+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 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$k);
+  var Component = as;
+  return jsxRuntime.jsx(Component, _objectSpread$k(_objectSpread$k({}, restProps), {}, {
+    ref: ref,
+    className: clsx('amsterdam-highlight', "amsterdam-highlight--".concat(color), className),
+    children: children
+  }));
+});
+Highlight.displayName = 'Highlight';
+
+var _excluded$j = ["children", "className", "inverseColor", "size"];
+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 Paragraph = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    inverseColor = _ref.inverseColor,
+    size = _ref.size,
+    otherProps = _objectWithoutProperties(_ref, _excluded$j);
+  return jsxRuntime.jsx("p", _objectSpread$j(_objectSpread$j({
+    ref: ref,
+    className: clsx('amsterdam-paragraph', size && "amsterdam-paragraph--".concat(size), inverseColor && 'amsterdam-paragraph--inverse-color', className)
+  }, otherProps), {}, {
+    children: children
+  }));
+});
+Paragraph.displayName = 'Paragraph';
+
+var _excluded$i = ["children", "className", "tagline"],
+  _excluded2$6 = ["children", "className"],
+  _excluded3$2 = ["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; }
 function _objectSpread$i(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$i(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$i(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var AlertClose = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+var CardHeadingGroup = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    tagline = _ref.tagline,
+    restProps = _objectWithoutProperties(_ref, _excluded$i);
+  return jsxRuntime.jsxs("hgroup", _objectSpread$i(_objectSpread$i({}, 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$i(_objectSpread$i({}, 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$i(_objectSpread$i({}, 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$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 AlertClose = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var className = _ref.className,
     size = _ref.size,
-    restProps = _objectWithoutProperties(_ref, _excluded$i);
-  return jsxRuntime.jsxs("button", _objectSpread$i(_objectSpread$i({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$h);
+  return jsxRuntime.jsxs("button", _objectSpread$h(_objectSpread$h({}, restProps), {}, {
     ref: ref,
     className: clsx('amsterdam-alert__close', className),
     children: [jsxRuntime.jsx(VisuallyHidden, {
       children: "Sluiten"
     }), jsxRuntime.jsx(Icon, {
-      svg: designSystemReactIcons.Close,
+      svg: designSystemReactIcons.CloseIcon,
       size: size
     })]
   }));
 });
 var iconSvgBySeverity = {
-  error: designSystemReactIcons.Alert,
-  success: designSystemReactIcons.Checkmark
+  error: designSystemReactIcons.AlertIcon,
+  success: designSystemReactIcons.CheckmarkIcon
 };
-var Alert = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
+var Alert = /*#__PURE__*/react.forwardRef(function (_ref2, ref) {
   var children = _ref2.children,
     className = _ref2.className,
     title = _ref2.title,
@@ -75,7 +561,7 @@ var Alert = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
     onClose = _ref2.onClose,
     restProps = _objectWithoutProperties(_ref2, _excluded2$5);
   var alertSize = title ? 'level-5' : 'level-6';
-  var alertIcon = React.useMemo(function () {
+  var alertIcon = react.useMemo(function () {
     if (!icon || !severity) {
       return null;
     }
@@ -84,7 +570,7 @@ var Alert = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
       svg: iconSvgBySeverity[severity]
     });
   }, [icon, severity, alertSize]);
-  return jsxRuntime.jsxs("div", _objectSpread$i(_objectSpread$i({}, restProps), {}, {
+  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", {
@@ -105,109 +591,56 @@ var Alert = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
 Alert.displayName = 'Alert';
 AlertClose.displayName = 'AlertClose';
 
-var _excluded$h = ["children", "className", "ratio"];
-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 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$h);
-  return jsxRuntime.jsx("div", _objectSpread$h(_objectSpread$h({}, restProps), {}, {
-    ref: ref,
-    className: clsx('amsterdam-aspect-ratio', "amsterdam-aspect-ratio--".concat(ratio), className),
-    children: children
-  }));
-});
-AspectRatio.displayName = 'AspectRatio';
-
-var _excluded$g = ["children", "gridColumns", "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 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 AspectRatio = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
-    gridColumns = _ref.gridColumns,
     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-grid-cell', gridColumnClassNames(gridColumns), className),
+    className: clsx('amsterdam-aspect-ratio', "amsterdam-aspect-ratio--".concat(ratio), className),
     children: children
   }));
 });
-GridCell.displayName = 'GridCell';
+AspectRatio.displayName = 'AspectRatio';
 
-var _excluded$f = ["children", "className"];
+var _excluded$f = ["children", "className"],
+  _excluded2$4 = ["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 PageGrid = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+var FooterTop = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     restProps = _objectWithoutProperties(_ref, _excluded$f);
-  return jsxRuntime.jsx("div", _objectSpread$f(_objectSpread$f({}, restProps), {}, {
-    ref: ref,
-    className: clsx('amsterdam-page-grid', className),
-    children: children
-  }));
-});
-PageGrid.displayName = 'PageGrid';
-
-var _excluded$e = ["children", "className"],
-  _excluded2$4 = ["children", "className"],
-  _excluded3$1 = ["children", "className"],
-  _excluded4 = ["children", "className"];
-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 FooterTop = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$e);
-  return jsxRuntime.jsx(PageGrid, _objectSpread$e(_objectSpread$e({}, restProps), {}, {
+  return jsxRuntime.jsx(Highlight, _objectSpread$f(_objectSpread$f({}, restProps), {}, {
+    color: "blue",
     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$e(_objectSpread$e({}, restProps), {}, {
+  return jsxRuntime.jsx("div", _objectSpread$f(_objectSpread$f({}, restProps), {}, {
     ref: ref,
-    className: clsx('amsterdam-footer__column', className),
+    className: clsx('amsterdam-footer__bottom', className),
     children: children
   }));
 });
-FooterColumn.displayName = 'FooterColumn';
-var FooterBottom = /*#__PURE__*/React.forwardRef(function (_ref3, ref) {
+FooterBottom.displayName = 'FooterBottom';
+var Footer = /*#__PURE__*/react.forwardRef(function (_ref3, ref) {
   var children = _ref3.children,
     className = _ref3.className,
     restProps = _objectWithoutProperties(_ref3, _excluded3$1);
-  return jsxRuntime.jsx("div", _objectSpread$e(_objectSpread$e({}, restProps), {}, {
-    ref: ref,
-    className: clsx('amsterdam-footer__bottom', className),
-    children: children
-  }));
-});
-FooterBottom.displayName = 'FooterBottom';
-var Footer = /*#__PURE__*/React.forwardRef(function (_ref4, ref) {
-  var children = _ref4.children,
-    className = _ref4.className,
-    restProps = _objectWithoutProperties(_ref4, _excluded4);
-  return jsxRuntime.jsx("footer", _objectSpread$e(_objectSpread$e({}, restProps), {}, {
+  return jsxRuntime.jsx("footer", _objectSpread$f(_objectSpread$f({}, restProps), {}, {
     ref: ref,
     className: clsx('amsterdam-footer', className),
     children: children
@@ -215,34 +648,32 @@ 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$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; }
-var PageMenu = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+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
   }));
 });
-var PageMenuLink = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
+var PageMenuLink = /*#__PURE__*/react.forwardRef(function (_ref2, ref) {
   var children = _ref2.children,
     icon = _ref2.icon,
     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, {
@@ -252,13 +683,13 @@ var PageMenuLink = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
     }))
   });
 });
-var PageMenuButton = /*#__PURE__*/React.forwardRef(function (_ref3, ref) {
+var PageMenuButton = /*#__PURE__*/react.forwardRef(function (_ref3, ref) {
   var children = _ref3.children,
     icon = _ref3.icon,
     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",
@@ -275,22 +706,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 TopTaskLink = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+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
     })]
@@ -298,15 +729,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 Blockquote = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+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
@@ -314,23 +745,23 @@ 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 Checkbox = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+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);
-  var id = React.useId();
-  var innerRef = React.useRef(null);
+    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
-  React.useImperativeHandle(ref, function () {
+  react.useImperativeHandle(ref, function () {
     return innerRef.current;
   });
   // set input to indeterminate
-  React.useEffect(function () {
+  react.useEffect(function () {
     if (innerRef.current) {
       innerRef.current.indeterminate = Boolean(indeterminate);
     }
@@ -340,7 +771,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,
@@ -358,15 +789,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 PageHeading = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+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
@@ -374,17 +805,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; }
-var OrderedList = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+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), {}, {
@@ -392,11 +823,11 @@ var OrderedList = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   }));
 });
 OrderedList.displayName = 'OrderedList';
-var OrderedListItem = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
+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), {}, {
@@ -406,9 +837,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:
@@ -421,17 +852,17 @@ function getHeadingElement(level) {
       return 'h1';
   }
 }
-var Heading = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+var Heading = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     inverseColor = _ref.inverseColor,
     _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), {}, {
@@ -440,14 +871,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; }
-var Breadcrumb = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+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", {
@@ -457,11 +888,11 @@ var Breadcrumb = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   }));
 });
 Breadcrumb.displayName = 'Breadcrumb';
-var BreadcrumbItem = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
+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", {
@@ -474,18 +905,18 @@ 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 Link = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+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,
     variant = _ref$variant === void 0 ? 'standalone' : _ref$variant,
     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',
@@ -496,16 +927,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':
@@ -516,13 +947,13 @@ function getAppearance(variant) {
       return 'primary-action-button';
   }
 }
-var Button = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+var Button = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     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,
@@ -532,33 +963,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 FormLabel = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+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
@@ -566,17 +978,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; }
-var UnorderedList = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+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), {}, {
@@ -584,11 +996,11 @@ var UnorderedList = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   }));
 });
 UnorderedList.displayName = 'UnorderedList';
-var UnorderedListItem = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
+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), {}, {
@@ -602,30 +1014,30 @@ var defaultValues = {
   headingLevel: 1,
   section: true
 };
-var AccordionContext = /*#__PURE__*/React.createContext(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 AccordionSection = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+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);
-  var _useContext = React.useContext(AccordionContext),
+    otherProps = _objectWithoutProperties(_ref, _excluded$2);
+  var _useContext = react.useContext(AccordionContext),
     headingLevel = _useContext.headingLevel,
     section = _useContext.section;
-  var _useState = React.useState(expanded),
+  var _useState = react.useState(expanded),
     _useState2 = _slicedToArray(_useState, 2),
     isExpanded = _useState2[0],
     setIsExpanded = _useState2[1];
   var HeadingX = getHeadingElement(headingLevel);
-  var id = React.useId();
+  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), {}, {
@@ -641,7 +1053,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"
         })]
       })
@@ -702,7 +1114,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];
               }
@@ -742,15 +1154,15 @@ var useFocusWithArrows = function useFocusWithArrows(ref) {
   };
 };
 
-var Accordion = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+var Accordion = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     headingLevel = _ref.headingLevel,
     _ref$section = _ref.section,
     section = _ref$section === void 0 ? true : _ref$section;
-  var innerRef = React.useRef(null);
+  var innerRef = react.useRef(null);
   // use a passed ref if it's there, otherwise use innerRef
-  React.useImperativeHandle(ref, function () {
+  react.useImperativeHandle(ref, function () {
     return innerRef.current;
   });
   var _useFocusWithArrows = useFocusWithArrows(innerRef, true),
@@ -772,26 +1184,110 @@ 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.Dialog = Dialog;
 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.Logo = Logo;
 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