diff --git a/demo-develop/122d15b0bcb13352dcc45d03ebaa9a6ea1ebad3a.txt b/demo-develop/310f59553a9ad057f3fe80b23bfda5acf108906d.txt similarity index 100% rename from demo-develop/122d15b0bcb13352dcc45d03ebaa9a6ea1ebad3a.txt rename to demo-develop/310f59553a9ad057f3fe80b23bfda5acf108906d.txt diff --git a/demo-develop/assets/Accordion.docs-BNwdHjq0.js b/demo-develop/assets/Accordion.docs-CEEJ4mkk.js similarity index 96% rename from demo-develop/assets/Accordion.docs-BNwdHjq0.js rename to demo-develop/assets/Accordion.docs-CEEJ4mkk.js index 441648e273..1c949fa4ae 100644 --- a/demo-develop/assets/Accordion.docs-BNwdHjq0.js +++ b/demo-develop/assets/Accordion.docs-CEEJ4mkk.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as a}from"./index-3rgQkYFR.js";import{ae as i,aq as r,ar as c,as as d,at as o}from"./index-CWKCY_Bl.js";import{A as h,E as l,R as m}from"./Accordion.stories-Bej1C9yT.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DBQNO3fk.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-4tYMzfzc.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";import"./exampleContent-hIIPvEhU.js";import"./getHeadingTag-Dv1eMqvl.js";import"./Icon-CPe807nE.js";import"./useKeyboardFocus-CRUFsA_C.js";const p=` +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as a}from"./index-3rgQkYFR.js";import{ae as i,aq as r,ar as c,as as d,at as o}from"./index-CmcJchMs.js";import{A as h,E as l,R as m}from"./Accordion.stories-BUxKbNBp.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CN_8E5Aq.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-BsC3rSRZ.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";import"./exampleContent-hIIPvEhU.js";import"./getHeadingTag-Dv1eMqvl.js";import"./Icon-CPe807nE.js";import"./useKeyboardFocus-CRUFsA_C.js";const p=` # Accordion diff --git a/demo-develop/assets/Accordion.stories-Bej1C9yT.js b/demo-develop/assets/Accordion.stories-BUxKbNBp.js similarity index 98% rename from demo-develop/assets/Accordion.stories-Bej1C9yT.js rename to demo-develop/assets/Accordion.stories-BUxKbNBp.js index 1c317d35a3..95b753cc52 100644 --- a/demo-develop/assets/Accordion.stories-Bej1C9yT.js +++ b/demo-develop/assets/Accordion.stories-BUxKbNBp.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{P as n}from"./index.esm-4tYMzfzc.js";import{b as x,g as S}from"./exampleContent-hIIPvEhU.js";import{c as u}from"./clsx-B-dksMZM.js";import{r}from"./index-RigO-4kf.js";import{r as K}from"./index.esm-Bz9pa_xK.js";import{g as M}from"./getHeadingTag-Dv1eMqvl.js";import{I as F}from"./Icon-CPe807nE.js";import{u as W}from"./useKeyboardFocus-CRUFsA_C.js";/** +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{P as n}from"./index.esm-BsC3rSRZ.js";import{b as x,g as S}from"./exampleContent-hIIPvEhU.js";import{c as u}from"./clsx-B-dksMZM.js";import{r}from"./index-RigO-4kf.js";import{r as K}from"./index.esm-Bz9pa_xK.js";import{g as M}from"./getHeadingTag-Dv1eMqvl.js";import{I as F}from"./Icon-CPe807nE.js";import{u as W}from"./useKeyboardFocus-CRUFsA_C.js";/** * @license EUPL-1.2+ * Copyright Gemeente Amsterdam */const G={headingLevel:1,sectionAs:"section"},H=r.createContext(G);try{Context.displayName="Context",Context.__docgenInfo={description:`Context lets components pass information deep down without explicitly diff --git a/demo-develop/assets/ActionGroup.docs-BO_FUWPX.js b/demo-develop/assets/ActionGroup.docs-Ds1w99cL.js similarity index 89% rename from demo-develop/assets/ActionGroup.docs-BO_FUWPX.js rename to demo-develop/assets/ActionGroup.docs-Ds1w99cL.js index 3ccc795f3e..663ac087db 100644 --- a/demo-develop/assets/ActionGroup.docs-BO_FUWPX.js +++ b/demo-develop/assets/ActionGroup.docs-Ds1w99cL.js @@ -1,4 +1,4 @@ -import{j as t}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as r}from"./index-3rgQkYFR.js";import{ae as a,aq as s,ar as h,at as e}from"./index-CWKCY_Bl.js";import{A as c,S as l,W as p}from"./ActionGroup.stories-CCL6vQN0.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DBQNO3fk.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-4tYMzfzc.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";const d=` +import{j as t}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as r}from"./index-3rgQkYFR.js";import{ae as a,aq as s,ar as h,at as e}from"./index-CmcJchMs.js";import{A as c,S as l,W as p}from"./ActionGroup.stories-CK-Iinzj.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CN_8E5Aq.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-BsC3rSRZ.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";const d=` # Action Group diff --git a/demo-develop/assets/ActionGroup.stories-CCL6vQN0.js b/demo-develop/assets/ActionGroup.stories-CK-Iinzj.js similarity index 93% rename from demo-develop/assets/ActionGroup.stories-CCL6vQN0.js rename to demo-develop/assets/ActionGroup.stories-CK-Iinzj.js index 5f38554e37..b7eba7bc16 100644 --- a/demo-develop/assets/ActionGroup.stories-CCL6vQN0.js +++ b/demo-develop/assets/ActionGroup.stories-CK-Iinzj.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{a as t,L as _}from"./index.esm-4tYMzfzc.js";import{c as x}from"./clsx-B-dksMZM.js";import{r as S}from"./index-RigO-4kf.js";const n=S.forwardRef(({children:s,className:j,...y},f)=>e.jsx("div",{...y,ref:f,className:x("ams-action-group",j),role:"group",children:s}));n.displayName="ActionGroup";try{n.displayName="ActionGroup",n.__docgenInfo={description:"",displayName:"ActionGroup",props:{}}}catch{}const k={title:"Components/Layout/Action Group",component:n,args:{children:[e.jsx(t,{children:"Doorgaan"}),e.jsx(t,{variant:"tertiary",children:"Stoppen"})]}},r={},o={args:{children:[e.jsx(t,{children:"Adres wijzigen"}),e.jsx(t,{variant:"secondary",children:"Adres verwijderen"})],className:"ams-resize-horizontal",style:{inlineSize:"16rem"}}},a={args:{children:[e.jsx(t,{children:"Bewerken"},1),e.jsx(_,{download:!0,href:"#",variant:"standalone",children:"Downloaden"},2)]}};var i,c,d;r.parameters={...r.parameters,docs:{...(i=r.parameters)==null?void 0:i.docs,source:{originalSource:"{}",...(d=(c=r.parameters)==null?void 0:c.docs)==null?void 0:d.source}}};var l,p,m;o.parameters={...o.parameters,docs:{...(l=o.parameters)==null?void 0:l.docs,source:{originalSource:`{ +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{B as t,L as _}from"./index.esm-BsC3rSRZ.js";import{c as x}from"./clsx-B-dksMZM.js";import{r as S}from"./index-RigO-4kf.js";const n=S.forwardRef(({children:s,className:j,...y},f)=>e.jsx("div",{...y,ref:f,className:x("ams-action-group",j),role:"group",children:s}));n.displayName="ActionGroup";try{n.displayName="ActionGroup",n.__docgenInfo={description:"",displayName:"ActionGroup",props:{}}}catch{}const k={title:"Components/Layout/Action Group",component:n,args:{children:[e.jsx(t,{children:"Doorgaan"}),e.jsx(t,{variant:"tertiary",children:"Stoppen"})]}},r={},o={args:{children:[e.jsx(t,{children:"Adres wijzigen"}),e.jsx(t,{variant:"secondary",children:"Adres verwijderen"})],className:"ams-resize-horizontal",style:{inlineSize:"16rem"}}},a={args:{children:[e.jsx(t,{children:"Bewerken"},1),e.jsx(_,{download:!0,href:"#",variant:"standalone",children:"Downloaden"},2)]}};var i,c,d;r.parameters={...r.parameters,docs:{...(i=r.parameters)==null?void 0:i.docs,source:{originalSource:"{}",...(d=(c=r.parameters)==null?void 0:c.docs)==null?void 0:d.source}}};var l,p,m;o.parameters={...o.parameters,docs:{...(l=o.parameters)==null?void 0:l.docs,source:{originalSource:`{ args: { children: [, ], className: 'ams-resize-horizontal', diff --git a/demo-develop/assets/Alert.docs-DjI1Kcap.js b/demo-develop/assets/Alert.docs-CnFvTq7X.js similarity index 90% rename from demo-develop/assets/Alert.docs-DjI1Kcap.js rename to demo-develop/assets/Alert.docs-CnFvTq7X.js index d9d088824c..91fb13e175 100644 --- a/demo-develop/assets/Alert.docs-DjI1Kcap.js +++ b/demo-develop/assets/Alert.docs-CnFvTq7X.js @@ -1,4 +1,4 @@ -import{j as n}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as s}from"./index-3rgQkYFR.js";import{ae as o,aq as a,ar as c,as as h,at as i}from"./index-CWKCY_Bl.js";import{A as l,W as d,E as m,S as p,I as f,a as u,b as x,c as g}from"./Alert.stories-CQtJwPjb.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DBQNO3fk.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-4tYMzfzc.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";import"./Alert-CXn618bb.js";import"./Icon-CPe807nE.js";import"./Heading-kLxhGLS-.js";import"./getHeadingTag-Dv1eMqvl.js";import"./IconButton-Crov6BLL.js";const j=` +import{j as n}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as s}from"./index-3rgQkYFR.js";import{ae as o,aq as a,ar as c,as as h,at as i}from"./index-CmcJchMs.js";import{A as l,W as d,E as m,S as p,I as f,a as u,b as x,c as g}from"./Alert.stories-DJlOZpoT.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CN_8E5Aq.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-BsC3rSRZ.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";import"./Alert-CXn618bb.js";import"./Icon-CPe807nE.js";import"./Heading-kLxhGLS-.js";import"./getHeadingTag-Dv1eMqvl.js";import"./IconButton-Crov6BLL.js";const j=` # Alert diff --git a/demo-develop/assets/Alert.stories-CQtJwPjb.js b/demo-develop/assets/Alert.stories-DJlOZpoT.js similarity index 98% rename from demo-develop/assets/Alert.stories-CQtJwPjb.js rename to demo-develop/assets/Alert.stories-DJlOZpoT.js index b5c1463a5e..8fc7ade4cb 100644 --- a/demo-develop/assets/Alert.stories-CQtJwPjb.js +++ b/demo-develop/assets/Alert.stories-DJlOZpoT.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{P as n,U as g,L as A}from"./index.esm-4tYMzfzc.js";import{A as E}from"./Alert-CXn618bb.js";const H={title:"Components/Feedback/Alert",component:E,args:{closeable:!1,heading:"Let op"}},r={args:{children:e.jsx(n,{children:"Tijdens Koningsdag zijn alle Stadsloketten gesloten. Ook 14 020 en alle andere telefoonnummers van de gemeente zijn niet bereikbaar."})}},a={args:{children:e.jsx(n,{children:"U bent vergeten verplichte velden in te vullen."}),heading:"Vul de gegevens aan"}},s={args:{children:e.jsx(n,{children:"Wegens een technische fout kon het formulier niet worden verzonden. We hebben uw gegevens niet ontvangen. Probeer het over een paar minuten opnieuw."}),heading:"Niet gelukt",severity:"error"}},t={args:{children:e.jsx(n,{children:"Het formulier is verzonden. We hebben uw gegevens goed ontvangen."}),closeable:!0,heading:"Gelukt",severity:"success"}},o={args:{children:e.jsx(n,{children:"Tijdens de hijswerkzaamheden geldt er een korte verkeersstop. We zetten verkeersregelaars in, volg hun aanwijzingen op. De verkeersstop duurt ongeveer 10 minuten."}),closeable:!0,severity:"info"}},i={args:{children:[e.jsx(n,{children:"U bent vergeten de volgende verplichte velden in te vullen:"},1),e.jsxs(g,{children:[e.jsx(g.Item,{children:"Naam"}),e.jsx(g.Item,{children:"Telefoonnummer"})]},2)],heading:"Vul de gegevens aan"}},d={args:{children:e.jsxs(n,{children:["Tijdens Koningsdag zijn"," ",e.jsx(A,{variant:"inline",href:"#",children:"alle Stadsloketten"})," ","gesloten. Ook 14 020 en alle andere telefoonnummers van de gemeente zijn niet bereikbaar."]}),severity:"info"}},l={args:{children:e.jsx(n,{children:"De geschatte wachttijd in de adreszoeker klopt momenteel niet altijd. We werken aan een oplossing."}),heading:void 0}};var c,h,m;r.parameters={...r.parameters,docs:{...(c=r.parameters)==null?void 0:c.docs,source:{originalSource:`{ +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{P as n,U as g,L as A}from"./index.esm-BsC3rSRZ.js";import{A as E}from"./Alert-CXn618bb.js";const H={title:"Components/Feedback/Alert",component:E,args:{closeable:!1,heading:"Let op"}},r={args:{children:e.jsx(n,{children:"Tijdens Koningsdag zijn alle Stadsloketten gesloten. Ook 14 020 en alle andere telefoonnummers van de gemeente zijn niet bereikbaar."})}},a={args:{children:e.jsx(n,{children:"U bent vergeten verplichte velden in te vullen."}),heading:"Vul de gegevens aan"}},s={args:{children:e.jsx(n,{children:"Wegens een technische fout kon het formulier niet worden verzonden. We hebben uw gegevens niet ontvangen. Probeer het over een paar minuten opnieuw."}),heading:"Niet gelukt",severity:"error"}},t={args:{children:e.jsx(n,{children:"Het formulier is verzonden. We hebben uw gegevens goed ontvangen."}),closeable:!0,heading:"Gelukt",severity:"success"}},o={args:{children:e.jsx(n,{children:"Tijdens de hijswerkzaamheden geldt er een korte verkeersstop. We zetten verkeersregelaars in, volg hun aanwijzingen op. De verkeersstop duurt ongeveer 10 minuten."}),closeable:!0,severity:"info"}},i={args:{children:[e.jsx(n,{children:"U bent vergeten de volgende verplichte velden in te vullen:"},1),e.jsxs(g,{children:[e.jsx(g.Item,{children:"Naam"}),e.jsx(g.Item,{children:"Telefoonnummer"})]},2)],heading:"Vul de gegevens aan"}},d={args:{children:e.jsxs(n,{children:["Tijdens Koningsdag zijn"," ",e.jsx(A,{variant:"inline",href:"#",children:"alle Stadsloketten"})," ","gesloten. Ook 14 020 en alle andere telefoonnummers van de gemeente zijn niet bereikbaar."]}),severity:"info"}},l={args:{children:e.jsx(n,{children:"De geschatte wachttijd in de adreszoeker klopt momenteel niet altijd. We werken aan een oplossing."}),heading:void 0}};var c,h,m;r.parameters={...r.parameters,docs:{...(c=r.parameters)==null?void 0:c.docs,source:{originalSource:`{ args: { children: Tijdens Koningsdag zijn alle Stadsloketten gesloten. Ook 14 020 en alle andere telefoonnummers van de gemeente diff --git a/demo-develop/assets/AppIcons-DJn-OvnN.js b/demo-develop/assets/AppIcons-CxiHqblM.js similarity index 96% rename from demo-develop/assets/AppIcons-DJn-OvnN.js rename to demo-develop/assets/AppIcons-CxiHqblM.js index 91ffbd4fff..c291dec7b2 100644 --- a/demo-develop/assets/AppIcons-DJn-OvnN.js +++ b/demo-develop/assets/AppIcons-CxiHqblM.js @@ -1 +1 @@ -import{j as s}from"./jsx-runtime-BjgbQsUx.js";import{I as i}from"./index.esm-4tYMzfzc.js";const o=()=>s.jsx("div",{className:"ams-docs-gallery",children:s.jsxs("figure",{className:"ams-docs-figure",children:[s.jsx(i,{alt:"",src:"favicon/apple-touch-icon.png",width:180,height:180}),s.jsx("figcaption",{children:"apple-touch-icon.png (180px)"})]})}),e=()=>s.jsxs("div",{className:"ams-docs-gallery",children:[s.jsxs("figure",{className:"ams-docs-figure",children:[s.jsx(i,{alt:"",src:"favicon/favicon.ico",width:16,height:16}),s.jsx("figcaption",{children:"favicon.ico (16px)"})]}),s.jsxs("figure",{className:"ams-docs-figure",children:[s.jsx(i,{alt:"",src:"favicon/favicon.ico",width:32,height:32}),s.jsx("figcaption",{children:"favicon.ico (32px)"})]}),s.jsxs("figure",{className:"ams-docs-figure",children:[s.jsx(i,{alt:"",src:"favicon/favicon.ico",width:48,height:48}),s.jsx("figcaption",{children:"favicon.ico (48px)"})]}),s.jsxs("figure",{className:"ams-docs-figure",children:[s.jsx(i,{alt:"",src:"favicon/favicon.ico",width:64,height:64}),s.jsx("figcaption",{children:"favicon.ico (64px)"})]})]}),n=()=>s.jsx("div",{className:"ams-docs-gallery",children:s.jsxs("figure",{className:"ams-docs-figure",children:[s.jsx(i,{alt:"",src:"favicon/icon.svg",width:64,height:64}),s.jsx("figcaption",{children:"icon.svg (64px)"})]})}),r=()=>s.jsxs("div",{className:"ams-docs-gallery",children:[s.jsxs("figure",{className:"ams-docs-figure",children:[s.jsx(i,{alt:"",src:"app-icons/icon-192.png",width:192,height:192}),s.jsx("figcaption",{children:"icon-192.png (192px)"})]}),s.jsxs("figure",{className:"ams-docs-figure",children:[s.jsx(i,{alt:"",src:"app-icons/icon-512.png",width:512,height:512}),s.jsx("figcaption",{children:"icon-512.png (512px)"})]})]});export{o as A,e as F,n as S,r as W}; +import{j as s}from"./jsx-runtime-BjgbQsUx.js";import{I as i}from"./index.esm-BsC3rSRZ.js";const o=()=>s.jsx("div",{className:"ams-docs-gallery",children:s.jsxs("figure",{className:"ams-docs-figure",children:[s.jsx(i,{alt:"",src:"favicon/apple-touch-icon.png",width:180,height:180}),s.jsx("figcaption",{children:"apple-touch-icon.png (180px)"})]})}),e=()=>s.jsxs("div",{className:"ams-docs-gallery",children:[s.jsxs("figure",{className:"ams-docs-figure",children:[s.jsx(i,{alt:"",src:"favicon/favicon.ico",width:16,height:16}),s.jsx("figcaption",{children:"favicon.ico (16px)"})]}),s.jsxs("figure",{className:"ams-docs-figure",children:[s.jsx(i,{alt:"",src:"favicon/favicon.ico",width:32,height:32}),s.jsx("figcaption",{children:"favicon.ico (32px)"})]}),s.jsxs("figure",{className:"ams-docs-figure",children:[s.jsx(i,{alt:"",src:"favicon/favicon.ico",width:48,height:48}),s.jsx("figcaption",{children:"favicon.ico (48px)"})]}),s.jsxs("figure",{className:"ams-docs-figure",children:[s.jsx(i,{alt:"",src:"favicon/favicon.ico",width:64,height:64}),s.jsx("figcaption",{children:"favicon.ico (64px)"})]})]}),n=()=>s.jsx("div",{className:"ams-docs-gallery",children:s.jsxs("figure",{className:"ams-docs-figure",children:[s.jsx(i,{alt:"",src:"favicon/icon.svg",width:64,height:64}),s.jsx("figcaption",{children:"icon.svg (64px)"})]})}),r=()=>s.jsxs("div",{className:"ams-docs-gallery",children:[s.jsxs("figure",{className:"ams-docs-figure",children:[s.jsx(i,{alt:"",src:"app-icons/icon-192.png",width:192,height:192}),s.jsx("figcaption",{children:"icon-192.png (192px)"})]}),s.jsxs("figure",{className:"ams-docs-figure",children:[s.jsx(i,{alt:"",src:"app-icons/icon-512.png",width:512,height:512}),s.jsx("figcaption",{children:"icon-512.png (512px)"})]})]});export{o as A,e as F,n as S,r as W}; diff --git a/demo-develop/assets/ArticlePage.docs-CMdq1mt3.js b/demo-develop/assets/ArticlePage.docs-CMdq1mt3.js new file mode 100644 index 0000000000..02d9ed12ce --- /dev/null +++ b/demo-develop/assets/ArticlePage.docs-CMdq1mt3.js @@ -0,0 +1,5 @@ +import{j as t}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as m}from"./index-3rgQkYFR.js";import{ae as e}from"./index-CmcJchMs.js";import{A as n}from"./ArticlePage.stories-CA-Rji_p.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CN_8E5Aq.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-BsC3rSRZ.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";import"./Image.stories-BYgQuacP.js";import"./Image-dslpK47z.js";import"./config-BSnquZq8.js";import"./PageMenu.stories-DMSuHN48.js";import"./Icon-CPe807nE.js";import"./Footer.stories-D-NB2HRo.js";/*@license CC0-1.0*/function i(o){const r={h1:"h1",p:"p",...m(),...o.components};return t.jsxs(t.Fragment,{children:[` +`,` +`,t.jsx(e,{of:n}),` +`,t.jsx(r.h1,{id:"article-page",children:"Article page"}),` +`,t.jsx(r.p,{children:"This page type is for news or similar kinds of articles."})]})}function F(o={}){const{wrapper:r}={...m(),...o.components};return r?t.jsx(r,{...o,children:t.jsx(i,{...o})}):i(o)}export{F as default}; diff --git a/demo-develop/assets/ArticlePage.docs-hPk84grn.js b/demo-develop/assets/ArticlePage.docs-hPk84grn.js deleted file mode 100644 index 9371024043..0000000000 --- a/demo-develop/assets/ArticlePage.docs-hPk84grn.js +++ /dev/null @@ -1,5 +0,0 @@ -import{j as t}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as m}from"./index-3rgQkYFR.js";import{ae as e}from"./index-CWKCY_Bl.js";import{A as n}from"./ArticlePage.stories-CqHfOprz.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DBQNO3fk.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-4tYMzfzc.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";import"./Image.stories-BYgQuacP.js";import"./Image-dslpK47z.js";import"./config-DmgB64Gy.js";import"./PageMenu.stories-DMSuHN48.js";import"./Icon-CPe807nE.js";import"./Footer.stories-CfcjiTpQ.js";import"./Spotlight-CVxUBei2.js";/*@license CC0-1.0*/function i(o){const r={h1:"h1",p:"p",...m(),...o.components};return t.jsxs(t.Fragment,{children:[` -`,` -`,t.jsx(e,{of:n}),` -`,t.jsx(r.h1,{id:"article-page",children:"Article page"}),` -`,t.jsx(r.p,{children:"This page type is for news or similar kinds of articles."})]})}function L(o={}){const{wrapper:r}={...m(),...o.components};return r?t.jsx(r,{...o,children:t.jsx(i,{...o})}):i(o)}export{L as default}; diff --git a/demo-develop/assets/ArticlePage.stories-CqHfOprz.js b/demo-develop/assets/ArticlePage.stories-CA-Rji_p.js similarity index 98% rename from demo-develop/assets/ArticlePage.stories-CqHfOprz.js rename to demo-develop/assets/ArticlePage.stories-CA-Rji_p.js index 7a0a0c8da2..c0e0fb9dc4 100644 --- a/demo-develop/assets/ArticlePage.stories-CqHfOprz.js +++ b/demo-develop/assets/ArticlePage.stories-CA-Rji_p.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{G as r,P as t,t as z,C as g,H as i,U as a,L as h,o as j,i as m,O as y,I as _}from"./index.esm-4tYMzfzc.js";import{L as I}from"./Image.stories-BYgQuacP.js";import{c as L}from"./config-DmgB64Gy.js";const u=({lead:n,paragraph1:s,spotlightHeading:o,spotlightLinkLabel:l})=>e.jsxs(e.Fragment,{children:[e.jsx(r,{paddingVertical:"medium",children:e.jsxs(r.Cell,{span:{narrow:4,medium:8,wide:10},start:{narrow:1,medium:1,wide:2},children:[e.jsx(t,{className:"ams-mb--md",size:"large",children:n}),e.jsx(t,{children:s})]})}),e.jsx(z,{as:"section",color:"purple",children:e.jsx(r,{paddingTop:"medium",paddingBottom:"large",children:e.jsx(r.Cell,{span:{narrow:4,medium:6,wide:8},start:{narrow:1,medium:2,wide:3},children:e.jsxs(g,{gap:"small",children:[e.jsx(i,{inverseColor:!0,level:2,children:o}),e.jsxs(a,{inverseColor:!0,children:[e.jsx(a.Item,{children:"Vraag uw paspoort of ID-kaart aan bij een Stadsloket in Amsterdam."}),e.jsx(a.Item,{children:"U kunt elke dag langskomen van 9.00 uur tot 17.00 uur en op donderdag tot 20.00 uur."}),e.jsx(a.Item,{children:"Op amsterdam.nl/paspoort staat wat u mee moet nemen."}),e.jsx(a.Item,{children:"Laat aan het loket bij uw aanvraag weten dat u kiest voor gratis bezorgen."}),e.jsx(a.Item,{children:"Als uw paspoort of ID-kaart klaar is, krijgt u een e-mail en sms-bericht met inloggegevens. Met deze inloggegevens kunt u zelf inplannen wanneer u uw reisdocument bezorgd wilt hebben."})]}),e.jsx(t,{inverseColor:!0,children:e.jsx(h,{href:"https://amsterdam.nl/paspoort/",inverseColor:!0,children:l})})]})})})}),e.jsx(r,{paddingVertical:"medium",children:e.jsx(r.Cell,{span:{narrow:4,medium:8,wide:10},start:{narrow:1,medium:1,wide:2},children:e.jsxs(g,{children:[e.jsxs("section",{children:[e.jsx(i,{className:"ams-mb--xs",level:2,children:"Wanneer bezorgen we"}),e.jsx(t,{children:"We bezorgen op werkdagen en zaterdag tussen 8.00 en 18.00 uur. De ene week bezorgen wij op dinsdag en donderdag ook tot 21.00 uur en de andere week op woensdag tot 21.00 uur."})]}),e.jsxs("section",{children:[e.jsx(i,{className:"ams-mb--xs",level:2,children:"Tekenen voor ontvangst"}),e.jsx(t,{children:"Zorg dat u thuis bent om uw paspoort of ID-kaart te ontvangen. Bij bezorging voor meerdere personen moeten alle personen aanwezig zijn. Ook kinderen vanaf 12 jaar moeten tekenen voor ontvangst. Tot 12 jaar tekent de ouder of wettelijk vertegenwoordiger van het kind."})]}),e.jsxs("section",{children:[e.jsx(i,{className:"ams-mb--xs",level:2,children:"Bezorgen met waarde-transport"}),e.jsxs(t,{children:["De gemeente laat uw paspoort of ID-kaart bezorgen met een waarde-transport. Op"," ",e.jsx(h,{href:"https://mijnafspraak.nl/",children:"mijnafspraak.nl"})," ziet u wie er langskomt. De pasfoto van de medewerker is vanaf 8.00 uur zichtbaar. De bezorger controleert bij aankomst uw identiteit en geeft u het nieuwe reisdocument. U geeft uw oude reisdocument aan de bezorger. De bezorger maakt uw oude reisdocument ongeldig waar u bij bent. Daarna mag u het zelf houden of meegeven aan de bezorger, die het vernietigt."]})]}),e.jsxs("section",{children:[e.jsx(i,{className:"ams-mb--xs",level:2,children:"Wanneer kan bezorgen niet?"}),e.jsxs(a,{children:[e.jsx(a.Item,{children:"Bij een spoedaanvraag."}),e.jsx(a.Item,{children:"Als u een geldig visum in uw paspoort hebt dat u nog wilt gebruiken."}),e.jsx(a.Item,{children:"Als u het oude reisdocument kwijt bent."}),e.jsx(a.Item,{children:"Als u op een van de Waddeneilanden woont. Daar bezorgen we niet."})]})]}),e.jsxs("section",{children:[e.jsx(i,{className:"ams-mb--xs",level:2,children:"Meer weten"}),e.jsx(j,{children:e.jsx(j.Link,{href:"https://amsterdam.nl/paspoort/",children:"amsterdam.nl/paspoort"})})]})]})})})]});try{u.displayName="ArticleBody",u.__docgenInfo={description:"",displayName:"ArticleBody",props:{lead:{defaultValue:null,description:"",name:"lead",required:!0,type:{name:"string"}},paragraph1:{defaultValue:null,description:"",name:"paragraph1",required:!0,type:{name:"string"}},spotlightHeading:{defaultValue:null,description:"",name:"spotlightHeading",required:!0,type:{name:"string"}},spotlightLinkLabel:{defaultValue:null,description:"",name:"spotlightLinkLabel",required:!0,type:{name:"string"}}}}}catch{}const A=()=>e.jsx(r,{paddingTop:"small",children:e.jsx(r.Cell,{span:{narrow:4,medium:8,wide:10},start:{narrow:1,medium:1,wide:2},children:e.jsxs(m,{children:[e.jsx(m.Link,{href:"#",children:"Home"}),e.jsx(m.Link,{href:"#",children:"Nieuws"})]})})}),c=({heading:n,imageSrc:s})=>e.jsxs("header",{children:[e.jsx(r,{paddingBottom:"medium",children:e.jsxs(r.Cell,{span:{narrow:4,medium:8,wide:10},start:{narrow:1,medium:1,wide:2},children:[e.jsx(i,{className:"ams-mb--sm",children:n}),e.jsx(t,{size:"small",children:"7 juni 2024"})]})}),e.jsx(y,{children:e.jsx(_,{alt:"",aspectRatio:"2x-wide",loading:"lazy",src:s})})]});try{c.displayName="ArticleHeader",c.__docgenInfo={description:"",displayName:"ArticleHeader",props:{heading:{defaultValue:null,description:"",name:"heading",required:!0,type:{name:"string"}},imageSrc:{defaultValue:null,description:"",name:"imageSrc",required:!0,type:{name:"string"}}}}}catch{}const p=({heading:n,imageSrc:s,lead:o,paragraph1:l,spotlightHeading:b,spotlightLinkLabel:v})=>e.jsxs(e.Fragment,{children:[e.jsx(A,{}),e.jsxs("main",{id:"main",children:[e.jsx(c,{heading:n,imageSrc:s}),e.jsx(u,{lead:o,paragraph1:l,spotlightHeading:b,spotlightLinkLabel:v})]})]});try{p.displayName="ArticlePage",p.__docgenInfo={description:"",displayName:"ArticlePage",props:{heading:{defaultValue:null,description:"",name:"heading",required:!0,type:{name:"string"}},imageSrc:{defaultValue:null,description:"",name:"imageSrc",required:!0,type:{name:"string"}},lead:{defaultValue:null,description:"",name:"lead",required:!0,type:{name:"string"}},paragraph1:{defaultValue:null,description:"",name:"paragraph1",required:!0,type:{name:"string"}},spotlightHeading:{defaultValue:null,description:"",name:"spotlightHeading",required:!0,type:{name:"string"}},spotlightLinkLabel:{defaultValue:null,description:"",name:"spotlightLinkLabel",required:!0,type:{name:"string"}}}}}catch{}/** +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{G as r,P as t,t as z,C as g,H as i,U as a,L as h,o as j,i as m,O as y,I as _}from"./index.esm-BsC3rSRZ.js";import{L as I}from"./Image.stories-BYgQuacP.js";import{c as L}from"./config-BSnquZq8.js";const u=({lead:n,paragraph1:s,spotlightHeading:o,spotlightLinkLabel:l})=>e.jsxs(e.Fragment,{children:[e.jsx(r,{paddingVertical:"medium",children:e.jsxs(r.Cell,{span:{narrow:4,medium:8,wide:10},start:{narrow:1,medium:1,wide:2},children:[e.jsx(t,{className:"ams-mb--md",size:"large",children:n}),e.jsx(t,{children:s})]})}),e.jsx(z,{as:"section",color:"purple",children:e.jsx(r,{paddingTop:"medium",paddingBottom:"large",children:e.jsx(r.Cell,{span:{narrow:4,medium:6,wide:8},start:{narrow:1,medium:2,wide:3},children:e.jsxs(g,{gap:"small",children:[e.jsx(i,{inverseColor:!0,level:2,children:o}),e.jsxs(a,{inverseColor:!0,children:[e.jsx(a.Item,{children:"Vraag uw paspoort of ID-kaart aan bij een Stadsloket in Amsterdam."}),e.jsx(a.Item,{children:"U kunt elke dag langskomen van 9.00 uur tot 17.00 uur en op donderdag tot 20.00 uur."}),e.jsx(a.Item,{children:"Op amsterdam.nl/paspoort staat wat u mee moet nemen."}),e.jsx(a.Item,{children:"Laat aan het loket bij uw aanvraag weten dat u kiest voor gratis bezorgen."}),e.jsx(a.Item,{children:"Als uw paspoort of ID-kaart klaar is, krijgt u een e-mail en sms-bericht met inloggegevens. Met deze inloggegevens kunt u zelf inplannen wanneer u uw reisdocument bezorgd wilt hebben."})]}),e.jsx(t,{inverseColor:!0,children:e.jsx(h,{href:"https://amsterdam.nl/paspoort/",inverseColor:!0,children:l})})]})})})}),e.jsx(r,{paddingVertical:"medium",children:e.jsx(r.Cell,{span:{narrow:4,medium:8,wide:10},start:{narrow:1,medium:1,wide:2},children:e.jsxs(g,{children:[e.jsxs("section",{children:[e.jsx(i,{className:"ams-mb--xs",level:2,children:"Wanneer bezorgen we"}),e.jsx(t,{children:"We bezorgen op werkdagen en zaterdag tussen 8.00 en 18.00 uur. De ene week bezorgen wij op dinsdag en donderdag ook tot 21.00 uur en de andere week op woensdag tot 21.00 uur."})]}),e.jsxs("section",{children:[e.jsx(i,{className:"ams-mb--xs",level:2,children:"Tekenen voor ontvangst"}),e.jsx(t,{children:"Zorg dat u thuis bent om uw paspoort of ID-kaart te ontvangen. Bij bezorging voor meerdere personen moeten alle personen aanwezig zijn. Ook kinderen vanaf 12 jaar moeten tekenen voor ontvangst. Tot 12 jaar tekent de ouder of wettelijk vertegenwoordiger van het kind."})]}),e.jsxs("section",{children:[e.jsx(i,{className:"ams-mb--xs",level:2,children:"Bezorgen met waarde-transport"}),e.jsxs(t,{children:["De gemeente laat uw paspoort of ID-kaart bezorgen met een waarde-transport. Op"," ",e.jsx(h,{href:"https://mijnafspraak.nl/",children:"mijnafspraak.nl"})," ziet u wie er langskomt. De pasfoto van de medewerker is vanaf 8.00 uur zichtbaar. De bezorger controleert bij aankomst uw identiteit en geeft u het nieuwe reisdocument. U geeft uw oude reisdocument aan de bezorger. De bezorger maakt uw oude reisdocument ongeldig waar u bij bent. Daarna mag u het zelf houden of meegeven aan de bezorger, die het vernietigt."]})]}),e.jsxs("section",{children:[e.jsx(i,{className:"ams-mb--xs",level:2,children:"Wanneer kan bezorgen niet?"}),e.jsxs(a,{children:[e.jsx(a.Item,{children:"Bij een spoedaanvraag."}),e.jsx(a.Item,{children:"Als u een geldig visum in uw paspoort hebt dat u nog wilt gebruiken."}),e.jsx(a.Item,{children:"Als u het oude reisdocument kwijt bent."}),e.jsx(a.Item,{children:"Als u op een van de Waddeneilanden woont. Daar bezorgen we niet."})]})]}),e.jsxs("section",{children:[e.jsx(i,{className:"ams-mb--xs",level:2,children:"Meer weten"}),e.jsx(j,{children:e.jsx(j.Link,{href:"https://amsterdam.nl/paspoort/",children:"amsterdam.nl/paspoort"})})]})]})})})]});try{u.displayName="ArticleBody",u.__docgenInfo={description:"",displayName:"ArticleBody",props:{lead:{defaultValue:null,description:"",name:"lead",required:!0,type:{name:"string"}},paragraph1:{defaultValue:null,description:"",name:"paragraph1",required:!0,type:{name:"string"}},spotlightHeading:{defaultValue:null,description:"",name:"spotlightHeading",required:!0,type:{name:"string"}},spotlightLinkLabel:{defaultValue:null,description:"",name:"spotlightLinkLabel",required:!0,type:{name:"string"}}}}}catch{}const A=()=>e.jsx(r,{paddingTop:"small",children:e.jsx(r.Cell,{span:{narrow:4,medium:8,wide:10},start:{narrow:1,medium:1,wide:2},children:e.jsxs(m,{children:[e.jsx(m.Link,{href:"#",children:"Home"}),e.jsx(m.Link,{href:"#",children:"Nieuws"})]})})}),c=({heading:n,imageSrc:s})=>e.jsxs("header",{children:[e.jsx(r,{paddingBottom:"medium",children:e.jsxs(r.Cell,{span:{narrow:4,medium:8,wide:10},start:{narrow:1,medium:1,wide:2},children:[e.jsx(i,{className:"ams-mb--sm",children:n}),e.jsx(t,{size:"small",children:"7 juni 2024"})]})}),e.jsx(y,{children:e.jsx(_,{alt:"",aspectRatio:"2x-wide",loading:"lazy",src:s})})]});try{c.displayName="ArticleHeader",c.__docgenInfo={description:"",displayName:"ArticleHeader",props:{heading:{defaultValue:null,description:"",name:"heading",required:!0,type:{name:"string"}},imageSrc:{defaultValue:null,description:"",name:"imageSrc",required:!0,type:{name:"string"}}}}}catch{}const p=({heading:n,imageSrc:s,lead:o,paragraph1:l,spotlightHeading:b,spotlightLinkLabel:v})=>e.jsxs(e.Fragment,{children:[e.jsx(A,{}),e.jsxs("main",{id:"main",children:[e.jsx(c,{heading:n,imageSrc:s}),e.jsx(u,{lead:o,paragraph1:l,spotlightHeading:b,spotlightLinkLabel:v})]})]});try{p.displayName="ArticlePage",p.__docgenInfo={description:"",displayName:"ArticlePage",props:{heading:{defaultValue:null,description:"",name:"heading",required:!0,type:{name:"string"}},imageSrc:{defaultValue:null,description:"",name:"imageSrc",required:!0,type:{name:"string"}},lead:{defaultValue:null,description:"",name:"lead",required:!0,type:{name:"string"}},paragraph1:{defaultValue:null,description:"",name:"paragraph1",required:!0,type:{name:"string"}},spotlightHeading:{defaultValue:null,description:"",name:"spotlightHeading",required:!0,type:{name:"string"}},spotlightLinkLabel:{defaultValue:null,description:"",name:"spotlightLinkLabel",required:!0,type:{name:"string"}}}}}catch{}/** * @license EUPL-1.2+ * Copyright Gemeente Amsterdam */var x;const D={...L,title:"Pages/Amsterdam.nl/Article Page",component:p,args:{heading:"Ontvang uw paspoort of ID-kaart in de zomer gratis thuis",imageSrc:(x=I.args)==null?void 0:x.src,lead:"Niet meer naar het Stadsloket, maar thuis of op het werk uw nieuwe paspoort ontvangen. In juni en juli kan dat. Deze zomer bezorgt de gemeente reisdocumenten gratis aan huis. We doen dat om de drukte in de Stadsloketten te verminderen. En u hoeft maar 1 keer naar het Stadsloket.",paragraph1:"Van maandag 10 juni tot en met zaterdag 27 juli bezorgt de gemeente Amsterdam uw paspoort of ID-kaart gratis bij u thuis of op het werk. U moet wel naar het Stadsloket om uw reisdocument aan te vragen. Lees hier hoe het werkt.",spotlightHeading:"Vraag een paspoort of ID-kaart aan",spotlightLinkLabel:"Vraag nu een paspoort of ID-kaart aan"}},d={};var w,k,f;d.parameters={...d.parameters,docs:{...(w=d.parameters)==null?void 0:w.docs,source:{originalSource:"{}",...(f=(k=d.parameters)==null?void 0:k.docs)==null?void 0:f.source}}};const V=["Default"],H=Object.freeze(Object.defineProperty({__proto__:null,Default:d,__namedExportsOrder:V,default:D},Symbol.toStringTag,{value:"Module"}));export{H as A}; diff --git a/demo-develop/assets/AspectRatio.docs-yXjFzI4I.js b/demo-develop/assets/AspectRatio.docs-Cqz1fRJY.js similarity index 93% rename from demo-develop/assets/AspectRatio.docs-yXjFzI4I.js rename to demo-develop/assets/AspectRatio.docs-Cqz1fRJY.js index 219b59ceb6..42b8e7dcca 100644 --- a/demo-develop/assets/AspectRatio.docs-yXjFzI4I.js +++ b/demo-develop/assets/AspectRatio.docs-Cqz1fRJY.js @@ -1,4 +1,4 @@ -import{j as a}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as o}from"./index-3rgQkYFR.js";import{ae as n,aq as i,ar as m,as as r}from"./index-CWKCY_Bl.js";import{A as c}from"./AspectRatio.stories-4NdL09L5.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DBQNO3fk.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";const p=` +import{j as a}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as o}from"./index-3rgQkYFR.js";import{ae as n,aq as i,ar as m,as as r}from"./index-CmcJchMs.js";import{A as c}from"./AspectRatio.stories-4NdL09L5.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CN_8E5Aq.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";const p=` # Aspect Ratio diff --git a/demo-develop/assets/Avatar.docs-BeJ2CRW-.js b/demo-develop/assets/Avatar.docs-BhfWW6zH.js similarity index 86% rename from demo-develop/assets/Avatar.docs-BeJ2CRW-.js rename to demo-develop/assets/Avatar.docs-BhfWW6zH.js index c01cec426d..06f1a58781 100644 --- a/demo-develop/assets/Avatar.docs-BeJ2CRW-.js +++ b/demo-develop/assets/Avatar.docs-BhfWW6zH.js @@ -1,4 +1,4 @@ -import{j as n}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as t}from"./index-3rgQkYFR.js";import{ae as i,aq as s,ar as p,as as c,at as r}from"./index-CWKCY_Bl.js";import{A as m,W as l,F as d,I as h}from"./Avatar.stories-wmS5jWn0.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DBQNO3fk.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-4tYMzfzc.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";import"./Image-dslpK47z.js";import"./Icon-CPe807nE.js";const x=` +import{j as n}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as t}from"./index-3rgQkYFR.js";import{ae as i,aq as s,ar as p,as as c,at as r}from"./index-CmcJchMs.js";import{A as m,W as l,F as d,I as h}from"./Avatar.stories-BTV_MRoL.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CN_8E5Aq.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-BsC3rSRZ.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";import"./Image-dslpK47z.js";import"./Icon-CPe807nE.js";const x=` # Avatar diff --git a/demo-develop/assets/Avatar.stories-BTV_MRoL.js b/demo-develop/assets/Avatar.stories-BTV_MRoL.js new file mode 100644 index 0000000000..949e3f66ad --- /dev/null +++ b/demo-develop/assets/Avatar.stories-BTV_MRoL.js @@ -0,0 +1,24 @@ +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{a as P,b as c}from"./index.esm-BsC3rSRZ.js";import{i as L,j as M}from"./index.esm-Bz9pa_xK.js";import{c as w}from"./clsx-B-dksMZM.js";import{r as C}from"./index-RigO-4kf.js";import{I as D}from"./Image-dslpK47z.js";import{I as E}from"./Icon-CPe807nE.js";const N=({imageSrc:a,initials:r})=>a?e.jsx(D,{alt:"",src:a}):r.length?e.jsx("span",{"aria-hidden":!0,children:r}):e.jsx(E,{svg:L,size:"level-6"}),o=C.forwardRef(({label:a,imageSrc:r,className:k,color:y="blue",...I},_)=>{const i=a.slice(0,2).toUpperCase(),A=i.length===0?"Gebruiker":`Initialen gebruiker: ${i}`;return e.jsxs("span",{...I,ref:_,className:w("ams-avatar",`ams-avatar--${y}`,r&&"ams-avatar--has-image",k),children:[e.jsx("span",{className:"ams-visually-hidden",children:A}),e.jsx(N,{imageSrc:r,initials:i})]})});o.displayName="Avatar";try{o.displayName="Avatar",o.__docgenInfo={description:"",displayName:"Avatar",props:{color:{defaultValue:{value:"blue"},description:"The background colour.",name:"color",required:!1,type:{name:"enum",value:[{value:'"azure"'},{value:'"black"'},{value:'"blue"'},{value:'"green"'},{value:'"lime"'},{value:'"magenta"'},{value:'"neutral-20"'},{value:'"neutral-40"'},{value:'"neutral-60"'},{value:'"neutral-80"'},{value:'"orange"'},{value:'"purple"'},{value:'"red"'},{value:'"white"'},{value:'"yellow"'}]}},imageSrc:{defaultValue:null,description:"The url for the user’s image. Its center will be displayed. Should be square and scaled down.",name:"imageSrc",required:!1,type:{name:"string"}},label:{defaultValue:null,description:"The text content. Should be the user’s initials. The first two characters will be displayed.",name:"label",required:!0,type:{name:"string"}}}}}catch{}const T={title:"Components/Feedback/Avatar",component:o,args:{label:"DS",imageSrc:""}},s={},t={args:{label:"PS",imageSrc:"https://i.pravatar.cc/128"}},n={args:{imageSrc:void 0,label:""}},l={args:{label:"DS"},render:a=>e.jsx(P,{links:e.jsxs(c,{alignEnd:!0,children:[e.jsx(c.Link,{href:"#",children:"Contact"}),e.jsx(c.Link,{href:"#",icon:M,children:"Zoeken"}),e.jsx("li",{children:e.jsx(o,{...a})})]})})};var u,d,m;s.parameters={...s.parameters,docs:{...(u=s.parameters)==null?void 0:u.docs,source:{originalSource:"{}",...(m=(d=s.parameters)==null?void 0:d.docs)==null?void 0:m.source}}};var p,g,v;t.parameters={...t.parameters,docs:{...(p=t.parameters)==null?void 0:p.docs,source:{originalSource:`{ + args: { + label: 'PS', + imageSrc: 'https://i.pravatar.cc/128' + } +}`,...(v=(g=t.parameters)==null?void 0:g.docs)==null?void 0:v.source}}};var h,f,b;n.parameters={...n.parameters,docs:{...(h=n.parameters)==null?void 0:h.docs,source:{originalSource:`{ + args: { + imageSrc: undefined, + label: '' + } +}`,...(b=(f=n.parameters)==null?void 0:f.docs)==null?void 0:b.source}}};var S,x,j;l.parameters={...l.parameters,docs:{...(S=l.parameters)==null?void 0:S.docs,source:{originalSource:`{ + args: { + label: 'DS' + }, + render: args =>
+ Contact + + Zoeken + +
  • + +
    • + } /> +}`,...(j=(x=l.parameters)==null?void 0:x.docs)==null?void 0:j.source}}};const q=["Default","WithImage","FallbackIcon","InAHeader"],Z=Object.freeze(Object.defineProperty({__proto__:null,Default:s,FallbackIcon:n,InAHeader:l,WithImage:t,__namedExportsOrder:q,default:T},Symbol.toStringTag,{value:"Module"}));export{Z as A,n as F,l as I,t as W}; diff --git a/demo-develop/assets/Avatar.stories-wmS5jWn0.js b/demo-develop/assets/Avatar.stories-wmS5jWn0.js deleted file mode 100644 index 2f1a141a93..0000000000 --- a/demo-develop/assets/Avatar.stories-wmS5jWn0.js +++ /dev/null @@ -1,24 +0,0 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{b as P,c}from"./index.esm-4tYMzfzc.js";import{i as L,j as M}from"./index.esm-Bz9pa_xK.js";import{c as w}from"./clsx-B-dksMZM.js";import{r as C}from"./index-RigO-4kf.js";import{I as D}from"./Image-dslpK47z.js";import{I as E}from"./Icon-CPe807nE.js";const N=({imageSrc:a,initials:r})=>a?e.jsx(D,{alt:"",src:a}):r.length?e.jsx("span",{"aria-hidden":!0,children:r}):e.jsx(E,{svg:L,size:"level-6"}),o=C.forwardRef(({label:a,imageSrc:r,className:k,color:y="blue",...I},_)=>{const i=a.slice(0,2).toUpperCase(),A=i.length===0?"Gebruiker":`Initialen gebruiker: ${i}`;return e.jsxs("span",{...I,ref:_,className:w("ams-avatar",`ams-avatar--${y}`,r&&"ams-avatar--has-image",k),children:[e.jsx("span",{className:"ams-visually-hidden",children:A}),e.jsx(N,{imageSrc:r,initials:i})]})});o.displayName="Avatar";try{o.displayName="Avatar",o.__docgenInfo={description:"",displayName:"Avatar",props:{color:{defaultValue:{value:"blue"},description:"The background colour.",name:"color",required:!1,type:{name:"enum",value:[{value:'"azure"'},{value:'"black"'},{value:'"blue"'},{value:'"green"'},{value:'"lime"'},{value:'"magenta"'},{value:'"neutral-20"'},{value:'"neutral-40"'},{value:'"neutral-60"'},{value:'"neutral-80"'},{value:'"orange"'},{value:'"purple"'},{value:'"red"'},{value:'"white"'},{value:'"yellow"'}]}},imageSrc:{defaultValue:null,description:"The url for the user’s image. Its center will be displayed. Should be square and scaled down.",name:"imageSrc",required:!1,type:{name:"string"}},label:{defaultValue:null,description:"The text content. Should be the user’s initials. The first two characters will be displayed.",name:"label",required:!0,type:{name:"string"}}}}}catch{}const T={title:"Components/Feedback/Avatar",component:o,args:{label:"DS",imageSrc:""}},s={},t={args:{label:"PS",imageSrc:"https://i.pravatar.cc/128"}},n={args:{imageSrc:void 0,label:""}},l={args:{label:"DS"},render:a=>e.jsx(P,{links:e.jsxs(c,{alignEnd:!0,children:[e.jsx(c.Link,{href:"#",children:"Contact"}),e.jsx(c.Link,{href:"#",icon:M,children:"Zoeken"}),e.jsx("li",{children:e.jsx(o,{...a})})]})})};var u,d,m;s.parameters={...s.parameters,docs:{...(u=s.parameters)==null?void 0:u.docs,source:{originalSource:"{}",...(m=(d=s.parameters)==null?void 0:d.docs)==null?void 0:m.source}}};var p,g,v;t.parameters={...t.parameters,docs:{...(p=t.parameters)==null?void 0:p.docs,source:{originalSource:`{ - args: { - label: 'PS', - imageSrc: 'https://i.pravatar.cc/128' - } -}`,...(v=(g=t.parameters)==null?void 0:g.docs)==null?void 0:v.source}}};var h,f,b;n.parameters={...n.parameters,docs:{...(h=n.parameters)==null?void 0:h.docs,source:{originalSource:`{ - args: { - imageSrc: undefined, - label: '' - } -}`,...(b=(f=n.parameters)==null?void 0:f.docs)==null?void 0:b.source}}};var S,x,j;l.parameters={...l.parameters,docs:{...(S=l.parameters)==null?void 0:S.docs,source:{originalSource:`{ - args: { - label: 'DS' - }, - render: args =>
    - Contact - - Zoeken - -
  • - -
    • - } /> -}`,...(j=(x=l.parameters)==null?void 0:x.docs)==null?void 0:j.source}}};const q=["Default","WithImage","FallbackIcon","InAHeader"],Z=Object.freeze(Object.defineProperty({__proto__:null,Default:s,FallbackIcon:n,InAHeader:l,WithImage:t,__namedExportsOrder:q,default:T},Symbol.toStringTag,{value:"Module"}));export{Z as A,n as F,l as I,t as W}; diff --git a/demo-develop/assets/Badge.docs-BpkBgDJu.js b/demo-develop/assets/Badge.docs-BU4oSNPD.js similarity index 89% rename from demo-develop/assets/Badge.docs-BpkBgDJu.js rename to demo-develop/assets/Badge.docs-BU4oSNPD.js index 1b886c0712..67457a4827 100644 --- a/demo-develop/assets/Badge.docs-BpkBgDJu.js +++ b/demo-develop/assets/Badge.docs-BU4oSNPD.js @@ -1,4 +1,4 @@ -import{j as n}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as e}from"./index-3rgQkYFR.js";import{ae as i,aq as s,ar as a,as as m}from"./index-CWKCY_Bl.js";import{B as c}from"./Badge.stories-DPvq_OmT.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DBQNO3fk.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"./Badge-BvbF-Lgn.js";import"./clsx-B-dksMZM.js";const p=` +import{j as n}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as e}from"./index-3rgQkYFR.js";import{ae as i,aq as s,ar as a,as as m}from"./index-CmcJchMs.js";import{B as c}from"./Badge.stories-DPvq_OmT.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CN_8E5Aq.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"./Badge-BvbF-Lgn.js";import"./clsx-B-dksMZM.js";const p=` # Badge diff --git a/demo-develop/assets/Blockquote.docs-CkwAUJuT.js b/demo-develop/assets/Blockquote.docs-DWJzM9Z3.js similarity index 93% rename from demo-develop/assets/Blockquote.docs-CkwAUJuT.js rename to demo-develop/assets/Blockquote.docs-DWJzM9Z3.js index ee8d638d9c..6d4ae18eea 100644 --- a/demo-develop/assets/Blockquote.docs-CkwAUJuT.js +++ b/demo-develop/assets/Blockquote.docs-DWJzM9Z3.js @@ -1,4 +1,4 @@ -import{j as t}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as r}from"./index-3rgQkYFR.js";import{ae as s,aq as a,ar as i,as as m,at as c}from"./index-CWKCY_Bl.js";import{B as h,I as l}from"./Blockquote.stories-BNug3b0G.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DBQNO3fk.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"./exampleContent-hIIPvEhU.js";import"./clsx-B-dksMZM.js";const u=` +import{j as t}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as r}from"./index-3rgQkYFR.js";import{ae as s,aq as a,ar as i,as as m,at as c}from"./index-CmcJchMs.js";import{B as h,I as l}from"./Blockquote.stories-BNug3b0G.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CN_8E5Aq.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"./exampleContent-hIIPvEhU.js";import"./clsx-B-dksMZM.js";const u=` # Blockquote diff --git a/demo-develop/assets/Breadcrumb.docs-C0HJp3Iq.js b/demo-develop/assets/Breadcrumb.docs-D1a8evoP.js similarity index 92% rename from demo-develop/assets/Breadcrumb.docs-C0HJp3Iq.js rename to demo-develop/assets/Breadcrumb.docs-D1a8evoP.js index 6facf83a39..1808133866 100644 --- a/demo-develop/assets/Breadcrumb.docs-C0HJp3Iq.js +++ b/demo-develop/assets/Breadcrumb.docs-D1a8evoP.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 o,aq as s,ar as a}from"./index-CWKCY_Bl.js";import{B as c}from"./Breadcrumb.stories-DlD_h2bb.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DBQNO3fk.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"./clsx-B-dksMZM.js";const u=` +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as i}from"./index-3rgQkYFR.js";import{ae as o,aq as s,ar as a}from"./index-CmcJchMs.js";import{B as c}from"./Breadcrumb.stories-DlD_h2bb.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CN_8E5Aq.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"./clsx-B-dksMZM.js";const u=` # Breadcrumb diff --git a/demo-develop/assets/Breakout.docs-CreCWYbA.js b/demo-develop/assets/Breakout.docs-DU_za3WU.js similarity index 90% rename from demo-develop/assets/Breakout.docs-CreCWYbA.js rename to demo-develop/assets/Breakout.docs-DU_za3WU.js index a1d57771b4..aac3b4c845 100644 --- a/demo-develop/assets/Breakout.docs-CreCWYbA.js +++ b/demo-develop/assets/Breakout.docs-DU_za3WU.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 r,aq as i,ar as a,as as l,at as h}from"./index-CWKCY_Bl.js";import{B as c,V as d}from"./Breakout.stories-IKydblgp.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DBQNO3fk.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-4tYMzfzc.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";import"./paddingClasses-C5gheHLv.js";const p=` +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as s}from"./index-3rgQkYFR.js";import{ae as r,aq as i,ar as a,as as l,at as h}from"./index-CmcJchMs.js";import{B as c,V as d}from"./Breakout.stories-CPa4IYml.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CN_8E5Aq.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-BsC3rSRZ.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";import"./paddingClasses-C5gheHLv.js";const p=` # Breakout diff --git a/demo-develop/assets/Breakout.stories-IKydblgp.js b/demo-develop/assets/Breakout.stories-CPa4IYml.js similarity index 99% rename from demo-develop/assets/Breakout.stories-IKydblgp.js rename to demo-develop/assets/Breakout.stories-CPa4IYml.js index 0cb448aabb..d1121d86fd 100644 --- a/demo-develop/assets/Breakout.stories-IKydblgp.js +++ b/demo-develop/assets/Breakout.stories-CPa4IYml.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{s as V,t as k,P as p,I as C}from"./index.esm-4tYMzfzc.js";import{c as b}from"./clsx-B-dksMZM.js";import{r as y}from"./index-RigO-4kf.js";import{a as i,p as N}from"./paddingClasses-C5gheHLv.js";/** +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{s as V,t as k,P as p,I as C}from"./index.esm-BsC3rSRZ.js";import{c as b}from"./clsx-B-dksMZM.js";import{r as y}from"./index-RigO-4kf.js";import{a as i,p as N}from"./paddingClasses-C5gheHLv.js";/** * @license EUPL-1.2+ * Copyright Gemeente Amsterdam */const T=(a,t,l,o)=>[...i("ams-breakout__cell--col-span-",a),...i("ams-breakout__cell--col-start-",t),...i("ams-breakout__cell--row-span-",l),...i("ams-breakout__cell--row-start-",o)],_=y.forwardRef(({as:a="div",children:t,className:l,colSpan:o,colStart:d,has:u,rowSpan:m,rowStart:c,...x},j)=>e.jsx(a,{...x,ref:j,className:b("ams-breakout__cell",T(o,d,m,c),u&&`ams-breakout__cell--has-${u}`,l),children:t}));_.displayName="Breakout.Cell";try{Breakout.Cell.displayName="Breakout.Cell",Breakout.Cell.__docgenInfo={description:"",displayName:"Breakout.Cell",props:{as:{defaultValue:null,description:"The HTML element to use.",name:"as",required:!1,type:{name:"enum",value:[{value:'"article"'},{value:'"div"'},{value:'"section"'}]}},colSpan:{defaultValue:null,description:`Lets the cell span the full width of all grid variants. diff --git a/demo-develop/assets/Button.docs-rv2nLAfH.js b/demo-develop/assets/Button.docs-C_1-tdsq.js similarity index 95% rename from demo-develop/assets/Button.docs-rv2nLAfH.js rename to demo-develop/assets/Button.docs-C_1-tdsq.js index a7fd8e0da8..864cc0ab70 100644 --- a/demo-develop/assets/Button.docs-rv2nLAfH.js +++ b/demo-develop/assets/Button.docs-C_1-tdsq.js @@ -1,4 +1,4 @@ -import{j as n}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as i}from"./index-3rgQkYFR.js";import{ae as s,aq as a,ar as c,as as h,at as t}from"./index-CWKCY_Bl.js";import{B as l,P as d,S as u,T as p,W as m,a as b,b as f,c as w}from"./Button.stories-BFitmNFu.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DBQNO3fk.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-Bz9pa_xK.js";import"./Button-QlQc6Uo1.js";import"./clsx-B-dksMZM.js";import"./Icon-CPe807nE.js";const x=` +import{j as n}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as i}from"./index-3rgQkYFR.js";import{ae as s,aq as a,ar as c,as as h,at as t}from"./index-CmcJchMs.js";import{B as l,P as d,S as u,T as p,W as m,a as b,b as f,c as w}from"./Button.stories-BFitmNFu.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CN_8E5Aq.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-Bz9pa_xK.js";import"./Button-QlQc6Uo1.js";import"./clsx-B-dksMZM.js";import"./Icon-CPe807nE.js";const x=` # Button diff --git a/demo-develop/assets/Card.docs-CBAIvn_d.js b/demo-develop/assets/Card.docs-BbraAXwR.js similarity index 91% rename from demo-develop/assets/Card.docs-CBAIvn_d.js rename to demo-develop/assets/Card.docs-BbraAXwR.js index 2727898475..ee7bd2144a 100644 --- a/demo-develop/assets/Card.docs-CBAIvn_d.js +++ b/demo-develop/assets/Card.docs-BbraAXwR.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as o}from"./index-3rgQkYFR.js";import{ae as r,aq as s,ar as d,at as a}from"./index-CWKCY_Bl.js";import{C as c,W as h,a as l}from"./Card.stories-Bou7Wjo3.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DBQNO3fk.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-4tYMzfzc.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";import"./exampleContent-hIIPvEhU.js";import"./Paragraph-B2U4A2CY.js";const p=` +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as o}from"./index-3rgQkYFR.js";import{ae as r,aq as s,ar as d,at as a}from"./index-CmcJchMs.js";import{C as c,W as h,a as l}from"./Card.stories-CapeAgbE.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CN_8E5Aq.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-BsC3rSRZ.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";import"./exampleContent-hIIPvEhU.js";import"./Paragraph-B2U4A2CY.js";const p=` # Card diff --git a/demo-develop/assets/Card.stories-Bou7Wjo3.js b/demo-develop/assets/Card.stories-CapeAgbE.js similarity index 98% rename from demo-develop/assets/Card.stories-Bou7Wjo3.js rename to demo-develop/assets/Card.stories-CapeAgbE.js index b0964d87ba..38708a2dd1 100644 --- a/demo-develop/assets/Card.stories-Bou7Wjo3.js +++ b/demo-develop/assets/Card.stories-CapeAgbE.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{H as l,P as c,I as G}from"./index.esm-4tYMzfzc.js";import{h as v}from"./exampleContent-hIIPvEhU.js";import{c as p}from"./clsx-B-dksMZM.js";import{r as g}from"./index-RigO-4kf.js";import{P as z}from"./Paragraph-B2U4A2CY.js";const w=g.forwardRef(({children:a,className:n,tagline:s,...o},L)=>e.jsxs("hgroup",{...o,ref:L,className:p("ams-card__heading-group",n),children:[a,e.jsx(z,{size:"small",children:s})]}));w.displayName="Card.HeadingGroup";try{Card.HeadingGroup.displayName="Card.HeadingGroup",Card.HeadingGroup.__docgenInfo={description:"",displayName:"Card.HeadingGroup",props:{tagline:{defaultValue:null,description:"A short phrase of text, e.g. to categorise the card. Displayed above the card heading.",name:"tagline",required:!0,type:{name:"string"}}}}}catch{}const H=g.forwardRef(({children:a,className:n,...s},o)=>e.jsx("a",{...s,ref:o,className:p("ams-card__link",n),children:a}));H.displayName="Card.Link";try{Card.Link.displayName="Card.Link",Card.Link.__docgenInfo={description:"",displayName:"Card.Link",props:{}}}catch{}const N=g.forwardRef(({children:a,className:n,...s},o)=>e.jsx("article",{...s,ref:o,className:p("ams-card",n),children:a}));N.displayName="Card";const r=Object.assign(N,{HeadingGroup:w,Link:H});try{r.displayName="Card",r.__docgenInfo={description:"",displayName:"Card",props:{}}}catch{}const P=new Intl.DateTimeFormat("nl",{day:"numeric",month:"long",year:"numeric"}),b=P.format(Date.now()),m=v(),I={title:"Components/Navigation/Card",component:r,decorators:[a=>e.jsx("div",{style:{maxWidth:"24rem"},children:e.jsx(a,{})})]},i={args:{children:[e.jsx(l,{size:"level-4",children:e.jsx(r.Link,{href:"/",children:m.heading})},1),e.jsx(c,{children:m.description},2)]}},t={args:{children:[e.jsx(r.HeadingGroup,{tagline:"Dossier",children:e.jsx(l,{size:"level-4",children:e.jsx(r.Link,{href:"/",children:"Monitor Attracties MRA"})})},1),e.jsx(c,{children:"Ontwikkeling van het aantal attracties en bezoekers in de metropoolregio Amsterdam."},2)]}},d={args:{children:[e.jsx(G,{alt:"",aspectRatio:"wide",src:"https://picsum.photos/480/360"},1),e.jsx(r.HeadingGroup,{tagline:"Nieuws",children:e.jsx(l,{size:"level-4",children:e.jsx(r.Link,{href:"/",children:"Nederlands eerste houten woonwijk komt in Zuidoost"})})},2),e.jsx(c,{children:"We bouwen een levendige, groene en duurzame woonbuurt tussen de Gooiseweg en het Nelson Mandelapark."},3),e.jsx(c,{size:"small",children:b},4)]}};var h,u,k;i.parameters={...i.parameters,docs:{...(h=i.parameters)==null?void 0:h.docs,source:{originalSource:`{ +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{H as l,P as c,I as G}from"./index.esm-BsC3rSRZ.js";import{h as v}from"./exampleContent-hIIPvEhU.js";import{c as p}from"./clsx-B-dksMZM.js";import{r as g}from"./index-RigO-4kf.js";import{P as z}from"./Paragraph-B2U4A2CY.js";const w=g.forwardRef(({children:a,className:n,tagline:s,...o},L)=>e.jsxs("hgroup",{...o,ref:L,className:p("ams-card__heading-group",n),children:[a,e.jsx(z,{size:"small",children:s})]}));w.displayName="Card.HeadingGroup";try{Card.HeadingGroup.displayName="Card.HeadingGroup",Card.HeadingGroup.__docgenInfo={description:"",displayName:"Card.HeadingGroup",props:{tagline:{defaultValue:null,description:"A short phrase of text, e.g. to categorise the card. Displayed above the card heading.",name:"tagline",required:!0,type:{name:"string"}}}}}catch{}const H=g.forwardRef(({children:a,className:n,...s},o)=>e.jsx("a",{...s,ref:o,className:p("ams-card__link",n),children:a}));H.displayName="Card.Link";try{Card.Link.displayName="Card.Link",Card.Link.__docgenInfo={description:"",displayName:"Card.Link",props:{}}}catch{}const N=g.forwardRef(({children:a,className:n,...s},o)=>e.jsx("article",{...s,ref:o,className:p("ams-card",n),children:a}));N.displayName="Card";const r=Object.assign(N,{HeadingGroup:w,Link:H});try{r.displayName="Card",r.__docgenInfo={description:"",displayName:"Card",props:{}}}catch{}const P=new Intl.DateTimeFormat("nl",{day:"numeric",month:"long",year:"numeric"}),b=P.format(Date.now()),m=v(),I={title:"Components/Navigation/Card",component:r,decorators:[a=>e.jsx("div",{style:{maxWidth:"24rem"},children:e.jsx(a,{})})]},i={args:{children:[e.jsx(l,{size:"level-4",children:e.jsx(r.Link,{href:"/",children:m.heading})},1),e.jsx(c,{children:m.description},2)]}},t={args:{children:[e.jsx(r.HeadingGroup,{tagline:"Dossier",children:e.jsx(l,{size:"level-4",children:e.jsx(r.Link,{href:"/",children:"Monitor Attracties MRA"})})},1),e.jsx(c,{children:"Ontwikkeling van het aantal attracties en bezoekers in de metropoolregio Amsterdam."},2)]}},d={args:{children:[e.jsx(G,{alt:"",aspectRatio:"wide",src:"https://picsum.photos/480/360"},1),e.jsx(r.HeadingGroup,{tagline:"Nieuws",children:e.jsx(l,{size:"level-4",children:e.jsx(r.Link,{href:"/",children:"Nederlands eerste houten woonwijk komt in Zuidoost"})})},2),e.jsx(c,{children:"We bouwen een levendige, groene en duurzame woonbuurt tussen de Gooiseweg en het Nelson Mandelapark."},3),e.jsx(c,{size:"small",children:b},4)]}};var h,u,k;i.parameters={...i.parameters,docs:{...(h=i.parameters)==null?void 0:h.docs,source:{originalSource:`{ args: { children: [ {topTask.heading} diff --git a/demo-develop/assets/CharacterCount.docs-BSsYYdTX.js b/demo-develop/assets/CharacterCount.docs-Cewmwf9o.js similarity index 94% rename from demo-develop/assets/CharacterCount.docs-BSsYYdTX.js rename to demo-develop/assets/CharacterCount.docs-Cewmwf9o.js index b54464d3c1..8405492877 100644 --- a/demo-develop/assets/CharacterCount.docs-BSsYYdTX.js +++ b/demo-develop/assets/CharacterCount.docs-Cewmwf9o.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as a}from"./index-3rgQkYFR.js";import{ae as o,aq as s,ar as h,as as i,at as c}from"./index-CWKCY_Bl.js";import{C as m,E as l}from"./CharacterCount.stories-DXeDr-El.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DBQNO3fk.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"./clsx-B-dksMZM.js";const u=` +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as a}from"./index-3rgQkYFR.js";import{ae as o,aq as s,ar as h,as as i,at as c}from"./index-CmcJchMs.js";import{C as m,E as l}from"./CharacterCount.stories-DXeDr-El.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CN_8E5Aq.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"./clsx-B-dksMZM.js";const u=` # Character Count diff --git a/demo-develop/assets/Checkbox.docs-CAEJeTBD.js b/demo-develop/assets/Checkbox.docs-CtzbiNRp.js similarity index 93% rename from demo-develop/assets/Checkbox.docs-CAEJeTBD.js rename to demo-develop/assets/Checkbox.docs-CtzbiNRp.js index 063b88fe02..39e8359978 100644 --- a/demo-develop/assets/Checkbox.docs-CAEJeTBD.js +++ b/demo-develop/assets/Checkbox.docs-CtzbiNRp.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 a,aq as r,ar as l,as as c,at as i}from"./index-CWKCY_Bl.js";import{C as d,L as h,I as p,a as f}from"./Checkbox.stories-B22OunXY.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DBQNO3fk.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-4tYMzfzc.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";const m=` +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as s}from"./index-3rgQkYFR.js";import{ae as a,aq as r,ar as l,as as c,at as i}from"./index-CmcJchMs.js";import{C as d,L as h,I as p,a as f}from"./Checkbox.stories-DT1uMAAs.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CN_8E5Aq.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-BsC3rSRZ.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";const m=` # Checkbox diff --git a/demo-develop/assets/Checkbox.stories-B22OunXY.js b/demo-develop/assets/Checkbox.stories-DT1uMAAs.js similarity index 99% rename from demo-develop/assets/Checkbox.stories-B22OunXY.js rename to demo-develop/assets/Checkbox.stories-DT1uMAAs.js index 7c7fa7f32c..d7a82c085a 100644 --- a/demo-develop/assets/Checkbox.stories-B22OunXY.js +++ b/demo-develop/assets/Checkbox.stories-DT1uMAAs.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{F as I,P as E,E as S,C as N}from"./index.esm-4tYMzfzc.js";import{c as F}from"./clsx-B-dksMZM.js";import{r as i}from"./index-RigO-4kf.js";const r=i.forwardRef(({children:a,className:c,invalid:m,indeterminate:o,...w},A)=>{const b=i.useId(),s=i.useRef(null);return i.useImperativeHandle(A,()=>s.current),i.useEffect(()=>{s.current&&(s.current.indeterminate=!!o)},[s,o]),e.jsxs("div",{className:F("ams-checkbox",c),children:[e.jsx("input",{...w,"aria-invalid":m||void 0,className:"ams-checkbox__input",id:b,ref:s,type:"checkbox"}),e.jsxs("label",{className:"ams-checkbox__label",htmlFor:b,children:[e.jsx("span",{className:"ams-checkbox__checkmark"}),a]})]})});r.displayName="Checkbox";try{r.displayName="Checkbox",r.__docgenInfo={description:"",displayName:"Checkbox",props:{invalid:{defaultValue:null,description:"Whether the value fails a validation rule.",name:"invalid",required:!1,type:{name:"boolean"}},indeterminate:{defaultValue:null,description:"Allows being neither checked nor unchecked.",name:"indeterminate",required:!1,type:{name:"boolean"}}}}}catch{}const{useArgs:z}=__STORYBOOK_MODULE_PREVIEW_API__,P={title:"Components/Forms/Checkbox",component:r,args:{checked:!1,children:"Checkbox label",disabled:!1,indeterminate:!1,invalid:!1},argTypes:{checked:{description:"Whether the control is checked."},children:{description:"The text for the label.",table:{disable:!1}},disabled:{description:"Prevents interaction. Avoid if possible."},onChange:{action:"clicked",table:{disable:!0}}},render:a=>{const[,c]=z(),m=o=>{c({checked:o.target.checked})};return e.jsx(r,{onClick:m,...a})}},l={},n={args:{children:"Ik heb alle gegevens correct en volledig ingevuld. Ik begrijp dat een verhuizing via internet dezelfde juridische status heeft als een verhuizing met een geschreven geldige handtekening."}},t={argTypes:{checked:{table:{disable:!0}},children:{table:{disable:!0}},disabled:{table:{disable:!0}},indeterminate:{table:{disable:!0}}},render:({invalid:a})=>e.jsxs(I,{"aria-labelledby":`fieldset1 description1${a?" error1":""}`,id:"fieldset1",invalid:a,legend:"Waar gaat uw melding over?",children:[e.jsx(E,{className:"ams-mb--sm",id:"description1",size:"small",children:"De laatstgenoemde melding."}),a&&e.jsx(S,{className:"ams-mb--sm",id:"error1",children:"Geef aan waar uw laatstgenoemde melding over gaat."}),e.jsxs(N,{gap:"extra-small",children:[e.jsx(r,{invalid:a,name:"about",value:"horeca",children:"Horecabedrijf"}),e.jsx(r,{invalid:a,name:"about",value:"ander_bedrijf",children:"Ander soort bedrijf"}),e.jsx(r,{invalid:a,name:"about",value:"evenement",children:"Evenement"}),e.jsx(r,{invalid:a,name:"about",value:"anders",children:"Iets anders"})]})]})},d={args:{invalid:!0},argTypes:{checked:{table:{disable:!0}},children:{table:{disable:!0}},disabled:{table:{disable:!0}},indeterminate:{table:{disable:!0}}},render:({invalid:a})=>e.jsxs(I,{"aria-labelledby":`fieldset2 description2${a?" error2":""}`,id:"fieldset2",invalid:a,legend:"Waar gaat uw melding over?",children:[e.jsx(E,{className:"ams-mb--sm",id:"description2",size:"small",children:"De laatstgenoemde melding."}),a&&e.jsx(S,{className:"ams-mb--sm",id:"error2",children:"Geef aan waar uw laatstgenoemde melding over gaat."}),e.jsxs(N,{gap:"extra-small",children:[e.jsx(r,{invalid:a,name:"about",value:"horeca",children:"Horecabedrijf"}),e.jsx(r,{invalid:a,name:"about",value:"ander_bedrijf",children:"Ander soort bedrijf"}),e.jsx(r,{invalid:a,name:"about",value:"evenement",children:"Evenement"}),e.jsx(r,{invalid:a,name:"about",value:"anders",children:"Iets anders"})]})]})};var u,h,g;l.parameters={...l.parameters,docs:{...(u=l.parameters)==null?void 0:u.docs,source:{originalSource:"{}",...(g=(h=l.parameters)==null?void 0:h.docs)==null?void 0:g.source}}};var v,p,x;n.parameters={...n.parameters,docs:{...(v=n.parameters)==null?void 0:v.docs,source:{originalSource:`{ +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{F as I,P as E,E as S,C as N}from"./index.esm-BsC3rSRZ.js";import{c as F}from"./clsx-B-dksMZM.js";import{r as i}from"./index-RigO-4kf.js";const r=i.forwardRef(({children:a,className:c,invalid:m,indeterminate:o,...w},A)=>{const b=i.useId(),s=i.useRef(null);return i.useImperativeHandle(A,()=>s.current),i.useEffect(()=>{s.current&&(s.current.indeterminate=!!o)},[s,o]),e.jsxs("div",{className:F("ams-checkbox",c),children:[e.jsx("input",{...w,"aria-invalid":m||void 0,className:"ams-checkbox__input",id:b,ref:s,type:"checkbox"}),e.jsxs("label",{className:"ams-checkbox__label",htmlFor:b,children:[e.jsx("span",{className:"ams-checkbox__checkmark"}),a]})]})});r.displayName="Checkbox";try{r.displayName="Checkbox",r.__docgenInfo={description:"",displayName:"Checkbox",props:{invalid:{defaultValue:null,description:"Whether the value fails a validation rule.",name:"invalid",required:!1,type:{name:"boolean"}},indeterminate:{defaultValue:null,description:"Allows being neither checked nor unchecked.",name:"indeterminate",required:!1,type:{name:"boolean"}}}}}catch{}const{useArgs:z}=__STORYBOOK_MODULE_PREVIEW_API__,P={title:"Components/Forms/Checkbox",component:r,args:{checked:!1,children:"Checkbox label",disabled:!1,indeterminate:!1,invalid:!1},argTypes:{checked:{description:"Whether the control is checked."},children:{description:"The text for the label.",table:{disable:!1}},disabled:{description:"Prevents interaction. Avoid if possible."},onChange:{action:"clicked",table:{disable:!0}}},render:a=>{const[,c]=z(),m=o=>{c({checked:o.target.checked})};return e.jsx(r,{onClick:m,...a})}},l={},n={args:{children:"Ik heb alle gegevens correct en volledig ingevuld. Ik begrijp dat een verhuizing via internet dezelfde juridische status heeft als een verhuizing met een geschreven geldige handtekening."}},t={argTypes:{checked:{table:{disable:!0}},children:{table:{disable:!0}},disabled:{table:{disable:!0}},indeterminate:{table:{disable:!0}}},render:({invalid:a})=>e.jsxs(I,{"aria-labelledby":`fieldset1 description1${a?" error1":""}`,id:"fieldset1",invalid:a,legend:"Waar gaat uw melding over?",children:[e.jsx(E,{className:"ams-mb--sm",id:"description1",size:"small",children:"De laatstgenoemde melding."}),a&&e.jsx(S,{className:"ams-mb--sm",id:"error1",children:"Geef aan waar uw laatstgenoemde melding over gaat."}),e.jsxs(N,{gap:"extra-small",children:[e.jsx(r,{invalid:a,name:"about",value:"horeca",children:"Horecabedrijf"}),e.jsx(r,{invalid:a,name:"about",value:"ander_bedrijf",children:"Ander soort bedrijf"}),e.jsx(r,{invalid:a,name:"about",value:"evenement",children:"Evenement"}),e.jsx(r,{invalid:a,name:"about",value:"anders",children:"Iets anders"})]})]})},d={args:{invalid:!0},argTypes:{checked:{table:{disable:!0}},children:{table:{disable:!0}},disabled:{table:{disable:!0}},indeterminate:{table:{disable:!0}}},render:({invalid:a})=>e.jsxs(I,{"aria-labelledby":`fieldset2 description2${a?" error2":""}`,id:"fieldset2",invalid:a,legend:"Waar gaat uw melding over?",children:[e.jsx(E,{className:"ams-mb--sm",id:"description2",size:"small",children:"De laatstgenoemde melding."}),a&&e.jsx(S,{className:"ams-mb--sm",id:"error2",children:"Geef aan waar uw laatstgenoemde melding over gaat."}),e.jsxs(N,{gap:"extra-small",children:[e.jsx(r,{invalid:a,name:"about",value:"horeca",children:"Horecabedrijf"}),e.jsx(r,{invalid:a,name:"about",value:"ander_bedrijf",children:"Ander soort bedrijf"}),e.jsx(r,{invalid:a,name:"about",value:"evenement",children:"Evenement"}),e.jsx(r,{invalid:a,name:"about",value:"anders",children:"Iets anders"})]})]})};var u,h,g;l.parameters={...l.parameters,docs:{...(u=l.parameters)==null?void 0:u.docs,source:{originalSource:"{}",...(g=(h=l.parameters)==null?void 0:h.docs)==null?void 0:g.source}}};var v,p,x;n.parameters={...n.parameters,docs:{...(v=n.parameters)==null?void 0:v.docs,source:{originalSource:`{ args: { children: 'Ik heb alle gegevens correct en volledig ingevuld. Ik begrijp dat een verhuizing via internet dezelfde juridische status heeft als een verhuizing met een geschreven geldige handtekening.' } diff --git a/demo-develop/assets/Color-F6OSRLHC-DA2dzHt6.js b/demo-develop/assets/Color-F6OSRLHC-Cw1QkCTl.js similarity index 99% rename from demo-develop/assets/Color-F6OSRLHC-DA2dzHt6.js rename to demo-develop/assets/Color-F6OSRLHC-Cw1QkCTl.js index 2e0f821701..ef64799198 100644 --- a/demo-develop/assets/Color-F6OSRLHC-DA2dzHt6.js +++ b/demo-develop/assets/Color-F6OSRLHC-Cw1QkCTl.js @@ -1 +1 @@ -import{ak as ce,al as M,a2 as J,a0 as he,N as fe,am as de,an as ge,ao as be,ap as q}from"./index-CWKCY_Bl.js";import{R as m,r as p}from"./index-RigO-4kf.js";import"./iframe-DBQNO3fk.js";import"../sb-preview/runtime.js";import"./jsx-runtime-BjgbQsUx.js";import"./index-D2MAbzvX.js";import"./_commonjsHelpers-CqkleIqs.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";var me=q({"../../node_modules/color-name/index.js"(n,l){l.exports={aliceblue:[240,248,255],antiquewhite:[250,235,215],aqua:[0,255,255],aquamarine:[127,255,212],azure:[240,255,255],beige:[245,245,220],bisque:[255,228,196],black:[0,0,0],blanchedalmond:[255,235,205],blue:[0,0,255],blueviolet:[138,43,226],brown:[165,42,42],burlywood:[222,184,135],cadetblue:[95,158,160],chartreuse:[127,255,0],chocolate:[210,105,30],coral:[255,127,80],cornflowerblue:[100,149,237],cornsilk:[255,248,220],crimson:[220,20,60],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgoldenrod:[184,134,11],darkgray:[169,169,169],darkgreen:[0,100,0],darkgrey:[169,169,169],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkseagreen:[143,188,143],darkslateblue:[72,61,139],darkslategray:[47,79,79],darkslategrey:[47,79,79],darkturquoise:[0,206,209],darkviolet:[148,0,211],deeppink:[255,20,147],deepskyblue:[0,191,255],dimgray:[105,105,105],dimgrey:[105,105,105],dodgerblue:[30,144,255],firebrick:[178,34,34],floralwhite:[255,250,240],forestgreen:[34,139,34],fuchsia:[255,0,255],gainsboro:[220,220,220],ghostwhite:[248,248,255],gold:[255,215,0],goldenrod:[218,165,32],gray:[128,128,128],green:[0,128,0],greenyellow:[173,255,47],grey:[128,128,128],honeydew:[240,255,240],hotpink:[255,105,180],indianred:[205,92,92],indigo:[75,0,130],ivory:[255,255,240],khaki:[240,230,140],lavender:[230,230,250],lavenderblush:[255,240,245],lawngreen:[124,252,0],lemonchiffon:[255,250,205],lightblue:[173,216,230],lightcoral:[240,128,128],lightcyan:[224,255,255],lightgoldenrodyellow:[250,250,210],lightgray:[211,211,211],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightsalmon:[255,160,122],lightseagreen:[32,178,170],lightskyblue:[135,206,250],lightslategray:[119,136,153],lightslategrey:[119,136,153],lightsteelblue:[176,196,222],lightyellow:[255,255,224],lime:[0,255,0],limegreen:[50,205,50],linen:[250,240,230],magenta:[255,0,255],maroon:[128,0,0],mediumaquamarine:[102,205,170],mediumblue:[0,0,205],mediumorchid:[186,85,211],mediumpurple:[147,112,219],mediumseagreen:[60,179,113],mediumslateblue:[123,104,238],mediumspringgreen:[0,250,154],mediumturquoise:[72,209,204],mediumvioletred:[199,21,133],midnightblue:[25,25,112],mintcream:[245,255,250],mistyrose:[255,228,225],moccasin:[255,228,181],navajowhite:[255,222,173],navy:[0,0,128],oldlace:[253,245,230],olive:[128,128,0],olivedrab:[107,142,35],orange:[255,165,0],orangered:[255,69,0],orchid:[218,112,214],palegoldenrod:[238,232,170],palegreen:[152,251,152],paleturquoise:[175,238,238],palevioletred:[219,112,147],papayawhip:[255,239,213],peachpuff:[255,218,185],peru:[205,133,63],pink:[255,192,203],plum:[221,160,221],powderblue:[176,224,230],purple:[128,0,128],rebeccapurple:[102,51,153],red:[255,0,0],rosybrown:[188,143,143],royalblue:[65,105,225],saddlebrown:[139,69,19],salmon:[250,128,114],sandybrown:[244,164,96],seagreen:[46,139,87],seashell:[255,245,238],sienna:[160,82,45],silver:[192,192,192],skyblue:[135,206,235],slateblue:[106,90,205],slategray:[112,128,144],slategrey:[112,128,144],snow:[255,250,250],springgreen:[0,255,127],steelblue:[70,130,180],tan:[210,180,140],teal:[0,128,128],thistle:[216,191,216],tomato:[255,99,71],turquoise:[64,224,208],violet:[238,130,238],wheat:[245,222,179],white:[255,255,255],whitesmoke:[245,245,245],yellow:[255,255,0],yellowgreen:[154,205,50]}}}),Q=q({"../../node_modules/color-convert/conversions.js"(n,l){var c=me(),h={};for(let e of Object.keys(c))h[c[e]]=e;var u={rgb:{channels:3,labels:"rgb"},hsl:{channels:3,labels:"hsl"},hsv:{channels:3,labels:"hsv"},hwb:{channels:3,labels:"hwb"},cmyk:{channels:4,labels:"cmyk"},xyz:{channels:3,labels:"xyz"},lab:{channels:3,labels:"lab"},lch:{channels:3,labels:"lch"},hex:{channels:1,labels:["hex"]},keyword:{channels:1,labels:["keyword"]},ansi16:{channels:1,labels:["ansi16"]},ansi256:{channels:1,labels:["ansi256"]},hcg:{channels:3,labels:["h","c","g"]},apple:{channels:3,labels:["r16","g16","b16"]},gray:{channels:1,labels:["gray"]}};l.exports=u;for(let e of Object.keys(u)){if(!("channels"in u[e]))throw new Error("missing channels property: "+e);if(!("labels"in u[e]))throw new Error("missing channel labels property: "+e);if(u[e].labels.length!==u[e].channels)throw new Error("channel and label counts mismatch: "+e);let{channels:t,labels:r}=u[e];delete u[e].channels,delete u[e].labels,Object.defineProperty(u[e],"channels",{value:t}),Object.defineProperty(u[e],"labels",{value:r})}u.rgb.hsl=function(e){let t=e[0]/255,r=e[1]/255,a=e[2]/255,o=Math.min(t,r,a),i=Math.max(t,r,a),s=i-o,f,g;i===o?f=0:t===i?f=(r-a)/s:r===i?f=2+(a-t)/s:a===i&&(f=4+(t-r)/s),f=Math.min(f*60,360),f<0&&(f+=360);let b=(o+i)/2;return i===o?g=0:b<=.5?g=s/(i+o):g=s/(2-i-o),[f,g*100,b*100]},u.rgb.hsv=function(e){let t,r,a,o,i,s=e[0]/255,f=e[1]/255,g=e[2]/255,b=Math.max(s,f,g),y=b-Math.min(s,f,g),v=function(w){return(b-w)/6/y+1/2};return y===0?(o=0,i=0):(i=y/b,t=v(s),r=v(f),a=v(g),s===b?o=a-r:f===b?o=1/3+t-a:g===b&&(o=2/3+r-t),o<0?o+=1:o>1&&(o-=1)),[o*360,i*100,b*100]},u.rgb.hwb=function(e){let t=e[0],r=e[1],a=e[2],o=u.rgb.hsl(e)[0],i=1/255*Math.min(t,Math.min(r,a));return a=1-1/255*Math.max(t,Math.max(r,a)),[o,i*100,a*100]},u.rgb.cmyk=function(e){let t=e[0]/255,r=e[1]/255,a=e[2]/255,o=Math.min(1-t,1-r,1-a),i=(1-t-o)/(1-o)||0,s=(1-r-o)/(1-o)||0,f=(1-a-o)/(1-o)||0;return[i*100,s*100,f*100,o*100]};function d(e,t){return(e[0]-t[0])**2+(e[1]-t[1])**2+(e[2]-t[2])**2}u.rgb.keyword=function(e){let t=h[e];if(t)return t;let r=1/0,a;for(let o of Object.keys(c)){let i=c[o],s=d(e,i);s.04045?((t+.055)/1.055)**2.4:t/12.92,r=r>.04045?((r+.055)/1.055)**2.4:r/12.92,a=a>.04045?((a+.055)/1.055)**2.4:a/12.92;let o=t*.4124+r*.3576+a*.1805,i=t*.2126+r*.7152+a*.0722,s=t*.0193+r*.1192+a*.9505;return[o*100,i*100,s*100]},u.rgb.lab=function(e){let t=u.rgb.xyz(e),r=t[0],a=t[1],o=t[2];r/=95.047,a/=100,o/=108.883,r=r>.008856?r**(1/3):7.787*r+16/116,a=a>.008856?a**(1/3):7.787*a+16/116,o=o>.008856?o**(1/3):7.787*o+16/116;let i=116*a-16,s=500*(r-a),f=200*(a-o);return[i,s,f]},u.hsl.rgb=function(e){let t=e[0]/360,r=e[1]/100,a=e[2]/100,o,i,s;if(r===0)return s=a*255,[s,s,s];a<.5?o=a*(1+r):o=a+r-a*r;let f=2*a-o,g=[0,0,0];for(let b=0;b<3;b++)i=t+1/3*-(b-1),i<0&&i++,i>1&&i--,6*i<1?s=f+(o-f)*6*i:2*i<1?s=o:3*i<2?s=f+(o-f)*(2/3-i)*6:s=f,g[b]=s*255;return g},u.hsl.hsv=function(e){let t=e[0],r=e[1]/100,a=e[2]/100,o=r,i=Math.max(a,.01);a*=2,r*=a<=1?a:2-a,o*=i<=1?i:2-i;let s=(a+r)/2,f=a===0?2*o/(i+o):2*r/(a+r);return[t,f*100,s*100]},u.hsv.rgb=function(e){let t=e[0]/60,r=e[1]/100,a=e[2]/100,o=Math.floor(t)%6,i=t-Math.floor(t),s=255*a*(1-r),f=255*a*(1-r*i),g=255*a*(1-r*(1-i));switch(a*=255,o){case 0:return[a,g,s];case 1:return[f,a,s];case 2:return[s,a,g];case 3:return[s,f,a];case 4:return[g,s,a];case 5:return[a,s,f]}},u.hsv.hsl=function(e){let t=e[0],r=e[1]/100,a=e[2]/100,o=Math.max(a,.01),i,s;s=(2-r)*a;let f=(2-r)*o;return i=r*o,i/=f<=1?f:2-f,i=i||0,s/=2,[t,i*100,s*100]},u.hwb.rgb=function(e){let t=e[0]/360,r=e[1]/100,a=e[2]/100,o=r+a,i;o>1&&(r/=o,a/=o);let s=Math.floor(6*t),f=1-a;i=6*t-s,s&1&&(i=1-i);let g=r+i*(f-r),b,y,v;switch(s){default:case 6:case 0:b=f,y=g,v=r;break;case 1:b=g,y=f,v=r;break;case 2:b=r,y=f,v=g;break;case 3:b=r,y=g,v=f;break;case 4:b=g,y=r,v=f;break;case 5:b=f,y=r,v=g;break}return[b*255,y*255,v*255]},u.cmyk.rgb=function(e){let t=e[0]/100,r=e[1]/100,a=e[2]/100,o=e[3]/100,i=1-Math.min(1,t*(1-o)+o),s=1-Math.min(1,r*(1-o)+o),f=1-Math.min(1,a*(1-o)+o);return[i*255,s*255,f*255]},u.xyz.rgb=function(e){let t=e[0]/100,r=e[1]/100,a=e[2]/100,o,i,s;return o=t*3.2406+r*-1.5372+a*-.4986,i=t*-.9689+r*1.8758+a*.0415,s=t*.0557+r*-.204+a*1.057,o=o>.0031308?1.055*o**(1/2.4)-.055:o*12.92,i=i>.0031308?1.055*i**(1/2.4)-.055:i*12.92,s=s>.0031308?1.055*s**(1/2.4)-.055:s*12.92,o=Math.min(Math.max(0,o),1),i=Math.min(Math.max(0,i),1),s=Math.min(Math.max(0,s),1),[o*255,i*255,s*255]},u.xyz.lab=function(e){let t=e[0],r=e[1],a=e[2];t/=95.047,r/=100,a/=108.883,t=t>.008856?t**(1/3):7.787*t+16/116,r=r>.008856?r**(1/3):7.787*r+16/116,a=a>.008856?a**(1/3):7.787*a+16/116;let o=116*r-16,i=500*(t-r),s=200*(r-a);return[o,i,s]},u.lab.xyz=function(e){let t=e[0],r=e[1],a=e[2],o,i,s;i=(t+16)/116,o=r/500+i,s=i-a/200;let f=i**3,g=o**3,b=s**3;return i=f>.008856?f:(i-16/116)/7.787,o=g>.008856?g:(o-16/116)/7.787,s=b>.008856?b:(s-16/116)/7.787,o*=95.047,i*=100,s*=108.883,[o,i,s]},u.lab.lch=function(e){let t=e[0],r=e[1],a=e[2],o;o=Math.atan2(a,r)*360/2/Math.PI,o<0&&(o+=360);let i=Math.sqrt(r*r+a*a);return[t,i,o]},u.lch.lab=function(e){let t=e[0],r=e[1],a=e[2]/360*2*Math.PI,o=r*Math.cos(a),i=r*Math.sin(a);return[t,o,i]},u.rgb.ansi16=function(e,t=null){let[r,a,o]=e,i=t===null?u.rgb.hsv(e)[2]:t;if(i=Math.round(i/50),i===0)return 30;let s=30+(Math.round(o/255)<<2|Math.round(a/255)<<1|Math.round(r/255));return i===2&&(s+=60),s},u.hsv.ansi16=function(e){return u.rgb.ansi16(u.hsv.rgb(e),e[2])},u.rgb.ansi256=function(e){let t=e[0],r=e[1],a=e[2];return t===r&&r===a?t<8?16:t>248?231:Math.round((t-8)/247*24)+232:16+36*Math.round(t/255*5)+6*Math.round(r/255*5)+Math.round(a/255*5)},u.ansi16.rgb=function(e){let t=e%10;if(t===0||t===7)return e>50&&(t+=3.5),t=t/10.5*255,[t,t,t];let r=(~~(e>50)+1)*.5,a=(t&1)*r*255,o=(t>>1&1)*r*255,i=(t>>2&1)*r*255;return[a,o,i]},u.ansi256.rgb=function(e){if(e>=232){let i=(e-232)*10+8;return[i,i,i]}e-=16;let t,r=Math.floor(e/36)/5*255,a=Math.floor((t=e%36)/6)/5*255,o=t%6/5*255;return[r,a,o]},u.rgb.hex=function(e){let t=(((Math.round(e[0])&255)<<16)+((Math.round(e[1])&255)<<8)+(Math.round(e[2])&255)).toString(16).toUpperCase();return"000000".substring(t.length)+t},u.hex.rgb=function(e){let t=e.toString(16).match(/[a-f0-9]{6}|[a-f0-9]{3}/i);if(!t)return[0,0,0];let r=t[0];t[0].length===3&&(r=r.split("").map(f=>f+f).join(""));let a=parseInt(r,16),o=a>>16&255,i=a>>8&255,s=a&255;return[o,i,s]},u.rgb.hcg=function(e){let t=e[0]/255,r=e[1]/255,a=e[2]/255,o=Math.max(Math.max(t,r),a),i=Math.min(Math.min(t,r),a),s=o-i,f,g;return s<1?f=i/(1-s):f=0,s<=0?g=0:o===t?g=(r-a)/s%6:o===r?g=2+(a-t)/s:g=4+(t-r)/s,g/=6,g%=1,[g*360,s*100,f*100]},u.hsl.hcg=function(e){let t=e[1]/100,r=e[2]/100,a=r<.5?2*t*r:2*t*(1-r),o=0;return a<1&&(o=(r-.5*a)/(1-a)),[e[0],a*100,o*100]},u.hsv.hcg=function(e){let t=e[1]/100,r=e[2]/100,a=t*r,o=0;return a<1&&(o=(r-a)/(1-a)),[e[0],a*100,o*100]},u.hcg.rgb=function(e){let t=e[0]/360,r=e[1]/100,a=e[2]/100;if(r===0)return[a*255,a*255,a*255];let o=[0,0,0],i=t%1*6,s=i%1,f=1-s,g=0;switch(Math.floor(i)){case 0:o[0]=1,o[1]=s,o[2]=0;break;case 1:o[0]=f,o[1]=1,o[2]=0;break;case 2:o[0]=0,o[1]=1,o[2]=s;break;case 3:o[0]=0,o[1]=f,o[2]=1;break;case 4:o[0]=s,o[1]=0,o[2]=1;break;default:o[0]=1,o[1]=0,o[2]=f}return g=(1-r)*a,[(r*o[0]+g)*255,(r*o[1]+g)*255,(r*o[2]+g)*255]},u.hcg.hsv=function(e){let t=e[1]/100,r=e[2]/100,a=t+r*(1-t),o=0;return a>0&&(o=t/a),[e[0],o*100,a*100]},u.hcg.hsl=function(e){let t=e[1]/100,r=e[2]/100*(1-t)+.5*t,a=0;return r>0&&r<.5?a=t/(2*r):r>=.5&&r<1&&(a=t/(2*(1-r))),[e[0],a*100,r*100]},u.hcg.hwb=function(e){let t=e[1]/100,r=e[2]/100,a=t+r*(1-t);return[e[0],(a-t)*100,(1-a)*100]},u.hwb.hcg=function(e){let t=e[1]/100,r=1-e[2]/100,a=r-t,o=0;return a<1&&(o=(r-a)/(1-a)),[e[0],a*100,o*100]},u.apple.rgb=function(e){return[e[0]/65535*255,e[1]/65535*255,e[2]/65535*255]},u.rgb.apple=function(e){return[e[0]/255*65535,e[1]/255*65535,e[2]/255*65535]},u.gray.rgb=function(e){return[e[0]/100*255,e[0]/100*255,e[0]/100*255]},u.gray.hsl=function(e){return[0,0,e[0]]},u.gray.hsv=u.gray.hsl,u.gray.hwb=function(e){return[0,100,e[0]]},u.gray.cmyk=function(e){return[0,0,0,e[0]]},u.gray.lab=function(e){return[e[0],0,0]},u.gray.hex=function(e){let t=Math.round(e[0]/100*255)&255,r=((t<<16)+(t<<8)+t).toString(16).toUpperCase();return"000000".substring(r.length)+r},u.rgb.gray=function(e){return[(e[0]+e[1]+e[2])/3/255*100]}}}),ve=q({"../../node_modules/color-convert/route.js"(n,l){var c=Q();function h(){let t={},r=Object.keys(c);for(let a=r.length,o=0;o1&&(o=i),r(o))};return"conversion"in r&&(a.conversion=r.conversion),a}function t(r){let a=function(...o){let i=o[0];if(i==null)return i;i.length>1&&(o=i);let s=r(o);if(typeof s=="object")for(let f=s.length,g=0;g{u[r]={},Object.defineProperty(u[r],"channels",{value:c[r].channels}),Object.defineProperty(u[r],"labels",{value:c[r].labels});let a=h(r);Object.keys(a).forEach(o=>{let i=a[o];u[r][o]=t(i),u[r][o].raw=e(i)})}),l.exports=u}}),_=ce(pe());function C(){return(C=Object.assign||function(n){for(var l=1;l=0||(u[c]=n[c]);return u}function L(n){var l=p.useRef(n),c=p.useRef(function(h){l.current&&l.current(h)});return l.current=n,c.current}var N=function(n,l,c){return l===void 0&&(l=0),c===void 0&&(c=1),n>c?c:n0:y.buttons>0)&&u.current?d(F(u.current,y,t.current)):b(!1)},g=function(){return b(!1)};function b(y){var v=r.current,w=B(u.current),E=y?w.addEventListener:w.removeEventListener;E(v?"touchmove":"mousemove",f),E(v?"touchend":"mouseup",g)}return[function(y){var v=y.nativeEvent,w=u.current;if(w&&(W(v),!function(k,P){return P&&!O(k)}(v,r.current)&&w)){if(O(v)){r.current=!0;var E=v.changedTouches||[];E.length&&(t.current=E[0].identifier)}w.focus(),d(F(w,v,t.current)),b(!0)}},function(y){var v=y.which||y.keyCode;v<37||v>40||(y.preventDefault(),e({left:v===39?.05:v===37?-.05:0,top:v===40?.05:v===38?-.05:0}))},b]},[e,d]),o=a[0],i=a[1],s=a[2];return p.useEffect(function(){return s},[s]),m.createElement("div",C({},h,{onTouchStart:o,onMouseDown:o,className:"react-colorful__interactive",ref:u,onKeyDown:i,tabIndex:0,role:"slider"}))}),S=function(n){return n.filter(Boolean).join(" ")},T=function(n){var l=n.color,c=n.left,h=n.top,u=h===void 0?.5:h,d=S(["react-colorful__pointer",n.className]);return m.createElement("div",{className:d,style:{top:100*u+"%",left:100*c+"%"}},m.createElement("div",{className:"react-colorful__pointer-fill",style:{backgroundColor:l}}))},x=function(n,l,c){return l===void 0&&(l=0),c===void 0&&(c=Math.pow(10,l)),Math.round(c*n)/c},ye={grad:.9,turn:360,rad:360/(2*Math.PI)},xe=function(n){return re(K(n))},K=function(n){return n[0]==="#"&&(n=n.substring(1)),n.length<6?{r:parseInt(n[0]+n[0],16),g:parseInt(n[1]+n[1],16),b:parseInt(n[2]+n[2],16),a:n.length===4?x(parseInt(n[3]+n[3],16)/255,2):1}:{r:parseInt(n.substring(0,2),16),g:parseInt(n.substring(2,4),16),b:parseInt(n.substring(4,6),16),a:n.length===8?x(parseInt(n.substring(6,8),16)/255,2):1}},we=function(n,l){return l===void 0&&(l="deg"),Number(n)*(ye[l]||1)},ke=function(n){var l=/hsla?\(?\s*(-?\d*\.?\d+)(deg|rad|grad|turn)?[,\s]+(-?\d*\.?\d+)%?[,\s]+(-?\d*\.?\d+)%?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(n);return l?_e({h:we(l[1],l[2]),s:Number(l[3]),l:Number(l[4]),a:l[5]===void 0?1:Number(l[5])/(l[6]?100:1)}):{h:0,s:0,v:0,a:1}},_e=function(n){var l=n.s,c=n.l;return{h:n.h,s:(l*=(c<50?c:100-c)/100)>0?2*l/(c+l)*100:0,v:c+l,a:n.a}},Ee=function(n){return Ce(ee(n))},Z=function(n){var l=n.s,c=n.v,h=n.a,u=(200-l)*c/100;return{h:x(n.h),s:x(u>0&&u<200?l*c/100/(u<=100?u:200-u)*100:0),l:x(u/2),a:x(h,2)}},X=function(n){var l=Z(n);return"hsl("+l.h+", "+l.s+"%, "+l.l+"%)"},I=function(n){var l=Z(n);return"hsla("+l.h+", "+l.s+"%, "+l.l+"%, "+l.a+")"},ee=function(n){var l=n.h,c=n.s,h=n.v,u=n.a;l=l/360*6,c/=100,h/=100;var d=Math.floor(l),e=h*(1-c),t=h*(1-(l-d)*c),r=h*(1-(1-l+d)*c),a=d%6;return{r:x(255*[h,t,e,e,r,h][a]),g:x(255*[r,h,h,t,e,e][a]),b:x(255*[e,e,r,h,h,t][a]),a:x(u,2)}},Me=function(n){var l=/rgba?\(?\s*(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(n);return l?re({r:Number(l[1])/(l[2]?100/255:1),g:Number(l[3])/(l[4]?100/255:1),b:Number(l[5])/(l[6]?100/255:1),a:l[7]===void 0?1:Number(l[7])/(l[8]?100:1)}):{h:0,s:0,v:0,a:1}},j=function(n){var l=n.toString(16);return l.length<2?"0"+l:l},Ce=function(n){var l=n.r,c=n.g,h=n.b,u=n.a,d=u<1?j(x(255*u)):"";return"#"+j(l)+j(c)+j(h)+d},re=function(n){var l=n.r,c=n.g,h=n.b,u=n.a,d=Math.max(l,c,h),e=d-Math.min(l,c,h),t=e?d===l?(c-h)/e:d===c?2+(h-l)/e:4+(l-c)/e:0;return{h:x(60*(t<0?t+6:t)),s:x(d?e/d*100:0),v:x(d/255*100),a:u}},te=m.memo(function(n){var l=n.hue,c=n.onChange,h=S(["react-colorful__hue",n.className]);return m.createElement("div",{className:h},m.createElement(G,{onMove:function(u){c({h:360*u.left})},onKey:function(u){c({h:N(l+360*u.left,0,360)})},"aria-label":"Hue","aria-valuenow":x(l),"aria-valuemax":"360","aria-valuemin":"0"},m.createElement(T,{className:"react-colorful__hue-pointer",left:l/360,color:X({h:l,s:100,v:100,a:1})})))}),ne=m.memo(function(n){var l=n.hsva,c=n.onChange,h={backgroundColor:X({h:l.h,s:100,v:100,a:1})};return m.createElement("div",{className:"react-colorful__saturation",style:h},m.createElement(G,{onMove:function(u){c({s:100*u.left,v:100-100*u.top})},onKey:function(u){c({s:N(l.s+100*u.left,0,100),v:N(l.v-100*u.top,0,100)})},"aria-label":"Color","aria-valuetext":"Saturation "+x(l.s)+"%, Brightness "+x(l.v)+"%"},m.createElement(T,{className:"react-colorful__saturation-pointer",top:1-l.v/100,left:l.s/100,color:X(l)})))}),ae=function(n,l){if(n===l)return!0;for(var c in n)if(n[c]!==l[c])return!1;return!0},oe=function(n,l){return n.replace(/\s/g,"")===l.replace(/\s/g,"")},$e=function(n,l){return n.toLowerCase()===l.toLowerCase()||ae(K(n),K(l))};function le(n,l,c){var h=L(c),u=p.useState(function(){return n.toHsva(l)}),d=u[0],e=u[1],t=p.useRef({color:l,hsva:d});p.useEffect(function(){if(!n.equal(l,t.current.color)){var a=n.toHsva(l);t.current={hsva:a,color:l},e(a)}},[l,n]),p.useEffect(function(){var a;ae(d,t.current.hsva)||n.equal(a=n.fromHsva(d),t.current.color)||(t.current={hsva:d,color:a},h(a))},[d,n,h]);var r=p.useCallback(function(a){e(function(o){return Object.assign({},o,a)})},[]);return[d,r]}var Ne=typeof window<"u"?p.useLayoutEffect:p.useEffect,Oe=function(){return typeof __webpack_nonce__<"u"?__webpack_nonce__:void 0},A=new Map,ie=function(n){Ne(function(){var l=n.current?n.current.ownerDocument:document;if(l!==void 0&&!A.has(l)){var c=l.createElement("style");c.innerHTML=`.react-colorful{position:relative;display:flex;flex-direction:column;width:200px;height:200px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.react-colorful__saturation{position:relative;flex-grow:1;border-color:transparent;border-bottom:12px solid #000;border-radius:8px 8px 0 0;background-image:linear-gradient(0deg,#000,transparent),linear-gradient(90deg,#fff,hsla(0,0%,100%,0))}.react-colorful__alpha-gradient,.react-colorful__pointer-fill{content:"";position:absolute;left:0;top:0;right:0;bottom:0;pointer-events:none;border-radius:inherit}.react-colorful__alpha-gradient,.react-colorful__saturation{box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}.react-colorful__alpha,.react-colorful__hue{position:relative;height:24px}.react-colorful__hue{background:linear-gradient(90deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.react-colorful__last-control{border-radius:0 0 8px 8px}.react-colorful__interactive{position:absolute;left:0;top:0;right:0;bottom:0;border-radius:inherit;outline:none;touch-action:none}.react-colorful__pointer{position:absolute;z-index:1;box-sizing:border-box;width:28px;height:28px;transform:translate(-50%,-50%);background-color:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2)}.react-colorful__interactive:focus .react-colorful__pointer{transform:translate(-50%,-50%) scale(1.1)}.react-colorful__alpha,.react-colorful__alpha-pointer{background-color:#fff;background-image:url('data:image/svg+xml;charset=utf-8,')}.react-colorful__saturation-pointer{z-index:3}.react-colorful__hue-pointer{z-index:2}`,A.set(l,c);var h=Oe();h&&c.setAttribute("nonce",h),l.head.appendChild(c)}},[])},Se=function(n){var l=n.className,c=n.colorModel,h=n.color,u=h===void 0?c.defaultColor:h,d=n.onChange,e=V(n,["className","colorModel","color","onChange"]),t=p.useRef(null);ie(t);var r=le(c,u,d),a=r[0],o=r[1],i=S(["react-colorful",l]);return m.createElement("div",C({},e,{ref:t,className:i}),m.createElement(ne,{hsva:a,onChange:o}),m.createElement(te,{hue:a.h,onChange:o,className:"react-colorful__last-control"}))},je={defaultColor:"000",toHsva:xe,fromHsva:function(n){return Ee({h:n.h,s:n.s,v:n.v,a:1})},equal:$e},Re=function(n){return m.createElement(Se,C({},n,{colorModel:je}))},ze=function(n){var l=n.className,c=n.hsva,h=n.onChange,u={backgroundImage:"linear-gradient(90deg, "+I(Object.assign({},c,{a:0}))+", "+I(Object.assign({},c,{a:1}))+")"},d=S(["react-colorful__alpha",l]),e=x(100*c.a);return m.createElement("div",{className:d},m.createElement("div",{className:"react-colorful__alpha-gradient",style:u}),m.createElement(G,{onMove:function(t){h({a:t.left})},onKey:function(t){h({a:N(c.a+t.left)})},"aria-label":"Alpha","aria-valuetext":e+"%","aria-valuenow":e,"aria-valuemin":"0","aria-valuemax":"100"},m.createElement(T,{className:"react-colorful__alpha-pointer",left:c.a,color:I(c)})))},ue=function(n){var l=n.className,c=n.colorModel,h=n.color,u=h===void 0?c.defaultColor:h,d=n.onChange,e=V(n,["className","colorModel","color","onChange"]),t=p.useRef(null);ie(t);var r=le(c,u,d),a=r[0],o=r[1],i=S(["react-colorful",l]);return m.createElement("div",C({},e,{ref:t,className:i}),m.createElement(ne,{hsva:a,onChange:o}),m.createElement(te,{hue:a.h,onChange:o}),m.createElement(ze,{hsva:a,onChange:o,className:"react-colorful__last-control"}))},Ie={defaultColor:"hsla(0, 0%, 0%, 1)",toHsva:ke,fromHsva:I,equal:oe},He=function(n){return m.createElement(ue,C({},n,{colorModel:Ie}))},qe={defaultColor:"rgba(0, 0, 0, 1)",toHsva:Me,fromHsva:function(n){var l=ee(n);return"rgba("+l.r+", "+l.g+", "+l.b+", "+l.a+")"},equal:oe},Pe=function(n){return m.createElement(ue,C({},n,{colorModel:qe}))},Le=M.div({position:"relative",maxWidth:250,'&[aria-readonly="true"]':{opacity:.5}}),Be=M(J)({position:"absolute",zIndex:1,top:4,left:4,"[aria-readonly=true] &":{cursor:"not-allowed"}}),Ke=M.div({width:200,margin:5,".react-colorful__saturation":{borderRadius:"4px 4px 0 0"},".react-colorful__hue":{boxShadow:"inset 0 0 0 1px rgb(0 0 0 / 5%)"},".react-colorful__last-control":{borderRadius:"0 0 4px 4px"}}),Xe=M(he)(({theme:n})=>({fontFamily:n.typography.fonts.base})),De=M.div({display:"grid",gridTemplateColumns:"repeat(9, 16px)",gap:6,padding:3,marginTop:5,width:200}),Ve=M.div(({theme:n,active:l})=>({width:16,height:16,boxShadow:l?`${n.appBorderColor} 0 0 0 1px inset, ${n.textMutedColor}50 0 0 0 4px`:`${n.appBorderColor} 0 0 0 1px inset`,borderRadius:n.appBorderRadius})),Ge=`url('data:image/svg+xml;charset=utf-8,')`,U=({value:n,style:l,...c})=>{let h=`linear-gradient(${n}, ${n}), ${Ge}, linear-gradient(#fff, #fff)`;return m.createElement(Ve,{...c,style:{...l,backgroundImage:h}})},Te=M(fe.Input)(({theme:n,readOnly:l})=>({width:"100%",paddingLeft:30,paddingRight:30,boxSizing:"border-box",fontFamily:n.typography.fonts.base})),Fe=M(de)(({theme:n})=>({position:"absolute",zIndex:1,top:6,right:7,width:20,height:20,padding:4,boxSizing:"border-box",cursor:"pointer",color:n.input.color})),se=(n=>(n.RGB="rgb",n.HSL="hsl",n.HEX="hex",n))(se||{}),R=Object.values(se),We=/\(([0-9]+),\s*([0-9]+)%?,\s*([0-9]+)%?,?\s*([0-9.]+)?\)/,Ae=/^\s*rgba?\(([0-9]+),\s*([0-9]+),\s*([0-9]+),?\s*([0-9.]+)?\)\s*$/i,Ue=/^\s*hsla?\(([0-9]+),\s*([0-9]+)%,\s*([0-9]+)%,?\s*([0-9.]+)?\)\s*$/i,D=/^\s*#?([0-9a-f]{3}|[0-9a-f]{6})\s*$/i,Ye=/^\s*#?([0-9a-f]{3})\s*$/i,Je={hex:Re,rgb:Pe,hsl:He},z={hex:"transparent",rgb:"rgba(0, 0, 0, 0)",hsl:"hsla(0, 0%, 0%, 0)"},Y=n=>{let l=n==null?void 0:n.match(We);if(!l)return[0,0,0,1];let[,c,h,u,d=1]=l;return[c,h,u,d].map(Number)},$=n=>{if(!n)return;let l=!0;if(Ae.test(n)){let[e,t,r,a]=Y(n),[o,i,s]=_.default.rgb.hsl([e,t,r])||[0,0,0];return{valid:l,value:n,keyword:_.default.rgb.keyword([e,t,r]),colorSpace:"rgb",rgb:n,hsl:`hsla(${o}, ${i}%, ${s}%, ${a})`,hex:`#${_.default.rgb.hex([e,t,r]).toLowerCase()}`}}if(Ue.test(n)){let[e,t,r,a]=Y(n),[o,i,s]=_.default.hsl.rgb([e,t,r])||[0,0,0];return{valid:l,value:n,keyword:_.default.hsl.keyword([e,t,r]),colorSpace:"hsl",rgb:`rgba(${o}, ${i}, ${s}, ${a})`,hsl:n,hex:`#${_.default.hsl.hex([e,t,r]).toLowerCase()}`}}let c=n.replace("#",""),h=_.default.keyword.rgb(c)||_.default.hex.rgb(c),u=_.default.rgb.hsl(h),d=n;if(/[^#a-f0-9]/i.test(n)?d=c:D.test(n)&&(d=`#${c}`),d.startsWith("#"))l=D.test(d);else try{_.default.keyword.hex(d)}catch{l=!1}return{valid:l,value:d,keyword:_.default.rgb.keyword(h),colorSpace:"hex",rgb:`rgba(${h[0]}, ${h[1]}, ${h[2]}, 1)`,hsl:`hsla(${u[0]}, ${u[1]}%, ${u[2]}%, 1)`,hex:d}},Qe=(n,l,c)=>{if(!n||!(l!=null&&l.valid))return z[c];if(c!=="hex")return(l==null?void 0:l[c])||z[c];if(!l.hex.startsWith("#"))try{return`#${_.default.keyword.hex(l.hex)}`}catch{return z.hex}let h=l.hex.match(Ye);if(!h)return D.test(l.hex)?l.hex:z.hex;let[u,d,e]=h[1].split("");return`#${u}${u}${d}${d}${e}${e}`},Ze=(n,l)=>{let[c,h]=p.useState(n||""),[u,d]=p.useState(()=>$(c)),[e,t]=p.useState((u==null?void 0:u.colorSpace)||"hex");p.useEffect(()=>{let i=n||"",s=$(i);h(i),d(s),t((s==null?void 0:s.colorSpace)||"hex")},[n]);let r=p.useMemo(()=>Qe(c,u,e).toLowerCase(),[c,u,e]),a=p.useCallback(i=>{let s=$(i),f=(s==null?void 0:s.value)||i||"";h(f),f===""&&(d(void 0),l(void 0)),s&&(d(s),t(s.colorSpace),l(s.value))},[l]),o=p.useCallback(()=>{let i=R.indexOf(e)+1;i>=R.length&&(i=0),t(R[i]);let s=(u==null?void 0:u[R[i]])||"";h(s),l(s)},[u,e,l]);return{value:c,realValue:r,updateValue:a,color:u,colorSpace:e,cycleColorSpace:o}},H=n=>n.replace(/\s*/,"").toLowerCase(),er=(n,l,c)=>{let[h,u]=p.useState(l!=null&&l.valid?[l]:[]);p.useEffect(()=>{l===void 0&&u([])},[l]);let d=p.useMemo(()=>(n||[]).map(t=>typeof t=="string"?$(t):t.title?{...$(t.color),keyword:t.title}:$(t.color)).concat(h).filter(Boolean).slice(-27),[n,h]),e=p.useCallback(t=>{t!=null&&t.valid&&(d.some(r=>H(r[c])===H(t[c]))||u(r=>r.concat(t)))},[c,d]);return{presets:d,addPreset:e}},rr=({name:n,value:l,onChange:c,onFocus:h,onBlur:u,presetColors:d,startOpen:e=!1,argType:t})=>{var E;let r=p.useCallback(ge(c,200),[c]),{value:a,realValue:o,updateValue:i,color:s,colorSpace:f,cycleColorSpace:g}=Ze(l,r),{presets:b,addPreset:y}=er(d,s,f),v=Je[f],w=!!((E=t==null?void 0:t.table)!=null&&E.readonly);return m.createElement(Le,{"aria-readonly":w},m.createElement(Be,{startOpen:e,trigger:w?[null]:void 0,closeOnOutsideClick:!0,onVisibleChange:()=>y(s),tooltip:m.createElement(Ke,null,m.createElement(v,{color:o==="transparent"?"#000000":o,onChange:i,onFocus:h,onBlur:u}),b.length>0&&m.createElement(De,null,b.map((k,P)=>m.createElement(J,{key:`${k.value}-${P}`,hasChrome:!1,tooltip:m.createElement(Xe,{note:k.keyword||k.value})},m.createElement(U,{value:k[f],active:s&&H(k[f])===H(s[f]),onClick:()=>i(k.value)})))))},m.createElement(U,{value:o,style:{margin:4}})),m.createElement(Te,{id:be(n),value:a,onChange:k=>i(k.target.value),onFocus:k=>k.target.select(),readOnly:w,placeholder:"Choose color..."}),a?m.createElement(Fe,{onClick:g}):null)},dr=rr;export{rr as ColorControl,dr as default}; +import{ak as ce,al as M,a2 as J,a0 as he,N as fe,am as de,an as ge,ao as be,ap as q}from"./index-CmcJchMs.js";import{R as m,r as p}from"./index-RigO-4kf.js";import"./iframe-CN_8E5Aq.js";import"../sb-preview/runtime.js";import"./jsx-runtime-BjgbQsUx.js";import"./index-D2MAbzvX.js";import"./_commonjsHelpers-CqkleIqs.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";var me=q({"../../node_modules/color-name/index.js"(n,l){l.exports={aliceblue:[240,248,255],antiquewhite:[250,235,215],aqua:[0,255,255],aquamarine:[127,255,212],azure:[240,255,255],beige:[245,245,220],bisque:[255,228,196],black:[0,0,0],blanchedalmond:[255,235,205],blue:[0,0,255],blueviolet:[138,43,226],brown:[165,42,42],burlywood:[222,184,135],cadetblue:[95,158,160],chartreuse:[127,255,0],chocolate:[210,105,30],coral:[255,127,80],cornflowerblue:[100,149,237],cornsilk:[255,248,220],crimson:[220,20,60],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgoldenrod:[184,134,11],darkgray:[169,169,169],darkgreen:[0,100,0],darkgrey:[169,169,169],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkseagreen:[143,188,143],darkslateblue:[72,61,139],darkslategray:[47,79,79],darkslategrey:[47,79,79],darkturquoise:[0,206,209],darkviolet:[148,0,211],deeppink:[255,20,147],deepskyblue:[0,191,255],dimgray:[105,105,105],dimgrey:[105,105,105],dodgerblue:[30,144,255],firebrick:[178,34,34],floralwhite:[255,250,240],forestgreen:[34,139,34],fuchsia:[255,0,255],gainsboro:[220,220,220],ghostwhite:[248,248,255],gold:[255,215,0],goldenrod:[218,165,32],gray:[128,128,128],green:[0,128,0],greenyellow:[173,255,47],grey:[128,128,128],honeydew:[240,255,240],hotpink:[255,105,180],indianred:[205,92,92],indigo:[75,0,130],ivory:[255,255,240],khaki:[240,230,140],lavender:[230,230,250],lavenderblush:[255,240,245],lawngreen:[124,252,0],lemonchiffon:[255,250,205],lightblue:[173,216,230],lightcoral:[240,128,128],lightcyan:[224,255,255],lightgoldenrodyellow:[250,250,210],lightgray:[211,211,211],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightsalmon:[255,160,122],lightseagreen:[32,178,170],lightskyblue:[135,206,250],lightslategray:[119,136,153],lightslategrey:[119,136,153],lightsteelblue:[176,196,222],lightyellow:[255,255,224],lime:[0,255,0],limegreen:[50,205,50],linen:[250,240,230],magenta:[255,0,255],maroon:[128,0,0],mediumaquamarine:[102,205,170],mediumblue:[0,0,205],mediumorchid:[186,85,211],mediumpurple:[147,112,219],mediumseagreen:[60,179,113],mediumslateblue:[123,104,238],mediumspringgreen:[0,250,154],mediumturquoise:[72,209,204],mediumvioletred:[199,21,133],midnightblue:[25,25,112],mintcream:[245,255,250],mistyrose:[255,228,225],moccasin:[255,228,181],navajowhite:[255,222,173],navy:[0,0,128],oldlace:[253,245,230],olive:[128,128,0],olivedrab:[107,142,35],orange:[255,165,0],orangered:[255,69,0],orchid:[218,112,214],palegoldenrod:[238,232,170],palegreen:[152,251,152],paleturquoise:[175,238,238],palevioletred:[219,112,147],papayawhip:[255,239,213],peachpuff:[255,218,185],peru:[205,133,63],pink:[255,192,203],plum:[221,160,221],powderblue:[176,224,230],purple:[128,0,128],rebeccapurple:[102,51,153],red:[255,0,0],rosybrown:[188,143,143],royalblue:[65,105,225],saddlebrown:[139,69,19],salmon:[250,128,114],sandybrown:[244,164,96],seagreen:[46,139,87],seashell:[255,245,238],sienna:[160,82,45],silver:[192,192,192],skyblue:[135,206,235],slateblue:[106,90,205],slategray:[112,128,144],slategrey:[112,128,144],snow:[255,250,250],springgreen:[0,255,127],steelblue:[70,130,180],tan:[210,180,140],teal:[0,128,128],thistle:[216,191,216],tomato:[255,99,71],turquoise:[64,224,208],violet:[238,130,238],wheat:[245,222,179],white:[255,255,255],whitesmoke:[245,245,245],yellow:[255,255,0],yellowgreen:[154,205,50]}}}),Q=q({"../../node_modules/color-convert/conversions.js"(n,l){var c=me(),h={};for(let e of Object.keys(c))h[c[e]]=e;var u={rgb:{channels:3,labels:"rgb"},hsl:{channels:3,labels:"hsl"},hsv:{channels:3,labels:"hsv"},hwb:{channels:3,labels:"hwb"},cmyk:{channels:4,labels:"cmyk"},xyz:{channels:3,labels:"xyz"},lab:{channels:3,labels:"lab"},lch:{channels:3,labels:"lch"},hex:{channels:1,labels:["hex"]},keyword:{channels:1,labels:["keyword"]},ansi16:{channels:1,labels:["ansi16"]},ansi256:{channels:1,labels:["ansi256"]},hcg:{channels:3,labels:["h","c","g"]},apple:{channels:3,labels:["r16","g16","b16"]},gray:{channels:1,labels:["gray"]}};l.exports=u;for(let e of Object.keys(u)){if(!("channels"in u[e]))throw new Error("missing channels property: "+e);if(!("labels"in u[e]))throw new Error("missing channel labels property: "+e);if(u[e].labels.length!==u[e].channels)throw new Error("channel and label counts mismatch: "+e);let{channels:t,labels:r}=u[e];delete u[e].channels,delete u[e].labels,Object.defineProperty(u[e],"channels",{value:t}),Object.defineProperty(u[e],"labels",{value:r})}u.rgb.hsl=function(e){let t=e[0]/255,r=e[1]/255,a=e[2]/255,o=Math.min(t,r,a),i=Math.max(t,r,a),s=i-o,f,g;i===o?f=0:t===i?f=(r-a)/s:r===i?f=2+(a-t)/s:a===i&&(f=4+(t-r)/s),f=Math.min(f*60,360),f<0&&(f+=360);let b=(o+i)/2;return i===o?g=0:b<=.5?g=s/(i+o):g=s/(2-i-o),[f,g*100,b*100]},u.rgb.hsv=function(e){let t,r,a,o,i,s=e[0]/255,f=e[1]/255,g=e[2]/255,b=Math.max(s,f,g),y=b-Math.min(s,f,g),v=function(w){return(b-w)/6/y+1/2};return y===0?(o=0,i=0):(i=y/b,t=v(s),r=v(f),a=v(g),s===b?o=a-r:f===b?o=1/3+t-a:g===b&&(o=2/3+r-t),o<0?o+=1:o>1&&(o-=1)),[o*360,i*100,b*100]},u.rgb.hwb=function(e){let t=e[0],r=e[1],a=e[2],o=u.rgb.hsl(e)[0],i=1/255*Math.min(t,Math.min(r,a));return a=1-1/255*Math.max(t,Math.max(r,a)),[o,i*100,a*100]},u.rgb.cmyk=function(e){let t=e[0]/255,r=e[1]/255,a=e[2]/255,o=Math.min(1-t,1-r,1-a),i=(1-t-o)/(1-o)||0,s=(1-r-o)/(1-o)||0,f=(1-a-o)/(1-o)||0;return[i*100,s*100,f*100,o*100]};function d(e,t){return(e[0]-t[0])**2+(e[1]-t[1])**2+(e[2]-t[2])**2}u.rgb.keyword=function(e){let t=h[e];if(t)return t;let r=1/0,a;for(let o of Object.keys(c)){let i=c[o],s=d(e,i);s.04045?((t+.055)/1.055)**2.4:t/12.92,r=r>.04045?((r+.055)/1.055)**2.4:r/12.92,a=a>.04045?((a+.055)/1.055)**2.4:a/12.92;let o=t*.4124+r*.3576+a*.1805,i=t*.2126+r*.7152+a*.0722,s=t*.0193+r*.1192+a*.9505;return[o*100,i*100,s*100]},u.rgb.lab=function(e){let t=u.rgb.xyz(e),r=t[0],a=t[1],o=t[2];r/=95.047,a/=100,o/=108.883,r=r>.008856?r**(1/3):7.787*r+16/116,a=a>.008856?a**(1/3):7.787*a+16/116,o=o>.008856?o**(1/3):7.787*o+16/116;let i=116*a-16,s=500*(r-a),f=200*(a-o);return[i,s,f]},u.hsl.rgb=function(e){let t=e[0]/360,r=e[1]/100,a=e[2]/100,o,i,s;if(r===0)return s=a*255,[s,s,s];a<.5?o=a*(1+r):o=a+r-a*r;let f=2*a-o,g=[0,0,0];for(let b=0;b<3;b++)i=t+1/3*-(b-1),i<0&&i++,i>1&&i--,6*i<1?s=f+(o-f)*6*i:2*i<1?s=o:3*i<2?s=f+(o-f)*(2/3-i)*6:s=f,g[b]=s*255;return g},u.hsl.hsv=function(e){let t=e[0],r=e[1]/100,a=e[2]/100,o=r,i=Math.max(a,.01);a*=2,r*=a<=1?a:2-a,o*=i<=1?i:2-i;let s=(a+r)/2,f=a===0?2*o/(i+o):2*r/(a+r);return[t,f*100,s*100]},u.hsv.rgb=function(e){let t=e[0]/60,r=e[1]/100,a=e[2]/100,o=Math.floor(t)%6,i=t-Math.floor(t),s=255*a*(1-r),f=255*a*(1-r*i),g=255*a*(1-r*(1-i));switch(a*=255,o){case 0:return[a,g,s];case 1:return[f,a,s];case 2:return[s,a,g];case 3:return[s,f,a];case 4:return[g,s,a];case 5:return[a,s,f]}},u.hsv.hsl=function(e){let t=e[0],r=e[1]/100,a=e[2]/100,o=Math.max(a,.01),i,s;s=(2-r)*a;let f=(2-r)*o;return i=r*o,i/=f<=1?f:2-f,i=i||0,s/=2,[t,i*100,s*100]},u.hwb.rgb=function(e){let t=e[0]/360,r=e[1]/100,a=e[2]/100,o=r+a,i;o>1&&(r/=o,a/=o);let s=Math.floor(6*t),f=1-a;i=6*t-s,s&1&&(i=1-i);let g=r+i*(f-r),b,y,v;switch(s){default:case 6:case 0:b=f,y=g,v=r;break;case 1:b=g,y=f,v=r;break;case 2:b=r,y=f,v=g;break;case 3:b=r,y=g,v=f;break;case 4:b=g,y=r,v=f;break;case 5:b=f,y=r,v=g;break}return[b*255,y*255,v*255]},u.cmyk.rgb=function(e){let t=e[0]/100,r=e[1]/100,a=e[2]/100,o=e[3]/100,i=1-Math.min(1,t*(1-o)+o),s=1-Math.min(1,r*(1-o)+o),f=1-Math.min(1,a*(1-o)+o);return[i*255,s*255,f*255]},u.xyz.rgb=function(e){let t=e[0]/100,r=e[1]/100,a=e[2]/100,o,i,s;return o=t*3.2406+r*-1.5372+a*-.4986,i=t*-.9689+r*1.8758+a*.0415,s=t*.0557+r*-.204+a*1.057,o=o>.0031308?1.055*o**(1/2.4)-.055:o*12.92,i=i>.0031308?1.055*i**(1/2.4)-.055:i*12.92,s=s>.0031308?1.055*s**(1/2.4)-.055:s*12.92,o=Math.min(Math.max(0,o),1),i=Math.min(Math.max(0,i),1),s=Math.min(Math.max(0,s),1),[o*255,i*255,s*255]},u.xyz.lab=function(e){let t=e[0],r=e[1],a=e[2];t/=95.047,r/=100,a/=108.883,t=t>.008856?t**(1/3):7.787*t+16/116,r=r>.008856?r**(1/3):7.787*r+16/116,a=a>.008856?a**(1/3):7.787*a+16/116;let o=116*r-16,i=500*(t-r),s=200*(r-a);return[o,i,s]},u.lab.xyz=function(e){let t=e[0],r=e[1],a=e[2],o,i,s;i=(t+16)/116,o=r/500+i,s=i-a/200;let f=i**3,g=o**3,b=s**3;return i=f>.008856?f:(i-16/116)/7.787,o=g>.008856?g:(o-16/116)/7.787,s=b>.008856?b:(s-16/116)/7.787,o*=95.047,i*=100,s*=108.883,[o,i,s]},u.lab.lch=function(e){let t=e[0],r=e[1],a=e[2],o;o=Math.atan2(a,r)*360/2/Math.PI,o<0&&(o+=360);let i=Math.sqrt(r*r+a*a);return[t,i,o]},u.lch.lab=function(e){let t=e[0],r=e[1],a=e[2]/360*2*Math.PI,o=r*Math.cos(a),i=r*Math.sin(a);return[t,o,i]},u.rgb.ansi16=function(e,t=null){let[r,a,o]=e,i=t===null?u.rgb.hsv(e)[2]:t;if(i=Math.round(i/50),i===0)return 30;let s=30+(Math.round(o/255)<<2|Math.round(a/255)<<1|Math.round(r/255));return i===2&&(s+=60),s},u.hsv.ansi16=function(e){return u.rgb.ansi16(u.hsv.rgb(e),e[2])},u.rgb.ansi256=function(e){let t=e[0],r=e[1],a=e[2];return t===r&&r===a?t<8?16:t>248?231:Math.round((t-8)/247*24)+232:16+36*Math.round(t/255*5)+6*Math.round(r/255*5)+Math.round(a/255*5)},u.ansi16.rgb=function(e){let t=e%10;if(t===0||t===7)return e>50&&(t+=3.5),t=t/10.5*255,[t,t,t];let r=(~~(e>50)+1)*.5,a=(t&1)*r*255,o=(t>>1&1)*r*255,i=(t>>2&1)*r*255;return[a,o,i]},u.ansi256.rgb=function(e){if(e>=232){let i=(e-232)*10+8;return[i,i,i]}e-=16;let t,r=Math.floor(e/36)/5*255,a=Math.floor((t=e%36)/6)/5*255,o=t%6/5*255;return[r,a,o]},u.rgb.hex=function(e){let t=(((Math.round(e[0])&255)<<16)+((Math.round(e[1])&255)<<8)+(Math.round(e[2])&255)).toString(16).toUpperCase();return"000000".substring(t.length)+t},u.hex.rgb=function(e){let t=e.toString(16).match(/[a-f0-9]{6}|[a-f0-9]{3}/i);if(!t)return[0,0,0];let r=t[0];t[0].length===3&&(r=r.split("").map(f=>f+f).join(""));let a=parseInt(r,16),o=a>>16&255,i=a>>8&255,s=a&255;return[o,i,s]},u.rgb.hcg=function(e){let t=e[0]/255,r=e[1]/255,a=e[2]/255,o=Math.max(Math.max(t,r),a),i=Math.min(Math.min(t,r),a),s=o-i,f,g;return s<1?f=i/(1-s):f=0,s<=0?g=0:o===t?g=(r-a)/s%6:o===r?g=2+(a-t)/s:g=4+(t-r)/s,g/=6,g%=1,[g*360,s*100,f*100]},u.hsl.hcg=function(e){let t=e[1]/100,r=e[2]/100,a=r<.5?2*t*r:2*t*(1-r),o=0;return a<1&&(o=(r-.5*a)/(1-a)),[e[0],a*100,o*100]},u.hsv.hcg=function(e){let t=e[1]/100,r=e[2]/100,a=t*r,o=0;return a<1&&(o=(r-a)/(1-a)),[e[0],a*100,o*100]},u.hcg.rgb=function(e){let t=e[0]/360,r=e[1]/100,a=e[2]/100;if(r===0)return[a*255,a*255,a*255];let o=[0,0,0],i=t%1*6,s=i%1,f=1-s,g=0;switch(Math.floor(i)){case 0:o[0]=1,o[1]=s,o[2]=0;break;case 1:o[0]=f,o[1]=1,o[2]=0;break;case 2:o[0]=0,o[1]=1,o[2]=s;break;case 3:o[0]=0,o[1]=f,o[2]=1;break;case 4:o[0]=s,o[1]=0,o[2]=1;break;default:o[0]=1,o[1]=0,o[2]=f}return g=(1-r)*a,[(r*o[0]+g)*255,(r*o[1]+g)*255,(r*o[2]+g)*255]},u.hcg.hsv=function(e){let t=e[1]/100,r=e[2]/100,a=t+r*(1-t),o=0;return a>0&&(o=t/a),[e[0],o*100,a*100]},u.hcg.hsl=function(e){let t=e[1]/100,r=e[2]/100*(1-t)+.5*t,a=0;return r>0&&r<.5?a=t/(2*r):r>=.5&&r<1&&(a=t/(2*(1-r))),[e[0],a*100,r*100]},u.hcg.hwb=function(e){let t=e[1]/100,r=e[2]/100,a=t+r*(1-t);return[e[0],(a-t)*100,(1-a)*100]},u.hwb.hcg=function(e){let t=e[1]/100,r=1-e[2]/100,a=r-t,o=0;return a<1&&(o=(r-a)/(1-a)),[e[0],a*100,o*100]},u.apple.rgb=function(e){return[e[0]/65535*255,e[1]/65535*255,e[2]/65535*255]},u.rgb.apple=function(e){return[e[0]/255*65535,e[1]/255*65535,e[2]/255*65535]},u.gray.rgb=function(e){return[e[0]/100*255,e[0]/100*255,e[0]/100*255]},u.gray.hsl=function(e){return[0,0,e[0]]},u.gray.hsv=u.gray.hsl,u.gray.hwb=function(e){return[0,100,e[0]]},u.gray.cmyk=function(e){return[0,0,0,e[0]]},u.gray.lab=function(e){return[e[0],0,0]},u.gray.hex=function(e){let t=Math.round(e[0]/100*255)&255,r=((t<<16)+(t<<8)+t).toString(16).toUpperCase();return"000000".substring(r.length)+r},u.rgb.gray=function(e){return[(e[0]+e[1]+e[2])/3/255*100]}}}),ve=q({"../../node_modules/color-convert/route.js"(n,l){var c=Q();function h(){let t={},r=Object.keys(c);for(let a=r.length,o=0;o1&&(o=i),r(o))};return"conversion"in r&&(a.conversion=r.conversion),a}function t(r){let a=function(...o){let i=o[0];if(i==null)return i;i.length>1&&(o=i);let s=r(o);if(typeof s=="object")for(let f=s.length,g=0;g{u[r]={},Object.defineProperty(u[r],"channels",{value:c[r].channels}),Object.defineProperty(u[r],"labels",{value:c[r].labels});let a=h(r);Object.keys(a).forEach(o=>{let i=a[o];u[r][o]=t(i),u[r][o].raw=e(i)})}),l.exports=u}}),_=ce(pe());function C(){return(C=Object.assign||function(n){for(var l=1;l=0||(u[c]=n[c]);return u}function L(n){var l=p.useRef(n),c=p.useRef(function(h){l.current&&l.current(h)});return l.current=n,c.current}var N=function(n,l,c){return l===void 0&&(l=0),c===void 0&&(c=1),n>c?c:n0:y.buttons>0)&&u.current?d(F(u.current,y,t.current)):b(!1)},g=function(){return b(!1)};function b(y){var v=r.current,w=B(u.current),E=y?w.addEventListener:w.removeEventListener;E(v?"touchmove":"mousemove",f),E(v?"touchend":"mouseup",g)}return[function(y){var v=y.nativeEvent,w=u.current;if(w&&(W(v),!function(k,P){return P&&!O(k)}(v,r.current)&&w)){if(O(v)){r.current=!0;var E=v.changedTouches||[];E.length&&(t.current=E[0].identifier)}w.focus(),d(F(w,v,t.current)),b(!0)}},function(y){var v=y.which||y.keyCode;v<37||v>40||(y.preventDefault(),e({left:v===39?.05:v===37?-.05:0,top:v===40?.05:v===38?-.05:0}))},b]},[e,d]),o=a[0],i=a[1],s=a[2];return p.useEffect(function(){return s},[s]),m.createElement("div",C({},h,{onTouchStart:o,onMouseDown:o,className:"react-colorful__interactive",ref:u,onKeyDown:i,tabIndex:0,role:"slider"}))}),S=function(n){return n.filter(Boolean).join(" ")},T=function(n){var l=n.color,c=n.left,h=n.top,u=h===void 0?.5:h,d=S(["react-colorful__pointer",n.className]);return m.createElement("div",{className:d,style:{top:100*u+"%",left:100*c+"%"}},m.createElement("div",{className:"react-colorful__pointer-fill",style:{backgroundColor:l}}))},x=function(n,l,c){return l===void 0&&(l=0),c===void 0&&(c=Math.pow(10,l)),Math.round(c*n)/c},ye={grad:.9,turn:360,rad:360/(2*Math.PI)},xe=function(n){return re(K(n))},K=function(n){return n[0]==="#"&&(n=n.substring(1)),n.length<6?{r:parseInt(n[0]+n[0],16),g:parseInt(n[1]+n[1],16),b:parseInt(n[2]+n[2],16),a:n.length===4?x(parseInt(n[3]+n[3],16)/255,2):1}:{r:parseInt(n.substring(0,2),16),g:parseInt(n.substring(2,4),16),b:parseInt(n.substring(4,6),16),a:n.length===8?x(parseInt(n.substring(6,8),16)/255,2):1}},we=function(n,l){return l===void 0&&(l="deg"),Number(n)*(ye[l]||1)},ke=function(n){var l=/hsla?\(?\s*(-?\d*\.?\d+)(deg|rad|grad|turn)?[,\s]+(-?\d*\.?\d+)%?[,\s]+(-?\d*\.?\d+)%?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(n);return l?_e({h:we(l[1],l[2]),s:Number(l[3]),l:Number(l[4]),a:l[5]===void 0?1:Number(l[5])/(l[6]?100:1)}):{h:0,s:0,v:0,a:1}},_e=function(n){var l=n.s,c=n.l;return{h:n.h,s:(l*=(c<50?c:100-c)/100)>0?2*l/(c+l)*100:0,v:c+l,a:n.a}},Ee=function(n){return Ce(ee(n))},Z=function(n){var l=n.s,c=n.v,h=n.a,u=(200-l)*c/100;return{h:x(n.h),s:x(u>0&&u<200?l*c/100/(u<=100?u:200-u)*100:0),l:x(u/2),a:x(h,2)}},X=function(n){var l=Z(n);return"hsl("+l.h+", "+l.s+"%, "+l.l+"%)"},I=function(n){var l=Z(n);return"hsla("+l.h+", "+l.s+"%, "+l.l+"%, "+l.a+")"},ee=function(n){var l=n.h,c=n.s,h=n.v,u=n.a;l=l/360*6,c/=100,h/=100;var d=Math.floor(l),e=h*(1-c),t=h*(1-(l-d)*c),r=h*(1-(1-l+d)*c),a=d%6;return{r:x(255*[h,t,e,e,r,h][a]),g:x(255*[r,h,h,t,e,e][a]),b:x(255*[e,e,r,h,h,t][a]),a:x(u,2)}},Me=function(n){var l=/rgba?\(?\s*(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(n);return l?re({r:Number(l[1])/(l[2]?100/255:1),g:Number(l[3])/(l[4]?100/255:1),b:Number(l[5])/(l[6]?100/255:1),a:l[7]===void 0?1:Number(l[7])/(l[8]?100:1)}):{h:0,s:0,v:0,a:1}},j=function(n){var l=n.toString(16);return l.length<2?"0"+l:l},Ce=function(n){var l=n.r,c=n.g,h=n.b,u=n.a,d=u<1?j(x(255*u)):"";return"#"+j(l)+j(c)+j(h)+d},re=function(n){var l=n.r,c=n.g,h=n.b,u=n.a,d=Math.max(l,c,h),e=d-Math.min(l,c,h),t=e?d===l?(c-h)/e:d===c?2+(h-l)/e:4+(l-c)/e:0;return{h:x(60*(t<0?t+6:t)),s:x(d?e/d*100:0),v:x(d/255*100),a:u}},te=m.memo(function(n){var l=n.hue,c=n.onChange,h=S(["react-colorful__hue",n.className]);return m.createElement("div",{className:h},m.createElement(G,{onMove:function(u){c({h:360*u.left})},onKey:function(u){c({h:N(l+360*u.left,0,360)})},"aria-label":"Hue","aria-valuenow":x(l),"aria-valuemax":"360","aria-valuemin":"0"},m.createElement(T,{className:"react-colorful__hue-pointer",left:l/360,color:X({h:l,s:100,v:100,a:1})})))}),ne=m.memo(function(n){var l=n.hsva,c=n.onChange,h={backgroundColor:X({h:l.h,s:100,v:100,a:1})};return m.createElement("div",{className:"react-colorful__saturation",style:h},m.createElement(G,{onMove:function(u){c({s:100*u.left,v:100-100*u.top})},onKey:function(u){c({s:N(l.s+100*u.left,0,100),v:N(l.v-100*u.top,0,100)})},"aria-label":"Color","aria-valuetext":"Saturation "+x(l.s)+"%, Brightness "+x(l.v)+"%"},m.createElement(T,{className:"react-colorful__saturation-pointer",top:1-l.v/100,left:l.s/100,color:X(l)})))}),ae=function(n,l){if(n===l)return!0;for(var c in n)if(n[c]!==l[c])return!1;return!0},oe=function(n,l){return n.replace(/\s/g,"")===l.replace(/\s/g,"")},$e=function(n,l){return n.toLowerCase()===l.toLowerCase()||ae(K(n),K(l))};function le(n,l,c){var h=L(c),u=p.useState(function(){return n.toHsva(l)}),d=u[0],e=u[1],t=p.useRef({color:l,hsva:d});p.useEffect(function(){if(!n.equal(l,t.current.color)){var a=n.toHsva(l);t.current={hsva:a,color:l},e(a)}},[l,n]),p.useEffect(function(){var a;ae(d,t.current.hsva)||n.equal(a=n.fromHsva(d),t.current.color)||(t.current={hsva:d,color:a},h(a))},[d,n,h]);var r=p.useCallback(function(a){e(function(o){return Object.assign({},o,a)})},[]);return[d,r]}var Ne=typeof window<"u"?p.useLayoutEffect:p.useEffect,Oe=function(){return typeof __webpack_nonce__<"u"?__webpack_nonce__:void 0},A=new Map,ie=function(n){Ne(function(){var l=n.current?n.current.ownerDocument:document;if(l!==void 0&&!A.has(l)){var c=l.createElement("style");c.innerHTML=`.react-colorful{position:relative;display:flex;flex-direction:column;width:200px;height:200px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.react-colorful__saturation{position:relative;flex-grow:1;border-color:transparent;border-bottom:12px solid #000;border-radius:8px 8px 0 0;background-image:linear-gradient(0deg,#000,transparent),linear-gradient(90deg,#fff,hsla(0,0%,100%,0))}.react-colorful__alpha-gradient,.react-colorful__pointer-fill{content:"";position:absolute;left:0;top:0;right:0;bottom:0;pointer-events:none;border-radius:inherit}.react-colorful__alpha-gradient,.react-colorful__saturation{box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}.react-colorful__alpha,.react-colorful__hue{position:relative;height:24px}.react-colorful__hue{background:linear-gradient(90deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.react-colorful__last-control{border-radius:0 0 8px 8px}.react-colorful__interactive{position:absolute;left:0;top:0;right:0;bottom:0;border-radius:inherit;outline:none;touch-action:none}.react-colorful__pointer{position:absolute;z-index:1;box-sizing:border-box;width:28px;height:28px;transform:translate(-50%,-50%);background-color:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2)}.react-colorful__interactive:focus .react-colorful__pointer{transform:translate(-50%,-50%) scale(1.1)}.react-colorful__alpha,.react-colorful__alpha-pointer{background-color:#fff;background-image:url('data:image/svg+xml;charset=utf-8,')}.react-colorful__saturation-pointer{z-index:3}.react-colorful__hue-pointer{z-index:2}`,A.set(l,c);var h=Oe();h&&c.setAttribute("nonce",h),l.head.appendChild(c)}},[])},Se=function(n){var l=n.className,c=n.colorModel,h=n.color,u=h===void 0?c.defaultColor:h,d=n.onChange,e=V(n,["className","colorModel","color","onChange"]),t=p.useRef(null);ie(t);var r=le(c,u,d),a=r[0],o=r[1],i=S(["react-colorful",l]);return m.createElement("div",C({},e,{ref:t,className:i}),m.createElement(ne,{hsva:a,onChange:o}),m.createElement(te,{hue:a.h,onChange:o,className:"react-colorful__last-control"}))},je={defaultColor:"000",toHsva:xe,fromHsva:function(n){return Ee({h:n.h,s:n.s,v:n.v,a:1})},equal:$e},Re=function(n){return m.createElement(Se,C({},n,{colorModel:je}))},ze=function(n){var l=n.className,c=n.hsva,h=n.onChange,u={backgroundImage:"linear-gradient(90deg, "+I(Object.assign({},c,{a:0}))+", "+I(Object.assign({},c,{a:1}))+")"},d=S(["react-colorful__alpha",l]),e=x(100*c.a);return m.createElement("div",{className:d},m.createElement("div",{className:"react-colorful__alpha-gradient",style:u}),m.createElement(G,{onMove:function(t){h({a:t.left})},onKey:function(t){h({a:N(c.a+t.left)})},"aria-label":"Alpha","aria-valuetext":e+"%","aria-valuenow":e,"aria-valuemin":"0","aria-valuemax":"100"},m.createElement(T,{className:"react-colorful__alpha-pointer",left:c.a,color:I(c)})))},ue=function(n){var l=n.className,c=n.colorModel,h=n.color,u=h===void 0?c.defaultColor:h,d=n.onChange,e=V(n,["className","colorModel","color","onChange"]),t=p.useRef(null);ie(t);var r=le(c,u,d),a=r[0],o=r[1],i=S(["react-colorful",l]);return m.createElement("div",C({},e,{ref:t,className:i}),m.createElement(ne,{hsva:a,onChange:o}),m.createElement(te,{hue:a.h,onChange:o}),m.createElement(ze,{hsva:a,onChange:o,className:"react-colorful__last-control"}))},Ie={defaultColor:"hsla(0, 0%, 0%, 1)",toHsva:ke,fromHsva:I,equal:oe},He=function(n){return m.createElement(ue,C({},n,{colorModel:Ie}))},qe={defaultColor:"rgba(0, 0, 0, 1)",toHsva:Me,fromHsva:function(n){var l=ee(n);return"rgba("+l.r+", "+l.g+", "+l.b+", "+l.a+")"},equal:oe},Pe=function(n){return m.createElement(ue,C({},n,{colorModel:qe}))},Le=M.div({position:"relative",maxWidth:250,'&[aria-readonly="true"]':{opacity:.5}}),Be=M(J)({position:"absolute",zIndex:1,top:4,left:4,"[aria-readonly=true] &":{cursor:"not-allowed"}}),Ke=M.div({width:200,margin:5,".react-colorful__saturation":{borderRadius:"4px 4px 0 0"},".react-colorful__hue":{boxShadow:"inset 0 0 0 1px rgb(0 0 0 / 5%)"},".react-colorful__last-control":{borderRadius:"0 0 4px 4px"}}),Xe=M(he)(({theme:n})=>({fontFamily:n.typography.fonts.base})),De=M.div({display:"grid",gridTemplateColumns:"repeat(9, 16px)",gap:6,padding:3,marginTop:5,width:200}),Ve=M.div(({theme:n,active:l})=>({width:16,height:16,boxShadow:l?`${n.appBorderColor} 0 0 0 1px inset, ${n.textMutedColor}50 0 0 0 4px`:`${n.appBorderColor} 0 0 0 1px inset`,borderRadius:n.appBorderRadius})),Ge=`url('data:image/svg+xml;charset=utf-8,')`,U=({value:n,style:l,...c})=>{let h=`linear-gradient(${n}, ${n}), ${Ge}, linear-gradient(#fff, #fff)`;return m.createElement(Ve,{...c,style:{...l,backgroundImage:h}})},Te=M(fe.Input)(({theme:n,readOnly:l})=>({width:"100%",paddingLeft:30,paddingRight:30,boxSizing:"border-box",fontFamily:n.typography.fonts.base})),Fe=M(de)(({theme:n})=>({position:"absolute",zIndex:1,top:6,right:7,width:20,height:20,padding:4,boxSizing:"border-box",cursor:"pointer",color:n.input.color})),se=(n=>(n.RGB="rgb",n.HSL="hsl",n.HEX="hex",n))(se||{}),R=Object.values(se),We=/\(([0-9]+),\s*([0-9]+)%?,\s*([0-9]+)%?,?\s*([0-9.]+)?\)/,Ae=/^\s*rgba?\(([0-9]+),\s*([0-9]+),\s*([0-9]+),?\s*([0-9.]+)?\)\s*$/i,Ue=/^\s*hsla?\(([0-9]+),\s*([0-9]+)%,\s*([0-9]+)%,?\s*([0-9.]+)?\)\s*$/i,D=/^\s*#?([0-9a-f]{3}|[0-9a-f]{6})\s*$/i,Ye=/^\s*#?([0-9a-f]{3})\s*$/i,Je={hex:Re,rgb:Pe,hsl:He},z={hex:"transparent",rgb:"rgba(0, 0, 0, 0)",hsl:"hsla(0, 0%, 0%, 0)"},Y=n=>{let l=n==null?void 0:n.match(We);if(!l)return[0,0,0,1];let[,c,h,u,d=1]=l;return[c,h,u,d].map(Number)},$=n=>{if(!n)return;let l=!0;if(Ae.test(n)){let[e,t,r,a]=Y(n),[o,i,s]=_.default.rgb.hsl([e,t,r])||[0,0,0];return{valid:l,value:n,keyword:_.default.rgb.keyword([e,t,r]),colorSpace:"rgb",rgb:n,hsl:`hsla(${o}, ${i}%, ${s}%, ${a})`,hex:`#${_.default.rgb.hex([e,t,r]).toLowerCase()}`}}if(Ue.test(n)){let[e,t,r,a]=Y(n),[o,i,s]=_.default.hsl.rgb([e,t,r])||[0,0,0];return{valid:l,value:n,keyword:_.default.hsl.keyword([e,t,r]),colorSpace:"hsl",rgb:`rgba(${o}, ${i}, ${s}, ${a})`,hsl:n,hex:`#${_.default.hsl.hex([e,t,r]).toLowerCase()}`}}let c=n.replace("#",""),h=_.default.keyword.rgb(c)||_.default.hex.rgb(c),u=_.default.rgb.hsl(h),d=n;if(/[^#a-f0-9]/i.test(n)?d=c:D.test(n)&&(d=`#${c}`),d.startsWith("#"))l=D.test(d);else try{_.default.keyword.hex(d)}catch{l=!1}return{valid:l,value:d,keyword:_.default.rgb.keyword(h),colorSpace:"hex",rgb:`rgba(${h[0]}, ${h[1]}, ${h[2]}, 1)`,hsl:`hsla(${u[0]}, ${u[1]}%, ${u[2]}%, 1)`,hex:d}},Qe=(n,l,c)=>{if(!n||!(l!=null&&l.valid))return z[c];if(c!=="hex")return(l==null?void 0:l[c])||z[c];if(!l.hex.startsWith("#"))try{return`#${_.default.keyword.hex(l.hex)}`}catch{return z.hex}let h=l.hex.match(Ye);if(!h)return D.test(l.hex)?l.hex:z.hex;let[u,d,e]=h[1].split("");return`#${u}${u}${d}${d}${e}${e}`},Ze=(n,l)=>{let[c,h]=p.useState(n||""),[u,d]=p.useState(()=>$(c)),[e,t]=p.useState((u==null?void 0:u.colorSpace)||"hex");p.useEffect(()=>{let i=n||"",s=$(i);h(i),d(s),t((s==null?void 0:s.colorSpace)||"hex")},[n]);let r=p.useMemo(()=>Qe(c,u,e).toLowerCase(),[c,u,e]),a=p.useCallback(i=>{let s=$(i),f=(s==null?void 0:s.value)||i||"";h(f),f===""&&(d(void 0),l(void 0)),s&&(d(s),t(s.colorSpace),l(s.value))},[l]),o=p.useCallback(()=>{let i=R.indexOf(e)+1;i>=R.length&&(i=0),t(R[i]);let s=(u==null?void 0:u[R[i]])||"";h(s),l(s)},[u,e,l]);return{value:c,realValue:r,updateValue:a,color:u,colorSpace:e,cycleColorSpace:o}},H=n=>n.replace(/\s*/,"").toLowerCase(),er=(n,l,c)=>{let[h,u]=p.useState(l!=null&&l.valid?[l]:[]);p.useEffect(()=>{l===void 0&&u([])},[l]);let d=p.useMemo(()=>(n||[]).map(t=>typeof t=="string"?$(t):t.title?{...$(t.color),keyword:t.title}:$(t.color)).concat(h).filter(Boolean).slice(-27),[n,h]),e=p.useCallback(t=>{t!=null&&t.valid&&(d.some(r=>H(r[c])===H(t[c]))||u(r=>r.concat(t)))},[c,d]);return{presets:d,addPreset:e}},rr=({name:n,value:l,onChange:c,onFocus:h,onBlur:u,presetColors:d,startOpen:e=!1,argType:t})=>{var E;let r=p.useCallback(ge(c,200),[c]),{value:a,realValue:o,updateValue:i,color:s,colorSpace:f,cycleColorSpace:g}=Ze(l,r),{presets:b,addPreset:y}=er(d,s,f),v=Je[f],w=!!((E=t==null?void 0:t.table)!=null&&E.readonly);return m.createElement(Le,{"aria-readonly":w},m.createElement(Be,{startOpen:e,trigger:w?[null]:void 0,closeOnOutsideClick:!0,onVisibleChange:()=>y(s),tooltip:m.createElement(Ke,null,m.createElement(v,{color:o==="transparent"?"#000000":o,onChange:i,onFocus:h,onBlur:u}),b.length>0&&m.createElement(De,null,b.map((k,P)=>m.createElement(J,{key:`${k.value}-${P}`,hasChrome:!1,tooltip:m.createElement(Xe,{note:k.keyword||k.value})},m.createElement(U,{value:k[f],active:s&&H(k[f])===H(s[f]),onClick:()=>i(k.value)})))))},m.createElement(U,{value:o,style:{margin:4}})),m.createElement(Te,{id:be(n),value:a,onChange:k=>i(k.target.value),onFocus:k=>k.target.select(),readOnly:w,placeholder:"Choose color..."}),a?m.createElement(Fe,{onClick:g}):null)},dr=rr;export{rr as ColorControl,dr as default}; diff --git a/demo-develop/assets/Column.docs-9s3y2SPz.js b/demo-develop/assets/Column.docs-c2bzcMJP.js similarity index 93% rename from demo-develop/assets/Column.docs-9s3y2SPz.js rename to demo-develop/assets/Column.docs-c2bzcMJP.js index 44a08e8e5c..1d2eec8635 100644 --- a/demo-develop/assets/Column.docs-9s3y2SPz.js +++ b/demo-develop/assets/Column.docs-c2bzcMJP.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as r}from"./index-3rgQkYFR.js";import{ae as o,aq as l,ar as a,as as h,at as i}from"./index-CWKCY_Bl.js";import{C as c,A as d,H as m,I as p}from"./Column.stories-U0-gw-Jb.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DBQNO3fk.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-4tYMzfzc.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";import"./types-B5YJ6HHW.js";const x=` +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as r}from"./index-3rgQkYFR.js";import{ae as o,aq as l,ar as a,as as h,at as i}from"./index-CmcJchMs.js";import{C as c,A as d,H as m,I as p}from"./Column.stories-C1ZqLDo4.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CN_8E5Aq.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-BsC3rSRZ.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";import"./types-B5YJ6HHW.js";const x=` # Column diff --git a/demo-develop/assets/Column.stories-U0-gw-Jb.js b/demo-develop/assets/Column.stories-C1ZqLDo4.js similarity index 97% rename from demo-develop/assets/Column.stories-U0-gw-Jb.js rename to demo-develop/assets/Column.stories-C1ZqLDo4.js index 653356380b..ed17eb3348 100644 --- a/demo-develop/assets/Column.stories-U0-gw-Jb.js +++ b/demo-develop/assets/Column.stories-C1ZqLDo4.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{H as i,d as s,P as d}from"./index.esm-4tYMzfzc.js";import{m as A,c as S}from"./types-B5YJ6HHW.js";import{c as L}from"./clsx-B-dksMZM.js";import{r as T}from"./index-RigO-4kf.js";const o=T.forwardRef(({align:t,alignHorizontal:m,as:H="div",children:_,className:N,gap:c,...w},z)=>e.jsx(H,{...w,ref:z,className:L("ams-column",t&&`ams-column--align-${t}`,m&&`ams-column--align-horizontal-${m}`,c&&`ams-column--gap-${c}`,N),children:_}));o.displayName="Column";try{o.displayName="Column",o.__docgenInfo={description:"",displayName:"Column",props:{align:{defaultValue:{value:"start"},description:"The vertical alignment of the items in the column.",name:"align",required:!1,type:{name:"enum",value:[{value:'"center"'},{value:'"end"'},{value:'"between"'},{value:'"around"'},{value:'"evenly"'}]}},alignHorizontal:{defaultValue:{value:"stretch"},description:"The horizontal alignment of the items in the column.",name:"alignHorizontal",required:!1,type:{name:"enum",value:[{value:'"center"'},{value:'"end"'},{value:'"start"'}]}},as:{defaultValue:{value:"div"},description:"The HTML element to use.",name:"as",required:!1,type:{name:"enum",value:[{value:'"article"'},{value:'"div"'},{value:'"section"'}]}},gap:{defaultValue:{value:"medium"},description:"The amount of space between items.",name:"gap",required:!1,type:{name:"enum",value:[{value:'"none"'},{value:'"small"'},{value:'"large"'},{value:'"extra-small"'},{value:'"extra-large"'}]}}}}}catch{}const P=[e.jsx("div",{className:"ams-docs-item"},0),e.jsx("div",{className:"ams-docs-item"},1),e.jsx("div",{className:"ams-docs-item"},2)],V={title:"Components/Layout/Column",component:o,args:{children:P,className:"ams-docs-column"},argTypes:{align:{control:{type:"radio",labels:{undefined:"start"}},options:[void 0,...A]},alignHorizontal:{control:{type:"radio",labels:{undefined:"stretch"}},options:[void 0,...S]},className:{table:{disable:!0}},gap:{control:{type:"radio",labels:{undefined:"medium"}},options:["none","extra-small","small",void 0,"large","extra-large"]}}},a={},n={args:{align:"center"}},r={args:{alignHorizontal:"center"}},l={args:{as:"section",children:[e.jsx(i,{level:3,children:"Zoekresultaten"}),e.jsxs(s,{children:[e.jsx(i,{level:4,children:e.jsx(s.Link,{href:"#",children:"Nieuwe manieren om afval op te halen"})}),e.jsx(d,{children:"Afvalboten, bakfietsen en ondergrondse containers. We experimenteren met nieuwe manieren om afval op te halen in het centrum."})]},1),e.jsxs(s,{children:[e.jsx(i,{level:4,children:e.jsx(s.Link,{href:"#",children:"Verlenging proef ophalen afval per boot"})}),e.jsx(d,{children:"Een proef met het anders ophalen van afval. We halen vuilniszakken hier op met kleine wagentjes, kleine vuilniswagens en een afvalboot."})]},2)],className:void 0}};var u,p,g;a.parameters={...a.parameters,docs:{...(u=a.parameters)==null?void 0:u.docs,source:{originalSource:"{}",...(g=(p=a.parameters)==null?void 0:p.docs)==null?void 0:g.source}}};var v,h,f;n.parameters={...n.parameters,docs:{...(v=n.parameters)==null?void 0:v.docs,source:{originalSource:`{ +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{H as i,c as s,P as d}from"./index.esm-BsC3rSRZ.js";import{m as A,c as S}from"./types-B5YJ6HHW.js";import{c as L}from"./clsx-B-dksMZM.js";import{r as T}from"./index-RigO-4kf.js";const o=T.forwardRef(({align:t,alignHorizontal:m,as:H="div",children:_,className:N,gap:c,...w},z)=>e.jsx(H,{...w,ref:z,className:L("ams-column",t&&`ams-column--align-${t}`,m&&`ams-column--align-horizontal-${m}`,c&&`ams-column--gap-${c}`,N),children:_}));o.displayName="Column";try{o.displayName="Column",o.__docgenInfo={description:"",displayName:"Column",props:{align:{defaultValue:{value:"start"},description:"The vertical alignment of the items in the column.",name:"align",required:!1,type:{name:"enum",value:[{value:'"center"'},{value:'"end"'},{value:'"between"'},{value:'"around"'},{value:'"evenly"'}]}},alignHorizontal:{defaultValue:{value:"stretch"},description:"The horizontal alignment of the items in the column.",name:"alignHorizontal",required:!1,type:{name:"enum",value:[{value:'"center"'},{value:'"end"'},{value:'"start"'}]}},as:{defaultValue:{value:"div"},description:"The HTML element to use.",name:"as",required:!1,type:{name:"enum",value:[{value:'"article"'},{value:'"div"'},{value:'"section"'}]}},gap:{defaultValue:{value:"medium"},description:"The amount of space between items.",name:"gap",required:!1,type:{name:"enum",value:[{value:'"none"'},{value:'"small"'},{value:'"large"'},{value:'"extra-small"'},{value:'"extra-large"'}]}}}}}catch{}const P=[e.jsx("div",{className:"ams-docs-item"},0),e.jsx("div",{className:"ams-docs-item"},1),e.jsx("div",{className:"ams-docs-item"},2)],V={title:"Components/Layout/Column",component:o,args:{children:P,className:"ams-docs-column"},argTypes:{align:{control:{type:"radio",labels:{undefined:"start"}},options:[void 0,...A]},alignHorizontal:{control:{type:"radio",labels:{undefined:"stretch"}},options:[void 0,...S]},className:{table:{disable:!0}},gap:{control:{type:"radio",labels:{undefined:"medium"}},options:["none","extra-small","small",void 0,"large","extra-large"]}}},a={},n={args:{align:"center"}},r={args:{alignHorizontal:"center"}},l={args:{as:"section",children:[e.jsx(i,{level:3,children:"Zoekresultaten"}),e.jsxs(s,{children:[e.jsx(i,{level:4,children:e.jsx(s.Link,{href:"#",children:"Nieuwe manieren om afval op te halen"})}),e.jsx(d,{children:"Afvalboten, bakfietsen en ondergrondse containers. We experimenteren met nieuwe manieren om afval op te halen in het centrum."})]},1),e.jsxs(s,{children:[e.jsx(i,{level:4,children:e.jsx(s.Link,{href:"#",children:"Verlenging proef ophalen afval per boot"})}),e.jsx(d,{children:"Een proef met het anders ophalen van afval. We halen vuilniszakken hier op met kleine wagentjes, kleine vuilniswagens en een afvalboot."})]},2)],className:void 0}};var u,p,g;a.parameters={...a.parameters,docs:{...(u=a.parameters)==null?void 0:u.docs,source:{originalSource:"{}",...(g=(p=a.parameters)==null?void 0:p.docs)==null?void 0:g.source}}};var v,h,f;n.parameters={...n.parameters,docs:{...(v=n.parameters)==null?void 0:v.docs,source:{originalSource:`{ args: { align: 'center' } diff --git a/demo-develop/assets/DateInput.docs-DXB3_y5D.js b/demo-develop/assets/DateInput.docs-DyMvEJLt.js similarity index 94% rename from demo-develop/assets/DateInput.docs-DXB3_y5D.js rename to demo-develop/assets/DateInput.docs-DyMvEJLt.js index 423e901224..aa9f1dcfdb 100644 --- a/demo-develop/assets/DateInput.docs-DXB3_y5D.js +++ b/demo-develop/assets/DateInput.docs-DyMvEJLt.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as o}from"./index-3rgQkYFR.js";import{ae as a,aq as r,ar as d,as as l,at as s}from"./index-CWKCY_Bl.js";import{D as c,a as h,I as m,b as p,c as f,d as u}from"./DateInput.stories-FSNBDDGF.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DBQNO3fk.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-4tYMzfzc.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";const x=` +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as o}from"./index-3rgQkYFR.js";import{ae as a,aq as r,ar as d,as as l,at as s}from"./index-CmcJchMs.js";import{D as c,a as h,I as m,b as p,c as f,d as u}from"./DateInput.stories-QGZdA3bX.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CN_8E5Aq.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-BsC3rSRZ.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";const x=` # Date Input diff --git a/demo-develop/assets/DateInput.stories-FSNBDDGF.js b/demo-develop/assets/DateInput.stories-QGZdA3bX.js similarity index 96% rename from demo-develop/assets/DateInput.stories-FSNBDDGF.js rename to demo-develop/assets/DateInput.stories-QGZdA3bX.js index a8105b66d2..428806bd00 100644 --- a/demo-develop/assets/DateInput.stories-FSNBDDGF.js +++ b/demo-develop/assets/DateInput.stories-QGZdA3bX.js @@ -1,4 +1,4 @@ -import{j as r}from"./jsx-runtime-BjgbQsUx.js";import{e as L,f as S,P,E as O}from"./index.esm-4tYMzfzc.js";import{c as N}from"./clsx-B-dksMZM.js";import{r as V}from"./index-RigO-4kf.js";const a=V.forwardRef(({className:e,invalid:M,type:z="date",...A},T)=>r.jsx("input",{...A,"aria-invalid":M||void 0,className:N("ams-date-input",e),ref:T,type:z}));a.displayName="DateInput";try{a.displayName="DateInput",a.__docgenInfo={description:"",displayName:"DateInput",props:{invalid:{defaultValue:null,description:"Whether the value fails a validation rule.",name:"invalid",required:!1,type:{name:"boolean"}},type:{defaultValue:{value:"date"},description:"The kind of data that the user should provide.",name:"type",required:!1,type:{name:"enum",value:[{value:'"date"'},{value:'"datetime-local"'}]}}}}}catch{}const $={title:"Components/Forms/Date Input",component:a,args:{disabled:!1,invalid:!1},argTypes:{disabled:{description:"Prevents interaction. Avoid if possible."}}},i={},s={args:{type:"datetime-local"}},t={args:{invalid:!0}},d={args:{disabled:!0}},n={render:e=>r.jsxs(L,{invalid:e.invalid,children:[r.jsx(S,{htmlFor:"input1",children:"Label"}),r.jsx(P,{id:"description1",size:"small",children:"Omschrijving."}),e.invalid&&r.jsx(O,{id:"error1",children:"Foutmelding."}),r.jsx(a,{"aria-describedby":`description1${e.invalid?" error1":""}`,id:"input1",...e})]})},o={args:{invalid:!0},render:e=>r.jsxs(L,{invalid:e.invalid,children:[r.jsx(S,{htmlFor:"input2",children:"Label"}),r.jsx(P,{id:"description2",size:"small",children:"Omschrijving."}),e.invalid&&r.jsx(O,{id:"error2",children:"Foutmelding."}),r.jsx(a,{"aria-describedby":`description2${e.invalid?" error2":""}`,id:"input2",...e})]})};var l,c,p;i.parameters={...i.parameters,docs:{...(l=i.parameters)==null?void 0:l.docs,source:{originalSource:"{}",...(p=(c=i.parameters)==null?void 0:c.docs)==null?void 0:p.source}}};var m,u,g;s.parameters={...s.parameters,docs:{...(m=s.parameters)==null?void 0:m.docs,source:{originalSource:`{ +import{j as r}from"./jsx-runtime-BjgbQsUx.js";import{d as L,e as S,P,E as O}from"./index.esm-BsC3rSRZ.js";import{c as N}from"./clsx-B-dksMZM.js";import{r as V}from"./index-RigO-4kf.js";const a=V.forwardRef(({className:e,invalid:M,type:z="date",...A},T)=>r.jsx("input",{...A,"aria-invalid":M||void 0,className:N("ams-date-input",e),ref:T,type:z}));a.displayName="DateInput";try{a.displayName="DateInput",a.__docgenInfo={description:"",displayName:"DateInput",props:{invalid:{defaultValue:null,description:"Whether the value fails a validation rule.",name:"invalid",required:!1,type:{name:"boolean"}},type:{defaultValue:{value:"date"},description:"The kind of data that the user should provide.",name:"type",required:!1,type:{name:"enum",value:[{value:'"date"'},{value:'"datetime-local"'}]}}}}}catch{}const $={title:"Components/Forms/Date Input",component:a,args:{disabled:!1,invalid:!1},argTypes:{disabled:{description:"Prevents interaction. Avoid if possible."}}},i={},s={args:{type:"datetime-local"}},t={args:{invalid:!0}},d={args:{disabled:!0}},n={render:e=>r.jsxs(L,{invalid:e.invalid,children:[r.jsx(S,{htmlFor:"input1",children:"Label"}),r.jsx(P,{id:"description1",size:"small",children:"Omschrijving."}),e.invalid&&r.jsx(O,{id:"error1",children:"Foutmelding."}),r.jsx(a,{"aria-describedby":`description1${e.invalid?" error1":""}`,id:"input1",...e})]})},o={args:{invalid:!0},render:e=>r.jsxs(L,{invalid:e.invalid,children:[r.jsx(S,{htmlFor:"input2",children:"Label"}),r.jsx(P,{id:"description2",size:"small",children:"Omschrijving."}),e.invalid&&r.jsx(O,{id:"error2",children:"Foutmelding."}),r.jsx(a,{"aria-describedby":`description2${e.invalid?" error2":""}`,id:"input2",...e})]})};var l,c,p;i.parameters={...i.parameters,docs:{...(l=i.parameters)==null?void 0:l.docs,source:{originalSource:"{}",...(p=(c=i.parameters)==null?void 0:c.docs)==null?void 0:p.source}}};var m,u,g;s.parameters={...s.parameters,docs:{...(m=s.parameters)==null?void 0:m.docs,source:{originalSource:`{ args: { type: 'datetime-local' } diff --git a/demo-develop/assets/DescriptionList.docs-sKc_qZ5k.js b/demo-develop/assets/DescriptionList.docs-DhRC-xYd.js similarity index 90% rename from demo-develop/assets/DescriptionList.docs-sKc_qZ5k.js rename to demo-develop/assets/DescriptionList.docs-DhRC-xYd.js index 03f8d4ef10..30cb1eeb81 100644 --- a/demo-develop/assets/DescriptionList.docs-sKc_qZ5k.js +++ b/demo-develop/assets/DescriptionList.docs-DhRC-xYd.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as r}from"./index-3rgQkYFR.js";import{ae as o,aq as l,ar as c,as as p,at as i}from"./index-CWKCY_Bl.js";import{D as a,M as d,a as m,R as h,I as u}from"./DescriptionList.stories-Bku6te84.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DBQNO3fk.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-4tYMzfzc.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";const x=` +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as r}from"./index-3rgQkYFR.js";import{ae as o,aq as l,ar as c,as as p,at as i}from"./index-CmcJchMs.js";import{D as a,M as d,a as m,R as h,I as u}from"./DescriptionList.stories-TqSz4NZf.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CN_8E5Aq.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-BsC3rSRZ.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";const x=` # Description List diff --git a/demo-develop/assets/DescriptionList.stories-Bku6te84.js b/demo-develop/assets/DescriptionList.stories-TqSz4NZf.js similarity index 99% rename from demo-develop/assets/DescriptionList.stories-Bku6te84.js rename to demo-develop/assets/DescriptionList.stories-TqSz4NZf.js index b2c8754551..7e334d194e 100644 --- a/demo-develop/assets/DescriptionList.stories-Bku6te84.js +++ b/demo-develop/assets/DescriptionList.stories-TqSz4NZf.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{P as U,U as l,L as E}from"./index.esm-4tYMzfzc.js";import{c as m}from"./clsx-B-dksMZM.js";import{r as D}from"./index-RigO-4kf.js";const N=D.forwardRef(({children:r,className:n,...t},s)=>e.jsx("dd",{...t,ref:s,className:m("ams-description-list__description",n),children:r}));N.displayName="DescriptionList.Description";try{DescriptionList.Description.displayName="DescriptionList.Description",DescriptionList.Description.__docgenInfo={description:"",displayName:"DescriptionList.Description",props:{}}}catch{}const S=D.forwardRef(({children:r,className:n,...t},s)=>e.jsx("div",{...t,ref:s,className:m("ams-description-list__section",n),children:r}));S.displayName="DescriptionList.Section";try{DescriptionList.Section.displayName="DescriptionList.Section",DescriptionList.Section.__docgenInfo={description:"",displayName:"DescriptionList.Section",props:{}}}catch{}const z=D.forwardRef(({children:r,className:n,...t},s)=>e.jsx("dt",{...t,ref:s,className:m("ams-description-list__term",n),children:r}));z.displayName="DescriptionList.Term";try{DescriptionList.Term.displayName="DescriptionList.Term",DescriptionList.Term.__docgenInfo={description:"",displayName:"DescriptionList.Term",props:{}}}catch{}const I=D.forwardRef(({children:r,className:n,inverseColor:t,termsWidth:s,...P},R)=>e.jsx("dl",{...P,ref:R,className:m("ams-description-list",s&&`ams-description-list--terms-width-${s}`,t&&"ams-description-list--inverse-color",n),children:r}));I.displayName="DescriptionList";const i=Object.assign(I,{Description:N,Section:S,Term:z});try{i.displayName="DescriptionList",i.__docgenInfo={description:"",displayName:"DescriptionList",props:{inverseColor:{defaultValue:null,description:"Changes the text colour for readability on a dark background.",name:"inverseColor",required:!1,type:{name:"boolean"}},termsWidth:{defaultValue:null,description:"",name:"termsWidth",required:!1,type:{name:"enum",value:[{value:'"sm"'},{value:'"md"'},{value:'"lg"'}]}}}}}catch{}const M={title:"Components/Text/Description List",component:i,args:{children:[e.jsx(i.Term,{children:"Het hoger onderwijs"},1),e.jsx(i.Description,{children:"Het hbo en wo"},2),e.jsx(i.Term,{children:"Het mbo en hoger onderwijs"},3),e.jsx(i.Description,{children:"Het vervolgonderwijs"},4),e.jsx(i.Term,{children:"Laagopgeleid"},5),e.jsx(i.Description,{children:"Praktisch opgeleid"},6),e.jsx(i.Term,{children:"Hoogopgeleid"},7),e.jsx(i.Description,{children:"Theoretisch opgeleid"},8),e.jsx(i.Term,{children:"Opleidingsniveau"},9),e.jsx(i.Description,{children:"Onderwijsrichting"},10)],inverseColor:!1},argTypes:{termsWidth:{control:{type:"radio",labels:{undefined:"auto",sm:"small",md:"medium",lg:"large"}},options:[void 0,"sm","md","lg"]}}},o={},a={args:{children:[e.jsx(i.Term,{children:"Blinde, slechtziende"},1),e.jsx(i.Description,{children:"Persoon met een visuele beperking"},2),e.jsx(i.Description,{children:"Persoon met een visuele handicap"},3),e.jsx(i.Description,{children:"Persoon die blind is"},4),e.jsx(i.Description,{children:"Persoon die slechtziend is"},5)]}},c={args:{termsWidth:"md",children:[e.jsx(i.Term,{children:"Achternaam"},1),e.jsx(i.Description,{children:"De naam die een persoon van zijn of haar ouders krijgt"},2),e.jsxs(i.Section,{children:[e.jsx(i.Term,{children:"Voornaam"}),e.jsx(i.Term,{children:"Roepnaam"}),e.jsx(i.Term,{children:"Bijnaam"}),e.jsx(i.Description,{children:"De naam waarmee een persoon wordt aangesproken"})]},3),e.jsx(i.Term,{children:"Geboortedatum"},4),e.jsx(i.Description,{children:"De datum waarop een persoon is geboren"},5)]}},d={render:r=>e.jsxs(i,{...r,children:[e.jsx(i.Term,{children:"Amsterdam Light Festival"},1),e.jsxs(i.Description,{children:[e.jsxs(U,{className:"ams-mb--sm",inverseColor:r.inverseColor,children:["Een jaarlijks evenement waarbij kunstenaars van over de hele wereld hun"," ",e.jsx("strong",{children:"creatieve lichtinstallaties"})," tonen. De kunstwerken zijn verspreid over de stad en zijn zowel vanaf het water als vanaf de kant te bewonderen."]}),e.jsxs(l,{inverseColor:r.inverseColor,children:[e.jsx(l.Item,{children:"Kleed je warm aan, want de meeste exposities zijn buiten."}),e.jsx(l.Item,{children:"Er zijn begeleide boottochten en wandelroutes beschikbaar."}),e.jsxs(l.Item,{children:["Voor de volledige lijst met exposities kun je"," ",e.jsx(E,{href:"#",inverseColor:r.inverseColor,children:"de festivalbrochure downloaden"}),"."]})]})]},2)]})},p={args:{inverseColor:!0}};var h,L,j;o.parameters={...o.parameters,docs:{...(h=o.parameters)==null?void 0:h.docs,source:{originalSource:"{}",...(j=(L=o.parameters)==null?void 0:L.docs)==null?void 0:j.source}}};var u,g,v;a.parameters={...a.parameters,docs:{...(u=a.parameters)==null?void 0:u.docs,source:{originalSource:`{ +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{P as U,U as l,L as E}from"./index.esm-BsC3rSRZ.js";import{c as m}from"./clsx-B-dksMZM.js";import{r as D}from"./index-RigO-4kf.js";const N=D.forwardRef(({children:r,className:n,...t},s)=>e.jsx("dd",{...t,ref:s,className:m("ams-description-list__description",n),children:r}));N.displayName="DescriptionList.Description";try{DescriptionList.Description.displayName="DescriptionList.Description",DescriptionList.Description.__docgenInfo={description:"",displayName:"DescriptionList.Description",props:{}}}catch{}const S=D.forwardRef(({children:r,className:n,...t},s)=>e.jsx("div",{...t,ref:s,className:m("ams-description-list__section",n),children:r}));S.displayName="DescriptionList.Section";try{DescriptionList.Section.displayName="DescriptionList.Section",DescriptionList.Section.__docgenInfo={description:"",displayName:"DescriptionList.Section",props:{}}}catch{}const z=D.forwardRef(({children:r,className:n,...t},s)=>e.jsx("dt",{...t,ref:s,className:m("ams-description-list__term",n),children:r}));z.displayName="DescriptionList.Term";try{DescriptionList.Term.displayName="DescriptionList.Term",DescriptionList.Term.__docgenInfo={description:"",displayName:"DescriptionList.Term",props:{}}}catch{}const I=D.forwardRef(({children:r,className:n,inverseColor:t,termsWidth:s,...P},R)=>e.jsx("dl",{...P,ref:R,className:m("ams-description-list",s&&`ams-description-list--terms-width-${s}`,t&&"ams-description-list--inverse-color",n),children:r}));I.displayName="DescriptionList";const i=Object.assign(I,{Description:N,Section:S,Term:z});try{i.displayName="DescriptionList",i.__docgenInfo={description:"",displayName:"DescriptionList",props:{inverseColor:{defaultValue:null,description:"Changes the text colour for readability on a dark background.",name:"inverseColor",required:!1,type:{name:"boolean"}},termsWidth:{defaultValue:null,description:"",name:"termsWidth",required:!1,type:{name:"enum",value:[{value:'"sm"'},{value:'"md"'},{value:'"lg"'}]}}}}}catch{}const M={title:"Components/Text/Description List",component:i,args:{children:[e.jsx(i.Term,{children:"Het hoger onderwijs"},1),e.jsx(i.Description,{children:"Het hbo en wo"},2),e.jsx(i.Term,{children:"Het mbo en hoger onderwijs"},3),e.jsx(i.Description,{children:"Het vervolgonderwijs"},4),e.jsx(i.Term,{children:"Laagopgeleid"},5),e.jsx(i.Description,{children:"Praktisch opgeleid"},6),e.jsx(i.Term,{children:"Hoogopgeleid"},7),e.jsx(i.Description,{children:"Theoretisch opgeleid"},8),e.jsx(i.Term,{children:"Opleidingsniveau"},9),e.jsx(i.Description,{children:"Onderwijsrichting"},10)],inverseColor:!1},argTypes:{termsWidth:{control:{type:"radio",labels:{undefined:"auto",sm:"small",md:"medium",lg:"large"}},options:[void 0,"sm","md","lg"]}}},o={},a={args:{children:[e.jsx(i.Term,{children:"Blinde, slechtziende"},1),e.jsx(i.Description,{children:"Persoon met een visuele beperking"},2),e.jsx(i.Description,{children:"Persoon met een visuele handicap"},3),e.jsx(i.Description,{children:"Persoon die blind is"},4),e.jsx(i.Description,{children:"Persoon die slechtziend is"},5)]}},c={args:{termsWidth:"md",children:[e.jsx(i.Term,{children:"Achternaam"},1),e.jsx(i.Description,{children:"De naam die een persoon van zijn of haar ouders krijgt"},2),e.jsxs(i.Section,{children:[e.jsx(i.Term,{children:"Voornaam"}),e.jsx(i.Term,{children:"Roepnaam"}),e.jsx(i.Term,{children:"Bijnaam"}),e.jsx(i.Description,{children:"De naam waarmee een persoon wordt aangesproken"})]},3),e.jsx(i.Term,{children:"Geboortedatum"},4),e.jsx(i.Description,{children:"De datum waarop een persoon is geboren"},5)]}},d={render:r=>e.jsxs(i,{...r,children:[e.jsx(i.Term,{children:"Amsterdam Light Festival"},1),e.jsxs(i.Description,{children:[e.jsxs(U,{className:"ams-mb--sm",inverseColor:r.inverseColor,children:["Een jaarlijks evenement waarbij kunstenaars van over de hele wereld hun"," ",e.jsx("strong",{children:"creatieve lichtinstallaties"})," tonen. De kunstwerken zijn verspreid over de stad en zijn zowel vanaf het water als vanaf de kant te bewonderen."]}),e.jsxs(l,{inverseColor:r.inverseColor,children:[e.jsx(l.Item,{children:"Kleed je warm aan, want de meeste exposities zijn buiten."}),e.jsx(l.Item,{children:"Er zijn begeleide boottochten en wandelroutes beschikbaar."}),e.jsxs(l.Item,{children:["Voor de volledige lijst met exposities kun je"," ",e.jsx(E,{href:"#",inverseColor:r.inverseColor,children:"de festivalbrochure downloaden"}),"."]})]})]},2)]})},p={args:{inverseColor:!0}};var h,L,j;o.parameters={...o.parameters,docs:{...(h=o.parameters)==null?void 0:h.docs,source:{originalSource:"{}",...(j=(L=o.parameters)==null?void 0:L.docs)==null?void 0:j.source}}};var u,g,v;a.parameters={...a.parameters,docs:{...(u=a.parameters)==null?void 0:u.docs,source:{originalSource:`{ args: { children: [Blinde, slechtziende, Persoon met een visuele beperking, Persoon met een visuele handicap, Persoon die blind is, Persoon die slechtziend is] } diff --git a/demo-develop/assets/Dialog.docs-VGjR6Hca.js b/demo-develop/assets/Dialog.docs-t4wBFqJO.js similarity index 94% rename from demo-develop/assets/Dialog.docs-VGjR6Hca.js rename to demo-develop/assets/Dialog.docs-t4wBFqJO.js index c85e918bf7..de1bff926c 100644 --- a/demo-develop/assets/Dialog.docs-VGjR6Hca.js +++ b/demo-develop/assets/Dialog.docs-t4wBFqJO.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 l,aq as r,ar as a,as as c,at as t}from"./index-CWKCY_Bl.js";import{D as h,O as d,A as m,W as p}from"./Dialog.stories-DS9y1BJB.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DBQNO3fk.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-4tYMzfzc.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";import"./Heading-kLxhGLS-.js";import"./getHeadingTag-Dv1eMqvl.js";import"./IconButton-Crov6BLL.js";import"./Icon-CPe807nE.js";const u=` +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as s}from"./index-3rgQkYFR.js";import{ae as l,aq as r,ar as a,as as c,at as t}from"./index-CmcJchMs.js";import{D as h,O as d,A as m,W as p}from"./Dialog.stories-04FeFLAf.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CN_8E5Aq.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-BsC3rSRZ.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";import"./Heading-kLxhGLS-.js";import"./getHeadingTag-Dv1eMqvl.js";import"./IconButton-Crov6BLL.js";import"./Icon-CPe807nE.js";const u=` # Dialog diff --git a/demo-develop/assets/Dialog.stories-DS9y1BJB.js b/demo-develop/assets/Dialog.stories-04FeFLAf.js similarity index 99% rename from demo-develop/assets/Dialog.stories-DS9y1BJB.js rename to demo-develop/assets/Dialog.stories-04FeFLAf.js index 9c4b8619c1..0420276a3b 100644 --- a/demo-develop/assets/Dialog.stories-DS9y1BJB.js +++ b/demo-develop/assets/Dialog.stories-04FeFLAf.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{P as r,A as g,a as l,C as G,H as m}from"./index.esm-4tYMzfzc.js";import{c as H}from"./clsx-B-dksMZM.js";import{r as O}from"./index-RigO-4kf.js";import{H as V}from"./Heading-kLxhGLS-.js";import{I as T}from"./IconButton-Crov6BLL.js";const A=a=>{var n;return(n=a.currentTarget.closest("dialog"))==null?void 0:n.close()},W=a=>{var n;return(n=document.querySelector(a))==null?void 0:n.showModal()},z=O.forwardRef(({children:a,className:n,closeButtonLabel:_="Sluiten",footer:c,heading:N,...P},B)=>e.jsxs("dialog",{...P,ref:B,className:H("ams-dialog",n),children:[e.jsxs("header",{className:"ams-dialog__header",children:[e.jsx(V,{size:"level-4",children:N}),e.jsx(T,{label:_,onClick:A,size:"level-4",type:"button"})]}),e.jsx("div",{className:"ams-dialog__body",children:a}),c&&e.jsx("footer",{className:"ams-dialog__footer",children:c})]}));z.displayName="Dialog";const o=Object.assign(z,{close:A,open:W});try{o.displayName="Dialog",o.__docgenInfo={description:"",displayName:"Dialog",props:{closeButtonLabel:{defaultValue:{value:"Sluiten"},description:"The label for the button that dismisses the Dialog.",name:"closeButtonLabel",required:!1,type:{name:"string"}},footer:{defaultValue:null,description:"Content for the footer, often one Button or an Action Group containing more of them.",name:"footer",required:!1,type:{name:"ReactNode"}},heading:{defaultValue:null,description:"The text for the Heading.",name:"heading",required:!0,type:{name:"string"}}}}}catch{}const S=a=>e.jsx("form",{id:a,method:"dialog",children:e.jsx(r,{children:"Weet u zeker dat u door wilt gaan met het uitvoeren van deze actie? Gegevens die nog niet opgeslagen zijn gaan dan verloren."})}),C=a=>e.jsxs(g,{children:[e.jsx(l,{form:a,type:"submit",value:"submit",children:"Doorgaan"}),e.jsx(l,{onClick:o.close,variant:"tertiary",children:"Stoppen"})]}),E={title:"Components/Containers/Dialog",component:o,args:{children:S("ams-dialog-form"),footer:C("ams-dialog-form"),heading:"Niet alle gegevens zijn opgeslagen"},argTypes:{footer:{table:{disable:!0}},heading:{description:"The text for the heading."},open:{description:"Whether the dialog box is active and available for interaction."}}},t={args:{children:e.jsx(r,{children:"De gegevens zijn opgeslagen."}),footer:e.jsx(g,{children:e.jsx(l,{onClick:o.close,variant:"primary",children:"Sluiten"})}),heading:"Gelukt",open:!0},decorators:[a=>e.jsx("div",{className:"ams-docs-backdrop",children:e.jsx(a,{})})],parameters:{docs:{story:{height:"28rem"}},layout:"fullscreen"}},s={args:{id:"ams-dialog"},decorators:[a=>e.jsxs("div",{children:[e.jsx(l,{onClick:()=>o.open("#ams-dialog"),children:"Open Dialog"}),e.jsx(a,{})]})]},i={args:{children:S("ams-dialog-asking-to-confirm-form"),footer:C("ams-dialog-asking-to-confirm-form"),open:!0},decorators:[a=>e.jsx("div",{className:"ams-docs-backdrop",children:e.jsx(a,{})})],parameters:{docs:{story:{height:"32rem"}},layout:"fullscreen"}},d={args:{children:e.jsxs(G,{gap:"small",children:[e.jsx(m,{level:2,size:"level-5",children:"Algemeen"}),e.jsx(r,{children:"De gemeente Amsterdam verwerkt bij de uitvoering van haar taken en verplichtingen persoonsgegevens. De manier waarop de gemeente Amsterdam om gaat met persoonsgegevens is vastgelegd in het stedelijk kader verwerken persoonsgegevens."}),e.jsx(r,{children:"Deze verklaring geeft aanvullende informatie over de omgang met persoonsgegevens door de gemeente Amsterdam en over uw mogelijkheden tot het uitoefenen van uw rechten met betrekking tot persoonsgegevens."}),e.jsx(r,{children:"Meer specifieke informatie over privacy en de verwerking van persoonsgegevens door de gemeente Amsterdam kunt u op de hoofdpagina vinden."}),e.jsx(r,{children:"Vanwege nieuwe wetgeving of andere ontwikkelingen, past de gemeente regelmatig haar processen aan. Dit kunnen ook wijzigingen zijn in de wijze van het verwerken van persoonsgegevens. Wij raden u daarom aan om regelmatig deze pagina te bekijken. Deze pagina wordt doorlopend geactualiseerd."}),e.jsx(m,{level:2,size:"level-5",children:"Geldende wet- en regelgeving en reikwijdte"}),e.jsx(r,{children:"Vanaf 25 mei 2018 is de Algemene verordening gegevensbescherming (Avg) van toepassing op alle verwerkingen van persoonsgegevens. Deze Europese wetgeving heeft directe werking in Nederland. Voor die zaken die nationaal geregeld moeten worden, is de Uitvoeringswet Avg in Nederland aanvullend van toepassing. Deze wetteksten kunt u vinden op de website van Autoriteit Persoonsgegevens."})]}),footer:e.jsx(g,{children:e.jsx(l,{onClick:o.close,children:"Sluiten"})}),heading:"Privacyverklaring gemeente Amsterdam",open:!0},decorators:[a=>e.jsx("div",{className:"ams-docs-backdrop",children:e.jsx(a,{})})],parameters:{docs:{story:{height:"100vh"}},layout:"fullscreen"}};var p,v,u;t.parameters={...t.parameters,docs:{...(p=t.parameters)==null?void 0:p.docs,source:{originalSource:`{ +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{P as r,A as g,B as l,C as G,H as m}from"./index.esm-BsC3rSRZ.js";import{c as H}from"./clsx-B-dksMZM.js";import{r as O}from"./index-RigO-4kf.js";import{H as V}from"./Heading-kLxhGLS-.js";import{I as T}from"./IconButton-Crov6BLL.js";const A=a=>{var n;return(n=a.currentTarget.closest("dialog"))==null?void 0:n.close()},W=a=>{var n;return(n=document.querySelector(a))==null?void 0:n.showModal()},z=O.forwardRef(({children:a,className:n,closeButtonLabel:_="Sluiten",footer:c,heading:N,...P},B)=>e.jsxs("dialog",{...P,ref:B,className:H("ams-dialog",n),children:[e.jsxs("header",{className:"ams-dialog__header",children:[e.jsx(V,{size:"level-4",children:N}),e.jsx(T,{label:_,onClick:A,size:"level-4",type:"button"})]}),e.jsx("div",{className:"ams-dialog__body",children:a}),c&&e.jsx("footer",{className:"ams-dialog__footer",children:c})]}));z.displayName="Dialog";const o=Object.assign(z,{close:A,open:W});try{o.displayName="Dialog",o.__docgenInfo={description:"",displayName:"Dialog",props:{closeButtonLabel:{defaultValue:{value:"Sluiten"},description:"The label for the button that dismisses the Dialog.",name:"closeButtonLabel",required:!1,type:{name:"string"}},footer:{defaultValue:null,description:"Content for the footer, often one Button or an Action Group containing more of them.",name:"footer",required:!1,type:{name:"ReactNode"}},heading:{defaultValue:null,description:"The text for the Heading.",name:"heading",required:!0,type:{name:"string"}}}}}catch{}const S=a=>e.jsx("form",{id:a,method:"dialog",children:e.jsx(r,{children:"Weet u zeker dat u door wilt gaan met het uitvoeren van deze actie? Gegevens die nog niet opgeslagen zijn gaan dan verloren."})}),C=a=>e.jsxs(g,{children:[e.jsx(l,{form:a,type:"submit",value:"submit",children:"Doorgaan"}),e.jsx(l,{onClick:o.close,variant:"tertiary",children:"Stoppen"})]}),E={title:"Components/Containers/Dialog",component:o,args:{children:S("ams-dialog-form"),footer:C("ams-dialog-form"),heading:"Niet alle gegevens zijn opgeslagen"},argTypes:{footer:{table:{disable:!0}},heading:{description:"The text for the heading."},open:{description:"Whether the dialog box is active and available for interaction."}}},t={args:{children:e.jsx(r,{children:"De gegevens zijn opgeslagen."}),footer:e.jsx(g,{children:e.jsx(l,{onClick:o.close,variant:"primary",children:"Sluiten"})}),heading:"Gelukt",open:!0},decorators:[a=>e.jsx("div",{className:"ams-docs-backdrop",children:e.jsx(a,{})})],parameters:{docs:{story:{height:"28rem"}},layout:"fullscreen"}},s={args:{id:"ams-dialog"},decorators:[a=>e.jsxs("div",{children:[e.jsx(l,{onClick:()=>o.open("#ams-dialog"),children:"Open Dialog"}),e.jsx(a,{})]})]},i={args:{children:S("ams-dialog-asking-to-confirm-form"),footer:C("ams-dialog-asking-to-confirm-form"),open:!0},decorators:[a=>e.jsx("div",{className:"ams-docs-backdrop",children:e.jsx(a,{})})],parameters:{docs:{story:{height:"32rem"}},layout:"fullscreen"}},d={args:{children:e.jsxs(G,{gap:"small",children:[e.jsx(m,{level:2,size:"level-5",children:"Algemeen"}),e.jsx(r,{children:"De gemeente Amsterdam verwerkt bij de uitvoering van haar taken en verplichtingen persoonsgegevens. De manier waarop de gemeente Amsterdam om gaat met persoonsgegevens is vastgelegd in het stedelijk kader verwerken persoonsgegevens."}),e.jsx(r,{children:"Deze verklaring geeft aanvullende informatie over de omgang met persoonsgegevens door de gemeente Amsterdam en over uw mogelijkheden tot het uitoefenen van uw rechten met betrekking tot persoonsgegevens."}),e.jsx(r,{children:"Meer specifieke informatie over privacy en de verwerking van persoonsgegevens door de gemeente Amsterdam kunt u op de hoofdpagina vinden."}),e.jsx(r,{children:"Vanwege nieuwe wetgeving of andere ontwikkelingen, past de gemeente regelmatig haar processen aan. Dit kunnen ook wijzigingen zijn in de wijze van het verwerken van persoonsgegevens. Wij raden u daarom aan om regelmatig deze pagina te bekijken. Deze pagina wordt doorlopend geactualiseerd."}),e.jsx(m,{level:2,size:"level-5",children:"Geldende wet- en regelgeving en reikwijdte"}),e.jsx(r,{children:"Vanaf 25 mei 2018 is de Algemene verordening gegevensbescherming (Avg) van toepassing op alle verwerkingen van persoonsgegevens. Deze Europese wetgeving heeft directe werking in Nederland. Voor die zaken die nationaal geregeld moeten worden, is de Uitvoeringswet Avg in Nederland aanvullend van toepassing. Deze wetteksten kunt u vinden op de website van Autoriteit Persoonsgegevens."})]}),footer:e.jsx(g,{children:e.jsx(l,{onClick:o.close,children:"Sluiten"})}),heading:"Privacyverklaring gemeente Amsterdam",open:!0},decorators:[a=>e.jsx("div",{className:"ams-docs-backdrop",children:e.jsx(a,{})})],parameters:{docs:{story:{height:"100vh"}},layout:"fullscreen"}};var p,v,u;t.parameters={...t.parameters,docs:{...(p=t.parameters)==null?void 0:p.docs,source:{originalSource:`{ args: { children: De gegevens zijn opgeslagen., footer: diff --git a/demo-develop/assets/DocsRenderer-CFRXHY34-ExUBgdgH.js b/demo-develop/assets/DocsRenderer-CFRXHY34-DmNiVrGT.js similarity index 91% rename from demo-develop/assets/DocsRenderer-CFRXHY34-ExUBgdgH.js rename to demo-develop/assets/DocsRenderer-CFRXHY34-DmNiVrGT.js index 9861ceb2f5..712fb1f72d 100644 --- a/demo-develop/assets/DocsRenderer-CFRXHY34-ExUBgdgH.js +++ b/demo-develop/assets/DocsRenderer-CFRXHY34-DmNiVrGT.js @@ -1,2 +1,2 @@ const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./index-3rgQkYFR.js","./index-RigO-4kf.js","./_commonjsHelpers-CqkleIqs.js","./index-D2MAbzvX.js"])))=>i.map(i=>d[i]); -import{_ as p}from"./iframe-DBQNO3fk.js";import{R as e,r as c}from"./index-RigO-4kf.js";import{ag as l,ah as u,ai as h,aj as E}from"./index-CWKCY_Bl.js";import{renderElement as d,unmountElement as x}from"./react-18-1O4HD-Mi.js";import"../sb-preview/runtime.js";import"./_commonjsHelpers-CqkleIqs.js";import"./index-D2MAbzvX.js";import"./jsx-runtime-BjgbQsUx.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";var _={code:l,a:u,...h},D=class extends c.Component{constructor(){super(...arguments),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(t){let{showException:r}=this.props;r(t)}render(){let{hasError:t}=this.state,{children:r}=this.props;return t?null:e.createElement(e.Fragment,null,r)}},T=class{constructor(){this.render=async(t,r,n)=>{let s={..._,...r==null?void 0:r.components},a=E;return new Promise((i,m)=>{p(async()=>{const{MDXProvider:o}=await import("./index-3rgQkYFR.js");return{MDXProvider:o}},__vite__mapDeps([0,1,2,3]),import.meta.url).then(({MDXProvider:o})=>d(e.createElement(D,{showException:m,key:Math.random()},e.createElement(o,{components:s},e.createElement(a,{context:t,docsParameter:r}))),n)).then(()=>i())})},this.unmount=t=>{x(t)}}};export{T as DocsRenderer,_ as defaultComponents}; +import{_ as p}from"./iframe-CN_8E5Aq.js";import{R as e,r as c}from"./index-RigO-4kf.js";import{ag as l,ah as u,ai as h,aj as E}from"./index-CmcJchMs.js";import{renderElement as d,unmountElement as x}from"./react-18-1O4HD-Mi.js";import"../sb-preview/runtime.js";import"./_commonjsHelpers-CqkleIqs.js";import"./index-D2MAbzvX.js";import"./jsx-runtime-BjgbQsUx.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";var _={code:l,a:u,...h},D=class extends c.Component{constructor(){super(...arguments),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(t){let{showException:r}=this.props;r(t)}render(){let{hasError:t}=this.state,{children:r}=this.props;return t?null:e.createElement(e.Fragment,null,r)}},T=class{constructor(){this.render=async(t,r,n)=>{let s={..._,...r==null?void 0:r.components},a=E;return new Promise((i,m)=>{p(async()=>{const{MDXProvider:o}=await import("./index-3rgQkYFR.js");return{MDXProvider:o}},__vite__mapDeps([0,1,2,3]),import.meta.url).then(({MDXProvider:o})=>d(e.createElement(D,{showException:m,key:Math.random()},e.createElement(o,{components:s},e.createElement(a,{context:t,docsParameter:r}))),n)).then(()=>i())})},this.unmount=t=>{x(t)}}};export{T as DocsRenderer,_ as defaultComponents}; diff --git a/demo-develop/assets/ErrorMessage.docs-CJpARo85.js b/demo-develop/assets/ErrorMessage.docs-DQSVd5l1.js similarity index 94% rename from demo-develop/assets/ErrorMessage.docs-CJpARo85.js rename to demo-develop/assets/ErrorMessage.docs-DQSVd5l1.js index 2b4d6d435a..0e0241625b 100644 --- a/demo-develop/assets/ErrorMessage.docs-CJpARo85.js +++ b/demo-develop/assets/ErrorMessage.docs-DQSVd5l1.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 i,aq as a,ar as m,as as c,at as r}from"./index-CWKCY_Bl.js";import{E as h,C as d,W as p}from"./ErrorMessage.stories-Be50a9um.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DBQNO3fk.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-Bz9pa_xK.js";import"./clsx-B-dksMZM.js";import"./Icon-CPe807nE.js";const f=` +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as s}from"./index-3rgQkYFR.js";import{ae as i,aq as a,ar as m,as as c,at as r}from"./index-CmcJchMs.js";import{E as h,C as d,W as p}from"./ErrorMessage.stories-Be50a9um.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CN_8E5Aq.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-Bz9pa_xK.js";import"./clsx-B-dksMZM.js";import"./Icon-CPe807nE.js";const f=` # Error Message diff --git a/demo-develop/assets/Field.docs-zQZmndNx.js b/demo-develop/assets/Field.docs-CkW0wf43.js similarity index 88% rename from demo-develop/assets/Field.docs-zQZmndNx.js rename to demo-develop/assets/Field.docs-CkW0wf43.js index 1e67df554a..7a8f5326bf 100644 --- a/demo-develop/assets/Field.docs-zQZmndNx.js +++ b/demo-develop/assets/Field.docs-CkW0wf43.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as o}from"./index-3rgQkYFR.js";import{ae as s,aq as a,ar as d,as as c,at as i}from"./index-CWKCY_Bl.js";import{F as h,W as p,a as l}from"./Field.stories-b1orfqx_.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DBQNO3fk.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-4tYMzfzc.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";const m=` +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as o}from"./index-3rgQkYFR.js";import{ae as s,aq as a,ar as d,as as c,at as i}from"./index-CmcJchMs.js";import{F as h,W as p,a as l}from"./Field.stories-BBREzpL9.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CN_8E5Aq.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-BsC3rSRZ.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";const m=` # Field diff --git a/demo-develop/assets/Field.stories-b1orfqx_.js b/demo-develop/assets/Field.stories-BBREzpL9.js similarity index 96% rename from demo-develop/assets/Field.stories-b1orfqx_.js rename to demo-develop/assets/Field.stories-BBREzpL9.js index 62db54a46b..35a8de0174 100644 --- a/demo-develop/assets/Field.stories-b1orfqx_.js +++ b/demo-develop/assets/Field.stories-BBREzpL9.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{f as d,T as t,P as f,E as y}from"./index.esm-4tYMzfzc.js";import{c as W}from"./clsx-B-dksMZM.js";import{r as _}from"./index-RigO-4kf.js";const a=_.forwardRef(({children:i,className:x,invalid:j,...F},b)=>e.jsx("div",{...F,ref:b,className:W("ams-field",j&&"ams-field--invalid",x),children:i}));a.displayName="Field";try{a.displayName="Field",a.__docgenInfo={description:"",displayName:"Field",props:{invalid:{defaultValue:null,description:"Whether the field has an input with a validation error",name:"invalid",required:!1,type:{name:"boolean"}}}}}catch{}const T={title:"Components/Forms/Field",component:a,args:{invalid:!1}},r={render:i=>e.jsxs(a,{invalid:i.invalid,children:[e.jsx(d,{htmlFor:"input1",children:"Waar gaat het om?"}),e.jsx(t,{id:"input1",invalid:i.invalid})]})},n={render:i=>e.jsxs(a,{invalid:i.invalid,children:[e.jsx(d,{htmlFor:"input2",children:"Waar gaat het om?"}),e.jsx(f,{id:"description1",size:"small",children:"Typ geen persoonsgegevens in deze omschrijving. We vragen dit later in dit formulier aan u."}),e.jsx(t,{id:"input2","aria-describedby":"description1",invalid:i.invalid})]})},s={args:{invalid:!0},render:i=>e.jsxs(a,{invalid:i.invalid,children:[e.jsx(d,{htmlFor:"input3",children:"Waar gaat het om?"}),e.jsx(f,{id:"description2",size:"small",children:"Typ geen persoonsgegevens in deze omschrijving. We vragen dit later in dit formulier aan u."}),e.jsx(y,{id:"error",children:"Geef aan waar het om gaat."}),e.jsx(t,{id:"input3","aria-describedby":"description2 error","aria-required":!0,invalid:i.invalid})]})};var o,l,p;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{e as d,T as t,P as f,E as y}from"./index.esm-BsC3rSRZ.js";import{c as W}from"./clsx-B-dksMZM.js";import{r as _}from"./index-RigO-4kf.js";const a=_.forwardRef(({children:i,className:x,invalid:j,...F},b)=>e.jsx("div",{...F,ref:b,className:W("ams-field",j&&"ams-field--invalid",x),children:i}));a.displayName="Field";try{a.displayName="Field",a.__docgenInfo={description:"",displayName:"Field",props:{invalid:{defaultValue:null,description:"Whether the field has an input with a validation error",name:"invalid",required:!1,type:{name:"boolean"}}}}}catch{}const T={title:"Components/Forms/Field",component:a,args:{invalid:!1}},r={render:i=>e.jsxs(a,{invalid:i.invalid,children:[e.jsx(d,{htmlFor:"input1",children:"Waar gaat het om?"}),e.jsx(t,{id:"input1",invalid:i.invalid})]})},n={render:i=>e.jsxs(a,{invalid:i.invalid,children:[e.jsx(d,{htmlFor:"input2",children:"Waar gaat het om?"}),e.jsx(f,{id:"description1",size:"small",children:"Typ geen persoonsgegevens in deze omschrijving. We vragen dit later in dit formulier aan u."}),e.jsx(t,{id:"input2","aria-describedby":"description1",invalid:i.invalid})]})},s={args:{invalid:!0},render:i=>e.jsxs(a,{invalid:i.invalid,children:[e.jsx(d,{htmlFor:"input3",children:"Waar gaat het om?"}),e.jsx(f,{id:"description2",size:"small",children:"Typ geen persoonsgegevens in deze omschrijving. We vragen dit later in dit formulier aan u."}),e.jsx(y,{id:"error",children:"Geef aan waar het om gaat."}),e.jsx(t,{id:"input3","aria-describedby":"description2 error","aria-required":!0,invalid:i.invalid})]})};var o,l,p;r.parameters={...r.parameters,docs:{...(o=r.parameters)==null?void 0:o.docs,source:{originalSource:`{ render: args => diff --git a/demo-develop/assets/FieldSet.docs-DlkGufdt.js b/demo-develop/assets/FieldSet.docs-DuIzrpHl.js similarity index 96% rename from demo-develop/assets/FieldSet.docs-DlkGufdt.js rename to demo-develop/assets/FieldSet.docs-DuIzrpHl.js index 5367a02e8c..54d91cb0ae 100644 --- a/demo-develop/assets/FieldSet.docs-DlkGufdt.js +++ b/demo-develop/assets/FieldSet.docs-DuIzrpHl.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as o}from"./index-3rgQkYFR.js";import{ae as s,aq as a,ar as d,as as l,at as t}from"./index-CWKCY_Bl.js";import{F as h,W as c,a as p,b as u,R as x,c as j,C as g,d as m}from"./FieldSet.stories-U0Fo5-7l.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DBQNO3fk.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-4tYMzfzc.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";import"./Hint-ny2kNNgA.js";const f=` +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as o}from"./index-3rgQkYFR.js";import{ae as s,aq as a,ar as d,as as l,at as t}from"./index-CmcJchMs.js";import{F as h,W as c,a as p,b as u,R as x,c as j,C as g,d as m}from"./FieldSet.stories-B50Z4MLC.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CN_8E5Aq.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-BsC3rSRZ.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";import"./Hint-ny2kNNgA.js";const f=` # Field Set diff --git a/demo-develop/assets/FieldSet.stories-U0Fo5-7l.js b/demo-develop/assets/FieldSet.stories-B50Z4MLC.js similarity index 98% rename from demo-develop/assets/FieldSet.stories-U0Fo5-7l.js rename to demo-develop/assets/FieldSet.stories-B50Z4MLC.js index ad3003921b..205c9f4ca0 100644 --- a/demo-develop/assets/FieldSet.stories-U0Fo5-7l.js +++ b/demo-develop/assets/FieldSet.stories-B50Z4MLC.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{e as l,f as s,E as r,T as t,P as o,C as F,R as d,g as n}from"./index.esm-4tYMzfzc.js";import{c as Q}from"./clsx-B-dksMZM.js";import{r as X}from"./index-RigO-4kf.js";import{H as Y}from"./Hint-ny2kNNgA.js";const i=X.forwardRef(({children:a,className:u,hint:m,invalid:c,legend:U,optional:B,...J},K)=>e.jsxs("fieldset",{...J,ref:K,className:Q("ams-field-set",c&&"ams-field-set--invalid",u),children:[e.jsxs("legend",{className:"ams-field-set__legend",children:[U," ",e.jsx(Y,{hint:m,optional:B})]}),a]}));i.displayName="FieldSet";try{i.displayName="FieldSet",i.__docgenInfo={description:"",displayName:"FieldSet",props:{invalid:{defaultValue:null,description:"Whether the field set has an input with a validation error",name:"invalid",required:!1,type:{name:"boolean"}},legend:{defaultValue:null,description:"The text for the caption.",name:"legend",required:!0,type:{name:"string"}},hint:{defaultValue:null,description:"Show a custom hint text.",name:"hint",required:!1,type:{name:"string"}},optional:{defaultValue:null,description:"Appends the text '(niet verplicht)' to the label or legend if no hint is provided. Use when the associated inputs are optional.",name:"optional",required:!1,type:{name:"boolean"}}}}}catch{}const Z={title:"Components/Forms/Field Set",component:i,args:{invalid:!1,legend:"Wat is uw naam?",optional:!1,hint:""},decorators:[a=>e.jsx("form",{children:e.jsx(a,{})})]},v={render:({invalid:a,legend:u,hint:m,optional:c})=>e.jsxs(i,{hint:m,invalid:a,legend:u,optional:c,children:[e.jsxs(l,{className:"ams-mb--sm",children:[e.jsx(s,{htmlFor:"input-a1",children:"Voornaam"}),a&&e.jsx(r,{id:"error-a1",children:"Vul uw voornaam in."}),e.jsx(t,{"aria-describedby":a?"error-a1":void 0,"aria-required":"true",id:"input-a1",invalid:a})]}),e.jsxs(l,{children:[e.jsx(s,{htmlFor:"input-a2",children:"Achternaam"}),a&&e.jsx(r,{id:"error-a2",children:"Vul uw achternaam in."}),e.jsx(t,{"aria-describedby":a?"error-a2":void 0,"aria-required":"true",id:"input-a2",invalid:a})]})]})},b={render:a=>e.jsxs(i,{"aria-describedby":"description-b",invalid:a.invalid,legend:a.legend,children:[e.jsx(o,{id:"description-b",size:"small",className:"ams-mb--sm",children:"Vul uw naam in zoals in uw paspoort staat."}),e.jsxs(l,{className:"ams-mb--sm",children:[e.jsx(s,{htmlFor:"input-b1",children:"Voornaam"}),a.invalid&&e.jsx(r,{id:"error-b1",children:"Vul uw voornaam in."}),e.jsx(t,{"aria-describedby":a.invalid?"error-b1":void 0,"aria-required":"true",id:"input-b1",invalid:a.invalid})]}),e.jsxs(l,{children:[e.jsx(s,{htmlFor:"input-b2",children:"Achternaam"}),a.invalid&&e.jsx(r,{id:"error-b2",children:"Vul uw achternaam in."}),e.jsx(t,{"aria-describedby":a.invalid?"error-b2":void 0,"aria-required":"true",id:"input-b2",invalid:a.invalid})]})]})},g={args:{optional:!1,hint:"verplicht"},render:({invalid:a,legend:u,hint:m,optional:c})=>e.jsxs(i,{hint:m,invalid:a,legend:u,optional:c,children:[e.jsxs(l,{className:"ams-mb--sm",children:[e.jsx(s,{htmlFor:"input-b3",children:"Voornaam"}),a&&e.jsx(r,{id:"error-b3",children:"Vul uw voornaam in."}),e.jsx(t,{"aria-describedby":a?"error-b3":void 0,"aria-required":"true",id:"input-b3",invalid:a})]}),e.jsxs(l,{children:[e.jsx(s,{htmlFor:"input-b4",children:"Achternaam"}),a&&e.jsx(r,{id:"error-b4",children:"Vul uw achternaam in."}),e.jsx(t,{"aria-describedby":a?"error-b4":void 0,"aria-required":"true",id:"input-b4",invalid:a})]})]})},p={args:{invalid:!0},render:a=>e.jsxs(i,{"aria-describedby":"description-c",invalid:a.invalid,legend:a.legend,children:[e.jsx(o,{id:"description-c",size:"small",className:"ams-mb--sm",children:"Vul uw naam in zoals in uw paspoort staat."}),e.jsxs(l,{className:"ams-mb--sm",children:[e.jsx(s,{htmlFor:"input-c1",children:"Voornaam"}),a.invalid&&e.jsx(r,{id:"error-c1",children:"Vul uw voornaam in."}),e.jsx(t,{"aria-describedby":a.invalid?"error-c1":void 0,"aria-required":"true",id:"input-c1",invalid:a.invalid})]}),e.jsxs(l,{children:[e.jsx(s,{htmlFor:"input-c2",children:"Achternaam"}),a.invalid&&e.jsx(r,{id:"error-c2",children:"Vul uw achternaam in."}),e.jsx(t,{"aria-describedby":a.invalid?"error-c2":void 0,"aria-required":"true",id:"input-c2",invalid:a.invalid})]})]})},h={args:{legend:"Waar gaat uw melding over?"},render:a=>e.jsxs(i,{"aria-describedby":`description-d${a.invalid?" error-d":""}`,"aria-required":"true",invalid:a.invalid,legend:a.legend,role:"radiogroup",children:[e.jsx(o,{className:"ams-mb--sm",id:"description-d",size:"small",children:"De laatstgenoemde melding."}),a.invalid&&e.jsx(r,{className:"ams-mb--sm",id:"error-d",children:"Geef aan waar uw laatstgenoemde melding over gaat."}),e.jsxs(F,{gap:"extra-small",children:[e.jsx(d,{"aria-required":"true",invalid:a.invalid,name:"about",value:"horeca",children:"Horecabedrijf"}),e.jsx(d,{"aria-required":"true",invalid:a.invalid,name:"about",value:"ander_bedrijf",children:"Ander soort bedrijf"}),e.jsx(d,{"aria-required":"true",invalid:a.invalid,name:"about",value:"evenement",children:"Evenement"}),e.jsx(d,{"aria-required":"true",invalid:a.invalid,name:"about",value:"anders",children:"Iets anders"})]})]})},x={args:{legend:"Waar gaat uw melding over?",invalid:!0},render:a=>e.jsxs(i,{"aria-describedby":`description-e${a.invalid?" error-e":""}`,"aria-required":"true",invalid:a.invalid,legend:a.legend,role:"radiogroup",children:[e.jsx(o,{className:"ams-mb--sm",id:"description-e",size:"small",children:"De laatstgenoemde melding."}),a.invalid&&e.jsx(r,{className:"ams-mb--sm",id:"error-e",children:"Geef aan waar uw laatstgenoemde melding over gaat."}),e.jsxs(F,{gap:"extra-small",children:[e.jsx(d,{"aria-required":"true",invalid:a.invalid,name:"about",value:"horeca",children:"Horecabedrijf"}),e.jsx(d,{"aria-required":"true",invalid:a.invalid,name:"about",value:"ander_bedrijf",children:"Ander soort bedrijf"}),e.jsx(d,{"aria-required":"true",invalid:a.invalid,name:"about",value:"evenement",children:"Evenement"}),e.jsx(d,{"aria-required":"true",invalid:a.invalid,name:"about",value:"anders",children:"Iets anders"})]})]})},j={args:{legend:"Waar gaat uw melding over?"},render:a=>e.jsxs(i,{"aria-labelledby":`fieldset-f description-f${a.invalid?" error-f":""}`,id:"fieldset-f",invalid:a.invalid,legend:a.legend,children:[e.jsx(o,{className:"ams-mb--sm",id:"description-f",size:"small",children:"De laatstgenoemde melding."}),a.invalid&&e.jsx(r,{className:"ams-mb--sm",id:"error-f",children:"Geef aan waar uw melding over gaat."}),e.jsxs(F,{gap:"extra-small",children:[e.jsx(n,{"aria-required":"true",invalid:a.invalid,name:"about",value:"horeca",children:"Horecabedrijf"}),e.jsx(n,{"aria-required":"true",invalid:a.invalid,name:"about",value:"ander_bedrijf",children:"Ander soort bedrijf"}),e.jsx(n,{"aria-required":"true",invalid:a.invalid,name:"about",value:"evenement",children:"Evenement"}),e.jsx(n,{"aria-required":"true",invalid:a.invalid,name:"about",value:"anders",children:"Iets anders"})]})]})},f={args:{invalid:!0,legend:"Waar gaat uw melding over?"},render:a=>e.jsxs(i,{"aria-labelledby":`fieldset-g description-g${a.invalid?" error-g":""}`,id:"fieldset-g",invalid:a.invalid,legend:a.legend,children:[e.jsx(o,{id:"description-g",size:"small",className:"ams-mb--sm",children:"De laatstgenoemde melding."}),a.invalid&&e.jsx(r,{className:"ams-mb--sm",id:"error-g",children:"Geef aan waar uw melding over gaat."}),e.jsxs(F,{gap:"extra-small",children:[e.jsx(n,{"aria-required":"true",invalid:a.invalid,name:"about",value:"horeca",children:"Horecabedrijf"}),e.jsx(n,{"aria-required":"true",invalid:a.invalid,name:"about",value:"ander_bedrijf",children:"Ander soort bedrijf"}),e.jsx(n,{"aria-required":"true",invalid:a.invalid,name:"about",value:"evenement",children:"Evenement"}),e.jsx(n,{"aria-required":"true",invalid:a.invalid,name:"about",value:"anders",children:"Iets anders"})]})]})};var q,w,y;v.parameters={...v.parameters,docs:{...(q=v.parameters)==null?void 0:q.docs,source:{originalSource:`{ +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{d as l,e as s,E as r,T as t,P as o,C as F,R as d,f as n}from"./index.esm-BsC3rSRZ.js";import{c as Q}from"./clsx-B-dksMZM.js";import{r as X}from"./index-RigO-4kf.js";import{H as Y}from"./Hint-ny2kNNgA.js";const i=X.forwardRef(({children:a,className:u,hint:m,invalid:c,legend:U,optional:B,...J},K)=>e.jsxs("fieldset",{...J,ref:K,className:Q("ams-field-set",c&&"ams-field-set--invalid",u),children:[e.jsxs("legend",{className:"ams-field-set__legend",children:[U," ",e.jsx(Y,{hint:m,optional:B})]}),a]}));i.displayName="FieldSet";try{i.displayName="FieldSet",i.__docgenInfo={description:"",displayName:"FieldSet",props:{invalid:{defaultValue:null,description:"Whether the field set has an input with a validation error",name:"invalid",required:!1,type:{name:"boolean"}},legend:{defaultValue:null,description:"The text for the caption.",name:"legend",required:!0,type:{name:"string"}},hint:{defaultValue:null,description:"Show a custom hint text.",name:"hint",required:!1,type:{name:"string"}},optional:{defaultValue:null,description:"Appends the text '(niet verplicht)' to the label or legend if no hint is provided. Use when the associated inputs are optional.",name:"optional",required:!1,type:{name:"boolean"}}}}}catch{}const Z={title:"Components/Forms/Field Set",component:i,args:{invalid:!1,legend:"Wat is uw naam?",optional:!1,hint:""},decorators:[a=>e.jsx("form",{children:e.jsx(a,{})})]},v={render:({invalid:a,legend:u,hint:m,optional:c})=>e.jsxs(i,{hint:m,invalid:a,legend:u,optional:c,children:[e.jsxs(l,{className:"ams-mb--sm",children:[e.jsx(s,{htmlFor:"input-a1",children:"Voornaam"}),a&&e.jsx(r,{id:"error-a1",children:"Vul uw voornaam in."}),e.jsx(t,{"aria-describedby":a?"error-a1":void 0,"aria-required":"true",id:"input-a1",invalid:a})]}),e.jsxs(l,{children:[e.jsx(s,{htmlFor:"input-a2",children:"Achternaam"}),a&&e.jsx(r,{id:"error-a2",children:"Vul uw achternaam in."}),e.jsx(t,{"aria-describedby":a?"error-a2":void 0,"aria-required":"true",id:"input-a2",invalid:a})]})]})},b={render:a=>e.jsxs(i,{"aria-describedby":"description-b",invalid:a.invalid,legend:a.legend,children:[e.jsx(o,{id:"description-b",size:"small",className:"ams-mb--sm",children:"Vul uw naam in zoals in uw paspoort staat."}),e.jsxs(l,{className:"ams-mb--sm",children:[e.jsx(s,{htmlFor:"input-b1",children:"Voornaam"}),a.invalid&&e.jsx(r,{id:"error-b1",children:"Vul uw voornaam in."}),e.jsx(t,{"aria-describedby":a.invalid?"error-b1":void 0,"aria-required":"true",id:"input-b1",invalid:a.invalid})]}),e.jsxs(l,{children:[e.jsx(s,{htmlFor:"input-b2",children:"Achternaam"}),a.invalid&&e.jsx(r,{id:"error-b2",children:"Vul uw achternaam in."}),e.jsx(t,{"aria-describedby":a.invalid?"error-b2":void 0,"aria-required":"true",id:"input-b2",invalid:a.invalid})]})]})},g={args:{optional:!1,hint:"verplicht"},render:({invalid:a,legend:u,hint:m,optional:c})=>e.jsxs(i,{hint:m,invalid:a,legend:u,optional:c,children:[e.jsxs(l,{className:"ams-mb--sm",children:[e.jsx(s,{htmlFor:"input-b3",children:"Voornaam"}),a&&e.jsx(r,{id:"error-b3",children:"Vul uw voornaam in."}),e.jsx(t,{"aria-describedby":a?"error-b3":void 0,"aria-required":"true",id:"input-b3",invalid:a})]}),e.jsxs(l,{children:[e.jsx(s,{htmlFor:"input-b4",children:"Achternaam"}),a&&e.jsx(r,{id:"error-b4",children:"Vul uw achternaam in."}),e.jsx(t,{"aria-describedby":a?"error-b4":void 0,"aria-required":"true",id:"input-b4",invalid:a})]})]})},p={args:{invalid:!0},render:a=>e.jsxs(i,{"aria-describedby":"description-c",invalid:a.invalid,legend:a.legend,children:[e.jsx(o,{id:"description-c",size:"small",className:"ams-mb--sm",children:"Vul uw naam in zoals in uw paspoort staat."}),e.jsxs(l,{className:"ams-mb--sm",children:[e.jsx(s,{htmlFor:"input-c1",children:"Voornaam"}),a.invalid&&e.jsx(r,{id:"error-c1",children:"Vul uw voornaam in."}),e.jsx(t,{"aria-describedby":a.invalid?"error-c1":void 0,"aria-required":"true",id:"input-c1",invalid:a.invalid})]}),e.jsxs(l,{children:[e.jsx(s,{htmlFor:"input-c2",children:"Achternaam"}),a.invalid&&e.jsx(r,{id:"error-c2",children:"Vul uw achternaam in."}),e.jsx(t,{"aria-describedby":a.invalid?"error-c2":void 0,"aria-required":"true",id:"input-c2",invalid:a.invalid})]})]})},h={args:{legend:"Waar gaat uw melding over?"},render:a=>e.jsxs(i,{"aria-describedby":`description-d${a.invalid?" error-d":""}`,"aria-required":"true",invalid:a.invalid,legend:a.legend,role:"radiogroup",children:[e.jsx(o,{className:"ams-mb--sm",id:"description-d",size:"small",children:"De laatstgenoemde melding."}),a.invalid&&e.jsx(r,{className:"ams-mb--sm",id:"error-d",children:"Geef aan waar uw laatstgenoemde melding over gaat."}),e.jsxs(F,{gap:"extra-small",children:[e.jsx(d,{"aria-required":"true",invalid:a.invalid,name:"about",value:"horeca",children:"Horecabedrijf"}),e.jsx(d,{"aria-required":"true",invalid:a.invalid,name:"about",value:"ander_bedrijf",children:"Ander soort bedrijf"}),e.jsx(d,{"aria-required":"true",invalid:a.invalid,name:"about",value:"evenement",children:"Evenement"}),e.jsx(d,{"aria-required":"true",invalid:a.invalid,name:"about",value:"anders",children:"Iets anders"})]})]})},x={args:{legend:"Waar gaat uw melding over?",invalid:!0},render:a=>e.jsxs(i,{"aria-describedby":`description-e${a.invalid?" error-e":""}`,"aria-required":"true",invalid:a.invalid,legend:a.legend,role:"radiogroup",children:[e.jsx(o,{className:"ams-mb--sm",id:"description-e",size:"small",children:"De laatstgenoemde melding."}),a.invalid&&e.jsx(r,{className:"ams-mb--sm",id:"error-e",children:"Geef aan waar uw laatstgenoemde melding over gaat."}),e.jsxs(F,{gap:"extra-small",children:[e.jsx(d,{"aria-required":"true",invalid:a.invalid,name:"about",value:"horeca",children:"Horecabedrijf"}),e.jsx(d,{"aria-required":"true",invalid:a.invalid,name:"about",value:"ander_bedrijf",children:"Ander soort bedrijf"}),e.jsx(d,{"aria-required":"true",invalid:a.invalid,name:"about",value:"evenement",children:"Evenement"}),e.jsx(d,{"aria-required":"true",invalid:a.invalid,name:"about",value:"anders",children:"Iets anders"})]})]})},j={args:{legend:"Waar gaat uw melding over?"},render:a=>e.jsxs(i,{"aria-labelledby":`fieldset-f description-f${a.invalid?" error-f":""}`,id:"fieldset-f",invalid:a.invalid,legend:a.legend,children:[e.jsx(o,{className:"ams-mb--sm",id:"description-f",size:"small",children:"De laatstgenoemde melding."}),a.invalid&&e.jsx(r,{className:"ams-mb--sm",id:"error-f",children:"Geef aan waar uw melding over gaat."}),e.jsxs(F,{gap:"extra-small",children:[e.jsx(n,{"aria-required":"true",invalid:a.invalid,name:"about",value:"horeca",children:"Horecabedrijf"}),e.jsx(n,{"aria-required":"true",invalid:a.invalid,name:"about",value:"ander_bedrijf",children:"Ander soort bedrijf"}),e.jsx(n,{"aria-required":"true",invalid:a.invalid,name:"about",value:"evenement",children:"Evenement"}),e.jsx(n,{"aria-required":"true",invalid:a.invalid,name:"about",value:"anders",children:"Iets anders"})]})]})},f={args:{invalid:!0,legend:"Waar gaat uw melding over?"},render:a=>e.jsxs(i,{"aria-labelledby":`fieldset-g description-g${a.invalid?" error-g":""}`,id:"fieldset-g",invalid:a.invalid,legend:a.legend,children:[e.jsx(o,{id:"description-g",size:"small",className:"ams-mb--sm",children:"De laatstgenoemde melding."}),a.invalid&&e.jsx(r,{className:"ams-mb--sm",id:"error-g",children:"Geef aan waar uw melding over gaat."}),e.jsxs(F,{gap:"extra-small",children:[e.jsx(n,{"aria-required":"true",invalid:a.invalid,name:"about",value:"horeca",children:"Horecabedrijf"}),e.jsx(n,{"aria-required":"true",invalid:a.invalid,name:"about",value:"ander_bedrijf",children:"Ander soort bedrijf"}),e.jsx(n,{"aria-required":"true",invalid:a.invalid,name:"about",value:"evenement",children:"Evenement"}),e.jsx(n,{"aria-required":"true",invalid:a.invalid,name:"about",value:"anders",children:"Iets anders"})]})]})};var q,w,y;v.parameters={...v.parameters,docs:{...(q=v.parameters)==null?void 0:q.docs,source:{originalSource:`{ render: ({ invalid, legend, diff --git a/demo-develop/assets/FileInput.docs-iwEMx53t.js b/demo-develop/assets/FileInput.docs-BpFxrK1Q.js similarity index 90% rename from demo-develop/assets/FileInput.docs-iwEMx53t.js rename to demo-develop/assets/FileInput.docs-BpFxrK1Q.js index 5fb0be52da..2fdaf91169 100644 --- a/demo-develop/assets/FileInput.docs-iwEMx53t.js +++ b/demo-develop/assets/FileInput.docs-BpFxrK1Q.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as o}from"./index-3rgQkYFR.js";import{ae as l,aq as r,ar as a,as as d,at as s}from"./index-CWKCY_Bl.js";import{F as c,M as p,R as h,D as m,I as f}from"./FileInput.stories-BDUZX2qT.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DBQNO3fk.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-4tYMzfzc.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";const x=` +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as o}from"./index-3rgQkYFR.js";import{ae as l,aq as r,ar as a,as as d,at as s}from"./index-CmcJchMs.js";import{F as c,M as p,R as h,D as m,I as f}from"./FileInput.stories-CQebXt5_.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CN_8E5Aq.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-BsC3rSRZ.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";const x=` # File Input diff --git a/demo-develop/assets/FileInput.stories-BDUZX2qT.js b/demo-develop/assets/FileInput.stories-CQebXt5_.js similarity index 94% rename from demo-develop/assets/FileInput.stories-BDUZX2qT.js rename to demo-develop/assets/FileInput.stories-CQebXt5_.js index 5a04e20b17..2c6e641a9d 100644 --- a/demo-develop/assets/FileInput.stories-BDUZX2qT.js +++ b/demo-develop/assets/FileInput.stories-CQebXt5_.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{e as D,f as L,P as O}from"./index.esm-4tYMzfzc.js";import{c as P}from"./clsx-B-dksMZM.js";import{r as R}from"./index-RigO-4kf.js";const i=R.forwardRef(({className:p,...I},S)=>e.jsx("input",{...I,ref:S,className:P("ams-file-input",p),type:"file"}));i.displayName="FileInput";try{i.displayName="FileInput",i.__docgenInfo={description:"",displayName:"FileInput",props:{}}}catch{}const v={title:"Components/Forms/File Input",component:i,args:{accept:void 0,multiple:!1,disabled:!1},argTypes:{accept:{control:{type:"text"}},multiple:{control:{type:"boolean"}},disabled:{control:{type:"boolean"}}}},r={},a={args:{multiple:!0}},s={args:{accept:"application/pdf"}},t={args:{disabled:!0}},o={render:p=>e.jsxs(D,{children:[e.jsx(L,{htmlFor:"input1",children:"Label"}),e.jsx(O,{id:"description1",size:"small",children:"Omschrijving."}),e.jsx(i,{"aria-describedby":"description1",id:"input1",...p})]})};var n,c,l;r.parameters={...r.parameters,docs:{...(n=r.parameters)==null?void 0:n.docs,source:{originalSource:"{}",...(l=(c=r.parameters)==null?void 0:c.docs)==null?void 0:l.source}}};var d,m,u;a.parameters={...a.parameters,docs:{...(d=a.parameters)==null?void 0:d.docs,source:{originalSource:`{ +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{d as D,e as L,P as O}from"./index.esm-BsC3rSRZ.js";import{c as P}from"./clsx-B-dksMZM.js";import{r as R}from"./index-RigO-4kf.js";const i=R.forwardRef(({className:p,...I},S)=>e.jsx("input",{...I,ref:S,className:P("ams-file-input",p),type:"file"}));i.displayName="FileInput";try{i.displayName="FileInput",i.__docgenInfo={description:"",displayName:"FileInput",props:{}}}catch{}const v={title:"Components/Forms/File Input",component:i,args:{accept:void 0,multiple:!1,disabled:!1},argTypes:{accept:{control:{type:"text"}},multiple:{control:{type:"boolean"}},disabled:{control:{type:"boolean"}}}},r={},a={args:{multiple:!0}},s={args:{accept:"application/pdf"}},t={args:{disabled:!0}},o={render:p=>e.jsxs(D,{children:[e.jsx(L,{htmlFor:"input1",children:"Label"}),e.jsx(O,{id:"description1",size:"small",children:"Omschrijving."}),e.jsx(i,{"aria-describedby":"description1",id:"input1",...p})]})};var n,c,l;r.parameters={...r.parameters,docs:{...(n=r.parameters)==null?void 0:n.docs,source:{originalSource:"{}",...(l=(c=r.parameters)==null?void 0:c.docs)==null?void 0:l.source}}};var d,m,u;a.parameters={...a.parameters,docs:{...(d=a.parameters)==null?void 0:d.docs,source:{originalSource:`{ args: { multiple: true } diff --git a/demo-develop/assets/FileList.docs-BtFCwb0h.js b/demo-develop/assets/FileList.docs-cKP-HfBP.js similarity index 90% rename from demo-develop/assets/FileList.docs-BtFCwb0h.js rename to demo-develop/assets/FileList.docs-cKP-HfBP.js index c3365bc381..885d5951c7 100644 --- a/demo-develop/assets/FileList.docs-BtFCwb0h.js +++ b/demo-develop/assets/FileList.docs-cKP-HfBP.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 r,aq as o,ar as l,at as a,aw as m}from"./index-CWKCY_Bl.js";import{F as f,W as p}from"./FileList.stories-Bpepi6h9.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DBQNO3fk.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-4tYMzfzc.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";import"./Icon-CPe807nE.js";import"./Button-QlQc6Uo1.js";const u=`import { FileInput, FileList } from '@amsterdam/design-system-react' +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as s}from"./index-3rgQkYFR.js";import{ae as r,aq as o,ar as l,at as a,aw as m}from"./index-CmcJchMs.js";import{F as f,W as p}from"./FileList.stories-BvN-04pZ.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CN_8E5Aq.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-BsC3rSRZ.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";import"./Icon-CPe807nE.js";import"./Button-QlQc6Uo1.js";const u=`import { FileInput, FileList } from '@amsterdam/design-system-react' import { useRef, useState } from 'react' export const FileInputWithFileList = () => { diff --git a/demo-develop/assets/FileList.stories-Bpepi6h9.js b/demo-develop/assets/FileList.stories-BvN-04pZ.js similarity index 98% rename from demo-develop/assets/FileList.stories-Bpepi6h9.js rename to demo-develop/assets/FileList.stories-BvN-04pZ.js index e133500ad3..cb2e709cea 100644 --- a/demo-develop/assets/FileList.stories-Bpepi6h9.js +++ b/demo-develop/assets/FileList.stories-BvN-04pZ.js @@ -1,4 +1,4 @@ -import{j as t}from"./jsx-runtime-BjgbQsUx.js";import{u as w,v as u}from"./index.esm-4tYMzfzc.js";import{r as m}from"./index-RigO-4kf.js";import{c as h}from"./clsx-B-dksMZM.js";import{x as N}from"./index.esm-Bz9pa_xK.js";import{I as D}from"./Icon-CPe807nE.js";import{B as S}from"./Button-QlQc6Uo1.js";/** +import{j as t}from"./jsx-runtime-BjgbQsUx.js";import{u as w,v as u}from"./index.esm-BsC3rSRZ.js";import{r as m}from"./index-RigO-4kf.js";import{c as h}from"./clsx-B-dksMZM.js";import{x as N}from"./index.esm-Bz9pa_xK.js";import{I as D}from"./Icon-CPe807nE.js";import{B as S}from"./Button-QlQc6Uo1.js";/** * @license EUPL-1.2+ * Copyright Gemeente Amsterdam */const R=(e,s=3)=>{const r=["bytes","kB","MB","GB"];if(e===0)return"0 bytes";const i=Math.floor(Math.log10(e)/3);return`${(e/Math.pow(1e3,i)).toPrecision(s)} ${r[i]}`};/** diff --git a/demo-develop/assets/Footer.docs-BhBxrGkf.js b/demo-develop/assets/Footer.docs-BhBxrGkf.js deleted file mode 100644 index b078ec2caa..0000000000 --- a/demo-develop/assets/Footer.docs-BhBxrGkf.js +++ /dev/null @@ -1,32 +0,0 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as i}from"./index-3rgQkYFR.js";import{ae as s,aq as r,ar as a,at as c}from"./index-CWKCY_Bl.js";import{F as m,O as p}from"./Footer.stories-CfcjiTpQ.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DBQNO3fk.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-4tYMzfzc.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";import"./PageMenu.stories-DMSuHN48.js";import"./Icon-CPe807nE.js";import"./Spotlight-CVxUBei2.js";const l=` - -# Footer - -Provides service information at the bottom of every page. - -## Guidelines - -- The Footer consists of a dark blue [Spotlight](/docs/components-containers-spotlight--docs) and a [Page Menu](/docs/components-navigation-page-menu--docs). - It must be used on all websites for the City of Amsterdam. -- For applications, only the Page Menu can be sufficient. -- The Footer is the same on every page of the application. - -The Spotlight offers space for various practical links: - -- The first column focuses on contact information. - The information is as specific as possible and tailored to the respective website or page (e.g., including a chat option if available). -- The second column contains links to relevant (online) sites or sources. -- The third column refers to newsletters, social media, etc. - -The menu at the very bottom is intended for links to privacy policies, cookie statements, information about the website itself, etc. -Contact details should not go here. -`;/*@license CC0-1.0*/function n(t){const o={h2:"h2",h3:"h3",p:"p",...i(),...t.components};return e.jsxs(e.Fragment,{children:[` -`,` -`,e.jsx(s,{of:m}),` -`,e.jsx(r,{children:l}),` -`,e.jsx(a,{}),` -`,e.jsx(o.h2,{id:"examples",children:"Examples"}),` -`,e.jsx(o.h3,{id:"onderzoek-en-statistiek",children:"Onderzoek en Statistiek"}),` -`,e.jsx(o.p,{children:`The footer for a specific website can be a bit different. -Here’s an example for the ‘Onderzoek en Statistiek’ department.`}),` -`,e.jsx(c,{of:p})]})}function D(t={}){const{wrapper:o}={...i(),...t.components};return o?e.jsx(o,{...t,children:e.jsx(n,{...t})}):n(t)}export{D as default}; diff --git a/demo-develop/assets/Footer.docs-CiyBUkFZ.js b/demo-develop/assets/Footer.docs-CiyBUkFZ.js new file mode 100644 index 0000000000..688ec7966e --- /dev/null +++ b/demo-develop/assets/Footer.docs-CiyBUkFZ.js @@ -0,0 +1,32 @@ +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as i}from"./index-3rgQkYFR.js";import{ae as s,aq as r,ar as a,at as c}from"./index-CmcJchMs.js";import{F as m,O as p}from"./Footer.stories-D-NB2HRo.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CN_8E5Aq.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-BsC3rSRZ.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";import"./PageMenu.stories-DMSuHN48.js";import"./Icon-CPe807nE.js";const l=` + +# Footer + +Provides service information at the bottom of every page. + +## Guidelines + +- The Footer usually consists of two sections: a full-width blue area and a [Page Menu](/docs/components-navigation-page-menu--docs) below it. +- A Footer containing only a Page Menu can be sufficient for applications. +- The Footer must be used on all websites for the City of Amsterdam. +- It must be the same on every page. + +The top section offers space for various practical links: + +- The first column focuses on contact information. + The information is as specific as possible and tailored to the respective website or page (e.g., including a chat option if available). +- The second column contains links to relevant (online) sites or sources. +- The third column refers to newsletters, social media, etc. + +The menu in the bottom section is for links to privacy policies, cookie statements, information about the website itself, etc. +Contact details should not go here. +`;/*@license CC0-1.0*/function o(t){const n={h2:"h2",h3:"h3",p:"p",...i(),...t.components};return e.jsxs(e.Fragment,{children:[` +`,` +`,e.jsx(s,{of:m}),` +`,e.jsx(r,{children:l}),` +`,e.jsx(a,{}),` +`,e.jsx(n.h2,{id:"examples",children:"Examples"}),` +`,e.jsx(n.h3,{id:"onderzoek-en-statistiek",children:"Onderzoek en Statistiek"}),` +`,e.jsx(n.p,{children:`The footer for a specific website can be a bit different. +Here’s an example for the ‘Onderzoek en Statistiek’ department.`}),` +`,e.jsx(c,{of:p})]})}function D(t={}){const{wrapper:n}={...i(),...t.components};return n?e.jsx(n,{...t,children:e.jsx(o,{...t})}):o(t)}export{D as default}; diff --git a/demo-develop/assets/Footer.stories-CfcjiTpQ.js b/demo-develop/assets/Footer.stories-D-NB2HRo.js similarity index 54% rename from demo-develop/assets/Footer.stories-CfcjiTpQ.js rename to demo-develop/assets/Footer.stories-D-NB2HRo.js index 68d82e1bf5..172f16994a 100644 --- a/demo-develop/assets/Footer.stories-CfcjiTpQ.js +++ b/demo-develop/assets/Footer.stories-D-NB2HRo.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{H as r,G as i,o as n,P as c,c as j}from"./index.esm-4tYMzfzc.js";import{d as z,h as b,s as F,t as H,u as G,v as P,w as S}from"./index.esm-Bz9pa_xK.js";import{D as N}from"./PageMenu.stories-DMSuHN48.js";import{c as L}from"./clsx-B-dksMZM.js";import{r as v}from"./index-RigO-4kf.js";import{S as V}from"./Spotlight-CVxUBei2.js";const w=v.forwardRef(({children:s,className:l,...o},t)=>e.jsx("div",{...o,ref:t,className:L("ams-footer__bottom",l),children:s}));w.displayName="Footer.Bottom";try{Footer.Bottom.displayName="Footer.Bottom",Footer.Bottom.__docgenInfo={description:"",displayName:"Footer.Bottom",props:{}}}catch{}const _=v.forwardRef(({children:s,className:l,...o},t)=>e.jsx(V,{...o,color:"blue",ref:t,className:L("ams-footer__top",l),children:s}));_.displayName="Footer.Top";try{Footer.Top.displayName="Footer.Top",Footer.Top.__docgenInfo={description:"",displayName:"Footer.Top",props:{}}}catch{}const y=v.forwardRef(({children:s,className:l,...o},t)=>e.jsx("footer",{...o,ref:t,className:L("ams-footer",l),children:s}));y.displayName="Footer";const a=Object.assign(y,{Bottom:w,Top:_});try{a.displayName="Footer",a.__docgenInfo={description:"",displayName:"Footer",props:{}}}catch{}const O={title:"Components/Containers/Footer",component:a},B=[{icon:H,name:"Twitter"},{icon:G,name:"Facebook"},{icon:P,name:"Linkedin"},{icon:S,name:"Instagram"}];var h;const d={args:{children:[e.jsxs(a.Top,{children:[e.jsx(r,{className:"ams-visually-hidden",inverseColor:!0,children:"Colofon"}),e.jsxs(i,{gapVertical:"large",paddingVertical:"medium",children:[e.jsxs(i.Cell,{span:4,children:[e.jsx(r,{className:"ams-mb--xs",level:2,size:"level-4",inverseColor:!0,children:"Meer weten"}),e.jsx(n,{children:["Veel gestelde vragen","Over ons","Werken bij","Kalender","Uit in Amsterdam","Bronnen"].map((s,l)=>e.jsx(n.Link,{href:"#",inverseColor:!0,size:"small",children:s},l))})]}),e.jsxs(i.Cell,{span:4,start:{narrow:1,medium:5,wide:5},children:[e.jsx(r,{className:"ams-mb--xs",level:2,size:"level-4",inverseColor:!0,children:"Contact"}),e.jsx(c,{className:"ams-mb--xs",inverseColor:!0,size:"small",children:"Hebt u een vraag en kunt u het antwoord niet vinden op deze website? Neem dan contact met ons op."}),e.jsxs(n,{children:[e.jsx(n.Link,{href:"mailto:redactie@amsterdam.nl",icon:z,inverseColor:!0,size:"small",children:"E-mail"}),e.jsx(n.Link,{href:"tel:+3114020",icon:b,inverseColor:!0,size:"small",children:"14 020"}),e.jsx(n.Link,{href:"#",icon:F,inverseColor:!0,size:"small",children:"Contactgegevens en openingstijden"})]})]}),e.jsxs(i.Cell,{span:4,start:{narrow:1,medium:1,wide:9},children:[e.jsxs("section",{className:"ams-mb--md",children:[e.jsx(r,{className:"ams-mb--xs",level:2,size:"level-4",inverseColor:!0,children:"Nieuwsbrief"}),e.jsx(n,{children:e.jsx(n.Link,{href:"#",inverseColor:!0,size:"small",children:"Inschrijven"})})]}),e.jsxs("section",{children:[e.jsx(r,{className:"ams-mb--xs",level:2,size:"level-4",inverseColor:!0,children:"Volg ons"}),e.jsx(n,{children:B.map(({name:s,icon:l})=>e.jsx(n.Link,{href:"#",icon:l,inverseColor:!0,size:"small",children:s},s))})]})]})]})]},"footer-top"),e.jsxs(a.Bottom,{children:[e.jsx(r,{className:"ams-visually-hidden",level:2,children:"Over deze website"}),e.jsx(i,{paddingVertical:"small",children:e.jsx(i.Cell,{span:"all",children:e.jsx(j,{children:(h=N.args)==null?void 0:h.children})})})]},"footer-bottom")]}};var p;const m={args:{children:[e.jsxs(a.Top,{children:[e.jsx(r,{className:"ams-visually-hidden",inverseColor:!0,children:"Colofon"}),e.jsxs(i,{gapVertical:"large",paddingVertical:"medium",children:[e.jsxs(i.Cell,{span:3,children:[e.jsx(r,{className:"ams-mb--xs",level:2,size:"level-4",inverseColor:!0,children:"Contact"}),e.jsx(c,{className:"ams-mb--xs",size:"small",inverseColor:!0,children:"Heeft u een vraag en kunt u het antwoord niet vinden op deze site? Neem dan contact met ons op."}),e.jsxs(n,{children:[e.jsx(n.Link,{href:"mailto:redactie.os@amsterdam.nl",icon:z,inverseColor:!0,size:"small",children:"E-mail"}),e.jsx(n.Link,{href:"tel:+31202510333",icon:b,inverseColor:!0,size:"small",children:"020 251 0333"})]})]}),e.jsxs(i.Cell,{span:3,start:{narrow:1,medium:5,wide:5},children:[e.jsx(r,{className:"ams-mb--xs",level:2,size:"level-4",inverseColor:!0,children:"Panels en enquêtes"}),e.jsx(c,{className:"ams-mb--xs",inverseColor:!0,size:"small",children:"Bent u uitgenodigd om mee te doen aan onderzoek of heeft u vragen over het panel of stadspaspanel?"}),e.jsxs(n,{children:[e.jsx(n.Link,{href:"#",inverseColor:!0,rel:"external",size:"small",children:"Meedoen aan onderzoek"}),e.jsx(n.Link,{href:"#",inverseColor:!0,rel:"external",size:"small",children:"Panel Amsterdam"}),e.jsx(n.Link,{href:"#",inverseColor:!0,rel:"external",size:"small",children:"Stadspaspanel Amsterdam"})]})]}),e.jsxs(i.Cell,{span:3,start:{narrow:1,medium:1,wide:9},children:[e.jsx(r,{className:"ams-mb--xs",level:2,size:"level-4",inverseColor:!0,children:"Onderzoek en Statistiek"}),e.jsxs(n,{children:[e.jsx(n.Link,{href:"#",inverseColor:!0,size:"small",children:"Over Onderzoek en Statistiek"}),e.jsx(n.Link,{href:"#",inverseColor:!0,size:"small",children:"Veelgestelde vragen"}),e.jsx(n.Link,{href:"#",inverseColor:!0,rel:"external",size:"small",children:"Nieuwsbrief"}),e.jsx(n.Link,{href:"#",inverseColor:!0,size:"small",children:"Vacatures"})]})]})]})]},"footer-top"),e.jsxs(a.Bottom,{children:[e.jsx(r,{className:"ams-visually-hidden",level:2,children:"Over deze website"}),e.jsx(i,{paddingVertical:"small",children:e.jsx(i.Cell,{span:"all",children:e.jsx(j,{children:(p=N.args)==null?void 0:p.children})})})]},"footer-bottom")]}};var k,g,u;d.parameters={...d.parameters,docs:{...(k=d.parameters)==null?void 0:k.docs,source:{originalSource:`{ +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{H as r,G as i,o as n,P as c,b as j}from"./index.esm-BsC3rSRZ.js";import{d as z,h as b,s as F,t as H,u as G,v as P,w as S}from"./index.esm-Bz9pa_xK.js";import{D as N}from"./PageMenu.stories-DMSuHN48.js";import{c as L}from"./clsx-B-dksMZM.js";import{r as v}from"./index-RigO-4kf.js";const w=v.forwardRef(({children:s,className:l,...o},t)=>e.jsx("div",{...o,ref:t,className:L("ams-footer__bottom",l),children:s}));w.displayName="Footer.Bottom";try{Footer.Bottom.displayName="Footer.Bottom",Footer.Bottom.__docgenInfo={description:"",displayName:"Footer.Bottom",props:{}}}catch{}const _=v.forwardRef(({children:s,className:l,...o},t)=>e.jsx("div",{...o,ref:t,className:L("ams-footer__top",l),children:s}));_.displayName="Footer.Top";try{Footer.Top.displayName="Footer.Top",Footer.Top.__docgenInfo={description:"",displayName:"Footer.Top",props:{}}}catch{}const y=v.forwardRef(({children:s,className:l,...o},t)=>e.jsx("footer",{...o,ref:t,className:L("ams-footer",l),children:s}));y.displayName="Footer";const a=Object.assign(y,{Bottom:w,Top:_});try{a.displayName="Footer",a.__docgenInfo={description:"",displayName:"Footer",props:{}}}catch{}const V={title:"Components/Containers/Footer",component:a},O=[{icon:H,name:"Twitter"},{icon:G,name:"Facebook"},{icon:P,name:"Linkedin"},{icon:S,name:"Instagram"}];var h;const d={args:{children:[e.jsxs(a.Top,{children:[e.jsx(r,{className:"ams-visually-hidden",inverseColor:!0,children:"Colofon"}),e.jsxs(i,{gapVertical:"large",paddingVertical:"medium",children:[e.jsxs(i.Cell,{span:4,children:[e.jsx(r,{className:"ams-mb--xs",level:2,size:"level-4",inverseColor:!0,children:"Meer weten"}),e.jsx(n,{children:["Veel gestelde vragen","Over ons","Werken bij","Kalender","Uit in Amsterdam","Bronnen"].map((s,l)=>e.jsx(n.Link,{href:"#",inverseColor:!0,size:"small",children:s},l))})]}),e.jsxs(i.Cell,{span:4,start:{narrow:1,medium:5,wide:5},children:[e.jsx(r,{className:"ams-mb--xs",level:2,size:"level-4",inverseColor:!0,children:"Contact"}),e.jsx(c,{className:"ams-mb--xs",inverseColor:!0,size:"small",children:"Hebt u een vraag en kunt u het antwoord niet vinden op deze website? Neem dan contact met ons op."}),e.jsxs(n,{children:[e.jsx(n.Link,{href:"mailto:redactie@amsterdam.nl",icon:z,inverseColor:!0,size:"small",children:"E-mail"}),e.jsx(n.Link,{href:"tel:+3114020",icon:b,inverseColor:!0,size:"small",children:"14 020"}),e.jsx(n.Link,{href:"#",icon:F,inverseColor:!0,size:"small",children:"Contactgegevens en openingstijden"})]})]}),e.jsxs(i.Cell,{span:4,start:{narrow:1,medium:1,wide:9},children:[e.jsxs("section",{className:"ams-mb--md",children:[e.jsx(r,{className:"ams-mb--xs",level:2,size:"level-4",inverseColor:!0,children:"Nieuwsbrief"}),e.jsx(n,{children:e.jsx(n.Link,{href:"#",inverseColor:!0,size:"small",children:"Inschrijven"})})]}),e.jsxs("section",{children:[e.jsx(r,{className:"ams-mb--xs",level:2,size:"level-4",inverseColor:!0,children:"Volg ons"}),e.jsx(n,{children:O.map(({name:s,icon:l})=>e.jsx(n.Link,{href:"#",icon:l,inverseColor:!0,size:"small",children:s},s))})]})]})]})]},"footer-top"),e.jsxs(a.Bottom,{children:[e.jsx(r,{className:"ams-visually-hidden",level:2,children:"Over deze website"}),e.jsx(i,{paddingVertical:"small",children:e.jsx(i.Cell,{span:"all",children:e.jsx(j,{children:(h=N.args)==null?void 0:h.children})})})]},"footer-bottom")]}};var k;const m={args:{children:[e.jsxs(a.Top,{children:[e.jsx(r,{className:"ams-visually-hidden",inverseColor:!0,children:"Colofon"}),e.jsxs(i,{gapVertical:"large",paddingVertical:"medium",children:[e.jsxs(i.Cell,{span:3,children:[e.jsx(r,{className:"ams-mb--xs",level:2,size:"level-4",inverseColor:!0,children:"Contact"}),e.jsx(c,{className:"ams-mb--xs",size:"small",inverseColor:!0,children:"Heeft u een vraag en kunt u het antwoord niet vinden op deze site? Neem dan contact met ons op."}),e.jsxs(n,{children:[e.jsx(n.Link,{href:"mailto:redactie.os@amsterdam.nl",icon:z,inverseColor:!0,size:"small",children:"E-mail"}),e.jsx(n.Link,{href:"tel:+31202510333",icon:b,inverseColor:!0,size:"small",children:"020 251 0333"})]})]}),e.jsxs(i.Cell,{span:3,start:{narrow:1,medium:5,wide:5},children:[e.jsx(r,{className:"ams-mb--xs",level:2,size:"level-4",inverseColor:!0,children:"Panels en enquêtes"}),e.jsx(c,{className:"ams-mb--xs",inverseColor:!0,size:"small",children:"Bent u uitgenodigd om mee te doen aan onderzoek of heeft u vragen over het panel of stadspaspanel?"}),e.jsxs(n,{children:[e.jsx(n.Link,{href:"#",inverseColor:!0,rel:"external",size:"small",children:"Meedoen aan onderzoek"}),e.jsx(n.Link,{href:"#",inverseColor:!0,rel:"external",size:"small",children:"Panel Amsterdam"}),e.jsx(n.Link,{href:"#",inverseColor:!0,rel:"external",size:"small",children:"Stadspaspanel Amsterdam"})]})]}),e.jsxs(i.Cell,{span:3,start:{narrow:1,medium:1,wide:9},children:[e.jsx(r,{className:"ams-mb--xs",level:2,size:"level-4",inverseColor:!0,children:"Onderzoek en Statistiek"}),e.jsxs(n,{children:[e.jsx(n.Link,{href:"#",inverseColor:!0,size:"small",children:"Over Onderzoek en Statistiek"}),e.jsx(n.Link,{href:"#",inverseColor:!0,size:"small",children:"Veelgestelde vragen"}),e.jsx(n.Link,{href:"#",inverseColor:!0,rel:"external",size:"small",children:"Nieuwsbrief"}),e.jsx(n.Link,{href:"#",inverseColor:!0,size:"small",children:"Vacatures"})]})]})]})]},"footer-top"),e.jsxs(a.Bottom,{children:[e.jsx(r,{className:"ams-visually-hidden",level:2,children:"Over deze website"}),e.jsx(i,{paddingVertical:"small",children:e.jsx(i.Cell,{span:"all",children:e.jsx(j,{children:(k=N.args)==null?void 0:k.children})})})]},"footer-bottom")]}};var p,g,u;d.parameters={...d.parameters,docs:{...(p=d.parameters)==null?void 0:p.docs,source:{originalSource:`{ args: { children: [ @@ -160,4 +160,4 @@ import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{H as r,G as i,o as n,P as c ] } -}`,...(f=(C=m.parameters)==null?void 0:C.docs)==null?void 0:f.source}}};const T=["Default","OnderzoekEnStatistiek"],K=Object.freeze(Object.defineProperty({__proto__:null,Default:d,OnderzoekEnStatistiek:m,__namedExportsOrder:T,default:O},Symbol.toStringTag,{value:"Module"}));export{d as D,K as F,m as O}; +}`,...(f=(C=m.parameters)==null?void 0:C.docs)==null?void 0:f.source}}};const B=["Default","OnderzoekEnStatistiek"],R=Object.freeze(Object.defineProperty({__proto__:null,Default:d,OnderzoekEnStatistiek:m,__namedExportsOrder:B,default:V},Symbol.toStringTag,{value:"Module"}));export{d as D,R as F,m as O}; diff --git a/demo-develop/assets/FormErrorList.docs-infDl4Nn.js b/demo-develop/assets/FormErrorList.docs-YpNG5lCr.js similarity index 96% rename from demo-develop/assets/FormErrorList.docs-infDl4Nn.js rename to demo-develop/assets/FormErrorList.docs-YpNG5lCr.js index 161482592e..32d51ea7d9 100644 --- a/demo-develop/assets/FormErrorList.docs-infDl4Nn.js +++ b/demo-develop/assets/FormErrorList.docs-YpNG5lCr.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as o}from"./index-3rgQkYFR.js";import{ae as i,aq as s,ar as a,as as m}from"./index-CWKCY_Bl.js";import{F as h}from"./FormErrorList.stories-D7QS7wFE.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DBQNO3fk.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"./clsx-B-dksMZM.js";import"./Alert-CXn618bb.js";import"./index.esm-Bz9pa_xK.js";import"./Icon-CPe807nE.js";import"./Heading-kLxhGLS-.js";import"./getHeadingTag-Dv1eMqvl.js";import"./IconButton-Crov6BLL.js";import"./LinkList-BSPLoecX.js";const l=` +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as o}from"./index-3rgQkYFR.js";import{ae as i,aq as s,ar as a,as as m}from"./index-CmcJchMs.js";import{F as h}from"./FormErrorList.stories-D7QS7wFE.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CN_8E5Aq.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"./clsx-B-dksMZM.js";import"./Alert-CXn618bb.js";import"./index.esm-Bz9pa_xK.js";import"./Icon-CPe807nE.js";import"./Heading-kLxhGLS-.js";import"./getHeadingTag-Dv1eMqvl.js";import"./IconButton-Crov6BLL.js";import"./LinkList-BSPLoecX.js";const l=` # Form Error List diff --git a/demo-develop/assets/FormPage.docs-CMu0i1wt.js b/demo-develop/assets/FormPage.docs-CMu0i1wt.js new file mode 100644 index 0000000000..b103e23243 --- /dev/null +++ b/demo-develop/assets/FormPage.docs-CMu0i1wt.js @@ -0,0 +1,5 @@ +import{j as o}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as i}from"./index-3rgQkYFR.js";import{ae as e}from"./index-CmcJchMs.js";import{F as n}from"./FormPage.stories-CrQ79e6f.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CN_8E5Aq.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-BsC3rSRZ.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";import"./config-BSnquZq8.js";import"./PageMenu.stories-DMSuHN48.js";import"./Icon-CPe807nE.js";import"./Footer.stories-D-NB2HRo.js";/*@license CC0-1.0*/function m(t){const r={h1:"h1",p:"p",...i(),...t.components};return o.jsxs(o.Fragment,{children:[` +`,` +`,o.jsx(e,{of:n}),` +`,o.jsx(r.h1,{id:"form-page",children:"Form page"}),` +`,o.jsx(r.p,{children:"This simple example presents various types of fields."})]})}function w(t={}){const{wrapper:r}={...i(),...t.components};return r?o.jsx(r,{...t,children:o.jsx(m,{...t})}):m(t)}export{w as default}; diff --git a/demo-develop/assets/FormPage.docs-DybZtnRm.js b/demo-develop/assets/FormPage.docs-DybZtnRm.js deleted file mode 100644 index b8156df32a..0000000000 --- a/demo-develop/assets/FormPage.docs-DybZtnRm.js +++ /dev/null @@ -1,5 +0,0 @@ -import{j as o}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as i}from"./index-3rgQkYFR.js";import{ae as e}from"./index-CWKCY_Bl.js";import{F as p}from"./FormPage.stories-BPHJcEo-.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DBQNO3fk.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-4tYMzfzc.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";import"./config-DmgB64Gy.js";import"./PageMenu.stories-DMSuHN48.js";import"./Icon-CPe807nE.js";import"./Footer.stories-CfcjiTpQ.js";import"./Spotlight-CVxUBei2.js";/*@license CC0-1.0*/function m(t){const r={h1:"h1",p:"p",...i(),...t.components};return o.jsxs(o.Fragment,{children:[` -`,` -`,o.jsx(e,{of:p}),` -`,o.jsx(r.h1,{id:"form-page",children:"Form page"}),` -`,o.jsx(r.p,{children:"This simple example presents various types of fields."})]})}function E(t={}){const{wrapper:r}={...i(),...t.components};return r?o.jsx(r,{...t,children:o.jsx(m,{...t})}):m(t)}export{E as default}; diff --git a/demo-develop/assets/FormPage.stories-BPHJcEo-.js b/demo-develop/assets/FormPage.stories-CrQ79e6f.js similarity index 89% rename from demo-develop/assets/FormPage.stories-BPHJcEo-.js rename to demo-develop/assets/FormPage.stories-CrQ79e6f.js index e617d23961..91d0b15739 100644 --- a/demo-develop/assets/FormPage.stories-BPHJcEo-.js +++ b/demo-develop/assets/FormPage.stories-CrQ79e6f.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{G as d,i as m,H as g,e as a,f as n,P as l,j as v,k as b,F as c,C as f,T as s,R as o,l as y,m as t,n as w,a as F}from"./index.esm-4tYMzfzc.js";import{r as C}from"./index-RigO-4kf.js";import{c as D}from"./config-DmgB64Gy.js";const S=()=>{const[u,p]=C.useState(0);return e.jsx(d,{paddingTop:"small",paddingBottom:"medium",children:e.jsxs(d.Cell,{span:{narrow:4,medium:6,wide:8},start:{narrow:1,medium:2,wide:3},children:[e.jsx(m,{children:e.jsx(m.Link,{children:"Home"})}),e.jsx(g,{className:"ams-mb--md",children:"Contact"}),e.jsxs("form",{className:"ams-gap--md",id:"main",onSubmit:i=>i.preventDefault(),children:[e.jsxs(a,{children:[e.jsx(n,{htmlFor:"body",children:"Wat wilt u aan de gemeente vragen?"}),e.jsx(l,{id:"bodyDescription",size:"small",children:"Een duidelijke beschrijving van uw vraag helpt ons bij het behandelen."}),e.jsx(v,{"aria-describedby":"bodyDescription",id:"body",onChange:i=>p(i.target.value.length),rows:4}),e.jsx(b,{length:u,maxLength:1e3})]}),e.jsx(c,{"aria-describedby":"contactDetailsDescription",legend:"Wat zijn uw gegevens?",children:e.jsxs(f,{gap:"small",children:[e.jsx(l,{id:"contactDetailsDescription",children:"Wij hebben uw gegevens nodig om contact met u te kunnen opnemen."}),e.jsxs(a,{children:[e.jsx(n,{htmlFor:"initials",children:"Voorletters"}),e.jsx(s,{id:"initials",name:"initials"})]}),e.jsxs(a,{children:[e.jsx(n,{htmlFor:"familyName",children:"Achternaam"}),e.jsx(s,{autoComplete:"family-name",id:"familyName",name:"familyName"})]}),e.jsxs(c,{legend:"Woonplaats",children:[e.jsx(o,{name:"city",value:"amsterdam",children:"Amsterdam"}),e.jsx(o,{name:"city",value:"weesp",children:"Weesp"}),e.jsx(o,{name:"city",value:"anders",children:"Anders"})]}),e.jsxs(a,{children:[e.jsx(n,{htmlFor:"email",children:"E-mail"}),e.jsx(s,{autoComplete:"email",id:"email",name:"email"})]}),e.jsxs(y,{wrap:!0,children:[e.jsxs(a,{children:[e.jsx(n,{htmlFor:"countryCode",children:"Landnummer"}),e.jsxs(t,{id:"countryCode",name:"countryCode",children:[e.jsx(t.Option,{value:"+31",children:"Nederland +31"}),e.jsx(t.Option,{value:"+32",children:"België +32"}),e.jsx(t.Option,{value:"+33",children:"Frankrijk +33"})]})]}),e.jsxs(a,{children:[e.jsx(n,{htmlFor:"phone",children:"Telefoonnummer"}),e.jsx(s,{autoComplete:"tel",id:"phone",name:"phone"})]})]})]})}),e.jsx(w,{severity:"info",children:e.jsx(l,{children:"We bewaren uw contactgegevens voor het afhandelen van uw vraag of klacht en het verbeteren van onze dienstverlening."})}),e.jsx("div",{children:e.jsx(F,{type:"submit",children:"Versturen"})})]})]})})};/** +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{G as d,i as m,H as g,d as a,e as n,P as l,j as v,k as b,F as c,C as y,T as s,R as o,l as f,m as t,n as w,B as F}from"./index.esm-BsC3rSRZ.js";import{r as C}from"./index-RigO-4kf.js";import{c as D}from"./config-BSnquZq8.js";const S=()=>{const[u,p]=C.useState(0);return e.jsx(d,{paddingTop:"small",paddingBottom:"medium",children:e.jsxs(d.Cell,{span:{narrow:4,medium:6,wide:8},start:{narrow:1,medium:2,wide:3},children:[e.jsx(m,{children:e.jsx(m.Link,{children:"Home"})}),e.jsx(g,{className:"ams-mb--md",children:"Contact"}),e.jsxs("form",{className:"ams-gap--md",id:"main",onSubmit:i=>i.preventDefault(),children:[e.jsxs(a,{children:[e.jsx(n,{htmlFor:"body",children:"Wat wilt u aan de gemeente vragen?"}),e.jsx(l,{id:"bodyDescription",size:"small",children:"Een duidelijke beschrijving van uw vraag helpt ons bij het behandelen."}),e.jsx(v,{"aria-describedby":"bodyDescription",id:"body",onChange:i=>p(i.target.value.length),rows:4}),e.jsx(b,{length:u,maxLength:1e3})]}),e.jsx(c,{"aria-describedby":"contactDetailsDescription",legend:"Wat zijn uw gegevens?",children:e.jsxs(y,{gap:"small",children:[e.jsx(l,{id:"contactDetailsDescription",children:"Wij hebben uw gegevens nodig om contact met u te kunnen opnemen."}),e.jsxs(a,{children:[e.jsx(n,{htmlFor:"initials",children:"Voorletters"}),e.jsx(s,{id:"initials",name:"initials"})]}),e.jsxs(a,{children:[e.jsx(n,{htmlFor:"familyName",children:"Achternaam"}),e.jsx(s,{autoComplete:"family-name",id:"familyName",name:"familyName"})]}),e.jsxs(c,{legend:"Woonplaats",children:[e.jsx(o,{name:"city",value:"amsterdam",children:"Amsterdam"}),e.jsx(o,{name:"city",value:"weesp",children:"Weesp"}),e.jsx(o,{name:"city",value:"anders",children:"Anders"})]}),e.jsxs(a,{children:[e.jsx(n,{htmlFor:"email",children:"E-mail"}),e.jsx(s,{autoComplete:"email",id:"email",name:"email"})]}),e.jsxs(f,{wrap:!0,children:[e.jsxs(a,{children:[e.jsx(n,{htmlFor:"countryCode",children:"Landnummer"}),e.jsxs(t,{id:"countryCode",name:"countryCode",children:[e.jsx(t.Option,{value:"+31",children:"Nederland +31"}),e.jsx(t.Option,{value:"+32",children:"België +32"}),e.jsx(t.Option,{value:"+33",children:"Frankrijk +33"})]})]}),e.jsxs(a,{children:[e.jsx(n,{htmlFor:"phone",children:"Telefoonnummer"}),e.jsx(s,{autoComplete:"tel",id:"phone",name:"phone"})]})]})]})}),e.jsx(w,{severity:"info",children:e.jsx(l,{children:"We bewaren uw contactgegevens voor het afhandelen van uw vraag of klacht en het verbeteren van onze dienstverlening."})}),e.jsx("div",{children:e.jsx(F,{type:"submit",children:"Versturen"})})]})]})})};/** * @license EUPL-1.2+ * Copyright Gemeente Amsterdam */const k={...D,title:"Pages/Amsterdam.nl/Form Page",component:S},r={};var h,j,x;r.parameters={...r.parameters,docs:{...(h=r.parameters)==null?void 0:h.docs,source:{originalSource:"{}",...(x=(j=r.parameters)==null?void 0:j.docs)==null?void 0:x.source}}};const T=["Default"],P=Object.freeze(Object.defineProperty({__proto__:null,Default:r,__namedExportsOrder:T,default:k},Symbol.toStringTag,{value:"Module"}));export{P as F}; diff --git a/demo-develop/assets/Gap.docs-9D5kGB5T.js b/demo-develop/assets/Gap.docs-CaYDP_jK.js similarity index 89% rename from demo-develop/assets/Gap.docs-9D5kGB5T.js rename to demo-develop/assets/Gap.docs-CaYDP_jK.js index 0e956b3644..fe3701656f 100644 --- a/demo-develop/assets/Gap.docs-9D5kGB5T.js +++ b/demo-develop/assets/Gap.docs-CaYDP_jK.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as t}from"./index-3rgQkYFR.js";import{ae as o,aq as i,ar as r,as as m}from"./index-CWKCY_Bl.js";import{G as p}from"./Gap.stories-SxhNAD0L.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DBQNO3fk.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-4tYMzfzc.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";const l=` +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as t}from"./index-3rgQkYFR.js";import{ae as o,aq as i,ar as r,as as m}from"./index-CmcJchMs.js";import{G as p}from"./Gap.stories-Cu-EUmVr.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CN_8E5Aq.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-BsC3rSRZ.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";const l=` # Gap diff --git a/demo-develop/assets/Gap.stories-SxhNAD0L.js b/demo-develop/assets/Gap.stories-Cu-EUmVr.js similarity index 97% rename from demo-develop/assets/Gap.stories-SxhNAD0L.js rename to demo-develop/assets/Gap.stories-Cu-EUmVr.js index aabb33b84d..6f873450d6 100644 --- a/demo-develop/assets/Gap.stories-SxhNAD0L.js +++ b/demo-develop/assets/Gap.stories-Cu-EUmVr.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{P as s}from"./index.esm-4tYMzfzc.js";/** +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{P as s}from"./index.esm-BsC3rSRZ.js";/** * @license EUPL-1.2+ * Copyright Gemeente Amsterdam */const t=({children:r,size:l})=>e.jsx("span",{className:`ams-gap--${l}`,children:r});try{t.displayName="Gap",t.__docgenInfo={description:"Renders examples in Storybook. Not for reuse.",displayName:"Gap",props:{size:{defaultValue:null,description:"The amount of space between the element’s children.",name:"size",required:!0,type:{name:"enum",value:[{value:'"xs"'},{value:'"sm"'},{value:'"md"'},{value:'"lg"'},{value:'"xl"'}]}}}}}catch{}const c=({size:r})=>e.jsxs("div",{className:`ams-gap--${r}`,children:[e.jsx(s,{children:"These paragraphs are separated by a gap."}),e.jsx(s,{children:"These paragraphs are separated by a gap."}),e.jsx(s,{children:"These paragraphs are separated by a gap."})]}),d={title:"Utilities/CSS/Gap",component:t,args:{size:"xs"}},a={render:c};var o,p,n;a.parameters={...a.parameters,docs:{...(o=a.parameters)==null?void 0:o.docs,source:{originalSource:`{ diff --git a/demo-develop/assets/Grid.docs-t4irItJu.js b/demo-develop/assets/Grid.docs-BydyvlPt.js similarity index 96% rename from demo-develop/assets/Grid.docs-t4irItJu.js rename to demo-develop/assets/Grid.docs-BydyvlPt.js index 78a523c592..8b722b6af0 100644 --- a/demo-develop/assets/Grid.docs-t4irItJu.js +++ b/demo-develop/assets/Grid.docs-BydyvlPt.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 a,aq as r,ar as l,as as d,at as s}from"./index-CWKCY_Bl.js";import{G as c,V as h,a as p,S as m,b as u,c as x,d as g,I as w}from"./Grid.stories-bmYGHC93.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DBQNO3fk.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"./clsx-B-dksMZM.js";import"./paddingClasses-C5gheHLv.js";const j=` +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as i}from"./index-3rgQkYFR.js";import{ae as a,aq as r,ar as l,as as d,at as s}from"./index-CmcJchMs.js";import{G as c,V as h,a as p,S as m,b as u,c as x,d as g,I as w}from"./Grid.stories-bmYGHC93.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CN_8E5Aq.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"./clsx-B-dksMZM.js";import"./paddingClasses-C5gheHLv.js";const j=` # Grid diff --git a/demo-develop/assets/Header.docs-OZD_SjEX.js b/demo-develop/assets/Header.docs-BR0BmN-s.js similarity index 92% rename from demo-develop/assets/Header.docs-OZD_SjEX.js rename to demo-develop/assets/Header.docs-BR0BmN-s.js index df7a8ceba3..d5057711bb 100644 --- a/demo-develop/assets/Header.docs-OZD_SjEX.js +++ b/demo-develop/assets/Header.docs-BR0BmN-s.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 m,as as h,at as t}from"./index-CWKCY_Bl.js";import{H as d,F as p,W as u,a as l,b as c,c as f,d as x,e as g}from"./Header.stories-B4x3C260.js";import{S as j}from"./StatusBadge-DiE14TfE.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DBQNO3fk.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-4tYMzfzc.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";import"./Logo-BazI2ckd.js";import"./Heading-kLxhGLS-.js";import"./getHeadingTag-Dv1eMqvl.js";import"./Badge-BvbF-Lgn.js";const w=` +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 m,as as h,at as t}from"./index-CmcJchMs.js";import{H as d,F as p,W as u,a as l,b as c,c as f,d as x,e as g}from"./Header.stories-Ds_PTGjY.js";import{S as j}from"./StatusBadge-DiE14TfE.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CN_8E5Aq.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-BsC3rSRZ.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";import"./Logo-BazI2ckd.js";import"./Heading-kLxhGLS-.js";import"./getHeadingTag-Dv1eMqvl.js";import"./Badge-BvbF-Lgn.js";const w=` # Header diff --git a/demo-develop/assets/Header.stories-B4x3C260.js b/demo-develop/assets/Header.stories-Ds_PTGjY.js similarity index 94% rename from demo-develop/assets/Header.stories-B4x3C260.js rename to demo-develop/assets/Header.stories-Ds_PTGjY.js index a5d201bf34..5b8108493c 100644 --- a/demo-develop/assets/Header.stories-B4x3C260.js +++ b/demo-develop/assets/Header.stories-Ds_PTGjY.js @@ -1,14 +1,14 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{c as a}from"./index.esm-4tYMzfzc.js";import{j as c}from"./index.esm-Bz9pa_xK.js";import{c as z}from"./clsx-B-dksMZM.js";import{r as O}from"./index-RigO-4kf.js";import{L as U}from"./Logo-BazI2ckd.js";import{H as J}from"./Heading-kLxhGLS-.js";const u=O.forwardRef(({appName:l,className:V,links:p,logoBrand:Z="amsterdam",logoLink:D="/",logoLinkTitle:F="Ga naar de homepage",menu:g,...I},R)=>e.jsx(e.Fragment,{children:e.jsxs("header",{...I,ref:R,className:z("ams-header",V),children:[e.jsxs("a",{href:D,className:"ams-header__logo-link",children:[e.jsx("span",{className:"ams-visually-hidden",children:F}),e.jsx(U,{brand:Z})]}),p&&e.jsx("div",{className:"ams-header__links",children:p}),g&&e.jsx("div",{className:"ams-header__menu",children:g}),l&&e.jsx("div",{className:"ams-header__app-name",children:e.jsx(J,{level:1,size:"level-3",className:"ams-header__app-name-heading",children:l})})]})}));u.displayName="Header";try{u.displayName="Header",u.__docgenInfo={description:"",displayName:"Header",props:{appName:{defaultValue:null,description:"The name of the application.",name:"appName",required:!1,type:{name:"string"}},links:{defaultValue:null,description:"The list of menu links. Use a Page Menu here.",name:"links",required:!1,type:{name:"ReactNode"}},logoBrand:{defaultValue:{value:"amsterdam"},description:"The name of the brand for which to display the logo.",name:"logoBrand",required:!1,type:{name:"enum",value:[{value:'"amsterdam"'},{value:'"ggd-amsterdam"'},{value:'"museum-weesp"'},{value:'"stadsarchief"'},{value:'"stadsbank-van-lening"'},{value:'"vga-verzekeringen"'}]}},logoLink:{defaultValue:{value:"/"},description:"The url for the link on the logo.",name:"logoLink",required:!1,type:{name:"string"}},logoLinkTitle:{defaultValue:{value:"Ga naar de homepage"},description:"The accessible text for the link on the logo.",name:"logoLinkTitle",required:!1,type:{name:"string"}},menu:{defaultValue:null,description:"A button to toggle the visibility of a Mega Menu.",name:"menu",required:!1,type:{name:"ReactNode"}}}}}catch{}const K={title:"Components/Containers/Header",component:u},n={},r={args:{logoBrand:"ggd-amsterdam",logoLink:"https://www.ggd.amsterdam.nl/",logoLinkTitle:"Naar de homepage van de GGD Amsterdam"}},s={args:{appName:"Aan de Amsterdamse grachten"}},t={args:{links:e.jsxs(a,{alignEnd:!0,wrap:!1,children:[e.jsx(a.Link,{href:"#",children:"Contact"}),e.jsx(a.Link,{href:"#",children:"Mijn Amsterdam"}),e.jsx(a.Link,{href:"#",icon:c,children:"Zoeken"})]})}},o={args:{menu:e.jsx("button",{className:"ams-header__menu-button",children:"Menu"})}},i={args:{links:e.jsxs(a,{alignEnd:!0,wrap:!1,children:[e.jsx(a.Link,{href:"#",children:"Contact"}),e.jsx(a.Link,{href:"#",children:"Mijn Amsterdam"}),e.jsx(a.Link,{href:"#",icon:c,children:"Zoeken"})]}),menu:e.jsx("button",{className:"ams-header__menu-button",children:"Menu"})}},m={args:{appName:"Aan de Amsterdamse grachten",menu:e.jsx("button",{className:"ams-header__menu-button",children:"Menu"})}},d={args:{appName:"Aan de Amsterdamse grachten",links:e.jsxs(a,{alignEnd:!0,wrap:!1,children:[e.jsx(a.Link,{href:"#",children:"Contact"}),e.jsx(a.Link,{href:"#",children:"Mijn Amsterdam"}),e.jsx(a.Link,{href:"#",icon:c,children:"Zoeken"})]}),menu:e.jsx("button",{className:"ams-header__menu-button",children:"Menu"})}};var h,k,f;n.parameters={...n.parameters,docs:{...(h=n.parameters)==null?void 0:h.docs,source:{originalSource:"{}",...(f=(k=n.parameters)==null?void 0:k.docs)==null?void 0:f.source}}};var M,L,_;r.parameters={...r.parameters,docs:{...(M=r.parameters)==null?void 0:M.docs,source:{originalSource:`{ +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{b as a}from"./index.esm-BsC3rSRZ.js";import{j as c}from"./index.esm-Bz9pa_xK.js";import{c as z}from"./clsx-B-dksMZM.js";import{r as O}from"./index-RigO-4kf.js";import{L as U}from"./Logo-BazI2ckd.js";import{H as J}from"./Heading-kLxhGLS-.js";const u=O.forwardRef(({appName:l,className:V,links:p,logoBrand:Z="amsterdam",logoLink:D="/",logoLinkTitle:F="Ga naar de homepage",menu:g,...I},R)=>e.jsx(e.Fragment,{children:e.jsxs("header",{...I,ref:R,className:z("ams-header",V),children:[e.jsxs("a",{href:D,className:"ams-header__logo-link",children:[e.jsx("span",{className:"ams-visually-hidden",children:F}),e.jsx(U,{brand:Z})]}),p&&e.jsx("div",{className:"ams-header__links",children:p}),g&&e.jsx("div",{className:"ams-header__menu",children:g}),l&&e.jsx("div",{className:"ams-header__app-name",children:e.jsx(J,{level:1,size:"level-3",className:"ams-header__app-name-heading",children:l})})]})}));u.displayName="Header";try{u.displayName="Header",u.__docgenInfo={description:"",displayName:"Header",props:{appName:{defaultValue:null,description:"The name of the application.",name:"appName",required:!1,type:{name:"string"}},links:{defaultValue:null,description:"The list of menu links. Use a Page Menu here.",name:"links",required:!1,type:{name:"ReactNode"}},logoBrand:{defaultValue:{value:"amsterdam"},description:"The name of the brand for which to display the logo.",name:"logoBrand",required:!1,type:{name:"enum",value:[{value:'"amsterdam"'},{value:'"ggd-amsterdam"'},{value:'"museum-weesp"'},{value:'"stadsarchief"'},{value:'"stadsbank-van-lening"'},{value:'"vga-verzekeringen"'}]}},logoLink:{defaultValue:{value:"/"},description:"The url for the link on the logo.",name:"logoLink",required:!1,type:{name:"string"}},logoLinkTitle:{defaultValue:{value:"Ga naar de homepage"},description:"The accessible text for the link on the logo.",name:"logoLinkTitle",required:!1,type:{name:"string"}},menu:{defaultValue:null,description:"A button to toggle the visibility of a Mega Menu.",name:"menu",required:!1,type:{name:"ReactNode"}}}}}catch{}const K={title:"Components/Containers/Header",component:u},n={},r={args:{logoBrand:"ggd-amsterdam",logoLink:"https://www.ggd.amsterdam.nl/",logoLinkTitle:"Naar de homepage van de GGD Amsterdam"}},s={args:{appName:"Aan de Amsterdamse grachten"}},t={args:{links:e.jsxs(a,{alignEnd:!0,wrap:!1,children:[e.jsx(a.Link,{href:"#",children:"Contact"}),e.jsx(a.Link,{href:"#",children:"Mijn Amsterdam"}),e.jsx(a.Link,{href:"#",icon:c,children:"Zoeken"})]})}},o={args:{menu:e.jsx("button",{className:"ams-header__menu-button",children:"Menu"})}},i={args:{links:e.jsxs(a,{alignEnd:!0,wrap:!1,children:[e.jsx(a.Link,{href:"#",children:"Contact"}),e.jsx(a.Link,{href:"#",children:"Mijn Amsterdam"}),e.jsx(a.Link,{href:"#",icon:c,children:"Zoeken"})]}),menu:e.jsx("button",{className:"ams-header__menu-button",children:"Menu"})}},m={args:{appName:"Aan de Amsterdamse grachten",menu:e.jsx("button",{className:"ams-header__menu-button",children:"Menu"})}},d={args:{appName:"Aan de Amsterdamse grachten",links:e.jsxs(a,{alignEnd:!0,wrap:!1,children:[e.jsx(a.Link,{href:"#",children:"Contact"}),e.jsx(a.Link,{href:"#",children:"Mijn Amsterdam"}),e.jsx(a.Link,{href:"#",icon:c,children:"Zoeken"})]}),menu:e.jsx("button",{className:"ams-header__menu-button",children:"Menu"})}};var h,k,f;n.parameters={...n.parameters,docs:{...(h=n.parameters)==null?void 0:h.docs,source:{originalSource:"{}",...(f=(k=n.parameters)==null?void 0:k.docs)==null?void 0:f.source}}};var M,L,_;r.parameters={...r.parameters,docs:{...(M=r.parameters)==null?void 0:M.docs,source:{originalSource:`{ args: { logoBrand: 'ggd-amsterdam', logoLink: 'https://www.ggd.amsterdam.nl/', logoLinkTitle: 'Naar de homepage van de GGD Amsterdam' } -}`,...(_=(L=r.parameters)==null?void 0:L.docs)==null?void 0:_.source}}};var j,N,A;s.parameters={...s.parameters,docs:{...(j=s.parameters)==null?void 0:j.docs,source:{originalSource:`{ +}`,...(_=(L=r.parameters)==null?void 0:L.docs)==null?void 0:_.source}}};var j,N,b;s.parameters={...s.parameters,docs:{...(j=s.parameters)==null?void 0:j.docs,source:{originalSource:`{ args: { appName: 'Aan de Amsterdamse grachten' } -}`,...(A=(N=s.parameters)==null?void 0:N.docs)==null?void 0:A.source}}};var b,x,P;t.parameters={...t.parameters,docs:{...(b=t.parameters)==null?void 0:b.docs,source:{originalSource:`{ +}`,...(b=(N=s.parameters)==null?void 0:N.docs)==null?void 0:b.source}}};var A,x,P;t.parameters={...t.parameters,docs:{...(A=t.parameters)==null?void 0:A.docs,source:{originalSource:`{ args: { links: Contact diff --git a/demo-develop/assets/Heading.docs-BoGBY1wI.js b/demo-develop/assets/Heading.docs-CZ_6onTQ.js similarity index 90% rename from demo-develop/assets/Heading.docs-BoGBY1wI.js rename to demo-develop/assets/Heading.docs-CZ_6onTQ.js index 15a72d3b00..a9a51e58ea 100644 --- a/demo-develop/assets/Heading.docs-BoGBY1wI.js +++ b/demo-develop/assets/Heading.docs-CZ_6onTQ.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as r}from"./index-3rgQkYFR.js";import{ae as i,aq as a,ar as l,as as h,at as s}from"./index-CWKCY_Bl.js";import{H as c,L as d,a as p,b as u,c as g,S as m,I as v}from"./Heading.stories-DJWNbVKp.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DBQNO3fk.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-4tYMzfzc.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";import"./exampleContent-hIIPvEhU.js";import"./Heading-kLxhGLS-.js";import"./getHeadingTag-Dv1eMqvl.js";const x=` +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as r}from"./index-3rgQkYFR.js";import{ae as i,aq as a,ar as l,as as h,at as s}from"./index-CmcJchMs.js";import{H as c,L as d,a as p,b as u,c as g,S as m,I as v}from"./Heading.stories-1tMrrTuI.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CN_8E5Aq.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-BsC3rSRZ.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";import"./exampleContent-hIIPvEhU.js";import"./Heading-kLxhGLS-.js";import"./getHeadingTag-Dv1eMqvl.js";const x=` # Heading diff --git a/demo-develop/assets/Heading.stories-DJWNbVKp.js b/demo-develop/assets/Heading.stories-1tMrrTuI.js similarity index 97% rename from demo-develop/assets/Heading.stories-DJWNbVKp.js rename to demo-develop/assets/Heading.stories-1tMrrTuI.js index 8fa97e53fc..8f3015bb4c 100644 --- a/demo-develop/assets/Heading.stories-DJWNbVKp.js +++ b/demo-develop/assets/Heading.stories-1tMrrTuI.js @@ -1,4 +1,4 @@ -import{j as I}from"./jsx-runtime-BjgbQsUx.js";import{r as s}from"./index-RigO-4kf.js";import{C as O}from"./index.esm-4tYMzfzc.js";import{e as D}from"./exampleContent-hIIPvEhU.js";import{H as e}from"./Heading-kLxhGLS-.js";const M=D(),P={title:"Components/Text/Heading",component:e,args:{children:M,inverseColor:!1},argTypes:{children:{description:"The heading text.",table:{disable:!1}}}},a={},l={},o={args:{level:2}},n={args:{level:3}},t={args:{level:4}},c={render:r=>I.jsxs(O,{gap:"small",children:[s.createElement(e,{...r,key:"level-1",size:"level-1"}),s.createElement(e,{...r,key:"level-2",size:"level-2"}),s.createElement(e,{...r,key:"level-3",size:"level-3"}),s.createElement(e,{...r,key:"level-4",size:"level-4"}),s.createElement(e,{...r,key:"level-5",size:"level-5"}),s.createElement(e,{...r,key:"level-6",size:"level-6"})]})},i={args:{inverseColor:!0}};var m,p,d;a.parameters={...a.parameters,docs:{...(m=a.parameters)==null?void 0:m.docs,source:{originalSource:"{}",...(d=(p=a.parameters)==null?void 0:p.docs)==null?void 0:d.source}}};var v,g,u;l.parameters={...l.parameters,docs:{...(v=l.parameters)==null?void 0:v.docs,source:{originalSource:"{}",...(u=(g=l.parameters)==null?void 0:g.docs)==null?void 0:u.source}}};var y,z,S;o.parameters={...o.parameters,docs:{...(y=o.parameters)==null?void 0:y.docs,source:{originalSource:`{ +import{j as I}from"./jsx-runtime-BjgbQsUx.js";import{r as s}from"./index-RigO-4kf.js";import{C as O}from"./index.esm-BsC3rSRZ.js";import{e as D}from"./exampleContent-hIIPvEhU.js";import{H as e}from"./Heading-kLxhGLS-.js";const M=D(),P={title:"Components/Text/Heading",component:e,args:{children:M,inverseColor:!1},argTypes:{children:{description:"The heading text.",table:{disable:!1}}}},a={},l={},o={args:{level:2}},n={args:{level:3}},t={args:{level:4}},c={render:r=>I.jsxs(O,{gap:"small",children:[s.createElement(e,{...r,key:"level-1",size:"level-1"}),s.createElement(e,{...r,key:"level-2",size:"level-2"}),s.createElement(e,{...r,key:"level-3",size:"level-3"}),s.createElement(e,{...r,key:"level-4",size:"level-4"}),s.createElement(e,{...r,key:"level-5",size:"level-5"}),s.createElement(e,{...r,key:"level-6",size:"level-6"})]})},i={args:{inverseColor:!0}};var m,p,d;a.parameters={...a.parameters,docs:{...(m=a.parameters)==null?void 0:m.docs,source:{originalSource:"{}",...(d=(p=a.parameters)==null?void 0:p.docs)==null?void 0:d.source}}};var v,g,u;l.parameters={...l.parameters,docs:{...(v=l.parameters)==null?void 0:v.docs,source:{originalSource:"{}",...(u=(g=l.parameters)==null?void 0:g.docs)==null?void 0:u.source}}};var y,z,S;o.parameters={...o.parameters,docs:{...(y=o.parameters)==null?void 0:y.docs,source:{originalSource:`{ args: { level: 2 } diff --git a/demo-develop/assets/HomePage.docs-B8Ya4RH_.js b/demo-develop/assets/HomePage.docs-85LDOUiS.js similarity index 79% rename from demo-develop/assets/HomePage.docs-B8Ya4RH_.js rename to demo-develop/assets/HomePage.docs-85LDOUiS.js index 6b7b279867..2faa4e973d 100644 --- a/demo-develop/assets/HomePage.docs-B8Ya4RH_.js +++ b/demo-develop/assets/HomePage.docs-85LDOUiS.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 t}from"./index-CWKCY_Bl.js";import{H as a}from"./HomePage.stories-BAkxdXq2.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DBQNO3fk.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-4tYMzfzc.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";import"./Overlap.stories-CAlAVuyg.js";import"./config-DmgB64Gy.js";import"./PageMenu.stories-DMSuHN48.js";import"./Icon-CPe807nE.js";import"./Footer.stories-CfcjiTpQ.js";import"./Spotlight-CVxUBei2.js";/*@license CC0-1.0*/function r(i){const e={code:"code",h1:"h1",h2:"h2",li:"li",ol:"ol",p:"p",pre:"pre",...o(),...i.components};return n.jsxs(n.Fragment,{children:[` +import{j as n}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as o}from"./index-3rgQkYFR.js";import{ae as t}from"./index-CmcJchMs.js";import{H as a}from"./HomePage.stories-COVaDeWY.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CN_8E5Aq.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-BsC3rSRZ.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";import"./Overlap.stories-nZgftYEJ.js";import"./config-BSnquZq8.js";import"./PageMenu.stories-DMSuHN48.js";import"./Icon-CPe807nE.js";import"./Footer.stories-D-NB2HRo.js";/*@license CC0-1.0*/function r(i){const e={code:"code",h1:"h1",h2:"h2",li:"li",ol:"ol",p:"p",pre:"pre",...o(),...i.components};return n.jsxs(n.Fragment,{children:[` `,` `,n.jsx(t,{of:a}),` `,n.jsx(e.h1,{id:"home-page",children:"Home page"}),` @@ -37,4 +37,4 @@ It is as wide as the Grid, hence it is a sibling of it.`}),` `,n.jsx(e.li,{children:"Other components in the main area are laid out on a Grid again."}),` `,n.jsx(e.li,{children:`The Footer contains its own Grid. This allows its background colour to stretch to the Screen’s width.`}),` -`]})]})}function H(i={}){const{wrapper:e}={...o(),...i.components};return e?n.jsx(e,{...i,children:n.jsx(r,{...i})}):r(i)}export{H as default}; +`]})]})}function F(i={}){const{wrapper:e}={...o(),...i.components};return e?n.jsx(e,{...i,children:n.jsx(r,{...i})}):r(i)}export{F as default}; diff --git a/demo-develop/assets/HomePage.stories-BAkxdXq2.js b/demo-develop/assets/HomePage.stories-COVaDeWY.js similarity index 96% rename from demo-develop/assets/HomePage.stories-BAkxdXq2.js rename to demo-develop/assets/HomePage.stories-COVaDeWY.js index d1247651bc..08dc589a4a 100644 --- a/demo-develop/assets/HomePage.stories-BAkxdXq2.js +++ b/demo-develop/assets/HomePage.stories-COVaDeWY.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{G as s,H as l,d as n,I as a,t as m,P as i,L as o,O as j}from"./index.esm-4tYMzfzc.js";import{D as x}from"./Overlap.stories-CAlAVuyg.js";import{c as u}from"./config-DmgB64Gy.js";const p=()=>e.jsxs(s,{paddingVertical:"medium",children:[e.jsx(s.Cell,{span:"all",children:e.jsx(l,{level:2,children:"Nieuws"})}),e.jsx(s.Cell,{span:4,children:e.jsxs(n,{children:[e.jsx(a,{alt:"",src:"https://picsum.photos/640/360?random=1"}),e.jsx(n.HeadingGroup,{tagline:"Nieuws",children:e.jsx(l,{level:2,size:"level-4",children:e.jsx(n.Link,{href:"#",children:"Nederlands eerste houten woonwijk komt in Zuidoost"})})})]})}),e.jsx(s.Cell,{span:4,children:e.jsxs(n,{children:[e.jsx(a,{alt:"",src:"https://picsum.photos/640/360?random=2"}),e.jsx(n.HeadingGroup,{tagline:"Nieuws",children:e.jsx(l,{level:2,size:"level-4",children:e.jsx(n.Link,{href:"#",children:"Gratis openbaar vervoer voor kinderen"})})})]})}),e.jsx(s.Cell,{span:4,children:e.jsxs(n,{children:[e.jsx(a,{alt:"",src:"https://picsum.photos/640/360?random=3"}),e.jsx(n.HeadingGroup,{tagline:"Nieuws",children:e.jsx(l,{level:2,size:"level-4",children:e.jsx(n.Link,{href:"#",children:"Zonnepanelen op uw dak? Zo houdt u uw huis veilig"})})})]})})]}),g=()=>e.jsx(m,{color:"purple",children:e.jsxs(s,{paddingVertical:"medium",children:[e.jsxs(s.Cell,{span:{narrow:4,medium:4,wide:6},children:[e.jsx(l,{className:"ams-mb--xs",inverseColor:!0,size:"level-2",children:"Ontheffing of vergunning"}),e.jsxs(i,{className:"ams-mb--sm",inverseColor:!0,children:["Check welke ontheffing of vergunning u nodig heeft. Bijvoorbeeld een RVV, TVM, objectvergunning,"," ","nachtwerkontheffing, e-RVV, e-TVM of filmmelding. Dat regult u allemaal met 1 formulier."]}),e.jsx(o,{href:"#",inverseColor:!0,variant:"standalone",children:"Eenvoudig regelen"})]}),e.jsxs(s.Cell,{span:{narrow:4,medium:4,wide:6},children:[e.jsx(l,{className:"ams-mb--xs",inverseColor:!0,size:"level-2",children:"Werkzaamheden"}),e.jsx(i,{className:"ams-mb--sm",inverseColor:!0,children:"Lees waar en wanneer we werken aan nieuwbouw, groot onderhoud, herinrichting van straten en wegen, aanpak van parken of ontwikkeling van hele gebieden."}),e.jsx(o,{href:"#",inverseColor:!0,variant:"standalone",children:"Alle bouw- en verkeerswerkzaamheden"})]})]})}),v=()=>e.jsxs(s,{paddingVertical:"medium",children:[e.jsx(s.Cell,{span:"all",children:e.jsx(l,{children:"Belangrijkste onderwerpen"})}),e.jsx(s.Cell,{span:{narrow:4,medium:4,wide:3},children:e.jsxs(n,{children:[e.jsx(l,{level:2,size:"level-4",children:e.jsx(n.Link,{href:"#",children:"Gemeentebelastingen"})}),e.jsx(i,{size:"small",children:"Bekijk welke belastingen en heffingen er zijn, hoe u bezwaar maakt of een betalingsregeling treft."})]})}),e.jsx(s.Cell,{span:{narrow:4,medium:4,wide:3},children:e.jsxs(n,{children:[e.jsx(l,{level:3,size:"level-4",children:e.jsx(n.Link,{href:"#",children:"Parkeren + Reizen (P+R)"})}),e.jsx(i,{size:"small",children:"U kunt met uw auto goedkoop parkeren bij een P+R-locatie aan de rand van de stad."})]})}),e.jsx(s.Cell,{span:{narrow:4,medium:4,wide:3},children:e.jsxs(n,{children:[e.jsx(l,{level:3,size:"level-4",children:e.jsx(n.Link,{href:"#",children:"Paspoort, ID-kaart en rijbewijs"})}),e.jsx(i,{size:"small",children:"Vraag deze bewijzen aan of verleng ze. Geef een vermissing aan."})]})}),e.jsx(s.Cell,{span:{narrow:4,medium:4,wide:3},children:e.jsxs(n,{children:[e.jsx(l,{level:3,size:"level-4",children:e.jsx(n.Link,{href:"#",children:"Onderwijs"})}),e.jsx(i,{size:"small",children:"Meld een kind aan voor basisschool, middelbare school of kinderopvang. Bekijk het kindtegoed op uw Stadspas."})]})}),e.jsx(s.Cell,{span:{narrow:4,medium:4,wide:3},children:e.jsxs(n,{children:[e.jsx(l,{level:3,size:"level-4",children:e.jsx(n.Link,{href:"#",children:"Meldingen openbare ruimte en overlast"})}),e.jsx(i,{size:"small",children:"Ziet u op straat of in een park iets waarvan u wilt dat het gemaakt of opgeruimd wordt, dan kunt u dat bij de gemeente melden."})]})}),e.jsx(s.Cell,{span:{narrow:4,medium:4,wide:3},children:e.jsxs(n,{children:[e.jsx(l,{level:3,size:"level-4",children:e.jsx(n.Link,{href:"#",children:"Verhuizing doorgeven"})}),e.jsx(i,{size:"small",children:"Geef uw nieuwe adres door als u binnen Amsterdam of naar Amsterdam verhuist."})]})}),e.jsx(s.Cell,{span:{narrow:4,medium:4,wide:3},children:e.jsxs(n,{children:[e.jsx(l,{level:3,size:"level-4",children:e.jsx(n.Link,{href:"#",children:"Grof afval"})}),e.jsx(i,{size:"small",children:"Grof afval zijn spullen die niet in een vuilniszak passen."})]})}),e.jsx(s.Cell,{span:{narrow:4,medium:4,wide:3},children:e.jsxs(n,{children:[e.jsx(l,{level:3,size:"level-4",children:e.jsx(n.Link,{href:"#",children:"Kennisgevingen en bekendmakingen"})}),e.jsx(i,{size:"small",children:"Kennisgevingen en bekendmakingen van de gemeente Amsterdam van de laatste 8 weken."})]})})]}),w=()=>{var d;return e.jsxs("main",{id:"main",children:[e.jsx(j,{children:(d=x.args)==null?void 0:d.children}),e.jsx(v,{}),e.jsx(g,{}),e.jsx(p,{})]})};/** +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{G as s,H as l,c as n,I as a,t as m,P as i,L as o,O as j}from"./index.esm-BsC3rSRZ.js";import{D as x}from"./Overlap.stories-nZgftYEJ.js";import{c as u}from"./config-BSnquZq8.js";const p=()=>e.jsxs(s,{paddingVertical:"medium",children:[e.jsx(s.Cell,{span:"all",children:e.jsx(l,{level:2,children:"Nieuws"})}),e.jsx(s.Cell,{span:4,children:e.jsxs(n,{children:[e.jsx(a,{alt:"",src:"https://picsum.photos/640/360?random=1"}),e.jsx(n.HeadingGroup,{tagline:"Nieuws",children:e.jsx(l,{level:2,size:"level-4",children:e.jsx(n.Link,{href:"#",children:"Nederlands eerste houten woonwijk komt in Zuidoost"})})})]})}),e.jsx(s.Cell,{span:4,children:e.jsxs(n,{children:[e.jsx(a,{alt:"",src:"https://picsum.photos/640/360?random=2"}),e.jsx(n.HeadingGroup,{tagline:"Nieuws",children:e.jsx(l,{level:2,size:"level-4",children:e.jsx(n.Link,{href:"#",children:"Gratis openbaar vervoer voor kinderen"})})})]})}),e.jsx(s.Cell,{span:4,children:e.jsxs(n,{children:[e.jsx(a,{alt:"",src:"https://picsum.photos/640/360?random=3"}),e.jsx(n.HeadingGroup,{tagline:"Nieuws",children:e.jsx(l,{level:2,size:"level-4",children:e.jsx(n.Link,{href:"#",children:"Zonnepanelen op uw dak? Zo houdt u uw huis veilig"})})})]})})]}),g=()=>e.jsx(m,{color:"purple",children:e.jsxs(s,{paddingVertical:"medium",children:[e.jsxs(s.Cell,{span:{narrow:4,medium:4,wide:6},children:[e.jsx(l,{className:"ams-mb--xs",inverseColor:!0,size:"level-2",children:"Ontheffing of vergunning"}),e.jsxs(i,{className:"ams-mb--sm",inverseColor:!0,children:["Check welke ontheffing of vergunning u nodig heeft. Bijvoorbeeld een RVV, TVM, objectvergunning,"," ","nachtwerkontheffing, e-RVV, e-TVM of filmmelding. Dat regult u allemaal met 1 formulier."]}),e.jsx(o,{href:"#",inverseColor:!0,variant:"standalone",children:"Eenvoudig regelen"})]}),e.jsxs(s.Cell,{span:{narrow:4,medium:4,wide:6},children:[e.jsx(l,{className:"ams-mb--xs",inverseColor:!0,size:"level-2",children:"Werkzaamheden"}),e.jsx(i,{className:"ams-mb--sm",inverseColor:!0,children:"Lees waar en wanneer we werken aan nieuwbouw, groot onderhoud, herinrichting van straten en wegen, aanpak van parken of ontwikkeling van hele gebieden."}),e.jsx(o,{href:"#",inverseColor:!0,variant:"standalone",children:"Alle bouw- en verkeerswerkzaamheden"})]})]})}),v=()=>e.jsxs(s,{paddingVertical:"medium",children:[e.jsx(s.Cell,{span:"all",children:e.jsx(l,{children:"Belangrijkste onderwerpen"})}),e.jsx(s.Cell,{span:{narrow:4,medium:4,wide:3},children:e.jsxs(n,{children:[e.jsx(l,{level:2,size:"level-4",children:e.jsx(n.Link,{href:"#",children:"Gemeentebelastingen"})}),e.jsx(i,{size:"small",children:"Bekijk welke belastingen en heffingen er zijn, hoe u bezwaar maakt of een betalingsregeling treft."})]})}),e.jsx(s.Cell,{span:{narrow:4,medium:4,wide:3},children:e.jsxs(n,{children:[e.jsx(l,{level:3,size:"level-4",children:e.jsx(n.Link,{href:"#",children:"Parkeren + Reizen (P+R)"})}),e.jsx(i,{size:"small",children:"U kunt met uw auto goedkoop parkeren bij een P+R-locatie aan de rand van de stad."})]})}),e.jsx(s.Cell,{span:{narrow:4,medium:4,wide:3},children:e.jsxs(n,{children:[e.jsx(l,{level:3,size:"level-4",children:e.jsx(n.Link,{href:"#",children:"Paspoort, ID-kaart en rijbewijs"})}),e.jsx(i,{size:"small",children:"Vraag deze bewijzen aan of verleng ze. Geef een vermissing aan."})]})}),e.jsx(s.Cell,{span:{narrow:4,medium:4,wide:3},children:e.jsxs(n,{children:[e.jsx(l,{level:3,size:"level-4",children:e.jsx(n.Link,{href:"#",children:"Onderwijs"})}),e.jsx(i,{size:"small",children:"Meld een kind aan voor basisschool, middelbare school of kinderopvang. Bekijk het kindtegoed op uw Stadspas."})]})}),e.jsx(s.Cell,{span:{narrow:4,medium:4,wide:3},children:e.jsxs(n,{children:[e.jsx(l,{level:3,size:"level-4",children:e.jsx(n.Link,{href:"#",children:"Meldingen openbare ruimte en overlast"})}),e.jsx(i,{size:"small",children:"Ziet u op straat of in een park iets waarvan u wilt dat het gemaakt of opgeruimd wordt, dan kunt u dat bij de gemeente melden."})]})}),e.jsx(s.Cell,{span:{narrow:4,medium:4,wide:3},children:e.jsxs(n,{children:[e.jsx(l,{level:3,size:"level-4",children:e.jsx(n.Link,{href:"#",children:"Verhuizing doorgeven"})}),e.jsx(i,{size:"small",children:"Geef uw nieuwe adres door als u binnen Amsterdam of naar Amsterdam verhuist."})]})}),e.jsx(s.Cell,{span:{narrow:4,medium:4,wide:3},children:e.jsxs(n,{children:[e.jsx(l,{level:3,size:"level-4",children:e.jsx(n.Link,{href:"#",children:"Grof afval"})}),e.jsx(i,{size:"small",children:"Grof afval zijn spullen die niet in een vuilniszak passen."})]})}),e.jsx(s.Cell,{span:{narrow:4,medium:4,wide:3},children:e.jsxs(n,{children:[e.jsx(l,{level:3,size:"level-4",children:e.jsx(n.Link,{href:"#",children:"Kennisgevingen en bekendmakingen"})}),e.jsx(i,{size:"small",children:"Kennisgevingen en bekendmakingen van de gemeente Amsterdam van de laatste 8 weken."})]})})]}),w=()=>{var d;return e.jsxs("main",{id:"main",children:[e.jsx(j,{children:(d=x.args)==null?void 0:d.children}),e.jsx(v,{}),e.jsx(g,{}),e.jsx(p,{})]})};/** * @license EUPL-1.2+ * Copyright Gemeente Amsterdam */const k={...u,title:"Pages/Amsterdam.nl/Home Page",component:w},r={};var t,h,c;r.parameters={...r.parameters,docs:{...(t=r.parameters)==null?void 0:t.docs,source:{originalSource:"{}",...(c=(h=r.parameters)==null?void 0:h.docs)==null?void 0:c.source}}};const f=["Default"],H=Object.freeze(Object.defineProperty({__proto__:null,Default:r,__namedExportsOrder:f,default:k},Symbol.toStringTag,{value:"Module"}));export{H}; diff --git a/demo-develop/assets/Icon.docs-Ds6RyF_r.js b/demo-develop/assets/Icon.docs-CXmCVqB_.js similarity index 94% rename from demo-develop/assets/Icon.docs-Ds6RyF_r.js rename to demo-develop/assets/Icon.docs-CXmCVqB_.js index 79fc78468d..deff2e9e77 100644 --- a/demo-develop/assets/Icon.docs-Ds6RyF_r.js +++ b/demo-develop/assets/Icon.docs-CXmCVqB_.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as a}from"./index-3rgQkYFR.js";import{ae as i,aq as r,ar as c,as as l,at as t}from"./index-CWKCY_Bl.js";import{I as h,W as d,S as m,L as p,a as u,b as x,c as f,d as j}from"./Icon.stories-CUqtKQfW.js";import{S as g}from"./StatusBadge-DiE14TfE.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DBQNO3fk.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-4tYMzfzc.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";import"./Icon-CPe807nE.js";import"./Badge-BvbF-Lgn.js";const v=` +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as a}from"./index-3rgQkYFR.js";import{ae as i,aq as r,ar as c,as as l,at as t}from"./index-CmcJchMs.js";import{I as h,W as d,S as m,L as p,a as u,b as x,c as f,d as j}from"./Icon.stories-LL60e07G.js";import{S as g}from"./StatusBadge-DiE14TfE.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CN_8E5Aq.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-BsC3rSRZ.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";import"./Icon-CPe807nE.js";import"./Badge-BvbF-Lgn.js";const v=` # Icon diff --git a/demo-develop/assets/Icon.stories-CUqtKQfW.js b/demo-develop/assets/Icon.stories-LL60e07G.js similarity index 97% rename from demo-develop/assets/Icon.stories-CUqtKQfW.js rename to demo-develop/assets/Icon.stories-LL60e07G.js index aea19d70c6..b99d803948 100644 --- a/demo-develop/assets/Icon.stories-CUqtKQfW.js +++ b/demo-develop/assets/Icon.stories-LL60e07G.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{H as k}from"./index.esm-4tYMzfzc.js";import{d as F,I as p}from"./index.esm-Bz9pa_xK.js";import{I as M}from"./Icon-CPe807nE.js";const P={title:"Components/Media/Icon",component:M,args:{inverseColor:!1,svg:F},argTypes:{svg:{control:{type:"select"},options:Object.keys(p),mapping:p}}},r={},s={decorators:[i=>e.jsx("span",{style:{display:"flex",gap:"1rem"},children:e.jsx(i,{})})],render:i=>e.jsxs(e.Fragment,{children:[e.jsx(M,{...i,size:"level-3"}),e.jsx(k,{size:"level-3",children:"Inline text"})]})},a={args:{square:!0}},o={args:{size:"level-3"}},t={args:{size:"level-4"}},n={args:{size:"level-5"}},c={args:{size:"level-6"}},l={args:{inverseColor:!0}};var m,d,u;r.parameters={...r.parameters,docs:{...(m=r.parameters)==null?void 0:m.docs,source:{originalSource:"{}",...(u=(d=r.parameters)==null?void 0:d.docs)==null?void 0:u.source}}};var g,v,S;s.parameters={...s.parameters,docs:{...(g=s.parameters)==null?void 0:g.docs,source:{originalSource:`{ +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{H as k}from"./index.esm-BsC3rSRZ.js";import{d as F,I as p}from"./index.esm-Bz9pa_xK.js";import{I as M}from"./Icon-CPe807nE.js";const P={title:"Components/Media/Icon",component:M,args:{inverseColor:!1,svg:F},argTypes:{svg:{control:{type:"select"},options:Object.keys(p),mapping:p}}},r={},s={decorators:[i=>e.jsx("span",{style:{display:"flex",gap:"1rem"},children:e.jsx(i,{})})],render:i=>e.jsxs(e.Fragment,{children:[e.jsx(M,{...i,size:"level-3"}),e.jsx(k,{size:"level-3",children:"Inline text"})]})},a={args:{square:!0}},o={args:{size:"level-3"}},t={args:{size:"level-4"}},n={args:{size:"level-5"}},c={args:{size:"level-6"}},l={args:{inverseColor:!0}};var m,d,u;r.parameters={...r.parameters,docs:{...(m=r.parameters)==null?void 0:m.docs,source:{originalSource:"{}",...(u=(d=r.parameters)==null?void 0:d.docs)==null?void 0:u.source}}};var g,v,S;s.parameters={...s.parameters,docs:{...(g=s.parameters)==null?void 0:g.docs,source:{originalSource:`{ decorators: [Story => +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as s}from"./index-3rgQkYFR.js";import{ae as l,aq as i,ar as a,as as c,at as r}from"./index-CmcJchMs.js";import{I as d,L as h,a as u,b as p,c as m,C as x,d as j}from"./IconButton.stories-DxAaPKjB.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CN_8E5Aq.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-Bz9pa_xK.js";import"./IconButton-Crov6BLL.js";import"./clsx-B-dksMZM.js";import"./Icon-CPe807nE.js";const b=` # Icon Button diff --git a/demo-develop/assets/Image.docs-1PjsS8Bz.js b/demo-develop/assets/Image.docs-CiIwVONr.js similarity index 97% rename from demo-develop/assets/Image.docs-1PjsS8Bz.js rename to demo-develop/assets/Image.docs-CiIwVONr.js index eb1d75a57d..fefde049dc 100644 --- a/demo-develop/assets/Image.docs-1PjsS8Bz.js +++ b/demo-develop/assets/Image.docs-CiIwVONr.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as a}from"./index-3rgQkYFR.js";import{ae as s,aq as r,ar as l,as as d,at as o}from"./index-CWKCY_Bl.js";import{I as h,R as m,L as c}from"./Image.stories-BYgQuacP.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DBQNO3fk.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"./Image-dslpK47z.js";import"./clsx-B-dksMZM.js";const g=` +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as a}from"./index-3rgQkYFR.js";import{ae as s,aq as r,ar as l,as as d,at as o}from"./index-CmcJchMs.js";import{I as h,R as m,L as c}from"./Image.stories-BYgQuacP.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CN_8E5Aq.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"./Image-dslpK47z.js";import"./clsx-B-dksMZM.js";const g=` # Image diff --git a/demo-develop/assets/ImageSlider.docs-w8N5DqvA.js b/demo-develop/assets/ImageSlider.docs-fXTTnSk6.js similarity index 95% rename from demo-develop/assets/ImageSlider.docs-w8N5DqvA.js rename to demo-develop/assets/ImageSlider.docs-fXTTnSk6.js index b65c6d1621..11a1a9ba34 100644 --- a/demo-develop/assets/ImageSlider.docs-w8N5DqvA.js +++ b/demo-develop/assets/ImageSlider.docs-fXTTnSk6.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as o}from"./index-3rgQkYFR.js";import{ae as i,aq as a,ar as r,as as l,at as m}from"./index-CWKCY_Bl.js";import{I as d,R as h}from"./ImageSlider.stories-C5bWp2Rl.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DBQNO3fk.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"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";import"./IconButton-Crov6BLL.js";import"./Icon-CPe807nE.js";import"./Image-dslpK47z.js";const c=` +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as o}from"./index-3rgQkYFR.js";import{ae as i,aq as a,ar as r,as as l,at as m}from"./index-CmcJchMs.js";import{I as d,R as h}from"./ImageSlider.stories-C5bWp2Rl.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CN_8E5Aq.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"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";import"./IconButton-Crov6BLL.js";import"./Icon-CPe807nE.js";import"./Image-dslpK47z.js";const c=` # Image Slider diff --git a/demo-develop/assets/Introduction.docs-A2YdrH1J.js b/demo-develop/assets/Introduction.docs-Cb9Mhr5R.js similarity index 92% rename from demo-develop/assets/Introduction.docs-A2YdrH1J.js rename to demo-develop/assets/Introduction.docs-Cb9Mhr5R.js index 6a7df4121f..a5237de598 100644 --- a/demo-develop/assets/Introduction.docs-A2YdrH1J.js +++ b/demo-develop/assets/Introduction.docs-Cb9Mhr5R.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 i}from"./index-CWKCY_Bl.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DBQNO3fk.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";/*@license CC0-1.0*/function o(n){const t={code:"code",h1:"h1",h2:"h2",h3:"h3",p:"p",...s(),...n.components};return e.jsxs(e.Fragment,{children:[` +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as s}from"./index-3rgQkYFR.js";import{ae as i}from"./index-CmcJchMs.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CN_8E5Aq.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";/*@license CC0-1.0*/function o(n){const t={code:"code",h1:"h1",h2:"h2",h3:"h3",p:"p",...s(),...n.components};return e.jsxs(e.Fragment,{children:[` `,` `,e.jsx(i,{title:"Pages/Introduction"}),` `,e.jsx(t.h1,{id:"pages",children:"Pages"}),` diff --git a/demo-develop/assets/Label.docs-CKxCdvDi.js b/demo-develop/assets/Label.docs-B0KRcgqJ.js similarity index 93% rename from demo-develop/assets/Label.docs-CKxCdvDi.js rename to demo-develop/assets/Label.docs-B0KRcgqJ.js index d0faec4c8e..2cc2a1ac52 100644 --- a/demo-develop/assets/Label.docs-CKxCdvDi.js +++ b/demo-develop/assets/Label.docs-B0KRcgqJ.js @@ -1,4 +1,4 @@ -import{j as t}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as r}from"./index-3rgQkYFR.js";import{ae as s,aq as a,ar as h,as as l,at as o}from"./index-CWKCY_Bl.js";import{L as p,O as m,W as c}from"./Label.stories-C_bEBMkh.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DBQNO3fk.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"./clsx-B-dksMZM.js";import"./Hint-ny2kNNgA.js";const d=` +import{j as t}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as r}from"./index-3rgQkYFR.js";import{ae as s,aq as a,ar as h,as as l,at as o}from"./index-CmcJchMs.js";import{L as p,O as m,W as c}from"./Label.stories-C_bEBMkh.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CN_8E5Aq.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"./clsx-B-dksMZM.js";import"./Hint-ny2kNNgA.js";const d=` # Label diff --git a/demo-develop/assets/Link.docs-D4hwFXBq.js b/demo-develop/assets/Link.docs-B823-pHZ.js similarity index 95% rename from demo-develop/assets/Link.docs-D4hwFXBq.js rename to demo-develop/assets/Link.docs-B823-pHZ.js index c213e8eae1..c30307a1e8 100644 --- a/demo-develop/assets/Link.docs-D4hwFXBq.js +++ b/demo-develop/assets/Link.docs-B823-pHZ.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 r,aq as a,ar as l,as as c,at as t}from"./index-CWKCY_Bl.js";import{L as h,S as d,I as p,C as u,a as m}from"./Link.stories-Dk2BRN_4.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DBQNO3fk.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-4tYMzfzc.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";const g=` +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as s}from"./index-3rgQkYFR.js";import{ae as r,aq as a,ar as l,as as c,at as t}from"./index-CmcJchMs.js";import{L as h,S as d,I as p,C as u,a as m}from"./Link.stories-CeUQiB1g.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CN_8E5Aq.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-BsC3rSRZ.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";const g=` # Link diff --git a/demo-develop/assets/Link.stories-Dk2BRN_4.js b/demo-develop/assets/Link.stories-CeUQiB1g.js similarity index 97% rename from demo-develop/assets/Link.stories-Dk2BRN_4.js rename to demo-develop/assets/Link.stories-CeUQiB1g.js index 2f5f6ac61d..5688a6be95 100644 --- a/demo-develop/assets/Link.stories-Dk2BRN_4.js +++ b/demo-develop/assets/Link.stories-CeUQiB1g.js @@ -1,4 +1,4 @@ -import{j as l}from"./jsx-runtime-BjgbQsUx.js";import{P as N}from"./index.esm-4tYMzfzc.js";import{c as P}from"./clsx-B-dksMZM.js";import{r as T}from"./index-RigO-4kf.js";const t=T.forwardRef(({children:s,className:S,contrastColor:j,inverseColor:L,variant:i="standalone",...q},I)=>l.jsx("a",{...q,ref:I,className:P("ams-link",j&&"ams-link--contrast-color",L&&"ams-link--inverse-color",i==="inline"&&"ams-link--inline",i==="standalone"&&"ams-link--standalone",S),children:s}));t.displayName="Link";try{t.displayName="Link",t.__docgenInfo={description:"",displayName:"Link",props:{contrastColor:{defaultValue:null,description:"Changes the text colour for readability on a light background.",name:"contrastColor",required:!1,type:{name:"boolean"}},inverseColor:{defaultValue:null,description:"Changes the text colour for readability on a dark background.",name:"inverseColor",required:!1,type:{name:"boolean"}},variant:{defaultValue:{value:"standalone"},description:"Whether the link is inline or stands alone.",name:"variant",required:!1,type:{name:"enum",value:[{value:'"inline"'},{value:'"standalone"'}]}}}}}catch{}const w={title:"Components/Navigation/Link",component:t,args:{children:"Link label",contrastColor:!1,href:"#",inverseColor:!1},argTypes:{children:{description:"The link text.",table:{disable:!1}},href:{description:"The url for the link.",name:"href",type:{name:"string",required:!1}}}},e={},r={},a={args:{children:"typograaf",variant:"inline"},decorators:[s=>l.jsxs(N,{children:["Jouw ",l.jsx(s,{})," biedt mij zulke exquise schreven!"]})]},o={args:{contrastColor:!0}},n={args:{inverseColor:!0}};var c,d,u;e.parameters={...e.parameters,docs:{...(c=e.parameters)==null?void 0:c.docs,source:{originalSource:"{}",...(u=(d=e.parameters)==null?void 0:d.docs)==null?void 0:u.source}}};var p,m,f;r.parameters={...r.parameters,docs:{...(p=r.parameters)==null?void 0:p.docs,source:{originalSource:"{}",...(f=(m=r.parameters)==null?void 0:m.docs)==null?void 0:f.source}}};var g,h,k;a.parameters={...a.parameters,docs:{...(g=a.parameters)==null?void 0:g.docs,source:{originalSource:`{ +import{j as l}from"./jsx-runtime-BjgbQsUx.js";import{P as N}from"./index.esm-BsC3rSRZ.js";import{c as P}from"./clsx-B-dksMZM.js";import{r as T}from"./index-RigO-4kf.js";const t=T.forwardRef(({children:s,className:S,contrastColor:j,inverseColor:L,variant:i="standalone",...q},I)=>l.jsx("a",{...q,ref:I,className:P("ams-link",j&&"ams-link--contrast-color",L&&"ams-link--inverse-color",i==="inline"&&"ams-link--inline",i==="standalone"&&"ams-link--standalone",S),children:s}));t.displayName="Link";try{t.displayName="Link",t.__docgenInfo={description:"",displayName:"Link",props:{contrastColor:{defaultValue:null,description:"Changes the text colour for readability on a light background.",name:"contrastColor",required:!1,type:{name:"boolean"}},inverseColor:{defaultValue:null,description:"Changes the text colour for readability on a dark background.",name:"inverseColor",required:!1,type:{name:"boolean"}},variant:{defaultValue:{value:"standalone"},description:"Whether the link is inline or stands alone.",name:"variant",required:!1,type:{name:"enum",value:[{value:'"inline"'},{value:'"standalone"'}]}}}}}catch{}const w={title:"Components/Navigation/Link",component:t,args:{children:"Link label",contrastColor:!1,href:"#",inverseColor:!1},argTypes:{children:{description:"The link text.",table:{disable:!1}},href:{description:"The url for the link.",name:"href",type:{name:"string",required:!1}}}},e={},r={},a={args:{children:"typograaf",variant:"inline"},decorators:[s=>l.jsxs(N,{children:["Jouw ",l.jsx(s,{})," biedt mij zulke exquise schreven!"]})]},o={args:{contrastColor:!0}},n={args:{inverseColor:!0}};var c,d,u;e.parameters={...e.parameters,docs:{...(c=e.parameters)==null?void 0:c.docs,source:{originalSource:"{}",...(u=(d=e.parameters)==null?void 0:d.docs)==null?void 0:u.source}}};var p,m,f;r.parameters={...r.parameters,docs:{...(p=r.parameters)==null?void 0:p.docs,source:{originalSource:"{}",...(f=(m=r.parameters)==null?void 0:m.docs)==null?void 0:f.source}}};var g,h,k;a.parameters={...a.parameters,docs:{...(g=a.parameters)==null?void 0:g.docs,source:{originalSource:`{ args: { children: 'typograaf', variant: 'inline' diff --git a/demo-develop/assets/LinkList.docs-D1b8et2O.js b/demo-develop/assets/LinkList.docs-DX-lEBGZ.js similarity index 96% rename from demo-develop/assets/LinkList.docs-D1b8et2O.js rename to demo-develop/assets/LinkList.docs-DX-lEBGZ.js index 208032c720..a4027a5006 100644 --- a/demo-develop/assets/LinkList.docs-D1b8et2O.js +++ b/demo-develop/assets/LinkList.docs-DX-lEBGZ.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as r}from"./index-3rgQkYFR.js";import{ae as l,aq as a,ar as c,at as s,as as h}from"./index-CWKCY_Bl.js";import{L as d,C as m,S as p,a as t,b as u,I as x}from"./LinkList.stories-C0usvnlJ.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DBQNO3fk.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-Bz9pa_xK.js";import"./exampleContent-hIIPvEhU.js";import"./LinkList-BSPLoecX.js";import"./clsx-B-dksMZM.js";import"./Icon-CPe807nE.js";const j=` +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as r}from"./index-3rgQkYFR.js";import{ae as l,aq as a,ar as c,at as s,as as h}from"./index-CmcJchMs.js";import{L as d,C as m,S as p,a as t,b as u,I as x}from"./LinkList.stories-C0usvnlJ.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CN_8E5Aq.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-Bz9pa_xK.js";import"./exampleContent-hIIPvEhU.js";import"./LinkList-BSPLoecX.js";import"./clsx-B-dksMZM.js";import"./Icon-CPe807nE.js";const j=` # Link List diff --git a/demo-develop/assets/Logo.docs-B0tRCa2q.js b/demo-develop/assets/Logo.docs-6Iahc5s2.js similarity index 95% rename from demo-develop/assets/Logo.docs-B0tRCa2q.js rename to demo-develop/assets/Logo.docs-6Iahc5s2.js index e8fa8bea7d..44836bd36a 100644 --- a/demo-develop/assets/Logo.docs-B0tRCa2q.js +++ b/demo-develop/assets/Logo.docs-6Iahc5s2.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as t}from"./index-3rgQkYFR.js";import{ae as i,aq as r,ar as h,as as l,at as o}from"./index-CWKCY_Bl.js";import{L as d,G as m,S as p,a as g,V as c,M as u}from"./Logo.stories-LgbwSI1-.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DBQNO3fk.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"./Logo-BazI2ckd.js";import"./clsx-B-dksMZM.js";const f=` +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as t}from"./index-3rgQkYFR.js";import{ae as i,aq as r,ar as h,as as l,at as o}from"./index-CmcJchMs.js";import{L as d,G as m,S as p,a as g,V as c,M as u}from"./Logo.stories-LgbwSI1-.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CN_8E5Aq.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"./Logo-BazI2ckd.js";import"./clsx-B-dksMZM.js";const f=` # Logo diff --git a/demo-develop/assets/Margin.docs-CkeAUDPW.js b/demo-develop/assets/Margin.docs-BJVqfv-N.js similarity index 90% rename from demo-develop/assets/Margin.docs-CkeAUDPW.js rename to demo-develop/assets/Margin.docs-BJVqfv-N.js index c2d253d2f1..3c9b8c7dd6 100644 --- a/demo-develop/assets/Margin.docs-CkeAUDPW.js +++ b/demo-develop/assets/Margin.docs-BJVqfv-N.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as t}from"./index-3rgQkYFR.js";import{ae as o,aq as i,ar as m,as as r}from"./index-CWKCY_Bl.js";import{M as l}from"./Margin.stories-Bp9RESs0.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DBQNO3fk.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-4tYMzfzc.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 t}from"./index-3rgQkYFR.js";import{ae as o,aq as i,ar as m,as as r}from"./index-CmcJchMs.js";import{M as l}from"./Margin.stories-BDql_M2r.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CN_8E5Aq.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-BsC3rSRZ.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";const p=` # Margin diff --git a/demo-develop/assets/Margin.stories-Bp9RESs0.js b/demo-develop/assets/Margin.stories-BDql_M2r.js similarity index 97% rename from demo-develop/assets/Margin.stories-Bp9RESs0.js rename to demo-develop/assets/Margin.stories-BDql_M2r.js index ac8dd69434..9d8f536a6d 100644 --- a/demo-develop/assets/Margin.stories-Bp9RESs0.js +++ b/demo-develop/assets/Margin.stories-BDql_M2r.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{H as l,P as m}from"./index.esm-4tYMzfzc.js";/** +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{H as l,P as m}from"./index.esm-BsC3rSRZ.js";/** * @license EUPL-1.2+ * Copyright Gemeente Amsterdam */const s=({children:r,size:i})=>e.jsx("span",{className:`ams-mb--${i}`,children:r});try{s.displayName="Margin",s.__docgenInfo={description:"Renders examples in Storybook. Not for reuse.",displayName:"Margin",props:{size:{defaultValue:null,description:"The amount of space below the element.",name:"size",required:!0,type:{name:"enum",value:[{value:'"xs"'},{value:'"sm"'},{value:'"md"'},{value:'"lg"'},{value:'"xl"'}]}}}}}catch{}const c=({size:r})=>e.jsxs(e.Fragment,{children:[e.jsx(l,{className:`ams-mb--${r}`,level:2,children:"This heading has a bottom margin"}),e.jsx(m,{children:"It introduces white space between the heading and this paragraph below."})]}),d={title:"Utilities/CSS/Margin",component:s,args:{size:"xs"}},a={render:c};var t,o,n;a.parameters={...a.parameters,docs:{...(t=a.parameters)==null?void 0:t.docs,source:{originalSource:`{ diff --git a/demo-develop/assets/Mark.docs-CJGjCuWD.js b/demo-develop/assets/Mark.docs-CgXyZamH.js similarity index 79% rename from demo-develop/assets/Mark.docs-CJGjCuWD.js rename to demo-develop/assets/Mark.docs-CgXyZamH.js index c42b75cb8a..8d0e386411 100644 --- a/demo-develop/assets/Mark.docs-CJGjCuWD.js +++ b/demo-develop/assets/Mark.docs-CgXyZamH.js @@ -1,4 +1,4 @@ -import{j as t}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as i}from"./index-3rgQkYFR.js";import{ae as o,aq as a,ar as s,as as m}from"./index-CWKCY_Bl.js";import{M as p}from"./Mark.stories-D1okTYi_.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DBQNO3fk.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-4tYMzfzc.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";const x=` +import{j as t}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as i}from"./index-3rgQkYFR.js";import{ae as o,aq as a,ar as s,as as m}from"./index-CmcJchMs.js";import{M as p}from"./Mark.stories-8bxSg4GD.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CN_8E5Aq.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-BsC3rSRZ.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";const x=` # Mark diff --git a/demo-develop/assets/Mark.stories-D1okTYi_.js b/demo-develop/assets/Mark.stories-8bxSg4GD.js similarity index 96% rename from demo-develop/assets/Mark.stories-D1okTYi_.js rename to demo-develop/assets/Mark.stories-8bxSg4GD.js index 198d7f4652..c7f06b3769 100644 --- a/demo-develop/assets/Mark.stories-D1okTYi_.js +++ b/demo-develop/assets/Mark.stories-8bxSg4GD.js @@ -1,4 +1,4 @@ -import{j as n}from"./jsx-runtime-BjgbQsUx.js";import{P as l}from"./index.esm-4tYMzfzc.js";import{c}from"./clsx-B-dksMZM.js";import{r as p}from"./index-RigO-4kf.js";const r=p.forwardRef(({children:a,className:i,...m},d)=>n.jsx("mark",{...m,ref:d,className:c("ams-mark",i),children:a}));r.displayName="Mark";try{r.displayName="Mark",r.__docgenInfo={description:"",displayName:"Mark",props:{}}}catch{}const g={title:"Components/Text/Mark",component:r,argTypes:{children:{description:"The text to mark.",table:{disable:!1}}}},e={args:{children:"Wat vinden Amsterdammers belangrijk?"},render:({children:a})=>n.jsxs(l,{children:["Daarom organiseren we in 2024 het burgerberaad schone stad, waarin 150 Amsterdammers in gesprek gaan over hoe we de stad beter schoonhouden. ",n.jsx(r,{children:a})," Welke oplossingen zien zij? Hier zijn we benieuwd naar. Want elke Amsterdammer heeft afval en moet het kwijt. Wij kunnen als gemeente veel van deze afvalexperts leren."]})};var t,s,o;e.parameters={...e.parameters,docs:{...(t=e.parameters)==null?void 0:t.docs,source:{originalSource:`{ +import{j as n}from"./jsx-runtime-BjgbQsUx.js";import{P as l}from"./index.esm-BsC3rSRZ.js";import{c}from"./clsx-B-dksMZM.js";import{r as p}from"./index-RigO-4kf.js";const r=p.forwardRef(({children:a,className:i,...m},d)=>n.jsx("mark",{...m,ref:d,className:c("ams-mark",i),children:a}));r.displayName="Mark";try{r.displayName="Mark",r.__docgenInfo={description:"",displayName:"Mark",props:{}}}catch{}const g={title:"Components/Text/Mark",component:r,argTypes:{children:{description:"The text to mark.",table:{disable:!1}}}},e={args:{children:"Wat vinden Amsterdammers belangrijk?"},render:({children:a})=>n.jsxs(l,{children:["Daarom organiseren we in 2024 het burgerberaad schone stad, waarin 150 Amsterdammers in gesprek gaan over hoe we de stad beter schoonhouden. ",n.jsx(r,{children:a})," Welke oplossingen zien zij? Hier zijn we benieuwd naar. Want elke Amsterdammer heeft afval en moet het kwijt. Wij kunnen als gemeente veel van deze afvalexperts leren."]})};var t,s,o;e.parameters={...e.parameters,docs:{...(t=e.parameters)==null?void 0:t.docs,source:{originalSource:`{ args: { children: 'Wat vinden Amsterdammers belangrijk?' }, diff --git a/demo-develop/assets/MegaMenu.docs-BRovOytr.js b/demo-develop/assets/MegaMenu.docs-29u9yp5v.js similarity index 74% rename from demo-develop/assets/MegaMenu.docs-BRovOytr.js rename to demo-develop/assets/MegaMenu.docs-29u9yp5v.js index fc597b9f5c..0859087f4b 100644 --- a/demo-develop/assets/MegaMenu.docs-BRovOytr.js +++ b/demo-develop/assets/MegaMenu.docs-29u9yp5v.js @@ -1,4 +1,4 @@ -import{j as t}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as e}from"./index-3rgQkYFR.js";import{ae as i,aq as s,ar as a,at as m}from"./index-CWKCY_Bl.js";import{M as p,a as c}from"./MegaMenu.stories-Cb5yckQd.js";import{S as x}from"./StatusBadge-DiE14TfE.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DBQNO3fk.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-4tYMzfzc.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";import"./Badge-BvbF-Lgn.js";const M=` +import{j as t}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as e}from"./index-3rgQkYFR.js";import{ae as i,aq as s,ar as a,at as m}from"./index-CmcJchMs.js";import{M as p,a as c}from"./MegaMenu.stories-BhiyfpKa.js";import{S as x}from"./StatusBadge-DiE14TfE.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CN_8E5Aq.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-BsC3rSRZ.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";import"./Badge-BvbF-Lgn.js";const M=` # Mega Menu `;/*@license CC0-1.0*/function r(n){const o={h2:"h2",h3:"h3",...e(),...n.components};return t.jsxs(t.Fragment,{children:[` diff --git a/demo-develop/assets/MegaMenu.stories-Cb5yckQd.js b/demo-develop/assets/MegaMenu.stories-BhiyfpKa.js similarity index 99% rename from demo-develop/assets/MegaMenu.stories-Cb5yckQd.js rename to demo-develop/assets/MegaMenu.stories-BhiyfpKa.js index 82ab9f4bd8..39a0e5544a 100644 --- a/demo-develop/assets/MegaMenu.stories-Cb5yckQd.js +++ b/demo-develop/assets/MegaMenu.stories-BhiyfpKa.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{G as t,H as k,o as n}from"./index.esm-4tYMzfzc.js";import{c as j}from"./clsx-B-dksMZM.js";import{r as m}from"./index-RigO-4kf.js";const x=m.forwardRef(({children:r,className:a,...l},d)=>e.jsx("div",{...l,ref:d,className:j("ams-mega-menu__list-category",a),children:r}));x.displayName="MegaMenu.ListCategory";try{MegaMenu.ListCategory.displayName="MegaMenu.ListCategory",MegaMenu.ListCategory.__docgenInfo={description:"",displayName:"MegaMenu.ListCategory",props:{}}}catch{}const p=m.forwardRef(({children:r,className:a,...l},d)=>e.jsx("div",{...l,ref:d,className:j("ams-mega-menu",a),children:r}));p.displayName="MegaMenu";const i=Object.assign(p,{ListCategory:x});try{i.displayName="MegaMenu",i.__docgenInfo={description:"",displayName:"MegaMenu",props:{}}}catch{}const v={title:"Components/Navigation/Mega Menu",component:i,parameters:{layout:"fullscreen"}},s={args:{children:e.jsx(t,{paddingVertical:"medium",children:e.jsxs(t.Cell,{span:"all",children:[e.jsx(k,{level:1,size:"level-2",children:"Alle onderwerpen"}),e.jsx(i.ListCategory,{children:e.jsxs(n,{children:[e.jsx(n.Link,{href:"#",children:"Afval"}),e.jsx(n.Link,{href:"#",children:"Bestuur en organisatie"}),e.jsx(n.Link,{href:"#",children:"Bouw- en verkeersprojecten"}),e.jsx(n.Link,{href:"#",children:"Burgerzaken"}),e.jsx(n.Link,{href:"#",children:"Diversiteit"}),e.jsx(n.Link,{href:"#",children:"Gemeentebelastingen"}),e.jsx(n.Link,{href:"#",children:"Gezondheidsdienst (GGD)"}),e.jsx(n.Link,{href:"#",children:"Kunst en cultuur"}),e.jsx(n.Link,{href:"#",children:"Ondernemen"}),e.jsx(n.Link,{href:"#",children:"Onderwijs en jeugd"}),e.jsx(n.Link,{href:"#",children:"Parkeren"}),e.jsx(n.Link,{href:"#",children:"Sport"}),e.jsx(n.Link,{href:"#",children:"Stadsdelen"}),e.jsx(n.Link,{href:"#",children:"Subsidies"}),e.jsx(n.Link,{href:"#",children:"Vacatures"}),e.jsx(n.Link,{href:"#",children:"Verkeer en vervoer"}),e.jsx(n.Link,{href:"#",children:"Vrije tijd"}),e.jsx(n.Link,{href:"#",children:"Werk aan de weg"}),e.jsx(n.Link,{href:"#",children:"Werk en inkomen"}),e.jsx(n.Link,{href:"#",children:"Wonen en leefomgeving"})]})})]})},"nav")}},L={args:{children:e.jsxs(t,{paddingVertical:"medium",children:[e.jsxs(t.Cell,{span:{narrow:4,medium:8,wide:8},children:[e.jsx(k,{level:3,size:"level-3",children:"Thema’s"}),e.jsx(i.ListCategory,{children:e.jsxs(n,{children:[e.jsx(n.Link,{href:"#",size:"large",children:"Afval"}),e.jsx(n.Link,{href:"#",size:"large",children:"Bestuur en organisatie"}),e.jsx(n.Link,{href:"#",size:"large",children:"Bouw- en verkeersprojecten"}),e.jsx(n.Link,{href:"#",size:"large",children:"Burgerzaken"}),e.jsx(n.Link,{href:"#",size:"large",children:"Diversiteit"}),e.jsx(n.Link,{href:"#",size:"large",children:"Gemeentebelastingen"}),e.jsx(n.Link,{href:"#",size:"large",children:"Gezondheidsdienst (GGD)"}),e.jsx(n.Link,{href:"#",size:"large",children:"Kunst en cultuur"}),e.jsx(n.Link,{href:"#",size:"large",children:"Ondernemen"}),e.jsx(n.Link,{href:"#",size:"large",children:"Onderwijs en jeugd"}),e.jsx(n.Link,{href:"#",size:"large",children:"Parkeren"}),e.jsx(n.Link,{href:"#",size:"large",children:"Sport"}),e.jsx(n.Link,{href:"#",size:"large",children:"Stadsdelen"}),e.jsx(n.Link,{href:"#",size:"large",children:"Subsidies"})]})})]}),e.jsxs(t.Cell,{span:{narrow:4,medium:8,wide:4},children:[e.jsx(k,{level:3,size:"level-3",children:"Categorieën"}),e.jsx(i.ListCategory,{children:e.jsxs(n,{children:[e.jsx(n.Link,{href:"#",children:"Vacatures"}),e.jsx(n.Link,{href:"#",children:"Verkeer en vervoer"}),e.jsx(n.Link,{href:"#",children:"Vrije tijd"}),e.jsx(n.Link,{href:"#",children:"Werk aan de weg"}),e.jsx(n.Link,{href:"#",children:"Werk en inkomen"}),e.jsx(n.Link,{href:"#",children:"Wonen en leefomgeving"})]})}),e.jsx(k,{level:3,size:"level-3",children:"Snel naar"}),e.jsx(i.ListCategory,{children:e.jsxs(n,{children:[e.jsx(n.Link,{href:"#",children:"Vacatures"}),e.jsx(n.Link,{href:"#",children:"Verkeer en vervoer"}),e.jsx(n.Link,{href:"#",children:"Vrije tijd"}),e.jsx(n.Link,{href:"#",children:"Werk aan de weg"})]})})]})]},"nav")}};var h,o,g;s.parameters={...s.parameters,docs:{...(h=s.parameters)==null?void 0:h.docs,source:{originalSource:`{ +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{G as t,H as k,o as n}from"./index.esm-BsC3rSRZ.js";import{c as j}from"./clsx-B-dksMZM.js";import{r as m}from"./index-RigO-4kf.js";const x=m.forwardRef(({children:r,className:a,...l},d)=>e.jsx("div",{...l,ref:d,className:j("ams-mega-menu__list-category",a),children:r}));x.displayName="MegaMenu.ListCategory";try{MegaMenu.ListCategory.displayName="MegaMenu.ListCategory",MegaMenu.ListCategory.__docgenInfo={description:"",displayName:"MegaMenu.ListCategory",props:{}}}catch{}const p=m.forwardRef(({children:r,className:a,...l},d)=>e.jsx("div",{...l,ref:d,className:j("ams-mega-menu",a),children:r}));p.displayName="MegaMenu";const i=Object.assign(p,{ListCategory:x});try{i.displayName="MegaMenu",i.__docgenInfo={description:"",displayName:"MegaMenu",props:{}}}catch{}const v={title:"Components/Navigation/Mega Menu",component:i,parameters:{layout:"fullscreen"}},s={args:{children:e.jsx(t,{paddingVertical:"medium",children:e.jsxs(t.Cell,{span:"all",children:[e.jsx(k,{level:1,size:"level-2",children:"Alle onderwerpen"}),e.jsx(i.ListCategory,{children:e.jsxs(n,{children:[e.jsx(n.Link,{href:"#",children:"Afval"}),e.jsx(n.Link,{href:"#",children:"Bestuur en organisatie"}),e.jsx(n.Link,{href:"#",children:"Bouw- en verkeersprojecten"}),e.jsx(n.Link,{href:"#",children:"Burgerzaken"}),e.jsx(n.Link,{href:"#",children:"Diversiteit"}),e.jsx(n.Link,{href:"#",children:"Gemeentebelastingen"}),e.jsx(n.Link,{href:"#",children:"Gezondheidsdienst (GGD)"}),e.jsx(n.Link,{href:"#",children:"Kunst en cultuur"}),e.jsx(n.Link,{href:"#",children:"Ondernemen"}),e.jsx(n.Link,{href:"#",children:"Onderwijs en jeugd"}),e.jsx(n.Link,{href:"#",children:"Parkeren"}),e.jsx(n.Link,{href:"#",children:"Sport"}),e.jsx(n.Link,{href:"#",children:"Stadsdelen"}),e.jsx(n.Link,{href:"#",children:"Subsidies"}),e.jsx(n.Link,{href:"#",children:"Vacatures"}),e.jsx(n.Link,{href:"#",children:"Verkeer en vervoer"}),e.jsx(n.Link,{href:"#",children:"Vrije tijd"}),e.jsx(n.Link,{href:"#",children:"Werk aan de weg"}),e.jsx(n.Link,{href:"#",children:"Werk en inkomen"}),e.jsx(n.Link,{href:"#",children:"Wonen en leefomgeving"})]})})]})},"nav")}},L={args:{children:e.jsxs(t,{paddingVertical:"medium",children:[e.jsxs(t.Cell,{span:{narrow:4,medium:8,wide:8},children:[e.jsx(k,{level:3,size:"level-3",children:"Thema’s"}),e.jsx(i.ListCategory,{children:e.jsxs(n,{children:[e.jsx(n.Link,{href:"#",size:"large",children:"Afval"}),e.jsx(n.Link,{href:"#",size:"large",children:"Bestuur en organisatie"}),e.jsx(n.Link,{href:"#",size:"large",children:"Bouw- en verkeersprojecten"}),e.jsx(n.Link,{href:"#",size:"large",children:"Burgerzaken"}),e.jsx(n.Link,{href:"#",size:"large",children:"Diversiteit"}),e.jsx(n.Link,{href:"#",size:"large",children:"Gemeentebelastingen"}),e.jsx(n.Link,{href:"#",size:"large",children:"Gezondheidsdienst (GGD)"}),e.jsx(n.Link,{href:"#",size:"large",children:"Kunst en cultuur"}),e.jsx(n.Link,{href:"#",size:"large",children:"Ondernemen"}),e.jsx(n.Link,{href:"#",size:"large",children:"Onderwijs en jeugd"}),e.jsx(n.Link,{href:"#",size:"large",children:"Parkeren"}),e.jsx(n.Link,{href:"#",size:"large",children:"Sport"}),e.jsx(n.Link,{href:"#",size:"large",children:"Stadsdelen"}),e.jsx(n.Link,{href:"#",size:"large",children:"Subsidies"})]})})]}),e.jsxs(t.Cell,{span:{narrow:4,medium:8,wide:4},children:[e.jsx(k,{level:3,size:"level-3",children:"Categorieën"}),e.jsx(i.ListCategory,{children:e.jsxs(n,{children:[e.jsx(n.Link,{href:"#",children:"Vacatures"}),e.jsx(n.Link,{href:"#",children:"Verkeer en vervoer"}),e.jsx(n.Link,{href:"#",children:"Vrije tijd"}),e.jsx(n.Link,{href:"#",children:"Werk aan de weg"}),e.jsx(n.Link,{href:"#",children:"Werk en inkomen"}),e.jsx(n.Link,{href:"#",children:"Wonen en leefomgeving"})]})}),e.jsx(k,{level:3,size:"level-3",children:"Snel naar"}),e.jsx(i.ListCategory,{children:e.jsxs(n,{children:[e.jsx(n.Link,{href:"#",children:"Vacatures"}),e.jsx(n.Link,{href:"#",children:"Verkeer en vervoer"}),e.jsx(n.Link,{href:"#",children:"Vrije tijd"}),e.jsx(n.Link,{href:"#",children:"Werk aan de weg"})]})})]})]},"nav")}};var h,o,g;s.parameters={...s.parameters,docs:{...(h=s.parameters)==null?void 0:h.docs,source:{originalSource:`{ args: { children: diff --git a/demo-develop/assets/OrderedList.docs-DYoraEKd.js b/demo-develop/assets/OrderedList.docs-D-jV296m.js similarity index 90% rename from demo-develop/assets/OrderedList.docs-DYoraEKd.js rename to demo-develop/assets/OrderedList.docs-D-jV296m.js index ddaa184fbf..9dcd66631b 100644 --- a/demo-develop/assets/OrderedList.docs-DYoraEKd.js +++ b/demo-develop/assets/OrderedList.docs-D-jV296m.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 o,aq as a,ar as h,as as l,at as r}from"./index-CWKCY_Bl.js";import{O as d,T as c,S as m,D as p,W as x,I as u,a as j}from"./OrderedList.stories-B2qmIz9a.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DBQNO3fk.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-4tYMzfzc.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";import"./exampleContent-hIIPvEhU.js";const f=` +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as i}from"./index-3rgQkYFR.js";import{ae as o,aq as a,ar as h,as as l,at as r}from"./index-CmcJchMs.js";import{O as d,T as c,S as m,D as p,W as x,I as u,a as j}from"./OrderedList.stories-QqaYjco2.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CN_8E5Aq.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-BsC3rSRZ.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";import"./exampleContent-hIIPvEhU.js";const f=` # Ordered List diff --git a/demo-develop/assets/OrderedList.stories-B2qmIz9a.js b/demo-develop/assets/OrderedList.stories-QqaYjco2.js similarity index 99% rename from demo-develop/assets/OrderedList.stories-B2qmIz9a.js rename to demo-develop/assets/OrderedList.stories-QqaYjco2.js index 151a94d89d..b4ea9b0235 100644 --- a/demo-develop/assets/OrderedList.stories-B2qmIz9a.js +++ b/demo-develop/assets/OrderedList.stories-QqaYjco2.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{H as h,P as t}from"./index.esm-4tYMzfzc.js";import{d as q}from"./exampleContent-hIIPvEhU.js";import{c as E}from"./clsx-B-dksMZM.js";import{r as H}from"./index-RigO-4kf.js";const A=H.forwardRef(({children:s,className:a,...u},p)=>e.jsx("li",{ref:p,className:E("ams-ordered-list__item",a),...u,children:s}));A.displayName="OrderedList.Item";try{OrderedList.Item.displayName="OrderedList.Item",OrderedList.Item.__docgenInfo={description:"",displayName:"OrderedList.Item",props:{}}}catch{}const G=H.forwardRef(({children:s,className:a,inverseColor:u,markers:p=!0,size:g,...R},Z)=>e.jsx("ol",{ref:Z,className:E("ams-ordered-list",u&&"ams-ordered-list--inverse-color",!p&&"ams-ordered-list--no-markers",g&&`ams-ordered-list--${g}`,a),...R,children:s}));G.displayName="OrderedList";const r=Object.assign(G,{Item:A});try{r.displayName="OrderedList",r.__docgenInfo={description:"",displayName:"OrderedList",props:{inverseColor:{defaultValue:null,description:"Changes the text colour for readability on a dark background.",name:"inverseColor",required:!1,type:{name:"boolean"}},markers:{defaultValue:{value:"true"},description:"Whether the list items show a marker.",name:"markers",required:!1,type:{name:"boolean"}},size:{defaultValue:null,description:"The size of the text.",name:"size",required:!1,type:{name:"enum",value:[{value:'"small"'}]}}}}}catch{}const M=q().map((s,a)=>e.jsx(r.Item,{children:s},a)),V={title:"Components/Text/Ordered List",component:r,args:{children:M,inverseColor:!1,markers:void 0,reversed:void 0,start:void 0},argTypes:{reversed:{control:"boolean",description:"Numbers the items from the highest value down."},start:{control:"number",description:"The value for the first list item’s marker."},size:{control:{type:"radio",labels:{small:"small",undefined:"medium"}},options:["small",void 0]}}},d={},n={render:s=>e.jsxs(r,{...s,children:[e.jsxs(r.Item,{children:["Stadsdeel West",e.jsxs(r,{...s,children:[e.jsx(r.Item,{children:"Bos en Lommer"}),e.jsx(r.Item,{children:"Oud West / De Baarsjes"}),e.jsx(r.Item,{children:"Westerpark"})]})]}),e.jsxs(r.Item,{children:["Stadsdeel Nieuw-West",e.jsxs(r,{...s,children:[e.jsx(r.Item,{children:"De Aker, Sloten en Nieuw Sloten"}),e.jsx(r.Item,{children:"Geuzenveld, Slotermeer en Sloterdijken"}),e.jsx(r.Item,{children:"Osdorp"}),e.jsx(r.Item,{children:"Slotervaart"})]})]})]})},i={args:{children:[e.jsx(r.Item,{children:"Zes"},6),e.jsx(r.Item,{children:"Zeven"},7),e.jsx(r.Item,{children:"Acht"},8)],start:6}},o={args:{children:[e.jsx(r.Item,{children:"Drie"},3),e.jsx(r.Item,{children:"Twee"},2),e.jsx(r.Item,{children:"Eén"},1)],reversed:!0,start:3}},l={args:{children:[e.jsxs(r.Item,{children:[e.jsx(h,{size:"level-4",children:"Weg met steen, hallo extra groen en koelte"}),e.jsx(t,{children:"Sinds 2021 kwamen er maar liefst 60 nieuwe groene plekken bij in de stad. Groen is fijn en het verkoelt de stad in de zomer. Een paar voorbeelden."}),e.jsx(t,{size:"small",children:"16 augustus 2023"})]},1),e.jsxs(r.Item,{children:[e.jsx(h,{size:"level-4",children:"Amsterdam bindt de strijd aan met lawaaierige voertuigen"}),e.jsx(t,{children:"Deze zomer testen we of digitale borden langs de weg kunnen helpen om geluidsoverlast van voertuigen zoals motoren en auto’s tegen te gaan."}),e.jsx(t,{size:"small",children:"10 augustus 2023"})]},2),e.jsxs(r.Item,{children:[e.jsx(h,{size:"level-4",children:"Een prachtroute door de wonderlijke Baarsjes"}),e.jsx(t,{children:"In de Baarsjes zijn kunst en cultuur met elkaar vervlochten. We zetten een prachtige wandelroute voor u uit en laten zien hoe het was en hoe het nu is."}),e.jsx(t,{size:"small",children:"8 augustus 2023"})]},3)],markers:!1}},m={args:{inverseColor:!0},render:s=>e.jsx(r,{...s,children:e.jsxs(r.Item,{children:["Stadsdeel West",e.jsxs(r,{...s,children:[e.jsx(r.Item,{children:"Bos en Lommer"}),e.jsx(r.Item,{children:"Oud West / De Baarsjes"}),e.jsx(r.Item,{children:"Westerpark"})]})]})})},c={args:{size:"small"}};var I,O,L;d.parameters={...d.parameters,docs:{...(I=d.parameters)==null?void 0:I.docs,source:{originalSource:"{}",...(L=(O=d.parameters)==null?void 0:O.docs)==null?void 0:L.source}}};var j,v,x;n.parameters={...n.parameters,docs:{...(j=n.parameters)==null?void 0:j.docs,source:{originalSource:`{ +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{H as h,P as t}from"./index.esm-BsC3rSRZ.js";import{d as q}from"./exampleContent-hIIPvEhU.js";import{c as E}from"./clsx-B-dksMZM.js";import{r as H}from"./index-RigO-4kf.js";const A=H.forwardRef(({children:s,className:a,...u},p)=>e.jsx("li",{ref:p,className:E("ams-ordered-list__item",a),...u,children:s}));A.displayName="OrderedList.Item";try{OrderedList.Item.displayName="OrderedList.Item",OrderedList.Item.__docgenInfo={description:"",displayName:"OrderedList.Item",props:{}}}catch{}const G=H.forwardRef(({children:s,className:a,inverseColor:u,markers:p=!0,size:g,...R},Z)=>e.jsx("ol",{ref:Z,className:E("ams-ordered-list",u&&"ams-ordered-list--inverse-color",!p&&"ams-ordered-list--no-markers",g&&`ams-ordered-list--${g}`,a),...R,children:s}));G.displayName="OrderedList";const r=Object.assign(G,{Item:A});try{r.displayName="OrderedList",r.__docgenInfo={description:"",displayName:"OrderedList",props:{inverseColor:{defaultValue:null,description:"Changes the text colour for readability on a dark background.",name:"inverseColor",required:!1,type:{name:"boolean"}},markers:{defaultValue:{value:"true"},description:"Whether the list items show a marker.",name:"markers",required:!1,type:{name:"boolean"}},size:{defaultValue:null,description:"The size of the text.",name:"size",required:!1,type:{name:"enum",value:[{value:'"small"'}]}}}}}catch{}const M=q().map((s,a)=>e.jsx(r.Item,{children:s},a)),V={title:"Components/Text/Ordered List",component:r,args:{children:M,inverseColor:!1,markers:void 0,reversed:void 0,start:void 0},argTypes:{reversed:{control:"boolean",description:"Numbers the items from the highest value down."},start:{control:"number",description:"The value for the first list item’s marker."},size:{control:{type:"radio",labels:{small:"small",undefined:"medium"}},options:["small",void 0]}}},d={},n={render:s=>e.jsxs(r,{...s,children:[e.jsxs(r.Item,{children:["Stadsdeel West",e.jsxs(r,{...s,children:[e.jsx(r.Item,{children:"Bos en Lommer"}),e.jsx(r.Item,{children:"Oud West / De Baarsjes"}),e.jsx(r.Item,{children:"Westerpark"})]})]}),e.jsxs(r.Item,{children:["Stadsdeel Nieuw-West",e.jsxs(r,{...s,children:[e.jsx(r.Item,{children:"De Aker, Sloten en Nieuw Sloten"}),e.jsx(r.Item,{children:"Geuzenveld, Slotermeer en Sloterdijken"}),e.jsx(r.Item,{children:"Osdorp"}),e.jsx(r.Item,{children:"Slotervaart"})]})]})]})},i={args:{children:[e.jsx(r.Item,{children:"Zes"},6),e.jsx(r.Item,{children:"Zeven"},7),e.jsx(r.Item,{children:"Acht"},8)],start:6}},o={args:{children:[e.jsx(r.Item,{children:"Drie"},3),e.jsx(r.Item,{children:"Twee"},2),e.jsx(r.Item,{children:"Eén"},1)],reversed:!0,start:3}},l={args:{children:[e.jsxs(r.Item,{children:[e.jsx(h,{size:"level-4",children:"Weg met steen, hallo extra groen en koelte"}),e.jsx(t,{children:"Sinds 2021 kwamen er maar liefst 60 nieuwe groene plekken bij in de stad. Groen is fijn en het verkoelt de stad in de zomer. Een paar voorbeelden."}),e.jsx(t,{size:"small",children:"16 augustus 2023"})]},1),e.jsxs(r.Item,{children:[e.jsx(h,{size:"level-4",children:"Amsterdam bindt de strijd aan met lawaaierige voertuigen"}),e.jsx(t,{children:"Deze zomer testen we of digitale borden langs de weg kunnen helpen om geluidsoverlast van voertuigen zoals motoren en auto’s tegen te gaan."}),e.jsx(t,{size:"small",children:"10 augustus 2023"})]},2),e.jsxs(r.Item,{children:[e.jsx(h,{size:"level-4",children:"Een prachtroute door de wonderlijke Baarsjes"}),e.jsx(t,{children:"In de Baarsjes zijn kunst en cultuur met elkaar vervlochten. We zetten een prachtige wandelroute voor u uit en laten zien hoe het was en hoe het nu is."}),e.jsx(t,{size:"small",children:"8 augustus 2023"})]},3)],markers:!1}},m={args:{inverseColor:!0},render:s=>e.jsx(r,{...s,children:e.jsxs(r.Item,{children:["Stadsdeel West",e.jsxs(r,{...s,children:[e.jsx(r.Item,{children:"Bos en Lommer"}),e.jsx(r.Item,{children:"Oud West / De Baarsjes"}),e.jsx(r.Item,{children:"Westerpark"})]})]})})},c={args:{size:"small"}};var I,O,L;d.parameters={...d.parameters,docs:{...(I=d.parameters)==null?void 0:I.docs,source:{originalSource:"{}",...(L=(O=d.parameters)==null?void 0:O.docs)==null?void 0:L.source}}};var j,v,x;n.parameters={...n.parameters,docs:{...(j=n.parameters)==null?void 0:j.docs,source:{originalSource:`{ render: args => Stadsdeel West diff --git a/demo-develop/assets/Overlap.docs-7EFFZi9i.js b/demo-develop/assets/Overlap.docs-BWG0HDyX.js similarity index 82% rename from demo-develop/assets/Overlap.docs-7EFFZi9i.js rename to demo-develop/assets/Overlap.docs-BWG0HDyX.js index 88cc1bb182..ea5d086349 100644 --- a/demo-develop/assets/Overlap.docs-7EFFZi9i.js +++ b/demo-develop/assets/Overlap.docs-BWG0HDyX.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as r}from"./index-3rgQkYFR.js";import{ae as t,aq as s,ar as a}from"./index-CWKCY_Bl.js";import{O as l}from"./Overlap.stories-CAlAVuyg.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DBQNO3fk.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-4tYMzfzc.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";const m=` +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as r}from"./index-3rgQkYFR.js";import{ae as t,aq as s,ar as a}from"./index-CmcJchMs.js";import{O as l}from"./Overlap.stories-nZgftYEJ.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CN_8E5Aq.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-BsC3rSRZ.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";const m=` # Overlap diff --git a/demo-develop/assets/Overlap.stories-CAlAVuyg.js b/demo-develop/assets/Overlap.stories-nZgftYEJ.js similarity index 97% rename from demo-develop/assets/Overlap.stories-CAlAVuyg.js rename to demo-develop/assets/Overlap.stories-nZgftYEJ.js index b433ce1c5c..d552ebd6fe 100644 --- a/demo-develop/assets/Overlap.stories-CAlAVuyg.js +++ b/demo-develop/assets/Overlap.stories-nZgftYEJ.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{I as d,G as o,S as a}from"./index.esm-4tYMzfzc.js";import{c as u}from"./clsx-B-dksMZM.js";import{r as h}from"./index-RigO-4kf.js";const s=h.forwardRef(({children:r,className:n,...c},m)=>e.jsx("div",{...c,ref:m,className:u("ams-overlap",n),children:r}));s.displayName="Overlap";try{s.displayName="Overlap",s.__docgenInfo={description:"",displayName:"Overlap",props:{}}}catch{}const x={title:"Components/Layout/Overlap",component:s},t={args:{children:[e.jsx(d,{alt:"",aspectRatio:"2x-wide",sizes:"(max-width: 36rem) 640px, (max-width: 68rem) 1280px, 1600px",src:"https://picsum.photos/1600/500",srcSet:"https://picsum.photos/640/200 640w, https://picsum.photos/1280/400 1280w, https://picsum.photos/1600/500 1600w"},1),e.jsx(o,{style:{alignSelf:"center"},children:e.jsx(o.Cell,{span:{narrow:4,medium:6,wide:8},start:{narrow:1,medium:2,wide:3},children:e.jsxs(a,{onSubmit:r=>r.preventDefault(),children:[e.jsx(a.Input,{label:"Zoeken",placeholder:"Wat kunnen we voor u vinden?"}),e.jsx(a.Button,{})]})})},2)]}};var p,i,l;t.parameters={...t.parameters,docs:{...(p=t.parameters)==null?void 0:p.docs,source:{originalSource:`{ +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{I as d,G as o,S as a}from"./index.esm-BsC3rSRZ.js";import{c as u}from"./clsx-B-dksMZM.js";import{r as h}from"./index-RigO-4kf.js";const s=h.forwardRef(({children:r,className:n,...c},m)=>e.jsx("div",{...c,ref:m,className:u("ams-overlap",n),children:r}));s.displayName="Overlap";try{s.displayName="Overlap",s.__docgenInfo={description:"",displayName:"Overlap",props:{}}}catch{}const x={title:"Components/Layout/Overlap",component:s},t={args:{children:[e.jsx(d,{alt:"",aspectRatio:"2x-wide",sizes:"(max-width: 36rem) 640px, (max-width: 68rem) 1280px, 1600px",src:"https://picsum.photos/1600/500",srcSet:"https://picsum.photos/640/200 640w, https://picsum.photos/1280/400 1280w, https://picsum.photos/1600/500 1600w"},1),e.jsx(o,{style:{alignSelf:"center"},children:e.jsx(o.Cell,{span:{narrow:4,medium:6,wide:8},start:{narrow:1,medium:2,wide:3},children:e.jsxs(a,{onSubmit:r=>r.preventDefault(),children:[e.jsx(a.Input,{label:"Zoeken",placeholder:"Wat kunnen we voor u vinden?"}),e.jsx(a.Button,{})]})})},2)]}};var p,i,l;t.parameters={...t.parameters,docs:{...(p=t.parameters)==null?void 0:p.docs,source:{originalSource:`{ args: { children: [, +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as s}from"./index-3rgQkYFR.js";import{ae as i,aq as a,ar as r,as as h,at as p}from"./index-CmcJchMs.js";import{P as m,I as c}from"./PageHeading.stories-xdugF2bU.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CN_8E5Aq.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"./clsx-B-dksMZM.js";const d=` # Page Heading diff --git a/demo-develop/assets/PageMenu.docs-CFZG1R87.js b/demo-develop/assets/PageMenu.docs-CCx20KTW.js similarity index 95% rename from demo-develop/assets/PageMenu.docs-CFZG1R87.js rename to demo-develop/assets/PageMenu.docs-CCx20KTW.js index b51b648fae..6f09641f5a 100644 --- a/demo-develop/assets/PageMenu.docs-CFZG1R87.js +++ b/demo-develop/assets/PageMenu.docs-CCx20KTW.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 r,aq as a,ar as d,as as h,at as o}from"./index-CWKCY_Bl.js";import{P as m,A as l,W as c}from"./PageMenu.stories-DMSuHN48.js";import{S as u}from"./StatusBadge-DiE14TfE.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DBQNO3fk.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-Bz9pa_xK.js";import"./clsx-B-dksMZM.js";import"./Icon-CPe807nE.js";import"./Badge-BvbF-Lgn.js";const p=` +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as s}from"./index-3rgQkYFR.js";import{ae as r,aq as a,ar as d,as as h,at as o}from"./index-CmcJchMs.js";import{P as m,A as l,W as c}from"./PageMenu.stories-DMSuHN48.js";import{S as u}from"./StatusBadge-DiE14TfE.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CN_8E5Aq.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-Bz9pa_xK.js";import"./clsx-B-dksMZM.js";import"./Icon-CPe807nE.js";import"./Badge-BvbF-Lgn.js";const p=` # Page Menu diff --git a/demo-develop/assets/Pagination.docs-CIjVphXZ.js b/demo-develop/assets/Pagination.docs-DAIE5aR_.js similarity index 94% rename from demo-develop/assets/Pagination.docs-CIjVphXZ.js rename to demo-develop/assets/Pagination.docs-DAIE5aR_.js index ca5d1bc499..2f69f92342 100644 --- a/demo-develop/assets/Pagination.docs-CIjVphXZ.js +++ b/demo-develop/assets/Pagination.docs-DAIE5aR_.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 o,aq as s,ar as r,as as l}from"./index-CWKCY_Bl.js";import{P as p}from"./Pagination.stories-DMveVvuE.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DBQNO3fk.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-Bz9pa_xK.js";import"./clsx-B-dksMZM.js";import"./Icon-CPe807nE.js";const g=` +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as i}from"./index-3rgQkYFR.js";import{ae as o,aq as s,ar as r,as as l}from"./index-CmcJchMs.js";import{P as p}from"./Pagination.stories-DMveVvuE.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CN_8E5Aq.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-Bz9pa_xK.js";import"./clsx-B-dksMZM.js";import"./Icon-CPe807nE.js";const g=` # Pagination diff --git a/demo-develop/assets/Paragraph.docs-B_t2reYd.js b/demo-develop/assets/Paragraph.docs-DZyKa34g.js similarity index 96% rename from demo-develop/assets/Paragraph.docs-B_t2reYd.js rename to demo-develop/assets/Paragraph.docs-DZyKa34g.js index 379ff99256..a98eb40185 100644 --- a/demo-develop/assets/Paragraph.docs-B_t2reYd.js +++ b/demo-develop/assets/Paragraph.docs-DZyKa34g.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as o}from"./index-3rgQkYFR.js";import{ae as s,aq as i,ar as h,as as p,at as a}from"./index-CWKCY_Bl.js";import{P as l,L as c,S as d,I as g}from"./Paragraph.stories--7CE_aZk.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DBQNO3fk.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"./exampleContent-hIIPvEhU.js";import"./Paragraph-B2U4A2CY.js";import"./clsx-B-dksMZM.js";const m=` +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as o}from"./index-3rgQkYFR.js";import{ae as s,aq as i,ar as h,as as p,at as a}from"./index-CmcJchMs.js";import{P as l,L as c,S as d,I as g}from"./Paragraph.stories--7CE_aZk.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CN_8E5Aq.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"./exampleContent-hIIPvEhU.js";import"./Paragraph-B2U4A2CY.js";import"./clsx-B-dksMZM.js";const m=` # Paragraph diff --git a/demo-develop/assets/PasswordInput.docs-C7SeTH1D.js b/demo-develop/assets/PasswordInput.docs-DRksRf-X.js similarity index 92% rename from demo-develop/assets/PasswordInput.docs-C7SeTH1D.js rename to demo-develop/assets/PasswordInput.docs-DRksRf-X.js index d031849cf3..a1f1270efb 100644 --- a/demo-develop/assets/PasswordInput.docs-C7SeTH1D.js +++ b/demo-develop/assets/PasswordInput.docs-DRksRf-X.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as o}from"./index-3rgQkYFR.js";import{ae as i,aq as a,ar as d,as as h,at as t}from"./index-CWKCY_Bl.js";import{P as p,I as c,a as l}from"./PasswordInput.stories-nkhrLywc.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DBQNO3fk.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-4tYMzfzc.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";const m=` +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as o}from"./index-3rgQkYFR.js";import{ae as i,aq as a,ar as d,as as h,at as t}from"./index-CmcJchMs.js";import{P as p,I as c,a as l}from"./PasswordInput.stories-CV4NlbrE.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CN_8E5Aq.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-BsC3rSRZ.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";const m=` # Password Input diff --git a/demo-develop/assets/PasswordInput.stories-nkhrLywc.js b/demo-develop/assets/PasswordInput.stories-CV4NlbrE.js similarity index 95% rename from demo-develop/assets/PasswordInput.stories-nkhrLywc.js rename to demo-develop/assets/PasswordInput.stories-CV4NlbrE.js index 5062d08097..e8e05fb976 100644 --- a/demo-develop/assets/PasswordInput.stories-nkhrLywc.js +++ b/demo-develop/assets/PasswordInput.stories-CV4NlbrE.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{e as v,f as h,P as b,E as f}from"./index.esm-4tYMzfzc.js";import{c as y}from"./clsx-B-dksMZM.js";import{r as I}from"./index-RigO-4kf.js";const i=I.forwardRef(({className:r,dir:j,invalid:F,...x},P)=>e.jsx("input",{...x,"aria-invalid":F||void 0,autoCorrect:"off",className:y("ams-password-input",r),dir:j??"auto",ref:P,spellCheck:"false",type:"password"}));i.displayName="PasswordInput";try{i.displayName="PasswordInput",i.__docgenInfo={description:"",displayName:"PasswordInput",props:{invalid:{defaultValue:null,description:"Whether the value fails a validation rule.",name:"invalid",required:!1,type:{name:"boolean"}}}}}catch{}const _={title:"Components/Forms/Password Input",component:i,args:{disabled:!1,invalid:!1},argTypes:{disabled:{description:"Prevents interaction. Avoid if possible."}}},a={},s={render:r=>e.jsxs(v,{invalid:r.invalid,children:[e.jsx(h,{htmlFor:"input1",children:"Label"}),e.jsx(b,{id:"description1",size:"small",children:"Omschrijving."}),r.invalid&&e.jsx(f,{id:"error1",children:"Foutmelding."}),e.jsx(i,{"aria-describedby":`description1${r.invalid?" error1":""}`,id:"input1",...r})]})},d={args:{invalid:!0},render:r=>e.jsxs(v,{invalid:r.invalid,children:[e.jsx(h,{htmlFor:"input2",children:"Label"}),e.jsx(b,{id:"description2",size:"small",children:"Omschrijving."}),r.invalid&&e.jsx(f,{id:"error2",children:"Foutmelding."}),e.jsx(i,{"aria-describedby":`description2${r.invalid?" error2":""}`,id:"input2",...r})]})};var o,n,t;a.parameters={...a.parameters,docs:{...(o=a.parameters)==null?void 0:o.docs,source:{originalSource:"{}",...(t=(n=a.parameters)==null?void 0:n.docs)==null?void 0:t.source}}};var l,p,c;s.parameters={...s.parameters,docs:{...(l=s.parameters)==null?void 0:l.docs,source:{originalSource:`{ +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{d as v,e as h,P as b,E as f}from"./index.esm-BsC3rSRZ.js";import{c as y}from"./clsx-B-dksMZM.js";import{r as I}from"./index-RigO-4kf.js";const i=I.forwardRef(({className:r,dir:j,invalid:F,...x},P)=>e.jsx("input",{...x,"aria-invalid":F||void 0,autoCorrect:"off",className:y("ams-password-input",r),dir:j??"auto",ref:P,spellCheck:"false",type:"password"}));i.displayName="PasswordInput";try{i.displayName="PasswordInput",i.__docgenInfo={description:"",displayName:"PasswordInput",props:{invalid:{defaultValue:null,description:"Whether the value fails a validation rule.",name:"invalid",required:!1,type:{name:"boolean"}}}}}catch{}const _={title:"Components/Forms/Password Input",component:i,args:{disabled:!1,invalid:!1},argTypes:{disabled:{description:"Prevents interaction. Avoid if possible."}}},a={},s={render:r=>e.jsxs(v,{invalid:r.invalid,children:[e.jsx(h,{htmlFor:"input1",children:"Label"}),e.jsx(b,{id:"description1",size:"small",children:"Omschrijving."}),r.invalid&&e.jsx(f,{id:"error1",children:"Foutmelding."}),e.jsx(i,{"aria-describedby":`description1${r.invalid?" error1":""}`,id:"input1",...r})]})},d={args:{invalid:!0},render:r=>e.jsxs(v,{invalid:r.invalid,children:[e.jsx(h,{htmlFor:"input2",children:"Label"}),e.jsx(b,{id:"description2",size:"small",children:"Omschrijving."}),r.invalid&&e.jsx(f,{id:"error2",children:"Foutmelding."}),e.jsx(i,{"aria-describedby":`description2${r.invalid?" error2":""}`,id:"input2",...r})]})};var o,n,t;a.parameters={...a.parameters,docs:{...(o=a.parameters)==null?void 0:o.docs,source:{originalSource:"{}",...(t=(n=a.parameters)==null?void 0:n.docs)==null?void 0:t.source}}};var l,p,c;s.parameters={...s.parameters,docs:{...(l=s.parameters)==null?void 0:l.docs,source:{originalSource:`{ render: args => diff --git a/demo-develop/assets/Radio.docs-D7yfQKPJ.js b/demo-develop/assets/Radio.docs-B1oTSZgD.js similarity index 93% rename from demo-develop/assets/Radio.docs-D7yfQKPJ.js rename to demo-develop/assets/Radio.docs-B1oTSZgD.js index 80138e4329..804975d0d8 100644 --- a/demo-develop/assets/Radio.docs-D7yfQKPJ.js +++ b/demo-develop/assets/Radio.docs-B1oTSZgD.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 r,aq as a,ar as d,as as c,at as i}from"./index-CWKCY_Bl.js";import{R as l,I as h,a as m,W as p}from"./Radio.stories-C0PYn2aF.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DBQNO3fk.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-4tYMzfzc.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";const u=` +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as s}from"./index-3rgQkYFR.js";import{ae as r,aq as a,ar as d,as as c,at as i}from"./index-CmcJchMs.js";import{R as l,I as h,a as m,W as p}from"./Radio.stories-BUQbfY1q.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CN_8E5Aq.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-BsC3rSRZ.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";const u=` # Radio diff --git a/demo-develop/assets/Radio.stories-C0PYn2aF.js b/demo-develop/assets/Radio.stories-BUQbfY1q.js similarity index 99% rename from demo-develop/assets/Radio.stories-C0PYn2aF.js rename to demo-develop/assets/Radio.stories-BUQbfY1q.js index 18fcbae9b3..ebb79496bb 100644 --- a/demo-develop/assets/Radio.stories-C0PYn2aF.js +++ b/demo-develop/assets/Radio.stories-BUQbfY1q.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{F as N,P as C,E as w,C as S}from"./index.esm-4tYMzfzc.js";import{c as A}from"./clsx-B-dksMZM.js";import{r as u}from"./index-RigO-4kf.js";const W=a=>e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24","aria-hidden":"true",focusable:"false",...a,children:[e.jsx("circle",{cx:12,cy:12,r:10,className:"ams-radio__circle"}),e.jsx("circle",{cx:12,cy:12,r:9.5,className:"ams-radio__hover-indicator"}),e.jsx("circle",{cx:12,cy:12,r:6,className:"ams-radio__checked-indicator"})]});try{RadioIcon.displayName="RadioIcon",RadioIcon.__docgenInfo={description:"",displayName:"RadioIcon",props:{}}}catch{}const r=u.forwardRef(({children:a,className:l,icon:n,invalid:t,...E},k)=>{const m=u.useId();return e.jsxs("div",{className:A("ams-radio",l),children:[e.jsx("input",{...E,"aria-invalid":t||void 0,className:"ams-radio__input",id:m,ref:k,type:"radio"}),e.jsxs("label",{className:"ams-radio__label",htmlFor:m,children:[e.jsx("span",{className:"ams-radio__icon-container",children:n??e.jsx(W,{})}),a]})]})});r.displayName="Radio";try{r.displayName="Radio",r.__docgenInfo={description:"",displayName:"Radio",props:{icon:{defaultValue:null,description:"An icon to display instead of the default icon.",name:"icon",required:!1,type:{name:"ReactNode"}},invalid:{defaultValue:null,description:"Whether the value fails a validation rule.",name:"invalid",required:!1,type:{name:"boolean"}}}}}catch{}const c=a=>e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false",...a,children:[e.jsx("path",{className:"ams-radio__circle",d:"M 13.92 20.26 z m -0.1088 4.6456 l -2.336 -2.324 c -4.0904 -3.7048 -5.592 -5.1368 -7.1088 -6.9104 C 2.16 13.0928 1 10.7624 1 8 C 1 4.032 4.232 0.8 8.4 0.8 c 2.012 0 3.9624 0.808 5.4 4 C 15.2368 1.6088 17.1872 0.8 19.2 0.8 C 23.368 0.8 26.6 4.032 26.6 8.2 c 0 2.5624 -1.16 4.8928 -3.3672 7.472 c -1.516 1.7712 -3.0144 3.2 -7.104 6.904 z"}),e.jsx("path",{className:"ams-radio__checked-indicator",d:"M 13.92 20.26 z m -0.1088 4.6456 l -2.336 -2.324 c -4.0904 -3.7048 -5.592 -5.1368 -7.1088 -6.9104 C 2.16 13.0928 1 10.7624 1 8 C 1 4.032 4.232 0.8 8.4 0.8 c 2.012 0 3.9624 0.808 5.4 4 C 15.2368 1.6088 17.1872 0.8 19.2 0.8 C 23.368 0.8 26.6 4.032 26.6 8.2 c 0 2.5624 -1.16 4.8928 -3.3672 7.472 c -1.516 1.7712 -3.0144 3.2 -7.104 6.904 z"})]});try{c.displayName="CustomIcon",c.__docgenInfo={description:"",displayName:"CustomIcon",props:{}}}catch{}const{useArgs:F}=__STORYBOOK_MODULE_PREVIEW_API__,P={title:"Components/Forms/Radio",component:r,args:{checked:!1,children:"Radio label",disabled:!1,invalid:!1},argTypes:{checked:{description:"Whether the control is checked."},children:{description:"The text for the label.",table:{disable:!1}},disabled:{description:"Prevents interaction. Avoid if possible."},icon:{table:{disable:!0}},invalid:{description:"Whether the value fails a validation rule."},onChange:{action:"clicked",table:{disable:!0}}},render:a=>{const[,l]=F(),n=t=>{l({checked:t.target.checked})};return e.jsx(r,{onClick:n,...a})}},s={},i={argTypes:{checked:{table:{disable:!0}},children:{table:{disable:!0}},disabled:{table:{disable:!0}}},render:({invalid:a})=>e.jsxs(N,{"aria-describedby":`description1${a?" error1":""}`,invalid:a,legend:"Waar gaat uw melding over?",role:"radiogroup",children:[e.jsx(C,{className:"ams-mb--sm",id:"description1",size:"small",children:"De laatstgenoemde melding."}),a&&e.jsx(w,{className:"ams-mb--sm",id:"error1",children:"Geef aan waar uw laatstgenoemde melding over gaat."}),e.jsxs(S,{gap:"extra-small",children:[e.jsx(r,{invalid:a,name:"about",value:"horeca",children:"Horecabedrijf"}),e.jsx(r,{invalid:a,name:"about",value:"ander_bedrijf",children:"Ander soort bedrijf"}),e.jsx(r,{invalid:a,name:"about",value:"evenement",children:"Evenement"}),e.jsx(r,{invalid:a,name:"about",value:"anders",children:"Iets anders"})]})]})},d={args:{invalid:!0},argTypes:{checked:{table:{disable:!0}},children:{table:{disable:!0}},disabled:{table:{disable:!0}}},render:({invalid:a})=>e.jsxs(N,{"aria-describedby":`description2${a?" error2":""}`,invalid:a,legend:"Waar gaat uw melding over?",role:"radiogroup",children:[e.jsx(C,{className:"ams-mb--sm",id:"description2",size:"small",children:"De laatstgenoemde melding."}),a&&e.jsx(w,{className:"ams-mb--sm",id:"error2",children:"Geef aan waar uw laatstgenoemde melding over gaat."}),e.jsxs(S,{gap:"extra-small",children:[e.jsx(r,{invalid:a,name:"about",value:"horeca",children:"Horecabedrijf"}),e.jsx(r,{invalid:a,name:"about",value:"ander_bedrijf",children:"Ander soort bedrijf"}),e.jsx(r,{invalid:a,name:"about",value:"evenement",children:"Evenement"}),e.jsx(r,{invalid:a,name:"about",value:"anders",children:"Iets anders"})]})]})},o={args:{icon:e.jsx(c,{})}};var p,b,g;s.parameters={...s.parameters,docs:{...(p=s.parameters)==null?void 0:p.docs,source:{originalSource:"{}",...(g=(b=s.parameters)==null?void 0:b.docs)==null?void 0:g.source}}};var h,v,_;i.parameters={...i.parameters,docs:{...(h=i.parameters)==null?void 0:h.docs,source:{originalSource:`{ +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{F as N,P as C,E as w,C as S}from"./index.esm-BsC3rSRZ.js";import{c as A}from"./clsx-B-dksMZM.js";import{r as u}from"./index-RigO-4kf.js";const W=a=>e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24","aria-hidden":"true",focusable:"false",...a,children:[e.jsx("circle",{cx:12,cy:12,r:10,className:"ams-radio__circle"}),e.jsx("circle",{cx:12,cy:12,r:9.5,className:"ams-radio__hover-indicator"}),e.jsx("circle",{cx:12,cy:12,r:6,className:"ams-radio__checked-indicator"})]});try{RadioIcon.displayName="RadioIcon",RadioIcon.__docgenInfo={description:"",displayName:"RadioIcon",props:{}}}catch{}const r=u.forwardRef(({children:a,className:l,icon:n,invalid:t,...E},k)=>{const m=u.useId();return e.jsxs("div",{className:A("ams-radio",l),children:[e.jsx("input",{...E,"aria-invalid":t||void 0,className:"ams-radio__input",id:m,ref:k,type:"radio"}),e.jsxs("label",{className:"ams-radio__label",htmlFor:m,children:[e.jsx("span",{className:"ams-radio__icon-container",children:n??e.jsx(W,{})}),a]})]})});r.displayName="Radio";try{r.displayName="Radio",r.__docgenInfo={description:"",displayName:"Radio",props:{icon:{defaultValue:null,description:"An icon to display instead of the default icon.",name:"icon",required:!1,type:{name:"ReactNode"}},invalid:{defaultValue:null,description:"Whether the value fails a validation rule.",name:"invalid",required:!1,type:{name:"boolean"}}}}}catch{}const c=a=>e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false",...a,children:[e.jsx("path",{className:"ams-radio__circle",d:"M 13.92 20.26 z m -0.1088 4.6456 l -2.336 -2.324 c -4.0904 -3.7048 -5.592 -5.1368 -7.1088 -6.9104 C 2.16 13.0928 1 10.7624 1 8 C 1 4.032 4.232 0.8 8.4 0.8 c 2.012 0 3.9624 0.808 5.4 4 C 15.2368 1.6088 17.1872 0.8 19.2 0.8 C 23.368 0.8 26.6 4.032 26.6 8.2 c 0 2.5624 -1.16 4.8928 -3.3672 7.472 c -1.516 1.7712 -3.0144 3.2 -7.104 6.904 z"}),e.jsx("path",{className:"ams-radio__checked-indicator",d:"M 13.92 20.26 z m -0.1088 4.6456 l -2.336 -2.324 c -4.0904 -3.7048 -5.592 -5.1368 -7.1088 -6.9104 C 2.16 13.0928 1 10.7624 1 8 C 1 4.032 4.232 0.8 8.4 0.8 c 2.012 0 3.9624 0.808 5.4 4 C 15.2368 1.6088 17.1872 0.8 19.2 0.8 C 23.368 0.8 26.6 4.032 26.6 8.2 c 0 2.5624 -1.16 4.8928 -3.3672 7.472 c -1.516 1.7712 -3.0144 3.2 -7.104 6.904 z"})]});try{c.displayName="CustomIcon",c.__docgenInfo={description:"",displayName:"CustomIcon",props:{}}}catch{}const{useArgs:F}=__STORYBOOK_MODULE_PREVIEW_API__,P={title:"Components/Forms/Radio",component:r,args:{checked:!1,children:"Radio label",disabled:!1,invalid:!1},argTypes:{checked:{description:"Whether the control is checked."},children:{description:"The text for the label.",table:{disable:!1}},disabled:{description:"Prevents interaction. Avoid if possible."},icon:{table:{disable:!0}},invalid:{description:"Whether the value fails a validation rule."},onChange:{action:"clicked",table:{disable:!0}}},render:a=>{const[,l]=F(),n=t=>{l({checked:t.target.checked})};return e.jsx(r,{onClick:n,...a})}},s={},i={argTypes:{checked:{table:{disable:!0}},children:{table:{disable:!0}},disabled:{table:{disable:!0}}},render:({invalid:a})=>e.jsxs(N,{"aria-describedby":`description1${a?" error1":""}`,invalid:a,legend:"Waar gaat uw melding over?",role:"radiogroup",children:[e.jsx(C,{className:"ams-mb--sm",id:"description1",size:"small",children:"De laatstgenoemde melding."}),a&&e.jsx(w,{className:"ams-mb--sm",id:"error1",children:"Geef aan waar uw laatstgenoemde melding over gaat."}),e.jsxs(S,{gap:"extra-small",children:[e.jsx(r,{invalid:a,name:"about",value:"horeca",children:"Horecabedrijf"}),e.jsx(r,{invalid:a,name:"about",value:"ander_bedrijf",children:"Ander soort bedrijf"}),e.jsx(r,{invalid:a,name:"about",value:"evenement",children:"Evenement"}),e.jsx(r,{invalid:a,name:"about",value:"anders",children:"Iets anders"})]})]})},d={args:{invalid:!0},argTypes:{checked:{table:{disable:!0}},children:{table:{disable:!0}},disabled:{table:{disable:!0}}},render:({invalid:a})=>e.jsxs(N,{"aria-describedby":`description2${a?" error2":""}`,invalid:a,legend:"Waar gaat uw melding over?",role:"radiogroup",children:[e.jsx(C,{className:"ams-mb--sm",id:"description2",size:"small",children:"De laatstgenoemde melding."}),a&&e.jsx(w,{className:"ams-mb--sm",id:"error2",children:"Geef aan waar uw laatstgenoemde melding over gaat."}),e.jsxs(S,{gap:"extra-small",children:[e.jsx(r,{invalid:a,name:"about",value:"horeca",children:"Horecabedrijf"}),e.jsx(r,{invalid:a,name:"about",value:"ander_bedrijf",children:"Ander soort bedrijf"}),e.jsx(r,{invalid:a,name:"about",value:"evenement",children:"Evenement"}),e.jsx(r,{invalid:a,name:"about",value:"anders",children:"Iets anders"})]})]})},o={args:{icon:e.jsx(c,{})}};var p,b,g;s.parameters={...s.parameters,docs:{...(p=s.parameters)==null?void 0:p.docs,source:{originalSource:"{}",...(g=(b=s.parameters)==null?void 0:b.docs)==null?void 0:g.source}}};var h,v,_;i.parameters={...i.parameters,docs:{...(h=i.parameters)==null?void 0:h.docs,source:{originalSource:`{ argTypes: { checked: { table: { diff --git a/demo-develop/assets/Row.docs-Bl4XoFvv.js b/demo-develop/assets/Row.docs-fsqJLFhQ.js similarity index 93% rename from demo-develop/assets/Row.docs-Bl4XoFvv.js rename to demo-develop/assets/Row.docs-fsqJLFhQ.js index 637be3a8a6..8a536c567d 100644 --- a/demo-develop/assets/Row.docs-Bl4XoFvv.js +++ b/demo-develop/assets/Row.docs-fsqJLFhQ.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as l}from"./index-3rgQkYFR.js";import{ae as o,aq as r,ar as a,as as h,at as t}from"./index-CWKCY_Bl.js";import{R as d,A as c,E as p,a as g,b as m,V as x,W as j}from"./Row.stories-CC83-yFg.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DBQNO3fk.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-4tYMzfzc.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";import"./types-B5YJ6HHW.js";const f=` +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as l}from"./index-3rgQkYFR.js";import{ae as o,aq as r,ar as a,as as h,at as t}from"./index-CmcJchMs.js";import{R as d,A as c,E as p,a as g,b as m,V as x,W as j}from"./Row.stories-BReaOBHs.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CN_8E5Aq.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-BsC3rSRZ.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";import"./types-B5YJ6HHW.js";const f=` # Row diff --git a/demo-develop/assets/Row.stories-CC83-yFg.js b/demo-develop/assets/Row.stories-BReaOBHs.js similarity index 97% rename from demo-develop/assets/Row.stories-CC83-yFg.js rename to demo-develop/assets/Row.stories-BReaOBHs.js index 7e7c44c8e4..6fdf430138 100644 --- a/demo-develop/assets/Row.stories-CC83-yFg.js +++ b/demo-develop/assets/Row.stories-BReaOBHs.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{h as $,H as z,L as D}from"./index.esm-4tYMzfzc.js";import{m as I,a as M}from"./types-B5YJ6HHW.js";import{c as P}from"./clsx-B-dksMZM.js";import{r as F}from"./index-RigO-4kf.js";const c=F.forwardRef(({align:a,alignVertical:m,as:L="div",children:q,className:C,gap:d,wrap:H,...B},W)=>e.jsx(L,{...B,ref:W,className:P("ams-row",a&&`ams-row--align-${a}`,m&&`ams-row--align-vertical-${m}`,d&&`ams-row--gap-${d}`,H&&"ams-row--wrap",C),children:q}));c.displayName="Row";try{c.displayName="Row",c.__docgenInfo={description:"",displayName:"Row",props:{align:{defaultValue:{value:"start"},description:"The horizontal alignment of the items in the row.",name:"align",required:!1,type:{name:"enum",value:[{value:'"center"'},{value:'"end"'},{value:'"between"'},{value:'"around"'},{value:'"evenly"'}]}},alignVertical:{defaultValue:{value:"stretch"},description:"The vertical alignment of the items in the row.",name:"alignVertical",required:!1,type:{name:"enum",value:[{value:'"baseline"'},{value:'"center"'},{value:'"end"'},{value:'"start"'}]}},as:{defaultValue:{value:"div"},description:"The HTML element to use.",name:"as",required:!1,type:{name:"enum",value:[{value:'"article"'},{value:'"div"'},{value:'"section"'}]}},gap:{defaultValue:{value:"medium"},description:"The amount of space between items.",name:"gap",required:!1,type:{name:"enum",value:[{value:'"none"'},{value:'"small"'},{value:'"large"'},{value:'"extra-small"'},{value:'"extra-large"'}]}},wrap:{defaultValue:{value:"false"},description:"Whether items of the row can wrap onto multiple lines.",name:"wrap",required:!1,type:{name:"boolean"}}}}}catch{}const G=[e.jsx("div",{className:"ams-docs-item"},0),e.jsx("div",{className:"ams-docs-item"},1),e.jsx("div",{className:"ams-docs-item"},2)],J={title:"Components/Layout/Row",component:c,args:{children:G,className:"ams-docs-row"},argTypes:{align:{control:{type:"radio",labels:{undefined:"start"}},options:[void 0,...I]},alignVertical:{control:{type:"radio",labels:{undefined:"stretch"}},options:[void 0,...M]},className:{table:{disable:!0}},gap:{control:{type:"radio",labels:{undefined:"medium"}},options:["none","extra-small","small",void 0,"large","extra-large"]}}},r={},s={args:{align:"evenly"}},n={args:{align:"end",alignVertical:"center",children:e.jsx($,{label:"AB"})}},l={args:{align:"end",dir:"rtl"},argTypes:{dir:{table:{disable:!0}}}},t={args:{align:"between",alignVertical:"baseline",children:[e.jsx(z,{level:3,children:"An example heading"}),e.jsx(D,{href:"#",children:"An example link"})],className:void 0,wrap:!0}},i={args:{alignVertical:"center"}},o={args:{children:Array.from(Array(4).keys()).map(a=>e.jsx("span",{className:"ams-docs-item",style:{flexBasis:"16rem"}},a)),wrap:!0}};var p,u,g;r.parameters={...r.parameters,docs:{...(p=r.parameters)==null?void 0:p.docs,source:{originalSource:"{}",...(g=(u=r.parameters)==null?void 0:u.docs)==null?void 0:g.source}}};var v,f,h;s.parameters={...s.parameters,docs:{...(v=s.parameters)==null?void 0:v.docs,source:{originalSource:`{ +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{g as $,H as z,L as D}from"./index.esm-BsC3rSRZ.js";import{m as I,a as M}from"./types-B5YJ6HHW.js";import{c as P}from"./clsx-B-dksMZM.js";import{r as F}from"./index-RigO-4kf.js";const c=F.forwardRef(({align:a,alignVertical:m,as:L="div",children:q,className:C,gap:d,wrap:H,...B},W)=>e.jsx(L,{...B,ref:W,className:P("ams-row",a&&`ams-row--align-${a}`,m&&`ams-row--align-vertical-${m}`,d&&`ams-row--gap-${d}`,H&&"ams-row--wrap",C),children:q}));c.displayName="Row";try{c.displayName="Row",c.__docgenInfo={description:"",displayName:"Row",props:{align:{defaultValue:{value:"start"},description:"The horizontal alignment of the items in the row.",name:"align",required:!1,type:{name:"enum",value:[{value:'"center"'},{value:'"end"'},{value:'"between"'},{value:'"around"'},{value:'"evenly"'}]}},alignVertical:{defaultValue:{value:"stretch"},description:"The vertical alignment of the items in the row.",name:"alignVertical",required:!1,type:{name:"enum",value:[{value:'"baseline"'},{value:'"center"'},{value:'"end"'},{value:'"start"'}]}},as:{defaultValue:{value:"div"},description:"The HTML element to use.",name:"as",required:!1,type:{name:"enum",value:[{value:'"article"'},{value:'"div"'},{value:'"section"'}]}},gap:{defaultValue:{value:"medium"},description:"The amount of space between items.",name:"gap",required:!1,type:{name:"enum",value:[{value:'"none"'},{value:'"small"'},{value:'"large"'},{value:'"extra-small"'},{value:'"extra-large"'}]}},wrap:{defaultValue:{value:"false"},description:"Whether items of the row can wrap onto multiple lines.",name:"wrap",required:!1,type:{name:"boolean"}}}}}catch{}const G=[e.jsx("div",{className:"ams-docs-item"},0),e.jsx("div",{className:"ams-docs-item"},1),e.jsx("div",{className:"ams-docs-item"},2)],J={title:"Components/Layout/Row",component:c,args:{children:G,className:"ams-docs-row"},argTypes:{align:{control:{type:"radio",labels:{undefined:"start"}},options:[void 0,...I]},alignVertical:{control:{type:"radio",labels:{undefined:"stretch"}},options:[void 0,...M]},className:{table:{disable:!0}},gap:{control:{type:"radio",labels:{undefined:"medium"}},options:["none","extra-small","small",void 0,"large","extra-large"]}}},r={},s={args:{align:"evenly"}},n={args:{align:"end",alignVertical:"center",children:e.jsx($,{label:"AB"})}},l={args:{align:"end",dir:"rtl"},argTypes:{dir:{table:{disable:!0}}}},t={args:{align:"between",alignVertical:"baseline",children:[e.jsx(z,{level:3,children:"An example heading"}),e.jsx(D,{href:"#",children:"An example link"})],className:void 0,wrap:!0}},i={args:{alignVertical:"center"}},o={args:{children:Array.from(Array(4).keys()).map(a=>e.jsx("span",{className:"ams-docs-item",style:{flexBasis:"16rem"}},a)),wrap:!0}};var p,u,g;r.parameters={...r.parameters,docs:{...(p=r.parameters)==null?void 0:p.docs,source:{originalSource:"{}",...(g=(u=r.parameters)==null?void 0:u.docs)==null?void 0:g.source}}};var v,f,h;s.parameters={...s.parameters,docs:{...(v=s.parameters)==null?void 0:v.docs,source:{originalSource:`{ args: { align: 'evenly' } diff --git a/demo-develop/assets/Screen.docs-Diyg_Bbq.js b/demo-develop/assets/Screen.docs-Dxh8So2U.js similarity index 92% rename from demo-develop/assets/Screen.docs-Diyg_Bbq.js rename to demo-develop/assets/Screen.docs-Dxh8So2U.js index 2fa930c1a5..08fbee8d9d 100644 --- a/demo-develop/assets/Screen.docs-Diyg_Bbq.js +++ b/demo-develop/assets/Screen.docs-Dxh8So2U.js @@ -1,4 +1,4 @@ -import{j as n}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as s}from"./index-3rgQkYFR.js";import{ae as i,aq as r,ar as a,as as m,at as c}from"./index-CWKCY_Bl.js";import{S as d,E as p}from"./Screen.stories-BEbhUpOk.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DBQNO3fk.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"./clsx-B-dksMZM.js";const h=` +import{j as n}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as s}from"./index-3rgQkYFR.js";import{ae as i,aq as r,ar as a,as as m,at as c}from"./index-CmcJchMs.js";import{S as d,E as p}from"./Screen.stories-BEbhUpOk.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CN_8E5Aq.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"./clsx-B-dksMZM.js";const h=` # Screen diff --git a/demo-develop/assets/SearchField.docs-DukliD3o.js b/demo-develop/assets/SearchField.docs-DK-VofZc.js similarity index 96% rename from demo-develop/assets/SearchField.docs-DukliD3o.js rename to demo-develop/assets/SearchField.docs-DK-VofZc.js index d83eb5d790..686dd14d70 100644 --- a/demo-develop/assets/SearchField.docs-DukliD3o.js +++ b/demo-develop/assets/SearchField.docs-DK-VofZc.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as r}from"./index-3rgQkYFR.js";import{ae as i,aq as s,ar as c,as as h,at as o}from"./index-CWKCY_Bl.js";import{S as l,W as u,C as p}from"./SearchField.stories-B7d7NZfk.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DBQNO3fk.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"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";import"./Button-QlQc6Uo1.js";import"./Icon-CPe807nE.js";const d=` +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as r}from"./index-3rgQkYFR.js";import{ae as i,aq as s,ar as c,as as h,at as o}from"./index-CmcJchMs.js";import{S as l,W as u,C as p}from"./SearchField.stories-B7d7NZfk.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CN_8E5Aq.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"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";import"./Button-QlQc6Uo1.js";import"./Icon-CPe807nE.js";const d=` # Search Field diff --git a/demo-develop/assets/Select.docs-DZdPpbI7.js b/demo-develop/assets/Select.docs-CCHrxJDC.js similarity index 91% rename from demo-develop/assets/Select.docs-DZdPpbI7.js rename to demo-develop/assets/Select.docs-CCHrxJDC.js index 3589e712a9..5b9474ce52 100644 --- a/demo-develop/assets/Select.docs-DZdPpbI7.js +++ b/demo-develop/assets/Select.docs-CCHrxJDC.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 r,aq as d,ar as a,as as l,at as i}from"./index-CWKCY_Bl.js";import{S as c,G as h,I as m,D as p,a as x,b as j}from"./Select.stories-qNcNLUn9.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DBQNO3fk.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-4tYMzfzc.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";const f=` +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as s}from"./index-3rgQkYFR.js";import{ae as r,aq as d,ar as a,as as l,at as i}from"./index-CmcJchMs.js";import{S as c,G as h,I as m,D as p,a as x,b as j}from"./Select.stories-BszPUx6r.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CN_8E5Aq.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-BsC3rSRZ.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";const f=` # Select diff --git a/demo-develop/assets/Select.stories-qNcNLUn9.js b/demo-develop/assets/Select.stories-BszPUx6r.js similarity index 95% rename from demo-develop/assets/Select.stories-qNcNLUn9.js rename to demo-develop/assets/Select.stories-BszPUx6r.js index 2427a57205..0023cafe0e 100644 --- a/demo-develop/assets/Select.stories-qNcNLUn9.js +++ b/demo-develop/assets/Select.stories-BszPUx6r.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{e as P,f as W,P as B,E}from"./index.esm-4tYMzfzc.js";import{c as u}from"./clsx-B-dksMZM.js";import{r as O}from"./index-RigO-4kf.js";const I=O.forwardRef(({children:t,className:i,...n},o)=>e.jsx("option",{...n,ref:o,className:u("ams-select__option",i),children:t}));I.displayName="Select.Option";try{Select.Option.displayName="Select.Option",Select.Option.__docgenInfo={description:"",displayName:"Select.Option",props:{}}}catch{}const A=O.forwardRef(({children:t,className:i,...n},o)=>e.jsx("optgroup",{...n,ref:o,className:u("ams-select__group",i),children:t}));A.displayName="Select.Group";try{Select.Group.displayName="Select.Group",Select.Group.__docgenInfo={description:"",displayName:"Select.Group",props:{}}}catch{}const H=O.forwardRef(({children:t,className:i,invalid:n,...o},K)=>e.jsx("select",{...o,"aria-invalid":n||void 0,className:u("ams-select",i),ref:K,children:t}));H.displayName="Select";const r=Object.assign(H,{Option:I,Group:A});try{r.displayName="Select",r.__docgenInfo={description:"",displayName:"Select",props:{invalid:{defaultValue:null,description:"Whether the value fails a validation rule.",name:"invalid",required:!1,type:{name:"boolean"}}}}}catch{}const S=[e.jsx(r.Option,{value:"1",children:"Centrum"},"1"),e.jsx(r.Option,{value:"2",children:"Noord"},"2"),e.jsx(r.Option,{value:"3",children:"West"},"3"),e.jsx(r.Option,{value:"4",disabled:!0,children:"Westpoort"},"4"),e.jsx(r.Option,{value:"5",children:"Nieuw-West"},"6"),e.jsx(r.Option,{value:"6",children:"Zuid"},"7"),e.jsx(r.Option,{value:"7",children:"Zuidoost"},"8")],D={title:"Components/Forms/Select",component:r,args:{invalid:!1,disabled:!1,children:S},argTypes:{disabled:{description:"Prevents interaction. Avoid if possible."}}},l={},a={args:{children:[e.jsxs(r.Group,{label:"Burgwallen-Oude Zijde",children:[e.jsx(r.Option,{children:"BG-terrein e.o."}),e.jsx(r.Option,{children:"Burgwallen oost"}),e.jsx(r.Option,{children:"Kop Zeedijk"}),e.jsx(r.Option,{children:"Nes e.o."}),e.jsx(r.Option,{children:"Oude Kerk e.o."})]},"1"),e.jsxs(r.Group,{label:"Burgwallen-Nieuwe Zijde",children:[e.jsx(r.Option,{children:"Begijnhofbuurt"}),e.jsx(r.Option,{children:"Hemelrijk"}),e.jsx(r.Option,{children:"Kalverdriehoek"}),e.jsx(r.Option,{children:"Nieuwe Kerk e.o."}),e.jsx(r.Option,{children:"Nieuwendijk Noord"}),e.jsx(r.Option,{children:"Spuistraat Noord"}),e.jsx(r.Option,{children:"Spuistraat Zuid"}),e.jsx(r.Option,{children:"Stationsplein e.o."})]},"2"),e.jsxs(r.Group,{label:"Grachtengordel-West",children:[e.jsx(r.Option,{children:"Felix Meritisbuurt"}),e.jsx(r.Option,{children:"Langestraat e.o."}),e.jsx(r.Option,{children:"Leidsegracht Noord"}),e.jsx(r.Option,{children:"Leliegracht e.o."})]},"3"),e.jsxs(r.Group,{label:"Haarlemmerbuurt",children:[e.jsx(r.Option,{children:"Haarlemmerbuurt Oost"}),e.jsx(r.Option,{children:"Haarlemmerbuurt West"}),e.jsx(r.Option,{children:"Planciusbuurt Noord"}),e.jsx(r.Option,{children:"Planciusbuurt Zuid"}),e.jsx(r.Option,{children:"Westelijke eilanden"}),e.jsx(r.Option,{children:"Westerdokseiland"})]},"4"),e.jsxs(r.Group,{label:"Jordaan",children:[e.jsx(r.Option,{children:"Anjeliersbuurt Noord"}),e.jsx(r.Option,{children:"Anjeliersbuurt Zuid"}),e.jsx(r.Option,{children:"Bloemgrachtbuurt"}),e.jsx(r.Option,{children:"Driehoekbuurt"}),e.jsx(r.Option,{children:"Elandsgrachtbuurt"}),e.jsx(r.Option,{children:"Groenmarktkadebuurt"}),e.jsx(r.Option,{children:"Marnixbuurt Midden"}),e.jsx(r.Option,{children:"Marnixbuurt Noord"}),e.jsx(r.Option,{children:"Marnixbuurt Zuid"}),e.jsx(r.Option,{children:"Passeerdersgrachtbuurt"}),e.jsx(r.Option,{children:"Zaagpoortbuurt"})]},"5")]}},s={args:{invalid:!0}},c={args:{disabled:!0}},d={render:t=>e.jsxs(P,{invalid:t.invalid,children:[e.jsx(W,{htmlFor:"input1",children:"Label"}),e.jsx(B,{id:"description1",size:"small",children:"Omschrijving."}),t.invalid&&e.jsx(E,{id:"error1",children:"Foutmelding."}),e.jsx(r,{"aria-describedby":`description1${t.invalid?" error1":""}`,id:"input1",...t,children:S})]})},p={args:{invalid:!0},render:t=>e.jsxs(P,{invalid:t.invalid,children:[e.jsx(W,{htmlFor:"input2",children:"Label"}),e.jsx(B,{id:"description2",size:"small",children:"Omschrijving."}),t.invalid&&e.jsx(E,{id:"error2",children:"Foutmelding."}),e.jsx(r,{"aria-describedby":`description2${t.invalid?" error2":""}`,id:"input2",...t,children:S})]})};var h,m,j;l.parameters={...l.parameters,docs:{...(h=l.parameters)==null?void 0:h.docs,source:{originalSource:"{}",...(j=(m=l.parameters)==null?void 0:m.docs)==null?void 0:j.source}}};var b,g,x;a.parameters={...a.parameters,docs:{...(b=a.parameters)==null?void 0:b.docs,source:{originalSource:`{ +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{d as P,e as W,P as B,E}from"./index.esm-BsC3rSRZ.js";import{c as u}from"./clsx-B-dksMZM.js";import{r as O}from"./index-RigO-4kf.js";const I=O.forwardRef(({children:t,className:i,...n},o)=>e.jsx("option",{...n,ref:o,className:u("ams-select__option",i),children:t}));I.displayName="Select.Option";try{Select.Option.displayName="Select.Option",Select.Option.__docgenInfo={description:"",displayName:"Select.Option",props:{}}}catch{}const A=O.forwardRef(({children:t,className:i,...n},o)=>e.jsx("optgroup",{...n,ref:o,className:u("ams-select__group",i),children:t}));A.displayName="Select.Group";try{Select.Group.displayName="Select.Group",Select.Group.__docgenInfo={description:"",displayName:"Select.Group",props:{}}}catch{}const H=O.forwardRef(({children:t,className:i,invalid:n,...o},K)=>e.jsx("select",{...o,"aria-invalid":n||void 0,className:u("ams-select",i),ref:K,children:t}));H.displayName="Select";const r=Object.assign(H,{Option:I,Group:A});try{r.displayName="Select",r.__docgenInfo={description:"",displayName:"Select",props:{invalid:{defaultValue:null,description:"Whether the value fails a validation rule.",name:"invalid",required:!1,type:{name:"boolean"}}}}}catch{}const S=[e.jsx(r.Option,{value:"1",children:"Centrum"},"1"),e.jsx(r.Option,{value:"2",children:"Noord"},"2"),e.jsx(r.Option,{value:"3",children:"West"},"3"),e.jsx(r.Option,{value:"4",disabled:!0,children:"Westpoort"},"4"),e.jsx(r.Option,{value:"5",children:"Nieuw-West"},"6"),e.jsx(r.Option,{value:"6",children:"Zuid"},"7"),e.jsx(r.Option,{value:"7",children:"Zuidoost"},"8")],D={title:"Components/Forms/Select",component:r,args:{invalid:!1,disabled:!1,children:S},argTypes:{disabled:{description:"Prevents interaction. Avoid if possible."}}},l={},a={args:{children:[e.jsxs(r.Group,{label:"Burgwallen-Oude Zijde",children:[e.jsx(r.Option,{children:"BG-terrein e.o."}),e.jsx(r.Option,{children:"Burgwallen oost"}),e.jsx(r.Option,{children:"Kop Zeedijk"}),e.jsx(r.Option,{children:"Nes e.o."}),e.jsx(r.Option,{children:"Oude Kerk e.o."})]},"1"),e.jsxs(r.Group,{label:"Burgwallen-Nieuwe Zijde",children:[e.jsx(r.Option,{children:"Begijnhofbuurt"}),e.jsx(r.Option,{children:"Hemelrijk"}),e.jsx(r.Option,{children:"Kalverdriehoek"}),e.jsx(r.Option,{children:"Nieuwe Kerk e.o."}),e.jsx(r.Option,{children:"Nieuwendijk Noord"}),e.jsx(r.Option,{children:"Spuistraat Noord"}),e.jsx(r.Option,{children:"Spuistraat Zuid"}),e.jsx(r.Option,{children:"Stationsplein e.o."})]},"2"),e.jsxs(r.Group,{label:"Grachtengordel-West",children:[e.jsx(r.Option,{children:"Felix Meritisbuurt"}),e.jsx(r.Option,{children:"Langestraat e.o."}),e.jsx(r.Option,{children:"Leidsegracht Noord"}),e.jsx(r.Option,{children:"Leliegracht e.o."})]},"3"),e.jsxs(r.Group,{label:"Haarlemmerbuurt",children:[e.jsx(r.Option,{children:"Haarlemmerbuurt Oost"}),e.jsx(r.Option,{children:"Haarlemmerbuurt West"}),e.jsx(r.Option,{children:"Planciusbuurt Noord"}),e.jsx(r.Option,{children:"Planciusbuurt Zuid"}),e.jsx(r.Option,{children:"Westelijke eilanden"}),e.jsx(r.Option,{children:"Westerdokseiland"})]},"4"),e.jsxs(r.Group,{label:"Jordaan",children:[e.jsx(r.Option,{children:"Anjeliersbuurt Noord"}),e.jsx(r.Option,{children:"Anjeliersbuurt Zuid"}),e.jsx(r.Option,{children:"Bloemgrachtbuurt"}),e.jsx(r.Option,{children:"Driehoekbuurt"}),e.jsx(r.Option,{children:"Elandsgrachtbuurt"}),e.jsx(r.Option,{children:"Groenmarktkadebuurt"}),e.jsx(r.Option,{children:"Marnixbuurt Midden"}),e.jsx(r.Option,{children:"Marnixbuurt Noord"}),e.jsx(r.Option,{children:"Marnixbuurt Zuid"}),e.jsx(r.Option,{children:"Passeerdersgrachtbuurt"}),e.jsx(r.Option,{children:"Zaagpoortbuurt"})]},"5")]}},s={args:{invalid:!0}},c={args:{disabled:!0}},d={render:t=>e.jsxs(P,{invalid:t.invalid,children:[e.jsx(W,{htmlFor:"input1",children:"Label"}),e.jsx(B,{id:"description1",size:"small",children:"Omschrijving."}),t.invalid&&e.jsx(E,{id:"error1",children:"Foutmelding."}),e.jsx(r,{"aria-describedby":`description1${t.invalid?" error1":""}`,id:"input1",...t,children:S})]})},p={args:{invalid:!0},render:t=>e.jsxs(P,{invalid:t.invalid,children:[e.jsx(W,{htmlFor:"input2",children:"Label"}),e.jsx(B,{id:"description2",size:"small",children:"Omschrijving."}),t.invalid&&e.jsx(E,{id:"error2",children:"Foutmelding."}),e.jsx(r,{"aria-describedby":`description2${t.invalid?" error2":""}`,id:"input2",...t,children:S})]})};var h,m,j;l.parameters={...l.parameters,docs:{...(h=l.parameters)==null?void 0:h.docs,source:{originalSource:"{}",...(j=(m=l.parameters)==null?void 0:m.docs)==null?void 0:j.source}}};var b,g,x;a.parameters={...a.parameters,docs:{...(b=a.parameters)==null?void 0:b.docs,source:{originalSource:`{ args: { children: [ BG-terrein e.o. @@ -45,11 +45,11 @@ import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{e as P,f as W,P as B,E}from args: { invalid: true } -}`,...(_=(N=s.parameters)==null?void 0:N.docs)==null?void 0:_.source}}};var G,y,f;c.parameters={...c.parameters,docs:{...(G=c.parameters)==null?void 0:G.docs,source:{originalSource:`{ +}`,...(_=(N=s.parameters)==null?void 0:N.docs)==null?void 0:_.source}}};var G,y,k;c.parameters={...c.parameters,docs:{...(G=c.parameters)==null?void 0:G.docs,source:{originalSource:`{ args: { disabled: true } -}`,...(f=(y=c.parameters)==null?void 0:y.docs)==null?void 0:f.source}}};var k,F,L;d.parameters={...d.parameters,docs:{...(k=d.parameters)==null?void 0:k.docs,source:{originalSource:`{ +}`,...(k=(y=c.parameters)==null?void 0:y.docs)==null?void 0:k.source}}};var f,F,L;d.parameters={...d.parameters,docs:{...(f=d.parameters)==null?void 0:f.docs,source:{originalSource:`{ render: args => diff --git a/demo-develop/assets/SkipLink.docs-DETRRuup.js b/demo-develop/assets/SkipLink.docs-CQxe8Ojo.js similarity index 88% rename from demo-develop/assets/SkipLink.docs-DETRRuup.js rename to demo-develop/assets/SkipLink.docs-CQxe8Ojo.js index ae94a11aab..8e88cb9d7f 100644 --- a/demo-develop/assets/SkipLink.docs-DETRRuup.js +++ b/demo-develop/assets/SkipLink.docs-CQxe8Ojo.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-CWKCY_Bl.js";import{S as m,O as h,M as c}from"./SkipLink.stories-CbWsaUB4.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DBQNO3fk.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-4tYMzfzc.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-CmcJchMs.js";import{S as m,O as h,M as c}from"./SkipLink.stories-CMebH2P5.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CN_8E5Aq.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-BsC3rSRZ.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";const d=` # Skip Link diff --git a/demo-develop/assets/SkipLink.stories-CbWsaUB4.js b/demo-develop/assets/SkipLink.stories-CMebH2P5.js similarity index 97% rename from demo-develop/assets/SkipLink.stories-CbWsaUB4.js rename to demo-develop/assets/SkipLink.stories-CMebH2P5.js index f589049552..a4bcf0737e 100644 --- a/demo-develop/assets/SkipLink.stories-CbWsaUB4.js +++ b/demo-develop/assets/SkipLink.stories-CMebH2P5.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{P as g}from"./index.esm-4tYMzfzc.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-BsC3rSRZ.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-CVxUBei2.js b/demo-develop/assets/Spotlight-CVxUBei2.js deleted file mode 100644 index 828b2ce5dc..0000000000 --- a/demo-develop/assets/Spotlight-CVxUBei2.js +++ /dev/null @@ -1 +0,0 @@ -import{j as s}from"./jsx-runtime-BjgbQsUx.js";import{c as i}from"./clsx-B-dksMZM.js";import{r as p}from"./index-RigO-4kf.js";const e=p.forwardRef(({children:a,className:l,as:o="div",color:t="blue",...r},u)=>s.jsx(o,{...r,ref:u,className:i("ams-spotlight",`ams-spotlight--${t}`,l),children:a}));e.displayName="Spotlight";try{e.displayName="Spotlight",e.__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:"blue"},description:"The background colour.",name:"color",required:!1,type:{name:"enum",value:[{value:'"azure"'},{value:'"blue"'},{value:'"green"'},{value:'"lime"'},{value:'"magenta"'},{value:'"orange"'},{value:'"purple"'},{value:'"yellow"'}]}}}}}catch{}export{e as S}; diff --git a/demo-develop/assets/Spotlight.docs-DbcVAxuw.js b/demo-develop/assets/Spotlight.docs-Co_fx7XX.js similarity index 83% rename from demo-develop/assets/Spotlight.docs-DbcVAxuw.js rename to demo-develop/assets/Spotlight.docs-Co_fx7XX.js index c90d3b2e70..176a178b5b 100644 --- a/demo-develop/assets/Spotlight.docs-DbcVAxuw.js +++ b/demo-develop/assets/Spotlight.docs-Co_fx7XX.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as r}from"./index-3rgQkYFR.js";import{ae as i,aq as a,ar as c,as as l,at as t}from"./index-CWKCY_Bl.js";import{S as m,A as d,B as h,G as p,L as x,M as u,O as j,P as f,Y as g,I as w}from"./Spotlight.stories-V_sh2lQ7.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DBQNO3fk.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-4tYMzfzc.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";import"./exampleContent-hIIPvEhU.js";import"./Spotlight-CVxUBei2.js";const y=` +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as r}from"./index-3rgQkYFR.js";import{ae as i,aq as a,ar as c,as as l,at as t}from"./index-CmcJchMs.js";import{S as m,A as d,B as h,G as p,L as x,M as u,O as j,P as f,Y as g,I as w}from"./Spotlight.stories-FaqeoYm6.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CN_8E5Aq.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-BsC3rSRZ.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";import"./exampleContent-hIIPvEhU.js";const y=` # Spotlight @@ -42,4 +42,4 @@ Emphasizes a section on a page through a distinctive background colour. `,e.jsx(n.h3,{id:"improve-semantics",children:"Improve semantics"}),` `,e.jsxs(n.p,{children:["By default, a Spotlight renders a ",e.jsx(n.code,{children:"
    "}),` element in HTML. Use the `,e.jsx(n.code,{children:"as"})," prop to make your markup more semantic."]}),` -`,e.jsx(t,{of:w})]})}function X(o={}){const{wrapper:n}={...r(),...o.components};return n?e.jsx(n,{...o,children:e.jsx(s,{...o})}):s(o)}export{X as default}; +`,e.jsx(t,{of:w})]})}function W(o={}){const{wrapper:n}={...r(),...o.components};return n?e.jsx(n,{...o,children:e.jsx(s,{...o})}):s(o)}export{W as default}; diff --git a/demo-develop/assets/Spotlight.stories-FaqeoYm6.js b/demo-develop/assets/Spotlight.stories-FaqeoYm6.js new file mode 100644 index 0000000000..7ac1142df4 --- /dev/null +++ b/demo-develop/assets/Spotlight.stories-FaqeoYm6.js @@ -0,0 +1,37 @@ +import{j as r}from"./jsx-runtime-BjgbQsUx.js";import{G as g,h as K}from"./index.esm-BsC3rSRZ.js";import{c as U}from"./exampleContent-hIIPvEhU.js";import{c as W}from"./clsx-B-dksMZM.js";import{r as X}from"./index-RigO-4kf.js";const i=X.forwardRef(({children:d,className:e,as:Q="div",color:$="blue",...F},J)=>r.jsx(Q,{...F,ref:J,className:W("ams-spotlight",`ams-spotlight--${$}`,e),children:d}));i.displayName="Spotlight";try{i.displayName="Spotlight",i.__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:"blue"},description:"The background colour.",name:"color",required:!1,type:{name:"enum",value:[{value:'"azure"'},{value:'"blue"'},{value:'"green"'},{value:'"lime"'},{value:'"magenta"'},{value:'"orange"'},{value:'"purple"'},{value:'"yellow"'}]}}}}}catch{}const Z=U(),ee={title:"Components/Containers/Spotlight",component:i,render:({as:d,color:e})=>r.jsx(i,{as:d,color:e,children:r.jsx(g,{paddingVertical:"medium",children:r.jsx(g.Cell,{span:"all",children:r.jsx(K,{inverseColor:!e||!["lime","yellow"].includes(e),children:Z})})})})},a={},o={args:{color:"azure"}},s={args:{color:"blue"}},t={args:{color:"green"}},c={args:{color:"lime"}},l={args:{color:"magenta"}},n={args:{color:"orange"}},u={args:{color:"purple"}},p={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:`{ + args: { + color: 'azure' + } +}`,...(y=(_=o.parameters)==null?void 0:_.docs)==null?void 0:y.source}}};var x,b,j;s.parameters={...s.parameters,docs:{...(x=s.parameters)==null?void 0:x.docs,source:{originalSource:`{ + args: { + color: 'blue' + } +}`,...(j=(b=s.parameters)==null?void 0:b.docs)==null?void 0:j.source}}};var w,z,O;t.parameters={...t.parameters,docs:{...(w=t.parameters)==null?void 0:w.docs,source:{originalSource:`{ + args: { + color: 'green' + } +}`,...(O=(z=t.parameters)==null?void 0:z.docs)==null?void 0:O.source}}};var G,M,q;c.parameters={...c.parameters,docs:{...(G=c.parameters)==null?void 0:G.docs,source:{originalSource:`{ + args: { + color: 'lime' + } +}`,...(q=(M=c.parameters)==null?void 0:M.docs)==null?void 0:q.source}}};var B,C,I;l.parameters={...l.parameters,docs:{...(B=l.parameters)==null?void 0:B.docs,source:{originalSource:`{ + args: { + color: 'magenta' + } +}`,...(I=(C=l.parameters)==null?void 0:C.docs)==null?void 0:I.source}}};var L,N,P;n.parameters={...n.parameters,docs:{...(L=n.parameters)==null?void 0:L.docs,source:{originalSource:`{ + args: { + color: 'orange' + } +}`,...(P=(N=n.parameters)==null?void 0:N.docs)==null?void 0:P.source}}};var T,A,E;u.parameters={...u.parameters,docs:{...(T=u.parameters)==null?void 0:T.docs,source:{originalSource:`{ + args: { + color: 'purple' + } +}`,...(E=(A=u.parameters)==null?void 0:A.docs)==null?void 0:E.source}}};var V,Y,k;p.parameters={...p.parameters,docs:{...(V=p.parameters)==null?void 0:V.docs,source:{originalSource:`{ + args: { + color: 'yellow' + } +}`,...(k=(Y=p.parameters)==null?void 0:Y.docs)==null?void 0:k.source}}};var D,R,H;m.parameters={...m.parameters,docs:{...(D=m.parameters)==null?void 0:D.docs,source:{originalSource:`{ + args: { + as: 'section' + } +}`,...(H=(R=m.parameters)==null?void 0:R.docs)==null?void 0:H.source}}};const re=["Default","Azure","Blue","Green","Lime","Magenta","Orange","Purple","Yellow","ImproveSemantics"],le=Object.freeze(Object.defineProperty({__proto__:null,Azure:o,Blue:s,Default:a,Green:t,ImproveSemantics:m,Lime:c,Magenta:l,Orange:n,Purple:u,Yellow:p,__namedExportsOrder:re,default:ee},Symbol.toStringTag,{value:"Module"}));export{o as A,s as B,t as G,m as I,c as L,l as M,n as O,u as P,le as S,p as Y}; diff --git a/demo-develop/assets/Spotlight.stories-V_sh2lQ7.js b/demo-develop/assets/Spotlight.stories-V_sh2lQ7.js deleted file mode 100644 index d590d2874b..0000000000 --- a/demo-develop/assets/Spotlight.stories-V_sh2lQ7.js +++ /dev/null @@ -1,37 +0,0 @@ -import{j as p}from"./jsx-runtime-BjgbQsUx.js";import{G as i,B as H}from"./index.esm-4tYMzfzc.js";import{c as J}from"./exampleContent-hIIPvEhU.js";import{S as d}from"./Spotlight-CVxUBei2.js";const K=J(),N={title:"Components/Containers/Spotlight",component:d,render:({as:F,color:u})=>p.jsx(d,{as:F,color:u,children:p.jsx(i,{paddingVertical:"medium",children:p.jsx(i.Cell,{span:"all",children:p.jsx(H,{inverseColor:!u||!["lime","yellow"].includes(u),children:K})})})})},r={},e={args:{color:"azure"}},s={args:{color:"blue"}},o={args:{color:"green"}},a={args:{color:"lime"}},c={args:{color:"magenta"}},n={args:{color:"orange"}},t={args:{color:"purple"}},l={args:{color:"yellow"}},m={args:{as:"section"}};var g,S,f;r.parameters={...r.parameters,docs:{...(g=r.parameters)==null?void 0:g.docs,source:{originalSource:"{}",...(f=(S=r.parameters)==null?void 0:S.docs)==null?void 0:f.source}}};var x,j,h;e.parameters={...e.parameters,docs:{...(x=e.parameters)==null?void 0:x.docs,source:{originalSource:`{ - args: { - color: 'azure' - } -}`,...(h=(j=e.parameters)==null?void 0:j.docs)==null?void 0:h.source}}};var O,_,b;s.parameters={...s.parameters,docs:{...(O=s.parameters)==null?void 0:O.docs,source:{originalSource:`{ - args: { - color: 'blue' - } -}`,...(b=(_=s.parameters)==null?void 0:_.docs)==null?void 0:b.source}}};var w,y,z;o.parameters={...o.parameters,docs:{...(w=o.parameters)==null?void 0:w.docs,source:{originalSource:`{ - args: { - color: 'green' - } -}`,...(z=(y=o.parameters)==null?void 0:y.docs)==null?void 0:z.source}}};var B,G,v;a.parameters={...a.parameters,docs:{...(B=a.parameters)==null?void 0:B.docs,source:{originalSource:`{ - args: { - color: 'lime' - } -}`,...(v=(G=a.parameters)==null?void 0:G.docs)==null?void 0:v.source}}};var C,M,P;c.parameters={...c.parameters,docs:{...(C=c.parameters)==null?void 0:C.docs,source:{originalSource:`{ - args: { - color: 'magenta' - } -}`,...(P=(M=c.parameters)==null?void 0:M.docs)==null?void 0:P.source}}};var A,I,L;n.parameters={...n.parameters,docs:{...(A=n.parameters)==null?void 0:A.docs,source:{originalSource:`{ - args: { - color: 'orange' - } -}`,...(L=(I=n.parameters)==null?void 0:I.docs)==null?void 0:L.source}}};var Y,q,D;t.parameters={...t.parameters,docs:{...(Y=t.parameters)==null?void 0:Y.docs,source:{originalSource:`{ - args: { - color: 'purple' - } -}`,...(D=(q=t.parameters)==null?void 0:q.docs)==null?void 0:D.source}}};var E,k,Q;l.parameters={...l.parameters,docs:{...(E=l.parameters)==null?void 0:E.docs,source:{originalSource:`{ - args: { - color: 'yellow' - } -}`,...(Q=(k=l.parameters)==null?void 0:k.docs)==null?void 0:Q.source}}};var R,T,V;m.parameters={...m.parameters,docs:{...(R=m.parameters)==null?void 0:R.docs,source:{originalSource:`{ - args: { - as: 'section' - } -}`,...(V=(T=m.parameters)==null?void 0:T.docs)==null?void 0:V.source}}};const U=["Default","Azure","Blue","Green","Lime","Magenta","Orange","Purple","Yellow","ImproveSemantics"],rr=Object.freeze(Object.defineProperty({__proto__:null,Azure:e,Blue:s,Default:r,Green:o,ImproveSemantics:m,Lime:a,Magenta:c,Orange:n,Purple:t,Yellow:l,__namedExportsOrder:U,default:N},Symbol.toStringTag,{value:"Module"}));export{e as A,s as B,o as G,m as I,a as L,c as M,n as O,t as P,rr as S,l as Y}; diff --git a/demo-develop/assets/Switch.docs-9nUx75lc.js b/demo-develop/assets/Switch.docs-LpBjFoqp.js similarity index 87% rename from demo-develop/assets/Switch.docs-9nUx75lc.js rename to demo-develop/assets/Switch.docs-LpBjFoqp.js index 38490ad9ed..621e229b69 100644 --- a/demo-develop/assets/Switch.docs-9nUx75lc.js +++ b/demo-develop/assets/Switch.docs-LpBjFoqp.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-CWKCY_Bl.js";import{S as h,W as m}from"./Switch.stories-BjiatYGh.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DBQNO3fk.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-4tYMzfzc.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-CmcJchMs.js";import{S as h,W as m}from"./Switch.stories-DHo1rsQY.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CN_8E5Aq.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-BsC3rSRZ.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";const p=` # Switch diff --git a/demo-develop/assets/Switch.stories-BjiatYGh.js b/demo-develop/assets/Switch.stories-DHo1rsQY.js similarity index 86% rename from demo-develop/assets/Switch.stories-BjiatYGh.js rename to demo-develop/assets/Switch.stories-DHo1rsQY.js index ba4f976dad..e1189cba75 100644 --- a/demo-develop/assets/Switch.stories-BjiatYGh.js +++ b/demo-develop/assets/Switch.stories-DHo1rsQY.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{f as b}from"./index.esm-4tYMzfzc.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__,f={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{e as b}from"./index.esm-BsC3rSRZ.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 =>
    ; } -}`,...(_=(g=o.parameters)==null?void 0:g.docs)==null?void 0:_.source}}};const k=["Default","WithLabel"],v=Object.freeze(Object.defineProperty({__proto__:null,Default:i,WithLabel:o,__namedExportsOrder:k,default:f},Symbol.toStringTag,{value:"Module"}));export{v as S,o as W}; +}`,...(_=(g=o.parameters)==null?void 0:g.docs)==null?void 0:_.source}}};const x=["Default","WithLabel"],v=Object.freeze(Object.defineProperty({__proto__:null,Default:i,WithLabel:o,__namedExportsOrder:x,default:k},Symbol.toStringTag,{value:"Module"}));export{v as S,o as W}; diff --git a/demo-develop/assets/Table.docs-C2Tz0ajt.js b/demo-develop/assets/Table.docs-Dg75cUay.js similarity index 92% rename from demo-develop/assets/Table.docs-C2Tz0ajt.js rename to demo-develop/assets/Table.docs-Dg75cUay.js index 0367ec5f73..1bb17f48db 100644 --- a/demo-develop/assets/Table.docs-C2Tz0ajt.js +++ b/demo-develop/assets/Table.docs-Dg75cUay.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 r,aq as a,ar as i,at as d}from"./index-CWKCY_Bl.js";import{T as m,W as l}from"./Table.stories-BfFwfuPP.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DBQNO3fk.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"./clsx-B-dksMZM.js";const c=` +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as s}from"./index-3rgQkYFR.js";import{ae as r,aq as a,ar as i,at as d}from"./index-CmcJchMs.js";import{T as m,W as l}from"./Table.stories-BfFwfuPP.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CN_8E5Aq.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"./clsx-B-dksMZM.js";const c=` # Table diff --git a/demo-develop/assets/TableOfContents.docs-CxORYc3O.js b/demo-develop/assets/TableOfContents.docs-Bk435uoW.js similarity index 89% rename from demo-develop/assets/TableOfContents.docs-CxORYc3O.js rename to demo-develop/assets/TableOfContents.docs-Bk435uoW.js index 71ca5b7bc0..32488adceb 100644 --- a/demo-develop/assets/TableOfContents.docs-CxORYc3O.js +++ b/demo-develop/assets/TableOfContents.docs-Bk435uoW.js @@ -1,4 +1,4 @@ -import{j as t}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as s}from"./index-3rgQkYFR.js";import{ae as r,aq as i,ar as a,as as m,at as l}from"./index-CWKCY_Bl.js";import{T as p,M as c}from"./TableOfContents.stories-4wGXH9sT.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DBQNO3fk.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"./clsx-B-dksMZM.js";import"./Heading-kLxhGLS-.js";import"./getHeadingTag-Dv1eMqvl.js";const x=` +import{j as t}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as s}from"./index-3rgQkYFR.js";import{ae as r,aq as i,ar as a,as as m,at as l}from"./index-CmcJchMs.js";import{T as p,M as c}from"./TableOfContents.stories-4wGXH9sT.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CN_8E5Aq.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"./clsx-B-dksMZM.js";import"./Heading-kLxhGLS-.js";import"./getHeadingTag-Dv1eMqvl.js";const x=` # Table of Contents diff --git a/demo-develop/assets/Tabs.docs-B6VXL91a.js b/demo-develop/assets/Tabs.docs-CVEGpky2.js similarity index 88% rename from demo-develop/assets/Tabs.docs-B6VXL91a.js rename to demo-develop/assets/Tabs.docs-CVEGpky2.js index ec2428a300..8caf9fd433 100644 --- a/demo-develop/assets/Tabs.docs-B6VXL91a.js +++ b/demo-develop/assets/Tabs.docs-CVEGpky2.js @@ -1,4 +1,4 @@ -import{j as t}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as o}from"./index-3rgQkYFR.js";import{ae as i,aq as s,ar as r,at as h}from"./index-CWKCY_Bl.js";import{T as c,W as l}from"./Tabs.stories-Ci7E09f2.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DBQNO3fk.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-4tYMzfzc.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";import"./exampleContent-hIIPvEhU.js";import"./useKeyboardFocus-CRUFsA_C.js";const p=` +import{j as t}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as o}from"./index-3rgQkYFR.js";import{ae as i,aq as s,ar as r,at as h}from"./index-CmcJchMs.js";import{T as c,W as l}from"./Tabs.stories-CDsoBjr4.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CN_8E5Aq.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-BsC3rSRZ.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";import"./exampleContent-hIIPvEhU.js";import"./useKeyboardFocus-CRUFsA_C.js";const p=` # Tabs diff --git a/demo-develop/assets/Tabs.stories-Ci7E09f2.js b/demo-develop/assets/Tabs.stories-CDsoBjr4.js similarity index 98% rename from demo-develop/assets/Tabs.stories-Ci7E09f2.js rename to demo-develop/assets/Tabs.stories-CDsoBjr4.js index 0c34294e60..56836ec0a0 100644 --- a/demo-develop/assets/Tabs.stories-Ci7E09f2.js +++ b/demo-develop/assets/Tabs.stories-CDsoBjr4.js @@ -1,4 +1,4 @@ -import{j as t}from"./jsx-runtime-BjgbQsUx.js";import{H as B,P as S}from"./index.esm-4tYMzfzc.js";import{b as T}from"./exampleContent-hIIPvEhU.js";import{c as m}from"./clsx-B-dksMZM.js";import{r}from"./index-RigO-4kf.js";import{u as D}from"./useKeyboardFocus-CRUFsA_C.js";/** +import{j as t}from"./jsx-runtime-BjgbQsUx.js";import{H as B,P as S}from"./index.esm-BsC3rSRZ.js";import{b as T}from"./exampleContent-hIIPvEhU.js";import{c as m}from"./clsx-B-dksMZM.js";import{r}from"./index-RigO-4kf.js";import{u as D}from"./useKeyboardFocus-CRUFsA_C.js";/** * @license EUPL-1.2+ * Copyright Gemeente Amsterdam */const O={activeTab:0,tabsId:"",updateTab:()=>{}},g=r.createContext(O),P=r.forwardRef(({children:e,className:a,tab:s=0,...o},c)=>{const{activeTab:i,tabsId:n,updateTab:u}=r.useContext(g);return t.jsxs("button",{...o,"aria-controls":`${n}-panel-${s}`,"aria-selected":i===s,className:m("ams-tabs__button",a),id:`${n}-tab-${s}`,onClick:()=>{r.startTransition(()=>{u(s)})},ref:c,role:"tab",tabIndex:i===s?0:-1,children:[t.jsx("span",{"aria-hidden":"true",className:"ams-tabs__button-label-hidden",children:e}),t.jsx("span",{className:"ams-tabs__button-label",children:e})]})});P.displayName="Tabs.Button";try{Tabs.Button.displayName="Tabs.Button",Tabs.Button.__docgenInfo={description:"",displayName:"Tabs.Button",props:{tab:{defaultValue:{value:"0"},description:"An identifier.",name:"tab",required:!1,type:{name:"number"}}}}}catch{}const L=r.forwardRef(({children:e,className:a,...s},o)=>t.jsx("div",{...s,role:"tablist",ref:o,className:m("ams-tabs__list",a),children:e}));L.displayName="Tabs.List";try{Tabs.List.displayName="Tabs.List",Tabs.List.__docgenInfo={description:"",displayName:"Tabs.List",props:{}}}catch{}const w=r.forwardRef(({tab:e,children:a,className:s,...o},c)=>{const{activeTab:i,tabsId:n}=r.useContext(g);return e!==i?null:t.jsx("div",{...o,role:"tabpanel","aria-labelledby":`${n}-tab-${e}`,id:`${n}-panel-${e}`,tabIndex:0,ref:c,className:m("ams-tabs__panel",s),children:a})});w.displayName="Tabs.Panel";try{Tabs.Panel.displayName="Tabs.Panel",Tabs.Panel.__docgenInfo={description:"",displayName:"Tabs.Panel",props:{tab:{defaultValue:null,description:"The identifier of the corresponding Tab.",name:"tab",required:!0,type:{name:"number"}}}}}catch{}const C=r.forwardRef(({activeTab:e,children:a,className:s,...o},c)=>{const i=r.useId(),n=r.useRef(null),[u,p]=r.useState(0),f=r.useMemo(()=>Array.isArray(a)?a[0].props.children:[],[a]);r.useEffect(()=>{typeof e=="number"&&Number.isInteger(e)&&(e<0?p(0):e>f.length-1?p(f.length-1):p(e))},[e,f]);const $=R=>{p(R)};r.useImperativeHandle(c,()=>n.current);const{keyDown:A}=D(n,{rotating:!0,horizontally:!0});return t.jsx(g.Provider,{value:{activeTab:u,updateTab:$,tabsId:i},children:t.jsx("div",{...o,role:"tabs",ref:n,onKeyDown:A,className:m("ams-tabs",s),children:a})})});C.displayName="Tabs";const l=Object.assign(C,{Button:P,List:L,Panel:w});try{l.displayName="Tabs",l.__docgenInfo={description:"",displayName:"Tabs",props:{activeTab:{defaultValue:null,description:"The number of the active tab. Corresponds to its `tab` value.",name:"activeTab",required:!1,type:{name:"number"}}}}}catch{}const _=1e3,E=({children:e})=>{console.log(`[ARTIFICIALLY SLOW] Adding a ${_}ms delay…`);let a=performance.now();for(;performance.now()-a<_;);return e},y=[{id:0,label:"Gegevens",body:T()},{id:1,label:"Aanslagen",body:T()},{id:2,label:"Documenten",body:t.jsxs(t.Fragment,{children:["(This tab panel simulates a load time of ",_," milliseconds.)",t.jsx(E,{})]})},{id:3,label:"Acties",body:T()}],V=[t.jsx(l.List,{children:y.map(({id:e,label:a})=>t.jsx(l.Button,{tab:e,children:a},a))},"tabsList"),y.map(({id:e,body:a,label:s})=>t.jsxs(l.Panel,{tab:e,children:[t.jsx(B,{className:"ams-mb--xs",level:3,children:s}),t.jsx(S,{children:a})]},s))],W={title:"Components/Containers/Tabs",component:l,args:{children:V},argTypes:{activeTab:{control:{type:"number",min:0,max:y.length-1}}}},d={},b={args:{activeTab:3}};var x,h,I;d.parameters={...d.parameters,docs:{...(x=d.parameters)==null?void 0:x.docs,source:{originalSource:"{}",...(I=(h=d.parameters)==null?void 0:h.docs)==null?void 0:I.source}}};var N,j,v;b.parameters={...b.parameters,docs:{...(N=b.parameters)==null?void 0:N.docs,source:{originalSource:`{ diff --git a/demo-develop/assets/TextArea.docs-CcxVfWr9.js b/demo-develop/assets/TextArea.docs-DBj0BEjI.js similarity index 92% rename from demo-develop/assets/TextArea.docs-CcxVfWr9.js rename to demo-develop/assets/TextArea.docs-DBj0BEjI.js index 32cc80ba27..596d5ebca1 100644 --- a/demo-develop/assets/TextArea.docs-CcxVfWr9.js +++ b/demo-develop/assets/TextArea.docs-DBj0BEjI.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as t}from"./index-3rgQkYFR.js";import{ae as r,aq as a,ar as d,as as l,at as i}from"./index-CWKCY_Bl.js";import{T as h,V as c,H as m,N as x,I as p,D as f,a as j,b as u}from"./TextArea.stories-BctzzbQT.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DBQNO3fk.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-4tYMzfzc.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";import"./exampleContent-hIIPvEhU.js";const b=` +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as t}from"./index-3rgQkYFR.js";import{ae as r,aq as a,ar as d,as as l,at as i}from"./index-CmcJchMs.js";import{T as h,V as c,H as m,N as x,I as p,D as f,a as j,b as u}from"./TextArea.stories-CWz5f5w-.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CN_8E5Aq.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-BsC3rSRZ.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";import"./exampleContent-hIIPvEhU.js";const b=` # TextArea diff --git a/demo-develop/assets/TextArea.stories-BctzzbQT.js b/demo-develop/assets/TextArea.stories-CWz5f5w-.js similarity index 97% rename from demo-develop/assets/TextArea.stories-BctzzbQT.js rename to demo-develop/assets/TextArea.stories-CWz5f5w-.js index ef2e091b8b..742f2c0c48 100644 --- a/demo-develop/assets/TextArea.stories-BctzzbQT.js +++ b/demo-develop/assets/TextArea.stories-CWz5f5w-.js @@ -1,4 +1,4 @@ -import{j as r}from"./jsx-runtime-BjgbQsUx.js";import{e as w,f as D,P as $,E as H}from"./index.esm-4tYMzfzc.js";import{b as k}from"./exampleContent-hIIPvEhU.js";import{c as B}from"./clsx-B-dksMZM.js";import{r as G}from"./index-RigO-4kf.js";const a=G.forwardRef(({className:e,dir:W,invalid:q,resize:p,...m},C)=>r.jsx("textarea",{...m,"aria-invalid":q||void 0,className:B("ams-text-area",p&&`ams-text-area--resize-${p}`,m.cols&&"ams-text-area--cols",e),dir:W??"auto",ref:C}));a.displayName="TextArea";try{a.displayName="TextArea",a.__docgenInfo={description:"",displayName:"TextArea",props:{invalid:{defaultValue:null,description:"Whether the value fails a validation rule.",name:"invalid",required:!1,type:{name:"boolean"}},resize:{defaultValue:null,description:"Allows the user to resize the text box. The default is resizing in both directions.",name:"resize",required:!1,type:{name:"enum",value:[{value:'"none"'},{value:'"horizontal"'},{value:'"vertical"'}]}}}}}catch{}const J=k(),K={title:"Components/Forms/Text Area",component:a,args:{defaultValue:J,disabled:!1,invalid:!1},argTypes:{cols:{control:{type:"number"},description:"The width, expressed in the average number of characters."},defaultValue:{table:{disable:!0}},disabled:{description:"Prevents interaction. Avoid if possible."},resize:{control:{type:"radio",labels:{undefined:"default",none:"none",horizontal:"horizontal",vertical:"vertical"}},options:[void 0,"none","horizontal","vertical"]},rows:{control:{type:"number"},description:"The number of lines to show"}}},i={},s={args:{resize:"vertical"}},o={args:{resize:"horizontal"}},t={args:{resize:"none"}},n={args:{invalid:!0}},l={args:{disabled:!0}},d={render:e=>r.jsxs(w,{invalid:e.invalid,children:[r.jsx(D,{htmlFor:"input1",children:"Label"}),r.jsx($,{id:"description1",size:"small",children:"Omschrijving."}),e.invalid&&r.jsx(H,{id:"error1",children:"Foutmelding."}),r.jsx(a,{"aria-describedby":`description1${e.invalid?" error1":""}`,id:"input1",...e})]})},c={args:{invalid:!0},render:e=>r.jsxs(w,{invalid:e.invalid,children:[r.jsx(D,{htmlFor:"input2",children:"Label"}),r.jsx($,{id:"description2",size:"small",children:"Omschrijving."}),e.invalid&&r.jsx(H,{id:"error2",children:"Foutmelding."}),r.jsx(a,{"aria-describedby":`description2${e.invalid?" error2":""}`,id:"input2",...e})]})};var u,g,v;i.parameters={...i.parameters,docs:{...(u=i.parameters)==null?void 0:u.docs,source:{originalSource:"{}",...(v=(g=i.parameters)==null?void 0:g.docs)==null?void 0:v.source}}};var h,b,x;s.parameters={...s.parameters,docs:{...(h=s.parameters)==null?void 0:h.docs,source:{originalSource:`{ +import{j as r}from"./jsx-runtime-BjgbQsUx.js";import{d as w,e as D,P as $,E as H}from"./index.esm-BsC3rSRZ.js";import{b as k}from"./exampleContent-hIIPvEhU.js";import{c as B}from"./clsx-B-dksMZM.js";import{r as G}from"./index-RigO-4kf.js";const a=G.forwardRef(({className:e,dir:W,invalid:q,resize:p,...m},C)=>r.jsx("textarea",{...m,"aria-invalid":q||void 0,className:B("ams-text-area",p&&`ams-text-area--resize-${p}`,m.cols&&"ams-text-area--cols",e),dir:W??"auto",ref:C}));a.displayName="TextArea";try{a.displayName="TextArea",a.__docgenInfo={description:"",displayName:"TextArea",props:{invalid:{defaultValue:null,description:"Whether the value fails a validation rule.",name:"invalid",required:!1,type:{name:"boolean"}},resize:{defaultValue:null,description:"Allows the user to resize the text box. The default is resizing in both directions.",name:"resize",required:!1,type:{name:"enum",value:[{value:'"none"'},{value:'"horizontal"'},{value:'"vertical"'}]}}}}}catch{}const J=k(),K={title:"Components/Forms/Text Area",component:a,args:{defaultValue:J,disabled:!1,invalid:!1},argTypes:{cols:{control:{type:"number"},description:"The width, expressed in the average number of characters."},defaultValue:{table:{disable:!0}},disabled:{description:"Prevents interaction. Avoid if possible."},resize:{control:{type:"radio",labels:{undefined:"default",none:"none",horizontal:"horizontal",vertical:"vertical"}},options:[void 0,"none","horizontal","vertical"]},rows:{control:{type:"number"},description:"The number of lines to show"}}},i={},s={args:{resize:"vertical"}},o={args:{resize:"horizontal"}},t={args:{resize:"none"}},n={args:{invalid:!0}},l={args:{disabled:!0}},d={render:e=>r.jsxs(w,{invalid:e.invalid,children:[r.jsx(D,{htmlFor:"input1",children:"Label"}),r.jsx($,{id:"description1",size:"small",children:"Omschrijving."}),e.invalid&&r.jsx(H,{id:"error1",children:"Foutmelding."}),r.jsx(a,{"aria-describedby":`description1${e.invalid?" error1":""}`,id:"input1",...e})]})},c={args:{invalid:!0},render:e=>r.jsxs(w,{invalid:e.invalid,children:[r.jsx(D,{htmlFor:"input2",children:"Label"}),r.jsx($,{id:"description2",size:"small",children:"Omschrijving."}),e.invalid&&r.jsx(H,{id:"error2",children:"Foutmelding."}),r.jsx(a,{"aria-describedby":`description2${e.invalid?" error2":""}`,id:"input2",...e})]})};var u,g,v;i.parameters={...i.parameters,docs:{...(u=i.parameters)==null?void 0:u.docs,source:{originalSource:"{}",...(v=(g=i.parameters)==null?void 0:g.docs)==null?void 0:v.source}}};var h,b,x;s.parameters={...s.parameters,docs:{...(h=s.parameters)==null?void 0:h.docs,source:{originalSource:`{ args: { resize: 'vertical' } diff --git a/demo-develop/assets/TextInput.docs-BVh0aRFJ.js b/demo-develop/assets/TextInput.docs-CR3XY5sZ.js similarity index 96% rename from demo-develop/assets/TextInput.docs-BVh0aRFJ.js rename to demo-develop/assets/TextInput.docs-CR3XY5sZ.js index 8f3077409d..66a8cdd793 100644 --- a/demo-develop/assets/TextInput.docs-BVh0aRFJ.js +++ b/demo-develop/assets/TextInput.docs-CR3XY5sZ.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as o}from"./index-3rgQkYFR.js";import{ae as r,aq as l,ar as a,as as d,at as s}from"./index-CWKCY_Bl.js";import{T as h,E as c,W as p,P as m,a as u,I as f,D as x,b as j,c as b}from"./TextInput.stories-CWTqpnvo.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DBQNO3fk.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-4tYMzfzc.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";const g=` +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as o}from"./index-3rgQkYFR.js";import{ae as r,aq as l,ar as a,as as d,at as s}from"./index-CmcJchMs.js";import{T as h,E as c,W as p,P as m,a as u,I as f,D as x,b as j,c as b}from"./TextInput.stories-Ds6o7uwG.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CN_8E5Aq.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-BsC3rSRZ.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";const g=` # Text Input diff --git a/demo-develop/assets/TextInput.stories-CWTqpnvo.js b/demo-develop/assets/TextInput.stories-Ds6o7uwG.js similarity index 97% rename from demo-develop/assets/TextInput.stories-CWTqpnvo.js rename to demo-develop/assets/TextInput.stories-Ds6o7uwG.js index 9944bd1c11..f93a1a4236 100644 --- a/demo-develop/assets/TextInput.stories-CWTqpnvo.js +++ b/demo-develop/assets/TextInput.stories-Ds6o7uwG.js @@ -1,4 +1,4 @@ -import{j as a}from"./jsx-runtime-BjgbQsUx.js";import{e as q,f as R,P as k,E as w}from"./index.esm-4tYMzfzc.js";import{c as K}from"./clsx-B-dksMZM.js";import{r as Q}from"./index-RigO-4kf.js";const r=Q.forwardRef(({className:e,dir:C,invalid:B,type:G="text",...H},J)=>a.jsx("input",{...H,"aria-invalid":B||void 0,className:K("ams-text-input",e),dir:C??"auto",ref:J,type:G}));r.displayName="TextInput";try{r.displayName="TextInput",r.__docgenInfo={description:"",displayName:"TextInput",props:{invalid:{defaultValue:null,description:"Whether the value fails a validation rule.",name:"invalid",required:!1,type:{name:"boolean"}},type:{defaultValue:{value:"text"},description:"The kind of data that the user should provide.",name:"type",required:!1,type:{name:"enum",value:[{value:'"text"'},{value:'"tel"'},{value:'"url"'},{value:'"email"'}]}}}}}catch{}const U={title:"Components/Forms/Text Input",component:r,args:{disabled:!1,invalid:!1},argTypes:{defaultValue:{table:{disable:!0}},disabled:{description:"Prevents interaction. Avoid if possible."},invalid:{description:"Whether the value fails a validation rule."}}},s={},i={args:{defaultValue:"designsystem@amsterdam.nl",type:"email"}},t={args:{defaultValue:"https://designsystem.amsterdam/",type:"url"}},d={args:{defaultValue:"14020",type:"tel"}},l={args:{placeholder:"Placeholder text"}},n={args:{defaultValue:"Invalid value",invalid:!0}},o={args:{defaultValue:"Disabled input",disabled:!0}},c={render:e=>a.jsxs(q,{invalid:e.invalid,children:[a.jsx(R,{htmlFor:"input1",children:"Label"}),a.jsx(k,{id:"description1",size:"small",children:"Omschrijving."}),e.invalid&&a.jsx(w,{id:"error1",children:"Foutmelding."}),a.jsx(r,{"aria-describedby":`description1${e.invalid?" error1":""}`,id:"input1",...e})]})},u={args:{invalid:!0},render:e=>a.jsxs(q,{invalid:e.invalid,children:[a.jsx(R,{htmlFor:"input2",children:"Label"}),a.jsx(k,{id:"description2",size:"small",children:"Omschrijving."}),e.invalid&&a.jsx(w,{id:"error2",children:"Foutmelding."}),a.jsx(r,{"aria-describedby":`description2${e.invalid?" error2":""}`,id:"input2",...e})]})};var p,m,g;s.parameters={...s.parameters,docs:{...(p=s.parameters)==null?void 0:p.docs,source:{originalSource:"{}",...(g=(m=s.parameters)==null?void 0:m.docs)==null?void 0:g.source}}};var v,h,b;i.parameters={...i.parameters,docs:{...(v=i.parameters)==null?void 0:v.docs,source:{originalSource:`{ +import{j as a}from"./jsx-runtime-BjgbQsUx.js";import{d as q,e as R,P as k,E as w}from"./index.esm-BsC3rSRZ.js";import{c as K}from"./clsx-B-dksMZM.js";import{r as Q}from"./index-RigO-4kf.js";const r=Q.forwardRef(({className:e,dir:C,invalid:B,type:G="text",...H},J)=>a.jsx("input",{...H,"aria-invalid":B||void 0,className:K("ams-text-input",e),dir:C??"auto",ref:J,type:G}));r.displayName="TextInput";try{r.displayName="TextInput",r.__docgenInfo={description:"",displayName:"TextInput",props:{invalid:{defaultValue:null,description:"Whether the value fails a validation rule.",name:"invalid",required:!1,type:{name:"boolean"}},type:{defaultValue:{value:"text"},description:"The kind of data that the user should provide.",name:"type",required:!1,type:{name:"enum",value:[{value:'"text"'},{value:'"tel"'},{value:'"url"'},{value:'"email"'}]}}}}}catch{}const U={title:"Components/Forms/Text Input",component:r,args:{disabled:!1,invalid:!1},argTypes:{defaultValue:{table:{disable:!0}},disabled:{description:"Prevents interaction. Avoid if possible."},invalid:{description:"Whether the value fails a validation rule."}}},s={},i={args:{defaultValue:"designsystem@amsterdam.nl",type:"email"}},t={args:{defaultValue:"https://designsystem.amsterdam/",type:"url"}},d={args:{defaultValue:"14020",type:"tel"}},l={args:{placeholder:"Placeholder text"}},n={args:{defaultValue:"Invalid value",invalid:!0}},o={args:{defaultValue:"Disabled input",disabled:!0}},c={render:e=>a.jsxs(q,{invalid:e.invalid,children:[a.jsx(R,{htmlFor:"input1",children:"Label"}),a.jsx(k,{id:"description1",size:"small",children:"Omschrijving."}),e.invalid&&a.jsx(w,{id:"error1",children:"Foutmelding."}),a.jsx(r,{"aria-describedby":`description1${e.invalid?" error1":""}`,id:"input1",...e})]})},u={args:{invalid:!0},render:e=>a.jsxs(q,{invalid:e.invalid,children:[a.jsx(R,{htmlFor:"input2",children:"Label"}),a.jsx(k,{id:"description2",size:"small",children:"Omschrijving."}),e.invalid&&a.jsx(w,{id:"error2",children:"Foutmelding."}),a.jsx(r,{"aria-describedby":`description2${e.invalid?" error2":""}`,id:"input2",...e})]})};var p,m,g;s.parameters={...s.parameters,docs:{...(p=s.parameters)==null?void 0:p.docs,source:{originalSource:"{}",...(g=(m=s.parameters)==null?void 0:m.docs)==null?void 0:g.source}}};var v,h,b;i.parameters={...i.parameters,docs:{...(v=i.parameters)==null?void 0:v.docs,source:{originalSource:`{ args: { defaultValue: 'designsystem@amsterdam.nl', type: 'email' diff --git a/demo-develop/assets/TimeInput.docs-DFlmT4TV.js b/demo-develop/assets/TimeInput.docs-DWC-533t.js similarity index 90% rename from demo-develop/assets/TimeInput.docs-DFlmT4TV.js rename to demo-develop/assets/TimeInput.docs-DWC-533t.js index a35bd54a84..839b7b31df 100644 --- a/demo-develop/assets/TimeInput.docs-DFlmT4TV.js +++ b/demo-develop/assets/TimeInput.docs-DWC-533t.js @@ -1,4 +1,4 @@ -import{j as n}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as t}from"./index-3rgQkYFR.js";import{ae as r,aq as a,ar as d,as as c,at as o}from"./index-CWKCY_Bl.js";import{T as h,I as l,D as m,a as p,b as f}from"./TimeInput.stories-cBX5X2Je.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DBQNO3fk.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-4tYMzfzc.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";const x=` +import{j as n}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as t}from"./index-3rgQkYFR.js";import{ae as r,aq as a,ar as d,as as c,at as o}from"./index-CmcJchMs.js";import{T as h,I as l,D as m,a as p,b as f}from"./TimeInput.stories-HT7openi.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CN_8E5Aq.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-BsC3rSRZ.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";const x=` # Time Input diff --git a/demo-develop/assets/TimeInput.stories-cBX5X2Je.js b/demo-develop/assets/TimeInput.stories-HT7openi.js similarity index 92% rename from demo-develop/assets/TimeInput.stories-cBX5X2Je.js rename to demo-develop/assets/TimeInput.stories-HT7openi.js index f8e736d599..145f1cf560 100644 --- a/demo-develop/assets/TimeInput.stories-cBX5X2Je.js +++ b/demo-develop/assets/TimeInput.stories-HT7openi.js @@ -1,4 +1,4 @@ -import{j as r}from"./jsx-runtime-BjgbQsUx.js";import{e as y,f as _,P as T,E}from"./index.esm-4tYMzfzc.js";import{c as O}from"./clsx-B-dksMZM.js";import{r as M}from"./index-RigO-4kf.js";const i=M.forwardRef(({className:e,invalid:L,...P},S)=>r.jsx("input",{...P,"aria-invalid":L||void 0,className:O("ams-time-input",e),ref:S,type:"time"}));i.displayName="TimeInput";try{i.displayName="TimeInput",i.__docgenInfo={description:"",displayName:"TimeInput",props:{invalid:{defaultValue:null,description:"Whether the value fails a validation rule.",name:"invalid",required:!1,type:{name:"boolean"}}}}}catch{}const z={title:"Components/Forms/Time Input",component:i,args:{disabled:!1,invalid:!1},argTypes:{disabled:{description:"Prevents interaction. Avoid if possible."}}},a={},s={args:{invalid:!0}},d={args:{disabled:!0}},n={render:e=>r.jsxs(y,{invalid:e.invalid,children:[r.jsx(_,{htmlFor:"input1",children:"Label"}),r.jsx(T,{id:"description1",size:"small",children:"Omschrijving."}),e.invalid&&r.jsx(E,{id:"error1",children:"Foutmelding."}),r.jsx(i,{"aria-describedby":`description1${e.invalid?" error1":""}`,id:"input1",...e})]})},t={args:{invalid:!0},render:e=>r.jsxs(y,{invalid:e.invalid,children:[r.jsx(_,{htmlFor:"input2",children:"Label"}),r.jsx(T,{id:"description2",size:"small",children:"Omschrijving."}),e.invalid&&r.jsx(E,{id:"error2",children:"Foutmelding."}),r.jsx(i,{"aria-describedby":`description2${e.invalid?" error2":""}`,id:"input2",...e})]})};var o,l,c;a.parameters={...a.parameters,docs:{...(o=a.parameters)==null?void 0:o.docs,source:{originalSource:"{}",...(c=(l=a.parameters)==null?void 0:l.docs)==null?void 0:c.source}}};var p,m,u;s.parameters={...s.parameters,docs:{...(p=s.parameters)==null?void 0:p.docs,source:{originalSource:`{ +import{j as r}from"./jsx-runtime-BjgbQsUx.js";import{d as y,e as _,P as T,E}from"./index.esm-BsC3rSRZ.js";import{c as O}from"./clsx-B-dksMZM.js";import{r as M}from"./index-RigO-4kf.js";const i=M.forwardRef(({className:e,invalid:L,...P},S)=>r.jsx("input",{...P,"aria-invalid":L||void 0,className:O("ams-time-input",e),ref:S,type:"time"}));i.displayName="TimeInput";try{i.displayName="TimeInput",i.__docgenInfo={description:"",displayName:"TimeInput",props:{invalid:{defaultValue:null,description:"Whether the value fails a validation rule.",name:"invalid",required:!1,type:{name:"boolean"}}}}}catch{}const z={title:"Components/Forms/Time Input",component:i,args:{disabled:!1,invalid:!1},argTypes:{disabled:{description:"Prevents interaction. Avoid if possible."}}},a={},s={args:{invalid:!0}},d={args:{disabled:!0}},n={render:e=>r.jsxs(y,{invalid:e.invalid,children:[r.jsx(_,{htmlFor:"input1",children:"Label"}),r.jsx(T,{id:"description1",size:"small",children:"Omschrijving."}),e.invalid&&r.jsx(E,{id:"error1",children:"Foutmelding."}),r.jsx(i,{"aria-describedby":`description1${e.invalid?" error1":""}`,id:"input1",...e})]})},t={args:{invalid:!0},render:e=>r.jsxs(y,{invalid:e.invalid,children:[r.jsx(_,{htmlFor:"input2",children:"Label"}),r.jsx(T,{id:"description2",size:"small",children:"Omschrijving."}),e.invalid&&r.jsx(E,{id:"error2",children:"Foutmelding."}),r.jsx(i,{"aria-describedby":`description2${e.invalid?" error2":""}`,id:"input2",...e})]})};var o,l,c;a.parameters={...a.parameters,docs:{...(o=a.parameters)==null?void 0:o.docs,source:{originalSource:"{}",...(c=(l=a.parameters)==null?void 0:l.docs)==null?void 0:c.source}}};var p,m,u;s.parameters={...s.parameters,docs:{...(p=s.parameters)==null?void 0:p.docs,source:{originalSource:`{ args: { invalid: true } @@ -6,7 +6,7 @@ import{j as r}from"./jsx-runtime-BjgbQsUx.js";import{e as y,f as _,P as T,E}from args: { disabled: true } -}`,...(b=(v=d.parameters)==null?void 0:v.docs)==null?void 0:b.source}}};var h,f,j;n.parameters={...n.parameters,docs:{...(h=n.parameters)==null?void 0:h.docs,source:{originalSource:`{ +}`,...(b=(v=d.parameters)==null?void 0:v.docs)==null?void 0:b.source}}};var h,j,f;n.parameters={...n.parameters,docs:{...(h=n.parameters)==null?void 0:h.docs,source:{originalSource:`{ render: args => @@ -15,7 +15,7 @@ import{j as r}from"./jsx-runtime-BjgbQsUx.js";import{e as y,f as _,P as T,E}from {args.invalid && Foutmelding.} -}`,...(j=(f=n.parameters)==null?void 0:f.docs)==null?void 0:j.source}}};var F,x,I;t.parameters={...t.parameters,docs:{...(F=t.parameters)==null?void 0:F.docs,source:{originalSource:`{ +}`,...(f=(j=n.parameters)==null?void 0:j.docs)==null?void 0:f.source}}};var F,x,I;t.parameters={...t.parameters,docs:{...(F=t.parameters)==null?void 0:F.docs,source:{originalSource:`{ args: { invalid: true }, diff --git a/demo-develop/assets/TopTaskLink.docs-CEwoxxhv.js b/demo-develop/assets/TopTaskLink.docs-BAcVOM6D.js similarity index 87% rename from demo-develop/assets/TopTaskLink.docs-CEwoxxhv.js rename to demo-develop/assets/TopTaskLink.docs-BAcVOM6D.js index 589f5156e6..4a8a3d6125 100644 --- a/demo-develop/assets/TopTaskLink.docs-CEwoxxhv.js +++ b/demo-develop/assets/TopTaskLink.docs-BAcVOM6D.js @@ -1,4 +1,4 @@ -import{j as n}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as i}from"./index-3rgQkYFR.js";import{ae as s,aq as r,ar as a,as as p,at as l}from"./index-CWKCY_Bl.js";import{T as c,M as d}from"./TopTaskLink.stories-kFYSypJ7.js";import{S as h}from"./StatusBadge-DiE14TfE.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DBQNO3fk.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-4tYMzfzc.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";import"./Badge-BvbF-Lgn.js";const m=` +import{j as n}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as i}from"./index-3rgQkYFR.js";import{ae as s,aq as r,ar as a,as as p,at as l}from"./index-CmcJchMs.js";import{T as c,M as d}from"./TopTaskLink.stories-B3k6D7yN.js";import{S as h}from"./StatusBadge-DiE14TfE.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CN_8E5Aq.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-BsC3rSRZ.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";import"./Badge-BvbF-Lgn.js";const m=` # Top Task Link diff --git a/demo-develop/assets/TopTaskLink.stories-kFYSypJ7.js b/demo-develop/assets/TopTaskLink.stories-B3k6D7yN.js similarity index 98% rename from demo-develop/assets/TopTaskLink.stories-kFYSypJ7.js rename to demo-develop/assets/TopTaskLink.stories-B3k6D7yN.js index 321837e3df..30475f156c 100644 --- a/demo-develop/assets/TopTaskLink.stories-kFYSypJ7.js +++ b/demo-develop/assets/TopTaskLink.stories-B3k6D7yN.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{G as r}from"./index.esm-4tYMzfzc.js";import{c as g}from"./clsx-B-dksMZM.js";import{r as h}from"./index-RigO-4kf.js";const a=h.forwardRef(({className:i,label:m,description:k,...u},f)=>e.jsxs("a",{...u,ref:f,className:g("ams-top-task-link",i),children:[e.jsx("span",{className:"ams-top-task-link__label",children:m}),e.jsx("span",{className:"ams-visually-hidden",children:","}),e.jsx("span",{className:"ams-top-task-link__description",children:k})]}));a.displayName="TopTaskLink";try{a.displayName="TopTaskLink",a.__docgenInfo={description:"",displayName:"TopTaskLink",props:{label:{defaultValue:null,description:"The title.",name:"label",required:!0,type:{name:"string"}},description:{defaultValue:null,description:"The text content.",name:"description",required:!0,type:{name:"string"}}}}}catch{}const b={title:"Components/Navigation/Top Task Link",component:a},n={args:{description:"Geef uw nieuwe adres door als u binnen Amsterdam of naar Amsterdam verhuist.",href:"#",label:"Verhuizing doorgeven"},argTypes:{href:{description:"The url for the link."}}},s={args:{description:"Omschrijving",label:"Titel"},render:()=>e.jsxs(r,{children:[e.jsx(r.Cell,{span:3,children:e.jsx(a,{description:"Bekijk welke belastingen en heffingen er zijn, hoe u bezwaar maakt of een betalingsregeling treft.",href:"#",label:"Gemeentebelastingen"})}),e.jsx(r.Cell,{span:3,children:e.jsx(a,{description:"U kunt met uw auto goedkoop parkeren bij een P+R-locatie aan de rand van de stad.",href:"#",label:"Parkeren + Reizen (P+R)"})}),e.jsx(r.Cell,{span:3,children:e.jsx(a,{description:"Vraag deze bewijzen aan of verleng ze. Geef een vermissing aan.",href:"#",label:"Paspoort, ID-kaart en rijbewijs"})}),e.jsx(r.Cell,{span:3,children:e.jsx(a,{description:"Meld een kind aan voor basisschool, middelbare school of kinderopvang. Bekijk het kindtegoed op uw Stadspas.",href:"#",label:"Onderwijs"})})]}),parameters:{docs:{source:{type:"dynamic"}}}};var o,t,l;n.parameters={...n.parameters,docs:{...(o=n.parameters)==null?void 0:o.docs,source:{originalSource:`{ +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{G as r}from"./index.esm-BsC3rSRZ.js";import{c as g}from"./clsx-B-dksMZM.js";import{r as h}from"./index-RigO-4kf.js";const a=h.forwardRef(({className:i,label:m,description:k,...u},f)=>e.jsxs("a",{...u,ref:f,className:g("ams-top-task-link",i),children:[e.jsx("span",{className:"ams-top-task-link__label",children:m}),e.jsx("span",{className:"ams-visually-hidden",children:","}),e.jsx("span",{className:"ams-top-task-link__description",children:k})]}));a.displayName="TopTaskLink";try{a.displayName="TopTaskLink",a.__docgenInfo={description:"",displayName:"TopTaskLink",props:{label:{defaultValue:null,description:"The title.",name:"label",required:!0,type:{name:"string"}},description:{defaultValue:null,description:"The text content.",name:"description",required:!0,type:{name:"string"}}}}}catch{}const b={title:"Components/Navigation/Top Task Link",component:a},n={args:{description:"Geef uw nieuwe adres door als u binnen Amsterdam of naar Amsterdam verhuist.",href:"#",label:"Verhuizing doorgeven"},argTypes:{href:{description:"The url for the link."}}},s={args:{description:"Omschrijving",label:"Titel"},render:()=>e.jsxs(r,{children:[e.jsx(r.Cell,{span:3,children:e.jsx(a,{description:"Bekijk welke belastingen en heffingen er zijn, hoe u bezwaar maakt of een betalingsregeling treft.",href:"#",label:"Gemeentebelastingen"})}),e.jsx(r.Cell,{span:3,children:e.jsx(a,{description:"U kunt met uw auto goedkoop parkeren bij een P+R-locatie aan de rand van de stad.",href:"#",label:"Parkeren + Reizen (P+R)"})}),e.jsx(r.Cell,{span:3,children:e.jsx(a,{description:"Vraag deze bewijzen aan of verleng ze. Geef een vermissing aan.",href:"#",label:"Paspoort, ID-kaart en rijbewijs"})}),e.jsx(r.Cell,{span:3,children:e.jsx(a,{description:"Meld een kind aan voor basisschool, middelbare school of kinderopvang. Bekijk het kindtegoed op uw Stadspas.",href:"#",label:"Onderwijs"})})]}),parameters:{docs:{source:{type:"dynamic"}}}};var o,t,l;n.parameters={...n.parameters,docs:{...(o=n.parameters)==null?void 0:o.docs,source:{originalSource:`{ args: { description: 'Geef uw nieuwe adres door als u binnen Amsterdam of naar Amsterdam verhuist.', href: '#', diff --git a/demo-develop/assets/UnorderedList.docs-Dd03wIxG.js b/demo-develop/assets/UnorderedList.docs-BgXPwoTN.js similarity index 91% rename from demo-develop/assets/UnorderedList.docs-Dd03wIxG.js rename to demo-develop/assets/UnorderedList.docs-BgXPwoTN.js index 72ed6d4167..5c8a701fc9 100644 --- a/demo-develop/assets/UnorderedList.docs-Dd03wIxG.js +++ b/demo-develop/assets/UnorderedList.docs-BgXPwoTN.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as o}from"./index-3rgQkYFR.js";import{ae as r,aq as a,ar as h,as as l,at as t}from"./index-CWKCY_Bl.js";import{U as d,T as c,W as m,I as p,S as x}from"./UnorderedList.stories-CeHysSnw.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DBQNO3fk.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-4tYMzfzc.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";import"./exampleContent-hIIPvEhU.js";const f=` +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as o}from"./index-3rgQkYFR.js";import{ae as r,aq as a,ar as h,as as l,at as t}from"./index-CmcJchMs.js";import{U as d,T as c,W as m,I as p,S as x}from"./UnorderedList.stories-1mK7H0ZY.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CN_8E5Aq.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-BsC3rSRZ.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";import"./exampleContent-hIIPvEhU.js";const f=` # Unordered List diff --git a/demo-develop/assets/UnorderedList.stories-CeHysSnw.js b/demo-develop/assets/UnorderedList.stories-1mK7H0ZY.js similarity index 99% rename from demo-develop/assets/UnorderedList.stories-CeHysSnw.js rename to demo-develop/assets/UnorderedList.stories-1mK7H0ZY.js index 8a91f52f1e..e3312f82e4 100644 --- a/demo-develop/assets/UnorderedList.stories-CeHysSnw.js +++ b/demo-develop/assets/UnorderedList.stories-1mK7H0ZY.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{p as n,P as d}from"./index.esm-4tYMzfzc.js";import{m as T,n as B,o as O,p as R,S as A,g as G,q as E,k as M}from"./index.esm-Bz9pa_xK.js";import{f as V}from"./exampleContent-hIIPvEhU.js";import{c as _}from"./clsx-B-dksMZM.js";import{r as W}from"./index-RigO-4kf.js";const b=W.forwardRef(({children:s,className:a,...c},I)=>e.jsx("li",{ref:I,className:_("ams-unordered-list__item",a),...c,children:s}));b.displayName="UnorderedList.Item";try{UnorderedList.Item.displayName="UnorderedList.Item",UnorderedList.Item.__docgenInfo={description:"",displayName:"UnorderedList.Item",props:{}}}catch{}const D=W.forwardRef(({children:s,className:a,inverseColor:c,markers:I=!0,size:p,...w},C)=>e.jsx("ul",{ref:C,className:_("ams-unordered-list",c&&"ams-unordered-list--inverse-color",!I&&"ams-unordered-list--no-markers",p&&`ams-unordered-list--${p}`,a),...w,children:s}));D.displayName="UnorderedList";const r=Object.assign(D,{Item:b});try{r.displayName="UnorderedList",r.__docgenInfo={description:"",displayName:"UnorderedList",props:{inverseColor:{defaultValue:null,description:"Changes the text colour for readability on a dark background.",name:"inverseColor",required:!1,type:{name:"boolean"}},markers:{defaultValue:{value:"true"},description:"Whether the list items show a marker.",name:"markers",required:!1,type:{name:"boolean"}},size:{defaultValue:null,description:"The size of the text.",name:"size",required:!1,type:{name:"enum",value:[{value:'"small"'}]}}}}}catch{}const q=V().map((s,a)=>e.jsx(r.Item,{children:s},a)),H={title:"Components/Text/Unordered List",component:r,args:{children:q,inverseColor:!1,markers:void 0},argTypes:{size:{control:{type:"radio",labels:{small:"small",undefined:"medium"}},options:["small",void 0]}}},t={},o={render:s=>e.jsxs(r,{...s,children:[e.jsxs(r.Item,{children:["Stadsdeel West",e.jsxs(r,{...s,children:[e.jsx(r.Item,{children:"Bos en Lommer"}),e.jsx(r.Item,{children:"Oud West / De Baarsjes"}),e.jsx(r.Item,{children:"Westerpark"})]})]}),e.jsxs(r.Item,{children:["Stadsdeel Nieuw-West",e.jsxs(r,{...s,children:[e.jsx(r.Item,{children:"De Aker, Sloten en Nieuw Sloten"}),e.jsx(r.Item,{children:"Geuzenveld, Slotermeer en Sloterdijken"}),e.jsx(r.Item,{children:"Osdorp"}),e.jsx(r.Item,{children:"Slotervaart"})]})]})]})},i={args:{children:[e.jsx(r.Item,{children:e.jsxs("div",{className:"ams-docs-card",children:[e.jsx(n,{svg:T,size:"level-6"}),e.jsx(d,{children:"Stadsloket: locaties en openingstijden"})]})},1),e.jsx(r.Item,{children:e.jsxs("div",{className:"ams-docs-card",children:[e.jsx(n,{svg:B,size:"level-6"}),e.jsx(d,{children:"Parkeren + Reizen (P+R)"})]})},2),e.jsx(r.Item,{children:e.jsxs("div",{className:"ams-docs-card",children:[e.jsx(n,{svg:O,size:"level-6"}),e.jsx(d,{children:"Paspoort, ID-kaart en Rijbewijs"})]})},3),e.jsx(r.Item,{children:e.jsxs("div",{className:"ams-docs-card",children:[e.jsx(n,{svg:R,size:"level-6"}),e.jsx(d,{children:"Gemeentebelastingen"})]})},4),e.jsx(r.Item,{children:e.jsxs("div",{className:"ams-docs-card",children:[e.jsx(n,{svg:A,size:"level-6"}),e.jsx(d,{children:"Melding openbare ruimte en overlast"})]})},5),e.jsx(r.Item,{children:e.jsxs("div",{className:"ams-docs-card",children:[e.jsx(n,{svg:G,size:"level-6"}),e.jsx(d,{children:"Verhuizing doorgeven"})]})},6),e.jsx(r.Item,{children:e.jsxs("div",{className:"ams-docs-card",children:[e.jsx(n,{svg:E,size:"level-6"}),e.jsx(d,{children:"Grof afval"})]})},7),e.jsx(r.Item,{children:e.jsxs("div",{className:"ams-docs-card",children:[e.jsx(n,{svg:M,size:"level-6"}),e.jsx(d,{children:"Kennisgevingen en bekendmakingen"})]})},8)],markers:!1}},l={args:{inverseColor:!0},render:s=>e.jsx(r,{...s,children:e.jsxs(r.Item,{children:["Stadsdeel West",e.jsxs(r,{...s,children:[e.jsx(r.Item,{children:"Bos en Lommer"}),e.jsx(r.Item,{children:"Oud West / De Baarsjes"}),e.jsx(r.Item,{children:"Westerpark"})]})]})})},m={args:{size:"small"}};var v,g,h;t.parameters={...t.parameters,docs:{...(v=t.parameters)==null?void 0:v.docs,source:{originalSource:"{}",...(h=(g=t.parameters)==null?void 0:g.docs)==null?void 0:h.source}}};var u,L,j;o.parameters={...o.parameters,docs:{...(u=o.parameters)==null?void 0:u.docs,source:{originalSource:`{ +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{p as n,P as d}from"./index.esm-BsC3rSRZ.js";import{m as T,n as B,o as O,p as R,S as A,g as G,q as E,k as M}from"./index.esm-Bz9pa_xK.js";import{f as V}from"./exampleContent-hIIPvEhU.js";import{c as _}from"./clsx-B-dksMZM.js";import{r as W}from"./index-RigO-4kf.js";const b=W.forwardRef(({children:s,className:a,...c},I)=>e.jsx("li",{ref:I,className:_("ams-unordered-list__item",a),...c,children:s}));b.displayName="UnorderedList.Item";try{UnorderedList.Item.displayName="UnorderedList.Item",UnorderedList.Item.__docgenInfo={description:"",displayName:"UnorderedList.Item",props:{}}}catch{}const D=W.forwardRef(({children:s,className:a,inverseColor:c,markers:I=!0,size:p,...w},C)=>e.jsx("ul",{ref:C,className:_("ams-unordered-list",c&&"ams-unordered-list--inverse-color",!I&&"ams-unordered-list--no-markers",p&&`ams-unordered-list--${p}`,a),...w,children:s}));D.displayName="UnorderedList";const r=Object.assign(D,{Item:b});try{r.displayName="UnorderedList",r.__docgenInfo={description:"",displayName:"UnorderedList",props:{inverseColor:{defaultValue:null,description:"Changes the text colour for readability on a dark background.",name:"inverseColor",required:!1,type:{name:"boolean"}},markers:{defaultValue:{value:"true"},description:"Whether the list items show a marker.",name:"markers",required:!1,type:{name:"boolean"}},size:{defaultValue:null,description:"The size of the text.",name:"size",required:!1,type:{name:"enum",value:[{value:'"small"'}]}}}}}catch{}const q=V().map((s,a)=>e.jsx(r.Item,{children:s},a)),H={title:"Components/Text/Unordered List",component:r,args:{children:q,inverseColor:!1,markers:void 0},argTypes:{size:{control:{type:"radio",labels:{small:"small",undefined:"medium"}},options:["small",void 0]}}},t={},o={render:s=>e.jsxs(r,{...s,children:[e.jsxs(r.Item,{children:["Stadsdeel West",e.jsxs(r,{...s,children:[e.jsx(r.Item,{children:"Bos en Lommer"}),e.jsx(r.Item,{children:"Oud West / De Baarsjes"}),e.jsx(r.Item,{children:"Westerpark"})]})]}),e.jsxs(r.Item,{children:["Stadsdeel Nieuw-West",e.jsxs(r,{...s,children:[e.jsx(r.Item,{children:"De Aker, Sloten en Nieuw Sloten"}),e.jsx(r.Item,{children:"Geuzenveld, Slotermeer en Sloterdijken"}),e.jsx(r.Item,{children:"Osdorp"}),e.jsx(r.Item,{children:"Slotervaart"})]})]})]})},i={args:{children:[e.jsx(r.Item,{children:e.jsxs("div",{className:"ams-docs-card",children:[e.jsx(n,{svg:T,size:"level-6"}),e.jsx(d,{children:"Stadsloket: locaties en openingstijden"})]})},1),e.jsx(r.Item,{children:e.jsxs("div",{className:"ams-docs-card",children:[e.jsx(n,{svg:B,size:"level-6"}),e.jsx(d,{children:"Parkeren + Reizen (P+R)"})]})},2),e.jsx(r.Item,{children:e.jsxs("div",{className:"ams-docs-card",children:[e.jsx(n,{svg:O,size:"level-6"}),e.jsx(d,{children:"Paspoort, ID-kaart en Rijbewijs"})]})},3),e.jsx(r.Item,{children:e.jsxs("div",{className:"ams-docs-card",children:[e.jsx(n,{svg:R,size:"level-6"}),e.jsx(d,{children:"Gemeentebelastingen"})]})},4),e.jsx(r.Item,{children:e.jsxs("div",{className:"ams-docs-card",children:[e.jsx(n,{svg:A,size:"level-6"}),e.jsx(d,{children:"Melding openbare ruimte en overlast"})]})},5),e.jsx(r.Item,{children:e.jsxs("div",{className:"ams-docs-card",children:[e.jsx(n,{svg:G,size:"level-6"}),e.jsx(d,{children:"Verhuizing doorgeven"})]})},6),e.jsx(r.Item,{children:e.jsxs("div",{className:"ams-docs-card",children:[e.jsx(n,{svg:E,size:"level-6"}),e.jsx(d,{children:"Grof afval"})]})},7),e.jsx(r.Item,{children:e.jsxs("div",{className:"ams-docs-card",children:[e.jsx(n,{svg:M,size:"level-6"}),e.jsx(d,{children:"Kennisgevingen en bekendmakingen"})]})},8)],markers:!1}},l={args:{inverseColor:!0},render:s=>e.jsx(r,{...s,children:e.jsxs(r.Item,{children:["Stadsdeel West",e.jsxs(r,{...s,children:[e.jsx(r.Item,{children:"Bos en Lommer"}),e.jsx(r.Item,{children:"Oud West / De Baarsjes"}),e.jsx(r.Item,{children:"Westerpark"})]})]})})},m={args:{size:"small"}};var v,g,h;t.parameters={...t.parameters,docs:{...(v=t.parameters)==null?void 0:v.docs,source:{originalSource:"{}",...(h=(g=t.parameters)==null?void 0:g.docs)==null?void 0:h.source}}};var u,L,j;o.parameters={...o.parameters,docs:{...(u=o.parameters)==null?void 0:u.docs,source:{originalSource:`{ render: args => Stadsdeel West diff --git a/demo-develop/assets/VisuallyHidden.docs-BPA25e7m.js b/demo-develop/assets/VisuallyHidden.docs-DvYuEiQ5.js similarity index 75% rename from demo-develop/assets/VisuallyHidden.docs-BPA25e7m.js rename to demo-develop/assets/VisuallyHidden.docs-DvYuEiQ5.js index 5c738d163f..2ef1ea9b8c 100644 --- a/demo-develop/assets/VisuallyHidden.docs-BPA25e7m.js +++ b/demo-develop/assets/VisuallyHidden.docs-DvYuEiQ5.js @@ -1,4 +1,4 @@ -import{j as n}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as t}from"./index-3rgQkYFR.js";import{ae as r,aq as a,ar as i,as as m}from"./index-CWKCY_Bl.js";import{V as l}from"./VisuallyHidden.stories-DySYQQeL.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DBQNO3fk.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-4tYMzfzc.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";const u=` +import{j as n}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as t}from"./index-3rgQkYFR.js";import{ae as r,aq as a,ar as i,as as m}from"./index-CmcJchMs.js";import{V as l}from"./VisuallyHidden.stories-BTx3yZyv.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CN_8E5Aq.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-BsC3rSRZ.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";const u=` # Visually Hidden diff --git a/demo-develop/assets/VisuallyHidden.stories-DySYQQeL.js b/demo-develop/assets/VisuallyHidden.stories-BTx3yZyv.js similarity index 97% rename from demo-develop/assets/VisuallyHidden.stories-DySYQQeL.js rename to demo-develop/assets/VisuallyHidden.stories-BTx3yZyv.js index 371ed48e92..331832cc2c 100644 --- a/demo-develop/assets/VisuallyHidden.stories-DySYQQeL.js +++ b/demo-develop/assets/VisuallyHidden.stories-BTx3yZyv.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{P as i}from"./index.esm-4tYMzfzc.js";/** +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{P as i}from"./index.esm-BsC3rSRZ.js";/** * @license EUPL-1.2+ * Copyright Gemeente Amsterdam */const r=({children:s})=>e.jsx("span",{className:"ams-visually-hidden",children:s});try{r.displayName="VisuallyHidden",r.__docgenInfo={description:"Renders examples in Storybook. Not for reuse.",displayName:"VisuallyHidden",props:{}}}catch{}const l=({children:s})=>e.jsxs(e.Fragment,{children:[e.jsx(i,{children:"This paragraph is available for everyone. Below this is a second paragraph, but it is aimed at non-visual user agents only. It is not perceivable on a screen."}),e.jsx(i,{className:"ams-visually-hidden",children:s})]}),d={title:"Utilities/CSS/Visually Hidden",component:r,args:{children:"Here is the paragraph that is visually hidden. A screen reader will pick it up and read it to its user."},argTypes:{children:{description:"The content to hide visually.",table:{disable:!1}}}},a={render:l};var t,o,n;a.parameters={...a.parameters,docs:{...(t=a.parameters)==null?void 0:t.docs,source:{originalSource:`{ diff --git a/demo-develop/assets/aspect-ratio.docs-CETP4KlE.js b/demo-develop/assets/aspect-ratio.docs-8z1f7ZVY.js similarity index 95% rename from demo-develop/assets/aspect-ratio.docs-CETP4KlE.js rename to demo-develop/assets/aspect-ratio.docs-8z1f7ZVY.js index 6e48ff9946..2c1fa98c47 100644 --- a/demo-develop/assets/aspect-ratio.docs-CETP4KlE.js +++ b/demo-develop/assets/aspect-ratio.docs-8z1f7ZVY.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 n}from"./index-CWKCY_Bl.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DBQNO3fk.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";/*@license CC0-1.0*/function a(s){const t={a:"a",code:"code",h1:"h1",h2:"h2",li:"li",p:"p",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",ul:"ul",...i(),...s.components};return e.jsxs(e.Fragment,{children:[` +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as i}from"./index-3rgQkYFR.js";import{ae as n}from"./index-CmcJchMs.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CN_8E5Aq.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";/*@license CC0-1.0*/function a(s){const t={a:"a",code:"code",h1:"h1",h2:"h2",li:"li",p:"p",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",ul:"ul",...i(),...s.components};return e.jsxs(e.Fragment,{children:[` `,` `,e.jsx(n,{title:"Brand/Design Tokens/Aspect Ratio"}),` `,e.jsx(t.h1,{id:"aspect-ratio",children:"Aspect Ratio"}),` diff --git a/demo-develop/assets/border.docs-BawoqNoR.js b/demo-develop/assets/border.docs-piHD_YtR.js similarity index 93% rename from demo-develop/assets/border.docs-BawoqNoR.js rename to demo-develop/assets/border.docs-piHD_YtR.js index 5bd31d4c39..b14d53480a 100644 --- a/demo-develop/assets/border.docs-BawoqNoR.js +++ b/demo-develop/assets/border.docs-piHD_YtR.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 n}from"./index-CWKCY_Bl.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DBQNO3fk.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";/*@license CC0-1.0*/function d(r){const t={code:"code",h1:"h1",h2:"h2",p:"p",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...s(),...r.components};return e.jsxs(e.Fragment,{children:[` +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as s}from"./index-3rgQkYFR.js";import{ae as n}from"./index-CmcJchMs.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CN_8E5Aq.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";/*@license CC0-1.0*/function d(r){const t={code:"code",h1:"h1",h2:"h2",p:"p",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...s(),...r.components};return e.jsxs(e.Fragment,{children:[` `,` `,e.jsx(n,{title:"Brand/Design Tokens/Border"}),` `,e.jsx(t.h1,{id:"border",children:"Border"}),` diff --git a/demo-develop/assets/breakpoints.docs-DR8psWW2.js b/demo-develop/assets/breakpoints.docs-OiVpseyw.js similarity index 88% rename from demo-develop/assets/breakpoints.docs-DR8psWW2.js rename to demo-develop/assets/breakpoints.docs-OiVpseyw.js index 8be0cb8976..960985e65c 100644 --- a/demo-develop/assets/breakpoints.docs-DR8psWW2.js +++ b/demo-develop/assets/breakpoints.docs-OiVpseyw.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as o}from"./index-3rgQkYFR.js";import{ae as r}from"./index-CWKCY_Bl.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DBQNO3fk.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";/*@license CC0-1.0*/function t(s){const n={a:"a",code:"code",h1:"h1",p:"p",pre:"pre",...o(),...s.components};return e.jsxs(e.Fragment,{children:[` +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as o}from"./index-3rgQkYFR.js";import{ae as r}from"./index-CmcJchMs.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CN_8E5Aq.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";/*@license CC0-1.0*/function t(s){const n={a:"a",code:"code",h1:"h1",p:"p",pre:"pre",...o(),...s.components};return e.jsxs(e.Fragment,{children:[` `,` `,e.jsx(r,{title:"Docs/Developer Guide/Breakpoints"}),` `,e.jsx(n.h1,{id:"breakpoints",children:"Breakpoints"}),` diff --git a/demo-develop/assets/colour.docs-CdYi-XXc.js b/demo-develop/assets/colour.docs-CdYi-XXc.js deleted file mode 100644 index 71108b40d6..0000000000 --- a/demo-develop/assets/colour.docs-CdYi-XXc.js +++ /dev/null @@ -1,33 +0,0 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as c}from"./index-3rgQkYFR.js";import{ae as g}from"./index-CWKCY_Bl.js";import{c as t}from"./clsx-B-dksMZM.js";import{r as p}from"./index-RigO-4kf.js";import"./index-D2MAbzvX.js";import"./iframe-DBQNO3fk.js";import"../sb-preview/runtime.js";import"./_commonjsHelpers-CqkleIqs.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";const v=JSON.parse(`{"aspect-ratio":{"x-tall":"9 / 16","tall":"3 / 4","square":"1 / 1","wide":"4 / 3","x-wide":"16 / 9","2x-wide":"16 / 5"},"border":{"width":{"sm":"0.0625rem","md":"0.125rem","lg":"0.1875rem","xl":"0.25rem"}},"brand":{"color":{"azure":{"60":"#009DE6"},"blue":{"60":"#004699","80":"#003677"},"green":{"60":"#00A03C"},"lime":{"60":"#BED200"},"magenta":{"60":"#E50082"},"neutral":{"0":"#FFFFFF","20":"#D1D1D1","40":"#A4A4A4","60":"#767676","80":"#474747","100":"#181818"},"orange":{"60":"#FF9100"},"purple":{"60":"#A00078"},"red":{"60":"#EC0000","80":"#B70000"},"yellow":{"60":"#FFE600"}}},"space":{"xs":"clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)","sm":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","md":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)","lg":"clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)","xl":"clamp(2.25rem, 2.0625rem + 0.9375vw, 3rem)","grid":{"xs":"clamp(0.25rem, calc(0.09375rem + 0.78125vw), 0.875rem)","sm":"clamp(0.5rem, calc(0.1875rem + 1.5625vw), 1.75rem)","md":"clamp(1rem, calc(0.375rem + 3.125vw), 3.5rem)","lg":"clamp(1.5rem, calc(0.5625rem + 4.6875vw), 5.25rem)","xl":"clamp(2rem, calc(0.75rem + 6.25vw), 7rem)"}},"text":{"font-family":"'Amsterdam Sans', Arial, sans-serif","font-weight":{"normal":400,"bold":800},"level":{"0":{"font-size":"clamp(2.4316rem, calc(1.8951rem + 2.6826vw), 4.5776rem)","line-height":"1.15"},"1":{"font-size":"clamp(2.0842rem, calc(1.6897rem + 1.9724vw), 3.6621rem)","line-height":"1.2"},"2":{"font-size":"clamp(1.7865rem, calc(1.5007rem + 1.429vw), 2.9297rem)","line-height":"1.25"},"3":{"font-size":"clamp(1.5313rem, calc(1.3281rem + 1.0156vw), 2.3438rem)","line-height":"1.3"},"4":{"font-size":"clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)","line-height":"1.5"},"5":{"font-size":"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)","line-height":"1.6"},"6":{"font-size":"clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)","line-height":"1.6"}}},"action":{"activate":{"cursor":"pointer"},"busy":{"cursor":"wait"},"disabled":{"cursor":"not-allowed"},"inert":{"cursor":"default"},"navigate":{"cursor":"pointer"},"submit":{"cursor":"pointer"}},"focus":{"outline-offset":"0.125rem"},"hyphenation":{"hyphenate-limit-chars":"12 8 4","hyphens":"auto","overflow-wrap":"break-word"},"link-appearance":{"color":"#004699","text-decoration-thickness":"0.125rem","text-underline-offset":"0.3333em","hover":{"color":"#003677"},"regular":{"text-decoration-line":"underline","hover":{"text-decoration-thickness":"0.1875rem","text-underline-offset":"0.2778em"}},"subtle":{"text-decoration-line":"none","hover":{"text-decoration-line":"underline"}},"contrast":{"color":"#181818","hover":{"color":"#181818"},"visited":{"color":"#181818"}},"inverse":{"color":"#FFFFFF","hover":{"color":"#FFFFFF"},"visited":{"color":"#FFFFFF"}}},"accordion":{"gap":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)","button":{"color":"#004699","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)","font-weight":800,"gap":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","line-height":"1.6","padding-block":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","padding-inline":"0","focus":{"outline-offset":"0.125rem"},"hover":{"color":"#003677"}},"panel":{"padding-block":"0","padding-inline":"0"}},"action-group":{"gap":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)"},"alert":{"background-color":"#FFFFFF","border-width":"0.25rem","border-style":"solid","gap":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","padding-block":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)","padding-inline":"clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)","error":{"border-color":"#EC0000"},"info":{"border-color":"#009DE6"},"success":{"border-color":"#00A03C"},"warning":{"border-color":"#FF9100"},"content":{"gap":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)"}},"avatar":{"aspect-ratio":"1 / 1","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)","font-weight":400,"line-height":"1.6","padding-block":"clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)","padding-inline":"clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)","azure":{"background-color":"#009DE6","color":"#181818"},"black":{"background-color":"#181818","color":"#FFFFFF"},"blue":{"background-color":"#004699","color":"#FFFFFF"},"green":{"background-color":"#00A03C","color":"#FFFFFF"},"lime":{"background-color":"#BED200","color":"#181818"},"magenta":{"background-color":"#E50082","color":"#FFFFFF"},"neutral-20":{"background-color":"#D1D1D1","color":"#181818"},"neutral-40":{"background-color":"#A4A4A4","color":"#181818"},"neutral-60":{"background-color":"#767676","color":"#FFFFFF"},"neutral-80":{"background-color":"#474747","color":"#FFFFFF"},"orange":{"background-color":"#FF9100","color":"#181818"},"purple":{"background-color":"#A00078","color":"#FFFFFF"},"red":{"background-color":"#EC0000","color":"#FFFFFF"},"white":{"background-color":"#FFFFFF","color":"#181818"},"yellow":{"background-color":"#FFE600","color":"#181818"},"forced-colors":{"border-width":"0.125rem"}},"badge":{"font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)","font-weight":800,"line-height":"1.6","padding-inline":"clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)","azure":{"background-color":"#009DE6","color":"#181818"},"black":{"background-color":"#181818","color":"#FFFFFF"},"blue":{"background-color":"#004699","color":"#FFFFFF"},"green":{"background-color":"#00A03C","color":"#FFFFFF"},"lime":{"background-color":"#BED200","color":"#181818"},"magenta":{"background-color":"#E50082","color":"#FFFFFF"},"neutral-20":{"background-color":"#D1D1D1","color":"#181818"},"neutral-40":{"background-color":"#A4A4A4","color":"#181818"},"neutral-60":{"background-color":"#767676","color":"#FFFFFF"},"neutral-80":{"background-color":"#474747","color":"#FFFFFF"},"orange":{"background-color":"#FF9100","color":"#181818"},"purple":{"background-color":"#A00078","color":"#FFFFFF"},"red":{"background-color":"#EC0000","color":"#FFFFFF"},"white":{"background-color":"#FFFFFF","color":"#181818"},"yellow":{"background-color":"#FFE600","color":"#181818"}},"blockquote":{"color":"#181818","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.5313rem, calc(1.3281rem + 1.0156vw), 2.3438rem)","font-weight":800,"line-height":"1.3","inverse-color":"#FFFFFF"},"breadcrumb":{"font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)","font-weight":400,"line-height":"1.6","separator":{"background-image":"url(\\"data:image/svg+xml;utf8,\\")","block-size":"1ex","inline-size":"1ex","margin-inline":"clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)"},"link":{"color":"#004699","outline-offset":"0.125rem","text-decoration-line":"none","text-decoration-thickness":"0.125rem","text-underline-offset":"0.3333em","hover":{"color":"#003677","text-decoration-line":"underline"}}},"breakout":{"row-gap":{"sm":"clamp(0.5rem, calc(0.1875rem + 1.5625vw), 1.75rem)","md":"clamp(1rem, calc(0.375rem + 3.125vw), 3.5rem)","lg":"clamp(1.5rem, calc(0.5625rem + 4.6875vw), 5.25rem)"}},"button":{"cursor":"pointer","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)","line-height":"1.6","gap":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","outline-offset":"0.125rem","padding-block":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","padding-inline":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)","disabled":{"cursor":"not-allowed"},"forced-color-mode":{"border":"0.125rem solid"},"primary":{"background-color":"#004699","box-shadow":"inset 0 0 0 0.125rem #004699","color":"#FFFFFF","disabled":{"background-color":"#767676","box-shadow":"inset 0 0 0 0.125rem #767676"},"hover":{"background-color":"#003677","box-shadow":"inset 0 0 0 0.125rem #003677"}},"secondary":{"background-color":"#FFFFFF","color":"#004699","box-shadow":"inset 0 0 0 0.125rem #004699","hover":{"box-shadow":"inset 0 0 0 0.1875rem #003677","color":"#003677"},"disabled":{"background-color":"#FFFFFF","box-shadow":"inset 0 0 0 0.125rem #767676","color":"#767676"},"focus":{"box-shadow":"inset 0 0 0 0.125rem #004699"}},"tertiary":{"background-color":"transparent","color":"#004699","hover":{"box-shadow":"inset 0 0 0 0.125rem #003677","color":"#003677"},"disabled":{"background-color":"transparent","color":"#767676"}},"icon-only":{"padding-block":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","padding-inline":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)"}},"card":{"gap":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","heading-group":{"gap":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)"},"link":{"color":"#004699","text-decoration-line":"none","text-decoration-thickness":"0.125rem","text-underline-offset":"0.3333em","hover":{"color":"#003677","text-decoration-line":"underline"}},"outline-offset":"0.125rem"},"character-count":{"color":"#181818","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)","font-weight":400,"line-height":"1.6","error":{"color":"#EC0000"}},"checkbox":{"color":"#181818","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)","font-weight":400,"gap":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","line-height":"1.6","outline-offset":"0.125rem","checkmark":{"border-color":"#004699","border-width":"0.125rem","checked":{"background-color":"#004699","background-image":"url(\\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%23ffffff'%3E%3Cpath fill-rule='evenodd' d='M12.216 27.016 0 14.168l2.91-2.77 9.346 9.837L29.129 4 32 6.8z'/%3E%3C/svg%3E\\")","hover":{"background-color":"#003677"}},"disabled":{"border-color":"#767676","border-width":"0.125rem","checked":{"background-color":"#767676","hover":{"background-color":"#767676"}},"indeterminate":{"background-color":"#767676","hover":{"background-color":"#767676"}}},"hover":{"border-color":"#003677","border-width":"0.1875rem"},"invalid":{"border-color":"#EC0000","checked":{"background-color":"#EC0000","hover":{"background-color":"#B70000"}},"hover":{"border-color":"#B70000"},"indeterminate":{"background-color":"#EC0000","hover":{"background-color":"#B70000"}}},"indeterminate":{"background-color":"#004699","background-image":"url(\\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='white'%3E%3Cpath fill-rule='evenodd' d='M0 13.714h32v4H0z'/%3E%3C/svg%3E\\")","hover":{"background-color":"#003677"}}},"disabled":{"color":"#767676"},"hover":{"color":"#003677","text-decoration-thickness":"0.125rem"}},"column":{"gap":{"no":"0","xs":"clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)","sm":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","md":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)","lg":"clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)","xl":"clamp(2.25rem, 2.0625rem + 0.9375vw, 3rem)"}},"date-input":{"background-color":"#FFFFFF","box-shadow":"inset 0 0 0 0.0625rem #181818","color":"#181818","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)","font-weight":400,"line-height":"1.6","outline-offset":"0.125rem","padding-block":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","padding-inline":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)","calender-picker-indicator":{"background-image":"url(\\"data:image/svg+xml;utf8,\\")"},"disabled":{"background-color":"#FFFFFF","box-shadow":"inset 0 0 0 0.0625rem #767676","color":"#767676","calender-picker-indicator":{"background-image":"url(\\"data:image/svg+xml;utf8,\\")"}},"hover":{"box-shadow":"inset 0 0 0 0.125rem #181818","calender-picker-indicator":{"background-image":"url(\\"data:image/svg+xml;utf8,\\")"}},"invalid":{"box-shadow":"inset 0 0 0 0.0625rem #EC0000","hover":{"box-shadow":"inset 0 0 0 0.125rem #B70000"}}},"description-list":{"color":"#181818","column-gap":"clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)","inverse-color":"#FFFFFF","line-height":"1.6","row-gap":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","term":{"font-weight":800},"description":{"font-weight":400,"padding-inline-start":"clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)"}},"dialog":{"background-color":"#FFFFFF","border":"0","gap":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)","inline-size":"calc(100% - 2 * clamp(1rem, calc(0.375rem + 3.125vw), 3.5rem))","max-block-size":"calc(100dvh - 2 * clamp(1rem, calc(0.375rem + 3.125vw), 3.5rem))","max-inline-size":"48rem","padding-block":"clamp(1rem, calc(0.375rem + 3.125vw), 3.5rem)","padding-inline":"clamp(1.5rem, calc(0.5625rem + 4.6875vw), 5.25rem)","header":{"gap":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)"}},"error-message":{"color":"#EC0000","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)","font-weight":400,"gap":"clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)","line-height":"1.6"},"field-set":{"invalid":{"border-inline-start":"0.1875rem solid #EC0000","padding-inline-start":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)"},"legend":{"color":"#181818","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)","font-weight":800,"line-height":"1.5","margin-block-end":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)"}},"field":{"gap":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","invalid":{"border-inline-start":"0.1875rem solid #EC0000","padding-inline-start":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)"}},"file-input":{"background-color":"#FFFFFF","border":"0.0625rem dashed #767676","color":"#181818","cursor":"pointer","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)","font-weight":400,"line-height":"1.6","outline-offset":"0.125rem","padding-block":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)","padding-inline":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)","disabled":{"color":"#767676","cursor":"not-allowed"},"file-selector-button":{"background-color":"#FFFFFF","box-shadow":"inset 0 0 0 0.125rem #004699","color":"#004699","cursor":"pointer","margin-inline-end":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)","padding-block":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","padding-inline":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)","hover":{"box-shadow":"inset 0 0 0 0.1875rem #003677","color":"#003677"},"disabled":{"box-shadow":"inset 0 0 0 0.125rem #767676","color":"#767676","cursor":"not-allowed"},"forced-color-mode":{"border":"0.125rem solid"}}},"file-list":{"gap":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)","padding-block":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)","file":{"font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)","font-weight":400,"gap":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","line-height":"1.6","details":{"color":"#767676"},"preview":{"width":"clamp(2.5rem, 10vw, 5rem)"}}},"form-error-list":{"outline-offset":"0.125rem"},"gap":{"xs":"clamp(0.25rem, calc(0.09375rem + 0.78125vw), 0.875rem)","sm":"clamp(0.5rem, calc(0.1875rem + 1.5625vw), 1.75rem)","md":"clamp(1rem, calc(0.375rem + 3.125vw), 3.5rem)","lg":"clamp(1.5rem, calc(0.5625rem + 4.6875vw), 5.25rem)","xl":"clamp(2rem, calc(0.75rem + 6.25vw), 7rem)"},"grid":{"column-count":"4","column-gap":"clamp(1rem, calc(0.375rem + 3.125vw), 3.5rem)","padding-block":{"sm":"clamp(0.5rem, calc(0.1875rem + 1.5625vw), 1.75rem)","md":"clamp(1rem, calc(0.375rem + 3.125vw), 3.5rem)","lg":"clamp(1.5rem, calc(0.5625rem + 4.6875vw), 5.25rem)"},"padding-inline":"clamp(1.5rem, calc(0.5625rem + 4.6875vw), 5.25rem)","row-gap":{"sm":"clamp(0.5rem, calc(0.1875rem + 1.5625vw), 1.75rem)","md":"clamp(1rem, calc(0.375rem + 3.125vw), 3.5rem)","lg":"clamp(1.5rem, calc(0.5625rem + 4.6875vw), 5.25rem)"},"medium":{"column-count":"8"},"wide":{"column-count":"12"}},"header":{"column-gap":"clamp(1rem, calc(0.375rem + 3.125vw), 3.5rem)","padding-block":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)","logo-link":{"outline-offset":"0.125rem"}},"heading":{"color":"#181818","font-family":"'Amsterdam Sans', Arial, sans-serif","font-weight":800,"inverse-color":"#FFFFFF","level":{"1":{"font-size":"clamp(2.0842rem, calc(1.6897rem + 1.9724vw), 3.6621rem)","line-height":"1.2"},"2":{"font-size":"clamp(1.7865rem, calc(1.5007rem + 1.429vw), 2.9297rem)","line-height":"1.25"},"3":{"font-size":"clamp(1.5313rem, calc(1.3281rem + 1.0156vw), 2.3438rem)","line-height":"1.3"},"4":{"font-size":"clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)","line-height":"1.5"},"5":{"font-size":"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)","line-height":"1.6"},"6":{"font-size":"clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)","line-height":"1.6"}}},"hint":{"color":"#767676"},"icon-button":{"color":"#004699","outline-offset":"0.125rem","hover":{"background-color":"rgba(0, 70, 153, 0.125)","color":"#003677"},"disabled":{"color":"#767676"},"contrast-color":{"color":"#181818","hover":{"background-color":"rgba(0, 0, 0, 0.125)","color":"#181818"},"disabled":{"color":"#767676"}},"inverse-color":{"background-color":"#004699","color":"#FFFFFF","hover":{"background-color":"#003677","color":"#FFFFFF"},"disabled":{"color":"#FFFFFF","background-color":"#767676"}}},"icon":{"inverse":{"color":"#FFFFFF"},"size-3":{"font-size":"clamp(1.5313rem, calc(1.3281rem + 1.0156vw), 2.3438rem)","line-height":"1.3"},"size-4":{"font-size":"clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)","line-height":"1.5"},"size-5":{"font-size":"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)","line-height":"1.6"},"size-6":{"font-size":"clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)","line-height":"1.6"}},"image-slider":{"gap":"clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)","scroller":{"gap":"clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)","outline-offset":"0.125rem"},"thumbnails":{"gap":"clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)","thumbnail":{"background-color":"transparent","cursor":"pointer","opacity":"40%","outline-offset":"0.125rem","in-view":{"opacity":"100%"},"hover":{"opacity":"100%"}}}},"image":{"aspect-ratio":"16 / 9"},"label":{"color":"#181818","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)","font-weight":800,"line-height":"1.5"},"link-list":{"gap":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","link":{"color":"#004699","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)","font-weight":400,"gap":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","line-height":"1.6","outline-offset":"0.125rem","text-decoration-line":"none","text-decoration-thickness":"0.125rem","text-underline-offset":"0.3333em","small":{"font-size":"clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)","line-height":"1.6"},"large":{"font-size":"clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)","line-height":"1.5"},"hover":{"color":"#003677","text-decoration-line":"underline"},"contrast-color":{"color":"#181818","hover":{"color":"#181818"}},"inverse-color":{"color":"#FFFFFF","hover":{"color":"#FFFFFF"}}}},"link":{"color":"#004699","font-family":"'Amsterdam Sans', Arial, sans-serif","font-weight":400,"outline-offset":"0.125rem","hover":{"color":"#003677"},"inline":{"text-decoration-line":"underline","text-decoration-thickness":"0.125rem","text-underline-offset":"0.3333em","font-family":"inherit","font-size":"inherit","line-height":"inherit","hover":{"text-decoration-thickness":"0.1875rem","text-underline-offset":"0.2778em"},"visited":{"color":"#A00078"}},"standalone":{"font-size":"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)","line-height":"1.6","text-decoration-line":"underline","text-decoration-thickness":"0.125rem","text-underline-offset":"0.3333em","hover":{"text-decoration-thickness":"0.1875rem","text-underline-offset":"0.2778em"}},"contrast-color":{"color":"#181818","hover":{"color":"#181818"},"visited":{"color":"#181818"}},"inverse-color":{"color":"#FFFFFF","hover":{"color":"#FFFFFF"},"visited":{"color":"#FFFFFF"}}},"logo":{"block-size":"2.5rem","emblem":{"color":"#EC0000"},"title":{"color":"#EC0000"},"subsite":{"color":"#181818"}},"margin":{"xs":"clamp(0.25rem, calc(0.09375rem + 0.78125vw), 0.875rem)","sm":"clamp(0.5rem, calc(0.1875rem + 1.5625vw), 1.75rem)","md":"clamp(1rem, calc(0.375rem + 3.125vw), 3.5rem)","lg":"clamp(1.5rem, calc(0.5625rem + 4.6875vw), 5.25rem)","xl":"clamp(2rem, calc(0.75rem + 6.25vw), 7rem)"},"mark":{"background-color":"#FFE600"},"mega-menu":{"list-category":{"column-gap":"clamp(1rem, calc(0.375rem + 3.125vw), 3.5rem)","column-width":"20rem","padding-block-start":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)","padding-block-end":"clamp(1rem, calc(0.375rem + 3.125vw), 3.5rem)"}},"ordered-list":{"color":"#181818","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)","font-weight":400,"gap":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)","inverse-color":"#FFFFFF","line-height":"1.6","list-style-type":"decimal","small":{"font-size":"clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)","line-height":"1.6"},"item":{"margin-inline-start":"2.25rem","padding-inline-start":"0.25rem"},"ordered-list":{"gap":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","list-style-type":"lower-alpha","padding-block-end":"0","padding-block-start":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","item":{"margin-inline-start":"1.5rem","padding-inline-start":"0.25rem"}}},"page-heading":{"color":"#181818","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(2.4316rem, calc(1.8951rem + 2.6826vw), 4.5776rem)","font-weight":800,"inverse-color":"#FFFFFF","line-height":"clamp(2.4316rem, calc(1.8951rem + 2.6826vw), 4.5776rem)"},"page-menu":{"column-gap":"clamp(1rem, calc(0.375rem + 3.125vw), 3.5rem)","row-gap":"clamp(0.25rem, calc(0.09375rem + 0.78125vw), 0.875rem)","item":{"color":"#004699","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)","font-weight":400,"gap":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","line-height":"1.6","outline-offset":"0.125rem","text-decoration-line":"none","text-decoration-thickness":"0.125rem","text-underline-offset":"0.3333em","hover":{"color":"#003677","text-decoration-line":"underline"}}},"pagination":{"color":"#004699","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)","font-weight":400,"line-height":"1.6","button":{"gap":"clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)","outline-offset":"0.125rem","padding-inline":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","text-decoration-line":"none","text-decoration-thickness":"0.125rem","text-underline-offset":"0.3333em","current":{"font-weight":800},"hover":{"color":"#003677","text-decoration-line":"underline"}}},"paragraph":{"color":"#181818","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)","font-weight":400,"line-height":"1.6","inverse-color":"#FFFFFF","small":{"font-size":"clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)","line-height":"1.6"},"large":{"font-size":"clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)","line-height":"1.5"}},"password-input":{"background-color":"#FFFFFF","box-shadow":"inset 0 0 0 0.0625rem #181818","color":"#181818","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)","font-weight":400,"line-height":"1.6","outline-offset":"0.125rem","padding-block":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","padding-inline":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)","disabled":{"background-color":"#FFFFFF","box-shadow":"inset 0 0 0 0.0625rem #767676","color":"#767676"},"hover":{"box-shadow":"inset 0 0 0 0.125rem #181818"},"invalid":{"box-shadow":"inset 0 0 0 0.0625rem #EC0000","hover":{"box-shadow":"inset 0 0 0 0.125rem #B70000"}},"placeholder":{"color":"#767676"}},"radio":{"color":"#181818","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)","font-weight":400,"gap":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","line-height":"1.6","outline-offset":"0.125rem","text-decoration-thickness":"0.125rem","text-underline-offset":"0.3333em","checked-indicator":{"fill":"#004699","disabled":{"fill":"#767676"},"disabled-invalid":{"fill":"#767676","hover":{"fill":"#767676"}},"hover":{"fill":"#003677"},"invalid":{"fill":"#EC0000","hover":{"fill":"#B70000"}}},"hover-indicator":{"stroke-width":"3px","hover":{"stroke":"#004699"},"invalid":{"hover":{"stroke":{"60":{"value":"#EC0000","filePath":"src/brand/ams/color.tokens.json","isSource":true,"original":{"value":"#EC0000"},"name":"amsBrandColorRed60","attributes":{"category":"ams","type":"brand","item":"color","subitem":"red","state":"60"},"path":["ams","brand","color","red","60"]},"80":{"value":"#B70000","filePath":"src/brand/ams/color.tokens.json","isSource":true,"original":{"value":"#B70000"},"name":"amsBrandColorRed80","attributes":{"category":"ams","type":"brand","item":"color","subitem":"red","state":"80"},"path":["ams","brand","color","red","80"]}}}}},"circle":{"fill":"#FFFFFF","stroke":"#004699","stroke-width":"2px","disabled":{"stroke":"#767676"},"disabled-invalid":{"stroke":"#767676","hover":{"stroke":"#767676"}},"hover":{"stroke":"#003677"},"invalid":{"stroke":"#EC0000","hover":{"stroke":"#B70000"}}},"disabled":{"color":"#767676"},"hover":{"color":"#003677","text-decoration-line":"underline"},"icon-container":{"block-size":"calc(clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem) * 1.6)","inline-size":"1.5rem"}},"row":{"gap":{"no":"0","xs":"clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)","sm":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","md":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)","lg":"clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)","xl":"clamp(2.25rem, 2.0625rem + 0.9375vw, 3rem)"}},"screen":{"background-color":"#FFFFFF","wide":{"max-inline-size":"100rem"},"x-wide":{"max-inline-size":"132rem"}},"search-field":{"input":{"background-color":"#FFFFFF","box-shadow":"inset 0 0 0 0.0625rem #181818","color":"#181818","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)","font-weight":400,"line-height":"1.6","outline-offset":"0.125rem","padding-block":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","padding-inline":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)","cancel-button":{"background-image":"url(\\"data:image/svg+xml;utf8,\\")","block-size":"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)","color":"#004699","inline-size":"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)"},"hover":{"box-shadow":"inset 0 0 0 0.125rem #181818"},"invalid":{"box-shadow":"inset 0 0 0 0.0625rem #EC0000","hover":{"box-shadow":"inset 0 0 0 0.125rem #B70000"}},"placeholder":{"color":"#767676"}}},"select":{"background-color":"#FFFFFF","background-image":"url(\\"data:image/svg+xml;utf8,\\")","background-position":"right clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem) center","box-shadow":"inset 0 0 0 0.0625rem #181818","color":"#181818","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)","font-weight":400,"line-height":"1.6","outline-offset":"0.125rem","padding-block":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","padding-inline":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem) calc(2 * clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem) + 1em)","disabled":{"background-image":"url(\\"data:image/svg+xml;utf8,\\")","box-shadow":"inset 0 0 0 0.0625rem #767676","color":"#767676"},"hover":{"box-shadow":"inset 0 0 0 0.125rem #181818"},"invalid":{"box-shadow":"inset 0 0 0 0.0625rem #EC0000","hover":{"box-shadow":"inset 0 0 0 0.125rem #B70000"}},"option":{"disabled":{"color":"#767676"}}},"skip-link":{"background-color":"#004699","color":"#FFFFFF","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)","font-weight":400,"line-height":"1.6","outline-offset":"0.125rem","padding-block":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","padding-inline":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)","hover":{"background-color":"#003677"}},"spotlight":{"azure":{"background-color":"#009DE6"},"blue":{"background-color":"#004699"},"green":{"background-color":"#00A03C"},"lime":{"background-color":"#BED200"},"magenta":{"background-color":"#E50082"},"orange":{"background-color":"#FF9100"},"purple":{"background-color":"#A00078"},"yellow":{"background-color":"#FFE600"}},"switch":{"background-color":"#767676","font-family":"'Amsterdam Sans', Arial, sans-serif","outline-offset":"0.125rem","inline-size":"3.5rem","thumb":{"background-color":"#FFFFFF","inline-size":"1.75rem","block-size":"1.75rem","hover":{"box-shadow":"0 0 0 0.125rem #003677","color":"#003677"}},"checked":{"background-color":"#004699"},"disabled":{"background-color":"#767676"}},"table-of-contents":{"font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)","font-weight":400,"gap":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)","line-height":"1.6","link":{"color":"#004699","outline-offset":"0.125rem","text-decoration-line":"none","text-decoration-thickness":"0.125rem","text-underline-offset":"0.3333em","hover":{"color":"#003677","text-decoration-line":"underline"}},"list":{"gap":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","list":{"padding-block-start":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","padding-inline-start":"clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)"}},"heading":{"font-weight":800,"font-size":"clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)","line-height":"1.5"}},"table":{"color":"#181818","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)","font-weight":400,"line-height":"1.6","caption":{"font-weight":800},"cell":{"border-block-end":"0.0625rem solid #D1D1D1","padding-block":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","padding-inline":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)"},"header-cell":{"font-weight":800}},"tabs":{"gap":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)","list":{"box-shadow":"inset 0 calc(0.125rem * -1) #D1D1D1"},"button":{"color":"#004699","cursor":"pointer","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)","font-weight":400,"line-height":"1.6","outline-offset":"-0.25rem","padding-block":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","padding-inline":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)","hover":{"color":"#003677","box-shadow":"inset 0 calc(0.125rem * -1) #003677"},"selected":{"box-shadow":"inset 0 calc(0.25rem * -1) #004699","color":"#004699","font-weight":800},"disabled":{"color":"#767676","cursor":"not-allowed"}}},"text-area":{"background-color":"#FFFFFF","box-shadow":"inset 0 0 0 0.0625rem #181818","color":"#181818","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)","font-weight":400,"line-height":"1.6","min-block-size":"calc(1.6 * 1em + 2 * clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem))","outline-offset":"0.125rem","padding-block":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","padding-inline":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)","disabled":{"background-color":"#FFFFFF","box-shadow":"inset 0 0 0 0.0625rem #767676","color":"#767676","cursor":"not-allowed"},"hover":{"box-shadow":"inset 0 0 0 0.125rem #181818"},"invalid":{"box-shadow":"inset 0 0 0 0.0625rem #EC0000","hover":{"box-shadow":"inset 0 0 0 0.125rem #B70000"}},"placeholder":{"color":"#767676"}},"text-input":{"background-color":"#FFFFFF","box-shadow":"inset 0 0 0 0.0625rem #181818","color":"#181818","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)","font-weight":400,"line-height":"1.6","outline-offset":"0.125rem","padding-block":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","padding-inline":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)","disabled":{"background-color":"#FFFFFF","box-shadow":"inset 0 0 0 0.0625rem #767676","color":"#767676"},"hover":{"box-shadow":"inset 0 0 0 0.125rem #181818"},"invalid":{"box-shadow":"inset 0 0 0 0.0625rem #EC0000","hover":{"box-shadow":"inset 0 0 0 0.125rem #B70000"}},"placeholder":{"color":"#767676"}},"time-input":{"background-color":"#FFFFFF","box-shadow":"inset 0 0 0 0.0625rem #181818","color":"#181818","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)","font-weight":400,"line-height":"1.6","outline-offset":"0.125rem","padding-block":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","padding-inline":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)","calender-picker-indicator":{"background-image":"url(\\"data:image/svg+xml;utf8,\\")"},"disabled":{"background-color":"#FFFFFF","box-shadow":"inset 0 0 0 0.0625rem #767676","color":"#767676","calender-picker-indicator":{"background-image":"url(\\"data:image/svg+xml;utf8,\\")"}},"hover":{"box-shadow":"inset 0 0 0 0.125rem #181818","calender-picker-indicator":{"background-image":"url(\\"data:image/svg+xml;utf8,\\")"}},"invalid":{"box-shadow":"inset 0 0 0 0.0625rem #EC0000","hover":{"box-shadow":"inset 0 0 0 0.125rem #B70000"}}},"top-task-link":{"gap":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","description":{"color":"#181818","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)","font-weight":400,"line-height":"1.6"},"label":{"color":"#004699","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)","font-weight":800,"line-height":"1.5","text-decoration-line":"none","text-decoration-thickness":"0.125rem","text-underline-offset":"0.3333em","hover":{"color":"#003677","text-decoration-line":"underline"}},"outline-offset":"0.125rem"},"unordered-list":{"color":"#181818","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)","font-weight":400,"gap":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)","inverse-color":"#FFFFFF","line-height":"1.6","list-style-type":"'\\\\2022'","item":{"margin-inline-start":"1.625rem","padding-inline-start":"0.875rem"},"unordered-list":{"gap":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","list-style-type":"'\\\\2013'","padding-block-end":"0","padding-block-start":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","item":{"margin-inline-start":"0.875rem","padding-inline-start":"0.875rem"}},"small":{"font-size":"clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)","line-height":"1.6"}}}`),m={ams:v},s=p.forwardRef(({children:o,...r},h)=>e.jsx("div",{...r,ref:h,className:"ams-docs-color-palette",children:o}));s.displayName="ColorPalette";const d=({color:o,name:r})=>e.jsxs("div",{className:t("ams-docs-color-swatch",`ams-docs-color-swatch--${r}`),children:[e.jsxs("code",{className:"ams-docs-color-code",children:["ams.brand.color.",r]}),r==="neutral"?e.jsxs(e.Fragment,{children:[e.jsx(a,{color:o[0],level:"0"}),e.jsx(a,{color:o[20],level:"20"}),e.jsx(a,{color:o[40],level:"40"}),e.jsx(a,{color:o[60],level:"60"}),e.jsx(a,{color:o[80],level:"80"}),e.jsx(a,{color:o[100],level:"100"})]}):e.jsxs(e.Fragment,{children:[e.jsx(a,{color:o[20],level:"20"}),e.jsx(a,{color:o[60],level:"60"}),e.jsx(a,{color:o[80],level:"80"})]})]});d.displayName="ColorPalette.Swatch";const a=({color:o,level:r})=>e.jsx("div",{className:t("ams-docs-color-tile",`ams-docs-color-tile--${r}`),children:o&&e.jsxs(e.Fragment,{children:[e.jsx("code",{className:"ams-docs-color-code",children:r}),e.jsx("div",{className:"ams-docs-color-sample",style:{backgroundColor:o},title:o})]})});a.displayName="ColorPalette.Tile";const l=Object.assign(s,{Swatch:d,Tile:a});try{l.displayName="ColorPalette",l.__docgenInfo={description:"",displayName:"ColorPalette",props:{}}}catch{}/*@license CC0-1.0*/function n(o){const r={h1:"h1",h2:"h2",h3:"h3",p:"p",...c(),...o.components};return l||i("ColorPalette",!1),l.Swatch||i("ColorPalette.Swatch",!0),e.jsxs(e.Fragment,{children:[` -`,` -`,e.jsx(g,{title:"Brand/Design Tokens/Colour"}),` -`,e.jsx(r.h1,{id:"colour",children:"Colour"}),` -`,e.jsx(r.p,{children:`Our colour palette is vibrant and crisp. -The main colours are red, blue, black, and white. -They are complemented by a range of accent colors and shades of gray.`}),` -`,e.jsxs(l,{children:[e.jsx(l.Swatch,{color:m.ams.brand.color.red,name:"red"}),e.jsx(l.Swatch,{color:m.ams.brand.color.azure,name:"azure"}),e.jsx(l.Swatch,{color:m.ams.brand.color.blue,name:"blue"}),e.jsx(l.Swatch,{color:m.ams.brand.color.yellow,name:"yellow"}),e.jsx(l.Swatch,{color:m.ams.brand.color.lime,name:"lime"}),e.jsx(l.Swatch,{color:m.ams.brand.color.green,name:"green"}),e.jsx(l.Swatch,{color:m.ams.brand.color.orange,name:"orange"}),e.jsx(l.Swatch,{color:m.ams.brand.color.magenta,name:"magenta"}),e.jsx(l.Swatch,{color:m.ams.brand.color.purple,name:"purple"}),e.jsx(l.Swatch,{color:m.ams.brand.color.neutral,name:"neutral"})]}),` -`,e.jsx(r.h2,{id:"application",children:"Application"}),` -`,e.jsx(r.h3,{id:"red",children:"Red"}),` -`,e.jsx(r.p,{children:`Red is obviously prominent in our logo. -The only other usage for it is to indicate errors.`}),` -`,e.jsx(r.h3,{id:"blue",children:"Blue"}),` -`,e.jsx(r.p,{children:`Blue indicates interactivity. -Literally all buttons and links are blue; and dark blue on hover. -Only if they are on a coloured background do they become black or white. -Radio, Checkbox and Switch are blue as well. -Our Page Footer has a blue background.`}),` -`,e.jsx(r.h3,{id:"black",children:"Black"}),` -`,e.jsx(r.p,{children:`Almost all text is black, as are links on a light background colour. -Borders of inputs are black as well.`}),` -`,e.jsx(r.h3,{id:"white",children:"White"}),` -`,e.jsx(r.p,{children:`Our pages have a white background, as do inputs. -Text and links on a dark background are white instead of black and blue.`}),` -`,e.jsx(r.h3,{id:"neutral",children:"Neutral"}),` -`,e.jsx(r.p,{children:`We use shades of gray for borders, backgrounds and labels of disabled controls. -Secondary text is dark gray.`}),` -`,e.jsx(r.h3,{id:"azure-lime-green-yellow-orange-magenta-purple",children:"Azure, Lime, Green, Yellow, Orange, Magenta, Purple"}),` -`,e.jsx(r.p,{children:`These colours are supplemental. -Spotlight and Breakout use them to create prominent sections. -Avatar and Badge can use them for a background. -An Alert is blue, orange, red, or green. -Highlighted text is yellow.`})]})}function j(o={}){const{wrapper:r}={...c(),...o.components};return r?e.jsx(r,{...o,children:e.jsx(n,{...o})}):n(o)}function i(o,r){throw new Error("Expected "+(r?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}export{j as default}; diff --git a/demo-develop/assets/colour.docs-ZXUThGZ5.js b/demo-develop/assets/colour.docs-ZXUThGZ5.js new file mode 100644 index 0000000000..aae66723d3 --- /dev/null +++ b/demo-develop/assets/colour.docs-ZXUThGZ5.js @@ -0,0 +1,33 @@ +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as c}from"./index-3rgQkYFR.js";import{ae as g}from"./index-CmcJchMs.js";import{c as t}from"./clsx-B-dksMZM.js";import{r as p}from"./index-RigO-4kf.js";import"./index-D2MAbzvX.js";import"./iframe-CN_8E5Aq.js";import"../sb-preview/runtime.js";import"./_commonjsHelpers-CqkleIqs.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";const v=JSON.parse(`{"aspect-ratio":{"x-tall":"9 / 16","tall":"3 / 4","square":"1 / 1","wide":"4 / 3","x-wide":"16 / 9","2x-wide":"16 / 5"},"border":{"width":{"sm":"0.0625rem","md":"0.125rem","lg":"0.1875rem","xl":"0.25rem"}},"brand":{"color":{"azure":{"60":"#009DE6"},"blue":{"60":"#004699","80":"#003677"},"green":{"60":"#00A03C"},"lime":{"60":"#BED200"},"magenta":{"60":"#E50082"},"neutral":{"0":"#FFFFFF","20":"#D1D1D1","40":"#A4A4A4","60":"#767676","80":"#474747","100":"#181818"},"orange":{"60":"#FF9100"},"purple":{"60":"#A00078"},"red":{"60":"#EC0000","80":"#B70000"},"yellow":{"60":"#FFE600"}}},"space":{"xs":"clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)","sm":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","md":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)","lg":"clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)","xl":"clamp(2.25rem, 2.0625rem + 0.9375vw, 3rem)","grid":{"xs":"clamp(0.25rem, calc(0.09375rem + 0.78125vw), 0.875rem)","sm":"clamp(0.5rem, calc(0.1875rem + 1.5625vw), 1.75rem)","md":"clamp(1rem, calc(0.375rem + 3.125vw), 3.5rem)","lg":"clamp(1.5rem, calc(0.5625rem + 4.6875vw), 5.25rem)","xl":"clamp(2rem, calc(0.75rem + 6.25vw), 7rem)"}},"text":{"font-family":"'Amsterdam Sans', Arial, sans-serif","font-weight":{"normal":400,"bold":800},"level":{"0":{"font-size":"clamp(2.4316rem, calc(1.8951rem + 2.6826vw), 4.5776rem)","line-height":"1.15"},"1":{"font-size":"clamp(2.0842rem, calc(1.6897rem + 1.9724vw), 3.6621rem)","line-height":"1.2"},"2":{"font-size":"clamp(1.7865rem, calc(1.5007rem + 1.429vw), 2.9297rem)","line-height":"1.25"},"3":{"font-size":"clamp(1.5313rem, calc(1.3281rem + 1.0156vw), 2.3438rem)","line-height":"1.3"},"4":{"font-size":"clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)","line-height":"1.5"},"5":{"font-size":"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)","line-height":"1.6"},"6":{"font-size":"clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)","line-height":"1.6"}}},"action":{"activate":{"cursor":"pointer"},"busy":{"cursor":"wait"},"disabled":{"cursor":"not-allowed"},"inert":{"cursor":"default"},"navigate":{"cursor":"pointer"},"submit":{"cursor":"pointer"}},"focus":{"outline-offset":"0.125rem"},"hyphenation":{"hyphenate-limit-chars":"12 8 4","hyphens":"auto","overflow-wrap":"break-word"},"link-appearance":{"color":"#004699","text-decoration-thickness":"0.125rem","text-underline-offset":"0.3333em","hover":{"color":"#003677"},"regular":{"text-decoration-line":"underline","hover":{"text-decoration-thickness":"0.1875rem","text-underline-offset":"0.2778em"}},"subtle":{"text-decoration-line":"none","hover":{"text-decoration-line":"underline"}},"contrast":{"color":"#181818","hover":{"color":"#181818"},"visited":{"color":"#181818"}},"inverse":{"color":"#FFFFFF","hover":{"color":"#FFFFFF"},"visited":{"color":"#FFFFFF"}}},"accordion":{"gap":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)","button":{"color":"#004699","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)","font-weight":800,"gap":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","line-height":"1.6","padding-block":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","padding-inline":"0","focus":{"outline-offset":"0.125rem"},"hover":{"color":"#003677"}},"panel":{"padding-block":"0","padding-inline":"0"}},"action-group":{"gap":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)"},"alert":{"background-color":"#FFFFFF","border-width":"0.25rem","border-style":"solid","gap":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","padding-block":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)","padding-inline":"clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)","error":{"border-color":"#EC0000"},"info":{"border-color":"#009DE6"},"success":{"border-color":"#00A03C"},"warning":{"border-color":"#FF9100"},"content":{"gap":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)"}},"avatar":{"aspect-ratio":"1 / 1","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)","font-weight":400,"line-height":"1.6","padding-block":"clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)","padding-inline":"clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)","azure":{"background-color":"#009DE6","color":"#181818"},"black":{"background-color":"#181818","color":"#FFFFFF"},"blue":{"background-color":"#004699","color":"#FFFFFF"},"green":{"background-color":"#00A03C","color":"#FFFFFF"},"lime":{"background-color":"#BED200","color":"#181818"},"magenta":{"background-color":"#E50082","color":"#FFFFFF"},"neutral-20":{"background-color":"#D1D1D1","color":"#181818"},"neutral-40":{"background-color":"#A4A4A4","color":"#181818"},"neutral-60":{"background-color":"#767676","color":"#FFFFFF"},"neutral-80":{"background-color":"#474747","color":"#FFFFFF"},"orange":{"background-color":"#FF9100","color":"#181818"},"purple":{"background-color":"#A00078","color":"#FFFFFF"},"red":{"background-color":"#EC0000","color":"#FFFFFF"},"white":{"background-color":"#FFFFFF","color":"#181818"},"yellow":{"background-color":"#FFE600","color":"#181818"},"forced-colors":{"border-width":"0.125rem"}},"badge":{"font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)","font-weight":800,"line-height":"1.6","padding-inline":"clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)","azure":{"background-color":"#009DE6","color":"#181818"},"black":{"background-color":"#181818","color":"#FFFFFF"},"blue":{"background-color":"#004699","color":"#FFFFFF"},"green":{"background-color":"#00A03C","color":"#FFFFFF"},"lime":{"background-color":"#BED200","color":"#181818"},"magenta":{"background-color":"#E50082","color":"#FFFFFF"},"neutral-20":{"background-color":"#D1D1D1","color":"#181818"},"neutral-40":{"background-color":"#A4A4A4","color":"#181818"},"neutral-60":{"background-color":"#767676","color":"#FFFFFF"},"neutral-80":{"background-color":"#474747","color":"#FFFFFF"},"orange":{"background-color":"#FF9100","color":"#181818"},"purple":{"background-color":"#A00078","color":"#FFFFFF"},"red":{"background-color":"#EC0000","color":"#FFFFFF"},"white":{"background-color":"#FFFFFF","color":"#181818"},"yellow":{"background-color":"#FFE600","color":"#181818"}},"blockquote":{"color":"#181818","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.5313rem, calc(1.3281rem + 1.0156vw), 2.3438rem)","font-weight":800,"line-height":"1.3","inverse-color":"#FFFFFF"},"breadcrumb":{"font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)","font-weight":400,"line-height":"1.6","separator":{"background-image":"url(\\"data:image/svg+xml;utf8,\\")","block-size":"1ex","inline-size":"1ex","margin-inline":"clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)"},"link":{"color":"#004699","outline-offset":"0.125rem","text-decoration-line":"none","text-decoration-thickness":"0.125rem","text-underline-offset":"0.3333em","hover":{"color":"#003677","text-decoration-line":"underline"}}},"breakout":{"row-gap":{"sm":"clamp(0.5rem, calc(0.1875rem + 1.5625vw), 1.75rem)","md":"clamp(1rem, calc(0.375rem + 3.125vw), 3.5rem)","lg":"clamp(1.5rem, calc(0.5625rem + 4.6875vw), 5.25rem)"}},"button":{"cursor":"pointer","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)","line-height":"1.6","gap":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","outline-offset":"0.125rem","padding-block":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","padding-inline":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)","disabled":{"cursor":"not-allowed"},"forced-color-mode":{"border":"0.125rem solid"},"primary":{"background-color":"#004699","box-shadow":"inset 0 0 0 0.125rem #004699","color":"#FFFFFF","disabled":{"background-color":"#767676","box-shadow":"inset 0 0 0 0.125rem #767676"},"hover":{"background-color":"#003677","box-shadow":"inset 0 0 0 0.125rem #003677"}},"secondary":{"background-color":"#FFFFFF","color":"#004699","box-shadow":"inset 0 0 0 0.125rem #004699","hover":{"box-shadow":"inset 0 0 0 0.1875rem #003677","color":"#003677"},"disabled":{"background-color":"#FFFFFF","box-shadow":"inset 0 0 0 0.125rem #767676","color":"#767676"},"focus":{"box-shadow":"inset 0 0 0 0.125rem #004699"}},"tertiary":{"background-color":"transparent","color":"#004699","hover":{"box-shadow":"inset 0 0 0 0.125rem #003677","color":"#003677"},"disabled":{"background-color":"transparent","color":"#767676"}},"icon-only":{"padding-block":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","padding-inline":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)"}},"card":{"gap":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","heading-group":{"gap":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)"},"link":{"color":"#004699","text-decoration-line":"none","text-decoration-thickness":"0.125rem","text-underline-offset":"0.3333em","hover":{"color":"#003677","text-decoration-line":"underline"}},"outline-offset":"0.125rem"},"character-count":{"color":"#181818","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)","font-weight":400,"line-height":"1.6","error":{"color":"#EC0000"}},"checkbox":{"color":"#181818","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)","font-weight":400,"gap":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","line-height":"1.6","outline-offset":"0.125rem","checkmark":{"border-color":"#004699","border-width":"0.125rem","checked":{"background-color":"#004699","background-image":"url(\\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%23ffffff'%3E%3Cpath fill-rule='evenodd' d='M12.216 27.016 0 14.168l2.91-2.77 9.346 9.837L29.129 4 32 6.8z'/%3E%3C/svg%3E\\")","hover":{"background-color":"#003677"}},"disabled":{"border-color":"#767676","border-width":"0.125rem","checked":{"background-color":"#767676","hover":{"background-color":"#767676"}},"indeterminate":{"background-color":"#767676","hover":{"background-color":"#767676"}}},"hover":{"border-color":"#003677","border-width":"0.1875rem"},"invalid":{"border-color":"#EC0000","checked":{"background-color":"#EC0000","hover":{"background-color":"#B70000"}},"hover":{"border-color":"#B70000"},"indeterminate":{"background-color":"#EC0000","hover":{"background-color":"#B70000"}}},"indeterminate":{"background-color":"#004699","background-image":"url(\\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='white'%3E%3Cpath fill-rule='evenodd' d='M0 13.714h32v4H0z'/%3E%3C/svg%3E\\")","hover":{"background-color":"#003677"}}},"disabled":{"color":"#767676"},"hover":{"color":"#003677","text-decoration-thickness":"0.125rem"}},"column":{"gap":{"no":"0","xs":"clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)","sm":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","md":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)","lg":"clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)","xl":"clamp(2.25rem, 2.0625rem + 0.9375vw, 3rem)"}},"date-input":{"background-color":"#FFFFFF","box-shadow":"inset 0 0 0 0.0625rem #181818","color":"#181818","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)","font-weight":400,"line-height":"1.6","outline-offset":"0.125rem","padding-block":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","padding-inline":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)","calender-picker-indicator":{"background-image":"url(\\"data:image/svg+xml;utf8,\\")"},"disabled":{"background-color":"#FFFFFF","box-shadow":"inset 0 0 0 0.0625rem #767676","color":"#767676","calender-picker-indicator":{"background-image":"url(\\"data:image/svg+xml;utf8,\\")"}},"hover":{"box-shadow":"inset 0 0 0 0.125rem #181818","calender-picker-indicator":{"background-image":"url(\\"data:image/svg+xml;utf8,\\")"}},"invalid":{"box-shadow":"inset 0 0 0 0.0625rem #EC0000","hover":{"box-shadow":"inset 0 0 0 0.125rem #B70000"}}},"description-list":{"color":"#181818","column-gap":"clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)","inverse-color":"#FFFFFF","line-height":"1.6","row-gap":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","term":{"font-weight":800},"description":{"font-weight":400,"padding-inline-start":"clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)"}},"dialog":{"background-color":"#FFFFFF","border":"0","gap":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)","inline-size":"calc(100% - 2 * clamp(1rem, calc(0.375rem + 3.125vw), 3.5rem))","max-block-size":"calc(100dvh - 2 * clamp(1rem, calc(0.375rem + 3.125vw), 3.5rem))","max-inline-size":"48rem","padding-block":"clamp(1rem, calc(0.375rem + 3.125vw), 3.5rem)","padding-inline":"clamp(1.5rem, calc(0.5625rem + 4.6875vw), 5.25rem)","header":{"gap":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)"}},"error-message":{"color":"#EC0000","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)","font-weight":400,"gap":"clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)","line-height":"1.6"},"field-set":{"invalid":{"border-inline-start":"0.1875rem solid #EC0000","padding-inline-start":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)"},"legend":{"color":"#181818","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)","font-weight":800,"line-height":"1.5","margin-block-end":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)"}},"field":{"gap":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","invalid":{"border-inline-start":"0.1875rem solid #EC0000","padding-inline-start":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)"}},"file-input":{"background-color":"#FFFFFF","border":"0.0625rem dashed #767676","color":"#181818","cursor":"pointer","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)","font-weight":400,"line-height":"1.6","outline-offset":"0.125rem","padding-block":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)","padding-inline":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)","disabled":{"color":"#767676","cursor":"not-allowed"},"file-selector-button":{"background-color":"#FFFFFF","box-shadow":"inset 0 0 0 0.125rem #004699","color":"#004699","cursor":"pointer","margin-inline-end":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)","padding-block":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","padding-inline":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)","hover":{"box-shadow":"inset 0 0 0 0.1875rem #003677","color":"#003677"},"disabled":{"box-shadow":"inset 0 0 0 0.125rem #767676","color":"#767676","cursor":"not-allowed"},"forced-color-mode":{"border":"0.125rem solid"}}},"file-list":{"gap":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)","padding-block":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)","file":{"font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)","font-weight":400,"gap":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","line-height":"1.6","details":{"color":"#767676"},"preview":{"width":"clamp(2.5rem, 10vw, 5rem)"}}},"footer":{"top":{"background-color":"#004699"}},"form-error-list":{"outline-offset":"0.125rem"},"gap":{"xs":"clamp(0.25rem, calc(0.09375rem + 0.78125vw), 0.875rem)","sm":"clamp(0.5rem, calc(0.1875rem + 1.5625vw), 1.75rem)","md":"clamp(1rem, calc(0.375rem + 3.125vw), 3.5rem)","lg":"clamp(1.5rem, calc(0.5625rem + 4.6875vw), 5.25rem)","xl":"clamp(2rem, calc(0.75rem + 6.25vw), 7rem)"},"grid":{"column-count":"4","column-gap":"clamp(1rem, calc(0.375rem + 3.125vw), 3.5rem)","padding-block":{"sm":"clamp(0.5rem, calc(0.1875rem + 1.5625vw), 1.75rem)","md":"clamp(1rem, calc(0.375rem + 3.125vw), 3.5rem)","lg":"clamp(1.5rem, calc(0.5625rem + 4.6875vw), 5.25rem)"},"padding-inline":"clamp(1.5rem, calc(0.5625rem + 4.6875vw), 5.25rem)","row-gap":{"sm":"clamp(0.5rem, calc(0.1875rem + 1.5625vw), 1.75rem)","md":"clamp(1rem, calc(0.375rem + 3.125vw), 3.5rem)","lg":"clamp(1.5rem, calc(0.5625rem + 4.6875vw), 5.25rem)"},"medium":{"column-count":"8"},"wide":{"column-count":"12"}},"header":{"column-gap":"clamp(1rem, calc(0.375rem + 3.125vw), 3.5rem)","padding-block":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)","logo-link":{"outline-offset":"0.125rem"}},"heading":{"color":"#181818","font-family":"'Amsterdam Sans', Arial, sans-serif","font-weight":800,"inverse-color":"#FFFFFF","level":{"1":{"font-size":"clamp(2.0842rem, calc(1.6897rem + 1.9724vw), 3.6621rem)","line-height":"1.2"},"2":{"font-size":"clamp(1.7865rem, calc(1.5007rem + 1.429vw), 2.9297rem)","line-height":"1.25"},"3":{"font-size":"clamp(1.5313rem, calc(1.3281rem + 1.0156vw), 2.3438rem)","line-height":"1.3"},"4":{"font-size":"clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)","line-height":"1.5"},"5":{"font-size":"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)","line-height":"1.6"},"6":{"font-size":"clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)","line-height":"1.6"}}},"hint":{"color":"#767676"},"icon-button":{"color":"#004699","outline-offset":"0.125rem","hover":{"background-color":"rgba(0, 70, 153, 0.125)","color":"#003677"},"disabled":{"color":"#767676"},"contrast-color":{"color":"#181818","hover":{"background-color":"rgba(0, 0, 0, 0.125)","color":"#181818"},"disabled":{"color":"#767676"}},"inverse-color":{"background-color":"#004699","color":"#FFFFFF","hover":{"background-color":"#003677","color":"#FFFFFF"},"disabled":{"color":"#FFFFFF","background-color":"#767676"}}},"icon":{"inverse":{"color":"#FFFFFF"},"size-3":{"font-size":"clamp(1.5313rem, calc(1.3281rem + 1.0156vw), 2.3438rem)","line-height":"1.3"},"size-4":{"font-size":"clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)","line-height":"1.5"},"size-5":{"font-size":"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)","line-height":"1.6"},"size-6":{"font-size":"clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)","line-height":"1.6"}},"image-slider":{"gap":"clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)","scroller":{"gap":"clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)","outline-offset":"0.125rem"},"thumbnails":{"gap":"clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)","thumbnail":{"background-color":"transparent","cursor":"pointer","opacity":"40%","outline-offset":"0.125rem","in-view":{"opacity":"100%"},"hover":{"opacity":"100%"}}}},"image":{"aspect-ratio":"16 / 9"},"label":{"color":"#181818","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)","font-weight":800,"line-height":"1.5"},"link-list":{"gap":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","link":{"color":"#004699","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)","font-weight":400,"gap":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","line-height":"1.6","outline-offset":"0.125rem","text-decoration-line":"none","text-decoration-thickness":"0.125rem","text-underline-offset":"0.3333em","small":{"font-size":"clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)","line-height":"1.6"},"large":{"font-size":"clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)","line-height":"1.5"},"hover":{"color":"#003677","text-decoration-line":"underline"},"contrast-color":{"color":"#181818","hover":{"color":"#181818"}},"inverse-color":{"color":"#FFFFFF","hover":{"color":"#FFFFFF"}}}},"link":{"color":"#004699","font-family":"'Amsterdam Sans', Arial, sans-serif","font-weight":400,"outline-offset":"0.125rem","hover":{"color":"#003677"},"inline":{"text-decoration-line":"underline","text-decoration-thickness":"0.125rem","text-underline-offset":"0.3333em","font-family":"inherit","font-size":"inherit","line-height":"inherit","hover":{"text-decoration-thickness":"0.1875rem","text-underline-offset":"0.2778em"},"visited":{"color":"#A00078"}},"standalone":{"font-size":"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)","line-height":"1.6","text-decoration-line":"underline","text-decoration-thickness":"0.125rem","text-underline-offset":"0.3333em","hover":{"text-decoration-thickness":"0.1875rem","text-underline-offset":"0.2778em"}},"contrast-color":{"color":"#181818","hover":{"color":"#181818"},"visited":{"color":"#181818"}},"inverse-color":{"color":"#FFFFFF","hover":{"color":"#FFFFFF"},"visited":{"color":"#FFFFFF"}}},"logo":{"block-size":"2.5rem","emblem":{"color":"#EC0000"},"title":{"color":"#EC0000"},"subsite":{"color":"#181818"}},"margin":{"xs":"clamp(0.25rem, calc(0.09375rem + 0.78125vw), 0.875rem)","sm":"clamp(0.5rem, calc(0.1875rem + 1.5625vw), 1.75rem)","md":"clamp(1rem, calc(0.375rem + 3.125vw), 3.5rem)","lg":"clamp(1.5rem, calc(0.5625rem + 4.6875vw), 5.25rem)","xl":"clamp(2rem, calc(0.75rem + 6.25vw), 7rem)"},"mark":{"background-color":"#FFE600"},"mega-menu":{"list-category":{"column-gap":"clamp(1rem, calc(0.375rem + 3.125vw), 3.5rem)","column-width":"20rem","padding-block-start":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)","padding-block-end":"clamp(1rem, calc(0.375rem + 3.125vw), 3.5rem)"}},"ordered-list":{"color":"#181818","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)","font-weight":400,"gap":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)","inverse-color":"#FFFFFF","line-height":"1.6","list-style-type":"decimal","small":{"font-size":"clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)","line-height":"1.6"},"item":{"margin-inline-start":"2.25rem","padding-inline-start":"0.25rem"},"ordered-list":{"gap":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","list-style-type":"lower-alpha","padding-block-end":"0","padding-block-start":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","item":{"margin-inline-start":"1.5rem","padding-inline-start":"0.25rem"}}},"page-heading":{"color":"#181818","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(2.4316rem, calc(1.8951rem + 2.6826vw), 4.5776rem)","font-weight":800,"inverse-color":"#FFFFFF","line-height":"clamp(2.4316rem, calc(1.8951rem + 2.6826vw), 4.5776rem)"},"page-menu":{"column-gap":"clamp(1rem, calc(0.375rem + 3.125vw), 3.5rem)","row-gap":"clamp(0.25rem, calc(0.09375rem + 0.78125vw), 0.875rem)","item":{"color":"#004699","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)","font-weight":400,"gap":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","line-height":"1.6","outline-offset":"0.125rem","text-decoration-line":"none","text-decoration-thickness":"0.125rem","text-underline-offset":"0.3333em","hover":{"color":"#003677","text-decoration-line":"underline"}}},"pagination":{"color":"#004699","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)","font-weight":400,"line-height":"1.6","button":{"gap":"clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)","outline-offset":"0.125rem","padding-inline":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","text-decoration-line":"none","text-decoration-thickness":"0.125rem","text-underline-offset":"0.3333em","current":{"font-weight":800},"hover":{"color":"#003677","text-decoration-line":"underline"}}},"paragraph":{"color":"#181818","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)","font-weight":400,"line-height":"1.6","inverse-color":"#FFFFFF","small":{"font-size":"clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)","line-height":"1.6"},"large":{"font-size":"clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)","line-height":"1.5"}},"password-input":{"background-color":"#FFFFFF","box-shadow":"inset 0 0 0 0.0625rem #181818","color":"#181818","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)","font-weight":400,"line-height":"1.6","outline-offset":"0.125rem","padding-block":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","padding-inline":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)","disabled":{"background-color":"#FFFFFF","box-shadow":"inset 0 0 0 0.0625rem #767676","color":"#767676"},"hover":{"box-shadow":"inset 0 0 0 0.125rem #181818"},"invalid":{"box-shadow":"inset 0 0 0 0.0625rem #EC0000","hover":{"box-shadow":"inset 0 0 0 0.125rem #B70000"}},"placeholder":{"color":"#767676"}},"radio":{"color":"#181818","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)","font-weight":400,"gap":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","line-height":"1.6","outline-offset":"0.125rem","text-decoration-thickness":"0.125rem","text-underline-offset":"0.3333em","checked-indicator":{"fill":"#004699","disabled":{"fill":"#767676"},"disabled-invalid":{"fill":"#767676","hover":{"fill":"#767676"}},"hover":{"fill":"#003677"},"invalid":{"fill":"#EC0000","hover":{"fill":"#B70000"}}},"hover-indicator":{"stroke-width":"3px","hover":{"stroke":"#004699"},"invalid":{"hover":{"stroke":{"60":{"value":"#EC0000","filePath":"src/brand/ams/color.tokens.json","isSource":true,"original":{"value":"#EC0000"},"name":"amsBrandColorRed60","attributes":{"category":"ams","type":"brand","item":"color","subitem":"red","state":"60"},"path":["ams","brand","color","red","60"]},"80":{"value":"#B70000","filePath":"src/brand/ams/color.tokens.json","isSource":true,"original":{"value":"#B70000"},"name":"amsBrandColorRed80","attributes":{"category":"ams","type":"brand","item":"color","subitem":"red","state":"80"},"path":["ams","brand","color","red","80"]}}}}},"circle":{"fill":"#FFFFFF","stroke":"#004699","stroke-width":"2px","disabled":{"stroke":"#767676"},"disabled-invalid":{"stroke":"#767676","hover":{"stroke":"#767676"}},"hover":{"stroke":"#003677"},"invalid":{"stroke":"#EC0000","hover":{"stroke":"#B70000"}}},"disabled":{"color":"#767676"},"hover":{"color":"#003677","text-decoration-line":"underline"},"icon-container":{"block-size":"calc(clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem) * 1.6)","inline-size":"1.5rem"}},"row":{"gap":{"no":"0","xs":"clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)","sm":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","md":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)","lg":"clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)","xl":"clamp(2.25rem, 2.0625rem + 0.9375vw, 3rem)"}},"screen":{"background-color":"#FFFFFF","wide":{"max-inline-size":"100rem"},"x-wide":{"max-inline-size":"132rem"}},"search-field":{"input":{"background-color":"#FFFFFF","box-shadow":"inset 0 0 0 0.0625rem #181818","color":"#181818","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)","font-weight":400,"line-height":"1.6","outline-offset":"0.125rem","padding-block":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","padding-inline":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)","cancel-button":{"background-image":"url(\\"data:image/svg+xml;utf8,\\")","block-size":"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)","color":"#004699","inline-size":"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)"},"hover":{"box-shadow":"inset 0 0 0 0.125rem #181818"},"invalid":{"box-shadow":"inset 0 0 0 0.0625rem #EC0000","hover":{"box-shadow":"inset 0 0 0 0.125rem #B70000"}},"placeholder":{"color":"#767676"}}},"select":{"background-color":"#FFFFFF","background-image":"url(\\"data:image/svg+xml;utf8,\\")","background-position":"right clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem) center","box-shadow":"inset 0 0 0 0.0625rem #181818","color":"#181818","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)","font-weight":400,"line-height":"1.6","outline-offset":"0.125rem","padding-block":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","padding-inline":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem) calc(2 * clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem) + 1em)","disabled":{"background-image":"url(\\"data:image/svg+xml;utf8,\\")","box-shadow":"inset 0 0 0 0.0625rem #767676","color":"#767676"},"hover":{"box-shadow":"inset 0 0 0 0.125rem #181818"},"invalid":{"box-shadow":"inset 0 0 0 0.0625rem #EC0000","hover":{"box-shadow":"inset 0 0 0 0.125rem #B70000"}},"option":{"disabled":{"color":"#767676"}}},"skip-link":{"background-color":"#004699","color":"#FFFFFF","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)","font-weight":400,"line-height":"1.6","outline-offset":"0.125rem","padding-block":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","padding-inline":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)","hover":{"background-color":"#003677"}},"spotlight":{"azure":{"background-color":"#009DE6"},"blue":{"background-color":"#004699"},"green":{"background-color":"#00A03C"},"lime":{"background-color":"#BED200"},"magenta":{"background-color":"#E50082"},"orange":{"background-color":"#FF9100"},"purple":{"background-color":"#A00078"},"yellow":{"background-color":"#FFE600"}},"switch":{"background-color":"#767676","font-family":"'Amsterdam Sans', Arial, sans-serif","outline-offset":"0.125rem","inline-size":"3.5rem","thumb":{"background-color":"#FFFFFF","inline-size":"1.75rem","block-size":"1.75rem","hover":{"box-shadow":"0 0 0 0.125rem #003677","color":"#003677"}},"checked":{"background-color":"#004699"},"disabled":{"background-color":"#767676"}},"table-of-contents":{"font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)","font-weight":400,"gap":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)","line-height":"1.6","link":{"color":"#004699","outline-offset":"0.125rem","text-decoration-line":"none","text-decoration-thickness":"0.125rem","text-underline-offset":"0.3333em","hover":{"color":"#003677","text-decoration-line":"underline"}},"list":{"gap":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","list":{"padding-block-start":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","padding-inline-start":"clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)"}},"heading":{"font-weight":800,"font-size":"clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)","line-height":"1.5"}},"table":{"color":"#181818","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)","font-weight":400,"line-height":"1.6","caption":{"font-weight":800},"cell":{"border-block-end":"0.0625rem solid #D1D1D1","padding-block":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","padding-inline":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)"},"header-cell":{"font-weight":800}},"tabs":{"gap":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)","list":{"box-shadow":"inset 0 calc(0.125rem * -1) #D1D1D1"},"button":{"color":"#004699","cursor":"pointer","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)","font-weight":400,"line-height":"1.6","outline-offset":"-0.25rem","padding-block":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","padding-inline":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)","hover":{"color":"#003677","box-shadow":"inset 0 calc(0.125rem * -1) #003677"},"selected":{"box-shadow":"inset 0 calc(0.25rem * -1) #004699","color":"#004699","font-weight":800},"disabled":{"color":"#767676","cursor":"not-allowed"}}},"text-area":{"background-color":"#FFFFFF","box-shadow":"inset 0 0 0 0.0625rem #181818","color":"#181818","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)","font-weight":400,"line-height":"1.6","min-block-size":"calc(1.6 * 1em + 2 * clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem))","outline-offset":"0.125rem","padding-block":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","padding-inline":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)","disabled":{"background-color":"#FFFFFF","box-shadow":"inset 0 0 0 0.0625rem #767676","color":"#767676","cursor":"not-allowed"},"hover":{"box-shadow":"inset 0 0 0 0.125rem #181818"},"invalid":{"box-shadow":"inset 0 0 0 0.0625rem #EC0000","hover":{"box-shadow":"inset 0 0 0 0.125rem #B70000"}},"placeholder":{"color":"#767676"}},"text-input":{"background-color":"#FFFFFF","box-shadow":"inset 0 0 0 0.0625rem #181818","color":"#181818","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)","font-weight":400,"line-height":"1.6","outline-offset":"0.125rem","padding-block":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","padding-inline":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)","disabled":{"background-color":"#FFFFFF","box-shadow":"inset 0 0 0 0.0625rem #767676","color":"#767676"},"hover":{"box-shadow":"inset 0 0 0 0.125rem #181818"},"invalid":{"box-shadow":"inset 0 0 0 0.0625rem #EC0000","hover":{"box-shadow":"inset 0 0 0 0.125rem #B70000"}},"placeholder":{"color":"#767676"}},"time-input":{"background-color":"#FFFFFF","box-shadow":"inset 0 0 0 0.0625rem #181818","color":"#181818","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)","font-weight":400,"line-height":"1.6","outline-offset":"0.125rem","padding-block":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","padding-inline":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)","calender-picker-indicator":{"background-image":"url(\\"data:image/svg+xml;utf8,\\")"},"disabled":{"background-color":"#FFFFFF","box-shadow":"inset 0 0 0 0.0625rem #767676","color":"#767676","calender-picker-indicator":{"background-image":"url(\\"data:image/svg+xml;utf8,\\")"}},"hover":{"box-shadow":"inset 0 0 0 0.125rem #181818","calender-picker-indicator":{"background-image":"url(\\"data:image/svg+xml;utf8,\\")"}},"invalid":{"box-shadow":"inset 0 0 0 0.0625rem #EC0000","hover":{"box-shadow":"inset 0 0 0 0.125rem #B70000"}}},"top-task-link":{"gap":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","description":{"color":"#181818","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)","font-weight":400,"line-height":"1.6"},"label":{"color":"#004699","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)","font-weight":800,"line-height":"1.5","text-decoration-line":"none","text-decoration-thickness":"0.125rem","text-underline-offset":"0.3333em","hover":{"color":"#003677","text-decoration-line":"underline"}},"outline-offset":"0.125rem"},"unordered-list":{"color":"#181818","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)","font-weight":400,"gap":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)","inverse-color":"#FFFFFF","line-height":"1.6","list-style-type":"'\\\\2022'","item":{"margin-inline-start":"1.625rem","padding-inline-start":"0.875rem"},"unordered-list":{"gap":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","list-style-type":"'\\\\2013'","padding-block-end":"0","padding-block-start":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","item":{"margin-inline-start":"0.875rem","padding-inline-start":"0.875rem"}},"small":{"font-size":"clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)","line-height":"1.6"}}}`),m={ams:v},s=p.forwardRef(({children:o,...r},h)=>e.jsx("div",{...r,ref:h,className:"ams-docs-color-palette",children:o}));s.displayName="ColorPalette";const d=({color:o,name:r})=>e.jsxs("div",{className:t("ams-docs-color-swatch",`ams-docs-color-swatch--${r}`),children:[e.jsxs("code",{className:"ams-docs-color-code",children:["ams.brand.color.",r]}),r==="neutral"?e.jsxs(e.Fragment,{children:[e.jsx(a,{color:o[0],level:"0"}),e.jsx(a,{color:o[20],level:"20"}),e.jsx(a,{color:o[40],level:"40"}),e.jsx(a,{color:o[60],level:"60"}),e.jsx(a,{color:o[80],level:"80"}),e.jsx(a,{color:o[100],level:"100"})]}):e.jsxs(e.Fragment,{children:[e.jsx(a,{color:o[20],level:"20"}),e.jsx(a,{color:o[60],level:"60"}),e.jsx(a,{color:o[80],level:"80"})]})]});d.displayName="ColorPalette.Swatch";const a=({color:o,level:r})=>e.jsx("div",{className:t("ams-docs-color-tile",`ams-docs-color-tile--${r}`),children:o&&e.jsxs(e.Fragment,{children:[e.jsx("code",{className:"ams-docs-color-code",children:r}),e.jsx("div",{className:"ams-docs-color-sample",style:{backgroundColor:o},title:o})]})});a.displayName="ColorPalette.Tile";const l=Object.assign(s,{Swatch:d,Tile:a});try{l.displayName="ColorPalette",l.__docgenInfo={description:"",displayName:"ColorPalette",props:{}}}catch{}/*@license CC0-1.0*/function n(o){const r={h1:"h1",h2:"h2",h3:"h3",p:"p",...c(),...o.components};return l||i("ColorPalette",!1),l.Swatch||i("ColorPalette.Swatch",!0),e.jsxs(e.Fragment,{children:[` +`,` +`,e.jsx(g,{title:"Brand/Design Tokens/Colour"}),` +`,e.jsx(r.h1,{id:"colour",children:"Colour"}),` +`,e.jsx(r.p,{children:`Our colour palette is vibrant and crisp. +The main colours are red, blue, black, and white. +They are complemented by a range of accent colors and shades of gray.`}),` +`,e.jsxs(l,{children:[e.jsx(l.Swatch,{color:m.ams.brand.color.red,name:"red"}),e.jsx(l.Swatch,{color:m.ams.brand.color.azure,name:"azure"}),e.jsx(l.Swatch,{color:m.ams.brand.color.blue,name:"blue"}),e.jsx(l.Swatch,{color:m.ams.brand.color.yellow,name:"yellow"}),e.jsx(l.Swatch,{color:m.ams.brand.color.lime,name:"lime"}),e.jsx(l.Swatch,{color:m.ams.brand.color.green,name:"green"}),e.jsx(l.Swatch,{color:m.ams.brand.color.orange,name:"orange"}),e.jsx(l.Swatch,{color:m.ams.brand.color.magenta,name:"magenta"}),e.jsx(l.Swatch,{color:m.ams.brand.color.purple,name:"purple"}),e.jsx(l.Swatch,{color:m.ams.brand.color.neutral,name:"neutral"})]}),` +`,e.jsx(r.h2,{id:"application",children:"Application"}),` +`,e.jsx(r.h3,{id:"red",children:"Red"}),` +`,e.jsx(r.p,{children:`Red is obviously prominent in our logo. +The only other usage for it is to indicate errors.`}),` +`,e.jsx(r.h3,{id:"blue",children:"Blue"}),` +`,e.jsx(r.p,{children:`Blue indicates interactivity. +Literally all buttons and links are blue; and dark blue on hover. +Only if they are on a coloured background do they become black or white. +Radio, Checkbox and Switch are blue as well. +Our Page Footer has a blue background.`}),` +`,e.jsx(r.h3,{id:"black",children:"Black"}),` +`,e.jsx(r.p,{children:`Almost all text is black, as are links on a light background colour. +Borders of inputs are black as well.`}),` +`,e.jsx(r.h3,{id:"white",children:"White"}),` +`,e.jsx(r.p,{children:`Our pages have a white background, as do inputs. +Text and links on a dark background are white instead of black and blue.`}),` +`,e.jsx(r.h3,{id:"neutral",children:"Neutral"}),` +`,e.jsx(r.p,{children:`We use shades of gray for borders, backgrounds and labels of disabled controls. +Secondary text is dark gray.`}),` +`,e.jsx(r.h3,{id:"azure-lime-green-yellow-orange-magenta-purple",children:"Azure, Lime, Green, Yellow, Orange, Magenta, Purple"}),` +`,e.jsx(r.p,{children:`These colours are supplemental. +Spotlight and Breakout use them to create prominent sections. +Avatar and Badge can use them for a background. +An Alert is blue, orange, red, or green. +Highlighted text is yellow.`})]})}function j(o={}){const{wrapper:r}={...c(),...o.components};return r?e.jsx(r,{...o,children:e.jsx(n,{...o})}):n(o)}function i(o,r){throw new Error("Expected "+(r?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}export{j as default}; diff --git a/demo-develop/assets/config-BSnquZq8.js b/demo-develop/assets/config-BSnquZq8.js new file mode 100644 index 0000000000..54e551fce5 --- /dev/null +++ b/demo-develop/assets/config-BSnquZq8.js @@ -0,0 +1 @@ +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{G as n,a as t,b as o,q as i,r as c}from"./index.esm-BsC3rSRZ.js";import{A as l}from"./PageMenu.stories-DMSuHN48.js";import{D as d}from"./Footer.stories-D-NB2HRo.js";const m=()=>{var r;return e.jsx(n,{children:e.jsx(n.Cell,{span:"all",children:e.jsx(t,{links:e.jsx(o,{alignEnd:!0,children:(r=l.args)==null?void 0:r.children}),menu:e.jsx("button",{className:"ams-header__menu-button",children:"Menu"})})})})},a=({children:r})=>{var s;return e.jsxs(e.Fragment,{children:[e.jsx(i,{href:"#main",children:"Direct naar inhoud"}),e.jsx(m,{}),r,e.jsx(c,{children:(s=d.args)==null?void 0:s.children})]})};try{a.displayName="Layout",a.__docgenInfo={description:"",displayName:"Layout",props:{}}}catch{}const j={decorators:[r=>e.jsx(a,{children:e.jsx(r,{})})],parameters:{layout:"fullscreen",themes:{themeOverride:"Spacious"}}};export{j as c}; diff --git a/demo-develop/assets/config-DmgB64Gy.js b/demo-develop/assets/config-DmgB64Gy.js deleted file mode 100644 index 985528b5c1..0000000000 --- a/demo-develop/assets/config-DmgB64Gy.js +++ /dev/null @@ -1 +0,0 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{G as n,b as t,c as o,q as i,r as c}from"./index.esm-4tYMzfzc.js";import{A as l}from"./PageMenu.stories-DMSuHN48.js";import{D as d}from"./Footer.stories-CfcjiTpQ.js";const m=()=>{var r;return e.jsx(n,{children:e.jsx(n.Cell,{span:"all",children:e.jsx(t,{links:e.jsx(o,{alignEnd:!0,children:(r=l.args)==null?void 0:r.children}),menu:e.jsx("button",{className:"ams-header__menu-button",children:"Menu"})})})})},s=({children:r})=>{var a;return e.jsxs(e.Fragment,{children:[e.jsx(i,{href:"#main",children:"Direct naar inhoud"}),e.jsx(m,{}),r,e.jsx(c,{children:(a=d.args)==null?void 0:a.children})]})};try{s.displayName="Layout",s.__docgenInfo={description:"",displayName:"Layout",props:{}}}catch{}const j={decorators:[r=>e.jsx(s,{children:e.jsx(r,{})})],parameters:{layout:"fullscreen",themes:{themeOverride:"Spacious"}}};export{j as c}; diff --git a/demo-develop/assets/copyright.docs-D-PgaUz4.js b/demo-develop/assets/copyright.docs-i5mHkkrB.js similarity index 91% rename from demo-develop/assets/copyright.docs-D-PgaUz4.js rename to demo-develop/assets/copyright.docs-i5mHkkrB.js index 1b60d72863..0077602812 100644 --- a/demo-develop/assets/copyright.docs-D-PgaUz4.js +++ b/demo-develop/assets/copyright.docs-i5mHkkrB.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as r}from"./index-3rgQkYFR.js";import{ae as s,aq as a}from"./index-CWKCY_Bl.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DBQNO3fk.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";const i=` +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as r}from"./index-3rgQkYFR.js";import{ae as s,aq as a}from"./index-CmcJchMs.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CN_8E5Aq.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";const i=` # Copyright diff --git a/demo-develop/assets/entry-preview-BTAUJx6a.js b/demo-develop/assets/entry-preview-D6QbN8gx.js similarity index 99% rename from demo-develop/assets/entry-preview-BTAUJx6a.js rename to demo-develop/assets/entry-preview-D6QbN8gx.js index d9d3e13eda..9d8ae13330 100644 --- a/demo-develop/assets/entry-preview-BTAUJx6a.js +++ b/demo-develop/assets/entry-preview-D6QbN8gx.js @@ -1,5 +1,5 @@ const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./react-18-1O4HD-Mi.js","./index-RigO-4kf.js","./_commonjsHelpers-CqkleIqs.js","./index-D2MAbzvX.js","./index-BIm0odtm.js"])))=>i.map(i=>d[i]); -import{_ as sr}from"./iframe-DBQNO3fk.js";import{_ as nr,a as ar,b as S}from"./chunk-XP5HYGXS-BGCqD1aY.js";import{R as pe,r as J}from"./index-RigO-4kf.js";import{r as ir}from"./index-D2MAbzvX.js";import{r as or}from"./index-BIm0odtm.js";import"../sb-preview/runtime.js";import"./_commonjsHelpers-CqkleIqs.js";var $e={exports:{}},V={};/** +import{_ as sr}from"./iframe-CN_8E5Aq.js";import{_ as nr,a as ar,b as S}from"./chunk-XP5HYGXS-BGCqD1aY.js";import{R as pe,r as J}from"./index-RigO-4kf.js";import{r as ir}from"./index-D2MAbzvX.js";import{r as or}from"./index-BIm0odtm.js";import"../sb-preview/runtime.js";import"./_commonjsHelpers-CqkleIqs.js";var $e={exports:{}},V={};/** * @license React * react-dom-test-utils.production.min.js * diff --git a/demo-develop/assets/favicon.docs-BgImOh-d.js b/demo-develop/assets/favicon.docs-CsRsZVZX.js similarity index 95% rename from demo-develop/assets/favicon.docs-BgImOh-d.js rename to demo-develop/assets/favicon.docs-CsRsZVZX.js index 7bd114325e..01bc63e436 100644 --- a/demo-develop/assets/favicon.docs-BgImOh-d.js +++ b/demo-develop/assets/favicon.docs-CsRsZVZX.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as o}from"./index-3rgQkYFR.js";import{ae as t}from"./index-CWKCY_Bl.js";import{F as a,S as r,A as l}from"./AppIcons-DJn-OvnN.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DBQNO3fk.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-4tYMzfzc.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";/*@license CC0-1.0*/function i(s){const n={a:"a",blockquote:"blockquote",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",li:"li",p:"p",pre:"pre",ul:"ul",...o(),...s.components};return e.jsxs(e.Fragment,{children:[` +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as o}from"./index-3rgQkYFR.js";import{ae as t}from"./index-CmcJchMs.js";import{F as a,S as r,A as l}from"./AppIcons-CxiHqblM.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CN_8E5Aq.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-BsC3rSRZ.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";/*@license CC0-1.0*/function i(s){const n={a:"a",blockquote:"blockquote",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",li:"li",p:"p",pre:"pre",ul:"ul",...o(),...s.components};return e.jsxs(e.Fragment,{children:[` `,` `,e.jsx(t,{title:"Brand/Assets/Favicon"}),` `,e.jsx(n.h1,{id:"favicon",children:"Favicon"}),` diff --git a/demo-develop/assets/font.docs-D6_T5VI1.js b/demo-develop/assets/font.docs-CnIkihc9.js similarity index 95% rename from demo-develop/assets/font.docs-D6_T5VI1.js rename to demo-develop/assets/font.docs-CnIkihc9.js index b17047acbc..e3dd90baa6 100644 --- a/demo-develop/assets/font.docs-D6_T5VI1.js +++ b/demo-develop/assets/font.docs-CnIkihc9.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as o}from"./index-3rgQkYFR.js";import{ae as i,af as r}from"./index-CWKCY_Bl.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DBQNO3fk.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";/*@license CC0-1.0*/function t(s){const n={a:"a",code:"code",h1:"h1",h2:"h2",p:"p",pre:"pre",...o(),...s.components};return e.jsxs(e.Fragment,{children:[` +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as o}from"./index-3rgQkYFR.js";import{ae as i,af as r}from"./index-CmcJchMs.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CN_8E5Aq.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";/*@license CC0-1.0*/function t(s){const n={a:"a",code:"code",h1:"h1",h2:"h2",p:"p",pre:"pre",...o(),...s.components};return e.jsxs(e.Fragment,{children:[` `,` `,e.jsx(i,{title:"Brand/Assets/Font"}),` `,e.jsx(n.h1,{id:"font",children:"Font"}),` diff --git a/demo-develop/assets/getting-started.docs-Cn8XHTOh.js b/demo-develop/assets/getting-started.docs-EziNk4Ua.js similarity index 92% rename from demo-develop/assets/getting-started.docs-Cn8XHTOh.js rename to demo-develop/assets/getting-started.docs-EziNk4Ua.js index 4456c03f2f..9d52375ffb 100644 --- a/demo-develop/assets/getting-started.docs-Cn8XHTOh.js +++ b/demo-develop/assets/getting-started.docs-EziNk4Ua.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as r}from"./index-3rgQkYFR.js";import{ae as o}from"./index-CWKCY_Bl.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DBQNO3fk.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";/*@license CC0-1.0*/function n(s){const t={a:"a",code:"code",h1:"h1",h2:"h2",p:"p",pre:"pre",strong:"strong",...r(),...s.components};return e.jsxs(e.Fragment,{children:[` +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as r}from"./index-3rgQkYFR.js";import{ae as o}from"./index-CmcJchMs.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CN_8E5Aq.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";/*@license CC0-1.0*/function n(s){const t={a:"a",code:"code",h1:"h1",h2:"h2",p:"p",pre:"pre",strong:"strong",...r(),...s.components};return e.jsxs(e.Fragment,{children:[` `,` `,e.jsx(o,{title:"Docs/Developer Guide/Getting Started"}),` `,e.jsx(t.h1,{id:"getting-started",children:"Getting Started"}),` diff --git a/demo-develop/assets/grid.docs-BAlyZW41.js b/demo-develop/assets/grid.docs-CnhuHo8R.js similarity index 98% rename from demo-develop/assets/grid.docs-BAlyZW41.js rename to demo-develop/assets/grid.docs-CnhuHo8R.js index eb972f2d26..3335f76d23 100644 --- a/demo-develop/assets/grid.docs-BAlyZW41.js +++ b/demo-develop/assets/grid.docs-CnhuHo8R.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 l}from"./index-CWKCY_Bl.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DBQNO3fk.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";/*@license CC0-1.0*/function n(i){const t={a:"a",h1:"h1",h2:"h2",h3:"h3",h4:"h4",li:"li",p:"p",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",ul:"ul",...s(),...i.components};return e.jsxs(e.Fragment,{children:[` +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as s}from"./index-3rgQkYFR.js";import{ae as l}from"./index-CmcJchMs.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CN_8E5Aq.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";/*@license CC0-1.0*/function n(i){const t={a:"a",h1:"h1",h2:"h2",h3:"h3",h4:"h4",li:"li",p:"p",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",ul:"ul",...s(),...i.components};return e.jsxs(e.Fragment,{children:[` `,` `,e.jsx(l,{title:"Brand/Design Tokens/Grid"}),` `,e.jsx(t.h1,{id:"grid",children:"Grid"}),` diff --git a/demo-develop/assets/icons.docs-BfiTDyeK.js b/demo-develop/assets/icons.docs-4SKlCf-J.js similarity index 91% rename from demo-develop/assets/icons.docs-BfiTDyeK.js rename to demo-develop/assets/icons.docs-4SKlCf-J.js index 874e201517..0ea7c0b1ba 100644 --- a/demo-develop/assets/icons.docs-BfiTDyeK.js +++ b/demo-develop/assets/icons.docs-4SKlCf-J.js @@ -1,4 +1,4 @@ -import{j as n}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as r}from"./index-3rgQkYFR.js";import{au as i,av as c,ae as a}from"./index-CWKCY_Bl.js";import{I as s}from"./index.esm-Bz9pa_xK.js";import{I as m}from"./Icon-CPe807nE.js";import{S as l}from"./StatusBadge-DiE14TfE.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DBQNO3fk.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"./clsx-B-dksMZM.js";import"./Badge-BvbF-Lgn.js";const p=()=>{const t=Object.keys(s);return n.jsx(i,{children:t.map(o=>n.jsx(c,{name:o.substring(0,o.length-4),children:n.jsx(m,{svg:s[o]})},o))})};/*@license CC0-1.0*/function e(t){const o={a:"a",h1:"h1",h2:"h2",li:"li",p:"p",ul:"ul",...r(),...t.components};return n.jsxs(n.Fragment,{children:[` +import{j as n}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as r}from"./index-3rgQkYFR.js";import{au as i,av as c,ae as a}from"./index-CmcJchMs.js";import{I as s}from"./index.esm-Bz9pa_xK.js";import{I as m}from"./Icon-CPe807nE.js";import{S as l}from"./StatusBadge-DiE14TfE.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CN_8E5Aq.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"./clsx-B-dksMZM.js";import"./Badge-BvbF-Lgn.js";const p=()=>{const t=Object.keys(s);return n.jsx(i,{children:t.map(o=>n.jsx(c,{name:o.substring(0,o.length-4),children:n.jsx(m,{svg:s[o]})},o))})};/*@license CC0-1.0*/function e(t){const o={a:"a",h1:"h1",h2:"h2",li:"li",p:"p",ul:"ul",...r(),...t.components};return n.jsxs(n.Fragment,{children:[` `,` `,n.jsx(a,{title:"Brand/Assets/Icons"}),` `,n.jsx(l,{reason:"The set of available icons will change."}),` diff --git a/demo-develop/assets/iframe-CN_8E5Aq.js b/demo-develop/assets/iframe-CN_8E5Aq.js new file mode 100644 index 0000000000..58d6d94c55 --- /dev/null +++ b/demo-develop/assets/iframe-CN_8E5Aq.js @@ -0,0 +1,2 @@ +const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./Accordion.docs-CEEJ4mkk.js","./jsx-runtime-BjgbQsUx.js","./index-D2MAbzvX.js","./index-3rgQkYFR.js","./index-RigO-4kf.js","./_commonjsHelpers-CqkleIqs.js","./index-CmcJchMs.js","./index-BIm0odtm.js","./index-D-8MO0q_.js","./index-CHGET4sZ.js","./index-DrFu-skq.js","./Accordion.stories-BUxKbNBp.js","./index.esm-BsC3rSRZ.js","./clsx-B-dksMZM.js","./index.esm-Bz9pa_xK.js","./exampleContent-hIIPvEhU.js","./getHeadingTag-Dv1eMqvl.js","./Icon-CPe807nE.js","./useKeyboardFocus-CRUFsA_C.js","./ActionGroup.docs-Ds1w99cL.js","./ActionGroup.stories-CK-Iinzj.js","./Alert.docs-CnFvTq7X.js","./Alert.stories-DJlOZpoT.js","./Alert-CXn618bb.js","./Heading-kLxhGLS-.js","./IconButton-Crov6BLL.js","./Avatar.docs-BhfWW6zH.js","./Avatar.stories-BTV_MRoL.js","./Image-dslpK47z.js","./Badge.docs-BU4oSNPD.js","./Badge.stories-DPvq_OmT.js","./Badge-BvbF-Lgn.js","./Blockquote.docs-DWJzM9Z3.js","./Blockquote.stories-BNug3b0G.js","./Breadcrumb.docs-D1a8evoP.js","./Breadcrumb.stories-DlD_h2bb.js","./Breakout.docs-DU_za3WU.js","./Breakout.stories-CPa4IYml.js","./paddingClasses-C5gheHLv.js","./Button.docs-C_1-tdsq.js","./Button.stories-BFitmNFu.js","./Button-QlQc6Uo1.js","./Card.docs-BbraAXwR.js","./Card.stories-CapeAgbE.js","./Paragraph-B2U4A2CY.js","./CharacterCount.docs-Cewmwf9o.js","./CharacterCount.stories-DXeDr-El.js","./Checkbox.docs-CtzbiNRp.js","./Checkbox.stories-DT1uMAAs.js","./Column.docs-c2bzcMJP.js","./Column.stories-C1ZqLDo4.js","./types-B5YJ6HHW.js","./DateInput.docs-DyMvEJLt.js","./DateInput.stories-QGZdA3bX.js","./DescriptionList.docs-DhRC-xYd.js","./DescriptionList.stories-TqSz4NZf.js","./Dialog.docs-t4wBFqJO.js","./Dialog.stories-04FeFLAf.js","./ErrorMessage.docs-DQSVd5l1.js","./ErrorMessage.stories-Be50a9um.js","./Field.docs-CkW0wf43.js","./Field.stories-BBREzpL9.js","./FieldSet.docs-DuIzrpHl.js","./FieldSet.stories-B50Z4MLC.js","./Hint-ny2kNNgA.js","./FileInput.docs-BpFxrK1Q.js","./FileInput.stories-CQebXt5_.js","./FileList.docs-cKP-HfBP.js","./FileList.stories-BvN-04pZ.js","./Footer.docs-CiyBUkFZ.js","./Footer.stories-D-NB2HRo.js","./PageMenu.stories-DMSuHN48.js","./FormErrorList.docs-YpNG5lCr.js","./FormErrorList.stories-D7QS7wFE.js","./LinkList-BSPLoecX.js","./Grid.docs-BydyvlPt.js","./Grid.stories-bmYGHC93.js","./Header.docs-BR0BmN-s.js","./Header.stories-Ds_PTGjY.js","./Logo-BazI2ckd.js","./StatusBadge-DiE14TfE.js","./StatusBadge-BPsnsflc.css","./Heading.docs-CZ_6onTQ.js","./Heading.stories-1tMrrTuI.js","./Icon.docs-CXmCVqB_.js","./Icon.stories-LL60e07G.js","./IconButton.docs-DxZp1kH5.js","./IconButton.stories-DxAaPKjB.js","./Image.docs-CiIwVONr.js","./Image.stories-BYgQuacP.js","./ImageSlider.docs-fXTTnSk6.js","./ImageSlider.stories-C5bWp2Rl.js","./Label.docs-B0KRcgqJ.js","./Label.stories-C_bEBMkh.js","./Link.docs-B823-pHZ.js","./Link.stories-CeUQiB1g.js","./LinkList.docs-DX-lEBGZ.js","./LinkList.stories-C0usvnlJ.js","./Logo.docs-6Iahc5s2.js","./Logo.stories-LgbwSI1-.js","./Mark.docs-CgXyZamH.js","./Mark.stories-8bxSg4GD.js","./MegaMenu.docs-29u9yp5v.js","./MegaMenu.stories-BhiyfpKa.js","./OrderedList.docs-D-jV296m.js","./OrderedList.stories-QqaYjco2.js","./Overlap.docs-BWG0HDyX.js","./Overlap.stories-nZgftYEJ.js","./PageHeading.docs-C7S84nYN.js","./PageHeading.stories-xdugF2bU.js","./PageMenu.docs-CCx20KTW.js","./Pagination.docs-DAIE5aR_.js","./Pagination.stories-DMveVvuE.js","./Paragraph.docs-DZyKa34g.js","./Paragraph.stories--7CE_aZk.js","./PasswordInput.docs-DRksRf-X.js","./PasswordInput.stories-CV4NlbrE.js","./Radio.docs-B1oTSZgD.js","./Radio.stories-BUQbfY1q.js","./Row.docs-fsqJLFhQ.js","./Row.stories-BReaOBHs.js","./Screen.docs-Dxh8So2U.js","./Screen.stories-BEbhUpOk.js","./SearchField.docs-DK-VofZc.js","./SearchField.stories-B7d7NZfk.js","./Select.docs-CCHrxJDC.js","./Select.stories-BszPUx6r.js","./SkipLink.docs-CQxe8Ojo.js","./SkipLink.stories-CMebH2P5.js","./Spotlight.docs-Co_fx7XX.js","./Spotlight.stories-FaqeoYm6.js","./Switch.docs-LpBjFoqp.js","./Switch.stories-DHo1rsQY.js","./Table.docs-Dg75cUay.js","./Table.stories-BfFwfuPP.js","./TableOfContents.docs-Bk435uoW.js","./TableOfContents.stories-4wGXH9sT.js","./Tabs.docs-CVEGpky2.js","./Tabs.stories-CDsoBjr4.js","./TextArea.docs-DBj0BEjI.js","./TextArea.stories-CWz5f5w-.js","./TextInput.docs-CR3XY5sZ.js","./TextInput.stories-Ds6o7uwG.js","./TimeInput.docs-DWC-533t.js","./TimeInput.stories-HT7openi.js","./TopTaskLink.docs-BAcVOM6D.js","./TopTaskLink.stories-B3k6D7yN.js","./UnorderedList.docs-BgXPwoTN.js","./UnorderedList.stories-1mK7H0ZY.js","./breakpoints.docs-OiVpseyw.js","./getting-started.docs-EziNk4Ua.js","./interactivity.docs-CO-xd3cx.js","./language.docs-Hucmlp59.js","./routing-libraries.docs-C3I60_Te.js","./usability.docs-BkSF_9qH.js","./web-app.docs-DRZomgYG.js","./AppIcons-CxiHqblM.js","./introduction.docs-BGso8-35.js","./copyright.docs-i5mHkkrB.js","./license.docs-CWcvg0aM.js","./favicon.docs-CsRsZVZX.js","./font.docs-CnIkihc9.js","./icons.docs-4SKlCf-J.js","./aspect-ratio.docs-8z1f7ZVY.js","./border.docs-piHD_YtR.js","./colour.docs-ZXUThGZ5.js","./colour-DMO0xpAR.css","./grid.docs-CnhuHo8R.js","./space.docs-B3myeQzv.js","./text.docs-DoSGo5Dz.js","./Introduction.docs-Cb9Mhr5R.js","./ArticlePage.docs-CMdq1mt3.js","./ArticlePage.stories-CA-Rji_p.js","./config-BSnquZq8.js","./FormPage.docs-CMu0i1wt.js","./FormPage.stories-CrQ79e6f.js","./HomePage.docs-85LDOUiS.js","./HomePage.stories-COVaDeWY.js","./AspectRatio.docs-Cqz1fRJY.js","./AspectRatio.stories-4NdL09L5.js","./Gap.docs-CaYDP_jK.js","./Gap.stories-Cu-EUmVr.js","./Margin.docs-BJVqfv-N.js","./Margin.stories-BDql_M2r.js","./VisuallyHidden.docs-DvYuEiQ5.js","./VisuallyHidden.stories-BTx3yZyv.js","./entry-preview-D6QbN8gx.js","./chunk-XP5HYGXS-BGCqD1aY.js","./entry-preview-docs-hipnMgiF.js","./preview-BhhEZcNS.js","./preview-D77C14du.js","./preview-BWzBA1C2.js","./preview-BTbnVQ4y.js","./preview-DhHcT4ut.css"])))=>i.map(i=>d[i]); +import"../sb-preview/runtime.js";(function(){const i=document.createElement("link").relList;if(i&&i.supports&&i.supports("modulepreload"))return;for(const o of document.querySelectorAll('link[rel="modulepreload"]'))a(o);new MutationObserver(o=>{for(const e of o)if(e.type==="childList")for(const _ of e.addedNodes)_.tagName==="LINK"&&_.rel==="modulepreload"&&a(_)}).observe(document,{childList:!0,subtree:!0});function c(o){const e={};return o.integrity&&(e.integrity=o.integrity),o.referrerPolicy&&(e.referrerPolicy=o.referrerPolicy),o.crossOrigin==="use-credentials"?e.credentials="include":o.crossOrigin==="anonymous"?e.credentials="omit":e.credentials="same-origin",e}function a(o){if(o.ep)return;o.ep=!0;const e=c(o);fetch(o.href,e)}})();const T="modulepreload",I=function(r,i){return new URL(r,i).href},L={},t=function(i,c,a){let o=Promise.resolve();if(c&&c.length>0){const _=document.getElementsByTagName("link"),s=document.querySelector("meta[property=csp-nonce]"),l=(s==null?void 0:s.nonce)||(s==null?void 0:s.getAttribute("nonce"));o=Promise.allSettled(c.map(m=>{if(m=I(m,a),m in L)return;L[m]=!0;const p=m.endsWith(".css"),O=p?'[rel="stylesheet"]':"";if(!!a)for(let d=_.length-1;d>=0;d--){const u=_[d];if(u.href===m&&(!p||u.rel==="stylesheet"))return}else if(document.querySelector(`link[href="${m}"]${O}`))return;const n=document.createElement("link");if(n.rel=p?"stylesheet":T,p||(n.as="script"),n.crossOrigin="",n.href=m,l&&n.setAttribute("nonce",l),document.head.appendChild(n),p)return new Promise((d,u)=>{n.addEventListener("load",d),n.addEventListener("error",()=>u(new Error(`Unable to preload CSS for ${m}`)))})}))}function e(_){const s=new Event("vite:preloadError",{cancelable:!0});if(s.payload=_,window.dispatchEvent(s),!s.defaultPrevented)throw _}return o.then(_=>{for(const s of _||[])s.status==="rejected"&&e(s.reason);return i().catch(e)})},{createBrowserChannel:P}=__STORYBOOK_MODULE_CHANNELS__,{addons:R}=__STORYBOOK_MODULE_PREVIEW_API__,E=P({page:"preview"});R.setChannel(E);window.__STORYBOOK_ADDONS_CHANNEL__=E;window.CONFIG_TYPE==="DEVELOPMENT"&&(window.__STORYBOOK_SERVER_CHANNEL__=E);const A={"./src/components/Accordion/Accordion.docs.mdx":async()=>t(()=>import("./Accordion.docs-CEEJ4mkk.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18]),import.meta.url),"./src/components/Accordion/Accordion.stories.tsx":async()=>t(()=>import("./Accordion.stories-BUxKbNBp.js").then(r=>r.A),__vite__mapDeps([11,1,2,12,13,4,5,14,15,16,17,18]),import.meta.url),"./src/components/ActionGroup/ActionGroup.docs.mdx":async()=>t(()=>import("./ActionGroup.docs-Ds1w99cL.js"),__vite__mapDeps([19,1,2,3,4,5,6,7,8,9,10,20,12,13,14]),import.meta.url),"./src/components/ActionGroup/ActionGroup.stories.tsx":async()=>t(()=>import("./ActionGroup.stories-CK-Iinzj.js").then(r=>r.A),__vite__mapDeps([20,1,2,12,13,4,5,14]),import.meta.url),"./src/components/Alert/Alert.docs.mdx":async()=>t(()=>import("./Alert.docs-CnFvTq7X.js"),__vite__mapDeps([21,1,2,3,4,5,6,7,8,9,10,22,12,13,14,23,17,24,16,25]),import.meta.url),"./src/components/Alert/Alert.stories.tsx":async()=>t(()=>import("./Alert.stories-DJlOZpoT.js").then(r=>r.A),__vite__mapDeps([22,1,2,12,13,4,5,14,23,17,24,16,25]),import.meta.url),"./src/components/Avatar/Avatar.docs.mdx":async()=>t(()=>import("./Avatar.docs-BhfWW6zH.js"),__vite__mapDeps([26,1,2,3,4,5,6,7,8,9,10,27,12,13,14,28,17]),import.meta.url),"./src/components/Avatar/Avatar.stories.tsx":async()=>t(()=>import("./Avatar.stories-BTV_MRoL.js").then(r=>r.A),__vite__mapDeps([27,1,2,12,13,4,5,14,28,17]),import.meta.url),"./src/components/Badge/Badge.docs.mdx":async()=>t(()=>import("./Badge.docs-BU4oSNPD.js"),__vite__mapDeps([29,1,2,3,4,5,6,7,8,9,10,30,31,13]),import.meta.url),"./src/components/Badge/Badge.stories.tsx":async()=>t(()=>import("./Badge.stories-DPvq_OmT.js").then(r=>r.B),__vite__mapDeps([30,31,1,2,13,4,5]),import.meta.url),"./src/components/Blockquote/Blockquote.docs.mdx":async()=>t(()=>import("./Blockquote.docs-DWJzM9Z3.js"),__vite__mapDeps([32,1,2,3,4,5,6,7,8,9,10,33,15,13]),import.meta.url),"./src/components/Blockquote/Blockquote.stories.tsx":async()=>t(()=>import("./Blockquote.stories-BNug3b0G.js").then(r=>r.B),__vite__mapDeps([33,15,1,2,13,4,5]),import.meta.url),"./src/components/Breadcrumb/Breadcrumb.docs.mdx":async()=>t(()=>import("./Breadcrumb.docs-D1a8evoP.js"),__vite__mapDeps([34,1,2,3,4,5,6,7,8,9,10,35,13]),import.meta.url),"./src/components/Breadcrumb/Breadcrumb.stories.tsx":async()=>t(()=>import("./Breadcrumb.stories-DlD_h2bb.js").then(r=>r.B),__vite__mapDeps([35,1,2,13,4,5]),import.meta.url),"./src/components/Breakout/Breakout.docs.mdx":async()=>t(()=>import("./Breakout.docs-DU_za3WU.js"),__vite__mapDeps([36,1,2,3,4,5,6,7,8,9,10,37,12,13,14,38]),import.meta.url),"./src/components/Breakout/Breakout.stories.tsx":async()=>t(()=>import("./Breakout.stories-CPa4IYml.js").then(r=>r.B),__vite__mapDeps([37,1,2,12,13,4,5,14,38]),import.meta.url),"./src/components/Button/Button.docs.mdx":async()=>t(()=>import("./Button.docs-C_1-tdsq.js"),__vite__mapDeps([39,1,2,3,4,5,6,7,8,9,10,40,14,41,13,17]),import.meta.url),"./src/components/Button/Button.stories.tsx":async()=>t(()=>import("./Button.stories-BFitmNFu.js").then(r=>r.B),__vite__mapDeps([40,1,2,14,41,13,4,5,17]),import.meta.url),"./src/components/Card/Card.docs.mdx":async()=>t(()=>import("./Card.docs-BbraAXwR.js"),__vite__mapDeps([42,1,2,3,4,5,6,7,8,9,10,43,12,13,14,15,44]),import.meta.url),"./src/components/Card/Card.stories.tsx":async()=>t(()=>import("./Card.stories-CapeAgbE.js").then(r=>r.C),__vite__mapDeps([43,1,2,12,13,4,5,14,15,44]),import.meta.url),"./src/components/CharacterCount/CharacterCount.docs.mdx":async()=>t(()=>import("./CharacterCount.docs-Cewmwf9o.js"),__vite__mapDeps([45,1,2,3,4,5,6,7,8,9,10,46,13]),import.meta.url),"./src/components/CharacterCount/CharacterCount.stories.tsx":async()=>t(()=>import("./CharacterCount.stories-DXeDr-El.js").then(r=>r.C),__vite__mapDeps([46,1,2,13,4,5]),import.meta.url),"./src/components/Checkbox/Checkbox.docs.mdx":async()=>t(()=>import("./Checkbox.docs-CtzbiNRp.js"),__vite__mapDeps([47,1,2,3,4,5,6,7,8,9,10,48,12,13,14]),import.meta.url),"./src/components/Checkbox/Checkbox.stories.tsx":async()=>t(()=>import("./Checkbox.stories-DT1uMAAs.js").then(r=>r.C),__vite__mapDeps([48,1,2,12,13,4,5,14]),import.meta.url),"./src/components/Column/Column.docs.mdx":async()=>t(()=>import("./Column.docs-c2bzcMJP.js"),__vite__mapDeps([49,1,2,3,4,5,6,7,8,9,10,50,12,13,14,51]),import.meta.url),"./src/components/Column/Column.stories.tsx":async()=>t(()=>import("./Column.stories-C1ZqLDo4.js").then(r=>r.C),__vite__mapDeps([50,1,2,12,13,4,5,14,51]),import.meta.url),"./src/components/DateInput/DateInput.docs.mdx":async()=>t(()=>import("./DateInput.docs-DyMvEJLt.js"),__vite__mapDeps([52,1,2,3,4,5,6,7,8,9,10,53,12,13,14]),import.meta.url),"./src/components/DateInput/DateInput.stories.tsx":async()=>t(()=>import("./DateInput.stories-QGZdA3bX.js").then(r=>r.D),__vite__mapDeps([53,1,2,12,13,4,5,14]),import.meta.url),"./src/components/DescriptionList/DescriptionList.docs.mdx":async()=>t(()=>import("./DescriptionList.docs-DhRC-xYd.js"),__vite__mapDeps([54,1,2,3,4,5,6,7,8,9,10,55,12,13,14]),import.meta.url),"./src/components/DescriptionList/DescriptionList.stories.tsx":async()=>t(()=>import("./DescriptionList.stories-TqSz4NZf.js").then(r=>r.D),__vite__mapDeps([55,1,2,12,13,4,5,14]),import.meta.url),"./src/components/Dialog/Dialog.docs.mdx":async()=>t(()=>import("./Dialog.docs-t4wBFqJO.js"),__vite__mapDeps([56,1,2,3,4,5,6,7,8,9,10,57,12,13,14,24,16,25,17]),import.meta.url),"./src/components/Dialog/Dialog.stories.tsx":async()=>t(()=>import("./Dialog.stories-04FeFLAf.js").then(r=>r.D),__vite__mapDeps([57,1,2,12,13,4,5,14,24,16,25,17]),import.meta.url),"./src/components/ErrorMessage/ErrorMessage.docs.mdx":async()=>t(()=>import("./ErrorMessage.docs-DQSVd5l1.js"),__vite__mapDeps([58,1,2,3,4,5,6,7,8,9,10,59,14,13,17]),import.meta.url),"./src/components/ErrorMessage/ErrorMessage.stories.tsx":async()=>t(()=>import("./ErrorMessage.stories-Be50a9um.js").then(r=>r.E),__vite__mapDeps([59,14,1,2,13,4,5,17]),import.meta.url),"./src/components/Field/Field.docs.mdx":async()=>t(()=>import("./Field.docs-CkW0wf43.js"),__vite__mapDeps([60,1,2,3,4,5,6,7,8,9,10,61,12,13,14]),import.meta.url),"./src/components/Field/Field.stories.tsx":async()=>t(()=>import("./Field.stories-BBREzpL9.js").then(r=>r.F),__vite__mapDeps([61,1,2,12,13,4,5,14]),import.meta.url),"./src/components/FieldSet/FieldSet.docs.mdx":async()=>t(()=>import("./FieldSet.docs-DuIzrpHl.js"),__vite__mapDeps([62,1,2,3,4,5,6,7,8,9,10,63,12,13,14,64]),import.meta.url),"./src/components/FieldSet/FieldSet.stories.tsx":async()=>t(()=>import("./FieldSet.stories-B50Z4MLC.js").then(r=>r.F),__vite__mapDeps([63,1,2,12,13,4,5,14,64]),import.meta.url),"./src/components/FileInput/FileInput.docs.mdx":async()=>t(()=>import("./FileInput.docs-BpFxrK1Q.js"),__vite__mapDeps([65,1,2,3,4,5,6,7,8,9,10,66,12,13,14]),import.meta.url),"./src/components/FileInput/FileInput.stories.tsx":async()=>t(()=>import("./FileInput.stories-CQebXt5_.js").then(r=>r.F),__vite__mapDeps([66,1,2,12,13,4,5,14]),import.meta.url),"./src/components/FileList/FileList.docs.mdx":async()=>t(()=>import("./FileList.docs-cKP-HfBP.js"),__vite__mapDeps([67,1,2,3,4,5,6,7,8,9,10,68,12,13,14,17,41]),import.meta.url),"./src/components/FileList/FileList.stories.tsx":async()=>t(()=>import("./FileList.stories-BvN-04pZ.js").then(r=>r.F),__vite__mapDeps([68,1,2,12,13,4,5,14,17,41]),import.meta.url),"./src/components/Footer/Footer.docs.mdx":async()=>t(()=>import("./Footer.docs-CiyBUkFZ.js"),__vite__mapDeps([69,1,2,3,4,5,6,7,8,9,10,70,12,13,14,71,17]),import.meta.url),"./src/components/Footer/Footer.stories.tsx":async()=>t(()=>import("./Footer.stories-D-NB2HRo.js").then(r=>r.F),__vite__mapDeps([70,1,2,12,13,4,5,14,71,17]),import.meta.url),"./src/components/FormErrorList/FormErrorList.docs.mdx":async()=>t(()=>import("./FormErrorList.docs-YpNG5lCr.js"),__vite__mapDeps([72,1,2,3,4,5,6,7,8,9,10,73,13,23,14,17,24,16,25,74]),import.meta.url),"./src/components/FormErrorList/FormErrorList.stories.tsx":async()=>t(()=>import("./FormErrorList.stories-D7QS7wFE.js").then(r=>r.F),__vite__mapDeps([73,1,2,4,5,13,23,14,17,24,16,25,74]),import.meta.url),"./src/components/Grid/Grid.docs.mdx":async()=>t(()=>import("./Grid.docs-BydyvlPt.js"),__vite__mapDeps([75,1,2,3,4,5,6,7,8,9,10,76,13,38]),import.meta.url),"./src/components/Grid/Grid.stories.tsx":async()=>t(()=>import("./Grid.stories-bmYGHC93.js").then(r=>r.G),__vite__mapDeps([76,1,2,13,4,5,38]),import.meta.url),"./src/components/Header/Header.docs.mdx":async()=>t(()=>import("./Header.docs-BR0BmN-s.js"),__vite__mapDeps([77,1,2,3,4,5,6,7,8,9,10,78,12,13,14,79,24,16,80,31,81]),import.meta.url),"./src/components/Header/Header.stories.tsx":async()=>t(()=>import("./Header.stories-Ds_PTGjY.js").then(r=>r.H),__vite__mapDeps([78,1,2,12,13,4,5,14,79,24,16]),import.meta.url),"./src/components/Heading/Heading.docs.mdx":async()=>t(()=>import("./Heading.docs-CZ_6onTQ.js"),__vite__mapDeps([82,1,2,3,4,5,6,7,8,9,10,83,12,13,14,15,24,16]),import.meta.url),"./src/components/Heading/Heading.stories.tsx":async()=>t(()=>import("./Heading.stories-1tMrrTuI.js").then(r=>r.H),__vite__mapDeps([83,1,2,4,5,12,13,14,15,24,16]),import.meta.url),"./src/components/Icon/Icon.docs.mdx":async()=>t(()=>import("./Icon.docs-CXmCVqB_.js"),__vite__mapDeps([84,1,2,3,4,5,6,7,8,9,10,85,12,13,14,17,80,31,81]),import.meta.url),"./src/components/Icon/Icon.stories.tsx":async()=>t(()=>import("./Icon.stories-LL60e07G.js").then(r=>r.I),__vite__mapDeps([85,1,2,12,13,4,5,14,17]),import.meta.url),"./src/components/IconButton/IconButton.docs.mdx":async()=>t(()=>import("./IconButton.docs-DxZp1kH5.js"),__vite__mapDeps([86,1,2,3,4,5,6,7,8,9,10,87,14,25,13,17]),import.meta.url),"./src/components/IconButton/IconButton.stories.tsx":async()=>t(()=>import("./IconButton.stories-DxAaPKjB.js").then(r=>r.I),__vite__mapDeps([87,14,1,2,25,13,4,5,17]),import.meta.url),"./src/components/Image/Image.docs.mdx":async()=>t(()=>import("./Image.docs-CiIwVONr.js"),__vite__mapDeps([88,1,2,3,4,5,6,7,8,9,10,89,28,13]),import.meta.url),"./src/components/Image/Image.stories.tsx":async()=>t(()=>import("./Image.stories-BYgQuacP.js").then(r=>r.I),__vite__mapDeps([89,28,1,2,13,4,5]),import.meta.url),"./src/components/ImageSlider/ImageSlider.docs.mdx":async()=>t(()=>import("./ImageSlider.docs-fXTTnSk6.js"),__vite__mapDeps([90,1,2,3,4,5,6,7,8,9,10,91,13,14,25,17,28]),import.meta.url),"./src/components/ImageSlider/ImageSlider.stories.tsx":async()=>t(()=>import("./ImageSlider.stories-C5bWp2Rl.js").then(r=>r.I),__vite__mapDeps([91,1,2,13,4,5,14,25,17,28]),import.meta.url),"./src/components/Label/Label.docs.mdx":async()=>t(()=>import("./Label.docs-B0KRcgqJ.js"),__vite__mapDeps([92,1,2,3,4,5,6,7,8,9,10,93,13,64]),import.meta.url),"./src/components/Label/Label.stories.tsx":async()=>t(()=>import("./Label.stories-C_bEBMkh.js").then(r=>r.L),__vite__mapDeps([93,1,2,13,4,5,64]),import.meta.url),"./src/components/Link/Link.docs.mdx":async()=>t(()=>import("./Link.docs-B823-pHZ.js"),__vite__mapDeps([94,1,2,3,4,5,6,7,8,9,10,95,12,13,14]),import.meta.url),"./src/components/Link/Link.stories.tsx":async()=>t(()=>import("./Link.stories-CeUQiB1g.js").then(r=>r.L),__vite__mapDeps([95,1,2,12,13,4,5,14]),import.meta.url),"./src/components/LinkList/LinkList.docs.mdx":async()=>t(()=>import("./LinkList.docs-DX-lEBGZ.js"),__vite__mapDeps([96,1,2,3,4,5,6,7,8,9,10,97,14,15,74,13,17]),import.meta.url),"./src/components/LinkList/LinkList.stories.tsx":async()=>t(()=>import("./LinkList.stories-C0usvnlJ.js").then(r=>r.L),__vite__mapDeps([97,1,2,14,15,74,13,4,5,17]),import.meta.url),"./src/components/Logo/Logo.docs.mdx":async()=>t(()=>import("./Logo.docs-6Iahc5s2.js"),__vite__mapDeps([98,1,2,3,4,5,6,7,8,9,10,99,79,13]),import.meta.url),"./src/components/Logo/Logo.stories.tsx":async()=>t(()=>import("./Logo.stories-LgbwSI1-.js").then(r=>r.L),__vite__mapDeps([99,79,1,2,13,4,5]),import.meta.url),"./src/components/Mark/Mark.docs.mdx":async()=>t(()=>import("./Mark.docs-CgXyZamH.js"),__vite__mapDeps([100,1,2,3,4,5,6,7,8,9,10,101,12,13,14]),import.meta.url),"./src/components/Mark/Mark.stories.tsx":async()=>t(()=>import("./Mark.stories-8bxSg4GD.js").then(r=>r.M),__vite__mapDeps([101,1,2,12,13,4,5,14]),import.meta.url),"./src/components/MegaMenu/MegaMenu.docs.mdx":async()=>t(()=>import("./MegaMenu.docs-29u9yp5v.js"),__vite__mapDeps([102,1,2,3,4,5,6,7,8,9,10,103,12,13,14,80,31,81]),import.meta.url),"./src/components/MegaMenu/MegaMenu.stories.tsx":async()=>t(()=>import("./MegaMenu.stories-BhiyfpKa.js").then(r=>r.M),__vite__mapDeps([103,1,2,12,13,4,5,14]),import.meta.url),"./src/components/OrderedList/OrderedList.docs.mdx":async()=>t(()=>import("./OrderedList.docs-D-jV296m.js"),__vite__mapDeps([104,1,2,3,4,5,6,7,8,9,10,105,12,13,14,15]),import.meta.url),"./src/components/OrderedList/OrderedList.stories.tsx":async()=>t(()=>import("./OrderedList.stories-QqaYjco2.js").then(r=>r.O),__vite__mapDeps([105,1,2,12,13,4,5,14,15]),import.meta.url),"./src/components/Overlap/Overlap.docs.mdx":async()=>t(()=>import("./Overlap.docs-BWG0HDyX.js"),__vite__mapDeps([106,1,2,3,4,5,6,7,8,9,10,107,12,13,14]),import.meta.url),"./src/components/Overlap/Overlap.stories.tsx":async()=>t(()=>import("./Overlap.stories-nZgftYEJ.js").then(r=>r.O),__vite__mapDeps([107,1,2,12,13,4,5,14]),import.meta.url),"./src/components/PageHeading/PageHeading.docs.mdx":async()=>t(()=>import("./PageHeading.docs-C7S84nYN.js"),__vite__mapDeps([108,1,2,3,4,5,6,7,8,9,10,109,13]),import.meta.url),"./src/components/PageHeading/PageHeading.stories.tsx":async()=>t(()=>import("./PageHeading.stories-xdugF2bU.js").then(r=>r.P),__vite__mapDeps([109,1,2,13,4,5]),import.meta.url),"./src/components/PageMenu/PageMenu.docs.mdx":async()=>t(()=>import("./PageMenu.docs-CCx20KTW.js"),__vite__mapDeps([110,1,2,3,4,5,6,7,8,9,10,71,14,13,17,80,31,81]),import.meta.url),"./src/components/PageMenu/PageMenu.stories.tsx":async()=>t(()=>import("./PageMenu.stories-DMSuHN48.js").then(r=>r.P),__vite__mapDeps([71,1,2,14,13,4,5,17]),import.meta.url),"./src/components/Pagination/Pagination.docs.mdx":async()=>t(()=>import("./Pagination.docs-DAIE5aR_.js"),__vite__mapDeps([111,1,2,3,4,5,6,7,8,9,10,112,14,13,17]),import.meta.url),"./src/components/Pagination/Pagination.stories.tsx":async()=>t(()=>import("./Pagination.stories-DMveVvuE.js").then(r=>r.P),__vite__mapDeps([112,1,2,14,13,4,5,17]),import.meta.url),"./src/components/Paragraph/Paragraph.docs.mdx":async()=>t(()=>import("./Paragraph.docs-DZyKa34g.js"),__vite__mapDeps([113,1,2,3,4,5,6,7,8,9,10,114,15,44,13]),import.meta.url),"./src/components/Paragraph/Paragraph.stories.tsx":async()=>t(()=>import("./Paragraph.stories--7CE_aZk.js").then(r=>r.P),__vite__mapDeps([114,15,44,1,2,13,4,5]),import.meta.url),"./src/components/PasswordInput/PasswordInput.docs.mdx":async()=>t(()=>import("./PasswordInput.docs-DRksRf-X.js"),__vite__mapDeps([115,1,2,3,4,5,6,7,8,9,10,116,12,13,14]),import.meta.url),"./src/components/PasswordInput/PasswordInput.stories.tsx":async()=>t(()=>import("./PasswordInput.stories-CV4NlbrE.js").then(r=>r.P),__vite__mapDeps([116,1,2,12,13,4,5,14]),import.meta.url),"./src/components/Radio/Radio.docs.mdx":async()=>t(()=>import("./Radio.docs-B1oTSZgD.js"),__vite__mapDeps([117,1,2,3,4,5,6,7,8,9,10,118,12,13,14]),import.meta.url),"./src/components/Radio/Radio.stories.tsx":async()=>t(()=>import("./Radio.stories-BUQbfY1q.js").then(r=>r.R),__vite__mapDeps([118,1,2,12,13,4,5,14]),import.meta.url),"./src/components/Row/Row.docs.mdx":async()=>t(()=>import("./Row.docs-fsqJLFhQ.js"),__vite__mapDeps([119,1,2,3,4,5,6,7,8,9,10,120,12,13,14,51]),import.meta.url),"./src/components/Row/Row.stories.tsx":async()=>t(()=>import("./Row.stories-BReaOBHs.js").then(r=>r.R),__vite__mapDeps([120,1,2,12,13,4,5,14,51]),import.meta.url),"./src/components/Screen/Screen.docs.mdx":async()=>t(()=>import("./Screen.docs-Dxh8So2U.js"),__vite__mapDeps([121,1,2,3,4,5,6,7,8,9,10,122,13]),import.meta.url),"./src/components/Screen/Screen.stories.tsx":async()=>t(()=>import("./Screen.stories-BEbhUpOk.js").then(r=>r.S),__vite__mapDeps([122,1,2,13,4,5]),import.meta.url),"./src/components/SearchField/SearchField.docs.mdx":async()=>t(()=>import("./SearchField.docs-DK-VofZc.js"),__vite__mapDeps([123,1,2,3,4,5,6,7,8,9,10,124,13,14,41,17]),import.meta.url),"./src/components/SearchField/SearchField.stories.tsx":async()=>t(()=>import("./SearchField.stories-B7d7NZfk.js").then(r=>r.S),__vite__mapDeps([124,1,2,13,4,5,14,41,17]),import.meta.url),"./src/components/Select/Select.docs.mdx":async()=>t(()=>import("./Select.docs-CCHrxJDC.js"),__vite__mapDeps([125,1,2,3,4,5,6,7,8,9,10,126,12,13,14]),import.meta.url),"./src/components/Select/Select.stories.tsx":async()=>t(()=>import("./Select.stories-BszPUx6r.js").then(r=>r.S),__vite__mapDeps([126,1,2,12,13,4,5,14]),import.meta.url),"./src/components/SkipLink/SkipLink.docs.mdx":async()=>t(()=>import("./SkipLink.docs-CQxe8Ojo.js"),__vite__mapDeps([127,1,2,3,4,5,6,7,8,9,10,128,12,13,14]),import.meta.url),"./src/components/SkipLink/SkipLink.stories.tsx":async()=>t(()=>import("./SkipLink.stories-CMebH2P5.js").then(r=>r.S),__vite__mapDeps([128,1,2,12,13,4,5,14]),import.meta.url),"./src/components/Spotlight/Spotlight.docs.mdx":async()=>t(()=>import("./Spotlight.docs-Co_fx7XX.js"),__vite__mapDeps([129,1,2,3,4,5,6,7,8,9,10,130,12,13,14,15]),import.meta.url),"./src/components/Spotlight/Spotlight.stories.tsx":async()=>t(()=>import("./Spotlight.stories-FaqeoYm6.js").then(r=>r.S),__vite__mapDeps([130,1,2,12,13,4,5,14,15]),import.meta.url),"./src/components/Switch/Switch.docs.mdx":async()=>t(()=>import("./Switch.docs-LpBjFoqp.js"),__vite__mapDeps([131,1,2,3,4,5,6,7,8,9,10,132,12,13,14]),import.meta.url),"./src/components/Switch/Switch.stories.tsx":async()=>t(()=>import("./Switch.stories-DHo1rsQY.js").then(r=>r.S),__vite__mapDeps([132,1,2,12,13,4,5,14]),import.meta.url),"./src/components/Table/Table.docs.mdx":async()=>t(()=>import("./Table.docs-Dg75cUay.js"),__vite__mapDeps([133,1,2,3,4,5,6,7,8,9,10,134,13]),import.meta.url),"./src/components/Table/Table.stories.tsx":async()=>t(()=>import("./Table.stories-BfFwfuPP.js").then(r=>r.T),__vite__mapDeps([134,1,2,13,4,5]),import.meta.url),"./src/components/TableOfContents/TableOfContents.docs.mdx":async()=>t(()=>import("./TableOfContents.docs-Bk435uoW.js"),__vite__mapDeps([135,1,2,3,4,5,6,7,8,9,10,136,13,24,16]),import.meta.url),"./src/components/TableOfContents/TableOfContents.stories.tsx":async()=>t(()=>import("./TableOfContents.stories-4wGXH9sT.js").then(r=>r.T),__vite__mapDeps([136,1,2,13,4,5,24,16]),import.meta.url),"./src/components/Tabs/Tabs.docs.mdx":async()=>t(()=>import("./Tabs.docs-CVEGpky2.js"),__vite__mapDeps([137,1,2,3,4,5,6,7,8,9,10,138,12,13,14,15,18]),import.meta.url),"./src/components/Tabs/Tabs.stories.tsx":async()=>t(()=>import("./Tabs.stories-CDsoBjr4.js").then(r=>r.T),__vite__mapDeps([138,1,2,12,13,4,5,14,15,18]),import.meta.url),"./src/components/TextArea/TextArea.docs.mdx":async()=>t(()=>import("./TextArea.docs-DBj0BEjI.js"),__vite__mapDeps([139,1,2,3,4,5,6,7,8,9,10,140,12,13,14,15]),import.meta.url),"./src/components/TextArea/TextArea.stories.tsx":async()=>t(()=>import("./TextArea.stories-CWz5f5w-.js").then(r=>r.T),__vite__mapDeps([140,1,2,12,13,4,5,14,15]),import.meta.url),"./src/components/TextInput/TextInput.docs.mdx":async()=>t(()=>import("./TextInput.docs-CR3XY5sZ.js"),__vite__mapDeps([141,1,2,3,4,5,6,7,8,9,10,142,12,13,14]),import.meta.url),"./src/components/TextInput/TextInput.stories.tsx":async()=>t(()=>import("./TextInput.stories-Ds6o7uwG.js").then(r=>r.T),__vite__mapDeps([142,1,2,12,13,4,5,14]),import.meta.url),"./src/components/TimeInput/TimeInput.docs.mdx":async()=>t(()=>import("./TimeInput.docs-DWC-533t.js"),__vite__mapDeps([143,1,2,3,4,5,6,7,8,9,10,144,12,13,14]),import.meta.url),"./src/components/TimeInput/TimeInput.stories.tsx":async()=>t(()=>import("./TimeInput.stories-HT7openi.js").then(r=>r.T),__vite__mapDeps([144,1,2,12,13,4,5,14]),import.meta.url),"./src/components/TopTaskLink/TopTaskLink.docs.mdx":async()=>t(()=>import("./TopTaskLink.docs-BAcVOM6D.js"),__vite__mapDeps([145,1,2,3,4,5,6,7,8,9,10,146,12,13,14,80,31,81]),import.meta.url),"./src/components/TopTaskLink/TopTaskLink.stories.tsx":async()=>t(()=>import("./TopTaskLink.stories-B3k6D7yN.js").then(r=>r.T),__vite__mapDeps([146,1,2,12,13,4,5,14]),import.meta.url),"./src/components/UnorderedList/UnorderedList.docs.mdx":async()=>t(()=>import("./UnorderedList.docs-BgXPwoTN.js"),__vite__mapDeps([147,1,2,3,4,5,6,7,8,9,10,148,12,13,14,15]),import.meta.url),"./src/components/UnorderedList/UnorderedList.stories.tsx":async()=>t(()=>import("./UnorderedList.stories-1mK7H0ZY.js").then(r=>r.U),__vite__mapDeps([148,1,2,12,13,4,5,14,15]),import.meta.url),"./src/docs/developer-guide/breakpoints.docs.mdx":async()=>t(()=>import("./breakpoints.docs-OiVpseyw.js"),__vite__mapDeps([149,1,2,3,4,5,6,7,8,9,10]),import.meta.url),"./src/docs/developer-guide/getting-started.docs.mdx":async()=>t(()=>import("./getting-started.docs-EziNk4Ua.js"),__vite__mapDeps([150,1,2,3,4,5,6,7,8,9,10]),import.meta.url),"./src/docs/developer-guide/interactivity.docs.mdx":async()=>t(()=>import("./interactivity.docs-CO-xd3cx.js"),__vite__mapDeps([151,1,2,3,4,5,6,7,8,9,10]),import.meta.url),"./src/docs/developer-guide/language.docs.mdx":async()=>t(()=>import("./language.docs-Hucmlp59.js"),__vite__mapDeps([152,1,2,3,4,5,6,7,8,9,10]),import.meta.url),"./src/docs/developer-guide/routing-libraries.docs.mdx":async()=>t(()=>import("./routing-libraries.docs-C3I60_Te.js"),__vite__mapDeps([153,1,2,3,4,5,6,7,8,9,10]),import.meta.url),"./src/docs/developer-guide/usability.docs.mdx":async()=>t(()=>import("./usability.docs-BkSF_9qH.js"),__vite__mapDeps([154,1,2,3,4,5,6,7,8,9,10]),import.meta.url),"./src/docs/developer-guide/web-app.docs.mdx":async()=>t(()=>import("./web-app.docs-DRZomgYG.js"),__vite__mapDeps([155,1,2,3,4,5,6,7,8,9,10,156,12,13,14]),import.meta.url),"./src/docs/introduction.docs.mdx":async()=>t(()=>import("./introduction.docs-BGso8-35.js"),__vite__mapDeps([157,1,2,3,4,5,6,7,8,9,10]),import.meta.url),"./src/docs/terms-of-use/copyright.docs.mdx":async()=>t(()=>import("./copyright.docs-i5mHkkrB.js"),__vite__mapDeps([158,1,2,3,4,5,6,7,8,9,10]),import.meta.url),"./src/docs/terms-of-use/license.docs.mdx":async()=>t(()=>import("./license.docs-CWcvg0aM.js"),__vite__mapDeps([159,1,2,3,4,5,6,7,8,9,10]),import.meta.url),"./src/foundation/assets/favicon.docs.mdx":async()=>t(()=>import("./favicon.docs-CsRsZVZX.js"),__vite__mapDeps([160,1,2,3,4,5,6,7,8,9,10,156,12,13,14]),import.meta.url),"./src/foundation/assets/font.docs.mdx":async()=>t(()=>import("./font.docs-CnIkihc9.js"),__vite__mapDeps([161,1,2,3,4,5,6,7,8,9,10]),import.meta.url),"./src/foundation/assets/icons.docs.mdx":async()=>t(()=>import("./icons.docs-4SKlCf-J.js"),__vite__mapDeps([162,1,2,3,4,5,6,7,8,9,10,14,17,13,80,31,81]),import.meta.url),"./src/foundation/design-tokens/aspect-ratio.docs.mdx":async()=>t(()=>import("./aspect-ratio.docs-8z1f7ZVY.js"),__vite__mapDeps([163,1,2,3,4,5,6,7,8,9,10]),import.meta.url),"./src/foundation/design-tokens/border.docs.mdx":async()=>t(()=>import("./border.docs-piHD_YtR.js"),__vite__mapDeps([164,1,2,3,4,5,6,7,8,9,10]),import.meta.url),"./src/foundation/design-tokens/colour.docs.mdx":async()=>t(()=>import("./colour.docs-ZXUThGZ5.js"),__vite__mapDeps([165,1,2,3,4,5,6,7,8,9,10,13,166]),import.meta.url),"./src/foundation/design-tokens/grid.docs.mdx":async()=>t(()=>import("./grid.docs-CnhuHo8R.js"),__vite__mapDeps([167,1,2,3,4,5,6,7,8,9,10]),import.meta.url),"./src/foundation/design-tokens/space.docs.mdx":async()=>t(()=>import("./space.docs-B3myeQzv.js"),__vite__mapDeps([168,1,2,3,4,5,6,7,8,9,10]),import.meta.url),"./src/foundation/design-tokens/text.docs.mdx":async()=>t(()=>import("./text.docs-DoSGo5Dz.js"),__vite__mapDeps([169,1,2,3,4,5,6,7,8,9,10]),import.meta.url),"./src/pages/Introduction.docs.mdx":async()=>t(()=>import("./Introduction.docs-Cb9Mhr5R.js"),__vite__mapDeps([170,1,2,3,4,5,6,7,8,9,10]),import.meta.url),"./src/pages/amsterdam/ArticlePage/ArticlePage.docs.mdx":async()=>t(()=>import("./ArticlePage.docs-CMdq1mt3.js"),__vite__mapDeps([171,1,2,3,4,5,6,7,8,9,10,172,12,13,14,89,28,173,71,17,70]),import.meta.url),"./src/pages/amsterdam/ArticlePage/ArticlePage.stories.tsx":async()=>t(()=>import("./ArticlePage.stories-CA-Rji_p.js").then(r=>r.A),__vite__mapDeps([172,1,2,12,13,4,5,14,89,28,173,71,17,70]),import.meta.url),"./src/pages/amsterdam/FormPage/FormPage.docs.mdx":async()=>t(()=>import("./FormPage.docs-CMu0i1wt.js"),__vite__mapDeps([174,1,2,3,4,5,6,7,8,9,10,175,12,13,14,173,71,17,70]),import.meta.url),"./src/pages/amsterdam/FormPage/FormPage.stories.tsx":async()=>t(()=>import("./FormPage.stories-CrQ79e6f.js").then(r=>r.F),__vite__mapDeps([175,1,2,12,13,4,5,14,173,71,17,70]),import.meta.url),"./src/pages/amsterdam/HomePage/HomePage.docs.mdx":async()=>t(()=>import("./HomePage.docs-85LDOUiS.js"),__vite__mapDeps([176,1,2,3,4,5,6,7,8,9,10,177,12,13,14,107,173,71,17,70]),import.meta.url),"./src/pages/amsterdam/HomePage/HomePage.stories.tsx":async()=>t(()=>import("./HomePage.stories-COVaDeWY.js").then(r=>r.H),__vite__mapDeps([177,1,2,12,13,4,5,14,107,173,71,17,70]),import.meta.url),"./src/utils/AspectRatio/AspectRatio.docs.mdx":async()=>t(()=>import("./AspectRatio.docs-Cqz1fRJY.js"),__vite__mapDeps([178,1,2,3,4,5,6,7,8,9,10,179]),import.meta.url),"./src/utils/AspectRatio/AspectRatio.stories.tsx":async()=>t(()=>import("./AspectRatio.stories-4NdL09L5.js").then(r=>r.A),__vite__mapDeps([179,1,2]),import.meta.url),"./src/utils/Gap/Gap.docs.mdx":async()=>t(()=>import("./Gap.docs-CaYDP_jK.js"),__vite__mapDeps([180,1,2,3,4,5,6,7,8,9,10,181,12,13,14]),import.meta.url),"./src/utils/Gap/Gap.stories.tsx":async()=>t(()=>import("./Gap.stories-Cu-EUmVr.js").then(r=>r.G),__vite__mapDeps([181,1,2,12,13,4,5,14]),import.meta.url),"./src/utils/Margin/Margin.docs.mdx":async()=>t(()=>import("./Margin.docs-BJVqfv-N.js"),__vite__mapDeps([182,1,2,3,4,5,6,7,8,9,10,183,12,13,14]),import.meta.url),"./src/utils/Margin/Margin.stories.tsx":async()=>t(()=>import("./Margin.stories-BDql_M2r.js").then(r=>r.M),__vite__mapDeps([183,1,2,12,13,4,5,14]),import.meta.url),"./src/utils/VisuallyHidden/VisuallyHidden.docs.mdx":async()=>t(()=>import("./VisuallyHidden.docs-DvYuEiQ5.js"),__vite__mapDeps([184,1,2,3,4,5,6,7,8,9,10,185,12,13,14]),import.meta.url),"./src/utils/VisuallyHidden/VisuallyHidden.stories.tsx":async()=>t(()=>import("./VisuallyHidden.stories-BTx3yZyv.js").then(r=>r.V),__vite__mapDeps([185,1,2,12,13,4,5,14]),import.meta.url)};async function D(r){return A[r]()}const{composeConfigs:v,PreviewWeb:y,ClientApi:h}=__STORYBOOK_MODULE_PREVIEW_API__,V=async(r=[])=>{const i=await Promise.all([r[0]??t(()=>import("./entry-preview-D6QbN8gx.js"),__vite__mapDeps([186,187,4,5,2,7]),import.meta.url),r[1]??t(()=>import("./entry-preview-docs-hipnMgiF.js"),__vite__mapDeps([188,187,9,4,5,2]),import.meta.url),r[2]??t(()=>import("./preview-BhhEZcNS.js"),__vite__mapDeps([189,8]),import.meta.url),r[3]??t(()=>import("./preview-aVwhiz9X.js"),[],import.meta.url),r[4]??t(()=>import("./preview-D77C14du.js"),__vite__mapDeps([190,10]),import.meta.url),r[5]??t(()=>import("./preview-DFmD0pui.js"),[],import.meta.url),r[6]??t(()=>import("./preview-CFgKly6U.js"),[],import.meta.url),r[7]??t(()=>import("./preview-BWzBA1C2.js"),__vite__mapDeps([191,10]),import.meta.url),r[8]??t(()=>import("./preview-DGUiP6tS.js"),[],import.meta.url),r[9]??t(()=>import("./preview-BJ6EHSBF.js"),[],import.meta.url),r[10]??t(()=>import("./preview-B0PJB0Vd.js"),[],import.meta.url),r[11]??t(()=>import("./preview-CVgpLj3b.js"),[],import.meta.url),r[12]??t(()=>import("./preview--uTvzz-w.js"),[],import.meta.url),r[13]??t(()=>import("./preview-C7tAAfkq.js"),[],import.meta.url),r[14]??t(()=>import("./preview-BTbnVQ4y.js"),__vite__mapDeps([192,1,2,12,13,4,5,14,193]),import.meta.url)]);return v(i)};window.__STORYBOOK_PREVIEW__=window.__STORYBOOK_PREVIEW__||new y(D,V);window.__STORYBOOK_STORY_STORE__=window.__STORYBOOK_STORY_STORE__||window.__STORYBOOK_PREVIEW__.storyStore;export{t as _}; diff --git a/demo-develop/assets/iframe-DBQNO3fk.js b/demo-develop/assets/iframe-DBQNO3fk.js deleted file mode 100644 index 894dc579f4..0000000000 --- a/demo-develop/assets/iframe-DBQNO3fk.js +++ /dev/null @@ -1,2 +0,0 @@ -const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./Accordion.docs-BNwdHjq0.js","./jsx-runtime-BjgbQsUx.js","./index-D2MAbzvX.js","./index-3rgQkYFR.js","./index-RigO-4kf.js","./_commonjsHelpers-CqkleIqs.js","./index-CWKCY_Bl.js","./index-BIm0odtm.js","./index-D-8MO0q_.js","./index-CHGET4sZ.js","./index-DrFu-skq.js","./Accordion.stories-Bej1C9yT.js","./index.esm-4tYMzfzc.js","./clsx-B-dksMZM.js","./index.esm-Bz9pa_xK.js","./exampleContent-hIIPvEhU.js","./getHeadingTag-Dv1eMqvl.js","./Icon-CPe807nE.js","./useKeyboardFocus-CRUFsA_C.js","./ActionGroup.docs-BO_FUWPX.js","./ActionGroup.stories-CCL6vQN0.js","./Alert.docs-DjI1Kcap.js","./Alert.stories-CQtJwPjb.js","./Alert-CXn618bb.js","./Heading-kLxhGLS-.js","./IconButton-Crov6BLL.js","./Avatar.docs-BeJ2CRW-.js","./Avatar.stories-wmS5jWn0.js","./Image-dslpK47z.js","./Badge.docs-BpkBgDJu.js","./Badge.stories-DPvq_OmT.js","./Badge-BvbF-Lgn.js","./Blockquote.docs-CkwAUJuT.js","./Blockquote.stories-BNug3b0G.js","./Breadcrumb.docs-C0HJp3Iq.js","./Breadcrumb.stories-DlD_h2bb.js","./Breakout.docs-CreCWYbA.js","./Breakout.stories-IKydblgp.js","./paddingClasses-C5gheHLv.js","./Button.docs-rv2nLAfH.js","./Button.stories-BFitmNFu.js","./Button-QlQc6Uo1.js","./Card.docs-CBAIvn_d.js","./Card.stories-Bou7Wjo3.js","./Paragraph-B2U4A2CY.js","./CharacterCount.docs-BSsYYdTX.js","./CharacterCount.stories-DXeDr-El.js","./Checkbox.docs-CAEJeTBD.js","./Checkbox.stories-B22OunXY.js","./Column.docs-9s3y2SPz.js","./Column.stories-U0-gw-Jb.js","./types-B5YJ6HHW.js","./DateInput.docs-DXB3_y5D.js","./DateInput.stories-FSNBDDGF.js","./DescriptionList.docs-sKc_qZ5k.js","./DescriptionList.stories-Bku6te84.js","./Dialog.docs-VGjR6Hca.js","./Dialog.stories-DS9y1BJB.js","./ErrorMessage.docs-CJpARo85.js","./ErrorMessage.stories-Be50a9um.js","./Field.docs-zQZmndNx.js","./Field.stories-b1orfqx_.js","./FieldSet.docs-DlkGufdt.js","./FieldSet.stories-U0Fo5-7l.js","./Hint-ny2kNNgA.js","./FileInput.docs-iwEMx53t.js","./FileInput.stories-BDUZX2qT.js","./FileList.docs-BtFCwb0h.js","./FileList.stories-Bpepi6h9.js","./Footer.docs-BhBxrGkf.js","./Footer.stories-CfcjiTpQ.js","./PageMenu.stories-DMSuHN48.js","./Spotlight-CVxUBei2.js","./FormErrorList.docs-infDl4Nn.js","./FormErrorList.stories-D7QS7wFE.js","./LinkList-BSPLoecX.js","./Grid.docs-t4irItJu.js","./Grid.stories-bmYGHC93.js","./Header.docs-OZD_SjEX.js","./Header.stories-B4x3C260.js","./Logo-BazI2ckd.js","./StatusBadge-DiE14TfE.js","./StatusBadge-BPsnsflc.css","./Heading.docs-BoGBY1wI.js","./Heading.stories-DJWNbVKp.js","./Icon.docs-Ds6RyF_r.js","./Icon.stories-CUqtKQfW.js","./IconButton.docs-DFFOv1Is.js","./IconButton.stories-DxAaPKjB.js","./Image.docs-1PjsS8Bz.js","./Image.stories-BYgQuacP.js","./ImageSlider.docs-w8N5DqvA.js","./ImageSlider.stories-C5bWp2Rl.js","./Label.docs-CKxCdvDi.js","./Label.stories-C_bEBMkh.js","./Link.docs-D4hwFXBq.js","./Link.stories-Dk2BRN_4.js","./LinkList.docs-D1b8et2O.js","./LinkList.stories-C0usvnlJ.js","./Logo.docs-B0tRCa2q.js","./Logo.stories-LgbwSI1-.js","./Mark.docs-CJGjCuWD.js","./Mark.stories-D1okTYi_.js","./MegaMenu.docs-BRovOytr.js","./MegaMenu.stories-Cb5yckQd.js","./OrderedList.docs-DYoraEKd.js","./OrderedList.stories-B2qmIz9a.js","./Overlap.docs-7EFFZi9i.js","./Overlap.stories-CAlAVuyg.js","./PageHeading.docs-CKwlvRQu.js","./PageHeading.stories-xdugF2bU.js","./PageMenu.docs-CFZG1R87.js","./Pagination.docs-CIjVphXZ.js","./Pagination.stories-DMveVvuE.js","./Paragraph.docs-B_t2reYd.js","./Paragraph.stories--7CE_aZk.js","./PasswordInput.docs-C7SeTH1D.js","./PasswordInput.stories-nkhrLywc.js","./Radio.docs-D7yfQKPJ.js","./Radio.stories-C0PYn2aF.js","./Row.docs-Bl4XoFvv.js","./Row.stories-CC83-yFg.js","./Screen.docs-Diyg_Bbq.js","./Screen.stories-BEbhUpOk.js","./SearchField.docs-DukliD3o.js","./SearchField.stories-B7d7NZfk.js","./Select.docs-DZdPpbI7.js","./Select.stories-qNcNLUn9.js","./SkipLink.docs-DETRRuup.js","./SkipLink.stories-CbWsaUB4.js","./Spotlight.docs-DbcVAxuw.js","./Spotlight.stories-V_sh2lQ7.js","./Switch.docs-9nUx75lc.js","./Switch.stories-BjiatYGh.js","./Table.docs-C2Tz0ajt.js","./Table.stories-BfFwfuPP.js","./TableOfContents.docs-CxORYc3O.js","./TableOfContents.stories-4wGXH9sT.js","./Tabs.docs-B6VXL91a.js","./Tabs.stories-Ci7E09f2.js","./TextArea.docs-CcxVfWr9.js","./TextArea.stories-BctzzbQT.js","./TextInput.docs-BVh0aRFJ.js","./TextInput.stories-CWTqpnvo.js","./TimeInput.docs-DFlmT4TV.js","./TimeInput.stories-cBX5X2Je.js","./TopTaskLink.docs-CEwoxxhv.js","./TopTaskLink.stories-kFYSypJ7.js","./UnorderedList.docs-Dd03wIxG.js","./UnorderedList.stories-CeHysSnw.js","./breakpoints.docs-DR8psWW2.js","./getting-started.docs-Cn8XHTOh.js","./interactivity.docs-CZWU6Q_Z.js","./language.docs-BP3odeGa.js","./routing-libraries.docs-amfQPNRZ.js","./usability.docs-CudvENbo.js","./web-app.docs-BqPhPS7J.js","./AppIcons-DJn-OvnN.js","./introduction.docs-YSKa27lT.js","./copyright.docs-D-PgaUz4.js","./license.docs-BWwVDpxo.js","./favicon.docs-BgImOh-d.js","./font.docs-D6_T5VI1.js","./icons.docs-BfiTDyeK.js","./aspect-ratio.docs-CETP4KlE.js","./border.docs-BawoqNoR.js","./colour.docs-CdYi-XXc.js","./colour-DMO0xpAR.css","./grid.docs-BAlyZW41.js","./space.docs-BRv1c3eA.js","./text.docs-DLbVURXp.js","./Introduction.docs-A2YdrH1J.js","./ArticlePage.docs-hPk84grn.js","./ArticlePage.stories-CqHfOprz.js","./config-DmgB64Gy.js","./FormPage.docs-DybZtnRm.js","./FormPage.stories-BPHJcEo-.js","./HomePage.docs-B8Ya4RH_.js","./HomePage.stories-BAkxdXq2.js","./AspectRatio.docs-yXjFzI4I.js","./AspectRatio.stories-4NdL09L5.js","./Gap.docs-9D5kGB5T.js","./Gap.stories-SxhNAD0L.js","./Margin.docs-CkeAUDPW.js","./Margin.stories-Bp9RESs0.js","./VisuallyHidden.docs-BPA25e7m.js","./VisuallyHidden.stories-DySYQQeL.js","./entry-preview-BTAUJx6a.js","./chunk-XP5HYGXS-BGCqD1aY.js","./entry-preview-docs-hipnMgiF.js","./preview-BhhEZcNS.js","./preview-D77C14du.js","./preview-BWzBA1C2.js","./preview-DVYLW9B_.js","./preview-B_4LVwvn.css"])))=>i.map(i=>d[i]); -import"../sb-preview/runtime.js";(function(){const i=document.createElement("link").relList;if(i&&i.supports&&i.supports("modulepreload"))return;for(const o of document.querySelectorAll('link[rel="modulepreload"]'))a(o);new MutationObserver(o=>{for(const e of o)if(e.type==="childList")for(const _ of e.addedNodes)_.tagName==="LINK"&&_.rel==="modulepreload"&&a(_)}).observe(document,{childList:!0,subtree:!0});function c(o){const e={};return o.integrity&&(e.integrity=o.integrity),o.referrerPolicy&&(e.referrerPolicy=o.referrerPolicy),o.crossOrigin==="use-credentials"?e.credentials="include":o.crossOrigin==="anonymous"?e.credentials="omit":e.credentials="same-origin",e}function a(o){if(o.ep)return;o.ep=!0;const e=c(o);fetch(o.href,e)}})();const T="modulepreload",I=function(r,i){return new URL(r,i).href},L={},t=function(i,c,a){let o=Promise.resolve();if(c&&c.length>0){const _=document.getElementsByTagName("link"),s=document.querySelector("meta[property=csp-nonce]"),l=(s==null?void 0:s.nonce)||(s==null?void 0:s.getAttribute("nonce"));o=Promise.allSettled(c.map(m=>{if(m=I(m,a),m in L)return;L[m]=!0;const p=m.endsWith(".css"),O=p?'[rel="stylesheet"]':"";if(!!a)for(let d=_.length-1;d>=0;d--){const u=_[d];if(u.href===m&&(!p||u.rel==="stylesheet"))return}else if(document.querySelector(`link[href="${m}"]${O}`))return;const n=document.createElement("link");if(n.rel=p?"stylesheet":T,p||(n.as="script"),n.crossOrigin="",n.href=m,l&&n.setAttribute("nonce",l),document.head.appendChild(n),p)return new Promise((d,u)=>{n.addEventListener("load",d),n.addEventListener("error",()=>u(new Error(`Unable to preload CSS for ${m}`)))})}))}function e(_){const s=new Event("vite:preloadError",{cancelable:!0});if(s.payload=_,window.dispatchEvent(s),!s.defaultPrevented)throw _}return o.then(_=>{for(const s of _||[])s.status==="rejected"&&e(s.reason);return i().catch(e)})},{createBrowserChannel:P}=__STORYBOOK_MODULE_CHANNELS__,{addons:R}=__STORYBOOK_MODULE_PREVIEW_API__,E=P({page:"preview"});R.setChannel(E);window.__STORYBOOK_ADDONS_CHANNEL__=E;window.CONFIG_TYPE==="DEVELOPMENT"&&(window.__STORYBOOK_SERVER_CHANNEL__=E);const A={"./src/components/Accordion/Accordion.docs.mdx":async()=>t(()=>import("./Accordion.docs-BNwdHjq0.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18]),import.meta.url),"./src/components/Accordion/Accordion.stories.tsx":async()=>t(()=>import("./Accordion.stories-Bej1C9yT.js").then(r=>r.A),__vite__mapDeps([11,1,2,12,13,4,5,14,15,16,17,18]),import.meta.url),"./src/components/ActionGroup/ActionGroup.docs.mdx":async()=>t(()=>import("./ActionGroup.docs-BO_FUWPX.js"),__vite__mapDeps([19,1,2,3,4,5,6,7,8,9,10,20,12,13,14]),import.meta.url),"./src/components/ActionGroup/ActionGroup.stories.tsx":async()=>t(()=>import("./ActionGroup.stories-CCL6vQN0.js").then(r=>r.A),__vite__mapDeps([20,1,2,12,13,4,5,14]),import.meta.url),"./src/components/Alert/Alert.docs.mdx":async()=>t(()=>import("./Alert.docs-DjI1Kcap.js"),__vite__mapDeps([21,1,2,3,4,5,6,7,8,9,10,22,12,13,14,23,17,24,16,25]),import.meta.url),"./src/components/Alert/Alert.stories.tsx":async()=>t(()=>import("./Alert.stories-CQtJwPjb.js").then(r=>r.A),__vite__mapDeps([22,1,2,12,13,4,5,14,23,17,24,16,25]),import.meta.url),"./src/components/Avatar/Avatar.docs.mdx":async()=>t(()=>import("./Avatar.docs-BeJ2CRW-.js"),__vite__mapDeps([26,1,2,3,4,5,6,7,8,9,10,27,12,13,14,28,17]),import.meta.url),"./src/components/Avatar/Avatar.stories.tsx":async()=>t(()=>import("./Avatar.stories-wmS5jWn0.js").then(r=>r.A),__vite__mapDeps([27,1,2,12,13,4,5,14,28,17]),import.meta.url),"./src/components/Badge/Badge.docs.mdx":async()=>t(()=>import("./Badge.docs-BpkBgDJu.js"),__vite__mapDeps([29,1,2,3,4,5,6,7,8,9,10,30,31,13]),import.meta.url),"./src/components/Badge/Badge.stories.tsx":async()=>t(()=>import("./Badge.stories-DPvq_OmT.js").then(r=>r.B),__vite__mapDeps([30,31,1,2,13,4,5]),import.meta.url),"./src/components/Blockquote/Blockquote.docs.mdx":async()=>t(()=>import("./Blockquote.docs-CkwAUJuT.js"),__vite__mapDeps([32,1,2,3,4,5,6,7,8,9,10,33,15,13]),import.meta.url),"./src/components/Blockquote/Blockquote.stories.tsx":async()=>t(()=>import("./Blockquote.stories-BNug3b0G.js").then(r=>r.B),__vite__mapDeps([33,15,1,2,13,4,5]),import.meta.url),"./src/components/Breadcrumb/Breadcrumb.docs.mdx":async()=>t(()=>import("./Breadcrumb.docs-C0HJp3Iq.js"),__vite__mapDeps([34,1,2,3,4,5,6,7,8,9,10,35,13]),import.meta.url),"./src/components/Breadcrumb/Breadcrumb.stories.tsx":async()=>t(()=>import("./Breadcrumb.stories-DlD_h2bb.js").then(r=>r.B),__vite__mapDeps([35,1,2,13,4,5]),import.meta.url),"./src/components/Breakout/Breakout.docs.mdx":async()=>t(()=>import("./Breakout.docs-CreCWYbA.js"),__vite__mapDeps([36,1,2,3,4,5,6,7,8,9,10,37,12,13,14,38]),import.meta.url),"./src/components/Breakout/Breakout.stories.tsx":async()=>t(()=>import("./Breakout.stories-IKydblgp.js").then(r=>r.B),__vite__mapDeps([37,1,2,12,13,4,5,14,38]),import.meta.url),"./src/components/Button/Button.docs.mdx":async()=>t(()=>import("./Button.docs-rv2nLAfH.js"),__vite__mapDeps([39,1,2,3,4,5,6,7,8,9,10,40,14,41,13,17]),import.meta.url),"./src/components/Button/Button.stories.tsx":async()=>t(()=>import("./Button.stories-BFitmNFu.js").then(r=>r.B),__vite__mapDeps([40,1,2,14,41,13,4,5,17]),import.meta.url),"./src/components/Card/Card.docs.mdx":async()=>t(()=>import("./Card.docs-CBAIvn_d.js"),__vite__mapDeps([42,1,2,3,4,5,6,7,8,9,10,43,12,13,14,15,44]),import.meta.url),"./src/components/Card/Card.stories.tsx":async()=>t(()=>import("./Card.stories-Bou7Wjo3.js").then(r=>r.C),__vite__mapDeps([43,1,2,12,13,4,5,14,15,44]),import.meta.url),"./src/components/CharacterCount/CharacterCount.docs.mdx":async()=>t(()=>import("./CharacterCount.docs-BSsYYdTX.js"),__vite__mapDeps([45,1,2,3,4,5,6,7,8,9,10,46,13]),import.meta.url),"./src/components/CharacterCount/CharacterCount.stories.tsx":async()=>t(()=>import("./CharacterCount.stories-DXeDr-El.js").then(r=>r.C),__vite__mapDeps([46,1,2,13,4,5]),import.meta.url),"./src/components/Checkbox/Checkbox.docs.mdx":async()=>t(()=>import("./Checkbox.docs-CAEJeTBD.js"),__vite__mapDeps([47,1,2,3,4,5,6,7,8,9,10,48,12,13,14]),import.meta.url),"./src/components/Checkbox/Checkbox.stories.tsx":async()=>t(()=>import("./Checkbox.stories-B22OunXY.js").then(r=>r.C),__vite__mapDeps([48,1,2,12,13,4,5,14]),import.meta.url),"./src/components/Column/Column.docs.mdx":async()=>t(()=>import("./Column.docs-9s3y2SPz.js"),__vite__mapDeps([49,1,2,3,4,5,6,7,8,9,10,50,12,13,14,51]),import.meta.url),"./src/components/Column/Column.stories.tsx":async()=>t(()=>import("./Column.stories-U0-gw-Jb.js").then(r=>r.C),__vite__mapDeps([50,1,2,12,13,4,5,14,51]),import.meta.url),"./src/components/DateInput/DateInput.docs.mdx":async()=>t(()=>import("./DateInput.docs-DXB3_y5D.js"),__vite__mapDeps([52,1,2,3,4,5,6,7,8,9,10,53,12,13,14]),import.meta.url),"./src/components/DateInput/DateInput.stories.tsx":async()=>t(()=>import("./DateInput.stories-FSNBDDGF.js").then(r=>r.D),__vite__mapDeps([53,1,2,12,13,4,5,14]),import.meta.url),"./src/components/DescriptionList/DescriptionList.docs.mdx":async()=>t(()=>import("./DescriptionList.docs-sKc_qZ5k.js"),__vite__mapDeps([54,1,2,3,4,5,6,7,8,9,10,55,12,13,14]),import.meta.url),"./src/components/DescriptionList/DescriptionList.stories.tsx":async()=>t(()=>import("./DescriptionList.stories-Bku6te84.js").then(r=>r.D),__vite__mapDeps([55,1,2,12,13,4,5,14]),import.meta.url),"./src/components/Dialog/Dialog.docs.mdx":async()=>t(()=>import("./Dialog.docs-VGjR6Hca.js"),__vite__mapDeps([56,1,2,3,4,5,6,7,8,9,10,57,12,13,14,24,16,25,17]),import.meta.url),"./src/components/Dialog/Dialog.stories.tsx":async()=>t(()=>import("./Dialog.stories-DS9y1BJB.js").then(r=>r.D),__vite__mapDeps([57,1,2,12,13,4,5,14,24,16,25,17]),import.meta.url),"./src/components/ErrorMessage/ErrorMessage.docs.mdx":async()=>t(()=>import("./ErrorMessage.docs-CJpARo85.js"),__vite__mapDeps([58,1,2,3,4,5,6,7,8,9,10,59,14,13,17]),import.meta.url),"./src/components/ErrorMessage/ErrorMessage.stories.tsx":async()=>t(()=>import("./ErrorMessage.stories-Be50a9um.js").then(r=>r.E),__vite__mapDeps([59,14,1,2,13,4,5,17]),import.meta.url),"./src/components/Field/Field.docs.mdx":async()=>t(()=>import("./Field.docs-zQZmndNx.js"),__vite__mapDeps([60,1,2,3,4,5,6,7,8,9,10,61,12,13,14]),import.meta.url),"./src/components/Field/Field.stories.tsx":async()=>t(()=>import("./Field.stories-b1orfqx_.js").then(r=>r.F),__vite__mapDeps([61,1,2,12,13,4,5,14]),import.meta.url),"./src/components/FieldSet/FieldSet.docs.mdx":async()=>t(()=>import("./FieldSet.docs-DlkGufdt.js"),__vite__mapDeps([62,1,2,3,4,5,6,7,8,9,10,63,12,13,14,64]),import.meta.url),"./src/components/FieldSet/FieldSet.stories.tsx":async()=>t(()=>import("./FieldSet.stories-U0Fo5-7l.js").then(r=>r.F),__vite__mapDeps([63,1,2,12,13,4,5,14,64]),import.meta.url),"./src/components/FileInput/FileInput.docs.mdx":async()=>t(()=>import("./FileInput.docs-iwEMx53t.js"),__vite__mapDeps([65,1,2,3,4,5,6,7,8,9,10,66,12,13,14]),import.meta.url),"./src/components/FileInput/FileInput.stories.tsx":async()=>t(()=>import("./FileInput.stories-BDUZX2qT.js").then(r=>r.F),__vite__mapDeps([66,1,2,12,13,4,5,14]),import.meta.url),"./src/components/FileList/FileList.docs.mdx":async()=>t(()=>import("./FileList.docs-BtFCwb0h.js"),__vite__mapDeps([67,1,2,3,4,5,6,7,8,9,10,68,12,13,14,17,41]),import.meta.url),"./src/components/FileList/FileList.stories.tsx":async()=>t(()=>import("./FileList.stories-Bpepi6h9.js").then(r=>r.F),__vite__mapDeps([68,1,2,12,13,4,5,14,17,41]),import.meta.url),"./src/components/Footer/Footer.docs.mdx":async()=>t(()=>import("./Footer.docs-BhBxrGkf.js"),__vite__mapDeps([69,1,2,3,4,5,6,7,8,9,10,70,12,13,14,71,17,72]),import.meta.url),"./src/components/Footer/Footer.stories.tsx":async()=>t(()=>import("./Footer.stories-CfcjiTpQ.js").then(r=>r.F),__vite__mapDeps([70,1,2,12,13,4,5,14,71,17,72]),import.meta.url),"./src/components/FormErrorList/FormErrorList.docs.mdx":async()=>t(()=>import("./FormErrorList.docs-infDl4Nn.js"),__vite__mapDeps([73,1,2,3,4,5,6,7,8,9,10,74,13,23,14,17,24,16,25,75]),import.meta.url),"./src/components/FormErrorList/FormErrorList.stories.tsx":async()=>t(()=>import("./FormErrorList.stories-D7QS7wFE.js").then(r=>r.F),__vite__mapDeps([74,1,2,4,5,13,23,14,17,24,16,25,75]),import.meta.url),"./src/components/Grid/Grid.docs.mdx":async()=>t(()=>import("./Grid.docs-t4irItJu.js"),__vite__mapDeps([76,1,2,3,4,5,6,7,8,9,10,77,13,38]),import.meta.url),"./src/components/Grid/Grid.stories.tsx":async()=>t(()=>import("./Grid.stories-bmYGHC93.js").then(r=>r.G),__vite__mapDeps([77,1,2,13,4,5,38]),import.meta.url),"./src/components/Header/Header.docs.mdx":async()=>t(()=>import("./Header.docs-OZD_SjEX.js"),__vite__mapDeps([78,1,2,3,4,5,6,7,8,9,10,79,12,13,14,80,24,16,81,31,82]),import.meta.url),"./src/components/Header/Header.stories.tsx":async()=>t(()=>import("./Header.stories-B4x3C260.js").then(r=>r.H),__vite__mapDeps([79,1,2,12,13,4,5,14,80,24,16]),import.meta.url),"./src/components/Heading/Heading.docs.mdx":async()=>t(()=>import("./Heading.docs-BoGBY1wI.js"),__vite__mapDeps([83,1,2,3,4,5,6,7,8,9,10,84,12,13,14,15,24,16]),import.meta.url),"./src/components/Heading/Heading.stories.tsx":async()=>t(()=>import("./Heading.stories-DJWNbVKp.js").then(r=>r.H),__vite__mapDeps([84,1,2,4,5,12,13,14,15,24,16]),import.meta.url),"./src/components/Icon/Icon.docs.mdx":async()=>t(()=>import("./Icon.docs-Ds6RyF_r.js"),__vite__mapDeps([85,1,2,3,4,5,6,7,8,9,10,86,12,13,14,17,81,31,82]),import.meta.url),"./src/components/Icon/Icon.stories.tsx":async()=>t(()=>import("./Icon.stories-CUqtKQfW.js").then(r=>r.I),__vite__mapDeps([86,1,2,12,13,4,5,14,17]),import.meta.url),"./src/components/IconButton/IconButton.docs.mdx":async()=>t(()=>import("./IconButton.docs-DFFOv1Is.js"),__vite__mapDeps([87,1,2,3,4,5,6,7,8,9,10,88,14,25,13,17]),import.meta.url),"./src/components/IconButton/IconButton.stories.tsx":async()=>t(()=>import("./IconButton.stories-DxAaPKjB.js").then(r=>r.I),__vite__mapDeps([88,14,1,2,25,13,4,5,17]),import.meta.url),"./src/components/Image/Image.docs.mdx":async()=>t(()=>import("./Image.docs-1PjsS8Bz.js"),__vite__mapDeps([89,1,2,3,4,5,6,7,8,9,10,90,28,13]),import.meta.url),"./src/components/Image/Image.stories.tsx":async()=>t(()=>import("./Image.stories-BYgQuacP.js").then(r=>r.I),__vite__mapDeps([90,28,1,2,13,4,5]),import.meta.url),"./src/components/ImageSlider/ImageSlider.docs.mdx":async()=>t(()=>import("./ImageSlider.docs-w8N5DqvA.js"),__vite__mapDeps([91,1,2,3,4,5,6,7,8,9,10,92,13,14,25,17,28]),import.meta.url),"./src/components/ImageSlider/ImageSlider.stories.tsx":async()=>t(()=>import("./ImageSlider.stories-C5bWp2Rl.js").then(r=>r.I),__vite__mapDeps([92,1,2,13,4,5,14,25,17,28]),import.meta.url),"./src/components/Label/Label.docs.mdx":async()=>t(()=>import("./Label.docs-CKxCdvDi.js"),__vite__mapDeps([93,1,2,3,4,5,6,7,8,9,10,94,13,64]),import.meta.url),"./src/components/Label/Label.stories.tsx":async()=>t(()=>import("./Label.stories-C_bEBMkh.js").then(r=>r.L),__vite__mapDeps([94,1,2,13,4,5,64]),import.meta.url),"./src/components/Link/Link.docs.mdx":async()=>t(()=>import("./Link.docs-D4hwFXBq.js"),__vite__mapDeps([95,1,2,3,4,5,6,7,8,9,10,96,12,13,14]),import.meta.url),"./src/components/Link/Link.stories.tsx":async()=>t(()=>import("./Link.stories-Dk2BRN_4.js").then(r=>r.L),__vite__mapDeps([96,1,2,12,13,4,5,14]),import.meta.url),"./src/components/LinkList/LinkList.docs.mdx":async()=>t(()=>import("./LinkList.docs-D1b8et2O.js"),__vite__mapDeps([97,1,2,3,4,5,6,7,8,9,10,98,14,15,75,13,17]),import.meta.url),"./src/components/LinkList/LinkList.stories.tsx":async()=>t(()=>import("./LinkList.stories-C0usvnlJ.js").then(r=>r.L),__vite__mapDeps([98,1,2,14,15,75,13,4,5,17]),import.meta.url),"./src/components/Logo/Logo.docs.mdx":async()=>t(()=>import("./Logo.docs-B0tRCa2q.js"),__vite__mapDeps([99,1,2,3,4,5,6,7,8,9,10,100,80,13]),import.meta.url),"./src/components/Logo/Logo.stories.tsx":async()=>t(()=>import("./Logo.stories-LgbwSI1-.js").then(r=>r.L),__vite__mapDeps([100,80,1,2,13,4,5]),import.meta.url),"./src/components/Mark/Mark.docs.mdx":async()=>t(()=>import("./Mark.docs-CJGjCuWD.js"),__vite__mapDeps([101,1,2,3,4,5,6,7,8,9,10,102,12,13,14]),import.meta.url),"./src/components/Mark/Mark.stories.tsx":async()=>t(()=>import("./Mark.stories-D1okTYi_.js").then(r=>r.M),__vite__mapDeps([102,1,2,12,13,4,5,14]),import.meta.url),"./src/components/MegaMenu/MegaMenu.docs.mdx":async()=>t(()=>import("./MegaMenu.docs-BRovOytr.js"),__vite__mapDeps([103,1,2,3,4,5,6,7,8,9,10,104,12,13,14,81,31,82]),import.meta.url),"./src/components/MegaMenu/MegaMenu.stories.tsx":async()=>t(()=>import("./MegaMenu.stories-Cb5yckQd.js").then(r=>r.M),__vite__mapDeps([104,1,2,12,13,4,5,14]),import.meta.url),"./src/components/OrderedList/OrderedList.docs.mdx":async()=>t(()=>import("./OrderedList.docs-DYoraEKd.js"),__vite__mapDeps([105,1,2,3,4,5,6,7,8,9,10,106,12,13,14,15]),import.meta.url),"./src/components/OrderedList/OrderedList.stories.tsx":async()=>t(()=>import("./OrderedList.stories-B2qmIz9a.js").then(r=>r.O),__vite__mapDeps([106,1,2,12,13,4,5,14,15]),import.meta.url),"./src/components/Overlap/Overlap.docs.mdx":async()=>t(()=>import("./Overlap.docs-7EFFZi9i.js"),__vite__mapDeps([107,1,2,3,4,5,6,7,8,9,10,108,12,13,14]),import.meta.url),"./src/components/Overlap/Overlap.stories.tsx":async()=>t(()=>import("./Overlap.stories-CAlAVuyg.js").then(r=>r.O),__vite__mapDeps([108,1,2,12,13,4,5,14]),import.meta.url),"./src/components/PageHeading/PageHeading.docs.mdx":async()=>t(()=>import("./PageHeading.docs-CKwlvRQu.js"),__vite__mapDeps([109,1,2,3,4,5,6,7,8,9,10,110,13]),import.meta.url),"./src/components/PageHeading/PageHeading.stories.tsx":async()=>t(()=>import("./PageHeading.stories-xdugF2bU.js").then(r=>r.P),__vite__mapDeps([110,1,2,13,4,5]),import.meta.url),"./src/components/PageMenu/PageMenu.docs.mdx":async()=>t(()=>import("./PageMenu.docs-CFZG1R87.js"),__vite__mapDeps([111,1,2,3,4,5,6,7,8,9,10,71,14,13,17,81,31,82]),import.meta.url),"./src/components/PageMenu/PageMenu.stories.tsx":async()=>t(()=>import("./PageMenu.stories-DMSuHN48.js").then(r=>r.P),__vite__mapDeps([71,1,2,14,13,4,5,17]),import.meta.url),"./src/components/Pagination/Pagination.docs.mdx":async()=>t(()=>import("./Pagination.docs-CIjVphXZ.js"),__vite__mapDeps([112,1,2,3,4,5,6,7,8,9,10,113,14,13,17]),import.meta.url),"./src/components/Pagination/Pagination.stories.tsx":async()=>t(()=>import("./Pagination.stories-DMveVvuE.js").then(r=>r.P),__vite__mapDeps([113,1,2,14,13,4,5,17]),import.meta.url),"./src/components/Paragraph/Paragraph.docs.mdx":async()=>t(()=>import("./Paragraph.docs-B_t2reYd.js"),__vite__mapDeps([114,1,2,3,4,5,6,7,8,9,10,115,15,44,13]),import.meta.url),"./src/components/Paragraph/Paragraph.stories.tsx":async()=>t(()=>import("./Paragraph.stories--7CE_aZk.js").then(r=>r.P),__vite__mapDeps([115,15,44,1,2,13,4,5]),import.meta.url),"./src/components/PasswordInput/PasswordInput.docs.mdx":async()=>t(()=>import("./PasswordInput.docs-C7SeTH1D.js"),__vite__mapDeps([116,1,2,3,4,5,6,7,8,9,10,117,12,13,14]),import.meta.url),"./src/components/PasswordInput/PasswordInput.stories.tsx":async()=>t(()=>import("./PasswordInput.stories-nkhrLywc.js").then(r=>r.P),__vite__mapDeps([117,1,2,12,13,4,5,14]),import.meta.url),"./src/components/Radio/Radio.docs.mdx":async()=>t(()=>import("./Radio.docs-D7yfQKPJ.js"),__vite__mapDeps([118,1,2,3,4,5,6,7,8,9,10,119,12,13,14]),import.meta.url),"./src/components/Radio/Radio.stories.tsx":async()=>t(()=>import("./Radio.stories-C0PYn2aF.js").then(r=>r.R),__vite__mapDeps([119,1,2,12,13,4,5,14]),import.meta.url),"./src/components/Row/Row.docs.mdx":async()=>t(()=>import("./Row.docs-Bl4XoFvv.js"),__vite__mapDeps([120,1,2,3,4,5,6,7,8,9,10,121,12,13,14,51]),import.meta.url),"./src/components/Row/Row.stories.tsx":async()=>t(()=>import("./Row.stories-CC83-yFg.js").then(r=>r.R),__vite__mapDeps([121,1,2,12,13,4,5,14,51]),import.meta.url),"./src/components/Screen/Screen.docs.mdx":async()=>t(()=>import("./Screen.docs-Diyg_Bbq.js"),__vite__mapDeps([122,1,2,3,4,5,6,7,8,9,10,123,13]),import.meta.url),"./src/components/Screen/Screen.stories.tsx":async()=>t(()=>import("./Screen.stories-BEbhUpOk.js").then(r=>r.S),__vite__mapDeps([123,1,2,13,4,5]),import.meta.url),"./src/components/SearchField/SearchField.docs.mdx":async()=>t(()=>import("./SearchField.docs-DukliD3o.js"),__vite__mapDeps([124,1,2,3,4,5,6,7,8,9,10,125,13,14,41,17]),import.meta.url),"./src/components/SearchField/SearchField.stories.tsx":async()=>t(()=>import("./SearchField.stories-B7d7NZfk.js").then(r=>r.S),__vite__mapDeps([125,1,2,13,4,5,14,41,17]),import.meta.url),"./src/components/Select/Select.docs.mdx":async()=>t(()=>import("./Select.docs-DZdPpbI7.js"),__vite__mapDeps([126,1,2,3,4,5,6,7,8,9,10,127,12,13,14]),import.meta.url),"./src/components/Select/Select.stories.tsx":async()=>t(()=>import("./Select.stories-qNcNLUn9.js").then(r=>r.S),__vite__mapDeps([127,1,2,12,13,4,5,14]),import.meta.url),"./src/components/SkipLink/SkipLink.docs.mdx":async()=>t(()=>import("./SkipLink.docs-DETRRuup.js"),__vite__mapDeps([128,1,2,3,4,5,6,7,8,9,10,129,12,13,14]),import.meta.url),"./src/components/SkipLink/SkipLink.stories.tsx":async()=>t(()=>import("./SkipLink.stories-CbWsaUB4.js").then(r=>r.S),__vite__mapDeps([129,1,2,12,13,4,5,14]),import.meta.url),"./src/components/Spotlight/Spotlight.docs.mdx":async()=>t(()=>import("./Spotlight.docs-DbcVAxuw.js"),__vite__mapDeps([130,1,2,3,4,5,6,7,8,9,10,131,12,13,14,15,72]),import.meta.url),"./src/components/Spotlight/Spotlight.stories.tsx":async()=>t(()=>import("./Spotlight.stories-V_sh2lQ7.js").then(r=>r.S),__vite__mapDeps([131,1,2,12,13,4,5,14,15,72]),import.meta.url),"./src/components/Switch/Switch.docs.mdx":async()=>t(()=>import("./Switch.docs-9nUx75lc.js"),__vite__mapDeps([132,1,2,3,4,5,6,7,8,9,10,133,12,13,14]),import.meta.url),"./src/components/Switch/Switch.stories.tsx":async()=>t(()=>import("./Switch.stories-BjiatYGh.js").then(r=>r.S),__vite__mapDeps([133,1,2,12,13,4,5,14]),import.meta.url),"./src/components/Table/Table.docs.mdx":async()=>t(()=>import("./Table.docs-C2Tz0ajt.js"),__vite__mapDeps([134,1,2,3,4,5,6,7,8,9,10,135,13]),import.meta.url),"./src/components/Table/Table.stories.tsx":async()=>t(()=>import("./Table.stories-BfFwfuPP.js").then(r=>r.T),__vite__mapDeps([135,1,2,13,4,5]),import.meta.url),"./src/components/TableOfContents/TableOfContents.docs.mdx":async()=>t(()=>import("./TableOfContents.docs-CxORYc3O.js"),__vite__mapDeps([136,1,2,3,4,5,6,7,8,9,10,137,13,24,16]),import.meta.url),"./src/components/TableOfContents/TableOfContents.stories.tsx":async()=>t(()=>import("./TableOfContents.stories-4wGXH9sT.js").then(r=>r.T),__vite__mapDeps([137,1,2,13,4,5,24,16]),import.meta.url),"./src/components/Tabs/Tabs.docs.mdx":async()=>t(()=>import("./Tabs.docs-B6VXL91a.js"),__vite__mapDeps([138,1,2,3,4,5,6,7,8,9,10,139,12,13,14,15,18]),import.meta.url),"./src/components/Tabs/Tabs.stories.tsx":async()=>t(()=>import("./Tabs.stories-Ci7E09f2.js").then(r=>r.T),__vite__mapDeps([139,1,2,12,13,4,5,14,15,18]),import.meta.url),"./src/components/TextArea/TextArea.docs.mdx":async()=>t(()=>import("./TextArea.docs-CcxVfWr9.js"),__vite__mapDeps([140,1,2,3,4,5,6,7,8,9,10,141,12,13,14,15]),import.meta.url),"./src/components/TextArea/TextArea.stories.tsx":async()=>t(()=>import("./TextArea.stories-BctzzbQT.js").then(r=>r.T),__vite__mapDeps([141,1,2,12,13,4,5,14,15]),import.meta.url),"./src/components/TextInput/TextInput.docs.mdx":async()=>t(()=>import("./TextInput.docs-BVh0aRFJ.js"),__vite__mapDeps([142,1,2,3,4,5,6,7,8,9,10,143,12,13,14]),import.meta.url),"./src/components/TextInput/TextInput.stories.tsx":async()=>t(()=>import("./TextInput.stories-CWTqpnvo.js").then(r=>r.T),__vite__mapDeps([143,1,2,12,13,4,5,14]),import.meta.url),"./src/components/TimeInput/TimeInput.docs.mdx":async()=>t(()=>import("./TimeInput.docs-DFlmT4TV.js"),__vite__mapDeps([144,1,2,3,4,5,6,7,8,9,10,145,12,13,14]),import.meta.url),"./src/components/TimeInput/TimeInput.stories.tsx":async()=>t(()=>import("./TimeInput.stories-cBX5X2Je.js").then(r=>r.T),__vite__mapDeps([145,1,2,12,13,4,5,14]),import.meta.url),"./src/components/TopTaskLink/TopTaskLink.docs.mdx":async()=>t(()=>import("./TopTaskLink.docs-CEwoxxhv.js"),__vite__mapDeps([146,1,2,3,4,5,6,7,8,9,10,147,12,13,14,81,31,82]),import.meta.url),"./src/components/TopTaskLink/TopTaskLink.stories.tsx":async()=>t(()=>import("./TopTaskLink.stories-kFYSypJ7.js").then(r=>r.T),__vite__mapDeps([147,1,2,12,13,4,5,14]),import.meta.url),"./src/components/UnorderedList/UnorderedList.docs.mdx":async()=>t(()=>import("./UnorderedList.docs-Dd03wIxG.js"),__vite__mapDeps([148,1,2,3,4,5,6,7,8,9,10,149,12,13,14,15]),import.meta.url),"./src/components/UnorderedList/UnorderedList.stories.tsx":async()=>t(()=>import("./UnorderedList.stories-CeHysSnw.js").then(r=>r.U),__vite__mapDeps([149,1,2,12,13,4,5,14,15]),import.meta.url),"./src/docs/developer-guide/breakpoints.docs.mdx":async()=>t(()=>import("./breakpoints.docs-DR8psWW2.js"),__vite__mapDeps([150,1,2,3,4,5,6,7,8,9,10]),import.meta.url),"./src/docs/developer-guide/getting-started.docs.mdx":async()=>t(()=>import("./getting-started.docs-Cn8XHTOh.js"),__vite__mapDeps([151,1,2,3,4,5,6,7,8,9,10]),import.meta.url),"./src/docs/developer-guide/interactivity.docs.mdx":async()=>t(()=>import("./interactivity.docs-CZWU6Q_Z.js"),__vite__mapDeps([152,1,2,3,4,5,6,7,8,9,10]),import.meta.url),"./src/docs/developer-guide/language.docs.mdx":async()=>t(()=>import("./language.docs-BP3odeGa.js"),__vite__mapDeps([153,1,2,3,4,5,6,7,8,9,10]),import.meta.url),"./src/docs/developer-guide/routing-libraries.docs.mdx":async()=>t(()=>import("./routing-libraries.docs-amfQPNRZ.js"),__vite__mapDeps([154,1,2,3,4,5,6,7,8,9,10]),import.meta.url),"./src/docs/developer-guide/usability.docs.mdx":async()=>t(()=>import("./usability.docs-CudvENbo.js"),__vite__mapDeps([155,1,2,3,4,5,6,7,8,9,10]),import.meta.url),"./src/docs/developer-guide/web-app.docs.mdx":async()=>t(()=>import("./web-app.docs-BqPhPS7J.js"),__vite__mapDeps([156,1,2,3,4,5,6,7,8,9,10,157,12,13,14]),import.meta.url),"./src/docs/introduction.docs.mdx":async()=>t(()=>import("./introduction.docs-YSKa27lT.js"),__vite__mapDeps([158,1,2,3,4,5,6,7,8,9,10]),import.meta.url),"./src/docs/terms-of-use/copyright.docs.mdx":async()=>t(()=>import("./copyright.docs-D-PgaUz4.js"),__vite__mapDeps([159,1,2,3,4,5,6,7,8,9,10]),import.meta.url),"./src/docs/terms-of-use/license.docs.mdx":async()=>t(()=>import("./license.docs-BWwVDpxo.js"),__vite__mapDeps([160,1,2,3,4,5,6,7,8,9,10]),import.meta.url),"./src/foundation/assets/favicon.docs.mdx":async()=>t(()=>import("./favicon.docs-BgImOh-d.js"),__vite__mapDeps([161,1,2,3,4,5,6,7,8,9,10,157,12,13,14]),import.meta.url),"./src/foundation/assets/font.docs.mdx":async()=>t(()=>import("./font.docs-D6_T5VI1.js"),__vite__mapDeps([162,1,2,3,4,5,6,7,8,9,10]),import.meta.url),"./src/foundation/assets/icons.docs.mdx":async()=>t(()=>import("./icons.docs-BfiTDyeK.js"),__vite__mapDeps([163,1,2,3,4,5,6,7,8,9,10,14,17,13,81,31,82]),import.meta.url),"./src/foundation/design-tokens/aspect-ratio.docs.mdx":async()=>t(()=>import("./aspect-ratio.docs-CETP4KlE.js"),__vite__mapDeps([164,1,2,3,4,5,6,7,8,9,10]),import.meta.url),"./src/foundation/design-tokens/border.docs.mdx":async()=>t(()=>import("./border.docs-BawoqNoR.js"),__vite__mapDeps([165,1,2,3,4,5,6,7,8,9,10]),import.meta.url),"./src/foundation/design-tokens/colour.docs.mdx":async()=>t(()=>import("./colour.docs-CdYi-XXc.js"),__vite__mapDeps([166,1,2,3,4,5,6,7,8,9,10,13,167]),import.meta.url),"./src/foundation/design-tokens/grid.docs.mdx":async()=>t(()=>import("./grid.docs-BAlyZW41.js"),__vite__mapDeps([168,1,2,3,4,5,6,7,8,9,10]),import.meta.url),"./src/foundation/design-tokens/space.docs.mdx":async()=>t(()=>import("./space.docs-BRv1c3eA.js"),__vite__mapDeps([169,1,2,3,4,5,6,7,8,9,10]),import.meta.url),"./src/foundation/design-tokens/text.docs.mdx":async()=>t(()=>import("./text.docs-DLbVURXp.js"),__vite__mapDeps([170,1,2,3,4,5,6,7,8,9,10]),import.meta.url),"./src/pages/Introduction.docs.mdx":async()=>t(()=>import("./Introduction.docs-A2YdrH1J.js"),__vite__mapDeps([171,1,2,3,4,5,6,7,8,9,10]),import.meta.url),"./src/pages/amsterdam/ArticlePage/ArticlePage.docs.mdx":async()=>t(()=>import("./ArticlePage.docs-hPk84grn.js"),__vite__mapDeps([172,1,2,3,4,5,6,7,8,9,10,173,12,13,14,90,28,174,71,17,70,72]),import.meta.url),"./src/pages/amsterdam/ArticlePage/ArticlePage.stories.tsx":async()=>t(()=>import("./ArticlePage.stories-CqHfOprz.js").then(r=>r.A),__vite__mapDeps([173,1,2,12,13,4,5,14,90,28,174,71,17,70,72]),import.meta.url),"./src/pages/amsterdam/FormPage/FormPage.docs.mdx":async()=>t(()=>import("./FormPage.docs-DybZtnRm.js"),__vite__mapDeps([175,1,2,3,4,5,6,7,8,9,10,176,12,13,14,174,71,17,70,72]),import.meta.url),"./src/pages/amsterdam/FormPage/FormPage.stories.tsx":async()=>t(()=>import("./FormPage.stories-BPHJcEo-.js").then(r=>r.F),__vite__mapDeps([176,1,2,12,13,4,5,14,174,71,17,70,72]),import.meta.url),"./src/pages/amsterdam/HomePage/HomePage.docs.mdx":async()=>t(()=>import("./HomePage.docs-B8Ya4RH_.js"),__vite__mapDeps([177,1,2,3,4,5,6,7,8,9,10,178,12,13,14,108,174,71,17,70,72]),import.meta.url),"./src/pages/amsterdam/HomePage/HomePage.stories.tsx":async()=>t(()=>import("./HomePage.stories-BAkxdXq2.js").then(r=>r.H),__vite__mapDeps([178,1,2,12,13,4,5,14,108,174,71,17,70,72]),import.meta.url),"./src/utils/AspectRatio/AspectRatio.docs.mdx":async()=>t(()=>import("./AspectRatio.docs-yXjFzI4I.js"),__vite__mapDeps([179,1,2,3,4,5,6,7,8,9,10,180]),import.meta.url),"./src/utils/AspectRatio/AspectRatio.stories.tsx":async()=>t(()=>import("./AspectRatio.stories-4NdL09L5.js").then(r=>r.A),__vite__mapDeps([180,1,2]),import.meta.url),"./src/utils/Gap/Gap.docs.mdx":async()=>t(()=>import("./Gap.docs-9D5kGB5T.js"),__vite__mapDeps([181,1,2,3,4,5,6,7,8,9,10,182,12,13,14]),import.meta.url),"./src/utils/Gap/Gap.stories.tsx":async()=>t(()=>import("./Gap.stories-SxhNAD0L.js").then(r=>r.G),__vite__mapDeps([182,1,2,12,13,4,5,14]),import.meta.url),"./src/utils/Margin/Margin.docs.mdx":async()=>t(()=>import("./Margin.docs-CkeAUDPW.js"),__vite__mapDeps([183,1,2,3,4,5,6,7,8,9,10,184,12,13,14]),import.meta.url),"./src/utils/Margin/Margin.stories.tsx":async()=>t(()=>import("./Margin.stories-Bp9RESs0.js").then(r=>r.M),__vite__mapDeps([184,1,2,12,13,4,5,14]),import.meta.url),"./src/utils/VisuallyHidden/VisuallyHidden.docs.mdx":async()=>t(()=>import("./VisuallyHidden.docs-BPA25e7m.js"),__vite__mapDeps([185,1,2,3,4,5,6,7,8,9,10,186,12,13,14]),import.meta.url),"./src/utils/VisuallyHidden/VisuallyHidden.stories.tsx":async()=>t(()=>import("./VisuallyHidden.stories-DySYQQeL.js").then(r=>r.V),__vite__mapDeps([186,1,2,12,13,4,5,14]),import.meta.url)};async function D(r){return A[r]()}const{composeConfigs:v,PreviewWeb:y,ClientApi:h}=__STORYBOOK_MODULE_PREVIEW_API__,V=async(r=[])=>{const i=await Promise.all([r[0]??t(()=>import("./entry-preview-BTAUJx6a.js"),__vite__mapDeps([187,188,4,5,2,7]),import.meta.url),r[1]??t(()=>import("./entry-preview-docs-hipnMgiF.js"),__vite__mapDeps([189,188,9,4,5,2]),import.meta.url),r[2]??t(()=>import("./preview-BhhEZcNS.js"),__vite__mapDeps([190,8]),import.meta.url),r[3]??t(()=>import("./preview-aVwhiz9X.js"),[],import.meta.url),r[4]??t(()=>import("./preview-D77C14du.js"),__vite__mapDeps([191,10]),import.meta.url),r[5]??t(()=>import("./preview-DFmD0pui.js"),[],import.meta.url),r[6]??t(()=>import("./preview-CFgKly6U.js"),[],import.meta.url),r[7]??t(()=>import("./preview-BWzBA1C2.js"),__vite__mapDeps([192,10]),import.meta.url),r[8]??t(()=>import("./preview-DGUiP6tS.js"),[],import.meta.url),r[9]??t(()=>import("./preview-BJ6EHSBF.js"),[],import.meta.url),r[10]??t(()=>import("./preview-DEIORFxj.js"),[],import.meta.url),r[11]??t(()=>import("./preview-CVgpLj3b.js"),[],import.meta.url),r[12]??t(()=>import("./preview-CUqc4CYi.js"),[],import.meta.url),r[13]??t(()=>import("./preview-C7tAAfkq.js"),[],import.meta.url),r[14]??t(()=>import("./preview-DVYLW9B_.js"),__vite__mapDeps([193,1,2,12,13,4,5,14,194]),import.meta.url)]);return v(i)};window.__STORYBOOK_PREVIEW__=window.__STORYBOOK_PREVIEW__||new y(D,V);window.__STORYBOOK_STORY_STORE__=window.__STORYBOOK_STORY_STORE__||window.__STORYBOOK_PREVIEW__.storyStore;export{t as _}; diff --git a/demo-develop/assets/index-BWow8HjX.js b/demo-develop/assets/index-BNsZ9OHC.js similarity index 96% rename from demo-develop/assets/index-BWow8HjX.js rename to demo-develop/assets/index-BNsZ9OHC.js index 448fcf0aef..6bea071d24 100644 --- a/demo-develop/assets/index-BWow8HjX.js +++ b/demo-develop/assets/index-BNsZ9OHC.js @@ -1 +1 @@ -import{m as T,a as b,G as d,K as S,P as B,g as L,L as C,b as H,v as u,w as g,c as y,E as I,$ as h,y as k,d as P,N as W,e as A,D as F,x,C as D,f as R,S as f,R as v,I as E,h as M,i as N,A as q,F as w,j as O,k as U,l as Z,W as j,n as z,T as G,t as J,o as K,p as Q,q as V,r as X,s as Y,u as _,z as $,B as aa,H as sa,J as oa,M as ta,V as ea,O as ra,Q as pa,U as ia,X as na,Y as ma,Z as la,_ as ca,a0 as Ta,a1 as ba,a2 as da,a3 as Sa,a4 as Ba,a5 as La,a6 as Ca,a7 as Ha,a8 as ua,a9 as ga,aa as ya,ab as Ia,ac as ha,ad as ka}from"./index-CWKCY_Bl.js";import"./iframe-DBQNO3fk.js";import"../sb-preview/runtime.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./index-D2MAbzvX.js";import"./jsx-runtime-BjgbQsUx.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";export{T as A,b as ActionBar,d as AddonPanel,S as Badge,B as Bar,L as Blockquote,C as Button,H as ClipboardCode,u as Code,g as DL,y as Div,I as DocumentWrapper,h as EmptyTabContent,k as ErrorFormatter,P as FlexBar,W as Form,A as H1,F as H2,x as H3,D as H4,R as H5,f as H6,v as HR,E as IconButton,M as IconButtonSkeleton,N as Icons,q as Img,w as LI,O as Link,U as ListItem,Z as Loader,j as Modal,z as OL,G as P,J as Placeholder,K as Pre,Q as ResetWrapper,V as ScrollArea,X as Separator,Y as Spaced,_ as Span,$ as StorybookIcon,aa as StorybookLogo,sa as Symbols,oa as SyntaxHighlighter,ta as TT,ea as TabBar,ra as TabButton,pa as TabWrapper,ia as Table,na as Tabs,ma as TabsState,la as TooltipLinkList,ca as TooltipMessage,Ta as TooltipNote,ba as UL,da as WithTooltip,Sa as WithTooltipPure,Ba as Zoom,La as codeCommon,Ca as components,Ha as createCopyToClipboardFunction,ua as getStoryHref,ga as icons,ya as interleaveSeparators,Ia as nameSpaceClassNames,ha as resetComponents,ka as withReset}; +import{m as T,a as b,G as d,K as S,P as B,g as L,L as C,b as H,v as u,w as g,c as y,E as I,$ as h,y as k,d as P,N as W,e as A,D as F,x,C as D,f as R,S as f,R as v,I as E,h as M,i as N,A as q,F as w,j as O,k as U,l as Z,W as j,n as z,T as G,t as J,o as K,p as Q,q as V,r as X,s as Y,u as _,z as $,B as aa,H as sa,J as oa,M as ta,V as ea,O as ra,Q as pa,U as ia,X as na,Y as ma,Z as la,_ as ca,a0 as Ta,a1 as ba,a2 as da,a3 as Sa,a4 as Ba,a5 as La,a6 as Ca,a7 as Ha,a8 as ua,a9 as ga,aa as ya,ab as Ia,ac as ha,ad as ka}from"./index-CmcJchMs.js";import"./iframe-CN_8E5Aq.js";import"../sb-preview/runtime.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./index-D2MAbzvX.js";import"./jsx-runtime-BjgbQsUx.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";export{T as A,b as ActionBar,d as AddonPanel,S as Badge,B as Bar,L as Blockquote,C as Button,H as ClipboardCode,u as Code,g as DL,y as Div,I as DocumentWrapper,h as EmptyTabContent,k as ErrorFormatter,P as FlexBar,W as Form,A as H1,F as H2,x as H3,D as H4,R as H5,f as H6,v as HR,E as IconButton,M as IconButtonSkeleton,N as Icons,q as Img,w as LI,O as Link,U as ListItem,Z as Loader,j as Modal,z as OL,G as P,J as Placeholder,K as Pre,Q as ResetWrapper,V as ScrollArea,X as Separator,Y as Spaced,_ as Span,$ as StorybookIcon,aa as StorybookLogo,sa as Symbols,oa as SyntaxHighlighter,ta as TT,ea as TabBar,ra as TabButton,pa as TabWrapper,ia as Table,na as Tabs,ma as TabsState,la as TooltipLinkList,ca as TooltipMessage,Ta as TooltipNote,ba as UL,da as WithTooltip,Sa as WithTooltipPure,Ba as Zoom,La as codeCommon,Ca as components,Ha as createCopyToClipboardFunction,ua as getStoryHref,ga as icons,ya as interleaveSeparators,Ia as nameSpaceClassNames,ha as resetComponents,ka as withReset}; diff --git a/demo-develop/assets/index-CWKCY_Bl.js b/demo-develop/assets/index-CmcJchMs.js similarity index 99% rename from demo-develop/assets/index-CWKCY_Bl.js rename to demo-develop/assets/index-CmcJchMs.js index 646110dc1b..ba1abaa523 100644 --- a/demo-develop/assets/index-CWKCY_Bl.js +++ b/demo-develop/assets/index-CmcJchMs.js @@ -1,5 +1,5 @@ -const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./index-BWow8HjX.js","./iframe-DBQNO3fk.js","./index-RigO-4kf.js","./_commonjsHelpers-CqkleIqs.js","./index-D2MAbzvX.js","./jsx-runtime-BjgbQsUx.js","./index-BIm0odtm.js","./index-D-8MO0q_.js","./index-CHGET4sZ.js","./index-DrFu-skq.js","./Color-F6OSRLHC-DA2dzHt6.js"])))=>i.map(i=>d[i]); -var Hx=Object.defineProperty;var jx=(e,t,r)=>t in e?Hx(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r;var Rn=(e,t,r)=>jx(e,typeof t!="symbol"?t+"":t,r);import{_ as K4}from"./iframe-DBQNO3fk.js";import{r as l,R as y}from"./index-RigO-4kf.js";import{j as J}from"./jsx-runtime-BjgbQsUx.js";import{g as Vx}from"./_commonjsHelpers-CqkleIqs.js";import{r as Ux}from"./index-BIm0odtm.js";import{O as Z4,P as qx}from"./index-D-8MO0q_.js";import{y as gh,g as Eu}from"./index-CHGET4sZ.js";import{d as Wx}from"./index-DrFu-skq.js";var Gx=Object.create,J4=Object.defineProperty,Yx=Object.getOwnPropertyDescriptor,X4=Object.getOwnPropertyNames,Kx=Object.getPrototypeOf,Zx=Object.prototype.hasOwnProperty,Di=(e=>typeof require<"u"?require:typeof Proxy<"u"?new Proxy(e,{get:(t,r)=>(typeof require<"u"?require:t)[r]}):e)(function(e){if(typeof require<"u")return require.apply(this,arguments);throw Error('Dynamic require of "'+e+'" is not supported')}),mn=(e,t)=>function(){return t||(0,e[X4(e)[0]])((t={exports:{}}).exports,t),t.exports},Jx=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of X4(t))!Zx.call(e,a)&&a!==r&&J4(e,a,{get:()=>t[a],enumerable:!(n=Yx(t,a))||n.enumerable});return e},Y1=(e,t,r)=>(r=e!=null?Gx(Kx(e)):{},Jx(t||!e||!e.__esModule?J4(r,"default",{value:e,enumerable:!0}):r,e));function Xx(e,t,{signal:r,edges:n}={}){let a,o=null,i=n!=null&&n.includes("leading"),s=n==null||n.includes("trailing"),c=()=>{o!==null&&(e.apply(a,o),a=void 0,o=null)},d=()=>{s&&c(),f()},p=null,m=()=>{p!=null&&clearTimeout(p),p=setTimeout(()=>{p=null,d()},t)},h=()=>{p!==null&&(clearTimeout(p),p=null)},f=()=>{h(),a=void 0,o=null},v=()=>{h(),c()},g=function(...w){if(r!=null&&r.aborted)return;a=this,o=w;let x=p==null;m(),i&&x&&c()};return g.schedule=m,g.cancel=f,g.flush=v,r==null||r.addEventListener("abort",f,{once:!0}),g}function EV(e,t=0,r={}){typeof r!="object"&&(r={});let{signal:n,leading:a=!1,trailing:o=!0,maxWait:i}=r,s=Array(2);a&&(s[0]="leading"),o&&(s[1]="trailing");let c,d=null,p=Xx(function(...f){c=e.apply(this,f),d=null},t,{signal:n,edges:s}),m=function(...f){if(i!=null){if(d===null)d=Date.now();else if(Date.now()-d>=i)return c=e.apply(this,f),d=Date.now(),p.cancel(),p.schedule(),c}return p.apply(this,f),c},h=()=>(p.flush(),c);return m.cancel=p.cancel,m.flush=h,m}function Qx(e){return Array.from(new Set(e))}function eD(e,t){let r={},n=Object.entries(e);for(let a=0;a`control-${e.replace(/\s+/g,"-")}`,hs=e=>`set-${e.replace(/\s+/g,"-")}`,sD=Object.create,K1=Object.defineProperty,uD=Object.getOwnPropertyDescriptor,cD=Object.getOwnPropertyNames,dD=Object.getPrototypeOf,pD=Object.prototype.hasOwnProperty,R=(e,t)=>K1(e,"name",{value:t,configurable:!0}),Ci=(e=>typeof require<"u"?require:typeof Proxy<"u"?new Proxy(e,{get:(t,r)=>(typeof require<"u"?require:t)[r]}):e)(function(e){if(typeof require<"u")return require.apply(this,arguments);throw Error('Dynamic require of "'+e+'" is not supported')}),ms=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports),fD=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of cD(t))!pD.call(e,a)&&a!==r&&K1(e,a,{get:()=>t[a],enumerable:!(n=uD(t,a))||n.enumerable});return e},Z1=(e,t,r)=>(r=e!=null?sD(dD(e)):{},fD(t||!e||!e.__esModule?K1(r,"default",{value:e,enumerable:!0}):r,e)),hD=ms(e=>{(function(){var t=typeof Symbol=="function"&&Symbol.for,r=t?Symbol.for("react.element"):60103,n=t?Symbol.for("react.portal"):60106,a=t?Symbol.for("react.fragment"):60107,o=t?Symbol.for("react.strict_mode"):60108,i=t?Symbol.for("react.profiler"):60114,s=t?Symbol.for("react.provider"):60109,c=t?Symbol.for("react.context"):60110,d=t?Symbol.for("react.async_mode"):60111,p=t?Symbol.for("react.concurrent_mode"):60111,m=t?Symbol.for("react.forward_ref"):60112,h=t?Symbol.for("react.suspense"):60113,f=t?Symbol.for("react.suspense_list"):60120,v=t?Symbol.for("react.memo"):60115,g=t?Symbol.for("react.lazy"):60116,w=t?Symbol.for("react.block"):60121,x=t?Symbol.for("react.fundamental"):60117,D=t?Symbol.for("react.responder"):60118,E=t?Symbol.for("react.scope"):60119;function b($){return typeof $=="string"||typeof $=="function"||$===a||$===p||$===i||$===o||$===h||$===f||typeof $=="object"&&$!==null&&($.$$typeof===g||$.$$typeof===v||$.$$typeof===s||$.$$typeof===c||$.$$typeof===m||$.$$typeof===x||$.$$typeof===D||$.$$typeof===E||$.$$typeof===w)}R(b,"isValidElementType");function C($){if(typeof $=="object"&&$!==null){var nt=$.$$typeof;switch(nt){case r:var Dt=$.type;switch(Dt){case d:case p:case a:case i:case o:case h:return Dt;default:var Mr=Dt&&Dt.$$typeof;switch(Mr){case c:case m:case g:case v:case s:return Mr;default:return nt}}case n:return nt}}}R(C,"typeOf");var S=d,k=p,A=c,_=s,I=r,B=m,z=a,L=g,M=v,O=n,P=i,j=o,U=h,V=!1;function G($){return V||(V=!0,console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")),Q($)||C($)===d}R(G,"isAsyncMode");function Q($){return C($)===p}R(Q,"isConcurrentMode");function ne($){return C($)===c}R(ne,"isContextConsumer");function Z($){return C($)===s}R(Z,"isContextProvider");function ie($){return typeof $=="object"&&$!==null&&$.$$typeof===r}R(ie,"isElement");function N($){return C($)===m}R(N,"isForwardRef");function K($){return C($)===a}R(K,"isFragment");function re($){return C($)===g}R(re,"isLazy");function fe($){return C($)===v}R(fe,"isMemo");function Ce($){return C($)===n}R(Ce,"isPortal");function xt($){return C($)===i}R(xt,"isProfiler");function He($){return C($)===o}R(He,"isStrictMode");function rt($){return C($)===h}R(rt,"isSuspense"),e.AsyncMode=S,e.ConcurrentMode=k,e.ContextConsumer=A,e.ContextProvider=_,e.Element=I,e.ForwardRef=B,e.Fragment=z,e.Lazy=L,e.Memo=M,e.Portal=O,e.Profiler=P,e.StrictMode=j,e.Suspense=U,e.isAsyncMode=G,e.isConcurrentMode=Q,e.isContextConsumer=ne,e.isContextProvider=Z,e.isElement=ie,e.isForwardRef=N,e.isFragment=K,e.isLazy=re,e.isMemo=fe,e.isPortal=Ce,e.isProfiler=xt,e.isStrictMode=He,e.isSuspense=rt,e.isValidElementType=b,e.typeOf=C})()}),mD=ms((e,t)=>{t.exports=hD()}),Q4=ms((e,t)=>{var r=mD(),n={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},a={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},o={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},i={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},s={};s[r.ForwardRef]=o,s[r.Memo]=i;function c(w){return r.isMemo(w)?i:s[w.$$typeof]||n}R(c,"getStatics");var d=Object.defineProperty,p=Object.getOwnPropertyNames,m=Object.getOwnPropertySymbols,h=Object.getOwnPropertyDescriptor,f=Object.getPrototypeOf,v=Object.prototype;function g(w,x,D){if(typeof x!="string"){if(v){var E=f(x);E&&E!==v&&g(w,E,D)}var b=p(x);m&&(b=b.concat(m(x)));for(var C=c(w),S=c(x),k=0;k{(function(r){if(typeof e=="object"&&typeof t<"u")t.exports=r();else if(typeof define=="function"&&define.amd)define([],r);else{var n;typeof window<"u"?n=window:typeof global<"u"?n=global:typeof self<"u"?n=self:n=this,n.memoizerific=r()}})(function(){return R(function r(n,a,o){function i(d,p){if(!a[d]){if(!n[d]){var m=typeof Ci=="function"&&Ci;if(!p&&m)return m(d,!0);if(s)return s(d,!0);var h=new Error("Cannot find module '"+d+"'");throw h.code="MODULE_NOT_FOUND",h}var f=a[d]={exports:{}};n[d][0].call(f.exports,function(v){var g=n[d][1][v];return i(g||v)},f,f.exports,r,n,a,o)}return a[d].exports}R(i,"s");for(var s=typeof Ci=="function"&&Ci,c=0;c=0)return this.lastItem=this.list[s],this.list[s].val},o.prototype.set=function(i,s){var c;return this.lastItem&&this.isEqual(this.lastItem.key,i)?(this.lastItem.val=s,this):(c=this.indexOf(i),c>=0?(this.lastItem=this.list[c],this.list[c].val=s,this):(this.lastItem={key:i,val:s},this.list.push(this.lastItem),this.size++,this))},o.prototype.delete=function(i){var s;if(this.lastItem&&this.isEqual(this.lastItem.key,i)&&(this.lastItem=void 0),s=this.indexOf(i),s>=0)return this.size--,this.list.splice(s,1)[0]},o.prototype.has=function(i){var s;return this.lastItem&&this.isEqual(this.lastItem.key,i)?!0:(s=this.indexOf(i),s>=0?(this.lastItem=this.list[s],!0):!1)},o.prototype.forEach=function(i,s){var c;for(c=0;c0&&(D[x]={cacheItem:v,arg:arguments[x]},E?i(m,D):m.push(D),m.length>d&&s(m.shift())),f.wasMemoized=E,f.numArgs=x+1,w},"memoizerific");return f.limit=d,f.wasMemoized=!1,f.cache=p,f.lru=m,f}};function i(d,p){var m=d.length,h=p.length,f,v,g;for(v=0;v=0&&(m=d[f],h=m.cacheItem.get(m.arg),!h||!h.size);f--)m.cacheItem.delete(m.arg)}R(s,"removeCachedResult");function c(d,p){return d===p||d!==d&&p!==p}R(c,"isEqual")},{"map-or-similar":1}]},{},[3])(3)})});function Nt(){return Nt=Object.assign?Object.assign.bind():function(e){for(var t=1;ti.map(i=>d[i]); +var Hx=Object.defineProperty;var jx=(e,t,r)=>t in e?Hx(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r;var Rn=(e,t,r)=>jx(e,typeof t!="symbol"?t+"":t,r);import{_ as K4}from"./iframe-CN_8E5Aq.js";import{r as l,R as y}from"./index-RigO-4kf.js";import{j as J}from"./jsx-runtime-BjgbQsUx.js";import{g as Vx}from"./_commonjsHelpers-CqkleIqs.js";import{r as Ux}from"./index-BIm0odtm.js";import{O as Z4,P as qx}from"./index-D-8MO0q_.js";import{y as gh,g as Eu}from"./index-CHGET4sZ.js";import{d as Wx}from"./index-DrFu-skq.js";var Gx=Object.create,J4=Object.defineProperty,Yx=Object.getOwnPropertyDescriptor,X4=Object.getOwnPropertyNames,Kx=Object.getPrototypeOf,Zx=Object.prototype.hasOwnProperty,Di=(e=>typeof require<"u"?require:typeof Proxy<"u"?new Proxy(e,{get:(t,r)=>(typeof require<"u"?require:t)[r]}):e)(function(e){if(typeof require<"u")return require.apply(this,arguments);throw Error('Dynamic require of "'+e+'" is not supported')}),mn=(e,t)=>function(){return t||(0,e[X4(e)[0]])((t={exports:{}}).exports,t),t.exports},Jx=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of X4(t))!Zx.call(e,a)&&a!==r&&J4(e,a,{get:()=>t[a],enumerable:!(n=Yx(t,a))||n.enumerable});return e},Y1=(e,t,r)=>(r=e!=null?Gx(Kx(e)):{},Jx(t||!e||!e.__esModule?J4(r,"default",{value:e,enumerable:!0}):r,e));function Xx(e,t,{signal:r,edges:n}={}){let a,o=null,i=n!=null&&n.includes("leading"),s=n==null||n.includes("trailing"),c=()=>{o!==null&&(e.apply(a,o),a=void 0,o=null)},d=()=>{s&&c(),f()},p=null,m=()=>{p!=null&&clearTimeout(p),p=setTimeout(()=>{p=null,d()},t)},h=()=>{p!==null&&(clearTimeout(p),p=null)},f=()=>{h(),a=void 0,o=null},v=()=>{h(),c()},g=function(...w){if(r!=null&&r.aborted)return;a=this,o=w;let x=p==null;m(),i&&x&&c()};return g.schedule=m,g.cancel=f,g.flush=v,r==null||r.addEventListener("abort",f,{once:!0}),g}function EV(e,t=0,r={}){typeof r!="object"&&(r={});let{signal:n,leading:a=!1,trailing:o=!0,maxWait:i}=r,s=Array(2);a&&(s[0]="leading"),o&&(s[1]="trailing");let c,d=null,p=Xx(function(...f){c=e.apply(this,f),d=null},t,{signal:n,edges:s}),m=function(...f){if(i!=null){if(d===null)d=Date.now();else if(Date.now()-d>=i)return c=e.apply(this,f),d=Date.now(),p.cancel(),p.schedule(),c}return p.apply(this,f),c},h=()=>(p.flush(),c);return m.cancel=p.cancel,m.flush=h,m}function Qx(e){return Array.from(new Set(e))}function eD(e,t){let r={},n=Object.entries(e);for(let a=0;a`control-${e.replace(/\s+/g,"-")}`,hs=e=>`set-${e.replace(/\s+/g,"-")}`,sD=Object.create,K1=Object.defineProperty,uD=Object.getOwnPropertyDescriptor,cD=Object.getOwnPropertyNames,dD=Object.getPrototypeOf,pD=Object.prototype.hasOwnProperty,R=(e,t)=>K1(e,"name",{value:t,configurable:!0}),Ci=(e=>typeof require<"u"?require:typeof Proxy<"u"?new Proxy(e,{get:(t,r)=>(typeof require<"u"?require:t)[r]}):e)(function(e){if(typeof require<"u")return require.apply(this,arguments);throw Error('Dynamic require of "'+e+'" is not supported')}),ms=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports),fD=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of cD(t))!pD.call(e,a)&&a!==r&&K1(e,a,{get:()=>t[a],enumerable:!(n=uD(t,a))||n.enumerable});return e},Z1=(e,t,r)=>(r=e!=null?sD(dD(e)):{},fD(t||!e||!e.__esModule?K1(r,"default",{value:e,enumerable:!0}):r,e)),hD=ms(e=>{(function(){var t=typeof Symbol=="function"&&Symbol.for,r=t?Symbol.for("react.element"):60103,n=t?Symbol.for("react.portal"):60106,a=t?Symbol.for("react.fragment"):60107,o=t?Symbol.for("react.strict_mode"):60108,i=t?Symbol.for("react.profiler"):60114,s=t?Symbol.for("react.provider"):60109,c=t?Symbol.for("react.context"):60110,d=t?Symbol.for("react.async_mode"):60111,p=t?Symbol.for("react.concurrent_mode"):60111,m=t?Symbol.for("react.forward_ref"):60112,h=t?Symbol.for("react.suspense"):60113,f=t?Symbol.for("react.suspense_list"):60120,v=t?Symbol.for("react.memo"):60115,g=t?Symbol.for("react.lazy"):60116,w=t?Symbol.for("react.block"):60121,x=t?Symbol.for("react.fundamental"):60117,D=t?Symbol.for("react.responder"):60118,E=t?Symbol.for("react.scope"):60119;function b($){return typeof $=="string"||typeof $=="function"||$===a||$===p||$===i||$===o||$===h||$===f||typeof $=="object"&&$!==null&&($.$$typeof===g||$.$$typeof===v||$.$$typeof===s||$.$$typeof===c||$.$$typeof===m||$.$$typeof===x||$.$$typeof===D||$.$$typeof===E||$.$$typeof===w)}R(b,"isValidElementType");function C($){if(typeof $=="object"&&$!==null){var nt=$.$$typeof;switch(nt){case r:var Dt=$.type;switch(Dt){case d:case p:case a:case i:case o:case h:return Dt;default:var Mr=Dt&&Dt.$$typeof;switch(Mr){case c:case m:case g:case v:case s:return Mr;default:return nt}}case n:return nt}}}R(C,"typeOf");var S=d,k=p,A=c,_=s,I=r,B=m,z=a,L=g,M=v,O=n,P=i,j=o,U=h,V=!1;function G($){return V||(V=!0,console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")),Q($)||C($)===d}R(G,"isAsyncMode");function Q($){return C($)===p}R(Q,"isConcurrentMode");function ne($){return C($)===c}R(ne,"isContextConsumer");function Z($){return C($)===s}R(Z,"isContextProvider");function ie($){return typeof $=="object"&&$!==null&&$.$$typeof===r}R(ie,"isElement");function N($){return C($)===m}R(N,"isForwardRef");function K($){return C($)===a}R(K,"isFragment");function re($){return C($)===g}R(re,"isLazy");function fe($){return C($)===v}R(fe,"isMemo");function Ce($){return C($)===n}R(Ce,"isPortal");function xt($){return C($)===i}R(xt,"isProfiler");function He($){return C($)===o}R(He,"isStrictMode");function rt($){return C($)===h}R(rt,"isSuspense"),e.AsyncMode=S,e.ConcurrentMode=k,e.ContextConsumer=A,e.ContextProvider=_,e.Element=I,e.ForwardRef=B,e.Fragment=z,e.Lazy=L,e.Memo=M,e.Portal=O,e.Profiler=P,e.StrictMode=j,e.Suspense=U,e.isAsyncMode=G,e.isConcurrentMode=Q,e.isContextConsumer=ne,e.isContextProvider=Z,e.isElement=ie,e.isForwardRef=N,e.isFragment=K,e.isLazy=re,e.isMemo=fe,e.isPortal=Ce,e.isProfiler=xt,e.isStrictMode=He,e.isSuspense=rt,e.isValidElementType=b,e.typeOf=C})()}),mD=ms((e,t)=>{t.exports=hD()}),Q4=ms((e,t)=>{var r=mD(),n={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},a={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},o={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},i={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},s={};s[r.ForwardRef]=o,s[r.Memo]=i;function c(w){return r.isMemo(w)?i:s[w.$$typeof]||n}R(c,"getStatics");var d=Object.defineProperty,p=Object.getOwnPropertyNames,m=Object.getOwnPropertySymbols,h=Object.getOwnPropertyDescriptor,f=Object.getPrototypeOf,v=Object.prototype;function g(w,x,D){if(typeof x!="string"){if(v){var E=f(x);E&&E!==v&&g(w,E,D)}var b=p(x);m&&(b=b.concat(m(x)));for(var C=c(w),S=c(x),k=0;k{(function(r){if(typeof e=="object"&&typeof t<"u")t.exports=r();else if(typeof define=="function"&&define.amd)define([],r);else{var n;typeof window<"u"?n=window:typeof global<"u"?n=global:typeof self<"u"?n=self:n=this,n.memoizerific=r()}})(function(){return R(function r(n,a,o){function i(d,p){if(!a[d]){if(!n[d]){var m=typeof Ci=="function"&&Ci;if(!p&&m)return m(d,!0);if(s)return s(d,!0);var h=new Error("Cannot find module '"+d+"'");throw h.code="MODULE_NOT_FOUND",h}var f=a[d]={exports:{}};n[d][0].call(f.exports,function(v){var g=n[d][1][v];return i(g||v)},f,f.exports,r,n,a,o)}return a[d].exports}R(i,"s");for(var s=typeof Ci=="function"&&Ci,c=0;c=0)return this.lastItem=this.list[s],this.list[s].val},o.prototype.set=function(i,s){var c;return this.lastItem&&this.isEqual(this.lastItem.key,i)?(this.lastItem.val=s,this):(c=this.indexOf(i),c>=0?(this.lastItem=this.list[c],this.list[c].val=s,this):(this.lastItem={key:i,val:s},this.list.push(this.lastItem),this.size++,this))},o.prototype.delete=function(i){var s;if(this.lastItem&&this.isEqual(this.lastItem.key,i)&&(this.lastItem=void 0),s=this.indexOf(i),s>=0)return this.size--,this.list.splice(s,1)[0]},o.prototype.has=function(i){var s;return this.lastItem&&this.isEqual(this.lastItem.key,i)?!0:(s=this.indexOf(i),s>=0?(this.lastItem=this.list[s],!0):!1)},o.prototype.forEach=function(i,s){var c;for(c=0;c0&&(D[x]={cacheItem:v,arg:arguments[x]},E?i(m,D):m.push(D),m.length>d&&s(m.shift())),f.wasMemoized=E,f.numArgs=x+1,w},"memoizerific");return f.limit=d,f.wasMemoized=!1,f.cache=p,f.lru=m,f}};function i(d,p){var m=d.length,h=p.length,f,v,g;for(v=0;v=0&&(m=d[f],h=m.cacheItem.get(m.arg),!h||!h.size);f--)m.cacheItem.delete(m.arg)}R(s,"removeCachedResult");function c(d,p){return d===p||d!==d&&p!==p}R(c,"isEqual")},{"map-or-similar":1}]},{},[3])(3)})});function Nt(){return Nt=Object.assign?Object.assign.bind():function(e){for(var t=1;t0?we(ka,--$e):0,la--,de===10&&(la=1,ys--),de}R(s3,"prev");function Oe(){return de=$e2||sa(de)>3?"":" "}R(u3,"whitespace");function c3(e,t){for(;--t&&Oe()&&!(de<48||de>102||de>57&&de<65||de>70&&de<97););return Aa(e,bo()+(t<6&&pt()==32&&Oe()==32))}R(c3,"escaping");function Sl(e){for(;Oe();)switch(de){case e:return $e;case 34:case 39:e!==34&&e!==39&&Sl(de);break;case 40:e===41&&Sl(e);break;case 92:Oe();break}return $e}R(Sl,"delimiter");function d3(e,t){for(;Oe()&&e+de!==57&&!(e+de===84&&pt()===47););return"/*"+Aa(t,$e-1)+"*"+gs(e===47?e:Oe())}R(d3,"commenter");function p3(e){for(;!sa(pt());)Oe();return Aa(e,$e)}R(p3,"identifier");function f3(e){return ap(Eo("",null,null,null,[""],e=np(e),0,[0],e))}R(f3,"compile");function Eo(e,t,r,n,a,o,i,s,c){for(var d=0,p=0,m=i,h=0,f=0,v=0,g=1,w=1,x=1,D=0,E="",b=a,C=o,S=n,k=E;w;)switch(v=D,D=Oe()){case 40:if(v!=108&&we(k,m-1)==58){Cl(k+=ee(wo(D),"&","&\f"),"&\f")!=-1&&(x=-1);break}case 34:case 39:case 91:k+=wo(D);break;case 9:case 10:case 13:case 32:k+=u3(v);break;case 92:k+=c3(bo()-1,7);continue;case 47:switch(pt()){case 42:case 47:oo(h3(d3(Oe(),bo()),t,r),c);break;default:k+="/"}break;case 123*g:s[d++]=st(k)*x;case 125*g:case 59:case 0:switch(D){case 0:case 125:w=0;case 59+p:x==-1&&(k=ee(k,/\f/g,"")),f>0&&st(k)-m&&oo(f>32?Q0(k+";",n,r,m-1):Q0(ee(k," ","")+";",n,r,m-2),c);break;case 59:k+=";";default:if(oo(S=X0(k,t,r,d,p,a,s,E,b=[],C=[],m),o),D===123)if(p===0)Eo(k,t,S,S,b,o,m,s,C);else switch(h===99&&we(k,3)===110?100:h){case 100:case 108:case 109:case 115:Eo(e,S,S,n&&oo(X0(e,S,S,0,0,a,s,E,a,b=[],m),C),a,C,m,s,n?b:C);break;default:Eo(k,S,S,S,[""],C,0,s,C)}}d=p=f=0,g=x=1,E=k="",m=i;break;case 58:m=1+st(k),f=v;default:if(g<1){if(D==123)--g;else if(D==125&&g++==0&&s3()==125)continue}switch(k+=gs(D),D*g){case 38:x=p>0?1:(k+="\f",-1);break;case 44:s[d++]=(st(k)-1)*x,x=1;break;case 64:pt()===45&&(k+=wo(Oe())),h=pt(),p=m=st(E=k+=p3(bo())),D++;break;case 45:v===45&&st(k)==2&&(g=0)}}return o}R(Eo,"parse");function X0(e,t,r,n,a,o,i,s,c,d,p){for(var m=a-1,h=a===0?o:[""],f=vs(h),v=0,g=0,w=0;v0?h[x]+" "+D:ee(D,/&\f/g,h[x])))&&(c[w++]=E);return Ko(e,t,r,a===0?ep:s,c,d,p)}R(X0,"ruleset");function h3(e,t,r){return Ko(e,t,r,Q1,gs(l3()),ia(e,2,-2),0)}R(h3,"comment");function Q0(e,t,r,n){return Ko(e,t,r,tp,ia(e,0,n),ia(e,n+1,-1),n)}R(Q0,"declaration");function an(e,t){for(var r="",n=vs(e),a=0;a-1},"isIgnoringComment"),RD=R(function(e){return function(t,r,n){if(!(t.type!=="rule"||e.compat)){var a=t.value.match(/(:first|:nth|:nth-last)-child/g);if(a){for(var o=!!t.parent,i=o?t.parent.children:n,s=i.length-1;s>=0;s--){var c=i[s];if(c.line=0;r--)if(!v3(t[r]))return!0;return!1},"isPrependedWithRegularRules"),wh=R(function(e){e.type="",e.value="",e.return="",e.children="",e.props=""},"nullifyElement"),BD=R(function(e,t,r){v3(e)&&(e.parent?(console.error("`@import` rules can't be nested inside other rules. Please move it to the top level and put it before regular rules. Keep in mind that they can only be used within global styles."),wh(e)):ID(t,r)&&(console.error("`@import` rules can't be after other rules. Please put your `@import` rules before your other rules."),wh(e)))},"incorrectImportAlarm");function op(e,t){switch(n3(e,t)){case 5103:return te+"print-"+e+e;case 5737:case 4201:case 3177:case 3433:case 1641:case 4457:case 2921:case 5572:case 6356:case 5844:case 3191:case 6645:case 3005:case 6391:case 5879:case 5623:case 6135:case 4599:case 4855:case 4215:case 6389:case 5109:case 5365:case 5621:case 3829:return te+e+e;case 5349:case 4246:case 4810:case 6968:case 2756:return te+e+Dl+e+_e+e+e;case 6828:case 4268:return te+e+_e+e+e;case 6165:return te+e+_e+"flex-"+e+e;case 5187:return te+e+ee(e,/(\w+).+(:[^]+)/,te+"box-$1$2"+_e+"flex-$1$2")+e;case 5443:return te+e+_e+"flex-item-"+ee(e,/flex-|-self/,"")+e;case 4675:return te+e+_e+"flex-line-pack"+ee(e,/align-content|flex-|-self/,"")+e;case 5548:return te+e+_e+ee(e,"shrink","negative")+e;case 5292:return te+e+_e+ee(e,"basis","preferred-size")+e;case 6060:return te+"box-"+ee(e,"-grow","")+te+e+_e+ee(e,"grow","positive")+e;case 4554:return te+ee(e,/([^-])(transform)/g,"$1"+te+"$2")+e;case 6187:return ee(ee(ee(e,/(zoom-|grab)/,te+"$1"),/(image-set)/,te+"$1"),e,"")+e;case 5495:case 3959:return ee(e,/(image-set\([^]*)/,te+"$1$`$1");case 4968:return ee(ee(e,/(.+:)(flex-)?(.*)/,te+"box-pack:$3"+_e+"flex-pack:$3"),/s.+-b[^;]+/,"justify")+te+e+e;case 4095:case 3583:case 4068:case 2532:return ee(e,/(.+)-inline(.+)/,te+"$1$2")+e;case 8116:case 7059:case 5753:case 5535:case 5445:case 5701:case 4933:case 4677:case 5533:case 5789:case 5021:case 4765:if(st(e)-1-t>6)switch(we(e,t+1)){case 109:if(we(e,t+4)!==45)break;case 102:return ee(e,/(.+:)(.+)-([^]+)/,"$1"+te+"$2-$3$1"+Dl+(we(e,t+3)==108?"$3":"$2-$3"))+e;case 115:return~Cl(e,"stretch")?op(ee(e,"stretch","fill-available"),t)+e:e}break;case 4949:if(we(e,t+1)!==115)break;case 6444:switch(we(e,st(e)-3-(~Cl(e,"!important")&&10))){case 107:return ee(e,":",":"+te)+e;case 101:return ee(e,/(.+:)([^;!]+)(;|!.+)?/,"$1"+te+(we(e,14)===45?"inline-":"")+"box$3$1"+te+"$2$3$1"+_e+"$2box$3")+e}break;case 5936:switch(we(e,t+11)){case 114:return te+e+_e+ee(e,/[svh]\w+-[tblr]{2}/,"tb")+e;case 108:return te+e+_e+ee(e,/[svh]\w+-[tblr]{2}/,"tb-rl")+e;case 45:return te+e+_e+ee(e,/[svh]\w+-[tblr]{2}/,"lr")+e}return te+e+_e+e+e}return e}R(op,"prefix");var TD=R(function(e,t,r,n){if(e.length>-1&&!e.return)switch(e.type){case tp:e.return=op(e.value,e.length);break;case r3:return an([$n(e,{value:ee(e.value,"@","@"+te)})],n);case ep:if(e.length)return o3(e.props,function(a){switch(a3(a,/(::plac\w+|:read-\w+)/)){case":read-only":case":read-write":return an([$n(e,{props:[ee(a,/:(read-\w+)/,":"+Dl+"$1")]})],n);case"::placeholder":return an([$n(e,{props:[ee(a,/:(plac\w+)/,":"+te+"input-$1")]}),$n(e,{props:[ee(a,/:(plac\w+)/,":"+Dl+"$1")]}),$n(e,{props:[ee(a,/:(plac\w+)/,_e+"input-$1")]})],n)}return""})}},"prefixer"),zD=[TD],LD=R(function(e){var t=e.key;if(!t)throw new Error(`You have to configure \`key\` for your cache. Please make sure it's unique (and not equal to 'css') as it's used for linking styles to your cache. If multiple caches share the same key they might "fight" for each other's style elements.`);if(t==="css"){var r=document.querySelectorAll("style[data-emotion]:not([data-s])");Array.prototype.forEach.call(r,function(v){var g=v.getAttribute("data-emotion");g.indexOf(" ")!==-1&&(document.head.appendChild(v),v.setAttribute("data-s",""))})}var n=e.stylisPlugins||zD;if(/[^a-z-]/.test(t))throw new Error('Emotion key must only contain lower case alphabetical characters and - but "'+t+'" was passed');var a={},o,i=[];o=e.container||document.head,Array.prototype.forEach.call(document.querySelectorAll('style[data-emotion^="'+t+' "]'),function(v){for(var g=v.getAttribute("data-emotion").split(" "),w=1;w=4;++n,a-=4)r=e.charCodeAt(n)&255|(e.charCodeAt(++n)&255)<<8|(e.charCodeAt(++n)&255)<<16|(e.charCodeAt(++n)&255)<<24,r=(r&65535)*1540483477+((r>>>16)*59797<<16),r^=r>>>24,t=(r&65535)*1540483477+((r>>>16)*59797<<16)^(t&65535)*1540483477+((t>>>16)*59797<<16);switch(a){case 3:t^=(e.charCodeAt(n+2)&255)<<16;case 2:t^=(e.charCodeAt(n+1)&255)<<8;case 1:t^=e.charCodeAt(n)&255,t=(t&65535)*1540483477+((t>>>16)*59797<<16)}return t^=t>>>13,t=(t&65535)*1540483477+((t>>>16)*59797<<16),((t^t>>>15)>>>0).toString(36)}R(y3,"murmur2");var $D={animationIterationCount:1,aspectRatio:1,borderImageOutset:1,borderImageSlice:1,borderImageWidth:1,boxFlex:1,boxFlexGroup:1,boxOrdinalGroup:1,columnCount:1,columns:1,flex:1,flexGrow:1,flexPositive:1,flexShrink:1,flexNegative:1,flexOrder:1,gridRow:1,gridRowEnd:1,gridRowSpan:1,gridRowStart:1,gridColumn:1,gridColumnEnd:1,gridColumnSpan:1,gridColumnStart:1,msGridRow:1,msGridRowSpan:1,msGridColumn:1,msGridColumnSpan:1,fontWeight:1,lineHeight:1,opacity:1,order:1,orphans:1,tabSize:1,widows:1,zIndex:1,zoom:1,WebkitLineClamp:1,fillOpacity:1,floodOpacity:1,stopOpacity:1,strokeDasharray:1,strokeDashoffset:1,strokeMiterlimit:1,strokeOpacity:1,strokeWidth:1},Eh=`You have illegal escape sequence in your template literal, most likely inside content's property value. Because you write your CSS inside a JavaScript string you actually have to do double escaping, so for example "content: '\\00d7';" should become "content: '\\\\00d7';". @@ -677,7 +677,7 @@ To pass a single animation please supply them in simple values, e.g. animation(' `,77:`remToPx expects a value in "rem" but you provided it in "%s". `,78:`base must be set in "px" or "%" but you set it in "%s". -`};function WL(){for(var e=arguments.length,t=new Array(e),r=0;r1?a-1:0),i=1;i=0&&a<1?(s=o,c=i):a>=1&&a<2?(s=i,c=o):a>=2&&a<3?(c=o,d=i):a>=3&&a<4?(c=i,d=o):a>=4&&a<5?(s=i,d=o):a>=5&&a<6&&(s=o,d=i);var p=r-o/2,m=s+p,h=c+p,f=d+p;return n(m,h,f)}var x4={aliceblue:"f0f8ff",antiquewhite:"faebd7",aqua:"00ffff",aquamarine:"7fffd4",azure:"f0ffff",beige:"f5f5dc",bisque:"ffe4c4",black:"000",blanchedalmond:"ffebcd",blue:"0000ff",blueviolet:"8a2be2",brown:"a52a2a",burlywood:"deb887",cadetblue:"5f9ea0",chartreuse:"7fff00",chocolate:"d2691e",coral:"ff7f50",cornflowerblue:"6495ed",cornsilk:"fff8dc",crimson:"dc143c",cyan:"00ffff",darkblue:"00008b",darkcyan:"008b8b",darkgoldenrod:"b8860b",darkgray:"a9a9a9",darkgreen:"006400",darkgrey:"a9a9a9",darkkhaki:"bdb76b",darkmagenta:"8b008b",darkolivegreen:"556b2f",darkorange:"ff8c00",darkorchid:"9932cc",darkred:"8b0000",darksalmon:"e9967a",darkseagreen:"8fbc8f",darkslateblue:"483d8b",darkslategray:"2f4f4f",darkslategrey:"2f4f4f",darkturquoise:"00ced1",darkviolet:"9400d3",deeppink:"ff1493",deepskyblue:"00bfff",dimgray:"696969",dimgrey:"696969",dodgerblue:"1e90ff",firebrick:"b22222",floralwhite:"fffaf0",forestgreen:"228b22",fuchsia:"ff00ff",gainsboro:"dcdcdc",ghostwhite:"f8f8ff",gold:"ffd700",goldenrod:"daa520",gray:"808080",green:"008000",greenyellow:"adff2f",grey:"808080",honeydew:"f0fff0",hotpink:"ff69b4",indianred:"cd5c5c",indigo:"4b0082",ivory:"fffff0",khaki:"f0e68c",lavender:"e6e6fa",lavenderblush:"fff0f5",lawngreen:"7cfc00",lemonchiffon:"fffacd",lightblue:"add8e6",lightcoral:"f08080",lightcyan:"e0ffff",lightgoldenrodyellow:"fafad2",lightgray:"d3d3d3",lightgreen:"90ee90",lightgrey:"d3d3d3",lightpink:"ffb6c1",lightsalmon:"ffa07a",lightseagreen:"20b2aa",lightskyblue:"87cefa",lightslategray:"789",lightslategrey:"789",lightsteelblue:"b0c4de",lightyellow:"ffffe0",lime:"0f0",limegreen:"32cd32",linen:"faf0e6",magenta:"f0f",maroon:"800000",mediumaquamarine:"66cdaa",mediumblue:"0000cd",mediumorchid:"ba55d3",mediumpurple:"9370db",mediumseagreen:"3cb371",mediumslateblue:"7b68ee",mediumspringgreen:"00fa9a",mediumturquoise:"48d1cc",mediumvioletred:"c71585",midnightblue:"191970",mintcream:"f5fffa",mistyrose:"ffe4e1",moccasin:"ffe4b5",navajowhite:"ffdead",navy:"000080",oldlace:"fdf5e6",olive:"808000",olivedrab:"6b8e23",orange:"ffa500",orangered:"ff4500",orchid:"da70d6",palegoldenrod:"eee8aa",palegreen:"98fb98",paleturquoise:"afeeee",palevioletred:"db7093",papayawhip:"ffefd5",peachpuff:"ffdab9",peru:"cd853f",pink:"ffc0cb",plum:"dda0dd",powderblue:"b0e0e6",purple:"800080",rebeccapurple:"639",red:"f00",rosybrown:"bc8f8f",royalblue:"4169e1",saddlebrown:"8b4513",salmon:"fa8072",sandybrown:"f4a460",seagreen:"2e8b57",seashell:"fff5ee",sienna:"a0522d",silver:"c0c0c0",skyblue:"87ceeb",slateblue:"6a5acd",slategray:"708090",slategrey:"708090",snow:"fffafa",springgreen:"00ff7f",steelblue:"4682b4",tan:"d2b48c",teal:"008080",thistle:"d8bfd8",tomato:"ff6347",turquoise:"40e0d0",violet:"ee82ee",wheat:"f5deb3",white:"fff",whitesmoke:"f5f5f5",yellow:"ff0",yellowgreen:"9acd32"};function YL(e){if(typeof e!="string")return e;var t=e.toLowerCase();return x4[t]?"#"+x4[t]:e}var KL=/^#[a-fA-F0-9]{6}$/,ZL=/^#[a-fA-F0-9]{8}$/,JL=/^#[a-fA-F0-9]{3}$/,XL=/^#[a-fA-F0-9]{4}$/,j0=/^rgb\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*\)$/i,QL=/^rgb(?:a)?\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i,eO=/^hsl\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*\)$/i,tO=/^hsl(?:a)?\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i;function du(e){if(typeof e!="string")throw new Mt(3);var t=YL(e);if(t.match(KL))return{red:parseInt(""+t[1]+t[2],16),green:parseInt(""+t[3]+t[4],16),blue:parseInt(""+t[5]+t[6],16)};if(t.match(ZL)){var r=parseFloat((parseInt(""+t[7]+t[8],16)/255).toFixed(2));return{red:parseInt(""+t[1]+t[2],16),green:parseInt(""+t[3]+t[4],16),blue:parseInt(""+t[5]+t[6],16),alpha:r}}if(t.match(JL))return{red:parseInt(""+t[1]+t[1],16),green:parseInt(""+t[2]+t[2],16),blue:parseInt(""+t[3]+t[3],16)};if(t.match(XL)){var n=parseFloat((parseInt(""+t[4]+t[4],16)/255).toFixed(2));return{red:parseInt(""+t[1]+t[1],16),green:parseInt(""+t[2]+t[2],16),blue:parseInt(""+t[3]+t[3],16),alpha:n}}var a=j0.exec(t);if(a)return{red:parseInt(""+a[1],10),green:parseInt(""+a[2],10),blue:parseInt(""+a[3],10)};var o=QL.exec(t.substring(0,50));if(o)return{red:parseInt(""+o[1],10),green:parseInt(""+o[2],10),blue:parseInt(""+o[3],10),alpha:parseFloat(""+o[4])>1?parseFloat(""+o[4])/100:parseFloat(""+o[4])};var i=eO.exec(t);if(i){var s=parseInt(""+i[1],10),c=parseInt(""+i[2],10)/100,d=parseInt(""+i[3],10)/100,p="rgb("+Go(s,c,d)+")",m=j0.exec(p);if(!m)throw new Mt(4,t,p);return{red:parseInt(""+m[1],10),green:parseInt(""+m[2],10),blue:parseInt(""+m[3],10)}}var h=tO.exec(t.substring(0,50));if(h){var f=parseInt(""+h[1],10),v=parseInt(""+h[2],10)/100,g=parseInt(""+h[3],10)/100,w="rgb("+Go(f,v,g)+")",x=j0.exec(w);if(!x)throw new Mt(4,t,w);return{red:parseInt(""+x[1],10),green:parseInt(""+x[2],10),blue:parseInt(""+x[3],10),alpha:parseFloat(""+h[4])>1?parseFloat(""+h[4])/100:parseFloat(""+h[4])}}throw new Mt(5)}function rO(e){var t=e.red/255,r=e.green/255,n=e.blue/255,a=Math.max(t,r,n),o=Math.min(t,r,n),i=(a+o)/2;if(a===o)return e.alpha!==void 0?{hue:0,saturation:0,lightness:i,alpha:e.alpha}:{hue:0,saturation:0,lightness:i};var s,c=a-o,d=i>.5?c/(2-a-o):c/(a+o);switch(a){case t:s=(r-n)/c+(r=1?fs(e,t,r):"rgba("+Go(e,t,r)+","+n+")";if(typeof e=="object"&&t===void 0&&r===void 0&&n===void 0)return e.alpha>=1?fs(e.hue,e.saturation,e.lightness):"rgba("+Go(e.hue,e.saturation,e.lightness)+","+e.alpha+")";throw new Mt(2)}function P1(e,t,r){if(typeof e=="number"&&typeof t=="number"&&typeof r=="number")return M1("#"+Yr(e)+Yr(t)+Yr(r));if(typeof e=="object"&&t===void 0&&r===void 0)return M1("#"+Yr(e.red)+Yr(e.green)+Yr(e.blue));throw new Mt(6)}function nr(e,t,r,n){if(typeof e=="string"&&typeof t=="number"){var a=du(e);return"rgba("+a.red+","+a.green+","+a.blue+","+t+")"}else{if(typeof e=="number"&&typeof t=="number"&&typeof r=="number"&&typeof n=="number")return n>=1?P1(e,t,r):"rgba("+e+","+t+","+r+","+n+")";if(typeof e=="object"&&t===void 0&&r===void 0&&n===void 0)return e.alpha>=1?P1(e.red,e.green,e.blue):"rgba("+e.red+","+e.green+","+e.blue+","+e.alpha+")"}throw new Mt(7)}var lO=function(e){return typeof e.red=="number"&&typeof e.green=="number"&&typeof e.blue=="number"&&(typeof e.alpha!="number"||typeof e.alpha>"u")},sO=function(e){return typeof e.red=="number"&&typeof e.green=="number"&&typeof e.blue=="number"&&typeof e.alpha=="number"},uO=function(e){return typeof e.hue=="number"&&typeof e.saturation=="number"&&typeof e.lightness=="number"&&(typeof e.alpha!="number"||typeof e.alpha>"u")},cO=function(e){return typeof e.hue=="number"&&typeof e.saturation=="number"&&typeof e.lightness=="number"&&typeof e.alpha=="number"};function P9(e){if(typeof e!="object")throw new Mt(8);if(sO(e))return nr(e);if(lO(e))return P1(e);if(cO(e))return iO(e);if(uO(e))return oO(e);throw new Mt(8)}function $9(e,t,r){return function(){var n=r.concat(Array.prototype.slice.call(arguments));return n.length>=t?e.apply(this,n):$9(e,t,n)}}function pu(e){return $9(e,e.length,[])}function fu(e,t,r){return Math.max(e,Math.min(t,r))}function dO(e,t){if(t==="transparent")return t;var r=M9(t);return P9(Ca({},r,{lightness:fu(0,1,r.lightness-parseFloat(e))}))}var pO=pu(dO),It=pO;function fO(e,t){if(t==="transparent")return t;var r=M9(t);return P9(Ca({},r,{lightness:fu(0,1,r.lightness+parseFloat(e))}))}var hO=pu(fO),Kr=hO;function mO(e,t){if(t==="transparent")return t;var r=du(t),n=typeof r.alpha=="number"?r.alpha:1,a=Ca({},r,{alpha:fu(0,1,(n*100+parseFloat(e)*100)/100)});return nr(a)}var gO=pu(mO),Ji=gO;function vO(e,t){if(t==="transparent")return t;var r=du(t),n=typeof r.alpha=="number"?r.alpha:1,a=Ca({},r,{alpha:fu(0,1,+(n*100-parseFloat(e)*100).toFixed(2)/100)});return nr(a)}var yO=pu(vO),oe=yO,bO=F.div(se,({theme:e})=>({backgroundColor:e.base==="light"?"rgba(0,0,0,.01)":"rgba(255,255,255,.01)",borderRadius:e.appBorderRadius,border:`1px dashed ${e.appBorderColor}`,display:"flex",alignItems:"center",justifyContent:"center",padding:20,margin:"25px 0 40px",color:oe(.3,e.color.defaultText),fontSize:e.typography.size.s2})),N9=e=>y.createElement(bO,{...e,className:"docblock-emptyblock sb-unstyled"}),wO=F(jf)(({theme:e})=>({fontSize:`${e.typography.size.s2-1}px`,lineHeight:"19px",margin:"25px 0 40px",borderRadius:e.appBorderRadius,boxShadow:e.base==="light"?"rgba(0, 0, 0, 0.10) 0 1px 3px 0":"rgba(0, 0, 0, 0.20) 0 2px 5px 0","pre.prismjs":{padding:20,background:"inherit"}})),EO=F.div(({theme:e})=>({background:e.background.content,borderRadius:e.appBorderRadius,border:`1px solid ${e.appBorderColor}`,boxShadow:e.base==="light"?"rgba(0, 0, 0, 0.10) 0 1px 3px 0":"rgba(0, 0, 0, 0.20) 0 2px 5px 0",margin:"25px 0 40px",padding:"20px 20px 20px 22px"})),Xi=F.div(({theme:e})=>({animation:`${e.animation.glow} 1.5s ease-in-out infinite`,background:e.appBorderColor,height:17,marginTop:1,width:"60%",[`&:first-child${nd}`]:{margin:0}})),xO=()=>y.createElement(EO,null,y.createElement(Xi,null),y.createElement(Xi,{style:{width:"80%"}}),y.createElement(Xi,{style:{width:"30%"}}),y.createElement(Xi,{style:{width:"80%"}})),Qf=({isLoading:e,error:t,language:r,code:n,dark:a,format:o=!1,...i})=>{let{typography:s}=C3();if(e)return y.createElement(xO,null);if(t)return y.createElement(N9,null,t);let c=y.createElement(wO,{bordered:!0,copyable:!0,format:o,language:r,className:"docblock-source sb-unstyled",...i},n);if(typeof a>"u")return c;let d=a?td.dark:td.light;return y.createElement(S3,{theme:rd({...d,fontCode:s.fonts.mono,fontBase:s.fonts.base})},c)},he=e=>`& :where(${e}:not(.sb-anchor, .sb-unstyled, .sb-unstyled ${e}))`,eh=600,DO=F.h1(se,({theme:e})=>({color:e.color.defaultText,fontSize:e.typography.size.m3,fontWeight:e.typography.weight.bold,lineHeight:"32px",[`@media (min-width: ${eh}px)`]:{fontSize:e.typography.size.l1,lineHeight:"36px",marginBottom:"16px"}})),CO=F.h2(se,({theme:e})=>({fontWeight:e.typography.weight.regular,fontSize:e.typography.size.s3,lineHeight:"20px",borderBottom:"none",marginBottom:15,[`@media (min-width: ${eh}px)`]:{fontSize:e.typography.size.m1,lineHeight:"28px",marginBottom:24},color:oe(.25,e.color.defaultText)})),SO=F.div(({theme:e})=>{let t={fontFamily:e.typography.fonts.base,fontSize:e.typography.size.s3,margin:0,WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",WebkitTapHighlightColor:"rgba(0, 0, 0, 0)",WebkitOverflowScrolling:"touch"},r={margin:"20px 0 8px",padding:0,cursor:"text",position:"relative",color:e.color.defaultText,"&:first-of-type":{marginTop:0,paddingTop:0},"&:hover a.anchor":{textDecoration:"none"},"& code":{fontSize:"inherit"}},n={lineHeight:1,margin:"0 2px",padding:"3px 5px",whiteSpace:"nowrap",borderRadius:3,fontSize:e.typography.size.s2-1,border:e.base==="light"?`1px solid ${e.color.mediumlight}`:`1px solid ${e.color.darker}`,color:e.base==="light"?oe(.1,e.color.defaultText):oe(.3,e.color.defaultText),backgroundColor:e.base==="light"?e.color.lighter:e.color.border};return{maxWidth:1e3,width:"100%",[he("a")]:{...t,fontSize:"inherit",lineHeight:"24px",color:e.color.secondary,textDecoration:"none","&.absent":{color:"#cc0000"},"&.anchor":{display:"block",paddingLeft:30,marginLeft:-30,cursor:"pointer",position:"absolute",top:0,left:0,bottom:0}},[he("blockquote")]:{...t,margin:"16px 0",borderLeft:`4px solid ${e.color.medium}`,padding:"0 15px",color:e.color.dark,"& > :first-of-type":{marginTop:0},"& > :last-child":{marginBottom:0}},[he("div")]:t,[he("dl")]:{...t,margin:"16px 0",padding:0,"& dt":{fontSize:"14px",fontWeight:"bold",fontStyle:"italic",padding:0,margin:"16px 0 4px"},"& dt:first-of-type":{padding:0},"& dt > :first-of-type":{marginTop:0},"& dt > :last-child":{marginBottom:0},"& dd":{margin:"0 0 16px",padding:"0 15px"},"& dd > :first-of-type":{marginTop:0},"& dd > :last-child":{marginBottom:0}},[he("h1")]:{...t,...r,fontSize:`${e.typography.size.l1}px`,fontWeight:e.typography.weight.bold},[he("h2")]:{...t,...r,fontSize:`${e.typography.size.m2}px`,paddingBottom:4,borderBottom:`1px solid ${e.appBorderColor}`},[he("h3")]:{...t,...r,fontSize:`${e.typography.size.m1}px`,fontWeight:e.typography.weight.bold},[he("h4")]:{...t,...r,fontSize:`${e.typography.size.s3}px`},[he("h5")]:{...t,...r,fontSize:`${e.typography.size.s2}px`},[he("h6")]:{...t,...r,fontSize:`${e.typography.size.s2}px`,color:e.color.dark},[he("hr")]:{border:"0 none",borderTop:`1px solid ${e.appBorderColor}`,height:4,padding:0},[he("img")]:{maxWidth:"100%"},[he("li")]:{...t,fontSize:e.typography.size.s2,color:e.color.defaultText,lineHeight:"24px","& + li":{marginTop:".25em"},"& ul, & ol":{marginTop:".25em",marginBottom:0},"& code":n},[he("ol")]:{...t,margin:"16px 0",paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0}},[he("p")]:{...t,margin:"16px 0",fontSize:e.typography.size.s2,lineHeight:"24px",color:e.color.defaultText,"& code":n},[he("pre")]:{...t,fontFamily:e.typography.fonts.mono,WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",lineHeight:"18px",padding:"11px 1rem",whiteSpace:"pre-wrap",color:"inherit",borderRadius:3,margin:"1rem 0","&:not(.prismjs)":{background:"transparent",border:"none",borderRadius:0,padding:0,margin:0},"& pre, &.prismjs":{padding:15,margin:0,whiteSpace:"pre-wrap",color:"inherit",fontSize:"13px",lineHeight:"19px",code:{color:"inherit",fontSize:"inherit"}},"& code":{whiteSpace:"pre"},"& code, & tt":{border:"none"}},[he("span")]:{...t,"&.frame":{display:"block",overflow:"hidden","& > span":{border:`1px solid ${e.color.medium}`,display:"block",float:"left",overflow:"hidden",margin:"13px 0 0",padding:7,width:"auto"},"& span img":{display:"block",float:"left"},"& span span":{clear:"both",color:e.color.darkest,display:"block",padding:"5px 0 0"}},"&.align-center":{display:"block",overflow:"hidden",clear:"both","& > span":{display:"block",overflow:"hidden",margin:"13px auto 0",textAlign:"center"},"& span img":{margin:"0 auto",textAlign:"center"}},"&.align-right":{display:"block",overflow:"hidden",clear:"both","& > span":{display:"block",overflow:"hidden",margin:"13px 0 0",textAlign:"right"},"& span img":{margin:0,textAlign:"right"}},"&.float-left":{display:"block",marginRight:13,overflow:"hidden",float:"left","& span":{margin:"13px 0 0"}},"&.float-right":{display:"block",marginLeft:13,overflow:"hidden",float:"right","& > span":{display:"block",overflow:"hidden",margin:"13px auto 0",textAlign:"right"}}},[he("table")]:{...t,margin:"16px 0",fontSize:e.typography.size.s2,lineHeight:"24px",padding:0,borderCollapse:"collapse","& tr":{borderTop:`1px solid ${e.appBorderColor}`,backgroundColor:e.appContentBg,margin:0,padding:0},"& tr:nth-of-type(2n)":{backgroundColor:e.base==="dark"?e.color.darker:e.color.lighter},"& tr th":{fontWeight:"bold",color:e.color.defaultText,border:`1px solid ${e.appBorderColor}`,margin:0,padding:"6px 13px"},"& tr td":{border:`1px solid ${e.appBorderColor}`,color:e.color.defaultText,margin:0,padding:"6px 13px"},"& tr th :first-of-type, & tr td :first-of-type":{marginTop:0},"& tr th :last-child, & tr td :last-child":{marginBottom:0}},[he("ul")]:{...t,margin:"16px 0",paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0},listStyle:"disc"}}}),kO=F.div(({theme:e})=>({background:e.background.content,display:"flex",justifyContent:"center",padding:"4rem 20px",minHeight:"100vh",boxSizing:"border-box",gap:"3rem",[`@media (min-width: ${eh}px)`]:{}})),AO=({children:e,toc:t})=>y.createElement(kO,{className:"sbdocs sbdocs-wrapper"},y.createElement(SO,{className:"sbdocs sbdocs-content"},e),t),hu=e=>({borderRadius:e.appBorderRadius,background:e.background.content,boxShadow:e.base==="light"?"rgba(0, 0, 0, 0.10) 0 1px 3px 0":"rgba(0, 0, 0, 0.20) 0 2px 5px 0",border:`1px solid ${e.appBorderColor}`}),{window:FO}=globalThis,_O=class extends l.Component{constructor(){super(...arguments),this.iframe=null}componentDidMount(){let{id:e}=this.props;this.iframe=FO.document.getElementById(e)}shouldComponentUpdate(e){let{scale:t}=e;return t!==this.props.scale&&this.setIframeBodyStyle({width:`${t*100}%`,height:`${t*100}%`,transform:`scale(${1/t})`,transformOrigin:"top left"}),!1}setIframeBodyStyle(e){return Object.assign(this.iframe.contentDocument.body.style,e)}render(){let{id:e,title:t,src:r,allowFullScreen:n,scale:a,...o}=this.props;return y.createElement("iframe",{id:e,title:t,src:r,...n?{allow:"fullscreen"}:{},loading:"lazy",...o})}},H9=l.createContext({scale:1}),{PREVIEW_URL:RO}=globalThis,IO=RO||"iframe.html",$1=({story:e,primary:t})=>`story--${e.id}${t?"--primary":""}`,BO=e=>{let t=l.useRef(),[r,n]=l.useState(!0),[a,o]=l.useState(),{story:i,height:s,autoplay:c,forceInitialArgs:d,renderStoryToElement:p}=e;return l.useEffect(()=>{if(!(i&&t.current))return()=>{};let m=t.current,h=p(i,m,{showMain:()=>{},showError:({title:f,description:v})=>o(new Error(`${f} - ${v}`)),showException:f=>o(f)},{autoplay:c,forceInitialArgs:d});return n(!1),()=>{Promise.resolve().then(()=>h())}},[c,p,i]),a?y.createElement("pre",null,y.createElement(UT,{error:a})):y.createElement(y.Fragment,null,s?y.createElement("style",null,`#${$1(e)} { min-height: ${s}; transform: translateZ(0); overflow: auto }`):null,r&&y.createElement(j9,null),y.createElement("div",{ref:t,id:`${$1(e)}-inner`,"data-name":i.name}))},TO=({story:e,height:t="500px"})=>y.createElement("div",{style:{width:"100%",height:t}},y.createElement(H9.Consumer,null,({scale:r})=>y.createElement(_O,{key:"iframe",id:`iframe--${e.id}`,title:e.name,src:fL(IO,e.id,{viewMode:"story"}),allowFullScreen:!0,scale:r,style:{width:"100%",height:"100%",border:"0 none"}}))),zO=F.strong(({theme:e})=>({color:e.color.orange})),LO=e=>{let{inline:t,story:r}=e;return t&&!e.autoplay&&r.usesMount?y.createElement(zO,null,"This story mounts inside of play. Set"," ",y.createElement("a",{href:"https://storybook.js.org/docs/api/doc-blocks/doc-block-story#autoplay"},"autoplay")," ","to true to view this story."):y.createElement("div",{id:$1(e),className:"sb-story sb-unstyled","data-story-block":"true"},t?y.createElement(BO,{...e}):y.createElement(TO,{...e}))},j9=()=>y.createElement(pL,null),OO=F(Jf)({position:"absolute",left:0,right:0,top:0,transition:"transform .2s linear"}),MO=F.div({display:"flex",alignItems:"center",gap:4}),PO=F.div(({theme:e})=>({width:14,height:14,borderRadius:2,margin:"0 7px",backgroundColor:e.appBorderColor,animation:`${e.animation.glow} 1.5s ease-in-out infinite`})),$O=({isLoading:e,storyId:t,baseUrl:r,zoom:n,resetZoom:a,...o})=>y.createElement(OO,{...o},y.createElement(MO,{key:"left"},e?[1,2,3].map(i=>y.createElement(PO,{key:i})):y.createElement(y.Fragment,null,y.createElement(sn,{key:"zoomin",onClick:i=>{i.preventDefault(),n(.8)},title:"Zoom in"},y.createElement(vL,null)),y.createElement(sn,{key:"zoomout",onClick:i=>{i.preventDefault(),n(1.25)},title:"Zoom out"},y.createElement(yL,null)),y.createElement(sn,{key:"zoomreset",onClick:i=>{i.preventDefault(),a()},title:"Reset zoom"},y.createElement(bL,null))))),NO=F.div(({isColumn:e,columns:t,layout:r})=>({display:e||!t?"block":"flex",position:"relative",flexWrap:"wrap",overflow:"auto",flexDirection:e?"column":"row","& .innerZoomElementWrapper > *":e?{width:r!=="fullscreen"?"calc(100% - 20px)":"100%",display:"block"}:{maxWidth:r!=="fullscreen"?"calc(100% - 20px)":"100%",display:"inline-block"}}),({layout:e="padded"})=>e==="centered"||e==="padded"?{padding:"30px 20px","& .innerZoomElementWrapper > *":{width:"auto",border:"10px solid transparent!important"}}:{},({layout:e="padded"})=>e==="centered"?{display:"flex",justifyContent:"center",justifyItems:"center",alignContent:"center",alignItems:"center"}:{},({columns:e})=>e&&e>1?{".innerZoomElementWrapper > *":{minWidth:`calc(100% / ${e} - 20px)`}}:{}),D4=F(Qf)(({theme:e})=>({margin:0,borderTopLeftRadius:0,borderTopRightRadius:0,borderBottomLeftRadius:e.appBorderRadius,borderBottomRightRadius:e.appBorderRadius,border:"none",background:e.base==="light"?"rgba(0, 0, 0, 0.85)":It(.05,e.background.content),color:e.color.lightest,button:{background:e.base==="light"?"rgba(0, 0, 0, 0.85)":It(.05,e.background.content)}})),HO=F.div(({theme:e,withSource:t,isExpanded:r})=>({position:"relative",overflow:"hidden",margin:"25px 0 40px",...hu(e),borderBottomLeftRadius:t&&r&&0,borderBottomRightRadius:t&&r&&0,borderBottomWidth:r&&0,"h3 + &":{marginTop:"16px"}}),({withToolbar:e})=>e&&{paddingTop:40}),jO=(e,t,r)=>{switch(!0){case!!(e&&e.error):return{source:null,actionItem:{title:"No code available",className:"docblock-code-toggle docblock-code-toggle--disabled",disabled:!0,onClick:()=>r(!1)}};case t:return{source:y.createElement(D4,{...e,dark:!0}),actionItem:{title:"Hide code",className:"docblock-code-toggle docblock-code-toggle--expanded",onClick:()=>r(!1)}};default:return{source:y.createElement(D4,{...e,dark:!0}),actionItem:{title:"Show code",className:"docblock-code-toggle",onClick:()=>r(!0)}}}};function VO(e){if(l.Children.count(e)===1){let t=e;if(t.props)return t.props.id}return null}var UO=F($O)({position:"absolute",top:0,left:0,right:0,height:40}),qO=F.div({overflow:"hidden",position:"relative"}),V9=({isLoading:e,isColumn:t,columns:r,children:n,withSource:a,withToolbar:o=!1,isExpanded:i=!1,additionalActions:s,className:c,layout:d="padded",...p})=>{let[m,h]=l.useState(i),{source:f,actionItem:v}=jO(a,m,h),[g,w]=l.useState(1),x=[c].concat(["sbdocs","sbdocs-preview","sb-unstyled"]),D=a?[v]:[],[E,b]=l.useState(s?[...s]:[]),C=[...D,...E],{window:S}=globalThis,k=l.useCallback(async _=>{let{createCopyToClipboardFunction:I}=await K4(()=>import("./index-BWow8HjX.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9]),import.meta.url);I()},[]),A=_=>{let I=S.getSelection();I&&I.type==="Range"||(_.preventDefault(),E.filter(B=>B.title==="Copied").length===0&&k(f.props.code).then(()=>{b([...E,{title:"Copied",onClick:()=>{}}]),S.setTimeout(()=>b(E.filter(B=>B.title!=="Copied")),1500)}))};return y.createElement(HO,{withSource:a,withToolbar:o,...p,className:x.join(" ")},o&&y.createElement(UO,{isLoading:e,border:!0,zoom:_=>w(g*_),resetZoom:()=>w(1),storyId:VO(n),baseUrl:"./iframe.html"}),y.createElement(H9.Provider,{value:{scale:g}},y.createElement(qO,{className:"docs-story",onCopyCapture:a&&A},y.createElement(NO,{isColumn:t||!Array.isArray(n),columns:r,layout:d},y.createElement(OT.Element,{scale:g},Array.isArray(n)?n.map((_,I)=>y.createElement("div",{key:I},_)):y.createElement("div",null,n))),y.createElement(Dp,{actionItems:C}))),a&&m&&f)};F(V9)(()=>({".docs-story":{paddingTop:32,paddingBottom:40}}));function Jr(){return Jr=Object.assign?Object.assign.bind():function(e){for(var t=1;t(e[t.toLowerCase()]=t,e),{for:"htmlFor"}),A4={amp:"&",apos:"'",gt:">",lt:"<",nbsp:" ",quot:"“"},GO=["style","script"],YO=/([-A-Z0-9_:]+)(?:\s*=\s*(?:(?:"((?:\\.|[^"])*)")|(?:'((?:\\.|[^'])*)')|(?:\{((?:\\.|{[^}]*?}|[^}])*)\})))?/gi,KO=/mailto:/i,ZO=/\n{2,}$/,U9=/^(\s*>[\s\S]*?)(?=\n{2,})/,JO=/^ *> ?/gm,XO=/^ {2,}\n/,QO=/^(?:( *[-*_])){3,} *(?:\n *)+\n/,q9=/^\s*(`{3,}|~{3,}) *(\S+)?([^\n]*?)?\n([\s\S]+?)\s*\1 *(?:\n *)*\n?/,W9=/^(?: {4}[^\n]+\n*)+(?:\n *)+\n?/,eM=/^(`+)\s*([\s\S]*?[^`])\s*\1(?!`)/,tM=/^(?:\n *)*\n/,rM=/\r\n?/g,nM=/^\[\^([^\]]+)](:(.*)((\n+ {4,}.*)|(\n(?!\[\^).+))*)/,aM=/^\[\^([^\]]+)]/,oM=/\f/g,iM=/^---[ \t]*\n(.|\n)*\n---[ \t]*\n/,lM=/^\s*?\[(x|\s)\]/,G9=/^ *(#{1,6}) *([^\n]+?)(?: +#*)?(?:\n *)*(?:\n|$)/,Y9=/^ *(#{1,6}) +([^\n]+?)(?: +#*)?(?:\n *)*(?:\n|$)/,K9=/^([^\n]+)\n *(=|-){3,} *(?:\n *)+\n/,N1=/^ *(?!<[a-z][^ >/]* ?\/>)<([a-z][^ >/]*) ?([^>]*)>\n?(\s*(?:<\1[^>]*?>[\s\S]*?<\/\1>|(?!<\1\b)[\s\S])*?)<\/\1>(?!<\/\1>)\n*/i,sM=/&([a-z0-9]+|#[0-9]{1,6}|#x[0-9a-fA-F]{1,6});/gi,Z9=/^)/,uM=/^(data|aria|x)-[a-z_][a-z\d_.-]*$/,H1=/^ *<([a-z][a-z0-9:]*)(?:\s+((?:<.*?>|[^>])*))?\/?>(?!<\/\1>)(\s*\n)?/i,cM=/^\{.*\}$/,dM=/^(https?:\/\/[^\s<]+[^<.,:;"')\]\s])/,pM=/^<([^ >]+@[^ >]+)>/,fM=/^<([^ >]+:\/[^ >]+)>/,hM=/-([a-z])?/gi,J9=/^(.*\|?.*)\n *(\|? *[-:]+ *\|[-| :]*)\n((?:.*\|.*\n)*)\n?/,mM=/^\[([^\]]*)\]:\s+]+)>?\s*("([^"]*)")?/,gM=/^!\[([^\]]*)\] ?\[([^\]]*)\]/,vM=/^\[([^\]]*)\] ?\[([^\]]*)\]/,yM=/(\[|\])/g,bM=/(\n|^[-*]\s|^#|^ {2,}|^-{2,}|^>\s)/,wM=/\t/g,EM=/^ *\| */,xM=/(^ *\||\| *$)/g,DM=/ *$/,CM=/^ *:-+: *$/,SM=/^ *:-+ *$/,kM=/^ *-+: *$/,mu="((?:\\[.*?\\][([].*?[)\\]]|<.*?>(?:.*?<.*?>)?|`.*?`|~~.*?~~|==.*?==|.|\\n)*?)",AM=new RegExp(`^([*_])\\1${mu}\\1\\1(?!\\1)`),FM=new RegExp(`^([*_])${mu}\\1(?!\\1|\\w)`),_M=new RegExp(`^==${mu}==`),RM=new RegExp(`^~~${mu}~~`),IM=/^\\([^0-9A-Za-z\s])/,BM=/^[\s\S]+?(?=[^0-9A-Z\s\u00c0-\uffff&#;.()'"]|\d+\.|\n\n| {2,}\n|\w+:\S|$)/i,TM=/^\n+/,zM=/^([ \t]*)/,LM=/\\([^\\])/g,F4=/ *\n+$/,OM=/(?:^|\n)( *)$/,th="(?:\\d+\\.)",rh="(?:[*+-])";function X9(e){return"( *)("+(e===1?th:rh)+") +"}var Q9=X9(1),ex=X9(2);function tx(e){return new RegExp("^"+(e===1?Q9:ex))}var MM=tx(1),PM=tx(2);function rx(e){return new RegExp("^"+(e===1?Q9:ex)+"[^\\n]*(?:\\n(?!\\1"+(e===1?th:rh)+" )[^\\n]*)*(\\n|$)","gm")}var nx=rx(1),ax=rx(2);function ox(e){let t=e===1?th:rh;return new RegExp("^( *)("+t+") [\\s\\S]+?(?:\\n{2,}(?! )(?!\\1"+t+" (?!"+t+" ))\\n*|\\s*\\n*$)")}var ix=ox(1),lx=ox(2);function _4(e,t){let r=t===1,n=r?ix:lx,a=r?nx:ax,o=r?MM:PM;return{match(i,s,c){let d=OM.exec(c);return d&&(s.list||!s.inline&&!s.simple)?n.exec(i=d[1]+i):null},order:1,parse(i,s,c){let d=r?+i[2]:void 0,p=i[0].replace(ZO,` +`};function WL(){for(var e=arguments.length,t=new Array(e),r=0;r1?a-1:0),i=1;i=0&&a<1?(s=o,c=i):a>=1&&a<2?(s=i,c=o):a>=2&&a<3?(c=o,d=i):a>=3&&a<4?(c=i,d=o):a>=4&&a<5?(s=i,d=o):a>=5&&a<6&&(s=o,d=i);var p=r-o/2,m=s+p,h=c+p,f=d+p;return n(m,h,f)}var x4={aliceblue:"f0f8ff",antiquewhite:"faebd7",aqua:"00ffff",aquamarine:"7fffd4",azure:"f0ffff",beige:"f5f5dc",bisque:"ffe4c4",black:"000",blanchedalmond:"ffebcd",blue:"0000ff",blueviolet:"8a2be2",brown:"a52a2a",burlywood:"deb887",cadetblue:"5f9ea0",chartreuse:"7fff00",chocolate:"d2691e",coral:"ff7f50",cornflowerblue:"6495ed",cornsilk:"fff8dc",crimson:"dc143c",cyan:"00ffff",darkblue:"00008b",darkcyan:"008b8b",darkgoldenrod:"b8860b",darkgray:"a9a9a9",darkgreen:"006400",darkgrey:"a9a9a9",darkkhaki:"bdb76b",darkmagenta:"8b008b",darkolivegreen:"556b2f",darkorange:"ff8c00",darkorchid:"9932cc",darkred:"8b0000",darksalmon:"e9967a",darkseagreen:"8fbc8f",darkslateblue:"483d8b",darkslategray:"2f4f4f",darkslategrey:"2f4f4f",darkturquoise:"00ced1",darkviolet:"9400d3",deeppink:"ff1493",deepskyblue:"00bfff",dimgray:"696969",dimgrey:"696969",dodgerblue:"1e90ff",firebrick:"b22222",floralwhite:"fffaf0",forestgreen:"228b22",fuchsia:"ff00ff",gainsboro:"dcdcdc",ghostwhite:"f8f8ff",gold:"ffd700",goldenrod:"daa520",gray:"808080",green:"008000",greenyellow:"adff2f",grey:"808080",honeydew:"f0fff0",hotpink:"ff69b4",indianred:"cd5c5c",indigo:"4b0082",ivory:"fffff0",khaki:"f0e68c",lavender:"e6e6fa",lavenderblush:"fff0f5",lawngreen:"7cfc00",lemonchiffon:"fffacd",lightblue:"add8e6",lightcoral:"f08080",lightcyan:"e0ffff",lightgoldenrodyellow:"fafad2",lightgray:"d3d3d3",lightgreen:"90ee90",lightgrey:"d3d3d3",lightpink:"ffb6c1",lightsalmon:"ffa07a",lightseagreen:"20b2aa",lightskyblue:"87cefa",lightslategray:"789",lightslategrey:"789",lightsteelblue:"b0c4de",lightyellow:"ffffe0",lime:"0f0",limegreen:"32cd32",linen:"faf0e6",magenta:"f0f",maroon:"800000",mediumaquamarine:"66cdaa",mediumblue:"0000cd",mediumorchid:"ba55d3",mediumpurple:"9370db",mediumseagreen:"3cb371",mediumslateblue:"7b68ee",mediumspringgreen:"00fa9a",mediumturquoise:"48d1cc",mediumvioletred:"c71585",midnightblue:"191970",mintcream:"f5fffa",mistyrose:"ffe4e1",moccasin:"ffe4b5",navajowhite:"ffdead",navy:"000080",oldlace:"fdf5e6",olive:"808000",olivedrab:"6b8e23",orange:"ffa500",orangered:"ff4500",orchid:"da70d6",palegoldenrod:"eee8aa",palegreen:"98fb98",paleturquoise:"afeeee",palevioletred:"db7093",papayawhip:"ffefd5",peachpuff:"ffdab9",peru:"cd853f",pink:"ffc0cb",plum:"dda0dd",powderblue:"b0e0e6",purple:"800080",rebeccapurple:"639",red:"f00",rosybrown:"bc8f8f",royalblue:"4169e1",saddlebrown:"8b4513",salmon:"fa8072",sandybrown:"f4a460",seagreen:"2e8b57",seashell:"fff5ee",sienna:"a0522d",silver:"c0c0c0",skyblue:"87ceeb",slateblue:"6a5acd",slategray:"708090",slategrey:"708090",snow:"fffafa",springgreen:"00ff7f",steelblue:"4682b4",tan:"d2b48c",teal:"008080",thistle:"d8bfd8",tomato:"ff6347",turquoise:"40e0d0",violet:"ee82ee",wheat:"f5deb3",white:"fff",whitesmoke:"f5f5f5",yellow:"ff0",yellowgreen:"9acd32"};function YL(e){if(typeof e!="string")return e;var t=e.toLowerCase();return x4[t]?"#"+x4[t]:e}var KL=/^#[a-fA-F0-9]{6}$/,ZL=/^#[a-fA-F0-9]{8}$/,JL=/^#[a-fA-F0-9]{3}$/,XL=/^#[a-fA-F0-9]{4}$/,j0=/^rgb\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*\)$/i,QL=/^rgb(?:a)?\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i,eO=/^hsl\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*\)$/i,tO=/^hsl(?:a)?\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i;function du(e){if(typeof e!="string")throw new Mt(3);var t=YL(e);if(t.match(KL))return{red:parseInt(""+t[1]+t[2],16),green:parseInt(""+t[3]+t[4],16),blue:parseInt(""+t[5]+t[6],16)};if(t.match(ZL)){var r=parseFloat((parseInt(""+t[7]+t[8],16)/255).toFixed(2));return{red:parseInt(""+t[1]+t[2],16),green:parseInt(""+t[3]+t[4],16),blue:parseInt(""+t[5]+t[6],16),alpha:r}}if(t.match(JL))return{red:parseInt(""+t[1]+t[1],16),green:parseInt(""+t[2]+t[2],16),blue:parseInt(""+t[3]+t[3],16)};if(t.match(XL)){var n=parseFloat((parseInt(""+t[4]+t[4],16)/255).toFixed(2));return{red:parseInt(""+t[1]+t[1],16),green:parseInt(""+t[2]+t[2],16),blue:parseInt(""+t[3]+t[3],16),alpha:n}}var a=j0.exec(t);if(a)return{red:parseInt(""+a[1],10),green:parseInt(""+a[2],10),blue:parseInt(""+a[3],10)};var o=QL.exec(t.substring(0,50));if(o)return{red:parseInt(""+o[1],10),green:parseInt(""+o[2],10),blue:parseInt(""+o[3],10),alpha:parseFloat(""+o[4])>1?parseFloat(""+o[4])/100:parseFloat(""+o[4])};var i=eO.exec(t);if(i){var s=parseInt(""+i[1],10),c=parseInt(""+i[2],10)/100,d=parseInt(""+i[3],10)/100,p="rgb("+Go(s,c,d)+")",m=j0.exec(p);if(!m)throw new Mt(4,t,p);return{red:parseInt(""+m[1],10),green:parseInt(""+m[2],10),blue:parseInt(""+m[3],10)}}var h=tO.exec(t.substring(0,50));if(h){var f=parseInt(""+h[1],10),v=parseInt(""+h[2],10)/100,g=parseInt(""+h[3],10)/100,w="rgb("+Go(f,v,g)+")",x=j0.exec(w);if(!x)throw new Mt(4,t,w);return{red:parseInt(""+x[1],10),green:parseInt(""+x[2],10),blue:parseInt(""+x[3],10),alpha:parseFloat(""+h[4])>1?parseFloat(""+h[4])/100:parseFloat(""+h[4])}}throw new Mt(5)}function rO(e){var t=e.red/255,r=e.green/255,n=e.blue/255,a=Math.max(t,r,n),o=Math.min(t,r,n),i=(a+o)/2;if(a===o)return e.alpha!==void 0?{hue:0,saturation:0,lightness:i,alpha:e.alpha}:{hue:0,saturation:0,lightness:i};var s,c=a-o,d=i>.5?c/(2-a-o):c/(a+o);switch(a){case t:s=(r-n)/c+(r=1?fs(e,t,r):"rgba("+Go(e,t,r)+","+n+")";if(typeof e=="object"&&t===void 0&&r===void 0&&n===void 0)return e.alpha>=1?fs(e.hue,e.saturation,e.lightness):"rgba("+Go(e.hue,e.saturation,e.lightness)+","+e.alpha+")";throw new Mt(2)}function P1(e,t,r){if(typeof e=="number"&&typeof t=="number"&&typeof r=="number")return M1("#"+Yr(e)+Yr(t)+Yr(r));if(typeof e=="object"&&t===void 0&&r===void 0)return M1("#"+Yr(e.red)+Yr(e.green)+Yr(e.blue));throw new Mt(6)}function nr(e,t,r,n){if(typeof e=="string"&&typeof t=="number"){var a=du(e);return"rgba("+a.red+","+a.green+","+a.blue+","+t+")"}else{if(typeof e=="number"&&typeof t=="number"&&typeof r=="number"&&typeof n=="number")return n>=1?P1(e,t,r):"rgba("+e+","+t+","+r+","+n+")";if(typeof e=="object"&&t===void 0&&r===void 0&&n===void 0)return e.alpha>=1?P1(e.red,e.green,e.blue):"rgba("+e.red+","+e.green+","+e.blue+","+e.alpha+")"}throw new Mt(7)}var lO=function(e){return typeof e.red=="number"&&typeof e.green=="number"&&typeof e.blue=="number"&&(typeof e.alpha!="number"||typeof e.alpha>"u")},sO=function(e){return typeof e.red=="number"&&typeof e.green=="number"&&typeof e.blue=="number"&&typeof e.alpha=="number"},uO=function(e){return typeof e.hue=="number"&&typeof e.saturation=="number"&&typeof e.lightness=="number"&&(typeof e.alpha!="number"||typeof e.alpha>"u")},cO=function(e){return typeof e.hue=="number"&&typeof e.saturation=="number"&&typeof e.lightness=="number"&&typeof e.alpha=="number"};function P9(e){if(typeof e!="object")throw new Mt(8);if(sO(e))return nr(e);if(lO(e))return P1(e);if(cO(e))return iO(e);if(uO(e))return oO(e);throw new Mt(8)}function $9(e,t,r){return function(){var n=r.concat(Array.prototype.slice.call(arguments));return n.length>=t?e.apply(this,n):$9(e,t,n)}}function pu(e){return $9(e,e.length,[])}function fu(e,t,r){return Math.max(e,Math.min(t,r))}function dO(e,t){if(t==="transparent")return t;var r=M9(t);return P9(Ca({},r,{lightness:fu(0,1,r.lightness-parseFloat(e))}))}var pO=pu(dO),It=pO;function fO(e,t){if(t==="transparent")return t;var r=M9(t);return P9(Ca({},r,{lightness:fu(0,1,r.lightness+parseFloat(e))}))}var hO=pu(fO),Kr=hO;function mO(e,t){if(t==="transparent")return t;var r=du(t),n=typeof r.alpha=="number"?r.alpha:1,a=Ca({},r,{alpha:fu(0,1,(n*100+parseFloat(e)*100)/100)});return nr(a)}var gO=pu(mO),Ji=gO;function vO(e,t){if(t==="transparent")return t;var r=du(t),n=typeof r.alpha=="number"?r.alpha:1,a=Ca({},r,{alpha:fu(0,1,+(n*100-parseFloat(e)*100).toFixed(2)/100)});return nr(a)}var yO=pu(vO),oe=yO,bO=F.div(se,({theme:e})=>({backgroundColor:e.base==="light"?"rgba(0,0,0,.01)":"rgba(255,255,255,.01)",borderRadius:e.appBorderRadius,border:`1px dashed ${e.appBorderColor}`,display:"flex",alignItems:"center",justifyContent:"center",padding:20,margin:"25px 0 40px",color:oe(.3,e.color.defaultText),fontSize:e.typography.size.s2})),N9=e=>y.createElement(bO,{...e,className:"docblock-emptyblock sb-unstyled"}),wO=F(jf)(({theme:e})=>({fontSize:`${e.typography.size.s2-1}px`,lineHeight:"19px",margin:"25px 0 40px",borderRadius:e.appBorderRadius,boxShadow:e.base==="light"?"rgba(0, 0, 0, 0.10) 0 1px 3px 0":"rgba(0, 0, 0, 0.20) 0 2px 5px 0","pre.prismjs":{padding:20,background:"inherit"}})),EO=F.div(({theme:e})=>({background:e.background.content,borderRadius:e.appBorderRadius,border:`1px solid ${e.appBorderColor}`,boxShadow:e.base==="light"?"rgba(0, 0, 0, 0.10) 0 1px 3px 0":"rgba(0, 0, 0, 0.20) 0 2px 5px 0",margin:"25px 0 40px",padding:"20px 20px 20px 22px"})),Xi=F.div(({theme:e})=>({animation:`${e.animation.glow} 1.5s ease-in-out infinite`,background:e.appBorderColor,height:17,marginTop:1,width:"60%",[`&:first-child${nd}`]:{margin:0}})),xO=()=>y.createElement(EO,null,y.createElement(Xi,null),y.createElement(Xi,{style:{width:"80%"}}),y.createElement(Xi,{style:{width:"30%"}}),y.createElement(Xi,{style:{width:"80%"}})),Qf=({isLoading:e,error:t,language:r,code:n,dark:a,format:o=!1,...i})=>{let{typography:s}=C3();if(e)return y.createElement(xO,null);if(t)return y.createElement(N9,null,t);let c=y.createElement(wO,{bordered:!0,copyable:!0,format:o,language:r,className:"docblock-source sb-unstyled",...i},n);if(typeof a>"u")return c;let d=a?td.dark:td.light;return y.createElement(S3,{theme:rd({...d,fontCode:s.fonts.mono,fontBase:s.fonts.base})},c)},he=e=>`& :where(${e}:not(.sb-anchor, .sb-unstyled, .sb-unstyled ${e}))`,eh=600,DO=F.h1(se,({theme:e})=>({color:e.color.defaultText,fontSize:e.typography.size.m3,fontWeight:e.typography.weight.bold,lineHeight:"32px",[`@media (min-width: ${eh}px)`]:{fontSize:e.typography.size.l1,lineHeight:"36px",marginBottom:"16px"}})),CO=F.h2(se,({theme:e})=>({fontWeight:e.typography.weight.regular,fontSize:e.typography.size.s3,lineHeight:"20px",borderBottom:"none",marginBottom:15,[`@media (min-width: ${eh}px)`]:{fontSize:e.typography.size.m1,lineHeight:"28px",marginBottom:24},color:oe(.25,e.color.defaultText)})),SO=F.div(({theme:e})=>{let t={fontFamily:e.typography.fonts.base,fontSize:e.typography.size.s3,margin:0,WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",WebkitTapHighlightColor:"rgba(0, 0, 0, 0)",WebkitOverflowScrolling:"touch"},r={margin:"20px 0 8px",padding:0,cursor:"text",position:"relative",color:e.color.defaultText,"&:first-of-type":{marginTop:0,paddingTop:0},"&:hover a.anchor":{textDecoration:"none"},"& code":{fontSize:"inherit"}},n={lineHeight:1,margin:"0 2px",padding:"3px 5px",whiteSpace:"nowrap",borderRadius:3,fontSize:e.typography.size.s2-1,border:e.base==="light"?`1px solid ${e.color.mediumlight}`:`1px solid ${e.color.darker}`,color:e.base==="light"?oe(.1,e.color.defaultText):oe(.3,e.color.defaultText),backgroundColor:e.base==="light"?e.color.lighter:e.color.border};return{maxWidth:1e3,width:"100%",[he("a")]:{...t,fontSize:"inherit",lineHeight:"24px",color:e.color.secondary,textDecoration:"none","&.absent":{color:"#cc0000"},"&.anchor":{display:"block",paddingLeft:30,marginLeft:-30,cursor:"pointer",position:"absolute",top:0,left:0,bottom:0}},[he("blockquote")]:{...t,margin:"16px 0",borderLeft:`4px solid ${e.color.medium}`,padding:"0 15px",color:e.color.dark,"& > :first-of-type":{marginTop:0},"& > :last-child":{marginBottom:0}},[he("div")]:t,[he("dl")]:{...t,margin:"16px 0",padding:0,"& dt":{fontSize:"14px",fontWeight:"bold",fontStyle:"italic",padding:0,margin:"16px 0 4px"},"& dt:first-of-type":{padding:0},"& dt > :first-of-type":{marginTop:0},"& dt > :last-child":{marginBottom:0},"& dd":{margin:"0 0 16px",padding:"0 15px"},"& dd > :first-of-type":{marginTop:0},"& dd > :last-child":{marginBottom:0}},[he("h1")]:{...t,...r,fontSize:`${e.typography.size.l1}px`,fontWeight:e.typography.weight.bold},[he("h2")]:{...t,...r,fontSize:`${e.typography.size.m2}px`,paddingBottom:4,borderBottom:`1px solid ${e.appBorderColor}`},[he("h3")]:{...t,...r,fontSize:`${e.typography.size.m1}px`,fontWeight:e.typography.weight.bold},[he("h4")]:{...t,...r,fontSize:`${e.typography.size.s3}px`},[he("h5")]:{...t,...r,fontSize:`${e.typography.size.s2}px`},[he("h6")]:{...t,...r,fontSize:`${e.typography.size.s2}px`,color:e.color.dark},[he("hr")]:{border:"0 none",borderTop:`1px solid ${e.appBorderColor}`,height:4,padding:0},[he("img")]:{maxWidth:"100%"},[he("li")]:{...t,fontSize:e.typography.size.s2,color:e.color.defaultText,lineHeight:"24px","& + li":{marginTop:".25em"},"& ul, & ol":{marginTop:".25em",marginBottom:0},"& code":n},[he("ol")]:{...t,margin:"16px 0",paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0}},[he("p")]:{...t,margin:"16px 0",fontSize:e.typography.size.s2,lineHeight:"24px",color:e.color.defaultText,"& code":n},[he("pre")]:{...t,fontFamily:e.typography.fonts.mono,WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",lineHeight:"18px",padding:"11px 1rem",whiteSpace:"pre-wrap",color:"inherit",borderRadius:3,margin:"1rem 0","&:not(.prismjs)":{background:"transparent",border:"none",borderRadius:0,padding:0,margin:0},"& pre, &.prismjs":{padding:15,margin:0,whiteSpace:"pre-wrap",color:"inherit",fontSize:"13px",lineHeight:"19px",code:{color:"inherit",fontSize:"inherit"}},"& code":{whiteSpace:"pre"},"& code, & tt":{border:"none"}},[he("span")]:{...t,"&.frame":{display:"block",overflow:"hidden","& > span":{border:`1px solid ${e.color.medium}`,display:"block",float:"left",overflow:"hidden",margin:"13px 0 0",padding:7,width:"auto"},"& span img":{display:"block",float:"left"},"& span span":{clear:"both",color:e.color.darkest,display:"block",padding:"5px 0 0"}},"&.align-center":{display:"block",overflow:"hidden",clear:"both","& > span":{display:"block",overflow:"hidden",margin:"13px auto 0",textAlign:"center"},"& span img":{margin:"0 auto",textAlign:"center"}},"&.align-right":{display:"block",overflow:"hidden",clear:"both","& > span":{display:"block",overflow:"hidden",margin:"13px 0 0",textAlign:"right"},"& span img":{margin:0,textAlign:"right"}},"&.float-left":{display:"block",marginRight:13,overflow:"hidden",float:"left","& span":{margin:"13px 0 0"}},"&.float-right":{display:"block",marginLeft:13,overflow:"hidden",float:"right","& > span":{display:"block",overflow:"hidden",margin:"13px auto 0",textAlign:"right"}}},[he("table")]:{...t,margin:"16px 0",fontSize:e.typography.size.s2,lineHeight:"24px",padding:0,borderCollapse:"collapse","& tr":{borderTop:`1px solid ${e.appBorderColor}`,backgroundColor:e.appContentBg,margin:0,padding:0},"& tr:nth-of-type(2n)":{backgroundColor:e.base==="dark"?e.color.darker:e.color.lighter},"& tr th":{fontWeight:"bold",color:e.color.defaultText,border:`1px solid ${e.appBorderColor}`,margin:0,padding:"6px 13px"},"& tr td":{border:`1px solid ${e.appBorderColor}`,color:e.color.defaultText,margin:0,padding:"6px 13px"},"& tr th :first-of-type, & tr td :first-of-type":{marginTop:0},"& tr th :last-child, & tr td :last-child":{marginBottom:0}},[he("ul")]:{...t,margin:"16px 0",paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0},listStyle:"disc"}}}),kO=F.div(({theme:e})=>({background:e.background.content,display:"flex",justifyContent:"center",padding:"4rem 20px",minHeight:"100vh",boxSizing:"border-box",gap:"3rem",[`@media (min-width: ${eh}px)`]:{}})),AO=({children:e,toc:t})=>y.createElement(kO,{className:"sbdocs sbdocs-wrapper"},y.createElement(SO,{className:"sbdocs sbdocs-content"},e),t),hu=e=>({borderRadius:e.appBorderRadius,background:e.background.content,boxShadow:e.base==="light"?"rgba(0, 0, 0, 0.10) 0 1px 3px 0":"rgba(0, 0, 0, 0.20) 0 2px 5px 0",border:`1px solid ${e.appBorderColor}`}),{window:FO}=globalThis,_O=class extends l.Component{constructor(){super(...arguments),this.iframe=null}componentDidMount(){let{id:e}=this.props;this.iframe=FO.document.getElementById(e)}shouldComponentUpdate(e){let{scale:t}=e;return t!==this.props.scale&&this.setIframeBodyStyle({width:`${t*100}%`,height:`${t*100}%`,transform:`scale(${1/t})`,transformOrigin:"top left"}),!1}setIframeBodyStyle(e){return Object.assign(this.iframe.contentDocument.body.style,e)}render(){let{id:e,title:t,src:r,allowFullScreen:n,scale:a,...o}=this.props;return y.createElement("iframe",{id:e,title:t,src:r,...n?{allow:"fullscreen"}:{},loading:"lazy",...o})}},H9=l.createContext({scale:1}),{PREVIEW_URL:RO}=globalThis,IO=RO||"iframe.html",$1=({story:e,primary:t})=>`story--${e.id}${t?"--primary":""}`,BO=e=>{let t=l.useRef(),[r,n]=l.useState(!0),[a,o]=l.useState(),{story:i,height:s,autoplay:c,forceInitialArgs:d,renderStoryToElement:p}=e;return l.useEffect(()=>{if(!(i&&t.current))return()=>{};let m=t.current,h=p(i,m,{showMain:()=>{},showError:({title:f,description:v})=>o(new Error(`${f} - ${v}`)),showException:f=>o(f)},{autoplay:c,forceInitialArgs:d});return n(!1),()=>{Promise.resolve().then(()=>h())}},[c,p,i]),a?y.createElement("pre",null,y.createElement(UT,{error:a})):y.createElement(y.Fragment,null,s?y.createElement("style",null,`#${$1(e)} { min-height: ${s}; transform: translateZ(0); overflow: auto }`):null,r&&y.createElement(j9,null),y.createElement("div",{ref:t,id:`${$1(e)}-inner`,"data-name":i.name}))},TO=({story:e,height:t="500px"})=>y.createElement("div",{style:{width:"100%",height:t}},y.createElement(H9.Consumer,null,({scale:r})=>y.createElement(_O,{key:"iframe",id:`iframe--${e.id}`,title:e.name,src:fL(IO,e.id,{viewMode:"story"}),allowFullScreen:!0,scale:r,style:{width:"100%",height:"100%",border:"0 none"}}))),zO=F.strong(({theme:e})=>({color:e.color.orange})),LO=e=>{let{inline:t,story:r}=e;return t&&!e.autoplay&&r.usesMount?y.createElement(zO,null,"This story mounts inside of play. Set"," ",y.createElement("a",{href:"https://storybook.js.org/docs/api/doc-blocks/doc-block-story#autoplay"},"autoplay")," ","to true to view this story."):y.createElement("div",{id:$1(e),className:"sb-story sb-unstyled","data-story-block":"true"},t?y.createElement(BO,{...e}):y.createElement(TO,{...e}))},j9=()=>y.createElement(pL,null),OO=F(Jf)({position:"absolute",left:0,right:0,top:0,transition:"transform .2s linear"}),MO=F.div({display:"flex",alignItems:"center",gap:4}),PO=F.div(({theme:e})=>({width:14,height:14,borderRadius:2,margin:"0 7px",backgroundColor:e.appBorderColor,animation:`${e.animation.glow} 1.5s ease-in-out infinite`})),$O=({isLoading:e,storyId:t,baseUrl:r,zoom:n,resetZoom:a,...o})=>y.createElement(OO,{...o},y.createElement(MO,{key:"left"},e?[1,2,3].map(i=>y.createElement(PO,{key:i})):y.createElement(y.Fragment,null,y.createElement(sn,{key:"zoomin",onClick:i=>{i.preventDefault(),n(.8)},title:"Zoom in"},y.createElement(vL,null)),y.createElement(sn,{key:"zoomout",onClick:i=>{i.preventDefault(),n(1.25)},title:"Zoom out"},y.createElement(yL,null)),y.createElement(sn,{key:"zoomreset",onClick:i=>{i.preventDefault(),a()},title:"Reset zoom"},y.createElement(bL,null))))),NO=F.div(({isColumn:e,columns:t,layout:r})=>({display:e||!t?"block":"flex",position:"relative",flexWrap:"wrap",overflow:"auto",flexDirection:e?"column":"row","& .innerZoomElementWrapper > *":e?{width:r!=="fullscreen"?"calc(100% - 20px)":"100%",display:"block"}:{maxWidth:r!=="fullscreen"?"calc(100% - 20px)":"100%",display:"inline-block"}}),({layout:e="padded"})=>e==="centered"||e==="padded"?{padding:"30px 20px","& .innerZoomElementWrapper > *":{width:"auto",border:"10px solid transparent!important"}}:{},({layout:e="padded"})=>e==="centered"?{display:"flex",justifyContent:"center",justifyItems:"center",alignContent:"center",alignItems:"center"}:{},({columns:e})=>e&&e>1?{".innerZoomElementWrapper > *":{minWidth:`calc(100% / ${e} - 20px)`}}:{}),D4=F(Qf)(({theme:e})=>({margin:0,borderTopLeftRadius:0,borderTopRightRadius:0,borderBottomLeftRadius:e.appBorderRadius,borderBottomRightRadius:e.appBorderRadius,border:"none",background:e.base==="light"?"rgba(0, 0, 0, 0.85)":It(.05,e.background.content),color:e.color.lightest,button:{background:e.base==="light"?"rgba(0, 0, 0, 0.85)":It(.05,e.background.content)}})),HO=F.div(({theme:e,withSource:t,isExpanded:r})=>({position:"relative",overflow:"hidden",margin:"25px 0 40px",...hu(e),borderBottomLeftRadius:t&&r&&0,borderBottomRightRadius:t&&r&&0,borderBottomWidth:r&&0,"h3 + &":{marginTop:"16px"}}),({withToolbar:e})=>e&&{paddingTop:40}),jO=(e,t,r)=>{switch(!0){case!!(e&&e.error):return{source:null,actionItem:{title:"No code available",className:"docblock-code-toggle docblock-code-toggle--disabled",disabled:!0,onClick:()=>r(!1)}};case t:return{source:y.createElement(D4,{...e,dark:!0}),actionItem:{title:"Hide code",className:"docblock-code-toggle docblock-code-toggle--expanded",onClick:()=>r(!1)}};default:return{source:y.createElement(D4,{...e,dark:!0}),actionItem:{title:"Show code",className:"docblock-code-toggle",onClick:()=>r(!0)}}}};function VO(e){if(l.Children.count(e)===1){let t=e;if(t.props)return t.props.id}return null}var UO=F($O)({position:"absolute",top:0,left:0,right:0,height:40}),qO=F.div({overflow:"hidden",position:"relative"}),V9=({isLoading:e,isColumn:t,columns:r,children:n,withSource:a,withToolbar:o=!1,isExpanded:i=!1,additionalActions:s,className:c,layout:d="padded",...p})=>{let[m,h]=l.useState(i),{source:f,actionItem:v}=jO(a,m,h),[g,w]=l.useState(1),x=[c].concat(["sbdocs","sbdocs-preview","sb-unstyled"]),D=a?[v]:[],[E,b]=l.useState(s?[...s]:[]),C=[...D,...E],{window:S}=globalThis,k=l.useCallback(async _=>{let{createCopyToClipboardFunction:I}=await K4(()=>import("./index-BNsZ9OHC.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9]),import.meta.url);I()},[]),A=_=>{let I=S.getSelection();I&&I.type==="Range"||(_.preventDefault(),E.filter(B=>B.title==="Copied").length===0&&k(f.props.code).then(()=>{b([...E,{title:"Copied",onClick:()=>{}}]),S.setTimeout(()=>b(E.filter(B=>B.title!=="Copied")),1500)}))};return y.createElement(HO,{withSource:a,withToolbar:o,...p,className:x.join(" ")},o&&y.createElement(UO,{isLoading:e,border:!0,zoom:_=>w(g*_),resetZoom:()=>w(1),storyId:VO(n),baseUrl:"./iframe.html"}),y.createElement(H9.Provider,{value:{scale:g}},y.createElement(qO,{className:"docs-story",onCopyCapture:a&&A},y.createElement(NO,{isColumn:t||!Array.isArray(n),columns:r,layout:d},y.createElement(OT.Element,{scale:g},Array.isArray(n)?n.map((_,I)=>y.createElement("div",{key:I},_)):y.createElement("div",null,n))),y.createElement(Dp,{actionItems:C}))),a&&m&&f)};F(V9)(()=>({".docs-story":{paddingTop:32,paddingBottom:40}}));function Jr(){return Jr=Object.assign?Object.assign.bind():function(e){for(var t=1;t(e[t.toLowerCase()]=t,e),{for:"htmlFor"}),A4={amp:"&",apos:"'",gt:">",lt:"<",nbsp:" ",quot:"“"},GO=["style","script"],YO=/([-A-Z0-9_:]+)(?:\s*=\s*(?:(?:"((?:\\.|[^"])*)")|(?:'((?:\\.|[^'])*)')|(?:\{((?:\\.|{[^}]*?}|[^}])*)\})))?/gi,KO=/mailto:/i,ZO=/\n{2,}$/,U9=/^(\s*>[\s\S]*?)(?=\n{2,})/,JO=/^ *> ?/gm,XO=/^ {2,}\n/,QO=/^(?:( *[-*_])){3,} *(?:\n *)+\n/,q9=/^\s*(`{3,}|~{3,}) *(\S+)?([^\n]*?)?\n([\s\S]+?)\s*\1 *(?:\n *)*\n?/,W9=/^(?: {4}[^\n]+\n*)+(?:\n *)+\n?/,eM=/^(`+)\s*([\s\S]*?[^`])\s*\1(?!`)/,tM=/^(?:\n *)*\n/,rM=/\r\n?/g,nM=/^\[\^([^\]]+)](:(.*)((\n+ {4,}.*)|(\n(?!\[\^).+))*)/,aM=/^\[\^([^\]]+)]/,oM=/\f/g,iM=/^---[ \t]*\n(.|\n)*\n---[ \t]*\n/,lM=/^\s*?\[(x|\s)\]/,G9=/^ *(#{1,6}) *([^\n]+?)(?: +#*)?(?:\n *)*(?:\n|$)/,Y9=/^ *(#{1,6}) +([^\n]+?)(?: +#*)?(?:\n *)*(?:\n|$)/,K9=/^([^\n]+)\n *(=|-){3,} *(?:\n *)+\n/,N1=/^ *(?!<[a-z][^ >/]* ?\/>)<([a-z][^ >/]*) ?([^>]*)>\n?(\s*(?:<\1[^>]*?>[\s\S]*?<\/\1>|(?!<\1\b)[\s\S])*?)<\/\1>(?!<\/\1>)\n*/i,sM=/&([a-z0-9]+|#[0-9]{1,6}|#x[0-9a-fA-F]{1,6});/gi,Z9=/^)/,uM=/^(data|aria|x)-[a-z_][a-z\d_.-]*$/,H1=/^ *<([a-z][a-z0-9:]*)(?:\s+((?:<.*?>|[^>])*))?\/?>(?!<\/\1>)(\s*\n)?/i,cM=/^\{.*\}$/,dM=/^(https?:\/\/[^\s<]+[^<.,:;"')\]\s])/,pM=/^<([^ >]+@[^ >]+)>/,fM=/^<([^ >]+:\/[^ >]+)>/,hM=/-([a-z])?/gi,J9=/^(.*\|?.*)\n *(\|? *[-:]+ *\|[-| :]*)\n((?:.*\|.*\n)*)\n?/,mM=/^\[([^\]]*)\]:\s+]+)>?\s*("([^"]*)")?/,gM=/^!\[([^\]]*)\] ?\[([^\]]*)\]/,vM=/^\[([^\]]*)\] ?\[([^\]]*)\]/,yM=/(\[|\])/g,bM=/(\n|^[-*]\s|^#|^ {2,}|^-{2,}|^>\s)/,wM=/\t/g,EM=/^ *\| */,xM=/(^ *\||\| *$)/g,DM=/ *$/,CM=/^ *:-+: *$/,SM=/^ *:-+ *$/,kM=/^ *-+: *$/,mu="((?:\\[.*?\\][([].*?[)\\]]|<.*?>(?:.*?<.*?>)?|`.*?`|~~.*?~~|==.*?==|.|\\n)*?)",AM=new RegExp(`^([*_])\\1${mu}\\1\\1(?!\\1)`),FM=new RegExp(`^([*_])${mu}\\1(?!\\1|\\w)`),_M=new RegExp(`^==${mu}==`),RM=new RegExp(`^~~${mu}~~`),IM=/^\\([^0-9A-Za-z\s])/,BM=/^[\s\S]+?(?=[^0-9A-Z\s\u00c0-\uffff&#;.()'"]|\d+\.|\n\n| {2,}\n|\w+:\S|$)/i,TM=/^\n+/,zM=/^([ \t]*)/,LM=/\\([^\\])/g,F4=/ *\n+$/,OM=/(?:^|\n)( *)$/,th="(?:\\d+\\.)",rh="(?:[*+-])";function X9(e){return"( *)("+(e===1?th:rh)+") +"}var Q9=X9(1),ex=X9(2);function tx(e){return new RegExp("^"+(e===1?Q9:ex))}var MM=tx(1),PM=tx(2);function rx(e){return new RegExp("^"+(e===1?Q9:ex)+"[^\\n]*(?:\\n(?!\\1"+(e===1?th:rh)+" )[^\\n]*)*(\\n|$)","gm")}var nx=rx(1),ax=rx(2);function ox(e){let t=e===1?th:rh;return new RegExp("^( *)("+t+") [\\s\\S]+?(?:\\n{2,}(?! )(?!\\1"+t+" (?!"+t+" ))\\n*|\\s*\\n*$)")}var ix=ox(1),lx=ox(2);function _4(e,t){let r=t===1,n=r?ix:lx,a=r?nx:ax,o=r?MM:PM;return{match(i,s,c){let d=OM.exec(c);return d&&(s.list||!s.inline&&!s.simple)?n.exec(i=d[1]+i):null},order:1,parse(i,s,c){let d=r?+i[2]:void 0,p=i[0].replace(ZO,` `).match(a),m=!1;return{items:p.map(function(h,f){let v=o.exec(h)[0].length,g=new RegExp("^ {1,"+v+"}","gm"),w=h.replace(g,"").replace(o,""),x=f===p.length-1,D=w.indexOf(` `)!==-1||x&&m;m=D;let E=c.inline,b=c.list,C;c.list=!0,D?(c.inline=!1,C=w.replace(F4,` @@ -708,7 +708,7 @@ To pass a single animation please supply them in simple values, e.g. animation(' ${It(.02,e.input.background)} 100%)`:`linear-gradient(to right, ${e.color.green} 0%, ${e.color.green} ${(n-t)/(r-t)*100}%, ${Kr(.02,e.input.background)} ${(n-t)/(r-t)*100}%, - ${Kr(.02,e.input.background)} 100%)`,boxShadow:`${e.appBorderColor} 0 0 0 1px inset`,color:"transparent",width:"100%",height:"6px",cursor:"pointer"},"&::-ms-fill-lower":{borderRadius:6},"&::-ms-fill-upper":{borderRadius:6},"&::-ms-thumb":{width:16,height:16,background:`${e.input.background}`,border:`1px solid ${nr(e.appBorderColor,.2)}`,borderRadius:50,cursor:"grab",marginTop:0},"@supports (-ms-ime-align:auto)":{"input[type=range]":{margin:"0"}}})),Ex=F.span({paddingLeft:5,paddingRight:5,fontSize:12,whiteSpace:"nowrap",fontFeatureSettings:"tnum",fontVariantNumeric:"tabular-nums","[aria-readonly=true] &":{opacity:.5}}),GP=F(Ex)(({numberOFDecimalsPlaces:e,max:t})=>({width:`${e+t.toString().length*2+3}ch`,textAlign:"right",flexShrink:0})),YP=F.div({display:"flex",alignItems:"center",width:"100%"});function KP(e){let t=e.toString().match(/(?:\.(\d+))?(?:[eE]([+-]?\d+))?$/);return t?Math.max(0,(t[1]?t[1].length:0)-(t[2]?+t[2]:0)):0}var ZP=({name:e,value:t,onChange:r,min:n=0,max:a=100,step:o=1,onBlur:i,onFocus:s,argType:c})=>{var f;let d=v=>{r(iP(v.target.value))},p=t!==void 0,m=l.useMemo(()=>KP(o),[o]),h=!!((f=c==null?void 0:c.table)!=null&&f.readonly);return y.createElement(YP,{"aria-readonly":h},y.createElement(Ex,null,n),y.createElement(WP,{id:yt(e),type:"range",disabled:h,onChange:d,name:e,value:t,min:n,max:a,step:o,onFocus:s,onBlur:i}),y.createElement(GP,{numberOFDecimalsPlaces:m,max:a},p?t.toFixed(m):"--"," / ",a))},JP=F.label({display:"flex"}),XP=F.div(({isMaxed:e})=>({marginLeft:"0.75rem",paddingTop:"0.35rem",color:e?"red":void 0})),QP=({name:e,value:t,onChange:r,onFocus:n,onBlur:a,maxLength:o,argType:i})=>{var f;let s=v=>{r(v.target.value)},c=!!((f=i==null?void 0:i.table)!=null&&f.readonly),[d,p]=l.useState(!1),m=l.useCallback(()=>{r(""),p(!0)},[p]);if(t===void 0)return y.createElement(Sn,{variant:"outline",size:"medium",disabled:c,id:hs(e),onClick:m},"Set string");let h=typeof t=="string";return y.createElement(JP,null,y.createElement(bi.Textarea,{id:yt(e),maxLength:o,onChange:s,disabled:c,size:"flex",placeholder:"Edit string...",autoFocus:d,valid:h?null:"error",name:e,value:h?t:"",onFocus:n,onBlur:a}),o&&y.createElement(XP,{isMaxed:(t==null?void 0:t.length)===o},(t==null?void 0:t.length)??0," / ",o))},e$=F(bi.Input)({padding:10});function t$(e){e.forEach(t=>{t.startsWith("blob:")&&URL.revokeObjectURL(t)})}var r$=({onChange:e,name:t,accept:r="image/*",value:n,argType:a})=>{var c;let o=l.useRef(null),i=(c=a==null?void 0:a.control)==null?void 0:c.readOnly;function s(d){if(!d.target.files)return;let p=Array.from(d.target.files).map(m=>URL.createObjectURL(m));e(p),t$(n)}return l.useEffect(()=>{n==null&&o.current&&(o.current.value=null)},[n,t]),y.createElement(e$,{ref:o,id:yt(t),type:"file",name:t,multiple:!0,disabled:i,onChange:s,accept:r,size:"flex"})},n$=l.lazy(()=>K4(()=>import("./Color-F6OSRLHC-DA2dzHt6.js"),__vite__mapDeps([10,2,3,4,1,5,6,7,8,9]),import.meta.url)),a$=e=>y.createElement(l.Suspense,{fallback:y.createElement("div",null)},y.createElement(n$,{...e})),o$={array:$4,object:$4,boolean:XM,color:a$,date:aP,number:sP,check:Pn,"inline-check":Pn,radio:Pn,"inline-radio":Pn,select:Pn,"multi-select":Pn,range:ZP,text:QP,file:r$},N4=()=>y.createElement(y.Fragment,null,"-"),i$=({row:e,arg:t,updateArgs:r,isHovered:n})=>{var g;let{key:a,control:o}=e,[i,s]=l.useState(!1),[c,d]=l.useState({value:t});l.useEffect(()=>{i||d({value:t})},[i,t]);let p=l.useCallback(w=>(d({value:w}),r({[a]:w}),w),[r,a]),m=l.useCallback(()=>s(!1),[]),h=l.useCallback(()=>s(!0),[]);if(!o||o.disable){let w=(o==null?void 0:o.disable)!==!0&&((g=e==null?void 0:e.type)==null?void 0:g.name)!=="function";return n&&w?y.createElement(oa,{href:"https://storybook.js.org/docs/essentials/controls",target:"_blank",withArrow:!0},"Setup controls"):y.createElement(N4,null)}let f={name:a,argType:e,value:c.value,onChange:p,onBlur:m,onFocus:h},v=o$[o.type]||N4;return y.createElement(v,{...f,...o,controlType:o.type})},l$=F.table(({theme:e})=>({"&&":{borderCollapse:"collapse",borderSpacing:0,border:"none",tr:{border:"none !important",background:"none"},"td, th":{padding:0,border:"none",width:"auto!important"},marginTop:0,marginBottom:0,"th:first-of-type, td:first-of-type":{paddingLeft:0},"th:last-of-type, td:last-of-type":{paddingRight:0},td:{paddingTop:0,paddingBottom:4,"&:not(:first-of-type)":{paddingLeft:10,paddingRight:0}},tbody:{boxShadow:"none",border:"none"},code:Lr({theme:e}),div:{span:{fontWeight:"bold"}},"& code":{margin:0,display:"inline-block",fontSize:e.typography.size.s1}}})),s$=({tags:e})=>{let t=(e.params||[]).filter(o=>o.description),r=t.length!==0,n=e.deprecated!=null,a=e.returns!=null&&e.returns.description!=null;return!r&&!a&&!n?null:y.createElement(y.Fragment,null,y.createElement(l$,null,y.createElement("tbody",null,n&&y.createElement("tr",{key:"deprecated"},y.createElement("td",{colSpan:2},y.createElement("strong",null,"Deprecated"),": ",e.deprecated.toString())),r&&t.map(o=>y.createElement("tr",{key:o.name},y.createElement("td",null,y.createElement("code",null,o.name)),y.createElement("td",null,o.description))),a&&y.createElement("tr",{key:"returns"},y.createElement("td",null,y.createElement("code",null,"Returns")),y.createElement("td",null,e.returns.description)))))},u$=Y1(L9()),U1=8,H4=F.div(({isExpanded:e})=>({display:"flex",flexDirection:e?"column":"row",flexWrap:"wrap",alignItems:"flex-start",marginBottom:"-4px",minWidth:100})),c$=F.span(Lr,({theme:e,simple:t=!1})=>({flex:"0 0 auto",fontFamily:e.typography.fonts.mono,fontSize:e.typography.size.s1,wordBreak:"break-word",whiteSpace:"normal",maxWidth:"100%",margin:0,marginRight:"4px",marginBottom:"4px",paddingTop:"2px",paddingBottom:"2px",lineHeight:"13px",...t&&{background:"transparent",border:"0 none",paddingLeft:0}})),d$=F.button(({theme:e})=>({fontFamily:e.typography.fonts.mono,color:e.color.secondary,marginBottom:"4px",background:"none",border:"none"})),p$=F.div(Lr,({theme:e})=>({fontFamily:e.typography.fonts.mono,color:e.color.secondary,fontSize:e.typography.size.s1,margin:0,whiteSpace:"nowrap",display:"flex",alignItems:"center"})),f$=F.div(({theme:e,width:t})=>({width:t,minWidth:200,maxWidth:800,padding:15,fontFamily:e.typography.fonts.mono,fontSize:e.typography.size.s1,boxSizing:"content-box","& code":{padding:"0 !important"}})),h$=F(FL)({marginLeft:4}),m$=F(z9)({marginLeft:4}),g$=()=>y.createElement("span",null,"-"),xx=({text:e,simple:t})=>y.createElement(c$,{simple:t},e),v$=(0,u$.default)(1e3)(e=>{let t=e.split(/\r?\n/);return`${Math.max(...t.map(r=>r.length))}ch`}),y$=e=>{if(!e)return[e];let t=e.split("|").map(r=>r.trim());return Qx(t)},j4=(e,t=!0)=>{let r=e;return t||(r=e.slice(0,U1)),r.map(n=>y.createElement(xx,{key:n,text:n===""?'""':n}))},b$=({value:e,initialExpandedArgs:t})=>{let{summary:r,detail:n}=e,[a,o]=l.useState(!1),[i,s]=l.useState(t||!1);if(r==null)return null;let c=typeof r.toString=="function"?r.toString():r;if(n==null){if(/[(){}[\]<>]/.test(c))return y.createElement(xx,{text:c});let d=y$(c),p=d.length;return p>U1?y.createElement(H4,{isExpanded:i},j4(d,i),y.createElement(d$,{onClick:()=>s(!i)},i?"Show less...":`Show ${p-U1} more...`)):y.createElement(H4,null,j4(d))}return y.createElement(gz,{closeOnOutsideClick:!0,placement:"bottom",visible:a,onVisibleChange:d=>{o(d)},tooltip:y.createElement(f$,{width:v$(n)},y.createElement(jf,{language:"jsx",format:!1},n))},y.createElement(p$,{className:"sbdocs-expandable"},y.createElement("span",null,c),a?y.createElement(h$,null):y.createElement(m$,null)))},K0=({value:e,initialExpandedArgs:t})=>e==null?y.createElement(g$,null):y.createElement(b$,{value:e,initialExpandedArgs:t}),w$=F.span({fontWeight:"bold"}),E$=F.span(({theme:e})=>({color:e.color.negative,fontFamily:e.typography.fonts.mono,cursor:"help"})),x$=F.div(({theme:e})=>({"&&":{p:{margin:"0 0 10px 0"},a:{color:e.color.secondary}},code:{...Lr({theme:e}),fontSize:12,fontFamily:e.typography.fonts.mono},"& code":{margin:0,display:"inline-block"},"& pre > code":{whiteSpace:"pre-wrap"}})),D$=F.div(({theme:e,hasDescription:t})=>({color:e.base==="light"?oe(.1,e.color.defaultText):oe(.2,e.color.defaultText),marginTop:t?4:0})),C$=F.div(({theme:e,hasDescription:t})=>({color:e.base==="light"?oe(.1,e.color.defaultText):oe(.2,e.color.defaultText),marginTop:t?12:0,marginBottom:12})),S$=F.td(({theme:e,expandable:t})=>({paddingLeft:t?"40px !important":"20px !important"})),k$=e=>e&&{summary:typeof e=="string"?e:e.name},Qi=e=>{var g;let[t,r]=l.useState(!1),{row:n,updateArgs:a,compact:o,expandable:i,initialExpandedArgs:s}=e,{name:c,description:d}=n,p=n.table||{},m=p.type||k$(n.type),h=p.defaultValue||n.defaultValue,f=(g=n.type)==null?void 0:g.required,v=d!=null&&d!=="";return y.createElement("tr",{onMouseEnter:()=>r(!0),onMouseLeave:()=>r(!1)},y.createElement(S$,{expandable:i},y.createElement(w$,null,c),f?y.createElement(E$,{title:"Required"},"*"):null),o?null:y.createElement("td",null,v&&y.createElement(x$,null,y.createElement(ux,null,d)),p.jsDocTags!=null?y.createElement(y.Fragment,null,y.createElement(C$,{hasDescription:v},y.createElement(K0,{value:m,initialExpandedArgs:s})),y.createElement(s$,{tags:p.jsDocTags})):y.createElement(D$,{hasDescription:v},y.createElement(K0,{value:m,initialExpandedArgs:s}))),o?null:y.createElement("td",null,y.createElement(K0,{value:h,initialExpandedArgs:s})),a?y.createElement("td",null,y.createElement(i$,{...e,isHovered:t})):null)},A$=F.div(({inAddonPanel:e,theme:t})=>({height:e?"100%":"auto",display:"flex",border:e?"none":`1px solid ${t.appBorderColor}`,borderRadius:e?0:t.appBorderRadius,padding:e?0:40,alignItems:"center",justifyContent:"center",flexDirection:"column",gap:15,background:t.background.content,boxShadow:"rgba(0, 0, 0, 0.10) 0 1px 3px 0"})),F$=F.div(({theme:e})=>({display:"flex",fontSize:e.typography.size.s2-1,gap:25})),_$=F.div(({theme:e})=>({width:1,height:16,backgroundColor:e.appBorderColor})),R$=({inAddonPanel:e})=>{let[t,r]=l.useState(!0);return l.useEffect(()=>{let n=setTimeout(()=>{r(!1)},100);return()=>clearTimeout(n)},[]),t?null:y.createElement(A$,{inAddonPanel:e},y.createElement(A9,{title:e?"Interactive story playground":"Args table with interactive controls couldn't be auto-generated",description:y.createElement(y.Fragment,null,"Controls give you an easy to use interface to test your components. Set your story args and you'll see controls appearing here automatically."),footer:y.createElement(F$,null,e&&y.createElement(y.Fragment,null,y.createElement(oa,{href:"https://youtu.be/0gOfS6K0x0E",target:"_blank",withArrow:!0},y.createElement(xL,null)," Watch 5m video"),y.createElement(_$,null),y.createElement(oa,{href:"https://storybook.js.org/docs/essentials/controls",target:"_blank",withArrow:!0},y.createElement(z1,null)," Read docs")),!e&&y.createElement(oa,{href:"https://storybook.js.org/docs/essentials/controls",target:"_blank",withArrow:!0},y.createElement(z1,null)," Learn how to set that up"))}))},I$=F(kL)(({theme:e})=>({marginRight:8,marginLeft:-10,marginTop:-2,height:12,width:12,color:e.base==="light"?oe(.25,e.color.defaultText):oe(.3,e.color.defaultText),border:"none",display:"inline-block"})),B$=F(AL)(({theme:e})=>({marginRight:8,marginLeft:-10,marginTop:-2,height:12,width:12,color:e.base==="light"?oe(.25,e.color.defaultText):oe(.3,e.color.defaultText),border:"none",display:"inline-block"})),T$=F.span(({theme:e})=>({display:"flex",lineHeight:"20px",alignItems:"center"})),z$=F.td(({theme:e})=>({position:"relative",letterSpacing:"0.35em",textTransform:"uppercase",fontWeight:e.typography.weight.bold,fontSize:e.typography.size.s1-1,color:e.base==="light"?oe(.4,e.color.defaultText):oe(.6,e.color.defaultText),background:`${e.background.app} !important`,"& ~ td":{background:`${e.background.app} !important`}})),L$=F.td(({theme:e})=>({position:"relative",fontWeight:e.typography.weight.bold,fontSize:e.typography.size.s2-1,background:e.background.app})),O$=F.td(()=>({position:"relative"})),M$=F.tr(({theme:e})=>({"&:hover > td":{backgroundColor:`${Kr(.005,e.background.app)} !important`,boxShadow:`${e.color.mediumlight} 0 - 1px 0 0 inset`,cursor:"row-resize"}})),V4=F.button(()=>({background:"none",border:"none",padding:"0",font:"inherit",position:"absolute",top:0,bottom:0,left:0,right:0,height:"100%",width:"100%",color:"transparent",cursor:"row-resize !important"})),Z0=({level:e="section",label:t,children:r,initialExpanded:n=!0,colSpan:a=3})=>{let[o,i]=l.useState(n),s=e==="subsection"?L$:z$,c=(r==null?void 0:r.length)||0,d=e==="subsection"?`${c} item${c!==1?"s":""}`:"",p=`${o?"Hide":"Show"} ${e==="subsection"?c:t} item${c!==1?"s":""}`;return y.createElement(y.Fragment,null,y.createElement(M$,{title:p},y.createElement(s,{colSpan:1},y.createElement(V4,{onClick:m=>i(!o),tabIndex:0},p),y.createElement(T$,null,o?y.createElement(I$,null):y.createElement(B$,null),t)),y.createElement(O$,{colSpan:a-1},y.createElement(V4,{onClick:m=>i(!o),tabIndex:-1,style:{outline:"none"}},p),o?null:d)),o?r:null)},el=F.div(({theme:e})=>({display:"flex",gap:16,borderBottom:`1px solid ${e.appBorderColor}`,"&:last-child":{borderBottom:0}})),Ae=F.div(({numColumn:e})=>({display:"flex",flexDirection:"column",flex:e||1,gap:5,padding:"12px 20px"})),me=F.div(({theme:e,width:t,height:r})=>({animation:`${e.animation.glow} 1.5s ease-in-out infinite`,background:e.appBorderColor,width:t||"100%",height:r||16,borderRadius:3})),Fe=[2,4,2,2],P$=()=>y.createElement(y.Fragment,null,y.createElement(el,null,y.createElement(Ae,{numColumn:Fe[0]},y.createElement(me,{width:"60%"})),y.createElement(Ae,{numColumn:Fe[1]},y.createElement(me,{width:"30%"})),y.createElement(Ae,{numColumn:Fe[2]},y.createElement(me,{width:"60%"})),y.createElement(Ae,{numColumn:Fe[3]},y.createElement(me,{width:"60%"}))),y.createElement(el,null,y.createElement(Ae,{numColumn:Fe[0]},y.createElement(me,{width:"60%"})),y.createElement(Ae,{numColumn:Fe[1]},y.createElement(me,{width:"80%"}),y.createElement(me,{width:"30%"})),y.createElement(Ae,{numColumn:Fe[2]},y.createElement(me,{width:"60%"})),y.createElement(Ae,{numColumn:Fe[3]},y.createElement(me,{width:"60%"}))),y.createElement(el,null,y.createElement(Ae,{numColumn:Fe[0]},y.createElement(me,{width:"60%"})),y.createElement(Ae,{numColumn:Fe[1]},y.createElement(me,{width:"80%"}),y.createElement(me,{width:"30%"})),y.createElement(Ae,{numColumn:Fe[2]},y.createElement(me,{width:"60%"})),y.createElement(Ae,{numColumn:Fe[3]},y.createElement(me,{width:"60%"}))),y.createElement(el,null,y.createElement(Ae,{numColumn:Fe[0]},y.createElement(me,{width:"60%"})),y.createElement(Ae,{numColumn:Fe[1]},y.createElement(me,{width:"80%"}),y.createElement(me,{width:"30%"})),y.createElement(Ae,{numColumn:Fe[2]},y.createElement(me,{width:"60%"})),y.createElement(Ae,{numColumn:Fe[3]},y.createElement(me,{width:"60%"})))),$$=F.table(({theme:e,compact:t,inAddonPanel:r})=>({"&&":{borderSpacing:0,color:e.color.defaultText,"td, th":{padding:0,border:"none",verticalAlign:"top",textOverflow:"ellipsis"},fontSize:e.typography.size.s2-1,lineHeight:"20px",textAlign:"left",width:"100%",marginTop:r?0:25,marginBottom:r?0:40,"thead th:first-of-type, td:first-of-type":{width:"25%"},"th:first-of-type, td:first-of-type":{paddingLeft:20},"th:nth-of-type(2), td:nth-of-type(2)":{...t?null:{width:"35%"}},"td:nth-of-type(3)":{...t?null:{width:"15%"}},"th:last-of-type, td:last-of-type":{paddingRight:20,...t?null:{width:"25%"}},th:{color:e.base==="light"?oe(.25,e.color.defaultText):oe(.45,e.color.defaultText),paddingTop:10,paddingBottom:10,paddingLeft:15,paddingRight:15},td:{paddingTop:"10px",paddingBottom:"10px","&:not(:first-of-type)":{paddingLeft:15,paddingRight:15},"&:last-of-type":{paddingRight:20}},marginLeft:r?0:1,marginRight:r?0:1,tbody:{...r?null:{filter:e.base==="light"?"drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.10))":"drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.20))"},"> tr > *":{background:e.background.content,borderTop:`1px solid ${e.appBorderColor}`},...r?null:{"> tr:first-of-type > *":{borderBlockStart:`1px solid ${e.appBorderColor}`},"> tr:last-of-type > *":{borderBlockEnd:`1px solid ${e.appBorderColor}`},"> tr > *:first-of-type":{borderInlineStart:`1px solid ${e.appBorderColor}`},"> tr > *:last-of-type":{borderInlineEnd:`1px solid ${e.appBorderColor}`},"> tr:first-of-type > td:first-of-type":{borderTopLeftRadius:e.appBorderRadius},"> tr:first-of-type > td:last-of-type":{borderTopRightRadius:e.appBorderRadius},"> tr:last-of-type > td:first-of-type":{borderBottomLeftRadius:e.appBorderRadius},"> tr:last-of-type > td:last-of-type":{borderBottomRightRadius:e.appBorderRadius}}}}})),N$=F(sn)(({theme:e})=>({margin:"-4px -12px -4px 0"})),H$=F.span({display:"flex",justifyContent:"space-between"}),j$={alpha:(e,t)=>e.name.localeCompare(t.name),requiredFirst:(e,t)=>{var r,n;return+!!((r=t.type)!=null&&r.required)-+!!((n=e.type)!=null&&n.required)||e.name.localeCompare(t.name)},none:void 0},V$=(e,t)=>{let r={ungrouped:[],ungroupedSubsections:{},sections:{}};if(!e)return r;Object.entries(e).forEach(([o,i])=>{let{category:s,subcategory:c}=(i==null?void 0:i.table)||{};if(s){let d=r.sections[s]||{ungrouped:[],subsections:{}};if(!c)d.ungrouped.push({key:o,...i});else{let p=d.subsections[c]||[];p.push({key:o,...i}),d.subsections[c]=p}r.sections[s]=d}else if(c){let d=r.ungroupedSubsections[c]||[];d.push({key:o,...i}),r.ungroupedSubsections[c]=d}else r.ungrouped.push({key:o,...i})});let n=j$[t],a=o=>n?Object.keys(o).reduce((i,s)=>({...i,[s]:o[s].sort(n)}),{}):o;return{ungrouped:r.ungrouped.sort(n),ungroupedSubsections:a(r.ungroupedSubsections),sections:Object.keys(r.sections).reduce((o,i)=>({...o,[i]:{ungrouped:r.sections[i].ungrouped.sort(n),subsections:a(r.sections[i].subsections)}}),{})}},U$=(e,t,r)=>{try{return qx(e,t,r)}catch(n){return IL.warn(n.message),!1}},q1=e=>{let{updateArgs:t,resetArgs:r,compact:n,inAddonPanel:a,initialExpandedArgs:o,sort:i="none",isLoading:s}=e;if("error"in e){let{error:D}=e;return y.createElement(N9,null,D," ",y.createElement(oa,{href:"http://storybook.js.org/docs/",target:"_blank",withArrow:!0},y.createElement(z1,null)," Read the docs"))}if(s)return y.createElement(P$,null);let{rows:c,args:d,globals:p}="rows"in e&&e,m=V$(eD(c||{},D=>{var E;return!((E=D==null?void 0:D.table)!=null&&E.disable)&&U$(D,d||{},p||{})}),i),h=m.ungrouped.length===0,f=Object.entries(m.sections).length===0,v=Object.entries(m.ungroupedSubsections).length===0;if(h&&f&&v)return y.createElement(R$,{inAddonPanel:a});let g=1;t&&(g+=1),n||(g+=2);let w=Object.keys(m.sections).length>0,x={updateArgs:t,compact:n,inAddonPanel:a,initialExpandedArgs:o};return y.createElement(Hf,null,y.createElement($$,{compact:n,inAddonPanel:a,className:"docblock-argstable sb-unstyled"},y.createElement("thead",{className:"docblock-argstable-head"},y.createElement("tr",null,y.createElement("th",null,y.createElement("span",null,"Name")),n?null:y.createElement("th",null,y.createElement("span",null,"Description")),n?null:y.createElement("th",null,y.createElement("span",null,"Default")),t?y.createElement("th",null,y.createElement(H$,null,"Control"," ",!s&&r&&y.createElement(N$,{onClick:()=>r(),title:"Reset controls"},y.createElement(_L,{"aria-hidden":!0})))):null)),y.createElement("tbody",{className:"docblock-argstable-body"},m.ungrouped.map(D=>y.createElement(Qi,{key:D.key,row:D,arg:d&&d[D.key],...x})),Object.entries(m.ungroupedSubsections).map(([D,E])=>y.createElement(Z0,{key:D,label:D,level:"subsection",colSpan:g},E.map(b=>y.createElement(Qi,{key:b.key,row:b,arg:d&&d[b.key],expandable:w,...x})))),Object.entries(m.sections).map(([D,E])=>y.createElement(Z0,{key:D,label:D,level:"section",colSpan:g},E.ungrouped.map(b=>y.createElement(Qi,{key:b.key,row:b,arg:d&&d[b.key],...x})),Object.entries(E.subsections).map(([b,C])=>y.createElement(Z0,{key:b,label:b,level:"subsection",colSpan:g},C.map(S=>y.createElement(Qi,{key:S.key,row:S,arg:d&&d[S.key],expandable:w,...x})))))))))},q$=({tabs:e,...t})=>{let r=Object.entries(e);return r.length===1?y.createElement(q1,{...r[0][1],...t}):y.createElement(Xz,null,r.map((n,a)=>{let[o,i]=n,s=`prop_table_div_${o}`,c="div",d=a===0?t:{sort:t.sort};return y.createElement(c,{key:s,id:s,title:o},({active:p})=>p?y.createElement(q1,{key:`prop_table_${o}`,...i,...d}):null)}))},W$=F.div(({theme:e})=>({marginRight:30,fontSize:`${e.typography.size.s1}px`,color:e.base==="light"?oe(.4,e.color.defaultText):oe(.6,e.color.defaultText)})),G$=F.div({overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"}),Y$=F.div({display:"flex",flexDirection:"row",alignItems:"baseline","&:not(:last-child)":{marginBottom:"1rem"}}),K$=F.div(se,({theme:e})=>({...hu(e),margin:"25px 0 40px",padding:"30px 20px"})),WV=({fontFamily:e,fontSizes:t,fontWeight:r,sampleText:n,...a})=>y.createElement(K$,{...a,className:"docblock-typeset sb-unstyled"},t.map(o=>y.createElement(Y$,{key:o},y.createElement(W$,null,o),y.createElement(G$,{style:{fontFamily:e,fontSize:o,fontWeight:r,lineHeight:1.2}},n||"Was he a beast if music could move him so?"))));F.div(({theme:e})=>({fontWeight:e.typography.weight.bold,color:e.color.defaultText}));F.div(({theme:e})=>({color:e.base==="light"?oe(.2,e.color.defaultText):oe(.6,e.color.defaultText)}));F.div({flex:"0 0 30%",lineHeight:"20px",marginTop:5});F.div(({theme:e})=>({flex:1,textAlign:"center",fontFamily:e.typography.fonts.mono,fontSize:e.typography.size.s1,lineHeight:1,overflow:"hidden",color:e.base==="light"?oe(.4,e.color.defaultText):oe(.6,e.color.defaultText),"> div":{display:"inline-block",overflow:"hidden",maxWidth:"100%",textOverflow:"ellipsis"},span:{display:"block",marginTop:2}}));F.div({display:"flex",flexDirection:"row"});F.div(({background:e})=>({position:"relative",flex:1,"&::before":{position:"absolute",top:0,left:0,width:"100%",height:"100%",background:e,content:'""'}}));F.div(({theme:e})=>({...hu(e),display:"flex",flexDirection:"row",height:50,marginBottom:5,overflow:"hidden",backgroundColor:"white",backgroundImage:"repeating-linear-gradient(-45deg, #ccc, #ccc 1px, #fff 1px, #fff 16px)",backgroundClip:"padding-box"}));F.div({display:"flex",flexDirection:"column",flex:1,position:"relative",marginBottom:30});F.div({flex:1,display:"flex",flexDirection:"row"});F.div({display:"flex",alignItems:"flex-start"});F.div({flex:"0 0 30%"});F.div({flex:1});F.div(({theme:e})=>({display:"flex",flexDirection:"row",alignItems:"center",paddingBottom:20,fontWeight:e.typography.weight.bold,color:e.base==="light"?oe(.4,e.color.defaultText):oe(.6,e.color.defaultText)}));F.div(({theme:e})=>({fontSize:e.typography.size.s2,lineHeight:"20px",display:"flex",flexDirection:"column"}));var Z$=F.div(({theme:e})=>({fontFamily:e.typography.fonts.base,fontSize:e.typography.size.s2,color:e.color.defaultText,marginLeft:10,lineHeight:1.2})),J$=F.div(({theme:e})=>({...hu(e),overflow:"hidden",height:40,width:40,display:"flex",alignItems:"center",justifyContent:"center",flex:"none","> img, > svg":{width:20,height:20}})),X$=F.div({display:"inline-flex",flexDirection:"row",alignItems:"center",flex:"0 1 calc(20% - 10px)",minWidth:120,margin:"0px 10px 30px 0"}),Q$=F.div({display:"flex",flexFlow:"row wrap"}),GV=({name:e,children:t})=>y.createElement(X$,null,y.createElement(J$,null,t),y.createElement(Z$,null,e)),YV=({children:e,...t})=>y.createElement(Hf,null,y.createElement(Q$,{...t,className:"docblock-icongallery sb-unstyled"},e)),eN=e=>`anchor--${e}`,Dx=({storyId:e,children:t})=>y.createElement("div",{id:eN(e),className:"sb-anchor"},t);globalThis&&globalThis.__DOCS_CONTEXT__===void 0&&(globalThis.__DOCS_CONTEXT__=l.createContext(null),globalThis.__DOCS_CONTEXT__.displayName="DocsContext");var et=globalThis?globalThis.__DOCS_CONTEXT__:l.createContext(null),kn=(e,t)=>l.useContext(et).resolveOf(e,t),tN=e=>e.split("-").map(t=>t.charAt(0).toUpperCase()+t.slice(1)).join(""),rN=e=>{if(e)return typeof e=="string"?e.includes("-")?tN(e):e:e.__docgenInfo&&e.__docgenInfo.displayName?e.__docgenInfo.displayName:e.name};function nN(e,t="start"){e.scrollIntoView({behavior:"smooth",block:t,inline:"nearest"})}var aN=Object.create,Cx=Object.defineProperty,oN=Object.getOwnPropertyDescriptor,Sx=Object.getOwnPropertyNames,iN=Object.getPrototypeOf,lN=Object.prototype.hasOwnProperty,tt=(e,t)=>function(){return t||(0,e[Sx(e)[0]])((t={exports:{}}).exports,t),t.exports},sN=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of Sx(t))!lN.call(e,a)&&a!==r&&Cx(e,a,{get:()=>t[a],enumerable:!(n=oN(t,a))||n.enumerable});return e},oh=(e,t,r)=>(r=e!=null?aN(iN(e)):{},sN(!e||!e.__esModule?Cx(r,"default",{value:e,enumerable:!0}):r,e)),uN=["bubbles","cancelBubble","cancelable","composed","currentTarget","defaultPrevented","eventPhase","isTrusted","returnValue","srcElement","target","timeStamp","type"],cN=["detail"];function dN(e){let t=uN.filter(r=>e[r]!==void 0).reduce((r,n)=>({...r,[n]:e[n]}),{});return e instanceof CustomEvent&&cN.filter(r=>e[r]!==void 0).forEach(r=>{t[r]=e[r]}),t}var pN=Y1(L9(),1),kx=tt({"node_modules/has-symbols/shams.js"(e,t){t.exports=function(){if(typeof Symbol!="function"||typeof Object.getOwnPropertySymbols!="function")return!1;if(typeof Symbol.iterator=="symbol")return!0;var r={},n=Symbol("test"),a=Object(n);if(typeof n=="string"||Object.prototype.toString.call(n)!=="[object Symbol]"||Object.prototype.toString.call(a)!=="[object Symbol]")return!1;var o=42;r[n]=o;for(n in r)return!1;if(typeof Object.keys=="function"&&Object.keys(r).length!==0||typeof Object.getOwnPropertyNames=="function"&&Object.getOwnPropertyNames(r).length!==0)return!1;var i=Object.getOwnPropertySymbols(r);if(i.length!==1||i[0]!==n||!Object.prototype.propertyIsEnumerable.call(r,n))return!1;if(typeof Object.getOwnPropertyDescriptor=="function"){var s=Object.getOwnPropertyDescriptor(r,n);if(s.value!==o||s.enumerable!==!0)return!1}return!0}}}),Ax=tt({"node_modules/has-symbols/index.js"(e,t){var r=typeof Symbol<"u"&&Symbol,n=kx();t.exports=function(){return typeof r!="function"||typeof Symbol!="function"||typeof r("foo")!="symbol"||typeof Symbol("bar")!="symbol"?!1:n()}}}),fN=tt({"node_modules/function-bind/implementation.js"(e,t){var r="Function.prototype.bind called on incompatible ",n=Array.prototype.slice,a=Object.prototype.toString,o="[object Function]";t.exports=function(i){var s=this;if(typeof s!="function"||a.call(s)!==o)throw new TypeError(r+s);for(var c=n.call(arguments,1),d,p=function(){if(this instanceof d){var g=s.apply(this,c.concat(n.call(arguments)));return Object(g)===g?g:this}else return s.apply(i,c.concat(n.call(arguments)))},m=Math.max(0,s.length-c.length),h=[],f=0;f"u"?r:m(Uint8Array),v={"%AggregateError%":typeof AggregateError>"u"?r:AggregateError,"%Array%":Array,"%ArrayBuffer%":typeof ArrayBuffer>"u"?r:ArrayBuffer,"%ArrayIteratorPrototype%":p?m([][Symbol.iterator]()):r,"%AsyncFromSyncIteratorPrototype%":r,"%AsyncFunction%":h,"%AsyncGenerator%":h,"%AsyncGeneratorFunction%":h,"%AsyncIteratorPrototype%":h,"%Atomics%":typeof Atomics>"u"?r:Atomics,"%BigInt%":typeof BigInt>"u"?r:BigInt,"%Boolean%":Boolean,"%DataView%":typeof DataView>"u"?r:DataView,"%Date%":Date,"%decodeURI%":decodeURI,"%decodeURIComponent%":decodeURIComponent,"%encodeURI%":encodeURI,"%encodeURIComponent%":encodeURIComponent,"%Error%":Error,"%eval%":eval,"%EvalError%":EvalError,"%Float32Array%":typeof Float32Array>"u"?r:Float32Array,"%Float64Array%":typeof Float64Array>"u"?r:Float64Array,"%FinalizationRegistry%":typeof FinalizationRegistry>"u"?r:FinalizationRegistry,"%Function%":a,"%GeneratorFunction%":h,"%Int8Array%":typeof Int8Array>"u"?r:Int8Array,"%Int16Array%":typeof Int16Array>"u"?r:Int16Array,"%Int32Array%":typeof Int32Array>"u"?r:Int32Array,"%isFinite%":isFinite,"%isNaN%":isNaN,"%IteratorPrototype%":p?m(m([][Symbol.iterator]())):r,"%JSON%":typeof JSON=="object"?JSON:r,"%Map%":typeof Map>"u"?r:Map,"%MapIteratorPrototype%":typeof Map>"u"||!p?r:m(new Map()[Symbol.iterator]()),"%Math%":Math,"%Number%":Number,"%Object%":Object,"%parseFloat%":parseFloat,"%parseInt%":parseInt,"%Promise%":typeof Promise>"u"?r:Promise,"%Proxy%":typeof Proxy>"u"?r:Proxy,"%RangeError%":RangeError,"%ReferenceError%":ReferenceError,"%Reflect%":typeof Reflect>"u"?r:Reflect,"%RegExp%":RegExp,"%Set%":typeof Set>"u"?r:Set,"%SetIteratorPrototype%":typeof Set>"u"||!p?r:m(new Set()[Symbol.iterator]()),"%SharedArrayBuffer%":typeof SharedArrayBuffer>"u"?r:SharedArrayBuffer,"%String%":String,"%StringIteratorPrototype%":p?m(""[Symbol.iterator]()):r,"%Symbol%":p?Symbol:r,"%SyntaxError%":n,"%ThrowTypeError%":d,"%TypedArray%":f,"%TypeError%":o,"%Uint8Array%":typeof Uint8Array>"u"?r:Uint8Array,"%Uint8ClampedArray%":typeof Uint8ClampedArray>"u"?r:Uint8ClampedArray,"%Uint16Array%":typeof Uint16Array>"u"?r:Uint16Array,"%Uint32Array%":typeof Uint32Array>"u"?r:Uint32Array,"%URIError%":URIError,"%WeakMap%":typeof WeakMap>"u"?r:WeakMap,"%WeakRef%":typeof WeakRef>"u"?r:WeakRef,"%WeakSet%":typeof WeakSet>"u"?r:WeakSet},g=function z(L){var M;if(L==="%AsyncFunction%")M=i("async function () {}");else if(L==="%GeneratorFunction%")M=i("function* () {}");else if(L==="%AsyncGeneratorFunction%")M=i("async function* () {}");else if(L==="%AsyncGenerator%"){var O=z("%AsyncGeneratorFunction%");O&&(M=O.prototype)}else if(L==="%AsyncIteratorPrototype%"){var P=z("%AsyncGenerator%");P&&(M=m(P.prototype))}return v[L]=M,M},w={"%ArrayBufferPrototype%":["ArrayBuffer","prototype"],"%ArrayPrototype%":["Array","prototype"],"%ArrayProto_entries%":["Array","prototype","entries"],"%ArrayProto_forEach%":["Array","prototype","forEach"],"%ArrayProto_keys%":["Array","prototype","keys"],"%ArrayProto_values%":["Array","prototype","values"],"%AsyncFunctionPrototype%":["AsyncFunction","prototype"],"%AsyncGenerator%":["AsyncGeneratorFunction","prototype"],"%AsyncGeneratorPrototype%":["AsyncGeneratorFunction","prototype","prototype"],"%BooleanPrototype%":["Boolean","prototype"],"%DataViewPrototype%":["DataView","prototype"],"%DatePrototype%":["Date","prototype"],"%ErrorPrototype%":["Error","prototype"],"%EvalErrorPrototype%":["EvalError","prototype"],"%Float32ArrayPrototype%":["Float32Array","prototype"],"%Float64ArrayPrototype%":["Float64Array","prototype"],"%FunctionPrototype%":["Function","prototype"],"%Generator%":["GeneratorFunction","prototype"],"%GeneratorPrototype%":["GeneratorFunction","prototype","prototype"],"%Int8ArrayPrototype%":["Int8Array","prototype"],"%Int16ArrayPrototype%":["Int16Array","prototype"],"%Int32ArrayPrototype%":["Int32Array","prototype"],"%JSONParse%":["JSON","parse"],"%JSONStringify%":["JSON","stringify"],"%MapPrototype%":["Map","prototype"],"%NumberPrototype%":["Number","prototype"],"%ObjectPrototype%":["Object","prototype"],"%ObjProto_toString%":["Object","prototype","toString"],"%ObjProto_valueOf%":["Object","prototype","valueOf"],"%PromisePrototype%":["Promise","prototype"],"%PromiseProto_then%":["Promise","prototype","then"],"%Promise_all%":["Promise","all"],"%Promise_reject%":["Promise","reject"],"%Promise_resolve%":["Promise","resolve"],"%RangeErrorPrototype%":["RangeError","prototype"],"%ReferenceErrorPrototype%":["ReferenceError","prototype"],"%RegExpPrototype%":["RegExp","prototype"],"%SetPrototype%":["Set","prototype"],"%SharedArrayBufferPrototype%":["SharedArrayBuffer","prototype"],"%StringPrototype%":["String","prototype"],"%SymbolPrototype%":["Symbol","prototype"],"%SyntaxErrorPrototype%":["SyntaxError","prototype"],"%TypedArrayPrototype%":["TypedArray","prototype"],"%TypeErrorPrototype%":["TypeError","prototype"],"%Uint8ArrayPrototype%":["Uint8Array","prototype"],"%Uint8ClampedArrayPrototype%":["Uint8ClampedArray","prototype"],"%Uint16ArrayPrototype%":["Uint16Array","prototype"],"%Uint32ArrayPrototype%":["Uint32Array","prototype"],"%URIErrorPrototype%":["URIError","prototype"],"%WeakMapPrototype%":["WeakMap","prototype"],"%WeakSetPrototype%":["WeakSet","prototype"]},x=ih(),D=hN(),E=x.call(Function.call,Array.prototype.concat),b=x.call(Function.apply,Array.prototype.splice),C=x.call(Function.call,String.prototype.replace),S=x.call(Function.call,String.prototype.slice),k=x.call(Function.call,RegExp.prototype.exec),A=/[^%.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|%$))/g,_=/\\(\\)?/g,I=function(z){var L=S(z,0,1),M=S(z,-1);if(L==="%"&&M!=="%")throw new n("invalid intrinsic syntax, expected closing `%`");if(M==="%"&&L!=="%")throw new n("invalid intrinsic syntax, expected opening `%`");var O=[];return C(z,A,function(P,j,U,V){O[O.length]=U?C(V,_,"$1"):j||P}),O},B=function(z,L){var M=z,O;if(D(w,M)&&(O=w[M],M="%"+O[0]+"%"),D(v,M)){var P=v[M];if(P===h&&(P=g(M)),typeof P>"u"&&!L)throw new o("intrinsic "+z+" exists, but is not available. Please file an issue!");return{alias:O,name:M,value:P}}throw new n("intrinsic "+z+" does not exist!")};t.exports=function(z,L){if(typeof z!="string"||z.length===0)throw new o("intrinsic name must be a non-empty string");if(arguments.length>1&&typeof L!="boolean")throw new o('"allowMissing" argument must be a boolean');if(k(/^%?[^%]*%?$/,z)===null)throw new n("`%` may not be present anywhere but at the beginning and end of the intrinsic name");var M=I(z),O=M.length>0?M[0]:"",P=B("%"+O+"%",L),j=P.name,U=P.value,V=!1,G=P.alias;G&&(O=G[0],b(M,E([0,1],G)));for(var Q=1,ne=!0;Q=M.length){var K=s(U,Z);ne=!!K,ne&&"get"in K&&!("originalValue"in K.get)?U=K.get:U=U[Z]}else ne=D(U,Z),U=U[Z];ne&&!V&&(v[j]=U)}}return U}}}),mN=tt({"node_modules/call-bind/index.js"(e,t){var r=ih(),n=Fx(),a=n("%Function.prototype.apply%"),o=n("%Function.prototype.call%"),i=n("%Reflect.apply%",!0)||r.call(o,a),s=n("%Object.getOwnPropertyDescriptor%",!0),c=n("%Object.defineProperty%",!0),d=n("%Math.max%");if(c)try{c({},"a",{value:1})}catch{c=null}t.exports=function(m){var h=i(r,o,arguments);if(s&&c){var f=s(h,"length");f.configurable&&c(h,"length",{value:1+d(0,m.length-(arguments.length-1))})}return h};var p=function(){return i(r,a,arguments)};c?c(t.exports,"apply",{value:p}):t.exports.apply=p}}),gN=tt({"node_modules/call-bind/callBound.js"(e,t){var r=Fx(),n=mN(),a=n(r("String.prototype.indexOf"));t.exports=function(o,i){var s=r(o,!!i);return typeof s=="function"&&a(o,".prototype.")>-1?n(s):s}}}),vN=tt({"node_modules/has-tostringtag/shams.js"(e,t){var r=kx();t.exports=function(){return r()&&!!Symbol.toStringTag}}}),yN=tt({"node_modules/is-regex/index.js"(e,t){var r=gN(),n=vN()(),a,o,i,s;n&&(a=r("Object.prototype.hasOwnProperty"),o=r("RegExp.prototype.exec"),i={},c=function(){throw i},s={toString:c,valueOf:c},typeof Symbol.toPrimitive=="symbol"&&(s[Symbol.toPrimitive]=c));var c,d=r("Object.prototype.toString"),p=Object.getOwnPropertyDescriptor,m="[object RegExp]";t.exports=n?function(h){if(!h||typeof h!="object")return!1;var f=p(h,"lastIndex"),v=f&&a(f,"value");if(!v)return!1;try{o(h,s)}catch(g){return g===i}}:function(h){return!h||typeof h!="object"&&typeof h!="function"?!1:d(h)===m}}}),bN=tt({"node_modules/is-function/index.js"(e,t){t.exports=n;var r=Object.prototype.toString;function n(a){if(!a)return!1;var o=r.call(a);return o==="[object Function]"||typeof a=="function"&&o!=="[object RegExp]"||typeof window<"u"&&(a===window.setTimeout||a===window.alert||a===window.confirm||a===window.prompt)}}}),wN=tt({"node_modules/is-symbol/index.js"(e,t){var r=Object.prototype.toString,n=Ax()();n?(a=Symbol.prototype.toString,o=/^Symbol\(.*\)$/,i=function(s){return typeof s.valueOf()!="symbol"?!1:o.test(a.call(s))},t.exports=function(s){if(typeof s=="symbol")return!0;if(r.call(s)!=="[object Symbol]")return!1;try{return i(s)}catch{return!1}}):t.exports=function(s){return!1};var a,o,i}}),EN=oh(yN()),xN=oh(bN()),DN=oh(wN());function CN(e){return e!=null&&typeof e=="object"&&Array.isArray(e)===!1}var SN=typeof global=="object"&&global&&global.Object===Object&&global,kN=SN,AN=typeof self=="object"&&self&&self.Object===Object&&self,FN=kN||AN||Function("return this")(),lh=FN,_N=lh.Symbol,Sa=_N,_x=Object.prototype,RN=_x.hasOwnProperty,IN=_x.toString,ao=Sa?Sa.toStringTag:void 0;function BN(e){var t=RN.call(e,ao),r=e[ao];try{e[ao]=void 0;var n=!0}catch{}var a=IN.call(e);return n&&(t?e[ao]=r:delete e[ao]),a}var TN=BN,zN=Object.prototype,LN=zN.toString;function ON(e){return LN.call(e)}var MN=ON,PN="[object Null]",$N="[object Undefined]",U4=Sa?Sa.toStringTag:void 0;function NN(e){return e==null?e===void 0?$N:PN:U4&&U4 in Object(e)?TN(e):MN(e)}var HN=NN,q4=Sa?Sa.prototype:void 0;q4&&q4.toString;function jN(e){var t=typeof e;return e!=null&&(t=="object"||t=="function")}var Rx=jN,VN="[object AsyncFunction]",UN="[object Function]",qN="[object GeneratorFunction]",WN="[object Proxy]";function GN(e){if(!Rx(e))return!1;var t=HN(e);return t==UN||t==qN||t==VN||t==WN}var YN=GN,KN=lh["__core-js_shared__"],J0=KN,W4=function(){var e=/[^.]+$/.exec(J0&&J0.keys&&J0.keys.IE_PROTO||"");return e?"Symbol(src)_1."+e:""}();function ZN(e){return!!W4&&W4 in e}var JN=ZN,XN=Function.prototype,QN=XN.toString;function eH(e){if(e!=null){try{return QN.call(e)}catch{}try{return e+""}catch{}}return""}var tH=eH,rH=/[\\^$.*+?()[\]{}|]/g,nH=/^\[object .+?Constructor\]$/,aH=Function.prototype,oH=Object.prototype,iH=aH.toString,lH=oH.hasOwnProperty,sH=RegExp("^"+iH.call(lH).replace(rH,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");function uH(e){if(!Rx(e)||JN(e))return!1;var t=YN(e)?sH:nH;return t.test(tH(e))}var cH=uH;function dH(e,t){return e==null?void 0:e[t]}var pH=dH;function fH(e,t){var r=pH(e,t);return cH(r)?r:void 0}var Ix=fH;function hH(e,t){return e===t||e!==e&&t!==t}var mH=hH,gH=Ix(Object,"create"),Yo=gH;function vH(){this.__data__=Yo?Yo(null):{},this.size=0}var yH=vH;function bH(e){var t=this.has(e)&&delete this.__data__[e];return this.size-=t?1:0,t}var wH=bH,EH="__lodash_hash_undefined__",xH=Object.prototype,DH=xH.hasOwnProperty;function CH(e){var t=this.__data__;if(Yo){var r=t[e];return r===EH?void 0:r}return DH.call(t,e)?t[e]:void 0}var SH=CH,kH=Object.prototype,AH=kH.hasOwnProperty;function FH(e){var t=this.__data__;return Yo?t[e]!==void 0:AH.call(t,e)}var _H=FH,RH="__lodash_hash_undefined__";function IH(e,t){var r=this.__data__;return this.size+=this.has(e)?0:1,r[e]=Yo&&t===void 0?RH:t,this}var BH=IH;function La(e){var t=-1,r=e==null?0:e.length;for(this.clear();++t-1}var VH=jH;function UH(e,t){var r=this.__data__,n=vu(r,e);return n<0?(++this.size,r.push([e,t])):r[n][1]=t,this}var qH=UH;function Oa(e){var t=-1,r=e==null?0:e.length;for(this.clear();++t{let t=null,r=!1,n=!1,a=!1,o="";if(e.indexOf("//")>=0||e.indexOf("/*")>=0)for(let i=0;i({width:`${e+t.toString().length*2+3}ch`,textAlign:"right",flexShrink:0})),YP=F.div({display:"flex",alignItems:"center",width:"100%"});function KP(e){let t=e.toString().match(/(?:\.(\d+))?(?:[eE]([+-]?\d+))?$/);return t?Math.max(0,(t[1]?t[1].length:0)-(t[2]?+t[2]:0)):0}var ZP=({name:e,value:t,onChange:r,min:n=0,max:a=100,step:o=1,onBlur:i,onFocus:s,argType:c})=>{var f;let d=v=>{r(iP(v.target.value))},p=t!==void 0,m=l.useMemo(()=>KP(o),[o]),h=!!((f=c==null?void 0:c.table)!=null&&f.readonly);return y.createElement(YP,{"aria-readonly":h},y.createElement(Ex,null,n),y.createElement(WP,{id:yt(e),type:"range",disabled:h,onChange:d,name:e,value:t,min:n,max:a,step:o,onFocus:s,onBlur:i}),y.createElement(GP,{numberOFDecimalsPlaces:m,max:a},p?t.toFixed(m):"--"," / ",a))},JP=F.label({display:"flex"}),XP=F.div(({isMaxed:e})=>({marginLeft:"0.75rem",paddingTop:"0.35rem",color:e?"red":void 0})),QP=({name:e,value:t,onChange:r,onFocus:n,onBlur:a,maxLength:o,argType:i})=>{var f;let s=v=>{r(v.target.value)},c=!!((f=i==null?void 0:i.table)!=null&&f.readonly),[d,p]=l.useState(!1),m=l.useCallback(()=>{r(""),p(!0)},[p]);if(t===void 0)return y.createElement(Sn,{variant:"outline",size:"medium",disabled:c,id:hs(e),onClick:m},"Set string");let h=typeof t=="string";return y.createElement(JP,null,y.createElement(bi.Textarea,{id:yt(e),maxLength:o,onChange:s,disabled:c,size:"flex",placeholder:"Edit string...",autoFocus:d,valid:h?null:"error",name:e,value:h?t:"",onFocus:n,onBlur:a}),o&&y.createElement(XP,{isMaxed:(t==null?void 0:t.length)===o},(t==null?void 0:t.length)??0," / ",o))},e$=F(bi.Input)({padding:10});function t$(e){e.forEach(t=>{t.startsWith("blob:")&&URL.revokeObjectURL(t)})}var r$=({onChange:e,name:t,accept:r="image/*",value:n,argType:a})=>{var c;let o=l.useRef(null),i=(c=a==null?void 0:a.control)==null?void 0:c.readOnly;function s(d){if(!d.target.files)return;let p=Array.from(d.target.files).map(m=>URL.createObjectURL(m));e(p),t$(n)}return l.useEffect(()=>{n==null&&o.current&&(o.current.value=null)},[n,t]),y.createElement(e$,{ref:o,id:yt(t),type:"file",name:t,multiple:!0,disabled:i,onChange:s,accept:r,size:"flex"})},n$=l.lazy(()=>K4(()=>import("./Color-F6OSRLHC-Cw1QkCTl.js"),__vite__mapDeps([10,2,3,4,1,5,6,7,8,9]),import.meta.url)),a$=e=>y.createElement(l.Suspense,{fallback:y.createElement("div",null)},y.createElement(n$,{...e})),o$={array:$4,object:$4,boolean:XM,color:a$,date:aP,number:sP,check:Pn,"inline-check":Pn,radio:Pn,"inline-radio":Pn,select:Pn,"multi-select":Pn,range:ZP,text:QP,file:r$},N4=()=>y.createElement(y.Fragment,null,"-"),i$=({row:e,arg:t,updateArgs:r,isHovered:n})=>{var g;let{key:a,control:o}=e,[i,s]=l.useState(!1),[c,d]=l.useState({value:t});l.useEffect(()=>{i||d({value:t})},[i,t]);let p=l.useCallback(w=>(d({value:w}),r({[a]:w}),w),[r,a]),m=l.useCallback(()=>s(!1),[]),h=l.useCallback(()=>s(!0),[]);if(!o||o.disable){let w=(o==null?void 0:o.disable)!==!0&&((g=e==null?void 0:e.type)==null?void 0:g.name)!=="function";return n&&w?y.createElement(oa,{href:"https://storybook.js.org/docs/essentials/controls",target:"_blank",withArrow:!0},"Setup controls"):y.createElement(N4,null)}let f={name:a,argType:e,value:c.value,onChange:p,onBlur:m,onFocus:h},v=o$[o.type]||N4;return y.createElement(v,{...f,...o,controlType:o.type})},l$=F.table(({theme:e})=>({"&&":{borderCollapse:"collapse",borderSpacing:0,border:"none",tr:{border:"none !important",background:"none"},"td, th":{padding:0,border:"none",width:"auto!important"},marginTop:0,marginBottom:0,"th:first-of-type, td:first-of-type":{paddingLeft:0},"th:last-of-type, td:last-of-type":{paddingRight:0},td:{paddingTop:0,paddingBottom:4,"&:not(:first-of-type)":{paddingLeft:10,paddingRight:0}},tbody:{boxShadow:"none",border:"none"},code:Lr({theme:e}),div:{span:{fontWeight:"bold"}},"& code":{margin:0,display:"inline-block",fontSize:e.typography.size.s1}}})),s$=({tags:e})=>{let t=(e.params||[]).filter(o=>o.description),r=t.length!==0,n=e.deprecated!=null,a=e.returns!=null&&e.returns.description!=null;return!r&&!a&&!n?null:y.createElement(y.Fragment,null,y.createElement(l$,null,y.createElement("tbody",null,n&&y.createElement("tr",{key:"deprecated"},y.createElement("td",{colSpan:2},y.createElement("strong",null,"Deprecated"),": ",e.deprecated.toString())),r&&t.map(o=>y.createElement("tr",{key:o.name},y.createElement("td",null,y.createElement("code",null,o.name)),y.createElement("td",null,o.description))),a&&y.createElement("tr",{key:"returns"},y.createElement("td",null,y.createElement("code",null,"Returns")),y.createElement("td",null,e.returns.description)))))},u$=Y1(L9()),U1=8,H4=F.div(({isExpanded:e})=>({display:"flex",flexDirection:e?"column":"row",flexWrap:"wrap",alignItems:"flex-start",marginBottom:"-4px",minWidth:100})),c$=F.span(Lr,({theme:e,simple:t=!1})=>({flex:"0 0 auto",fontFamily:e.typography.fonts.mono,fontSize:e.typography.size.s1,wordBreak:"break-word",whiteSpace:"normal",maxWidth:"100%",margin:0,marginRight:"4px",marginBottom:"4px",paddingTop:"2px",paddingBottom:"2px",lineHeight:"13px",...t&&{background:"transparent",border:"0 none",paddingLeft:0}})),d$=F.button(({theme:e})=>({fontFamily:e.typography.fonts.mono,color:e.color.secondary,marginBottom:"4px",background:"none",border:"none"})),p$=F.div(Lr,({theme:e})=>({fontFamily:e.typography.fonts.mono,color:e.color.secondary,fontSize:e.typography.size.s1,margin:0,whiteSpace:"nowrap",display:"flex",alignItems:"center"})),f$=F.div(({theme:e,width:t})=>({width:t,minWidth:200,maxWidth:800,padding:15,fontFamily:e.typography.fonts.mono,fontSize:e.typography.size.s1,boxSizing:"content-box","& code":{padding:"0 !important"}})),h$=F(FL)({marginLeft:4}),m$=F(z9)({marginLeft:4}),g$=()=>y.createElement("span",null,"-"),xx=({text:e,simple:t})=>y.createElement(c$,{simple:t},e),v$=(0,u$.default)(1e3)(e=>{let t=e.split(/\r?\n/);return`${Math.max(...t.map(r=>r.length))}ch`}),y$=e=>{if(!e)return[e];let t=e.split("|").map(r=>r.trim());return Qx(t)},j4=(e,t=!0)=>{let r=e;return t||(r=e.slice(0,U1)),r.map(n=>y.createElement(xx,{key:n,text:n===""?'""':n}))},b$=({value:e,initialExpandedArgs:t})=>{let{summary:r,detail:n}=e,[a,o]=l.useState(!1),[i,s]=l.useState(t||!1);if(r==null)return null;let c=typeof r.toString=="function"?r.toString():r;if(n==null){if(/[(){}[\]<>]/.test(c))return y.createElement(xx,{text:c});let d=y$(c),p=d.length;return p>U1?y.createElement(H4,{isExpanded:i},j4(d,i),y.createElement(d$,{onClick:()=>s(!i)},i?"Show less...":`Show ${p-U1} more...`)):y.createElement(H4,null,j4(d))}return y.createElement(gz,{closeOnOutsideClick:!0,placement:"bottom",visible:a,onVisibleChange:d=>{o(d)},tooltip:y.createElement(f$,{width:v$(n)},y.createElement(jf,{language:"jsx",format:!1},n))},y.createElement(p$,{className:"sbdocs-expandable"},y.createElement("span",null,c),a?y.createElement(h$,null):y.createElement(m$,null)))},K0=({value:e,initialExpandedArgs:t})=>e==null?y.createElement(g$,null):y.createElement(b$,{value:e,initialExpandedArgs:t}),w$=F.span({fontWeight:"bold"}),E$=F.span(({theme:e})=>({color:e.color.negative,fontFamily:e.typography.fonts.mono,cursor:"help"})),x$=F.div(({theme:e})=>({"&&":{p:{margin:"0 0 10px 0"},a:{color:e.color.secondary}},code:{...Lr({theme:e}),fontSize:12,fontFamily:e.typography.fonts.mono},"& code":{margin:0,display:"inline-block"},"& pre > code":{whiteSpace:"pre-wrap"}})),D$=F.div(({theme:e,hasDescription:t})=>({color:e.base==="light"?oe(.1,e.color.defaultText):oe(.2,e.color.defaultText),marginTop:t?4:0})),C$=F.div(({theme:e,hasDescription:t})=>({color:e.base==="light"?oe(.1,e.color.defaultText):oe(.2,e.color.defaultText),marginTop:t?12:0,marginBottom:12})),S$=F.td(({theme:e,expandable:t})=>({paddingLeft:t?"40px !important":"20px !important"})),k$=e=>e&&{summary:typeof e=="string"?e:e.name},Qi=e=>{var g;let[t,r]=l.useState(!1),{row:n,updateArgs:a,compact:o,expandable:i,initialExpandedArgs:s}=e,{name:c,description:d}=n,p=n.table||{},m=p.type||k$(n.type),h=p.defaultValue||n.defaultValue,f=(g=n.type)==null?void 0:g.required,v=d!=null&&d!=="";return y.createElement("tr",{onMouseEnter:()=>r(!0),onMouseLeave:()=>r(!1)},y.createElement(S$,{expandable:i},y.createElement(w$,null,c),f?y.createElement(E$,{title:"Required"},"*"):null),o?null:y.createElement("td",null,v&&y.createElement(x$,null,y.createElement(ux,null,d)),p.jsDocTags!=null?y.createElement(y.Fragment,null,y.createElement(C$,{hasDescription:v},y.createElement(K0,{value:m,initialExpandedArgs:s})),y.createElement(s$,{tags:p.jsDocTags})):y.createElement(D$,{hasDescription:v},y.createElement(K0,{value:m,initialExpandedArgs:s}))),o?null:y.createElement("td",null,y.createElement(K0,{value:h,initialExpandedArgs:s})),a?y.createElement("td",null,y.createElement(i$,{...e,isHovered:t})):null)},A$=F.div(({inAddonPanel:e,theme:t})=>({height:e?"100%":"auto",display:"flex",border:e?"none":`1px solid ${t.appBorderColor}`,borderRadius:e?0:t.appBorderRadius,padding:e?0:40,alignItems:"center",justifyContent:"center",flexDirection:"column",gap:15,background:t.background.content,boxShadow:"rgba(0, 0, 0, 0.10) 0 1px 3px 0"})),F$=F.div(({theme:e})=>({display:"flex",fontSize:e.typography.size.s2-1,gap:25})),_$=F.div(({theme:e})=>({width:1,height:16,backgroundColor:e.appBorderColor})),R$=({inAddonPanel:e})=>{let[t,r]=l.useState(!0);return l.useEffect(()=>{let n=setTimeout(()=>{r(!1)},100);return()=>clearTimeout(n)},[]),t?null:y.createElement(A$,{inAddonPanel:e},y.createElement(A9,{title:e?"Interactive story playground":"Args table with interactive controls couldn't be auto-generated",description:y.createElement(y.Fragment,null,"Controls give you an easy to use interface to test your components. Set your story args and you'll see controls appearing here automatically."),footer:y.createElement(F$,null,e&&y.createElement(y.Fragment,null,y.createElement(oa,{href:"https://youtu.be/0gOfS6K0x0E",target:"_blank",withArrow:!0},y.createElement(xL,null)," Watch 5m video"),y.createElement(_$,null),y.createElement(oa,{href:"https://storybook.js.org/docs/essentials/controls",target:"_blank",withArrow:!0},y.createElement(z1,null)," Read docs")),!e&&y.createElement(oa,{href:"https://storybook.js.org/docs/essentials/controls",target:"_blank",withArrow:!0},y.createElement(z1,null)," Learn how to set that up"))}))},I$=F(kL)(({theme:e})=>({marginRight:8,marginLeft:-10,marginTop:-2,height:12,width:12,color:e.base==="light"?oe(.25,e.color.defaultText):oe(.3,e.color.defaultText),border:"none",display:"inline-block"})),B$=F(AL)(({theme:e})=>({marginRight:8,marginLeft:-10,marginTop:-2,height:12,width:12,color:e.base==="light"?oe(.25,e.color.defaultText):oe(.3,e.color.defaultText),border:"none",display:"inline-block"})),T$=F.span(({theme:e})=>({display:"flex",lineHeight:"20px",alignItems:"center"})),z$=F.td(({theme:e})=>({position:"relative",letterSpacing:"0.35em",textTransform:"uppercase",fontWeight:e.typography.weight.bold,fontSize:e.typography.size.s1-1,color:e.base==="light"?oe(.4,e.color.defaultText):oe(.6,e.color.defaultText),background:`${e.background.app} !important`,"& ~ td":{background:`${e.background.app} !important`}})),L$=F.td(({theme:e})=>({position:"relative",fontWeight:e.typography.weight.bold,fontSize:e.typography.size.s2-1,background:e.background.app})),O$=F.td(()=>({position:"relative"})),M$=F.tr(({theme:e})=>({"&:hover > td":{backgroundColor:`${Kr(.005,e.background.app)} !important`,boxShadow:`${e.color.mediumlight} 0 - 1px 0 0 inset`,cursor:"row-resize"}})),V4=F.button(()=>({background:"none",border:"none",padding:"0",font:"inherit",position:"absolute",top:0,bottom:0,left:0,right:0,height:"100%",width:"100%",color:"transparent",cursor:"row-resize !important"})),Z0=({level:e="section",label:t,children:r,initialExpanded:n=!0,colSpan:a=3})=>{let[o,i]=l.useState(n),s=e==="subsection"?L$:z$,c=(r==null?void 0:r.length)||0,d=e==="subsection"?`${c} item${c!==1?"s":""}`:"",p=`${o?"Hide":"Show"} ${e==="subsection"?c:t} item${c!==1?"s":""}`;return y.createElement(y.Fragment,null,y.createElement(M$,{title:p},y.createElement(s,{colSpan:1},y.createElement(V4,{onClick:m=>i(!o),tabIndex:0},p),y.createElement(T$,null,o?y.createElement(I$,null):y.createElement(B$,null),t)),y.createElement(O$,{colSpan:a-1},y.createElement(V4,{onClick:m=>i(!o),tabIndex:-1,style:{outline:"none"}},p),o?null:d)),o?r:null)},el=F.div(({theme:e})=>({display:"flex",gap:16,borderBottom:`1px solid ${e.appBorderColor}`,"&:last-child":{borderBottom:0}})),Ae=F.div(({numColumn:e})=>({display:"flex",flexDirection:"column",flex:e||1,gap:5,padding:"12px 20px"})),me=F.div(({theme:e,width:t,height:r})=>({animation:`${e.animation.glow} 1.5s ease-in-out infinite`,background:e.appBorderColor,width:t||"100%",height:r||16,borderRadius:3})),Fe=[2,4,2,2],P$=()=>y.createElement(y.Fragment,null,y.createElement(el,null,y.createElement(Ae,{numColumn:Fe[0]},y.createElement(me,{width:"60%"})),y.createElement(Ae,{numColumn:Fe[1]},y.createElement(me,{width:"30%"})),y.createElement(Ae,{numColumn:Fe[2]},y.createElement(me,{width:"60%"})),y.createElement(Ae,{numColumn:Fe[3]},y.createElement(me,{width:"60%"}))),y.createElement(el,null,y.createElement(Ae,{numColumn:Fe[0]},y.createElement(me,{width:"60%"})),y.createElement(Ae,{numColumn:Fe[1]},y.createElement(me,{width:"80%"}),y.createElement(me,{width:"30%"})),y.createElement(Ae,{numColumn:Fe[2]},y.createElement(me,{width:"60%"})),y.createElement(Ae,{numColumn:Fe[3]},y.createElement(me,{width:"60%"}))),y.createElement(el,null,y.createElement(Ae,{numColumn:Fe[0]},y.createElement(me,{width:"60%"})),y.createElement(Ae,{numColumn:Fe[1]},y.createElement(me,{width:"80%"}),y.createElement(me,{width:"30%"})),y.createElement(Ae,{numColumn:Fe[2]},y.createElement(me,{width:"60%"})),y.createElement(Ae,{numColumn:Fe[3]},y.createElement(me,{width:"60%"}))),y.createElement(el,null,y.createElement(Ae,{numColumn:Fe[0]},y.createElement(me,{width:"60%"})),y.createElement(Ae,{numColumn:Fe[1]},y.createElement(me,{width:"80%"}),y.createElement(me,{width:"30%"})),y.createElement(Ae,{numColumn:Fe[2]},y.createElement(me,{width:"60%"})),y.createElement(Ae,{numColumn:Fe[3]},y.createElement(me,{width:"60%"})))),$$=F.table(({theme:e,compact:t,inAddonPanel:r})=>({"&&":{borderSpacing:0,color:e.color.defaultText,"td, th":{padding:0,border:"none",verticalAlign:"top",textOverflow:"ellipsis"},fontSize:e.typography.size.s2-1,lineHeight:"20px",textAlign:"left",width:"100%",marginTop:r?0:25,marginBottom:r?0:40,"thead th:first-of-type, td:first-of-type":{width:"25%"},"th:first-of-type, td:first-of-type":{paddingLeft:20},"th:nth-of-type(2), td:nth-of-type(2)":{...t?null:{width:"35%"}},"td:nth-of-type(3)":{...t?null:{width:"15%"}},"th:last-of-type, td:last-of-type":{paddingRight:20,...t?null:{width:"25%"}},th:{color:e.base==="light"?oe(.25,e.color.defaultText):oe(.45,e.color.defaultText),paddingTop:10,paddingBottom:10,paddingLeft:15,paddingRight:15},td:{paddingTop:"10px",paddingBottom:"10px","&:not(:first-of-type)":{paddingLeft:15,paddingRight:15},"&:last-of-type":{paddingRight:20}},marginLeft:r?0:1,marginRight:r?0:1,tbody:{...r?null:{filter:e.base==="light"?"drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.10))":"drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.20))"},"> tr > *":{background:e.background.content,borderTop:`1px solid ${e.appBorderColor}`},...r?null:{"> tr:first-of-type > *":{borderBlockStart:`1px solid ${e.appBorderColor}`},"> tr:last-of-type > *":{borderBlockEnd:`1px solid ${e.appBorderColor}`},"> tr > *:first-of-type":{borderInlineStart:`1px solid ${e.appBorderColor}`},"> tr > *:last-of-type":{borderInlineEnd:`1px solid ${e.appBorderColor}`},"> tr:first-of-type > td:first-of-type":{borderTopLeftRadius:e.appBorderRadius},"> tr:first-of-type > td:last-of-type":{borderTopRightRadius:e.appBorderRadius},"> tr:last-of-type > td:first-of-type":{borderBottomLeftRadius:e.appBorderRadius},"> tr:last-of-type > td:last-of-type":{borderBottomRightRadius:e.appBorderRadius}}}}})),N$=F(sn)(({theme:e})=>({margin:"-4px -12px -4px 0"})),H$=F.span({display:"flex",justifyContent:"space-between"}),j$={alpha:(e,t)=>e.name.localeCompare(t.name),requiredFirst:(e,t)=>{var r,n;return+!!((r=t.type)!=null&&r.required)-+!!((n=e.type)!=null&&n.required)||e.name.localeCompare(t.name)},none:void 0},V$=(e,t)=>{let r={ungrouped:[],ungroupedSubsections:{},sections:{}};if(!e)return r;Object.entries(e).forEach(([o,i])=>{let{category:s,subcategory:c}=(i==null?void 0:i.table)||{};if(s){let d=r.sections[s]||{ungrouped:[],subsections:{}};if(!c)d.ungrouped.push({key:o,...i});else{let p=d.subsections[c]||[];p.push({key:o,...i}),d.subsections[c]=p}r.sections[s]=d}else if(c){let d=r.ungroupedSubsections[c]||[];d.push({key:o,...i}),r.ungroupedSubsections[c]=d}else r.ungrouped.push({key:o,...i})});let n=j$[t],a=o=>n?Object.keys(o).reduce((i,s)=>({...i,[s]:o[s].sort(n)}),{}):o;return{ungrouped:r.ungrouped.sort(n),ungroupedSubsections:a(r.ungroupedSubsections),sections:Object.keys(r.sections).reduce((o,i)=>({...o,[i]:{ungrouped:r.sections[i].ungrouped.sort(n),subsections:a(r.sections[i].subsections)}}),{})}},U$=(e,t,r)=>{try{return qx(e,t,r)}catch(n){return IL.warn(n.message),!1}},q1=e=>{let{updateArgs:t,resetArgs:r,compact:n,inAddonPanel:a,initialExpandedArgs:o,sort:i="none",isLoading:s}=e;if("error"in e){let{error:D}=e;return y.createElement(N9,null,D," ",y.createElement(oa,{href:"http://storybook.js.org/docs/",target:"_blank",withArrow:!0},y.createElement(z1,null)," Read the docs"))}if(s)return y.createElement(P$,null);let{rows:c,args:d,globals:p}="rows"in e&&e,m=V$(eD(c||{},D=>{var E;return!((E=D==null?void 0:D.table)!=null&&E.disable)&&U$(D,d||{},p||{})}),i),h=m.ungrouped.length===0,f=Object.entries(m.sections).length===0,v=Object.entries(m.ungroupedSubsections).length===0;if(h&&f&&v)return y.createElement(R$,{inAddonPanel:a});let g=1;t&&(g+=1),n||(g+=2);let w=Object.keys(m.sections).length>0,x={updateArgs:t,compact:n,inAddonPanel:a,initialExpandedArgs:o};return y.createElement(Hf,null,y.createElement($$,{compact:n,inAddonPanel:a,className:"docblock-argstable sb-unstyled"},y.createElement("thead",{className:"docblock-argstable-head"},y.createElement("tr",null,y.createElement("th",null,y.createElement("span",null,"Name")),n?null:y.createElement("th",null,y.createElement("span",null,"Description")),n?null:y.createElement("th",null,y.createElement("span",null,"Default")),t?y.createElement("th",null,y.createElement(H$,null,"Control"," ",!s&&r&&y.createElement(N$,{onClick:()=>r(),title:"Reset controls"},y.createElement(_L,{"aria-hidden":!0})))):null)),y.createElement("tbody",{className:"docblock-argstable-body"},m.ungrouped.map(D=>y.createElement(Qi,{key:D.key,row:D,arg:d&&d[D.key],...x})),Object.entries(m.ungroupedSubsections).map(([D,E])=>y.createElement(Z0,{key:D,label:D,level:"subsection",colSpan:g},E.map(b=>y.createElement(Qi,{key:b.key,row:b,arg:d&&d[b.key],expandable:w,...x})))),Object.entries(m.sections).map(([D,E])=>y.createElement(Z0,{key:D,label:D,level:"section",colSpan:g},E.ungrouped.map(b=>y.createElement(Qi,{key:b.key,row:b,arg:d&&d[b.key],...x})),Object.entries(E.subsections).map(([b,C])=>y.createElement(Z0,{key:b,label:b,level:"subsection",colSpan:g},C.map(S=>y.createElement(Qi,{key:S.key,row:S,arg:d&&d[S.key],expandable:w,...x})))))))))},q$=({tabs:e,...t})=>{let r=Object.entries(e);return r.length===1?y.createElement(q1,{...r[0][1],...t}):y.createElement(Xz,null,r.map((n,a)=>{let[o,i]=n,s=`prop_table_div_${o}`,c="div",d=a===0?t:{sort:t.sort};return y.createElement(c,{key:s,id:s,title:o},({active:p})=>p?y.createElement(q1,{key:`prop_table_${o}`,...i,...d}):null)}))},W$=F.div(({theme:e})=>({marginRight:30,fontSize:`${e.typography.size.s1}px`,color:e.base==="light"?oe(.4,e.color.defaultText):oe(.6,e.color.defaultText)})),G$=F.div({overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"}),Y$=F.div({display:"flex",flexDirection:"row",alignItems:"baseline","&:not(:last-child)":{marginBottom:"1rem"}}),K$=F.div(se,({theme:e})=>({...hu(e),margin:"25px 0 40px",padding:"30px 20px"})),WV=({fontFamily:e,fontSizes:t,fontWeight:r,sampleText:n,...a})=>y.createElement(K$,{...a,className:"docblock-typeset sb-unstyled"},t.map(o=>y.createElement(Y$,{key:o},y.createElement(W$,null,o),y.createElement(G$,{style:{fontFamily:e,fontSize:o,fontWeight:r,lineHeight:1.2}},n||"Was he a beast if music could move him so?"))));F.div(({theme:e})=>({fontWeight:e.typography.weight.bold,color:e.color.defaultText}));F.div(({theme:e})=>({color:e.base==="light"?oe(.2,e.color.defaultText):oe(.6,e.color.defaultText)}));F.div({flex:"0 0 30%",lineHeight:"20px",marginTop:5});F.div(({theme:e})=>({flex:1,textAlign:"center",fontFamily:e.typography.fonts.mono,fontSize:e.typography.size.s1,lineHeight:1,overflow:"hidden",color:e.base==="light"?oe(.4,e.color.defaultText):oe(.6,e.color.defaultText),"> div":{display:"inline-block",overflow:"hidden",maxWidth:"100%",textOverflow:"ellipsis"},span:{display:"block",marginTop:2}}));F.div({display:"flex",flexDirection:"row"});F.div(({background:e})=>({position:"relative",flex:1,"&::before":{position:"absolute",top:0,left:0,width:"100%",height:"100%",background:e,content:'""'}}));F.div(({theme:e})=>({...hu(e),display:"flex",flexDirection:"row",height:50,marginBottom:5,overflow:"hidden",backgroundColor:"white",backgroundImage:"repeating-linear-gradient(-45deg, #ccc, #ccc 1px, #fff 1px, #fff 16px)",backgroundClip:"padding-box"}));F.div({display:"flex",flexDirection:"column",flex:1,position:"relative",marginBottom:30});F.div({flex:1,display:"flex",flexDirection:"row"});F.div({display:"flex",alignItems:"flex-start"});F.div({flex:"0 0 30%"});F.div({flex:1});F.div(({theme:e})=>({display:"flex",flexDirection:"row",alignItems:"center",paddingBottom:20,fontWeight:e.typography.weight.bold,color:e.base==="light"?oe(.4,e.color.defaultText):oe(.6,e.color.defaultText)}));F.div(({theme:e})=>({fontSize:e.typography.size.s2,lineHeight:"20px",display:"flex",flexDirection:"column"}));var Z$=F.div(({theme:e})=>({fontFamily:e.typography.fonts.base,fontSize:e.typography.size.s2,color:e.color.defaultText,marginLeft:10,lineHeight:1.2})),J$=F.div(({theme:e})=>({...hu(e),overflow:"hidden",height:40,width:40,display:"flex",alignItems:"center",justifyContent:"center",flex:"none","> img, > svg":{width:20,height:20}})),X$=F.div({display:"inline-flex",flexDirection:"row",alignItems:"center",flex:"0 1 calc(20% - 10px)",minWidth:120,margin:"0px 10px 30px 0"}),Q$=F.div({display:"flex",flexFlow:"row wrap"}),GV=({name:e,children:t})=>y.createElement(X$,null,y.createElement(J$,null,t),y.createElement(Z$,null,e)),YV=({children:e,...t})=>y.createElement(Hf,null,y.createElement(Q$,{...t,className:"docblock-icongallery sb-unstyled"},e)),eN=e=>`anchor--${e}`,Dx=({storyId:e,children:t})=>y.createElement("div",{id:eN(e),className:"sb-anchor"},t);globalThis&&globalThis.__DOCS_CONTEXT__===void 0&&(globalThis.__DOCS_CONTEXT__=l.createContext(null),globalThis.__DOCS_CONTEXT__.displayName="DocsContext");var et=globalThis?globalThis.__DOCS_CONTEXT__:l.createContext(null),kn=(e,t)=>l.useContext(et).resolveOf(e,t),tN=e=>e.split("-").map(t=>t.charAt(0).toUpperCase()+t.slice(1)).join(""),rN=e=>{if(e)return typeof e=="string"?e.includes("-")?tN(e):e:e.__docgenInfo&&e.__docgenInfo.displayName?e.__docgenInfo.displayName:e.name};function nN(e,t="start"){e.scrollIntoView({behavior:"smooth",block:t,inline:"nearest"})}var aN=Object.create,Cx=Object.defineProperty,oN=Object.getOwnPropertyDescriptor,Sx=Object.getOwnPropertyNames,iN=Object.getPrototypeOf,lN=Object.prototype.hasOwnProperty,tt=(e,t)=>function(){return t||(0,e[Sx(e)[0]])((t={exports:{}}).exports,t),t.exports},sN=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of Sx(t))!lN.call(e,a)&&a!==r&&Cx(e,a,{get:()=>t[a],enumerable:!(n=oN(t,a))||n.enumerable});return e},oh=(e,t,r)=>(r=e!=null?aN(iN(e)):{},sN(!e||!e.__esModule?Cx(r,"default",{value:e,enumerable:!0}):r,e)),uN=["bubbles","cancelBubble","cancelable","composed","currentTarget","defaultPrevented","eventPhase","isTrusted","returnValue","srcElement","target","timeStamp","type"],cN=["detail"];function dN(e){let t=uN.filter(r=>e[r]!==void 0).reduce((r,n)=>({...r,[n]:e[n]}),{});return e instanceof CustomEvent&&cN.filter(r=>e[r]!==void 0).forEach(r=>{t[r]=e[r]}),t}var pN=Y1(L9(),1),kx=tt({"node_modules/has-symbols/shams.js"(e,t){t.exports=function(){if(typeof Symbol!="function"||typeof Object.getOwnPropertySymbols!="function")return!1;if(typeof Symbol.iterator=="symbol")return!0;var r={},n=Symbol("test"),a=Object(n);if(typeof n=="string"||Object.prototype.toString.call(n)!=="[object Symbol]"||Object.prototype.toString.call(a)!=="[object Symbol]")return!1;var o=42;r[n]=o;for(n in r)return!1;if(typeof Object.keys=="function"&&Object.keys(r).length!==0||typeof Object.getOwnPropertyNames=="function"&&Object.getOwnPropertyNames(r).length!==0)return!1;var i=Object.getOwnPropertySymbols(r);if(i.length!==1||i[0]!==n||!Object.prototype.propertyIsEnumerable.call(r,n))return!1;if(typeof Object.getOwnPropertyDescriptor=="function"){var s=Object.getOwnPropertyDescriptor(r,n);if(s.value!==o||s.enumerable!==!0)return!1}return!0}}}),Ax=tt({"node_modules/has-symbols/index.js"(e,t){var r=typeof Symbol<"u"&&Symbol,n=kx();t.exports=function(){return typeof r!="function"||typeof Symbol!="function"||typeof r("foo")!="symbol"||typeof Symbol("bar")!="symbol"?!1:n()}}}),fN=tt({"node_modules/function-bind/implementation.js"(e,t){var r="Function.prototype.bind called on incompatible ",n=Array.prototype.slice,a=Object.prototype.toString,o="[object Function]";t.exports=function(i){var s=this;if(typeof s!="function"||a.call(s)!==o)throw new TypeError(r+s);for(var c=n.call(arguments,1),d,p=function(){if(this instanceof d){var g=s.apply(this,c.concat(n.call(arguments)));return Object(g)===g?g:this}else return s.apply(i,c.concat(n.call(arguments)))},m=Math.max(0,s.length-c.length),h=[],f=0;f"u"?r:m(Uint8Array),v={"%AggregateError%":typeof AggregateError>"u"?r:AggregateError,"%Array%":Array,"%ArrayBuffer%":typeof ArrayBuffer>"u"?r:ArrayBuffer,"%ArrayIteratorPrototype%":p?m([][Symbol.iterator]()):r,"%AsyncFromSyncIteratorPrototype%":r,"%AsyncFunction%":h,"%AsyncGenerator%":h,"%AsyncGeneratorFunction%":h,"%AsyncIteratorPrototype%":h,"%Atomics%":typeof Atomics>"u"?r:Atomics,"%BigInt%":typeof BigInt>"u"?r:BigInt,"%Boolean%":Boolean,"%DataView%":typeof DataView>"u"?r:DataView,"%Date%":Date,"%decodeURI%":decodeURI,"%decodeURIComponent%":decodeURIComponent,"%encodeURI%":encodeURI,"%encodeURIComponent%":encodeURIComponent,"%Error%":Error,"%eval%":eval,"%EvalError%":EvalError,"%Float32Array%":typeof Float32Array>"u"?r:Float32Array,"%Float64Array%":typeof Float64Array>"u"?r:Float64Array,"%FinalizationRegistry%":typeof FinalizationRegistry>"u"?r:FinalizationRegistry,"%Function%":a,"%GeneratorFunction%":h,"%Int8Array%":typeof Int8Array>"u"?r:Int8Array,"%Int16Array%":typeof Int16Array>"u"?r:Int16Array,"%Int32Array%":typeof Int32Array>"u"?r:Int32Array,"%isFinite%":isFinite,"%isNaN%":isNaN,"%IteratorPrototype%":p?m(m([][Symbol.iterator]())):r,"%JSON%":typeof JSON=="object"?JSON:r,"%Map%":typeof Map>"u"?r:Map,"%MapIteratorPrototype%":typeof Map>"u"||!p?r:m(new Map()[Symbol.iterator]()),"%Math%":Math,"%Number%":Number,"%Object%":Object,"%parseFloat%":parseFloat,"%parseInt%":parseInt,"%Promise%":typeof Promise>"u"?r:Promise,"%Proxy%":typeof Proxy>"u"?r:Proxy,"%RangeError%":RangeError,"%ReferenceError%":ReferenceError,"%Reflect%":typeof Reflect>"u"?r:Reflect,"%RegExp%":RegExp,"%Set%":typeof Set>"u"?r:Set,"%SetIteratorPrototype%":typeof Set>"u"||!p?r:m(new Set()[Symbol.iterator]()),"%SharedArrayBuffer%":typeof SharedArrayBuffer>"u"?r:SharedArrayBuffer,"%String%":String,"%StringIteratorPrototype%":p?m(""[Symbol.iterator]()):r,"%Symbol%":p?Symbol:r,"%SyntaxError%":n,"%ThrowTypeError%":d,"%TypedArray%":f,"%TypeError%":o,"%Uint8Array%":typeof Uint8Array>"u"?r:Uint8Array,"%Uint8ClampedArray%":typeof Uint8ClampedArray>"u"?r:Uint8ClampedArray,"%Uint16Array%":typeof Uint16Array>"u"?r:Uint16Array,"%Uint32Array%":typeof Uint32Array>"u"?r:Uint32Array,"%URIError%":URIError,"%WeakMap%":typeof WeakMap>"u"?r:WeakMap,"%WeakRef%":typeof WeakRef>"u"?r:WeakRef,"%WeakSet%":typeof WeakSet>"u"?r:WeakSet},g=function z(L){var M;if(L==="%AsyncFunction%")M=i("async function () {}");else if(L==="%GeneratorFunction%")M=i("function* () {}");else if(L==="%AsyncGeneratorFunction%")M=i("async function* () {}");else if(L==="%AsyncGenerator%"){var O=z("%AsyncGeneratorFunction%");O&&(M=O.prototype)}else if(L==="%AsyncIteratorPrototype%"){var P=z("%AsyncGenerator%");P&&(M=m(P.prototype))}return v[L]=M,M},w={"%ArrayBufferPrototype%":["ArrayBuffer","prototype"],"%ArrayPrototype%":["Array","prototype"],"%ArrayProto_entries%":["Array","prototype","entries"],"%ArrayProto_forEach%":["Array","prototype","forEach"],"%ArrayProto_keys%":["Array","prototype","keys"],"%ArrayProto_values%":["Array","prototype","values"],"%AsyncFunctionPrototype%":["AsyncFunction","prototype"],"%AsyncGenerator%":["AsyncGeneratorFunction","prototype"],"%AsyncGeneratorPrototype%":["AsyncGeneratorFunction","prototype","prototype"],"%BooleanPrototype%":["Boolean","prototype"],"%DataViewPrototype%":["DataView","prototype"],"%DatePrototype%":["Date","prototype"],"%ErrorPrototype%":["Error","prototype"],"%EvalErrorPrototype%":["EvalError","prototype"],"%Float32ArrayPrototype%":["Float32Array","prototype"],"%Float64ArrayPrototype%":["Float64Array","prototype"],"%FunctionPrototype%":["Function","prototype"],"%Generator%":["GeneratorFunction","prototype"],"%GeneratorPrototype%":["GeneratorFunction","prototype","prototype"],"%Int8ArrayPrototype%":["Int8Array","prototype"],"%Int16ArrayPrototype%":["Int16Array","prototype"],"%Int32ArrayPrototype%":["Int32Array","prototype"],"%JSONParse%":["JSON","parse"],"%JSONStringify%":["JSON","stringify"],"%MapPrototype%":["Map","prototype"],"%NumberPrototype%":["Number","prototype"],"%ObjectPrototype%":["Object","prototype"],"%ObjProto_toString%":["Object","prototype","toString"],"%ObjProto_valueOf%":["Object","prototype","valueOf"],"%PromisePrototype%":["Promise","prototype"],"%PromiseProto_then%":["Promise","prototype","then"],"%Promise_all%":["Promise","all"],"%Promise_reject%":["Promise","reject"],"%Promise_resolve%":["Promise","resolve"],"%RangeErrorPrototype%":["RangeError","prototype"],"%ReferenceErrorPrototype%":["ReferenceError","prototype"],"%RegExpPrototype%":["RegExp","prototype"],"%SetPrototype%":["Set","prototype"],"%SharedArrayBufferPrototype%":["SharedArrayBuffer","prototype"],"%StringPrototype%":["String","prototype"],"%SymbolPrototype%":["Symbol","prototype"],"%SyntaxErrorPrototype%":["SyntaxError","prototype"],"%TypedArrayPrototype%":["TypedArray","prototype"],"%TypeErrorPrototype%":["TypeError","prototype"],"%Uint8ArrayPrototype%":["Uint8Array","prototype"],"%Uint8ClampedArrayPrototype%":["Uint8ClampedArray","prototype"],"%Uint16ArrayPrototype%":["Uint16Array","prototype"],"%Uint32ArrayPrototype%":["Uint32Array","prototype"],"%URIErrorPrototype%":["URIError","prototype"],"%WeakMapPrototype%":["WeakMap","prototype"],"%WeakSetPrototype%":["WeakSet","prototype"]},x=ih(),D=hN(),E=x.call(Function.call,Array.prototype.concat),b=x.call(Function.apply,Array.prototype.splice),C=x.call(Function.call,String.prototype.replace),S=x.call(Function.call,String.prototype.slice),k=x.call(Function.call,RegExp.prototype.exec),A=/[^%.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|%$))/g,_=/\\(\\)?/g,I=function(z){var L=S(z,0,1),M=S(z,-1);if(L==="%"&&M!=="%")throw new n("invalid intrinsic syntax, expected closing `%`");if(M==="%"&&L!=="%")throw new n("invalid intrinsic syntax, expected opening `%`");var O=[];return C(z,A,function(P,j,U,V){O[O.length]=U?C(V,_,"$1"):j||P}),O},B=function(z,L){var M=z,O;if(D(w,M)&&(O=w[M],M="%"+O[0]+"%"),D(v,M)){var P=v[M];if(P===h&&(P=g(M)),typeof P>"u"&&!L)throw new o("intrinsic "+z+" exists, but is not available. Please file an issue!");return{alias:O,name:M,value:P}}throw new n("intrinsic "+z+" does not exist!")};t.exports=function(z,L){if(typeof z!="string"||z.length===0)throw new o("intrinsic name must be a non-empty string");if(arguments.length>1&&typeof L!="boolean")throw new o('"allowMissing" argument must be a boolean');if(k(/^%?[^%]*%?$/,z)===null)throw new n("`%` may not be present anywhere but at the beginning and end of the intrinsic name");var M=I(z),O=M.length>0?M[0]:"",P=B("%"+O+"%",L),j=P.name,U=P.value,V=!1,G=P.alias;G&&(O=G[0],b(M,E([0,1],G)));for(var Q=1,ne=!0;Q=M.length){var K=s(U,Z);ne=!!K,ne&&"get"in K&&!("originalValue"in K.get)?U=K.get:U=U[Z]}else ne=D(U,Z),U=U[Z];ne&&!V&&(v[j]=U)}}return U}}}),mN=tt({"node_modules/call-bind/index.js"(e,t){var r=ih(),n=Fx(),a=n("%Function.prototype.apply%"),o=n("%Function.prototype.call%"),i=n("%Reflect.apply%",!0)||r.call(o,a),s=n("%Object.getOwnPropertyDescriptor%",!0),c=n("%Object.defineProperty%",!0),d=n("%Math.max%");if(c)try{c({},"a",{value:1})}catch{c=null}t.exports=function(m){var h=i(r,o,arguments);if(s&&c){var f=s(h,"length");f.configurable&&c(h,"length",{value:1+d(0,m.length-(arguments.length-1))})}return h};var p=function(){return i(r,a,arguments)};c?c(t.exports,"apply",{value:p}):t.exports.apply=p}}),gN=tt({"node_modules/call-bind/callBound.js"(e,t){var r=Fx(),n=mN(),a=n(r("String.prototype.indexOf"));t.exports=function(o,i){var s=r(o,!!i);return typeof s=="function"&&a(o,".prototype.")>-1?n(s):s}}}),vN=tt({"node_modules/has-tostringtag/shams.js"(e,t){var r=kx();t.exports=function(){return r()&&!!Symbol.toStringTag}}}),yN=tt({"node_modules/is-regex/index.js"(e,t){var r=gN(),n=vN()(),a,o,i,s;n&&(a=r("Object.prototype.hasOwnProperty"),o=r("RegExp.prototype.exec"),i={},c=function(){throw i},s={toString:c,valueOf:c},typeof Symbol.toPrimitive=="symbol"&&(s[Symbol.toPrimitive]=c));var c,d=r("Object.prototype.toString"),p=Object.getOwnPropertyDescriptor,m="[object RegExp]";t.exports=n?function(h){if(!h||typeof h!="object")return!1;var f=p(h,"lastIndex"),v=f&&a(f,"value");if(!v)return!1;try{o(h,s)}catch(g){return g===i}}:function(h){return!h||typeof h!="object"&&typeof h!="function"?!1:d(h)===m}}}),bN=tt({"node_modules/is-function/index.js"(e,t){t.exports=n;var r=Object.prototype.toString;function n(a){if(!a)return!1;var o=r.call(a);return o==="[object Function]"||typeof a=="function"&&o!=="[object RegExp]"||typeof window<"u"&&(a===window.setTimeout||a===window.alert||a===window.confirm||a===window.prompt)}}}),wN=tt({"node_modules/is-symbol/index.js"(e,t){var r=Object.prototype.toString,n=Ax()();n?(a=Symbol.prototype.toString,o=/^Symbol\(.*\)$/,i=function(s){return typeof s.valueOf()!="symbol"?!1:o.test(a.call(s))},t.exports=function(s){if(typeof s=="symbol")return!0;if(r.call(s)!=="[object Symbol]")return!1;try{return i(s)}catch{return!1}}):t.exports=function(s){return!1};var a,o,i}}),EN=oh(yN()),xN=oh(bN()),DN=oh(wN());function CN(e){return e!=null&&typeof e=="object"&&Array.isArray(e)===!1}var SN=typeof global=="object"&&global&&global.Object===Object&&global,kN=SN,AN=typeof self=="object"&&self&&self.Object===Object&&self,FN=kN||AN||Function("return this")(),lh=FN,_N=lh.Symbol,Sa=_N,_x=Object.prototype,RN=_x.hasOwnProperty,IN=_x.toString,ao=Sa?Sa.toStringTag:void 0;function BN(e){var t=RN.call(e,ao),r=e[ao];try{e[ao]=void 0;var n=!0}catch{}var a=IN.call(e);return n&&(t?e[ao]=r:delete e[ao]),a}var TN=BN,zN=Object.prototype,LN=zN.toString;function ON(e){return LN.call(e)}var MN=ON,PN="[object Null]",$N="[object Undefined]",U4=Sa?Sa.toStringTag:void 0;function NN(e){return e==null?e===void 0?$N:PN:U4&&U4 in Object(e)?TN(e):MN(e)}var HN=NN,q4=Sa?Sa.prototype:void 0;q4&&q4.toString;function jN(e){var t=typeof e;return e!=null&&(t=="object"||t=="function")}var Rx=jN,VN="[object AsyncFunction]",UN="[object Function]",qN="[object GeneratorFunction]",WN="[object Proxy]";function GN(e){if(!Rx(e))return!1;var t=HN(e);return t==UN||t==qN||t==VN||t==WN}var YN=GN,KN=lh["__core-js_shared__"],J0=KN,W4=function(){var e=/[^.]+$/.exec(J0&&J0.keys&&J0.keys.IE_PROTO||"");return e?"Symbol(src)_1."+e:""}();function ZN(e){return!!W4&&W4 in e}var JN=ZN,XN=Function.prototype,QN=XN.toString;function eH(e){if(e!=null){try{return QN.call(e)}catch{}try{return e+""}catch{}}return""}var tH=eH,rH=/[\\^$.*+?()[\]{}|]/g,nH=/^\[object .+?Constructor\]$/,aH=Function.prototype,oH=Object.prototype,iH=aH.toString,lH=oH.hasOwnProperty,sH=RegExp("^"+iH.call(lH).replace(rH,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");function uH(e){if(!Rx(e)||JN(e))return!1;var t=YN(e)?sH:nH;return t.test(tH(e))}var cH=uH;function dH(e,t){return e==null?void 0:e[t]}var pH=dH;function fH(e,t){var r=pH(e,t);return cH(r)?r:void 0}var Ix=fH;function hH(e,t){return e===t||e!==e&&t!==t}var mH=hH,gH=Ix(Object,"create"),Yo=gH;function vH(){this.__data__=Yo?Yo(null):{},this.size=0}var yH=vH;function bH(e){var t=this.has(e)&&delete this.__data__[e];return this.size-=t?1:0,t}var wH=bH,EH="__lodash_hash_undefined__",xH=Object.prototype,DH=xH.hasOwnProperty;function CH(e){var t=this.__data__;if(Yo){var r=t[e];return r===EH?void 0:r}return DH.call(t,e)?t[e]:void 0}var SH=CH,kH=Object.prototype,AH=kH.hasOwnProperty;function FH(e){var t=this.__data__;return Yo?t[e]!==void 0:AH.call(t,e)}var _H=FH,RH="__lodash_hash_undefined__";function IH(e,t){var r=this.__data__;return this.size+=this.has(e)?0:1,r[e]=Yo&&t===void 0?RH:t,this}var BH=IH;function La(e){var t=-1,r=e==null?0:e.length;for(this.clear();++t-1}var VH=jH;function UH(e,t){var r=this.__data__,n=vu(r,e);return n<0?(++this.size,r.push([e,t])):r[n][1]=t,this}var qH=UH;function Oa(e){var t=-1,r=e==null?0:e.length;for(this.clear();++t{let t=null,r=!1,n=!1,a=!1,o="";if(e.indexOf("//")>=0||e.indexOf("/*")>=0)for(let i=0;igj(e).replace(/\n\s*/g,"").trim()),yj=function(e,t){let r=t.slice(0,t.indexOf("{")),n=t.slice(t.indexOf("{"));if(r.includes("=>")||r.includes("function"))return t;let a=r;return a=a.replace(e,"function"),a+n},bj=/^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}(\.\d{3})?Z$/;function Tx(e){if(!mj(e))return e;let t=e,r=!1;return typeof Event<"u"&&e instanceof Event&&(t=dN(t),r=!0),t=Object.keys(t).reduce((n,a)=>{try{t[a]&&t[a].toJSON,n[a]=t[a]}catch{r=!0}return n},{}),r?t:e}var wj=function(e){let t,r,n,a;return function(o,i){try{if(o==="")return a=[],t=new Map([[i,"[]"]]),r=new Map,n=[],i;let s=r.get(this)||this;for(;n.length&&s!==n[0];)n.shift(),a.pop();if(typeof i=="boolean")return i;if(i===void 0)return e.allowUndefined?"_undefined_":void 0;if(i===null)return null;if(typeof i=="number")return i===-1/0?"_-Infinity_":i===1/0?"_Infinity_":Number.isNaN(i)?"_NaN_":i;if(typeof i=="bigint")return`_bigint_${i.toString()}`;if(typeof i=="string")return bj.test(i)?e.allowDate?`_date_${i}`:void 0:i;if((0,EN.default)(i))return e.allowRegExp?`_regexp_${i.flags}|${i.source}`:void 0;if((0,xN.default)(i)){if(!e.allowFunction)return;let{name:d}=i,p=i.toString();return p.match(/(\[native code\]|WEBPACK_IMPORTED_MODULE|__webpack_exports__|__webpack_require__)/)?`_function_${d}|${(()=>{}).toString()}`:`_function_${d}|${vj(yj(o,p))}`}if((0,DN.default)(i)){if(!e.allowSymbol)return;let d=Symbol.keyFor(i);return d!==void 0?`_gsymbol_${d}`:`_symbol_${i.toString().slice(7,-1)}`}if(n.length>=e.maxDepth)return Array.isArray(i)?`[Array(${i.length})]`:"[Object]";if(i===this)return`_duplicate_${JSON.stringify(a)}`;if(i instanceof Error&&e.allowError)return{__isConvertedError__:!0,errorProperties:{...i.cause?{cause:i.cause}:{},...i,name:i.name,message:i.message,stack:i.stack,"_constructor-name_":i.constructor.name}};if(i.constructor&&i.constructor.name&&i.constructor.name!=="Object"&&!Array.isArray(i)&&!e.allowClass)return;let c=t.get(i);if(!c){let d=Array.isArray(i)?i:Tx(i);if(i.constructor&&i.constructor.name&&i.constructor.name!=="Object"&&!Array.isArray(i)&&e.allowClass)try{Object.assign(d,{"_constructor-name_":i.constructor.name})}catch{}return a.push(o),n.unshift(d),t.set(i,JSON.stringify(a)),i!==d&&r.set(i,d),d}return`_duplicate_${c}`}catch{return}}},Ej={maxDepth:10,space:void 0,allowFunction:!0,allowRegExp:!0,allowDate:!0,allowClass:!0,allowError:!0,allowUndefined:!0,allowSymbol:!0,lazyEval:!0},xj=(e,t={})=>{let r={...Ej,...t};return JSON.stringify(Tx(e),wj(r),t.space)};function zx(e){return xj(e,{allowFunction:!1})}var uh=l.createContext({sources:{}}),Lx="--unknown--",Dj=({children:e,channel:t})=>{let[r,n]=l.useState({});return l.useEffect(()=>{let a=(o,i=null,s=!1)=>{let{id:c,args:d=void 0,source:p,format:m}=typeof o=="string"?{id:o,source:i,format:s}:o,h=d?zx(d):Lx;n(f=>({...f,[c]:{...f[c],[h]:{code:p,format:m}}}))};return t.on(gh,a),()=>t.off(gh,a)},[]),y.createElement(uh.Provider,{value:{sources:r}},e)},Cj=(e,t,r)=>{let{sources:n}=r,a=n==null?void 0:n[e];return(a==null?void 0:a[zx(t)])||(a==null?void 0:a[Lx])||{code:""}},Sj=({snippet:e,storyContext:t,typeFromProps:r,transformFromProps:n})=>{var c,d;let{__isArgsStory:a}=t.parameters,o=((c=t.parameters.docs)==null?void 0:c.source)||{},i=r||o.type||Eu.AUTO;if(o.code!==void 0)return o.code;let s=i===Eu.DYNAMIC||i===Eu.AUTO&&e&&a?e:o.originalSource||"";return((d=n??o.transform)==null?void 0:d(s,t))||s},Ox=(e,t,r)=>{var f,v,g,w;let n,{of:a}=e;if("of"in e&&a===void 0)throw new Error("Unexpected `of={undefined}`, did you mistype a CSF file reference?");if(a)n=t.resolveOf(a,["story"]).story;else try{n=t.storyById()}catch{}let o=((v=(f=n==null?void 0:n.parameters)==null?void 0:f.docs)==null?void 0:v.source)||{},{code:i}=e,s=e.format??o.format,c=e.language??o.language??"jsx",d=e.dark??o.dark??!1;if(!i&&!n)return{error:"Oh no! The source is not available."};if(i)return{code:i,format:s,language:c,dark:d};let p=t.getStoryContext(n),m=e.__forceInitialArgs?p.initialArgs:p.unmappedArgs,h=Cj(n.id,m,r);return s=h.format??((w=(g=n.parameters.docs)==null?void 0:g.source)==null?void 0:w.format)??!1,{code:Sj({snippet:h.code,storyContext:{...p,args:m},typeFromProps:e.type,transformFromProps:e.transform}),format:s,language:c,dark:d}},KV=e=>{let t=l.useContext(uh),r=l.useContext(et),n=Ox(e,r,t);return y.createElement(Qf,{...n})};function kj(e,t){let r=Aj([e],t);return r&&r[0]}function Aj(e,t){let[r,n]=l.useState({});return l.useEffect(()=>{Promise.all(e.map(async a=>{let o=await t.loadStory(a);n(i=>i[a]===o?i:{...i,[a]:o})}))}),e.map(a=>{if(r[a])return r[a];try{return t.storyById(a)}catch{return null}})}var Fj=(e,t)=>{let{of:r,meta:n}=e;if("of"in e&&r===void 0)throw new Error("Unexpected `of={undefined}`, did you mistype a CSF file reference?");return n&&t.referenceMeta(n,!1),t.resolveOf(r||"story",["story"]).story.id},_j=(e,t,r)=>{let{parameters:n={}}=t||{},{docs:a={}}=n,o=a.story||{};if(a.disable)return null;if(e.inline??o.inline??!1){let s=e.height??o.height,c=e.autoplay??o.autoplay??!1;return{story:t,inline:!0,height:s,autoplay:c,forceInitialArgs:!!e.__forceInitialArgs,primary:!!e.__primary,renderStoryToElement:r.renderStoryToElement}}let i=e.height??o.height??o.iframeHeight??"100px";return{story:t,inline:!1,height:i,primary:!!e.__primary}},Rj=(e={__forceInitialArgs:!1,__primary:!1})=>{let t=l.useContext(et),r=Fj(e,t),n=kj(r,t);if(!n)return y.createElement(j9,null);let a=_j(e,n,t);return a?y.createElement(LO,{...a}):null},Ij=e=>{var h,f,v,g,w,x,D,E,b,C;let t=l.useContext(et),r=l.useContext(uh),{of:n,source:a}=e;if("of"in e&&n===void 0)throw new Error("Unexpected `of={undefined}`, did you mistype a CSF file reference?");let{story:o}=kn(n||"story",["story"]),i=Ox({...a,...n&&{of:n}},t,r),s=e.layout??o.parameters.layout??((f=(h=o.parameters.docs)==null?void 0:h.canvas)==null?void 0:f.layout)??"padded",c=e.withToolbar??((g=(v=o.parameters.docs)==null?void 0:v.canvas)==null?void 0:g.withToolbar)??!1,d=e.additionalActions??((x=(w=o.parameters.docs)==null?void 0:w.canvas)==null?void 0:x.additionalActions),p=e.sourceState??((E=(D=o.parameters.docs)==null?void 0:D.canvas)==null?void 0:E.sourceState)??"hidden",m=e.className??((C=(b=o.parameters.docs)==null?void 0:b.canvas)==null?void 0:C.className);return y.createElement(V9,{withSource:p==="none"?void 0:i,isExpanded:p==="shown",withToolbar:c,additionalActions:d,className:m,layout:s},y.createElement(Rj,{of:n||o.moduleExport,meta:e.meta,...e.story}))},Bj=(e,t)=>{let r=Tj(e,t);if(!r)throw new Error("No result when story was defined");return r},Tj=(e,t)=>{let r=e?t.getStoryContext(e):{args:{}},{id:n}=e||{id:"none"},[a,o]=l.useState(r.args);l.useEffect(()=>{let c=d=>{d.storyId===n&&o(d.args)};return t.channel.on(w4,c),()=>t.channel.off(w4,c)},[n,t.channel]);let i=l.useCallback(c=>t.channel.emit(BL,{storyId:n,updatedArgs:c}),[n,t.channel]),s=l.useCallback(c=>t.channel.emit(TL,{storyId:n,argNames:c}),[n,t.channel]);return e&&[a,i,s]},zj=(e,t)=>{let r=t.getStoryContext(e),[n,a]=l.useState(r.globals);return l.useEffect(()=>{let o=i=>{a(i.globals)};return t.channel.on(E4,o),()=>t.channel.off(E4,o)},[t.channel]),[n]};function Lj(e,t){let{extractArgTypes:r}=t.docs||{};if(!r)throw new Error("Args unsupported. See Args documentation for your framework.");return r(e)}var Oj=e=>{var b;let{of:t}=e;if("of"in e&&t===void 0)throw new Error("Unexpected `of={undefined}`, did you mistype a CSF file reference?");let r=l.useContext(et),{story:n}=r.resolveOf(t||"story",["story"]),{parameters:a,argTypes:o,component:i,subcomponents:s}=n,c=((b=a.docs)==null?void 0:b.controls)||{},d=e.include??c.include,p=e.exclude??c.exclude,m=e.sort??c.sort,[h,f,v]=Bj(n,r),[g]=zj(n,r),w=b4(o,d,p);if(!(s&&Object.keys(s).length>0))return Object.keys(w).length>0||Object.keys(h).length>0?y.createElement(q1,{rows:w,sort:m,args:h,globals:g,updateArgs:f,resetArgs:v}):null;let x=rN(i),D=Object.fromEntries(Object.entries(s).map(([C,S])=>[C,{rows:b4(Lj(S,a),d,p),sort:m}])),E={[x]:{rows:w,sort:m},...D};return y.createElement(q$,{tabs:E,sort:m,args:h,globals:g,updateArgs:f,resetArgs:v})},{document:Mx}=globalThis,Mj=({className:e,children:t,...r})=>{if(typeof e!="string"&&(typeof t!="string"||!t.match(/[\n\r]/g)))return y.createElement(U8,null,t);let n=e&&e.split("-");return y.createElement(Qf,{language:n&&n[1]||"text",format:!1,code:t,...r})};function ch(e,t){e.channel.emit(zL,t)}var W1=mL.a,Pj=({hash:e,children:t})=>{let r=l.useContext(et);return y.createElement(W1,{href:e,target:"_self",onClick:n=>{let a=e.substring(1);Mx.getElementById(a)&&ch(r,e)}},t)},$j=e=>{let{href:t,target:r,children:n,...a}=e,o=l.useContext(et);return!t||r==="_blank"||/^https?:\/\//.test(t)?y.createElement(W1,{...e}):t.startsWith("#")?y.createElement(Pj,{hash:t},n):y.createElement(W1,{href:t,onClick:i=>{i.button===0&&!i.altKey&&!i.ctrlKey&&!i.metaKey&&!i.shiftKey&&(i.preventDefault(),ch(o,i.currentTarget.getAttribute("href")))},target:r,...a},n)},Px=["h1","h2","h3","h4","h5","h6"],Nj=Px.reduce((e,t)=>({...e,[t]:F(t)({"& svg":{position:"relative",top:"-0.1em",visibility:"hidden"},"&:hover svg":{visibility:"visible"}})}),{}),Hj=F.a(()=>({float:"left",lineHeight:"inherit",paddingRight:"10px",marginLeft:"-24px",color:"inherit"})),jj=({as:e,id:t,children:r,...n})=>{let a=l.useContext(et),o=Nj[e],i=`#${t}`;return y.createElement(o,{id:t,...n},y.createElement(Hj,{"aria-hidden":"true",href:i,tabIndex:-1,target:"_self",onClick:s=>{Mx.getElementById(t)&&ch(a,i)}},y.createElement(SL,null)),r)},dh=e=>{let{as:t,id:r,children:n,...a}=e;if(r)return y.createElement(jj,{as:t,id:r,...a},n);let o=t,{as:i,...s}=e;return y.createElement(o,{...le(s,t)})},Vj=Px.reduce((e,t)=>({...e,[t]:r=>y.createElement(dh,{as:t,...r})}),{}),Uj=e=>{var t;if(!e.children)return null;if(typeof e.children!="string")throw new Error(Wx`The Markdown block only accepts children as a single string, but children were of type: '${typeof e.children}' diff --git a/demo-develop/assets/index.esm-4tYMzfzc.js b/demo-develop/assets/index.esm-4tYMzfzc.js deleted file mode 100644 index 21b2d561b0..0000000000 --- a/demo-develop/assets/index.esm-4tYMzfzc.js +++ /dev/null @@ -1,24 +0,0 @@ -import{j as c}from"./jsx-runtime-BjgbQsUx.js";import{c as p}from"./clsx-B-dksMZM.js";import{r as o}from"./index-RigO-4kf.js";import{r as Y1,S as re,x as ec,e as ne,l as wa,c as rc,a as tc,b as nc,i as ac,j as cc}from"./index.esm-Bz9pa_xK.js";function F(e){"@babel/helpers - typeof";return F=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(n){return typeof n}:function(n){return n&&typeof Symbol=="function"&&n.constructor===Symbol&&n!==Symbol.prototype?"symbol":typeof n},F(e)}function sc(e,n){if(F(e)!="object"||!e)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var t=r.call(e,n||"default");if(F(t)!="object")return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return(n==="string"?String:Number)(e)}function oc(e){var n=sc(e,"string");return F(n)=="symbol"?n:n+""}function u(e,n,r){return(n=oc(n))in e?Object.defineProperty(e,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[n]=r,e}function ic(e){if(Array.isArray(e))return e}function lc(e,n){var r=e==null?null:typeof Symbol<"u"&&e[Symbol.iterator]||e["@@iterator"];if(r!=null){var t,a,s,l,i=[],d=!0,b=!1;try{if(s=(r=r.call(e)).next,n!==0)for(;!(d=(t=s.call(r)).done)&&(i.push(t.value),i.length!==n);d=!0);}catch(f){b=!0,a=f}finally{try{if(!d&&r.return!=null&&(l=r.return(),Object(l)!==l))return}finally{if(b)throw a}}return i}}function te(e,n){(n==null||n>e.length)&&(n=e.length);for(var r=0,t=Array(n);r ":"",j=Array.from(O.querySelectorAll("".concat(S).concat(gc.join(", ".concat(S))))),_=function(Z){return Z&&j.includes(Z)?j.indexOf(Z):0},D;switch(g.key){case b:{_(w)!==j.length-1?(D=j[_(w)+1],w&&!j.includes(w)&&(D=j[0])):a&&(D=j[0]);break}case f:{_(w)!==0?D=j[_(w)-1]:a&&(D=j[j.length-1]);break}case E.Home:{D=j[0];break}case E.End:{D=j[j.length-1];break}}(g.key===E.ArrowDown||g.key===E.ArrowUp||g.key===E.ArrowLeft||g.key===E.ArrowRight||g.key===E.Home||g.key===E.End)&&D instanceof HTMLElement&&(D.focus(),g.preventDefault())}};return{keyDown:h}},ae=o.forwardRef(function(e,n){var r=e.children,t=e.className,a=e.headingLevel,s=e.sectionAs,l=s===void 0?"section":s,i=o.useRef(null);o.useImperativeHandle(n,function(){return i.current});var d=Ca(i,{rotating:!0}),b=d.keyDown;return c.jsx(Sa.Provider,{value:{headingLevel:a,sectionAs:l},children:c.jsx("div",{className:p("ams-accordion",t),onKeyDown:b,ref:i,children:r})})});ae.displayName="Accordion";Object.assign(ae,{Section:Da});var hc=["children","className"];function Ze(e,n){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter(function(a){return Object.getOwnPropertyDescriptor(e,a).enumerable})),r.push.apply(r,t)}return r}function Me(e){for(var n=1;na&&"ams-character-count--error",r),role:"status",children:"".concat(t," van ").concat(a," tekens")}))});Va.displayName="CharacterCount";var Kc=["children","className","invalid","indeterminate"];function fr(e,n){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter(function(a){return Object.getOwnPropertyDescriptor(e,a).enumerable})),r.push.apply(r,t)}return r}function vr(e){for(var n=1;n1&&arguments[1]!==void 0?arguments[1]:3,t=["bytes","kB","MB","GB"];if(n===0)return"0 bytes";var a=Math.floor(Math.log10(n)/3),s=(n/Math.pow(1e3,a)).toPrecision(r);return"".concat(s," ").concat(t[a])};/** - * @license EUPL-1.2+ - * Copyright Gemeente Amsterdam - */var ns=function(n){switch(n){case"image/gif":return"gif";case"image/jpeg":return"jpg";case"image/png":return"png";case"text/plain":return"txt";case"application/pdf":return"pdf";case"application/msword":case"application/vnd.openxmlformats-officedocument.wordprocessingml.document":return"Word";case"application/vnd.ms-excel":case"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet":return"Excel";case"application/vnd.ms-powerpoint":case"application/vnd.openxmlformats-officedocument.presentationml.presentation":return"PowerPoint";default:return"Document"}},as=["file","onDelete","className"];function Ar(e,n){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter(function(a){return Object.getOwnPropertyDescriptor(e,a).enumerable})),r.push.apply(r,t)}return r}function zr(e){for(var n=1;n1&&arguments[1]!==void 0?arguments[1]:{plural:"invoerfouten",singular:"invoerfout"},t=o.useState(),a=I(t,2),s=a[0],l=a[1];return o.useEffect(function(){l(document.title)},[]),s&&(n.length===1?document.title="(".concat(n.length," ").concat(r.singular,") ").concat(s):n.length>1?document.title="(".concat(n.length," ").concat(r.plural,") ").concat(s):document.title=s),null},Os=["errors","errorCountLabel"];function ot(e,n){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter(function(a){return Object.getOwnPropertyDescriptor(e,a).enumerable})),r.push.apply(r,t)}return r}function it(e){for(var n=1;nt&&b===t-2&&eP.length-1?h(P.length-1):h(r))},[r,P]);var g=function(j){h(j)};o.useImperativeHandle(n,function(){return i.current});var O=Ca(i,{rotating:!0,horizontally:!0}),w=O.keyDown;return c.jsx(De.Provider,{value:{activeTab:f,updateTab:g,tabsId:l},children:c.jsx("div",ua(ua({},s),{},{role:"tabs",ref:i,onKeyDown:w,className:p("ams-tabs",a),children:t}))})});Ce.displayName="Tabs";Object.assign(Ce,{Button:K1,List:A1,Panel:z1});var fo=["className","dir","invalid","resize"];function pa(e,n){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter(function(a){return Object.getOwnPropertyDescriptor(e,a).enumerable})),r.push.apply(r,t)}return r}function da(e){for(var n=1;ne.length)&&(n=e.length);for(var r=0,t=Array(n);r ":"",j=Array.from(O.querySelectorAll("".concat(S).concat(gc.join(", ".concat(S))))),_=function(Z){return Z&&j.includes(Z)?j.indexOf(Z):0},D;switch(g.key){case b:{_(w)!==j.length-1?(D=j[_(w)+1],w&&!j.includes(w)&&(D=j[0])):a&&(D=j[0]);break}case f:{_(w)!==0?D=j[_(w)-1]:a&&(D=j[j.length-1]);break}case E.Home:{D=j[0];break}case E.End:{D=j[j.length-1];break}}(g.key===E.ArrowDown||g.key===E.ArrowUp||g.key===E.ArrowLeft||g.key===E.ArrowRight||g.key===E.Home||g.key===E.End)&&D instanceof HTMLElement&&(D.focus(),g.preventDefault())}};return{keyDown:h}},ae=o.forwardRef(function(e,n){var r=e.children,t=e.className,a=e.headingLevel,s=e.sectionAs,l=s===void 0?"section":s,i=o.useRef(null);o.useImperativeHandle(n,function(){return i.current});var d=Da(i,{rotating:!0}),b=d.keyDown;return c.jsx(Na.Provider,{value:{headingLevel:a,sectionAs:l},children:c.jsx("div",{className:p("ams-accordion",t),onKeyDown:b,ref:i,children:r})})});ae.displayName="Accordion";Object.assign(ae,{Section:xa});var hc=["children","className"];function Ee(e,n){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter(function(a){return Object.getOwnPropertyDescriptor(e,a).enumerable})),r.push.apply(r,t)}return r}function Ze(e){for(var n=1;na&&"ams-character-count--error",r),role:"status",children:"".concat(t," van ").concat(a," tekens")}))});Ia.displayName="CharacterCount";var Kc=["children","className","invalid","indeterminate"];function Or(e,n){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter(function(a){return Object.getOwnPropertyDescriptor(e,a).enumerable})),r.push.apply(r,t)}return r}function fr(e){for(var n=1;n1&&arguments[1]!==void 0?arguments[1]:3,t=["bytes","kB","MB","GB"];if(n===0)return"0 bytes";var a=Math.floor(Math.log10(n)/3),s=(n/Math.pow(1e3,a)).toPrecision(r);return"".concat(s," ").concat(t[a])};/** + * @license EUPL-1.2+ + * Copyright Gemeente Amsterdam + */var ns=function(n){switch(n){case"image/gif":return"gif";case"image/jpeg":return"jpg";case"image/png":return"png";case"text/plain":return"txt";case"application/pdf":return"pdf";case"application/msword":case"application/vnd.openxmlformats-officedocument.wordprocessingml.document":return"Word";case"application/vnd.ms-excel":case"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet":return"Excel";case"application/vnd.ms-powerpoint":case"application/vnd.openxmlformats-officedocument.presentationml.presentation":return"PowerPoint";default:return"Document"}},as=["file","onDelete","className"];function Kr(e,n){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter(function(a){return Object.getOwnPropertyDescriptor(e,a).enumerable})),r.push.apply(r,t)}return r}function Ar(e){for(var n=1;n1&&arguments[1]!==void 0?arguments[1]:{plural:"invoerfouten",singular:"invoerfout"},t=o.useState(),a=I(t,2),s=a[0],l=a[1];return o.useEffect(function(){l(document.title)},[]),s&&(n.length===1?document.title="(".concat(n.length," ").concat(r.singular,") ").concat(s):n.length>1?document.title="(".concat(n.length," ").concat(r.plural,") ").concat(s):document.title=s),null},bs=["errors","errorCountLabel"];function at(e,n){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter(function(a){return Object.getOwnPropertyDescriptor(e,a).enumerable})),r.push.apply(r,t)}return r}function ct(e){for(var n=1;nt&&b===t-2&&eP.length-1?h(P.length-1):h(r))},[r,P]);var g=function(j){h(j)};o.useImperativeHandle(n,function(){return i.current});var O=Da(i,{rotating:!0,horizontally:!0}),w=O.keyDown;return c.jsx(xe.Provider,{value:{activeTab:f,updateTab:g,tabsId:l},children:c.jsx("div",la(la({},s),{},{role:"tabs",ref:i,onKeyDown:w,className:p("ams-tabs",a),children:t}))})});De.displayName="Tabs";Object.assign(De,{Button:K1,List:A1,Panel:z1});var fo=["className","dir","invalid","resize"];function ua(e,n){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter(function(a){return Object.getOwnPropertyDescriptor(e,a).enumerable})),r.push.apply(r,t)}return r}function pa(e){for(var n=1;ni.map(i=>d[i]); -import{_ as a}from"./iframe-DBQNO3fk.js";import"../sb-preview/runtime.js";var i=Object.entries(globalThis.TAGS_OPTIONS??{}).reduce((e,r)=>{let[t,o]=r;return o.excludeFromDocsStories&&(e[t]=!0),e},{}),d={docs:{renderer:async()=>{let{DocsRenderer:e}=await a(()=>import("./DocsRenderer-CFRXHY34-ExUBgdgH.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11]),import.meta.url);return new e},stories:{filter:e=>{var r;return(e.tags||[]).filter(t=>i[t]).length===0&&!((r=e.parameters.docs)!=null&&r.disable)}}}};export{d as parameters}; +const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./DocsRenderer-CFRXHY34-DmNiVrGT.js","./iframe-CN_8E5Aq.js","./index-RigO-4kf.js","./_commonjsHelpers-CqkleIqs.js","./index-D2MAbzvX.js","./index-CmcJchMs.js","./jsx-runtime-BjgbQsUx.js","./index-BIm0odtm.js","./index-D-8MO0q_.js","./index-CHGET4sZ.js","./index-DrFu-skq.js","./react-18-1O4HD-Mi.js"])))=>i.map(i=>d[i]); +import{_ as a}from"./iframe-CN_8E5Aq.js";import"../sb-preview/runtime.js";var i=Object.entries(globalThis.TAGS_OPTIONS??{}).reduce((e,r)=>{let[t,o]=r;return o.excludeFromDocsStories&&(e[t]=!0),e},{}),d={docs:{renderer:async()=>{let{DocsRenderer:e}=await a(()=>import("./DocsRenderer-CFRXHY34-DmNiVrGT.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11]),import.meta.url);return new e},stories:{filter:e=>{var r;return(e.tags||[]).filter(t=>i[t]).length===0&&!((r=e.parameters.docs)!=null&&r.disable)}}}};export{d as parameters}; diff --git a/demo-develop/assets/preview-DEIORFxj.js b/demo-develop/assets/preview-B0PJB0Vd.js similarity index 93% rename from demo-develop/assets/preview-DEIORFxj.js rename to demo-develop/assets/preview-B0PJB0Vd.js index 363e803dd5..9efd2b8362 100644 --- a/demo-develop/assets/preview-DEIORFxj.js +++ b/demo-develop/assets/preview-B0PJB0Vd.js @@ -1,2 +1,2 @@ const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./axe-CAdAuYKS.js","./_commonjsHelpers-CqkleIqs.js"])))=>i.map(i=>d[i]); -import{_ as S}from"./iframe-DBQNO3fk.js";import"../sb-preview/runtime.js";const{addons:f}=__STORYBOOK_MODULE_PREVIEW_API__,{global:U}=__STORYBOOK_MODULE_GLOBAL__;var o="storybook/a11y",y=`${o}/result`,L=`${o}/request`,d=`${o}/running`,A=`${o}/error`,T=`${o}/manual`,r={RESULT:y,REQUEST:L,RUNNING:d,ERROR:A,MANUAL:T},{document:g}=U,a=f.getChannel(),l=!1,_,R={config:{},options:{}},v=async(n,e)=>{e!=null&&e.manual||await i(n,e??R)},i=async(n,e=R)=>{_=n;try{if(!l){l=!0,a.emit(r.RUNNING);let{default:t}=await S(()=>import("./axe-CAdAuYKS.js").then(N=>N.a),__vite__mapDeps([0,1]),import.meta.url),{element:m="#storybook-root",config:s,options:O={}}=e,E=g.querySelector(m);if(!E)return;t.reset(),s&&t.configure(s);let c=await t.run(E,O),u=JSON.parse(JSON.stringify(c));_===n?a.emit(r.RESULT,u):(l=!1,i(_))}}catch(t){a.emit(r.ERROR,t)}finally{l=!1}};a.on(r.REQUEST,v);a.on(r.MANUAL,i); +import{_ as S}from"./iframe-CN_8E5Aq.js";import"../sb-preview/runtime.js";const{addons:f}=__STORYBOOK_MODULE_PREVIEW_API__,{global:U}=__STORYBOOK_MODULE_GLOBAL__;var o="storybook/a11y",y=`${o}/result`,L=`${o}/request`,d=`${o}/running`,A=`${o}/error`,T=`${o}/manual`,r={RESULT:y,REQUEST:L,RUNNING:d,ERROR:A,MANUAL:T},{document:g}=U,a=f.getChannel(),l=!1,_,R={config:{},options:{}},v=async(n,e)=>{e!=null&&e.manual||await i(n,e??R)},i=async(n,e=R)=>{_=n;try{if(!l){l=!0,a.emit(r.RUNNING);let{default:t}=await S(()=>import("./axe-CAdAuYKS.js").then(N=>N.a),__vite__mapDeps([0,1]),import.meta.url),{element:m="#storybook-root",config:s,options:O={}}=e,E=g.querySelector(m);if(!E)return;t.reset(),s&&t.configure(s);let c=await t.run(E,O),u=JSON.parse(JSON.stringify(c));_===n?a.emit(r.RESULT,u):(l=!1,i(_))}}catch(t){a.emit(r.ERROR,t)}finally{l=!1}};a.on(r.REQUEST,v);a.on(r.MANUAL,i); diff --git a/demo-develop/assets/preview-DVYLW9B_.js b/demo-develop/assets/preview-BTbnVQ4y.js similarity index 96% rename from demo-develop/assets/preview-DVYLW9B_.js rename to demo-develop/assets/preview-BTbnVQ4y.js index 4cc91051c5..60aa8a4e0a 100644 --- a/demo-develop/assets/preview-DVYLW9B_.js +++ b/demo-develop/assets/preview-BTbnVQ4y.js @@ -1 +1 @@ -import{j as c}from"./jsx-runtime-BjgbQsUx.js";import{s as g}from"./index.esm-4tYMzfzc.js";import"./index-RigO-4kf.js";import{c as b}from"./clsx-B-dksMZM.js";import"./index-D2MAbzvX.js";import"./index.esm-Bz9pa_xK.js";import"./_commonjsHelpers-CqkleIqs.js";const{useParameter:x,addons:f,useEffect:v,useMemo:H}=__STORYBOOK_MODULE_PREVIEW_API__;var y=Object.defineProperty,R=(e,t)=>{for(var r in t)y(e,r,{get:t[r],enumerable:!0})},k={};R(k,{initializeThemeState:()=>u,pluckThemeFromContext:()=>h,useThemeParameters:()=>E});var d="themes",M=`storybook/${d}`,P="theme",A={},C={REGISTER_THEMES:`${M}/REGISTER_THEMES`};function h({globals:e}){return e[P]||""}function E(){return x(d,A)}function u(e,t){f.getChannel().emit(C.REGISTER_THEMES,{defaultTheme:t,themes:e})}var O="html",p=e=>e.split(" ").filter(Boolean),L=({themes:e,defaultTheme:t,parentSelector:r=O})=>(u(Object.keys(e),t),(T,_)=>{let{themeOverride:s}=E(),a=h(_);return v(()=>{let n=s||a||t,o=document.querySelector(r);if(!o)return;Object.entries(e).filter(([m])=>m!==n).forEach(([m,S])=>{let l=p(S);l.length>0&&o.classList.remove(...l)});let i=p(e[n]);i.length>0&&o.classList.add(...i)},[s,a]),T()});const D={phone:{name:"Phone",styles:{height:"680px",width:"320px"},type:"mobile"},tablet:{name:"Tablet",styles:{height:"1080px",width:"832px"},type:"tablet"},desktop:{name:"Desktop",styles:{height:"1080px",width:"1600px"},type:"desktop"}},U={children:{table:{disable:!0}}},K=[(e,{args:t})=>c.jsx(g,{className:b({"ams-docs-dark-background":t.inverseColor,"ams-docs-light-background":t.contrastColor}),lang:"nl",children:c.jsx(e,{})}),L({themes:{Spacious:"",Compact:"ams-theme--compact"},defaultTheme:"Spacious"})],Y={backgrounds:{disable:!0},controls:{sort:"alpha"},grid:{disable:!0},options:{storySort:{order:["Docs",["Introduction","Developer Guide",["Getting Started"]],"Brand","Components",["Buttons","Containers","Feedback","Forms","Layout","Media","Navigation","Text"],"Utilities","Pages",["Introduction","Amsterdam.nl",["Home Page"]]]}},viewport:{viewports:D},viewMode:"docs",html:{root:".ams-screen"}};export{U as argTypes,K as decorators,Y as parameters}; +import{j as c}from"./jsx-runtime-BjgbQsUx.js";import{s as g}from"./index.esm-BsC3rSRZ.js";import"./index-RigO-4kf.js";import{c as b}from"./clsx-B-dksMZM.js";import"./index-D2MAbzvX.js";import"./index.esm-Bz9pa_xK.js";import"./_commonjsHelpers-CqkleIqs.js";const{useParameter:x,addons:f,useEffect:v,useMemo:H}=__STORYBOOK_MODULE_PREVIEW_API__;var y=Object.defineProperty,R=(e,t)=>{for(var r in t)y(e,r,{get:t[r],enumerable:!0})},k={};R(k,{initializeThemeState:()=>u,pluckThemeFromContext:()=>h,useThemeParameters:()=>E});var d="themes",M=`storybook/${d}`,P="theme",A={},C={REGISTER_THEMES:`${M}/REGISTER_THEMES`};function h({globals:e}){return e[P]||""}function E(){return x(d,A)}function u(e,t){f.getChannel().emit(C.REGISTER_THEMES,{defaultTheme:t,themes:e})}var O="html",p=e=>e.split(" ").filter(Boolean),L=({themes:e,defaultTheme:t,parentSelector:r=O})=>(u(Object.keys(e),t),(T,_)=>{let{themeOverride:s}=E(),a=h(_);return v(()=>{let n=s||a||t,o=document.querySelector(r);if(!o)return;Object.entries(e).filter(([m])=>m!==n).forEach(([m,S])=>{let l=p(S);l.length>0&&o.classList.remove(...l)});let i=p(e[n]);i.length>0&&o.classList.add(...i)},[s,a]),T()});const D={phone:{name:"Phone",styles:{height:"680px",width:"320px"},type:"mobile"},tablet:{name:"Tablet",styles:{height:"1080px",width:"832px"},type:"tablet"},desktop:{name:"Desktop",styles:{height:"1080px",width:"1600px"},type:"desktop"}},U={children:{table:{disable:!0}}},K=[(e,{args:t})=>c.jsx(g,{className:b({"ams-docs-dark-background":t.inverseColor,"ams-docs-light-background":t.contrastColor}),lang:"nl",children:c.jsx(e,{})}),L({themes:{Spacious:"",Compact:"ams-theme--compact"},defaultTheme:"Spacious"})],Y={backgrounds:{disable:!0},controls:{sort:"alpha"},grid:{disable:!0},options:{storySort:{order:["Docs",["Introduction","Developer Guide",["Getting Started"]],"Brand","Components",["Buttons","Containers","Feedback","Forms","Layout","Media","Navigation","Text"],"Utilities","Pages",["Introduction","Amsterdam.nl",["Home Page"]]]}},viewport:{viewports:D},viewMode:"docs",html:{root:".ams-screen"}};export{U as argTypes,K as decorators,Y as parameters}; diff --git a/demo-develop/assets/preview-B_4LVwvn.css b/demo-develop/assets/preview-B_4LVwvn.css deleted file mode 100644 index 3f65134ddb..0000000000 --- a/demo-develop/assets/preview-B_4LVwvn.css +++ /dev/null @@ -1,5 +0,0 @@ -:root{--ams-aspect-ratio-x-tall: 9 / 16;--ams-aspect-ratio-tall: 3 / 4;--ams-aspect-ratio-square: 1 / 1;--ams-aspect-ratio-wide: 4 / 3;--ams-aspect-ratio-x-wide: 16 / 9;--ams-aspect-ratio-2x-wide: 16 / 5;--ams-border-width-sm: .0625rem;--ams-border-width-md: .125rem;--ams-border-width-lg: .1875rem;--ams-border-width-xl: .25rem;--ams-brand-color-azure-60: #009DE6;--ams-brand-color-blue-60: #004699;--ams-brand-color-blue-80: #003677;--ams-brand-color-green-60: #00A03C;--ams-brand-color-lime-60: #BED200;--ams-brand-color-magenta-60: #E50082;--ams-brand-color-neutral-0: #FFFFFF;--ams-brand-color-neutral-20: #D1D1D1;--ams-brand-color-neutral-40: #A4A4A4;--ams-brand-color-neutral-60: #767676;--ams-brand-color-neutral-80: #474747;--ams-brand-color-neutral-100: #181818;--ams-brand-color-orange-60: #FF9100;--ams-brand-color-purple-60: #A00078;--ams-brand-color-red-60: #EC0000;--ams-brand-color-red-80: #B70000;--ams-brand-color-yellow-60: #FFE600;--ams-space-xs: clamp(.2813rem, .2578rem + .1172vw, .375rem);--ams-space-sm: clamp(.5625rem, .5156rem + .2344vw, .75rem);--ams-space-md: clamp(1.125rem, 1.0313rem + .4688vw, 1.5rem);--ams-space-lg: clamp(1.6875rem, 1.5469rem + .7031vw, 2.25rem);--ams-space-xl: clamp(2.25rem, 2.0625rem + .9375vw, 3rem);--ams-space-grid-xs: clamp(.25rem, calc(.09375rem + .78125vw) , .875rem);--ams-space-grid-sm: clamp(.5rem, calc(.1875rem + 1.5625vw) , 1.75rem);--ams-space-grid-md: clamp(1rem, calc(.375rem + 3.125vw) , 3.5rem);--ams-space-grid-lg: clamp(1.5rem, calc(.5625rem + 4.6875vw) , 5.25rem);--ams-space-grid-xl: clamp(2rem, calc(.75rem + 6.25vw) , 7rem);--ams-text-font-family: "Amsterdam Sans", Arial, sans-serif;--ams-text-font-weight-normal: 400;--ams-text-font-weight-bold: 800;--ams-text-level-0-font-size: clamp(2.4316rem, calc(1.8951rem + 2.6826vw) , 4.5776rem);--ams-text-level-0-line-height: 1.15;--ams-text-level-1-font-size: clamp(2.0842rem, calc(1.6897rem + 1.9724vw) , 3.6621rem);--ams-text-level-1-line-height: 1.2;--ams-text-level-2-font-size: clamp(1.7865rem, calc(1.5007rem + 1.429vw) , 2.9297rem);--ams-text-level-2-line-height: 1.25;--ams-text-level-3-font-size: clamp(1.5313rem, calc(1.3281rem + 1.0156vw) , 2.3438rem);--ams-text-level-3-line-height: 1.3;--ams-text-level-4-font-size: clamp(1.3125rem, calc(1.1719rem + .7031vw) , 1.875rem);--ams-text-level-4-line-height: 1.5;--ams-text-level-5-font-size: clamp(1.125rem, calc(1.0313rem + .4688vw) , 1.5rem);--ams-text-level-5-line-height: 1.6;--ams-text-level-6-font-size: clamp(.9643rem, calc(.9054rem + .2946vw) , 1.2rem);--ams-text-level-6-line-height: 1.6;--ams-action-activate-cursor: pointer;--ams-action-busy-cursor: wait;--ams-action-disabled-cursor: not-allowed;--ams-action-inert-cursor: default;--ams-action-navigate-cursor: pointer;--ams-action-submit-cursor: pointer;--ams-focus-outline-offset: .125rem;--ams-hyphenation-hyphenate-limit-chars: 12 8 4;--ams-hyphenation-hyphens: auto;--ams-hyphenation-overflow-wrap: break-word;--ams-link-appearance-text-underline-offset: .3333em;--ams-link-appearance-regular-text-decoration-line: underline;--ams-link-appearance-regular-hover-text-underline-offset: .2778em;--ams-link-appearance-subtle-text-decoration-line: none;--ams-link-appearance-subtle-hover-text-decoration-line: underline;--ams-accordion-button-padding-inline: 0;--ams-accordion-panel-padding-block: 0;--ams-accordion-panel-padding-inline: 0;--ams-alert-border-style: solid;--ams-breadcrumb-separator-background-image: url("data:image/svg+xml;utf8,");--ams-breadcrumb-separator-block-size: 1ex;--ams-breadcrumb-separator-inline-size: 1ex;--ams-button-tertiary-background-color: transparent;--ams-button-tertiary-disabled-background-color: transparent;--ams-checkbox-checkmark-checked-background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%23ffffff'%3E%3Cpath fill-rule='evenodd' d='M12.216 27.016 0 14.168l2.91-2.77 9.346 9.837L29.129 4 32 6.8z'/%3E%3C/svg%3E");--ams-checkbox-checkmark-indeterminate-background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='white'%3E%3Cpath fill-rule='evenodd' d='M0 13.714h32v4H0z'/%3E%3C/svg%3E");--ams-column-gap-no: 0;--ams-date-input-calender-picker-indicator-background-image: url("data:image/svg+xml;utf8,");--ams-date-input-disabled-calender-picker-indicator-background-image: url("data:image/svg+xml;utf8,");--ams-date-input-hover-calender-picker-indicator-background-image: url("data:image/svg+xml;utf8,");--ams-dialog-border: 0;--ams-dialog-max-inline-size: 48rem;--ams-file-list-file-preview-width: clamp(2.5rem, 10vw, 5rem);--ams-grid-column-count: 4;--ams-grid-medium-column-count: 8;--ams-grid-wide-column-count: 12;--ams-icon-button-hover-background-color: rgba(0, 70, 153, .125);--ams-icon-button-contrast-color-hover-background-color: rgba(0, 0, 0, .125);--ams-image-slider-thumbnails-thumbnail-background-color: transparent;--ams-image-slider-thumbnails-thumbnail-opacity: 40%;--ams-image-slider-thumbnails-thumbnail-in-view-opacity: 100%;--ams-image-slider-thumbnails-thumbnail-hover-opacity: 100%;--ams-link-inline-font-family: inherit;--ams-link-inline-font-size: inherit;--ams-link-inline-line-height: inherit;--ams-logo-block-size: 2.5rem;--ams-mega-menu-list-category-column-width: 20rem;--ams-ordered-list-list-style-type: decimal;--ams-ordered-list-item-margin-inline-start: 2.25rem;--ams-ordered-list-item-padding-inline-start: .25rem;--ams-ordered-list-ordered-list-list-style-type: lower-alpha;--ams-ordered-list-ordered-list-padding-block-end: 0;--ams-ordered-list-ordered-list-item-margin-inline-start: 1.5rem;--ams-ordered-list-ordered-list-item-padding-inline-start: .25rem;--ams-radio-hover-indicator-stroke-width: 3px;--ams-radio-circle-stroke-width: 2px;--ams-radio-icon-container-inline-size: 1.5rem;--ams-row-gap-no: 0;--ams-screen-wide-max-inline-size: 100rem;--ams-screen-x-wide-max-inline-size: 132rem;--ams-search-field-input-cancel-button-background-image: url("data:image/svg+xml;utf8,");--ams-select-background-image: url("data:image/svg+xml;utf8,");--ams-select-disabled-background-image: url("data:image/svg+xml;utf8,");--ams-switch-inline-size: 3.5rem;--ams-switch-thumb-inline-size: 1.75rem;--ams-switch-thumb-block-size: 1.75rem;--ams-tabs-button-outline-offset: -.25rem;--ams-time-input-calender-picker-indicator-background-image: url("data:image/svg+xml;utf8,");--ams-time-input-disabled-calender-picker-indicator-background-image: url("data:image/svg+xml;utf8,");--ams-time-input-hover-calender-picker-indicator-background-image: url("data:image/svg+xml;utf8,");--ams-unordered-list-list-style-type: "•";--ams-unordered-list-item-margin-inline-start: 1.625rem;--ams-unordered-list-item-padding-inline-start: .875rem;--ams-unordered-list-unordered-list-list-style-type: "–";--ams-unordered-list-unordered-list-padding-block-end: 0;--ams-unordered-list-unordered-list-item-margin-inline-start: .875rem;--ams-unordered-list-unordered-list-item-padding-inline-start: .875rem;--ams-link-appearance-color: var(--ams-brand-color-blue-60);--ams-link-appearance-text-decoration-thickness: var(--ams-border-width-md);--ams-link-appearance-hover-color: var(--ams-brand-color-blue-80);--ams-link-appearance-regular-hover-text-decoration-thickness: var(--ams-border-width-lg);--ams-link-appearance-contrast-color: var(--ams-brand-color-neutral-100);--ams-link-appearance-contrast-hover-color: var(--ams-brand-color-neutral-100);--ams-link-appearance-contrast-visited-color: var(--ams-brand-color-neutral-100);--ams-link-appearance-inverse-color: var(--ams-brand-color-neutral-0);--ams-link-appearance-inverse-hover-color: var(--ams-brand-color-neutral-0);--ams-link-appearance-inverse-visited-color: var(--ams-brand-color-neutral-0);--ams-accordion-gap: var(--ams-space-md);--ams-accordion-button-color: var(--ams-brand-color-blue-60);--ams-accordion-button-font-family: var(--ams-text-font-family);--ams-accordion-button-font-size: var(--ams-text-level-5-font-size);--ams-accordion-button-font-weight: var(--ams-text-font-weight-bold);--ams-accordion-button-gap: var(--ams-space-sm);--ams-accordion-button-line-height: var(--ams-text-level-5-line-height);--ams-accordion-button-padding-block: var(--ams-space-sm);--ams-accordion-button-focus-outline-offset: var(--ams-focus-outline-offset);--ams-accordion-button-hover-color: var(--ams-brand-color-blue-80);--ams-action-group-gap: var(--ams-space-md);--ams-alert-background-color: var(--ams-brand-color-neutral-0);--ams-alert-border-width: var(--ams-border-width-xl);--ams-alert-gap: var(--ams-space-sm);--ams-alert-padding-block: var(--ams-space-md);--ams-alert-padding-inline: var(--ams-space-lg);--ams-alert-error-border-color: var(--ams-brand-color-red-60);--ams-alert-info-border-color: var(--ams-brand-color-azure-60);--ams-alert-success-border-color: var(--ams-brand-color-green-60);--ams-alert-warning-border-color: var(--ams-brand-color-orange-60);--ams-alert-content-gap: var(--ams-space-sm);--ams-avatar-aspect-ratio: var(--ams-aspect-ratio-square);--ams-avatar-font-family: var(--ams-text-font-family);--ams-avatar-font-size: var(--ams-text-level-6-font-size);--ams-avatar-font-weight: var(--ams-text-font-weight-normal);--ams-avatar-line-height: var(--ams-text-level-6-line-height);--ams-avatar-padding-block: var(--ams-space-xs);--ams-avatar-padding-inline: var(--ams-space-xs);--ams-avatar-azure-background-color: var(--ams-brand-color-azure-60);--ams-avatar-azure-color: var(--ams-brand-color-neutral-100);--ams-avatar-black-background-color: var(--ams-brand-color-neutral-100);--ams-avatar-black-color: var(--ams-brand-color-neutral-0);--ams-avatar-blue-background-color: var(--ams-brand-color-blue-60);--ams-avatar-blue-color: var(--ams-brand-color-neutral-0);--ams-avatar-green-background-color: var(--ams-brand-color-green-60);--ams-avatar-green-color: var(--ams-brand-color-neutral-0);--ams-avatar-lime-background-color: var(--ams-brand-color-lime-60);--ams-avatar-lime-color: var(--ams-brand-color-neutral-100);--ams-avatar-magenta-background-color: var(--ams-brand-color-magenta-60);--ams-avatar-magenta-color: var(--ams-brand-color-neutral-0);--ams-avatar-neutral-20-background-color: var(--ams-brand-color-neutral-20);--ams-avatar-neutral-20-color: var(--ams-brand-color-neutral-100);--ams-avatar-neutral-40-background-color: var(--ams-brand-color-neutral-40);--ams-avatar-neutral-40-color: var(--ams-brand-color-neutral-100);--ams-avatar-neutral-60-background-color: var(--ams-brand-color-neutral-60);--ams-avatar-neutral-60-color: var(--ams-brand-color-neutral-0);--ams-avatar-neutral-80-background-color: var(--ams-brand-color-neutral-80);--ams-avatar-neutral-80-color: var(--ams-brand-color-neutral-0);--ams-avatar-orange-background-color: var(--ams-brand-color-orange-60);--ams-avatar-orange-color: var(--ams-brand-color-neutral-100);--ams-avatar-purple-background-color: var(--ams-brand-color-purple-60);--ams-avatar-purple-color: var(--ams-brand-color-neutral-0);--ams-avatar-red-background-color: var(--ams-brand-color-red-60);--ams-avatar-red-color: var(--ams-brand-color-neutral-0);--ams-avatar-white-background-color: var(--ams-brand-color-neutral-0);--ams-avatar-white-color: var(--ams-brand-color-neutral-100);--ams-avatar-yellow-background-color: var(--ams-brand-color-yellow-60);--ams-avatar-yellow-color: var(--ams-brand-color-neutral-100);--ams-avatar-forced-colors-border-width: var(--ams-border-width-md);--ams-badge-font-family: var(--ams-text-font-family);--ams-badge-font-size: var(--ams-text-level-5-font-size);--ams-badge-font-weight: var(--ams-text-font-weight-bold);--ams-badge-line-height: var(--ams-text-level-5-line-height);--ams-badge-padding-inline: var(--ams-space-xs);--ams-badge-azure-background-color: var(--ams-brand-color-azure-60);--ams-badge-azure-color: var(--ams-brand-color-neutral-100);--ams-badge-black-background-color: var(--ams-brand-color-neutral-100);--ams-badge-black-color: var(--ams-brand-color-neutral-0);--ams-badge-blue-background-color: var(--ams-brand-color-blue-60);--ams-badge-blue-color: var(--ams-brand-color-neutral-0);--ams-badge-green-background-color: var(--ams-brand-color-green-60);--ams-badge-green-color: var(--ams-brand-color-neutral-0);--ams-badge-lime-background-color: var(--ams-brand-color-lime-60);--ams-badge-lime-color: var(--ams-brand-color-neutral-100);--ams-badge-magenta-background-color: var(--ams-brand-color-magenta-60);--ams-badge-magenta-color: var(--ams-brand-color-neutral-0);--ams-badge-neutral-20-background-color: var(--ams-brand-color-neutral-20);--ams-badge-neutral-20-color: var(--ams-brand-color-neutral-100);--ams-badge-neutral-40-background-color: var(--ams-brand-color-neutral-40);--ams-badge-neutral-40-color: var(--ams-brand-color-neutral-100);--ams-badge-neutral-60-background-color: var(--ams-brand-color-neutral-60);--ams-badge-neutral-60-color: var(--ams-brand-color-neutral-0);--ams-badge-neutral-80-background-color: var(--ams-brand-color-neutral-80);--ams-badge-neutral-80-color: var(--ams-brand-color-neutral-0);--ams-badge-orange-background-color: var(--ams-brand-color-orange-60);--ams-badge-orange-color: var(--ams-brand-color-neutral-100);--ams-badge-purple-background-color: var(--ams-brand-color-purple-60);--ams-badge-purple-color: var(--ams-brand-color-neutral-0);--ams-badge-red-background-color: var(--ams-brand-color-red-60);--ams-badge-red-color: var(--ams-brand-color-neutral-0);--ams-badge-white-background-color: var(--ams-brand-color-neutral-0);--ams-badge-white-color: var(--ams-brand-color-neutral-100);--ams-badge-yellow-background-color: var(--ams-brand-color-yellow-60);--ams-badge-yellow-color: var(--ams-brand-color-neutral-100);--ams-blockquote-color: var(--ams-brand-color-neutral-100);--ams-blockquote-font-family: var(--ams-text-font-family);--ams-blockquote-font-size: var(--ams-text-level-3-font-size);--ams-blockquote-font-weight: var(--ams-text-font-weight-bold);--ams-blockquote-line-height: var(--ams-text-level-3-line-height);--ams-blockquote-inverse-color: var(--ams-brand-color-neutral-0);--ams-breadcrumb-font-family: var(--ams-text-font-family);--ams-breadcrumb-font-size: var(--ams-text-level-6-font-size);--ams-breadcrumb-font-weight: var(--ams-text-font-weight-normal);--ams-breadcrumb-line-height: var(--ams-text-level-6-line-height);--ams-breadcrumb-separator-margin-inline: var(--ams-space-xs);--ams-breadcrumb-link-outline-offset: var(--ams-focus-outline-offset);--ams-breadcrumb-link-text-decoration-line: var(--ams-link-appearance-subtle-text-decoration-line);--ams-breadcrumb-link-text-underline-offset: var(--ams-link-appearance-text-underline-offset);--ams-breadcrumb-link-hover-color: var(--ams-brand-color-blue-80);--ams-breadcrumb-link-hover-text-decoration-line: var(--ams-link-appearance-subtle-hover-text-decoration-line);--ams-breakout-row-gap-sm: var(--ams-space-grid-sm);--ams-breakout-row-gap-md: var(--ams-space-grid-md);--ams-breakout-row-gap-lg: var(--ams-space-grid-lg);--ams-button-cursor: var(--ams-action-activate-cursor);--ams-button-font-family: var(--ams-text-font-family);--ams-button-font-size: var(--ams-text-level-5-font-size);--ams-button-line-height: var(--ams-text-level-5-line-height);--ams-button-gap: var(--ams-space-sm);--ams-button-outline-offset: var(--ams-focus-outline-offset);--ams-button-padding-block: var(--ams-space-sm);--ams-button-padding-inline: var(--ams-space-md);--ams-button-disabled-cursor: var(--ams-action-disabled-cursor);--ams-button-forced-color-mode-border: var(--ams-border-width-md) solid;--ams-button-primary-background-color: var(--ams-brand-color-blue-60);--ams-button-primary-box-shadow: inset 0 0 0 var(--ams-border-width-md) var(--ams-brand-color-blue-60);--ams-button-primary-color: var(--ams-brand-color-neutral-0);--ams-button-primary-disabled-background-color: var(--ams-brand-color-neutral-60);--ams-button-primary-disabled-box-shadow: inset 0 0 0 var(--ams-border-width-md) var(--ams-brand-color-neutral-60);--ams-button-primary-hover-background-color: var(--ams-brand-color-blue-80);--ams-button-primary-hover-box-shadow: inset 0 0 0 var(--ams-border-width-md) var(--ams-brand-color-blue-80);--ams-button-secondary-background-color: var(--ams-brand-color-neutral-0);--ams-button-secondary-color: var(--ams-brand-color-blue-60);--ams-button-secondary-box-shadow: inset 0 0 0 var(--ams-border-width-md) var(--ams-brand-color-blue-60);--ams-button-secondary-hover-box-shadow: inset 0 0 0 var(--ams-border-width-lg) var(--ams-brand-color-blue-80);--ams-button-secondary-hover-color: var(--ams-brand-color-blue-80);--ams-button-secondary-disabled-background-color: var(--ams-brand-color-neutral-0);--ams-button-secondary-disabled-box-shadow: inset 0 0 0 var(--ams-border-width-md) var(--ams-brand-color-neutral-60);--ams-button-secondary-disabled-color: var(--ams-brand-color-neutral-60);--ams-button-secondary-focus-box-shadow: inset 0 0 0 var(--ams-border-width-md) var(--ams-brand-color-blue-60);--ams-button-tertiary-color: var(--ams-brand-color-blue-60);--ams-button-tertiary-hover-box-shadow: inset 0 0 0 var(--ams-border-width-md) var(--ams-brand-color-blue-80);--ams-button-tertiary-hover-color: var(--ams-brand-color-blue-80);--ams-button-tertiary-disabled-color: var(--ams-brand-color-neutral-60);--ams-button-icon-only-padding-block: var(--ams-space-sm);--ams-button-icon-only-padding-inline: var(--ams-space-sm);--ams-card-gap: var(--ams-space-sm);--ams-card-heading-group-gap: var(--ams-space-sm);--ams-card-link-text-decoration-line: var(--ams-link-appearance-subtle-text-decoration-line);--ams-card-link-text-underline-offset: var(--ams-link-appearance-text-underline-offset);--ams-card-link-hover-text-decoration-line: var(--ams-link-appearance-subtle-hover-text-decoration-line);--ams-card-outline-offset: var(--ams-focus-outline-offset);--ams-character-count-color: var(--ams-brand-color-neutral-100);--ams-character-count-font-family: var(--ams-text-font-family);--ams-character-count-font-size: var(--ams-text-level-6-font-size);--ams-character-count-font-weight: var(--ams-text-font-weight-normal);--ams-character-count-line-height: var(--ams-text-level-6-line-height);--ams-character-count-error-color: var(--ams-brand-color-red-60);--ams-checkbox-color: var(--ams-brand-color-neutral-100);--ams-checkbox-font-family: var(--ams-text-font-family);--ams-checkbox-font-size: var(--ams-text-level-5-font-size);--ams-checkbox-font-weight: var(--ams-text-font-weight-normal);--ams-checkbox-gap: var(--ams-space-sm);--ams-checkbox-line-height: var(--ams-text-level-5-line-height);--ams-checkbox-outline-offset: var(--ams-focus-outline-offset);--ams-checkbox-checkmark-border-color: var(--ams-brand-color-blue-60);--ams-checkbox-checkmark-border-width: var(--ams-border-width-md);--ams-checkbox-checkmark-checked-background-color: var(--ams-brand-color-blue-60);--ams-checkbox-checkmark-checked-hover-background-color: var(--ams-brand-color-blue-80);--ams-checkbox-checkmark-disabled-border-color: var(--ams-brand-color-neutral-60);--ams-checkbox-checkmark-disabled-border-width: var(--ams-border-width-md);--ams-checkbox-checkmark-disabled-checked-background-color: var(--ams-brand-color-neutral-60);--ams-checkbox-checkmark-disabled-checked-hover-background-color: var(--ams-brand-color-neutral-60);--ams-checkbox-checkmark-disabled-indeterminate-background-color: var(--ams-brand-color-neutral-60);--ams-checkbox-checkmark-disabled-indeterminate-hover-background-color: var(--ams-brand-color-neutral-60);--ams-checkbox-checkmark-hover-border-color: var(--ams-brand-color-blue-80);--ams-checkbox-checkmark-hover-border-width: var(--ams-border-width-lg);--ams-checkbox-checkmark-invalid-border-color: var(--ams-brand-color-red-60);--ams-checkbox-checkmark-invalid-checked-background-color: var(--ams-brand-color-red-60);--ams-checkbox-checkmark-invalid-checked-hover-background-color: var(--ams-brand-color-red-80);--ams-checkbox-checkmark-invalid-hover-border-color: var(--ams-brand-color-red-80);--ams-checkbox-checkmark-invalid-indeterminate-background-color: var(--ams-brand-color-red-60);--ams-checkbox-checkmark-invalid-indeterminate-hover-background-color: var(--ams-brand-color-red-80);--ams-checkbox-checkmark-indeterminate-background-color: var(--ams-brand-color-blue-60);--ams-checkbox-checkmark-indeterminate-hover-background-color: var(--ams-brand-color-blue-80);--ams-checkbox-disabled-color: var(--ams-brand-color-neutral-60);--ams-checkbox-hover-color: var(--ams-brand-color-blue-80);--ams-checkbox-hover-text-decoration-thickness: var(--ams-border-width-md);--ams-column-gap-xs: var(--ams-space-xs);--ams-column-gap-sm: var(--ams-space-sm);--ams-column-gap-md: var(--ams-space-md);--ams-column-gap-lg: var(--ams-space-lg);--ams-column-gap-xl: var(--ams-space-xl);--ams-date-input-background-color: var(--ams-brand-color-neutral-0);--ams-date-input-box-shadow: inset 0 0 0 var(--ams-border-width-sm) var(--ams-brand-color-neutral-100);--ams-date-input-color: var(--ams-brand-color-neutral-100);--ams-date-input-font-family: var(--ams-text-font-family);--ams-date-input-font-size: var(--ams-text-level-5-font-size);--ams-date-input-font-weight: var(--ams-text-font-weight-normal);--ams-date-input-line-height: var(--ams-text-level-5-line-height);--ams-date-input-outline-offset: var(--ams-focus-outline-offset);--ams-date-input-padding-block: var(--ams-space-sm);--ams-date-input-padding-inline: var(--ams-space-md);--ams-date-input-disabled-background-color: var(--ams-brand-color-neutral-0);--ams-date-input-disabled-box-shadow: inset 0 0 0 var(--ams-border-width-sm) var(--ams-brand-color-neutral-60);--ams-date-input-disabled-color: var(--ams-brand-color-neutral-60);--ams-date-input-hover-box-shadow: inset 0 0 0 var(--ams-border-width-md) var(--ams-brand-color-neutral-100);--ams-date-input-invalid-box-shadow: inset 0 0 0 var(--ams-border-width-sm) var(--ams-brand-color-red-60);--ams-date-input-invalid-hover-box-shadow: inset 0 0 0 var(--ams-border-width-md) var(--ams-brand-color-red-80);--ams-description-list-color: var(--ams-brand-color-neutral-100);--ams-description-list-column-gap: var(--ams-space-lg);--ams-description-list-font-family: var(--ams-text-font-family);--ams-description-list-font-size: var(--ams-text-level-5-font-size);--ams-description-list-inverse-color: var(--ams-brand-color-neutral-0);--ams-description-list-line-height: var(--ams-text-level-5-line-height);--ams-description-list-row-gap: var(--ams-space-sm);--ams-description-list-term-font-weight: var(--ams-text-font-weight-bold);--ams-description-list-description-font-weight: var(--ams-text-font-weight-normal);--ams-description-list-description-padding-inline-start: var(--ams-space-lg);--ams-dialog-background-color: var(--ams-brand-color-neutral-0);--ams-dialog-gap: var(--ams-space-md);--ams-dialog-inline-size: calc(100% - 2 * var(--ams-space-grid-md));--ams-dialog-max-block-size: calc(100dvh - 2 * var(--ams-space-grid-md));--ams-dialog-padding-block: var(--ams-space-grid-md);--ams-dialog-padding-inline: var(--ams-space-grid-lg);--ams-dialog-header-gap: var(--ams-space-md);--ams-error-message-color: var(--ams-brand-color-red-60);--ams-error-message-font-family: var(--ams-text-font-family);--ams-error-message-font-size: var(--ams-text-level-6-font-size);--ams-error-message-font-weight: var(--ams-text-font-weight-normal);--ams-error-message-gap: var(--ams-space-xs);--ams-error-message-line-height: var(--ams-text-level-6-line-height);--ams-field-set-invalid-border-inline-start: var(--ams-border-width-lg) solid var(--ams-brand-color-red-60);--ams-field-set-invalid-padding-inline-start: var(--ams-space-md);--ams-field-set-legend-color: var(--ams-brand-color-neutral-100);--ams-field-set-legend-font-family: var(--ams-text-font-family);--ams-field-set-legend-font-size: var(--ams-text-level-4-font-size);--ams-field-set-legend-font-weight: var(--ams-text-font-weight-bold);--ams-field-set-legend-line-height: var(--ams-text-level-4-line-height);--ams-field-set-legend-margin-block-end: var(--ams-space-md);--ams-field-gap: var(--ams-space-sm);--ams-field-invalid-border-inline-start: var(--ams-border-width-lg) solid var(--ams-brand-color-red-60);--ams-field-invalid-padding-inline-start: var(--ams-space-md);--ams-file-input-background-color: var(--ams-brand-color-neutral-0);--ams-file-input-border: var(--ams-border-width-sm) dashed var(--ams-brand-color-neutral-60);--ams-file-input-color: var(--ams-brand-color-neutral-100);--ams-file-input-cursor: var(--ams-action-activate-cursor);--ams-file-input-font-family: var(--ams-text-font-family);--ams-file-input-font-size: var(--ams-text-level-5-font-size);--ams-file-input-font-weight: var(--ams-text-font-weight-normal);--ams-file-input-line-height: var(--ams-text-level-5-line-height);--ams-file-input-outline-offset: var(--ams-focus-outline-offset);--ams-file-input-padding-block: var(--ams-space-md);--ams-file-input-padding-inline: var(--ams-space-md);--ams-file-input-disabled-color: var(--ams-brand-color-neutral-60);--ams-file-input-disabled-cursor: var(--ams-action-disabled-cursor);--ams-file-input-file-selector-button-background-color: var(--ams-brand-color-neutral-0);--ams-file-input-file-selector-button-box-shadow: inset 0 0 0 var(--ams-border-width-md) var(--ams-brand-color-blue-60);--ams-file-input-file-selector-button-color: var(--ams-brand-color-blue-60);--ams-file-input-file-selector-button-cursor: var(--ams-action-activate-cursor);--ams-file-input-file-selector-button-margin-inline-end: var(--ams-space-md);--ams-file-input-file-selector-button-padding-block: var(--ams-space-sm);--ams-file-input-file-selector-button-padding-inline: var(--ams-space-md);--ams-file-input-file-selector-button-hover-box-shadow: inset 0 0 0 var(--ams-border-width-lg) var(--ams-brand-color-blue-80);--ams-file-input-file-selector-button-hover-color: var(--ams-brand-color-blue-80);--ams-file-input-file-selector-button-disabled-box-shadow: inset 0 0 0 var(--ams-border-width-md) var(--ams-brand-color-neutral-60);--ams-file-input-file-selector-button-disabled-color: var(--ams-brand-color-neutral-60);--ams-file-input-file-selector-button-disabled-cursor: var(--ams-action-disabled-cursor);--ams-file-input-file-selector-button-forced-color-mode-border: var(--ams-border-width-md) solid;--ams-file-list-gap: var(--ams-space-md);--ams-file-list-padding-block: var(--ams-space-md);--ams-file-list-file-font-family: var(--ams-text-font-family);--ams-file-list-file-font-size: var(--ams-text-level-6-font-size);--ams-file-list-file-font-weight: var(--ams-text-font-weight-normal);--ams-file-list-file-gap: var(--ams-space-sm);--ams-file-list-file-line-height: var(--ams-text-level-6-line-height);--ams-file-list-file-details-color: var(--ams-brand-color-neutral-60);--ams-form-error-list-outline-offset: var(--ams-focus-outline-offset);--ams-gap-xs: var(--ams-space-grid-xs);--ams-gap-sm: var(--ams-space-grid-sm);--ams-gap-md: var(--ams-space-grid-md);--ams-gap-lg: var(--ams-space-grid-lg);--ams-gap-xl: var(--ams-space-grid-xl);--ams-grid-column-gap: var(--ams-space-grid-md);--ams-grid-padding-block-sm: var(--ams-space-grid-sm);--ams-grid-padding-block-md: var(--ams-space-grid-md);--ams-grid-padding-block-lg: var(--ams-space-grid-lg);--ams-grid-padding-inline: var(--ams-space-grid-lg);--ams-grid-row-gap-sm: var(--ams-space-grid-sm);--ams-grid-row-gap-md: var(--ams-space-grid-md);--ams-grid-row-gap-lg: var(--ams-space-grid-lg);--ams-header-column-gap: var(--ams-space-grid-md);--ams-header-padding-block: var(--ams-space-md);--ams-header-logo-link-outline-offset: var(--ams-focus-outline-offset);--ams-heading-color: var(--ams-brand-color-neutral-100);--ams-heading-font-family: var(--ams-text-font-family);--ams-heading-font-weight: var(--ams-text-font-weight-bold);--ams-heading-inverse-color: var(--ams-brand-color-neutral-0);--ams-heading-level-1-font-size: var(--ams-text-level-1-font-size);--ams-heading-level-1-line-height: var(--ams-text-level-1-line-height);--ams-heading-level-2-font-size: var(--ams-text-level-2-font-size);--ams-heading-level-2-line-height: var(--ams-text-level-2-line-height);--ams-heading-level-3-font-size: var(--ams-text-level-3-font-size);--ams-heading-level-3-line-height: var(--ams-text-level-3-line-height);--ams-heading-level-4-font-size: var(--ams-text-level-4-font-size);--ams-heading-level-4-line-height: var(--ams-text-level-4-line-height);--ams-heading-level-5-font-size: var(--ams-text-level-5-font-size);--ams-heading-level-5-line-height: var(--ams-text-level-5-line-height);--ams-heading-level-6-font-size: var(--ams-text-level-6-font-size);--ams-heading-level-6-line-height: var(--ams-text-level-6-line-height);--ams-hint-color: var(--ams-brand-color-neutral-60);--ams-icon-button-color: var(--ams-brand-color-blue-60);--ams-icon-button-outline-offset: var(--ams-focus-outline-offset);--ams-icon-button-hover-color: var(--ams-brand-color-blue-80);--ams-icon-button-disabled-color: var(--ams-brand-color-neutral-60);--ams-icon-button-contrast-color-color: var(--ams-brand-color-neutral-100);--ams-icon-button-contrast-color-hover-color: var(--ams-brand-color-neutral-100);--ams-icon-button-contrast-color-disabled-color: var(--ams-brand-color-neutral-60);--ams-icon-button-inverse-color-background-color: var(--ams-brand-color-blue-60);--ams-icon-button-inverse-color-color: var(--ams-brand-color-neutral-0);--ams-icon-button-inverse-color-hover-background-color: var(--ams-brand-color-blue-80);--ams-icon-button-inverse-color-hover-color: var(--ams-brand-color-neutral-0);--ams-icon-button-inverse-color-disabled-color: var(--ams-brand-color-neutral-0);--ams-icon-button-inverse-color-disabled-background-color: var(--ams-brand-color-neutral-60);--ams-icon-inverse-color: var(--ams-brand-color-neutral-0);--ams-icon-size-3-font-size: var(--ams-text-level-3-font-size);--ams-icon-size-3-line-height: var(--ams-text-level-3-line-height);--ams-icon-size-4-font-size: var(--ams-text-level-4-font-size);--ams-icon-size-4-line-height: var(--ams-text-level-4-line-height);--ams-icon-size-5-font-size: var(--ams-text-level-5-font-size);--ams-icon-size-5-line-height: var(--ams-text-level-5-line-height);--ams-icon-size-6-font-size: var(--ams-text-level-6-font-size);--ams-icon-size-6-line-height: var(--ams-text-level-6-line-height);--ams-image-slider-gap: var(--ams-space-xs);--ams-image-slider-scroller-gap: var(--ams-space-xs);--ams-image-slider-scroller-outline-offset: var(--ams-focus-outline-offset);--ams-image-slider-thumbnails-gap: var(--ams-space-xs);--ams-image-slider-thumbnails-thumbnail-cursor: var(--ams-action-activate-cursor);--ams-image-slider-thumbnails-thumbnail-outline-offset: var(--ams-focus-outline-offset);--ams-image-aspect-ratio: var(--ams-aspect-ratio-x-wide);--ams-label-color: var(--ams-brand-color-neutral-100);--ams-label-font-family: var(--ams-text-font-family);--ams-label-font-size: var(--ams-text-level-4-font-size);--ams-label-font-weight: var(--ams-text-font-weight-bold);--ams-label-line-height: var(--ams-text-level-4-line-height);--ams-link-list-gap: var(--ams-space-sm);--ams-link-list-link-font-family: var(--ams-text-font-family);--ams-link-list-link-font-size: var(--ams-text-level-5-font-size);--ams-link-list-link-font-weight: var(--ams-text-font-weight-normal);--ams-link-list-link-gap: var(--ams-space-sm);--ams-link-list-link-line-height: var(--ams-text-level-5-line-height);--ams-link-list-link-outline-offset: var(--ams-focus-outline-offset);--ams-link-list-link-text-decoration-line: var(--ams-link-appearance-subtle-text-decoration-line);--ams-link-list-link-text-underline-offset: var(--ams-link-appearance-text-underline-offset);--ams-link-list-link-small-font-size: var(--ams-text-level-6-font-size);--ams-link-list-link-small-line-height: var(--ams-text-level-6-line-height);--ams-link-list-link-large-font-size: var(--ams-text-level-4-font-size);--ams-link-list-link-large-line-height: var(--ams-text-level-4-line-height);--ams-link-list-link-hover-text-decoration-line: var(--ams-link-appearance-subtle-hover-text-decoration-line);--ams-link-font-family: var(--ams-text-font-family);--ams-link-font-weight: var(--ams-text-font-weight-normal);--ams-link-outline-offset: var(--ams-focus-outline-offset);--ams-link-inline-text-decoration-line: var(--ams-link-appearance-regular-text-decoration-line);--ams-link-inline-text-underline-offset: var(--ams-link-appearance-text-underline-offset);--ams-link-inline-hover-text-underline-offset: var(--ams-link-appearance-regular-hover-text-underline-offset);--ams-link-inline-visited-color: var(--ams-brand-color-purple-60);--ams-link-standalone-font-size: var(--ams-text-level-5-font-size);--ams-link-standalone-line-height: var(--ams-text-level-5-line-height);--ams-link-standalone-text-decoration-line: var(--ams-link-appearance-regular-text-decoration-line);--ams-link-standalone-text-underline-offset: var(--ams-link-appearance-text-underline-offset);--ams-link-standalone-hover-text-underline-offset: var(--ams-link-appearance-regular-hover-text-underline-offset);--ams-logo-emblem-color: var(--ams-brand-color-red-60);--ams-logo-title-color: var(--ams-brand-color-red-60);--ams-logo-subsite-color: var(--ams-brand-color-neutral-100);--ams-margin-xs: var(--ams-space-grid-xs);--ams-margin-sm: var(--ams-space-grid-sm);--ams-margin-md: var(--ams-space-grid-md);--ams-margin-lg: var(--ams-space-grid-lg);--ams-margin-xl: var(--ams-space-grid-xl);--ams-mark-background-color: var(--ams-brand-color-yellow-60);--ams-mega-menu-list-category-column-gap: var(--ams-space-grid-md);--ams-mega-menu-list-category-padding-block-start: var(--ams-space-md);--ams-mega-menu-list-category-padding-block-end: var(--ams-space-grid-md);--ams-ordered-list-color: var(--ams-brand-color-neutral-100);--ams-ordered-list-font-family: var(--ams-text-font-family);--ams-ordered-list-font-size: var(--ams-text-level-5-font-size);--ams-ordered-list-font-weight: var(--ams-text-font-weight-normal);--ams-ordered-list-gap: var(--ams-space-md);--ams-ordered-list-inverse-color: var(--ams-brand-color-neutral-0);--ams-ordered-list-line-height: var(--ams-text-level-5-line-height);--ams-ordered-list-small-font-size: var(--ams-text-level-6-font-size);--ams-ordered-list-small-line-height: var(--ams-text-level-6-line-height);--ams-ordered-list-ordered-list-gap: var(--ams-space-sm);--ams-ordered-list-ordered-list-padding-block-start: var(--ams-space-sm);--ams-page-heading-color: var(--ams-brand-color-neutral-100);--ams-page-heading-font-family: var(--ams-text-font-family);--ams-page-heading-font-size: var(--ams-text-level-0-font-size);--ams-page-heading-font-weight: var(--ams-text-font-weight-bold);--ams-page-heading-inverse-color: var(--ams-brand-color-neutral-0);--ams-page-heading-line-height: var(--ams-text-level-0-font-size);--ams-page-menu-column-gap: var(--ams-space-grid-md);--ams-page-menu-row-gap: var(--ams-space-grid-xs);--ams-page-menu-item-font-family: var(--ams-text-font-family);--ams-page-menu-item-font-size: var(--ams-text-level-6-font-size);--ams-page-menu-item-font-weight: var(--ams-text-font-weight-normal);--ams-page-menu-item-gap: var(--ams-space-sm);--ams-page-menu-item-line-height: var(--ams-text-level-6-line-height);--ams-page-menu-item-outline-offset: var(--ams-focus-outline-offset);--ams-page-menu-item-text-decoration-line: var(--ams-link-appearance-subtle-text-decoration-line);--ams-page-menu-item-text-underline-offset: var(--ams-link-appearance-text-underline-offset);--ams-page-menu-item-hover-text-decoration-line: var(--ams-link-appearance-subtle-hover-text-decoration-line);--ams-pagination-font-family: var(--ams-text-font-family);--ams-pagination-font-size: var(--ams-text-level-5-font-size);--ams-pagination-font-weight: var(--ams-text-font-weight-normal);--ams-pagination-line-height: var(--ams-text-level-5-line-height);--ams-pagination-button-gap: var(--ams-space-xs);--ams-pagination-button-outline-offset: var(--ams-focus-outline-offset);--ams-pagination-button-padding-inline: var(--ams-space-sm);--ams-pagination-button-text-decoration-line: var(--ams-link-appearance-subtle-text-decoration-line);--ams-pagination-button-text-underline-offset: var(--ams-link-appearance-text-underline-offset);--ams-pagination-button-current-font-weight: var(--ams-text-font-weight-bold);--ams-pagination-button-hover-text-decoration-line: var(--ams-link-appearance-subtle-hover-text-decoration-line);--ams-paragraph-color: var(--ams-brand-color-neutral-100);--ams-paragraph-font-family: var(--ams-text-font-family);--ams-paragraph-font-size: var(--ams-text-level-5-font-size);--ams-paragraph-font-weight: var(--ams-text-font-weight-normal);--ams-paragraph-line-height: var(--ams-text-level-5-line-height);--ams-paragraph-inverse-color: var(--ams-brand-color-neutral-0);--ams-paragraph-small-font-size: var(--ams-text-level-6-font-size);--ams-paragraph-small-line-height: var(--ams-text-level-6-line-height);--ams-paragraph-large-font-size: var(--ams-text-level-4-font-size);--ams-paragraph-large-line-height: var(--ams-text-level-4-line-height);--ams-password-input-background-color: var(--ams-brand-color-neutral-0);--ams-password-input-box-shadow: inset 0 0 0 var(--ams-border-width-sm) var(--ams-brand-color-neutral-100);--ams-password-input-color: var(--ams-brand-color-neutral-100);--ams-password-input-font-family: var(--ams-text-font-family);--ams-password-input-font-size: var(--ams-text-level-5-font-size);--ams-password-input-font-weight: var(--ams-text-font-weight-normal);--ams-password-input-line-height: var(--ams-text-level-5-line-height);--ams-password-input-outline-offset: var(--ams-focus-outline-offset);--ams-password-input-padding-block: var(--ams-space-sm);--ams-password-input-padding-inline: var(--ams-space-md);--ams-password-input-disabled-background-color: var(--ams-brand-color-neutral-0);--ams-password-input-disabled-box-shadow: inset 0 0 0 var(--ams-border-width-sm) var(--ams-brand-color-neutral-60);--ams-password-input-disabled-color: var(--ams-brand-color-neutral-60);--ams-password-input-hover-box-shadow: inset 0 0 0 var(--ams-border-width-md) var(--ams-brand-color-neutral-100);--ams-password-input-invalid-box-shadow: inset 0 0 0 var(--ams-border-width-sm) var(--ams-brand-color-red-60);--ams-password-input-invalid-hover-box-shadow: inset 0 0 0 var(--ams-border-width-md) var(--ams-brand-color-red-80);--ams-password-input-placeholder-color: var(--ams-brand-color-neutral-60);--ams-radio-color: var(--ams-brand-color-neutral-100);--ams-radio-font-family: var(--ams-text-font-family);--ams-radio-font-size: var(--ams-text-level-5-font-size);--ams-radio-font-weight: var(--ams-text-font-weight-normal);--ams-radio-gap: var(--ams-space-sm);--ams-radio-line-height: var(--ams-text-level-5-line-height);--ams-radio-outline-offset: var(--ams-focus-outline-offset);--ams-radio-text-underline-offset: var(--ams-link-appearance-text-underline-offset);--ams-radio-checked-indicator-fill: var(--ams-brand-color-blue-60);--ams-radio-checked-indicator-disabled-fill: var(--ams-brand-color-neutral-60);--ams-radio-checked-indicator-disabled-invalid-fill: var(--ams-brand-color-neutral-60);--ams-radio-checked-indicator-disabled-invalid-hover-fill: var(--ams-brand-color-neutral-60);--ams-radio-checked-indicator-hover-fill: var(--ams-brand-color-blue-80);--ams-radio-checked-indicator-invalid-fill: var(--ams-brand-color-red-60);--ams-radio-checked-indicator-invalid-hover-fill: var(--ams-brand-color-red-80);--ams-radio-hover-indicator-hover-stroke: var(--ams-brand-color-blue-60);--ams-radio-circle-fill: var(--ams-brand-color-neutral-0);--ams-radio-circle-stroke: var(--ams-brand-color-blue-60);--ams-radio-circle-disabled-stroke: var(--ams-brand-color-neutral-60);--ams-radio-circle-disabled-invalid-stroke: var(--ams-brand-color-neutral-60);--ams-radio-circle-disabled-invalid-hover-stroke: var(--ams-brand-color-neutral-60);--ams-radio-circle-hover-stroke: var(--ams-brand-color-blue-80);--ams-radio-circle-invalid-stroke: var(--ams-brand-color-red-60);--ams-radio-circle-invalid-hover-stroke: var(--ams-brand-color-red-80);--ams-radio-disabled-color: var(--ams-brand-color-neutral-60);--ams-radio-hover-color: var(--ams-brand-color-blue-80);--ams-radio-hover-text-decoration-line: var(--ams-link-appearance-subtle-hover-text-decoration-line);--ams-row-gap-xs: var(--ams-space-xs);--ams-row-gap-sm: var(--ams-space-sm);--ams-row-gap-md: var(--ams-space-md);--ams-row-gap-lg: var(--ams-space-lg);--ams-row-gap-xl: var(--ams-space-xl);--ams-screen-background-color: var(--ams-brand-color-neutral-0);--ams-search-field-input-background-color: var(--ams-brand-color-neutral-0);--ams-search-field-input-box-shadow: inset 0 0 0 var(--ams-border-width-sm) var(--ams-brand-color-neutral-100);--ams-search-field-input-color: var(--ams-brand-color-neutral-100);--ams-search-field-input-font-family: var(--ams-text-font-family);--ams-search-field-input-font-size: var(--ams-text-level-5-font-size);--ams-search-field-input-font-weight: var(--ams-text-font-weight-normal);--ams-search-field-input-line-height: var(--ams-text-level-5-line-height);--ams-search-field-input-outline-offset: var(--ams-focus-outline-offset);--ams-search-field-input-padding-block: var(--ams-space-sm);--ams-search-field-input-padding-inline: var(--ams-space-md);--ams-search-field-input-cancel-button-block-size: var(--ams-text-level-5-font-size);--ams-search-field-input-cancel-button-color: var(--ams-brand-color-blue-60);--ams-search-field-input-cancel-button-inline-size: var(--ams-text-level-5-font-size);--ams-search-field-input-hover-box-shadow: inset 0 0 0 var(--ams-border-width-md) var(--ams-brand-color-neutral-100);--ams-search-field-input-invalid-box-shadow: inset 0 0 0 var(--ams-border-width-sm) var(--ams-brand-color-red-60);--ams-search-field-input-invalid-hover-box-shadow: inset 0 0 0 var(--ams-border-width-md) var(--ams-brand-color-red-80);--ams-search-field-input-placeholder-color: var(--ams-brand-color-neutral-60);--ams-select-background-color: var(--ams-brand-color-neutral-0);--ams-select-background-position: right var(--ams-space-md) center;--ams-select-box-shadow: inset 0 0 0 var(--ams-border-width-sm) var(--ams-brand-color-neutral-100);--ams-select-color: var(--ams-brand-color-neutral-100);--ams-select-font-family: var(--ams-text-font-family);--ams-select-font-size: var(--ams-text-level-5-font-size);--ams-select-font-weight: var(--ams-text-font-weight-normal);--ams-select-line-height: var(--ams-text-level-5-line-height);--ams-select-outline-offset: var(--ams-focus-outline-offset);--ams-select-padding-block: var(--ams-space-sm);--ams-select-padding-inline: var(--ams-space-md) calc(2 * var(--ams-space-md) + 1em);--ams-select-disabled-box-shadow: inset 0 0 0 var(--ams-border-width-sm) var(--ams-brand-color-neutral-60);--ams-select-disabled-color: var(--ams-brand-color-neutral-60);--ams-select-hover-box-shadow: inset 0 0 0 var(--ams-border-width-md) var(--ams-brand-color-neutral-100);--ams-select-invalid-box-shadow: inset 0 0 0 var(--ams-border-width-sm) var(--ams-brand-color-red-60);--ams-select-invalid-hover-box-shadow: inset 0 0 0 var(--ams-border-width-md) var(--ams-brand-color-red-80);--ams-select-option-disabled-color: var(--ams-brand-color-neutral-60);--ams-skip-link-background-color: var(--ams-brand-color-blue-60);--ams-skip-link-color: var(--ams-brand-color-neutral-0);--ams-skip-link-font-family: var(--ams-text-font-family);--ams-skip-link-font-size: var(--ams-text-level-6-font-size);--ams-skip-link-font-weight: var(--ams-text-font-weight-normal);--ams-skip-link-line-height: var(--ams-text-level-6-line-height);--ams-skip-link-outline-offset: var(--ams-focus-outline-offset);--ams-skip-link-padding-block: var(--ams-space-sm);--ams-skip-link-padding-inline: var(--ams-space-md);--ams-skip-link-hover-background-color: var(--ams-brand-color-blue-80);--ams-spotlight-azure-background-color: var(--ams-brand-color-azure-60);--ams-spotlight-blue-background-color: var(--ams-brand-color-blue-60);--ams-spotlight-green-background-color: var(--ams-brand-color-green-60);--ams-spotlight-lime-background-color: var(--ams-brand-color-lime-60);--ams-spotlight-magenta-background-color: var(--ams-brand-color-magenta-60);--ams-spotlight-orange-background-color: var(--ams-brand-color-orange-60);--ams-spotlight-purple-background-color: var(--ams-brand-color-purple-60);--ams-spotlight-yellow-background-color: var(--ams-brand-color-yellow-60);--ams-switch-background-color: var(--ams-brand-color-neutral-60);--ams-switch-font-family: var(--ams-text-font-family);--ams-switch-outline-offset: var(--ams-focus-outline-offset);--ams-switch-thumb-background-color: var(--ams-brand-color-neutral-0);--ams-switch-thumb-hover-color: var(--ams-brand-color-blue-80);--ams-switch-checked-background-color: var(--ams-brand-color-blue-60);--ams-switch-disabled-background-color: var(--ams-brand-color-neutral-60);--ams-table-of-contents-font-family: var(--ams-text-font-family);--ams-table-of-contents-font-size: var(--ams-text-level-5-font-size);--ams-table-of-contents-font-weight: var(--ams-text-font-weight-normal);--ams-table-of-contents-gap: var(--ams-space-md);--ams-table-of-contents-line-height: var(--ams-text-level-5-line-height);--ams-table-of-contents-link-outline-offset: var(--ams-focus-outline-offset);--ams-table-of-contents-link-text-decoration-line: var(--ams-link-appearance-subtle-text-decoration-line);--ams-table-of-contents-link-text-underline-offset: var(--ams-link-appearance-text-underline-offset);--ams-table-of-contents-link-hover-text-decoration-line: var(--ams-link-appearance-subtle-hover-text-decoration-line);--ams-table-of-contents-list-gap: var(--ams-space-sm);--ams-table-of-contents-list-list-padding-block-start: var(--ams-space-sm);--ams-table-of-contents-list-list-padding-inline-start: var(--ams-space-lg);--ams-table-of-contents-heading-font-weight: var(--ams-text-font-weight-bold);--ams-table-of-contents-heading-font-size: var(--ams-text-level-4-font-size);--ams-table-of-contents-heading-line-height: var(--ams-text-level-4-line-height);--ams-table-color: var(--ams-brand-color-neutral-100);--ams-table-font-family: var(--ams-text-font-family);--ams-table-font-size: var(--ams-text-level-5-font-size);--ams-table-font-weight: var(--ams-text-font-weight-normal);--ams-table-line-height: var(--ams-text-level-5-line-height);--ams-table-caption-font-weight: var(--ams-text-font-weight-bold);--ams-table-cell-border-block-end: var(--ams-border-width-sm) solid var(--ams-brand-color-neutral-20);--ams-table-cell-padding-block: var(--ams-space-sm);--ams-table-cell-padding-inline: var(--ams-space-md);--ams-table-header-cell-font-weight: var(--ams-text-font-weight-bold);--ams-tabs-gap: var(--ams-space-md);--ams-tabs-list-box-shadow: inset 0 calc(var(--ams-border-width-md) * -1) var(--ams-brand-color-neutral-20);--ams-tabs-button-color: var(--ams-brand-color-blue-60);--ams-tabs-button-cursor: var(--ams-action-activate-cursor);--ams-tabs-button-font-family: var(--ams-text-font-family);--ams-tabs-button-font-size: var(--ams-text-level-5-font-size);--ams-tabs-button-font-weight: var(--ams-text-font-weight-normal);--ams-tabs-button-line-height: var(--ams-text-level-5-line-height);--ams-tabs-button-padding-block: var(--ams-space-sm);--ams-tabs-button-padding-inline: var(--ams-space-md);--ams-tabs-button-hover-color: var(--ams-brand-color-blue-80);--ams-tabs-button-hover-box-shadow: inset 0 calc(var(--ams-border-width-md) * -1) var(--ams-brand-color-blue-80);--ams-tabs-button-selected-box-shadow: inset 0 calc(var(--ams-border-width-xl) * -1) var(--ams-brand-color-blue-60);--ams-tabs-button-selected-color: var(--ams-brand-color-blue-60);--ams-tabs-button-selected-font-weight: var(--ams-text-font-weight-bold);--ams-tabs-button-disabled-color: var(--ams-brand-color-neutral-60);--ams-tabs-button-disabled-cursor: var(--ams-action-disabled-cursor);--ams-text-area-background-color: var(--ams-brand-color-neutral-0);--ams-text-area-box-shadow: inset 0 0 0 var(--ams-border-width-sm) var(--ams-brand-color-neutral-100);--ams-text-area-color: var(--ams-brand-color-neutral-100);--ams-text-area-font-family: var(--ams-text-font-family);--ams-text-area-font-size: var(--ams-text-level-5-font-size);--ams-text-area-font-weight: var(--ams-text-font-weight-normal);--ams-text-area-line-height: var(--ams-text-level-5-line-height);--ams-text-area-padding-block: var(--ams-space-sm);--ams-text-area-min-block-size: calc(var(--ams-text-level-5-line-height) * 1em + 2 * var(--ams-text-area-padding-block));--ams-text-area-outline-offset: var(--ams-focus-outline-offset);--ams-text-area-padding-inline: var(--ams-space-md);--ams-text-area-disabled-background-color: var(--ams-brand-color-neutral-0);--ams-text-area-disabled-box-shadow: inset 0 0 0 var(--ams-border-width-sm) var(--ams-brand-color-neutral-60);--ams-text-area-disabled-color: var(--ams-brand-color-neutral-60);--ams-text-area-disabled-cursor: var(--ams-action-disabled-cursor);--ams-text-area-hover-box-shadow: inset 0 0 0 var(--ams-border-width-md) var(--ams-brand-color-neutral-100);--ams-text-area-invalid-box-shadow: inset 0 0 0 var(--ams-border-width-sm) var(--ams-brand-color-red-60);--ams-text-area-invalid-hover-box-shadow: inset 0 0 0 var(--ams-border-width-md) var(--ams-brand-color-red-80);--ams-text-area-placeholder-color: var(--ams-brand-color-neutral-60);--ams-text-input-background-color: var(--ams-brand-color-neutral-0);--ams-text-input-box-shadow: inset 0 0 0 var(--ams-border-width-sm) var(--ams-brand-color-neutral-100);--ams-text-input-color: var(--ams-brand-color-neutral-100);--ams-text-input-font-family: var(--ams-text-font-family);--ams-text-input-font-size: var(--ams-text-level-5-font-size);--ams-text-input-font-weight: var(--ams-text-font-weight-normal);--ams-text-input-line-height: var(--ams-text-level-5-line-height);--ams-text-input-outline-offset: var(--ams-focus-outline-offset);--ams-text-input-padding-block: var(--ams-space-sm);--ams-text-input-padding-inline: var(--ams-space-md);--ams-text-input-disabled-background-color: var(--ams-brand-color-neutral-0);--ams-text-input-disabled-box-shadow: inset 0 0 0 var(--ams-border-width-sm) var(--ams-brand-color-neutral-60);--ams-text-input-disabled-color: var(--ams-brand-color-neutral-60);--ams-text-input-hover-box-shadow: inset 0 0 0 var(--ams-border-width-md) var(--ams-brand-color-neutral-100);--ams-text-input-invalid-box-shadow: inset 0 0 0 var(--ams-border-width-sm) var(--ams-brand-color-red-60);--ams-text-input-invalid-hover-box-shadow: inset 0 0 0 var(--ams-border-width-md) var(--ams-brand-color-red-80);--ams-text-input-placeholder-color: var(--ams-brand-color-neutral-60);--ams-time-input-background-color: var(--ams-brand-color-neutral-0);--ams-time-input-box-shadow: inset 0 0 0 var(--ams-border-width-sm) var(--ams-brand-color-neutral-100);--ams-time-input-color: var(--ams-brand-color-neutral-100);--ams-time-input-font-family: var(--ams-text-font-family);--ams-time-input-font-size: var(--ams-text-level-5-font-size);--ams-time-input-font-weight: var(--ams-text-font-weight-normal);--ams-time-input-line-height: var(--ams-text-level-5-line-height);--ams-time-input-outline-offset: var(--ams-focus-outline-offset);--ams-time-input-padding-block: var(--ams-space-sm);--ams-time-input-padding-inline: var(--ams-space-md);--ams-time-input-disabled-background-color: var(--ams-brand-color-neutral-0);--ams-time-input-disabled-box-shadow: inset 0 0 0 var(--ams-border-width-sm) var(--ams-brand-color-neutral-60);--ams-time-input-disabled-color: var(--ams-brand-color-neutral-60);--ams-time-input-hover-box-shadow: inset 0 0 0 var(--ams-border-width-md) var(--ams-brand-color-neutral-100);--ams-time-input-invalid-box-shadow: inset 0 0 0 var(--ams-border-width-sm) var(--ams-brand-color-red-60);--ams-time-input-invalid-hover-box-shadow: inset 0 0 0 var(--ams-border-width-md) var(--ams-brand-color-red-80);--ams-top-task-link-gap: var(--ams-space-sm);--ams-top-task-link-description-color: var(--ams-brand-color-neutral-100);--ams-top-task-link-description-font-family: var(--ams-text-font-family);--ams-top-task-link-description-font-size: var(--ams-text-level-6-font-size);--ams-top-task-link-description-font-weight: var(--ams-text-font-weight-normal);--ams-top-task-link-description-line-height: var(--ams-text-level-6-line-height);--ams-top-task-link-label-font-family: var(--ams-text-font-family);--ams-top-task-link-label-font-size: var(--ams-text-level-4-font-size);--ams-top-task-link-label-font-weight: var(--ams-text-font-weight-bold);--ams-top-task-link-label-line-height: var(--ams-text-level-4-line-height);--ams-top-task-link-label-text-decoration-line: var(--ams-link-appearance-subtle-text-decoration-line);--ams-top-task-link-label-text-underline-offset: var(--ams-link-appearance-text-underline-offset);--ams-top-task-link-label-hover-color: var(--ams-brand-color-blue-80);--ams-top-task-link-label-hover-text-decoration-line: var(--ams-link-appearance-subtle-hover-text-decoration-line);--ams-top-task-link-outline-offset: var(--ams-focus-outline-offset);--ams-unordered-list-color: var(--ams-brand-color-neutral-100);--ams-unordered-list-font-family: var(--ams-text-font-family);--ams-unordered-list-font-size: var(--ams-text-level-5-font-size);--ams-unordered-list-font-weight: var(--ams-text-font-weight-normal);--ams-unordered-list-gap: var(--ams-space-md);--ams-unordered-list-inverse-color: var(--ams-brand-color-neutral-0);--ams-unordered-list-line-height: var(--ams-text-level-5-line-height);--ams-unordered-list-unordered-list-gap: var(--ams-space-sm);--ams-unordered-list-unordered-list-padding-block-start: var(--ams-space-sm);--ams-unordered-list-small-font-size: var(--ams-text-level-6-font-size);--ams-unordered-list-small-line-height: var(--ams-text-level-6-line-height);--ams-breadcrumb-link-color: var(--ams-link-appearance-color);--ams-breadcrumb-link-text-decoration-thickness: var(--ams-link-appearance-text-decoration-thickness);--ams-card-link-color: var(--ams-link-appearance-color);--ams-card-link-text-decoration-thickness: var(--ams-link-appearance-text-decoration-thickness);--ams-card-link-hover-color: var(--ams-link-appearance-hover-color);--ams-link-list-link-color: var(--ams-link-appearance-color);--ams-link-list-link-text-decoration-thickness: var(--ams-link-appearance-text-decoration-thickness);--ams-link-list-link-hover-color: var(--ams-link-appearance-hover-color);--ams-link-list-link-contrast-color-color: var(--ams-link-appearance-contrast-color);--ams-link-list-link-contrast-color-hover-color: var(--ams-link-appearance-contrast-hover-color);--ams-link-list-link-inverse-color-color: var(--ams-link-appearance-inverse-color);--ams-link-list-link-inverse-color-hover-color: var(--ams-link-appearance-inverse-hover-color);--ams-link-color: var(--ams-link-appearance-color);--ams-link-hover-color: var(--ams-link-appearance-hover-color);--ams-link-inline-text-decoration-thickness: var(--ams-link-appearance-text-decoration-thickness);--ams-link-inline-hover-text-decoration-thickness: var(--ams-link-appearance-regular-hover-text-decoration-thickness);--ams-link-standalone-text-decoration-thickness: var(--ams-link-appearance-text-decoration-thickness);--ams-link-standalone-hover-text-decoration-thickness: var(--ams-link-appearance-regular-hover-text-decoration-thickness);--ams-link-contrast-color-color: var(--ams-link-appearance-contrast-color);--ams-link-contrast-color-hover-color: var(--ams-link-appearance-contrast-hover-color);--ams-link-contrast-color-visited-color: var(--ams-link-appearance-contrast-visited-color);--ams-link-inverse-color-color: var(--ams-link-appearance-inverse-color);--ams-link-inverse-color-hover-color: var(--ams-link-appearance-inverse-hover-color);--ams-link-inverse-color-visited-color: var(--ams-link-appearance-inverse-visited-color);--ams-page-menu-item-color: var(--ams-link-appearance-color);--ams-page-menu-item-text-decoration-thickness: var(--ams-link-appearance-text-decoration-thickness);--ams-page-menu-item-hover-color: var(--ams-link-appearance-hover-color);--ams-pagination-color: var(--ams-link-appearance-color);--ams-pagination-button-text-decoration-thickness: var(--ams-link-appearance-text-decoration-thickness);--ams-pagination-button-hover-color: var(--ams-link-appearance-hover-color);--ams-radio-text-decoration-thickness: var(--ams-link-appearance-text-decoration-thickness);--ams-radio-icon-container-block-size: calc(var(--ams-radio-font-size) * var(--ams-radio-line-height));--ams-switch-thumb-hover-box-shadow: 0 0 0 .125rem var(--ams-switch-thumb-hover-color);--ams-table-of-contents-link-color: var(--ams-link-appearance-color);--ams-table-of-contents-link-text-decoration-thickness: var(--ams-link-appearance-text-decoration-thickness);--ams-table-of-contents-link-hover-color: var(--ams-link-appearance-hover-color);--ams-top-task-link-label-color: var(--ams-link-appearance-color);--ams-top-task-link-label-text-decoration-thickness: var(--ams-link-appearance-text-decoration-thickness)}:root --ams-radio-hover-indicator-invalid-hover-stroke:{ams.brand.color.red}.ams-theme--compact{--ams-space-xs: .25rem;--ams-space-sm: .5rem;--ams-space-md: 1rem;--ams-space-lg: 1.5rem;--ams-space-xl: 2rem;--ams-space-grid-xs: clamp(.25rem, calc(.390625vw - .015625rem), .625rem);--ams-space-grid-sm: clamp(.5rem, calc(.78125vw - .03125rem) , 1.25rem);--ams-space-grid-md: clamp(1rem, calc(1.5625vw - .0625rem) , 2.5rem);--ams-space-grid-lg: clamp(1.5rem, calc(2.34375vw - .09375rem) , 3.75rem);--ams-space-grid-xl: clamp(2rem, calc(3.125vw - .125rem) , 5rem);--ams-text-level-0-font-size: clamp(1.6105rem, calc(1.5626rem + .2394vw) , 1.802rem);--ams-text-level-1-font-size: clamp(1.4641rem, calc(1.4297rem + .1721vw) , 1.6018rem);--ams-text-level-2-font-size: clamp(1.331rem, calc(1.3078rem + .116vw) , 1.4238rem);--ams-text-level-3-font-size: clamp(1.21rem, calc(1.1961rem + .0695vw) , 1.2656rem);--ams-text-level-4-font-size: clamp(1.1rem, calc(1.0938rem + .0313vw) , 1.125rem);--ams-text-level-5-font-size: 1rem;--ams-text-level-6-font-size: clamp(.8889rem, calc(.9141rem - .0253vw) , .9091rem);--ams-grid-padding-inline: var(--ams-space-grid-md)}/** - * @license SEE LICENSE.md - * Copyright Gemeente Amsterdam - * All rights reserved - */@font-face{font-display:swap;font-family:Amsterdam Sans;font-style:normal;font-weight:300;src:url(./AmsterdamSans-Light-C9JJu_TU.eot?#iefix);src:url(./AmsterdamSans-Light-C9JJu_TU.eot?#iefix) format("eot"),url(./AmsterdamSans-Light-D_AncfMf.woff2) format("woff2"),url(./AmsterdamSans-Light-iEj3CW9t.woff) format("woff")}@font-face{font-display:swap;font-family:Amsterdam Sans;font-style:normal;font-weight:400;src:url(./AmsterdamSans-Regular-BSIiMMb3.eot?#iefix);src:url(./AmsterdamSans-Regular-BSIiMMb3.eot?#iefix) format("eot"),url(./AmsterdamSans-Regular-QnM7etvR.woff2) format("woff2"),url(./AmsterdamSans-Regular-nwmnLZDN.woff) format("woff")}@font-face{font-display:swap;font-family:Amsterdam Sans;font-style:italic;font-weight:400;src:url(./AmsterdamSans-Italic-Djuh9q7q.eot?#iefix);src:url(./AmsterdamSans-Italic-Djuh9q7q.eot?#iefix) format("eot"),url(./AmsterdamSans-Italic-DW94SgHh.woff2) format("woff2"),url(./AmsterdamSans-Italic-D8oH3P5t.woff) format("woff")}@font-face{font-display:swap;font-family:Amsterdam Sans;font-style:normal;font-weight:700;src:url(./AmsterdamSans-Bold-B-eEYlh-.eot?#iefix);src:url(./AmsterdamSans-Bold-B-eEYlh-.eot?#iefix) format("eot"),url(./AmsterdamSans-Bold-rXlH1Jru.woff2) format("woff2"),url(./AmsterdamSans-Bold-CN8ieXn0.woff) format("woff")}@font-face{font-display:swap;font-family:Amsterdam Sans;font-style:italic;font-weight:700;src:url(./AmsterdamSans-BoldItalic-D8IgX2tE.eot?#iefix);src:url(./AmsterdamSans-BoldItalic-D8IgX2tE.eot?#iefix) format("eot"),url(./AmsterdamSans-BoldItalic-DGVdd_B4.woff2) format("woff2"),url(./AmsterdamSans-BoldItalic-Iks2g4JK.woff) format("woff")}@font-face{font-display:swap;font-family:Amsterdam Sans;font-style:normal;font-weight:800;src:url(./AmsterdamSans-ExtraBold-0zPbyHYJ.eot?#iefix);src:url(./AmsterdamSans-ExtraBold-0zPbyHYJ.eot?#iefix) format("eot"),url(./AmsterdamSans-ExtraBold-hk2GetsY.woff2) format("woff2"),url(./AmsterdamSans-ExtraBold-GN1-Za61.woff) format("woff")}.ams-accordion{display:flex;flex-direction:column;gap:var(--ams-accordion-gap);text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}.ams-accordion__header{display:flex;margin-block:0;margin-inline:0}.ams-accordion__button{background-color:#0000;color:var(--ams-accordion-button-color);cursor:pointer;display:flex;font-family:var(--ams-accordion-button-font-family);font-size:var(--ams-accordion-button-font-size);font-weight:var(--ams-accordion-button-font-weight);gap:var(--ams-accordion-button-gap);inline-size:100%;line-height:var(--ams-accordion-button-line-height);padding-block:var(--ams-accordion-button-padding-block);padding-inline:var(--ams-accordion-button-padding-inline);text-align:start;border:0;margin-block:0;margin-inline:0}.ams-accordion__button:focus{outline-offset:var(--ams-accordion-button-focus-outline-offset)}.ams-accordion__button:hover{color:var(--ams-accordion-button-hover-color)}.ams-accordion__icon svg{rotate:0deg;transition:none}[aria-expanded=true] .ams-accordion__icon svg{rotate:-180deg}@media not (prefers-reduced-motion){.ams-accordion__icon svg{transition:rotate .3s ease}}.ams-accordion__button[aria-expanded=true] svg{rotate:-180deg}.ams-accordion__panel{display:none;padding-block:var(--ams-accordion-panel-padding-block);padding-inline:var(--ams-accordion-panel-padding-inline)}.ams-accordion__panel--expanded{display:block}.ams-action-group{align-items:baseline;display:inline-flex;flex-wrap:wrap;gap:var(--ams-action-group-gap)}.ams-action-group>*{flex:auto}.ams-alert{align-items:flex-start;background-color:var(--ams-alert-background-color);border-style:var(--ams-alert-border-style);border-width:var(--ams-alert-border-width);display:flex;flex-direction:row;gap:var(--ams-alert-gap);justify-content:space-between;padding-block:var(--ams-alert-padding-block);padding-inline:var(--ams-alert-padding-inline)}.ams-alert__content{display:flex;flex:auto;flex-direction:column;gap:var(--ams-alert-content-gap)}.ams-alert--error{border-color:var(--ams-alert-error-border-color)}.ams-alert--info{border-color:var(--ams-alert-info-border-color)}.ams-alert--success{border-color:var(--ams-alert-success-border-color)}.ams-alert--warning{border-color:var(--ams-alert-warning-border-color)}.ams-aspect-ratio--x-tall{aspect-ratio:var(--ams-aspect-ratio-x-tall)!important}.ams-aspect-ratio--tall{aspect-ratio:var(--ams-aspect-ratio-tall)!important}.ams-aspect-ratio--square{aspect-ratio:var(--ams-aspect-ratio-square)!important}.ams-aspect-ratio--wide{aspect-ratio:var(--ams-aspect-ratio-wide)!important}.ams-aspect-ratio--x-wide{aspect-ratio:var(--ams-aspect-ratio-x-wide)!important}.ams-aspect-ratio--2x-wide{aspect-ratio:var(--ams-aspect-ratio-2x-wide)!important}.ams-avatar{aspect-ratio:var(--ams-avatar-aspect-ratio);border-radius:50%;display:inline-flex;font-family:var(--ams-avatar-font-family);font-size:var(--ams-avatar-font-size);inline-size:calc(var(--ams-avatar-line-height)*var(--ams-avatar-font-size));line-height:var(--ams-avatar-line-height);padding-block:var(--ams-avatar-padding-block);padding-inline:var(--ams-avatar-padding-inline);place-content:center}.ams-avatar svg{fill:currentColor}@media (forced-colors: active){.ams-avatar:not(.ams-avatar--has-image){border-style:solid;border-width:var(--ams-avatar-forced-colors-border-width);padding-block:calc(var(--ams-avatar-padding-block) - var(--ams-avatar-forced-colors-border-width));padding-inline:calc(var(--ams-avatar-padding-inline) - var(--ams-avatar-forced-colors-border-width))}}.ams-avatar--has-image{inline-size:calc(var(--ams-avatar-line-height)*var(--ams-avatar-font-size) + 2*var(--ams-avatar-padding-inline));overflow:hidden;padding-block:0;padding-inline:0;vertical-align:middle}.ams-avatar--azure{background-color:var(--ams-avatar-azure-background-color);color:var(--ams-avatar-azure-color)}.ams-avatar--black{background-color:var(--ams-avatar-black-background-color);color:var(--ams-avatar-black-color)}.ams-avatar--blue{background-color:var(--ams-avatar-blue-background-color);color:var(--ams-avatar-blue-color)}.ams-avatar--green{background-color:var(--ams-avatar-green-background-color);color:var(--ams-avatar-green-color)}.ams-avatar--lime{background-color:var(--ams-avatar-lime-background-color);color:var(--ams-avatar-lime-color)}.ams-avatar--magenta{background-color:var(--ams-avatar-magenta-background-color);color:var(--ams-avatar-magenta-color)}.ams-avatar--neutral-20{background-color:var(--ams-avatar-neutral-20-background-color);color:var(--ams-avatar-neutral-20-color)}.ams-avatar--neutral-40{background-color:var(--ams-avatar-neutral-40-background-color);color:var(--ams-avatar-neutral-40-color)}.ams-avatar--neutral-60{background-color:var(--ams-avatar-neutral-60-background-color);color:var(--ams-avatar-neutral-60-color)}.ams-avatar--neutral-80{background-color:var(--ams-avatar-neutral-80-background-color);color:var(--ams-avatar-neutral-80-color)}.ams-avatar--orange{background-color:var(--ams-avatar-orange-background-color);color:var(--ams-avatar-orange-color)}.ams-avatar--purple{background-color:var(--ams-avatar-purple-background-color);color:var(--ams-avatar-purple-color)}.ams-avatar--red{background-color:var(--ams-avatar-red-background-color);color:var(--ams-avatar-red-color)}.ams-avatar--white{background-color:var(--ams-avatar-white-background-color);color:var(--ams-avatar-white-color)}.ams-avatar--yellow{background-color:var(--ams-avatar-yellow-background-color);color:var(--ams-avatar-yellow-color)}.ams-badge{display:inline-block;font-family:var(--ams-badge-font-family);font-size:var(--ams-badge-font-size);font-weight:var(--ams-badge-font-weight);line-height:var(--ams-badge-line-height);padding-inline:var(--ams-badge-padding-inline)}.ams-badge--azure{background-color:var(--ams-badge-azure-background-color);color:var(--ams-badge-azure-color)}.ams-badge--black{background-color:var(--ams-badge-black-background-color);color:var(--ams-badge-black-color)}.ams-badge--blue{background-color:var(--ams-badge-blue-background-color);color:var(--ams-badge-blue-color)}.ams-badge--green{background-color:var(--ams-badge-green-background-color);color:var(--ams-badge-green-color)}.ams-badge--lime{background-color:var(--ams-badge-lime-background-color);color:var(--ams-badge-lime-color)}.ams-badge--magenta{background-color:var(--ams-badge-magenta-background-color);color:var(--ams-badge-magenta-color)}.ams-badge--neutral-20{background-color:var(--ams-badge-neutral-20-background-color);color:var(--ams-badge-neutral-20-color)}.ams-badge--neutral-40{background-color:var(--ams-badge-neutral-40-background-color);color:var(--ams-badge-neutral-40-color)}.ams-badge--neutral-60{background-color:var(--ams-badge-neutral-60-background-color);color:var(--ams-badge-neutral-60-color)}.ams-badge--neutral-80{background-color:var(--ams-badge-neutral-80-background-color);color:var(--ams-badge-neutral-80-color)}.ams-badge--orange{background-color:var(--ams-badge-orange-background-color);color:var(--ams-badge-orange-color)}.ams-badge--purple{background-color:var(--ams-badge-purple-background-color);color:var(--ams-badge-purple-color)}.ams-badge--red{background-color:var(--ams-badge-red-background-color);color:var(--ams-badge-red-color)}.ams-badge--white{background-color:var(--ams-badge-white-background-color);color:var(--ams-badge-white-color)}.ams-badge--yellow{background-color:var(--ams-badge-yellow-background-color);color:var(--ams-badge-yellow-color)}.ams-blockquote{box-sizing:border-box;break-inside:avoid;color:var(--ams-blockquote-color);font-family:var(--ams-blockquote-font-family);font-size:var(--ams-blockquote-font-size);font-weight:var(--ams-blockquote-font-weight);line-height:var(--ams-blockquote-line-height);quotes:"“" "”";hyphenate-limit-chars:var(--ams-hyphenation-hyphenate-limit-chars);-webkit-hyphens:var(--ams-hyphenation-hyphens);hyphens:var(--ams-hyphenation-hyphens);overflow-wrap:var(--ams-hyphenation-overflow-wrap);text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;margin-block:0;margin-inline:0}.ams-blockquote:before{content:open-quote}.ams-blockquote:after{content:close-quote}.ams-blockquote--inverse-color{color:var(--ams-blockquote-inverse-color)}.ams-breadcrumb{font-family:var(--ams-breadcrumb-font-family);font-size:var(--ams-breadcrumb-font-size);font-weight:var(--ams-breadcrumb-font-weight);line-height:var(--ams-breadcrumb-line-height)}.ams-breadcrumb__list{box-sizing:border-box;break-after:avoid;break-inside:avoid;text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;margin-block:0;padding-inline:0}.ams-breadcrumb__item{display:inline}.ams-breadcrumb__item:not(:last-child):after{background-image:var(--ams-breadcrumb-separator-background-image);background-repeat:no-repeat;block-size:var(--ams-breadcrumb-separator-block-size);content:"";display:inline-block;inline-size:var(--ams-breadcrumb-separator-inline-size);margin-inline:var(--ams-breadcrumb-separator-margin-inline)}.ams-breadcrumb__link{color:var(--ams-breadcrumb-link-color);outline-offset:var(--ams-breadcrumb-link-outline-offset);text-decoration-line:var(--ams-breadcrumb-link-text-decoration-line);text-decoration-thickness:var(--ams-breadcrumb-link-text-decoration-thickness);text-underline-offset:var(--ams-breadcrumb-link-text-underline-offset)}.ams-breadcrumb__link:hover{color:var(--ams-breadcrumb-link-hover-color);text-decoration-line:var(--ams-breadcrumb-link-hover-text-decoration-line)}.ams-grid{column-gap:var(--ams-grid-column-gap);display:grid;grid-template-columns:repeat(var(--ams-grid-column-count),1fr);padding-inline:var(--ams-grid-padding-inline);row-gap:var(--ams-grid-row-gap-md)}@media screen and (min-width: 36rem){.ams-grid{grid-template-columns:repeat(var(--ams-grid-medium-column-count),1fr)}}@media screen and (min-width: 68rem){.ams-grid{grid-template-columns:repeat(var(--ams-grid-wide-column-count),1fr)}}.ams-grid--gap-vertical--none{row-gap:initial}.ams-grid--gap-vertical--small{row-gap:var(--ams-grid-row-gap-sm)}.ams-grid--gap-vertical--large{row-gap:var(--ams-grid-row-gap-lg)}.ams-grid--padding-bottom--small{padding-block-end:var(--ams-grid-padding-block-sm)}.ams-grid--padding-bottom--medium{padding-block-end:var(--ams-grid-padding-block-md)}.ams-grid--padding-bottom--large{padding-block-end:var(--ams-grid-padding-block-lg)}.ams-grid--padding-top--small{padding-block-start:var(--ams-grid-padding-block-sm)}.ams-grid--padding-top--medium{padding-block-start:var(--ams-grid-padding-block-md)}.ams-grid--padding-top--large{padding-block-start:var(--ams-grid-padding-block-lg)}.ams-grid--padding-vertical--small{padding-block:var(--ams-grid-padding-block-sm)}.ams-grid--padding-vertical--medium{padding-block:var(--ams-grid-padding-block-md)}.ams-grid--padding-vertical--large{padding-block:var(--ams-grid-padding-block-lg)}.ams-grid__cell--span-all{grid-column:1/-1}.ams-grid__cell--span-1{grid-column-end:span 1}.ams-grid__cell--start-1{grid-column-start:1}.ams-grid__cell--span-2{grid-column-end:span 2}.ams-grid__cell--start-2{grid-column-start:2}.ams-grid__cell--span-3{grid-column-end:span 3}.ams-grid__cell--start-3{grid-column-start:3}.ams-grid__cell--span-4{grid-column-end:span 4}.ams-grid__cell--start-4{grid-column-start:4}.ams-grid__cell--span-5{grid-column-end:span 5}.ams-grid__cell--start-5{grid-column-start:5}.ams-grid__cell--span-6{grid-column-end:span 6}.ams-grid__cell--start-6{grid-column-start:6}.ams-grid__cell--span-7{grid-column-end:span 7}.ams-grid__cell--start-7{grid-column-start:7}.ams-grid__cell--span-8{grid-column-end:span 8}.ams-grid__cell--start-8{grid-column-start:8}.ams-grid__cell--span-9{grid-column-end:span 9}.ams-grid__cell--start-9{grid-column-start:9}.ams-grid__cell--span-10{grid-column-end:span 10}.ams-grid__cell--start-10{grid-column-start:10}.ams-grid__cell--span-11{grid-column-end:span 11}.ams-grid__cell--start-11{grid-column-start:11}.ams-grid__cell--span-12{grid-column-end:span 12}.ams-grid__cell--start-12{grid-column-start:12}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--span-1-medium{grid-column-end:span 1}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--start-1-medium{grid-column-start:1}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--span-2-medium{grid-column-end:span 2}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--start-2-medium{grid-column-start:2}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--span-3-medium{grid-column-end:span 3}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--start-3-medium{grid-column-start:3}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--span-4-medium{grid-column-end:span 4}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--start-4-medium{grid-column-start:4}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--span-5-medium{grid-column-end:span 5}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--start-5-medium{grid-column-start:5}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--span-6-medium{grid-column-end:span 6}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--start-6-medium{grid-column-start:6}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--span-7-medium{grid-column-end:span 7}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--start-7-medium{grid-column-start:7}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--span-8-medium{grid-column-end:span 8}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--start-8-medium{grid-column-start:8}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--span-9-medium{grid-column-end:span 9}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--start-9-medium{grid-column-start:9}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--span-10-medium{grid-column-end:span 10}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--start-10-medium{grid-column-start:10}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--span-11-medium{grid-column-end:span 11}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--start-11-medium{grid-column-start:11}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--span-12-medium{grid-column-end:span 12}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--start-12-medium{grid-column-start:12}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--span-1-wide{grid-column-end:span 1}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--start-1-wide{grid-column-start:1}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--span-2-wide{grid-column-end:span 2}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--start-2-wide{grid-column-start:2}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--span-3-wide{grid-column-end:span 3}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--start-3-wide{grid-column-start:3}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--span-4-wide{grid-column-end:span 4}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--start-4-wide{grid-column-start:4}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--span-5-wide{grid-column-end:span 5}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--start-5-wide{grid-column-start:5}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--span-6-wide{grid-column-end:span 6}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--start-6-wide{grid-column-start:6}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--span-7-wide{grid-column-end:span 7}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--start-7-wide{grid-column-start:7}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--span-8-wide{grid-column-end:span 8}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--start-8-wide{grid-column-start:8}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--span-9-wide{grid-column-end:span 9}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--start-9-wide{grid-column-start:9}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--span-10-wide{grid-column-end:span 10}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--start-10-wide{grid-column-start:10}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--span-11-wide{grid-column-end:span 11}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--start-11-wide{grid-column-start:11}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--span-12-wide{grid-column-end:span 12}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--start-12-wide{grid-column-start:12}}.ams-breakout{column-gap:var(--ams-grid-column-gap);display:grid;grid-template-columns:repeat(var(--ams-grid-column-count),1fr);padding-inline:var(--ams-grid-padding-inline);row-gap:var(--ams-grid-row-gap-md)}@media screen and (min-width: 36rem){.ams-breakout{grid-template-columns:repeat(var(--ams-grid-medium-column-count),1fr)}}@media screen and (min-width: 68rem){.ams-breakout{grid-template-columns:repeat(var(--ams-grid-wide-column-count),1fr)}}.ams-breakout--gap-vertical--none{row-gap:initial}.ams-breakout--gap-vertical--small{row-gap:var(--ams-grid-row-gap-sm)}.ams-breakout--gap-vertical--large{row-gap:var(--ams-grid-row-gap-lg)}.ams-breakout--padding-bottom--small{padding-block-end:var(--ams-grid-padding-block-sm)}.ams-breakout--padding-bottom--medium{padding-block-end:var(--ams-grid-padding-block-md)}.ams-breakout--padding-bottom--large{padding-block-end:var(--ams-grid-padding-block-lg)}.ams-breakout--padding-top--small{padding-block-start:var(--ams-grid-padding-block-sm)}.ams-breakout--padding-top--medium{padding-block-start:var(--ams-grid-padding-block-md)}.ams-breakout--padding-top--large{padding-block-start:var(--ams-grid-padding-block-lg)}.ams-breakout--padding-vertical--small{padding-block:var(--ams-grid-padding-block-sm)}.ams-breakout--padding-vertical--medium{padding-block:var(--ams-grid-padding-block-md)}.ams-breakout--padding-vertical--large{padding-block:var(--ams-grid-padding-block-lg)}.ams-breakout__cell--col-span-all{grid-column:1/-1}.ams-breakout__cell--col-span-1{grid-column-end:span 1}.ams-breakout__cell--col-start-1{grid-column-start:1}.ams-breakout__cell--col-span-2{grid-column-end:span 2}.ams-breakout__cell--col-start-2{grid-column-start:2}.ams-breakout__cell--col-span-3{grid-column-end:span 3}.ams-breakout__cell--col-start-3{grid-column-start:3}.ams-breakout__cell--col-span-4{grid-column-end:span 4}.ams-breakout__cell--col-start-4{grid-column-start:4}.ams-breakout__cell--col-span-5{grid-column-end:span 5}.ams-breakout__cell--col-start-5{grid-column-start:5}.ams-breakout__cell--col-span-6{grid-column-end:span 6}.ams-breakout__cell--col-start-6{grid-column-start:6}.ams-breakout__cell--col-span-7{grid-column-end:span 7}.ams-breakout__cell--col-start-7{grid-column-start:7}.ams-breakout__cell--col-span-8{grid-column-end:span 8}.ams-breakout__cell--col-start-8{grid-column-start:8}.ams-breakout__cell--col-span-9{grid-column-end:span 9}.ams-breakout__cell--col-start-9{grid-column-start:9}.ams-breakout__cell--col-span-10{grid-column-end:span 10}.ams-breakout__cell--col-start-10{grid-column-start:10}.ams-breakout__cell--col-span-11{grid-column-end:span 11}.ams-breakout__cell--col-start-11{grid-column-start:11}.ams-breakout__cell--col-span-12{grid-column-end:span 12}.ams-breakout__cell--col-start-12{grid-column-start:12}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-breakout__cell--col-span-1-medium{grid-column-end:span 1}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-breakout__cell--col-start-1-medium{grid-column-start:1}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-breakout__cell--col-span-2-medium{grid-column-end:span 2}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-breakout__cell--col-start-2-medium{grid-column-start:2}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-breakout__cell--col-span-3-medium{grid-column-end:span 3}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-breakout__cell--col-start-3-medium{grid-column-start:3}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-breakout__cell--col-span-4-medium{grid-column-end:span 4}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-breakout__cell--col-start-4-medium{grid-column-start:4}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-breakout__cell--col-span-5-medium{grid-column-end:span 5}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-breakout__cell--col-start-5-medium{grid-column-start:5}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-breakout__cell--col-span-6-medium{grid-column-end:span 6}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-breakout__cell--col-start-6-medium{grid-column-start:6}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-breakout__cell--col-span-7-medium{grid-column-end:span 7}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-breakout__cell--col-start-7-medium{grid-column-start:7}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-breakout__cell--col-span-8-medium{grid-column-end:span 8}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-breakout__cell--col-start-8-medium{grid-column-start:8}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-breakout__cell--col-span-9-medium{grid-column-end:span 9}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-breakout__cell--col-start-9-medium{grid-column-start:9}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-breakout__cell--col-span-10-medium{grid-column-end:span 10}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-breakout__cell--col-start-10-medium{grid-column-start:10}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-breakout__cell--col-span-11-medium{grid-column-end:span 11}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-breakout__cell--col-start-11-medium{grid-column-start:11}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-breakout__cell--col-span-12-medium{grid-column-end:span 12}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-breakout__cell--col-start-12-medium{grid-column-start:12}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-breakout__cell--col-span-1-wide{grid-column-end:span 1}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-breakout__cell--col-start-1-wide{grid-column-start:1}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-breakout__cell--col-span-2-wide{grid-column-end:span 2}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-breakout__cell--col-start-2-wide{grid-column-start:2}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-breakout__cell--col-span-3-wide{grid-column-end:span 3}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-breakout__cell--col-start-3-wide{grid-column-start:3}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-breakout__cell--col-span-4-wide{grid-column-end:span 4}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-breakout__cell--col-start-4-wide{grid-column-start:4}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-breakout__cell--col-span-5-wide{grid-column-end:span 5}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-breakout__cell--col-start-5-wide{grid-column-start:5}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-breakout__cell--col-span-6-wide{grid-column-end:span 6}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-breakout__cell--col-start-6-wide{grid-column-start:6}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-breakout__cell--col-span-7-wide{grid-column-end:span 7}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-breakout__cell--col-start-7-wide{grid-column-start:7}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-breakout__cell--col-span-8-wide{grid-column-end:span 8}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-breakout__cell--col-start-8-wide{grid-column-start:8}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-breakout__cell--col-span-9-wide{grid-column-end:span 9}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-breakout__cell--col-start-9-wide{grid-column-start:9}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-breakout__cell--col-span-10-wide{grid-column-end:span 10}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-breakout__cell--col-start-10-wide{grid-column-start:10}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-breakout__cell--col-span-11-wide{grid-column-end:span 11}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-breakout__cell--col-start-11-wide{grid-column-start:11}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-breakout__cell--col-span-12-wide{grid-column-end:span 12}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-breakout__cell--col-start-12-wide{grid-column-start:12}}.ams-breakout__cell--has-figure{align-self:end}.ams-breakout__cell--has-spotlight{display:grid;margin-block:calc(var(--ams-space-grid-md)*-1);margin-inline:calc(var(--ams-space-grid-lg)*-1)}.ams-breakout--gap-vertical--small>.ams-breakout__cell--has-spotlight{margin-block:calc(var(--ams-space-grid-sm)*-1)}.ams-breakout--gap-vertical--large>.ams-breakout__cell--has-spotlight{margin-block:calc(var(--ams-space-grid-lg)*-1)}.ams-breakout__cell--row-span-1{grid-row-end:span 1}.ams-breakout__cell--row-start-1{grid-row-start:1}.ams-breakout__cell--row-span-2{grid-row-end:span 2}.ams-breakout__cell--row-start-2{grid-row-start:2}.ams-breakout__cell--row-span-3{grid-row-end:span 3}.ams-breakout__cell--row-start-3{grid-row-start:3}.ams-breakout__cell--row-span-4{grid-row-end:span 4}.ams-breakout__cell--row-start-4{grid-row-start:4}@media screen and (min-width: 36rem){.ams-breakout__cell--row-span-1-medium{grid-row-end:span 1}.ams-breakout__cell--row-start-1-medium{grid-row-start:1}.ams-breakout__cell--row-span-2-medium{grid-row-end:span 2}.ams-breakout__cell--row-start-2-medium{grid-row-start:2}.ams-breakout__cell--row-span-3-medium{grid-row-end:span 3}.ams-breakout__cell--row-start-3-medium{grid-row-start:3}.ams-breakout__cell--row-span-4-medium{grid-row-end:span 4}.ams-breakout__cell--row-start-4-medium{grid-row-start:4}}@media screen and (min-width: 68rem){.ams-breakout__cell--row-span-1-wide{grid-row-end:span 1}.ams-breakout__cell--row-start-1-wide{grid-row-start:1}.ams-breakout__cell--row-span-2-wide{grid-row-end:span 2}.ams-breakout__cell--row-start-2-wide{grid-row-start:2}.ams-breakout__cell--row-span-3-wide{grid-row-end:span 3}.ams-breakout__cell--row-start-3-wide{grid-row-start:3}.ams-breakout__cell--row-span-4-wide{grid-row-end:span 4}.ams-breakout__cell--row-start-4-wide{grid-row-start:4}}.ams-button{cursor:var(--ams-button-cursor);display:inline-flex;font-family:var(--ams-button-font-family);font-size:var(--ams-button-font-size);gap:var(--ams-button-gap);justify-content:center;line-height:var(--ams-button-line-height);outline-offset:var(--ams-button-outline-offset);padding-block:var(--ams-button-padding-block);padding-inline:var(--ams-button-padding-inline);touch-action:manipulation;text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;border:0;margin-block:0;margin-inline:0}.ams-button:disabled,.ams-button[aria-disabled=true]{cursor:var(--ams-button-disabled-cursor)}.ams-button--primary{background-color:var(--ams-button-primary-background-color);box-shadow:var(--ams-button-primary-box-shadow);color:var(--ams-button-primary-color)}@media screen and (-ms-high-contrast: active),screen and (forced-colors: active){.ams-button--primary{border:var(--ams-button-forced-color-mode-border)}}.ams-button--primary:disabled,.ams-button--primary [aria-disabled=true]{background-color:var(--ams-button-primary-disabled-background-color);box-shadow:var(--ams-button-primary-disabled-box-shadow)}.ams-button--primary:hover:not(:disabled,[aria-disabled=true]){background-color:var(--ams-button-primary-hover-background-color);box-shadow:var(--ams-button-primary-hover-box-shadow)}.ams-button--secondary{background-color:var(--ams-button-secondary-background-color);box-shadow:var(--ams-button-secondary-box-shadow);color:var(--ams-button-secondary-color)}@media screen and (-ms-high-contrast: active),screen and (forced-colors: active){.ams-button--secondary{border:var(--ams-button-forced-color-mode-border)}}.ams-button--secondary:disabled,.ams-button--secondary [aria-disabled=true]{background-color:var(--ams-button-secondary-disabled-background-color);box-shadow:var(--ams-button-secondary-disabled-box-shadow);color:var(--ams-button-secondary-disabled-color)}.ams-button--secondary:hover:not(:disabled,[aria-disabled=true]){box-shadow:var(--ams-button-secondary-hover-box-shadow);color:var(--ams-button-secondary-hover-color)}.ams-button--tertiary{background-color:var(--ams-button-tertiary-background-color);color:var(--ams-button-tertiary-color)}.ams-button--tertiary:disabled,.ams-button--tertiary [aria-disabled=true]{background-color:var(--ams-button-tertiary-disabled-background-color);color:var(--ams-button-tertiary-disabled-color)}.ams-button--tertiary:hover:not(:disabled,[aria-disabled=true]){box-shadow:var(--ams-button-tertiary-hover-box-shadow);color:var(--ams-button-tertiary-hover-color)}.ams-button--icon-only{padding-block:var(--ams-button-icon-only-padding-block);padding-inline:var(--ams-button-icon-only-padding-inline)}.ams-card{display:grid;gap:var(--ams-card-gap);outline-offset:var(--ams-card-outline-offset);position:relative;touch-action:manipulation}.ams-card:has(:focus-visible){outline-color:-webkit-focus-ring-color;outline-style:auto;outline-width:.0625rem}.ams-card:has(:focus-visible) a:focus{outline:none}.ams-card a:after{content:"";display:block;inset-block:0;inset-inline:0;position:absolute}.ams-card__heading-group{display:flex;flex-direction:column-reverse;gap:var(--ams-card-heading-group-gap)}.ams-card__link{color:var(--ams-card-link-color);text-decoration-line:var(--ams-card-link-text-decoration-line);text-decoration-thickness:var(--ams-card-link-text-decoration-thickness);text-underline-offset:var(--ams-card-link-text-underline-offset)}.ams-card__link:hover{color:var(--ams-card-link-hover-color);text-decoration-line:var(--ams-card-link-hover-text-decoration-line)}.ams-character-count{color:var(--ams-character-count-color);font-family:var(--ams-character-count-font-family);font-size:var(--ams-character-count-font-size);font-weight:var(--ams-character-count-font-weight);line-height:var(--ams-character-count-line-height);text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}.ams-character-count--error{color:var(--ams-character-count-error-color)}.ams-checkbox__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;inline-size:0;margin-block:0;margin-inline:0}.ams-checkbox__input:focus+label{outline:auto}.ams-checkbox__input:focus:not(:focus-visible)+label{outline:0}.ams-checkbox__checkmark{align-items:center;block-size:calc(var(--ams-checkbox-font-size)*var(--ams-checkbox-line-height));display:flex;flex-shrink:0;inline-size:1.5rem}.ams-checkbox__checkmark:after{background-position:center;background-repeat:no-repeat;background-size:1rem;block-size:1.5rem;border-color:var(--ams-checkbox-checkmark-border-color);border-style:solid;border-width:var(--ams-checkbox-checkmark-border-width);box-sizing:border-box;content:"";inline-size:100%}.ams-checkbox__label{color:var(--ams-checkbox-color);cursor:pointer;display:inline-flex;font-family:var(--ams-checkbox-font-family);font-size:var(--ams-checkbox-font-size);font-weight:var(--ams-checkbox-font-weight);gap:var(--ams-checkbox-gap);line-height:var(--ams-checkbox-line-height);outline-offset:var(--ams-checkbox-outline-offset);text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}.ams-checkbox__label:hover{color:var(--ams-checkbox-hover-color);text-decoration-line:underline;text-decoration-thickness:var(--ams-checkbox-hover-text-decoration-thickness);text-underline-offset:.375rem}.ams-checkbox__label:hover .ams-checkbox__checkmark:after{border-color:var(--ams-checkbox-checkmark-hover-border-color);border-width:var(--ams-checkbox-checkmark-hover-border-width)}.ams-checkbox__input:checked+.ams-checkbox__label .ams-checkbox__checkmark:after{background-color:var(--ams-checkbox-checkmark-checked-background-color);background-image:var(--ams-checkbox-checkmark-checked-background-image);border:0}.ams-checkbox__input:indeterminate+.ams-checkbox__label .ams-checkbox__checkmark:after{background-color:var(--ams-checkbox-checkmark-indeterminate-background-color);background-image:var(--ams-checkbox-checkmark-indeterminate-background-image);background-position:center;background-repeat:no-repeat;background-size:1rem;border:0}.ams-checkbox__input:invalid+.ams-checkbox__label .ams-checkbox__checkmark:after,.ams-checkbox__input[aria-invalid=true]+.ams-checkbox__label .ams-checkbox__checkmark:after{border-color:var(--ams-checkbox-checkmark-invalid-border-color)}.ams-checkbox__input:disabled+.ams-checkbox__label{color:var(--ams-checkbox-disabled-color);cursor:not-allowed}.ams-checkbox__input:disabled+.ams-checkbox__label .ams-checkbox__checkmark:after{border-color:var(--ams-checkbox-checkmark-disabled-border-color);border-width:var(--ams-checkbox-checkmark-disabled-border-width)}.ams-checkbox__input:invalid:checked+.ams-checkbox__label .ams-checkbox__checkmark:after,.ams-checkbox__input[aria-invalid=true]:checked+.ams-checkbox__label .ams-checkbox__checkmark:after{background-color:var(--ams-checkbox-checkmark-invalid-checked-background-color)}.ams-checkbox__input:invalid:indeterminate+.ams-checkbox__label .ams-checkbox__checkmark:after,.ams-checkbox__input[aria-invalid=true]:indeterminate+.ams-checkbox__label .ams-checkbox__checkmark:after{background-color:var(--ams-checkbox-checkmark-invalid-indeterminate-background-color)}.ams-checkbox__input:disabled+.ams-checkbox__label:hover{text-decoration:none}.ams-checkbox__input:disabled:checked+.ams-checkbox__label .ams-checkbox__checkmark:after{background-color:var(--ams-checkbox-checkmark-disabled-checked-background-color)}.ams-checkbox__input:disabled:indeterminate+.ams-checkbox__label .ams-checkbox__checkmark:after{background-color:var(--ams-checkbox-checkmark-disabled-indeterminate-background-color)}.ams-checkbox__input:invalid:disabled+.ams-checkbox__label .ams-checkbox__checkmark:after,.ams-checkbox__input[aria-invalid=true]:disabled+.ams-checkbox__label .ams-checkbox__checkmark:after{border-color:var(--ams-checkbox-checkmark-disabled-border-color)}:is(.ams-checkbox__input:invalid,.ams-checkbox__input[aria-invalid=true])+.ams-checkbox__label:hover .ams-checkbox__checkmark:after{border-color:var(--ams-checkbox-checkmark-invalid-hover-border-color)}.ams-checkbox__input:checked+.ams-checkbox__label:hover .ams-checkbox__checkmark:after{background-color:var(--ams-checkbox-checkmark-checked-hover-background-color)}.ams-checkbox__input:indeterminate+.ams-checkbox__label:hover .ams-checkbox__checkmark:after{background-color:var(--ams-checkbox-checkmark-indeterminate-hover-background-color)}:is(.ams-checkbox__input:invalid:checked,.ams-checkbox__input[aria-invalid=true]:checked)+.ams-checkbox__label:hover .ams-checkbox__checkmark:after{background-color:var(--ams-checkbox-checkmark-invalid-checked-hover-background-color)}:is(.ams-checkbox__input:invalid:indeterminate,.ams-checkbox__input[aria-invalid=true]:indeterminate)+.ams-checkbox__label:hover .ams-checkbox__checkmark:after{background-color:var(--ams-checkbox-checkmark-invalid-indeterminate-hover-background-color)}.ams-checkbox__input:disabled:checked+.ams-checkbox__label:hover .ams-checkbox__checkmark:after{background-color:var(--ams-checkbox-checkmark-disabled-checked-hover-background-color)}.ams-checkbox__input:disabled:indeterminate+.ams-checkbox__label:hover .ams-checkbox__checkmark:after{background-color:var(--ams-checkbox-checkmark-disabled-indeterminate-hover-background-color)}:is(.ams-checkbox__input:invalid:disabled,.ams-checkbox__input[aria-invalid=true]:disabled)+.ams-checkbox__label:hover .ams-checkbox__checkmark:after{border-color:var(--ams-checkbox-checkmark-disabled-border-color)}.ams-checkbox__input:invalid:disabled:checked+.ams-checkbox__label .ams-checkbox__checkmark:after,.ams-checkbox__input:invalid:disabled:indeterminate+.ams-checkbox__label .ams-checkbox__checkmark:after,.ams-checkbox__input[aria-invalid=true]:disabled:checked+.ams-checkbox__label .ams-checkbox__checkmark:after,.ams-checkbox__input[aria-invalid=true]:disabled:indeterminate+.ams-checkbox__label .ams-checkbox__checkmark:after{background-color:var(--ams-checkbox-checkmark-disabled-checked-background-color)}.ams-column{display:flex;flex-direction:column;gap:var(--ams-column-gap-md)}.ams-column--gap-none{gap:var(--ams-column-gap-no)}.ams-column--gap-extra-small{gap:var(--ams-column-gap-xs)}.ams-column--gap-small{gap:var(--ams-column-gap-sm)}.ams-column--gap-large{gap:var(--ams-column-gap-lg)}.ams-column--gap-extra-large{gap:var(--ams-column-gap-xl)}.ams-column--align-around{justify-content:space-around}.ams-column--align-between{justify-content:space-between}.ams-column--align-center{justify-content:center}.ams-column--align-end{justify-content:flex-end}.ams-column--align-evenly{justify-content:space-evenly}.ams-column--align-horizontal-center{align-items:center}.ams-column--align-horizontal-end{align-items:flex-end}.ams-column--align-horizontal-start{align-items:flex-start}.ams-date-input{background-color:var(--ams-date-input-background-color);box-shadow:var(--ams-date-input-box-shadow);box-sizing:border-box;color:var(--ams-date-input-color);font-family:var(--ams-date-input-font-family);font-size:var(--ams-date-input-font-size);font-weight:var(--ams-date-input-font-weight);line-height:var(--ams-date-input-line-height);min-block-size:calc(var(--ams-date-input-font-size)*var(--ams-date-input-line-height) + 2*var(--ams-date-input-padding-block));min-inline-size:calc(8ch + 2*var(--ams-date-input-padding-inline));outline-offset:var(--ams-date-input-outline-offset);padding-block:var(--ams-date-input-padding-block);padding-inline:var(--ams-date-input-padding-inline);touch-action:manipulation;text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:0;margin-block:0}.ams-date-input:hover{box-shadow:var(--ams-date-input-hover-box-shadow)}.ams-date-input::-webkit-calendar-picker-indicator{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:var(--ams-date-input-calender-picker-indicator-background-image);cursor:pointer}.ams-date-input:hover::-webkit-calendar-picker-indicator{background-image:var(--ams-date-input-hover-calender-picker-indicator-background-image)}.ams-date-input:disabled{background-color:var(--ams-date-input-disabled-background-color);box-shadow:var(--ams-date-input-disabled-box-shadow);color:var(--ams-date-input-disabled-color);cursor:not-allowed}.ams-date-input:disabled::-webkit-calendar-picker-indicator{background-image:var(--ams-date-input-disabled-calender-picker-indicator-background-image);visibility:visible}.ams-date-input:invalid,.ams-date-input[aria-invalid=true]{box-shadow:var(--ams-date-input-invalid-box-shadow)}.ams-date-input:invalid:hover,.ams-date-input[aria-invalid=true]:hover{box-shadow:var(--ams-date-input-invalid-hover-box-shadow)}.ams-description-list{box-sizing:border-box;color:var(--ams-description-list-color);column-gap:var(--ams-description-list-column-gap);display:grid;font-family:var(--ams-description-list-font-family);font-size:var(--ams-description-list-font-size);line-height:var(--ams-description-list-line-height);row-gap:var(--ams-description-list-row-gap);margin-block:0;text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}@media screen and (min-width: 36rem){.ams-description-list,.ams-description-list__section{grid-template-columns:auto 1fr}.ams-description-list--terms-width-sm,.ams-description-list--terms-width-sm .ams-description-list__section{grid-template-columns:1fr 4fr}.ams-description-list--terms-width-md,.ams-description-list--terms-width-md .ams-description-list__section{grid-template-columns:1fr 2fr}.ams-description-list--terms-width-lg,.ams-description-list--terms-width-lg .ams-description-list__section{grid-template-columns:1fr 1fr}}.ams-description-list--inverse-color{color:var(--ams-description-list-inverse-color)}.ams-description-list__term{font-weight:var(--ams-description-list-term-font-weight)}@media screen and (min-width: 36rem){.ams-description-list__term{grid-column-start:1}}@media screen and (min-width: 36rem){.ams-description-list__section{column-gap:var(--ams-description-list-column-gap);display:grid;grid-column:span 2}.ams-description-list__section>:only-of-type{grid-row:1/9}}.ams-description-list .ams-description-list__section{grid-template-columns:subgrid}.ams-description-list__description{font-weight:var(--ams-description-list-description-font-weight);padding-inline-start:var(--ams-description-list-description-padding-inline-start);margin-inline:0}@media screen and (min-width: 36rem){.ams-description-list__description{grid-column-start:2;padding-inline-start:0}}.ams-dialog:not(dialog:not([open])){background-color:var(--ams-dialog-background-color);border:var(--ams-dialog-border);box-sizing:border-box;display:flex;flex-direction:column;gap:var(--ams-dialog-gap);inline-size:var(--ams-dialog-inline-size);max-block-size:var(--ams-dialog-max-block-size);max-inline-size:var(--ams-dialog-max-inline-size);padding-block:var(--ams-dialog-padding-block);padding-inline:var(--ams-dialog-padding-inline);inset-block:0}.ams-dialog:not(dialog:not([open]))::backdrop{background:#0006}.ams-dialog__header{align-items:flex-start;display:flex;gap:var(--ams-dialog-header-gap);justify-content:space-between}.ams-dialog__body{overflow-y:auto;overscroll-behavior-y:contain}.ams-body{margin-block:0;margin-inline:0}.ams-error-message{box-sizing:border-box;color:var(--ams-error-message-color);display:inline-flex;font-family:var(--ams-error-message-font-family);font-size:var(--ams-error-message-font-size);font-weight:var(--ams-error-message-font-weight);gap:var(--ams-error-message-gap);line-height:var(--ams-error-message-line-height);text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;margin-block:0}.ams-field-set{break-inside:avoid;border:0;margin-inline:0;padding-block:0;padding-inline:0}.ams-field-set--invalid{border-inline-start:var(--ams-field-set-invalid-border-inline-start);padding-inline-start:var(--ams-field-set-invalid-padding-inline-start)}.ams-field-set__legend{color:var(--ams-field-set-legend-color);font-family:var(--ams-field-set-legend-font-family);font-size:var(--ams-field-set-legend-font-size);font-weight:var(--ams-field-set-legend-font-weight);line-height:var(--ams-field-set-legend-line-height);margin-block-end:var(--ams-field-set-legend-margin-block-end);hyphenate-limit-chars:var(--ams-hyphenation-hyphenate-limit-chars);-webkit-hyphens:var(--ams-hyphenation-hyphens);hyphens:var(--ams-hyphenation-hyphens);overflow-wrap:var(--ams-hyphenation-overflow-wrap);text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;float:inline-start;inline-size:100%;padding-inline:0}.ams-field-set__legend+*{clear:both}.ams-field{align-items:start;break-inside:avoid;display:flex;flex-direction:column;gap:var(--ams-field-gap)}.ams-field--invalid{border-inline-start:var(--ams-field-invalid-border-inline-start);padding-inline-start:var(--ams-field-invalid-padding-inline-start)}.ams-file-input{background-color:var(--ams-file-input-background-color);border:var(--ams-file-input-border);box-sizing:border-box;color:var(--ams-file-input-color);cursor:var(--ams-file-input-cursor);font-family:var(--ams-file-input-font-family);font-size:var(--ams-file-input-font-size);font-weight:var(--ams-file-input-font-weight);inline-size:100%;line-height:var(--ams-file-input-line-height);outline-offset:calc(var(--ams-focus-outline-offset)*2);padding-block:var(--ams-file-input-padding-block);padding-inline:var(--ams-file-input-padding-inline);touch-action:manipulation;text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}.ams-file-input:disabled{color:var(--ams-file-input-disabled-color);cursor:var(--ams-file-input-disabled-cursor)}.ams-file-input::file-selector-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--ams-file-input-file-selector-button-background-color);box-shadow:var(--ams-file-input-file-selector-button-box-shadow);box-sizing:border-box;color:var(--ams-file-input-file-selector-button-color);cursor:var(--ams-file-input-file-selector-button-cursor);font-family:inherit;font-size:inherit;font-weight:inherit;margin-inline-end:var(--ams-file-input-file-selector-button-margin-inline-end);padding-block:var(--ams-file-input-file-selector-button-padding-block);padding-inline:var(--ams-file-input-file-selector-button-padding-inline);border:0;border-radius:0}@media screen and (-ms-high-contrast: active),screen and (forced-colors: active){.ams-file-input::file-selector-button{border:var(--ams-file-input-file-selector-button-forced-color-mode-border)}}.ams-file-input:disabled::file-selector-button{box-shadow:var(--ams-file-input-file-selector-button-disabled-box-shadow);color:var(--ams-file-input-disabled-color);cursor:var(--ams-file-input-file-selector-button-disabled-cursor)}.ams-file-input:not(:disabled):hover::file-selector-button{box-shadow:var(--ams-file-input-file-selector-button-hover-box-shadow);color:var(--ams-file-input-file-selector-button-hover-color)}.ams-file-list{display:flex;flex-direction:column;gap:var(--ams-file-list-gap);padding-block:var(--ams-file-list-padding-block);text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;list-style:none;margin-block:0;padding-inline:0}.ams-file-list__item{display:flex;flex-direction:row;font-family:var(--ams-file-list-file-font-family);font-size:var(--ams-file-list-file-font-size);font-weight:var(--ams-file-list-file-font-weight);gap:var(--ams-file-list-file-gap);line-height:var(--ams-file-list-file-line-height)}.ams-file-list__item-preview{display:grid;flex:0 0 var(--ams-file-list-file-preview-width);place-items:center}.ams-file-list__item-preview img{inline-size:100%;min-block-size:auto}.ams-file-list__item-info{flex:1;gap:var(--ams-file-list-file-gap);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ams-file-input__item-details{color:var(--ams-file-list-file-details-color)}.ams-form-error-list{outline-offset:var(--ams-form-error-list-outline-offset)}@supports (contain: paint) and (not (-moz-appearance: none)){.ams-form-error-list{outline-offset:calc(var(--ams-form-error-list-outline-offset)*2)}@supports (font: -apple-system-body){.ams-form-error-list{outline-offset:var(--ams-form-error-list-outline-offset)}}}[class|=ams-gap-]{display:grid!important}.ams-gap--xs{grid-gap:var(--ams-gap-xs)!important}.ams-gap--sm{grid-gap:var(--ams-gap-sm)!important}.ams-gap--md{grid-gap:var(--ams-gap-md)!important}.ams-gap--lg{grid-gap:var(--ams-gap-lg)!important}.ams-gap--xl{grid-gap:var(--ams-gap-xl)!important}.ams-header{align-items:center;display:flex;flex-wrap:wrap;padding-block:var(--ams-header-padding-block);row-gap:1.5rem}@media screen and (min-width: 68rem){.ams-header{column-gap:var(--ams-header-column-gap);flex-wrap:nowrap}}.ams-header__logo-link{flex:none;outline-offset:var(--ams-header-logo-link-outline-offset)}.ams-header__links{display:none}@media screen and (min-width: 36rem){.ams-header__links{display:block;flex:10 0 auto}}@media screen and (min-width: 68rem){.ams-header__links{order:3}}.ams-header__menu{flex:1;padding-inline-start:var(--ams-page-menu-column-gap);text-align:end}@media screen and (min-width: 68rem){.ams-header__menu{order:4;padding-inline-start:0}}.ams-header__app-name{flex:1 1 100%}@media screen and (min-width: 68rem){.ams-header__app-name{min-inline-size:0;order:2}.ams-header__app-name .ams-header__app-name-heading{display:block;inline-size:100%;line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.ams-header__menu-button{background-color:#0000;background-image:url("data:image/svg+xml;utf8,");background-position:center right;background-repeat:no-repeat;background-size:1.1875rem 1.1875rem;border:0;color:var(--ams-page-menu-item-color);font-family:var(--ams-page-menu-item-font-family);font-size:var(--ams-page-menu-item-font-size);font-weight:var(--ams-page-menu-item-font-weight);line-height:var(--ams-page-menu-item-line-height);margin-block:0;margin-inline:0;padding-inline:0 1.875rem;text-align:center;touch-action:manipulation}.ams-heading{box-sizing:border-box;break-after:avoid;break-inside:avoid;color:var(--ams-heading-color);font-family:var(--ams-heading-font-family);font-weight:var(--ams-heading-font-weight);hyphenate-limit-chars:var(--ams-hyphenation-hyphenate-limit-chars);-webkit-hyphens:var(--ams-hyphenation-hyphens);hyphens:var(--ams-hyphenation-hyphens);overflow-wrap:var(--ams-hyphenation-overflow-wrap);text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;margin-block:0}.ams-heading--level-1{font-size:var(--ams-heading-level-1-font-size);line-height:var(--ams-heading-level-1-line-height)}.ams-heading--level-2{font-size:var(--ams-heading-level-2-font-size);line-height:var(--ams-heading-level-2-line-height)}.ams-heading--level-3{font-size:var(--ams-heading-level-3-font-size);line-height:var(--ams-heading-level-3-line-height)}.ams-heading--level-4{font-size:var(--ams-heading-level-4-font-size);line-height:var(--ams-heading-level-4-line-height)}.ams-heading--level-5{font-size:var(--ams-heading-level-5-font-size);line-height:var(--ams-heading-level-5-line-height)}.ams-heading--level-6{font-size:var(--ams-heading-level-6-font-size);line-height:var(--ams-heading-level-6-line-height)}.ams-heading--inverse-color{color:var(--ams-heading-inverse-color)}.ams-hint{color:var(--ams-hint-color);display:inline-block}.ams-icon-button{background-color:#0000;color:var(--ams-icon-button-color);cursor:pointer;outline-offset:var(--ams-icon-button-outline-offset);touch-action:manipulation;border:0;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.ams-icon-button:hover{background-color:var(--ams-icon-button-hover-background-color);color:var(--ams-icon-button-hover-color)}.ams-icon-button:disabled{background-color:#0000;color:var(--ams-icon-button-disabled-color);cursor:not-allowed}.ams-icon-button--contrast-color{color:var(--ams-icon-button-contrast-color-color)}.ams-icon-button--contrast-color:hover{background-color:var(--ams-icon-button-contrast-color-hover-background-color);color:var(--ams-icon-button-contrast-color-hover-color)}.ams-icon-button--contrast-color:disabled{background-color:#0000;color:var(--ams-icon-button-contrast-color-disabled-color)}.ams-icon-button--inverse-color{background-color:var(--ams-icon-button-inverse-color-background-color);color:var(--ams-icon-button-inverse-color-color)}.ams-icon-button--inverse-color:hover{background-color:var(--ams-icon-button-inverse-color-hover-background-color);color:var(--ams-icon-button-inverse-color-hover-color)}.ams-icon-button--inverse-color:disabled{background-color:var(--ams-icon-button-inverse-color-disabled-background-color);color:var(--ams-icon-button-inverse-color-disabled-color)}.ams-icon{align-items:center;display:inline-flex}.ams-icon svg{fill:currentColor}.ams-icon--inverse-color{color:var(--ams-icon-inverse-color)}.ams-icon--square{aspect-ratio:1/1;justify-content:center}.ams-icon--size-3{block-size:calc(var(--ams-icon-size-3-font-size)*var(--ams-icon-size-3-line-height))}.ams-icon--size-3 svg{block-size:var(--ams-icon-size-3-font-size);inline-size:var(--ams-icon-size-3-font-size)}.ams-icon--size-4{block-size:calc(var(--ams-icon-size-4-font-size)*var(--ams-icon-size-4-line-height))}.ams-icon--size-4 svg{block-size:var(--ams-icon-size-4-font-size);inline-size:var(--ams-icon-size-4-font-size)}.ams-icon--size-5{block-size:calc(var(--ams-icon-size-5-font-size)*var(--ams-icon-size-5-line-height))}.ams-icon--size-5 svg{block-size:var(--ams-icon-size-5-font-size);inline-size:var(--ams-icon-size-5-font-size)}.ams-icon--size-6{block-size:calc(var(--ams-icon-size-6-font-size)*var(--ams-icon-size-6-line-height))}.ams-icon--size-6 svg{block-size:var(--ams-icon-size-6-font-size);inline-size:var(--ams-icon-size-6-font-size)}.ams-image-slider{display:grid;gap:var(--ams-image-slider-gap);grid-template-rows:1fr auto}.ams-image-slider__item{scroll-snap-align:center;scroll-snap-stop:always}.ams-image-slider__item .ams-image{inline-size:100%}.ams-image-slider__scroller{align-items:center;display:grid;gap:var(--ams-image-slider-scroller-gap);grid-auto-columns:100%;grid-auto-flow:column;grid-column:1/-1;grid-row:1;outline-offset:var(--ams-image-slider-scroller-outline-offset);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}.ams-image-slider__scroller::-webkit-scrollbar{display:none}@media not (prefers-reduced-motion){.ams-image-slider__scroller{scroll-behavior:smooth}}.ams-image-slider__controls{display:flex;grid-column:1/-1;grid-row:1;justify-content:space-between}@media (pointer: coarse)and (max-width: 36rem){.ams-image-slider__controls{display:none}}.ams-image-slider__control{place-self:center;z-index:1}.ams-image-slider__thumbnails{display:grid;gap:var(--ams-image-slider-thumbnails-gap);grid-template-columns:repeat(5,1fr);max-inline-size:100%}.ams-image-slider__thumbnail{background-color:var(--ams-image-slider-thumbnails-thumbnail-background-color);background-position:center;background-size:cover;border:none;cursor:var(--ams-image-slider-thumbnails-thumbnail-cursor);opacity:var(--ams-image-slider-thumbnails-thumbnail-opacity);outline-offset:var(--ams-button-outline-offset);padding-block:0;padding-inline:0;position:relative;scroll-snap-align:start}.ams-image-slider__thumbnail:hover{opacity:var(--ams-image-slider-thumbnails-thumbnail-hover-opacity)}.ams-image-slider__thumbnail--in-view{opacity:var(--ams-image-slider-thumbnails-thumbnail-in-view-opacity)}.ams-image{aspect-ratio:var(--ams-image-aspect-ratio);block-size:auto;font-style:italic;inline-size:fit-content;max-inline-size:100%;object-fit:cover;vertical-align:middle}.ams-label{color:var(--ams-label-color);font-family:var(--ams-label-font-family);font-size:var(--ams-label-font-size);font-weight:var(--ams-label-font-weight);line-height:var(--ams-label-line-height);hyphenate-limit-chars:var(--ams-hyphenation-hyphenate-limit-chars);-webkit-hyphens:var(--ams-hyphenation-hyphens);hyphens:var(--ams-hyphenation-hyphens);overflow-wrap:var(--ams-hyphenation-overflow-wrap);text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}.ams-link-list{box-sizing:border-box;display:grid;gap:var(--ams-link-list-gap);text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;list-style:none;margin-block:0;padding-inline-start:0}.ams-link-list__link{align-items:flex-start;color:var(--ams-link-list-link-color);display:inline-flex;font-family:var(--ams-link-list-link-font-family);font-size:var(--ams-link-list-link-font-size);font-weight:var(--ams-link-list-link-font-weight);gap:var(--ams-link-list-link-gap);line-height:var(--ams-link-list-link-line-height);outline-offset:var(--ams-link-list-link-outline-offset);text-decoration-line:var(--ams-link-list-link-text-decoration-line);text-decoration-thickness:var(--ams-link-list-link-text-decoration-thickness);text-underline-offset:var(--ams-link-list-link-text-underline-offset)}.ams-link-list__link:hover{color:var(--ams-link-list-link-hover-color);text-decoration-line:var(--ams-link-list-link-hover-text-decoration-line)}.ams-link-list__link--small{font-size:var(--ams-link-list-link-small-font-size);line-height:var(--ams-link-list-link-small-line-height)}.ams-link-list__link--large{font-size:var(--ams-link-list-link-large-font-size);line-height:var(--ams-link-list-link-large-line-height);hyphenate-limit-chars:var(--ams-hyphenation-hyphenate-limit-chars);-webkit-hyphens:var(--ams-hyphenation-hyphens);hyphens:var(--ams-hyphenation-hyphens);overflow-wrap:var(--ams-hyphenation-overflow-wrap)}.ams-link-list__link--contrast-color{color:var(--ams-link-list-link-contrast-color-color)}.ams-link-list__link--contrast-color:hover{color:var(--ams-link-list-link-contrast-color-hover-color)}.ams-link-list__link--inverse-color{color:var(--ams-link-list-link-inverse-color-color)}.ams-link-list__link--inverse-color:hover{color:var(--ams-link-list-link-inverse-color-hover-color)}.ams-link{color:var(--ams-link-color);font-family:var(--ams-link-font-family);font-weight:var(--ams-link-font-weight);outline-offset:var(--ams-link-outline-offset);text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}.ams-link:hover{color:var(--ams-link-hover-color)}.ams-link--standalone{display:inline-block;font-size:var(--ams-link-standalone-font-size);line-height:var(--ams-link-standalone-line-height);text-decoration-line:var(--ams-link-standalone-text-decoration-line);text-decoration-thickness:var(--ams-link-standalone-text-decoration-thickness);text-underline-offset:var(--ams-link-standalone-text-underline-offset)}.ams-link--standalone:hover{text-decoration-thickness:var(--ams-link-standalone-hover-text-decoration-thickness);text-underline-offset:var(--ams-link-standalone-hover-text-underline-offset)}.ams-link--inline{font-family:var(--ams-link-inline-font-family);font-size:var(--ams-link-inline-font-size);line-height:var(--ams-link-inline-line-height);text-decoration-line:var(--ams-link-inline-text-decoration-line);text-decoration-thickness:var(--ams-link-inline-text-decoration-thickness);text-underline-offset:var(--ams-link-inline-text-underline-offset)}.ams-link--inline:hover{text-decoration-thickness:var(--ams-link-inline-hover-text-decoration-thickness);text-underline-offset:var(--ams-link-inline-hover-text-underline-offset)}.ams-link--inline:visited{color:var(--ams-link-inline-visited-color)}.ams-link--contrast-color{color:var(--ams-link-contrast-color-color)}.ams-link--contrast-color:hover{color:var(--ams-link-contrast-color-hover-color)}.ams-link--contrast-color:visited{color:var(--ams-link-contrast-color-visited-color)}.ams-link--inverse-color{color:var(--ams-link-inverse-color-color)}.ams-link--inverse-color:hover{color:var(--ams-link-inverse-color-hover-color)}.ams-link--inverse-color:visited{color:var(--ams-link-inverse-color-visited-color)}.ams-logo{block-size:var(--ams-logo-block-size);display:block}.ams-logo__emblem{fill:var(--ams-logo-emblem-color)}.ams-logo__text-primary{fill:var(--ams-logo-title-color)}.ams-logo__text-secondary{fill:var(--ams-logo-subsite-color)}.ams-mb--xs{margin-block-end:var(--ams-margin-xs)!important}.ams-mb--sm{margin-block-end:var(--ams-margin-sm)!important}.ams-mb--md{margin-block-end:var(--ams-margin-md)!important}.ams-mb--lg{margin-block-end:var(--ams-margin-lg)!important}.ams-mb--xl{margin-block-end:var(--ams-margin-xl)!important}.ams-mark{background-color:var(--ams-mark-background-color)}.ams-mega-menu__list-category{column-gap:var(--ams-mega-menu-list-category-column-gap);column-width:var(--ams-mega-menu-list-category-column-width);padding-block-start:var(--ams-mega-menu-list-category-padding-block-start)}.ams-mega-menu__list-category:not(:last-child){padding-block-end:var(--ams-mega-menu-list-category-padding-block-end)}.ams-ordered-list{box-sizing:border-box;display:grid;gap:var(--ams-ordered-list-gap);text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;list-style-type:none;margin-block:0;padding-inline-start:0}.ams-ordered-list:not(.ams-ordered-list--no-markers){color:var(--ams-ordered-list-color);font-family:var(--ams-ordered-list-font-family);font-size:var(--ams-ordered-list-font-size);font-weight:var(--ams-ordered-list-font-weight);line-height:var(--ams-ordered-list-line-height);list-style-type:var(--ams-ordered-list-list-style-type)}.ams-ordered-list:not(.ams-ordered-list--no-markers) .ams-ordered-list__item{margin-inline-start:var(--ams-ordered-list-item-margin-inline-start);padding-inline-start:var(--ams-ordered-list-item-padding-inline-start)}.ams-ordered-list--inverse-color:not(.ams-ordered-list--no-markers){color:var(--ams-ordered-list-inverse-color)}.ams-ordered-list--small:not(.ams-ordered-list--no-markers){font-size:var(--ams-ordered-list-small-font-size);line-height:var(--ams-ordered-list-small-line-height)}:is(.ams-ordered-list,.ams-unordered-list) .ams-ordered-list{gap:var(--ams-ordered-list-ordered-list-gap);list-style-type:var(--ams-ordered-list-ordered-list-list-style-type);padding-block-end:var(--ams-ordered-list-ordered-list-padding-block-end);padding-block-start:var(--ams-ordered-list-ordered-list-padding-block-start)}:is(.ams-ordered-list,.ams-unordered-list) .ams-ordered-list .ams-ordered-list__item{margin-inline-start:var(--ams-ordered-list-ordered-list-item-margin-inline-start);padding-inline-start:var(--ams-ordered-list-ordered-list-item-padding-inline-start)}.ams-overlap{display:grid}.ams-overlap>*{grid-column:1/-1;grid-row:1/-1}.ams-page-heading{box-sizing:border-box;break-after:avoid;break-inside:avoid;color:var(--ams-page-heading-color);font-family:var(--ams-page-heading-font-family);font-size:var(--ams-page-heading-font-size);font-weight:var(--ams-page-heading-font-weight);line-height:var(--ams-page-heading-line-height);hyphenate-limit-chars:var(--ams-hyphenation-hyphenate-limit-chars);-webkit-hyphens:var(--ams-hyphenation-hyphens);hyphens:var(--ams-hyphenation-hyphens);overflow-wrap:var(--ams-hyphenation-overflow-wrap);text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;margin-block:0}.ams-page-heading--inverse-color{color:var(--ams-page-heading-inverse-color)}.ams-page-menu{align-items:center;box-sizing:border-box;column-gap:var(--ams-page-menu-column-gap);display:flex;flex-direction:row;flex-wrap:wrap;list-style:none;row-gap:var(--ams-page-menu-row-gap);margin-block:0;padding-inline:0}.ams-page-menu--align-end{justify-content:end}.ams-page-menu--no-wrap{flex-wrap:nowrap}.ams-page-menu__link{box-sizing:border-box;color:var(--ams-page-menu-item-color);display:inline-flex;flex-direction:row;font-family:var(--ams-page-menu-item-font-family);font-size:var(--ams-page-menu-item-font-size);font-weight:var(--ams-page-menu-item-font-weight);gap:var(--ams-page-menu-item-gap);line-height:var(--ams-page-menu-item-line-height);outline-offset:var(--ams-page-menu-item-outline-offset);text-align:center;text-decoration-line:var(--ams-page-menu-item-text-decoration-line);text-decoration-thickness:var(--ams-page-menu-item-text-decoration-thickness);text-underline-offset:var(--ams-page-menu-item-text-underline-offset);touch-action:manipulation;white-space:nowrap;text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}.ams-page-menu__link:hover,.ams-page-menu__button:hover{color:var(--ams-page-menu-item-hover-color);text-decoration-line:var(--ams-page-menu-item-hover-text-decoration-line)}.ams-page-menu__link svg{color:currentColor}.ams-pagination__list{color:var(--ams-pagination-color);display:flex;flex-wrap:wrap;font-family:var(--ams-pagination-font-family);font-size:var(--ams-pagination-font-size);font-weight:var(--ams-pagination-font-weight);justify-content:center;line-height:var(--ams-pagination-line-height);list-style-type:none;margin-block:0;padding-inline-start:0}.ams-pagination__button{all:unset;outline:revert;box-sizing:border-box;cursor:pointer;display:flex;gap:var(--ams-pagination-button-gap);outline-offset:var(--ams-pagination-button-outline-offset);padding-inline:var(--ams-pagination-button-padding-inline);text-decoration-line:var(--ams-pagination-button-text-decoration-line);text-decoration-thickness:var(--ams-pagination-button-text-decoration-thickness);text-underline-offset:var(--ams-pagination-button-text-underline-offset);touch-action:manipulation;text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}.ams-pagination__button:disabled{display:none}.ams-pagination__button:hover{color:var(--ams-pagination-button-hover-color);text-decoration-line:var(--ams-pagination-button-hover-text-decoration-line)}.ams-pagination__button span.ams-icon svg{block-size:1rem;inline-size:1rem}.ams-pagination__button--current{cursor:default;font-weight:var(--ams-pagination-button-current-font-weight)}.ams-pagination__button--current:hover{text-decoration:none}.ams-paragraph{box-sizing:border-box;color:var(--ams-paragraph-color);font-family:var(--ams-paragraph-font-family);font-size:var(--ams-paragraph-font-size);font-weight:var(--ams-paragraph-font-weight);line-height:var(--ams-paragraph-line-height);text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;margin-block:0}.ams-paragraph--small{font-size:var(--ams-paragraph-small-font-size);line-height:var(--ams-paragraph-small-line-height)}.ams-paragraph--large{font-size:var(--ams-paragraph-large-font-size);line-height:var(--ams-paragraph-large-line-height)}.ams-paragraph--inverse-color{color:var(--ams-paragraph-inverse-color)}.ams-password-input{background-color:var(--ams-password-input-background-color);box-shadow:var(--ams-password-input-box-shadow);box-sizing:border-box;color:var(--ams-password-input-color);font-family:var(--ams-password-input-font-family);font-size:var(--ams-password-input-font-size);font-weight:var(--ams-password-input-font-weight);inline-size:100%;line-height:var(--ams-password-input-line-height);outline-offset:var(--ams-password-input-outline-offset);padding-block:var(--ams-password-input-padding-block);padding-inline:var(--ams-password-input-padding-inline);touch-action:manipulation;text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:0;margin-block:0}.ams-password-input:hover{box-shadow:var(--ams-password-input-hover-box-shadow)}.ams-password-input::placeholder{color:var(--ams-password-input-placeholder-color);opacity:100%}.ams-password-input:disabled{background-color:var(--ams-password-input-disabled-background-color);box-shadow:var(--ams-password-input-disabled-box-shadow);color:var(--ams-password-input-disabled-color);cursor:not-allowed}.ams-password-input:invalid,.ams-password-input[aria-invalid=true]{box-shadow:var(--ams-password-input-invalid-box-shadow)}.ams-password-input:invalid:hover,.ams-password-input[aria-invalid=true]:hover{box-shadow:var(--ams-password-input-invalid-hover-box-shadow)}.ams-radio__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;inline-size:0;margin-block:0;margin-inline:0}.ams-radio__input:focus+label{outline:auto}.ams-radio__input:focus:not(:focus-visible)+label{outline:0}.ams-radio__label{color:var(--ams-radio-color);cursor:pointer;display:inline-flex;font-family:var(--ams-radio-font-family);font-size:var(--ams-radio-font-size);font-weight:var(--ams-radio-font-weight);gap:var(--ams-radio-gap);line-height:var(--ams-radio-line-height);outline-offset:var(--ams-radio-outline-offset);text-decoration-thickness:var(--ams-radio-text-decoration-thickness);text-underline-offset:var(--ams-radio-text-underline-offset);text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}.ams-radio__icon-container{block-size:var(--ams-radio-icon-container-block-size);display:flex;flex:none;inline-size:var(--ams-radio-icon-container-inline-size)}.ams-radio__circle{fill:var(--ams-radio-circle-fill);stroke:var(--ams-radio-circle-stroke);stroke-width:var(--ams-radio-circle-stroke-width)}.ams-radio__hover-indicator{fill:none;stroke:#0000;stroke-width:var(--ams-radio-hover-indicator-stroke-width)}.ams-radio__checked-indicator{display:none;fill:var(--ams-radio-checked-indicator-fill)}.ams-radio__label:hover{color:var(--ams-radio-hover-color);text-decoration-line:var(--ams-radio-hover-text-decoration-line)}.ams-radio__label:hover .ams-radio__circle{stroke:var(--ams-radio-circle-hover-stroke)}.ams-radio__label:hover .ams-radio__hover-indicator{stroke:var(--ams-radio-hover-indicator-hover-stroke)}.ams-radio__label:hover .ams-radio__checked-indicator{fill:var(--ams-radio-checked-indicator-hover-fill)}.ams-radio__input[aria-invalid=true]+.ams-radio__label .ams-radio__circle{stroke:var(--ams-radio-circle-invalid-stroke)}.ams-radio__input[aria-invalid=true]+.ams-radio__label .ams-radio__checked-indicator{fill:var(--ams-radio-checked-indicator-invalid-fill)}.ams-radio__input:checked+.ams-radio__label .ams-radio__checked-indicator{display:block}.ams-radio__input:disabled+.ams-radio__label{color:var(--ams-radio-disabled-color);cursor:not-allowed}.ams-radio__input:disabled+.ams-radio__label .ams-radio__circle{stroke:var(--ams-radio-circle-disabled-stroke)}.ams-radio__input:disabled+.ams-radio__label .ams-radio__checked-indicator{fill:var(--ams-radio-checked-indicator-disabled-fill)}.ams-radio__input[aria-invalid=true]:disabled+.ams-radio__label .ams-radio__circle{stroke:var(--ams-radio-circle-disabled-invalid-stroke)}.ams-radio__input[aria-invalid=true]:disabled+.ams-radio__label .ams-radio__checked-indicator{fill:var(--ams-radio-checked-indicator-disabled-invalid-fill)}.ams-radio__input:disabled+.ams-radio__label:hover{text-decoration:none}.ams-radio__input:disabled+.ams-radio__label:hover .ams-radio__hover-indicator{stroke:#0000}.ams-radio__input[aria-invalid=true]+.ams-radio__label:hover .ams-radio__circle{stroke:var(--ams-radio-circle-invalid-hover-stroke)}.ams-radio__input[aria-invalid=true]+.ams-radio__label:hover .ams-radio__hover-indicator{stroke:var(--ams-radio-hover-indicator-invalid-hover-stroke)}.ams-radio__input[aria-invalid=true]+.ams-radio__label:hover .ams-radio__checked-indicator{fill:var(--ams-radio-checked-indicator-invalid-hover-fill)}.ams-radio__input[aria-invalid=true]:disabled+.ams-radio__label:hover .ams-radio__circle{stroke:var(--ams-radio-circle-disabled-invalid-hover-stroke)}.ams-radio__input[aria-invalid=true]:disabled+.ams-radio__label:hover .ams-radio__hover-indicator{stroke:#0000}.ams-radio__input[aria-invalid=true]:disabled+.ams-radio__label:hover .ams-radio__checked-indicator{fill:var(--ams-radio-checked-indicator-disabled-invalid-hover-fill)}@media (forced-colors: active){.ams-radio__label .ams-radio__circle,.ams-radio__label:hover .ams-radio__circle,.ams-radio__input[aria-invalid=true]+.ams-radio__label .ams-radio__circle,.ams-radio__input[aria-invalid=true]+.ams-radio__label:hover .ams-radio__circle{stroke:FieldText}.ams-radio__label .ams-radio__checked-indicator,.ams-radio__label:hover .ams-radio__checked-indicator,.ams-radio__input[aria-invalid=true]+.ams-radio__label .ams-radio__checked-indicator,.ams-radio__input[aria-invalid=true]+.ams-radio__label:hover .ams-radio__checked-indicator{fill:FieldText}}@media (forced-colors: active){.ams-radio__input:checked+.ams-radio__label .ams-radio__circle,.ams-radio__input[aria-invalid=true]:checked+.ams-radio__label:hover .ams-radio__circle{stroke:ActiveText}.ams-radio__input:checked+.ams-radio__label .ams-radio__checked-indicator,.ams-radio__input[aria-invalid=true]:checked+.ams-radio__label:hover .ams-radio__checked-indicator{fill:ActiveText}}@media (forced-colors: active){.ams-radio__input:disabled+.ams-radio__label .ams-radio__circle,.ams-radio__input[aria-invalid=true]:disabled+.ams-radio__label .ams-radio__circle,.ams-radio__input[aria-invalid=true]:disabled+.ams-radio__label:hover .ams-radio__circle{stroke:GrayText}.ams-radio__input:disabled+.ams-radio__label .ams-radio__checked-indicator,.ams-radio__input[aria-invalid=true]:disabled+.ams-radio__label .ams-radio__checked-indicator,.ams-radio__input[aria-invalid=true]:disabled+.ams-radio__label:hover .ams-radio__checked-indicator{fill:GrayText}}.ams-row{display:flex;flex-direction:row;gap:var(--ams-row-gap-md)}.ams-row--gap-none{gap:var(--ams-row-gap-no)}.ams-row--gap-extra-small{gap:var(--ams-row-gap-xs)}.ams-row--gap-small{gap:var(--ams-row-gap-sm)}.ams-row--gap-large{gap:var(--ams-row-gap-lg)}.ams-row--gap-extra-large{gap:var(--ams-row-gap-xl)}.ams-row--wrap{flex-wrap:wrap}.ams-row--align-around{justify-content:space-around}.ams-row--align-between{justify-content:space-between}.ams-row--align-center{justify-content:center}.ams-row--align-end{justify-content:flex-end}.ams-row--align-evenly{justify-content:space-evenly}.ams-row--align-vertical-baseline{align-items:baseline}.ams-row--align-vertical-center{align-items:center}.ams-row--align-vertical-end{align-items:flex-end}.ams-row--align-vertical-start{align-items:flex-start}.ams-screen{background-color:var(--ams-screen-background-color);box-sizing:border-box;margin-inline:auto;position:relative}.ams-screen--full-height{min-block-size:100vh}.ams-screen--wide{max-inline-size:var(--ams-screen-wide-max-inline-size)}.ams-screen--x-wide{max-inline-size:var(--ams-screen-x-wide-max-inline-size)}.ams-search-field{display:flex;isolation:isolate}.ams-search-field__input{background-color:var(--ams-search-field-input-background-color);box-shadow:var(--ams-search-field-input-box-shadow);box-sizing:border-box;color:var(--ams-search-field-input-color);font-family:var(--ams-search-field-input-font-family);font-size:var(--ams-search-field-input-font-size);font-weight:var(--ams-search-field-input-font-weight);inline-size:100%;line-height:var(--ams-search-field-input-line-height);outline-offset:var(--ams-search-field-input-outline-offset);padding-block:var(--ams-search-field-input-padding-block);padding-inline:var(--ams-search-field-input-padding-inline);touch-action:manipulation;text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:0;margin-block:0}.ams-search-field__input:hover{box-shadow:var(--ams-search-field-input-hover-box-shadow)}.ams-search-field__input:focus{z-index:1}.ams-search-field__input:invalid,.ams-search-field__input[aria-invalid=true]{box-shadow:var(--ams-search-field-input-invalid-box-shadow)}.ams-search-field__input:invalid:hover,.ams-search-field__input[aria-invalid=true]:hover{box-shadow:var(--ams-search-field-input-invalid-hover-box-shadow)}.ams-search-field__input::placeholder{color:var(--ams-search-field-input-placeholder-color);opacity:100%}.ams-search-field__input::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:var(--ams-search-field-input-cancel-button-background-image);block-size:var(--ams-search-field-input-cancel-button-block-size);cursor:pointer;inline-size:var(--ams-search-field-input-cancel-button-inline-size);margin-inline-start:.5rem}.ams-select{background-color:var(--ams-select-background-color);box-shadow:var(--ams-select-box-shadow);color:var(--ams-select-color);font-family:var(--ams-select-font-family);font-size:var(--ams-select-font-size);font-weight:var(--ams-select-font-weight);inline-size:100%;line-height:var(--ams-select-line-height);outline-offset:var(--ams-select-outline-offset);padding-block:var(--ams-select-padding-block);padding-inline:var(--ams-select-padding-inline);touch-action:manipulation;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:0}.ams-select:not([multiple]){background-image:var(--ams-select-background-image);background-position:var(--ams-select-background-position);background-repeat:no-repeat;background-size:1em 1em}.ams-select:hover{box-shadow:var(--ams-select-hover-box-shadow)}.ams-select:invalid,.ams-select[aria-invalid=true]{box-shadow:var(--ams-select-invalid-box-shadow)}.ams-select:disabled{box-shadow:var(--ams-select-disabled-box-shadow);color:var(--ams-select-disabled-color);cursor:not-allowed}.ams-select:disabled:not([multiple]){background-image:var(--ams-select-disabled-background-image)}.ams-select:invalid:hover,.ams-select[aria-invalid=true]:hover{box-shadow:var(--ams-select-invalid-hover-box-shadow)}.ams-select__option:disabled{color:var(--ams-select-option-disabled-color)}.ams-skip-link{background-color:var(--ams-skip-link-background-color);color:var(--ams-skip-link-color);display:block;font-family:var(--ams-skip-link-font-family);font-size:var(--ams-skip-link-font-size);font-weight:var(--ams-skip-link-font-weight);line-height:var(--ams-skip-link-line-height);outline-offset:var(--ams-skip-link-outline-offset);padding-block:var(--ams-skip-link-padding-block);padding-inline:var(--ams-skip-link-padding-inline);text-align:center;text-decoration:none}.ams-skip-link:hover{background-color:var(--ams-skip-link-hover-background-color)}.ams-spotlight--azure{background-color:var(--ams-spotlight-azure-background-color)}.ams-spotlight--blue{background-color:var(--ams-spotlight-blue-background-color)}.ams-spotlight--green{background-color:var(--ams-spotlight-green-background-color)}.ams-spotlight--lime{background-color:var(--ams-spotlight-lime-background-color)}.ams-spotlight--magenta{background-color:var(--ams-spotlight-magenta-background-color)}.ams-spotlight--orange{background-color:var(--ams-spotlight-orange-background-color)}.ams-spotlight--purple{background-color:var(--ams-spotlight-purple-background-color)}.ams-spotlight--yellow{background-color:var(--ams-spotlight-yellow-background-color)}.ams-switch__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;inline-size:0;margin-block:0;margin-inline:0}.ams-switch__input:focus+label{outline:auto}.ams-switch__input:focus:not(:focus-visible)+label{outline:0}.ams-switch__label{--ams-switch-track-border-width: .0625rem;background-color:var(--ams-switch-background-color);border:var(--ams-switch-track-border-width) solid rgba(0,0,0,0);border-radius:calc(var(--ams-switch-thumb-inline-size)*2);box-sizing:border-box;cursor:pointer;display:inline-block;inline-size:var(--ams-switch-inline-size);outline-offset:var(--ams-switch-outline-offset);transition:background-color .2s ease-in-out}.ams-switch__label:before{background-color:var(--ams-switch-thumb-background-color);block-size:var(--ams-switch-thumb-block-size);border-radius:50%;content:"";display:block;inline-size:var(--ams-switch-thumb-inline-size);transition-duration:.1s;transition-property:box-shadow,transform;transition-timing-function:ease-in-out}@media (forced-colors: active){.ams-switch__label:before{background-color:FieldText}}.ams-switch__input:checked+.ams-switch__label{background-color:var(--ams-switch-checked-background-color)}.ams-switch__input:disabled+.ams-switch__label{background-color:var(--ams-switch-disabled-background-color);cursor:not-allowed}.ams-switch__input:checked+.ams-switch__label:before{transform:translate(calc(100% - 2 * var(--ams-switch-track-border-width)))}.ams-switch:hover .ams-switch__input:enabled+.ams-switch__label:before{box-shadow:var(--ams-switch-thumb-hover-box-shadow)}.ams-table-of-contents{display:flex;flex-direction:column;font-family:var(--ams-table-of-contents-font-family);font-size:var(--ams-table-of-contents-font-size);font-weight:var(--ams-table-of-contents-font-weight);gap:var(--ams-table-of-contents-gap);line-height:var(--ams-table-of-contents-line-height)}.ams-table-of-contents__list{box-sizing:border-box;display:flex;flex-direction:column;gap:var(--ams-table-of-contents-list-gap);list-style:none;text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;margin-block:0;padding-inline:0}.ams-table-of-contents__list .ams-table-of-contents__list{padding-block-start:var(--ams-table-of-contents-list-list-padding-block-start);padding-inline-start:var(--ams-table-of-contents-list-list-padding-inline-start)}.ams-table-of-contents__link{color:var(--ams-table-of-contents-link-color);outline-offset:var(--ams-table-of-contents-link-outline-offset);text-decoration-line:var(--ams-table-of-contents-link-text-decoration-line);text-decoration-thickness:var(--ams-table-of-contents-link-text-decoration-thickness);text-underline-offset:var(--ams-table-of-contents-link-text-underline-offset)}.ams-table-of-contents__link:hover{color:var(--ams-table-of-contents-link-hover-color);text-decoration-line:var(--ams-table-of-contents-link-hover-text-decoration-line)}.ams-table{overflow-x:auto}.ams-table__table{border-spacing:0;break-inside:avoid;color:var(--ams-table-color);font-family:var(--ams-table-font-family);font-size:var(--ams-table-font-size);font-weight:var(--ams-table-font-weight);line-height:var(--ams-table-line-height)}.ams-table__caption{font-weight:var(--ams-table-caption-font-weight);text-align:start}.ams-table__cell,.ams-table__header-cell{border-block-end:var(--ams-table-cell-border-block-end);padding-block:var(--ams-table-cell-padding-block);padding-inline:var(--ams-table-cell-padding-inline);text-align:start;vertical-align:top}.ams-table__header-cell{font-weight:var(--ams-table-header-cell-font-weight)}.ams-tabs{display:grid;gap:var(--ams-tabs-gap)}.ams-tabs__list{box-shadow:var(--ams-tabs-list-box-shadow);display:flex;overflow-x:auto}.ams-tabs__button{color:var(--ams-tabs-button-color);cursor:var(--ams-tabs-button-cursor);display:grid;font-family:var(--ams-tabs-button-font-family);font-size:var(--ams-tabs-button-font-size);font-weight:var(--ams-tabs-button-font-weight);line-height:var(--ams-tabs-button-line-height);outline-offset:var(--ams-tabs-button-outline-offset);padding-block:var(--ams-tabs-button-padding-block);padding-inline:var(--ams-tabs-button-padding-inline);background-color:#0000;border:0;margin-block:0;margin-inline:0}.ams-tabs__button:disabled{color:var(--ams-tabs-button-disabled-color);cursor:var(--ams-tabs-button-disabled-cursor)}@media (forced-colors: active){.ams-tabs__button:disabled{color:GrayText}}.ams-tabs__button:hover:not([aria-selected=true],[disabled]){box-shadow:var(--ams-tabs-button-hover-box-shadow);color:var(--ams-tabs-button-hover-color)}.ams-tabs__button[aria-selected=true]{box-shadow:var(--ams-tabs-button-selected-box-shadow);color:var(--ams-tabs-button-selected-color);font-weight:var(--ams-tabs-button-selected-font-weight)}@media (forced-colors: active){.ams-tabs__button[aria-selected=true]{background-color:SelectedItem}}.ams-tabs__button-label,.ams-tabs__button-label-hidden{grid-area:1/1}.ams-tabs__button-label-hidden{font-weight:var(--ams-tabs-button-selected-font-weight);pointer-events:none;-webkit-user-select:none;user-select:none;visibility:hidden}.ams-text-area{background-color:var(--ams-text-area-background-color);box-shadow:var(--ams-text-area-box-shadow);box-sizing:border-box;color:var(--ams-text-area-color);font-family:var(--ams-text-area-font-family);font-size:var(--ams-text-area-font-size);font-weight:var(--ams-text-area-font-weight);inline-size:100%;line-height:var(--ams-text-area-line-height);max-inline-size:100%;min-block-size:var(--ams-text-area-min-block-size);outline-offset:var(--ams-text-area-outline-offset);padding-block:var(--ams-text-area-padding-block);padding-inline:var(--ams-text-area-padding-inline);touch-action:manipulation;text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:0;margin-block:0}.ams-text-area:hover{box-shadow:var(--ams-text-area-hover-box-shadow)}.ams-text-area::placeholder{color:var(--ams-text-area-placeholder-color);opacity:100%}.ams-text-area:disabled{background-color:var(--ams-text-area-disabled-background-color);box-shadow:var(--ams-text-area-disabled-box-shadow);color:var(--ams-text-area-disabled-color);cursor:var(--ams-text-area-disabled-cursor)}.ams-text-area:invalid,.ams-text-area[aria-invalid=true]{box-shadow:var(--ams-text-area-invalid-box-shadow)}.ams-text-area:invalid:hover,.ams-text-area[aria-invalid=true]:hover{box-shadow:var(--ams-text-area-invalid-hover-box-shadow)}.ams-text-area--resize-none{resize:none}.ams-text-area--resize-horizontal{resize:inline}.ams-text-area--resize-vertical{resize:block}.ams-text-area--cols{inline-size:auto}.ams-text-input{background-color:var(--ams-text-input-background-color);box-shadow:var(--ams-text-input-box-shadow);box-sizing:border-box;color:var(--ams-text-input-color);font-family:var(--ams-text-input-font-family);font-size:var(--ams-text-input-font-size);font-weight:var(--ams-text-input-font-weight);inline-size:100%;line-height:var(--ams-text-input-line-height);outline-offset:var(--ams-text-input-outline-offset);padding-block:var(--ams-text-input-padding-block);padding-inline:var(--ams-text-input-padding-inline);touch-action:manipulation;text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:0;margin-block:0}.ams-text-input:hover{box-shadow:var(--ams-text-input-hover-box-shadow)}.ams-text-input::placeholder{color:var(--ams-text-input-placeholder-color);opacity:100%}.ams-text-input:disabled{background-color:var(--ams-text-input-disabled-background-color);box-shadow:var(--ams-text-input-disabled-box-shadow);color:var(--ams-text-input-disabled-color);cursor:not-allowed}.ams-text-input:invalid,.ams-text-input[aria-invalid=true]{box-shadow:var(--ams-text-input-invalid-box-shadow)}.ams-text-input:invalid:hover,.ams-text-input[aria-invalid=true]:hover{box-shadow:var(--ams-text-input-invalid-hover-box-shadow)}.ams-time-input{background-color:var(--ams-time-input-background-color);box-shadow:var(--ams-time-input-box-shadow);box-sizing:border-box;color:var(--ams-time-input-color);font-family:var(--ams-time-input-font-family);font-size:var(--ams-time-input-font-size);font-weight:var(--ams-time-input-font-weight);line-height:var(--ams-time-input-line-height);min-block-size:calc(var(--ams-time-input-font-size)*var(--ams-time-input-line-height) + 2*var(--ams-time-input-padding-block));min-inline-size:calc(4ch + 2*var(--ams-time-input-padding-inline));outline-offset:var(--ams-time-input-outline-offset);padding-block:var(--ams-time-input-padding-block);padding-inline:var(--ams-time-input-padding-inline);touch-action:manipulation;text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:0;inline-size:auto;margin-block:0}.ams-time-input:hover{box-shadow:var(--ams-time-input-hover-box-shadow)}.ams-time-input::-webkit-calendar-picker-indicator{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:var(--ams-time-input-calender-picker-indicator-background-image);cursor:pointer}.ams-time-input:hover::-webkit-calendar-picker-indicator{background-image:var(--ams-time-input-hover-calender-picker-indicator-background-image)}.ams-time-input:disabled{background-color:var(--ams-time-input-disabled-background-color);box-shadow:var(--ams-time-input-disabled-box-shadow);color:var(--ams-time-input-disabled-color);cursor:not-allowed}.ams-time-input:disabled::-webkit-calendar-picker-indicator{background-image:var(--ams-time-input-disabled-calender-picker-indicator-background-image);visibility:visible}.ams-time-input:invalid,.ams-time-input[aria-invalid=true]{box-shadow:var(--ams-time-input-invalid-box-shadow)}.ams-time-input:invalid:hover,.ams-time-input[aria-invalid=true]:hover{box-shadow:var(--ams-time-input-invalid-hover-box-shadow)}.ams-top-task-link{break-inside:avoid;display:flex;flex-direction:column;gap:var(--ams-top-task-link-gap);outline-offset:var(--ams-top-task-link-outline-offset);text-decoration:none}.ams-top-task-link__label{box-sizing:border-box;color:var(--ams-top-task-link-label-color);font-family:var(--ams-top-task-link-label-font-family);font-size:var(--ams-top-task-link-label-font-size);font-weight:var(--ams-top-task-link-label-font-weight);line-height:var(--ams-top-task-link-label-line-height);text-decoration-line:var(--ams-top-task-link-label-text-decoration-line);text-decoration-thickness:var(--ams-top-task-link-label-text-decoration-thickness);text-underline-offset:var(--ams-top-task-link-label-text-underline-offset);hyphenate-limit-chars:var(--ams-hyphenation-hyphenate-limit-chars);-webkit-hyphens:var(--ams-hyphenation-hyphens);hyphens:var(--ams-hyphenation-hyphens);overflow-wrap:var(--ams-hyphenation-overflow-wrap);text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}.ams-top-task-link:hover .ams-top-task-link__label{color:var(--ams-top-task-link-label-hover-color);text-decoration-line:var(--ams-top-task-link-label-hover-text-decoration-line)}.ams-top-task-link__description{box-sizing:border-box;color:var(--ams-top-task-link-description-color);font-family:var(--ams-top-task-link-description-font-family);font-size:var(--ams-top-task-link-description-font-size);font-weight:var(--ams-top-task-link-description-font-weight);line-height:var(--ams-top-task-link-description-line-height)}.ams-unordered-list{box-sizing:border-box;display:grid;gap:var(--ams-unordered-list-gap);text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;list-style:none;margin-block:0;padding-inline-start:0}.ams-unordered-list:not(.ams-unordered-list--no-markers){color:var(--ams-unordered-list-color);font-family:var(--ams-unordered-list-font-family);font-size:var(--ams-unordered-list-font-size);font-weight:var(--ams-unordered-list-font-weight);line-height:var(--ams-unordered-list-line-height);list-style-type:var(--ams-unordered-list-list-style-type)}.ams-unordered-list:not(.ams-unordered-list--no-markers) .ams-unordered-list__item{margin-inline-start:var(--ams-unordered-list-item-margin-inline-start);padding-inline-start:var(--ams-unordered-list-item-padding-inline-start)}.ams-unordered-list--inverse-color:not(.ams-unordered-list--no-markers){color:var(--ams-unordered-list-inverse-color)}.ams-unordered-list--small:not(.ams-unordered-list--no-markers){font-size:var(--ams-unordered-list-small-font-size);line-height:var(--ams-unordered-list-small-line-height)}:is(.ams-ordered-list,.ams-unordered-list) .ams-unordered-list{gap:var(--ams-unordered-list-unordered-list-gap);list-style-type:var(--ams-unordered-list-unordered-list-list-style-type);padding-block-end:var(--ams-unordered-list-unordered-list-padding-block-end);padding-block-start:var(--ams-unordered-list-unordered-list-padding-block-start)}:is(.ams-ordered-list,.ams-unordered-list) .ams-unordered-list .ams-unordered-list__item{margin-inline-start:var(--ams-unordered-list-unordered-list-item-margin-inline-start);padding-inline-start:var(--ams-unordered-list-unordered-list-item-padding-inline-start)}.ams-visually-hidden:not(:active,:focus){block-size:1px;clip:rect(0 0 0 0);clip-path:inset(50%);inline-size:1px;overflow:hidden;position:absolute;white-space:nowrap}:root{--ams-docs-grey: rgb(0 0 0 / 6.25%);--ams-docs-pink: rgb(229 0 130 / 25%);--ams-docs-lightblue: rgb(0 130 229 / 25%)}.ams-docs-figure{display:flex;gap:.25rem;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.ams-docs-image,.ams-docs-figure>img{display:block;max-inline-size:100%;outline:.0625rem dashed #e8e8e8}.ams-docs-figure>figcaption{text-align:center}.ams-docs-gallery{align-items:flex-end;display:flex;gap:2rem;margin-block:1.5rem}.ams-docs-gallery .ams-docs-figure{align-items:center;display:flex;flex-direction:column;inline-size:fit-content;margin-inline:0}.ams-docs-card{border:.0625rem solid hotpink;display:flex;flex-direction:column;gap:.5rem;inline-size:50%;padding-block:.5rem;padding-inline:.5rem}.ams-docs-dark-background,.ams-docs-light-background{margin-block:-1rem;margin-inline:-1rem;padding-block:1rem;padding-inline:1rem}.ams-docs-light-background{background-color:#ffe600}.ams-docs-dark-background{background-color:#004699}.ams-docs-backdrop{background-color:#0006;block-size:100%;inline-size:100%;position:absolute}.ams-docs-column,.ams-docs-grid,.ams-docs-row{border-inline:thin solid var(--ams-docs-grey)}.ams-docs-column,.ams-docs-row{background:repeating-linear-gradient(135deg,var(--ams-docs-grey),var(--ams-docs-grey) .5rem,white .5rem,white 1rem)}.ams-docs-column{max-inline-size:16rem;min-block-size:16rem}.ams-docs-row{min-block-size:6rem}.ams-docs-grid{block-size:100vh;inset-block:0;inset-inline:0;position:absolute}#storybook-docs .ams-docs-grid{block-size:100%}.ams-docs-grid__cell{background-color:var(--ams-docs-grey)}@media screen and (width < 36rem){.ams-docs-grid__cell:nth-child(n+5){display:none}}@media screen and (width < 68rem){.ams-docs-grid__cell:nth-child(n+9){display:none}}.ams-docs-aspect-ratio{min-block-size:initial;padding-block:var(--ams-space-md);padding-inline:var(--ams-space-md)}.ams-docs-item{background-color:var(--ams-docs-pink);border:thin dashed var(--ams-docs-grey);font-family:Amsterdam Sans,sans-serif;font-size:var(--ams-paragraph-small-font-size);line-height:var(--ams-paragraph-small-line-height);padding-block:1.5rem;text-align:center}.ams-docs-row>.ams-docs-item{flex-basis:8rem;padding-inline:1.5rem}.ams-docs-column>.ams-docs-item{min-inline-size:3rem}.ams-docs-item--highlight{background-color:var(--ams-docs-lightblue)}[class*=ams-docs-token-example--]{block-size:1rem}[class*=ams-docs-token-example--border]{border-inline-start-style:solid}[class*=ams-docs-token-example--space]{background-color:var(--ams-brand-color-neutral-0);outline:1px dashed var(--ams-brand-color-neutral-40)}.ams-resize-horizontal{outline:1px dashed var(--ams-docs-pink);overflow:auto;padding-block-end:1rem;resize:horizontal}.sbdocs-wrapper.sbdocs-wrapper{padding-inline:8vw}.sbdocs-content.sbdocs-content>:is(h1,h2,h3,h4,h5,h6,p),.sbdocs-content.sbdocs-content>div:not(.sb-unstyled)>:is(h1,h2,h3,h4,h5,h6,p),.sbdocs-content.sbdocs-content>:is(ol,ul) li,.sbdocs-content.sbdocs-content>div:not(.sb-unstyled)>:is(ol,ul) li,.sbdocs-content.sbdocs-content>table:not(.sb-unstyled) :is(td,th),.sbdocs-content.sbdocs-content>div:not(.sb-unstyled)>table:not(.sb-unstyled) :is(td,th),.sbdocs-content.sbdocs-content>div:not(.sb-unstyled) figcaption{color:#000;font-family:Amsterdam Sans,Arial,sans-serif}.sbdocs-content.sbdocs-content>p,.sbdocs-content.sbdocs-content>div:not(.sb-unstyled)>p,.sbdocs-content.sbdocs-content>blockquote>p,.sbdocs-content.sbdocs-content>div:not(.sb-unstyled)>blockquote>p,.sbdocs-content.sbdocs-content>:is(ol,ul) li,.sbdocs-content.sbdocs-content>div:not(.sb-unstyled)>:is(ol,ul) li,.sbdocs-content.sbdocs-content>:is(ol,ul) li>p,.sbdocs-content.sbdocs-content>div:not(.sb-unstyled)>:is(ol,ul) li>p{font-size:1.125rem;line-height:1.75}.sbdocs-content.sbdocs-content>h1+p,.sbdocs-content.sbdocs-content>div:not(.sb-unstyled)>h1+p{font-size:1.375rem;margin-block-end:2em}.sbdocs-content.sbdocs-content>.ams-storybook-status-badge{margin-block-end:1.5rem}.sbdocs-content.sbdocs-content>.ams-storybook-status-badge>span:nth-child(2){color:#000;font-family:Amsterdam Sans,Arial,sans-serif;font-size:var(--ams-text-level-6-font-size)}.sbdocs-content.sbdocs-content .sbdocs-a{color:#004699;text-decoration:underline;text-decoration-thickness:.125rem;text-underline-offset:.3333em}.sbdocs-content.sbdocs-content .sbdocs-a:hover{color:#102e62;text-decoration-thickness:.1875rem;text-underline-offset:.2778em}.sbdocs-content.sbdocs-content>:is(h1,h2,h3,h4,h5,h6),.sbdocs-content.sbdocs-content>div:not(.sb-unstyled)>:is(h1,h2,h3,h4,h5,h6){margin-block:2em .25em;padding-block:0}.sbdocs-content.sbdocs-content>h1,.sbdocs-content.sbdocs-content>div:not(.sb-unstyled)>h1{font-size:2.5rem;margin-block-start:0}.sbdocs-content.sbdocs-content>h2,.sbdocs-content.sbdocs-content>div:not(.sb-unstyled)>h2{border-block-end:none;font-size:1.5rem}.sbdocs-content.sbdocs-content>h3,.sbdocs-content.sbdocs-content>div:not(.sb-unstyled)>h3{font-size:1.25rem}.sbdocs-content.sbdocs-content>h4,.sbdocs-content.sbdocs-content>div:not(.sb-unstyled)>h4{font-size:1.125rem}.sbdocs-content.sbdocs-content>h2+h3,.sbdocs-content.sbdocs-content>div:not(.sb-unstyled)>h2+h3,.sbdocs-content.sbdocs-content>h3+h4,.sbdocs-content.sbdocs-content>div:not(.sb-unstyled)>h3+h4,.sbdocs-content.sbdocs-content>h4+h5,.sbdocs-content.sbdocs-content>div:not(.sb-unstyled)>h4+h5{margin-block-start:1em}.sbdocs-content.sbdocs-content>:is(p,ol,ul),.sbdocs-content.sbdocs-content>div:not(.sb-unstyled)>:is(p,ol,ul){margin-block:0 1rem;padding-block:0}.sbdocs-content.sbdocs-content>table:not(.sb-unstyled) :is(td,th),.sbdocs-content.sbdocs-content>div:not(.sb-unstyled)>table:not(.sb-unstyled) :is(td,th){font-size:1rem;line-height:1.5}.sbdocs-content.sbdocs-content>p code{color:currentColor;font-size:1rem}.sbdocs-content.sbdocs-content>div:not(.sb-unstyled) figcaption{font-size:.875rem}:is(#storybook-root,.sbdocs-content) a[href="#"]{cursor:not-allowed}@media (forced-colors: active){.innerZoomElementWrapper.innerZoomElementWrapper>div{border-color:Canvas!important}} diff --git a/demo-develop/assets/preview-DhHcT4ut.css b/demo-develop/assets/preview-DhHcT4ut.css new file mode 100644 index 0000000000..db53babe26 --- /dev/null +++ b/demo-develop/assets/preview-DhHcT4ut.css @@ -0,0 +1,5 @@ +:root{--ams-aspect-ratio-x-tall: 9 / 16;--ams-aspect-ratio-tall: 3 / 4;--ams-aspect-ratio-square: 1 / 1;--ams-aspect-ratio-wide: 4 / 3;--ams-aspect-ratio-x-wide: 16 / 9;--ams-aspect-ratio-2x-wide: 16 / 5;--ams-border-width-sm: .0625rem;--ams-border-width-md: .125rem;--ams-border-width-lg: .1875rem;--ams-border-width-xl: .25rem;--ams-brand-color-azure-60: #009DE6;--ams-brand-color-blue-60: #004699;--ams-brand-color-blue-80: #003677;--ams-brand-color-green-60: #00A03C;--ams-brand-color-lime-60: #BED200;--ams-brand-color-magenta-60: #E50082;--ams-brand-color-neutral-0: #FFFFFF;--ams-brand-color-neutral-20: #D1D1D1;--ams-brand-color-neutral-40: #A4A4A4;--ams-brand-color-neutral-60: #767676;--ams-brand-color-neutral-80: #474747;--ams-brand-color-neutral-100: #181818;--ams-brand-color-orange-60: #FF9100;--ams-brand-color-purple-60: #A00078;--ams-brand-color-red-60: #EC0000;--ams-brand-color-red-80: #B70000;--ams-brand-color-yellow-60: #FFE600;--ams-space-xs: clamp(.2813rem, .2578rem + .1172vw, .375rem);--ams-space-sm: clamp(.5625rem, .5156rem + .2344vw, .75rem);--ams-space-md: clamp(1.125rem, 1.0313rem + .4688vw, 1.5rem);--ams-space-lg: clamp(1.6875rem, 1.5469rem + .7031vw, 2.25rem);--ams-space-xl: clamp(2.25rem, 2.0625rem + .9375vw, 3rem);--ams-space-grid-xs: clamp(.25rem, calc(.09375rem + .78125vw) , .875rem);--ams-space-grid-sm: clamp(.5rem, calc(.1875rem + 1.5625vw) , 1.75rem);--ams-space-grid-md: clamp(1rem, calc(.375rem + 3.125vw) , 3.5rem);--ams-space-grid-lg: clamp(1.5rem, calc(.5625rem + 4.6875vw) , 5.25rem);--ams-space-grid-xl: clamp(2rem, calc(.75rem + 6.25vw) , 7rem);--ams-text-font-family: "Amsterdam Sans", Arial, sans-serif;--ams-text-font-weight-normal: 400;--ams-text-font-weight-bold: 800;--ams-text-level-0-font-size: clamp(2.4316rem, calc(1.8951rem + 2.6826vw) , 4.5776rem);--ams-text-level-0-line-height: 1.15;--ams-text-level-1-font-size: clamp(2.0842rem, calc(1.6897rem + 1.9724vw) , 3.6621rem);--ams-text-level-1-line-height: 1.2;--ams-text-level-2-font-size: clamp(1.7865rem, calc(1.5007rem + 1.429vw) , 2.9297rem);--ams-text-level-2-line-height: 1.25;--ams-text-level-3-font-size: clamp(1.5313rem, calc(1.3281rem + 1.0156vw) , 2.3438rem);--ams-text-level-3-line-height: 1.3;--ams-text-level-4-font-size: clamp(1.3125rem, calc(1.1719rem + .7031vw) , 1.875rem);--ams-text-level-4-line-height: 1.5;--ams-text-level-5-font-size: clamp(1.125rem, calc(1.0313rem + .4688vw) , 1.5rem);--ams-text-level-5-line-height: 1.6;--ams-text-level-6-font-size: clamp(.9643rem, calc(.9054rem + .2946vw) , 1.2rem);--ams-text-level-6-line-height: 1.6;--ams-action-activate-cursor: pointer;--ams-action-busy-cursor: wait;--ams-action-disabled-cursor: not-allowed;--ams-action-inert-cursor: default;--ams-action-navigate-cursor: pointer;--ams-action-submit-cursor: pointer;--ams-focus-outline-offset: .125rem;--ams-hyphenation-hyphenate-limit-chars: 12 8 4;--ams-hyphenation-hyphens: auto;--ams-hyphenation-overflow-wrap: break-word;--ams-link-appearance-text-underline-offset: .3333em;--ams-link-appearance-regular-text-decoration-line: underline;--ams-link-appearance-regular-hover-text-underline-offset: .2778em;--ams-link-appearance-subtle-text-decoration-line: none;--ams-link-appearance-subtle-hover-text-decoration-line: underline;--ams-accordion-button-padding-inline: 0;--ams-accordion-panel-padding-block: 0;--ams-accordion-panel-padding-inline: 0;--ams-alert-border-style: solid;--ams-breadcrumb-separator-background-image: url("data:image/svg+xml;utf8,");--ams-breadcrumb-separator-block-size: 1ex;--ams-breadcrumb-separator-inline-size: 1ex;--ams-button-tertiary-background-color: transparent;--ams-button-tertiary-disabled-background-color: transparent;--ams-checkbox-checkmark-checked-background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%23ffffff'%3E%3Cpath fill-rule='evenodd' d='M12.216 27.016 0 14.168l2.91-2.77 9.346 9.837L29.129 4 32 6.8z'/%3E%3C/svg%3E");--ams-checkbox-checkmark-indeterminate-background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='white'%3E%3Cpath fill-rule='evenodd' d='M0 13.714h32v4H0z'/%3E%3C/svg%3E");--ams-column-gap-no: 0;--ams-date-input-calender-picker-indicator-background-image: url("data:image/svg+xml;utf8,");--ams-date-input-disabled-calender-picker-indicator-background-image: url("data:image/svg+xml;utf8,");--ams-date-input-hover-calender-picker-indicator-background-image: url("data:image/svg+xml;utf8,");--ams-dialog-border: 0;--ams-dialog-max-inline-size: 48rem;--ams-file-list-file-preview-width: clamp(2.5rem, 10vw, 5rem);--ams-grid-column-count: 4;--ams-grid-medium-column-count: 8;--ams-grid-wide-column-count: 12;--ams-icon-button-hover-background-color: rgba(0, 70, 153, .125);--ams-icon-button-contrast-color-hover-background-color: rgba(0, 0, 0, .125);--ams-image-slider-thumbnails-thumbnail-background-color: transparent;--ams-image-slider-thumbnails-thumbnail-opacity: 40%;--ams-image-slider-thumbnails-thumbnail-in-view-opacity: 100%;--ams-image-slider-thumbnails-thumbnail-hover-opacity: 100%;--ams-link-inline-font-family: inherit;--ams-link-inline-font-size: inherit;--ams-link-inline-line-height: inherit;--ams-logo-block-size: 2.5rem;--ams-mega-menu-list-category-column-width: 20rem;--ams-ordered-list-list-style-type: decimal;--ams-ordered-list-item-margin-inline-start: 2.25rem;--ams-ordered-list-item-padding-inline-start: .25rem;--ams-ordered-list-ordered-list-list-style-type: lower-alpha;--ams-ordered-list-ordered-list-padding-block-end: 0;--ams-ordered-list-ordered-list-item-margin-inline-start: 1.5rem;--ams-ordered-list-ordered-list-item-padding-inline-start: .25rem;--ams-radio-hover-indicator-stroke-width: 3px;--ams-radio-circle-stroke-width: 2px;--ams-radio-icon-container-inline-size: 1.5rem;--ams-row-gap-no: 0;--ams-screen-wide-max-inline-size: 100rem;--ams-screen-x-wide-max-inline-size: 132rem;--ams-search-field-input-cancel-button-background-image: url("data:image/svg+xml;utf8,");--ams-select-background-image: url("data:image/svg+xml;utf8,");--ams-select-disabled-background-image: url("data:image/svg+xml;utf8,");--ams-switch-inline-size: 3.5rem;--ams-switch-thumb-inline-size: 1.75rem;--ams-switch-thumb-block-size: 1.75rem;--ams-tabs-button-outline-offset: -.25rem;--ams-time-input-calender-picker-indicator-background-image: url("data:image/svg+xml;utf8,");--ams-time-input-disabled-calender-picker-indicator-background-image: url("data:image/svg+xml;utf8,");--ams-time-input-hover-calender-picker-indicator-background-image: url("data:image/svg+xml;utf8,");--ams-unordered-list-list-style-type: "•";--ams-unordered-list-item-margin-inline-start: 1.625rem;--ams-unordered-list-item-padding-inline-start: .875rem;--ams-unordered-list-unordered-list-list-style-type: "–";--ams-unordered-list-unordered-list-padding-block-end: 0;--ams-unordered-list-unordered-list-item-margin-inline-start: .875rem;--ams-unordered-list-unordered-list-item-padding-inline-start: .875rem;--ams-link-appearance-color: var(--ams-brand-color-blue-60);--ams-link-appearance-text-decoration-thickness: var(--ams-border-width-md);--ams-link-appearance-hover-color: var(--ams-brand-color-blue-80);--ams-link-appearance-regular-hover-text-decoration-thickness: var(--ams-border-width-lg);--ams-link-appearance-contrast-color: var(--ams-brand-color-neutral-100);--ams-link-appearance-contrast-hover-color: var(--ams-brand-color-neutral-100);--ams-link-appearance-contrast-visited-color: var(--ams-brand-color-neutral-100);--ams-link-appearance-inverse-color: var(--ams-brand-color-neutral-0);--ams-link-appearance-inverse-hover-color: var(--ams-brand-color-neutral-0);--ams-link-appearance-inverse-visited-color: var(--ams-brand-color-neutral-0);--ams-accordion-gap: var(--ams-space-md);--ams-accordion-button-color: var(--ams-brand-color-blue-60);--ams-accordion-button-font-family: var(--ams-text-font-family);--ams-accordion-button-font-size: var(--ams-text-level-5-font-size);--ams-accordion-button-font-weight: var(--ams-text-font-weight-bold);--ams-accordion-button-gap: var(--ams-space-sm);--ams-accordion-button-line-height: var(--ams-text-level-5-line-height);--ams-accordion-button-padding-block: var(--ams-space-sm);--ams-accordion-button-focus-outline-offset: var(--ams-focus-outline-offset);--ams-accordion-button-hover-color: var(--ams-brand-color-blue-80);--ams-action-group-gap: var(--ams-space-md);--ams-alert-background-color: var(--ams-brand-color-neutral-0);--ams-alert-border-width: var(--ams-border-width-xl);--ams-alert-gap: var(--ams-space-sm);--ams-alert-padding-block: var(--ams-space-md);--ams-alert-padding-inline: var(--ams-space-lg);--ams-alert-error-border-color: var(--ams-brand-color-red-60);--ams-alert-info-border-color: var(--ams-brand-color-azure-60);--ams-alert-success-border-color: var(--ams-brand-color-green-60);--ams-alert-warning-border-color: var(--ams-brand-color-orange-60);--ams-alert-content-gap: var(--ams-space-sm);--ams-avatar-aspect-ratio: var(--ams-aspect-ratio-square);--ams-avatar-font-family: var(--ams-text-font-family);--ams-avatar-font-size: var(--ams-text-level-6-font-size);--ams-avatar-font-weight: var(--ams-text-font-weight-normal);--ams-avatar-line-height: var(--ams-text-level-6-line-height);--ams-avatar-padding-block: var(--ams-space-xs);--ams-avatar-padding-inline: var(--ams-space-xs);--ams-avatar-azure-background-color: var(--ams-brand-color-azure-60);--ams-avatar-azure-color: var(--ams-brand-color-neutral-100);--ams-avatar-black-background-color: var(--ams-brand-color-neutral-100);--ams-avatar-black-color: var(--ams-brand-color-neutral-0);--ams-avatar-blue-background-color: var(--ams-brand-color-blue-60);--ams-avatar-blue-color: var(--ams-brand-color-neutral-0);--ams-avatar-green-background-color: var(--ams-brand-color-green-60);--ams-avatar-green-color: var(--ams-brand-color-neutral-0);--ams-avatar-lime-background-color: var(--ams-brand-color-lime-60);--ams-avatar-lime-color: var(--ams-brand-color-neutral-100);--ams-avatar-magenta-background-color: var(--ams-brand-color-magenta-60);--ams-avatar-magenta-color: var(--ams-brand-color-neutral-0);--ams-avatar-neutral-20-background-color: var(--ams-brand-color-neutral-20);--ams-avatar-neutral-20-color: var(--ams-brand-color-neutral-100);--ams-avatar-neutral-40-background-color: var(--ams-brand-color-neutral-40);--ams-avatar-neutral-40-color: var(--ams-brand-color-neutral-100);--ams-avatar-neutral-60-background-color: var(--ams-brand-color-neutral-60);--ams-avatar-neutral-60-color: var(--ams-brand-color-neutral-0);--ams-avatar-neutral-80-background-color: var(--ams-brand-color-neutral-80);--ams-avatar-neutral-80-color: var(--ams-brand-color-neutral-0);--ams-avatar-orange-background-color: var(--ams-brand-color-orange-60);--ams-avatar-orange-color: var(--ams-brand-color-neutral-100);--ams-avatar-purple-background-color: var(--ams-brand-color-purple-60);--ams-avatar-purple-color: var(--ams-brand-color-neutral-0);--ams-avatar-red-background-color: var(--ams-brand-color-red-60);--ams-avatar-red-color: var(--ams-brand-color-neutral-0);--ams-avatar-white-background-color: var(--ams-brand-color-neutral-0);--ams-avatar-white-color: var(--ams-brand-color-neutral-100);--ams-avatar-yellow-background-color: var(--ams-brand-color-yellow-60);--ams-avatar-yellow-color: var(--ams-brand-color-neutral-100);--ams-avatar-forced-colors-border-width: var(--ams-border-width-md);--ams-badge-font-family: var(--ams-text-font-family);--ams-badge-font-size: var(--ams-text-level-5-font-size);--ams-badge-font-weight: var(--ams-text-font-weight-bold);--ams-badge-line-height: var(--ams-text-level-5-line-height);--ams-badge-padding-inline: var(--ams-space-xs);--ams-badge-azure-background-color: var(--ams-brand-color-azure-60);--ams-badge-azure-color: var(--ams-brand-color-neutral-100);--ams-badge-black-background-color: var(--ams-brand-color-neutral-100);--ams-badge-black-color: var(--ams-brand-color-neutral-0);--ams-badge-blue-background-color: var(--ams-brand-color-blue-60);--ams-badge-blue-color: var(--ams-brand-color-neutral-0);--ams-badge-green-background-color: var(--ams-brand-color-green-60);--ams-badge-green-color: var(--ams-brand-color-neutral-0);--ams-badge-lime-background-color: var(--ams-brand-color-lime-60);--ams-badge-lime-color: var(--ams-brand-color-neutral-100);--ams-badge-magenta-background-color: var(--ams-brand-color-magenta-60);--ams-badge-magenta-color: var(--ams-brand-color-neutral-0);--ams-badge-neutral-20-background-color: var(--ams-brand-color-neutral-20);--ams-badge-neutral-20-color: var(--ams-brand-color-neutral-100);--ams-badge-neutral-40-background-color: var(--ams-brand-color-neutral-40);--ams-badge-neutral-40-color: var(--ams-brand-color-neutral-100);--ams-badge-neutral-60-background-color: var(--ams-brand-color-neutral-60);--ams-badge-neutral-60-color: var(--ams-brand-color-neutral-0);--ams-badge-neutral-80-background-color: var(--ams-brand-color-neutral-80);--ams-badge-neutral-80-color: var(--ams-brand-color-neutral-0);--ams-badge-orange-background-color: var(--ams-brand-color-orange-60);--ams-badge-orange-color: var(--ams-brand-color-neutral-100);--ams-badge-purple-background-color: var(--ams-brand-color-purple-60);--ams-badge-purple-color: var(--ams-brand-color-neutral-0);--ams-badge-red-background-color: var(--ams-brand-color-red-60);--ams-badge-red-color: var(--ams-brand-color-neutral-0);--ams-badge-white-background-color: var(--ams-brand-color-neutral-0);--ams-badge-white-color: var(--ams-brand-color-neutral-100);--ams-badge-yellow-background-color: var(--ams-brand-color-yellow-60);--ams-badge-yellow-color: var(--ams-brand-color-neutral-100);--ams-blockquote-color: var(--ams-brand-color-neutral-100);--ams-blockquote-font-family: var(--ams-text-font-family);--ams-blockquote-font-size: var(--ams-text-level-3-font-size);--ams-blockquote-font-weight: var(--ams-text-font-weight-bold);--ams-blockquote-line-height: var(--ams-text-level-3-line-height);--ams-blockquote-inverse-color: var(--ams-brand-color-neutral-0);--ams-breadcrumb-font-family: var(--ams-text-font-family);--ams-breadcrumb-font-size: var(--ams-text-level-6-font-size);--ams-breadcrumb-font-weight: var(--ams-text-font-weight-normal);--ams-breadcrumb-line-height: var(--ams-text-level-6-line-height);--ams-breadcrumb-separator-margin-inline: var(--ams-space-xs);--ams-breadcrumb-link-outline-offset: var(--ams-focus-outline-offset);--ams-breadcrumb-link-text-decoration-line: var(--ams-link-appearance-subtle-text-decoration-line);--ams-breadcrumb-link-text-underline-offset: var(--ams-link-appearance-text-underline-offset);--ams-breadcrumb-link-hover-color: var(--ams-brand-color-blue-80);--ams-breadcrumb-link-hover-text-decoration-line: var(--ams-link-appearance-subtle-hover-text-decoration-line);--ams-breakout-row-gap-sm: var(--ams-space-grid-sm);--ams-breakout-row-gap-md: var(--ams-space-grid-md);--ams-breakout-row-gap-lg: var(--ams-space-grid-lg);--ams-button-cursor: var(--ams-action-activate-cursor);--ams-button-font-family: var(--ams-text-font-family);--ams-button-font-size: var(--ams-text-level-5-font-size);--ams-button-line-height: var(--ams-text-level-5-line-height);--ams-button-gap: var(--ams-space-sm);--ams-button-outline-offset: var(--ams-focus-outline-offset);--ams-button-padding-block: var(--ams-space-sm);--ams-button-padding-inline: var(--ams-space-md);--ams-button-disabled-cursor: var(--ams-action-disabled-cursor);--ams-button-forced-color-mode-border: var(--ams-border-width-md) solid;--ams-button-primary-background-color: var(--ams-brand-color-blue-60);--ams-button-primary-box-shadow: inset 0 0 0 var(--ams-border-width-md) var(--ams-brand-color-blue-60);--ams-button-primary-color: var(--ams-brand-color-neutral-0);--ams-button-primary-disabled-background-color: var(--ams-brand-color-neutral-60);--ams-button-primary-disabled-box-shadow: inset 0 0 0 var(--ams-border-width-md) var(--ams-brand-color-neutral-60);--ams-button-primary-hover-background-color: var(--ams-brand-color-blue-80);--ams-button-primary-hover-box-shadow: inset 0 0 0 var(--ams-border-width-md) var(--ams-brand-color-blue-80);--ams-button-secondary-background-color: var(--ams-brand-color-neutral-0);--ams-button-secondary-color: var(--ams-brand-color-blue-60);--ams-button-secondary-box-shadow: inset 0 0 0 var(--ams-border-width-md) var(--ams-brand-color-blue-60);--ams-button-secondary-hover-box-shadow: inset 0 0 0 var(--ams-border-width-lg) var(--ams-brand-color-blue-80);--ams-button-secondary-hover-color: var(--ams-brand-color-blue-80);--ams-button-secondary-disabled-background-color: var(--ams-brand-color-neutral-0);--ams-button-secondary-disabled-box-shadow: inset 0 0 0 var(--ams-border-width-md) var(--ams-brand-color-neutral-60);--ams-button-secondary-disabled-color: var(--ams-brand-color-neutral-60);--ams-button-secondary-focus-box-shadow: inset 0 0 0 var(--ams-border-width-md) var(--ams-brand-color-blue-60);--ams-button-tertiary-color: var(--ams-brand-color-blue-60);--ams-button-tertiary-hover-box-shadow: inset 0 0 0 var(--ams-border-width-md) var(--ams-brand-color-blue-80);--ams-button-tertiary-hover-color: var(--ams-brand-color-blue-80);--ams-button-tertiary-disabled-color: var(--ams-brand-color-neutral-60);--ams-button-icon-only-padding-block: var(--ams-space-sm);--ams-button-icon-only-padding-inline: var(--ams-space-sm);--ams-card-gap: var(--ams-space-sm);--ams-card-heading-group-gap: var(--ams-space-sm);--ams-card-link-text-decoration-line: var(--ams-link-appearance-subtle-text-decoration-line);--ams-card-link-text-underline-offset: var(--ams-link-appearance-text-underline-offset);--ams-card-link-hover-text-decoration-line: var(--ams-link-appearance-subtle-hover-text-decoration-line);--ams-card-outline-offset: var(--ams-focus-outline-offset);--ams-character-count-color: var(--ams-brand-color-neutral-100);--ams-character-count-font-family: var(--ams-text-font-family);--ams-character-count-font-size: var(--ams-text-level-6-font-size);--ams-character-count-font-weight: var(--ams-text-font-weight-normal);--ams-character-count-line-height: var(--ams-text-level-6-line-height);--ams-character-count-error-color: var(--ams-brand-color-red-60);--ams-checkbox-color: var(--ams-brand-color-neutral-100);--ams-checkbox-font-family: var(--ams-text-font-family);--ams-checkbox-font-size: var(--ams-text-level-5-font-size);--ams-checkbox-font-weight: var(--ams-text-font-weight-normal);--ams-checkbox-gap: var(--ams-space-sm);--ams-checkbox-line-height: var(--ams-text-level-5-line-height);--ams-checkbox-outline-offset: var(--ams-focus-outline-offset);--ams-checkbox-checkmark-border-color: var(--ams-brand-color-blue-60);--ams-checkbox-checkmark-border-width: var(--ams-border-width-md);--ams-checkbox-checkmark-checked-background-color: var(--ams-brand-color-blue-60);--ams-checkbox-checkmark-checked-hover-background-color: var(--ams-brand-color-blue-80);--ams-checkbox-checkmark-disabled-border-color: var(--ams-brand-color-neutral-60);--ams-checkbox-checkmark-disabled-border-width: var(--ams-border-width-md);--ams-checkbox-checkmark-disabled-checked-background-color: var(--ams-brand-color-neutral-60);--ams-checkbox-checkmark-disabled-checked-hover-background-color: var(--ams-brand-color-neutral-60);--ams-checkbox-checkmark-disabled-indeterminate-background-color: var(--ams-brand-color-neutral-60);--ams-checkbox-checkmark-disabled-indeterminate-hover-background-color: var(--ams-brand-color-neutral-60);--ams-checkbox-checkmark-hover-border-color: var(--ams-brand-color-blue-80);--ams-checkbox-checkmark-hover-border-width: var(--ams-border-width-lg);--ams-checkbox-checkmark-invalid-border-color: var(--ams-brand-color-red-60);--ams-checkbox-checkmark-invalid-checked-background-color: var(--ams-brand-color-red-60);--ams-checkbox-checkmark-invalid-checked-hover-background-color: var(--ams-brand-color-red-80);--ams-checkbox-checkmark-invalid-hover-border-color: var(--ams-brand-color-red-80);--ams-checkbox-checkmark-invalid-indeterminate-background-color: var(--ams-brand-color-red-60);--ams-checkbox-checkmark-invalid-indeterminate-hover-background-color: var(--ams-brand-color-red-80);--ams-checkbox-checkmark-indeterminate-background-color: var(--ams-brand-color-blue-60);--ams-checkbox-checkmark-indeterminate-hover-background-color: var(--ams-brand-color-blue-80);--ams-checkbox-disabled-color: var(--ams-brand-color-neutral-60);--ams-checkbox-hover-color: var(--ams-brand-color-blue-80);--ams-checkbox-hover-text-decoration-thickness: var(--ams-border-width-md);--ams-column-gap-xs: var(--ams-space-xs);--ams-column-gap-sm: var(--ams-space-sm);--ams-column-gap-md: var(--ams-space-md);--ams-column-gap-lg: var(--ams-space-lg);--ams-column-gap-xl: var(--ams-space-xl);--ams-date-input-background-color: var(--ams-brand-color-neutral-0);--ams-date-input-box-shadow: inset 0 0 0 var(--ams-border-width-sm) var(--ams-brand-color-neutral-100);--ams-date-input-color: var(--ams-brand-color-neutral-100);--ams-date-input-font-family: var(--ams-text-font-family);--ams-date-input-font-size: var(--ams-text-level-5-font-size);--ams-date-input-font-weight: var(--ams-text-font-weight-normal);--ams-date-input-line-height: var(--ams-text-level-5-line-height);--ams-date-input-outline-offset: var(--ams-focus-outline-offset);--ams-date-input-padding-block: var(--ams-space-sm);--ams-date-input-padding-inline: var(--ams-space-md);--ams-date-input-disabled-background-color: var(--ams-brand-color-neutral-0);--ams-date-input-disabled-box-shadow: inset 0 0 0 var(--ams-border-width-sm) var(--ams-brand-color-neutral-60);--ams-date-input-disabled-color: var(--ams-brand-color-neutral-60);--ams-date-input-hover-box-shadow: inset 0 0 0 var(--ams-border-width-md) var(--ams-brand-color-neutral-100);--ams-date-input-invalid-box-shadow: inset 0 0 0 var(--ams-border-width-sm) var(--ams-brand-color-red-60);--ams-date-input-invalid-hover-box-shadow: inset 0 0 0 var(--ams-border-width-md) var(--ams-brand-color-red-80);--ams-description-list-color: var(--ams-brand-color-neutral-100);--ams-description-list-column-gap: var(--ams-space-lg);--ams-description-list-font-family: var(--ams-text-font-family);--ams-description-list-font-size: var(--ams-text-level-5-font-size);--ams-description-list-inverse-color: var(--ams-brand-color-neutral-0);--ams-description-list-line-height: var(--ams-text-level-5-line-height);--ams-description-list-row-gap: var(--ams-space-sm);--ams-description-list-term-font-weight: var(--ams-text-font-weight-bold);--ams-description-list-description-font-weight: var(--ams-text-font-weight-normal);--ams-description-list-description-padding-inline-start: var(--ams-space-lg);--ams-dialog-background-color: var(--ams-brand-color-neutral-0);--ams-dialog-gap: var(--ams-space-md);--ams-dialog-inline-size: calc(100% - 2 * var(--ams-space-grid-md));--ams-dialog-max-block-size: calc(100dvh - 2 * var(--ams-space-grid-md));--ams-dialog-padding-block: var(--ams-space-grid-md);--ams-dialog-padding-inline: var(--ams-space-grid-lg);--ams-dialog-header-gap: var(--ams-space-md);--ams-error-message-color: var(--ams-brand-color-red-60);--ams-error-message-font-family: var(--ams-text-font-family);--ams-error-message-font-size: var(--ams-text-level-6-font-size);--ams-error-message-font-weight: var(--ams-text-font-weight-normal);--ams-error-message-gap: var(--ams-space-xs);--ams-error-message-line-height: var(--ams-text-level-6-line-height);--ams-field-set-invalid-border-inline-start: var(--ams-border-width-lg) solid var(--ams-brand-color-red-60);--ams-field-set-invalid-padding-inline-start: var(--ams-space-md);--ams-field-set-legend-color: var(--ams-brand-color-neutral-100);--ams-field-set-legend-font-family: var(--ams-text-font-family);--ams-field-set-legend-font-size: var(--ams-text-level-4-font-size);--ams-field-set-legend-font-weight: var(--ams-text-font-weight-bold);--ams-field-set-legend-line-height: var(--ams-text-level-4-line-height);--ams-field-set-legend-margin-block-end: var(--ams-space-md);--ams-field-gap: var(--ams-space-sm);--ams-field-invalid-border-inline-start: var(--ams-border-width-lg) solid var(--ams-brand-color-red-60);--ams-field-invalid-padding-inline-start: var(--ams-space-md);--ams-file-input-background-color: var(--ams-brand-color-neutral-0);--ams-file-input-border: var(--ams-border-width-sm) dashed var(--ams-brand-color-neutral-60);--ams-file-input-color: var(--ams-brand-color-neutral-100);--ams-file-input-cursor: var(--ams-action-activate-cursor);--ams-file-input-font-family: var(--ams-text-font-family);--ams-file-input-font-size: var(--ams-text-level-5-font-size);--ams-file-input-font-weight: var(--ams-text-font-weight-normal);--ams-file-input-line-height: var(--ams-text-level-5-line-height);--ams-file-input-outline-offset: var(--ams-focus-outline-offset);--ams-file-input-padding-block: var(--ams-space-md);--ams-file-input-padding-inline: var(--ams-space-md);--ams-file-input-disabled-color: var(--ams-brand-color-neutral-60);--ams-file-input-disabled-cursor: var(--ams-action-disabled-cursor);--ams-file-input-file-selector-button-background-color: var(--ams-brand-color-neutral-0);--ams-file-input-file-selector-button-box-shadow: inset 0 0 0 var(--ams-border-width-md) var(--ams-brand-color-blue-60);--ams-file-input-file-selector-button-color: var(--ams-brand-color-blue-60);--ams-file-input-file-selector-button-cursor: var(--ams-action-activate-cursor);--ams-file-input-file-selector-button-margin-inline-end: var(--ams-space-md);--ams-file-input-file-selector-button-padding-block: var(--ams-space-sm);--ams-file-input-file-selector-button-padding-inline: var(--ams-space-md);--ams-file-input-file-selector-button-hover-box-shadow: inset 0 0 0 var(--ams-border-width-lg) var(--ams-brand-color-blue-80);--ams-file-input-file-selector-button-hover-color: var(--ams-brand-color-blue-80);--ams-file-input-file-selector-button-disabled-box-shadow: inset 0 0 0 var(--ams-border-width-md) var(--ams-brand-color-neutral-60);--ams-file-input-file-selector-button-disabled-color: var(--ams-brand-color-neutral-60);--ams-file-input-file-selector-button-disabled-cursor: var(--ams-action-disabled-cursor);--ams-file-input-file-selector-button-forced-color-mode-border: var(--ams-border-width-md) solid;--ams-file-list-gap: var(--ams-space-md);--ams-file-list-padding-block: var(--ams-space-md);--ams-file-list-file-font-family: var(--ams-text-font-family);--ams-file-list-file-font-size: var(--ams-text-level-6-font-size);--ams-file-list-file-font-weight: var(--ams-text-font-weight-normal);--ams-file-list-file-gap: var(--ams-space-sm);--ams-file-list-file-line-height: var(--ams-text-level-6-line-height);--ams-file-list-file-details-color: var(--ams-brand-color-neutral-60);--ams-footer-top-background-color: var(--ams-brand-color-blue-60);--ams-form-error-list-outline-offset: var(--ams-focus-outline-offset);--ams-gap-xs: var(--ams-space-grid-xs);--ams-gap-sm: var(--ams-space-grid-sm);--ams-gap-md: var(--ams-space-grid-md);--ams-gap-lg: var(--ams-space-grid-lg);--ams-gap-xl: var(--ams-space-grid-xl);--ams-grid-column-gap: var(--ams-space-grid-md);--ams-grid-padding-block-sm: var(--ams-space-grid-sm);--ams-grid-padding-block-md: var(--ams-space-grid-md);--ams-grid-padding-block-lg: var(--ams-space-grid-lg);--ams-grid-padding-inline: var(--ams-space-grid-lg);--ams-grid-row-gap-sm: var(--ams-space-grid-sm);--ams-grid-row-gap-md: var(--ams-space-grid-md);--ams-grid-row-gap-lg: var(--ams-space-grid-lg);--ams-header-column-gap: var(--ams-space-grid-md);--ams-header-padding-block: var(--ams-space-md);--ams-header-logo-link-outline-offset: var(--ams-focus-outline-offset);--ams-heading-color: var(--ams-brand-color-neutral-100);--ams-heading-font-family: var(--ams-text-font-family);--ams-heading-font-weight: var(--ams-text-font-weight-bold);--ams-heading-inverse-color: var(--ams-brand-color-neutral-0);--ams-heading-level-1-font-size: var(--ams-text-level-1-font-size);--ams-heading-level-1-line-height: var(--ams-text-level-1-line-height);--ams-heading-level-2-font-size: var(--ams-text-level-2-font-size);--ams-heading-level-2-line-height: var(--ams-text-level-2-line-height);--ams-heading-level-3-font-size: var(--ams-text-level-3-font-size);--ams-heading-level-3-line-height: var(--ams-text-level-3-line-height);--ams-heading-level-4-font-size: var(--ams-text-level-4-font-size);--ams-heading-level-4-line-height: var(--ams-text-level-4-line-height);--ams-heading-level-5-font-size: var(--ams-text-level-5-font-size);--ams-heading-level-5-line-height: var(--ams-text-level-5-line-height);--ams-heading-level-6-font-size: var(--ams-text-level-6-font-size);--ams-heading-level-6-line-height: var(--ams-text-level-6-line-height);--ams-hint-color: var(--ams-brand-color-neutral-60);--ams-icon-button-color: var(--ams-brand-color-blue-60);--ams-icon-button-outline-offset: var(--ams-focus-outline-offset);--ams-icon-button-hover-color: var(--ams-brand-color-blue-80);--ams-icon-button-disabled-color: var(--ams-brand-color-neutral-60);--ams-icon-button-contrast-color-color: var(--ams-brand-color-neutral-100);--ams-icon-button-contrast-color-hover-color: var(--ams-brand-color-neutral-100);--ams-icon-button-contrast-color-disabled-color: var(--ams-brand-color-neutral-60);--ams-icon-button-inverse-color-background-color: var(--ams-brand-color-blue-60);--ams-icon-button-inverse-color-color: var(--ams-brand-color-neutral-0);--ams-icon-button-inverse-color-hover-background-color: var(--ams-brand-color-blue-80);--ams-icon-button-inverse-color-hover-color: var(--ams-brand-color-neutral-0);--ams-icon-button-inverse-color-disabled-color: var(--ams-brand-color-neutral-0);--ams-icon-button-inverse-color-disabled-background-color: var(--ams-brand-color-neutral-60);--ams-icon-inverse-color: var(--ams-brand-color-neutral-0);--ams-icon-size-3-font-size: var(--ams-text-level-3-font-size);--ams-icon-size-3-line-height: var(--ams-text-level-3-line-height);--ams-icon-size-4-font-size: var(--ams-text-level-4-font-size);--ams-icon-size-4-line-height: var(--ams-text-level-4-line-height);--ams-icon-size-5-font-size: var(--ams-text-level-5-font-size);--ams-icon-size-5-line-height: var(--ams-text-level-5-line-height);--ams-icon-size-6-font-size: var(--ams-text-level-6-font-size);--ams-icon-size-6-line-height: var(--ams-text-level-6-line-height);--ams-image-slider-gap: var(--ams-space-xs);--ams-image-slider-scroller-gap: var(--ams-space-xs);--ams-image-slider-scroller-outline-offset: var(--ams-focus-outline-offset);--ams-image-slider-thumbnails-gap: var(--ams-space-xs);--ams-image-slider-thumbnails-thumbnail-cursor: var(--ams-action-activate-cursor);--ams-image-slider-thumbnails-thumbnail-outline-offset: var(--ams-focus-outline-offset);--ams-image-aspect-ratio: var(--ams-aspect-ratio-x-wide);--ams-label-color: var(--ams-brand-color-neutral-100);--ams-label-font-family: var(--ams-text-font-family);--ams-label-font-size: var(--ams-text-level-4-font-size);--ams-label-font-weight: var(--ams-text-font-weight-bold);--ams-label-line-height: var(--ams-text-level-4-line-height);--ams-link-list-gap: var(--ams-space-sm);--ams-link-list-link-font-family: var(--ams-text-font-family);--ams-link-list-link-font-size: var(--ams-text-level-5-font-size);--ams-link-list-link-font-weight: var(--ams-text-font-weight-normal);--ams-link-list-link-gap: var(--ams-space-sm);--ams-link-list-link-line-height: var(--ams-text-level-5-line-height);--ams-link-list-link-outline-offset: var(--ams-focus-outline-offset);--ams-link-list-link-text-decoration-line: var(--ams-link-appearance-subtle-text-decoration-line);--ams-link-list-link-text-underline-offset: var(--ams-link-appearance-text-underline-offset);--ams-link-list-link-small-font-size: var(--ams-text-level-6-font-size);--ams-link-list-link-small-line-height: var(--ams-text-level-6-line-height);--ams-link-list-link-large-font-size: var(--ams-text-level-4-font-size);--ams-link-list-link-large-line-height: var(--ams-text-level-4-line-height);--ams-link-list-link-hover-text-decoration-line: var(--ams-link-appearance-subtle-hover-text-decoration-line);--ams-link-font-family: var(--ams-text-font-family);--ams-link-font-weight: var(--ams-text-font-weight-normal);--ams-link-outline-offset: var(--ams-focus-outline-offset);--ams-link-inline-text-decoration-line: var(--ams-link-appearance-regular-text-decoration-line);--ams-link-inline-text-underline-offset: var(--ams-link-appearance-text-underline-offset);--ams-link-inline-hover-text-underline-offset: var(--ams-link-appearance-regular-hover-text-underline-offset);--ams-link-inline-visited-color: var(--ams-brand-color-purple-60);--ams-link-standalone-font-size: var(--ams-text-level-5-font-size);--ams-link-standalone-line-height: var(--ams-text-level-5-line-height);--ams-link-standalone-text-decoration-line: var(--ams-link-appearance-regular-text-decoration-line);--ams-link-standalone-text-underline-offset: var(--ams-link-appearance-text-underline-offset);--ams-link-standalone-hover-text-underline-offset: var(--ams-link-appearance-regular-hover-text-underline-offset);--ams-logo-emblem-color: var(--ams-brand-color-red-60);--ams-logo-title-color: var(--ams-brand-color-red-60);--ams-logo-subsite-color: var(--ams-brand-color-neutral-100);--ams-margin-xs: var(--ams-space-grid-xs);--ams-margin-sm: var(--ams-space-grid-sm);--ams-margin-md: var(--ams-space-grid-md);--ams-margin-lg: var(--ams-space-grid-lg);--ams-margin-xl: var(--ams-space-grid-xl);--ams-mark-background-color: var(--ams-brand-color-yellow-60);--ams-mega-menu-list-category-column-gap: var(--ams-space-grid-md);--ams-mega-menu-list-category-padding-block-start: var(--ams-space-md);--ams-mega-menu-list-category-padding-block-end: var(--ams-space-grid-md);--ams-ordered-list-color: var(--ams-brand-color-neutral-100);--ams-ordered-list-font-family: var(--ams-text-font-family);--ams-ordered-list-font-size: var(--ams-text-level-5-font-size);--ams-ordered-list-font-weight: var(--ams-text-font-weight-normal);--ams-ordered-list-gap: var(--ams-space-md);--ams-ordered-list-inverse-color: var(--ams-brand-color-neutral-0);--ams-ordered-list-line-height: var(--ams-text-level-5-line-height);--ams-ordered-list-small-font-size: var(--ams-text-level-6-font-size);--ams-ordered-list-small-line-height: var(--ams-text-level-6-line-height);--ams-ordered-list-ordered-list-gap: var(--ams-space-sm);--ams-ordered-list-ordered-list-padding-block-start: var(--ams-space-sm);--ams-page-heading-color: var(--ams-brand-color-neutral-100);--ams-page-heading-font-family: var(--ams-text-font-family);--ams-page-heading-font-size: var(--ams-text-level-0-font-size);--ams-page-heading-font-weight: var(--ams-text-font-weight-bold);--ams-page-heading-inverse-color: var(--ams-brand-color-neutral-0);--ams-page-heading-line-height: var(--ams-text-level-0-font-size);--ams-page-menu-column-gap: var(--ams-space-grid-md);--ams-page-menu-row-gap: var(--ams-space-grid-xs);--ams-page-menu-item-font-family: var(--ams-text-font-family);--ams-page-menu-item-font-size: var(--ams-text-level-6-font-size);--ams-page-menu-item-font-weight: var(--ams-text-font-weight-normal);--ams-page-menu-item-gap: var(--ams-space-sm);--ams-page-menu-item-line-height: var(--ams-text-level-6-line-height);--ams-page-menu-item-outline-offset: var(--ams-focus-outline-offset);--ams-page-menu-item-text-decoration-line: var(--ams-link-appearance-subtle-text-decoration-line);--ams-page-menu-item-text-underline-offset: var(--ams-link-appearance-text-underline-offset);--ams-page-menu-item-hover-text-decoration-line: var(--ams-link-appearance-subtle-hover-text-decoration-line);--ams-pagination-font-family: var(--ams-text-font-family);--ams-pagination-font-size: var(--ams-text-level-5-font-size);--ams-pagination-font-weight: var(--ams-text-font-weight-normal);--ams-pagination-line-height: var(--ams-text-level-5-line-height);--ams-pagination-button-gap: var(--ams-space-xs);--ams-pagination-button-outline-offset: var(--ams-focus-outline-offset);--ams-pagination-button-padding-inline: var(--ams-space-sm);--ams-pagination-button-text-decoration-line: var(--ams-link-appearance-subtle-text-decoration-line);--ams-pagination-button-text-underline-offset: var(--ams-link-appearance-text-underline-offset);--ams-pagination-button-current-font-weight: var(--ams-text-font-weight-bold);--ams-pagination-button-hover-text-decoration-line: var(--ams-link-appearance-subtle-hover-text-decoration-line);--ams-paragraph-color: var(--ams-brand-color-neutral-100);--ams-paragraph-font-family: var(--ams-text-font-family);--ams-paragraph-font-size: var(--ams-text-level-5-font-size);--ams-paragraph-font-weight: var(--ams-text-font-weight-normal);--ams-paragraph-line-height: var(--ams-text-level-5-line-height);--ams-paragraph-inverse-color: var(--ams-brand-color-neutral-0);--ams-paragraph-small-font-size: var(--ams-text-level-6-font-size);--ams-paragraph-small-line-height: var(--ams-text-level-6-line-height);--ams-paragraph-large-font-size: var(--ams-text-level-4-font-size);--ams-paragraph-large-line-height: var(--ams-text-level-4-line-height);--ams-password-input-background-color: var(--ams-brand-color-neutral-0);--ams-password-input-box-shadow: inset 0 0 0 var(--ams-border-width-sm) var(--ams-brand-color-neutral-100);--ams-password-input-color: var(--ams-brand-color-neutral-100);--ams-password-input-font-family: var(--ams-text-font-family);--ams-password-input-font-size: var(--ams-text-level-5-font-size);--ams-password-input-font-weight: var(--ams-text-font-weight-normal);--ams-password-input-line-height: var(--ams-text-level-5-line-height);--ams-password-input-outline-offset: var(--ams-focus-outline-offset);--ams-password-input-padding-block: var(--ams-space-sm);--ams-password-input-padding-inline: var(--ams-space-md);--ams-password-input-disabled-background-color: var(--ams-brand-color-neutral-0);--ams-password-input-disabled-box-shadow: inset 0 0 0 var(--ams-border-width-sm) var(--ams-brand-color-neutral-60);--ams-password-input-disabled-color: var(--ams-brand-color-neutral-60);--ams-password-input-hover-box-shadow: inset 0 0 0 var(--ams-border-width-md) var(--ams-brand-color-neutral-100);--ams-password-input-invalid-box-shadow: inset 0 0 0 var(--ams-border-width-sm) var(--ams-brand-color-red-60);--ams-password-input-invalid-hover-box-shadow: inset 0 0 0 var(--ams-border-width-md) var(--ams-brand-color-red-80);--ams-password-input-placeholder-color: var(--ams-brand-color-neutral-60);--ams-radio-color: var(--ams-brand-color-neutral-100);--ams-radio-font-family: var(--ams-text-font-family);--ams-radio-font-size: var(--ams-text-level-5-font-size);--ams-radio-font-weight: var(--ams-text-font-weight-normal);--ams-radio-gap: var(--ams-space-sm);--ams-radio-line-height: var(--ams-text-level-5-line-height);--ams-radio-outline-offset: var(--ams-focus-outline-offset);--ams-radio-text-underline-offset: var(--ams-link-appearance-text-underline-offset);--ams-radio-checked-indicator-fill: var(--ams-brand-color-blue-60);--ams-radio-checked-indicator-disabled-fill: var(--ams-brand-color-neutral-60);--ams-radio-checked-indicator-disabled-invalid-fill: var(--ams-brand-color-neutral-60);--ams-radio-checked-indicator-disabled-invalid-hover-fill: var(--ams-brand-color-neutral-60);--ams-radio-checked-indicator-hover-fill: var(--ams-brand-color-blue-80);--ams-radio-checked-indicator-invalid-fill: var(--ams-brand-color-red-60);--ams-radio-checked-indicator-invalid-hover-fill: var(--ams-brand-color-red-80);--ams-radio-hover-indicator-hover-stroke: var(--ams-brand-color-blue-60);--ams-radio-circle-fill: var(--ams-brand-color-neutral-0);--ams-radio-circle-stroke: var(--ams-brand-color-blue-60);--ams-radio-circle-disabled-stroke: var(--ams-brand-color-neutral-60);--ams-radio-circle-disabled-invalid-stroke: var(--ams-brand-color-neutral-60);--ams-radio-circle-disabled-invalid-hover-stroke: var(--ams-brand-color-neutral-60);--ams-radio-circle-hover-stroke: var(--ams-brand-color-blue-80);--ams-radio-circle-invalid-stroke: var(--ams-brand-color-red-60);--ams-radio-circle-invalid-hover-stroke: var(--ams-brand-color-red-80);--ams-radio-disabled-color: var(--ams-brand-color-neutral-60);--ams-radio-hover-color: var(--ams-brand-color-blue-80);--ams-radio-hover-text-decoration-line: var(--ams-link-appearance-subtle-hover-text-decoration-line);--ams-row-gap-xs: var(--ams-space-xs);--ams-row-gap-sm: var(--ams-space-sm);--ams-row-gap-md: var(--ams-space-md);--ams-row-gap-lg: var(--ams-space-lg);--ams-row-gap-xl: var(--ams-space-xl);--ams-screen-background-color: var(--ams-brand-color-neutral-0);--ams-search-field-input-background-color: var(--ams-brand-color-neutral-0);--ams-search-field-input-box-shadow: inset 0 0 0 var(--ams-border-width-sm) var(--ams-brand-color-neutral-100);--ams-search-field-input-color: var(--ams-brand-color-neutral-100);--ams-search-field-input-font-family: var(--ams-text-font-family);--ams-search-field-input-font-size: var(--ams-text-level-5-font-size);--ams-search-field-input-font-weight: var(--ams-text-font-weight-normal);--ams-search-field-input-line-height: var(--ams-text-level-5-line-height);--ams-search-field-input-outline-offset: var(--ams-focus-outline-offset);--ams-search-field-input-padding-block: var(--ams-space-sm);--ams-search-field-input-padding-inline: var(--ams-space-md);--ams-search-field-input-cancel-button-block-size: var(--ams-text-level-5-font-size);--ams-search-field-input-cancel-button-color: var(--ams-brand-color-blue-60);--ams-search-field-input-cancel-button-inline-size: var(--ams-text-level-5-font-size);--ams-search-field-input-hover-box-shadow: inset 0 0 0 var(--ams-border-width-md) var(--ams-brand-color-neutral-100);--ams-search-field-input-invalid-box-shadow: inset 0 0 0 var(--ams-border-width-sm) var(--ams-brand-color-red-60);--ams-search-field-input-invalid-hover-box-shadow: inset 0 0 0 var(--ams-border-width-md) var(--ams-brand-color-red-80);--ams-search-field-input-placeholder-color: var(--ams-brand-color-neutral-60);--ams-select-background-color: var(--ams-brand-color-neutral-0);--ams-select-background-position: right var(--ams-space-md) center;--ams-select-box-shadow: inset 0 0 0 var(--ams-border-width-sm) var(--ams-brand-color-neutral-100);--ams-select-color: var(--ams-brand-color-neutral-100);--ams-select-font-family: var(--ams-text-font-family);--ams-select-font-size: var(--ams-text-level-5-font-size);--ams-select-font-weight: var(--ams-text-font-weight-normal);--ams-select-line-height: var(--ams-text-level-5-line-height);--ams-select-outline-offset: var(--ams-focus-outline-offset);--ams-select-padding-block: var(--ams-space-sm);--ams-select-padding-inline: var(--ams-space-md) calc(2 * var(--ams-space-md) + 1em);--ams-select-disabled-box-shadow: inset 0 0 0 var(--ams-border-width-sm) var(--ams-brand-color-neutral-60);--ams-select-disabled-color: var(--ams-brand-color-neutral-60);--ams-select-hover-box-shadow: inset 0 0 0 var(--ams-border-width-md) var(--ams-brand-color-neutral-100);--ams-select-invalid-box-shadow: inset 0 0 0 var(--ams-border-width-sm) var(--ams-brand-color-red-60);--ams-select-invalid-hover-box-shadow: inset 0 0 0 var(--ams-border-width-md) var(--ams-brand-color-red-80);--ams-select-option-disabled-color: var(--ams-brand-color-neutral-60);--ams-skip-link-background-color: var(--ams-brand-color-blue-60);--ams-skip-link-color: var(--ams-brand-color-neutral-0);--ams-skip-link-font-family: var(--ams-text-font-family);--ams-skip-link-font-size: var(--ams-text-level-6-font-size);--ams-skip-link-font-weight: var(--ams-text-font-weight-normal);--ams-skip-link-line-height: var(--ams-text-level-6-line-height);--ams-skip-link-outline-offset: var(--ams-focus-outline-offset);--ams-skip-link-padding-block: var(--ams-space-sm);--ams-skip-link-padding-inline: var(--ams-space-md);--ams-skip-link-hover-background-color: var(--ams-brand-color-blue-80);--ams-spotlight-azure-background-color: var(--ams-brand-color-azure-60);--ams-spotlight-blue-background-color: var(--ams-brand-color-blue-60);--ams-spotlight-green-background-color: var(--ams-brand-color-green-60);--ams-spotlight-lime-background-color: var(--ams-brand-color-lime-60);--ams-spotlight-magenta-background-color: var(--ams-brand-color-magenta-60);--ams-spotlight-orange-background-color: var(--ams-brand-color-orange-60);--ams-spotlight-purple-background-color: var(--ams-brand-color-purple-60);--ams-spotlight-yellow-background-color: var(--ams-brand-color-yellow-60);--ams-switch-background-color: var(--ams-brand-color-neutral-60);--ams-switch-font-family: var(--ams-text-font-family);--ams-switch-outline-offset: var(--ams-focus-outline-offset);--ams-switch-thumb-background-color: var(--ams-brand-color-neutral-0);--ams-switch-thumb-hover-color: var(--ams-brand-color-blue-80);--ams-switch-checked-background-color: var(--ams-brand-color-blue-60);--ams-switch-disabled-background-color: var(--ams-brand-color-neutral-60);--ams-table-of-contents-font-family: var(--ams-text-font-family);--ams-table-of-contents-font-size: var(--ams-text-level-5-font-size);--ams-table-of-contents-font-weight: var(--ams-text-font-weight-normal);--ams-table-of-contents-gap: var(--ams-space-md);--ams-table-of-contents-line-height: var(--ams-text-level-5-line-height);--ams-table-of-contents-link-outline-offset: var(--ams-focus-outline-offset);--ams-table-of-contents-link-text-decoration-line: var(--ams-link-appearance-subtle-text-decoration-line);--ams-table-of-contents-link-text-underline-offset: var(--ams-link-appearance-text-underline-offset);--ams-table-of-contents-link-hover-text-decoration-line: var(--ams-link-appearance-subtle-hover-text-decoration-line);--ams-table-of-contents-list-gap: var(--ams-space-sm);--ams-table-of-contents-list-list-padding-block-start: var(--ams-space-sm);--ams-table-of-contents-list-list-padding-inline-start: var(--ams-space-lg);--ams-table-of-contents-heading-font-weight: var(--ams-text-font-weight-bold);--ams-table-of-contents-heading-font-size: var(--ams-text-level-4-font-size);--ams-table-of-contents-heading-line-height: var(--ams-text-level-4-line-height);--ams-table-color: var(--ams-brand-color-neutral-100);--ams-table-font-family: var(--ams-text-font-family);--ams-table-font-size: var(--ams-text-level-5-font-size);--ams-table-font-weight: var(--ams-text-font-weight-normal);--ams-table-line-height: var(--ams-text-level-5-line-height);--ams-table-caption-font-weight: var(--ams-text-font-weight-bold);--ams-table-cell-border-block-end: var(--ams-border-width-sm) solid var(--ams-brand-color-neutral-20);--ams-table-cell-padding-block: var(--ams-space-sm);--ams-table-cell-padding-inline: var(--ams-space-md);--ams-table-header-cell-font-weight: var(--ams-text-font-weight-bold);--ams-tabs-gap: var(--ams-space-md);--ams-tabs-list-box-shadow: inset 0 calc(var(--ams-border-width-md) * -1) var(--ams-brand-color-neutral-20);--ams-tabs-button-color: var(--ams-brand-color-blue-60);--ams-tabs-button-cursor: var(--ams-action-activate-cursor);--ams-tabs-button-font-family: var(--ams-text-font-family);--ams-tabs-button-font-size: var(--ams-text-level-5-font-size);--ams-tabs-button-font-weight: var(--ams-text-font-weight-normal);--ams-tabs-button-line-height: var(--ams-text-level-5-line-height);--ams-tabs-button-padding-block: var(--ams-space-sm);--ams-tabs-button-padding-inline: var(--ams-space-md);--ams-tabs-button-hover-color: var(--ams-brand-color-blue-80);--ams-tabs-button-hover-box-shadow: inset 0 calc(var(--ams-border-width-md) * -1) var(--ams-brand-color-blue-80);--ams-tabs-button-selected-box-shadow: inset 0 calc(var(--ams-border-width-xl) * -1) var(--ams-brand-color-blue-60);--ams-tabs-button-selected-color: var(--ams-brand-color-blue-60);--ams-tabs-button-selected-font-weight: var(--ams-text-font-weight-bold);--ams-tabs-button-disabled-color: var(--ams-brand-color-neutral-60);--ams-tabs-button-disabled-cursor: var(--ams-action-disabled-cursor);--ams-text-area-background-color: var(--ams-brand-color-neutral-0);--ams-text-area-box-shadow: inset 0 0 0 var(--ams-border-width-sm) var(--ams-brand-color-neutral-100);--ams-text-area-color: var(--ams-brand-color-neutral-100);--ams-text-area-font-family: var(--ams-text-font-family);--ams-text-area-font-size: var(--ams-text-level-5-font-size);--ams-text-area-font-weight: var(--ams-text-font-weight-normal);--ams-text-area-line-height: var(--ams-text-level-5-line-height);--ams-text-area-padding-block: var(--ams-space-sm);--ams-text-area-min-block-size: calc(var(--ams-text-level-5-line-height) * 1em + 2 * var(--ams-text-area-padding-block));--ams-text-area-outline-offset: var(--ams-focus-outline-offset);--ams-text-area-padding-inline: var(--ams-space-md);--ams-text-area-disabled-background-color: var(--ams-brand-color-neutral-0);--ams-text-area-disabled-box-shadow: inset 0 0 0 var(--ams-border-width-sm) var(--ams-brand-color-neutral-60);--ams-text-area-disabled-color: var(--ams-brand-color-neutral-60);--ams-text-area-disabled-cursor: var(--ams-action-disabled-cursor);--ams-text-area-hover-box-shadow: inset 0 0 0 var(--ams-border-width-md) var(--ams-brand-color-neutral-100);--ams-text-area-invalid-box-shadow: inset 0 0 0 var(--ams-border-width-sm) var(--ams-brand-color-red-60);--ams-text-area-invalid-hover-box-shadow: inset 0 0 0 var(--ams-border-width-md) var(--ams-brand-color-red-80);--ams-text-area-placeholder-color: var(--ams-brand-color-neutral-60);--ams-text-input-background-color: var(--ams-brand-color-neutral-0);--ams-text-input-box-shadow: inset 0 0 0 var(--ams-border-width-sm) var(--ams-brand-color-neutral-100);--ams-text-input-color: var(--ams-brand-color-neutral-100);--ams-text-input-font-family: var(--ams-text-font-family);--ams-text-input-font-size: var(--ams-text-level-5-font-size);--ams-text-input-font-weight: var(--ams-text-font-weight-normal);--ams-text-input-line-height: var(--ams-text-level-5-line-height);--ams-text-input-outline-offset: var(--ams-focus-outline-offset);--ams-text-input-padding-block: var(--ams-space-sm);--ams-text-input-padding-inline: var(--ams-space-md);--ams-text-input-disabled-background-color: var(--ams-brand-color-neutral-0);--ams-text-input-disabled-box-shadow: inset 0 0 0 var(--ams-border-width-sm) var(--ams-brand-color-neutral-60);--ams-text-input-disabled-color: var(--ams-brand-color-neutral-60);--ams-text-input-hover-box-shadow: inset 0 0 0 var(--ams-border-width-md) var(--ams-brand-color-neutral-100);--ams-text-input-invalid-box-shadow: inset 0 0 0 var(--ams-border-width-sm) var(--ams-brand-color-red-60);--ams-text-input-invalid-hover-box-shadow: inset 0 0 0 var(--ams-border-width-md) var(--ams-brand-color-red-80);--ams-text-input-placeholder-color: var(--ams-brand-color-neutral-60);--ams-time-input-background-color: var(--ams-brand-color-neutral-0);--ams-time-input-box-shadow: inset 0 0 0 var(--ams-border-width-sm) var(--ams-brand-color-neutral-100);--ams-time-input-color: var(--ams-brand-color-neutral-100);--ams-time-input-font-family: var(--ams-text-font-family);--ams-time-input-font-size: var(--ams-text-level-5-font-size);--ams-time-input-font-weight: var(--ams-text-font-weight-normal);--ams-time-input-line-height: var(--ams-text-level-5-line-height);--ams-time-input-outline-offset: var(--ams-focus-outline-offset);--ams-time-input-padding-block: var(--ams-space-sm);--ams-time-input-padding-inline: var(--ams-space-md);--ams-time-input-disabled-background-color: var(--ams-brand-color-neutral-0);--ams-time-input-disabled-box-shadow: inset 0 0 0 var(--ams-border-width-sm) var(--ams-brand-color-neutral-60);--ams-time-input-disabled-color: var(--ams-brand-color-neutral-60);--ams-time-input-hover-box-shadow: inset 0 0 0 var(--ams-border-width-md) var(--ams-brand-color-neutral-100);--ams-time-input-invalid-box-shadow: inset 0 0 0 var(--ams-border-width-sm) var(--ams-brand-color-red-60);--ams-time-input-invalid-hover-box-shadow: inset 0 0 0 var(--ams-border-width-md) var(--ams-brand-color-red-80);--ams-top-task-link-gap: var(--ams-space-sm);--ams-top-task-link-description-color: var(--ams-brand-color-neutral-100);--ams-top-task-link-description-font-family: var(--ams-text-font-family);--ams-top-task-link-description-font-size: var(--ams-text-level-6-font-size);--ams-top-task-link-description-font-weight: var(--ams-text-font-weight-normal);--ams-top-task-link-description-line-height: var(--ams-text-level-6-line-height);--ams-top-task-link-label-font-family: var(--ams-text-font-family);--ams-top-task-link-label-font-size: var(--ams-text-level-4-font-size);--ams-top-task-link-label-font-weight: var(--ams-text-font-weight-bold);--ams-top-task-link-label-line-height: var(--ams-text-level-4-line-height);--ams-top-task-link-label-text-decoration-line: var(--ams-link-appearance-subtle-text-decoration-line);--ams-top-task-link-label-text-underline-offset: var(--ams-link-appearance-text-underline-offset);--ams-top-task-link-label-hover-color: var(--ams-brand-color-blue-80);--ams-top-task-link-label-hover-text-decoration-line: var(--ams-link-appearance-subtle-hover-text-decoration-line);--ams-top-task-link-outline-offset: var(--ams-focus-outline-offset);--ams-unordered-list-color: var(--ams-brand-color-neutral-100);--ams-unordered-list-font-family: var(--ams-text-font-family);--ams-unordered-list-font-size: var(--ams-text-level-5-font-size);--ams-unordered-list-font-weight: var(--ams-text-font-weight-normal);--ams-unordered-list-gap: var(--ams-space-md);--ams-unordered-list-inverse-color: var(--ams-brand-color-neutral-0);--ams-unordered-list-line-height: var(--ams-text-level-5-line-height);--ams-unordered-list-unordered-list-gap: var(--ams-space-sm);--ams-unordered-list-unordered-list-padding-block-start: var(--ams-space-sm);--ams-unordered-list-small-font-size: var(--ams-text-level-6-font-size);--ams-unordered-list-small-line-height: var(--ams-text-level-6-line-height);--ams-breadcrumb-link-color: var(--ams-link-appearance-color);--ams-breadcrumb-link-text-decoration-thickness: var(--ams-link-appearance-text-decoration-thickness);--ams-card-link-color: var(--ams-link-appearance-color);--ams-card-link-text-decoration-thickness: var(--ams-link-appearance-text-decoration-thickness);--ams-card-link-hover-color: var(--ams-link-appearance-hover-color);--ams-link-list-link-color: var(--ams-link-appearance-color);--ams-link-list-link-text-decoration-thickness: var(--ams-link-appearance-text-decoration-thickness);--ams-link-list-link-hover-color: var(--ams-link-appearance-hover-color);--ams-link-list-link-contrast-color-color: var(--ams-link-appearance-contrast-color);--ams-link-list-link-contrast-color-hover-color: var(--ams-link-appearance-contrast-hover-color);--ams-link-list-link-inverse-color-color: var(--ams-link-appearance-inverse-color);--ams-link-list-link-inverse-color-hover-color: var(--ams-link-appearance-inverse-hover-color);--ams-link-color: var(--ams-link-appearance-color);--ams-link-hover-color: var(--ams-link-appearance-hover-color);--ams-link-inline-text-decoration-thickness: var(--ams-link-appearance-text-decoration-thickness);--ams-link-inline-hover-text-decoration-thickness: var(--ams-link-appearance-regular-hover-text-decoration-thickness);--ams-link-standalone-text-decoration-thickness: var(--ams-link-appearance-text-decoration-thickness);--ams-link-standalone-hover-text-decoration-thickness: var(--ams-link-appearance-regular-hover-text-decoration-thickness);--ams-link-contrast-color-color: var(--ams-link-appearance-contrast-color);--ams-link-contrast-color-hover-color: var(--ams-link-appearance-contrast-hover-color);--ams-link-contrast-color-visited-color: var(--ams-link-appearance-contrast-visited-color);--ams-link-inverse-color-color: var(--ams-link-appearance-inverse-color);--ams-link-inverse-color-hover-color: var(--ams-link-appearance-inverse-hover-color);--ams-link-inverse-color-visited-color: var(--ams-link-appearance-inverse-visited-color);--ams-page-menu-item-color: var(--ams-link-appearance-color);--ams-page-menu-item-text-decoration-thickness: var(--ams-link-appearance-text-decoration-thickness);--ams-page-menu-item-hover-color: var(--ams-link-appearance-hover-color);--ams-pagination-color: var(--ams-link-appearance-color);--ams-pagination-button-text-decoration-thickness: var(--ams-link-appearance-text-decoration-thickness);--ams-pagination-button-hover-color: var(--ams-link-appearance-hover-color);--ams-radio-text-decoration-thickness: var(--ams-link-appearance-text-decoration-thickness);--ams-radio-icon-container-block-size: calc(var(--ams-radio-font-size) * var(--ams-radio-line-height));--ams-switch-thumb-hover-box-shadow: 0 0 0 .125rem var(--ams-switch-thumb-hover-color);--ams-table-of-contents-link-color: var(--ams-link-appearance-color);--ams-table-of-contents-link-text-decoration-thickness: var(--ams-link-appearance-text-decoration-thickness);--ams-table-of-contents-link-hover-color: var(--ams-link-appearance-hover-color);--ams-top-task-link-label-color: var(--ams-link-appearance-color);--ams-top-task-link-label-text-decoration-thickness: var(--ams-link-appearance-text-decoration-thickness)}:root --ams-radio-hover-indicator-invalid-hover-stroke:{ams.brand.color.red}.ams-theme--compact{--ams-space-xs: .25rem;--ams-space-sm: .5rem;--ams-space-md: 1rem;--ams-space-lg: 1.5rem;--ams-space-xl: 2rem;--ams-space-grid-xs: clamp(.25rem, calc(.390625vw - .015625rem), .625rem);--ams-space-grid-sm: clamp(.5rem, calc(.78125vw - .03125rem) , 1.25rem);--ams-space-grid-md: clamp(1rem, calc(1.5625vw - .0625rem) , 2.5rem);--ams-space-grid-lg: clamp(1.5rem, calc(2.34375vw - .09375rem) , 3.75rem);--ams-space-grid-xl: clamp(2rem, calc(3.125vw - .125rem) , 5rem);--ams-text-level-0-font-size: clamp(1.6105rem, calc(1.5626rem + .2394vw) , 1.802rem);--ams-text-level-1-font-size: clamp(1.4641rem, calc(1.4297rem + .1721vw) , 1.6018rem);--ams-text-level-2-font-size: clamp(1.331rem, calc(1.3078rem + .116vw) , 1.4238rem);--ams-text-level-3-font-size: clamp(1.21rem, calc(1.1961rem + .0695vw) , 1.2656rem);--ams-text-level-4-font-size: clamp(1.1rem, calc(1.0938rem + .0313vw) , 1.125rem);--ams-text-level-5-font-size: 1rem;--ams-text-level-6-font-size: clamp(.8889rem, calc(.9141rem - .0253vw) , .9091rem);--ams-grid-padding-inline: var(--ams-space-grid-md)}/** + * @license SEE LICENSE.md + * Copyright Gemeente Amsterdam + * All rights reserved + */@font-face{font-display:swap;font-family:Amsterdam Sans;font-style:normal;font-weight:300;src:url(./AmsterdamSans-Light-C9JJu_TU.eot?#iefix);src:url(./AmsterdamSans-Light-C9JJu_TU.eot?#iefix) format("eot"),url(./AmsterdamSans-Light-D_AncfMf.woff2) format("woff2"),url(./AmsterdamSans-Light-iEj3CW9t.woff) format("woff")}@font-face{font-display:swap;font-family:Amsterdam Sans;font-style:normal;font-weight:400;src:url(./AmsterdamSans-Regular-BSIiMMb3.eot?#iefix);src:url(./AmsterdamSans-Regular-BSIiMMb3.eot?#iefix) format("eot"),url(./AmsterdamSans-Regular-QnM7etvR.woff2) format("woff2"),url(./AmsterdamSans-Regular-nwmnLZDN.woff) format("woff")}@font-face{font-display:swap;font-family:Amsterdam Sans;font-style:italic;font-weight:400;src:url(./AmsterdamSans-Italic-Djuh9q7q.eot?#iefix);src:url(./AmsterdamSans-Italic-Djuh9q7q.eot?#iefix) format("eot"),url(./AmsterdamSans-Italic-DW94SgHh.woff2) format("woff2"),url(./AmsterdamSans-Italic-D8oH3P5t.woff) format("woff")}@font-face{font-display:swap;font-family:Amsterdam Sans;font-style:normal;font-weight:700;src:url(./AmsterdamSans-Bold-B-eEYlh-.eot?#iefix);src:url(./AmsterdamSans-Bold-B-eEYlh-.eot?#iefix) format("eot"),url(./AmsterdamSans-Bold-rXlH1Jru.woff2) format("woff2"),url(./AmsterdamSans-Bold-CN8ieXn0.woff) format("woff")}@font-face{font-display:swap;font-family:Amsterdam Sans;font-style:italic;font-weight:700;src:url(./AmsterdamSans-BoldItalic-D8IgX2tE.eot?#iefix);src:url(./AmsterdamSans-BoldItalic-D8IgX2tE.eot?#iefix) format("eot"),url(./AmsterdamSans-BoldItalic-DGVdd_B4.woff2) format("woff2"),url(./AmsterdamSans-BoldItalic-Iks2g4JK.woff) format("woff")}@font-face{font-display:swap;font-family:Amsterdam Sans;font-style:normal;font-weight:800;src:url(./AmsterdamSans-ExtraBold-0zPbyHYJ.eot?#iefix);src:url(./AmsterdamSans-ExtraBold-0zPbyHYJ.eot?#iefix) format("eot"),url(./AmsterdamSans-ExtraBold-hk2GetsY.woff2) format("woff2"),url(./AmsterdamSans-ExtraBold-GN1-Za61.woff) format("woff")}.ams-accordion{display:flex;flex-direction:column;gap:var(--ams-accordion-gap);text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}.ams-accordion__header{display:flex;margin-block:0;margin-inline:0}.ams-accordion__button{background-color:#0000;color:var(--ams-accordion-button-color);cursor:pointer;display:flex;font-family:var(--ams-accordion-button-font-family);font-size:var(--ams-accordion-button-font-size);font-weight:var(--ams-accordion-button-font-weight);gap:var(--ams-accordion-button-gap);inline-size:100%;line-height:var(--ams-accordion-button-line-height);padding-block:var(--ams-accordion-button-padding-block);padding-inline:var(--ams-accordion-button-padding-inline);text-align:start;border:0;margin-block:0;margin-inline:0}.ams-accordion__button:focus{outline-offset:var(--ams-accordion-button-focus-outline-offset)}.ams-accordion__button:hover{color:var(--ams-accordion-button-hover-color)}.ams-accordion__icon svg{rotate:0deg;transition:none}[aria-expanded=true] .ams-accordion__icon svg{rotate:-180deg}@media not (prefers-reduced-motion){.ams-accordion__icon svg{transition:rotate .3s ease}}.ams-accordion__button[aria-expanded=true] svg{rotate:-180deg}.ams-accordion__panel{display:none;padding-block:var(--ams-accordion-panel-padding-block);padding-inline:var(--ams-accordion-panel-padding-inline)}.ams-accordion__panel--expanded{display:block}.ams-action-group{align-items:baseline;display:inline-flex;flex-wrap:wrap;gap:var(--ams-action-group-gap)}.ams-action-group>*{flex:auto}.ams-alert{align-items:flex-start;background-color:var(--ams-alert-background-color);border-style:var(--ams-alert-border-style);border-width:var(--ams-alert-border-width);display:flex;flex-direction:row;gap:var(--ams-alert-gap);justify-content:space-between;padding-block:var(--ams-alert-padding-block);padding-inline:var(--ams-alert-padding-inline)}.ams-alert__content{display:flex;flex:auto;flex-direction:column;gap:var(--ams-alert-content-gap)}.ams-alert--error{border-color:var(--ams-alert-error-border-color)}.ams-alert--info{border-color:var(--ams-alert-info-border-color)}.ams-alert--success{border-color:var(--ams-alert-success-border-color)}.ams-alert--warning{border-color:var(--ams-alert-warning-border-color)}.ams-aspect-ratio--x-tall{aspect-ratio:var(--ams-aspect-ratio-x-tall)!important}.ams-aspect-ratio--tall{aspect-ratio:var(--ams-aspect-ratio-tall)!important}.ams-aspect-ratio--square{aspect-ratio:var(--ams-aspect-ratio-square)!important}.ams-aspect-ratio--wide{aspect-ratio:var(--ams-aspect-ratio-wide)!important}.ams-aspect-ratio--x-wide{aspect-ratio:var(--ams-aspect-ratio-x-wide)!important}.ams-aspect-ratio--2x-wide{aspect-ratio:var(--ams-aspect-ratio-2x-wide)!important}.ams-avatar{aspect-ratio:var(--ams-avatar-aspect-ratio);border-radius:50%;display:inline-flex;font-family:var(--ams-avatar-font-family);font-size:var(--ams-avatar-font-size);inline-size:calc(var(--ams-avatar-line-height)*var(--ams-avatar-font-size));line-height:var(--ams-avatar-line-height);padding-block:var(--ams-avatar-padding-block);padding-inline:var(--ams-avatar-padding-inline);place-content:center}.ams-avatar svg{fill:currentColor}@media (forced-colors: active){.ams-avatar:not(.ams-avatar--has-image){border-style:solid;border-width:var(--ams-avatar-forced-colors-border-width);padding-block:calc(var(--ams-avatar-padding-block) - var(--ams-avatar-forced-colors-border-width));padding-inline:calc(var(--ams-avatar-padding-inline) - var(--ams-avatar-forced-colors-border-width))}}.ams-avatar--has-image{inline-size:calc(var(--ams-avatar-line-height)*var(--ams-avatar-font-size) + 2*var(--ams-avatar-padding-inline));overflow:hidden;padding-block:0;padding-inline:0;vertical-align:middle}.ams-avatar--azure{background-color:var(--ams-avatar-azure-background-color);color:var(--ams-avatar-azure-color)}.ams-avatar--black{background-color:var(--ams-avatar-black-background-color);color:var(--ams-avatar-black-color)}.ams-avatar--blue{background-color:var(--ams-avatar-blue-background-color);color:var(--ams-avatar-blue-color)}.ams-avatar--green{background-color:var(--ams-avatar-green-background-color);color:var(--ams-avatar-green-color)}.ams-avatar--lime{background-color:var(--ams-avatar-lime-background-color);color:var(--ams-avatar-lime-color)}.ams-avatar--magenta{background-color:var(--ams-avatar-magenta-background-color);color:var(--ams-avatar-magenta-color)}.ams-avatar--neutral-20{background-color:var(--ams-avatar-neutral-20-background-color);color:var(--ams-avatar-neutral-20-color)}.ams-avatar--neutral-40{background-color:var(--ams-avatar-neutral-40-background-color);color:var(--ams-avatar-neutral-40-color)}.ams-avatar--neutral-60{background-color:var(--ams-avatar-neutral-60-background-color);color:var(--ams-avatar-neutral-60-color)}.ams-avatar--neutral-80{background-color:var(--ams-avatar-neutral-80-background-color);color:var(--ams-avatar-neutral-80-color)}.ams-avatar--orange{background-color:var(--ams-avatar-orange-background-color);color:var(--ams-avatar-orange-color)}.ams-avatar--purple{background-color:var(--ams-avatar-purple-background-color);color:var(--ams-avatar-purple-color)}.ams-avatar--red{background-color:var(--ams-avatar-red-background-color);color:var(--ams-avatar-red-color)}.ams-avatar--white{background-color:var(--ams-avatar-white-background-color);color:var(--ams-avatar-white-color)}.ams-avatar--yellow{background-color:var(--ams-avatar-yellow-background-color);color:var(--ams-avatar-yellow-color)}.ams-badge{display:inline-block;font-family:var(--ams-badge-font-family);font-size:var(--ams-badge-font-size);font-weight:var(--ams-badge-font-weight);line-height:var(--ams-badge-line-height);padding-inline:var(--ams-badge-padding-inline)}.ams-badge--azure{background-color:var(--ams-badge-azure-background-color);color:var(--ams-badge-azure-color)}.ams-badge--black{background-color:var(--ams-badge-black-background-color);color:var(--ams-badge-black-color)}.ams-badge--blue{background-color:var(--ams-badge-blue-background-color);color:var(--ams-badge-blue-color)}.ams-badge--green{background-color:var(--ams-badge-green-background-color);color:var(--ams-badge-green-color)}.ams-badge--lime{background-color:var(--ams-badge-lime-background-color);color:var(--ams-badge-lime-color)}.ams-badge--magenta{background-color:var(--ams-badge-magenta-background-color);color:var(--ams-badge-magenta-color)}.ams-badge--neutral-20{background-color:var(--ams-badge-neutral-20-background-color);color:var(--ams-badge-neutral-20-color)}.ams-badge--neutral-40{background-color:var(--ams-badge-neutral-40-background-color);color:var(--ams-badge-neutral-40-color)}.ams-badge--neutral-60{background-color:var(--ams-badge-neutral-60-background-color);color:var(--ams-badge-neutral-60-color)}.ams-badge--neutral-80{background-color:var(--ams-badge-neutral-80-background-color);color:var(--ams-badge-neutral-80-color)}.ams-badge--orange{background-color:var(--ams-badge-orange-background-color);color:var(--ams-badge-orange-color)}.ams-badge--purple{background-color:var(--ams-badge-purple-background-color);color:var(--ams-badge-purple-color)}.ams-badge--red{background-color:var(--ams-badge-red-background-color);color:var(--ams-badge-red-color)}.ams-badge--white{background-color:var(--ams-badge-white-background-color);color:var(--ams-badge-white-color)}.ams-badge--yellow{background-color:var(--ams-badge-yellow-background-color);color:var(--ams-badge-yellow-color)}.ams-blockquote{box-sizing:border-box;break-inside:avoid;color:var(--ams-blockquote-color);font-family:var(--ams-blockquote-font-family);font-size:var(--ams-blockquote-font-size);font-weight:var(--ams-blockquote-font-weight);line-height:var(--ams-blockquote-line-height);quotes:"“" "”";hyphenate-limit-chars:var(--ams-hyphenation-hyphenate-limit-chars);-webkit-hyphens:var(--ams-hyphenation-hyphens);hyphens:var(--ams-hyphenation-hyphens);overflow-wrap:var(--ams-hyphenation-overflow-wrap);text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;margin-block:0;margin-inline:0}.ams-blockquote:before{content:open-quote}.ams-blockquote:after{content:close-quote}.ams-blockquote--inverse-color{color:var(--ams-blockquote-inverse-color)}.ams-breadcrumb{font-family:var(--ams-breadcrumb-font-family);font-size:var(--ams-breadcrumb-font-size);font-weight:var(--ams-breadcrumb-font-weight);line-height:var(--ams-breadcrumb-line-height)}.ams-breadcrumb__list{box-sizing:border-box;break-after:avoid;break-inside:avoid;text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;margin-block:0;padding-inline:0}.ams-breadcrumb__item{display:inline}.ams-breadcrumb__item:not(:last-child):after{background-image:var(--ams-breadcrumb-separator-background-image);background-repeat:no-repeat;block-size:var(--ams-breadcrumb-separator-block-size);content:"";display:inline-block;inline-size:var(--ams-breadcrumb-separator-inline-size);margin-inline:var(--ams-breadcrumb-separator-margin-inline)}.ams-breadcrumb__link{color:var(--ams-breadcrumb-link-color);outline-offset:var(--ams-breadcrumb-link-outline-offset);text-decoration-line:var(--ams-breadcrumb-link-text-decoration-line);text-decoration-thickness:var(--ams-breadcrumb-link-text-decoration-thickness);text-underline-offset:var(--ams-breadcrumb-link-text-underline-offset)}.ams-breadcrumb__link:hover{color:var(--ams-breadcrumb-link-hover-color);text-decoration-line:var(--ams-breadcrumb-link-hover-text-decoration-line)}.ams-grid{column-gap:var(--ams-grid-column-gap);display:grid;grid-template-columns:repeat(var(--ams-grid-column-count),1fr);padding-inline:var(--ams-grid-padding-inline);row-gap:var(--ams-grid-row-gap-md)}@media screen and (min-width: 36rem){.ams-grid{grid-template-columns:repeat(var(--ams-grid-medium-column-count),1fr)}}@media screen and (min-width: 68rem){.ams-grid{grid-template-columns:repeat(var(--ams-grid-wide-column-count),1fr)}}.ams-grid--gap-vertical--none{row-gap:initial}.ams-grid--gap-vertical--small{row-gap:var(--ams-grid-row-gap-sm)}.ams-grid--gap-vertical--large{row-gap:var(--ams-grid-row-gap-lg)}.ams-grid--padding-bottom--small{padding-block-end:var(--ams-grid-padding-block-sm)}.ams-grid--padding-bottom--medium{padding-block-end:var(--ams-grid-padding-block-md)}.ams-grid--padding-bottom--large{padding-block-end:var(--ams-grid-padding-block-lg)}.ams-grid--padding-top--small{padding-block-start:var(--ams-grid-padding-block-sm)}.ams-grid--padding-top--medium{padding-block-start:var(--ams-grid-padding-block-md)}.ams-grid--padding-top--large{padding-block-start:var(--ams-grid-padding-block-lg)}.ams-grid--padding-vertical--small{padding-block:var(--ams-grid-padding-block-sm)}.ams-grid--padding-vertical--medium{padding-block:var(--ams-grid-padding-block-md)}.ams-grid--padding-vertical--large{padding-block:var(--ams-grid-padding-block-lg)}.ams-grid__cell--span-all{grid-column:1/-1}.ams-grid__cell--span-1{grid-column-end:span 1}.ams-grid__cell--start-1{grid-column-start:1}.ams-grid__cell--span-2{grid-column-end:span 2}.ams-grid__cell--start-2{grid-column-start:2}.ams-grid__cell--span-3{grid-column-end:span 3}.ams-grid__cell--start-3{grid-column-start:3}.ams-grid__cell--span-4{grid-column-end:span 4}.ams-grid__cell--start-4{grid-column-start:4}.ams-grid__cell--span-5{grid-column-end:span 5}.ams-grid__cell--start-5{grid-column-start:5}.ams-grid__cell--span-6{grid-column-end:span 6}.ams-grid__cell--start-6{grid-column-start:6}.ams-grid__cell--span-7{grid-column-end:span 7}.ams-grid__cell--start-7{grid-column-start:7}.ams-grid__cell--span-8{grid-column-end:span 8}.ams-grid__cell--start-8{grid-column-start:8}.ams-grid__cell--span-9{grid-column-end:span 9}.ams-grid__cell--start-9{grid-column-start:9}.ams-grid__cell--span-10{grid-column-end:span 10}.ams-grid__cell--start-10{grid-column-start:10}.ams-grid__cell--span-11{grid-column-end:span 11}.ams-grid__cell--start-11{grid-column-start:11}.ams-grid__cell--span-12{grid-column-end:span 12}.ams-grid__cell--start-12{grid-column-start:12}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--span-1-medium{grid-column-end:span 1}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--start-1-medium{grid-column-start:1}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--span-2-medium{grid-column-end:span 2}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--start-2-medium{grid-column-start:2}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--span-3-medium{grid-column-end:span 3}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--start-3-medium{grid-column-start:3}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--span-4-medium{grid-column-end:span 4}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--start-4-medium{grid-column-start:4}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--span-5-medium{grid-column-end:span 5}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--start-5-medium{grid-column-start:5}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--span-6-medium{grid-column-end:span 6}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--start-6-medium{grid-column-start:6}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--span-7-medium{grid-column-end:span 7}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--start-7-medium{grid-column-start:7}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--span-8-medium{grid-column-end:span 8}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--start-8-medium{grid-column-start:8}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--span-9-medium{grid-column-end:span 9}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--start-9-medium{grid-column-start:9}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--span-10-medium{grid-column-end:span 10}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--start-10-medium{grid-column-start:10}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--span-11-medium{grid-column-end:span 11}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--start-11-medium{grid-column-start:11}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--span-12-medium{grid-column-end:span 12}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--start-12-medium{grid-column-start:12}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--span-1-wide{grid-column-end:span 1}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--start-1-wide{grid-column-start:1}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--span-2-wide{grid-column-end:span 2}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--start-2-wide{grid-column-start:2}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--span-3-wide{grid-column-end:span 3}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--start-3-wide{grid-column-start:3}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--span-4-wide{grid-column-end:span 4}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--start-4-wide{grid-column-start:4}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--span-5-wide{grid-column-end:span 5}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--start-5-wide{grid-column-start:5}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--span-6-wide{grid-column-end:span 6}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--start-6-wide{grid-column-start:6}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--span-7-wide{grid-column-end:span 7}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--start-7-wide{grid-column-start:7}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--span-8-wide{grid-column-end:span 8}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--start-8-wide{grid-column-start:8}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--span-9-wide{grid-column-end:span 9}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--start-9-wide{grid-column-start:9}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--span-10-wide{grid-column-end:span 10}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--start-10-wide{grid-column-start:10}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--span-11-wide{grid-column-end:span 11}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--start-11-wide{grid-column-start:11}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--span-12-wide{grid-column-end:span 12}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--start-12-wide{grid-column-start:12}}.ams-breakout{column-gap:var(--ams-grid-column-gap);display:grid;grid-template-columns:repeat(var(--ams-grid-column-count),1fr);padding-inline:var(--ams-grid-padding-inline);row-gap:var(--ams-grid-row-gap-md)}@media screen and (min-width: 36rem){.ams-breakout{grid-template-columns:repeat(var(--ams-grid-medium-column-count),1fr)}}@media screen and (min-width: 68rem){.ams-breakout{grid-template-columns:repeat(var(--ams-grid-wide-column-count),1fr)}}.ams-breakout--gap-vertical--none{row-gap:initial}.ams-breakout--gap-vertical--small{row-gap:var(--ams-grid-row-gap-sm)}.ams-breakout--gap-vertical--large{row-gap:var(--ams-grid-row-gap-lg)}.ams-breakout--padding-bottom--small{padding-block-end:var(--ams-grid-padding-block-sm)}.ams-breakout--padding-bottom--medium{padding-block-end:var(--ams-grid-padding-block-md)}.ams-breakout--padding-bottom--large{padding-block-end:var(--ams-grid-padding-block-lg)}.ams-breakout--padding-top--small{padding-block-start:var(--ams-grid-padding-block-sm)}.ams-breakout--padding-top--medium{padding-block-start:var(--ams-grid-padding-block-md)}.ams-breakout--padding-top--large{padding-block-start:var(--ams-grid-padding-block-lg)}.ams-breakout--padding-vertical--small{padding-block:var(--ams-grid-padding-block-sm)}.ams-breakout--padding-vertical--medium{padding-block:var(--ams-grid-padding-block-md)}.ams-breakout--padding-vertical--large{padding-block:var(--ams-grid-padding-block-lg)}.ams-breakout__cell--col-span-all{grid-column:1/-1}.ams-breakout__cell--col-span-1{grid-column-end:span 1}.ams-breakout__cell--col-start-1{grid-column-start:1}.ams-breakout__cell--col-span-2{grid-column-end:span 2}.ams-breakout__cell--col-start-2{grid-column-start:2}.ams-breakout__cell--col-span-3{grid-column-end:span 3}.ams-breakout__cell--col-start-3{grid-column-start:3}.ams-breakout__cell--col-span-4{grid-column-end:span 4}.ams-breakout__cell--col-start-4{grid-column-start:4}.ams-breakout__cell--col-span-5{grid-column-end:span 5}.ams-breakout__cell--col-start-5{grid-column-start:5}.ams-breakout__cell--col-span-6{grid-column-end:span 6}.ams-breakout__cell--col-start-6{grid-column-start:6}.ams-breakout__cell--col-span-7{grid-column-end:span 7}.ams-breakout__cell--col-start-7{grid-column-start:7}.ams-breakout__cell--col-span-8{grid-column-end:span 8}.ams-breakout__cell--col-start-8{grid-column-start:8}.ams-breakout__cell--col-span-9{grid-column-end:span 9}.ams-breakout__cell--col-start-9{grid-column-start:9}.ams-breakout__cell--col-span-10{grid-column-end:span 10}.ams-breakout__cell--col-start-10{grid-column-start:10}.ams-breakout__cell--col-span-11{grid-column-end:span 11}.ams-breakout__cell--col-start-11{grid-column-start:11}.ams-breakout__cell--col-span-12{grid-column-end:span 12}.ams-breakout__cell--col-start-12{grid-column-start:12}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-breakout__cell--col-span-1-medium{grid-column-end:span 1}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-breakout__cell--col-start-1-medium{grid-column-start:1}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-breakout__cell--col-span-2-medium{grid-column-end:span 2}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-breakout__cell--col-start-2-medium{grid-column-start:2}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-breakout__cell--col-span-3-medium{grid-column-end:span 3}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-breakout__cell--col-start-3-medium{grid-column-start:3}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-breakout__cell--col-span-4-medium{grid-column-end:span 4}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-breakout__cell--col-start-4-medium{grid-column-start:4}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-breakout__cell--col-span-5-medium{grid-column-end:span 5}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-breakout__cell--col-start-5-medium{grid-column-start:5}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-breakout__cell--col-span-6-medium{grid-column-end:span 6}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-breakout__cell--col-start-6-medium{grid-column-start:6}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-breakout__cell--col-span-7-medium{grid-column-end:span 7}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-breakout__cell--col-start-7-medium{grid-column-start:7}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-breakout__cell--col-span-8-medium{grid-column-end:span 8}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-breakout__cell--col-start-8-medium{grid-column-start:8}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-breakout__cell--col-span-9-medium{grid-column-end:span 9}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-breakout__cell--col-start-9-medium{grid-column-start:9}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-breakout__cell--col-span-10-medium{grid-column-end:span 10}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-breakout__cell--col-start-10-medium{grid-column-start:10}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-breakout__cell--col-span-11-medium{grid-column-end:span 11}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-breakout__cell--col-start-11-medium{grid-column-start:11}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-breakout__cell--col-span-12-medium{grid-column-end:span 12}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-breakout__cell--col-start-12-medium{grid-column-start:12}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-breakout__cell--col-span-1-wide{grid-column-end:span 1}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-breakout__cell--col-start-1-wide{grid-column-start:1}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-breakout__cell--col-span-2-wide{grid-column-end:span 2}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-breakout__cell--col-start-2-wide{grid-column-start:2}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-breakout__cell--col-span-3-wide{grid-column-end:span 3}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-breakout__cell--col-start-3-wide{grid-column-start:3}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-breakout__cell--col-span-4-wide{grid-column-end:span 4}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-breakout__cell--col-start-4-wide{grid-column-start:4}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-breakout__cell--col-span-5-wide{grid-column-end:span 5}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-breakout__cell--col-start-5-wide{grid-column-start:5}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-breakout__cell--col-span-6-wide{grid-column-end:span 6}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-breakout__cell--col-start-6-wide{grid-column-start:6}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-breakout__cell--col-span-7-wide{grid-column-end:span 7}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-breakout__cell--col-start-7-wide{grid-column-start:7}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-breakout__cell--col-span-8-wide{grid-column-end:span 8}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-breakout__cell--col-start-8-wide{grid-column-start:8}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-breakout__cell--col-span-9-wide{grid-column-end:span 9}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-breakout__cell--col-start-9-wide{grid-column-start:9}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-breakout__cell--col-span-10-wide{grid-column-end:span 10}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-breakout__cell--col-start-10-wide{grid-column-start:10}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-breakout__cell--col-span-11-wide{grid-column-end:span 11}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-breakout__cell--col-start-11-wide{grid-column-start:11}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-breakout__cell--col-span-12-wide{grid-column-end:span 12}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-breakout__cell--col-start-12-wide{grid-column-start:12}}.ams-breakout__cell--has-figure{align-self:end}.ams-breakout__cell--has-spotlight{display:grid;margin-block:calc(var(--ams-space-grid-md)*-1);margin-inline:calc(var(--ams-space-grid-lg)*-1)}.ams-breakout--gap-vertical--small>.ams-breakout__cell--has-spotlight{margin-block:calc(var(--ams-space-grid-sm)*-1)}.ams-breakout--gap-vertical--large>.ams-breakout__cell--has-spotlight{margin-block:calc(var(--ams-space-grid-lg)*-1)}.ams-breakout__cell--row-span-1{grid-row-end:span 1}.ams-breakout__cell--row-start-1{grid-row-start:1}.ams-breakout__cell--row-span-2{grid-row-end:span 2}.ams-breakout__cell--row-start-2{grid-row-start:2}.ams-breakout__cell--row-span-3{grid-row-end:span 3}.ams-breakout__cell--row-start-3{grid-row-start:3}.ams-breakout__cell--row-span-4{grid-row-end:span 4}.ams-breakout__cell--row-start-4{grid-row-start:4}@media screen and (min-width: 36rem){.ams-breakout__cell--row-span-1-medium{grid-row-end:span 1}.ams-breakout__cell--row-start-1-medium{grid-row-start:1}.ams-breakout__cell--row-span-2-medium{grid-row-end:span 2}.ams-breakout__cell--row-start-2-medium{grid-row-start:2}.ams-breakout__cell--row-span-3-medium{grid-row-end:span 3}.ams-breakout__cell--row-start-3-medium{grid-row-start:3}.ams-breakout__cell--row-span-4-medium{grid-row-end:span 4}.ams-breakout__cell--row-start-4-medium{grid-row-start:4}}@media screen and (min-width: 68rem){.ams-breakout__cell--row-span-1-wide{grid-row-end:span 1}.ams-breakout__cell--row-start-1-wide{grid-row-start:1}.ams-breakout__cell--row-span-2-wide{grid-row-end:span 2}.ams-breakout__cell--row-start-2-wide{grid-row-start:2}.ams-breakout__cell--row-span-3-wide{grid-row-end:span 3}.ams-breakout__cell--row-start-3-wide{grid-row-start:3}.ams-breakout__cell--row-span-4-wide{grid-row-end:span 4}.ams-breakout__cell--row-start-4-wide{grid-row-start:4}}.ams-button{cursor:var(--ams-button-cursor);display:inline-flex;font-family:var(--ams-button-font-family);font-size:var(--ams-button-font-size);gap:var(--ams-button-gap);justify-content:center;line-height:var(--ams-button-line-height);outline-offset:var(--ams-button-outline-offset);padding-block:var(--ams-button-padding-block);padding-inline:var(--ams-button-padding-inline);touch-action:manipulation;text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;border:0;margin-block:0;margin-inline:0}.ams-button:disabled,.ams-button[aria-disabled=true]{cursor:var(--ams-button-disabled-cursor)}.ams-button--primary{background-color:var(--ams-button-primary-background-color);box-shadow:var(--ams-button-primary-box-shadow);color:var(--ams-button-primary-color)}@media screen and (-ms-high-contrast: active),screen and (forced-colors: active){.ams-button--primary{border:var(--ams-button-forced-color-mode-border)}}.ams-button--primary:disabled,.ams-button--primary [aria-disabled=true]{background-color:var(--ams-button-primary-disabled-background-color);box-shadow:var(--ams-button-primary-disabled-box-shadow)}.ams-button--primary:hover:not(:disabled,[aria-disabled=true]){background-color:var(--ams-button-primary-hover-background-color);box-shadow:var(--ams-button-primary-hover-box-shadow)}.ams-button--secondary{background-color:var(--ams-button-secondary-background-color);box-shadow:var(--ams-button-secondary-box-shadow);color:var(--ams-button-secondary-color)}@media screen and (-ms-high-contrast: active),screen and (forced-colors: active){.ams-button--secondary{border:var(--ams-button-forced-color-mode-border)}}.ams-button--secondary:disabled,.ams-button--secondary [aria-disabled=true]{background-color:var(--ams-button-secondary-disabled-background-color);box-shadow:var(--ams-button-secondary-disabled-box-shadow);color:var(--ams-button-secondary-disabled-color)}.ams-button--secondary:hover:not(:disabled,[aria-disabled=true]){box-shadow:var(--ams-button-secondary-hover-box-shadow);color:var(--ams-button-secondary-hover-color)}.ams-button--tertiary{background-color:var(--ams-button-tertiary-background-color);color:var(--ams-button-tertiary-color)}.ams-button--tertiary:disabled,.ams-button--tertiary [aria-disabled=true]{background-color:var(--ams-button-tertiary-disabled-background-color);color:var(--ams-button-tertiary-disabled-color)}.ams-button--tertiary:hover:not(:disabled,[aria-disabled=true]){box-shadow:var(--ams-button-tertiary-hover-box-shadow);color:var(--ams-button-tertiary-hover-color)}.ams-button--icon-only{padding-block:var(--ams-button-icon-only-padding-block);padding-inline:var(--ams-button-icon-only-padding-inline)}.ams-card{display:grid;gap:var(--ams-card-gap);outline-offset:var(--ams-card-outline-offset);position:relative;touch-action:manipulation}.ams-card:has(:focus-visible){outline-color:-webkit-focus-ring-color;outline-style:auto;outline-width:.0625rem}.ams-card:has(:focus-visible) a:focus{outline:none}.ams-card a:after{content:"";display:block;inset-block:0;inset-inline:0;position:absolute}.ams-card__heading-group{display:flex;flex-direction:column-reverse;gap:var(--ams-card-heading-group-gap)}.ams-card__link{color:var(--ams-card-link-color);text-decoration-line:var(--ams-card-link-text-decoration-line);text-decoration-thickness:var(--ams-card-link-text-decoration-thickness);text-underline-offset:var(--ams-card-link-text-underline-offset)}.ams-card__link:hover{color:var(--ams-card-link-hover-color);text-decoration-line:var(--ams-card-link-hover-text-decoration-line)}.ams-character-count{color:var(--ams-character-count-color);font-family:var(--ams-character-count-font-family);font-size:var(--ams-character-count-font-size);font-weight:var(--ams-character-count-font-weight);line-height:var(--ams-character-count-line-height);text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}.ams-character-count--error{color:var(--ams-character-count-error-color)}.ams-checkbox__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;inline-size:0;margin-block:0;margin-inline:0}.ams-checkbox__input:focus+label{outline:auto}.ams-checkbox__input:focus:not(:focus-visible)+label{outline:0}.ams-checkbox__checkmark{align-items:center;block-size:calc(var(--ams-checkbox-font-size)*var(--ams-checkbox-line-height));display:flex;flex-shrink:0;inline-size:1.5rem}.ams-checkbox__checkmark:after{background-position:center;background-repeat:no-repeat;background-size:1rem;block-size:1.5rem;border-color:var(--ams-checkbox-checkmark-border-color);border-style:solid;border-width:var(--ams-checkbox-checkmark-border-width);box-sizing:border-box;content:"";inline-size:100%}.ams-checkbox__label{color:var(--ams-checkbox-color);cursor:pointer;display:inline-flex;font-family:var(--ams-checkbox-font-family);font-size:var(--ams-checkbox-font-size);font-weight:var(--ams-checkbox-font-weight);gap:var(--ams-checkbox-gap);line-height:var(--ams-checkbox-line-height);outline-offset:var(--ams-checkbox-outline-offset);text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}.ams-checkbox__label:hover{color:var(--ams-checkbox-hover-color);text-decoration-line:underline;text-decoration-thickness:var(--ams-checkbox-hover-text-decoration-thickness);text-underline-offset:.375rem}.ams-checkbox__label:hover .ams-checkbox__checkmark:after{border-color:var(--ams-checkbox-checkmark-hover-border-color);border-width:var(--ams-checkbox-checkmark-hover-border-width)}.ams-checkbox__input:checked+.ams-checkbox__label .ams-checkbox__checkmark:after{background-color:var(--ams-checkbox-checkmark-checked-background-color);background-image:var(--ams-checkbox-checkmark-checked-background-image);border:0}.ams-checkbox__input:indeterminate+.ams-checkbox__label .ams-checkbox__checkmark:after{background-color:var(--ams-checkbox-checkmark-indeterminate-background-color);background-image:var(--ams-checkbox-checkmark-indeterminate-background-image);background-position:center;background-repeat:no-repeat;background-size:1rem;border:0}.ams-checkbox__input:invalid+.ams-checkbox__label .ams-checkbox__checkmark:after,.ams-checkbox__input[aria-invalid=true]+.ams-checkbox__label .ams-checkbox__checkmark:after{border-color:var(--ams-checkbox-checkmark-invalid-border-color)}.ams-checkbox__input:disabled+.ams-checkbox__label{color:var(--ams-checkbox-disabled-color);cursor:not-allowed}.ams-checkbox__input:disabled+.ams-checkbox__label .ams-checkbox__checkmark:after{border-color:var(--ams-checkbox-checkmark-disabled-border-color);border-width:var(--ams-checkbox-checkmark-disabled-border-width)}.ams-checkbox__input:invalid:checked+.ams-checkbox__label .ams-checkbox__checkmark:after,.ams-checkbox__input[aria-invalid=true]:checked+.ams-checkbox__label .ams-checkbox__checkmark:after{background-color:var(--ams-checkbox-checkmark-invalid-checked-background-color)}.ams-checkbox__input:invalid:indeterminate+.ams-checkbox__label .ams-checkbox__checkmark:after,.ams-checkbox__input[aria-invalid=true]:indeterminate+.ams-checkbox__label .ams-checkbox__checkmark:after{background-color:var(--ams-checkbox-checkmark-invalid-indeterminate-background-color)}.ams-checkbox__input:disabled+.ams-checkbox__label:hover{text-decoration:none}.ams-checkbox__input:disabled:checked+.ams-checkbox__label .ams-checkbox__checkmark:after{background-color:var(--ams-checkbox-checkmark-disabled-checked-background-color)}.ams-checkbox__input:disabled:indeterminate+.ams-checkbox__label .ams-checkbox__checkmark:after{background-color:var(--ams-checkbox-checkmark-disabled-indeterminate-background-color)}.ams-checkbox__input:invalid:disabled+.ams-checkbox__label .ams-checkbox__checkmark:after,.ams-checkbox__input[aria-invalid=true]:disabled+.ams-checkbox__label .ams-checkbox__checkmark:after{border-color:var(--ams-checkbox-checkmark-disabled-border-color)}:is(.ams-checkbox__input:invalid,.ams-checkbox__input[aria-invalid=true])+.ams-checkbox__label:hover .ams-checkbox__checkmark:after{border-color:var(--ams-checkbox-checkmark-invalid-hover-border-color)}.ams-checkbox__input:checked+.ams-checkbox__label:hover .ams-checkbox__checkmark:after{background-color:var(--ams-checkbox-checkmark-checked-hover-background-color)}.ams-checkbox__input:indeterminate+.ams-checkbox__label:hover .ams-checkbox__checkmark:after{background-color:var(--ams-checkbox-checkmark-indeterminate-hover-background-color)}:is(.ams-checkbox__input:invalid:checked,.ams-checkbox__input[aria-invalid=true]:checked)+.ams-checkbox__label:hover .ams-checkbox__checkmark:after{background-color:var(--ams-checkbox-checkmark-invalid-checked-hover-background-color)}:is(.ams-checkbox__input:invalid:indeterminate,.ams-checkbox__input[aria-invalid=true]:indeterminate)+.ams-checkbox__label:hover .ams-checkbox__checkmark:after{background-color:var(--ams-checkbox-checkmark-invalid-indeterminate-hover-background-color)}.ams-checkbox__input:disabled:checked+.ams-checkbox__label:hover .ams-checkbox__checkmark:after{background-color:var(--ams-checkbox-checkmark-disabled-checked-hover-background-color)}.ams-checkbox__input:disabled:indeterminate+.ams-checkbox__label:hover .ams-checkbox__checkmark:after{background-color:var(--ams-checkbox-checkmark-disabled-indeterminate-hover-background-color)}:is(.ams-checkbox__input:invalid:disabled,.ams-checkbox__input[aria-invalid=true]:disabled)+.ams-checkbox__label:hover .ams-checkbox__checkmark:after{border-color:var(--ams-checkbox-checkmark-disabled-border-color)}.ams-checkbox__input:invalid:disabled:checked+.ams-checkbox__label .ams-checkbox__checkmark:after,.ams-checkbox__input:invalid:disabled:indeterminate+.ams-checkbox__label .ams-checkbox__checkmark:after,.ams-checkbox__input[aria-invalid=true]:disabled:checked+.ams-checkbox__label .ams-checkbox__checkmark:after,.ams-checkbox__input[aria-invalid=true]:disabled:indeterminate+.ams-checkbox__label .ams-checkbox__checkmark:after{background-color:var(--ams-checkbox-checkmark-disabled-checked-background-color)}.ams-column{display:flex;flex-direction:column;gap:var(--ams-column-gap-md)}.ams-column--gap-none{gap:var(--ams-column-gap-no)}.ams-column--gap-extra-small{gap:var(--ams-column-gap-xs)}.ams-column--gap-small{gap:var(--ams-column-gap-sm)}.ams-column--gap-large{gap:var(--ams-column-gap-lg)}.ams-column--gap-extra-large{gap:var(--ams-column-gap-xl)}.ams-column--align-around{justify-content:space-around}.ams-column--align-between{justify-content:space-between}.ams-column--align-center{justify-content:center}.ams-column--align-end{justify-content:flex-end}.ams-column--align-evenly{justify-content:space-evenly}.ams-column--align-horizontal-center{align-items:center}.ams-column--align-horizontal-end{align-items:flex-end}.ams-column--align-horizontal-start{align-items:flex-start}.ams-date-input{background-color:var(--ams-date-input-background-color);box-shadow:var(--ams-date-input-box-shadow);box-sizing:border-box;color:var(--ams-date-input-color);font-family:var(--ams-date-input-font-family);font-size:var(--ams-date-input-font-size);font-weight:var(--ams-date-input-font-weight);line-height:var(--ams-date-input-line-height);min-block-size:calc(var(--ams-date-input-font-size)*var(--ams-date-input-line-height) + 2*var(--ams-date-input-padding-block));min-inline-size:calc(8ch + 2*var(--ams-date-input-padding-inline));outline-offset:var(--ams-date-input-outline-offset);padding-block:var(--ams-date-input-padding-block);padding-inline:var(--ams-date-input-padding-inline);touch-action:manipulation;text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:0;margin-block:0}.ams-date-input:hover{box-shadow:var(--ams-date-input-hover-box-shadow)}.ams-date-input::-webkit-calendar-picker-indicator{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:var(--ams-date-input-calender-picker-indicator-background-image);cursor:pointer}.ams-date-input:hover::-webkit-calendar-picker-indicator{background-image:var(--ams-date-input-hover-calender-picker-indicator-background-image)}.ams-date-input:disabled{background-color:var(--ams-date-input-disabled-background-color);box-shadow:var(--ams-date-input-disabled-box-shadow);color:var(--ams-date-input-disabled-color);cursor:not-allowed}.ams-date-input:disabled::-webkit-calendar-picker-indicator{background-image:var(--ams-date-input-disabled-calender-picker-indicator-background-image);visibility:visible}.ams-date-input:invalid,.ams-date-input[aria-invalid=true]{box-shadow:var(--ams-date-input-invalid-box-shadow)}.ams-date-input:invalid:hover,.ams-date-input[aria-invalid=true]:hover{box-shadow:var(--ams-date-input-invalid-hover-box-shadow)}.ams-description-list{box-sizing:border-box;color:var(--ams-description-list-color);column-gap:var(--ams-description-list-column-gap);display:grid;font-family:var(--ams-description-list-font-family);font-size:var(--ams-description-list-font-size);line-height:var(--ams-description-list-line-height);row-gap:var(--ams-description-list-row-gap);margin-block:0;text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}@media screen and (min-width: 36rem){.ams-description-list,.ams-description-list__section{grid-template-columns:auto 1fr}.ams-description-list--terms-width-sm,.ams-description-list--terms-width-sm .ams-description-list__section{grid-template-columns:1fr 4fr}.ams-description-list--terms-width-md,.ams-description-list--terms-width-md .ams-description-list__section{grid-template-columns:1fr 2fr}.ams-description-list--terms-width-lg,.ams-description-list--terms-width-lg .ams-description-list__section{grid-template-columns:1fr 1fr}}.ams-description-list--inverse-color{color:var(--ams-description-list-inverse-color)}.ams-description-list__term{font-weight:var(--ams-description-list-term-font-weight)}@media screen and (min-width: 36rem){.ams-description-list__term{grid-column-start:1}}@media screen and (min-width: 36rem){.ams-description-list__section{column-gap:var(--ams-description-list-column-gap);display:grid;grid-column:span 2}.ams-description-list__section>:only-of-type{grid-row:1/9}}.ams-description-list .ams-description-list__section{grid-template-columns:subgrid}.ams-description-list__description{font-weight:var(--ams-description-list-description-font-weight);padding-inline-start:var(--ams-description-list-description-padding-inline-start);margin-inline:0}@media screen and (min-width: 36rem){.ams-description-list__description{grid-column-start:2;padding-inline-start:0}}.ams-dialog:not(dialog:not([open])){background-color:var(--ams-dialog-background-color);border:var(--ams-dialog-border);box-sizing:border-box;display:flex;flex-direction:column;gap:var(--ams-dialog-gap);inline-size:var(--ams-dialog-inline-size);max-block-size:var(--ams-dialog-max-block-size);max-inline-size:var(--ams-dialog-max-inline-size);padding-block:var(--ams-dialog-padding-block);padding-inline:var(--ams-dialog-padding-inline);inset-block:0}.ams-dialog:not(dialog:not([open]))::backdrop{background:#0006}.ams-dialog__header{align-items:flex-start;display:flex;gap:var(--ams-dialog-header-gap);justify-content:space-between}.ams-dialog__body{overflow-y:auto;overscroll-behavior-y:contain}.ams-body{margin-block:0;margin-inline:0}.ams-error-message{box-sizing:border-box;color:var(--ams-error-message-color);display:inline-flex;font-family:var(--ams-error-message-font-family);font-size:var(--ams-error-message-font-size);font-weight:var(--ams-error-message-font-weight);gap:var(--ams-error-message-gap);line-height:var(--ams-error-message-line-height);text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;margin-block:0}.ams-field-set{break-inside:avoid;border:0;margin-inline:0;padding-block:0;padding-inline:0}.ams-field-set--invalid{border-inline-start:var(--ams-field-set-invalid-border-inline-start);padding-inline-start:var(--ams-field-set-invalid-padding-inline-start)}.ams-field-set__legend{color:var(--ams-field-set-legend-color);font-family:var(--ams-field-set-legend-font-family);font-size:var(--ams-field-set-legend-font-size);font-weight:var(--ams-field-set-legend-font-weight);line-height:var(--ams-field-set-legend-line-height);margin-block-end:var(--ams-field-set-legend-margin-block-end);hyphenate-limit-chars:var(--ams-hyphenation-hyphenate-limit-chars);-webkit-hyphens:var(--ams-hyphenation-hyphens);hyphens:var(--ams-hyphenation-hyphens);overflow-wrap:var(--ams-hyphenation-overflow-wrap);text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;float:inline-start;inline-size:100%;padding-inline:0}.ams-field-set__legend+*{clear:both}.ams-field{align-items:start;break-inside:avoid;display:flex;flex-direction:column;gap:var(--ams-field-gap)}.ams-field--invalid{border-inline-start:var(--ams-field-invalid-border-inline-start);padding-inline-start:var(--ams-field-invalid-padding-inline-start)}.ams-file-input{background-color:var(--ams-file-input-background-color);border:var(--ams-file-input-border);box-sizing:border-box;color:var(--ams-file-input-color);cursor:var(--ams-file-input-cursor);font-family:var(--ams-file-input-font-family);font-size:var(--ams-file-input-font-size);font-weight:var(--ams-file-input-font-weight);inline-size:100%;line-height:var(--ams-file-input-line-height);outline-offset:calc(var(--ams-focus-outline-offset)*2);padding-block:var(--ams-file-input-padding-block);padding-inline:var(--ams-file-input-padding-inline);touch-action:manipulation;text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}.ams-file-input:disabled{color:var(--ams-file-input-disabled-color);cursor:var(--ams-file-input-disabled-cursor)}.ams-file-input::file-selector-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--ams-file-input-file-selector-button-background-color);box-shadow:var(--ams-file-input-file-selector-button-box-shadow);box-sizing:border-box;color:var(--ams-file-input-file-selector-button-color);cursor:var(--ams-file-input-file-selector-button-cursor);font-family:inherit;font-size:inherit;font-weight:inherit;margin-inline-end:var(--ams-file-input-file-selector-button-margin-inline-end);padding-block:var(--ams-file-input-file-selector-button-padding-block);padding-inline:var(--ams-file-input-file-selector-button-padding-inline);border:0;border-radius:0}@media screen and (-ms-high-contrast: active),screen and (forced-colors: active){.ams-file-input::file-selector-button{border:var(--ams-file-input-file-selector-button-forced-color-mode-border)}}.ams-file-input:disabled::file-selector-button{box-shadow:var(--ams-file-input-file-selector-button-disabled-box-shadow);color:var(--ams-file-input-disabled-color);cursor:var(--ams-file-input-file-selector-button-disabled-cursor)}.ams-file-input:not(:disabled):hover::file-selector-button{box-shadow:var(--ams-file-input-file-selector-button-hover-box-shadow);color:var(--ams-file-input-file-selector-button-hover-color)}.ams-file-list{display:flex;flex-direction:column;gap:var(--ams-file-list-gap);padding-block:var(--ams-file-list-padding-block);text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;list-style:none;margin-block:0;padding-inline:0}.ams-file-list__item{display:flex;flex-direction:row;font-family:var(--ams-file-list-file-font-family);font-size:var(--ams-file-list-file-font-size);font-weight:var(--ams-file-list-file-font-weight);gap:var(--ams-file-list-file-gap);line-height:var(--ams-file-list-file-line-height)}.ams-file-list__item-preview{display:grid;flex:0 0 var(--ams-file-list-file-preview-width);place-items:center}.ams-file-list__item-preview img{inline-size:100%;min-block-size:auto}.ams-file-list__item-info{flex:1;gap:var(--ams-file-list-file-gap);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ams-file-input__item-details{color:var(--ams-file-list-file-details-color)}.ams-footer__top{background-color:var(--ams-footer-top-background-color)}.ams-form-error-list{outline-offset:var(--ams-form-error-list-outline-offset)}@supports (contain: paint) and (not (-moz-appearance: none)){.ams-form-error-list{outline-offset:calc(var(--ams-form-error-list-outline-offset)*2)}@supports (font: -apple-system-body){.ams-form-error-list{outline-offset:var(--ams-form-error-list-outline-offset)}}}[class|=ams-gap-]{display:grid!important}.ams-gap--xs{grid-gap:var(--ams-gap-xs)!important}.ams-gap--sm{grid-gap:var(--ams-gap-sm)!important}.ams-gap--md{grid-gap:var(--ams-gap-md)!important}.ams-gap--lg{grid-gap:var(--ams-gap-lg)!important}.ams-gap--xl{grid-gap:var(--ams-gap-xl)!important}.ams-header{align-items:center;display:flex;flex-wrap:wrap;padding-block:var(--ams-header-padding-block);row-gap:1.5rem}@media screen and (min-width: 68rem){.ams-header{column-gap:var(--ams-header-column-gap);flex-wrap:nowrap}}.ams-header__logo-link{flex:none;outline-offset:var(--ams-header-logo-link-outline-offset)}.ams-header__links{display:none}@media screen and (min-width: 36rem){.ams-header__links{display:block;flex:10 0 auto}}@media screen and (min-width: 68rem){.ams-header__links{order:3}}.ams-header__menu{flex:1;padding-inline-start:var(--ams-page-menu-column-gap);text-align:end}@media screen and (min-width: 68rem){.ams-header__menu{order:4;padding-inline-start:0}}.ams-header__app-name{flex:1 1 100%}@media screen and (min-width: 68rem){.ams-header__app-name{min-inline-size:0;order:2}.ams-header__app-name .ams-header__app-name-heading{display:block;inline-size:100%;line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.ams-header__menu-button{background-color:#0000;background-image:url("data:image/svg+xml;utf8,");background-position:center right;background-repeat:no-repeat;background-size:1.1875rem 1.1875rem;border:0;color:var(--ams-page-menu-item-color);font-family:var(--ams-page-menu-item-font-family);font-size:var(--ams-page-menu-item-font-size);font-weight:var(--ams-page-menu-item-font-weight);line-height:var(--ams-page-menu-item-line-height);margin-block:0;margin-inline:0;padding-inline:0 1.875rem;text-align:center;touch-action:manipulation}.ams-heading{box-sizing:border-box;break-after:avoid;break-inside:avoid;color:var(--ams-heading-color);font-family:var(--ams-heading-font-family);font-weight:var(--ams-heading-font-weight);hyphenate-limit-chars:var(--ams-hyphenation-hyphenate-limit-chars);-webkit-hyphens:var(--ams-hyphenation-hyphens);hyphens:var(--ams-hyphenation-hyphens);overflow-wrap:var(--ams-hyphenation-overflow-wrap);text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;margin-block:0}.ams-heading--level-1{font-size:var(--ams-heading-level-1-font-size);line-height:var(--ams-heading-level-1-line-height)}.ams-heading--level-2{font-size:var(--ams-heading-level-2-font-size);line-height:var(--ams-heading-level-2-line-height)}.ams-heading--level-3{font-size:var(--ams-heading-level-3-font-size);line-height:var(--ams-heading-level-3-line-height)}.ams-heading--level-4{font-size:var(--ams-heading-level-4-font-size);line-height:var(--ams-heading-level-4-line-height)}.ams-heading--level-5{font-size:var(--ams-heading-level-5-font-size);line-height:var(--ams-heading-level-5-line-height)}.ams-heading--level-6{font-size:var(--ams-heading-level-6-font-size);line-height:var(--ams-heading-level-6-line-height)}.ams-heading--inverse-color{color:var(--ams-heading-inverse-color)}.ams-hint{color:var(--ams-hint-color);display:inline-block}.ams-icon-button{background-color:#0000;color:var(--ams-icon-button-color);cursor:pointer;outline-offset:var(--ams-icon-button-outline-offset);touch-action:manipulation;border:0;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.ams-icon-button:hover{background-color:var(--ams-icon-button-hover-background-color);color:var(--ams-icon-button-hover-color)}.ams-icon-button:disabled{background-color:#0000;color:var(--ams-icon-button-disabled-color);cursor:not-allowed}.ams-icon-button--contrast-color{color:var(--ams-icon-button-contrast-color-color)}.ams-icon-button--contrast-color:hover{background-color:var(--ams-icon-button-contrast-color-hover-background-color);color:var(--ams-icon-button-contrast-color-hover-color)}.ams-icon-button--contrast-color:disabled{background-color:#0000;color:var(--ams-icon-button-contrast-color-disabled-color)}.ams-icon-button--inverse-color{background-color:var(--ams-icon-button-inverse-color-background-color);color:var(--ams-icon-button-inverse-color-color)}.ams-icon-button--inverse-color:hover{background-color:var(--ams-icon-button-inverse-color-hover-background-color);color:var(--ams-icon-button-inverse-color-hover-color)}.ams-icon-button--inverse-color:disabled{background-color:var(--ams-icon-button-inverse-color-disabled-background-color);color:var(--ams-icon-button-inverse-color-disabled-color)}.ams-icon{align-items:center;display:inline-flex}.ams-icon svg{fill:currentColor}.ams-icon--inverse-color{color:var(--ams-icon-inverse-color)}.ams-icon--square{aspect-ratio:1/1;justify-content:center}.ams-icon--size-3{block-size:calc(var(--ams-icon-size-3-font-size)*var(--ams-icon-size-3-line-height))}.ams-icon--size-3 svg{block-size:var(--ams-icon-size-3-font-size);inline-size:var(--ams-icon-size-3-font-size)}.ams-icon--size-4{block-size:calc(var(--ams-icon-size-4-font-size)*var(--ams-icon-size-4-line-height))}.ams-icon--size-4 svg{block-size:var(--ams-icon-size-4-font-size);inline-size:var(--ams-icon-size-4-font-size)}.ams-icon--size-5{block-size:calc(var(--ams-icon-size-5-font-size)*var(--ams-icon-size-5-line-height))}.ams-icon--size-5 svg{block-size:var(--ams-icon-size-5-font-size);inline-size:var(--ams-icon-size-5-font-size)}.ams-icon--size-6{block-size:calc(var(--ams-icon-size-6-font-size)*var(--ams-icon-size-6-line-height))}.ams-icon--size-6 svg{block-size:var(--ams-icon-size-6-font-size);inline-size:var(--ams-icon-size-6-font-size)}.ams-image-slider{display:grid;gap:var(--ams-image-slider-gap);grid-template-rows:1fr auto}.ams-image-slider__item{scroll-snap-align:center;scroll-snap-stop:always}.ams-image-slider__item .ams-image{inline-size:100%}.ams-image-slider__scroller{align-items:center;display:grid;gap:var(--ams-image-slider-scroller-gap);grid-auto-columns:100%;grid-auto-flow:column;grid-column:1/-1;grid-row:1;outline-offset:var(--ams-image-slider-scroller-outline-offset);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}.ams-image-slider__scroller::-webkit-scrollbar{display:none}@media not (prefers-reduced-motion){.ams-image-slider__scroller{scroll-behavior:smooth}}.ams-image-slider__controls{display:flex;grid-column:1/-1;grid-row:1;justify-content:space-between}@media (pointer: coarse)and (max-width: 36rem){.ams-image-slider__controls{display:none}}.ams-image-slider__control{place-self:center;z-index:1}.ams-image-slider__thumbnails{display:grid;gap:var(--ams-image-slider-thumbnails-gap);grid-template-columns:repeat(5,1fr);max-inline-size:100%}.ams-image-slider__thumbnail{background-color:var(--ams-image-slider-thumbnails-thumbnail-background-color);background-position:center;background-size:cover;border:none;cursor:var(--ams-image-slider-thumbnails-thumbnail-cursor);opacity:var(--ams-image-slider-thumbnails-thumbnail-opacity);outline-offset:var(--ams-button-outline-offset);padding-block:0;padding-inline:0;position:relative;scroll-snap-align:start}.ams-image-slider__thumbnail:hover{opacity:var(--ams-image-slider-thumbnails-thumbnail-hover-opacity)}.ams-image-slider__thumbnail--in-view{opacity:var(--ams-image-slider-thumbnails-thumbnail-in-view-opacity)}.ams-image{aspect-ratio:var(--ams-image-aspect-ratio);block-size:auto;font-style:italic;inline-size:fit-content;max-inline-size:100%;object-fit:cover;vertical-align:middle}.ams-label{color:var(--ams-label-color);font-family:var(--ams-label-font-family);font-size:var(--ams-label-font-size);font-weight:var(--ams-label-font-weight);line-height:var(--ams-label-line-height);hyphenate-limit-chars:var(--ams-hyphenation-hyphenate-limit-chars);-webkit-hyphens:var(--ams-hyphenation-hyphens);hyphens:var(--ams-hyphenation-hyphens);overflow-wrap:var(--ams-hyphenation-overflow-wrap);text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}.ams-link-list{box-sizing:border-box;display:grid;gap:var(--ams-link-list-gap);text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;list-style:none;margin-block:0;padding-inline-start:0}.ams-link-list__link{align-items:flex-start;color:var(--ams-link-list-link-color);display:inline-flex;font-family:var(--ams-link-list-link-font-family);font-size:var(--ams-link-list-link-font-size);font-weight:var(--ams-link-list-link-font-weight);gap:var(--ams-link-list-link-gap);line-height:var(--ams-link-list-link-line-height);outline-offset:var(--ams-link-list-link-outline-offset);text-decoration-line:var(--ams-link-list-link-text-decoration-line);text-decoration-thickness:var(--ams-link-list-link-text-decoration-thickness);text-underline-offset:var(--ams-link-list-link-text-underline-offset)}.ams-link-list__link:hover{color:var(--ams-link-list-link-hover-color);text-decoration-line:var(--ams-link-list-link-hover-text-decoration-line)}.ams-link-list__link--small{font-size:var(--ams-link-list-link-small-font-size);line-height:var(--ams-link-list-link-small-line-height)}.ams-link-list__link--large{font-size:var(--ams-link-list-link-large-font-size);line-height:var(--ams-link-list-link-large-line-height);hyphenate-limit-chars:var(--ams-hyphenation-hyphenate-limit-chars);-webkit-hyphens:var(--ams-hyphenation-hyphens);hyphens:var(--ams-hyphenation-hyphens);overflow-wrap:var(--ams-hyphenation-overflow-wrap)}.ams-link-list__link--contrast-color{color:var(--ams-link-list-link-contrast-color-color)}.ams-link-list__link--contrast-color:hover{color:var(--ams-link-list-link-contrast-color-hover-color)}.ams-link-list__link--inverse-color{color:var(--ams-link-list-link-inverse-color-color)}.ams-link-list__link--inverse-color:hover{color:var(--ams-link-list-link-inverse-color-hover-color)}.ams-link{color:var(--ams-link-color);font-family:var(--ams-link-font-family);font-weight:var(--ams-link-font-weight);outline-offset:var(--ams-link-outline-offset);text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}.ams-link:hover{color:var(--ams-link-hover-color)}.ams-link--standalone{display:inline-block;font-size:var(--ams-link-standalone-font-size);line-height:var(--ams-link-standalone-line-height);text-decoration-line:var(--ams-link-standalone-text-decoration-line);text-decoration-thickness:var(--ams-link-standalone-text-decoration-thickness);text-underline-offset:var(--ams-link-standalone-text-underline-offset)}.ams-link--standalone:hover{text-decoration-thickness:var(--ams-link-standalone-hover-text-decoration-thickness);text-underline-offset:var(--ams-link-standalone-hover-text-underline-offset)}.ams-link--inline{font-family:var(--ams-link-inline-font-family);font-size:var(--ams-link-inline-font-size);line-height:var(--ams-link-inline-line-height);text-decoration-line:var(--ams-link-inline-text-decoration-line);text-decoration-thickness:var(--ams-link-inline-text-decoration-thickness);text-underline-offset:var(--ams-link-inline-text-underline-offset)}.ams-link--inline:hover{text-decoration-thickness:var(--ams-link-inline-hover-text-decoration-thickness);text-underline-offset:var(--ams-link-inline-hover-text-underline-offset)}.ams-link--inline:visited{color:var(--ams-link-inline-visited-color)}.ams-link--contrast-color{color:var(--ams-link-contrast-color-color)}.ams-link--contrast-color:hover{color:var(--ams-link-contrast-color-hover-color)}.ams-link--contrast-color:visited{color:var(--ams-link-contrast-color-visited-color)}.ams-link--inverse-color{color:var(--ams-link-inverse-color-color)}.ams-link--inverse-color:hover{color:var(--ams-link-inverse-color-hover-color)}.ams-link--inverse-color:visited{color:var(--ams-link-inverse-color-visited-color)}.ams-logo{block-size:var(--ams-logo-block-size);display:block}.ams-logo__emblem{fill:var(--ams-logo-emblem-color)}.ams-logo__text-primary{fill:var(--ams-logo-title-color)}.ams-logo__text-secondary{fill:var(--ams-logo-subsite-color)}.ams-mb--xs{margin-block-end:var(--ams-margin-xs)!important}.ams-mb--sm{margin-block-end:var(--ams-margin-sm)!important}.ams-mb--md{margin-block-end:var(--ams-margin-md)!important}.ams-mb--lg{margin-block-end:var(--ams-margin-lg)!important}.ams-mb--xl{margin-block-end:var(--ams-margin-xl)!important}.ams-mark{background-color:var(--ams-mark-background-color)}.ams-mega-menu__list-category{column-gap:var(--ams-mega-menu-list-category-column-gap);column-width:var(--ams-mega-menu-list-category-column-width);padding-block-start:var(--ams-mega-menu-list-category-padding-block-start)}.ams-mega-menu__list-category:not(:last-child){padding-block-end:var(--ams-mega-menu-list-category-padding-block-end)}.ams-ordered-list{box-sizing:border-box;display:grid;gap:var(--ams-ordered-list-gap);text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;list-style-type:none;margin-block:0;padding-inline-start:0}.ams-ordered-list:not(.ams-ordered-list--no-markers){color:var(--ams-ordered-list-color);font-family:var(--ams-ordered-list-font-family);font-size:var(--ams-ordered-list-font-size);font-weight:var(--ams-ordered-list-font-weight);line-height:var(--ams-ordered-list-line-height);list-style-type:var(--ams-ordered-list-list-style-type)}.ams-ordered-list:not(.ams-ordered-list--no-markers) .ams-ordered-list__item{margin-inline-start:var(--ams-ordered-list-item-margin-inline-start);padding-inline-start:var(--ams-ordered-list-item-padding-inline-start)}.ams-ordered-list--inverse-color:not(.ams-ordered-list--no-markers){color:var(--ams-ordered-list-inverse-color)}.ams-ordered-list--small:not(.ams-ordered-list--no-markers){font-size:var(--ams-ordered-list-small-font-size);line-height:var(--ams-ordered-list-small-line-height)}:is(.ams-ordered-list,.ams-unordered-list) .ams-ordered-list{gap:var(--ams-ordered-list-ordered-list-gap);list-style-type:var(--ams-ordered-list-ordered-list-list-style-type);padding-block-end:var(--ams-ordered-list-ordered-list-padding-block-end);padding-block-start:var(--ams-ordered-list-ordered-list-padding-block-start)}:is(.ams-ordered-list,.ams-unordered-list) .ams-ordered-list .ams-ordered-list__item{margin-inline-start:var(--ams-ordered-list-ordered-list-item-margin-inline-start);padding-inline-start:var(--ams-ordered-list-ordered-list-item-padding-inline-start)}.ams-overlap{display:grid}.ams-overlap>*{grid-column:1/-1;grid-row:1/-1}.ams-page-heading{box-sizing:border-box;break-after:avoid;break-inside:avoid;color:var(--ams-page-heading-color);font-family:var(--ams-page-heading-font-family);font-size:var(--ams-page-heading-font-size);font-weight:var(--ams-page-heading-font-weight);line-height:var(--ams-page-heading-line-height);hyphenate-limit-chars:var(--ams-hyphenation-hyphenate-limit-chars);-webkit-hyphens:var(--ams-hyphenation-hyphens);hyphens:var(--ams-hyphenation-hyphens);overflow-wrap:var(--ams-hyphenation-overflow-wrap);text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;margin-block:0}.ams-page-heading--inverse-color{color:var(--ams-page-heading-inverse-color)}.ams-page-menu{align-items:center;box-sizing:border-box;column-gap:var(--ams-page-menu-column-gap);display:flex;flex-direction:row;flex-wrap:wrap;list-style:none;row-gap:var(--ams-page-menu-row-gap);margin-block:0;padding-inline:0}.ams-page-menu--align-end{justify-content:end}.ams-page-menu--no-wrap{flex-wrap:nowrap}.ams-page-menu__link{box-sizing:border-box;color:var(--ams-page-menu-item-color);display:inline-flex;flex-direction:row;font-family:var(--ams-page-menu-item-font-family);font-size:var(--ams-page-menu-item-font-size);font-weight:var(--ams-page-menu-item-font-weight);gap:var(--ams-page-menu-item-gap);line-height:var(--ams-page-menu-item-line-height);outline-offset:var(--ams-page-menu-item-outline-offset);text-align:center;text-decoration-line:var(--ams-page-menu-item-text-decoration-line);text-decoration-thickness:var(--ams-page-menu-item-text-decoration-thickness);text-underline-offset:var(--ams-page-menu-item-text-underline-offset);touch-action:manipulation;white-space:nowrap;text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}.ams-page-menu__link:hover,.ams-page-menu__button:hover{color:var(--ams-page-menu-item-hover-color);text-decoration-line:var(--ams-page-menu-item-hover-text-decoration-line)}.ams-page-menu__link svg{color:currentColor}.ams-pagination__list{color:var(--ams-pagination-color);display:flex;flex-wrap:wrap;font-family:var(--ams-pagination-font-family);font-size:var(--ams-pagination-font-size);font-weight:var(--ams-pagination-font-weight);justify-content:center;line-height:var(--ams-pagination-line-height);list-style-type:none;margin-block:0;padding-inline-start:0}.ams-pagination__button{all:unset;outline:revert;box-sizing:border-box;cursor:pointer;display:flex;gap:var(--ams-pagination-button-gap);outline-offset:var(--ams-pagination-button-outline-offset);padding-inline:var(--ams-pagination-button-padding-inline);text-decoration-line:var(--ams-pagination-button-text-decoration-line);text-decoration-thickness:var(--ams-pagination-button-text-decoration-thickness);text-underline-offset:var(--ams-pagination-button-text-underline-offset);touch-action:manipulation;text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}.ams-pagination__button:disabled{display:none}.ams-pagination__button:hover{color:var(--ams-pagination-button-hover-color);text-decoration-line:var(--ams-pagination-button-hover-text-decoration-line)}.ams-pagination__button span.ams-icon svg{block-size:1rem;inline-size:1rem}.ams-pagination__button--current{cursor:default;font-weight:var(--ams-pagination-button-current-font-weight)}.ams-pagination__button--current:hover{text-decoration:none}.ams-paragraph{box-sizing:border-box;color:var(--ams-paragraph-color);font-family:var(--ams-paragraph-font-family);font-size:var(--ams-paragraph-font-size);font-weight:var(--ams-paragraph-font-weight);line-height:var(--ams-paragraph-line-height);text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;margin-block:0}.ams-paragraph--small{font-size:var(--ams-paragraph-small-font-size);line-height:var(--ams-paragraph-small-line-height)}.ams-paragraph--large{font-size:var(--ams-paragraph-large-font-size);line-height:var(--ams-paragraph-large-line-height)}.ams-paragraph--inverse-color{color:var(--ams-paragraph-inverse-color)}.ams-password-input{background-color:var(--ams-password-input-background-color);box-shadow:var(--ams-password-input-box-shadow);box-sizing:border-box;color:var(--ams-password-input-color);font-family:var(--ams-password-input-font-family);font-size:var(--ams-password-input-font-size);font-weight:var(--ams-password-input-font-weight);inline-size:100%;line-height:var(--ams-password-input-line-height);outline-offset:var(--ams-password-input-outline-offset);padding-block:var(--ams-password-input-padding-block);padding-inline:var(--ams-password-input-padding-inline);touch-action:manipulation;text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:0;margin-block:0}.ams-password-input:hover{box-shadow:var(--ams-password-input-hover-box-shadow)}.ams-password-input::placeholder{color:var(--ams-password-input-placeholder-color);opacity:100%}.ams-password-input:disabled{background-color:var(--ams-password-input-disabled-background-color);box-shadow:var(--ams-password-input-disabled-box-shadow);color:var(--ams-password-input-disabled-color);cursor:not-allowed}.ams-password-input:invalid,.ams-password-input[aria-invalid=true]{box-shadow:var(--ams-password-input-invalid-box-shadow)}.ams-password-input:invalid:hover,.ams-password-input[aria-invalid=true]:hover{box-shadow:var(--ams-password-input-invalid-hover-box-shadow)}.ams-radio__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;inline-size:0;margin-block:0;margin-inline:0}.ams-radio__input:focus+label{outline:auto}.ams-radio__input:focus:not(:focus-visible)+label{outline:0}.ams-radio__label{color:var(--ams-radio-color);cursor:pointer;display:inline-flex;font-family:var(--ams-radio-font-family);font-size:var(--ams-radio-font-size);font-weight:var(--ams-radio-font-weight);gap:var(--ams-radio-gap);line-height:var(--ams-radio-line-height);outline-offset:var(--ams-radio-outline-offset);text-decoration-thickness:var(--ams-radio-text-decoration-thickness);text-underline-offset:var(--ams-radio-text-underline-offset);text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}.ams-radio__icon-container{block-size:var(--ams-radio-icon-container-block-size);display:flex;flex:none;inline-size:var(--ams-radio-icon-container-inline-size)}.ams-radio__circle{fill:var(--ams-radio-circle-fill);stroke:var(--ams-radio-circle-stroke);stroke-width:var(--ams-radio-circle-stroke-width)}.ams-radio__hover-indicator{fill:none;stroke:#0000;stroke-width:var(--ams-radio-hover-indicator-stroke-width)}.ams-radio__checked-indicator{display:none;fill:var(--ams-radio-checked-indicator-fill)}.ams-radio__label:hover{color:var(--ams-radio-hover-color);text-decoration-line:var(--ams-radio-hover-text-decoration-line)}.ams-radio__label:hover .ams-radio__circle{stroke:var(--ams-radio-circle-hover-stroke)}.ams-radio__label:hover .ams-radio__hover-indicator{stroke:var(--ams-radio-hover-indicator-hover-stroke)}.ams-radio__label:hover .ams-radio__checked-indicator{fill:var(--ams-radio-checked-indicator-hover-fill)}.ams-radio__input[aria-invalid=true]+.ams-radio__label .ams-radio__circle{stroke:var(--ams-radio-circle-invalid-stroke)}.ams-radio__input[aria-invalid=true]+.ams-radio__label .ams-radio__checked-indicator{fill:var(--ams-radio-checked-indicator-invalid-fill)}.ams-radio__input:checked+.ams-radio__label .ams-radio__checked-indicator{display:block}.ams-radio__input:disabled+.ams-radio__label{color:var(--ams-radio-disabled-color);cursor:not-allowed}.ams-radio__input:disabled+.ams-radio__label .ams-radio__circle{stroke:var(--ams-radio-circle-disabled-stroke)}.ams-radio__input:disabled+.ams-radio__label .ams-radio__checked-indicator{fill:var(--ams-radio-checked-indicator-disabled-fill)}.ams-radio__input[aria-invalid=true]:disabled+.ams-radio__label .ams-radio__circle{stroke:var(--ams-radio-circle-disabled-invalid-stroke)}.ams-radio__input[aria-invalid=true]:disabled+.ams-radio__label .ams-radio__checked-indicator{fill:var(--ams-radio-checked-indicator-disabled-invalid-fill)}.ams-radio__input:disabled+.ams-radio__label:hover{text-decoration:none}.ams-radio__input:disabled+.ams-radio__label:hover .ams-radio__hover-indicator{stroke:#0000}.ams-radio__input[aria-invalid=true]+.ams-radio__label:hover .ams-radio__circle{stroke:var(--ams-radio-circle-invalid-hover-stroke)}.ams-radio__input[aria-invalid=true]+.ams-radio__label:hover .ams-radio__hover-indicator{stroke:var(--ams-radio-hover-indicator-invalid-hover-stroke)}.ams-radio__input[aria-invalid=true]+.ams-radio__label:hover .ams-radio__checked-indicator{fill:var(--ams-radio-checked-indicator-invalid-hover-fill)}.ams-radio__input[aria-invalid=true]:disabled+.ams-radio__label:hover .ams-radio__circle{stroke:var(--ams-radio-circle-disabled-invalid-hover-stroke)}.ams-radio__input[aria-invalid=true]:disabled+.ams-radio__label:hover .ams-radio__hover-indicator{stroke:#0000}.ams-radio__input[aria-invalid=true]:disabled+.ams-radio__label:hover .ams-radio__checked-indicator{fill:var(--ams-radio-checked-indicator-disabled-invalid-hover-fill)}@media (forced-colors: active){.ams-radio__label .ams-radio__circle,.ams-radio__label:hover .ams-radio__circle,.ams-radio__input[aria-invalid=true]+.ams-radio__label .ams-radio__circle,.ams-radio__input[aria-invalid=true]+.ams-radio__label:hover .ams-radio__circle{stroke:FieldText}.ams-radio__label .ams-radio__checked-indicator,.ams-radio__label:hover .ams-radio__checked-indicator,.ams-radio__input[aria-invalid=true]+.ams-radio__label .ams-radio__checked-indicator,.ams-radio__input[aria-invalid=true]+.ams-radio__label:hover .ams-radio__checked-indicator{fill:FieldText}}@media (forced-colors: active){.ams-radio__input:checked+.ams-radio__label .ams-radio__circle,.ams-radio__input[aria-invalid=true]:checked+.ams-radio__label:hover .ams-radio__circle{stroke:ActiveText}.ams-radio__input:checked+.ams-radio__label .ams-radio__checked-indicator,.ams-radio__input[aria-invalid=true]:checked+.ams-radio__label:hover .ams-radio__checked-indicator{fill:ActiveText}}@media (forced-colors: active){.ams-radio__input:disabled+.ams-radio__label .ams-radio__circle,.ams-radio__input[aria-invalid=true]:disabled+.ams-radio__label .ams-radio__circle,.ams-radio__input[aria-invalid=true]:disabled+.ams-radio__label:hover .ams-radio__circle{stroke:GrayText}.ams-radio__input:disabled+.ams-radio__label .ams-radio__checked-indicator,.ams-radio__input[aria-invalid=true]:disabled+.ams-radio__label .ams-radio__checked-indicator,.ams-radio__input[aria-invalid=true]:disabled+.ams-radio__label:hover .ams-radio__checked-indicator{fill:GrayText}}.ams-row{display:flex;flex-direction:row;gap:var(--ams-row-gap-md)}.ams-row--gap-none{gap:var(--ams-row-gap-no)}.ams-row--gap-extra-small{gap:var(--ams-row-gap-xs)}.ams-row--gap-small{gap:var(--ams-row-gap-sm)}.ams-row--gap-large{gap:var(--ams-row-gap-lg)}.ams-row--gap-extra-large{gap:var(--ams-row-gap-xl)}.ams-row--wrap{flex-wrap:wrap}.ams-row--align-around{justify-content:space-around}.ams-row--align-between{justify-content:space-between}.ams-row--align-center{justify-content:center}.ams-row--align-end{justify-content:flex-end}.ams-row--align-evenly{justify-content:space-evenly}.ams-row--align-vertical-baseline{align-items:baseline}.ams-row--align-vertical-center{align-items:center}.ams-row--align-vertical-end{align-items:flex-end}.ams-row--align-vertical-start{align-items:flex-start}.ams-screen{background-color:var(--ams-screen-background-color);box-sizing:border-box;margin-inline:auto;position:relative}.ams-screen--full-height{min-block-size:100vh}.ams-screen--wide{max-inline-size:var(--ams-screen-wide-max-inline-size)}.ams-screen--x-wide{max-inline-size:var(--ams-screen-x-wide-max-inline-size)}.ams-search-field{display:flex;isolation:isolate}.ams-search-field__input{background-color:var(--ams-search-field-input-background-color);box-shadow:var(--ams-search-field-input-box-shadow);box-sizing:border-box;color:var(--ams-search-field-input-color);font-family:var(--ams-search-field-input-font-family);font-size:var(--ams-search-field-input-font-size);font-weight:var(--ams-search-field-input-font-weight);inline-size:100%;line-height:var(--ams-search-field-input-line-height);outline-offset:var(--ams-search-field-input-outline-offset);padding-block:var(--ams-search-field-input-padding-block);padding-inline:var(--ams-search-field-input-padding-inline);touch-action:manipulation;text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:0;margin-block:0}.ams-search-field__input:hover{box-shadow:var(--ams-search-field-input-hover-box-shadow)}.ams-search-field__input:focus{z-index:1}.ams-search-field__input:invalid,.ams-search-field__input[aria-invalid=true]{box-shadow:var(--ams-search-field-input-invalid-box-shadow)}.ams-search-field__input:invalid:hover,.ams-search-field__input[aria-invalid=true]:hover{box-shadow:var(--ams-search-field-input-invalid-hover-box-shadow)}.ams-search-field__input::placeholder{color:var(--ams-search-field-input-placeholder-color);opacity:100%}.ams-search-field__input::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:var(--ams-search-field-input-cancel-button-background-image);block-size:var(--ams-search-field-input-cancel-button-block-size);cursor:pointer;inline-size:var(--ams-search-field-input-cancel-button-inline-size);margin-inline-start:.5rem}.ams-select{background-color:var(--ams-select-background-color);box-shadow:var(--ams-select-box-shadow);color:var(--ams-select-color);font-family:var(--ams-select-font-family);font-size:var(--ams-select-font-size);font-weight:var(--ams-select-font-weight);inline-size:100%;line-height:var(--ams-select-line-height);outline-offset:var(--ams-select-outline-offset);padding-block:var(--ams-select-padding-block);padding-inline:var(--ams-select-padding-inline);touch-action:manipulation;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:0}.ams-select:not([multiple]){background-image:var(--ams-select-background-image);background-position:var(--ams-select-background-position);background-repeat:no-repeat;background-size:1em 1em}.ams-select:hover{box-shadow:var(--ams-select-hover-box-shadow)}.ams-select:invalid,.ams-select[aria-invalid=true]{box-shadow:var(--ams-select-invalid-box-shadow)}.ams-select:disabled{box-shadow:var(--ams-select-disabled-box-shadow);color:var(--ams-select-disabled-color);cursor:not-allowed}.ams-select:disabled:not([multiple]){background-image:var(--ams-select-disabled-background-image)}.ams-select:invalid:hover,.ams-select[aria-invalid=true]:hover{box-shadow:var(--ams-select-invalid-hover-box-shadow)}.ams-select__option:disabled{color:var(--ams-select-option-disabled-color)}.ams-skip-link{background-color:var(--ams-skip-link-background-color);color:var(--ams-skip-link-color);display:block;font-family:var(--ams-skip-link-font-family);font-size:var(--ams-skip-link-font-size);font-weight:var(--ams-skip-link-font-weight);line-height:var(--ams-skip-link-line-height);outline-offset:var(--ams-skip-link-outline-offset);padding-block:var(--ams-skip-link-padding-block);padding-inline:var(--ams-skip-link-padding-inline);text-align:center;text-decoration:none}.ams-skip-link:hover{background-color:var(--ams-skip-link-hover-background-color)}.ams-spotlight--azure{background-color:var(--ams-spotlight-azure-background-color)}.ams-spotlight--blue{background-color:var(--ams-spotlight-blue-background-color)}.ams-spotlight--green{background-color:var(--ams-spotlight-green-background-color)}.ams-spotlight--lime{background-color:var(--ams-spotlight-lime-background-color)}.ams-spotlight--magenta{background-color:var(--ams-spotlight-magenta-background-color)}.ams-spotlight--orange{background-color:var(--ams-spotlight-orange-background-color)}.ams-spotlight--purple{background-color:var(--ams-spotlight-purple-background-color)}.ams-spotlight--yellow{background-color:var(--ams-spotlight-yellow-background-color)}.ams-switch__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;inline-size:0;margin-block:0;margin-inline:0}.ams-switch__input:focus+label{outline:auto}.ams-switch__input:focus:not(:focus-visible)+label{outline:0}.ams-switch__label{--ams-switch-track-border-width: .0625rem;background-color:var(--ams-switch-background-color);border:var(--ams-switch-track-border-width) solid rgba(0,0,0,0);border-radius:calc(var(--ams-switch-thumb-inline-size)*2);box-sizing:border-box;cursor:pointer;display:inline-block;inline-size:var(--ams-switch-inline-size);outline-offset:var(--ams-switch-outline-offset);transition:background-color .2s ease-in-out}.ams-switch__label:before{background-color:var(--ams-switch-thumb-background-color);block-size:var(--ams-switch-thumb-block-size);border-radius:50%;content:"";display:block;inline-size:var(--ams-switch-thumb-inline-size);transition-duration:.1s;transition-property:box-shadow,transform;transition-timing-function:ease-in-out}@media (forced-colors: active){.ams-switch__label:before{background-color:FieldText}}.ams-switch__input:checked+.ams-switch__label{background-color:var(--ams-switch-checked-background-color)}.ams-switch__input:disabled+.ams-switch__label{background-color:var(--ams-switch-disabled-background-color);cursor:not-allowed}.ams-switch__input:checked+.ams-switch__label:before{transform:translate(calc(100% - 2 * var(--ams-switch-track-border-width)))}.ams-switch:hover .ams-switch__input:enabled+.ams-switch__label:before{box-shadow:var(--ams-switch-thumb-hover-box-shadow)}.ams-table-of-contents{display:flex;flex-direction:column;font-family:var(--ams-table-of-contents-font-family);font-size:var(--ams-table-of-contents-font-size);font-weight:var(--ams-table-of-contents-font-weight);gap:var(--ams-table-of-contents-gap);line-height:var(--ams-table-of-contents-line-height)}.ams-table-of-contents__list{box-sizing:border-box;display:flex;flex-direction:column;gap:var(--ams-table-of-contents-list-gap);list-style:none;text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;margin-block:0;padding-inline:0}.ams-table-of-contents__list .ams-table-of-contents__list{padding-block-start:var(--ams-table-of-contents-list-list-padding-block-start);padding-inline-start:var(--ams-table-of-contents-list-list-padding-inline-start)}.ams-table-of-contents__link{color:var(--ams-table-of-contents-link-color);outline-offset:var(--ams-table-of-contents-link-outline-offset);text-decoration-line:var(--ams-table-of-contents-link-text-decoration-line);text-decoration-thickness:var(--ams-table-of-contents-link-text-decoration-thickness);text-underline-offset:var(--ams-table-of-contents-link-text-underline-offset)}.ams-table-of-contents__link:hover{color:var(--ams-table-of-contents-link-hover-color);text-decoration-line:var(--ams-table-of-contents-link-hover-text-decoration-line)}.ams-table{overflow-x:auto}.ams-table__table{border-spacing:0;break-inside:avoid;color:var(--ams-table-color);font-family:var(--ams-table-font-family);font-size:var(--ams-table-font-size);font-weight:var(--ams-table-font-weight);line-height:var(--ams-table-line-height)}.ams-table__caption{font-weight:var(--ams-table-caption-font-weight);text-align:start}.ams-table__cell,.ams-table__header-cell{border-block-end:var(--ams-table-cell-border-block-end);padding-block:var(--ams-table-cell-padding-block);padding-inline:var(--ams-table-cell-padding-inline);text-align:start;vertical-align:top}.ams-table__header-cell{font-weight:var(--ams-table-header-cell-font-weight)}.ams-tabs{display:grid;gap:var(--ams-tabs-gap)}.ams-tabs__list{box-shadow:var(--ams-tabs-list-box-shadow);display:flex;overflow-x:auto}.ams-tabs__button{color:var(--ams-tabs-button-color);cursor:var(--ams-tabs-button-cursor);display:grid;font-family:var(--ams-tabs-button-font-family);font-size:var(--ams-tabs-button-font-size);font-weight:var(--ams-tabs-button-font-weight);line-height:var(--ams-tabs-button-line-height);outline-offset:var(--ams-tabs-button-outline-offset);padding-block:var(--ams-tabs-button-padding-block);padding-inline:var(--ams-tabs-button-padding-inline);background-color:#0000;border:0;margin-block:0;margin-inline:0}.ams-tabs__button:disabled{color:var(--ams-tabs-button-disabled-color);cursor:var(--ams-tabs-button-disabled-cursor)}@media (forced-colors: active){.ams-tabs__button:disabled{color:GrayText}}.ams-tabs__button:hover:not([aria-selected=true],[disabled]){box-shadow:var(--ams-tabs-button-hover-box-shadow);color:var(--ams-tabs-button-hover-color)}.ams-tabs__button[aria-selected=true]{box-shadow:var(--ams-tabs-button-selected-box-shadow);color:var(--ams-tabs-button-selected-color);font-weight:var(--ams-tabs-button-selected-font-weight)}@media (forced-colors: active){.ams-tabs__button[aria-selected=true]{background-color:SelectedItem}}.ams-tabs__button-label,.ams-tabs__button-label-hidden{grid-area:1/1}.ams-tabs__button-label-hidden{font-weight:var(--ams-tabs-button-selected-font-weight);pointer-events:none;-webkit-user-select:none;user-select:none;visibility:hidden}.ams-text-area{background-color:var(--ams-text-area-background-color);box-shadow:var(--ams-text-area-box-shadow);box-sizing:border-box;color:var(--ams-text-area-color);font-family:var(--ams-text-area-font-family);font-size:var(--ams-text-area-font-size);font-weight:var(--ams-text-area-font-weight);inline-size:100%;line-height:var(--ams-text-area-line-height);max-inline-size:100%;min-block-size:var(--ams-text-area-min-block-size);outline-offset:var(--ams-text-area-outline-offset);padding-block:var(--ams-text-area-padding-block);padding-inline:var(--ams-text-area-padding-inline);touch-action:manipulation;text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:0;margin-block:0}.ams-text-area:hover{box-shadow:var(--ams-text-area-hover-box-shadow)}.ams-text-area::placeholder{color:var(--ams-text-area-placeholder-color);opacity:100%}.ams-text-area:disabled{background-color:var(--ams-text-area-disabled-background-color);box-shadow:var(--ams-text-area-disabled-box-shadow);color:var(--ams-text-area-disabled-color);cursor:var(--ams-text-area-disabled-cursor)}.ams-text-area:invalid,.ams-text-area[aria-invalid=true]{box-shadow:var(--ams-text-area-invalid-box-shadow)}.ams-text-area:invalid:hover,.ams-text-area[aria-invalid=true]:hover{box-shadow:var(--ams-text-area-invalid-hover-box-shadow)}.ams-text-area--resize-none{resize:none}.ams-text-area--resize-horizontal{resize:inline}.ams-text-area--resize-vertical{resize:block}.ams-text-area--cols{inline-size:auto}.ams-text-input{background-color:var(--ams-text-input-background-color);box-shadow:var(--ams-text-input-box-shadow);box-sizing:border-box;color:var(--ams-text-input-color);font-family:var(--ams-text-input-font-family);font-size:var(--ams-text-input-font-size);font-weight:var(--ams-text-input-font-weight);inline-size:100%;line-height:var(--ams-text-input-line-height);outline-offset:var(--ams-text-input-outline-offset);padding-block:var(--ams-text-input-padding-block);padding-inline:var(--ams-text-input-padding-inline);touch-action:manipulation;text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:0;margin-block:0}.ams-text-input:hover{box-shadow:var(--ams-text-input-hover-box-shadow)}.ams-text-input::placeholder{color:var(--ams-text-input-placeholder-color);opacity:100%}.ams-text-input:disabled{background-color:var(--ams-text-input-disabled-background-color);box-shadow:var(--ams-text-input-disabled-box-shadow);color:var(--ams-text-input-disabled-color);cursor:not-allowed}.ams-text-input:invalid,.ams-text-input[aria-invalid=true]{box-shadow:var(--ams-text-input-invalid-box-shadow)}.ams-text-input:invalid:hover,.ams-text-input[aria-invalid=true]:hover{box-shadow:var(--ams-text-input-invalid-hover-box-shadow)}.ams-time-input{background-color:var(--ams-time-input-background-color);box-shadow:var(--ams-time-input-box-shadow);box-sizing:border-box;color:var(--ams-time-input-color);font-family:var(--ams-time-input-font-family);font-size:var(--ams-time-input-font-size);font-weight:var(--ams-time-input-font-weight);line-height:var(--ams-time-input-line-height);min-block-size:calc(var(--ams-time-input-font-size)*var(--ams-time-input-line-height) + 2*var(--ams-time-input-padding-block));min-inline-size:calc(4ch + 2*var(--ams-time-input-padding-inline));outline-offset:var(--ams-time-input-outline-offset);padding-block:var(--ams-time-input-padding-block);padding-inline:var(--ams-time-input-padding-inline);touch-action:manipulation;text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:0;inline-size:auto;margin-block:0}.ams-time-input:hover{box-shadow:var(--ams-time-input-hover-box-shadow)}.ams-time-input::-webkit-calendar-picker-indicator{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:var(--ams-time-input-calender-picker-indicator-background-image);cursor:pointer}.ams-time-input:hover::-webkit-calendar-picker-indicator{background-image:var(--ams-time-input-hover-calender-picker-indicator-background-image)}.ams-time-input:disabled{background-color:var(--ams-time-input-disabled-background-color);box-shadow:var(--ams-time-input-disabled-box-shadow);color:var(--ams-time-input-disabled-color);cursor:not-allowed}.ams-time-input:disabled::-webkit-calendar-picker-indicator{background-image:var(--ams-time-input-disabled-calender-picker-indicator-background-image);visibility:visible}.ams-time-input:invalid,.ams-time-input[aria-invalid=true]{box-shadow:var(--ams-time-input-invalid-box-shadow)}.ams-time-input:invalid:hover,.ams-time-input[aria-invalid=true]:hover{box-shadow:var(--ams-time-input-invalid-hover-box-shadow)}.ams-top-task-link{break-inside:avoid;display:flex;flex-direction:column;gap:var(--ams-top-task-link-gap);outline-offset:var(--ams-top-task-link-outline-offset);text-decoration:none}.ams-top-task-link__label{box-sizing:border-box;color:var(--ams-top-task-link-label-color);font-family:var(--ams-top-task-link-label-font-family);font-size:var(--ams-top-task-link-label-font-size);font-weight:var(--ams-top-task-link-label-font-weight);line-height:var(--ams-top-task-link-label-line-height);text-decoration-line:var(--ams-top-task-link-label-text-decoration-line);text-decoration-thickness:var(--ams-top-task-link-label-text-decoration-thickness);text-underline-offset:var(--ams-top-task-link-label-text-underline-offset);hyphenate-limit-chars:var(--ams-hyphenation-hyphenate-limit-chars);-webkit-hyphens:var(--ams-hyphenation-hyphens);hyphens:var(--ams-hyphenation-hyphens);overflow-wrap:var(--ams-hyphenation-overflow-wrap);text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}.ams-top-task-link:hover .ams-top-task-link__label{color:var(--ams-top-task-link-label-hover-color);text-decoration-line:var(--ams-top-task-link-label-hover-text-decoration-line)}.ams-top-task-link__description{box-sizing:border-box;color:var(--ams-top-task-link-description-color);font-family:var(--ams-top-task-link-description-font-family);font-size:var(--ams-top-task-link-description-font-size);font-weight:var(--ams-top-task-link-description-font-weight);line-height:var(--ams-top-task-link-description-line-height)}.ams-unordered-list{box-sizing:border-box;display:grid;gap:var(--ams-unordered-list-gap);text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;list-style:none;margin-block:0;padding-inline-start:0}.ams-unordered-list:not(.ams-unordered-list--no-markers){color:var(--ams-unordered-list-color);font-family:var(--ams-unordered-list-font-family);font-size:var(--ams-unordered-list-font-size);font-weight:var(--ams-unordered-list-font-weight);line-height:var(--ams-unordered-list-line-height);list-style-type:var(--ams-unordered-list-list-style-type)}.ams-unordered-list:not(.ams-unordered-list--no-markers) .ams-unordered-list__item{margin-inline-start:var(--ams-unordered-list-item-margin-inline-start);padding-inline-start:var(--ams-unordered-list-item-padding-inline-start)}.ams-unordered-list--inverse-color:not(.ams-unordered-list--no-markers){color:var(--ams-unordered-list-inverse-color)}.ams-unordered-list--small:not(.ams-unordered-list--no-markers){font-size:var(--ams-unordered-list-small-font-size);line-height:var(--ams-unordered-list-small-line-height)}:is(.ams-ordered-list,.ams-unordered-list) .ams-unordered-list{gap:var(--ams-unordered-list-unordered-list-gap);list-style-type:var(--ams-unordered-list-unordered-list-list-style-type);padding-block-end:var(--ams-unordered-list-unordered-list-padding-block-end);padding-block-start:var(--ams-unordered-list-unordered-list-padding-block-start)}:is(.ams-ordered-list,.ams-unordered-list) .ams-unordered-list .ams-unordered-list__item{margin-inline-start:var(--ams-unordered-list-unordered-list-item-margin-inline-start);padding-inline-start:var(--ams-unordered-list-unordered-list-item-padding-inline-start)}.ams-visually-hidden:not(:active,:focus){block-size:1px;clip:rect(0 0 0 0);clip-path:inset(50%);inline-size:1px;overflow:hidden;position:absolute;white-space:nowrap}:root{--ams-docs-grey: rgb(0 0 0 / 6.25%);--ams-docs-pink: rgb(229 0 130 / 25%);--ams-docs-lightblue: rgb(0 130 229 / 25%)}.ams-docs-figure{display:flex;gap:.25rem;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.ams-docs-image,.ams-docs-figure>img{display:block;max-inline-size:100%;outline:.0625rem dashed #e8e8e8}.ams-docs-figure>figcaption{text-align:center}.ams-docs-gallery{align-items:flex-end;display:flex;gap:2rem;margin-block:1.5rem}.ams-docs-gallery .ams-docs-figure{align-items:center;display:flex;flex-direction:column;inline-size:fit-content;margin-inline:0}.ams-docs-card{border:.0625rem solid hotpink;display:flex;flex-direction:column;gap:.5rem;inline-size:50%;padding-block:.5rem;padding-inline:.5rem}.ams-docs-dark-background,.ams-docs-light-background{margin-block:-1rem;margin-inline:-1rem;padding-block:1rem;padding-inline:1rem}.ams-docs-light-background{background-color:#ffe600}.ams-docs-dark-background{background-color:#004699}.ams-docs-backdrop{background-color:#0006;block-size:100%;inline-size:100%;position:absolute}.ams-docs-column,.ams-docs-grid,.ams-docs-row{border-inline:thin solid var(--ams-docs-grey)}.ams-docs-column,.ams-docs-row{background:repeating-linear-gradient(135deg,var(--ams-docs-grey),var(--ams-docs-grey) .5rem,white .5rem,white 1rem)}.ams-docs-column{max-inline-size:16rem;min-block-size:16rem}.ams-docs-row{min-block-size:6rem}.ams-docs-grid{block-size:100vh;inset-block:0;inset-inline:0;position:absolute}#storybook-docs .ams-docs-grid{block-size:100%}.ams-docs-grid__cell{background-color:var(--ams-docs-grey)}@media screen and (width < 36rem){.ams-docs-grid__cell:nth-child(n+5){display:none}}@media screen and (width < 68rem){.ams-docs-grid__cell:nth-child(n+9){display:none}}.ams-docs-aspect-ratio{min-block-size:initial;padding-block:var(--ams-space-md);padding-inline:var(--ams-space-md)}.ams-docs-item{background-color:var(--ams-docs-pink);border:thin dashed var(--ams-docs-grey);font-family:Amsterdam Sans,sans-serif;font-size:var(--ams-paragraph-small-font-size);line-height:var(--ams-paragraph-small-line-height);padding-block:1.5rem;text-align:center}.ams-docs-row>.ams-docs-item{flex-basis:8rem;padding-inline:1.5rem}.ams-docs-column>.ams-docs-item{min-inline-size:3rem}.ams-docs-item--highlight{background-color:var(--ams-docs-lightblue)}[class*=ams-docs-token-example--]{block-size:1rem}[class*=ams-docs-token-example--border]{border-inline-start-style:solid}[class*=ams-docs-token-example--space]{background-color:var(--ams-brand-color-neutral-0);outline:1px dashed var(--ams-brand-color-neutral-40)}.ams-resize-horizontal{outline:1px dashed var(--ams-docs-pink);overflow:auto;padding-block-end:1rem;resize:horizontal}.sbdocs-wrapper.sbdocs-wrapper{padding-inline:8vw}.sbdocs-content.sbdocs-content>:is(h1,h2,h3,h4,h5,h6,p),.sbdocs-content.sbdocs-content>div:not(.sb-unstyled)>:is(h1,h2,h3,h4,h5,h6,p),.sbdocs-content.sbdocs-content>:is(ol,ul) li,.sbdocs-content.sbdocs-content>div:not(.sb-unstyled)>:is(ol,ul) li,.sbdocs-content.sbdocs-content>table:not(.sb-unstyled) :is(td,th),.sbdocs-content.sbdocs-content>div:not(.sb-unstyled)>table:not(.sb-unstyled) :is(td,th),.sbdocs-content.sbdocs-content>div:not(.sb-unstyled) figcaption{color:#000;font-family:Amsterdam Sans,Arial,sans-serif}.sbdocs-content.sbdocs-content>p,.sbdocs-content.sbdocs-content>div:not(.sb-unstyled)>p,.sbdocs-content.sbdocs-content>blockquote>p,.sbdocs-content.sbdocs-content>div:not(.sb-unstyled)>blockquote>p,.sbdocs-content.sbdocs-content>:is(ol,ul) li,.sbdocs-content.sbdocs-content>div:not(.sb-unstyled)>:is(ol,ul) li,.sbdocs-content.sbdocs-content>:is(ol,ul) li>p,.sbdocs-content.sbdocs-content>div:not(.sb-unstyled)>:is(ol,ul) li>p{font-size:1.125rem;line-height:1.75}.sbdocs-content.sbdocs-content>h1+p,.sbdocs-content.sbdocs-content>div:not(.sb-unstyled)>h1+p{font-size:1.375rem;margin-block-end:2em}.sbdocs-content.sbdocs-content>.ams-storybook-status-badge{margin-block-end:1.5rem}.sbdocs-content.sbdocs-content>.ams-storybook-status-badge>span:nth-child(2){color:#000;font-family:Amsterdam Sans,Arial,sans-serif;font-size:var(--ams-text-level-6-font-size)}.sbdocs-content.sbdocs-content .sbdocs-a{color:#004699;text-decoration:underline;text-decoration-thickness:.125rem;text-underline-offset:.3333em}.sbdocs-content.sbdocs-content .sbdocs-a:hover{color:#102e62;text-decoration-thickness:.1875rem;text-underline-offset:.2778em}.sbdocs-content.sbdocs-content>:is(h1,h2,h3,h4,h5,h6),.sbdocs-content.sbdocs-content>div:not(.sb-unstyled)>:is(h1,h2,h3,h4,h5,h6){margin-block:2em .25em;padding-block:0}.sbdocs-content.sbdocs-content>h1,.sbdocs-content.sbdocs-content>div:not(.sb-unstyled)>h1{font-size:2.5rem;margin-block-start:0}.sbdocs-content.sbdocs-content>h2,.sbdocs-content.sbdocs-content>div:not(.sb-unstyled)>h2{border-block-end:none;font-size:1.5rem}.sbdocs-content.sbdocs-content>h3,.sbdocs-content.sbdocs-content>div:not(.sb-unstyled)>h3{font-size:1.25rem}.sbdocs-content.sbdocs-content>h4,.sbdocs-content.sbdocs-content>div:not(.sb-unstyled)>h4{font-size:1.125rem}.sbdocs-content.sbdocs-content>h2+h3,.sbdocs-content.sbdocs-content>div:not(.sb-unstyled)>h2+h3,.sbdocs-content.sbdocs-content>h3+h4,.sbdocs-content.sbdocs-content>div:not(.sb-unstyled)>h3+h4,.sbdocs-content.sbdocs-content>h4+h5,.sbdocs-content.sbdocs-content>div:not(.sb-unstyled)>h4+h5{margin-block-start:1em}.sbdocs-content.sbdocs-content>:is(p,ol,ul),.sbdocs-content.sbdocs-content>div:not(.sb-unstyled)>:is(p,ol,ul){margin-block:0 1rem;padding-block:0}.sbdocs-content.sbdocs-content>table:not(.sb-unstyled) :is(td,th),.sbdocs-content.sbdocs-content>div:not(.sb-unstyled)>table:not(.sb-unstyled) :is(td,th){font-size:1rem;line-height:1.5}.sbdocs-content.sbdocs-content>p code{color:currentColor;font-size:1rem}.sbdocs-content.sbdocs-content>div:not(.sb-unstyled) figcaption{font-size:.875rem}:is(#storybook-root,.sbdocs-content) a[href="#"]{cursor:not-allowed}@media (forced-colors: active){.innerZoomElementWrapper.innerZoomElementWrapper>div{border-color:Canvas!important}} diff --git a/demo-develop/assets/routing-libraries.docs-amfQPNRZ.js b/demo-develop/assets/routing-libraries.docs-C3I60_Te.js similarity index 93% rename from demo-develop/assets/routing-libraries.docs-amfQPNRZ.js rename to demo-develop/assets/routing-libraries.docs-C3I60_Te.js index d3bc4e1edb..5285876683 100644 --- a/demo-develop/assets/routing-libraries.docs-amfQPNRZ.js +++ b/demo-develop/assets/routing-libraries.docs-C3I60_Te.js @@ -1,4 +1,4 @@ -import{j as n}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as r}from"./index-3rgQkYFR.js";import{ae as i}from"./index-CWKCY_Bl.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DBQNO3fk.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";/*@license CC0-1.0*/function o(t){const e={a:"a",code:"code",h1:"h1",h2:"h2",p:"p",pre:"pre",...r(),...t.components};return n.jsxs(n.Fragment,{children:[` +import{j as n}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as r}from"./index-3rgQkYFR.js";import{ae as i}from"./index-CmcJchMs.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CN_8E5Aq.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";/*@license CC0-1.0*/function o(t){const e={a:"a",code:"code",h1:"h1",h2:"h2",p:"p",pre:"pre",...r(),...t.components};return n.jsxs(n.Fragment,{children:[` `,` `,n.jsx(i,{title:"Docs/Developer Guide/Routing libraries"}),` `,n.jsx(e.h1,{id:"routing-libraries",children:"Routing libraries"}),` diff --git a/demo-develop/assets/space.docs-BRv1c3eA.js b/demo-develop/assets/space.docs-B3myeQzv.js similarity index 98% rename from demo-develop/assets/space.docs-BRv1c3eA.js rename to demo-develop/assets/space.docs-B3myeQzv.js index ccd883815f..a385fed8b8 100644 --- a/demo-develop/assets/space.docs-BRv1c3eA.js +++ b/demo-develop/assets/space.docs-B3myeQzv.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as l}from"./index-3rgQkYFR.js";import{ae as i}from"./index-CWKCY_Bl.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DBQNO3fk.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";/*@license CC0-1.0*/function n(s){const t={a:"a",code:"code",h1:"h1",h2:"h2",h3:"h3",h4:"h4",p:"p",strong:"strong",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...l(),...s.components};return e.jsxs(e.Fragment,{children:[` +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as l}from"./index-3rgQkYFR.js";import{ae as i}from"./index-CmcJchMs.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CN_8E5Aq.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";/*@license CC0-1.0*/function n(s){const t={a:"a",code:"code",h1:"h1",h2:"h2",h3:"h3",h4:"h4",p:"p",strong:"strong",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...l(),...s.components};return e.jsxs(e.Fragment,{children:[` `,` `,e.jsx(i,{title:"Brand/Design Tokens/Space"}),` `,e.jsx(t.h1,{id:"space",children:"Space"}),` diff --git a/demo-develop/assets/text.docs-DLbVURXp.js b/demo-develop/assets/text.docs-DoSGo5Dz.js similarity index 99% rename from demo-develop/assets/text.docs-DLbVURXp.js rename to demo-develop/assets/text.docs-DoSGo5Dz.js index 45b744080b..9b1245cd99 100644 --- a/demo-develop/assets/text.docs-DLbVURXp.js +++ b/demo-develop/assets/text.docs-DoSGo5Dz.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as l}from"./index-3rgQkYFR.js";import{ae as r,af as i}from"./index-CWKCY_Bl.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DBQNO3fk.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";/*@license CC0-1.0*/function s(n){const t={a:"a",code:"code",h1:"h1",h2:"h2",h3:"h3",h4:"h4",li:"li",ol:"ol",p:"p",pre:"pre",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...l(),...n.components};return e.jsxs(e.Fragment,{children:[` +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as l}from"./index-3rgQkYFR.js";import{ae as r,af as i}from"./index-CmcJchMs.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CN_8E5Aq.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";/*@license CC0-1.0*/function s(n){const t={a:"a",code:"code",h1:"h1",h2:"h2",h3:"h3",h4:"h4",li:"li",ol:"ol",p:"p",pre:"pre",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...l(),...n.components};return e.jsxs(e.Fragment,{children:[` `,` `,e.jsx(r,{title:"Brand/Design Tokens/Text"}),` `,e.jsx(t.h1,{id:"text",children:"Text"}),` diff --git a/demo-develop/assets/usability.docs-CudvENbo.js b/demo-develop/assets/usability.docs-BkSF_9qH.js similarity index 90% rename from demo-develop/assets/usability.docs-CudvENbo.js rename to demo-develop/assets/usability.docs-BkSF_9qH.js index f97d441b87..ebe8e59827 100644 --- a/demo-develop/assets/usability.docs-CudvENbo.js +++ b/demo-develop/assets/usability.docs-BkSF_9qH.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 i}from"./index-CWKCY_Bl.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DBQNO3fk.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";/*@license CC0-1.0*/function o(n){const t={code:"code",h1:"h1",h2:"h2",p:"p",...s(),...n.components};return e.jsxs(e.Fragment,{children:[` +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as s}from"./index-3rgQkYFR.js";import{ae as i}from"./index-CmcJchMs.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CN_8E5Aq.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";/*@license CC0-1.0*/function o(n){const t={code:"code",h1:"h1",h2:"h2",p:"p",...s(),...n.components};return e.jsxs(e.Fragment,{children:[` `,` `,e.jsx(i,{title:"Docs/Developer Guide/Usability"}),` `,e.jsx(t.h1,{id:"usability",children:"Usability"}),` diff --git a/demo-develop/assets/web-app.docs-BqPhPS7J.js b/demo-develop/assets/web-app.docs-DRZomgYG.js similarity index 97% rename from demo-develop/assets/web-app.docs-BqPhPS7J.js rename to demo-develop/assets/web-app.docs-DRZomgYG.js index 28e96c5ba9..9c741361ca 100644 --- a/demo-develop/assets/web-app.docs-BqPhPS7J.js +++ b/demo-develop/assets/web-app.docs-DRZomgYG.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as t}from"./index-3rgQkYFR.js";import{ae as a}from"./index-CWKCY_Bl.js";import{W as o}from"./AppIcons-DJn-OvnN.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DBQNO3fk.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-4tYMzfzc.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";/*@license CC0-1.0*/function i(s){const n={a:"a",blockquote:"blockquote",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",li:"li",p:"p",pre:"pre",ul:"ul",...t(),...s.components};return e.jsxs(e.Fragment,{children:[` +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as t}from"./index-3rgQkYFR.js";import{ae as a}from"./index-CmcJchMs.js";import{W as o}from"./AppIcons-CxiHqblM.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CN_8E5Aq.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-BsC3rSRZ.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";/*@license CC0-1.0*/function i(s){const n={a:"a",blockquote:"blockquote",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",li:"li",p:"p",pre:"pre",ul:"ul",...t(),...s.components};return e.jsxs(e.Fragment,{children:[` `,` `,e.jsx(a,{title:"Docs/Developer Guide/Web App"}),` `,e.jsx(n.h1,{id:"web-app",children:"Web App"}),` diff --git a/demo-develop/iframe.html b/demo-develop/iframe.html index 30e46c06a2..0998151e1d 100644 --- a/demo-develop/iframe.html +++ b/demo-develop/iframe.html @@ -512,7 +512,7 @@ window.global = window; - + diff --git a/demo-develop/project.json b/demo-develop/project.json index 763f9b8c03..6596858f67 100644 --- a/demo-develop/project.json +++ b/demo-develop/project.json @@ -1 +1 @@ -{"generatedAt":1734691320220,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":true,"hasStorybookEslint":false,"refCount":0,"testPackages":{},"monorepo":"Workspaces","packageManager":{"type":"pnpm","version":"9.12.2"},"typescriptOptions":{"reactDocgen":"react-docgen-typescript"},"framework":{"name":"@storybook/react-vite","options":{}},"builder":"@storybook/builder-vite","renderer":"@storybook/react","portableStoriesFileCount":0,"storybookVersion":"8.4.7","storybookVersionSpecifier":"8.4.7","language":"javascript","storybookPackages":{"@storybook/addon-actions":{"version":"8.4.7"},"@storybook/blocks":{"version":"8.4.7"},"@storybook/components":{"version":"8.4.7"},"@storybook/core-events":{"version":"8.4.7"},"@storybook/manager-api":{"version":"8.4.7"},"@storybook/mdx2-csf":{"version":"1.1.0"},"@storybook/preview-api":{"version":"8.4.7"},"@storybook/react":{"version":"8.4.7"},"@storybook/react-vite":{"version":"8.4.7"},"@storybook/theming":{"version":"8.4.7"},"storybook":{"version":"8.4.7"}},"addons":{"@storybook/addon-links":{"version":"8.4.7"},"@storybook/addon-essentials":{"version":"8.4.7"},"@storybook/addon-interactions":{"version":"8.4.7"},"@storybook/addon-a11y":{"version":"8.4.7"},"@storybook/addon-themes":{"version":"8.4.7"},"@storybook/addon-docs":{"version":"8.4.7"},"@whitespace/storybook-addon-html":{"version":"6.1.1"}}} \ No newline at end of file +{"generatedAt":1734693711517,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":true,"hasStorybookEslint":false,"refCount":0,"testPackages":{},"monorepo":"Workspaces","packageManager":{"type":"pnpm","version":"9.12.2"},"typescriptOptions":{"reactDocgen":"react-docgen-typescript"},"framework":{"name":"@storybook/react-vite","options":{}},"builder":"@storybook/builder-vite","renderer":"@storybook/react","portableStoriesFileCount":0,"storybookVersion":"8.4.7","storybookVersionSpecifier":"8.4.7","language":"javascript","storybookPackages":{"@storybook/addon-actions":{"version":"8.4.7"},"@storybook/blocks":{"version":"8.4.7"},"@storybook/components":{"version":"8.4.7"},"@storybook/core-events":{"version":"8.4.7"},"@storybook/manager-api":{"version":"8.4.7"},"@storybook/mdx2-csf":{"version":"1.1.0"},"@storybook/preview-api":{"version":"8.4.7"},"@storybook/react":{"version":"8.4.7"},"@storybook/react-vite":{"version":"8.4.7"},"@storybook/theming":{"version":"8.4.7"},"storybook":{"version":"8.4.7"}},"addons":{"@storybook/addon-links":{"version":"8.4.7"},"@storybook/addon-essentials":{"version":"8.4.7"},"@storybook/addon-interactions":{"version":"8.4.7"},"@storybook/addon-a11y":{"version":"8.4.7"},"@storybook/addon-themes":{"version":"8.4.7"},"@storybook/addon-docs":{"version":"8.4.7"},"@whitespace/storybook-addon-html":{"version":"6.1.1"}}} \ No newline at end of file