@amsterdam/design-system-react 0.16.0 → 1.0.0

package/dist/index.esm.js

@@ -4,7 +4,7 @@ import { createContext, forwardRef, useContext, useState, useId, useRef, useImpe
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { ChevronDownIcon, CloseIcon, AlertIcon, CheckmarkIcon, InfoIcon, PersonalLoginIcon, DocumentIcon, ChevronLeftIcon, ChevronRightIcon, SearchIcon } from '@amsterdam/design-system-react-icons';
+import { ChevronDownIcon, CloseIcon, WarningFillIcon, SuccessFillIcon, ErrorFillIcon, InfoFillIcon, PersonFillIcon, WarningIcon, DocumentIcon, ChevronBackwardIcon, ChevronForwardIcon, SearchIcon } from '@amsterdam/design-system-react-icons';
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
 
 /**
@@ -17,6 +17,10 @@ var defaultValues$2 = {
 };
 var AccordionContext = /*#__PURE__*/createContext(defaultValues$2);
 
+/**
+ * @license EUPL-1.2+
+ * Copyright Gemeente Amsterdam
+ */
 function getHeadingTag(level) {
   switch (level) {
     case 2:
@@ -32,8 +36,12 @@ function getHeadingTag(level) {
 }
 
 var _excluded$1z = ["className", "color", "size", "square", "svg"];
-function ownKeys$1H(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1H(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1H(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1H(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1I(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1I(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1I(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1I(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+/**
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-media-icon--docs Icon docs at Amsterdam Design System}
+ * @see {@link https://designsystem.amsterdam/?path=/docs/brand-assets-icons--docs Icons overview at Amsterdam Design System}
+ */
 var Icon = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     color = _ref.color,
@@ -41,7 +49,7 @@ var Icon = /*#__PURE__*/forwardRef(function (_ref, ref) {
     square = _ref.square,
     svg = _ref.svg,
     restProps = _objectWithoutProperties(_ref, _excluded$1z);
-  return jsx("span", _objectSpread$1H(_objectSpread$1H({
+  return jsx("span", _objectSpread$1I(_objectSpread$1I({
     className: clsx('ams-icon', color && "ams-icon--".concat(color), size && "ams-icon--".concat(size), square && 'ams-icon--square', className),
     ref: ref
   }, restProps), {}, {
@@ -51,8 +59,8 @@ var Icon = /*#__PURE__*/forwardRef(function (_ref, ref) {
 Icon.displayName = 'Icon';
 
 var _excluded$1y = ["children", "className", "expanded", "label"];
-function ownKeys$1G(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1G(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1G(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1G(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1H(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1H(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1H(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1H(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var AccordionSection = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
@@ -72,7 +80,7 @@ var AccordionSection = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var id = useId();
   var buttonId = "button-".concat(id);
   var panelId = "panel-".concat(id);
-  return jsxs("div", _objectSpread$1G(_objectSpread$1G({
+  return jsxs("div", _objectSpread$1H(_objectSpread$1H({
     className: clsx('ams-accordion__section', className),
     ref: ref
   }, restProps), {}, {
@@ -194,18 +202,24 @@ var AccordionRoot = /*#__PURE__*/forwardRef(function (_ref, ref) {
   });
 });
 AccordionRoot.displayName = 'Accordion';
+/**
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-containers-accordion--docs Accordion docs at Amsterdam Design System}
+ */
 var Accordion = Object.assign(AccordionRoot, {
   Section: AccordionSection
 });
 
 var _excluded$1x = ["children", "className"];
-function ownKeys$1F(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1F(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1F(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1F(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1G(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1G(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1G(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1G(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+/**
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-layout-action-group--docs Action Group docs at Amsterdam Design System}
+ */
 var ActionGroup = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     restProps = _objectWithoutProperties(_ref, _excluded$1x);
-  return jsx("div", _objectSpread$1F(_objectSpread$1F({}, restProps), {}, {
+  return jsx("div", _objectSpread$1G(_objectSpread$1G({}, restProps), {}, {
     className: clsx('ams-action-group', className),
     ref: ref,
     role: "group",
@@ -215,8 +229,11 @@ var ActionGroup = /*#__PURE__*/forwardRef(function (_ref, ref) {
 ActionGroup.displayName = 'ActionGroup';
 
 var _excluded$1w = ["children", "className", "color", "level", "size"];
-function ownKeys$1E(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1E(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1E(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1E(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1F(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1F(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1F(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1F(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+/**
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-text-heading--docs Heading docs at Amsterdam Design System}
+ */
 var Heading = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
@@ -226,7 +243,7 @@ var Heading = /*#__PURE__*/forwardRef(function (_ref, ref) {
     restProps = _objectWithoutProperties(_ref, _excluded$1w);
   var Tag = getHeadingTag(level);
   var visualLevel = size ? size.slice(-1) : level;
-  return jsx(Tag, _objectSpread$1E(_objectSpread$1E({
+  return jsx(Tag, _objectSpread$1F(_objectSpread$1F({
     className: clsx('ams-heading', "ams-heading--".concat(visualLevel), color && "ams-heading--".concat(color), className),
     ref: ref
   }, restProps), {}, {
@@ -236,8 +253,11 @@ var Heading = /*#__PURE__*/forwardRef(function (_ref, ref) {
 Heading.displayName = 'Heading';
 
 var _excluded$1v = ["className", "color", "label", "size", "svg", "type"];
-function ownKeys$1D(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1D(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1D(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1D(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1E(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1E(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1E(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1E(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+/**
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-buttons-icon-button--docs Icon Button docs at Amsterdam Design System}
+ */
 var IconButton = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     color = _ref.color,
@@ -247,7 +267,7 @@ var IconButton = /*#__PURE__*/forwardRef(function (_ref, ref) {
     svg = _ref$svg === void 0 ? CloseIcon : _ref$svg,
     type = _ref.type,
     restProps = _objectWithoutProperties(_ref, _excluded$1v);
-  return jsxs("button", _objectSpread$1D(_objectSpread$1D({}, restProps), {}, {
+  return jsxs("button", _objectSpread$1E(_objectSpread$1E({}, restProps), {}, {
     className: clsx('ams-icon-button', color && "ams-icon-button--".concat(color), className),
     ref: ref,
     type: type || 'button',
@@ -264,8 +284,11 @@ var IconButton = /*#__PURE__*/forwardRef(function (_ref, ref) {
 IconButton.displayName = 'IconButton';
 
 var _excluded$1u = ["align", "alignVertical", "as", "children", "className", "gap", "wrap"];
-function ownKeys$1C(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1C(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1C(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1C(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1D(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1D(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1D(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1D(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+/**
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-layout-row--docs Row docs at Amsterdam Design System}
+ */
 var Row = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var align = _ref.align,
     alignVertical = _ref.alignVertical,
@@ -276,7 +299,7 @@ var Row = /*#__PURE__*/forwardRef(function (_ref, ref) {
     gap = _ref.gap,
     wrap = _ref.wrap,
     restProps = _objectWithoutProperties(_ref, _excluded$1u);
-  return jsx(Tag, _objectSpread$1C(_objectSpread$1C({}, restProps), {}, {
+  return jsx(Tag, _objectSpread$1D(_objectSpread$1D({}, restProps), {}, {
     className: clsx('ams-row', align && "ams-row--align-".concat(align), alignVertical && "ams-row--align-vertical-".concat(alignVertical), gap && "ams-row--gap-".concat(gap), wrap && 'ams-row--wrap', className),
     ref: ref,
     children: children
@@ -285,13 +308,16 @@ var Row = /*#__PURE__*/forwardRef(function (_ref, ref) {
 Row.displayName = 'Row';
 
 var _excluded$1t = ["children", "className", "closeable", "closeButtonLabel", "heading", "headingLevel", "onClose", "severity"];
-function ownKeys$1B(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1B(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1B(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1B(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1C(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1C(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1C(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1C(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var iconSvgBySeverity = {
-  error: AlertIcon,
-  success: CheckmarkIcon,
-  warning: AlertIcon
+  error: ErrorFillIcon,
+  success: SuccessFillIcon,
+  warning: WarningFillIcon
 };
+/**
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-feedback-alert--docs Alert docs at Amsterdam Design System}
+ */
 var Alert = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
@@ -303,8 +329,8 @@ var Alert = /*#__PURE__*/forwardRef(function (_ref, ref) {
     onClose = _ref.onClose,
     severity = _ref.severity,
     restProps = _objectWithoutProperties(_ref, _excluded$1t);
-  var SeverityIcon = severity ? iconSvgBySeverity[severity] : InfoIcon;
-  return jsxs("section", _objectSpread$1B(_objectSpread$1B({}, restProps), {}, {
+  var SeverityIcon = severity ? iconSvgBySeverity[severity] : InfoFillIcon;
+  return jsxs("section", _objectSpread$1C(_objectSpread$1C({}, restProps), {}, {
     className: clsx('ams-alert', severity && "ams-alert--".concat(severity), className),
     ref: ref,
     children: [jsx("div", {
@@ -335,8 +361,8 @@ var Alert = /*#__PURE__*/forwardRef(function (_ref, ref) {
 Alert.displayName = 'Alert';
 
 var _excluded$1s = ["className", "color", "imageSrc", "label"];
-function ownKeys$1A(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1A(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1A(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1A(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1B(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1B(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1B(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1B(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var AvatarContent = function AvatarContent(_ref) {
   var imageSrc = _ref.imageSrc,
     initials = _ref.initials;
@@ -354,9 +380,12 @@ var AvatarContent = function AvatarContent(_ref) {
   }
   return jsx(Icon, {
     size: "small",
-    svg: PersonalLoginIcon
+    svg: PersonFillIcon
   });
 };
+/**
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-feedback-avatar--docs Avatar docs at Amsterdam Design System}
+ */
 var Avatar = /*#__PURE__*/forwardRef(function (_ref2, ref) {
   var className = _ref2.className,
     color = _ref2.color,
@@ -365,7 +394,7 @@ var Avatar = /*#__PURE__*/forwardRef(function (_ref2, ref) {
     restProps = _objectWithoutProperties(_ref2, _excluded$1s);
   var initials = label.slice(0, 2).toUpperCase();
   var a11yLabel = initials.length === 0 ? 'Gebruiker' : "Initialen gebruiker: ".concat(initials);
-  return jsxs("span", _objectSpread$1A(_objectSpread$1A({}, restProps), {}, {
+  return jsxs("span", _objectSpread$1B(_objectSpread$1B({}, restProps), {}, {
     className: clsx('ams-avatar', color && "ams-avatar--".concat(color), imageSrc && 'ams-avatar--has-image', className),
     ref: ref,
     children: [jsx("span", {
@@ -380,14 +409,17 @@ var Avatar = /*#__PURE__*/forwardRef(function (_ref2, ref) {
 Avatar.displayName = 'Avatar';
 
 var _excluded$1r = ["className", "color", "label"];
-function ownKeys$1z(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$1z(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1z(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1z(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1A(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1A(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1A(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1A(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+/**
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-feedback-badge--docs Badge docs at Amsterdam Design System}
+ */
 var Badge = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     color = _ref.color,
     label = _ref.label,
     restProps = _objectWithoutProperties(_ref, _excluded$1r);
-  return jsx("span", _objectSpread$1z(_objectSpread$1z({}, restProps), {}, {
+  return jsx("span", _objectSpread$1A(_objectSpread$1A({}, restProps), {}, {
     className: clsx('ams-badge', color && "ams-badge--".concat(color), className),
     ref: ref,
     children: label
@@ -396,14 +428,17 @@ var Badge = /*#__PURE__*/forwardRef(function (_ref, ref) {
 Badge.displayName = 'Badge';
 
 var _excluded$1q = ["children", "className", "color"];
-function ownKeys$1y(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$1y(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1y(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1y(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1z(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$1z(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1z(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1z(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+/**
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-text-blockquote--docs Blockquote docs at Amsterdam Design System}
+ */
 var Blockquote = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     color = _ref.color,
     restProps = _objectWithoutProperties(_ref, _excluded$1q);
-  return jsx("blockquote", _objectSpread$1y(_objectSpread$1y({}, restProps), {}, {
+  return jsx("blockquote", _objectSpread$1z(_objectSpread$1z({}, restProps), {}, {
     className: clsx('ams-blockquote', color && "ams-blockquote--".concat(color), className),
     ref: ref,
     children: children
@@ -412,15 +447,15 @@ var Blockquote = /*#__PURE__*/forwardRef(function (_ref, ref) {
 Blockquote.displayName = 'Blockquote';
 
 var _excluded$1p = ["children", "className"];
-function ownKeys$1x(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$1x(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1x(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1x(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1y(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$1y(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1y(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1y(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var BreadcrumbLink = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     restProps = _objectWithoutProperties(_ref, _excluded$1p);
   return jsx("li", {
     className: "ams-breadcrumb__item",
-    children: jsx("a", _objectSpread$1x(_objectSpread$1x({}, restProps), {}, {
+    children: jsx("a", _objectSpread$1y(_objectSpread$1y({}, restProps), {}, {
       className: clsx$1('ams-breadcrumb__link', className),
       ref: ref,
       children: children
@@ -430,13 +465,13 @@ var BreadcrumbLink = /*#__PURE__*/forwardRef(function (_ref, ref) {
 BreadcrumbLink.displayName = 'Breadcrumb.Link';
 
 var _excluded$1o = ["children", "className"];
-function ownKeys$1w(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$1w(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1w(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1w(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1x(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$1x(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1x(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1x(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var BreadcrumbRoot = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     restProps = _objectWithoutProperties(_ref, _excluded$1o);
-  return jsx("nav", _objectSpread$1w(_objectSpread$1w({}, restProps), {}, {
+  return jsx("nav", _objectSpread$1x(_objectSpread$1x({}, restProps), {}, {
     className: clsx$1('ams-breadcrumb', className),
     ref: ref,
     children: jsx("ol", {
@@ -446,6 +481,9 @@ var BreadcrumbRoot = /*#__PURE__*/forwardRef(function (_ref, ref) {
   }));
 });
 BreadcrumbRoot.displayName = 'Breadcrumb';
+/**
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-navigation-breadcrumb--docs Breadcrumb docs at Amsterdam Design System}
+ */
 var Breadcrumb = Object.assign(BreadcrumbRoot, {
   Link: BreadcrumbLink
 });
@@ -474,8 +512,8 @@ var breakoutCellClasses = function breakoutCellClasses(colSpan, colStart, rowSpa
 };
 
 var _excluded$1n = ["as", "children", "className", "colSpan", "colStart", "has", "rowSpan", "rowStart"];
-function ownKeys$1v(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$1v(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1v(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1v(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1w(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$1w(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1w(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1w(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var BreakoutCell = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var _ref$as = _ref.as,
     Tag = _ref$as === void 0 ? 'div' : _ref$as,
@@ -487,7 +525,7 @@ var BreakoutCell = /*#__PURE__*/forwardRef(function (_ref, ref) {
     rowSpan = _ref.rowSpan,
     rowStart = _ref.rowStart,
     restProps = _objectWithoutProperties(_ref, _excluded$1n);
-  return jsx(Tag, _objectSpread$1v(_objectSpread$1v({}, restProps), {}, {
+  return jsx(Tag, _objectSpread$1w(_objectSpread$1w({}, restProps), {}, {
     className: clsx('ams-breakout__cell', breakoutCellClasses(colSpan, colStart, rowSpan, rowStart), has && "ams-breakout__cell--has-".concat(has), className),
     ref: ref,
     children: children
@@ -495,6 +533,10 @@ var BreakoutCell = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 BreakoutCell.displayName = 'Breakout.Cell';
 
+/**
+ * @license EUPL-1.2+
+ * Copyright Gemeente Amsterdam
+ */
 var paddingClasses = function paddingClasses(componentName, paddingBottom, paddingTop, paddingVertical) {
   var classes = [];
   if (paddingVertical) {
@@ -510,8 +552,8 @@ var paddingClasses = function paddingClasses(componentName, paddingBottom, paddi
 };
 
 var _excluded$1m = ["children", "className", "gapVertical", "paddingBottom", "paddingTop", "paddingVertical"];
-function ownKeys$1u(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$1u(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1u(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1u(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1v(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$1v(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1v(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1v(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var BreakoutRoot = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
@@ -520,20 +562,26 @@ var BreakoutRoot = /*#__PURE__*/forwardRef(function (_ref, ref) {
     paddingTop = _ref.paddingTop,
     paddingVertical = _ref.paddingVertical,
     restProps = _objectWithoutProperties(_ref, _excluded$1m);
-  return jsx("div", _objectSpread$1u(_objectSpread$1u({}, restProps), {}, {
+  return jsx("div", _objectSpread$1v(_objectSpread$1v({}, restProps), {}, {
     className: clsx('ams-breakout', gapVertical && "ams-breakout--gap-vertical--".concat(gapVertical), paddingClasses('breakout', paddingBottom, paddingTop, paddingVertical), className),
     ref: ref,
     children: children
   }));
 });
 BreakoutRoot.displayName = 'Breakout';
+/**
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-layout-breakout--docs Breakout docs at Amsterdam Design System}
+ */
 var Breakout = Object.assign(BreakoutRoot, {
   Cell: BreakoutCell
 });
 
 var _excluded$1l = ["children", "className", "disabled", "icon", "iconBefore", "iconOnly", "type", "variant"];
-function ownKeys$1t(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$1t(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1t(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1t(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1u(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$1u(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1u(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1u(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+/**
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-buttons-button--docs Button docs at Amsterdam Design System}
+ */
 var Button = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
@@ -545,7 +593,7 @@ var Button = /*#__PURE__*/forwardRef(function (_ref, ref) {
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'primary' : _ref$variant,
     restProps = _objectWithoutProperties(_ref, _excluded$1l);
-  return jsxs("button", _objectSpread$1t(_objectSpread$1t({}, restProps), {}, {
+  return jsxs("button", _objectSpread$1u(_objectSpread$1u({}, restProps), {}, {
     className: clsx('ams-button', "ams-button--".concat(variant), icon && iconOnly && "ams-button--icon-only", className),
     disabled: disabled,
     ref: ref,
@@ -564,15 +612,15 @@ var Button = /*#__PURE__*/forwardRef(function (_ref, ref) {
 Button.displayName = 'Button';
 
 var _excluded$1k = ["children", "className", "size"];
-function ownKeys$1s(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$1s(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1s(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1s(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1t(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$1t(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1t(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1t(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var CardHeading = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? 'level-4' : _ref$size,
     restProps = _objectWithoutProperties(_ref, _excluded$1k);
-  return jsx(Heading, _objectSpread$1s(_objectSpread$1s({}, restProps), {}, {
+  return jsx(Heading, _objectSpread$1t(_objectSpread$1t({}, restProps), {}, {
     className: clsx('ams-card__heading', className),
     ref: ref,
     size: size,
@@ -582,15 +630,18 @@ var CardHeading = /*#__PURE__*/forwardRef(function (_ref, ref) {
 CardHeading.displayName = 'Card.Heading';
 
 var _excluded$1j = ["children", "className", "color", "size"];
-function ownKeys$1r(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$1r(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1r(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1r(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1s(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$1s(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1s(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1s(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+/**
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-text-paragraph--docs Paragraph docs at Amsterdam Design System}
+ */
 var Paragraph = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     color = _ref.color,
     size = _ref.size,
     restProps = _objectWithoutProperties(_ref, _excluded$1j);
-  return jsx("p", _objectSpread$1r(_objectSpread$1r({
+  return jsx("p", _objectSpread$1s(_objectSpread$1s({
     className: clsx('ams-paragraph', color && "ams-paragraph--".concat(color), size && "ams-paragraph--".concat(size), className),
     ref: ref
   }, restProps), {}, {
@@ -600,14 +651,14 @@ var Paragraph = /*#__PURE__*/forwardRef(function (_ref, ref) {
 Paragraph.displayName = 'Paragraph';
 
 var _excluded$1i = ["children", "className", "tagline"];
-function ownKeys$1q(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$1q(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1q(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1q(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1r(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$1r(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1r(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1r(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var CardHeadingGroup = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     tagline = _ref.tagline,
     restProps = _objectWithoutProperties(_ref, _excluded$1i);
-  return jsxs("hgroup", _objectSpread$1q(_objectSpread$1q({}, restProps), {}, {
+  return jsxs("hgroup", _objectSpread$1r(_objectSpread$1r({}, restProps), {}, {
     className: clsx('ams-card__heading-group', className),
     ref: ref,
     children: [children, jsx(Paragraph, {
@@ -618,18 +669,25 @@ var CardHeadingGroup = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 CardHeadingGroup.displayName = 'Card.HeadingGroup';
 
+/**
+ * @license EUPL-1.2+
+ * Copyright Gemeente Amsterdam
+ */
 var generateAspectRatioClass = function generateAspectRatioClass(aspectRatio) {
   return aspectRatio && "ams-aspect-ratio-".concat(aspectRatio.replace(':', '-'));
 };
 
 var _excluded$1h = ["aspectRatio", "className"];
-function ownKeys$1p(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$1p(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1p(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1p(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1q(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$1q(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1q(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1q(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+/**
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-media-image--docs Image docs at Amsterdam Design System}
+ */
 var Image = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var aspectRatio = _ref.aspectRatio,
     className = _ref.className,
     restProps = _objectWithoutProperties(_ref, _excluded$1h);
-  return jsx("img", _objectSpread$1p(_objectSpread$1p({}, restProps), {}, {
+  return jsx("img", _objectSpread$1q(_objectSpread$1q({}, restProps), {}, {
     className: clsx('ams-image', generateAspectRatioClass(aspectRatio), className),
     ref: ref
   }));
@@ -637,12 +695,12 @@ var Image = /*#__PURE__*/forwardRef(function (_ref, ref) {
 Image.displayName = 'Image';
 
 var _excluded$1g = ["className"];
-function ownKeys$1o(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$1o(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1o(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1o(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1p(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$1p(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1p(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1p(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var CardImage = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     restProps = _objectWithoutProperties(_ref, _excluded$1g);
-  return jsx(Image, _objectSpread$1o(_objectSpread$1o({}, restProps), {}, {
+  return jsx(Image, _objectSpread$1p(_objectSpread$1p({}, restProps), {}, {
     className: clsx('ams-card__image', className),
     ref: ref
   }));
@@ -650,13 +708,13 @@ var CardImage = /*#__PURE__*/forwardRef(function (_ref, ref) {
 CardImage.displayName = 'Card.Image';
 
 var _excluded$1f = ["children", "className"];
-function ownKeys$1n(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$1n(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1n(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1n(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1o(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$1o(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1o(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1o(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var CardLink = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     restProps = _objectWithoutProperties(_ref, _excluded$1f);
-  return jsx("a", _objectSpread$1n(_objectSpread$1n({}, restProps), {}, {
+  return jsx("a", _objectSpread$1o(_objectSpread$1o({}, restProps), {}, {
     className: clsx('ams-card__link', className),
     ref: ref,
     children: children
@@ -665,19 +723,22 @@ var CardLink = /*#__PURE__*/forwardRef(function (_ref, ref) {
 CardLink.displayName = 'Card.Link';
 
 var _excluded$1e = ["children", "className"];
-function ownKeys$1m(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$1m(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1m(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1m(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1n(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$1n(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1n(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1n(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var CardRoot = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     restProps = _objectWithoutProperties(_ref, _excluded$1e);
-  return jsx("article", _objectSpread$1m(_objectSpread$1m({}, restProps), {}, {
+  return jsx("article", _objectSpread$1n(_objectSpread$1n({}, restProps), {}, {
     className: clsx('ams-card', className),
     ref: ref,
     children: children
   }));
 });
 CardRoot.displayName = 'Card';
+/**
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-navigation-card--docs Card docs at Amsterdam Design System}
+ */
 var Card = Object.assign(CardRoot, {
   Heading: CardHeading,
   HeadingGroup: CardHeadingGroup,
@@ -686,14 +747,17 @@ var Card = Object.assign(CardRoot, {
 });
 
 var _excluded$1d = ["className", "length", "maxLength"];
-function ownKeys$1l(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$1l(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1l(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1l(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1m(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$1m(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1m(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1m(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+/**
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-forms-character-count--docs Character Count docs at Amsterdam Design System}
+ */
 var CharacterCount = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     length = _ref.length,
     maxLength = _ref.maxLength,
     restProps = _objectWithoutProperties(_ref, _excluded$1d);
-  return jsx("div", _objectSpread$1l(_objectSpread$1l({}, restProps), {}, {
+  return jsx("div", _objectSpread$1m(_objectSpread$1m({}, restProps), {}, {
     className: clsx('ams-character-count', length > maxLength && 'ams-character-count--error', className),
     ref: ref,
     role: "status",
@@ -702,12 +766,62 @@ var CharacterCount = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 CharacterCount.displayName = 'CharacterCount';
 
-var _excluded$1c = ["children", "className", "indeterminate", "invalid"];
+function ownKeys$1l(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$1l(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1l(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1l(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var SvgCheckbox = function SvgCheckbox(props) {
+  return jsxs("svg", _objectSpread$1l(_objectSpread$1l({
+    "aria-hidden": "true",
+    focusable: "false",
+    viewBox: "0 0 24 24",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), {}, {
+    children: [jsx("rect", {
+      className: "ams-checkbox__rectangle",
+      fill: "none",
+      height: "22",
+      stroke: "black",
+      strokeWidth: "2",
+      width: "22",
+      x: "1",
+      y: "1"
+    }), jsx("rect", {
+      className: "ams-checkbox__hover-indicator",
+      fill: "none",
+      height: "20",
+      stroke: "black",
+      strokeWidth: "1",
+      width: "20",
+      x: "2",
+      y: "2"
+    }), jsx("path", {
+      className: "ams-checkbox__checked-indicator",
+      d: "M3.251 13.017L8.554 18.761L20.749 5.239",
+      fill: "none",
+      stroke: "black",
+      strokeWidth: "3"
+    }), jsx("line", {
+      className: "ams-checkbox__indeterminate-indicator",
+      fill: "none",
+      stroke: "black",
+      strokeWidth: "3",
+      x1: "4",
+      x2: "20",
+      y1: "12",
+      y2: "12"
+    })]
+  }));
+};
+
+var _excluded$1c = ["children", "className", "icon", "indeterminate", "invalid"];
 function ownKeys$1k(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$1k(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1k(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1k(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+/**
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-forms-checkbox--docs Checkbox docs at Amsterdam Design System}
+ */
 var Checkbox = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
+    icon = _ref.icon,
     indeterminate = _ref.indeterminate,
     invalid = _ref.invalid,
     restProps = _objectWithoutProperties(_ref, _excluded$1c);
@@ -738,7 +852,8 @@ var Checkbox = /*#__PURE__*/forwardRef(function (_ref, ref) {
         className: "ams-checkbox__label",
         htmlFor: id,
         children: [jsx("span", {
-          className: "ams-checkbox__checkmark"
+          className: "ams-checkbox__icon-container",
+          children: icon !== null && icon !== void 0 ? icon : jsx(SvgCheckbox, {})
         }), children]
       })]
     })
@@ -749,6 +864,9 @@ Checkbox.displayName = 'Checkbox';
 var _excluded$1b = ["align", "alignHorizontal", "as", "children", "className", "gap"];
 function ownKeys$1j(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$1j(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1j(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1j(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+/**
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-layout-column--docs Column docs at Amsterdam Design System}
+ */
 var Column = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var align = _ref.align,
     alignHorizontal = _ref.alignHorizontal,
@@ -769,6 +887,9 @@ Column.displayName = 'Column';
 var _excluded$1a = ["className", "invalid", "type"];
 function ownKeys$1i(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$1i(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1i(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1i(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+/**
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-forms-date-input--docs Date Input docs at Amsterdam Design System}
+ */
 var DateInput = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     invalid = _ref.invalid,
@@ -845,6 +966,9 @@ var DescriptionListRoot = /*#__PURE__*/forwardRef(function (_ref, ref) {
   }));
 });
 DescriptionListRoot.displayName = 'DescriptionList';
+/**
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-text-description-list--docs Description List docs at Amsterdam Design System}
+ */
 var DescriptionList = Object.assign(DescriptionListRoot, {
   Description: DescriptionListDescription,
   Section: DescriptionListSection,
@@ -895,6 +1019,9 @@ var DialogRoot = /*#__PURE__*/forwardRef(function (_ref, ref) {
   }));
 });
 DialogRoot.displayName = 'Dialog';
+/**
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-containers-dialog--docs Dialog docs at Amsterdam Design System}
+ */
 var Dialog = Object.assign(DialogRoot, {
   close: closeDialog,
   open: openDialog
@@ -903,6 +1030,9 @@ var Dialog = Object.assign(DialogRoot, {
 var _excluded$14 = ["children", "className", "icon", "prefix"];
 function ownKeys$1c(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$1c(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1c(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1c(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+/**
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-forms-error-message--docs Error Message docs at Amsterdam Design System}
+ */
 var ErrorMessage = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
@@ -915,7 +1045,7 @@ var ErrorMessage = /*#__PURE__*/forwardRef(function (_ref, ref) {
     ref: ref,
     children: [jsx(Icon, {
       size: "small",
-      svg: icon ? icon : AlertIcon
+      svg: icon ? icon : WarningIcon
     }), jsxs("span", {
       className: "ams-visually-hidden",
       children: [prefix, ': ']
@@ -927,6 +1057,9 @@ ErrorMessage.displayName = 'ErrorMessage';
 var _excluded$13 = ["children", "className", "invalid"];
 function ownKeys$1b(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$1b(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1b(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1b(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+/**
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-forms-field--docs Field docs at Amsterdam Design System}
+ */
 var Field = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
@@ -973,6 +1106,9 @@ Hint.displayName = 'Hint';
 var _excluded$11 = ["children", "className", "hint", "invalid", "legend", "optional"];
 function ownKeys$19(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$19(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$19(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$19(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+/**
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-forms-field-set--docs Field Set docs at Amsterdam Design System}
+ */
 var FieldSet = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
@@ -1025,6 +1161,9 @@ var FigureRoot = /*#__PURE__*/forwardRef(function (_ref, ref) {
   }));
 });
 FigureRoot.displayName = 'Figure';
+/**
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-media-figure--docs Figure docs at Amsterdam Design System}
+ */
 var Figure = Object.assign(FigureRoot, {
   Caption: FigureCaption
 });
@@ -1032,6 +1171,9 @@ var Figure = Object.assign(FigureRoot, {
 var _excluded$_ = ["className"];
 function ownKeys$16(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$16(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$16(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$16(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+/**
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-forms-file-input--docs File Input docs at Amsterdam Design System}
+ */
 var FileInput = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     restProps = _objectWithoutProperties(_ref, _excluded$_);
@@ -1150,6 +1292,9 @@ var FileListRoot = /*#__PURE__*/forwardRef(function (_ref, ref) {
   }));
 });
 FileListRoot.displayName = 'FileList';
+/**
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-forms-file-list--docs File List docs at Amsterdam Design System}
+ */
 var FileList = Object.assign(FileListRoot, {
   Item: FileListItem
 });
@@ -1193,6 +1338,9 @@ var GridRoot = /*#__PURE__*/forwardRef(function (_ref, ref) {
   }));
 });
 GridRoot.displayName = 'Grid';
+/**
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-layout-grid--docs Grid docs at Amsterdam Design System}
+ */
 var Grid = Object.assign(GridRoot, {
   Cell: GridCell
 });
@@ -1233,20 +1381,22 @@ var ImageSliderControls = /*#__PURE__*/forwardRef(function (_ref, ref) {
   return jsxs("div", _objectSpread$11(_objectSpread$11({}, restProps), {}, {
     className: clsx('ams-image-slider__controls', className),
     ref: ref,
-    children: [jsx(IconButton, {
+    children: [jsx(Button, {
       className: "ams-image-slider__control ams-image-slider__control--previous",
       color: "inverse",
       disabled: isAtStart,
-      label: previousLabel,
+      icon: ChevronBackwardIcon,
+      iconOnly: true,
       onClick: handleClickPrevious,
-      svg: ChevronLeftIcon
-    }), jsx(IconButton, {
+      children: previousLabel
+    }), jsx(Button, {
       className: "ams-image-slider__control ams-image-slider__control--next",
       color: "inverse",
       disabled: isAtEnd,
-      label: nextLabel,
+      icon: ChevronForwardIcon,
+      iconOnly: true,
       onClick: handleClickNext,
-      svg: ChevronRightIcon
+      children: nextLabel
     })]
   }));
 });
@@ -1517,6 +1667,9 @@ var ImageSliderRoot = /*#__PURE__*/forwardRef(function (_ref, ref) {
   });
 });
 ImageSliderRoot.displayName = 'ImageSlider';
+/**
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-media-image-slider--docs Image Slider docs at Amsterdam Design System}
+ */
 var ImageSlider = Object.assign(ImageSliderRoot, {
   Item: ImageSliderItem
 });
@@ -1539,7 +1692,7 @@ var LinkListLink = /*#__PURE__*/forwardRef(function (_ref, ref) {
     }, restProps), {}, {
       children: [jsx(Icon, {
         size: size,
-        svg: icon !== null && icon !== void 0 ? icon : ChevronRightIcon
+        svg: icon !== null && icon !== void 0 ? icon : ChevronForwardIcon
       }), children]
     }))
   });
@@ -1562,6 +1715,9 @@ var LinkListRoot = /*#__PURE__*/forwardRef(function (_ref, ref) {
   }));
 });
 LinkListRoot.displayName = 'LinkList';
+/**
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-navigation-link-list--docs Link List docs at Amsterdam Design System}
+ */
 var LinkList = Object.assign(LinkListRoot, {
   Link: LinkListLink
 });
@@ -1639,6 +1795,9 @@ errors) {
 var _excluded$N = ["errorCountLabel", "errors"];
 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), true).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; }
+/**
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-forms-invalid-form-alert--docs Invalid Form Alert docs at Amsterdam Design System}
+ */
 var InvalidFormAlert = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var errorCountLabel = _ref.errorCountLabel,
     errors = _ref.errors,
@@ -1665,6 +1824,9 @@ InvalidFormAlert.displayName = 'InvalidFormAlert';
 var _excluded$M = ["children", "className", "hint", "optional"];
 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), true).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; }
+/**
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-forms-label--docs Label docs at Amsterdam Design System}
+ */
 var Label = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
@@ -1685,6 +1847,9 @@ Label.displayName = 'Label';
 var _excluded$L = ["children", "className", "color"];
 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), true).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; }
+/**
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-navigation-link--docs Link docs at Amsterdam Design System}
+ */
 var Link = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
@@ -1882,6 +2047,9 @@ var logoConfig = {
   'stadsbank-van-lening': LogoStadsbankVanLening,
   'vga-verzekeringen': LogoVgaVerzekeringen
 };
+/**
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-media-logo--docs Logo docs at Amsterdam Design System}
+ */
 var Logo = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var _ref$brand = _ref.brand,
     brand = _ref$brand === void 0 ? 'amsterdam' : _ref$brand,
@@ -1898,6 +2066,9 @@ Logo.displayName = 'Logo';
 var _excluded$J = ["children", "className"];
 function ownKeys$L(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$L(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$L(Object(t), true).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; }
+/**
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-text-mark--docs Mark docs at Amsterdam Design System}
+ */
 var Mark = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
@@ -1945,6 +2116,9 @@ var OrderedListRoot = /*#__PURE__*/forwardRef(function (_ref, ref) {
   }));
 });
 OrderedListRoot.displayName = 'OrderedList';
+/**
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-text-ordered-list--docs Ordered List docs at Amsterdam Design System}
+ */
 var OrderedList = Object.assign(OrderedListRoot, {
   Item: OrderedListItem
 });
@@ -1952,6 +2126,9 @@ var OrderedList = Object.assign(OrderedListRoot, {
 var _excluded$G = ["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), true).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; }
+/**
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-layout-overlap--docs Overlap docs at Amsterdam Design System}
+ */
 var Overlap = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
@@ -1967,6 +2144,9 @@ Overlap.displayName = 'Overlap';
 var _excluded$F = ["children", "className"];
 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), true).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; }
+/**
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-containers-page--docs Page docs at Amsterdam Design System}
+ */
 var Page = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
@@ -2041,6 +2221,9 @@ var PageFooterRoot = /*#__PURE__*/forwardRef(function (_ref, ref) {
   }));
 });
 PageFooterRoot.displayName = 'PageFooter';
+/**
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-containers-page-footer--docs Page Footer docs at Amsterdam Design System}
+ */
 var PageFooter = Object.assign(PageFooterRoot, {
   Menu: PageFooterMenu,
   MenuLink: PageFooterMenuLink,
@@ -2142,7 +2325,7 @@ var useIsAfterBreakpoint = function useIsAfterBreakpoint(breakpoint) {
   return matches;
 };
 
-var _excluded$y = ["brandName", "children", "className", "logoBrand", "logoLink", "logoLinkTitle", "menuButtonText", "menuItems", "navigationLabel", "noMenuButtonOnWideWindow"];
+var _excluded$y = ["brandName", "children", "className", "logoBrand", "logoLink", "logoLinkComponent", "logoLinkTitle", "menuButtonText", "menuItems", "navigationLabel", "noMenuButtonOnWideWindow"];
 function ownKeys$z(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$z(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$z(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$z(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var LogoLinkContent = function LogoLinkContent(_ref) {
@@ -2169,6 +2352,10 @@ var PageHeaderRoot = /*#__PURE__*/forwardRef(function (_ref2, ref) {
     logoBrand = _ref2$logoBrand === void 0 ? 'amsterdam' : _ref2$logoBrand,
     _ref2$logoLink = _ref2.logoLink,
     logoLink = _ref2$logoLink === void 0 ? '/' : _ref2$logoLink,
+    _ref2$logoLinkCompone = _ref2.logoLinkComponent,
+    logoLinkComponent = _ref2$logoLinkCompone === void 0 ? function (props) {
+      return jsx("a", _objectSpread$z({}, props));
+    } : _ref2$logoLinkCompone,
     _ref2$logoLinkTitle = _ref2.logoLinkTitle,
     logoLinkTitle = _ref2$logoLinkTitle === void 0 ? 'Ga naar de homepage' : _ref2$logoLinkTitle,
     _ref2$menuButtonText = _ref2.menuButtonText,
@@ -2182,6 +2369,7 @@ var PageHeaderRoot = /*#__PURE__*/forwardRef(function (_ref2, ref) {
     _useState2 = _slicedToArray(_useState, 2),
     open = _useState2[0],
     setOpen = _useState2[1];
+  var Link = logoLinkComponent;
   var hasMegaMenu = Boolean(children);
   var isWideWindow = hasMegaMenu && useIsAfterBreakpoint('wide');
   useEffect(function () {
@@ -2193,7 +2381,7 @@ var PageHeaderRoot = /*#__PURE__*/forwardRef(function (_ref2, ref) {
   return jsxs("header", _objectSpread$z(_objectSpread$z({}, restProps), {}, {
     className: clsx('ams-page-header', className),
     ref: ref,
-    children: [jsxs("a", {
+    children: [jsxs(Link, {
       className: "ams-page-header__logo-link",
       href: logoLink,
       children: [jsx("span", {
@@ -2251,6 +2439,9 @@ var PageHeaderRoot = /*#__PURE__*/forwardRef(function (_ref2, ref) {
   }));
 });
 PageHeaderRoot.displayName = 'PageHeader';
+/**
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-containers-page-header--docs Page Header docs at Amsterdam Design System}
+ */
 var PageHeader = Object.assign(PageHeaderRoot, {
   GridCellNarrowWindowOnly: PageHeaderGridCellNarrowWindowOnly,
   MenuLink: PageHeaderMenuLink
@@ -2259,6 +2450,9 @@ var PageHeader = Object.assign(PageHeaderRoot, {
 var _excluded$x = ["children", "className", "color"];
 function ownKeys$y(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$y(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$y(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$y(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+/**
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-text-page-heading--docs Page Heading docs at Amsterdam Design System}
+ */
 var PageHeading = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
@@ -2295,6 +2489,10 @@ var LinkItem = function LinkItem(_ref) {
   });
 };
 
+/**
+ * @license EUPL-1.2+
+ * Copyright Gemeente Amsterdam
+ */
 var Spacer = function Spacer() {
   return jsx("li", {
     "aria-hidden": true,
@@ -2302,6 +2500,10 @@ var Spacer = function Spacer() {
   });
 };
 
+/**
+ * @license EUPL-1.2+
+ * Copyright Gemeente Amsterdam
+ */
 /**
  * This returns an array of the range, including spacers
  *
@@ -2351,6 +2553,9 @@ function getRange(currentPage, totalPages, maxVisiblePages) {
 var _excluded$w = ["className", "linkComponent", "linkTemplate", "maxVisiblePages", "nextLabel", "nextVisuallyHiddenLabel", "page", "previousLabel", "previousVisuallyHiddenLabel", "totalPages", "visuallyHiddenLabel", "visuallyHiddenLabelId"];
 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), true).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; }
+/**
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-navigation-pagination--docs Pagination docs at Amsterdam Design System}
+ */
 var Pagination = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     _ref$linkComponent = _ref.linkComponent,
@@ -2396,7 +2601,7 @@ var Pagination = /*#__PURE__*/forwardRef(function (_ref, ref) {
       href: linkTemplate(page - 1),
       rel: "prev",
       children: [jsx(Icon, {
-        svg: ChevronLeftIcon
+        svg: ChevronBackwardIcon
       }), jsx("span", {
         className: "ams-visually-hidden",
         children: previousVisuallyHiddenLabel
@@ -2425,7 +2630,7 @@ var Pagination = /*#__PURE__*/forwardRef(function (_ref, ref) {
         "aria-hidden": true,
         children: nextLabel
       }), jsx(Icon, {
-        svg: ChevronRightIcon
+        svg: ChevronForwardIcon
       })]
     })]
   }));
@@ -2435,6 +2640,9 @@ Pagination.displayName = 'Pagination';
 var _excluded$v = ["className", "dir", "invalid"];
 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), true).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; }
+/**
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-forms-password-input--docs Password Input docs at Amsterdam Design System}
+ */
 var PasswordInput = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     dir = _ref.dir,
@@ -2465,12 +2673,18 @@ var SvgRadio = function SvgRadio(props) {
       className: "ams-radio__circle",
       cx: 12,
       cy: 12,
-      r: 10
+      fill: "none",
+      r: 10,
+      stroke: "black",
+      strokeWidth: "2px"
     }), jsx("circle", {
       className: "ams-radio__hover-indicator",
       cx: 12,
       cy: 12,
-      r: 9.5
+      fill: "none",
+      r: 9.5,
+      stroke: "black",
+      strokeWidth: "3px"
     }), jsx("circle", {
       className: "ams-radio__checked-indicator",
       cx: 12,
@@ -2483,6 +2697,9 @@ var SvgRadio = function SvgRadio(props) {
 var _excluded$u = ["children", "className", "icon", "invalid"];
 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), true).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; }
+/**
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-forms-radio--docs Radio docs at Amsterdam Design System}
+ */
 var Radio = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
@@ -2577,6 +2794,9 @@ var SearchFieldRoot = /*#__PURE__*/forwardRef(function (_ref, ref) {
   }));
 });
 SearchFieldRoot.displayName = 'SearchField';
+/**
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-forms-search-field--docs Search Field docs at Amsterdam Design System}
+ */
 var SearchField = Object.assign(SearchFieldRoot, {
   Button: SearchFieldButton,
   Input: SearchFieldInput
@@ -2628,6 +2848,9 @@ var SelectRoot = /*#__PURE__*/forwardRef(function (_ref, ref) {
   }));
 });
 SelectRoot.displayName = 'Select';
+/**
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-forms-select--docs Select docs at Amsterdam Design System}
+ */
 var Select = Object.assign(SelectRoot, {
   Group: SelectOptionGroup,
   Option: SelectOption
@@ -2636,6 +2859,9 @@ var Select = Object.assign(SelectRoot, {
 var _excluded$n = ["children", "className"];
 function ownKeys$n(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$n(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$n(Object(t), true).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; }
+/**
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-navigation-skip-link--docs Skip Link docs at Amsterdam Design System}
+ */
 var SkipLink = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
@@ -2651,6 +2877,9 @@ SkipLink.displayName = 'SkipLink';
 var _excluded$m = ["as", "children", "className", "color"];
 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), true).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; }
+/**
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-containers-spotlight--docs Spotlight docs at Amsterdam Design System}
+ */
 var Spotlight = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var _ref$as = _ref.as,
     Tag = _ref$as === void 0 ? 'div' : _ref$as,
@@ -2669,6 +2898,9 @@ Spotlight.displayName = 'Spotlight';
 var _excluded$l = ["children", "className", "color", "icon"];
 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), true).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; }
+/**
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-navigation-standalone-link--docs Standalone Link docs at Amsterdam Design System}
+ */
 var StandaloneLink = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
@@ -2688,6 +2920,9 @@ StandaloneLink.displayName = 'StandaloneLink';
 var _excluded$k = ["className", "id"];
 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), true).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; }
+/**
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-forms-switch--docs Switch docs at Amsterdam Design System}
+ */
 var Switch = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     id = _ref.id,
@@ -2831,6 +3066,9 @@ var TableRoot = /*#__PURE__*/forwardRef(function (_ref, ref) {
   });
 });
 TableRoot.displayName = 'Table';
+/**
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-containers-table--docs Table docs at Amsterdam Design System}
+ */
 var Table = Object.assign(TableRoot, {
   Body: TableBody,
   Caption: TableCaption,
@@ -2897,6 +3135,9 @@ var TableOfContentsRoot = /*#__PURE__*/forwardRef(function (_ref, ref) {
   }));
 });
 TableOfContentsRoot.displayName = 'TableOfContents';
+/**
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-navigation-table-of-contents--docs Table Of Contents docs at Amsterdam Design System}
+ */
 var TableOfContents = Object.assign(TableOfContentsRoot, {
   Link: TableOfContentsLink,
   List: TableOfContentsList
@@ -2926,6 +3167,8 @@ var TabsButton = /*#__PURE__*/forwardRef(function (_ref, ref) {
     updateTab = _useContext.updateTab;
   var handleClick = function handleClick(event) {
     onClick === null || onClick === void 0 || onClick(event);
+    // Allow preventDefault to stop the tab from updating
+    if (event.defaultPrevented) return;
     startTransition(function () {
       updateTab(ariaControls);
     });
@@ -3018,6 +3261,7 @@ var TabsRoot = /*#__PURE__*/forwardRef(function (_ref, ref) {
     _useState2 = _slicedToArray(_useState, 2),
     activeTabId = _useState2[0],
     setActiveTabId = _useState2[1];
+  // Get all tab ids from TabsButtons on first render
   var allTabIds = useMemo(function () {
     if (!Array.isArray(children)) return [];
     // The first child of Tabs should be TabsList
@@ -3037,7 +3281,7 @@ var TabsRoot = /*#__PURE__*/forwardRef(function (_ref, ref) {
     }
     // If there are no children, return an empty array
     return [];
-  }, [children]);
+  }, []);
   useEffect(function () {
     if (!activeTab) {
       setActiveTabId(allTabIds[0]);
@@ -3065,6 +3309,9 @@ var TabsRoot = /*#__PURE__*/forwardRef(function (_ref, ref) {
   });
 });
 TabsRoot.displayName = 'Tabs';
+/**
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-containers-tabs--docs Tabs docs at Amsterdam Design System}
+ */
 var Tabs = Object.assign(TabsRoot, {
   Button: TabsButton,
   List: TabsList,
@@ -3074,6 +3321,9 @@ var Tabs = Object.assign(TabsRoot, {
 var _excluded$4 = ["className", "dir", "invalid", "resize"];
 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), true).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; }
+/**
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-forms-text-area--docs Text Area docs at Amsterdam Design System}
+ */
 var TextArea = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     dir = _ref.dir,
@@ -3092,6 +3342,9 @@ TextArea.displayName = 'TextArea';
 var _excluded$3 = ["className", "dir", "invalid", "type"];
 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), true).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; }
+/**
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-forms-text-input--docs Text Input docs at Amsterdam Design System}
+ */
 var TextInput = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     dir = _ref.dir,
@@ -3112,6 +3365,9 @@ TextInput.displayName = 'TextInput';
 var _excluded$2 = ["className", "invalid"];
 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), true).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; }
+/**
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-forms-time-input--docs Time Input docs at Amsterdam Design System}
+ */
 var TimeInput = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     invalid = _ref.invalid,
@@ -3160,6 +3416,9 @@ var UnorderedListRoot = /*#__PURE__*/forwardRef(function (_ref, ref) {
   }));
 });
 UnorderedListRoot.displayName = 'UnorderedList';
+/**
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-text-unordered-list--docs Unordered List docs at Amsterdam Design System}
+ */
 var UnorderedList = Object.assign(UnorderedListRoot, {
   Item: UnorderedListItem
 });