@amsterdam/design-system-react 0.16.0 → 1.0.0

package/dist/index.cjs.js

@@ -19,6 +19,10 @@ var defaultValues$2 = {
 };
 var AccordionContext = /*#__PURE__*/react.createContext(defaultValues$2);
 
+/**
+ * @license EUPL-1.2+
+ * Copyright Gemeente Amsterdam
+ */
 function getHeadingTag(level) {
   switch (level) {
     case 2:
@@ -34,8 +38,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__*/react.forwardRef(function (_ref, ref) {
   var className = _ref.className,
     color = _ref.color,
@@ -43,7 +51,7 @@ var Icon = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
     square = _ref.square,
     svg = _ref.svg,
     restProps = _objectWithoutProperties(_ref, _excluded$1z);
-  return jsxRuntime.jsx("span", _objectSpread$1H(_objectSpread$1H({
+  return jsxRuntime.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), {}, {
@@ -53,8 +61,8 @@ var Icon = /*#__PURE__*/react.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__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
@@ -74,7 +82,7 @@ var AccordionSection = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var id = react.useId();
   var buttonId = "button-".concat(id);
   var panelId = "panel-".concat(id);
-  return jsxRuntime.jsxs("div", _objectSpread$1G(_objectSpread$1G({
+  return jsxRuntime.jsxs("div", _objectSpread$1H(_objectSpread$1H({
     className: clsx('ams-accordion__section', className),
     ref: ref
   }, restProps), {}, {
@@ -196,18 +204,24 @@ var AccordionRoot = /*#__PURE__*/react.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__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     restProps = _objectWithoutProperties(_ref, _excluded$1x);
-  return jsxRuntime.jsx("div", _objectSpread$1F(_objectSpread$1F({}, restProps), {}, {
+  return jsxRuntime.jsx("div", _objectSpread$1G(_objectSpread$1G({}, restProps), {}, {
     className: clsx('ams-action-group', className),
     ref: ref,
     role: "group",
@@ -217,8 +231,11 @@ var ActionGroup = /*#__PURE__*/react.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__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
@@ -228,7 +245,7 @@ var Heading = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
     restProps = _objectWithoutProperties(_ref, _excluded$1w);
   var Tag = getHeadingTag(level);
   var visualLevel = size ? size.slice(-1) : level;
-  return jsxRuntime.jsx(Tag, _objectSpread$1E(_objectSpread$1E({
+  return jsxRuntime.jsx(Tag, _objectSpread$1F(_objectSpread$1F({
     className: clsx('ams-heading', "ams-heading--".concat(visualLevel), color && "ams-heading--".concat(color), className),
     ref: ref
   }, restProps), {}, {
@@ -238,8 +255,11 @@ var Heading = /*#__PURE__*/react.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__*/react.forwardRef(function (_ref, ref) {
   var className = _ref.className,
     color = _ref.color,
@@ -249,7 +269,7 @@ var IconButton = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
     svg = _ref$svg === void 0 ? designSystemReactIcons.CloseIcon : _ref$svg,
     type = _ref.type,
     restProps = _objectWithoutProperties(_ref, _excluded$1v);
-  return jsxRuntime.jsxs("button", _objectSpread$1D(_objectSpread$1D({}, restProps), {}, {
+  return jsxRuntime.jsxs("button", _objectSpread$1E(_objectSpread$1E({}, restProps), {}, {
     className: clsx('ams-icon-button', color && "ams-icon-button--".concat(color), className),
     ref: ref,
     type: type || 'button',
@@ -266,8 +286,11 @@ var IconButton = /*#__PURE__*/react.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__*/react.forwardRef(function (_ref, ref) {
   var align = _ref.align,
     alignVertical = _ref.alignVertical,
@@ -278,7 +301,7 @@ var Row = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
     gap = _ref.gap,
     wrap = _ref.wrap,
     restProps = _objectWithoutProperties(_ref, _excluded$1u);
-  return jsxRuntime.jsx(Tag, _objectSpread$1C(_objectSpread$1C({}, restProps), {}, {
+  return jsxRuntime.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
@@ -287,13 +310,16 @@ var Row = /*#__PURE__*/react.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: designSystemReactIcons.AlertIcon,
-  success: designSystemReactIcons.CheckmarkIcon,
-  warning: designSystemReactIcons.AlertIcon
+  error: designSystemReactIcons.ErrorFillIcon,
+  success: designSystemReactIcons.SuccessFillIcon,
+  warning: designSystemReactIcons.WarningFillIcon
 };
+/**
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-feedback-alert--docs Alert docs at Amsterdam Design System}
+ */
 var Alert = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
@@ -305,8 +331,8 @@ var Alert = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
     onClose = _ref.onClose,
     severity = _ref.severity,
     restProps = _objectWithoutProperties(_ref, _excluded$1t);
-  var SeverityIcon = severity ? iconSvgBySeverity[severity] : designSystemReactIcons.InfoIcon;
-  return jsxRuntime.jsxs("section", _objectSpread$1B(_objectSpread$1B({}, restProps), {}, {
+  var SeverityIcon = severity ? iconSvgBySeverity[severity] : designSystemReactIcons.InfoFillIcon;
+  return jsxRuntime.jsxs("section", _objectSpread$1C(_objectSpread$1C({}, restProps), {}, {
     className: clsx('ams-alert', severity && "ams-alert--".concat(severity), className),
     ref: ref,
     children: [jsxRuntime.jsx("div", {
@@ -337,8 +363,8 @@ var Alert = /*#__PURE__*/react.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;
@@ -356,9 +382,12 @@ var AvatarContent = function AvatarContent(_ref) {
   }
   return jsxRuntime.jsx(Icon, {
     size: "small",
-    svg: designSystemReactIcons.PersonalLoginIcon
+    svg: designSystemReactIcons.PersonFillIcon
   });
 };
+/**
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-feedback-avatar--docs Avatar docs at Amsterdam Design System}
+ */
 var Avatar = /*#__PURE__*/react.forwardRef(function (_ref2, ref) {
   var className = _ref2.className,
     color = _ref2.color,
@@ -367,7 +396,7 @@ var Avatar = /*#__PURE__*/react.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 jsxRuntime.jsxs("span", _objectSpread$1A(_objectSpread$1A({}, restProps), {}, {
+  return jsxRuntime.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: [jsxRuntime.jsx("span", {
@@ -382,14 +411,17 @@ var Avatar = /*#__PURE__*/react.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__*/react.forwardRef(function (_ref, ref) {
   var className = _ref.className,
     color = _ref.color,
     label = _ref.label,
     restProps = _objectWithoutProperties(_ref, _excluded$1r);
-  return jsxRuntime.jsx("span", _objectSpread$1z(_objectSpread$1z({}, restProps), {}, {
+  return jsxRuntime.jsx("span", _objectSpread$1A(_objectSpread$1A({}, restProps), {}, {
     className: clsx('ams-badge', color && "ams-badge--".concat(color), className),
     ref: ref,
     children: label
@@ -398,14 +430,17 @@ var Badge = /*#__PURE__*/react.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__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     color = _ref.color,
     restProps = _objectWithoutProperties(_ref, _excluded$1q);
-  return jsxRuntime.jsx("blockquote", _objectSpread$1y(_objectSpread$1y({}, restProps), {}, {
+  return jsxRuntime.jsx("blockquote", _objectSpread$1z(_objectSpread$1z({}, restProps), {}, {
     className: clsx('ams-blockquote', color && "ams-blockquote--".concat(color), className),
     ref: ref,
     children: children
@@ -414,15 +449,15 @@ var Blockquote = /*#__PURE__*/react.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__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     restProps = _objectWithoutProperties(_ref, _excluded$1p);
   return jsxRuntime.jsx("li", {
     className: "ams-breadcrumb__item",
-    children: jsxRuntime.jsx("a", _objectSpread$1x(_objectSpread$1x({}, restProps), {}, {
+    children: jsxRuntime.jsx("a", _objectSpread$1y(_objectSpread$1y({}, restProps), {}, {
       className: clsx.clsx('ams-breadcrumb__link', className),
       ref: ref,
       children: children
@@ -432,13 +467,13 @@ var BreadcrumbLink = /*#__PURE__*/react.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__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     restProps = _objectWithoutProperties(_ref, _excluded$1o);
-  return jsxRuntime.jsx("nav", _objectSpread$1w(_objectSpread$1w({}, restProps), {}, {
+  return jsxRuntime.jsx("nav", _objectSpread$1x(_objectSpread$1x({}, restProps), {}, {
     className: clsx.clsx('ams-breadcrumb', className),
     ref: ref,
     children: jsxRuntime.jsx("ol", {
@@ -448,6 +483,9 @@ var BreadcrumbRoot = /*#__PURE__*/react.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
 });
@@ -476,8 +514,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__*/react.forwardRef(function (_ref, ref) {
   var _ref$as = _ref.as,
     Tag = _ref$as === void 0 ? 'div' : _ref$as,
@@ -489,7 +527,7 @@ var BreakoutCell = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
     rowSpan = _ref.rowSpan,
     rowStart = _ref.rowStart,
     restProps = _objectWithoutProperties(_ref, _excluded$1n);
-  return jsxRuntime.jsx(Tag, _objectSpread$1v(_objectSpread$1v({}, restProps), {}, {
+  return jsxRuntime.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
@@ -497,6 +535,10 @@ var BreakoutCell = /*#__PURE__*/react.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) {
@@ -512,8 +554,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__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
@@ -522,20 +564,26 @@ var BreakoutRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
     paddingTop = _ref.paddingTop,
     paddingVertical = _ref.paddingVertical,
     restProps = _objectWithoutProperties(_ref, _excluded$1m);
-  return jsxRuntime.jsx("div", _objectSpread$1u(_objectSpread$1u({}, restProps), {}, {
+  return jsxRuntime.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__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
@@ -547,7 +595,7 @@ var Button = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'primary' : _ref$variant,
     restProps = _objectWithoutProperties(_ref, _excluded$1l);
-  return jsxRuntime.jsxs("button", _objectSpread$1t(_objectSpread$1t({}, restProps), {}, {
+  return jsxRuntime.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,
@@ -566,15 +614,15 @@ var Button = /*#__PURE__*/react.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__*/react.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 jsxRuntime.jsx(Heading, _objectSpread$1s(_objectSpread$1s({}, restProps), {}, {
+  return jsxRuntime.jsx(Heading, _objectSpread$1t(_objectSpread$1t({}, restProps), {}, {
     className: clsx('ams-card__heading', className),
     ref: ref,
     size: size,
@@ -584,15 +632,18 @@ var CardHeading = /*#__PURE__*/react.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__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     color = _ref.color,
     size = _ref.size,
     restProps = _objectWithoutProperties(_ref, _excluded$1j);
-  return jsxRuntime.jsx("p", _objectSpread$1r(_objectSpread$1r({
+  return jsxRuntime.jsx("p", _objectSpread$1s(_objectSpread$1s({
     className: clsx('ams-paragraph', color && "ams-paragraph--".concat(color), size && "ams-paragraph--".concat(size), className),
     ref: ref
   }, restProps), {}, {
@@ -602,14 +653,14 @@ var Paragraph = /*#__PURE__*/react.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__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     tagline = _ref.tagline,
     restProps = _objectWithoutProperties(_ref, _excluded$1i);
-  return jsxRuntime.jsxs("hgroup", _objectSpread$1q(_objectSpread$1q({}, restProps), {}, {
+  return jsxRuntime.jsxs("hgroup", _objectSpread$1r(_objectSpread$1r({}, restProps), {}, {
     className: clsx('ams-card__heading-group', className),
     ref: ref,
     children: [children, jsxRuntime.jsx(Paragraph, {
@@ -620,18 +671,25 @@ var CardHeadingGroup = /*#__PURE__*/react.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__*/react.forwardRef(function (_ref, ref) {
   var aspectRatio = _ref.aspectRatio,
     className = _ref.className,
     restProps = _objectWithoutProperties(_ref, _excluded$1h);
-  return jsxRuntime.jsx("img", _objectSpread$1p(_objectSpread$1p({}, restProps), {}, {
+  return jsxRuntime.jsx("img", _objectSpread$1q(_objectSpread$1q({}, restProps), {}, {
     className: clsx('ams-image', generateAspectRatioClass(aspectRatio), className),
     ref: ref
   }));
@@ -639,12 +697,12 @@ var Image = /*#__PURE__*/react.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__*/react.forwardRef(function (_ref, ref) {
   var className = _ref.className,
     restProps = _objectWithoutProperties(_ref, _excluded$1g);
-  return jsxRuntime.jsx(Image, _objectSpread$1o(_objectSpread$1o({}, restProps), {}, {
+  return jsxRuntime.jsx(Image, _objectSpread$1p(_objectSpread$1p({}, restProps), {}, {
     className: clsx('ams-card__image', className),
     ref: ref
   }));
@@ -652,13 +710,13 @@ var CardImage = /*#__PURE__*/react.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__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     restProps = _objectWithoutProperties(_ref, _excluded$1f);
-  return jsxRuntime.jsx("a", _objectSpread$1n(_objectSpread$1n({}, restProps), {}, {
+  return jsxRuntime.jsx("a", _objectSpread$1o(_objectSpread$1o({}, restProps), {}, {
     className: clsx('ams-card__link', className),
     ref: ref,
     children: children
@@ -667,19 +725,22 @@ var CardLink = /*#__PURE__*/react.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__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     restProps = _objectWithoutProperties(_ref, _excluded$1e);
-  return jsxRuntime.jsx("article", _objectSpread$1m(_objectSpread$1m({}, restProps), {}, {
+  return jsxRuntime.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,
@@ -688,14 +749,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__*/react.forwardRef(function (_ref, ref) {
   var className = _ref.className,
     length = _ref.length,
     maxLength = _ref.maxLength,
     restProps = _objectWithoutProperties(_ref, _excluded$1d);
-  return jsxRuntime.jsx("div", _objectSpread$1l(_objectSpread$1l({}, restProps), {}, {
+  return jsxRuntime.jsx("div", _objectSpread$1m(_objectSpread$1m({}, restProps), {}, {
     className: clsx('ams-character-count', length > maxLength && 'ams-character-count--error', className),
     ref: ref,
     role: "status",
@@ -704,12 +768,62 @@ var CharacterCount = /*#__PURE__*/react.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 jsxRuntime.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: [jsxRuntime.jsx("rect", {
+      className: "ams-checkbox__rectangle",
+      fill: "none",
+      height: "22",
+      stroke: "black",
+      strokeWidth: "2",
+      width: "22",
+      x: "1",
+      y: "1"
+    }), jsxRuntime.jsx("rect", {
+      className: "ams-checkbox__hover-indicator",
+      fill: "none",
+      height: "20",
+      stroke: "black",
+      strokeWidth: "1",
+      width: "20",
+      x: "2",
+      y: "2"
+    }), jsxRuntime.jsx("path", {
+      className: "ams-checkbox__checked-indicator",
+      d: "M3.251 13.017L8.554 18.761L20.749 5.239",
+      fill: "none",
+      stroke: "black",
+      strokeWidth: "3"
+    }), jsxRuntime.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__*/react.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);
@@ -740,7 +854,8 @@ var Checkbox = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
         className: "ams-checkbox__label",
         htmlFor: id,
         children: [jsxRuntime.jsx("span", {
-          className: "ams-checkbox__checkmark"
+          className: "ams-checkbox__icon-container",
+          children: icon !== null && icon !== void 0 ? icon : jsxRuntime.jsx(SvgCheckbox, {})
         }), children]
       })]
     })
@@ -751,6 +866,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__*/react.forwardRef(function (_ref, ref) {
   var align = _ref.align,
     alignHorizontal = _ref.alignHorizontal,
@@ -771,6 +889,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__*/react.forwardRef(function (_ref, ref) {
   var className = _ref.className,
     invalid = _ref.invalid,
@@ -847,6 +968,9 @@ var DescriptionListRoot = /*#__PURE__*/react.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,
@@ -897,6 +1021,9 @@ var DialogRoot = /*#__PURE__*/react.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
@@ -905,6 +1032,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__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
@@ -917,7 +1047,7 @@ var ErrorMessage = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
     ref: ref,
     children: [jsxRuntime.jsx(Icon, {
       size: "small",
-      svg: icon ? icon : designSystemReactIcons.AlertIcon
+      svg: icon ? icon : designSystemReactIcons.WarningIcon
     }), jsxRuntime.jsxs("span", {
       className: "ams-visually-hidden",
       children: [prefix, ': ']
@@ -929,6 +1059,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__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
@@ -975,6 +1108,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__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
@@ -1027,6 +1163,9 @@ var FigureRoot = /*#__PURE__*/react.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
 });
@@ -1034,6 +1173,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__*/react.forwardRef(function (_ref, ref) {
   var className = _ref.className,
     restProps = _objectWithoutProperties(_ref, _excluded$_);
@@ -1152,6 +1294,9 @@ var FileListRoot = /*#__PURE__*/react.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
 });
@@ -1195,6 +1340,9 @@ var GridRoot = /*#__PURE__*/react.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
 });
@@ -1235,20 +1383,22 @@ var ImageSliderControls = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   return jsxRuntime.jsxs("div", _objectSpread$11(_objectSpread$11({}, restProps), {}, {
     className: clsx('ams-image-slider__controls', className),
     ref: ref,
-    children: [jsxRuntime.jsx(IconButton, {
+    children: [jsxRuntime.jsx(Button, {
       className: "ams-image-slider__control ams-image-slider__control--previous",
       color: "inverse",
       disabled: isAtStart,
-      label: previousLabel,
+      icon: designSystemReactIcons.ChevronBackwardIcon,
+      iconOnly: true,
       onClick: handleClickPrevious,
-      svg: designSystemReactIcons.ChevronLeftIcon
-    }), jsxRuntime.jsx(IconButton, {
+      children: previousLabel
+    }), jsxRuntime.jsx(Button, {
       className: "ams-image-slider__control ams-image-slider__control--next",
       color: "inverse",
       disabled: isAtEnd,
-      label: nextLabel,
+      icon: designSystemReactIcons.ChevronForwardIcon,
+      iconOnly: true,
       onClick: handleClickNext,
-      svg: designSystemReactIcons.ChevronRightIcon
+      children: nextLabel
     })]
   }));
 });
@@ -1519,6 +1669,9 @@ var ImageSliderRoot = /*#__PURE__*/react.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
 });
@@ -1541,7 +1694,7 @@ var LinkListLink = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
     }, restProps), {}, {
       children: [jsxRuntime.jsx(Icon, {
         size: size,
-        svg: icon !== null && icon !== void 0 ? icon : designSystemReactIcons.ChevronRightIcon
+        svg: icon !== null && icon !== void 0 ? icon : designSystemReactIcons.ChevronForwardIcon
       }), children]
     }))
   });
@@ -1564,6 +1717,9 @@ var LinkListRoot = /*#__PURE__*/react.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
 });
@@ -1641,6 +1797,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__*/react.forwardRef(function (_ref, ref) {
   var errorCountLabel = _ref.errorCountLabel,
     errors = _ref.errors,
@@ -1667,6 +1826,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__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
@@ -1687,6 +1849,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__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
@@ -1884,6 +2049,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__*/react.forwardRef(function (_ref, ref) {
   var _ref$brand = _ref.brand,
     brand = _ref$brand === void 0 ? 'amsterdam' : _ref$brand,
@@ -1900,6 +2068,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__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
@@ -1947,6 +2118,9 @@ var OrderedListRoot = /*#__PURE__*/react.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
 });
@@ -1954,6 +2128,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__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
@@ -1969,6 +2146,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__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
@@ -2043,6 +2223,9 @@ var PageFooterRoot = /*#__PURE__*/react.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,
@@ -2144,7 +2327,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) {
@@ -2171,6 +2354,10 @@ var PageHeaderRoot = /*#__PURE__*/react.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 jsxRuntime.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,
@@ -2184,6 +2371,7 @@ var PageHeaderRoot = /*#__PURE__*/react.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');
   react.useEffect(function () {
@@ -2195,7 +2383,7 @@ var PageHeaderRoot = /*#__PURE__*/react.forwardRef(function (_ref2, ref) {
   return jsxRuntime.jsxs("header", _objectSpread$z(_objectSpread$z({}, restProps), {}, {
     className: clsx('ams-page-header', className),
     ref: ref,
-    children: [jsxRuntime.jsxs("a", {
+    children: [jsxRuntime.jsxs(Link, {
       className: "ams-page-header__logo-link",
       href: logoLink,
       children: [jsxRuntime.jsx("span", {
@@ -2253,6 +2441,9 @@ var PageHeaderRoot = /*#__PURE__*/react.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
@@ -2261,6 +2452,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__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
@@ -2297,6 +2491,10 @@ var LinkItem = function LinkItem(_ref) {
   });
 };
 
+/**
+ * @license EUPL-1.2+
+ * Copyright Gemeente Amsterdam
+ */
 var Spacer = function Spacer() {
   return jsxRuntime.jsx("li", {
     "aria-hidden": true,
@@ -2304,6 +2502,10 @@ var Spacer = function Spacer() {
   });
 };
 
+/**
+ * @license EUPL-1.2+
+ * Copyright Gemeente Amsterdam
+ */
 /**
  * This returns an array of the range, including spacers
  *
@@ -2353,6 +2555,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__*/react.forwardRef(function (_ref, ref) {
   var className = _ref.className,
     _ref$linkComponent = _ref.linkComponent,
@@ -2398,7 +2603,7 @@ var Pagination = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
       href: linkTemplate(page - 1),
       rel: "prev",
       children: [jsxRuntime.jsx(Icon, {
-        svg: designSystemReactIcons.ChevronLeftIcon
+        svg: designSystemReactIcons.ChevronBackwardIcon
       }), jsxRuntime.jsx("span", {
         className: "ams-visually-hidden",
         children: previousVisuallyHiddenLabel
@@ -2427,7 +2632,7 @@ var Pagination = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
         "aria-hidden": true,
         children: nextLabel
       }), jsxRuntime.jsx(Icon, {
-        svg: designSystemReactIcons.ChevronRightIcon
+        svg: designSystemReactIcons.ChevronForwardIcon
       })]
     })]
   }));
@@ -2437,6 +2642,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__*/react.forwardRef(function (_ref, ref) {
   var className = _ref.className,
     dir = _ref.dir,
@@ -2467,12 +2675,18 @@ var SvgRadio = function SvgRadio(props) {
       className: "ams-radio__circle",
       cx: 12,
       cy: 12,
-      r: 10
+      fill: "none",
+      r: 10,
+      stroke: "black",
+      strokeWidth: "2px"
     }), jsxRuntime.jsx("circle", {
       className: "ams-radio__hover-indicator",
       cx: 12,
       cy: 12,
-      r: 9.5
+      fill: "none",
+      r: 9.5,
+      stroke: "black",
+      strokeWidth: "3px"
     }), jsxRuntime.jsx("circle", {
       className: "ams-radio__checked-indicator",
       cx: 12,
@@ -2485,6 +2699,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__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
@@ -2579,6 +2796,9 @@ var SearchFieldRoot = /*#__PURE__*/react.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
@@ -2630,6 +2850,9 @@ var SelectRoot = /*#__PURE__*/react.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
@@ -2638,6 +2861,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__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
@@ -2653,6 +2879,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__*/react.forwardRef(function (_ref, ref) {
   var _ref$as = _ref.as,
     Tag = _ref$as === void 0 ? 'div' : _ref$as,
@@ -2671,6 +2900,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__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
@@ -2690,6 +2922,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__*/react.forwardRef(function (_ref, ref) {
   var className = _ref.className,
     id = _ref.id,
@@ -2833,6 +3068,9 @@ var TableRoot = /*#__PURE__*/react.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,
@@ -2899,6 +3137,9 @@ var TableOfContentsRoot = /*#__PURE__*/react.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
@@ -2928,6 +3169,8 @@ var TabsButton = /*#__PURE__*/react.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;
     react.startTransition(function () {
       updateTab(ariaControls);
     });
@@ -3020,6 +3263,7 @@ var TabsRoot = /*#__PURE__*/react.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 = react.useMemo(function () {
     if (!Array.isArray(children)) return [];
     // The first child of Tabs should be TabsList
@@ -3039,7 +3283,7 @@ var TabsRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
     }
     // If there are no children, return an empty array
     return [];
-  }, [children]);
+  }, []);
   react.useEffect(function () {
     if (!activeTab) {
       setActiveTabId(allTabIds[0]);
@@ -3067,6 +3311,9 @@ var TabsRoot = /*#__PURE__*/react.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,
@@ -3076,6 +3323,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__*/react.forwardRef(function (_ref, ref) {
   var className = _ref.className,
     dir = _ref.dir,
@@ -3094,6 +3344,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__*/react.forwardRef(function (_ref, ref) {
   var className = _ref.className,
     dir = _ref.dir,
@@ -3114,6 +3367,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__*/react.forwardRef(function (_ref, ref) {
   var className = _ref.className,
     invalid = _ref.invalid,
@@ -3162,6 +3418,9 @@ var UnorderedListRoot = /*#__PURE__*/react.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
 });