BG-terrein e.o.
diff --git a/demo-develop/assets/SkipLink.docs-C0O_SymK.js b/demo-develop/assets/SkipLink.docs-Be8nWFLp.js
similarity index 85%
rename from demo-develop/assets/SkipLink.docs-C0O_SymK.js
rename to demo-develop/assets/SkipLink.docs-Be8nWFLp.js
index 4ffbcfa5ad..7052b95d66 100644
--- a/demo-develop/assets/SkipLink.docs-C0O_SymK.js
+++ b/demo-develop/assets/SkipLink.docs-Be8nWFLp.js
@@ -1,4 +1,4 @@
-import{j as n}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as o}from"./index-3rgQkYFR.js";import{ae as s,aq as r,ar as p,as as l,at as t}from"./index-U-bvrYWS.js";import{S as m,O as h,M as c}from"./SkipLink.stories-Bre2mMDb.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CcKRFNHG.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./index.esm-C0OPbFsf.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";const d=`
+import{j as n}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as o}from"./index-3rgQkYFR.js";import{ae as s,aq as r,ar as p,as as l,at as t}from"./index-CYpc6MNd.js";import{S as m,O as h,M as c}from"./SkipLink.stories-Ctxb7Qdn.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DelTWw7Q.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./index.esm-ciNFknO_.js";import"./clsx-B-dksMZM.js";import"./index.esm-kml84xjK.js";const d=`
# Skip Link
diff --git a/demo-develop/assets/SkipLink.stories-Bre2mMDb.js b/demo-develop/assets/SkipLink.stories-Ctxb7Qdn.js
similarity index 97%
rename from demo-develop/assets/SkipLink.stories-Bre2mMDb.js
rename to demo-develop/assets/SkipLink.stories-Ctxb7Qdn.js
index c577e705e7..87421a49aa 100644
--- a/demo-develop/assets/SkipLink.stories-Bre2mMDb.js
+++ b/demo-develop/assets/SkipLink.stories-Ctxb7Qdn.js
@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{P as g}from"./index.esm-C0OPbFsf.js";import{c as y}from"./clsx-B-dksMZM.js";import{r as v}from"./index-RigO-4kf.js";const i=v.forwardRef(({children:n,className:u,...f},S)=>e.jsx("a",{...f,ref:S,className:y("ams-skip-link","ams-visually-hidden",u),children:n}));i.displayName="SkipLink";try{i.displayName="SkipLink",i.__docgenInfo={description:"",displayName:"SkipLink",props:{}}}catch{}const L={title:"Components/Navigation/Skip Link",component:i,args:{children:"Direct naar inhoud",href:"#"},argTypes:{children:{description:"The text to attach the link to.",table:{disable:!1}},href:{description:"The url for the link. References an anchor on the current page."},style:{table:{disable:!0}}}},r={args:{style:{clip:"initial",clipPath:"initial",height:"initial",overflow:"initial",position:"initial",whiteSpace:"initial",width:"initial"}}},t={decorators:[n=>e.jsxs(e.Fragment,{children:[e.jsx(g,{size:"small",style:{marginBottom:"2rem"},children:"Klik op deze tekst en druk vervolgens op tab om de Skip Link te tonen."}),e.jsx(n,{})]})]},a={render:()=>e.jsxs(e.Fragment,{children:[e.jsx(g,{size:"small",style:{marginBottom:"2rem"},children:"Klik op deze tekst en druk vervolgens twee keer op tab om de Skip Links te tonen."}),e.jsx(i,{href:"#",children:"Direct naar inhoud"}),e.jsx(i,{href:"#",children:"Direct naar contactgegevens"})]})};var o,s,l;r.parameters={...r.parameters,docs:{...(o=r.parameters)==null?void 0:o.docs,source:{originalSource:`{
+import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{P as g}from"./index.esm-ciNFknO_.js";import{c as y}from"./clsx-B-dksMZM.js";import{r as v}from"./index-RigO-4kf.js";const i=v.forwardRef(({children:n,className:u,...f},S)=>e.jsx("a",{...f,ref:S,className:y("ams-skip-link","ams-visually-hidden",u),children:n}));i.displayName="SkipLink";try{i.displayName="SkipLink",i.__docgenInfo={description:"",displayName:"SkipLink",props:{}}}catch{}const L={title:"Components/Navigation/Skip Link",component:i,args:{children:"Direct naar inhoud",href:"#"},argTypes:{children:{description:"The text to attach the link to.",table:{disable:!1}},href:{description:"The url for the link. References an anchor on the current page."},style:{table:{disable:!0}}}},r={args:{style:{clip:"initial",clipPath:"initial",height:"initial",overflow:"initial",position:"initial",whiteSpace:"initial",width:"initial"}}},t={decorators:[n=>e.jsxs(e.Fragment,{children:[e.jsx(g,{size:"small",style:{marginBottom:"2rem"},children:"Klik op deze tekst en druk vervolgens op tab om de Skip Link te tonen."}),e.jsx(n,{})]})]},a={render:()=>e.jsxs(e.Fragment,{children:[e.jsx(g,{size:"small",style:{marginBottom:"2rem"},children:"Klik op deze tekst en druk vervolgens twee keer op tab om de Skip Links te tonen."}),e.jsx(i,{href:"#",children:"Direct naar inhoud"}),e.jsx(i,{href:"#",children:"Direct naar contactgegevens"})]})};var o,s,l;r.parameters={...r.parameters,docs:{...(o=r.parameters)==null?void 0:o.docs,source:{originalSource:`{
args: {
// This resets the default behaviour of only showing the link
// on focus, in order to always show the link in Storybook
diff --git a/demo-develop/assets/Spotlight.docs-Dy_82sHI.js b/demo-develop/assets/Spotlight.docs-DTiw39b7.js
similarity index 88%
rename from demo-develop/assets/Spotlight.docs-Dy_82sHI.js
rename to demo-develop/assets/Spotlight.docs-DTiw39b7.js
index 5182d943b1..082e986289 100644
--- a/demo-develop/assets/Spotlight.docs-Dy_82sHI.js
+++ b/demo-develop/assets/Spotlight.docs-DTiw39b7.js
@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as i}from"./index-3rgQkYFR.js";import{ae as r,aq as a,ar as c,as as l,at as t}from"./index-U-bvrYWS.js";import{S as d,A as m,G as h,L as p,M as u,O as x,Y as j,I as g}from"./Spotlight.stories-Cakz_JvD.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CcKRFNHG.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./index.esm-C0OPbFsf.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";import"./exampleContent-CpGgN1Hc.js";const f=`
+import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as i}from"./index-3rgQkYFR.js";import{ae as r,aq as a,ar as c,as as l,at as t}from"./index-CYpc6MNd.js";import{S as d,A as m,G as h,L as p,M as u,O as x,Y as j,I as g}from"./Spotlight.stories-BdQosNKT.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DelTWw7Q.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./index.esm-ciNFknO_.js";import"./clsx-B-dksMZM.js";import"./index.esm-kml84xjK.js";import"./exampleContent-CpGgN1Hc.js";const f=`
# Spotlight
diff --git a/demo-develop/assets/Spotlight.stories-Cakz_JvD.js b/demo-develop/assets/Spotlight.stories-BdQosNKT.js
similarity index 90%
rename from demo-develop/assets/Spotlight.stories-Cakz_JvD.js
rename to demo-develop/assets/Spotlight.stories-BdQosNKT.js
index fbbc2ebc61..4a3473b1c0 100644
--- a/demo-develop/assets/Spotlight.stories-Cakz_JvD.js
+++ b/demo-develop/assets/Spotlight.stories-BdQosNKT.js
@@ -1,4 +1,4 @@
-import{j as r}from"./jsx-runtime-BjgbQsUx.js";import{G as d,h as B}from"./index.esm-C0OPbFsf.js";import{c as H}from"./exampleContent-CpGgN1Hc.js";import{c as P}from"./clsx-B-dksMZM.js";import{r as Q}from"./index-RigO-4kf.js";const g="purple",p=Q.forwardRef(({as:i="div",children:e,className:k,color:u=g,...D},R)=>r.jsx(i,{...D,ref:R,className:P("ams-spotlight",u!==g&&`ams-spotlight--${u}`,k),children:e}));p.displayName="Spotlight";try{p.displayName="Spotlight",p.__docgenInfo={description:"",displayName:"Spotlight",props:{as:{defaultValue:null,description:"The HTML element to use.",name:"as",required:!1,type:{name:"enum",value:[{value:'"article"'},{value:'"div"'},{value:'"section"'},{value:'"aside"'},{value:'"footer"'}]}},color:{defaultValue:{value:"purple"},description:"The background colour.",name:"color",required:!1,type:{name:"enum",value:[{value:'"azure"'},{value:'"green"'},{value:'"lime"'},{value:'"magenta"'},{value:'"orange"'},{value:'"purple"'},{value:'"yellow"'}]}}}}}catch{}const $=H(),F={title:"Components/Containers/Spotlight",component:p,render:({as:i,color:e})=>r.jsx(p,{as:i,color:e,children:r.jsx(d,{paddingVertical:"medium",children:r.jsx(d.Cell,{span:"all",children:r.jsx(B,{inverseColor:!e||!["lime","yellow"].includes(e),children:$})})})})},a={},o={args:{color:"azure"}},s={args:{color:"green"}},t={args:{color:"lime"}},c={args:{color:"magenta"}},n={args:{color:"orange"}},l={args:{color:"yellow"}},m={args:{as:"section"}};var v,S,f;a.parameters={...a.parameters,docs:{...(v=a.parameters)==null?void 0:v.docs,source:{originalSource:"{}",...(f=(S=a.parameters)==null?void 0:S.docs)==null?void 0:f.source}}};var h,_,y;o.parameters={...o.parameters,docs:{...(h=o.parameters)==null?void 0:h.docs,source:{originalSource:`{
+import{j as r}from"./jsx-runtime-BjgbQsUx.js";import{G as d,f as B}from"./index.esm-ciNFknO_.js";import{c as H}from"./exampleContent-CpGgN1Hc.js";import{c as P}from"./clsx-B-dksMZM.js";import{r as Q}from"./index-RigO-4kf.js";const g="purple",p=Q.forwardRef(({as:i="div",children:e,className:k,color:u=g,...D},R)=>r.jsx(i,{...D,ref:R,className:P("ams-spotlight",u!==g&&`ams-spotlight--${u}`,k),children:e}));p.displayName="Spotlight";try{p.displayName="Spotlight",p.__docgenInfo={description:"",displayName:"Spotlight",props:{as:{defaultValue:null,description:"The HTML element to use.",name:"as",required:!1,type:{name:"enum",value:[{value:'"article"'},{value:'"div"'},{value:'"section"'},{value:'"aside"'},{value:'"footer"'}]}},color:{defaultValue:{value:"purple"},description:"The background colour.",name:"color",required:!1,type:{name:"enum",value:[{value:'"azure"'},{value:'"green"'},{value:'"lime"'},{value:'"magenta"'},{value:'"orange"'},{value:'"purple"'},{value:'"yellow"'}]}}}}}catch{}const $=H(),F={title:"Components/Containers/Spotlight",component:p,render:({as:i,color:e})=>r.jsx(p,{as:i,color:e,children:r.jsx(d,{paddingVertical:"medium",children:r.jsx(d.Cell,{span:"all",children:r.jsx(B,{inverseColor:!e||!["lime","yellow"].includes(e),children:$})})})})},a={},o={args:{color:"azure"}},s={args:{color:"green"}},t={args:{color:"lime"}},c={args:{color:"magenta"}},n={args:{color:"orange"}},l={args:{color:"yellow"}},m={args:{as:"section"}};var v,f,S;a.parameters={...a.parameters,docs:{...(v=a.parameters)==null?void 0:v.docs,source:{originalSource:"{}",...(S=(f=a.parameters)==null?void 0:f.docs)==null?void 0:S.source}}};var h,_,y;o.parameters={...o.parameters,docs:{...(h=o.parameters)==null?void 0:h.docs,source:{originalSource:`{
args: {
color: 'azure'
}
diff --git a/demo-develop/assets/Switch.docs-SJ-ab8ep.js b/demo-develop/assets/Switch.docs-D8olgyB_.js
similarity index 85%
rename from demo-develop/assets/Switch.docs-SJ-ab8ep.js
rename to demo-develop/assets/Switch.docs-D8olgyB_.js
index 81664860c5..663fc56dae 100644
--- a/demo-develop/assets/Switch.docs-SJ-ab8ep.js
+++ b/demo-develop/assets/Switch.docs-D8olgyB_.js
@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as s}from"./index-3rgQkYFR.js";import{ae as o,aq as a,ar as r,as as c,at as l}from"./index-U-bvrYWS.js";import{S as h,W as m}from"./Switch.stories-D66JiAyY.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CcKRFNHG.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./index.esm-C0OPbFsf.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";const p=`
+import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as s}from"./index-3rgQkYFR.js";import{ae as o,aq as a,ar as r,as as c,at as l}from"./index-CYpc6MNd.js";import{S as h,W as m}from"./Switch.stories-C9fm22hr.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DelTWw7Q.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./index.esm-ciNFknO_.js";import"./clsx-B-dksMZM.js";import"./index.esm-kml84xjK.js";const p=`
# Switch
diff --git a/demo-develop/assets/Switch.stories-D66JiAyY.js b/demo-develop/assets/Switch.stories-C9fm22hr.js
similarity index 94%
rename from demo-develop/assets/Switch.stories-D66JiAyY.js
rename to demo-develop/assets/Switch.stories-C9fm22hr.js
index 73388227aa..4922a395e6 100644
--- a/demo-develop/assets/Switch.stories-D66JiAyY.js
+++ b/demo-develop/assets/Switch.stories-C9fm22hr.js
@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{e as b}from"./index.esm-C0OPbFsf.js";import{c as w}from"./clsx-B-dksMZM.js";import{r as n}from"./index-RigO-4kf.js";const s=n.forwardRef(({className:t,id:r,...c},a)=>{const l=r||n.useId();return e.jsxs("div",{className:w("ams-switch",t),children:[e.jsx("input",{...c,className:"ams-switch__input",id:l,ref:a,type:"checkbox",role:"switch"}),e.jsx("label",{className:"ams-switch__label",htmlFor:l})]})});s.displayName="Switch";try{s.displayName="Switch",s.__docgenInfo={description:"",displayName:"Switch",props:{}}}catch{}const{useArgs:u}=__STORYBOOK_MODULE_PREVIEW_API__,k={title:"Components/Forms/Switch",component:s,args:{checked:!1,disabled:!1},argTypes:{checked:{description:"Whether the control is initially checked."},disabled:{description:"Prevents interaction. Avoid if possible."},onChange:{action:"clicked",table:{disable:!0}}},render:t=>{const[,r]=u(),c=a=>{r({checked:a.target.checked})};return e.jsx(s,{onClick:c,...t})}},i={},o={decorators:[t=>e.jsx("div",{style:{display:"flex",alignItems:"center",gap:"5rem"},children:e.jsx(t,{})})],render:t=>{const[,r]=u(),c=a=>{r({checked:a.target.checked})};return e.jsxs(e.Fragment,{children:[e.jsx(b,{htmlFor:"switch-with-label",children:"Label"}),e.jsx(s,{onClick:c,...t,id:"switch-with-label"})]})}};var d,h,m;i.parameters={...i.parameters,docs:{...(d=i.parameters)==null?void 0:d.docs,source:{originalSource:"{}",...(m=(h=i.parameters)==null?void 0:h.docs)==null?void 0:m.source}}};var p,g,_;o.parameters={...o.parameters,docs:{...(p=o.parameters)==null?void 0:p.docs,source:{originalSource:`{
+import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{c as b}from"./index.esm-ciNFknO_.js";import{c as w}from"./clsx-B-dksMZM.js";import{r as n}from"./index-RigO-4kf.js";const s=n.forwardRef(({className:t,id:r,...c},a)=>{const l=r||n.useId();return e.jsxs("div",{className:w("ams-switch",t),children:[e.jsx("input",{...c,className:"ams-switch__input",id:l,ref:a,type:"checkbox",role:"switch"}),e.jsx("label",{className:"ams-switch__label",htmlFor:l})]})});s.displayName="Switch";try{s.displayName="Switch",s.__docgenInfo={description:"",displayName:"Switch",props:{}}}catch{}const{useArgs:u}=__STORYBOOK_MODULE_PREVIEW_API__,k={title:"Components/Forms/Switch",component:s,args:{checked:!1,disabled:!1},argTypes:{checked:{description:"Whether the control is initially checked."},disabled:{description:"Prevents interaction. Avoid if possible."},onChange:{action:"clicked",table:{disable:!0}}},render:t=>{const[,r]=u(),c=a=>{r({checked:a.target.checked})};return e.jsx(s,{onClick:c,...t})}},i={},o={decorators:[t=>e.jsx("div",{style:{display:"flex",alignItems:"center",gap:"5rem"},children:e.jsx(t,{})})],render:t=>{const[,r]=u(),c=a=>{r({checked:a.target.checked})};return e.jsxs(e.Fragment,{children:[e.jsx(b,{htmlFor:"switch-with-label",children:"Label"}),e.jsx(s,{onClick:c,...t,id:"switch-with-label"})]})}};var d,h,m;i.parameters={...i.parameters,docs:{...(d=i.parameters)==null?void 0:d.docs,source:{originalSource:"{}",...(m=(h=i.parameters)==null?void 0:h.docs)==null?void 0:m.source}}};var p,g,_;o.parameters={...o.parameters,docs:{...(p=o.parameters)==null?void 0:p.docs,source:{originalSource:`{
decorators: [Story =>