diff --git a/demo-DES-969-file-list-component/c3d4684ed951b63e4d26a4ffc0fc352e96e00e90.txt b/demo-DES-969-file-list-component/49c7ba4732b17c1d5cbddecefa832796c9de9989.txt similarity index 100% rename from demo-DES-969-file-list-component/c3d4684ed951b63e4d26a4ffc0fc352e96e00e90.txt rename to demo-DES-969-file-list-component/49c7ba4732b17c1d5cbddecefa832796c9de9989.txt diff --git a/demo-DES-969-file-list-component/assets/Accordion.docs-CUuffIC2.js b/demo-DES-969-file-list-component/assets/Accordion.docs-BlUu75KD.js similarity index 95% rename from demo-DES-969-file-list-component/assets/Accordion.docs-CUuffIC2.js rename to demo-DES-969-file-list-component/assets/Accordion.docs-BlUu75KD.js index 8e2948800d..2fa4e0e1cb 100644 --- a/demo-DES-969-file-list-component/assets/Accordion.docs-CUuffIC2.js +++ b/demo-DES-969-file-list-component/assets/Accordion.docs-BlUu75KD.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as a}from"./index-BSj771as.js";import{ae as i,aq as r,ar as c,as as d,at as o}from"./index-D4650r9u.js";import{A as h,E as l,R as m}from"./Accordion.stories-DHX5sQBU.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-B8lpJMi7.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./index.esm-CEyvCNNo.js";import"./index.esm-CEthAr-Q.js";import"./clsx-B-dksMZM.js";import"./exampleContent-hIIPvEhU.js";import"./getHeadingTag-Dv1eMqvl.js";import"./Icon-D1obyjGa.js";import"./useKeyboardFocus-CRUFsA_C.js";const p=` +import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as a}from"./index-BSj771as.js";import{ae as i,aq as r,ar as c,as as d,at as o}from"./index-CsbqyhR0.js";import{A as h,E as l,R as m}from"./Accordion.stories-BICZiknX.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-BqRGPnP1.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./index.esm-Dojcg4AG.js";import"./clsx-B-dksMZM.js";import"./index.esm-CEthAr-Q.js";import"./exampleContent-hIIPvEhU.js";import"./getHeadingTag-Dv1eMqvl.js";import"./Icon-D1obyjGa.js";import"./useKeyboardFocus-CRUFsA_C.js";const p=` # Accordion diff --git a/demo-DES-969-file-list-component/assets/Accordion.stories-DHX5sQBU.js b/demo-DES-969-file-list-component/assets/Accordion.stories-BICZiknX.js similarity index 98% rename from demo-DES-969-file-list-component/assets/Accordion.stories-DHX5sQBU.js rename to demo-DES-969-file-list-component/assets/Accordion.stories-BICZiknX.js index fed9a07362..2bc186c82e 100644 --- a/demo-DES-969-file-list-component/assets/Accordion.stories-DHX5sQBU.js +++ b/demo-DES-969-file-list-component/assets/Accordion.stories-BICZiknX.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{P as n}from"./index.esm-CEyvCNNo.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-B-o1Wr-g.js";import{r as K}from"./index.esm-CEthAr-Q.js";import{g as M}from"./getHeadingTag-Dv1eMqvl.js";import{I as F}from"./Icon-D1obyjGa.js";import{u as W}from"./useKeyboardFocus-CRUFsA_C.js";/** +import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{P as n}from"./index.esm-Dojcg4AG.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-B-o1Wr-g.js";import{r as K}from"./index.esm-CEthAr-Q.js";import{g as M}from"./getHeadingTag-Dv1eMqvl.js";import{I as F}from"./Icon-D1obyjGa.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-DES-969-file-list-component/assets/ActionGroup.docs-CqHkDi31.js b/demo-DES-969-file-list-component/assets/ActionGroup.docs-D74khyIv.js similarity index 84% rename from demo-DES-969-file-list-component/assets/ActionGroup.docs-CqHkDi31.js rename to demo-DES-969-file-list-component/assets/ActionGroup.docs-D74khyIv.js index b95bca1dcc..0df291225d 100644 --- a/demo-DES-969-file-list-component/assets/ActionGroup.docs-CqHkDi31.js +++ b/demo-DES-969-file-list-component/assets/ActionGroup.docs-D74khyIv.js @@ -1,4 +1,4 @@ -import{j as t}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as r}from"./index-BSj771as.js";import{ae as a,aq as s,ar as h,at as e}from"./index-D4650r9u.js";import{A as c,S as l,W as d}from"./ActionGroup.stories-C4Z6qfaN.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-B8lpJMi7.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./index.esm-CEyvCNNo.js";import"./index.esm-CEthAr-Q.js";import"./clsx-B-dksMZM.js";const p=` +import{j as t}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as r}from"./index-BSj771as.js";import{ae as a,aq as s,ar as h,at as e}from"./index-CsbqyhR0.js";import{A as c,S as l,W as d}from"./ActionGroup.stories-Bhg0peuQ.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-BqRGPnP1.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./index.esm-Dojcg4AG.js";import"./clsx-B-dksMZM.js";import"./index.esm-CEthAr-Q.js";const p=` # Action Group diff --git a/demo-DES-969-file-list-component/assets/ActionGroup.stories-C4Z6qfaN.js b/demo-DES-969-file-list-component/assets/ActionGroup.stories-Bhg0peuQ.js similarity index 96% rename from demo-DES-969-file-list-component/assets/ActionGroup.stories-C4Z6qfaN.js rename to demo-DES-969-file-list-component/assets/ActionGroup.stories-Bhg0peuQ.js index 8c6cf154ce..bbd5bd0109 100644 --- a/demo-DES-969-file-list-component/assets/ActionGroup.stories-C4Z6qfaN.js +++ b/demo-DES-969-file-list-component/assets/ActionGroup.stories-Bhg0peuQ.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{a as t,L as _}from"./index.esm-CEyvCNNo.js";import{c as x}from"./clsx-B-dksMZM.js";import{r as S}from"./index-B-o1Wr-g.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-j_jdvEMj.js";import{a as t,L as _}from"./index.esm-Dojcg4AG.js";import{c as x}from"./clsx-B-dksMZM.js";import{r as S}from"./index-B-o1Wr-g.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-DES-969-file-list-component/assets/Alert.docs-D1He9uyz.js b/demo-DES-969-file-list-component/assets/Alert.docs-By5O1ptM.js similarity index 90% rename from demo-DES-969-file-list-component/assets/Alert.docs-D1He9uyz.js rename to demo-DES-969-file-list-component/assets/Alert.docs-By5O1ptM.js index 7c3733d4cc..5e98f2b4db 100644 --- a/demo-DES-969-file-list-component/assets/Alert.docs-D1He9uyz.js +++ b/demo-DES-969-file-list-component/assets/Alert.docs-By5O1ptM.js @@ -1,4 +1,4 @@ -import{j as n}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as s}from"./index-BSj771as.js";import{ae as o,aq as a,ar as c,as as h,at as i}from"./index-D4650r9u.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-CTB1u9uW.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-B8lpJMi7.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./index.esm-CEyvCNNo.js";import"./index.esm-CEthAr-Q.js";import"./clsx-B-dksMZM.js";import"./Alert-dZot25lM.js";import"./Icon-D1obyjGa.js";import"./Heading-BMR-3CH3.js";import"./getHeadingTag-Dv1eMqvl.js";import"./IconButton-C-A1ufmT.js";const j=` +import{j as n}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as s}from"./index-BSj771as.js";import{ae as o,aq as a,ar as c,as as h,at as i}from"./index-CsbqyhR0.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-CSX7fPhb.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-BqRGPnP1.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./index.esm-Dojcg4AG.js";import"./clsx-B-dksMZM.js";import"./index.esm-CEthAr-Q.js";import"./Alert-dZot25lM.js";import"./Icon-D1obyjGa.js";import"./Heading-BMR-3CH3.js";import"./getHeadingTag-Dv1eMqvl.js";import"./IconButton-C-A1ufmT.js";const j=` # Alert diff --git a/demo-DES-969-file-list-component/assets/Alert.stories-CTB1u9uW.js b/demo-DES-969-file-list-component/assets/Alert.stories-CSX7fPhb.js similarity index 98% rename from demo-DES-969-file-list-component/assets/Alert.stories-CTB1u9uW.js rename to demo-DES-969-file-list-component/assets/Alert.stories-CSX7fPhb.js index ddc1218877..ee34b8d236 100644 --- a/demo-DES-969-file-list-component/assets/Alert.stories-CTB1u9uW.js +++ b/demo-DES-969-file-list-component/assets/Alert.stories-CSX7fPhb.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{P as n,U as g,L as A}from"./index.esm-CEyvCNNo.js";import{A as E}from"./Alert-dZot25lM.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-j_jdvEMj.js";import{P as n,U as g,L as A}from"./index.esm-Dojcg4AG.js";import{A as E}from"./Alert-dZot25lM.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-DES-969-file-list-component/assets/AppIcons-4pa5QSAl.js b/demo-DES-969-file-list-component/assets/AppIcons-bHbdLDgN.js similarity index 96% rename from demo-DES-969-file-list-component/assets/AppIcons-4pa5QSAl.js rename to demo-DES-969-file-list-component/assets/AppIcons-bHbdLDgN.js index ae870e82a4..d8cb7495a3 100644 --- a/demo-DES-969-file-list-component/assets/AppIcons-4pa5QSAl.js +++ b/demo-DES-969-file-list-component/assets/AppIcons-bHbdLDgN.js @@ -1 +1 @@ -import{j as s}from"./jsx-runtime-j_jdvEMj.js";import{I as i}from"./index.esm-CEyvCNNo.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-j_jdvEMj.js";import{I as i}from"./index.esm-Dojcg4AG.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-DES-969-file-list-component/assets/ArticlePage.docs-DkQskou8.js b/demo-DES-969-file-list-component/assets/ArticlePage.docs-BP401kJT.js similarity index 67% rename from demo-DES-969-file-list-component/assets/ArticlePage.docs-DkQskou8.js rename to demo-DES-969-file-list-component/assets/ArticlePage.docs-BP401kJT.js index 0e744d0c14..782947d6f6 100644 --- a/demo-DES-969-file-list-component/assets/ArticlePage.docs-DkQskou8.js +++ b/demo-DES-969-file-list-component/assets/ArticlePage.docs-BP401kJT.js @@ -1,4 +1,4 @@ -import{j as t}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as m}from"./index-BSj771as.js";import{ae as e}from"./index-D4650r9u.js";import{A as n}from"./ArticlePage.stories-0_l_S5C7.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-B8lpJMi7.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./index.esm-CEyvCNNo.js";import"./index.esm-CEthAr-Q.js";import"./clsx-B-dksMZM.js";import"./Image.stories-0Zmcnj6n.js";import"./Image-BeIE0HQj.js";import"./config-ViiHBdIV.js";import"./PageMenu.stories-CMbLUYFI.js";import"./Icon-D1obyjGa.js";import"./Footer.stories-C61R3rSO.js";import"./Spotlight-DZdLn00J.js";/*@license CC0-1.0*/function i(o){const r={h1:"h1",p:"p",...m(),...o.components};return t.jsxs(t.Fragment,{children:[` +import{j as t}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as m}from"./index-BSj771as.js";import{ae as e}from"./index-CsbqyhR0.js";import{A as n}from"./ArticlePage.stories-DLI_dksE.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-BqRGPnP1.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./index.esm-Dojcg4AG.js";import"./clsx-B-dksMZM.js";import"./index.esm-CEthAr-Q.js";import"./Image.stories-0Zmcnj6n.js";import"./Image-BeIE0HQj.js";import"./config-5U6UpIzk.js";import"./PageMenu.stories-CMbLUYFI.js";import"./Icon-D1obyjGa.js";import"./Footer.stories-DPK9ujK1.js";import"./Spotlight-DZdLn00J.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"}),` diff --git a/demo-DES-969-file-list-component/assets/ArticlePage.stories-0_l_S5C7.js b/demo-DES-969-file-list-component/assets/ArticlePage.stories-DLI_dksE.js similarity index 98% rename from demo-DES-969-file-list-component/assets/ArticlePage.stories-0_l_S5C7.js rename to demo-DES-969-file-list-component/assets/ArticlePage.stories-DLI_dksE.js index b9c7747695..919992940f 100644 --- a/demo-DES-969-file-list-component/assets/ArticlePage.stories-0_l_S5C7.js +++ b/demo-DES-969-file-list-component/assets/ArticlePage.stories-DLI_dksE.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-j_jdvEMj.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-CEyvCNNo.js";import{L as I}from"./Image.stories-0Zmcnj6n.js";import{c as L}from"./config-ViiHBdIV.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-j_jdvEMj.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-Dojcg4AG.js";import{L as I}from"./Image.stories-0Zmcnj6n.js";import{c as L}from"./config-5U6UpIzk.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-DES-969-file-list-component/assets/AspectRatio.docs-pvsRsDqm.js b/demo-DES-969-file-list-component/assets/AspectRatio.docs-DVSA7yUb.js similarity index 93% rename from demo-DES-969-file-list-component/assets/AspectRatio.docs-pvsRsDqm.js rename to demo-DES-969-file-list-component/assets/AspectRatio.docs-DVSA7yUb.js index 1089d6e068..4d46eb2f34 100644 --- a/demo-DES-969-file-list-component/assets/AspectRatio.docs-pvsRsDqm.js +++ b/demo-DES-969-file-list-component/assets/AspectRatio.docs-DVSA7yUb.js @@ -1,4 +1,4 @@ -import{j as a}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as o}from"./index-BSj771as.js";import{ae as n,aq as i,ar as m,as as r}from"./index-D4650r9u.js";import{A as c}from"./AspectRatio.stories-1YKRPR3L.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-B8lpJMi7.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";const p=` +import{j as a}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as o}from"./index-BSj771as.js";import{ae as n,aq as i,ar as m,as as r}from"./index-CsbqyhR0.js";import{A as c}from"./AspectRatio.stories-1YKRPR3L.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-BqRGPnP1.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";const p=` # Aspect Ratio diff --git a/demo-DES-969-file-list-component/assets/Avatar.docs-whIRbk76.js b/demo-DES-969-file-list-component/assets/Avatar.docs-BepmIcQ7.js similarity index 83% rename from demo-DES-969-file-list-component/assets/Avatar.docs-whIRbk76.js rename to demo-DES-969-file-list-component/assets/Avatar.docs-BepmIcQ7.js index 2602cab91c..ddcb32c5bc 100644 --- a/demo-DES-969-file-list-component/assets/Avatar.docs-whIRbk76.js +++ b/demo-DES-969-file-list-component/assets/Avatar.docs-BepmIcQ7.js @@ -1,4 +1,4 @@ -import{j as n}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as t}from"./index-BSj771as.js";import{ae as i,aq as s,ar as c,as as p,at as r}from"./index-D4650r9u.js";import{A as l,W as m,F as d,I as h}from"./Avatar.stories-B34yVuuF.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-B8lpJMi7.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./index.esm-CEyvCNNo.js";import"./index.esm-CEthAr-Q.js";import"./clsx-B-dksMZM.js";import"./Image-BeIE0HQj.js";import"./Icon-D1obyjGa.js";const x=` +import{j as n}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as t}from"./index-BSj771as.js";import{ae as i,aq as s,ar as c,as as p,at as r}from"./index-CsbqyhR0.js";import{A as l,W as m,F as d,I as h}from"./Avatar.stories-Dmzcnmr8.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-BqRGPnP1.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./index.esm-Dojcg4AG.js";import"./clsx-B-dksMZM.js";import"./index.esm-CEthAr-Q.js";import"./Image-BeIE0HQj.js";import"./Icon-D1obyjGa.js";const x=` # Avatar diff --git a/demo-DES-969-file-list-component/assets/Avatar.stories-B34yVuuF.js b/demo-DES-969-file-list-component/assets/Avatar.stories-Dmzcnmr8.js similarity index 98% rename from demo-DES-969-file-list-component/assets/Avatar.stories-B34yVuuF.js rename to demo-DES-969-file-list-component/assets/Avatar.stories-Dmzcnmr8.js index c75f1c4b30..debec80cec 100644 --- a/demo-DES-969-file-list-component/assets/Avatar.stories-B34yVuuF.js +++ b/demo-DES-969-file-list-component/assets/Avatar.stories-Dmzcnmr8.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{b as P,c}from"./index.esm-CEyvCNNo.js";import{i as L,j as M}from"./index.esm-CEthAr-Q.js";import{c as w}from"./clsx-B-dksMZM.js";import{r as C}from"./index-B-o1Wr-g.js";import{I as D}from"./Image-BeIE0HQj.js";import{I as E}from"./Icon-D1obyjGa.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:`{ +import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{b as P,c}from"./index.esm-Dojcg4AG.js";import{i as L,j as M}from"./index.esm-CEthAr-Q.js";import{c as w}from"./clsx-B-dksMZM.js";import{r as C}from"./index-B-o1Wr-g.js";import{I as D}from"./Image-BeIE0HQj.js";import{I as E}from"./Icon-D1obyjGa.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' diff --git a/demo-DES-969-file-list-component/assets/Badge.docs--lp4F9OS.js b/demo-DES-969-file-list-component/assets/Badge.docs-DgGwMo3-.js similarity index 88% rename from demo-DES-969-file-list-component/assets/Badge.docs--lp4F9OS.js rename to demo-DES-969-file-list-component/assets/Badge.docs-DgGwMo3-.js index 78c3e7602e..0fa2f10e5e 100644 --- a/demo-DES-969-file-list-component/assets/Badge.docs--lp4F9OS.js +++ b/demo-DES-969-file-list-component/assets/Badge.docs-DgGwMo3-.js @@ -1,4 +1,4 @@ -import{j as n}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as e}from"./index-BSj771as.js";import{ae as s,aq as i,ar as a,as as m}from"./index-D4650r9u.js";import{B as c}from"./Badge.stories-Ci6b1rp5.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-B8lpJMi7.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./Badge-Cg5Q2pVP.js";import"./clsx-B-dksMZM.js";const p=` +import{j as n}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as e}from"./index-BSj771as.js";import{ae as s,aq as i,ar as a,as as m}from"./index-CsbqyhR0.js";import{B as c}from"./Badge.stories-Ci6b1rp5.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-BqRGPnP1.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./Badge-Cg5Q2pVP.js";import"./clsx-B-dksMZM.js";const p=` # Badge diff --git a/demo-DES-969-file-list-component/assets/Blockquote.docs-CPIk6jfa.js b/demo-DES-969-file-list-component/assets/Blockquote.docs-BSLm2JBF.js similarity index 89% rename from demo-DES-969-file-list-component/assets/Blockquote.docs-CPIk6jfa.js rename to demo-DES-969-file-list-component/assets/Blockquote.docs-BSLm2JBF.js index 3bcbdf35c4..43fad72716 100644 --- a/demo-DES-969-file-list-component/assets/Blockquote.docs-CPIk6jfa.js +++ b/demo-DES-969-file-list-component/assets/Blockquote.docs-BSLm2JBF.js @@ -1,4 +1,4 @@ -import{j as t}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as r}from"./index-BSj771as.js";import{ae as s,aq as a,ar as i,as as c,at as h}from"./index-D4650r9u.js";import{B as m,I as l}from"./Blockquote.stories-z9MN-vzr.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-B8lpJMi7.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./exampleContent-hIIPvEhU.js";import"./clsx-B-dksMZM.js";const u=` +import{j as t}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as r}from"./index-BSj771as.js";import{ae as s,aq as a,ar as i,as as c,at as h}from"./index-CsbqyhR0.js";import{B as m,I as l}from"./Blockquote.stories-z9MN-vzr.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-BqRGPnP1.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./exampleContent-hIIPvEhU.js";import"./clsx-B-dksMZM.js";const u=` # Blockquote diff --git a/demo-DES-969-file-list-component/assets/Breadcrumb.docs-BfJjapSr.js b/demo-DES-969-file-list-component/assets/Breadcrumb.docs-BIWSckos.js similarity index 92% rename from demo-DES-969-file-list-component/assets/Breadcrumb.docs-BfJjapSr.js rename to demo-DES-969-file-list-component/assets/Breadcrumb.docs-BIWSckos.js index 31fd381ce4..09a563c690 100644 --- a/demo-DES-969-file-list-component/assets/Breadcrumb.docs-BfJjapSr.js +++ b/demo-DES-969-file-list-component/assets/Breadcrumb.docs-BIWSckos.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as i}from"./index-BSj771as.js";import{ae as s,aq as a,ar as o}from"./index-D4650r9u.js";import{B as c}from"./Breadcrumb.stories-EowaNKYC.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-B8lpJMi7.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./clsx-B-dksMZM.js";const u=` +import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as i}from"./index-BSj771as.js";import{ae as s,aq as a,ar as o}from"./index-CsbqyhR0.js";import{B as c}from"./Breadcrumb.stories-EowaNKYC.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-BqRGPnP1.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./clsx-B-dksMZM.js";const u=` # Breadcrumb diff --git a/demo-DES-969-file-list-component/assets/Breakout.docs-BtbDT1ph.js b/demo-DES-969-file-list-component/assets/Breakout.docs-Cc5kbVc3.js similarity index 85% rename from demo-DES-969-file-list-component/assets/Breakout.docs-BtbDT1ph.js rename to demo-DES-969-file-list-component/assets/Breakout.docs-Cc5kbVc3.js index 86fcbc5a53..e7d4187263 100644 --- a/demo-DES-969-file-list-component/assets/Breakout.docs-BtbDT1ph.js +++ b/demo-DES-969-file-list-component/assets/Breakout.docs-Cc5kbVc3.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as s}from"./index-BSj771as.js";import{ae as r,aq as i,ar as a,as as l,at as h}from"./index-D4650r9u.js";import{B as c,V as d}from"./Breakout.stories-CO-k9DP7.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-B8lpJMi7.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./index.esm-CEyvCNNo.js";import"./index.esm-CEthAr-Q.js";import"./clsx-B-dksMZM.js";import"./paddingClasses-C5gheHLv.js";const p=` +import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as s}from"./index-BSj771as.js";import{ae as r,aq as i,ar as a,as as l,at as h}from"./index-CsbqyhR0.js";import{B as c,V as d}from"./Breakout.stories-C9simG9h.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-BqRGPnP1.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./index.esm-Dojcg4AG.js";import"./clsx-B-dksMZM.js";import"./index.esm-CEthAr-Q.js";import"./paddingClasses-C5gheHLv.js";const p=` # Breakout diff --git a/demo-DES-969-file-list-component/assets/Breakout.stories-CO-k9DP7.js b/demo-DES-969-file-list-component/assets/Breakout.stories-C9simG9h.js similarity index 99% rename from demo-DES-969-file-list-component/assets/Breakout.stories-CO-k9DP7.js rename to demo-DES-969-file-list-component/assets/Breakout.stories-C9simG9h.js index 53029976f8..9268f87348 100644 --- a/demo-DES-969-file-list-component/assets/Breakout.stories-CO-k9DP7.js +++ b/demo-DES-969-file-list-component/assets/Breakout.stories-C9simG9h.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{s as V,t as k,P as p,I as C}from"./index.esm-CEyvCNNo.js";import{c as b}from"./clsx-B-dksMZM.js";import{r as _}from"./index-B-o1Wr-g.js";import{a as i,p as N}from"./paddingClasses-C5gheHLv.js";/** +import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{s as V,t as k,P as p,I as C}from"./index.esm-Dojcg4AG.js";import{c as b}from"./clsx-B-dksMZM.js";import{r as _}from"./index-B-o1Wr-g.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)],B=_.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}));B.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-DES-969-file-list-component/assets/Button.docs-BjuTITx_.js b/demo-DES-969-file-list-component/assets/Button.docs-gWlQ2FGg.js similarity index 97% rename from demo-DES-969-file-list-component/assets/Button.docs-BjuTITx_.js rename to demo-DES-969-file-list-component/assets/Button.docs-gWlQ2FGg.js index 06fb93609f..549ad1ea32 100644 --- a/demo-DES-969-file-list-component/assets/Button.docs-BjuTITx_.js +++ b/demo-DES-969-file-list-component/assets/Button.docs-gWlQ2FGg.js @@ -1,4 +1,4 @@ -import{j as n}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as i}from"./index-BSj771as.js";import{ae as s,aq as a,ar as c,as as h,at as t}from"./index-D4650r9u.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-DsD2Ibzg.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-B8lpJMi7.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./index.esm-CEthAr-Q.js";import"./Button-CLCAbUHj.js";import"./clsx-B-dksMZM.js";import"./Icon-D1obyjGa.js";const x=` +import{j as n}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as i}from"./index-BSj771as.js";import{ae as s,aq as a,ar as c,as as h,at as t}from"./index-CsbqyhR0.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-DsD2Ibzg.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-BqRGPnP1.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./index.esm-CEthAr-Q.js";import"./Button-CLCAbUHj.js";import"./clsx-B-dksMZM.js";import"./Icon-D1obyjGa.js";const x=` # Button diff --git a/demo-DES-969-file-list-component/assets/Card.docs-KMSLVoTH.js b/demo-DES-969-file-list-component/assets/Card.docs-ogw_OuLx.js similarity index 89% rename from demo-DES-969-file-list-component/assets/Card.docs-KMSLVoTH.js rename to demo-DES-969-file-list-component/assets/Card.docs-ogw_OuLx.js index d611158d5b..6dc7ed6655 100644 --- a/demo-DES-969-file-list-component/assets/Card.docs-KMSLVoTH.js +++ b/demo-DES-969-file-list-component/assets/Card.docs-ogw_OuLx.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as o}from"./index-BSj771as.js";import{ae as r,aq as s,ar as d,at as a}from"./index-D4650r9u.js";import{C as c,W as h,a as l}from"./Card.stories-BFctN7O-.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-B8lpJMi7.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./index.esm-CEyvCNNo.js";import"./index.esm-CEthAr-Q.js";import"./clsx-B-dksMZM.js";import"./exampleContent-hIIPvEhU.js";import"./Paragraph-DZy4cHOZ.js";const p=` +import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as o}from"./index-BSj771as.js";import{ae as r,aq as s,ar as d,at as a}from"./index-CsbqyhR0.js";import{C as c,W as h,a as l}from"./Card.stories-c_uOcuhW.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-BqRGPnP1.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./index.esm-Dojcg4AG.js";import"./clsx-B-dksMZM.js";import"./index.esm-CEthAr-Q.js";import"./exampleContent-hIIPvEhU.js";import"./Paragraph-DZy4cHOZ.js";const p=` # Card diff --git a/demo-DES-969-file-list-component/assets/Card.stories-BFctN7O-.js b/demo-DES-969-file-list-component/assets/Card.stories-c_uOcuhW.js similarity index 98% rename from demo-DES-969-file-list-component/assets/Card.stories-BFctN7O-.js rename to demo-DES-969-file-list-component/assets/Card.stories-c_uOcuhW.js index 690b72759f..c1cdd834cc 100644 --- a/demo-DES-969-file-list-component/assets/Card.stories-BFctN7O-.js +++ b/demo-DES-969-file-list-component/assets/Card.stories-c_uOcuhW.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{H as l,P as c,I as G}from"./index.esm-CEyvCNNo.js";import{h as v}from"./exampleContent-hIIPvEhU.js";import{c as p}from"./clsx-B-dksMZM.js";import{r as g}from"./index-B-o1Wr-g.js";import{P as z}from"./Paragraph-DZy4cHOZ.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-j_jdvEMj.js";import{H as l,P as c,I as G}from"./index.esm-Dojcg4AG.js";import{h as v}from"./exampleContent-hIIPvEhU.js";import{c as p}from"./clsx-B-dksMZM.js";import{r as g}from"./index-B-o1Wr-g.js";import{P as z}from"./Paragraph-DZy4cHOZ.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-DES-969-file-list-component/assets/CharacterCount.docs-BlN0AmlX.js b/demo-DES-969-file-list-component/assets/CharacterCount.docs-BNsQkS8V.js similarity index 94% rename from demo-DES-969-file-list-component/assets/CharacterCount.docs-BlN0AmlX.js rename to demo-DES-969-file-list-component/assets/CharacterCount.docs-BNsQkS8V.js index 50cf9c5a3a..df2c52a885 100644 --- a/demo-DES-969-file-list-component/assets/CharacterCount.docs-BlN0AmlX.js +++ b/demo-DES-969-file-list-component/assets/CharacterCount.docs-BNsQkS8V.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as a}from"./index-BSj771as.js";import{ae as o,aq as s,ar as h,as as i,at as c}from"./index-D4650r9u.js";import{C as m,E as l}from"./CharacterCount.stories-BuZ7Uh_6.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-B8lpJMi7.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./clsx-B-dksMZM.js";const u=` +import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as a}from"./index-BSj771as.js";import{ae as o,aq as s,ar as h,as as i,at as c}from"./index-CsbqyhR0.js";import{C as m,E as l}from"./CharacterCount.stories-BuZ7Uh_6.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-BqRGPnP1.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./clsx-B-dksMZM.js";const u=` # Character Count diff --git a/demo-DES-969-file-list-component/assets/Checkbox.docs-AKc791x2.js b/demo-DES-969-file-list-component/assets/Checkbox.docs-Ck9drsKl.js similarity index 92% rename from demo-DES-969-file-list-component/assets/Checkbox.docs-AKc791x2.js rename to demo-DES-969-file-list-component/assets/Checkbox.docs-Ck9drsKl.js index cb03b66151..3a9f45fc35 100644 --- a/demo-DES-969-file-list-component/assets/Checkbox.docs-AKc791x2.js +++ b/demo-DES-969-file-list-component/assets/Checkbox.docs-Ck9drsKl.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as s}from"./index-BSj771as.js";import{ae as a,aq as r,ar as l,as as c,at as i}from"./index-D4650r9u.js";import{C as d,L as h,I as f,a as p}from"./Checkbox.stories-BigkG13X.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-B8lpJMi7.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./index.esm-CEyvCNNo.js";import"./index.esm-CEthAr-Q.js";import"./clsx-B-dksMZM.js";const m=` +import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as s}from"./index-BSj771as.js";import{ae as a,aq as r,ar as l,as as c,at as i}from"./index-CsbqyhR0.js";import{C as d,L as h,I as f,a as p}from"./Checkbox.stories-C3wZocJg.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-BqRGPnP1.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./index.esm-Dojcg4AG.js";import"./clsx-B-dksMZM.js";import"./index.esm-CEthAr-Q.js";const m=` # Checkbox diff --git a/demo-DES-969-file-list-component/assets/Checkbox.stories-BigkG13X.js b/demo-DES-969-file-list-component/assets/Checkbox.stories-C3wZocJg.js similarity index 99% rename from demo-DES-969-file-list-component/assets/Checkbox.stories-BigkG13X.js rename to demo-DES-969-file-list-component/assets/Checkbox.stories-C3wZocJg.js index cac9bc5a2e..6487ef7728 100644 --- a/demo-DES-969-file-list-component/assets/Checkbox.stories-BigkG13X.js +++ b/demo-DES-969-file-list-component/assets/Checkbox.stories-C3wZocJg.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{F as I,P as E,E as S,C as N}from"./index.esm-CEyvCNNo.js";import{c as F}from"./clsx-B-dksMZM.js";import{r as i}from"./index-B-o1Wr-g.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-j_jdvEMj.js";import{F as I,P as E,E as S,C as N}from"./index.esm-Dojcg4AG.js";import{c as F}from"./clsx-B-dksMZM.js";import{r as i}from"./index-B-o1Wr-g.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-DES-969-file-list-component/assets/Color-F6OSRLHC-uSJGMDl0.js b/demo-DES-969-file-list-component/assets/Color-F6OSRLHC-BrPVVA20.js similarity index 99% rename from demo-DES-969-file-list-component/assets/Color-F6OSRLHC-uSJGMDl0.js rename to demo-DES-969-file-list-component/assets/Color-F6OSRLHC-BrPVVA20.js index fe183e0a21..c7203dc3e7 100644 --- a/demo-DES-969-file-list-component/assets/Color-F6OSRLHC-uSJGMDl0.js +++ b/demo-DES-969-file-list-component/assets/Color-F6OSRLHC-BrPVVA20.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-D4650r9u.js";import{R as m,r as p}from"./index-B-o1Wr-g.js";import"./iframe-B8lpJMi7.js";import"../sb-preview/runtime.js";import"./jsx-runtime-j_jdvEMj.js";import"./index-DolzVqEf.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.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)},fr=rr;export{rr as ColorControl,fr 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-CsbqyhR0.js";import{R as m,r as p}from"./index-B-o1Wr-g.js";import"./iframe-BqRGPnP1.js";import"../sb-preview/runtime.js";import"./jsx-runtime-j_jdvEMj.js";import"./index-DolzVqEf.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.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)},fr=rr;export{rr as ColorControl,fr as default}; diff --git a/demo-DES-969-file-list-component/assets/Column.docs-BECdJNb1.js b/demo-DES-969-file-list-component/assets/Column.docs-BDy6zPj6.js similarity index 92% rename from demo-DES-969-file-list-component/assets/Column.docs-BECdJNb1.js rename to demo-DES-969-file-list-component/assets/Column.docs-BDy6zPj6.js index e75e6f38a9..ce08cfea22 100644 --- a/demo-DES-969-file-list-component/assets/Column.docs-BECdJNb1.js +++ b/demo-DES-969-file-list-component/assets/Column.docs-BDy6zPj6.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as r}from"./index-BSj771as.js";import{ae as o,aq as l,ar as a,as as h,at as i}from"./index-D4650r9u.js";import{C as c,A as d,H as m,I as p}from"./Column.stories-CPzb0Ly1.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-B8lpJMi7.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./index.esm-CEyvCNNo.js";import"./index.esm-CEthAr-Q.js";import"./clsx-B-dksMZM.js";import"./types-B5YJ6HHW.js";const x=` +import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as r}from"./index-BSj771as.js";import{ae as o,aq as l,ar as a,as as h,at as i}from"./index-CsbqyhR0.js";import{C as c,A as d,H as m,I as p}from"./Column.stories-DA2cHt2l.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-BqRGPnP1.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./index.esm-Dojcg4AG.js";import"./clsx-B-dksMZM.js";import"./index.esm-CEthAr-Q.js";import"./types-B5YJ6HHW.js";const x=` # Column diff --git a/demo-DES-969-file-list-component/assets/Column.stories-CPzb0Ly1.js b/demo-DES-969-file-list-component/assets/Column.stories-DA2cHt2l.js similarity index 98% rename from demo-DES-969-file-list-component/assets/Column.stories-CPzb0Ly1.js rename to demo-DES-969-file-list-component/assets/Column.stories-DA2cHt2l.js index 4a266a8f3c..f1778c7655 100644 --- a/demo-DES-969-file-list-component/assets/Column.stories-CPzb0Ly1.js +++ b/demo-DES-969-file-list-component/assets/Column.stories-DA2cHt2l.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{H as i,d as s,P as d}from"./index.esm-CEyvCNNo.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-B-o1Wr-g.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-j_jdvEMj.js";import{H as i,d as s,P as d}from"./index.esm-Dojcg4AG.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-B-o1Wr-g.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-DES-969-file-list-component/assets/DateInput.docs-D5cLXt9k.js b/demo-DES-969-file-list-component/assets/DateInput.docs-BHfgqTJT.js similarity index 93% rename from demo-DES-969-file-list-component/assets/DateInput.docs-D5cLXt9k.js rename to demo-DES-969-file-list-component/assets/DateInput.docs-BHfgqTJT.js index 6196c486ab..c8f2c86e83 100644 --- a/demo-DES-969-file-list-component/assets/DateInput.docs-D5cLXt9k.js +++ b/demo-DES-969-file-list-component/assets/DateInput.docs-BHfgqTJT.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as o}from"./index-BSj771as.js";import{ae as a,aq as r,ar as d,as as l,at as s}from"./index-D4650r9u.js";import{D as c,a as h,I as m,b as p,c as f,d as u}from"./DateInput.stories-9V8jf8jf.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-B8lpJMi7.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./index.esm-CEyvCNNo.js";import"./index.esm-CEthAr-Q.js";import"./clsx-B-dksMZM.js";const x=` +import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as o}from"./index-BSj771as.js";import{ae as a,aq as r,ar as d,as as l,at as s}from"./index-CsbqyhR0.js";import{D as c,a as h,I as m,b as p,c as f,d as u}from"./DateInput.stories-DKwn7S9d.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-BqRGPnP1.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./index.esm-Dojcg4AG.js";import"./clsx-B-dksMZM.js";import"./index.esm-CEthAr-Q.js";const x=` # Date Input diff --git a/demo-DES-969-file-list-component/assets/DateInput.stories-9V8jf8jf.js b/demo-DES-969-file-list-component/assets/DateInput.stories-DKwn7S9d.js similarity index 98% rename from demo-DES-969-file-list-component/assets/DateInput.stories-9V8jf8jf.js rename to demo-DES-969-file-list-component/assets/DateInput.stories-DKwn7S9d.js index a10084851d..5218b45eea 100644 --- a/demo-DES-969-file-list-component/assets/DateInput.stories-9V8jf8jf.js +++ b/demo-DES-969-file-list-component/assets/DateInput.stories-DKwn7S9d.js @@ -1,4 +1,4 @@ -import{j as r}from"./jsx-runtime-j_jdvEMj.js";import{e as L,f as S,P,E as O}from"./index.esm-CEyvCNNo.js";import{c as N}from"./clsx-B-dksMZM.js";import{r as V}from"./index-B-o1Wr-g.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-j_jdvEMj.js";import{e as L,f as S,P,E as O}from"./index.esm-Dojcg4AG.js";import{c as N}from"./clsx-B-dksMZM.js";import{r as V}from"./index-B-o1Wr-g.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-DES-969-file-list-component/assets/DescriptionList.docs-CEI0znPT.js b/demo-DES-969-file-list-component/assets/DescriptionList.docs-DXMja3vm.js similarity index 87% rename from demo-DES-969-file-list-component/assets/DescriptionList.docs-CEI0znPT.js rename to demo-DES-969-file-list-component/assets/DescriptionList.docs-DXMja3vm.js index 50b7d2021a..25033ff574 100644 --- a/demo-DES-969-file-list-component/assets/DescriptionList.docs-CEI0znPT.js +++ b/demo-DES-969-file-list-component/assets/DescriptionList.docs-DXMja3vm.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as o}from"./index-BSj771as.js";import{ae as r,aq as a,ar as c,as as l,at as i}from"./index-D4650r9u.js";import{D as p,M as d,R as h,I as m}from"./DescriptionList.stories-QlH29uTC.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-B8lpJMi7.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./index.esm-CEyvCNNo.js";import"./index.esm-CEthAr-Q.js";import"./clsx-B-dksMZM.js";const u=` +import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as o}from"./index-BSj771as.js";import{ae as r,aq as a,ar as c,as as l,at as i}from"./index-CsbqyhR0.js";import{D as p,M as d,R as h,I as m}from"./DescriptionList.stories-B3nT4I_S.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-BqRGPnP1.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./index.esm-Dojcg4AG.js";import"./clsx-B-dksMZM.js";import"./index.esm-CEthAr-Q.js";const u=` # Description List diff --git a/demo-DES-969-file-list-component/assets/DescriptionList.stories-QlH29uTC.js b/demo-DES-969-file-list-component/assets/DescriptionList.stories-B3nT4I_S.js similarity index 98% rename from demo-DES-969-file-list-component/assets/DescriptionList.stories-QlH29uTC.js rename to demo-DES-969-file-list-component/assets/DescriptionList.stories-B3nT4I_S.js index eded13c381..015f1ee002 100644 --- a/demo-DES-969-file-list-component/assets/DescriptionList.stories-QlH29uTC.js +++ b/demo-DES-969-file-list-component/assets/DescriptionList.stories-B3nT4I_S.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{P as I,U as l,L as N}from"./index.esm-CEyvCNNo.js";import{c as p}from"./clsx-B-dksMZM.js";import{r as m}from"./index-B-o1Wr-g.js";const w=m.forwardRef(({children:r,className:t,...n},s)=>e.jsx("dd",{...n,ref:s,className:p("ams-description-list__description",t),children:r}));w.displayName="DescriptionList.Description";try{DescriptionList.Description.displayName="DescriptionList.Description",DescriptionList.Description.__docgenInfo={description:"",displayName:"DescriptionList.Description",props:{}}}catch{}const y=m.forwardRef(({children:r,className:t,...n},s)=>e.jsx("dt",{...n,ref:s,className:p("ams-description-list__term",t),children:r}));y.displayName="DescriptionList.Term";try{DescriptionList.Term.displayName="DescriptionList.Term",DescriptionList.Term.__docgenInfo={description:"",displayName:"DescriptionList.Term",props:{}}}catch{}const T=m.forwardRef(({children:r,className:t,inverseColor:n,termsWidth:s,...C},z)=>e.jsx("dl",{...C,ref:z,className:p("ams-description-list",s&&`ams-description-list--terms-width-${s}`,n&&"ams-description-list--inverse-color",t),children:r}));T.displayName="DescriptionList";const i=Object.assign(T,{Term:y,Description:w});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 P={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={render:r=>e.jsxs(i,{...r,children:[e.jsx(i.Term,{children:"Amsterdam Light Festival"},1),e.jsxs(i.Description,{children:[e.jsxs(I,{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(N,{href:"#",inverseColor:r.inverseColor,children:"de festivalbrochure downloaden"}),"."]})]})]},2)]})},d={args:{inverseColor:!0}};var h,D,u;o.parameters={...o.parameters,docs:{...(h=o.parameters)==null?void 0:h.docs,source:{originalSource:"{}",...(u=(D=o.parameters)==null?void 0:D.docs)==null?void 0:u.source}}};var j,v,g;a.parameters={...a.parameters,docs:{...(j=a.parameters)==null?void 0:j.docs,source:{originalSource:`{ +import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{P as I,U as l,L as N}from"./index.esm-Dojcg4AG.js";import{c as p}from"./clsx-B-dksMZM.js";import{r as m}from"./index-B-o1Wr-g.js";const w=m.forwardRef(({children:r,className:t,...n},s)=>e.jsx("dd",{...n,ref:s,className:p("ams-description-list__description",t),children:r}));w.displayName="DescriptionList.Description";try{DescriptionList.Description.displayName="DescriptionList.Description",DescriptionList.Description.__docgenInfo={description:"",displayName:"DescriptionList.Description",props:{}}}catch{}const y=m.forwardRef(({children:r,className:t,...n},s)=>e.jsx("dt",{...n,ref:s,className:p("ams-description-list__term",t),children:r}));y.displayName="DescriptionList.Term";try{DescriptionList.Term.displayName="DescriptionList.Term",DescriptionList.Term.__docgenInfo={description:"",displayName:"DescriptionList.Term",props:{}}}catch{}const T=m.forwardRef(({children:r,className:t,inverseColor:n,termsWidth:s,...C},z)=>e.jsx("dl",{...C,ref:z,className:p("ams-description-list",s&&`ams-description-list--terms-width-${s}`,n&&"ams-description-list--inverse-color",t),children:r}));T.displayName="DescriptionList";const i=Object.assign(T,{Term:y,Description:w});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 P={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={render:r=>e.jsxs(i,{...r,children:[e.jsx(i.Term,{children:"Amsterdam Light Festival"},1),e.jsxs(i.Description,{children:[e.jsxs(I,{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(N,{href:"#",inverseColor:r.inverseColor,children:"de festivalbrochure downloaden"}),"."]})]})]},2)]})},d={args:{inverseColor:!0}};var h,D,u;o.parameters={...o.parameters,docs:{...(h=o.parameters)==null?void 0:h.docs,source:{originalSource:"{}",...(u=(D=o.parameters)==null?void 0:D.docs)==null?void 0:u.source}}};var j,v,g;a.parameters={...a.parameters,docs:{...(j=a.parameters)==null?void 0:j.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-DES-969-file-list-component/assets/Dialog.docs-DHAddYI1.js b/demo-DES-969-file-list-component/assets/Dialog.docs-76JJ24F-.js similarity index 93% rename from demo-DES-969-file-list-component/assets/Dialog.docs-DHAddYI1.js rename to demo-DES-969-file-list-component/assets/Dialog.docs-76JJ24F-.js index fdd3016558..3973e78f07 100644 --- a/demo-DES-969-file-list-component/assets/Dialog.docs-DHAddYI1.js +++ b/demo-DES-969-file-list-component/assets/Dialog.docs-76JJ24F-.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as s}from"./index-BSj771as.js";import{ae as l,aq as r,ar as a,as as c,at as t}from"./index-D4650r9u.js";import{D as h,O as d,A as m,W as p}from"./Dialog.stories-ChPugOE1.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-B8lpJMi7.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./index.esm-CEyvCNNo.js";import"./index.esm-CEthAr-Q.js";import"./clsx-B-dksMZM.js";import"./Heading-BMR-3CH3.js";import"./getHeadingTag-Dv1eMqvl.js";import"./IconButton-C-A1ufmT.js";import"./Icon-D1obyjGa.js";const u=` +import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as s}from"./index-BSj771as.js";import{ae as l,aq as r,ar as a,as as c,at as t}from"./index-CsbqyhR0.js";import{D as h,O as d,A as m,W as p}from"./Dialog.stories-BNuym3EV.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-BqRGPnP1.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./index.esm-Dojcg4AG.js";import"./clsx-B-dksMZM.js";import"./index.esm-CEthAr-Q.js";import"./Heading-BMR-3CH3.js";import"./getHeadingTag-Dv1eMqvl.js";import"./IconButton-C-A1ufmT.js";import"./Icon-D1obyjGa.js";const u=` # Dialog diff --git a/demo-DES-969-file-list-component/assets/Dialog.stories-ChPugOE1.js b/demo-DES-969-file-list-component/assets/Dialog.stories-BNuym3EV.js similarity index 99% rename from demo-DES-969-file-list-component/assets/Dialog.stories-ChPugOE1.js rename to demo-DES-969-file-list-component/assets/Dialog.stories-BNuym3EV.js index 38dc7d1298..1b0b1af5aa 100644 --- a/demo-DES-969-file-list-component/assets/Dialog.stories-ChPugOE1.js +++ b/demo-DES-969-file-list-component/assets/Dialog.stories-BNuym3EV.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{P as r,A as g,a as l,C as G,H as m}from"./index.esm-CEyvCNNo.js";import{c as H}from"./clsx-B-dksMZM.js";import{r as O}from"./index-B-o1Wr-g.js";import{H as V}from"./Heading-BMR-3CH3.js";import{I as T}from"./IconButton-C-A1ufmT.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-j_jdvEMj.js";import{P as r,A as g,a as l,C as G,H as m}from"./index.esm-Dojcg4AG.js";import{c as H}from"./clsx-B-dksMZM.js";import{r as O}from"./index-B-o1Wr-g.js";import{H as V}from"./Heading-BMR-3CH3.js";import{I as T}from"./IconButton-C-A1ufmT.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-DES-969-file-list-component/assets/DocsRenderer-CFRXHY34-CnTVl2Ai.js b/demo-DES-969-file-list-component/assets/DocsRenderer-CFRXHY34-4u4zVybA.js similarity index 91% rename from demo-DES-969-file-list-component/assets/DocsRenderer-CFRXHY34-CnTVl2Ai.js rename to demo-DES-969-file-list-component/assets/DocsRenderer-CFRXHY34-4u4zVybA.js index a19ad449e2..ec8d0a4c11 100644 --- a/demo-DES-969-file-list-component/assets/DocsRenderer-CFRXHY34-CnTVl2Ai.js +++ b/demo-DES-969-file-list-component/assets/DocsRenderer-CFRXHY34-4u4zVybA.js @@ -1,2 +1,2 @@ const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./index-BSj771as.js","./index-B-o1Wr-g.js","./_commonjsHelpers-Cpj98o6Y.js"])))=>i.map(i=>d[i]); -import{_ as p}from"./iframe-B8lpJMi7.js";import{R as e,r as c}from"./index-B-o1Wr-g.js";import{ag as l,ah as u,ai as h,aj as E}from"./index-D4650r9u.js";import{renderElement as d,unmountElement as x}from"./react-18-Dbhu8A1k.js";import"../sb-preview/runtime.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./jsx-runtime-j_jdvEMj.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.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)}},S=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-BSj771as.js");return{MDXProvider:o}},__vite__mapDeps([0,1,2]),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{S as DocsRenderer,_ as defaultComponents}; +import{_ as p}from"./iframe-BqRGPnP1.js";import{R as e,r as c}from"./index-B-o1Wr-g.js";import{ag as l,ah as u,ai as h,aj as E}from"./index-CsbqyhR0.js";import{renderElement as d,unmountElement as x}from"./react-18-Dbhu8A1k.js";import"../sb-preview/runtime.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./jsx-runtime-j_jdvEMj.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.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)}},S=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-BSj771as.js");return{MDXProvider:o}},__vite__mapDeps([0,1,2]),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{S as DocsRenderer,_ as defaultComponents}; diff --git a/demo-DES-969-file-list-component/assets/ErrorMessage.docs-BaR9r4kH.js b/demo-DES-969-file-list-component/assets/ErrorMessage.docs--JJhmRKT.js similarity index 94% rename from demo-DES-969-file-list-component/assets/ErrorMessage.docs-BaR9r4kH.js rename to demo-DES-969-file-list-component/assets/ErrorMessage.docs--JJhmRKT.js index ab877f5668..22bb781183 100644 --- a/demo-DES-969-file-list-component/assets/ErrorMessage.docs-BaR9r4kH.js +++ b/demo-DES-969-file-list-component/assets/ErrorMessage.docs--JJhmRKT.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as s}from"./index-BSj771as.js";import{ae as i,aq as a,ar as m,as as c,at as r}from"./index-D4650r9u.js";import{E as h,C as d,W as p}from"./ErrorMessage.stories-ix6kxWbf.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-B8lpJMi7.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./index.esm-CEthAr-Q.js";import"./clsx-B-dksMZM.js";import"./Icon-D1obyjGa.js";const f=` +import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as s}from"./index-BSj771as.js";import{ae as i,aq as a,ar as m,as as c,at as r}from"./index-CsbqyhR0.js";import{E as h,C as d,W as p}from"./ErrorMessage.stories-ix6kxWbf.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-BqRGPnP1.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./index.esm-CEthAr-Q.js";import"./clsx-B-dksMZM.js";import"./Icon-D1obyjGa.js";const f=` # Error Message diff --git a/demo-DES-969-file-list-component/assets/Field.docs-CPQ1XLIW.js b/demo-DES-969-file-list-component/assets/Field.docs-CgJJOe8i.js similarity index 85% rename from demo-DES-969-file-list-component/assets/Field.docs-CPQ1XLIW.js rename to demo-DES-969-file-list-component/assets/Field.docs-CgJJOe8i.js index 767f0186c7..168f742a8c 100644 --- a/demo-DES-969-file-list-component/assets/Field.docs-CPQ1XLIW.js +++ b/demo-DES-969-file-list-component/assets/Field.docs-CgJJOe8i.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as s}from"./index-BSj771as.js";import{ae as o,aq as a,ar as d,as as c,at as i}from"./index-D4650r9u.js";import{F as h,W as p,a as l}from"./Field.stories-mOB-6s5n.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-B8lpJMi7.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./index.esm-CEyvCNNo.js";import"./index.esm-CEthAr-Q.js";import"./clsx-B-dksMZM.js";const m=` +import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as s}from"./index-BSj771as.js";import{ae as o,aq as a,ar as d,as as c,at as i}from"./index-CsbqyhR0.js";import{F as h,W as p,a as l}from"./Field.stories-6k2Ogcto.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-BqRGPnP1.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./index.esm-Dojcg4AG.js";import"./clsx-B-dksMZM.js";import"./index.esm-CEthAr-Q.js";const m=` # Field diff --git a/demo-DES-969-file-list-component/assets/Field.stories-mOB-6s5n.js b/demo-DES-969-file-list-component/assets/Field.stories-6k2Ogcto.js similarity index 98% rename from demo-DES-969-file-list-component/assets/Field.stories-mOB-6s5n.js rename to demo-DES-969-file-list-component/assets/Field.stories-6k2Ogcto.js index c08bbf1f16..816c6bad57 100644 --- a/demo-DES-969-file-list-component/assets/Field.stories-mOB-6s5n.js +++ b/demo-DES-969-file-list-component/assets/Field.stories-6k2Ogcto.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{f as d,T as t,P as f,E as y}from"./index.esm-CEyvCNNo.js";import{c as W}from"./clsx-B-dksMZM.js";import{r as _}from"./index-B-o1Wr-g.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-j_jdvEMj.js";import{f as d,T as t,P as f,E as y}from"./index.esm-Dojcg4AG.js";import{c as W}from"./clsx-B-dksMZM.js";import{r as _}from"./index-B-o1Wr-g.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-DES-969-file-list-component/assets/FieldSet.docs-BkC8auIj.js b/demo-DES-969-file-list-component/assets/FieldSet.docs-y3GG82OI.js similarity index 95% rename from demo-DES-969-file-list-component/assets/FieldSet.docs-BkC8auIj.js rename to demo-DES-969-file-list-component/assets/FieldSet.docs-y3GG82OI.js index 89f5586ce6..efd7c8ffd8 100644 --- a/demo-DES-969-file-list-component/assets/FieldSet.docs-BkC8auIj.js +++ b/demo-DES-969-file-list-component/assets/FieldSet.docs-y3GG82OI.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as o}from"./index-BSj771as.js";import{ae as s,aq as a,ar as d,as as l,at as n}from"./index-D4650r9u.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-DrAnRTZU.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-B8lpJMi7.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./index.esm-CEyvCNNo.js";import"./index.esm-CEthAr-Q.js";import"./clsx-B-dksMZM.js";import"./Hint-rQy8SNzx.js";const f=` +import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as o}from"./index-BSj771as.js";import{ae as s,aq as a,ar as d,as as l,at as n}from"./index-CsbqyhR0.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-7VNg7Tnk.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-BqRGPnP1.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./index.esm-Dojcg4AG.js";import"./clsx-B-dksMZM.js";import"./index.esm-CEthAr-Q.js";import"./Hint-rQy8SNzx.js";const f=` # Field Set diff --git a/demo-DES-969-file-list-component/assets/FieldSet.stories-DrAnRTZU.js b/demo-DES-969-file-list-component/assets/FieldSet.stories-7VNg7Tnk.js similarity index 99% rename from demo-DES-969-file-list-component/assets/FieldSet.stories-DrAnRTZU.js rename to demo-DES-969-file-list-component/assets/FieldSet.stories-7VNg7Tnk.js index 54cfc48960..98c123c8b4 100644 --- a/demo-DES-969-file-list-component/assets/FieldSet.stories-DrAnRTZU.js +++ b/demo-DES-969-file-list-component/assets/FieldSet.stories-7VNg7Tnk.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-j_jdvEMj.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-CEyvCNNo.js";import{c as Q}from"./clsx-B-dksMZM.js";import{r as X}from"./index-B-o1Wr-g.js";import{H as Y}from"./Hint-rQy8SNzx.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-j_jdvEMj.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-Dojcg4AG.js";import{c as Q}from"./clsx-B-dksMZM.js";import{r as X}from"./index-B-o1Wr-g.js";import{H as Y}from"./Hint-rQy8SNzx.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-DES-969-file-list-component/assets/FileInput.docs-C5LLoXsL.js b/demo-DES-969-file-list-component/assets/FileInput.docs-CV3tQm1b.js similarity index 89% rename from demo-DES-969-file-list-component/assets/FileInput.docs-C5LLoXsL.js rename to demo-DES-969-file-list-component/assets/FileInput.docs-CV3tQm1b.js index 31488f6870..fb9bc868ea 100644 --- a/demo-DES-969-file-list-component/assets/FileInput.docs-C5LLoXsL.js +++ b/demo-DES-969-file-list-component/assets/FileInput.docs-CV3tQm1b.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as o}from"./index-BSj771as.js";import{ae as l,aq as r,ar as a,as as d,at as s}from"./index-D4650r9u.js";import{F as c,M as p,R as h,D as m,I as f}from"./FileInput.stories-H5URrr2Y.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-B8lpJMi7.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./index.esm-CEyvCNNo.js";import"./index.esm-CEthAr-Q.js";import"./clsx-B-dksMZM.js";const x=` +import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as o}from"./index-BSj771as.js";import{ae as l,aq as r,ar as a,as as d,at as s}from"./index-CsbqyhR0.js";import{F as c,M as p,R as h,D as m,I as f}from"./FileInput.stories-GC-iTBgE.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-BqRGPnP1.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./index.esm-Dojcg4AG.js";import"./clsx-B-dksMZM.js";import"./index.esm-CEthAr-Q.js";const x=` # File Input diff --git a/demo-DES-969-file-list-component/assets/FileInput.stories-H5URrr2Y.js b/demo-DES-969-file-list-component/assets/FileInput.stories-GC-iTBgE.js similarity index 97% rename from demo-DES-969-file-list-component/assets/FileInput.stories-H5URrr2Y.js rename to demo-DES-969-file-list-component/assets/FileInput.stories-GC-iTBgE.js index 5acbc392d1..48e1b28a8c 100644 --- a/demo-DES-969-file-list-component/assets/FileInput.stories-H5URrr2Y.js +++ b/demo-DES-969-file-list-component/assets/FileInput.stories-GC-iTBgE.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{e as D,f as L,P as O}from"./index.esm-CEyvCNNo.js";import{c as P}from"./clsx-B-dksMZM.js";import{r as R}from"./index-B-o1Wr-g.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-j_jdvEMj.js";import{e as D,f as L,P as O}from"./index.esm-Dojcg4AG.js";import{c as P}from"./clsx-B-dksMZM.js";import{r as R}from"./index-B-o1Wr-g.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-DES-969-file-list-component/assets/FileList.docs-MhvafUGT.js b/demo-DES-969-file-list-component/assets/FileList.docs-D86lwQPg.js similarity index 71% rename from demo-DES-969-file-list-component/assets/FileList.docs-MhvafUGT.js rename to demo-DES-969-file-list-component/assets/FileList.docs-D86lwQPg.js index fad2ebddca..0760e7aa6e 100644 --- a/demo-DES-969-file-list-component/assets/FileList.docs-MhvafUGT.js +++ b/demo-DES-969-file-list-component/assets/FileList.docs-D86lwQPg.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as s}from"./index-BSj771as.js";import{ae as o,aq as r,ar as l,as as a,at as f,aw as m}from"./index-D4650r9u.js";import{F as p,W as u}from"./FileList.stories-CXs1whYr.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-B8lpJMi7.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./index.esm-CEyvCNNo.js";import"./index.esm-CEthAr-Q.js";import"./clsx-B-dksMZM.js";import"./Icon-D1obyjGa.js";import"./Button-CLCAbUHj.js";const c=`import { FileInput, FileList } from '@amsterdam/design-system-react' +import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as s}from"./index-BSj771as.js";import{ae as o,aq as r,ar as l,as as a,at as m,aw as f}from"./index-CsbqyhR0.js";import{F as p,W as u}from"./FileList.stories-_0UEAoXm.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-BqRGPnP1.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./index.esm-Dojcg4AG.js";import"./clsx-B-dksMZM.js";import"./index.esm-CEthAr-Q.js";import"./Icon-D1obyjGa.js";import"./Button-CLCAbUHj.js";const c=`import { FileInput, FileList } from '@amsterdam/design-system-react' import { useRef, useState } from 'react' export const FileInputWithFileList = () => { @@ -27,11 +27,17 @@ export const FileInputWithFileList = () => { return ( <> - {files && } + {files && ( + + {Array.from(files).map((file, index) => ( + removeFile(index)} /> + ))} + + )} ) } -`,h=` +`,d=` # File List @@ -39,12 +45,12 @@ An overview of files, showing their name, type, size, and a preview. `;/*@license CC0-1.0*/function t(i){const n={code:"code",h2:"h2",h3:"h3",p:"p",...s(),...i.components};return e.jsxs(e.Fragment,{children:[` `,` `,e.jsx(o,{of:p}),` -`,e.jsx(r,{children:h}),` +`,e.jsx(r,{children:d}),` `,e.jsx(l,{}),` `,e.jsx(a,{}),` `,e.jsx(n.h2,{id:"examples",children:"Examples"}),` `,e.jsx(n.h3,{id:"using-a-file-input",children:"Using a file input"}),` `,e.jsxs(n.p,{children:["To connect a File Input to a File List, use the ",e.jsx(n.code,{children:"onChange"}),` event to update the list of files and use `,e.jsx(n.code,{children:"onDelete"})," when removing a file from the list."]}),` -`,e.jsx(f,{of:u}),` -`,e.jsx(m,{code:c,language:"jsx"})]})}function A(i={}){const{wrapper:n}={...s(),...i.components};return n?e.jsx(n,{...i,children:e.jsx(t,{...i})}):t(i)}export{A as default}; +`,e.jsx(m,{of:u}),` +`,e.jsx(f,{code:c,language:"jsx"})]})}function W(i={}){const{wrapper:n}={...s(),...i.components};return n?e.jsx(n,{...i,children:e.jsx(t,{...i})}):t(i)}export{W as default}; diff --git a/demo-DES-969-file-list-component/assets/FileList.stories-CXs1whYr.js b/demo-DES-969-file-list-component/assets/FileList.stories-CXs1whYr.js deleted file mode 100644 index 46154ff50d..0000000000 --- a/demo-DES-969-file-list-component/assets/FileList.stories-CXs1whYr.js +++ /dev/null @@ -1,16 +0,0 @@ -import{j as t}from"./jsx-runtime-j_jdvEMj.js";import{u as v,v as w}from"./index.esm-CEyvCNNo.js";import{r as m}from"./index-B-o1Wr-g.js";import{x as L}from"./index.esm-CEthAr-Q.js";import{c as D}from"./clsx-B-dksMZM.js";import{I as N}from"./Icon-D1obyjGa.js";import{B as I}from"./Button-CLCAbUHj.js";/** - * @license EUPL-1.2+ - * Copyright Gemeente Amsterdam - */const b=(e,s=3)=>{const a=["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)} ${a[i]}`};/** - * @license EUPL-1.2+ - * Copyright Gemeente Amsterdam - */const d=e=>{switch(e){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"}};try{d.displayName="formatFileType",d.__docgenInfo={description:"",displayName:"formatFileType",props:{}}}catch{}const p=m.forwardRef(({files:e,onDelete:s,className:a,...i},c)=>t.jsx("ul",{...i,ref:c,className:D("ams-file-list",a),children:Array.from(e).map((r,n)=>t.jsxs("li",{className:"ams-file-list__file",children:[t.jsx("div",{className:"ams-file-list__file-preview",children:r.type.includes("image")?t.jsx("img",{src:URL.createObjectURL(r),alt:r.name}):t.jsx(N,{svg:L,size:"level-3",square:!0})}),t.jsxs("div",{className:"ams-file-list__file-info",children:[r.name,t.jsxs("div",{className:"ams-file-input__file-details",children:["(",d(r.type),", ",b(r.size),")"]})]}),s&&t.jsx("div",{children:t.jsx(I,{variant:"tertiary",onClick:()=>s(n),children:"Verwijder"})})]},n))}));p.displayName="FileList";try{p.displayName="FileList",p.__docgenInfo={description:"",displayName:"FileList",props:{files:{defaultValue:null,description:"",name:"files",required:!0,type:{name:"FileList"}},onDelete:{defaultValue:null,description:"",name:"onDelete",required:!1,type:{name:"((index: number) => void)"}}}}}catch{}const S=()=>{const e=m.useRef(null),[s,a]=m.useState(null),i=()=>{e.current&&a(e.current.files)},c=r=>{if(s){const n=new DataTransfer;Array.from(s).forEach((h,j)=>{j!==r&&n.items.add(h)}),e.current&&(e.current.files=n.files),a(n.files)}};return t.jsxs(t.Fragment,{children:[t.jsx(v,{multiple:!0,ref:e,onChange:i}),s&&t.jsx(w,{files:s,onDelete:c})]})},u=new DataTransfer;u.items.add(new File(["sample1"],"sample1.txt",{type:"text/plain",lastModified:Date.now()}));u.items.add(new File(["sample2"],"sample2.txt",{type:"text/plain",lastModified:Date.now()}));const T=u.files,M={title:"Components/Forms/File List",component:p,args:{files:T},argTypes:{files:{table:{disable:!0}}}},o={},l={parameters:{docs:{canvas:{sourceState:"none"}}},render:()=>t.jsx(S,{})};var f,x,_;o.parameters={...o.parameters,docs:{...(f=o.parameters)==null?void 0:f.docs,source:{originalSource:"{}",...(_=(x=o.parameters)==null?void 0:x.docs)==null?void 0:_.source}}};var g,F,y;l.parameters={...l.parameters,docs:{...(g=l.parameters)==null?void 0:g.docs,source:{originalSource:`{ - parameters: { - docs: { - canvas: { - sourceState: 'none' - } - } - }, - render: () => -}`,...(y=(F=l.parameters)==null?void 0:F.docs)==null?void 0:y.source}}};const R=["Default","WithInput"],C=Object.freeze(Object.defineProperty({__proto__:null,Default:o,WithInput:l,__namedExportsOrder:R,default:M},Symbol.toStringTag,{value:"Module"}));export{C as F,l as W}; diff --git a/demo-DES-969-file-list-component/assets/FileList.stories-_0UEAoXm.js b/demo-DES-969-file-list-component/assets/FileList.stories-_0UEAoXm.js new file mode 100644 index 0000000000..cde8bc37b3 --- /dev/null +++ b/demo-DES-969-file-list-component/assets/FileList.stories-_0UEAoXm.js @@ -0,0 +1,16 @@ +import{j as t}from"./jsx-runtime-j_jdvEMj.js";import{u as w,v as f}from"./index.esm-Dojcg4AG.js";import{r as p}from"./index-B-o1Wr-g.js";import{c as h}from"./clsx-B-dksMZM.js";import{x as N}from"./index.esm-CEthAr-Q.js";import{I as R}from"./Icon-D1obyjGa.js";import{B as S}from"./Button-CLCAbUHj.js";/** + * @license EUPL-1.2+ + * Copyright Gemeente Amsterdam + */const b=(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]}`};/** + * @license EUPL-1.2+ + * Copyright Gemeente Amsterdam + */const d=e=>{switch(e){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"}};try{d.displayName="formatFileType",d.__docgenInfo={description:"",displayName:"formatFileType",props:{}}}catch{}const j=p.forwardRef(({file:e,onRemove:s,className:r,...i},c)=>t.jsxs("li",{...i,ref:c,className:h("ams-file-list__file",r),children:[t.jsx("div",{className:"ams-file-list__file-preview",children:e.type.includes("image")?t.jsx("img",{src:URL.createObjectURL(e),alt:e.name}):t.jsx(R,{svg:N,size:"level-3",square:!0})}),t.jsxs("div",{className:"ams-file-list__file-info",children:[e.name,t.jsxs("div",{className:"ams-file-input__file-details",children:["(",d(e.type),", ",b(e.size),")"]})]}),s&&t.jsx("div",{children:t.jsx(S,{variant:"tertiary",onClick:()=>s(),children:"Verwijder"})})]}));j.displayName="FileList.Item";try{FileList.Item.displayName="FileList.Item",FileList.Item.__docgenInfo={description:"",displayName:"FileList.Item",props:{file:{defaultValue:null,description:"",name:"file",required:!0,type:{name:"File"}},onRemove:{defaultValue:null,description:"",name:"onRemove",required:!1,type:{name:"(() => void)"}}}}}catch{}const v=p.forwardRef(({children:e,className:s,...r},i)=>t.jsx("ul",{...r,ref:i,className:h("ams-file-list",s),children:e}));v.displayName="FileList";const l=Object.assign(v,{Item:j});try{l.displayName="FileList",l.__docgenInfo={description:"",displayName:"FileList",props:{}}}catch{}const D=()=>{const e=p.useRef(null),[s,r]=p.useState(null),i=()=>{e.current&&r(e.current.files)},c=m=>{if(s){const a=new DataTransfer;Array.from(s).forEach((I,L)=>{L!==m&&a.items.add(I)}),e.current&&(e.current.files=a.files),r(a.files)}};return t.jsxs(t.Fragment,{children:[t.jsx(w,{multiple:!0,ref:e,onChange:i}),s&&t.jsx(f,{children:Array.from(s).map((m,a)=>t.jsx(f.Item,{file:m,onRemove:()=>c(a)},a))})]})},M={title:"Components/Forms/File List",component:l,args:{children:[t.jsx(l.Item,{file:new File(["sample1"],"sample1.txt",{type:"text/plain",lastModified:Date.now()})},"1"),t.jsx(l.Item,{file:new File(["sample2"],"sample2.txt",{type:"text/plain",lastModified:Date.now()})},"2")]}},n={},o={parameters:{docs:{canvas:{sourceState:"none"}}},render:()=>t.jsx(D,{})};var u,_,x;n.parameters={...n.parameters,docs:{...(u=n.parameters)==null?void 0:u.docs,source:{originalSource:"{}",...(x=(_=n.parameters)==null?void 0:_.docs)==null?void 0:x.source}}};var F,g,y;o.parameters={...o.parameters,docs:{...(F=o.parameters)==null?void 0:F.docs,source:{originalSource:`{ + parameters: { + docs: { + canvas: { + sourceState: 'none' + } + } + }, + render: () => +}`,...(y=(g=o.parameters)==null?void 0:g.docs)==null?void 0:y.source}}};const T=["Default","WithInput"],q=Object.freeze(Object.defineProperty({__proto__:null,Default:n,WithInput:o,__namedExportsOrder:T,default:M},Symbol.toStringTag,{value:"Module"}));export{q as F,o as W}; diff --git a/demo-DES-969-file-list-component/assets/Footer.docs-aowGZDMf.js b/demo-DES-969-file-list-component/assets/Footer.docs-DaSgfM-u.js similarity index 86% rename from demo-DES-969-file-list-component/assets/Footer.docs-aowGZDMf.js rename to demo-DES-969-file-list-component/assets/Footer.docs-DaSgfM-u.js index d62bfe96f6..195b06d101 100644 --- a/demo-DES-969-file-list-component/assets/Footer.docs-aowGZDMf.js +++ b/demo-DES-969-file-list-component/assets/Footer.docs-DaSgfM-u.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as i}from"./index-BSj771as.js";import{ae as s,aq as r,ar as a,at as c}from"./index-D4650r9u.js";import{F as m,O as p}from"./Footer.stories-C61R3rSO.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-B8lpJMi7.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./index.esm-CEyvCNNo.js";import"./index.esm-CEthAr-Q.js";import"./clsx-B-dksMZM.js";import"./PageMenu.stories-CMbLUYFI.js";import"./Icon-D1obyjGa.js";import"./Spotlight-DZdLn00J.js";const l=` +import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as i}from"./index-BSj771as.js";import{ae as s,aq as r,ar as a,at as c}from"./index-CsbqyhR0.js";import{F as m,O as p}from"./Footer.stories-DPK9ujK1.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-BqRGPnP1.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./index.esm-Dojcg4AG.js";import"./clsx-B-dksMZM.js";import"./index.esm-CEthAr-Q.js";import"./PageMenu.stories-CMbLUYFI.js";import"./Icon-D1obyjGa.js";import"./Spotlight-DZdLn00J.js";const l=` # Footer diff --git a/demo-DES-969-file-list-component/assets/Footer.stories-C61R3rSO.js b/demo-DES-969-file-list-component/assets/Footer.stories-DPK9ujK1.js similarity index 99% rename from demo-DES-969-file-list-component/assets/Footer.stories-C61R3rSO.js rename to demo-DES-969-file-list-component/assets/Footer.stories-DPK9ujK1.js index 151cfd2399..67a677e9ae 100644 --- a/demo-DES-969-file-list-component/assets/Footer.stories-C61R3rSO.js +++ b/demo-DES-969-file-list-component/assets/Footer.stories-DPK9ujK1.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{H as r,G as i,o as n,P as c,c as j}from"./index.esm-CEyvCNNo.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-CEthAr-Q.js";import{D as N}from"./PageMenu.stories-CMbLUYFI.js";import{c as L}from"./clsx-B-dksMZM.js";import{r as v}from"./index-B-o1Wr-g.js";import{S as V}from"./Spotlight-DZdLn00J.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-j_jdvEMj.js";import{H as r,G as i,o as n,P as c,c as j}from"./index.esm-Dojcg4AG.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-CEthAr-Q.js";import{D as N}from"./PageMenu.stories-CMbLUYFI.js";import{c as L}from"./clsx-B-dksMZM.js";import{r as v}from"./index-B-o1Wr-g.js";import{S as V}from"./Spotlight-DZdLn00J.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:`{ args: { children: [ diff --git a/demo-DES-969-file-list-component/assets/FormErrorList.docs-66o7xVGS.js b/demo-DES-969-file-list-component/assets/FormErrorList.docs-Butow53p.js similarity index 96% rename from demo-DES-969-file-list-component/assets/FormErrorList.docs-66o7xVGS.js rename to demo-DES-969-file-list-component/assets/FormErrorList.docs-Butow53p.js index 3ba1fb58d0..1b487d9e46 100644 --- a/demo-DES-969-file-list-component/assets/FormErrorList.docs-66o7xVGS.js +++ b/demo-DES-969-file-list-component/assets/FormErrorList.docs-Butow53p.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as o}from"./index-BSj771as.js";import{ae as i,aq as s,ar as a,as as m}from"./index-D4650r9u.js";import{F as h}from"./FormErrorList.stories-m0oTgLw1.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-B8lpJMi7.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./clsx-B-dksMZM.js";import"./Alert-dZot25lM.js";import"./index.esm-CEthAr-Q.js";import"./Icon-D1obyjGa.js";import"./Heading-BMR-3CH3.js";import"./getHeadingTag-Dv1eMqvl.js";import"./IconButton-C-A1ufmT.js";import"./LinkList-Hl4TNsYq.js";const l=` +import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as o}from"./index-BSj771as.js";import{ae as i,aq as s,ar as a,as as m}from"./index-CsbqyhR0.js";import{F as h}from"./FormErrorList.stories-m0oTgLw1.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-BqRGPnP1.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./clsx-B-dksMZM.js";import"./Alert-dZot25lM.js";import"./index.esm-CEthAr-Q.js";import"./Icon-D1obyjGa.js";import"./Heading-BMR-3CH3.js";import"./getHeadingTag-Dv1eMqvl.js";import"./IconButton-C-A1ufmT.js";import"./LinkList-Hl4TNsYq.js";const l=` # Form Error List diff --git a/demo-DES-969-file-list-component/assets/FormPage.docs-CUXFA3MJ.js b/demo-DES-969-file-list-component/assets/FormPage.docs-C78RVhxp.js similarity index 71% rename from demo-DES-969-file-list-component/assets/FormPage.docs-CUXFA3MJ.js rename to demo-DES-969-file-list-component/assets/FormPage.docs-C78RVhxp.js index 0085066d66..7450125e3e 100644 --- a/demo-DES-969-file-list-component/assets/FormPage.docs-CUXFA3MJ.js +++ b/demo-DES-969-file-list-component/assets/FormPage.docs-C78RVhxp.js @@ -1,4 +1,4 @@ -import{j as o}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as i}from"./index-BSj771as.js";import{ae as e}from"./index-D4650r9u.js";import{F as n}from"./FormPage.stories-DgwdM2Bq.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-B8lpJMi7.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./index.esm-CEyvCNNo.js";import"./index.esm-CEthAr-Q.js";import"./clsx-B-dksMZM.js";import"./config-ViiHBdIV.js";import"./PageMenu.stories-CMbLUYFI.js";import"./Icon-D1obyjGa.js";import"./Footer.stories-C61R3rSO.js";import"./Spotlight-DZdLn00J.js";/*@license CC0-1.0*/function m(t){const r={h1:"h1",p:"p",...i(),...t.components};return o.jsxs(o.Fragment,{children:[` +import{j as o}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as i}from"./index-BSj771as.js";import{ae as e}from"./index-CsbqyhR0.js";import{F as n}from"./FormPage.stories-BsGPdQ8M.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-BqRGPnP1.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./index.esm-Dojcg4AG.js";import"./clsx-B-dksMZM.js";import"./index.esm-CEthAr-Q.js";import"./config-5U6UpIzk.js";import"./PageMenu.stories-CMbLUYFI.js";import"./Icon-D1obyjGa.js";import"./Footer.stories-DPK9ujK1.js";import"./Spotlight-DZdLn00J.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"}),` diff --git a/demo-DES-969-file-list-component/assets/FormPage.stories-DgwdM2Bq.js b/demo-DES-969-file-list-component/assets/FormPage.stories-BsGPdQ8M.js similarity index 95% rename from demo-DES-969-file-list-component/assets/FormPage.stories-DgwdM2Bq.js rename to demo-DES-969-file-list-component/assets/FormPage.stories-BsGPdQ8M.js index 596779e162..8be6a86f52 100644 --- a/demo-DES-969-file-list-component/assets/FormPage.stories-DgwdM2Bq.js +++ b/demo-DES-969-file-list-component/assets/FormPage.stories-BsGPdQ8M.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-j_jdvEMj.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-CEyvCNNo.js";import{r as C}from"./index-B-o1Wr-g.js";import{c as D}from"./config-ViiHBdIV.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-j_jdvEMj.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-Dojcg4AG.js";import{r as C}from"./index-B-o1Wr-g.js";import{c as D}from"./config-5U6UpIzk.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"})})]})]})})};/** * @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-DES-969-file-list-component/assets/Gap.docs-DlhVCqM1.js b/demo-DES-969-file-list-component/assets/Gap.docs-BboShyTB.js similarity index 87% rename from demo-DES-969-file-list-component/assets/Gap.docs-DlhVCqM1.js rename to demo-DES-969-file-list-component/assets/Gap.docs-BboShyTB.js index 80114810b2..19ffdb5cb1 100644 --- a/demo-DES-969-file-list-component/assets/Gap.docs-DlhVCqM1.js +++ b/demo-DES-969-file-list-component/assets/Gap.docs-BboShyTB.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as t}from"./index-BSj771as.js";import{ae as o,aq as i,ar as r,as as m}from"./index-D4650r9u.js";import{G as p}from"./Gap.stories-BlAm-rQH.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-B8lpJMi7.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./index.esm-CEyvCNNo.js";import"./index.esm-CEthAr-Q.js";import"./clsx-B-dksMZM.js";const l=` +import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as t}from"./index-BSj771as.js";import{ae as o,aq as i,ar as r,as as m}from"./index-CsbqyhR0.js";import{G as p}from"./Gap.stories-BEY17Q4-.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-BqRGPnP1.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./index.esm-Dojcg4AG.js";import"./clsx-B-dksMZM.js";import"./index.esm-CEthAr-Q.js";const l=` # Gap diff --git a/demo-DES-969-file-list-component/assets/Gap.stories-BlAm-rQH.js b/demo-DES-969-file-list-component/assets/Gap.stories-BEY17Q4-.js similarity index 97% rename from demo-DES-969-file-list-component/assets/Gap.stories-BlAm-rQH.js rename to demo-DES-969-file-list-component/assets/Gap.stories-BEY17Q4-.js index 8a1155c2a7..c09ab20d92 100644 --- a/demo-DES-969-file-list-component/assets/Gap.stories-BlAm-rQH.js +++ b/demo-DES-969-file-list-component/assets/Gap.stories-BEY17Q4-.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{P as s}from"./index.esm-CEyvCNNo.js";/** +import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{P as s}from"./index.esm-Dojcg4AG.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-DES-969-file-list-component/assets/Grid.docs-DrAs_8de.js b/demo-DES-969-file-list-component/assets/Grid.docs-BJ03sQ82.js similarity index 97% rename from demo-DES-969-file-list-component/assets/Grid.docs-DrAs_8de.js rename to demo-DES-969-file-list-component/assets/Grid.docs-BJ03sQ82.js index a6eecbc6c2..371f14906e 100644 --- a/demo-DES-969-file-list-component/assets/Grid.docs-DrAs_8de.js +++ b/demo-DES-969-file-list-component/assets/Grid.docs-BJ03sQ82.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as i}from"./index-BSj771as.js";import{ae as a,aq as r,ar as l,as as d,at as s}from"./index-D4650r9u.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-CUEAL2os.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-B8lpJMi7.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./clsx-B-dksMZM.js";import"./paddingClasses-C5gheHLv.js";const j=` +import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as i}from"./index-BSj771as.js";import{ae as a,aq as r,ar as l,as as d,at as s}from"./index-CsbqyhR0.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-CUEAL2os.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-BqRGPnP1.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./clsx-B-dksMZM.js";import"./paddingClasses-C5gheHLv.js";const j=` # Grid diff --git a/demo-DES-969-file-list-component/assets/Header.docs-ewizRjMO.js b/demo-DES-969-file-list-component/assets/Header.docs-CdrjFW4R.js similarity index 90% rename from demo-DES-969-file-list-component/assets/Header.docs-ewizRjMO.js rename to demo-DES-969-file-list-component/assets/Header.docs-CdrjFW4R.js index ed85c2bb13..be57653323 100644 --- a/demo-DES-969-file-list-component/assets/Header.docs-ewizRjMO.js +++ b/demo-DES-969-file-list-component/assets/Header.docs-CdrjFW4R.js @@ -1,4 +1,4 @@ -import{j as n}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as o}from"./index-BSj771as.js";import{ae as s,aq as r,ar as m,as as h,at as t}from"./index-D4650r9u.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-D5b67C_v.js";import{S as j}from"./StatusBadge-_VA1BtQE.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-B8lpJMi7.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./index.esm-CEyvCNNo.js";import"./index.esm-CEthAr-Q.js";import"./clsx-B-dksMZM.js";import"./Logo-BnxYOw7m.js";import"./Heading-BMR-3CH3.js";import"./getHeadingTag-Dv1eMqvl.js";import"./Badge-Cg5Q2pVP.js";const w=` +import{j as n}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as o}from"./index-BSj771as.js";import{ae as s,aq as r,ar as m,as as h,at as t}from"./index-CsbqyhR0.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-p-07mzkS.js";import{S as j}from"./StatusBadge-_VA1BtQE.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-BqRGPnP1.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./index.esm-Dojcg4AG.js";import"./clsx-B-dksMZM.js";import"./index.esm-CEthAr-Q.js";import"./Logo-BnxYOw7m.js";import"./Heading-BMR-3CH3.js";import"./getHeadingTag-Dv1eMqvl.js";import"./Badge-Cg5Q2pVP.js";const w=` # Header diff --git a/demo-DES-969-file-list-component/assets/Header.stories-D5b67C_v.js b/demo-DES-969-file-list-component/assets/Header.stories-p-07mzkS.js similarity index 99% rename from demo-DES-969-file-list-component/assets/Header.stories-D5b67C_v.js rename to demo-DES-969-file-list-component/assets/Header.stories-p-07mzkS.js index 7b6f05c5d8..0a79acc4d4 100644 --- a/demo-DES-969-file-list-component/assets/Header.stories-D5b67C_v.js +++ b/demo-DES-969-file-list-component/assets/Header.stories-p-07mzkS.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{c as a}from"./index.esm-CEyvCNNo.js";import{j as c}from"./index.esm-CEthAr-Q.js";import{c as z}from"./clsx-B-dksMZM.js";import{r as O}from"./index-B-o1Wr-g.js";import{L as U}from"./Logo-BnxYOw7m.js";import{H as J}from"./Heading-BMR-3CH3.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-j_jdvEMj.js";import{c as a}from"./index.esm-Dojcg4AG.js";import{j as c}from"./index.esm-CEthAr-Q.js";import{c as z}from"./clsx-B-dksMZM.js";import{r as O}from"./index-B-o1Wr-g.js";import{L as U}from"./Logo-BnxYOw7m.js";import{H as J}from"./Heading-BMR-3CH3.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/', diff --git a/demo-DES-969-file-list-component/assets/Heading.docs-CJ8bw0Tp.js b/demo-DES-969-file-list-component/assets/Heading.docs-CP98-wMT.js similarity index 90% rename from demo-DES-969-file-list-component/assets/Heading.docs-CJ8bw0Tp.js rename to demo-DES-969-file-list-component/assets/Heading.docs-CP98-wMT.js index b5a8e0d63f..2ae336a2b9 100644 --- a/demo-DES-969-file-list-component/assets/Heading.docs-CJ8bw0Tp.js +++ b/demo-DES-969-file-list-component/assets/Heading.docs-CP98-wMT.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as r}from"./index-BSj771as.js";import{ae as i,aq as a,ar as l,as as h,at as s}from"./index-D4650r9u.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-k4Xrs8rg.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-B8lpJMi7.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./index.esm-CEyvCNNo.js";import"./index.esm-CEthAr-Q.js";import"./clsx-B-dksMZM.js";import"./exampleContent-hIIPvEhU.js";import"./Heading-BMR-3CH3.js";import"./getHeadingTag-Dv1eMqvl.js";const x=` +import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as r}from"./index-BSj771as.js";import{ae as i,aq as a,ar as l,as as h,at as s}from"./index-CsbqyhR0.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-B-peyeqG.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-BqRGPnP1.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./index.esm-Dojcg4AG.js";import"./clsx-B-dksMZM.js";import"./index.esm-CEthAr-Q.js";import"./exampleContent-hIIPvEhU.js";import"./Heading-BMR-3CH3.js";import"./getHeadingTag-Dv1eMqvl.js";const x=` # Heading diff --git a/demo-DES-969-file-list-component/assets/Heading.stories-k4Xrs8rg.js b/demo-DES-969-file-list-component/assets/Heading.stories-B-peyeqG.js similarity index 97% rename from demo-DES-969-file-list-component/assets/Heading.stories-k4Xrs8rg.js rename to demo-DES-969-file-list-component/assets/Heading.stories-B-peyeqG.js index 39580da88b..4d6951b1be 100644 --- a/demo-DES-969-file-list-component/assets/Heading.stories-k4Xrs8rg.js +++ b/demo-DES-969-file-list-component/assets/Heading.stories-B-peyeqG.js @@ -1,4 +1,4 @@ -import{j as I}from"./jsx-runtime-j_jdvEMj.js";import{r as s}from"./index-B-o1Wr-g.js";import{C as O}from"./index.esm-CEyvCNNo.js";import{e as D}from"./exampleContent-hIIPvEhU.js";import{H as e}from"./Heading-BMR-3CH3.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-j_jdvEMj.js";import{r as s}from"./index-B-o1Wr-g.js";import{C as O}from"./index.esm-Dojcg4AG.js";import{e as D}from"./exampleContent-hIIPvEhU.js";import{H as e}from"./Heading-BMR-3CH3.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-DES-969-file-list-component/assets/HomePage.docs-Bb6mIKaH.js b/demo-DES-969-file-list-component/assets/HomePage.docs-Bvbqbr3K.js similarity index 85% rename from demo-DES-969-file-list-component/assets/HomePage.docs-Bb6mIKaH.js rename to demo-DES-969-file-list-component/assets/HomePage.docs-Bvbqbr3K.js index bcfce93807..a217079830 100644 --- a/demo-DES-969-file-list-component/assets/HomePage.docs-Bb6mIKaH.js +++ b/demo-DES-969-file-list-component/assets/HomePage.docs-Bvbqbr3K.js @@ -1,4 +1,4 @@ -import{j as n}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as o}from"./index-BSj771as.js";import{ae as t}from"./index-D4650r9u.js";import{H as a}from"./HomePage.stories-DCygmRH9.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-B8lpJMi7.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./index.esm-CEyvCNNo.js";import"./index.esm-CEthAr-Q.js";import"./clsx-B-dksMZM.js";import"./Overlap.stories-CCvIJiSX.js";import"./config-ViiHBdIV.js";import"./PageMenu.stories-CMbLUYFI.js";import"./Icon-D1obyjGa.js";import"./Footer.stories-C61R3rSO.js";import"./Spotlight-DZdLn00J.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-j_jdvEMj.js";import{useMDXComponents as o}from"./index-BSj771as.js";import{ae as t}from"./index-CsbqyhR0.js";import{H as a}from"./HomePage.stories-CQ397qdG.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-BqRGPnP1.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./index.esm-Dojcg4AG.js";import"./clsx-B-dksMZM.js";import"./index.esm-CEthAr-Q.js";import"./Overlap.stories-BONGKRWw.js";import"./config-5U6UpIzk.js";import"./PageMenu.stories-CMbLUYFI.js";import"./Icon-D1obyjGa.js";import"./Footer.stories-DPK9ujK1.js";import"./Spotlight-DZdLn00J.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"}),` diff --git a/demo-DES-969-file-list-component/assets/HomePage.stories-DCygmRH9.js b/demo-DES-969-file-list-component/assets/HomePage.stories-CQ397qdG.js similarity index 96% rename from demo-DES-969-file-list-component/assets/HomePage.stories-DCygmRH9.js rename to demo-DES-969-file-list-component/assets/HomePage.stories-CQ397qdG.js index 7033fa4966..7ec9d1479a 100644 --- a/demo-DES-969-file-list-component/assets/HomePage.stories-DCygmRH9.js +++ b/demo-DES-969-file-list-component/assets/HomePage.stories-CQ397qdG.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-j_jdvEMj.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-CEyvCNNo.js";import{D as x}from"./Overlap.stories-CCvIJiSX.js";import{c as u}from"./config-ViiHBdIV.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-j_jdvEMj.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-Dojcg4AG.js";import{D as x}from"./Overlap.stories-BONGKRWw.js";import{c as u}from"./config-5U6UpIzk.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-DES-969-file-list-component/assets/Icon.docs-ChCC5261.js b/demo-DES-969-file-list-component/assets/Icon.docs-iz-_7L7_.js similarity index 90% rename from demo-DES-969-file-list-component/assets/Icon.docs-ChCC5261.js rename to demo-DES-969-file-list-component/assets/Icon.docs-iz-_7L7_.js index 18e27cee7f..5a12b1c045 100644 --- a/demo-DES-969-file-list-component/assets/Icon.docs-ChCC5261.js +++ b/demo-DES-969-file-list-component/assets/Icon.docs-iz-_7L7_.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as a}from"./index-BSj771as.js";import{ae as i,aq as r,ar as c,as as l,at as o}from"./index-D4650r9u.js";import{I as h,W as d,S as m,L as p,a as x,b as u,c as f}from"./Icon.stories-DqEmt8G2.js";import{S as j}from"./StatusBadge-_VA1BtQE.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-B8lpJMi7.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./index.esm-CEyvCNNo.js";import"./index.esm-CEthAr-Q.js";import"./clsx-B-dksMZM.js";import"./Icon-D1obyjGa.js";import"./Badge-Cg5Q2pVP.js";const g=` +import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as a}from"./index-BSj771as.js";import{ae as i,aq as r,ar as c,as as l,at as o}from"./index-CsbqyhR0.js";import{I as h,W as d,S as m,L as p,a as x,b as u,c as f}from"./Icon.stories-C8JNob9e.js";import{S as j}from"./StatusBadge-_VA1BtQE.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-BqRGPnP1.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./index.esm-Dojcg4AG.js";import"./clsx-B-dksMZM.js";import"./index.esm-CEthAr-Q.js";import"./Icon-D1obyjGa.js";import"./Badge-Cg5Q2pVP.js";const g=` # Icon diff --git a/demo-DES-969-file-list-component/assets/Icon.stories-DqEmt8G2.js b/demo-DES-969-file-list-component/assets/Icon.stories-C8JNob9e.js similarity index 97% rename from demo-DES-969-file-list-component/assets/Icon.stories-DqEmt8G2.js rename to demo-DES-969-file-list-component/assets/Icon.stories-C8JNob9e.js index 28016b6dd1..b5bf45bf35 100644 --- a/demo-DES-969-file-list-component/assets/Icon.stories-DqEmt8G2.js +++ b/demo-DES-969-file-list-component/assets/Icon.stories-C8JNob9e.js @@ -1,4 +1,4 @@ -import{j as s}from"./jsx-runtime-j_jdvEMj.js";import{H as D}from"./index.esm-CEyvCNNo.js";import{I as m,d as e}from"./index.esm-CEthAr-Q.js";import{I as W}from"./Icon-D1obyjGa.js";const M={title:"Components/Media/Icon",component:W,argTypes:{svg:{control:{type:"select"},options:Object.keys(m),mapping:m}}},r={args:{svg:e}},a={decorators:[i=>s.jsx("span",{style:{display:"flex",gap:"1rem"},children:s.jsx(i,{})})],render:i=>s.jsxs(s.Fragment,{children:[s.jsx(W,{...i,size:"level-3"}),s.jsx(D,{size:"level-3",children:"Inline text"})]}),args:{svg:e}},o={args:{svg:e,square:!0}},n={args:{svg:e,size:"level-3"}},c={args:{svg:e,size:"level-4"}},t={args:{svg:e,size:"level-5"}},l={args:{svg:e,size:"level-6"}};var p,g,d;r.parameters={...r.parameters,docs:{...(p=r.parameters)==null?void 0:p.docs,source:{originalSource:`{ +import{j as s}from"./jsx-runtime-j_jdvEMj.js";import{H as D}from"./index.esm-Dojcg4AG.js";import{I as m,d as e}from"./index.esm-CEthAr-Q.js";import{I as W}from"./Icon-D1obyjGa.js";const M={title:"Components/Media/Icon",component:W,argTypes:{svg:{control:{type:"select"},options:Object.keys(m),mapping:m}}},r={args:{svg:e}},a={decorators:[i=>s.jsx("span",{style:{display:"flex",gap:"1rem"},children:s.jsx(i,{})})],render:i=>s.jsxs(s.Fragment,{children:[s.jsx(W,{...i,size:"level-3"}),s.jsx(D,{size:"level-3",children:"Inline text"})]}),args:{svg:e}},o={args:{svg:e,square:!0}},n={args:{svg:e,size:"level-3"}},c={args:{svg:e,size:"level-4"}},t={args:{svg:e,size:"level-5"}},l={args:{svg:e,size:"level-6"}};var p,g,d;r.parameters={...r.parameters,docs:{...(p=r.parameters)==null?void 0:p.docs,source:{originalSource:`{ args: { svg: Icons.EmailIcon } diff --git a/demo-DES-969-file-list-component/assets/IconButton.docs-bvia5SW4.js b/demo-DES-969-file-list-component/assets/IconButton.docs-CTdIq2pn.js similarity index 96% rename from demo-DES-969-file-list-component/assets/IconButton.docs-bvia5SW4.js rename to demo-DES-969-file-list-component/assets/IconButton.docs-CTdIq2pn.js index 2823aa2373..bc473935e2 100644 --- a/demo-DES-969-file-list-component/assets/IconButton.docs-bvia5SW4.js +++ b/demo-DES-969-file-list-component/assets/IconButton.docs-CTdIq2pn.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as s}from"./index-BSj771as.js";import{ae as l,aq as i,ar as a,as as c,at as r}from"./index-D4650r9u.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-DxcIobAn.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-B8lpJMi7.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./index.esm-CEthAr-Q.js";import"./IconButton-C-A1ufmT.js";import"./clsx-B-dksMZM.js";import"./Icon-D1obyjGa.js";const b=` +import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as s}from"./index-BSj771as.js";import{ae as l,aq as i,ar as a,as as c,at as r}from"./index-CsbqyhR0.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-DxcIobAn.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-BqRGPnP1.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./index.esm-CEthAr-Q.js";import"./IconButton-C-A1ufmT.js";import"./clsx-B-dksMZM.js";import"./Icon-D1obyjGa.js";const b=` # Icon Button diff --git a/demo-DES-969-file-list-component/assets/Image.docs-DczN7RDE.js b/demo-DES-969-file-list-component/assets/Image.docs-BisFp9M4.js similarity index 97% rename from demo-DES-969-file-list-component/assets/Image.docs-DczN7RDE.js rename to demo-DES-969-file-list-component/assets/Image.docs-BisFp9M4.js index 35a6aa7018..32fbbac369 100644 --- a/demo-DES-969-file-list-component/assets/Image.docs-DczN7RDE.js +++ b/demo-DES-969-file-list-component/assets/Image.docs-BisFp9M4.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as a}from"./index-BSj771as.js";import{ae as s,aq as r,ar as l,as as d,at as o}from"./index-D4650r9u.js";import{I as h,R as m,L as c}from"./Image.stories-0Zmcnj6n.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-B8lpJMi7.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./Image-BeIE0HQj.js";import"./clsx-B-dksMZM.js";const g=` +import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as a}from"./index-BSj771as.js";import{ae as s,aq as r,ar as l,as as d,at as o}from"./index-CsbqyhR0.js";import{I as h,R as m,L as c}from"./Image.stories-0Zmcnj6n.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-BqRGPnP1.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./Image-BeIE0HQj.js";import"./clsx-B-dksMZM.js";const g=` # Image diff --git a/demo-DES-969-file-list-component/assets/ImageSlider.docs-EDF22Leu.js b/demo-DES-969-file-list-component/assets/ImageSlider.docs-o_Hp8ZQY.js similarity index 92% rename from demo-DES-969-file-list-component/assets/ImageSlider.docs-EDF22Leu.js rename to demo-DES-969-file-list-component/assets/ImageSlider.docs-o_Hp8ZQY.js index c9d483d844..cfa9116ebb 100644 --- a/demo-DES-969-file-list-component/assets/ImageSlider.docs-EDF22Leu.js +++ b/demo-DES-969-file-list-component/assets/ImageSlider.docs-o_Hp8ZQY.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as o}from"./index-BSj771as.js";import{ae as i,aq as a,ar as r,as as l,at as m}from"./index-D4650r9u.js";import{I as d,R as h}from"./ImageSlider.stories-DBEBe8fe.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-B8lpJMi7.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./clsx-B-dksMZM.js";import"./index.esm-CEthAr-Q.js";import"./IconButton-C-A1ufmT.js";import"./Icon-D1obyjGa.js";import"./Image-BeIE0HQj.js";const c=` +import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as o}from"./index-BSj771as.js";import{ae as i,aq as a,ar as r,as as l,at as m}from"./index-CsbqyhR0.js";import{I as d,R as h}from"./ImageSlider.stories-DBEBe8fe.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-BqRGPnP1.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./clsx-B-dksMZM.js";import"./index.esm-CEthAr-Q.js";import"./IconButton-C-A1ufmT.js";import"./Icon-D1obyjGa.js";import"./Image-BeIE0HQj.js";const c=` # Image Slider diff --git a/demo-DES-969-file-list-component/assets/Introduction.docs-H0j2iRIi.js b/demo-DES-969-file-list-component/assets/Introduction.docs-DGfkKOdW.js similarity index 95% rename from demo-DES-969-file-list-component/assets/Introduction.docs-H0j2iRIi.js rename to demo-DES-969-file-list-component/assets/Introduction.docs-DGfkKOdW.js index 4585d49a4c..907c6df4c8 100644 --- a/demo-DES-969-file-list-component/assets/Introduction.docs-H0j2iRIi.js +++ b/demo-DES-969-file-list-component/assets/Introduction.docs-DGfkKOdW.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as s}from"./index-BSj771as.js";import{ae as i}from"./index-D4650r9u.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-B8lpJMi7.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.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-j_jdvEMj.js";import{useMDXComponents as s}from"./index-BSj771as.js";import{ae as i}from"./index-CsbqyhR0.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-BqRGPnP1.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.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-DES-969-file-list-component/assets/Label.docs-CRJ6DXUk.js b/demo-DES-969-file-list-component/assets/Label.docs-hjYC8OCS.js similarity index 93% rename from demo-DES-969-file-list-component/assets/Label.docs-CRJ6DXUk.js rename to demo-DES-969-file-list-component/assets/Label.docs-hjYC8OCS.js index 0e37fccd49..aafef5ed0f 100644 --- a/demo-DES-969-file-list-component/assets/Label.docs-CRJ6DXUk.js +++ b/demo-DES-969-file-list-component/assets/Label.docs-hjYC8OCS.js @@ -1,4 +1,4 @@ -import{j as t}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as s}from"./index-BSj771as.js";import{ae as r,aq as a,ar as h,as as l,at as o}from"./index-D4650r9u.js";import{L as p,O as m,W as c}from"./Label.stories-Dcrx0ofz.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-B8lpJMi7.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./clsx-B-dksMZM.js";import"./Hint-rQy8SNzx.js";const d=` +import{j as t}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as s}from"./index-BSj771as.js";import{ae as r,aq as a,ar as h,as as l,at as o}from"./index-CsbqyhR0.js";import{L as p,O as m,W as c}from"./Label.stories-Dcrx0ofz.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-BqRGPnP1.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./clsx-B-dksMZM.js";import"./Hint-rQy8SNzx.js";const d=` # Label diff --git a/demo-DES-969-file-list-component/assets/Link.docs-BWNZE4T3.js b/demo-DES-969-file-list-component/assets/Link.docs-DLTjLMzr.js similarity index 94% rename from demo-DES-969-file-list-component/assets/Link.docs-BWNZE4T3.js rename to demo-DES-969-file-list-component/assets/Link.docs-DLTjLMzr.js index 06987afb79..91ec176e13 100644 --- a/demo-DES-969-file-list-component/assets/Link.docs-BWNZE4T3.js +++ b/demo-DES-969-file-list-component/assets/Link.docs-DLTjLMzr.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as s}from"./index-BSj771as.js";import{ae as r,aq as a,ar as l,as as c,at as t}from"./index-D4650r9u.js";import{L as h,S as d,I as p,C as u,a as m}from"./Link.stories-DmZT19hW.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-B8lpJMi7.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./index.esm-CEyvCNNo.js";import"./index.esm-CEthAr-Q.js";import"./clsx-B-dksMZM.js";const g=` +import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as s}from"./index-BSj771as.js";import{ae as r,aq as a,ar as l,as as c,at as t}from"./index-CsbqyhR0.js";import{L as h,S as d,I as p,C as u,a as m}from"./Link.stories-Dv8HxW7G.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-BqRGPnP1.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./index.esm-Dojcg4AG.js";import"./clsx-B-dksMZM.js";import"./index.esm-CEthAr-Q.js";const g=` # Link diff --git a/demo-DES-969-file-list-component/assets/Link.stories-DmZT19hW.js b/demo-DES-969-file-list-component/assets/Link.stories-Dv8HxW7G.js similarity index 97% rename from demo-DES-969-file-list-component/assets/Link.stories-DmZT19hW.js rename to demo-DES-969-file-list-component/assets/Link.stories-Dv8HxW7G.js index 9ee32dd0ed..568f41203f 100644 --- a/demo-DES-969-file-list-component/assets/Link.stories-DmZT19hW.js +++ b/demo-DES-969-file-list-component/assets/Link.stories-Dv8HxW7G.js @@ -1,4 +1,4 @@ -import{j as l}from"./jsx-runtime-j_jdvEMj.js";import{P as N}from"./index.esm-CEyvCNNo.js";import{c as P}from"./clsx-B-dksMZM.js";import{r as T}from"./index-B-o1Wr-g.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-j_jdvEMj.js";import{P as N}from"./index.esm-Dojcg4AG.js";import{c as P}from"./clsx-B-dksMZM.js";import{r as T}from"./index-B-o1Wr-g.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-DES-969-file-list-component/assets/LinkList.docs-CWAGVi7v.js b/demo-DES-969-file-list-component/assets/LinkList.docs-Co48CU23.js similarity index 96% rename from demo-DES-969-file-list-component/assets/LinkList.docs-CWAGVi7v.js rename to demo-DES-969-file-list-component/assets/LinkList.docs-Co48CU23.js index 8e3f2ddd5c..8931e29ca4 100644 --- a/demo-DES-969-file-list-component/assets/LinkList.docs-CWAGVi7v.js +++ b/demo-DES-969-file-list-component/assets/LinkList.docs-Co48CU23.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as r}from"./index-BSj771as.js";import{ae as l,aq as a,ar as c,at as s,as as h}from"./index-D4650r9u.js";import{L as d,C as m,S as p,a as t,b as u,I as x}from"./LinkList.stories-DDvwme-X.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-B8lpJMi7.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./index.esm-CEthAr-Q.js";import"./exampleContent-hIIPvEhU.js";import"./LinkList-Hl4TNsYq.js";import"./clsx-B-dksMZM.js";import"./Icon-D1obyjGa.js";const j=` +import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as r}from"./index-BSj771as.js";import{ae as l,aq as a,ar as c,at as s,as as h}from"./index-CsbqyhR0.js";import{L as d,C as m,S as p,a as t,b as u,I as x}from"./LinkList.stories-DDvwme-X.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-BqRGPnP1.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./index.esm-CEthAr-Q.js";import"./exampleContent-hIIPvEhU.js";import"./LinkList-Hl4TNsYq.js";import"./clsx-B-dksMZM.js";import"./Icon-D1obyjGa.js";const j=` # Link List diff --git a/demo-DES-969-file-list-component/assets/Logo.docs-BawqCKt8.js b/demo-DES-969-file-list-component/assets/Logo.docs-DcnEY4cC.js similarity index 95% rename from demo-DES-969-file-list-component/assets/Logo.docs-BawqCKt8.js rename to demo-DES-969-file-list-component/assets/Logo.docs-DcnEY4cC.js index ddc0ac6d05..f01a65ca20 100644 --- a/demo-DES-969-file-list-component/assets/Logo.docs-BawqCKt8.js +++ b/demo-DES-969-file-list-component/assets/Logo.docs-DcnEY4cC.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as t}from"./index-BSj771as.js";import{ae as i,aq as r,ar as h,as as l,at as o}from"./index-D4650r9u.js";import{L as d,G as m,S as p,a as g,V as c,M as u}from"./Logo.stories-1D2Iq0g9.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-B8lpJMi7.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./Logo-BnxYOw7m.js";import"./clsx-B-dksMZM.js";const f=` +import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as t}from"./index-BSj771as.js";import{ae as i,aq as r,ar as h,as as l,at as o}from"./index-CsbqyhR0.js";import{L as d,G as m,S as p,a as g,V as c,M as u}from"./Logo.stories-1D2Iq0g9.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-BqRGPnP1.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./Logo-BnxYOw7m.js";import"./clsx-B-dksMZM.js";const f=` # Logo diff --git a/demo-DES-969-file-list-component/assets/Margin.docs-oHSwORLs.js b/demo-DES-969-file-list-component/assets/Margin.docs-D4meO8T5.js similarity index 87% rename from demo-DES-969-file-list-component/assets/Margin.docs-oHSwORLs.js rename to demo-DES-969-file-list-component/assets/Margin.docs-D4meO8T5.js index b56ad8490d..46f18a6fa2 100644 --- a/demo-DES-969-file-list-component/assets/Margin.docs-oHSwORLs.js +++ b/demo-DES-969-file-list-component/assets/Margin.docs-D4meO8T5.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as t}from"./index-BSj771as.js";import{ae as o,aq as i,ar as m,as as r}from"./index-D4650r9u.js";import{M as l}from"./Margin.stories-B-B9BwQr.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-B8lpJMi7.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./index.esm-CEyvCNNo.js";import"./index.esm-CEthAr-Q.js";import"./clsx-B-dksMZM.js";const p=` +import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as t}from"./index-BSj771as.js";import{ae as o,aq as i,ar as m,as as r}from"./index-CsbqyhR0.js";import{M as l}from"./Margin.stories-Btljaugp.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-BqRGPnP1.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./index.esm-Dojcg4AG.js";import"./clsx-B-dksMZM.js";import"./index.esm-CEthAr-Q.js";const p=` # Margin diff --git a/demo-DES-969-file-list-component/assets/Margin.stories-B-B9BwQr.js b/demo-DES-969-file-list-component/assets/Margin.stories-Btljaugp.js similarity index 97% rename from demo-DES-969-file-list-component/assets/Margin.stories-B-B9BwQr.js rename to demo-DES-969-file-list-component/assets/Margin.stories-Btljaugp.js index 0197c6e3e8..883f280a13 100644 --- a/demo-DES-969-file-list-component/assets/Margin.stories-B-B9BwQr.js +++ b/demo-DES-969-file-list-component/assets/Margin.stories-Btljaugp.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{H as l,P as m}from"./index.esm-CEyvCNNo.js";/** +import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{H as l,P as m}from"./index.esm-Dojcg4AG.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-DES-969-file-list-component/assets/Mark.docs-BBlhW5qj.js b/demo-DES-969-file-list-component/assets/Mark.docs-B0BqzTDX.js similarity index 74% rename from demo-DES-969-file-list-component/assets/Mark.docs-BBlhW5qj.js rename to demo-DES-969-file-list-component/assets/Mark.docs-B0BqzTDX.js index 23065bea54..0a522e5740 100644 --- a/demo-DES-969-file-list-component/assets/Mark.docs-BBlhW5qj.js +++ b/demo-DES-969-file-list-component/assets/Mark.docs-B0BqzTDX.js @@ -1,4 +1,4 @@ -import{j as t}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as i}from"./index-BSj771as.js";import{ae as o,aq as a,ar as s,as as m}from"./index-D4650r9u.js";import{M as p}from"./Mark.stories-Dy6tKgxN.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-B8lpJMi7.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./index.esm-CEyvCNNo.js";import"./index.esm-CEthAr-Q.js";import"./clsx-B-dksMZM.js";const x=` +import{j as t}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as i}from"./index-BSj771as.js";import{ae as o,aq as a,ar as s,as as m}from"./index-CsbqyhR0.js";import{M as p}from"./Mark.stories-C1DtnmQB.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-BqRGPnP1.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./index.esm-Dojcg4AG.js";import"./clsx-B-dksMZM.js";import"./index.esm-CEthAr-Q.js";const x=` # Mark diff --git a/demo-DES-969-file-list-component/assets/Mark.stories-Dy6tKgxN.js b/demo-DES-969-file-list-component/assets/Mark.stories-C1DtnmQB.js similarity index 96% rename from demo-DES-969-file-list-component/assets/Mark.stories-Dy6tKgxN.js rename to demo-DES-969-file-list-component/assets/Mark.stories-C1DtnmQB.js index 296b667d87..ecb2febd02 100644 --- a/demo-DES-969-file-list-component/assets/Mark.stories-Dy6tKgxN.js +++ b/demo-DES-969-file-list-component/assets/Mark.stories-C1DtnmQB.js @@ -1,4 +1,4 @@ -import{j as n}from"./jsx-runtime-j_jdvEMj.js";import{P as l}from"./index.esm-CEyvCNNo.js";import{c}from"./clsx-B-dksMZM.js";import{r as p}from"./index-B-o1Wr-g.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-j_jdvEMj.js";import{P as l}from"./index.esm-Dojcg4AG.js";import{c}from"./clsx-B-dksMZM.js";import{r as p}from"./index-B-o1Wr-g.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-DES-969-file-list-component/assets/MegaMenu.docs-Dk5G2hhI.js b/demo-DES-969-file-list-component/assets/MegaMenu.docs-Dh9DEteW.js similarity index 73% rename from demo-DES-969-file-list-component/assets/MegaMenu.docs-Dk5G2hhI.js rename to demo-DES-969-file-list-component/assets/MegaMenu.docs-Dh9DEteW.js index 3fe7d17c58..30940a01ee 100644 --- a/demo-DES-969-file-list-component/assets/MegaMenu.docs-Dk5G2hhI.js +++ b/demo-DES-969-file-list-component/assets/MegaMenu.docs-Dh9DEteW.js @@ -1,4 +1,4 @@ -import{j as t}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as r}from"./index-BSj771as.js";import{ae as s,aq as i,ar as a,at as m}from"./index-D4650r9u.js";import{M as p,a as c}from"./MegaMenu.stories-DNB2Jlu3.js";import{S as x}from"./StatusBadge-_VA1BtQE.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-B8lpJMi7.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./index.esm-CEyvCNNo.js";import"./index.esm-CEthAr-Q.js";import"./clsx-B-dksMZM.js";import"./Badge-Cg5Q2pVP.js";const M=` +import{j as t}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as r}from"./index-BSj771as.js";import{ae as s,aq as i,ar as a,at as m}from"./index-CsbqyhR0.js";import{M as p,a as c}from"./MegaMenu.stories-Bm-aQUEJ.js";import{S as x}from"./StatusBadge-_VA1BtQE.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-BqRGPnP1.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./index.esm-Dojcg4AG.js";import"./clsx-B-dksMZM.js";import"./index.esm-CEthAr-Q.js";import"./Badge-Cg5Q2pVP.js";const M=` # Mega Menu `;/*@license CC0-1.0*/function o(n){const e={h2:"h2",h3:"h3",...r(),...n.components};return t.jsxs(t.Fragment,{children:[` diff --git a/demo-DES-969-file-list-component/assets/MegaMenu.stories-DNB2Jlu3.js b/demo-DES-969-file-list-component/assets/MegaMenu.stories-Bm-aQUEJ.js similarity index 99% rename from demo-DES-969-file-list-component/assets/MegaMenu.stories-DNB2Jlu3.js rename to demo-DES-969-file-list-component/assets/MegaMenu.stories-Bm-aQUEJ.js index 6eacbd048b..1d6484f869 100644 --- a/demo-DES-969-file-list-component/assets/MegaMenu.stories-DNB2Jlu3.js +++ b/demo-DES-969-file-list-component/assets/MegaMenu.stories-Bm-aQUEJ.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{G as t,H as k,o as n}from"./index.esm-CEyvCNNo.js";import{c as j}from"./clsx-B-dksMZM.js";import{r as m}from"./index-B-o1Wr-g.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-j_jdvEMj.js";import{G as t,H as k,o as n}from"./index.esm-Dojcg4AG.js";import{c as j}from"./clsx-B-dksMZM.js";import{r as m}from"./index-B-o1Wr-g.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-DES-969-file-list-component/assets/OrderedList.docs-BYTHA47u.js b/demo-DES-969-file-list-component/assets/OrderedList.docs-U-eEn8Zo.js similarity index 90% rename from demo-DES-969-file-list-component/assets/OrderedList.docs-BYTHA47u.js rename to demo-DES-969-file-list-component/assets/OrderedList.docs-U-eEn8Zo.js index ff0e2d72e8..4969bafb3b 100644 --- a/demo-DES-969-file-list-component/assets/OrderedList.docs-BYTHA47u.js +++ b/demo-DES-969-file-list-component/assets/OrderedList.docs-U-eEn8Zo.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as i}from"./index-BSj771as.js";import{ae as o,aq as a,ar as h,as as l,at as r}from"./index-D4650r9u.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--XgXVcVm.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-B8lpJMi7.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./index.esm-CEyvCNNo.js";import"./index.esm-CEthAr-Q.js";import"./clsx-B-dksMZM.js";import"./exampleContent-hIIPvEhU.js";const f=` +import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as i}from"./index-BSj771as.js";import{ae as o,aq as a,ar as h,as as l,at as r}from"./index-CsbqyhR0.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-BOzViUd1.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-BqRGPnP1.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./index.esm-Dojcg4AG.js";import"./clsx-B-dksMZM.js";import"./index.esm-CEthAr-Q.js";import"./exampleContent-hIIPvEhU.js";const f=` # Ordered List diff --git a/demo-DES-969-file-list-component/assets/OrderedList.stories--XgXVcVm.js b/demo-DES-969-file-list-component/assets/OrderedList.stories-BOzViUd1.js similarity index 99% rename from demo-DES-969-file-list-component/assets/OrderedList.stories--XgXVcVm.js rename to demo-DES-969-file-list-component/assets/OrderedList.stories-BOzViUd1.js index 1296138484..3df68fd2a7 100644 --- a/demo-DES-969-file-list-component/assets/OrderedList.stories--XgXVcVm.js +++ b/demo-DES-969-file-list-component/assets/OrderedList.stories-BOzViUd1.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{H as h,P as t}from"./index.esm-CEyvCNNo.js";import{d as q}from"./exampleContent-hIIPvEhU.js";import{c as E}from"./clsx-B-dksMZM.js";import{r as H}from"./index-B-o1Wr-g.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-j_jdvEMj.js";import{H as h,P as t}from"./index.esm-Dojcg4AG.js";import{d as q}from"./exampleContent-hIIPvEhU.js";import{c as E}from"./clsx-B-dksMZM.js";import{r as H}from"./index-B-o1Wr-g.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-DES-969-file-list-component/assets/Overlap.docs-BI1XkyyV.js b/demo-DES-969-file-list-component/assets/Overlap.docs-gJ5uV54_.js similarity index 82% rename from demo-DES-969-file-list-component/assets/Overlap.docs-BI1XkyyV.js rename to demo-DES-969-file-list-component/assets/Overlap.docs-gJ5uV54_.js index 0d9942eea1..b034fddfd3 100644 --- a/demo-DES-969-file-list-component/assets/Overlap.docs-BI1XkyyV.js +++ b/demo-DES-969-file-list-component/assets/Overlap.docs-gJ5uV54_.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as r}from"./index-BSj771as.js";import{ae as t,aq as s,ar as a}from"./index-D4650r9u.js";import{O as l}from"./Overlap.stories-CCvIJiSX.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-B8lpJMi7.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./index.esm-CEyvCNNo.js";import"./index.esm-CEthAr-Q.js";import"./clsx-B-dksMZM.js";const m=` +import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as r}from"./index-BSj771as.js";import{ae as t,aq as s,ar as a}from"./index-CsbqyhR0.js";import{O as l}from"./Overlap.stories-BONGKRWw.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-BqRGPnP1.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./index.esm-Dojcg4AG.js";import"./clsx-B-dksMZM.js";import"./index.esm-CEthAr-Q.js";const m=` # Overlap diff --git a/demo-DES-969-file-list-component/assets/Overlap.stories-CCvIJiSX.js b/demo-DES-969-file-list-component/assets/Overlap.stories-BONGKRWw.js similarity index 97% rename from demo-DES-969-file-list-component/assets/Overlap.stories-CCvIJiSX.js rename to demo-DES-969-file-list-component/assets/Overlap.stories-BONGKRWw.js index d8ab71be3b..06c1193843 100644 --- a/demo-DES-969-file-list-component/assets/Overlap.stories-CCvIJiSX.js +++ b/demo-DES-969-file-list-component/assets/Overlap.stories-BONGKRWw.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{I as d,G as o,S as a}from"./index.esm-CEyvCNNo.js";import{c as u}from"./clsx-B-dksMZM.js";import{r as h}from"./index-B-o1Wr-g.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-j_jdvEMj.js";import{I as d,G as o,S as a}from"./index.esm-Dojcg4AG.js";import{c as u}from"./clsx-B-dksMZM.js";import{r as h}from"./index-B-o1Wr-g.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-j_jdvEMj.js";import{useMDXComponents as s}from"./index-BSj771as.js";import{ae as i,aq as a,ar as r,as as h,at as p}from"./index-CsbqyhR0.js";import{P as m,I as c}from"./PageHeading.stories-BmEmYOYu.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-BqRGPnP1.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./clsx-B-dksMZM.js";const d=` # Page Heading diff --git a/demo-DES-969-file-list-component/assets/PageMenu.docs-DG4WUCO7.js b/demo-DES-969-file-list-component/assets/PageMenu.docs-CPSwskYm.js similarity index 95% rename from demo-DES-969-file-list-component/assets/PageMenu.docs-DG4WUCO7.js rename to demo-DES-969-file-list-component/assets/PageMenu.docs-CPSwskYm.js index a9c0bff5ef..ce0aa44af5 100644 --- a/demo-DES-969-file-list-component/assets/PageMenu.docs-DG4WUCO7.js +++ b/demo-DES-969-file-list-component/assets/PageMenu.docs-CPSwskYm.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as s}from"./index-BSj771as.js";import{ae as r,aq as a,ar as d,as as h,at as o}from"./index-D4650r9u.js";import{P as m,A as l,W as c}from"./PageMenu.stories-CMbLUYFI.js";import{S as u}from"./StatusBadge-_VA1BtQE.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-B8lpJMi7.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./index.esm-CEthAr-Q.js";import"./clsx-B-dksMZM.js";import"./Icon-D1obyjGa.js";import"./Badge-Cg5Q2pVP.js";const p=` +import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as s}from"./index-BSj771as.js";import{ae as r,aq as a,ar as d,as as h,at as o}from"./index-CsbqyhR0.js";import{P as m,A as l,W as c}from"./PageMenu.stories-CMbLUYFI.js";import{S as u}from"./StatusBadge-_VA1BtQE.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-BqRGPnP1.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./index.esm-CEthAr-Q.js";import"./clsx-B-dksMZM.js";import"./Icon-D1obyjGa.js";import"./Badge-Cg5Q2pVP.js";const p=` # Page Menu diff --git a/demo-DES-969-file-list-component/assets/Pagination.docs-C4wwaN18.js b/demo-DES-969-file-list-component/assets/Pagination.docs-Fj-ZmLr8.js similarity index 94% rename from demo-DES-969-file-list-component/assets/Pagination.docs-C4wwaN18.js rename to demo-DES-969-file-list-component/assets/Pagination.docs-Fj-ZmLr8.js index bf981de616..c03b824aa7 100644 --- a/demo-DES-969-file-list-component/assets/Pagination.docs-C4wwaN18.js +++ b/demo-DES-969-file-list-component/assets/Pagination.docs-Fj-ZmLr8.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as i}from"./index-BSj771as.js";import{ae as o,aq as s,ar as r,as as l}from"./index-D4650r9u.js";import{P as p}from"./Pagination.stories-BzrmslUD.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-B8lpJMi7.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./index.esm-CEthAr-Q.js";import"./clsx-B-dksMZM.js";import"./Icon-D1obyjGa.js";const g=` +import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as i}from"./index-BSj771as.js";import{ae as o,aq as s,ar as r,as as l}from"./index-CsbqyhR0.js";import{P as p}from"./Pagination.stories-BzrmslUD.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-BqRGPnP1.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./index.esm-CEthAr-Q.js";import"./clsx-B-dksMZM.js";import"./Icon-D1obyjGa.js";const g=` # Pagination diff --git a/demo-DES-969-file-list-component/assets/Paragraph.docs-Cq_dZHoK.js b/demo-DES-969-file-list-component/assets/Paragraph.docs-BvgB37ue.js similarity index 96% rename from demo-DES-969-file-list-component/assets/Paragraph.docs-Cq_dZHoK.js rename to demo-DES-969-file-list-component/assets/Paragraph.docs-BvgB37ue.js index a7b5a1f232..f6a2415949 100644 --- a/demo-DES-969-file-list-component/assets/Paragraph.docs-Cq_dZHoK.js +++ b/demo-DES-969-file-list-component/assets/Paragraph.docs-BvgB37ue.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as o}from"./index-BSj771as.js";import{ae as s,aq as i,ar as h,as as p,at as a}from"./index-D4650r9u.js";import{P as l,L as c,S as d,I as g}from"./Paragraph.stories-BthwCSgv.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-B8lpJMi7.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./exampleContent-hIIPvEhU.js";import"./Paragraph-DZy4cHOZ.js";import"./clsx-B-dksMZM.js";const m=` +import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as o}from"./index-BSj771as.js";import{ae as s,aq as i,ar as h,as as p,at as a}from"./index-CsbqyhR0.js";import{P as l,L as c,S as d,I as g}from"./Paragraph.stories-BthwCSgv.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-BqRGPnP1.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./exampleContent-hIIPvEhU.js";import"./Paragraph-DZy4cHOZ.js";import"./clsx-B-dksMZM.js";const m=` # Paragraph diff --git a/demo-DES-969-file-list-component/assets/PasswordInput.docs-jsVWoFg8.js b/demo-DES-969-file-list-component/assets/PasswordInput.docs-CEt1xquh.js similarity index 90% rename from demo-DES-969-file-list-component/assets/PasswordInput.docs-jsVWoFg8.js rename to demo-DES-969-file-list-component/assets/PasswordInput.docs-CEt1xquh.js index d1f6d2cefe..facb1a8b0b 100644 --- a/demo-DES-969-file-list-component/assets/PasswordInput.docs-jsVWoFg8.js +++ b/demo-DES-969-file-list-component/assets/PasswordInput.docs-CEt1xquh.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as o}from"./index-BSj771as.js";import{ae as i,aq as a,ar as d,as as h,at as t}from"./index-D4650r9u.js";import{P as p,I as c,a as l}from"./PasswordInput.stories-DC8_XyxY.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-B8lpJMi7.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./index.esm-CEyvCNNo.js";import"./index.esm-CEthAr-Q.js";import"./clsx-B-dksMZM.js";const m=` +import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as o}from"./index-BSj771as.js";import{ae as i,aq as a,ar as d,as as h,at as t}from"./index-CsbqyhR0.js";import{P as p,I as c,a as l}from"./PasswordInput.stories-ajnz_2K-.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-BqRGPnP1.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./index.esm-Dojcg4AG.js";import"./clsx-B-dksMZM.js";import"./index.esm-CEthAr-Q.js";const m=` # Password Input diff --git a/demo-DES-969-file-list-component/assets/PasswordInput.stories-DC8_XyxY.js b/demo-DES-969-file-list-component/assets/PasswordInput.stories-ajnz_2K-.js similarity index 97% rename from demo-DES-969-file-list-component/assets/PasswordInput.stories-DC8_XyxY.js rename to demo-DES-969-file-list-component/assets/PasswordInput.stories-ajnz_2K-.js index cabc273490..3fe16d0fdd 100644 --- a/demo-DES-969-file-list-component/assets/PasswordInput.stories-DC8_XyxY.js +++ b/demo-DES-969-file-list-component/assets/PasswordInput.stories-ajnz_2K-.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{e as v,f as h,P as b,E as f}from"./index.esm-CEyvCNNo.js";import{c as y}from"./clsx-B-dksMZM.js";import{r as I}from"./index-B-o1Wr-g.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-j_jdvEMj.js";import{e as v,f as h,P as b,E as f}from"./index.esm-Dojcg4AG.js";import{c as y}from"./clsx-B-dksMZM.js";import{r as I}from"./index-B-o1Wr-g.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-DES-969-file-list-component/assets/Radio.docs-Bg5rQoHK.js b/demo-DES-969-file-list-component/assets/Radio.docs-CpwRrT9J.js similarity index 91% rename from demo-DES-969-file-list-component/assets/Radio.docs-Bg5rQoHK.js rename to demo-DES-969-file-list-component/assets/Radio.docs-CpwRrT9J.js index ba741bb5ef..4b71b0696f 100644 --- a/demo-DES-969-file-list-component/assets/Radio.docs-Bg5rQoHK.js +++ b/demo-DES-969-file-list-component/assets/Radio.docs-CpwRrT9J.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as s}from"./index-BSj771as.js";import{ae as a,aq as r,ar as d,as as c,at as i}from"./index-D4650r9u.js";import{R as l,I as h,a as m,W as p}from"./Radio.stories-BxBMT4Lf.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-B8lpJMi7.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./index.esm-CEyvCNNo.js";import"./index.esm-CEthAr-Q.js";import"./clsx-B-dksMZM.js";const u=` +import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as s}from"./index-BSj771as.js";import{ae as a,aq as r,ar as d,as as c,at as i}from"./index-CsbqyhR0.js";import{R as l,I as h,a as m,W as p}from"./Radio.stories-X76H3-vz.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-BqRGPnP1.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./index.esm-Dojcg4AG.js";import"./clsx-B-dksMZM.js";import"./index.esm-CEthAr-Q.js";const u=` # Radio diff --git a/demo-DES-969-file-list-component/assets/Radio.stories-BxBMT4Lf.js b/demo-DES-969-file-list-component/assets/Radio.stories-X76H3-vz.js similarity index 99% rename from demo-DES-969-file-list-component/assets/Radio.stories-BxBMT4Lf.js rename to demo-DES-969-file-list-component/assets/Radio.stories-X76H3-vz.js index 52ac5869f9..98f48a0519 100644 --- a/demo-DES-969-file-list-component/assets/Radio.stories-BxBMT4Lf.js +++ b/demo-DES-969-file-list-component/assets/Radio.stories-X76H3-vz.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{F as N,P as C,E as w,C as S}from"./index.esm-CEyvCNNo.js";import{c as A}from"./clsx-B-dksMZM.js";import{r as u}from"./index-B-o1Wr-g.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-j_jdvEMj.js";import{F as N,P as C,E as w,C as S}from"./index.esm-Dojcg4AG.js";import{c as A}from"./clsx-B-dksMZM.js";import{r as u}from"./index-B-o1Wr-g.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-DES-969-file-list-component/assets/Row.docs-D9MqyGQs.js b/demo-DES-969-file-list-component/assets/Row.docs-ChM3RCmf.js similarity index 92% rename from demo-DES-969-file-list-component/assets/Row.docs-D9MqyGQs.js rename to demo-DES-969-file-list-component/assets/Row.docs-ChM3RCmf.js index 95a11db8c1..863bf804b4 100644 --- a/demo-DES-969-file-list-component/assets/Row.docs-D9MqyGQs.js +++ b/demo-DES-969-file-list-component/assets/Row.docs-ChM3RCmf.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as l}from"./index-BSj771as.js";import{ae as o,aq as r,ar as a,as as h,at as t}from"./index-D4650r9u.js";import{R as d,A as c,E as p,a as g,b as x,V as m,W as j}from"./Row.stories-BP1OSe8X.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-B8lpJMi7.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./index.esm-CEyvCNNo.js";import"./index.esm-CEthAr-Q.js";import"./clsx-B-dksMZM.js";import"./types-B5YJ6HHW.js";const f=` +import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as l}from"./index-BSj771as.js";import{ae as o,aq as r,ar as a,as as h,at as t}from"./index-CsbqyhR0.js";import{R as d,A as c,E as p,a as g,b as x,V as m,W as j}from"./Row.stories-C7A2fCsS.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-BqRGPnP1.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./index.esm-Dojcg4AG.js";import"./clsx-B-dksMZM.js";import"./index.esm-CEthAr-Q.js";import"./types-B5YJ6HHW.js";const f=` # Row diff --git a/demo-DES-969-file-list-component/assets/Row.stories-BP1OSe8X.js b/demo-DES-969-file-list-component/assets/Row.stories-C7A2fCsS.js similarity index 98% rename from demo-DES-969-file-list-component/assets/Row.stories-BP1OSe8X.js rename to demo-DES-969-file-list-component/assets/Row.stories-C7A2fCsS.js index 21c6848bbd..24823114b4 100644 --- a/demo-DES-969-file-list-component/assets/Row.stories-BP1OSe8X.js +++ b/demo-DES-969-file-list-component/assets/Row.stories-C7A2fCsS.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{h as $,H as z,L as D}from"./index.esm-CEyvCNNo.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-B-o1Wr-g.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-j_jdvEMj.js";import{h as $,H as z,L as D}from"./index.esm-Dojcg4AG.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-B-o1Wr-g.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-DES-969-file-list-component/assets/Screen.docs-asn9vhdR.js b/demo-DES-969-file-list-component/assets/Screen.docs-GUx4yaTD.js similarity index 89% rename from demo-DES-969-file-list-component/assets/Screen.docs-asn9vhdR.js rename to demo-DES-969-file-list-component/assets/Screen.docs-GUx4yaTD.js index 0448a9937c..14c6e051e4 100644 --- a/demo-DES-969-file-list-component/assets/Screen.docs-asn9vhdR.js +++ b/demo-DES-969-file-list-component/assets/Screen.docs-GUx4yaTD.js @@ -1,4 +1,4 @@ -import{j as n}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as s}from"./index-BSj771as.js";import{ae as i,aq as r,ar as a,as as m,at as c}from"./index-D4650r9u.js";import{S as d,E as p}from"./Screen.stories-DBafdEz8.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-B8lpJMi7.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./clsx-B-dksMZM.js";const h=` +import{j as n}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as s}from"./index-BSj771as.js";import{ae as i,aq as r,ar as a,as as m,at as c}from"./index-CsbqyhR0.js";import{S as d,E as p}from"./Screen.stories-DBafdEz8.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-BqRGPnP1.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./clsx-B-dksMZM.js";const h=` # Screen diff --git a/demo-DES-969-file-list-component/assets/SearchField.docs-2sD3VY9O.js b/demo-DES-969-file-list-component/assets/SearchField.docs-yw5ZDX8l.js similarity index 96% rename from demo-DES-969-file-list-component/assets/SearchField.docs-2sD3VY9O.js rename to demo-DES-969-file-list-component/assets/SearchField.docs-yw5ZDX8l.js index 2393130aba..68caaff5e9 100644 --- a/demo-DES-969-file-list-component/assets/SearchField.docs-2sD3VY9O.js +++ b/demo-DES-969-file-list-component/assets/SearchField.docs-yw5ZDX8l.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as r}from"./index-BSj771as.js";import{ae as i,aq as s,ar as c,as as h,at as o}from"./index-D4650r9u.js";import{S as l,W as u,C as p}from"./SearchField.stories-8xLkmLHt.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-B8lpJMi7.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./clsx-B-dksMZM.js";import"./index.esm-CEthAr-Q.js";import"./Button-CLCAbUHj.js";import"./Icon-D1obyjGa.js";const d=` +import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as r}from"./index-BSj771as.js";import{ae as i,aq as s,ar as c,as as h,at as o}from"./index-CsbqyhR0.js";import{S as l,W as u,C as p}from"./SearchField.stories-8xLkmLHt.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-BqRGPnP1.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./clsx-B-dksMZM.js";import"./index.esm-CEthAr-Q.js";import"./Button-CLCAbUHj.js";import"./Icon-D1obyjGa.js";const d=` # Search Field diff --git a/demo-DES-969-file-list-component/assets/Select.docs-BSkOhKvF.js b/demo-DES-969-file-list-component/assets/Select.docs-DQRX7hpV.js similarity index 89% rename from demo-DES-969-file-list-component/assets/Select.docs-BSkOhKvF.js rename to demo-DES-969-file-list-component/assets/Select.docs-DQRX7hpV.js index 13affce216..e546aa4e5c 100644 --- a/demo-DES-969-file-list-component/assets/Select.docs-BSkOhKvF.js +++ b/demo-DES-969-file-list-component/assets/Select.docs-DQRX7hpV.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as t}from"./index-BSj771as.js";import{ae as r,aq as d,ar as a,as as l,at as i}from"./index-D4650r9u.js";import{S as c,G as h,I as m,D as p,a as x,b as j}from"./Select.stories-B37-BAsG.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-B8lpJMi7.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./index.esm-CEyvCNNo.js";import"./index.esm-CEthAr-Q.js";import"./clsx-B-dksMZM.js";const f=` +import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as t}from"./index-BSj771as.js";import{ae as r,aq as d,ar as a,as as l,at as i}from"./index-CsbqyhR0.js";import{S as c,G as h,I as m,D as p,a as x,b as j}from"./Select.stories-MxkKYoae.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-BqRGPnP1.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./index.esm-Dojcg4AG.js";import"./clsx-B-dksMZM.js";import"./index.esm-CEthAr-Q.js";const f=` # Select diff --git a/demo-DES-969-file-list-component/assets/Select.stories-B37-BAsG.js b/demo-DES-969-file-list-component/assets/Select.stories-MxkKYoae.js similarity index 99% rename from demo-DES-969-file-list-component/assets/Select.stories-B37-BAsG.js rename to demo-DES-969-file-list-component/assets/Select.stories-MxkKYoae.js index 998fae63b7..dad1ae0ab4 100644 --- a/demo-DES-969-file-list-component/assets/Select.stories-B37-BAsG.js +++ b/demo-DES-969-file-list-component/assets/Select.stories-MxkKYoae.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{e as P,f as W,P as B,E}from"./index.esm-CEyvCNNo.js";import{c as u}from"./clsx-B-dksMZM.js";import{r as O}from"./index-B-o1Wr-g.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-j_jdvEMj.js";import{e as P,f as W,P as B,E}from"./index.esm-Dojcg4AG.js";import{c as u}from"./clsx-B-dksMZM.js";import{r as O}from"./index-B-o1Wr-g.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. diff --git a/demo-DES-969-file-list-component/assets/SkipLink.docs-DFffExkL.js b/demo-DES-969-file-list-component/assets/SkipLink.docs-Cy8zCLtq.js similarity index 85% rename from demo-DES-969-file-list-component/assets/SkipLink.docs-DFffExkL.js rename to demo-DES-969-file-list-component/assets/SkipLink.docs-Cy8zCLtq.js index 1c55d83d3f..171f868565 100644 --- a/demo-DES-969-file-list-component/assets/SkipLink.docs-DFffExkL.js +++ b/demo-DES-969-file-list-component/assets/SkipLink.docs-Cy8zCLtq.js @@ -1,4 +1,4 @@ -import{j as n}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as o}from"./index-BSj771as.js";import{ae as s,aq as r,ar as p,as as l,at as t}from"./index-D4650r9u.js";import{S as h,O as m,M as c}from"./SkipLink.stories-Bi5HFob9.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-B8lpJMi7.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./index.esm-CEyvCNNo.js";import"./index.esm-CEthAr-Q.js";import"./clsx-B-dksMZM.js";const d=` +import{j as n}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as o}from"./index-BSj771as.js";import{ae as s,aq as r,ar as p,as as l,at as t}from"./index-CsbqyhR0.js";import{S as h,O as m,M as c}from"./SkipLink.stories-xhUKh_2a.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-BqRGPnP1.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./index.esm-Dojcg4AG.js";import"./clsx-B-dksMZM.js";import"./index.esm-CEthAr-Q.js";const d=` # Skip Link diff --git a/demo-DES-969-file-list-component/assets/SkipLink.stories-Bi5HFob9.js b/demo-DES-969-file-list-component/assets/SkipLink.stories-xhUKh_2a.js similarity index 97% rename from demo-DES-969-file-list-component/assets/SkipLink.stories-Bi5HFob9.js rename to demo-DES-969-file-list-component/assets/SkipLink.stories-xhUKh_2a.js index fcf7fb2587..ebc28ac9e4 100644 --- a/demo-DES-969-file-list-component/assets/SkipLink.stories-Bi5HFob9.js +++ b/demo-DES-969-file-list-component/assets/SkipLink.stories-xhUKh_2a.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{P as g}from"./index.esm-CEyvCNNo.js";import{c as y}from"./clsx-B-dksMZM.js";import{r as v}from"./index-B-o1Wr-g.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-j_jdvEMj.js";import{P as g}from"./index.esm-Dojcg4AG.js";import{c as y}from"./clsx-B-dksMZM.js";import{r as v}from"./index-B-o1Wr-g.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-DES-969-file-list-component/assets/Spotlight.docs-CKbMuJ-S.js b/demo-DES-969-file-list-component/assets/Spotlight.docs-BAy4X4is.js similarity index 88% rename from demo-DES-969-file-list-component/assets/Spotlight.docs-CKbMuJ-S.js rename to demo-DES-969-file-list-component/assets/Spotlight.docs-BAy4X4is.js index 3b986b3eca..904bbaece8 100644 --- a/demo-DES-969-file-list-component/assets/Spotlight.docs-CKbMuJ-S.js +++ b/demo-DES-969-file-list-component/assets/Spotlight.docs-BAy4X4is.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as r}from"./index-BSj771as.js";import{ae as i,aq as a,ar as c,as as l,at as t}from"./index-D4650r9u.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-Dpj_Fv9m.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-B8lpJMi7.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./index.esm-CEyvCNNo.js";import"./index.esm-CEthAr-Q.js";import"./clsx-B-dksMZM.js";import"./exampleContent-hIIPvEhU.js";import"./Spotlight-DZdLn00J.js";const y=` +import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as r}from"./index-BSj771as.js";import{ae as i,aq as a,ar as c,as as l,at as t}from"./index-CsbqyhR0.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-Chu4DCLA.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-BqRGPnP1.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./index.esm-Dojcg4AG.js";import"./clsx-B-dksMZM.js";import"./index.esm-CEthAr-Q.js";import"./exampleContent-hIIPvEhU.js";import"./Spotlight-DZdLn00J.js";const y=` # Spotlight diff --git a/demo-DES-969-file-list-component/assets/Spotlight.stories-Dpj_Fv9m.js b/demo-DES-969-file-list-component/assets/Spotlight.stories-Chu4DCLA.js similarity index 98% rename from demo-DES-969-file-list-component/assets/Spotlight.stories-Dpj_Fv9m.js rename to demo-DES-969-file-list-component/assets/Spotlight.stories-Chu4DCLA.js index 3d5603ced9..d1e65aeb7b 100644 --- a/demo-DES-969-file-list-component/assets/Spotlight.stories-Dpj_Fv9m.js +++ b/demo-DES-969-file-list-component/assets/Spotlight.stories-Chu4DCLA.js @@ -1,4 +1,4 @@ -import{j as p}from"./jsx-runtime-j_jdvEMj.js";import{G as i,B as H}from"./index.esm-CEyvCNNo.js";import{c as J}from"./exampleContent-hIIPvEhU.js";import{S as d}from"./Spotlight-DZdLn00J.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:`{ +import{j as p}from"./jsx-runtime-j_jdvEMj.js";import{G as i,B as H}from"./index.esm-Dojcg4AG.js";import{c as J}from"./exampleContent-hIIPvEhU.js";import{S as d}from"./Spotlight-DZdLn00J.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' } diff --git a/demo-DES-969-file-list-component/assets/Switch.docs-tVW8d158.js b/demo-DES-969-file-list-component/assets/Switch.docs-elgGiUnJ.js similarity index 80% rename from demo-DES-969-file-list-component/assets/Switch.docs-tVW8d158.js rename to demo-DES-969-file-list-component/assets/Switch.docs-elgGiUnJ.js index 85c833a4c9..94a30b7f33 100644 --- a/demo-DES-969-file-list-component/assets/Switch.docs-tVW8d158.js +++ b/demo-DES-969-file-list-component/assets/Switch.docs-elgGiUnJ.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as s}from"./index-BSj771as.js";import{ae as o,aq as a,ar as r,as as c,at as l}from"./index-D4650r9u.js";import{S as h,W as m}from"./Switch.stories-CfTo9sof.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-B8lpJMi7.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./index.esm-CEyvCNNo.js";import"./index.esm-CEthAr-Q.js";import"./clsx-B-dksMZM.js";const p=` +import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as s}from"./index-BSj771as.js";import{ae as o,aq as a,ar as r,as as c,at as l}from"./index-CsbqyhR0.js";import{S as h,W as m}from"./Switch.stories-D_Yf2EWO.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-BqRGPnP1.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./index.esm-Dojcg4AG.js";import"./clsx-B-dksMZM.js";import"./index.esm-CEthAr-Q.js";const p=` # Switch diff --git a/demo-DES-969-file-list-component/assets/Switch.stories-CfTo9sof.js b/demo-DES-969-file-list-component/assets/Switch.stories-D_Yf2EWO.js similarity index 97% rename from demo-DES-969-file-list-component/assets/Switch.stories-CfTo9sof.js rename to demo-DES-969-file-list-component/assets/Switch.stories-D_Yf2EWO.js index 3e0a8e473a..4460f8745b 100644 --- a/demo-DES-969-file-list-component/assets/Switch.stories-CfTo9sof.js +++ b/demo-DES-969-file-list-component/assets/Switch.stories-D_Yf2EWO.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{f as b}from"./index.esm-CEyvCNNo.js";import{c as w}from"./clsx-B-dksMZM.js";import{r as n}from"./index-B-o1Wr-g.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-j_jdvEMj.js";import{f as b}from"./index.esm-Dojcg4AG.js";import{c as w}from"./clsx-B-dksMZM.js";import{r as n}from"./index-B-o1Wr-g.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:`{ decorators: [Story =>
+import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as s}from"./index-BSj771as.js";import{ae as a,aq as r,ar as i,at as d}from"./index-CsbqyhR0.js";import{T as m,W as l}from"./Table.stories-BhkPPk6Y.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-BqRGPnP1.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./clsx-B-dksMZM.js";const c=` # Table diff --git a/demo-DES-969-file-list-component/assets/TableOfContents.docs-D-_u9inn.js b/demo-DES-969-file-list-component/assets/TableOfContents.docs-TYy4aPJA.js similarity index 89% rename from demo-DES-969-file-list-component/assets/TableOfContents.docs-D-_u9inn.js rename to demo-DES-969-file-list-component/assets/TableOfContents.docs-TYy4aPJA.js index 93b979af98..ed81278089 100644 --- a/demo-DES-969-file-list-component/assets/TableOfContents.docs-D-_u9inn.js +++ b/demo-DES-969-file-list-component/assets/TableOfContents.docs-TYy4aPJA.js @@ -1,4 +1,4 @@ -import{j as t}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as s}from"./index-BSj771as.js";import{ae as r,aq as i,ar as a,as as m,at as l}from"./index-D4650r9u.js";import{T as p,M as c}from"./TableOfContents.stories-CDYIQLGg.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-B8lpJMi7.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./clsx-B-dksMZM.js";import"./Heading-BMR-3CH3.js";import"./getHeadingTag-Dv1eMqvl.js";const x=` +import{j as t}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as s}from"./index-BSj771as.js";import{ae as r,aq as i,ar as a,as as m,at as l}from"./index-CsbqyhR0.js";import{T as p,M as c}from"./TableOfContents.stories-CDYIQLGg.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-BqRGPnP1.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./clsx-B-dksMZM.js";import"./Heading-BMR-3CH3.js";import"./getHeadingTag-Dv1eMqvl.js";const x=` # Table of Contents diff --git a/demo-DES-969-file-list-component/assets/Tabs.docs-AVhWsn6M.js b/demo-DES-969-file-list-component/assets/Tabs.docs-uKIqw_N8.js similarity index 88% rename from demo-DES-969-file-list-component/assets/Tabs.docs-AVhWsn6M.js rename to demo-DES-969-file-list-component/assets/Tabs.docs-uKIqw_N8.js index db3a3ec86c..fa97d6c533 100644 --- a/demo-DES-969-file-list-component/assets/Tabs.docs-AVhWsn6M.js +++ b/demo-DES-969-file-list-component/assets/Tabs.docs-uKIqw_N8.js @@ -1,4 +1,4 @@ -import{j as t}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as o}from"./index-BSj771as.js";import{ae as s,aq as i,ar as r,at as h}from"./index-D4650r9u.js";import{T as c,W as l}from"./Tabs.stories-BuIeqcpH.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-B8lpJMi7.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./index.esm-CEyvCNNo.js";import"./index.esm-CEthAr-Q.js";import"./clsx-B-dksMZM.js";import"./exampleContent-hIIPvEhU.js";import"./useKeyboardFocus-CRUFsA_C.js";const p=` +import{j as t}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as o}from"./index-BSj771as.js";import{ae as s,aq as i,ar as r,at as h}from"./index-CsbqyhR0.js";import{T as c,W as l}from"./Tabs.stories-cbgyGlla.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-BqRGPnP1.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./index.esm-Dojcg4AG.js";import"./clsx-B-dksMZM.js";import"./index.esm-CEthAr-Q.js";import"./exampleContent-hIIPvEhU.js";import"./useKeyboardFocus-CRUFsA_C.js";const p=` # Tabs diff --git a/demo-DES-969-file-list-component/assets/Tabs.stories-BuIeqcpH.js b/demo-DES-969-file-list-component/assets/Tabs.stories-cbgyGlla.js similarity index 98% rename from demo-DES-969-file-list-component/assets/Tabs.stories-BuIeqcpH.js rename to demo-DES-969-file-list-component/assets/Tabs.stories-cbgyGlla.js index 498d50c4e4..7c6a136e73 100644 --- a/demo-DES-969-file-list-component/assets/Tabs.stories-BuIeqcpH.js +++ b/demo-DES-969-file-list-component/assets/Tabs.stories-cbgyGlla.js @@ -1,4 +1,4 @@ -import{j as t}from"./jsx-runtime-j_jdvEMj.js";import{H as B,P as S}from"./index.esm-CEyvCNNo.js";import{b as T}from"./exampleContent-hIIPvEhU.js";import{c as m}from"./clsx-B-dksMZM.js";import{r}from"./index-B-o1Wr-g.js";import{u as D}from"./useKeyboardFocus-CRUFsA_C.js";/** +import{j as t}from"./jsx-runtime-j_jdvEMj.js";import{H as B,P as S}from"./index.esm-Dojcg4AG.js";import{b as T}from"./exampleContent-hIIPvEhU.js";import{c as m}from"./clsx-B-dksMZM.js";import{r}from"./index-B-o1Wr-g.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-DES-969-file-list-component/assets/TextArea.docs-LByOcvTU.js b/demo-DES-969-file-list-component/assets/TextArea.docs-Wg6mpxFx.js similarity index 90% rename from demo-DES-969-file-list-component/assets/TextArea.docs-LByOcvTU.js rename to demo-DES-969-file-list-component/assets/TextArea.docs-Wg6mpxFx.js index 374b6f96fa..a2ba32f4fa 100644 --- a/demo-DES-969-file-list-component/assets/TextArea.docs-LByOcvTU.js +++ b/demo-DES-969-file-list-component/assets/TextArea.docs-Wg6mpxFx.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as t}from"./index-BSj771as.js";import{ae as r,aq as a,ar as d,as as l,at as i}from"./index-D4650r9u.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-D74AYBRW.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-B8lpJMi7.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./index.esm-CEyvCNNo.js";import"./index.esm-CEthAr-Q.js";import"./clsx-B-dksMZM.js";import"./exampleContent-hIIPvEhU.js";const b=` +import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as t}from"./index-BSj771as.js";import{ae as r,aq as a,ar as d,as as l,at as i}from"./index-CsbqyhR0.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-Bfet-u2f.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-BqRGPnP1.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./index.esm-Dojcg4AG.js";import"./clsx-B-dksMZM.js";import"./index.esm-CEthAr-Q.js";import"./exampleContent-hIIPvEhU.js";const b=` # TextArea diff --git a/demo-DES-969-file-list-component/assets/TextArea.stories-D74AYBRW.js b/demo-DES-969-file-list-component/assets/TextArea.stories-Bfet-u2f.js similarity index 98% rename from demo-DES-969-file-list-component/assets/TextArea.stories-D74AYBRW.js rename to demo-DES-969-file-list-component/assets/TextArea.stories-Bfet-u2f.js index 46f88d096e..388375e8c2 100644 --- a/demo-DES-969-file-list-component/assets/TextArea.stories-D74AYBRW.js +++ b/demo-DES-969-file-list-component/assets/TextArea.stories-Bfet-u2f.js @@ -1,4 +1,4 @@ -import{j as r}from"./jsx-runtime-j_jdvEMj.js";import{e as w,f as D,P as $,E as H}from"./index.esm-CEyvCNNo.js";import{b as k}from"./exampleContent-hIIPvEhU.js";import{c as B}from"./clsx-B-dksMZM.js";import{r as G}from"./index-B-o1Wr-g.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-j_jdvEMj.js";import{e as w,f as D,P as $,E as H}from"./index.esm-Dojcg4AG.js";import{b as k}from"./exampleContent-hIIPvEhU.js";import{c as B}from"./clsx-B-dksMZM.js";import{r as G}from"./index-B-o1Wr-g.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-DES-969-file-list-component/assets/TextInput.docs-BaysGaA1.js b/demo-DES-969-file-list-component/assets/TextInput.docs-BHF0gScl.js similarity index 96% rename from demo-DES-969-file-list-component/assets/TextInput.docs-BaysGaA1.js rename to demo-DES-969-file-list-component/assets/TextInput.docs-BHF0gScl.js index ace73a0d4a..5cb2a983a5 100644 --- a/demo-DES-969-file-list-component/assets/TextInput.docs-BaysGaA1.js +++ b/demo-DES-969-file-list-component/assets/TextInput.docs-BHF0gScl.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as o}from"./index-BSj771as.js";import{ae as r,aq as l,ar as a,as as d,at as s}from"./index-D4650r9u.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-DmDcPEUp.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-B8lpJMi7.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./index.esm-CEyvCNNo.js";import"./index.esm-CEthAr-Q.js";import"./clsx-B-dksMZM.js";const g=` +import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as o}from"./index-BSj771as.js";import{ae as r,aq as l,ar as a,as as d,at as s}from"./index-CsbqyhR0.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-CqVUdAjk.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-BqRGPnP1.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./index.esm-Dojcg4AG.js";import"./clsx-B-dksMZM.js";import"./index.esm-CEthAr-Q.js";const g=` # Text Input diff --git a/demo-DES-969-file-list-component/assets/TextInput.stories-DmDcPEUp.js b/demo-DES-969-file-list-component/assets/TextInput.stories-CqVUdAjk.js similarity index 98% rename from demo-DES-969-file-list-component/assets/TextInput.stories-DmDcPEUp.js rename to demo-DES-969-file-list-component/assets/TextInput.stories-CqVUdAjk.js index 386aa2b073..b88d3e1d30 100644 --- a/demo-DES-969-file-list-component/assets/TextInput.stories-DmDcPEUp.js +++ b/demo-DES-969-file-list-component/assets/TextInput.stories-CqVUdAjk.js @@ -1,4 +1,4 @@ -import{j as a}from"./jsx-runtime-j_jdvEMj.js";import{e as q,f as R,P as k,E as w}from"./index.esm-CEyvCNNo.js";import{c as K}from"./clsx-B-dksMZM.js";import{r as Q}from"./index-B-o1Wr-g.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-j_jdvEMj.js";import{e as q,f as R,P as k,E as w}from"./index.esm-Dojcg4AG.js";import{c as K}from"./clsx-B-dksMZM.js";import{r as Q}from"./index-B-o1Wr-g.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-DES-969-file-list-component/assets/TimeInput.docs-dzKmM6pT.js b/demo-DES-969-file-list-component/assets/TimeInput.docs-B-1RTI6a.js similarity index 88% rename from demo-DES-969-file-list-component/assets/TimeInput.docs-dzKmM6pT.js rename to demo-DES-969-file-list-component/assets/TimeInput.docs-B-1RTI6a.js index bb8835bf4e..32b34f43af 100644 --- a/demo-DES-969-file-list-component/assets/TimeInput.docs-dzKmM6pT.js +++ b/demo-DES-969-file-list-component/assets/TimeInput.docs-B-1RTI6a.js @@ -1,4 +1,4 @@ -import{j as n}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as t}from"./index-BSj771as.js";import{ae as r,aq as a,ar as d,as as c,at as o}from"./index-D4650r9u.js";import{T as h,I as l,D as m,a as p,b as f}from"./TimeInput.stories--o8tZxox.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-B8lpJMi7.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./index.esm-CEyvCNNo.js";import"./index.esm-CEthAr-Q.js";import"./clsx-B-dksMZM.js";const x=` +import{j as n}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as t}from"./index-BSj771as.js";import{ae as r,aq as a,ar as d,as as c,at as o}from"./index-CsbqyhR0.js";import{T as h,I as l,D as m,a as p,b as f}from"./TimeInput.stories-SjNKPEzG.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-BqRGPnP1.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./index.esm-Dojcg4AG.js";import"./clsx-B-dksMZM.js";import"./index.esm-CEthAr-Q.js";const x=` # Time Input diff --git a/demo-DES-969-file-list-component/assets/TimeInput.stories--o8tZxox.js b/demo-DES-969-file-list-component/assets/TimeInput.stories-SjNKPEzG.js similarity index 98% rename from demo-DES-969-file-list-component/assets/TimeInput.stories--o8tZxox.js rename to demo-DES-969-file-list-component/assets/TimeInput.stories-SjNKPEzG.js index f48d40f7f1..1b7dc2f081 100644 --- a/demo-DES-969-file-list-component/assets/TimeInput.stories--o8tZxox.js +++ b/demo-DES-969-file-list-component/assets/TimeInput.stories-SjNKPEzG.js @@ -1,4 +1,4 @@ -import{j as r}from"./jsx-runtime-j_jdvEMj.js";import{e as y,f as _,P as T,E}from"./index.esm-CEyvCNNo.js";import{c as O}from"./clsx-B-dksMZM.js";import{r as M}from"./index-B-o1Wr-g.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-j_jdvEMj.js";import{e as y,f as _,P as T,E}from"./index.esm-Dojcg4AG.js";import{c as O}from"./clsx-B-dksMZM.js";import{r as M}from"./index-B-o1Wr-g.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 } diff --git a/demo-DES-969-file-list-component/assets/TopTaskLink.docs-cmhBigXs.js b/demo-DES-969-file-list-component/assets/TopTaskLink.docs-Byk9I1Uf.js similarity index 87% rename from demo-DES-969-file-list-component/assets/TopTaskLink.docs-cmhBigXs.js rename to demo-DES-969-file-list-component/assets/TopTaskLink.docs-Byk9I1Uf.js index 55b4bb9785..23ec22cd6a 100644 --- a/demo-DES-969-file-list-component/assets/TopTaskLink.docs-cmhBigXs.js +++ b/demo-DES-969-file-list-component/assets/TopTaskLink.docs-Byk9I1Uf.js @@ -1,4 +1,4 @@ -import{j as n}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as i}from"./index-BSj771as.js";import{ae as s,aq as r,ar as a,as as p,at as l}from"./index-D4650r9u.js";import{T as c,M as d}from"./TopTaskLink.stories-C3A459sz.js";import{S as h}from"./StatusBadge-_VA1BtQE.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-B8lpJMi7.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./index.esm-CEyvCNNo.js";import"./index.esm-CEthAr-Q.js";import"./clsx-B-dksMZM.js";import"./Badge-Cg5Q2pVP.js";const m=` +import{j as n}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as i}from"./index-BSj771as.js";import{ae as s,aq as r,ar as a,as as p,at as l}from"./index-CsbqyhR0.js";import{T as c,M as d}from"./TopTaskLink.stories-DXjCvwK3.js";import{S as h}from"./StatusBadge-_VA1BtQE.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-BqRGPnP1.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./index.esm-Dojcg4AG.js";import"./clsx-B-dksMZM.js";import"./index.esm-CEthAr-Q.js";import"./Badge-Cg5Q2pVP.js";const m=` # Top Task Link diff --git a/demo-DES-969-file-list-component/assets/TopTaskLink.stories-C3A459sz.js b/demo-DES-969-file-list-component/assets/TopTaskLink.stories-DXjCvwK3.js similarity index 98% rename from demo-DES-969-file-list-component/assets/TopTaskLink.stories-C3A459sz.js rename to demo-DES-969-file-list-component/assets/TopTaskLink.stories-DXjCvwK3.js index c3ba28013d..ac80243ff1 100644 --- a/demo-DES-969-file-list-component/assets/TopTaskLink.stories-C3A459sz.js +++ b/demo-DES-969-file-list-component/assets/TopTaskLink.stories-DXjCvwK3.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{G as r}from"./index.esm-CEyvCNNo.js";import{c as g}from"./clsx-B-dksMZM.js";import{r as h}from"./index-B-o1Wr-g.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-j_jdvEMj.js";import{G as r}from"./index.esm-Dojcg4AG.js";import{c as g}from"./clsx-B-dksMZM.js";import{r as h}from"./index-B-o1Wr-g.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-DES-969-file-list-component/assets/UnorderedList.docs--LKabxnD.js b/demo-DES-969-file-list-component/assets/UnorderedList.docs-B6TZ5chP.js similarity index 89% rename from demo-DES-969-file-list-component/assets/UnorderedList.docs--LKabxnD.js rename to demo-DES-969-file-list-component/assets/UnorderedList.docs-B6TZ5chP.js index 0b6b7e8e06..06c83ab83b 100644 --- a/demo-DES-969-file-list-component/assets/UnorderedList.docs--LKabxnD.js +++ b/demo-DES-969-file-list-component/assets/UnorderedList.docs-B6TZ5chP.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as o}from"./index-BSj771as.js";import{ae as r,aq as a,ar as h,as as l,at as t}from"./index-D4650r9u.js";import{U as d,T as c,W as m,I as p,S as x}from"./UnorderedList.stories-Bg_fBJLT.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-B8lpJMi7.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./index.esm-CEyvCNNo.js";import"./index.esm-CEthAr-Q.js";import"./clsx-B-dksMZM.js";import"./exampleContent-hIIPvEhU.js";const f=` +import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as o}from"./index-BSj771as.js";import{ae as r,aq as a,ar as h,as as l,at as t}from"./index-CsbqyhR0.js";import{U as d,T as c,W as m,I as p,S as x}from"./UnorderedList.stories-BenMmfj5.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-BqRGPnP1.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./index.esm-Dojcg4AG.js";import"./clsx-B-dksMZM.js";import"./index.esm-CEthAr-Q.js";import"./exampleContent-hIIPvEhU.js";const f=` # Unordered List diff --git a/demo-DES-969-file-list-component/assets/UnorderedList.stories-Bg_fBJLT.js b/demo-DES-969-file-list-component/assets/UnorderedList.stories-BenMmfj5.js similarity index 99% rename from demo-DES-969-file-list-component/assets/UnorderedList.stories-Bg_fBJLT.js rename to demo-DES-969-file-list-component/assets/UnorderedList.stories-BenMmfj5.js index d65e18f7a2..b1daf22d45 100644 --- a/demo-DES-969-file-list-component/assets/UnorderedList.stories-Bg_fBJLT.js +++ b/demo-DES-969-file-list-component/assets/UnorderedList.stories-BenMmfj5.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{p as n,P as d}from"./index.esm-CEyvCNNo.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-CEthAr-Q.js";import{f as V}from"./exampleContent-hIIPvEhU.js";import{c as _}from"./clsx-B-dksMZM.js";import{r as W}from"./index-B-o1Wr-g.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-j_jdvEMj.js";import{p as n,P as d}from"./index.esm-Dojcg4AG.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-CEthAr-Q.js";import{f as V}from"./exampleContent-hIIPvEhU.js";import{c as _}from"./clsx-B-dksMZM.js";import{r as W}from"./index-B-o1Wr-g.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-DES-969-file-list-component/assets/VisuallyHidden.docs-CBA8qcSs.js b/demo-DES-969-file-list-component/assets/VisuallyHidden.docs-C6S7jU94.js similarity index 74% rename from demo-DES-969-file-list-component/assets/VisuallyHidden.docs-CBA8qcSs.js rename to demo-DES-969-file-list-component/assets/VisuallyHidden.docs-C6S7jU94.js index 5143a32bf3..57f77442bf 100644 --- a/demo-DES-969-file-list-component/assets/VisuallyHidden.docs-CBA8qcSs.js +++ b/demo-DES-969-file-list-component/assets/VisuallyHidden.docs-C6S7jU94.js @@ -1,4 +1,4 @@ -import{j as n}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as t}from"./index-BSj771as.js";import{ae as r,aq as a,ar as i,as as m}from"./index-D4650r9u.js";import{V as l}from"./VisuallyHidden.stories-C5mP7sL-.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-B8lpJMi7.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./index.esm-CEyvCNNo.js";import"./index.esm-CEthAr-Q.js";import"./clsx-B-dksMZM.js";const u=` +import{j as n}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as t}from"./index-BSj771as.js";import{ae as r,aq as a,ar as i,as as m}from"./index-CsbqyhR0.js";import{V as l}from"./VisuallyHidden.stories-CnuszhTj.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-BqRGPnP1.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./index.esm-Dojcg4AG.js";import"./clsx-B-dksMZM.js";import"./index.esm-CEthAr-Q.js";const u=` # Visually Hidden diff --git a/demo-DES-969-file-list-component/assets/VisuallyHidden.stories-C5mP7sL-.js b/demo-DES-969-file-list-component/assets/VisuallyHidden.stories-CnuszhTj.js similarity index 97% rename from demo-DES-969-file-list-component/assets/VisuallyHidden.stories-C5mP7sL-.js rename to demo-DES-969-file-list-component/assets/VisuallyHidden.stories-CnuszhTj.js index 77eb698567..81c0362c82 100644 --- a/demo-DES-969-file-list-component/assets/VisuallyHidden.stories-C5mP7sL-.js +++ b/demo-DES-969-file-list-component/assets/VisuallyHidden.stories-CnuszhTj.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{P as i}from"./index.esm-CEyvCNNo.js";/** +import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{P as i}from"./index.esm-Dojcg4AG.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-DES-969-file-list-component/assets/aspect-ratio.docs-o38opC16.js b/demo-DES-969-file-list-component/assets/aspect-ratio.docs-D4idx08P.js similarity index 96% rename from demo-DES-969-file-list-component/assets/aspect-ratio.docs-o38opC16.js rename to demo-DES-969-file-list-component/assets/aspect-ratio.docs-D4idx08P.js index 9c8dcf34e0..f8f8256192 100644 --- a/demo-DES-969-file-list-component/assets/aspect-ratio.docs-o38opC16.js +++ b/demo-DES-969-file-list-component/assets/aspect-ratio.docs-D4idx08P.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as i}from"./index-BSj771as.js";import{ae as n}from"./index-D4650r9u.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-B8lpJMi7.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.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-j_jdvEMj.js";import{useMDXComponents as i}from"./index-BSj771as.js";import{ae as n}from"./index-CsbqyhR0.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-BqRGPnP1.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.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-DES-969-file-list-component/assets/border.docs-YzE3zYEG.js b/demo-DES-969-file-list-component/assets/border.docs-C49-4HlT.js similarity index 95% rename from demo-DES-969-file-list-component/assets/border.docs-YzE3zYEG.js rename to demo-DES-969-file-list-component/assets/border.docs-C49-4HlT.js index e96335b274..3be00393df 100644 --- a/demo-DES-969-file-list-component/assets/border.docs-YzE3zYEG.js +++ b/demo-DES-969-file-list-component/assets/border.docs-C49-4HlT.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as s}from"./index-BSj771as.js";import{ae as n}from"./index-D4650r9u.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-B8lpJMi7.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.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-j_jdvEMj.js";import{useMDXComponents as s}from"./index-BSj771as.js";import{ae as n}from"./index-CsbqyhR0.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-BqRGPnP1.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.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-DES-969-file-list-component/assets/breakpoints.docs-CKpFfo_4.js b/demo-DES-969-file-list-component/assets/breakpoints.docs-oM0pR2XB.js similarity index 92% rename from demo-DES-969-file-list-component/assets/breakpoints.docs-CKpFfo_4.js rename to demo-DES-969-file-list-component/assets/breakpoints.docs-oM0pR2XB.js index ae3b31ed88..ae7183f2f2 100644 --- a/demo-DES-969-file-list-component/assets/breakpoints.docs-CKpFfo_4.js +++ b/demo-DES-969-file-list-component/assets/breakpoints.docs-oM0pR2XB.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as o}from"./index-BSj771as.js";import{ae as r}from"./index-D4650r9u.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-B8lpJMi7.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.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-j_jdvEMj.js";import{useMDXComponents as o}from"./index-BSj771as.js";import{ae as r}from"./index-CsbqyhR0.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-BqRGPnP1.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.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-DES-969-file-list-component/assets/colour.docs-vM5TRMlW.js b/demo-DES-969-file-list-component/assets/colour.docs-DRHbH5yl.js similarity index 99% rename from demo-DES-969-file-list-component/assets/colour.docs-vM5TRMlW.js rename to demo-DES-969-file-list-component/assets/colour.docs-DRHbH5yl.js index e1cf35ebb9..8602ceb35b 100644 --- a/demo-DES-969-file-list-component/assets/colour.docs-vM5TRMlW.js +++ b/demo-DES-969-file-list-component/assets/colour.docs-DRHbH5yl.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as c}from"./index-BSj771as.js";import{ae as g}from"./index-D4650r9u.js";import{c as t}from"./clsx-B-dksMZM.js";import{r as p}from"./index-B-o1Wr-g.js";import"./iframe-B8lpJMi7.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";const v={"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:{"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:!0,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:!0,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:[` +import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as c}from"./index-BSj771as.js";import{ae as g}from"./index-CsbqyhR0.js";import{c as t}from"./clsx-B-dksMZM.js";import{r as p}from"./index-B-o1Wr-g.js";import"./iframe-BqRGPnP1.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";const v={"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:{"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:!0,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:!0,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"}),` diff --git a/demo-DES-969-file-list-component/assets/config-ViiHBdIV.js b/demo-DES-969-file-list-component/assets/config-5U6UpIzk.js similarity index 85% rename from demo-DES-969-file-list-component/assets/config-ViiHBdIV.js rename to demo-DES-969-file-list-component/assets/config-5U6UpIzk.js index df80294ce1..a71ed15a8a 100644 --- a/demo-DES-969-file-list-component/assets/config-ViiHBdIV.js +++ b/demo-DES-969-file-list-component/assets/config-5U6UpIzk.js @@ -1 +1 @@ -import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{G as n,b as t,c as o,q as i,r as c}from"./index.esm-CEyvCNNo.js";import{A as l}from"./PageMenu.stories-CMbLUYFI.js";import{D as d}from"./Footer.stories-C61R3rSO.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}; +import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{G as n,b as t,c as o,q as i,r as c}from"./index.esm-Dojcg4AG.js";import{A as l}from"./PageMenu.stories-CMbLUYFI.js";import{D as d}from"./Footer.stories-DPK9ujK1.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-DES-969-file-list-component/assets/copyright.docs-DsLbgGlW.js b/demo-DES-969-file-list-component/assets/copyright.docs-DRjNfu6B.js similarity index 91% rename from demo-DES-969-file-list-component/assets/copyright.docs-DsLbgGlW.js rename to demo-DES-969-file-list-component/assets/copyright.docs-DRjNfu6B.js index 184082b367..9e0b79071d 100644 --- a/demo-DES-969-file-list-component/assets/copyright.docs-DsLbgGlW.js +++ b/demo-DES-969-file-list-component/assets/copyright.docs-DRjNfu6B.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as r}from"./index-BSj771as.js";import{ae as s,aq as a}from"./index-D4650r9u.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-B8lpJMi7.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";const i=` +import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as r}from"./index-BSj771as.js";import{ae as s,aq as a}from"./index-CsbqyhR0.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-BqRGPnP1.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";const i=` # Copyright diff --git a/demo-DES-969-file-list-component/assets/entry-preview-BhxUcS_c.js b/demo-DES-969-file-list-component/assets/entry-preview-BeJC0Shw.js similarity index 99% rename from demo-DES-969-file-list-component/assets/entry-preview-BhxUcS_c.js rename to demo-DES-969-file-list-component/assets/entry-preview-BeJC0Shw.js index 51a5d4b5b3..a26445613c 100644 --- a/demo-DES-969-file-list-component/assets/entry-preview-BhxUcS_c.js +++ b/demo-DES-969-file-list-component/assets/entry-preview-BeJC0Shw.js @@ -1,5 +1,5 @@ const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./react-18-Dbhu8A1k.js","./index-B-o1Wr-g.js","./_commonjsHelpers-Cpj98o6Y.js","./index-DolzVqEf.js"])))=>i.map(i=>d[i]); -import{_ as tr}from"./iframe-B8lpJMi7.js";import{_ as sr,a as nr,b as L}from"./chunk-XP5HYGXS-BGCqD1aY.js";import{r as Y,R as re}from"./index-B-o1Wr-g.js";import{r as ar}from"./index-DolzVqEf.js";import"../sb-preview/runtime.js";import"./_commonjsHelpers-Cpj98o6Y.js";var b={};/** +import{_ as tr}from"./iframe-BqRGPnP1.js";import{_ as sr,a as nr,b as L}from"./chunk-XP5HYGXS-BGCqD1aY.js";import{r as Y,R as re}from"./index-B-o1Wr-g.js";import{r as ar}from"./index-DolzVqEf.js";import"../sb-preview/runtime.js";import"./_commonjsHelpers-Cpj98o6Y.js";var b={};/** * @license React * react-dom-test-utils.production.min.js * diff --git a/demo-DES-969-file-list-component/assets/favicon.docs-C2HEORjC.js b/demo-DES-969-file-list-component/assets/favicon.docs-CgbNNfgM.js similarity index 94% rename from demo-DES-969-file-list-component/assets/favicon.docs-C2HEORjC.js rename to demo-DES-969-file-list-component/assets/favicon.docs-CgbNNfgM.js index cedb2c3f36..5d50a03e72 100644 --- a/demo-DES-969-file-list-component/assets/favicon.docs-C2HEORjC.js +++ b/demo-DES-969-file-list-component/assets/favicon.docs-CgbNNfgM.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as o}from"./index-BSj771as.js";import{ae as t}from"./index-D4650r9u.js";import{F as a,S as r,A as l}from"./AppIcons-4pa5QSAl.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-B8lpJMi7.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./index.esm-CEyvCNNo.js";import"./index.esm-CEthAr-Q.js";import"./clsx-B-dksMZM.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-j_jdvEMj.js";import{useMDXComponents as o}from"./index-BSj771as.js";import{ae as t}from"./index-CsbqyhR0.js";import{F as a,S as r,A as l}from"./AppIcons-bHbdLDgN.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-BqRGPnP1.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./index.esm-Dojcg4AG.js";import"./clsx-B-dksMZM.js";import"./index.esm-CEthAr-Q.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-DES-969-file-list-component/assets/font.docs-BLqjJUpH.js b/demo-DES-969-file-list-component/assets/font.docs-CJODOqKT.js similarity index 95% rename from demo-DES-969-file-list-component/assets/font.docs-BLqjJUpH.js rename to demo-DES-969-file-list-component/assets/font.docs-CJODOqKT.js index 06977dcf1e..ab7e5cf934 100644 --- a/demo-DES-969-file-list-component/assets/font.docs-BLqjJUpH.js +++ b/demo-DES-969-file-list-component/assets/font.docs-CJODOqKT.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as o}from"./index-BSj771as.js";import{ae as i,af as r}from"./index-D4650r9u.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-B8lpJMi7.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.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-j_jdvEMj.js";import{useMDXComponents as o}from"./index-BSj771as.js";import{ae as i,af as r}from"./index-CsbqyhR0.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-BqRGPnP1.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.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-DES-969-file-list-component/assets/getting-started.docs-CV9XFgqe.js b/demo-DES-969-file-list-component/assets/getting-started.docs-CEOqwMMm.js similarity index 94% rename from demo-DES-969-file-list-component/assets/getting-started.docs-CV9XFgqe.js rename to demo-DES-969-file-list-component/assets/getting-started.docs-CEOqwMMm.js index 438f48a791..31de7491c8 100644 --- a/demo-DES-969-file-list-component/assets/getting-started.docs-CV9XFgqe.js +++ b/demo-DES-969-file-list-component/assets/getting-started.docs-CEOqwMMm.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as r}from"./index-BSj771as.js";import{ae as a}from"./index-D4650r9u.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-B8lpJMi7.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.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-j_jdvEMj.js";import{useMDXComponents as r}from"./index-BSj771as.js";import{ae as a}from"./index-CsbqyhR0.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-BqRGPnP1.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.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(a,{title:"Docs/Developer Guide/Getting Started"}),` `,e.jsx(t.h1,{id:"getting-started",children:"Getting Started"}),` diff --git a/demo-DES-969-file-list-component/assets/grid.docs-BI9p8m3h.js b/demo-DES-969-file-list-component/assets/grid.docs-Cr-9I__p.js similarity index 99% rename from demo-DES-969-file-list-component/assets/grid.docs-BI9p8m3h.js rename to demo-DES-969-file-list-component/assets/grid.docs-Cr-9I__p.js index 62e847e074..cb962b0e42 100644 --- a/demo-DES-969-file-list-component/assets/grid.docs-BI9p8m3h.js +++ b/demo-DES-969-file-list-component/assets/grid.docs-Cr-9I__p.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as s}from"./index-BSj771as.js";import{ae as l}from"./index-D4650r9u.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-B8lpJMi7.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.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-j_jdvEMj.js";import{useMDXComponents as s}from"./index-BSj771as.js";import{ae as l}from"./index-CsbqyhR0.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-BqRGPnP1.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.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-DES-969-file-list-component/assets/icons.docs-CI_80m6w.js b/demo-DES-969-file-list-component/assets/icons.docs-D_HRNIut.js similarity index 91% rename from demo-DES-969-file-list-component/assets/icons.docs-CI_80m6w.js rename to demo-DES-969-file-list-component/assets/icons.docs-D_HRNIut.js index 608cd379aa..5d1ebb3773 100644 --- a/demo-DES-969-file-list-component/assets/icons.docs-CI_80m6w.js +++ b/demo-DES-969-file-list-component/assets/icons.docs-D_HRNIut.js @@ -1,4 +1,4 @@ -import{j as n}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as r}from"./index-BSj771as.js";import{au as i,av as c,ae as a}from"./index-D4650r9u.js";import{I as s}from"./index.esm-CEthAr-Q.js";import{I as m}from"./Icon-D1obyjGa.js";import{S as l}from"./StatusBadge-_VA1BtQE.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-B8lpJMi7.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./clsx-B-dksMZM.js";import"./Badge-Cg5Q2pVP.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-j_jdvEMj.js";import{useMDXComponents as r}from"./index-BSj771as.js";import{au as i,av as c,ae as a}from"./index-CsbqyhR0.js";import{I as s}from"./index.esm-CEthAr-Q.js";import{I as m}from"./Icon-D1obyjGa.js";import{S as l}from"./StatusBadge-_VA1BtQE.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-BqRGPnP1.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./clsx-B-dksMZM.js";import"./Badge-Cg5Q2pVP.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-DES-969-file-list-component/assets/iframe-B8lpJMi7.js b/demo-DES-969-file-list-component/assets/iframe-BqRGPnP1.js similarity index 51% rename from demo-DES-969-file-list-component/assets/iframe-B8lpJMi7.js rename to demo-DES-969-file-list-component/assets/iframe-BqRGPnP1.js index e9d6699db5..3d454eff16 100644 --- a/demo-DES-969-file-list-component/assets/iframe-B8lpJMi7.js +++ b/demo-DES-969-file-list-component/assets/iframe-BqRGPnP1.js @@ -1,2 +1,2 @@ -const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./Accordion.docs-CUuffIC2.js","./jsx-runtime-j_jdvEMj.js","./index-B-o1Wr-g.js","./_commonjsHelpers-Cpj98o6Y.js","./index-BSj771as.js","./index-D4650r9u.js","./index-DolzVqEf.js","./index-D-8MO0q_.js","./index-CJyPbrN5.js","./index-DrFu-skq.js","./Accordion.stories-DHX5sQBU.js","./index.esm-CEyvCNNo.js","./index.esm-CEthAr-Q.js","./clsx-B-dksMZM.js","./exampleContent-hIIPvEhU.js","./getHeadingTag-Dv1eMqvl.js","./Icon-D1obyjGa.js","./useKeyboardFocus-CRUFsA_C.js","./ActionGroup.docs-CqHkDi31.js","./ActionGroup.stories-C4Z6qfaN.js","./Alert.docs-D1He9uyz.js","./Alert.stories-CTB1u9uW.js","./Alert-dZot25lM.js","./Heading-BMR-3CH3.js","./IconButton-C-A1ufmT.js","./Avatar.docs-whIRbk76.js","./Avatar.stories-B34yVuuF.js","./Image-BeIE0HQj.js","./Badge.docs--lp4F9OS.js","./Badge.stories-Ci6b1rp5.js","./Badge-Cg5Q2pVP.js","./Blockquote.docs-CPIk6jfa.js","./Blockquote.stories-z9MN-vzr.js","./Breadcrumb.docs-BfJjapSr.js","./Breadcrumb.stories-EowaNKYC.js","./Breakout.docs-BtbDT1ph.js","./Breakout.stories-CO-k9DP7.js","./paddingClasses-C5gheHLv.js","./Button.docs-BjuTITx_.js","./Button.stories-DsD2Ibzg.js","./Button-CLCAbUHj.js","./Card.docs-KMSLVoTH.js","./Card.stories-BFctN7O-.js","./Paragraph-DZy4cHOZ.js","./CharacterCount.docs-BlN0AmlX.js","./CharacterCount.stories-BuZ7Uh_6.js","./Checkbox.docs-AKc791x2.js","./Checkbox.stories-BigkG13X.js","./Column.docs-BECdJNb1.js","./Column.stories-CPzb0Ly1.js","./types-B5YJ6HHW.js","./DateInput.docs-D5cLXt9k.js","./DateInput.stories-9V8jf8jf.js","./DescriptionList.docs-CEI0znPT.js","./DescriptionList.stories-QlH29uTC.js","./Dialog.docs-DHAddYI1.js","./Dialog.stories-ChPugOE1.js","./ErrorMessage.docs-BaR9r4kH.js","./ErrorMessage.stories-ix6kxWbf.js","./Field.docs-CPQ1XLIW.js","./Field.stories-mOB-6s5n.js","./FieldSet.docs-BkC8auIj.js","./FieldSet.stories-DrAnRTZU.js","./Hint-rQy8SNzx.js","./FileInput.docs-C5LLoXsL.js","./FileInput.stories-H5URrr2Y.js","./FileList.docs-MhvafUGT.js","./FileList.stories-CXs1whYr.js","./Footer.docs-aowGZDMf.js","./Footer.stories-C61R3rSO.js","./PageMenu.stories-CMbLUYFI.js","./Spotlight-DZdLn00J.js","./FormErrorList.docs-66o7xVGS.js","./FormErrorList.stories-m0oTgLw1.js","./LinkList-Hl4TNsYq.js","./Grid.docs-DrAs_8de.js","./Grid.stories-CUEAL2os.js","./Header.docs-ewizRjMO.js","./Header.stories-D5b67C_v.js","./Logo-BnxYOw7m.js","./StatusBadge-_VA1BtQE.js","./StatusBadge-BPsnsflc.css","./Heading.docs-CJ8bw0Tp.js","./Heading.stories-k4Xrs8rg.js","./Icon.docs-ChCC5261.js","./Icon.stories-DqEmt8G2.js","./IconButton.docs-bvia5SW4.js","./IconButton.stories-DxcIobAn.js","./Image.docs-DczN7RDE.js","./Image.stories-0Zmcnj6n.js","./ImageSlider.docs-EDF22Leu.js","./ImageSlider.stories-DBEBe8fe.js","./Label.docs-CRJ6DXUk.js","./Label.stories-Dcrx0ofz.js","./Link.docs-BWNZE4T3.js","./Link.stories-DmZT19hW.js","./LinkList.docs-CWAGVi7v.js","./LinkList.stories-DDvwme-X.js","./Logo.docs-BawqCKt8.js","./Logo.stories-1D2Iq0g9.js","./Mark.docs-BBlhW5qj.js","./Mark.stories-Dy6tKgxN.js","./MegaMenu.docs-Dk5G2hhI.js","./MegaMenu.stories-DNB2Jlu3.js","./OrderedList.docs-BYTHA47u.js","./OrderedList.stories--XgXVcVm.js","./Overlap.docs-BI1XkyyV.js","./Overlap.stories-CCvIJiSX.js","./PageHeading.docs-BpJMURrN.js","./PageHeading.stories-BmEmYOYu.js","./PageMenu.docs-DG4WUCO7.js","./Pagination.docs-C4wwaN18.js","./Pagination.stories-BzrmslUD.js","./Paragraph.docs-Cq_dZHoK.js","./Paragraph.stories-BthwCSgv.js","./PasswordInput.docs-jsVWoFg8.js","./PasswordInput.stories-DC8_XyxY.js","./Radio.docs-Bg5rQoHK.js","./Radio.stories-BxBMT4Lf.js","./Row.docs-D9MqyGQs.js","./Row.stories-BP1OSe8X.js","./Screen.docs-asn9vhdR.js","./Screen.stories-DBafdEz8.js","./SearchField.docs-2sD3VY9O.js","./SearchField.stories-8xLkmLHt.js","./Select.docs-BSkOhKvF.js","./Select.stories-B37-BAsG.js","./SkipLink.docs-DFffExkL.js","./SkipLink.stories-Bi5HFob9.js","./Spotlight.docs-CKbMuJ-S.js","./Spotlight.stories-Dpj_Fv9m.js","./Switch.docs-tVW8d158.js","./Switch.stories-CfTo9sof.js","./Table.docs-CmlBHWu1.js","./Table.stories-BhkPPk6Y.js","./TableOfContents.docs-D-_u9inn.js","./TableOfContents.stories-CDYIQLGg.js","./Tabs.docs-AVhWsn6M.js","./Tabs.stories-BuIeqcpH.js","./TextArea.docs-LByOcvTU.js","./TextArea.stories-D74AYBRW.js","./TextInput.docs-BaysGaA1.js","./TextInput.stories-DmDcPEUp.js","./TimeInput.docs-dzKmM6pT.js","./TimeInput.stories--o8tZxox.js","./TopTaskLink.docs-cmhBigXs.js","./TopTaskLink.stories-C3A459sz.js","./UnorderedList.docs--LKabxnD.js","./UnorderedList.stories-Bg_fBJLT.js","./breakpoints.docs-CKpFfo_4.js","./getting-started.docs-CV9XFgqe.js","./interactivity.docs-DzX_bIUL.js","./language.docs-BrXcixoU.js","./routing-libraries.docs-qbK5d_xR.js","./usability.docs-CHdrWxH4.js","./web-app.docs-DbrAHfzY.js","./AppIcons-4pa5QSAl.js","./introduction.docs-BBJHceVe.js","./copyright.docs-DsLbgGlW.js","./license.docs-B3pzWz5z.js","./favicon.docs-C2HEORjC.js","./font.docs-BLqjJUpH.js","./icons.docs-CI_80m6w.js","./aspect-ratio.docs-o38opC16.js","./border.docs-YzE3zYEG.js","./colour.docs-vM5TRMlW.js","./colour-DMO0xpAR.css","./grid.docs-BI9p8m3h.js","./space.docs-DIyEDf_W.js","./text.docs-D1FKA1Fn.js","./Introduction.docs-H0j2iRIi.js","./ArticlePage.docs-DkQskou8.js","./ArticlePage.stories-0_l_S5C7.js","./config-ViiHBdIV.js","./FormPage.docs-CUXFA3MJ.js","./FormPage.stories-DgwdM2Bq.js","./HomePage.docs-Bb6mIKaH.js","./HomePage.stories-DCygmRH9.js","./AspectRatio.docs-pvsRsDqm.js","./AspectRatio.stories-1YKRPR3L.js","./Gap.docs-DlhVCqM1.js","./Gap.stories-BlAm-rQH.js","./Margin.docs-oHSwORLs.js","./Margin.stories-B-B9BwQr.js","./VisuallyHidden.docs-CBA8qcSs.js","./VisuallyHidden.stories-C5mP7sL-.js","./entry-preview-BhxUcS_c.js","./chunk-XP5HYGXS-BGCqD1aY.js","./entry-preview-docs-BexTP7_g.js","./preview-BhhEZcNS.js","./preview-D77C14du.js","./preview-BWzBA1C2.js","./preview-Sxj8ECYt.js","./preview-COIC7NCY.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-CUuffIC2.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17]),import.meta.url),"./src/components/Accordion/Accordion.stories.tsx":async()=>t(()=>import("./Accordion.stories-DHX5sQBU.js").then(r=>r.A),__vite__mapDeps([10,1,2,3,11,12,13,14,15,16,17]),import.meta.url),"./src/components/ActionGroup/ActionGroup.docs.mdx":async()=>t(()=>import("./ActionGroup.docs-CqHkDi31.js"),__vite__mapDeps([18,1,2,3,4,5,6,7,8,9,19,11,12,13]),import.meta.url),"./src/components/ActionGroup/ActionGroup.stories.tsx":async()=>t(()=>import("./ActionGroup.stories-C4Z6qfaN.js").then(r=>r.A),__vite__mapDeps([19,1,2,3,11,12,13]),import.meta.url),"./src/components/Alert/Alert.docs.mdx":async()=>t(()=>import("./Alert.docs-D1He9uyz.js"),__vite__mapDeps([20,1,2,3,4,5,6,7,8,9,21,11,12,13,22,16,23,15,24]),import.meta.url),"./src/components/Alert/Alert.stories.tsx":async()=>t(()=>import("./Alert.stories-CTB1u9uW.js").then(r=>r.A),__vite__mapDeps([21,1,2,3,11,12,13,22,16,23,15,24]),import.meta.url),"./src/components/Avatar/Avatar.docs.mdx":async()=>t(()=>import("./Avatar.docs-whIRbk76.js"),__vite__mapDeps([25,1,2,3,4,5,6,7,8,9,26,11,12,13,27,16]),import.meta.url),"./src/components/Avatar/Avatar.stories.tsx":async()=>t(()=>import("./Avatar.stories-B34yVuuF.js").then(r=>r.A),__vite__mapDeps([26,1,2,3,11,12,13,27,16]),import.meta.url),"./src/components/Badge/Badge.docs.mdx":async()=>t(()=>import("./Badge.docs--lp4F9OS.js"),__vite__mapDeps([28,1,2,3,4,5,6,7,8,9,29,30,13]),import.meta.url),"./src/components/Badge/Badge.stories.tsx":async()=>t(()=>import("./Badge.stories-Ci6b1rp5.js").then(r=>r.B),__vite__mapDeps([29,30,1,2,3,13]),import.meta.url),"./src/components/Blockquote/Blockquote.docs.mdx":async()=>t(()=>import("./Blockquote.docs-CPIk6jfa.js"),__vite__mapDeps([31,1,2,3,4,5,6,7,8,9,32,14,13]),import.meta.url),"./src/components/Blockquote/Blockquote.stories.tsx":async()=>t(()=>import("./Blockquote.stories-z9MN-vzr.js").then(r=>r.B),__vite__mapDeps([32,14,1,2,3,13]),import.meta.url),"./src/components/Breadcrumb/Breadcrumb.docs.mdx":async()=>t(()=>import("./Breadcrumb.docs-BfJjapSr.js"),__vite__mapDeps([33,1,2,3,4,5,6,7,8,9,34,13]),import.meta.url),"./src/components/Breadcrumb/Breadcrumb.stories.tsx":async()=>t(()=>import("./Breadcrumb.stories-EowaNKYC.js").then(r=>r.B),__vite__mapDeps([34,1,2,3,13]),import.meta.url),"./src/components/Breakout/Breakout.docs.mdx":async()=>t(()=>import("./Breakout.docs-BtbDT1ph.js"),__vite__mapDeps([35,1,2,3,4,5,6,7,8,9,36,11,12,13,37]),import.meta.url),"./src/components/Breakout/Breakout.stories.tsx":async()=>t(()=>import("./Breakout.stories-CO-k9DP7.js").then(r=>r.B),__vite__mapDeps([36,1,2,3,11,12,13,37]),import.meta.url),"./src/components/Button/Button.docs.mdx":async()=>t(()=>import("./Button.docs-BjuTITx_.js"),__vite__mapDeps([38,1,2,3,4,5,6,7,8,9,39,12,40,13,16]),import.meta.url),"./src/components/Button/Button.stories.tsx":async()=>t(()=>import("./Button.stories-DsD2Ibzg.js").then(r=>r.B),__vite__mapDeps([39,1,2,3,12,40,13,16]),import.meta.url),"./src/components/Card/Card.docs.mdx":async()=>t(()=>import("./Card.docs-KMSLVoTH.js"),__vite__mapDeps([41,1,2,3,4,5,6,7,8,9,42,11,12,13,14,43]),import.meta.url),"./src/components/Card/Card.stories.tsx":async()=>t(()=>import("./Card.stories-BFctN7O-.js").then(r=>r.C),__vite__mapDeps([42,1,2,3,11,12,13,14,43]),import.meta.url),"./src/components/CharacterCount/CharacterCount.docs.mdx":async()=>t(()=>import("./CharacterCount.docs-BlN0AmlX.js"),__vite__mapDeps([44,1,2,3,4,5,6,7,8,9,45,13]),import.meta.url),"./src/components/CharacterCount/CharacterCount.stories.tsx":async()=>t(()=>import("./CharacterCount.stories-BuZ7Uh_6.js").then(r=>r.C),__vite__mapDeps([45,1,2,3,13]),import.meta.url),"./src/components/Checkbox/Checkbox.docs.mdx":async()=>t(()=>import("./Checkbox.docs-AKc791x2.js"),__vite__mapDeps([46,1,2,3,4,5,6,7,8,9,47,11,12,13]),import.meta.url),"./src/components/Checkbox/Checkbox.stories.tsx":async()=>t(()=>import("./Checkbox.stories-BigkG13X.js").then(r=>r.C),__vite__mapDeps([47,1,2,3,11,12,13]),import.meta.url),"./src/components/Column/Column.docs.mdx":async()=>t(()=>import("./Column.docs-BECdJNb1.js"),__vite__mapDeps([48,1,2,3,4,5,6,7,8,9,49,11,12,13,50]),import.meta.url),"./src/components/Column/Column.stories.tsx":async()=>t(()=>import("./Column.stories-CPzb0Ly1.js").then(r=>r.C),__vite__mapDeps([49,1,2,3,11,12,13,50]),import.meta.url),"./src/components/DateInput/DateInput.docs.mdx":async()=>t(()=>import("./DateInput.docs-D5cLXt9k.js"),__vite__mapDeps([51,1,2,3,4,5,6,7,8,9,52,11,12,13]),import.meta.url),"./src/components/DateInput/DateInput.stories.tsx":async()=>t(()=>import("./DateInput.stories-9V8jf8jf.js").then(r=>r.D),__vite__mapDeps([52,1,2,3,11,12,13]),import.meta.url),"./src/components/DescriptionList/DescriptionList.docs.mdx":async()=>t(()=>import("./DescriptionList.docs-CEI0znPT.js"),__vite__mapDeps([53,1,2,3,4,5,6,7,8,9,54,11,12,13]),import.meta.url),"./src/components/DescriptionList/DescriptionList.stories.tsx":async()=>t(()=>import("./DescriptionList.stories-QlH29uTC.js").then(r=>r.D),__vite__mapDeps([54,1,2,3,11,12,13]),import.meta.url),"./src/components/Dialog/Dialog.docs.mdx":async()=>t(()=>import("./Dialog.docs-DHAddYI1.js"),__vite__mapDeps([55,1,2,3,4,5,6,7,8,9,56,11,12,13,23,15,24,16]),import.meta.url),"./src/components/Dialog/Dialog.stories.tsx":async()=>t(()=>import("./Dialog.stories-ChPugOE1.js").then(r=>r.D),__vite__mapDeps([56,1,2,3,11,12,13,23,15,24,16]),import.meta.url),"./src/components/ErrorMessage/ErrorMessage.docs.mdx":async()=>t(()=>import("./ErrorMessage.docs-BaR9r4kH.js"),__vite__mapDeps([57,1,2,3,4,5,6,7,8,9,58,12,13,16]),import.meta.url),"./src/components/ErrorMessage/ErrorMessage.stories.tsx":async()=>t(()=>import("./ErrorMessage.stories-ix6kxWbf.js").then(r=>r.E),__vite__mapDeps([58,12,1,2,3,13,16]),import.meta.url),"./src/components/Field/Field.docs.mdx":async()=>t(()=>import("./Field.docs-CPQ1XLIW.js"),__vite__mapDeps([59,1,2,3,4,5,6,7,8,9,60,11,12,13]),import.meta.url),"./src/components/Field/Field.stories.tsx":async()=>t(()=>import("./Field.stories-mOB-6s5n.js").then(r=>r.F),__vite__mapDeps([60,1,2,3,11,12,13]),import.meta.url),"./src/components/FieldSet/FieldSet.docs.mdx":async()=>t(()=>import("./FieldSet.docs-BkC8auIj.js"),__vite__mapDeps([61,1,2,3,4,5,6,7,8,9,62,11,12,13,63]),import.meta.url),"./src/components/FieldSet/FieldSet.stories.tsx":async()=>t(()=>import("./FieldSet.stories-DrAnRTZU.js").then(r=>r.F),__vite__mapDeps([62,1,2,3,11,12,13,63]),import.meta.url),"./src/components/FileInput/FileInput.docs.mdx":async()=>t(()=>import("./FileInput.docs-C5LLoXsL.js"),__vite__mapDeps([64,1,2,3,4,5,6,7,8,9,65,11,12,13]),import.meta.url),"./src/components/FileInput/FileInput.stories.tsx":async()=>t(()=>import("./FileInput.stories-H5URrr2Y.js").then(r=>r.F),__vite__mapDeps([65,1,2,3,11,12,13]),import.meta.url),"./src/components/FileList/FileList.docs.mdx":async()=>t(()=>import("./FileList.docs-MhvafUGT.js"),__vite__mapDeps([66,1,2,3,4,5,6,7,8,9,67,11,12,13,16,40]),import.meta.url),"./src/components/FileList/FileList.stories.tsx":async()=>t(()=>import("./FileList.stories-CXs1whYr.js").then(r=>r.F),__vite__mapDeps([67,1,2,3,11,12,13,16,40]),import.meta.url),"./src/components/Footer/Footer.docs.mdx":async()=>t(()=>import("./Footer.docs-aowGZDMf.js"),__vite__mapDeps([68,1,2,3,4,5,6,7,8,9,69,11,12,13,70,16,71]),import.meta.url),"./src/components/Footer/Footer.stories.tsx":async()=>t(()=>import("./Footer.stories-C61R3rSO.js").then(r=>r.F),__vite__mapDeps([69,1,2,3,11,12,13,70,16,71]),import.meta.url),"./src/components/FormErrorList/FormErrorList.docs.mdx":async()=>t(()=>import("./FormErrorList.docs-66o7xVGS.js"),__vite__mapDeps([72,1,2,3,4,5,6,7,8,9,73,13,22,12,16,23,15,24,74]),import.meta.url),"./src/components/FormErrorList/FormErrorList.stories.tsx":async()=>t(()=>import("./FormErrorList.stories-m0oTgLw1.js").then(r=>r.F),__vite__mapDeps([73,1,2,3,13,22,12,16,23,15,24,74]),import.meta.url),"./src/components/Grid/Grid.docs.mdx":async()=>t(()=>import("./Grid.docs-DrAs_8de.js"),__vite__mapDeps([75,1,2,3,4,5,6,7,8,9,76,13,37]),import.meta.url),"./src/components/Grid/Grid.stories.tsx":async()=>t(()=>import("./Grid.stories-CUEAL2os.js").then(r=>r.G),__vite__mapDeps([76,1,2,3,13,37]),import.meta.url),"./src/components/Header/Header.docs.mdx":async()=>t(()=>import("./Header.docs-ewizRjMO.js"),__vite__mapDeps([77,1,2,3,4,5,6,7,8,9,78,11,12,13,79,23,15,80,30,81]),import.meta.url),"./src/components/Header/Header.stories.tsx":async()=>t(()=>import("./Header.stories-D5b67C_v.js").then(r=>r.H),__vite__mapDeps([78,1,2,3,11,12,13,79,23,15]),import.meta.url),"./src/components/Heading/Heading.docs.mdx":async()=>t(()=>import("./Heading.docs-CJ8bw0Tp.js"),__vite__mapDeps([82,1,2,3,4,5,6,7,8,9,83,11,12,13,14,23,15]),import.meta.url),"./src/components/Heading/Heading.stories.tsx":async()=>t(()=>import("./Heading.stories-k4Xrs8rg.js").then(r=>r.H),__vite__mapDeps([83,1,2,3,11,12,13,14,23,15]),import.meta.url),"./src/components/Icon/Icon.docs.mdx":async()=>t(()=>import("./Icon.docs-ChCC5261.js"),__vite__mapDeps([84,1,2,3,4,5,6,7,8,9,85,11,12,13,16,80,30,81]),import.meta.url),"./src/components/Icon/Icon.stories.tsx":async()=>t(()=>import("./Icon.stories-DqEmt8G2.js").then(r=>r.I),__vite__mapDeps([85,1,2,3,11,12,13,16]),import.meta.url),"./src/components/IconButton/IconButton.docs.mdx":async()=>t(()=>import("./IconButton.docs-bvia5SW4.js"),__vite__mapDeps([86,1,2,3,4,5,6,7,8,9,87,12,24,13,16]),import.meta.url),"./src/components/IconButton/IconButton.stories.tsx":async()=>t(()=>import("./IconButton.stories-DxcIobAn.js").then(r=>r.I),__vite__mapDeps([87,12,1,2,3,24,13,16]),import.meta.url),"./src/components/Image/Image.docs.mdx":async()=>t(()=>import("./Image.docs-DczN7RDE.js"),__vite__mapDeps([88,1,2,3,4,5,6,7,8,9,89,27,13]),import.meta.url),"./src/components/Image/Image.stories.tsx":async()=>t(()=>import("./Image.stories-0Zmcnj6n.js").then(r=>r.I),__vite__mapDeps([89,27,1,2,3,13]),import.meta.url),"./src/components/ImageSlider/ImageSlider.docs.mdx":async()=>t(()=>import("./ImageSlider.docs-EDF22Leu.js"),__vite__mapDeps([90,1,2,3,4,5,6,7,8,9,91,13,12,24,16,27]),import.meta.url),"./src/components/ImageSlider/ImageSlider.stories.tsx":async()=>t(()=>import("./ImageSlider.stories-DBEBe8fe.js").then(r=>r.I),__vite__mapDeps([91,1,2,3,13,12,24,16,27]),import.meta.url),"./src/components/Label/Label.docs.mdx":async()=>t(()=>import("./Label.docs-CRJ6DXUk.js"),__vite__mapDeps([92,1,2,3,4,5,6,7,8,9,93,13,63]),import.meta.url),"./src/components/Label/Label.stories.tsx":async()=>t(()=>import("./Label.stories-Dcrx0ofz.js").then(r=>r.L),__vite__mapDeps([93,1,2,3,13,63]),import.meta.url),"./src/components/Link/Link.docs.mdx":async()=>t(()=>import("./Link.docs-BWNZE4T3.js"),__vite__mapDeps([94,1,2,3,4,5,6,7,8,9,95,11,12,13]),import.meta.url),"./src/components/Link/Link.stories.tsx":async()=>t(()=>import("./Link.stories-DmZT19hW.js").then(r=>r.L),__vite__mapDeps([95,1,2,3,11,12,13]),import.meta.url),"./src/components/LinkList/LinkList.docs.mdx":async()=>t(()=>import("./LinkList.docs-CWAGVi7v.js"),__vite__mapDeps([96,1,2,3,4,5,6,7,8,9,97,12,14,74,13,16]),import.meta.url),"./src/components/LinkList/LinkList.stories.tsx":async()=>t(()=>import("./LinkList.stories-DDvwme-X.js").then(r=>r.L),__vite__mapDeps([97,1,2,3,12,14,74,13,16]),import.meta.url),"./src/components/Logo/Logo.docs.mdx":async()=>t(()=>import("./Logo.docs-BawqCKt8.js"),__vite__mapDeps([98,1,2,3,4,5,6,7,8,9,99,79,13]),import.meta.url),"./src/components/Logo/Logo.stories.tsx":async()=>t(()=>import("./Logo.stories-1D2Iq0g9.js").then(r=>r.L),__vite__mapDeps([99,79,1,2,3,13]),import.meta.url),"./src/components/Mark/Mark.docs.mdx":async()=>t(()=>import("./Mark.docs-BBlhW5qj.js"),__vite__mapDeps([100,1,2,3,4,5,6,7,8,9,101,11,12,13]),import.meta.url),"./src/components/Mark/Mark.stories.tsx":async()=>t(()=>import("./Mark.stories-Dy6tKgxN.js").then(r=>r.M),__vite__mapDeps([101,1,2,3,11,12,13]),import.meta.url),"./src/components/MegaMenu/MegaMenu.docs.mdx":async()=>t(()=>import("./MegaMenu.docs-Dk5G2hhI.js"),__vite__mapDeps([102,1,2,3,4,5,6,7,8,9,103,11,12,13,80,30,81]),import.meta.url),"./src/components/MegaMenu/MegaMenu.stories.tsx":async()=>t(()=>import("./MegaMenu.stories-DNB2Jlu3.js").then(r=>r.M),__vite__mapDeps([103,1,2,3,11,12,13]),import.meta.url),"./src/components/OrderedList/OrderedList.docs.mdx":async()=>t(()=>import("./OrderedList.docs-BYTHA47u.js"),__vite__mapDeps([104,1,2,3,4,5,6,7,8,9,105,11,12,13,14]),import.meta.url),"./src/components/OrderedList/OrderedList.stories.tsx":async()=>t(()=>import("./OrderedList.stories--XgXVcVm.js").then(r=>r.O),__vite__mapDeps([105,1,2,3,11,12,13,14]),import.meta.url),"./src/components/Overlap/Overlap.docs.mdx":async()=>t(()=>import("./Overlap.docs-BI1XkyyV.js"),__vite__mapDeps([106,1,2,3,4,5,6,7,8,9,107,11,12,13]),import.meta.url),"./src/components/Overlap/Overlap.stories.tsx":async()=>t(()=>import("./Overlap.stories-CCvIJiSX.js").then(r=>r.O),__vite__mapDeps([107,1,2,3,11,12,13]),import.meta.url),"./src/components/PageHeading/PageHeading.docs.mdx":async()=>t(()=>import("./PageHeading.docs-BpJMURrN.js"),__vite__mapDeps([108,1,2,3,4,5,6,7,8,9,109,13]),import.meta.url),"./src/components/PageHeading/PageHeading.stories.tsx":async()=>t(()=>import("./PageHeading.stories-BmEmYOYu.js").then(r=>r.P),__vite__mapDeps([109,1,2,3,13]),import.meta.url),"./src/components/PageMenu/PageMenu.docs.mdx":async()=>t(()=>import("./PageMenu.docs-DG4WUCO7.js"),__vite__mapDeps([110,1,2,3,4,5,6,7,8,9,70,12,13,16,80,30,81]),import.meta.url),"./src/components/PageMenu/PageMenu.stories.tsx":async()=>t(()=>import("./PageMenu.stories-CMbLUYFI.js").then(r=>r.P),__vite__mapDeps([70,1,2,3,12,13,16]),import.meta.url),"./src/components/Pagination/Pagination.docs.mdx":async()=>t(()=>import("./Pagination.docs-C4wwaN18.js"),__vite__mapDeps([111,1,2,3,4,5,6,7,8,9,112,12,13,16]),import.meta.url),"./src/components/Pagination/Pagination.stories.tsx":async()=>t(()=>import("./Pagination.stories-BzrmslUD.js").then(r=>r.P),__vite__mapDeps([112,1,2,3,12,13,16]),import.meta.url),"./src/components/Paragraph/Paragraph.docs.mdx":async()=>t(()=>import("./Paragraph.docs-Cq_dZHoK.js"),__vite__mapDeps([113,1,2,3,4,5,6,7,8,9,114,14,43,13]),import.meta.url),"./src/components/Paragraph/Paragraph.stories.tsx":async()=>t(()=>import("./Paragraph.stories-BthwCSgv.js").then(r=>r.P),__vite__mapDeps([114,14,43,1,2,3,13]),import.meta.url),"./src/components/PasswordInput/PasswordInput.docs.mdx":async()=>t(()=>import("./PasswordInput.docs-jsVWoFg8.js"),__vite__mapDeps([115,1,2,3,4,5,6,7,8,9,116,11,12,13]),import.meta.url),"./src/components/PasswordInput/PasswordInput.stories.tsx":async()=>t(()=>import("./PasswordInput.stories-DC8_XyxY.js").then(r=>r.P),__vite__mapDeps([116,1,2,3,11,12,13]),import.meta.url),"./src/components/Radio/Radio.docs.mdx":async()=>t(()=>import("./Radio.docs-Bg5rQoHK.js"),__vite__mapDeps([117,1,2,3,4,5,6,7,8,9,118,11,12,13]),import.meta.url),"./src/components/Radio/Radio.stories.tsx":async()=>t(()=>import("./Radio.stories-BxBMT4Lf.js").then(r=>r.R),__vite__mapDeps([118,1,2,3,11,12,13]),import.meta.url),"./src/components/Row/Row.docs.mdx":async()=>t(()=>import("./Row.docs-D9MqyGQs.js"),__vite__mapDeps([119,1,2,3,4,5,6,7,8,9,120,11,12,13,50]),import.meta.url),"./src/components/Row/Row.stories.tsx":async()=>t(()=>import("./Row.stories-BP1OSe8X.js").then(r=>r.R),__vite__mapDeps([120,1,2,3,11,12,13,50]),import.meta.url),"./src/components/Screen/Screen.docs.mdx":async()=>t(()=>import("./Screen.docs-asn9vhdR.js"),__vite__mapDeps([121,1,2,3,4,5,6,7,8,9,122,13]),import.meta.url),"./src/components/Screen/Screen.stories.tsx":async()=>t(()=>import("./Screen.stories-DBafdEz8.js").then(r=>r.S),__vite__mapDeps([122,1,2,3,13]),import.meta.url),"./src/components/SearchField/SearchField.docs.mdx":async()=>t(()=>import("./SearchField.docs-2sD3VY9O.js"),__vite__mapDeps([123,1,2,3,4,5,6,7,8,9,124,13,12,40,16]),import.meta.url),"./src/components/SearchField/SearchField.stories.tsx":async()=>t(()=>import("./SearchField.stories-8xLkmLHt.js").then(r=>r.S),__vite__mapDeps([124,1,2,3,13,12,40,16]),import.meta.url),"./src/components/Select/Select.docs.mdx":async()=>t(()=>import("./Select.docs-BSkOhKvF.js"),__vite__mapDeps([125,1,2,3,4,5,6,7,8,9,126,11,12,13]),import.meta.url),"./src/components/Select/Select.stories.tsx":async()=>t(()=>import("./Select.stories-B37-BAsG.js").then(r=>r.S),__vite__mapDeps([126,1,2,3,11,12,13]),import.meta.url),"./src/components/SkipLink/SkipLink.docs.mdx":async()=>t(()=>import("./SkipLink.docs-DFffExkL.js"),__vite__mapDeps([127,1,2,3,4,5,6,7,8,9,128,11,12,13]),import.meta.url),"./src/components/SkipLink/SkipLink.stories.tsx":async()=>t(()=>import("./SkipLink.stories-Bi5HFob9.js").then(r=>r.S),__vite__mapDeps([128,1,2,3,11,12,13]),import.meta.url),"./src/components/Spotlight/Spotlight.docs.mdx":async()=>t(()=>import("./Spotlight.docs-CKbMuJ-S.js"),__vite__mapDeps([129,1,2,3,4,5,6,7,8,9,130,11,12,13,14,71]),import.meta.url),"./src/components/Spotlight/Spotlight.stories.tsx":async()=>t(()=>import("./Spotlight.stories-Dpj_Fv9m.js").then(r=>r.S),__vite__mapDeps([130,1,2,3,11,12,13,14,71]),import.meta.url),"./src/components/Switch/Switch.docs.mdx":async()=>t(()=>import("./Switch.docs-tVW8d158.js"),__vite__mapDeps([131,1,2,3,4,5,6,7,8,9,132,11,12,13]),import.meta.url),"./src/components/Switch/Switch.stories.tsx":async()=>t(()=>import("./Switch.stories-CfTo9sof.js").then(r=>r.S),__vite__mapDeps([132,1,2,3,11,12,13]),import.meta.url),"./src/components/Table/Table.docs.mdx":async()=>t(()=>import("./Table.docs-CmlBHWu1.js"),__vite__mapDeps([133,1,2,3,4,5,6,7,8,9,134,13]),import.meta.url),"./src/components/Table/Table.stories.tsx":async()=>t(()=>import("./Table.stories-BhkPPk6Y.js").then(r=>r.T),__vite__mapDeps([134,1,2,3,13]),import.meta.url),"./src/components/TableOfContents/TableOfContents.docs.mdx":async()=>t(()=>import("./TableOfContents.docs-D-_u9inn.js"),__vite__mapDeps([135,1,2,3,4,5,6,7,8,9,136,13,23,15]),import.meta.url),"./src/components/TableOfContents/TableOfContents.stories.tsx":async()=>t(()=>import("./TableOfContents.stories-CDYIQLGg.js").then(r=>r.T),__vite__mapDeps([136,1,2,3,13,23,15]),import.meta.url),"./src/components/Tabs/Tabs.docs.mdx":async()=>t(()=>import("./Tabs.docs-AVhWsn6M.js"),__vite__mapDeps([137,1,2,3,4,5,6,7,8,9,138,11,12,13,14,17]),import.meta.url),"./src/components/Tabs/Tabs.stories.tsx":async()=>t(()=>import("./Tabs.stories-BuIeqcpH.js").then(r=>r.T),__vite__mapDeps([138,1,2,3,11,12,13,14,17]),import.meta.url),"./src/components/TextArea/TextArea.docs.mdx":async()=>t(()=>import("./TextArea.docs-LByOcvTU.js"),__vite__mapDeps([139,1,2,3,4,5,6,7,8,9,140,11,12,13,14]),import.meta.url),"./src/components/TextArea/TextArea.stories.tsx":async()=>t(()=>import("./TextArea.stories-D74AYBRW.js").then(r=>r.T),__vite__mapDeps([140,1,2,3,11,12,13,14]),import.meta.url),"./src/components/TextInput/TextInput.docs.mdx":async()=>t(()=>import("./TextInput.docs-BaysGaA1.js"),__vite__mapDeps([141,1,2,3,4,5,6,7,8,9,142,11,12,13]),import.meta.url),"./src/components/TextInput/TextInput.stories.tsx":async()=>t(()=>import("./TextInput.stories-DmDcPEUp.js").then(r=>r.T),__vite__mapDeps([142,1,2,3,11,12,13]),import.meta.url),"./src/components/TimeInput/TimeInput.docs.mdx":async()=>t(()=>import("./TimeInput.docs-dzKmM6pT.js"),__vite__mapDeps([143,1,2,3,4,5,6,7,8,9,144,11,12,13]),import.meta.url),"./src/components/TimeInput/TimeInput.stories.tsx":async()=>t(()=>import("./TimeInput.stories--o8tZxox.js").then(r=>r.T),__vite__mapDeps([144,1,2,3,11,12,13]),import.meta.url),"./src/components/TopTaskLink/TopTaskLink.docs.mdx":async()=>t(()=>import("./TopTaskLink.docs-cmhBigXs.js"),__vite__mapDeps([145,1,2,3,4,5,6,7,8,9,146,11,12,13,80,30,81]),import.meta.url),"./src/components/TopTaskLink/TopTaskLink.stories.tsx":async()=>t(()=>import("./TopTaskLink.stories-C3A459sz.js").then(r=>r.T),__vite__mapDeps([146,1,2,3,11,12,13]),import.meta.url),"./src/components/UnorderedList/UnorderedList.docs.mdx":async()=>t(()=>import("./UnorderedList.docs--LKabxnD.js"),__vite__mapDeps([147,1,2,3,4,5,6,7,8,9,148,11,12,13,14]),import.meta.url),"./src/components/UnorderedList/UnorderedList.stories.tsx":async()=>t(()=>import("./UnorderedList.stories-Bg_fBJLT.js").then(r=>r.U),__vite__mapDeps([148,1,2,3,11,12,13,14]),import.meta.url),"./src/docs/developer-guide/breakpoints.docs.mdx":async()=>t(()=>import("./breakpoints.docs-CKpFfo_4.js"),__vite__mapDeps([149,1,2,3,4,5,6,7,8,9]),import.meta.url),"./src/docs/developer-guide/getting-started.docs.mdx":async()=>t(()=>import("./getting-started.docs-CV9XFgqe.js"),__vite__mapDeps([150,1,2,3,4,5,6,7,8,9]),import.meta.url),"./src/docs/developer-guide/interactivity.docs.mdx":async()=>t(()=>import("./interactivity.docs-DzX_bIUL.js"),__vite__mapDeps([151,1,2,3,4,5,6,7,8,9]),import.meta.url),"./src/docs/developer-guide/language.docs.mdx":async()=>t(()=>import("./language.docs-BrXcixoU.js"),__vite__mapDeps([152,1,2,3,4,5,6,7,8,9]),import.meta.url),"./src/docs/developer-guide/routing-libraries.docs.mdx":async()=>t(()=>import("./routing-libraries.docs-qbK5d_xR.js"),__vite__mapDeps([153,1,2,3,4,5,6,7,8,9]),import.meta.url),"./src/docs/developer-guide/usability.docs.mdx":async()=>t(()=>import("./usability.docs-CHdrWxH4.js"),__vite__mapDeps([154,1,2,3,4,5,6,7,8,9]),import.meta.url),"./src/docs/developer-guide/web-app.docs.mdx":async()=>t(()=>import("./web-app.docs-DbrAHfzY.js"),__vite__mapDeps([155,1,2,3,4,5,6,7,8,9,156,11,12,13]),import.meta.url),"./src/docs/introduction.docs.mdx":async()=>t(()=>import("./introduction.docs-BBJHceVe.js"),__vite__mapDeps([157,1,2,3,4,5,6,7,8,9]),import.meta.url),"./src/docs/terms-of-use/copyright.docs.mdx":async()=>t(()=>import("./copyright.docs-DsLbgGlW.js"),__vite__mapDeps([158,1,2,3,4,5,6,7,8,9]),import.meta.url),"./src/docs/terms-of-use/license.docs.mdx":async()=>t(()=>import("./license.docs-B3pzWz5z.js"),__vite__mapDeps([159,1,2,3,4,5,6,7,8,9]),import.meta.url),"./src/foundation/assets/favicon.docs.mdx":async()=>t(()=>import("./favicon.docs-C2HEORjC.js"),__vite__mapDeps([160,1,2,3,4,5,6,7,8,9,156,11,12,13]),import.meta.url),"./src/foundation/assets/font.docs.mdx":async()=>t(()=>import("./font.docs-BLqjJUpH.js"),__vite__mapDeps([161,1,2,3,4,5,6,7,8,9]),import.meta.url),"./src/foundation/assets/icons.docs.mdx":async()=>t(()=>import("./icons.docs-CI_80m6w.js"),__vite__mapDeps([162,1,2,3,4,5,6,7,8,9,12,16,13,80,30,81]),import.meta.url),"./src/foundation/design-tokens/aspect-ratio.docs.mdx":async()=>t(()=>import("./aspect-ratio.docs-o38opC16.js"),__vite__mapDeps([163,1,2,3,4,5,6,7,8,9]),import.meta.url),"./src/foundation/design-tokens/border.docs.mdx":async()=>t(()=>import("./border.docs-YzE3zYEG.js"),__vite__mapDeps([164,1,2,3,4,5,6,7,8,9]),import.meta.url),"./src/foundation/design-tokens/colour.docs.mdx":async()=>t(()=>import("./colour.docs-vM5TRMlW.js"),__vite__mapDeps([165,1,2,3,4,5,6,7,8,9,13,166]),import.meta.url),"./src/foundation/design-tokens/grid.docs.mdx":async()=>t(()=>import("./grid.docs-BI9p8m3h.js"),__vite__mapDeps([167,1,2,3,4,5,6,7,8,9]),import.meta.url),"./src/foundation/design-tokens/space.docs.mdx":async()=>t(()=>import("./space.docs-DIyEDf_W.js"),__vite__mapDeps([168,1,2,3,4,5,6,7,8,9]),import.meta.url),"./src/foundation/design-tokens/text.docs.mdx":async()=>t(()=>import("./text.docs-D1FKA1Fn.js"),__vite__mapDeps([169,1,2,3,4,5,6,7,8,9]),import.meta.url),"./src/pages/Introduction.docs.mdx":async()=>t(()=>import("./Introduction.docs-H0j2iRIi.js"),__vite__mapDeps([170,1,2,3,4,5,6,7,8,9]),import.meta.url),"./src/pages/amsterdam/ArticlePage/ArticlePage.docs.mdx":async()=>t(()=>import("./ArticlePage.docs-DkQskou8.js"),__vite__mapDeps([171,1,2,3,4,5,6,7,8,9,172,11,12,13,89,27,173,70,16,69,71]),import.meta.url),"./src/pages/amsterdam/ArticlePage/ArticlePage.stories.tsx":async()=>t(()=>import("./ArticlePage.stories-0_l_S5C7.js").then(r=>r.A),__vite__mapDeps([172,1,2,3,11,12,13,89,27,173,70,16,69,71]),import.meta.url),"./src/pages/amsterdam/FormPage/FormPage.docs.mdx":async()=>t(()=>import("./FormPage.docs-CUXFA3MJ.js"),__vite__mapDeps([174,1,2,3,4,5,6,7,8,9,175,11,12,13,173,70,16,69,71]),import.meta.url),"./src/pages/amsterdam/FormPage/FormPage.stories.tsx":async()=>t(()=>import("./FormPage.stories-DgwdM2Bq.js").then(r=>r.F),__vite__mapDeps([175,1,2,3,11,12,13,173,70,16,69,71]),import.meta.url),"./src/pages/amsterdam/HomePage/HomePage.docs.mdx":async()=>t(()=>import("./HomePage.docs-Bb6mIKaH.js"),__vite__mapDeps([176,1,2,3,4,5,6,7,8,9,177,11,12,13,107,173,70,16,69,71]),import.meta.url),"./src/pages/amsterdam/HomePage/HomePage.stories.tsx":async()=>t(()=>import("./HomePage.stories-DCygmRH9.js").then(r=>r.H),__vite__mapDeps([177,1,2,3,11,12,13,107,173,70,16,69,71]),import.meta.url),"./src/utils/AspectRatio/AspectRatio.docs.mdx":async()=>t(()=>import("./AspectRatio.docs-pvsRsDqm.js"),__vite__mapDeps([178,1,2,3,4,5,6,7,8,9,179]),import.meta.url),"./src/utils/AspectRatio/AspectRatio.stories.tsx":async()=>t(()=>import("./AspectRatio.stories-1YKRPR3L.js").then(r=>r.A),__vite__mapDeps([179,1,2,3]),import.meta.url),"./src/utils/Gap/Gap.docs.mdx":async()=>t(()=>import("./Gap.docs-DlhVCqM1.js"),__vite__mapDeps([180,1,2,3,4,5,6,7,8,9,181,11,12,13]),import.meta.url),"./src/utils/Gap/Gap.stories.tsx":async()=>t(()=>import("./Gap.stories-BlAm-rQH.js").then(r=>r.G),__vite__mapDeps([181,1,2,3,11,12,13]),import.meta.url),"./src/utils/Margin/Margin.docs.mdx":async()=>t(()=>import("./Margin.docs-oHSwORLs.js"),__vite__mapDeps([182,1,2,3,4,5,6,7,8,9,183,11,12,13]),import.meta.url),"./src/utils/Margin/Margin.stories.tsx":async()=>t(()=>import("./Margin.stories-B-B9BwQr.js").then(r=>r.M),__vite__mapDeps([183,1,2,3,11,12,13]),import.meta.url),"./src/utils/VisuallyHidden/VisuallyHidden.docs.mdx":async()=>t(()=>import("./VisuallyHidden.docs-CBA8qcSs.js"),__vite__mapDeps([184,1,2,3,4,5,6,7,8,9,185,11,12,13]),import.meta.url),"./src/utils/VisuallyHidden/VisuallyHidden.stories.tsx":async()=>t(()=>import("./VisuallyHidden.stories-C5mP7sL-.js").then(r=>r.V),__vite__mapDeps([185,1,2,3,11,12,13]),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-BhxUcS_c.js"),__vite__mapDeps([186,187,2,3,6]),import.meta.url),r[1]??t(()=>import("./entry-preview-docs-BexTP7_g.js"),__vite__mapDeps([188,187,8,3,2]),import.meta.url),r[2]??t(()=>import("./preview-BhhEZcNS.js"),__vite__mapDeps([189,7]),import.meta.url),r[3]??t(()=>import("./preview-aVwhiz9X.js"),[],import.meta.url),r[4]??t(()=>import("./preview-D77C14du.js"),__vite__mapDeps([190,9]),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,9]),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-BJJ59O-Y.js"),[],import.meta.url),r[11]??t(()=>import("./preview-CVgpLj3b.js"),[],import.meta.url),r[12]??t(()=>import("./preview-DNEE4QmO.js"),[],import.meta.url),r[13]??t(()=>import("./preview-C7tAAfkq.js"),[],import.meta.url),r[14]??t(()=>import("./preview-Sxj8ECYt.js"),__vite__mapDeps([192,1,2,3,11,12,13,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 _}; +const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./Accordion.docs-BlUu75KD.js","./jsx-runtime-j_jdvEMj.js","./index-B-o1Wr-g.js","./_commonjsHelpers-Cpj98o6Y.js","./index-BSj771as.js","./index-CsbqyhR0.js","./index-DolzVqEf.js","./index-D-8MO0q_.js","./index-CJyPbrN5.js","./index-DrFu-skq.js","./Accordion.stories-BICZiknX.js","./index.esm-Dojcg4AG.js","./clsx-B-dksMZM.js","./index.esm-CEthAr-Q.js","./exampleContent-hIIPvEhU.js","./getHeadingTag-Dv1eMqvl.js","./Icon-D1obyjGa.js","./useKeyboardFocus-CRUFsA_C.js","./ActionGroup.docs-D74khyIv.js","./ActionGroup.stories-Bhg0peuQ.js","./Alert.docs-By5O1ptM.js","./Alert.stories-CSX7fPhb.js","./Alert-dZot25lM.js","./Heading-BMR-3CH3.js","./IconButton-C-A1ufmT.js","./Avatar.docs-BepmIcQ7.js","./Avatar.stories-Dmzcnmr8.js","./Image-BeIE0HQj.js","./Badge.docs-DgGwMo3-.js","./Badge.stories-Ci6b1rp5.js","./Badge-Cg5Q2pVP.js","./Blockquote.docs-BSLm2JBF.js","./Blockquote.stories-z9MN-vzr.js","./Breadcrumb.docs-BIWSckos.js","./Breadcrumb.stories-EowaNKYC.js","./Breakout.docs-Cc5kbVc3.js","./Breakout.stories-C9simG9h.js","./paddingClasses-C5gheHLv.js","./Button.docs-gWlQ2FGg.js","./Button.stories-DsD2Ibzg.js","./Button-CLCAbUHj.js","./Card.docs-ogw_OuLx.js","./Card.stories-c_uOcuhW.js","./Paragraph-DZy4cHOZ.js","./CharacterCount.docs-BNsQkS8V.js","./CharacterCount.stories-BuZ7Uh_6.js","./Checkbox.docs-Ck9drsKl.js","./Checkbox.stories-C3wZocJg.js","./Column.docs-BDy6zPj6.js","./Column.stories-DA2cHt2l.js","./types-B5YJ6HHW.js","./DateInput.docs-BHfgqTJT.js","./DateInput.stories-DKwn7S9d.js","./DescriptionList.docs-DXMja3vm.js","./DescriptionList.stories-B3nT4I_S.js","./Dialog.docs-76JJ24F-.js","./Dialog.stories-BNuym3EV.js","./ErrorMessage.docs--JJhmRKT.js","./ErrorMessage.stories-ix6kxWbf.js","./Field.docs-CgJJOe8i.js","./Field.stories-6k2Ogcto.js","./FieldSet.docs-y3GG82OI.js","./FieldSet.stories-7VNg7Tnk.js","./Hint-rQy8SNzx.js","./FileInput.docs-CV3tQm1b.js","./FileInput.stories-GC-iTBgE.js","./FileList.docs-D86lwQPg.js","./FileList.stories-_0UEAoXm.js","./Footer.docs-DaSgfM-u.js","./Footer.stories-DPK9ujK1.js","./PageMenu.stories-CMbLUYFI.js","./Spotlight-DZdLn00J.js","./FormErrorList.docs-Butow53p.js","./FormErrorList.stories-m0oTgLw1.js","./LinkList-Hl4TNsYq.js","./Grid.docs-BJ03sQ82.js","./Grid.stories-CUEAL2os.js","./Header.docs-CdrjFW4R.js","./Header.stories-p-07mzkS.js","./Logo-BnxYOw7m.js","./StatusBadge-_VA1BtQE.js","./StatusBadge-BPsnsflc.css","./Heading.docs-CP98-wMT.js","./Heading.stories-B-peyeqG.js","./Icon.docs-iz-_7L7_.js","./Icon.stories-C8JNob9e.js","./IconButton.docs-CTdIq2pn.js","./IconButton.stories-DxcIobAn.js","./Image.docs-BisFp9M4.js","./Image.stories-0Zmcnj6n.js","./ImageSlider.docs-o_Hp8ZQY.js","./ImageSlider.stories-DBEBe8fe.js","./Label.docs-hjYC8OCS.js","./Label.stories-Dcrx0ofz.js","./Link.docs-DLTjLMzr.js","./Link.stories-Dv8HxW7G.js","./LinkList.docs-Co48CU23.js","./LinkList.stories-DDvwme-X.js","./Logo.docs-DcnEY4cC.js","./Logo.stories-1D2Iq0g9.js","./Mark.docs-B0BqzTDX.js","./Mark.stories-C1DtnmQB.js","./MegaMenu.docs-Dh9DEteW.js","./MegaMenu.stories-Bm-aQUEJ.js","./OrderedList.docs-U-eEn8Zo.js","./OrderedList.stories-BOzViUd1.js","./Overlap.docs-gJ5uV54_.js","./Overlap.stories-BONGKRWw.js","./PageHeading.docs-BAoJdBPM.js","./PageHeading.stories-BmEmYOYu.js","./PageMenu.docs-CPSwskYm.js","./Pagination.docs-Fj-ZmLr8.js","./Pagination.stories-BzrmslUD.js","./Paragraph.docs-BvgB37ue.js","./Paragraph.stories-BthwCSgv.js","./PasswordInput.docs-CEt1xquh.js","./PasswordInput.stories-ajnz_2K-.js","./Radio.docs-CpwRrT9J.js","./Radio.stories-X76H3-vz.js","./Row.docs-ChM3RCmf.js","./Row.stories-C7A2fCsS.js","./Screen.docs-GUx4yaTD.js","./Screen.stories-DBafdEz8.js","./SearchField.docs-yw5ZDX8l.js","./SearchField.stories-8xLkmLHt.js","./Select.docs-DQRX7hpV.js","./Select.stories-MxkKYoae.js","./SkipLink.docs-Cy8zCLtq.js","./SkipLink.stories-xhUKh_2a.js","./Spotlight.docs-BAy4X4is.js","./Spotlight.stories-Chu4DCLA.js","./Switch.docs-elgGiUnJ.js","./Switch.stories-D_Yf2EWO.js","./Table.docs-B1nDAQ4v.js","./Table.stories-BhkPPk6Y.js","./TableOfContents.docs-TYy4aPJA.js","./TableOfContents.stories-CDYIQLGg.js","./Tabs.docs-uKIqw_N8.js","./Tabs.stories-cbgyGlla.js","./TextArea.docs-Wg6mpxFx.js","./TextArea.stories-Bfet-u2f.js","./TextInput.docs-BHF0gScl.js","./TextInput.stories-CqVUdAjk.js","./TimeInput.docs-B-1RTI6a.js","./TimeInput.stories-SjNKPEzG.js","./TopTaskLink.docs-Byk9I1Uf.js","./TopTaskLink.stories-DXjCvwK3.js","./UnorderedList.docs-B6TZ5chP.js","./UnorderedList.stories-BenMmfj5.js","./breakpoints.docs-oM0pR2XB.js","./getting-started.docs-CEOqwMMm.js","./interactivity.docs-C6LiUjh6.js","./language.docs-CHJuCAYq.js","./routing-libraries.docs-CJFFmQWR.js","./usability.docs-DP08rapr.js","./web-app.docs-n1ZwAf6a.js","./AppIcons-bHbdLDgN.js","./introduction.docs-r3Zs2Vs5.js","./copyright.docs-DRjNfu6B.js","./license.docs-DasoeTlY.js","./favicon.docs-CgbNNfgM.js","./font.docs-CJODOqKT.js","./icons.docs-D_HRNIut.js","./aspect-ratio.docs-D4idx08P.js","./border.docs-C49-4HlT.js","./colour.docs-DRHbH5yl.js","./colour-DMO0xpAR.css","./grid.docs-Cr-9I__p.js","./space.docs-C9Z1-P9_.js","./text.docs-CvIb4_CA.js","./Introduction.docs-DGfkKOdW.js","./ArticlePage.docs-BP401kJT.js","./ArticlePage.stories-DLI_dksE.js","./config-5U6UpIzk.js","./FormPage.docs-C78RVhxp.js","./FormPage.stories-BsGPdQ8M.js","./HomePage.docs-Bvbqbr3K.js","./HomePage.stories-CQ397qdG.js","./AspectRatio.docs-DVSA7yUb.js","./AspectRatio.stories-1YKRPR3L.js","./Gap.docs-BboShyTB.js","./Gap.stories-BEY17Q4-.js","./Margin.docs-D4meO8T5.js","./Margin.stories-Btljaugp.js","./VisuallyHidden.docs-C6S7jU94.js","./VisuallyHidden.stories-CnuszhTj.js","./entry-preview-BeJC0Shw.js","./chunk-XP5HYGXS-BGCqD1aY.js","./entry-preview-docs-BexTP7_g.js","./preview-BhhEZcNS.js","./preview-D77C14du.js","./preview-BWzBA1C2.js","./preview-DeFSAfrc.js","./preview-BTUHnI8z.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-BlUu75KD.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17]),import.meta.url),"./src/components/Accordion/Accordion.stories.tsx":async()=>t(()=>import("./Accordion.stories-BICZiknX.js").then(r=>r.A),__vite__mapDeps([10,1,2,3,11,12,13,14,15,16,17]),import.meta.url),"./src/components/ActionGroup/ActionGroup.docs.mdx":async()=>t(()=>import("./ActionGroup.docs-D74khyIv.js"),__vite__mapDeps([18,1,2,3,4,5,6,7,8,9,19,11,12,13]),import.meta.url),"./src/components/ActionGroup/ActionGroup.stories.tsx":async()=>t(()=>import("./ActionGroup.stories-Bhg0peuQ.js").then(r=>r.A),__vite__mapDeps([19,1,2,3,11,12,13]),import.meta.url),"./src/components/Alert/Alert.docs.mdx":async()=>t(()=>import("./Alert.docs-By5O1ptM.js"),__vite__mapDeps([20,1,2,3,4,5,6,7,8,9,21,11,12,13,22,16,23,15,24]),import.meta.url),"./src/components/Alert/Alert.stories.tsx":async()=>t(()=>import("./Alert.stories-CSX7fPhb.js").then(r=>r.A),__vite__mapDeps([21,1,2,3,11,12,13,22,16,23,15,24]),import.meta.url),"./src/components/Avatar/Avatar.docs.mdx":async()=>t(()=>import("./Avatar.docs-BepmIcQ7.js"),__vite__mapDeps([25,1,2,3,4,5,6,7,8,9,26,11,12,13,27,16]),import.meta.url),"./src/components/Avatar/Avatar.stories.tsx":async()=>t(()=>import("./Avatar.stories-Dmzcnmr8.js").then(r=>r.A),__vite__mapDeps([26,1,2,3,11,12,13,27,16]),import.meta.url),"./src/components/Badge/Badge.docs.mdx":async()=>t(()=>import("./Badge.docs-DgGwMo3-.js"),__vite__mapDeps([28,1,2,3,4,5,6,7,8,9,29,30,12]),import.meta.url),"./src/components/Badge/Badge.stories.tsx":async()=>t(()=>import("./Badge.stories-Ci6b1rp5.js").then(r=>r.B),__vite__mapDeps([29,30,1,2,3,12]),import.meta.url),"./src/components/Blockquote/Blockquote.docs.mdx":async()=>t(()=>import("./Blockquote.docs-BSLm2JBF.js"),__vite__mapDeps([31,1,2,3,4,5,6,7,8,9,32,14,12]),import.meta.url),"./src/components/Blockquote/Blockquote.stories.tsx":async()=>t(()=>import("./Blockquote.stories-z9MN-vzr.js").then(r=>r.B),__vite__mapDeps([32,14,1,2,3,12]),import.meta.url),"./src/components/Breadcrumb/Breadcrumb.docs.mdx":async()=>t(()=>import("./Breadcrumb.docs-BIWSckos.js"),__vite__mapDeps([33,1,2,3,4,5,6,7,8,9,34,12]),import.meta.url),"./src/components/Breadcrumb/Breadcrumb.stories.tsx":async()=>t(()=>import("./Breadcrumb.stories-EowaNKYC.js").then(r=>r.B),__vite__mapDeps([34,1,2,3,12]),import.meta.url),"./src/components/Breakout/Breakout.docs.mdx":async()=>t(()=>import("./Breakout.docs-Cc5kbVc3.js"),__vite__mapDeps([35,1,2,3,4,5,6,7,8,9,36,11,12,13,37]),import.meta.url),"./src/components/Breakout/Breakout.stories.tsx":async()=>t(()=>import("./Breakout.stories-C9simG9h.js").then(r=>r.B),__vite__mapDeps([36,1,2,3,11,12,13,37]),import.meta.url),"./src/components/Button/Button.docs.mdx":async()=>t(()=>import("./Button.docs-gWlQ2FGg.js"),__vite__mapDeps([38,1,2,3,4,5,6,7,8,9,39,13,40,12,16]),import.meta.url),"./src/components/Button/Button.stories.tsx":async()=>t(()=>import("./Button.stories-DsD2Ibzg.js").then(r=>r.B),__vite__mapDeps([39,1,2,3,13,40,12,16]),import.meta.url),"./src/components/Card/Card.docs.mdx":async()=>t(()=>import("./Card.docs-ogw_OuLx.js"),__vite__mapDeps([41,1,2,3,4,5,6,7,8,9,42,11,12,13,14,43]),import.meta.url),"./src/components/Card/Card.stories.tsx":async()=>t(()=>import("./Card.stories-c_uOcuhW.js").then(r=>r.C),__vite__mapDeps([42,1,2,3,11,12,13,14,43]),import.meta.url),"./src/components/CharacterCount/CharacterCount.docs.mdx":async()=>t(()=>import("./CharacterCount.docs-BNsQkS8V.js"),__vite__mapDeps([44,1,2,3,4,5,6,7,8,9,45,12]),import.meta.url),"./src/components/CharacterCount/CharacterCount.stories.tsx":async()=>t(()=>import("./CharacterCount.stories-BuZ7Uh_6.js").then(r=>r.C),__vite__mapDeps([45,1,2,3,12]),import.meta.url),"./src/components/Checkbox/Checkbox.docs.mdx":async()=>t(()=>import("./Checkbox.docs-Ck9drsKl.js"),__vite__mapDeps([46,1,2,3,4,5,6,7,8,9,47,11,12,13]),import.meta.url),"./src/components/Checkbox/Checkbox.stories.tsx":async()=>t(()=>import("./Checkbox.stories-C3wZocJg.js").then(r=>r.C),__vite__mapDeps([47,1,2,3,11,12,13]),import.meta.url),"./src/components/Column/Column.docs.mdx":async()=>t(()=>import("./Column.docs-BDy6zPj6.js"),__vite__mapDeps([48,1,2,3,4,5,6,7,8,9,49,11,12,13,50]),import.meta.url),"./src/components/Column/Column.stories.tsx":async()=>t(()=>import("./Column.stories-DA2cHt2l.js").then(r=>r.C),__vite__mapDeps([49,1,2,3,11,12,13,50]),import.meta.url),"./src/components/DateInput/DateInput.docs.mdx":async()=>t(()=>import("./DateInput.docs-BHfgqTJT.js"),__vite__mapDeps([51,1,2,3,4,5,6,7,8,9,52,11,12,13]),import.meta.url),"./src/components/DateInput/DateInput.stories.tsx":async()=>t(()=>import("./DateInput.stories-DKwn7S9d.js").then(r=>r.D),__vite__mapDeps([52,1,2,3,11,12,13]),import.meta.url),"./src/components/DescriptionList/DescriptionList.docs.mdx":async()=>t(()=>import("./DescriptionList.docs-DXMja3vm.js"),__vite__mapDeps([53,1,2,3,4,5,6,7,8,9,54,11,12,13]),import.meta.url),"./src/components/DescriptionList/DescriptionList.stories.tsx":async()=>t(()=>import("./DescriptionList.stories-B3nT4I_S.js").then(r=>r.D),__vite__mapDeps([54,1,2,3,11,12,13]),import.meta.url),"./src/components/Dialog/Dialog.docs.mdx":async()=>t(()=>import("./Dialog.docs-76JJ24F-.js"),__vite__mapDeps([55,1,2,3,4,5,6,7,8,9,56,11,12,13,23,15,24,16]),import.meta.url),"./src/components/Dialog/Dialog.stories.tsx":async()=>t(()=>import("./Dialog.stories-BNuym3EV.js").then(r=>r.D),__vite__mapDeps([56,1,2,3,11,12,13,23,15,24,16]),import.meta.url),"./src/components/ErrorMessage/ErrorMessage.docs.mdx":async()=>t(()=>import("./ErrorMessage.docs--JJhmRKT.js"),__vite__mapDeps([57,1,2,3,4,5,6,7,8,9,58,13,12,16]),import.meta.url),"./src/components/ErrorMessage/ErrorMessage.stories.tsx":async()=>t(()=>import("./ErrorMessage.stories-ix6kxWbf.js").then(r=>r.E),__vite__mapDeps([58,13,1,2,3,12,16]),import.meta.url),"./src/components/Field/Field.docs.mdx":async()=>t(()=>import("./Field.docs-CgJJOe8i.js"),__vite__mapDeps([59,1,2,3,4,5,6,7,8,9,60,11,12,13]),import.meta.url),"./src/components/Field/Field.stories.tsx":async()=>t(()=>import("./Field.stories-6k2Ogcto.js").then(r=>r.F),__vite__mapDeps([60,1,2,3,11,12,13]),import.meta.url),"./src/components/FieldSet/FieldSet.docs.mdx":async()=>t(()=>import("./FieldSet.docs-y3GG82OI.js"),__vite__mapDeps([61,1,2,3,4,5,6,7,8,9,62,11,12,13,63]),import.meta.url),"./src/components/FieldSet/FieldSet.stories.tsx":async()=>t(()=>import("./FieldSet.stories-7VNg7Tnk.js").then(r=>r.F),__vite__mapDeps([62,1,2,3,11,12,13,63]),import.meta.url),"./src/components/FileInput/FileInput.docs.mdx":async()=>t(()=>import("./FileInput.docs-CV3tQm1b.js"),__vite__mapDeps([64,1,2,3,4,5,6,7,8,9,65,11,12,13]),import.meta.url),"./src/components/FileInput/FileInput.stories.tsx":async()=>t(()=>import("./FileInput.stories-GC-iTBgE.js").then(r=>r.F),__vite__mapDeps([65,1,2,3,11,12,13]),import.meta.url),"./src/components/FileList/FileList.docs.mdx":async()=>t(()=>import("./FileList.docs-D86lwQPg.js"),__vite__mapDeps([66,1,2,3,4,5,6,7,8,9,67,11,12,13,16,40]),import.meta.url),"./src/components/FileList/FileList.stories.tsx":async()=>t(()=>import("./FileList.stories-_0UEAoXm.js").then(r=>r.F),__vite__mapDeps([67,1,2,3,11,12,13,16,40]),import.meta.url),"./src/components/Footer/Footer.docs.mdx":async()=>t(()=>import("./Footer.docs-DaSgfM-u.js"),__vite__mapDeps([68,1,2,3,4,5,6,7,8,9,69,11,12,13,70,16,71]),import.meta.url),"./src/components/Footer/Footer.stories.tsx":async()=>t(()=>import("./Footer.stories-DPK9ujK1.js").then(r=>r.F),__vite__mapDeps([69,1,2,3,11,12,13,70,16,71]),import.meta.url),"./src/components/FormErrorList/FormErrorList.docs.mdx":async()=>t(()=>import("./FormErrorList.docs-Butow53p.js"),__vite__mapDeps([72,1,2,3,4,5,6,7,8,9,73,12,22,13,16,23,15,24,74]),import.meta.url),"./src/components/FormErrorList/FormErrorList.stories.tsx":async()=>t(()=>import("./FormErrorList.stories-m0oTgLw1.js").then(r=>r.F),__vite__mapDeps([73,1,2,3,12,22,13,16,23,15,24,74]),import.meta.url),"./src/components/Grid/Grid.docs.mdx":async()=>t(()=>import("./Grid.docs-BJ03sQ82.js"),__vite__mapDeps([75,1,2,3,4,5,6,7,8,9,76,12,37]),import.meta.url),"./src/components/Grid/Grid.stories.tsx":async()=>t(()=>import("./Grid.stories-CUEAL2os.js").then(r=>r.G),__vite__mapDeps([76,1,2,3,12,37]),import.meta.url),"./src/components/Header/Header.docs.mdx":async()=>t(()=>import("./Header.docs-CdrjFW4R.js"),__vite__mapDeps([77,1,2,3,4,5,6,7,8,9,78,11,12,13,79,23,15,80,30,81]),import.meta.url),"./src/components/Header/Header.stories.tsx":async()=>t(()=>import("./Header.stories-p-07mzkS.js").then(r=>r.H),__vite__mapDeps([78,1,2,3,11,12,13,79,23,15]),import.meta.url),"./src/components/Heading/Heading.docs.mdx":async()=>t(()=>import("./Heading.docs-CP98-wMT.js"),__vite__mapDeps([82,1,2,3,4,5,6,7,8,9,83,11,12,13,14,23,15]),import.meta.url),"./src/components/Heading/Heading.stories.tsx":async()=>t(()=>import("./Heading.stories-B-peyeqG.js").then(r=>r.H),__vite__mapDeps([83,1,2,3,11,12,13,14,23,15]),import.meta.url),"./src/components/Icon/Icon.docs.mdx":async()=>t(()=>import("./Icon.docs-iz-_7L7_.js"),__vite__mapDeps([84,1,2,3,4,5,6,7,8,9,85,11,12,13,16,80,30,81]),import.meta.url),"./src/components/Icon/Icon.stories.tsx":async()=>t(()=>import("./Icon.stories-C8JNob9e.js").then(r=>r.I),__vite__mapDeps([85,1,2,3,11,12,13,16]),import.meta.url),"./src/components/IconButton/IconButton.docs.mdx":async()=>t(()=>import("./IconButton.docs-CTdIq2pn.js"),__vite__mapDeps([86,1,2,3,4,5,6,7,8,9,87,13,24,12,16]),import.meta.url),"./src/components/IconButton/IconButton.stories.tsx":async()=>t(()=>import("./IconButton.stories-DxcIobAn.js").then(r=>r.I),__vite__mapDeps([87,13,1,2,3,24,12,16]),import.meta.url),"./src/components/Image/Image.docs.mdx":async()=>t(()=>import("./Image.docs-BisFp9M4.js"),__vite__mapDeps([88,1,2,3,4,5,6,7,8,9,89,27,12]),import.meta.url),"./src/components/Image/Image.stories.tsx":async()=>t(()=>import("./Image.stories-0Zmcnj6n.js").then(r=>r.I),__vite__mapDeps([89,27,1,2,3,12]),import.meta.url),"./src/components/ImageSlider/ImageSlider.docs.mdx":async()=>t(()=>import("./ImageSlider.docs-o_Hp8ZQY.js"),__vite__mapDeps([90,1,2,3,4,5,6,7,8,9,91,12,13,24,16,27]),import.meta.url),"./src/components/ImageSlider/ImageSlider.stories.tsx":async()=>t(()=>import("./ImageSlider.stories-DBEBe8fe.js").then(r=>r.I),__vite__mapDeps([91,1,2,3,12,13,24,16,27]),import.meta.url),"./src/components/Label/Label.docs.mdx":async()=>t(()=>import("./Label.docs-hjYC8OCS.js"),__vite__mapDeps([92,1,2,3,4,5,6,7,8,9,93,12,63]),import.meta.url),"./src/components/Label/Label.stories.tsx":async()=>t(()=>import("./Label.stories-Dcrx0ofz.js").then(r=>r.L),__vite__mapDeps([93,1,2,3,12,63]),import.meta.url),"./src/components/Link/Link.docs.mdx":async()=>t(()=>import("./Link.docs-DLTjLMzr.js"),__vite__mapDeps([94,1,2,3,4,5,6,7,8,9,95,11,12,13]),import.meta.url),"./src/components/Link/Link.stories.tsx":async()=>t(()=>import("./Link.stories-Dv8HxW7G.js").then(r=>r.L),__vite__mapDeps([95,1,2,3,11,12,13]),import.meta.url),"./src/components/LinkList/LinkList.docs.mdx":async()=>t(()=>import("./LinkList.docs-Co48CU23.js"),__vite__mapDeps([96,1,2,3,4,5,6,7,8,9,97,13,14,74,12,16]),import.meta.url),"./src/components/LinkList/LinkList.stories.tsx":async()=>t(()=>import("./LinkList.stories-DDvwme-X.js").then(r=>r.L),__vite__mapDeps([97,1,2,3,13,14,74,12,16]),import.meta.url),"./src/components/Logo/Logo.docs.mdx":async()=>t(()=>import("./Logo.docs-DcnEY4cC.js"),__vite__mapDeps([98,1,2,3,4,5,6,7,8,9,99,79,12]),import.meta.url),"./src/components/Logo/Logo.stories.tsx":async()=>t(()=>import("./Logo.stories-1D2Iq0g9.js").then(r=>r.L),__vite__mapDeps([99,79,1,2,3,12]),import.meta.url),"./src/components/Mark/Mark.docs.mdx":async()=>t(()=>import("./Mark.docs-B0BqzTDX.js"),__vite__mapDeps([100,1,2,3,4,5,6,7,8,9,101,11,12,13]),import.meta.url),"./src/components/Mark/Mark.stories.tsx":async()=>t(()=>import("./Mark.stories-C1DtnmQB.js").then(r=>r.M),__vite__mapDeps([101,1,2,3,11,12,13]),import.meta.url),"./src/components/MegaMenu/MegaMenu.docs.mdx":async()=>t(()=>import("./MegaMenu.docs-Dh9DEteW.js"),__vite__mapDeps([102,1,2,3,4,5,6,7,8,9,103,11,12,13,80,30,81]),import.meta.url),"./src/components/MegaMenu/MegaMenu.stories.tsx":async()=>t(()=>import("./MegaMenu.stories-Bm-aQUEJ.js").then(r=>r.M),__vite__mapDeps([103,1,2,3,11,12,13]),import.meta.url),"./src/components/OrderedList/OrderedList.docs.mdx":async()=>t(()=>import("./OrderedList.docs-U-eEn8Zo.js"),__vite__mapDeps([104,1,2,3,4,5,6,7,8,9,105,11,12,13,14]),import.meta.url),"./src/components/OrderedList/OrderedList.stories.tsx":async()=>t(()=>import("./OrderedList.stories-BOzViUd1.js").then(r=>r.O),__vite__mapDeps([105,1,2,3,11,12,13,14]),import.meta.url),"./src/components/Overlap/Overlap.docs.mdx":async()=>t(()=>import("./Overlap.docs-gJ5uV54_.js"),__vite__mapDeps([106,1,2,3,4,5,6,7,8,9,107,11,12,13]),import.meta.url),"./src/components/Overlap/Overlap.stories.tsx":async()=>t(()=>import("./Overlap.stories-BONGKRWw.js").then(r=>r.O),__vite__mapDeps([107,1,2,3,11,12,13]),import.meta.url),"./src/components/PageHeading/PageHeading.docs.mdx":async()=>t(()=>import("./PageHeading.docs-BAoJdBPM.js"),__vite__mapDeps([108,1,2,3,4,5,6,7,8,9,109,12]),import.meta.url),"./src/components/PageHeading/PageHeading.stories.tsx":async()=>t(()=>import("./PageHeading.stories-BmEmYOYu.js").then(r=>r.P),__vite__mapDeps([109,1,2,3,12]),import.meta.url),"./src/components/PageMenu/PageMenu.docs.mdx":async()=>t(()=>import("./PageMenu.docs-CPSwskYm.js"),__vite__mapDeps([110,1,2,3,4,5,6,7,8,9,70,13,12,16,80,30,81]),import.meta.url),"./src/components/PageMenu/PageMenu.stories.tsx":async()=>t(()=>import("./PageMenu.stories-CMbLUYFI.js").then(r=>r.P),__vite__mapDeps([70,1,2,3,13,12,16]),import.meta.url),"./src/components/Pagination/Pagination.docs.mdx":async()=>t(()=>import("./Pagination.docs-Fj-ZmLr8.js"),__vite__mapDeps([111,1,2,3,4,5,6,7,8,9,112,13,12,16]),import.meta.url),"./src/components/Pagination/Pagination.stories.tsx":async()=>t(()=>import("./Pagination.stories-BzrmslUD.js").then(r=>r.P),__vite__mapDeps([112,1,2,3,13,12,16]),import.meta.url),"./src/components/Paragraph/Paragraph.docs.mdx":async()=>t(()=>import("./Paragraph.docs-BvgB37ue.js"),__vite__mapDeps([113,1,2,3,4,5,6,7,8,9,114,14,43,12]),import.meta.url),"./src/components/Paragraph/Paragraph.stories.tsx":async()=>t(()=>import("./Paragraph.stories-BthwCSgv.js").then(r=>r.P),__vite__mapDeps([114,14,43,1,2,3,12]),import.meta.url),"./src/components/PasswordInput/PasswordInput.docs.mdx":async()=>t(()=>import("./PasswordInput.docs-CEt1xquh.js"),__vite__mapDeps([115,1,2,3,4,5,6,7,8,9,116,11,12,13]),import.meta.url),"./src/components/PasswordInput/PasswordInput.stories.tsx":async()=>t(()=>import("./PasswordInput.stories-ajnz_2K-.js").then(r=>r.P),__vite__mapDeps([116,1,2,3,11,12,13]),import.meta.url),"./src/components/Radio/Radio.docs.mdx":async()=>t(()=>import("./Radio.docs-CpwRrT9J.js"),__vite__mapDeps([117,1,2,3,4,5,6,7,8,9,118,11,12,13]),import.meta.url),"./src/components/Radio/Radio.stories.tsx":async()=>t(()=>import("./Radio.stories-X76H3-vz.js").then(r=>r.R),__vite__mapDeps([118,1,2,3,11,12,13]),import.meta.url),"./src/components/Row/Row.docs.mdx":async()=>t(()=>import("./Row.docs-ChM3RCmf.js"),__vite__mapDeps([119,1,2,3,4,5,6,7,8,9,120,11,12,13,50]),import.meta.url),"./src/components/Row/Row.stories.tsx":async()=>t(()=>import("./Row.stories-C7A2fCsS.js").then(r=>r.R),__vite__mapDeps([120,1,2,3,11,12,13,50]),import.meta.url),"./src/components/Screen/Screen.docs.mdx":async()=>t(()=>import("./Screen.docs-GUx4yaTD.js"),__vite__mapDeps([121,1,2,3,4,5,6,7,8,9,122,12]),import.meta.url),"./src/components/Screen/Screen.stories.tsx":async()=>t(()=>import("./Screen.stories-DBafdEz8.js").then(r=>r.S),__vite__mapDeps([122,1,2,3,12]),import.meta.url),"./src/components/SearchField/SearchField.docs.mdx":async()=>t(()=>import("./SearchField.docs-yw5ZDX8l.js"),__vite__mapDeps([123,1,2,3,4,5,6,7,8,9,124,12,13,40,16]),import.meta.url),"./src/components/SearchField/SearchField.stories.tsx":async()=>t(()=>import("./SearchField.stories-8xLkmLHt.js").then(r=>r.S),__vite__mapDeps([124,1,2,3,12,13,40,16]),import.meta.url),"./src/components/Select/Select.docs.mdx":async()=>t(()=>import("./Select.docs-DQRX7hpV.js"),__vite__mapDeps([125,1,2,3,4,5,6,7,8,9,126,11,12,13]),import.meta.url),"./src/components/Select/Select.stories.tsx":async()=>t(()=>import("./Select.stories-MxkKYoae.js").then(r=>r.S),__vite__mapDeps([126,1,2,3,11,12,13]),import.meta.url),"./src/components/SkipLink/SkipLink.docs.mdx":async()=>t(()=>import("./SkipLink.docs-Cy8zCLtq.js"),__vite__mapDeps([127,1,2,3,4,5,6,7,8,9,128,11,12,13]),import.meta.url),"./src/components/SkipLink/SkipLink.stories.tsx":async()=>t(()=>import("./SkipLink.stories-xhUKh_2a.js").then(r=>r.S),__vite__mapDeps([128,1,2,3,11,12,13]),import.meta.url),"./src/components/Spotlight/Spotlight.docs.mdx":async()=>t(()=>import("./Spotlight.docs-BAy4X4is.js"),__vite__mapDeps([129,1,2,3,4,5,6,7,8,9,130,11,12,13,14,71]),import.meta.url),"./src/components/Spotlight/Spotlight.stories.tsx":async()=>t(()=>import("./Spotlight.stories-Chu4DCLA.js").then(r=>r.S),__vite__mapDeps([130,1,2,3,11,12,13,14,71]),import.meta.url),"./src/components/Switch/Switch.docs.mdx":async()=>t(()=>import("./Switch.docs-elgGiUnJ.js"),__vite__mapDeps([131,1,2,3,4,5,6,7,8,9,132,11,12,13]),import.meta.url),"./src/components/Switch/Switch.stories.tsx":async()=>t(()=>import("./Switch.stories-D_Yf2EWO.js").then(r=>r.S),__vite__mapDeps([132,1,2,3,11,12,13]),import.meta.url),"./src/components/Table/Table.docs.mdx":async()=>t(()=>import("./Table.docs-B1nDAQ4v.js"),__vite__mapDeps([133,1,2,3,4,5,6,7,8,9,134,12]),import.meta.url),"./src/components/Table/Table.stories.tsx":async()=>t(()=>import("./Table.stories-BhkPPk6Y.js").then(r=>r.T),__vite__mapDeps([134,1,2,3,12]),import.meta.url),"./src/components/TableOfContents/TableOfContents.docs.mdx":async()=>t(()=>import("./TableOfContents.docs-TYy4aPJA.js"),__vite__mapDeps([135,1,2,3,4,5,6,7,8,9,136,12,23,15]),import.meta.url),"./src/components/TableOfContents/TableOfContents.stories.tsx":async()=>t(()=>import("./TableOfContents.stories-CDYIQLGg.js").then(r=>r.T),__vite__mapDeps([136,1,2,3,12,23,15]),import.meta.url),"./src/components/Tabs/Tabs.docs.mdx":async()=>t(()=>import("./Tabs.docs-uKIqw_N8.js"),__vite__mapDeps([137,1,2,3,4,5,6,7,8,9,138,11,12,13,14,17]),import.meta.url),"./src/components/Tabs/Tabs.stories.tsx":async()=>t(()=>import("./Tabs.stories-cbgyGlla.js").then(r=>r.T),__vite__mapDeps([138,1,2,3,11,12,13,14,17]),import.meta.url),"./src/components/TextArea/TextArea.docs.mdx":async()=>t(()=>import("./TextArea.docs-Wg6mpxFx.js"),__vite__mapDeps([139,1,2,3,4,5,6,7,8,9,140,11,12,13,14]),import.meta.url),"./src/components/TextArea/TextArea.stories.tsx":async()=>t(()=>import("./TextArea.stories-Bfet-u2f.js").then(r=>r.T),__vite__mapDeps([140,1,2,3,11,12,13,14]),import.meta.url),"./src/components/TextInput/TextInput.docs.mdx":async()=>t(()=>import("./TextInput.docs-BHF0gScl.js"),__vite__mapDeps([141,1,2,3,4,5,6,7,8,9,142,11,12,13]),import.meta.url),"./src/components/TextInput/TextInput.stories.tsx":async()=>t(()=>import("./TextInput.stories-CqVUdAjk.js").then(r=>r.T),__vite__mapDeps([142,1,2,3,11,12,13]),import.meta.url),"./src/components/TimeInput/TimeInput.docs.mdx":async()=>t(()=>import("./TimeInput.docs-B-1RTI6a.js"),__vite__mapDeps([143,1,2,3,4,5,6,7,8,9,144,11,12,13]),import.meta.url),"./src/components/TimeInput/TimeInput.stories.tsx":async()=>t(()=>import("./TimeInput.stories-SjNKPEzG.js").then(r=>r.T),__vite__mapDeps([144,1,2,3,11,12,13]),import.meta.url),"./src/components/TopTaskLink/TopTaskLink.docs.mdx":async()=>t(()=>import("./TopTaskLink.docs-Byk9I1Uf.js"),__vite__mapDeps([145,1,2,3,4,5,6,7,8,9,146,11,12,13,80,30,81]),import.meta.url),"./src/components/TopTaskLink/TopTaskLink.stories.tsx":async()=>t(()=>import("./TopTaskLink.stories-DXjCvwK3.js").then(r=>r.T),__vite__mapDeps([146,1,2,3,11,12,13]),import.meta.url),"./src/components/UnorderedList/UnorderedList.docs.mdx":async()=>t(()=>import("./UnorderedList.docs-B6TZ5chP.js"),__vite__mapDeps([147,1,2,3,4,5,6,7,8,9,148,11,12,13,14]),import.meta.url),"./src/components/UnorderedList/UnorderedList.stories.tsx":async()=>t(()=>import("./UnorderedList.stories-BenMmfj5.js").then(r=>r.U),__vite__mapDeps([148,1,2,3,11,12,13,14]),import.meta.url),"./src/docs/developer-guide/breakpoints.docs.mdx":async()=>t(()=>import("./breakpoints.docs-oM0pR2XB.js"),__vite__mapDeps([149,1,2,3,4,5,6,7,8,9]),import.meta.url),"./src/docs/developer-guide/getting-started.docs.mdx":async()=>t(()=>import("./getting-started.docs-CEOqwMMm.js"),__vite__mapDeps([150,1,2,3,4,5,6,7,8,9]),import.meta.url),"./src/docs/developer-guide/interactivity.docs.mdx":async()=>t(()=>import("./interactivity.docs-C6LiUjh6.js"),__vite__mapDeps([151,1,2,3,4,5,6,7,8,9]),import.meta.url),"./src/docs/developer-guide/language.docs.mdx":async()=>t(()=>import("./language.docs-CHJuCAYq.js"),__vite__mapDeps([152,1,2,3,4,5,6,7,8,9]),import.meta.url),"./src/docs/developer-guide/routing-libraries.docs.mdx":async()=>t(()=>import("./routing-libraries.docs-CJFFmQWR.js"),__vite__mapDeps([153,1,2,3,4,5,6,7,8,9]),import.meta.url),"./src/docs/developer-guide/usability.docs.mdx":async()=>t(()=>import("./usability.docs-DP08rapr.js"),__vite__mapDeps([154,1,2,3,4,5,6,7,8,9]),import.meta.url),"./src/docs/developer-guide/web-app.docs.mdx":async()=>t(()=>import("./web-app.docs-n1ZwAf6a.js"),__vite__mapDeps([155,1,2,3,4,5,6,7,8,9,156,11,12,13]),import.meta.url),"./src/docs/introduction.docs.mdx":async()=>t(()=>import("./introduction.docs-r3Zs2Vs5.js"),__vite__mapDeps([157,1,2,3,4,5,6,7,8,9]),import.meta.url),"./src/docs/terms-of-use/copyright.docs.mdx":async()=>t(()=>import("./copyright.docs-DRjNfu6B.js"),__vite__mapDeps([158,1,2,3,4,5,6,7,8,9]),import.meta.url),"./src/docs/terms-of-use/license.docs.mdx":async()=>t(()=>import("./license.docs-DasoeTlY.js"),__vite__mapDeps([159,1,2,3,4,5,6,7,8,9]),import.meta.url),"./src/foundation/assets/favicon.docs.mdx":async()=>t(()=>import("./favicon.docs-CgbNNfgM.js"),__vite__mapDeps([160,1,2,3,4,5,6,7,8,9,156,11,12,13]),import.meta.url),"./src/foundation/assets/font.docs.mdx":async()=>t(()=>import("./font.docs-CJODOqKT.js"),__vite__mapDeps([161,1,2,3,4,5,6,7,8,9]),import.meta.url),"./src/foundation/assets/icons.docs.mdx":async()=>t(()=>import("./icons.docs-D_HRNIut.js"),__vite__mapDeps([162,1,2,3,4,5,6,7,8,9,13,16,12,80,30,81]),import.meta.url),"./src/foundation/design-tokens/aspect-ratio.docs.mdx":async()=>t(()=>import("./aspect-ratio.docs-D4idx08P.js"),__vite__mapDeps([163,1,2,3,4,5,6,7,8,9]),import.meta.url),"./src/foundation/design-tokens/border.docs.mdx":async()=>t(()=>import("./border.docs-C49-4HlT.js"),__vite__mapDeps([164,1,2,3,4,5,6,7,8,9]),import.meta.url),"./src/foundation/design-tokens/colour.docs.mdx":async()=>t(()=>import("./colour.docs-DRHbH5yl.js"),__vite__mapDeps([165,1,2,3,4,5,6,7,8,9,12,166]),import.meta.url),"./src/foundation/design-tokens/grid.docs.mdx":async()=>t(()=>import("./grid.docs-Cr-9I__p.js"),__vite__mapDeps([167,1,2,3,4,5,6,7,8,9]),import.meta.url),"./src/foundation/design-tokens/space.docs.mdx":async()=>t(()=>import("./space.docs-C9Z1-P9_.js"),__vite__mapDeps([168,1,2,3,4,5,6,7,8,9]),import.meta.url),"./src/foundation/design-tokens/text.docs.mdx":async()=>t(()=>import("./text.docs-CvIb4_CA.js"),__vite__mapDeps([169,1,2,3,4,5,6,7,8,9]),import.meta.url),"./src/pages/Introduction.docs.mdx":async()=>t(()=>import("./Introduction.docs-DGfkKOdW.js"),__vite__mapDeps([170,1,2,3,4,5,6,7,8,9]),import.meta.url),"./src/pages/amsterdam/ArticlePage/ArticlePage.docs.mdx":async()=>t(()=>import("./ArticlePage.docs-BP401kJT.js"),__vite__mapDeps([171,1,2,3,4,5,6,7,8,9,172,11,12,13,89,27,173,70,16,69,71]),import.meta.url),"./src/pages/amsterdam/ArticlePage/ArticlePage.stories.tsx":async()=>t(()=>import("./ArticlePage.stories-DLI_dksE.js").then(r=>r.A),__vite__mapDeps([172,1,2,3,11,12,13,89,27,173,70,16,69,71]),import.meta.url),"./src/pages/amsterdam/FormPage/FormPage.docs.mdx":async()=>t(()=>import("./FormPage.docs-C78RVhxp.js"),__vite__mapDeps([174,1,2,3,4,5,6,7,8,9,175,11,12,13,173,70,16,69,71]),import.meta.url),"./src/pages/amsterdam/FormPage/FormPage.stories.tsx":async()=>t(()=>import("./FormPage.stories-BsGPdQ8M.js").then(r=>r.F),__vite__mapDeps([175,1,2,3,11,12,13,173,70,16,69,71]),import.meta.url),"./src/pages/amsterdam/HomePage/HomePage.docs.mdx":async()=>t(()=>import("./HomePage.docs-Bvbqbr3K.js"),__vite__mapDeps([176,1,2,3,4,5,6,7,8,9,177,11,12,13,107,173,70,16,69,71]),import.meta.url),"./src/pages/amsterdam/HomePage/HomePage.stories.tsx":async()=>t(()=>import("./HomePage.stories-CQ397qdG.js").then(r=>r.H),__vite__mapDeps([177,1,2,3,11,12,13,107,173,70,16,69,71]),import.meta.url),"./src/utils/AspectRatio/AspectRatio.docs.mdx":async()=>t(()=>import("./AspectRatio.docs-DVSA7yUb.js"),__vite__mapDeps([178,1,2,3,4,5,6,7,8,9,179]),import.meta.url),"./src/utils/AspectRatio/AspectRatio.stories.tsx":async()=>t(()=>import("./AspectRatio.stories-1YKRPR3L.js").then(r=>r.A),__vite__mapDeps([179,1,2,3]),import.meta.url),"./src/utils/Gap/Gap.docs.mdx":async()=>t(()=>import("./Gap.docs-BboShyTB.js"),__vite__mapDeps([180,1,2,3,4,5,6,7,8,9,181,11,12,13]),import.meta.url),"./src/utils/Gap/Gap.stories.tsx":async()=>t(()=>import("./Gap.stories-BEY17Q4-.js").then(r=>r.G),__vite__mapDeps([181,1,2,3,11,12,13]),import.meta.url),"./src/utils/Margin/Margin.docs.mdx":async()=>t(()=>import("./Margin.docs-D4meO8T5.js"),__vite__mapDeps([182,1,2,3,4,5,6,7,8,9,183,11,12,13]),import.meta.url),"./src/utils/Margin/Margin.stories.tsx":async()=>t(()=>import("./Margin.stories-Btljaugp.js").then(r=>r.M),__vite__mapDeps([183,1,2,3,11,12,13]),import.meta.url),"./src/utils/VisuallyHidden/VisuallyHidden.docs.mdx":async()=>t(()=>import("./VisuallyHidden.docs-C6S7jU94.js"),__vite__mapDeps([184,1,2,3,4,5,6,7,8,9,185,11,12,13]),import.meta.url),"./src/utils/VisuallyHidden/VisuallyHidden.stories.tsx":async()=>t(()=>import("./VisuallyHidden.stories-CnuszhTj.js").then(r=>r.V),__vite__mapDeps([185,1,2,3,11,12,13]),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-BeJC0Shw.js"),__vite__mapDeps([186,187,2,3,6]),import.meta.url),r[1]??t(()=>import("./entry-preview-docs-BexTP7_g.js"),__vite__mapDeps([188,187,8,3,2]),import.meta.url),r[2]??t(()=>import("./preview-BhhEZcNS.js"),__vite__mapDeps([189,7]),import.meta.url),r[3]??t(()=>import("./preview-aVwhiz9X.js"),[],import.meta.url),r[4]??t(()=>import("./preview-D77C14du.js"),__vite__mapDeps([190,9]),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,9]),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-CeQ8inqV.js"),[],import.meta.url),r[11]??t(()=>import("./preview-CVgpLj3b.js"),[],import.meta.url),r[12]??t(()=>import("./preview-BYz12fpG.js"),[],import.meta.url),r[13]??t(()=>import("./preview-C7tAAfkq.js"),[],import.meta.url),r[14]??t(()=>import("./preview-DeFSAfrc.js"),__vite__mapDeps([192,1,2,3,11,12,13,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-DES-969-file-list-component/assets/index-BFpHG83Q.js b/demo-DES-969-file-list-component/assets/index-CMeCMEpM.js similarity index 96% rename from demo-DES-969-file-list-component/assets/index-BFpHG83Q.js rename to demo-DES-969-file-list-component/assets/index-CMeCMEpM.js index fec633223c..a3c57abfec 100644 --- a/demo-DES-969-file-list-component/assets/index-BFpHG83Q.js +++ b/demo-DES-969-file-list-component/assets/index-CMeCMEpM.js @@ -1 +1 @@ -import{m as c,a as T,G as b,K as d,P as S,g as B,L,b as C,v as H,w as u,c as g,E as y,$ as I,y as h,d as k,N as P,e as W,D as A,x as F,C as x,f as D,S as R,R as f,I as v,h as E,i as M,A as N,F as q,j as w,k as O,l as U,W as Z,n as j,T as z,t as G,o as J,p as K,q as Q,r as V,s as X,u as Y,z as _,B as $,H as aa,J as sa,M as oa,V as ta,O as ea,Q as ra,U as pa,X as ia,Y as na,Z as ma,_ as la,a0 as ca,a1 as Ta,a2 as ba,a3 as da,a4 as Sa,a5 as Ba,a6 as La,a7 as Ca,a8 as Ha,a9 as ua,aa as ga,ab as ya,ac as Ia,ad as ha}from"./index-D4650r9u.js";import"./iframe-B8lpJMi7.js";import"../sb-preview/runtime.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./jsx-runtime-j_jdvEMj.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";export{c as A,T as ActionBar,b as AddonPanel,d as Badge,S as Bar,B as Blockquote,L as Button,C as ClipboardCode,H as Code,u as DL,g as Div,y as DocumentWrapper,I as EmptyTabContent,h as ErrorFormatter,k as FlexBar,P as Form,W as H1,A as H2,F as H3,x as H4,D as H5,R as H6,f as HR,v as IconButton,E as IconButtonSkeleton,M as Icons,N as Img,q as LI,w as Link,O as ListItem,U as Loader,Z as Modal,j as OL,z as P,G as Placeholder,J as Pre,K as ResetWrapper,Q as ScrollArea,V as Separator,X as Spaced,Y as Span,_ as StorybookIcon,$ as StorybookLogo,aa as Symbols,sa as SyntaxHighlighter,oa as TT,ta as TabBar,ea as TabButton,ra as TabWrapper,pa as Table,ia as Tabs,na as TabsState,ma as TooltipLinkList,la as TooltipMessage,ca as TooltipNote,Ta as UL,ba as WithTooltip,da as WithTooltipPure,Sa as Zoom,Ba as codeCommon,La as components,Ca as createCopyToClipboardFunction,Ha as getStoryHref,ua as icons,ga as interleaveSeparators,ya as nameSpaceClassNames,Ia as resetComponents,ha as withReset}; +import{m as c,a as T,G as b,K as d,P as S,g as B,L,b as C,v as H,w as u,c as g,E as y,$ as I,y as h,d as k,N as P,e as W,D as A,x as F,C as x,f as D,S as R,R as f,I as v,h as E,i as M,A as N,F as q,j as w,k as O,l as U,W as Z,n as j,T as z,t as G,o as J,p as K,q as Q,r as V,s as X,u as Y,z as _,B as $,H as aa,J as sa,M as oa,V as ta,O as ea,Q as ra,U as pa,X as ia,Y as na,Z as ma,_ as la,a0 as ca,a1 as Ta,a2 as ba,a3 as da,a4 as Sa,a5 as Ba,a6 as La,a7 as Ca,a8 as Ha,a9 as ua,aa as ga,ab as ya,ac as Ia,ad as ha}from"./index-CsbqyhR0.js";import"./iframe-BqRGPnP1.js";import"../sb-preview/runtime.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./jsx-runtime-j_jdvEMj.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";export{c as A,T as ActionBar,b as AddonPanel,d as Badge,S as Bar,B as Blockquote,L as Button,C as ClipboardCode,H as Code,u as DL,g as Div,y as DocumentWrapper,I as EmptyTabContent,h as ErrorFormatter,k as FlexBar,P as Form,W as H1,A as H2,F as H3,x as H4,D as H5,R as H6,f as HR,v as IconButton,E as IconButtonSkeleton,M as Icons,N as Img,q as LI,w as Link,O as ListItem,U as Loader,Z as Modal,j as OL,z as P,G as Placeholder,J as Pre,K as ResetWrapper,Q as ScrollArea,V as Separator,X as Spaced,Y as Span,_ as StorybookIcon,$ as StorybookLogo,aa as Symbols,sa as SyntaxHighlighter,oa as TT,ta as TabBar,ea as TabButton,ra as TabWrapper,pa as Table,ia as Tabs,na as TabsState,ma as TooltipLinkList,la as TooltipMessage,ca as TooltipNote,Ta as UL,ba as WithTooltip,da as WithTooltipPure,Sa as Zoom,Ba as codeCommon,La as components,Ca as createCopyToClipboardFunction,Ha as getStoryHref,ua as icons,ga as interleaveSeparators,ya as nameSpaceClassNames,Ia as resetComponents,ha as withReset}; diff --git a/demo-DES-969-file-list-component/assets/index-D4650r9u.js b/demo-DES-969-file-list-component/assets/index-CsbqyhR0.js similarity index 99% rename from demo-DES-969-file-list-component/assets/index-D4650r9u.js rename to demo-DES-969-file-list-component/assets/index-CsbqyhR0.js index 28fadb14c1..c85488f5fc 100644 --- a/demo-DES-969-file-list-component/assets/index-D4650r9u.js +++ b/demo-DES-969-file-list-component/assets/index-CsbqyhR0.js @@ -1,5 +1,5 @@ -const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./index-BFpHG83Q.js","./iframe-B8lpJMi7.js","./index-B-o1Wr-g.js","./_commonjsHelpers-Cpj98o6Y.js","./jsx-runtime-j_jdvEMj.js","./index-DolzVqEf.js","./index-D-8MO0q_.js","./index-CJyPbrN5.js","./index-DrFu-skq.js","./Color-F6OSRLHC-uSJGMDl0.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-B8lpJMi7.js";import{r as l,R as y}from"./index-B-o1Wr-g.js";import{j as J}from"./jsx-runtime-j_jdvEMj.js";import{r as fs,F as Z4}from"./index-DolzVqEf.js";import{O as J4,P as Vx}from"./index-D-8MO0q_.js";import{y as gh,g as Eu}from"./index-CJyPbrN5.js";import{d as Ux}from"./index-DrFu-skq.js";var qx=Object.create,X4=Object.defineProperty,Wx=Object.getOwnPropertyDescriptor,Q4=Object.getOwnPropertyNames,Gx=Object.getPrototypeOf,Yx=Object.prototype.hasOwnProperty,xi=(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[Q4(e)[0]])((t={exports:{}}).exports,t),t.exports},Kx=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of Q4(t))!Yx.call(e,a)&&a!==r&&X4(e,a,{get:()=>t[a],enumerable:!(n=Wx(t,a))||n.enumerable});return e},Y1=(e,t,r)=>(r=e!=null?qx(Gx(e)):{},Kx(t||!e||!e.__esModule?X4(r,"default",{value:e,enumerable:!0}):r,e));function Zx(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 yV(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=Zx(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 Jx(e){return Array.from(new Set(e))}function Xx(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,"-")}`,iD=Object.create,K1=Object.defineProperty,lD=Object.getOwnPropertyDescriptor,sD=Object.getOwnPropertyNames,uD=Object.getPrototypeOf,cD=Object.prototype.hasOwnProperty,R=(e,t)=>K1(e,"name",{value:t,configurable:!0}),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')}),ms=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports),dD=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of sD(t))!cD.call(e,a)&&a!==r&&K1(e,a,{get:()=>t[a],enumerable:!(n=lD(t,a))||n.enumerable});return e},Z1=(e,t,r)=>(r=e!=null?iD(uD(e)):{},dD(t||!e||!e.__esModule?K1(r,"default",{value:e,enumerable:!0}):r,e)),pD=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})()}),fD=ms((e,t)=>{t.exports=pD()}),e3=ms((e,t)=>{var r=fD(),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 Di=="function"&&Di;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 Di=="function"&&Di,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-BqRGPnP1.js";import{r as l,R as y}from"./index-B-o1Wr-g.js";import{j as J}from"./jsx-runtime-j_jdvEMj.js";import{r as fs,F as Z4}from"./index-DolzVqEf.js";import{O as J4,P as Vx}from"./index-D-8MO0q_.js";import{y as gh,g as Eu}from"./index-CJyPbrN5.js";import{d as Ux}from"./index-DrFu-skq.js";var qx=Object.create,X4=Object.defineProperty,Wx=Object.getOwnPropertyDescriptor,Q4=Object.getOwnPropertyNames,Gx=Object.getPrototypeOf,Yx=Object.prototype.hasOwnProperty,xi=(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[Q4(e)[0]])((t={exports:{}}).exports,t),t.exports},Kx=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of Q4(t))!Yx.call(e,a)&&a!==r&&X4(e,a,{get:()=>t[a],enumerable:!(n=Wx(t,a))||n.enumerable});return e},Y1=(e,t,r)=>(r=e!=null?qx(Gx(e)):{},Kx(t||!e||!e.__esModule?X4(r,"default",{value:e,enumerable:!0}):r,e));function Zx(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 yV(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=Zx(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 Jx(e){return Array.from(new Set(e))}function Xx(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,"-")}`,iD=Object.create,K1=Object.defineProperty,lD=Object.getOwnPropertyDescriptor,sD=Object.getOwnPropertyNames,uD=Object.getPrototypeOf,cD=Object.prototype.hasOwnProperty,R=(e,t)=>K1(e,"name",{value:t,configurable:!0}),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')}),ms=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports),dD=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of sD(t))!cD.call(e,a)&&a!==r&&K1(e,a,{get:()=>t[a],enumerable:!(n=lD(t,a))||n.enumerable});return e},Z1=(e,t,r)=>(r=e!=null?iD(uD(e)):{},dD(t||!e||!e.__esModule?K1(r,"default",{value:e,enumerable:!0}):r,e)),pD=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})()}),fD=ms((e,t)=>{t.exports=pD()}),e3=ms((e,t)=>{var r=fD(),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 Di=="function"&&Di;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 Di=="function"&&Di,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(u3,"prev");function Oe(){return de=$e2||sa(de)>3?"":" "}R(c3,"whitespace");function d3(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(d3,"escaping");function Cl(e){for(;Oe();)switch(de){case e:return $e;case 34:case 39:e!==34&&e!==39&&Cl(de);break;case 40:e===41&&Cl(e);break;case 92:Oe();break}return $e}R(Cl,"delimiter");function p3(e,t){for(;Oe()&&e+de!==57&&!(e+de===84&&pt()===47););return"/*"+Aa(t,$e-1)+"*"+gs(e===47?e:Oe())}R(p3,"commenter");function f3(e){for(;!sa(pt());)Oe();return Aa(e,$e)}R(f3,"identifier");function h3(e){return ap(Eo("",null,null,null,[""],e=np(e),0,[0],e))}R(h3,"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){Dl(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+=c3(v);break;case 92:k+=d3(bo()-1,7);continue;case 47:switch(pt()){case 42:case 47:oo(m3(p3(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&&u3()==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+=f3(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 m3(e,t,r){return Ko(e,t,r,Q1,gs(s3()),ia(e,2,-2),0)}R(m3,"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"),FD=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(!y3(t[r]))return!0;return!1},"isPrependedWithRegularRules"),wh=R(function(e){e.type="",e.value="",e.return="",e.children="",e.props=""},"nullifyElement"),RD=R(function(e,t,r){y3(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)):_D(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(a3(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+xl+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"+xl+(we(e,t+3)==108?"$3":"$2-$3"))+e;case 115:return~Dl(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-(~Dl(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 ID=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 n3:return an([$n(e,{value:ee(e.value,"@","@"+te)})],n);case ep:if(e.length)return i3(e.props,function(a){switch(o3(a,/(::plac\w+|:read-\w+)/)){case":read-only":case":read-write":return an([$n(e,{props:[ee(a,/:(read-\w+)/,":"+xl+"$1")]})],n);case"::placeholder":return an([$n(e,{props:[ee(a,/:(plac\w+)/,":"+te+"input-$1")]}),$n(e,{props:[ee(a,/:(plac\w+)/,":"+xl+"$1")]}),$n(e,{props:[ee(a,/:(plac\w+)/,_e+"input-$1")]})],n)}return""})}},"prefixer"),BD=[ID],TD=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||BD;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(b3,"murmur2");var MD={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 UL(){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 WL(e){if(typeof e!="string")return e;var t=e.toLowerCase();return x4[t]?"#"+x4[t]:e}var GL=/^#[a-fA-F0-9]{6}$/,YL=/^#[a-fA-F0-9]{8}$/,KL=/^#[a-fA-F0-9]{3}$/,ZL=/^#[a-fA-F0-9]{4}$/,j0=/^rgb\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*\)$/i,JL=/^rgb(?:a)?\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i,XL=/^hsl\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*\)$/i,QL=/^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=WL(e);if(t.match(GL))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(YL)){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(KL))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(ZL)){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=JL.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=XL.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=QL.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 eO(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?ps(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?ps(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 oO=function(e){return typeof e.red=="number"&&typeof e.green=="number"&&typeof e.blue=="number"&&(typeof e.alpha!="number"||typeof e.alpha>"u")},iO=function(e){return typeof e.red=="number"&&typeof e.green=="number"&&typeof e.blue=="number"&&typeof e.alpha=="number"},lO=function(e){return typeof e.hue=="number"&&typeof e.saturation=="number"&&typeof e.lightness=="number"&&(typeof e.alpha!="number"||typeof e.alpha>"u")},sO=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(iO(e))return nr(e);if(oO(e))return P1(e);if(sO(e))return aO(e);if(lO(e))return nO(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 uO(e,t){if(t==="transparent")return t;var r=M9(t);return P9(Ca({},r,{lightness:fu(0,1,r.lightness-parseFloat(e))}))}var cO=pu(uO),It=cO;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),Kr=pO;function fO(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 hO=pu(fO),Zi=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).toFixed(2)/100)});return nr(a)}var gO=pu(mO),oe=gO,vO=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(vO,{...e,className:"docblock-emptyblock sb-unstyled"}),yO=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"}})),bO=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"})),Ji=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}})),wO=()=>y.createElement(bO,null,y.createElement(Ji,null),y.createElement(Ji,{style:{width:"80%"}}),y.createElement(Ji,{style:{width:"30%"}}),y.createElement(Ji,{style:{width:"80%"}})),Qf=({isLoading:e,error:t,language:r,code:n,dark:a,format:o=!1,...i})=>{let{typography:s}=S3();if(e)return y.createElement(wO,null);if(t)return y.createElement(N9,null,t);let c=y.createElement(yO,{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(k3,{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,EO=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"}})),xO=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)})),DO=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"}}}),CO=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)`]:{}})),SO=({children:e,toc:t})=>y.createElement(CO,{className:"sbdocs sbdocs-wrapper"},y.createElement(DO,{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:kO}=globalThis,AO=class extends l.Component{constructor(){super(...arguments),this.iframe=null}componentDidMount(){let{id:e}=this.props;this.iframe=kO.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:FO}=globalThis,_O=FO||"iframe.html",$1=({story:e,primary:t})=>`story--${e.id}${t?"--primary":""}`,RO=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(jT,{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}))},IO=({story:e,height:t="500px"})=>y.createElement("div",{style:{width:"100%",height:t}},y.createElement(H9.Consumer,null,({scale:r})=>y.createElement(AO,{key:"iframe",id:`iframe--${e.id}`,title:e.name,src:dL(_O,e.id,{viewMode:"story"}),allowFullScreen:!0,scale:r,style:{width:"100%",height:"100%",border:"0 none"}}))),BO=F.strong(({theme:e})=>({color:e.color.orange})),TO=e=>{let{inline:t,story:r}=e;return t&&!e.autoplay&&r.usesMount?y.createElement(BO,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(RO,{...e}):y.createElement(IO,{...e}))},j9=()=>y.createElement(cL,null),zO=F(Jf)({position:"absolute",left:0,right:0,top:0,transition:"transform .2s linear"}),LO=F.div({display:"flex",alignItems:"center",gap:4}),OO=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`})),MO=({isLoading:e,storyId:t,baseUrl:r,zoom:n,resetZoom:a,...o})=>y.createElement(zO,{...o},y.createElement(LO,{key:"left"},e?[1,2,3].map(i=>y.createElement(OO,{key:i})):y.createElement(y.Fragment,null,y.createElement(sn,{key:"zoomin",onClick:i=>{i.preventDefault(),n(.8)},title:"Zoom in"},y.createElement(mL,null)),y.createElement(sn,{key:"zoomout",onClick:i=>{i.preventDefault(),n(1.25)},title:"Zoom out"},y.createElement(gL,null)),y.createElement(sn,{key:"zoomreset",onClick:i=>{i.preventDefault(),a()},title:"Reset zoom"},y.createElement(vL,null))))),PO=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)}})),$O=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}),NO=(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 HO(e){if(l.Children.count(e)===1){let t=e;if(t.props)return t.props.id}return null}var jO=F(MO)({position:"absolute",top:0,left:0,right:0,height:40}),VO=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}=NO(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-BFpHG83Q.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8]),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($O,{withSource:a,withToolbar:o,...p,className:x.join(" ")},o&&y.createElement(jO,{isLoading:e,border:!0,zoom:_=>w(g*_),resetZoom:()=>w(1),storyId:HO(n),baseUrl:"./iframe.html"}),y.createElement(H9.Provider,{value:{scale:g}},y.createElement(VO,{className:"docs-story",onCopyCapture:a&&A},y.createElement(PO,{isColumn:t||!Array.isArray(n),columns:r,layout:d},y.createElement(zT.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:"“"},qO=["style","script"],WO=/([-A-Z0-9_:]+)(?:\s*=\s*(?:(?:"((?:\\.|[^"])*)")|(?:'((?:\\.|[^'])*)')|(?:\{((?:\\.|{[^}]*?}|[^}])*)\})))?/gi,GO=/mailto:/i,YO=/\n{2,}$/,U9=/^(\s*>[\s\S]*?)(?=\n{2,})/,KO=/^ *> ?/gm,ZO=/^ {2,}\n/,JO=/^(?:( *[-*_])){3,} *(?:\n *)+\n/,q9=/^\s*(`{3,}|~{3,}) *(\S+)?([^\n]*?)?\n([\s\S]+?)\s*\1 *(?:\n *)*\n?/,W9=/^(?: {4}[^\n]+\n*)+(?:\n *)+\n?/,XO=/^(`+)\s*([\s\S]*?[^`])\s*\1(?!`)/,QO=/^(?:\n *)*\n/,eM=/\r\n?/g,tM=/^\[\^([^\]]+)](:(.*)((\n+ {4,}.*)|(\n(?!\[\^).+))*)/,rM=/^\[\^([^\]]+)]/,nM=/\f/g,aM=/^---[ \t]*\n(.|\n)*\n---[ \t]*\n/,oM=/^\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,iM=/&([a-z0-9]+|#[0-9]{1,6}|#x[0-9a-fA-F]{1,6});/gi,Z9=/^)/,lM=/^(data|aria|x)-[a-z_][a-z\d_.-]*$/,H1=/^ *<([a-z][a-z0-9:]*)(?:\s+((?:<.*?>|[^>])*))?\/?>(?!<\/\1>)(\s*\n)?/i,sM=/^\{.*\}$/,uM=/^(https?:\/\/[^\s<]+[^<.,:;"')\]\s])/,cM=/^<([^ >]+@[^ >]+)>/,dM=/^<([^ >]+:\/[^ >]+)>/,pM=/-([a-z])?/gi,J9=/^(.*\|?.*)\n *(\|? *[-:]+ *\|[-| :]*)\n((?:.*\|.*\n)*)\n?/,fM=/^\[([^\]]*)\]:\s+]+)>?\s*("([^"]*)")?/,hM=/^!\[([^\]]*)\] ?\[([^\]]*)\]/,mM=/^\[([^\]]*)\] ?\[([^\]]*)\]/,gM=/(\[|\])/g,vM=/(\n|^[-*]\s|^#|^ {2,}|^-{2,}|^>\s)/,yM=/\t/g,bM=/^ *\| */,wM=/(^ *\||\| *$)/g,EM=/ *$/,xM=/^ *:-+: *$/,DM=/^ *:-+ *$/,CM=/^ *-+: *$/,mu="((?:\\[.*?\\][([].*?[)\\]]|<.*?>(?:.*?<.*?>)?|`.*?`|~~.*?~~|==.*?==|.|\\n)*?)",SM=new RegExp(`^([*_])\\1${mu}\\1\\1(?!\\1)`),kM=new RegExp(`^([*_])${mu}\\1(?!\\1|\\w)`),AM=new RegExp(`^==${mu}==`),FM=new RegExp(`^~~${mu}~~`),_M=/^\\([^0-9A-Za-z\s])/,RM=/^[\s\S]+?(?=[^0-9A-Z\s\u00c0-\uffff&#;.()'"]|\d+\.|\n\n| {2,}\n|\w+:\S|$)/i,IM=/^\n+/,BM=/^([ \t]*)/,TM=/\\([^\\])/g,F4=/ *\n+$/,zM=/(?:^|\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 LM=tx(1),OM=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?LM:OM;return{match(i,s,c){let d=zM.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(YO,` +`};function UL(){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 WL(e){if(typeof e!="string")return e;var t=e.toLowerCase();return x4[t]?"#"+x4[t]:e}var GL=/^#[a-fA-F0-9]{6}$/,YL=/^#[a-fA-F0-9]{8}$/,KL=/^#[a-fA-F0-9]{3}$/,ZL=/^#[a-fA-F0-9]{4}$/,j0=/^rgb\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*\)$/i,JL=/^rgb(?:a)?\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i,XL=/^hsl\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*\)$/i,QL=/^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=WL(e);if(t.match(GL))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(YL)){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(KL))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(ZL)){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=JL.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=XL.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=QL.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 eO(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?ps(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?ps(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 oO=function(e){return typeof e.red=="number"&&typeof e.green=="number"&&typeof e.blue=="number"&&(typeof e.alpha!="number"||typeof e.alpha>"u")},iO=function(e){return typeof e.red=="number"&&typeof e.green=="number"&&typeof e.blue=="number"&&typeof e.alpha=="number"},lO=function(e){return typeof e.hue=="number"&&typeof e.saturation=="number"&&typeof e.lightness=="number"&&(typeof e.alpha!="number"||typeof e.alpha>"u")},sO=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(iO(e))return nr(e);if(oO(e))return P1(e);if(sO(e))return aO(e);if(lO(e))return nO(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 uO(e,t){if(t==="transparent")return t;var r=M9(t);return P9(Ca({},r,{lightness:fu(0,1,r.lightness-parseFloat(e))}))}var cO=pu(uO),It=cO;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),Kr=pO;function fO(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 hO=pu(fO),Zi=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).toFixed(2)/100)});return nr(a)}var gO=pu(mO),oe=gO,vO=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(vO,{...e,className:"docblock-emptyblock sb-unstyled"}),yO=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"}})),bO=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"})),Ji=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}})),wO=()=>y.createElement(bO,null,y.createElement(Ji,null),y.createElement(Ji,{style:{width:"80%"}}),y.createElement(Ji,{style:{width:"30%"}}),y.createElement(Ji,{style:{width:"80%"}})),Qf=({isLoading:e,error:t,language:r,code:n,dark:a,format:o=!1,...i})=>{let{typography:s}=S3();if(e)return y.createElement(wO,null);if(t)return y.createElement(N9,null,t);let c=y.createElement(yO,{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(k3,{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,EO=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"}})),xO=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)})),DO=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"}}}),CO=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)`]:{}})),SO=({children:e,toc:t})=>y.createElement(CO,{className:"sbdocs sbdocs-wrapper"},y.createElement(DO,{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:kO}=globalThis,AO=class extends l.Component{constructor(){super(...arguments),this.iframe=null}componentDidMount(){let{id:e}=this.props;this.iframe=kO.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:FO}=globalThis,_O=FO||"iframe.html",$1=({story:e,primary:t})=>`story--${e.id}${t?"--primary":""}`,RO=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(jT,{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}))},IO=({story:e,height:t="500px"})=>y.createElement("div",{style:{width:"100%",height:t}},y.createElement(H9.Consumer,null,({scale:r})=>y.createElement(AO,{key:"iframe",id:`iframe--${e.id}`,title:e.name,src:dL(_O,e.id,{viewMode:"story"}),allowFullScreen:!0,scale:r,style:{width:"100%",height:"100%",border:"0 none"}}))),BO=F.strong(({theme:e})=>({color:e.color.orange})),TO=e=>{let{inline:t,story:r}=e;return t&&!e.autoplay&&r.usesMount?y.createElement(BO,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(RO,{...e}):y.createElement(IO,{...e}))},j9=()=>y.createElement(cL,null),zO=F(Jf)({position:"absolute",left:0,right:0,top:0,transition:"transform .2s linear"}),LO=F.div({display:"flex",alignItems:"center",gap:4}),OO=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`})),MO=({isLoading:e,storyId:t,baseUrl:r,zoom:n,resetZoom:a,...o})=>y.createElement(zO,{...o},y.createElement(LO,{key:"left"},e?[1,2,3].map(i=>y.createElement(OO,{key:i})):y.createElement(y.Fragment,null,y.createElement(sn,{key:"zoomin",onClick:i=>{i.preventDefault(),n(.8)},title:"Zoom in"},y.createElement(mL,null)),y.createElement(sn,{key:"zoomout",onClick:i=>{i.preventDefault(),n(1.25)},title:"Zoom out"},y.createElement(gL,null)),y.createElement(sn,{key:"zoomreset",onClick:i=>{i.preventDefault(),a()},title:"Reset zoom"},y.createElement(vL,null))))),PO=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)}})),$O=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}),NO=(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 HO(e){if(l.Children.count(e)===1){let t=e;if(t.props)return t.props.id}return null}var jO=F(MO)({position:"absolute",top:0,left:0,right:0,height:40}),VO=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}=NO(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-CMeCMEpM.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8]),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($O,{withSource:a,withToolbar:o,...p,className:x.join(" ")},o&&y.createElement(jO,{isLoading:e,border:!0,zoom:_=>w(g*_),resetZoom:()=>w(1),storyId:HO(n),baseUrl:"./iframe.html"}),y.createElement(H9.Provider,{value:{scale:g}},y.createElement(VO,{className:"docs-story",onCopyCapture:a&&A},y.createElement(PO,{isColumn:t||!Array.isArray(n),columns:r,layout:d},y.createElement(zT.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:"“"},qO=["style","script"],WO=/([-A-Z0-9_:]+)(?:\s*=\s*(?:(?:"((?:\\.|[^"])*)")|(?:'((?:\\.|[^'])*)')|(?:\{((?:\\.|{[^}]*?}|[^}])*)\})))?/gi,GO=/mailto:/i,YO=/\n{2,}$/,U9=/^(\s*>[\s\S]*?)(?=\n{2,})/,KO=/^ *> ?/gm,ZO=/^ {2,}\n/,JO=/^(?:( *[-*_])){3,} *(?:\n *)+\n/,q9=/^\s*(`{3,}|~{3,}) *(\S+)?([^\n]*?)?\n([\s\S]+?)\s*\1 *(?:\n *)*\n?/,W9=/^(?: {4}[^\n]+\n*)+(?:\n *)+\n?/,XO=/^(`+)\s*([\s\S]*?[^`])\s*\1(?!`)/,QO=/^(?:\n *)*\n/,eM=/\r\n?/g,tM=/^\[\^([^\]]+)](:(.*)((\n+ {4,}.*)|(\n(?!\[\^).+))*)/,rM=/^\[\^([^\]]+)]/,nM=/\f/g,aM=/^---[ \t]*\n(.|\n)*\n---[ \t]*\n/,oM=/^\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,iM=/&([a-z0-9]+|#[0-9]{1,6}|#x[0-9a-fA-F]{1,6});/gi,Z9=/^)/,lM=/^(data|aria|x)-[a-z_][a-z\d_.-]*$/,H1=/^ *<([a-z][a-z0-9:]*)(?:\s+((?:<.*?>|[^>])*))?\/?>(?!<\/\1>)(\s*\n)?/i,sM=/^\{.*\}$/,uM=/^(https?:\/\/[^\s<]+[^<.,:;"')\]\s])/,cM=/^<([^ >]+@[^ >]+)>/,dM=/^<([^ >]+:\/[^ >]+)>/,pM=/-([a-z])?/gi,J9=/^(.*\|?.*)\n *(\|? *[-:]+ *\|[-| :]*)\n((?:.*\|.*\n)*)\n?/,fM=/^\[([^\]]*)\]:\s+]+)>?\s*("([^"]*)")?/,hM=/^!\[([^\]]*)\] ?\[([^\]]*)\]/,mM=/^\[([^\]]*)\] ?\[([^\]]*)\]/,gM=/(\[|\])/g,vM=/(\n|^[-*]\s|^#|^ {2,}|^-{2,}|^>\s)/,yM=/\t/g,bM=/^ *\| */,wM=/(^ *\||\| *$)/g,EM=/ *$/,xM=/^ *:-+: *$/,DM=/^ *:-+ *$/,CM=/^ *-+: *$/,mu="((?:\\[.*?\\][([].*?[)\\]]|<.*?>(?:.*?<.*?>)?|`.*?`|~~.*?~~|==.*?==|.|\\n)*?)",SM=new RegExp(`^([*_])\\1${mu}\\1\\1(?!\\1)`),kM=new RegExp(`^([*_])${mu}\\1(?!\\1|\\w)`),AM=new RegExp(`^==${mu}==`),FM=new RegExp(`^~~${mu}~~`),_M=/^\\([^0-9A-Za-z\s])/,RM=/^[\s\S]+?(?=[^0-9A-Z\s\u00c0-\uffff&#;.()'"]|\d+\.|\n\n| {2,}\n|\w+:\S|$)/i,IM=/^\n+/,BM=/^([ \t]*)/,TM=/\\([^\\])/g,F4=/ *\n+$/,zM=/(?:^|\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 LM=tx(1),OM=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?LM:OM;return{match(i,s,c){let d=zM.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(YO,` `).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}}),qP=F(Ex)(({numberOFDecimalsPlaces:e,max:t})=>({width:`${e+t.toString().length*2+3}ch`,textAlign:"right",flexShrink:0})),WP=F.div({display:"flex",alignItems:"center",width:"100%"});function GP(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 YP=({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(aP(v.target.value))},p=t!==void 0,m=l.useMemo(()=>GP(o),[o]),h=!!((f=c==null?void 0:c.table)!=null&&f.readonly);return y.createElement(WP,{"aria-readonly":h},y.createElement(Ex,null,n),y.createElement(UP,{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(qP,{numberOFDecimalsPlaces:m,max:a},p?t.toFixed(m):"--"," / ",a))},KP=F.label({display:"flex"}),ZP=F.div(({isMaxed:e})=>({marginLeft:"0.75rem",paddingTop:"0.35rem",color:e?"red":void 0})),JP=({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(KP,null,y.createElement(yi.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(ZP,{isMaxed:(t==null?void 0:t.length)===o},(t==null?void 0:t.length)??0," / ",o))},XP=F(yi.Input)({padding:10});function QP(e){e.forEach(t=>{t.startsWith("blob:")&&URL.revokeObjectURL(t)})}var e$=({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),QP(n)}return l.useEffect(()=>{n==null&&o.current&&(o.current.value=null)},[n,t]),y.createElement(XP,{ref:o,id:yt(t),type:"file",name:t,multiple:!0,disabled:i,onChange:s,accept:r,size:"flex"})},t$=l.lazy(()=>K4(()=>import("./Color-F6OSRLHC-uSJGMDl0.js"),__vite__mapDeps([9,2,3,1,4,5,6,7,8]),import.meta.url)),r$=e=>y.createElement(l.Suspense,{fallback:y.createElement("div",null)},y.createElement(t$,{...e})),n$={array:$4,object:$4,boolean:ZM,color:r$,date:rP,number:iP,check:Pn,"inline-check":Pn,radio:Pn,"inline-radio":Pn,select:Pn,"multi-select":Pn,range:YP,text:JP,file:e$},N4=()=>y.createElement(y.Fragment,null,"-"),a$=({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=n$[o.type]||N4;return y.createElement(v,{...f,...o,controlType:o.type})},o$=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}}})),i$=({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(o$,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)))))},l$=Y1(L9()),U1=8,H4=F.div(({isExpanded:e})=>({display:"flex",flexDirection:e?"column":"row",flexWrap:"wrap",alignItems:"flex-start",marginBottom:"-4px",minWidth:100})),s$=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}})),u$=F.button(({theme:e})=>({fontFamily:e.typography.fonts.mono,color:e.color.secondary,marginBottom:"4px",background:"none",border:"none"})),c$=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"})),d$=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"}})),p$=F(kL)({marginLeft:4}),f$=F(z9)({marginLeft:4}),h$=()=>y.createElement("span",null,"-"),xx=({text:e,simple:t})=>y.createElement(s$,{simple:t},e),m$=(0,l$.default)(1e3)(e=>{let t=e.split(/\r?\n/);return`${Math.max(...t.map(r=>r.length))}ch`}),g$=e=>{if(!e)return[e];let t=e.split("|").map(r=>r.trim());return Jx(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}))},v$=({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=g$(c),p=d.length;return p>U1?y.createElement(H4,{isExpanded:i},j4(d,i),y.createElement(u$,{onClick:()=>s(!i)},i?"Show less...":`Show ${p-U1} more...`)):y.createElement(H4,null,j4(d))}return y.createElement(hz,{closeOnOutsideClick:!0,placement:"bottom",visible:a,onVisibleChange:d=>{o(d)},tooltip:y.createElement(d$,{width:m$(n)},y.createElement(jf,{language:"jsx",format:!1},n))},y.createElement(c$,{className:"sbdocs-expandable"},y.createElement("span",null,c),a?y.createElement(p$,null):y.createElement(f$,null)))},K0=({value:e,initialExpandedArgs:t})=>e==null?y.createElement(h$,null):y.createElement(v$,{value:e,initialExpandedArgs:t}),y$=F.span({fontWeight:"bold"}),b$=F.span(({theme:e})=>({color:e.color.negative,fontFamily:e.typography.fonts.mono,cursor:"help"})),w$=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"}})),E$=F.div(({theme:e,hasDescription:t})=>({color:e.base==="light"?oe(.1,e.color.defaultText):oe(.2,e.color.defaultText),marginTop:t?4:0})),x$=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})),D$=F.td(({theme:e,expandable:t})=>({paddingLeft:t?"40px !important":"20px !important"})),C$=e=>e&&{summary:typeof e=="string"?e:e.name},Xi=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||C$(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(D$,{expandable:i},y.createElement(y$,null,c),f?y.createElement(b$,{title:"Required"},"*"):null),o?null:y.createElement("td",null,v&&y.createElement(w$,null,y.createElement(ux,null,d)),p.jsDocTags!=null?y.createElement(y.Fragment,null,y.createElement(x$,{hasDescription:v},y.createElement(K0,{value:m,initialExpandedArgs:s})),y.createElement(i$,{tags:p.jsDocTags})):y.createElement(E$,{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(a$,{...e,isHovered:t})):null)},S$=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"})),k$=F.div(({theme:e})=>({display:"flex",fontSize:e.typography.size.s2-1,gap:25})),A$=F.div(({theme:e})=>({width:1,height:16,backgroundColor:e.appBorderColor})),F$=({inAddonPanel:e})=>{let[t,r]=l.useState(!0);return l.useEffect(()=>{let n=setTimeout(()=>{r(!1)},100);return()=>clearTimeout(n)},[]),t?null:y.createElement(S$,{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(k$,null,e&&y.createElement(y.Fragment,null,y.createElement(oa,{href:"https://youtu.be/0gOfS6K0x0E",target:"_blank",withArrow:!0},y.createElement(wL,null)," Watch 5m video"),y.createElement(A$,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"))}))},_$=F(CL)(({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"})),R$=F(SL)(({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"})),I$=F.span(({theme:e})=>({display:"flex",lineHeight:"20px",alignItems:"center"})),B$=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`}})),T$=F.td(({theme:e})=>({position:"relative",fontWeight:e.typography.weight.bold,fontSize:e.typography.size.s2-1,background:e.background.app})),z$=F.td(()=>({position:"relative"})),L$=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"?T$:B$,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(L$,{title:p},y.createElement(s,{colSpan:1},y.createElement(V4,{onClick:m=>i(!o),tabIndex:0},p),y.createElement(I$,null,o?y.createElement(_$,null):y.createElement(R$,null),t)),y.createElement(z$,{colSpan:a-1},y.createElement(V4,{onClick:m=>i(!o),tabIndex:-1,style:{outline:"none"}},p),o?null:d)),o?r:null)},Qi=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],O$=()=>y.createElement(y.Fragment,null,y.createElement(Qi,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(Qi,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(Qi,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(Qi,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%"})))),M$=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}}}}})),P$=F(sn)(({theme:e})=>({margin:"-4px -12px -4px 0"})),$$=F.span({display:"flex",justifyContent:"space-between"}),N$={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},H$=(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=N$[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)}}),{})}},j$=(e,t,r)=>{try{return Vx(e,t,r)}catch(n){return _L.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(O$,null);let{rows:c,args:d,globals:p}="rows"in e&&e,m=H$(Xx(c||{},D=>{var E;return!((E=D==null?void 0:D.table)!=null&&E.disable)&&j$(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(F$,{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(M$,{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($$,null,"Control"," ",!s&&r&&y.createElement(P$,{onClick:()=>r(),title:"Reset controls"},y.createElement(AL,{"aria-hidden":!0})))):null)),y.createElement("tbody",{className:"docblock-argstable-body"},m.ungrouped.map(D=>y.createElement(Xi,{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(Xi,{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(Xi,{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(Xi,{key:S.key,row:S,arg:d&&d[S.key],expandable:w,...x})))))))))},V$=({tabs:e,...t})=>{let r=Object.entries(e);return r.length===1?y.createElement(q1,{...r[0][1],...t}):y.createElement(Zz,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)}))},U$=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)})),q$=F.div({overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"}),W$=F.div({display:"flex",flexDirection:"row",alignItems:"baseline","&:not(:last-child)":{marginBottom:"1rem"}}),G$=F.div(se,({theme:e})=>({...hu(e),margin:"25px 0 40px",padding:"30px 20px"})),VV=({fontFamily:e,fontSizes:t,fontWeight:r,sampleText:n,...a})=>y.createElement(G$,{...a,className:"docblock-typeset sb-unstyled"},t.map(o=>y.createElement(W$,{key:o},y.createElement(U$,null,o),y.createElement(q$,{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 Y$=F.div(({theme:e})=>({fontFamily:e.typography.fonts.base,fontSize:e.typography.size.s2,color:e.color.defaultText,marginLeft:10,lineHeight:1.2})),K$=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}})),Z$=F.div({display:"inline-flex",flexDirection:"row",alignItems:"center",flex:"0 1 calc(20% - 10px)",minWidth:120,margin:"0px 10px 30px 0"}),J$=F.div({display:"flex",flexFlow:"row wrap"}),UV=({name:e,children:t})=>y.createElement(Z$,null,y.createElement(K$,null,t),y.createElement(Y$,null,e)),qV=({children:e,...t})=>y.createElement(Hf,null,y.createElement(J$,{...t,className:"docblock-icongallery sb-unstyled"},e)),X$=e=>`anchor--${e}`,Dx=({storyId:e,children:t})=>y.createElement("div",{id:X$(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),Q$=e=>e.split("-").map(t=>t.charAt(0).toUpperCase()+t.slice(1)).join(""),eN=e=>{if(e)return typeof e=="string"?e.includes("-")?Q$(e):e:e.__docgenInfo&&e.__docgenInfo.displayName?e.__docgenInfo.displayName:e.name};function tN(e,t="start"){e.scrollIntoView({behavior:"smooth",block:t,inline:"nearest"})}var rN=Object.create,Cx=Object.defineProperty,nN=Object.getOwnPropertyDescriptor,Sx=Object.getOwnPropertyNames,aN=Object.getPrototypeOf,oN=Object.prototype.hasOwnProperty,tt=(e,t)=>function(){return t||(0,e[Sx(e)[0]])((t={exports:{}}).exports,t),t.exports},iN=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of Sx(t))!oN.call(e,a)&&a!==r&&Cx(e,a,{get:()=>t[a],enumerable:!(n=nN(t,a))||n.enumerable});return e},oh=(e,t,r)=>(r=e!=null?rN(aN(e)):{},iN(!e||!e.__esModule?Cx(r,"default",{value:e,enumerable:!0}):r,e)),lN=["bubbles","cancelBubble","cancelable","composed","currentTarget","defaultPrevented","eventPhase","isTrusted","returnValue","srcElement","target","timeStamp","type"],sN=["detail"];function uN(e){let t=lN.filter(r=>e[r]!==void 0).reduce((r,n)=>({...r,[n]:e[n]}),{});return e instanceof CustomEvent&&sN.filter(r=>e[r]!==void 0).forEach(r=>{t[r]=e[r]}),t}var cN=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()}}}),dN=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=pN(),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}}}),fN=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}}),hN=tt({"node_modules/call-bind/callBound.js"(e,t){var r=Fx(),n=fN(),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}}}),mN=tt({"node_modules/has-tostringtag/shams.js"(e,t){var r=kx();t.exports=function(){return r()&&!!Symbol.toStringTag}}}),gN=tt({"node_modules/is-regex/index.js"(e,t){var r=hN(),n=mN()(),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}}}),vN=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)}}}),yN=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}}),bN=oh(gN()),wN=oh(vN()),EN=oh(yN());function xN(e){return e!=null&&typeof e=="object"&&Array.isArray(e)===!1}var DN=typeof global=="object"&&global&&global.Object===Object&&global,CN=DN,SN=typeof self=="object"&&self&&self.Object===Object&&self,kN=CN||SN||Function("return this")(),lh=kN,AN=lh.Symbol,Sa=AN,_x=Object.prototype,FN=_x.hasOwnProperty,_N=_x.toString,ao=Sa?Sa.toStringTag:void 0;function RN(e){var t=FN.call(e,ao),r=e[ao];try{e[ao]=void 0;var n=!0}catch{}var a=_N.call(e);return n&&(t?e[ao]=r:delete e[ao]),a}var IN=RN,BN=Object.prototype,TN=BN.toString;function zN(e){return TN.call(e)}var LN=zN,ON="[object Null]",MN="[object Undefined]",U4=Sa?Sa.toStringTag:void 0;function PN(e){return e==null?e===void 0?MN:ON:U4&&U4 in Object(e)?IN(e):LN(e)}var $N=PN,q4=Sa?Sa.prototype:void 0;q4&&q4.toString;function NN(e){var t=typeof e;return e!=null&&(t=="object"||t=="function")}var Rx=NN,HN="[object AsyncFunction]",jN="[object Function]",VN="[object GeneratorFunction]",UN="[object Proxy]";function qN(e){if(!Rx(e))return!1;var t=$N(e);return t==jN||t==VN||t==HN||t==UN}var WN=qN,GN=lh["__core-js_shared__"],J0=GN,W4=function(){var e=/[^.]+$/.exec(J0&&J0.keys&&J0.keys.IE_PROTO||"");return e?"Symbol(src)_1."+e:""}();function YN(e){return!!W4&&W4 in e}var KN=YN,ZN=Function.prototype,JN=ZN.toString;function XN(e){if(e!=null){try{return JN.call(e)}catch{}try{return e+""}catch{}}return""}var QN=XN,eH=/[\\^$.*+?()[\]{}|]/g,tH=/^\[object .+?Constructor\]$/,rH=Function.prototype,nH=Object.prototype,aH=rH.toString,oH=nH.hasOwnProperty,iH=RegExp("^"+aH.call(oH).replace(eH,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");function lH(e){if(!Rx(e)||KN(e))return!1;var t=WN(e)?iH:tH;return t.test(QN(e))}var sH=lH;function uH(e,t){return e==null?void 0:e[t]}var cH=uH;function dH(e,t){var r=cH(e,t);return sH(r)?r:void 0}var Ix=dH;function pH(e,t){return e===t||e!==e&&t!==t}var fH=pH,hH=Ix(Object,"create"),Yo=hH;function mH(){this.__data__=Yo?Yo(null):{},this.size=0}var gH=mH;function vH(e){var t=this.has(e)&&delete this.__data__[e];return this.size-=t?1:0,t}var yH=vH,bH="__lodash_hash_undefined__",wH=Object.prototype,EH=wH.hasOwnProperty;function xH(e){var t=this.__data__;if(Yo){var r=t[e];return r===bH?void 0:r}return EH.call(t,e)?t[e]:void 0}var DH=xH,CH=Object.prototype,SH=CH.hasOwnProperty;function kH(e){var t=this.__data__;return Yo?t[e]!==void 0:SH.call(t,e)}var AH=kH,FH="__lodash_hash_undefined__";function _H(e,t){var r=this.__data__;return this.size+=this.has(e)?0:1,r[e]=Yo&&t===void 0?FH:t,this}var RH=_H;function La(e){var t=-1,r=e==null?0:e.length;for(this.clear();++t-1}var HH=NH;function jH(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 VH=jH;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})),WP=F.div({display:"flex",alignItems:"center",width:"100%"});function GP(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 YP=({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(aP(v.target.value))},p=t!==void 0,m=l.useMemo(()=>GP(o),[o]),h=!!((f=c==null?void 0:c.table)!=null&&f.readonly);return y.createElement(WP,{"aria-readonly":h},y.createElement(Ex,null,n),y.createElement(UP,{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(qP,{numberOFDecimalsPlaces:m,max:a},p?t.toFixed(m):"--"," / ",a))},KP=F.label({display:"flex"}),ZP=F.div(({isMaxed:e})=>({marginLeft:"0.75rem",paddingTop:"0.35rem",color:e?"red":void 0})),JP=({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(KP,null,y.createElement(yi.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(ZP,{isMaxed:(t==null?void 0:t.length)===o},(t==null?void 0:t.length)??0," / ",o))},XP=F(yi.Input)({padding:10});function QP(e){e.forEach(t=>{t.startsWith("blob:")&&URL.revokeObjectURL(t)})}var e$=({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),QP(n)}return l.useEffect(()=>{n==null&&o.current&&(o.current.value=null)},[n,t]),y.createElement(XP,{ref:o,id:yt(t),type:"file",name:t,multiple:!0,disabled:i,onChange:s,accept:r,size:"flex"})},t$=l.lazy(()=>K4(()=>import("./Color-F6OSRLHC-BrPVVA20.js"),__vite__mapDeps([9,2,3,1,4,5,6,7,8]),import.meta.url)),r$=e=>y.createElement(l.Suspense,{fallback:y.createElement("div",null)},y.createElement(t$,{...e})),n$={array:$4,object:$4,boolean:ZM,color:r$,date:rP,number:iP,check:Pn,"inline-check":Pn,radio:Pn,"inline-radio":Pn,select:Pn,"multi-select":Pn,range:YP,text:JP,file:e$},N4=()=>y.createElement(y.Fragment,null,"-"),a$=({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=n$[o.type]||N4;return y.createElement(v,{...f,...o,controlType:o.type})},o$=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}}})),i$=({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(o$,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)))))},l$=Y1(L9()),U1=8,H4=F.div(({isExpanded:e})=>({display:"flex",flexDirection:e?"column":"row",flexWrap:"wrap",alignItems:"flex-start",marginBottom:"-4px",minWidth:100})),s$=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}})),u$=F.button(({theme:e})=>({fontFamily:e.typography.fonts.mono,color:e.color.secondary,marginBottom:"4px",background:"none",border:"none"})),c$=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"})),d$=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"}})),p$=F(kL)({marginLeft:4}),f$=F(z9)({marginLeft:4}),h$=()=>y.createElement("span",null,"-"),xx=({text:e,simple:t})=>y.createElement(s$,{simple:t},e),m$=(0,l$.default)(1e3)(e=>{let t=e.split(/\r?\n/);return`${Math.max(...t.map(r=>r.length))}ch`}),g$=e=>{if(!e)return[e];let t=e.split("|").map(r=>r.trim());return Jx(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}))},v$=({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=g$(c),p=d.length;return p>U1?y.createElement(H4,{isExpanded:i},j4(d,i),y.createElement(u$,{onClick:()=>s(!i)},i?"Show less...":`Show ${p-U1} more...`)):y.createElement(H4,null,j4(d))}return y.createElement(hz,{closeOnOutsideClick:!0,placement:"bottom",visible:a,onVisibleChange:d=>{o(d)},tooltip:y.createElement(d$,{width:m$(n)},y.createElement(jf,{language:"jsx",format:!1},n))},y.createElement(c$,{className:"sbdocs-expandable"},y.createElement("span",null,c),a?y.createElement(p$,null):y.createElement(f$,null)))},K0=({value:e,initialExpandedArgs:t})=>e==null?y.createElement(h$,null):y.createElement(v$,{value:e,initialExpandedArgs:t}),y$=F.span({fontWeight:"bold"}),b$=F.span(({theme:e})=>({color:e.color.negative,fontFamily:e.typography.fonts.mono,cursor:"help"})),w$=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"}})),E$=F.div(({theme:e,hasDescription:t})=>({color:e.base==="light"?oe(.1,e.color.defaultText):oe(.2,e.color.defaultText),marginTop:t?4:0})),x$=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})),D$=F.td(({theme:e,expandable:t})=>({paddingLeft:t?"40px !important":"20px !important"})),C$=e=>e&&{summary:typeof e=="string"?e:e.name},Xi=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||C$(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(D$,{expandable:i},y.createElement(y$,null,c),f?y.createElement(b$,{title:"Required"},"*"):null),o?null:y.createElement("td",null,v&&y.createElement(w$,null,y.createElement(ux,null,d)),p.jsDocTags!=null?y.createElement(y.Fragment,null,y.createElement(x$,{hasDescription:v},y.createElement(K0,{value:m,initialExpandedArgs:s})),y.createElement(i$,{tags:p.jsDocTags})):y.createElement(E$,{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(a$,{...e,isHovered:t})):null)},S$=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"})),k$=F.div(({theme:e})=>({display:"flex",fontSize:e.typography.size.s2-1,gap:25})),A$=F.div(({theme:e})=>({width:1,height:16,backgroundColor:e.appBorderColor})),F$=({inAddonPanel:e})=>{let[t,r]=l.useState(!0);return l.useEffect(()=>{let n=setTimeout(()=>{r(!1)},100);return()=>clearTimeout(n)},[]),t?null:y.createElement(S$,{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(k$,null,e&&y.createElement(y.Fragment,null,y.createElement(oa,{href:"https://youtu.be/0gOfS6K0x0E",target:"_blank",withArrow:!0},y.createElement(wL,null)," Watch 5m video"),y.createElement(A$,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"))}))},_$=F(CL)(({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"})),R$=F(SL)(({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"})),I$=F.span(({theme:e})=>({display:"flex",lineHeight:"20px",alignItems:"center"})),B$=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`}})),T$=F.td(({theme:e})=>({position:"relative",fontWeight:e.typography.weight.bold,fontSize:e.typography.size.s2-1,background:e.background.app})),z$=F.td(()=>({position:"relative"})),L$=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"?T$:B$,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(L$,{title:p},y.createElement(s,{colSpan:1},y.createElement(V4,{onClick:m=>i(!o),tabIndex:0},p),y.createElement(I$,null,o?y.createElement(_$,null):y.createElement(R$,null),t)),y.createElement(z$,{colSpan:a-1},y.createElement(V4,{onClick:m=>i(!o),tabIndex:-1,style:{outline:"none"}},p),o?null:d)),o?r:null)},Qi=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],O$=()=>y.createElement(y.Fragment,null,y.createElement(Qi,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(Qi,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(Qi,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(Qi,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%"})))),M$=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}}}}})),P$=F(sn)(({theme:e})=>({margin:"-4px -12px -4px 0"})),$$=F.span({display:"flex",justifyContent:"space-between"}),N$={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},H$=(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=N$[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)}}),{})}},j$=(e,t,r)=>{try{return Vx(e,t,r)}catch(n){return _L.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(O$,null);let{rows:c,args:d,globals:p}="rows"in e&&e,m=H$(Xx(c||{},D=>{var E;return!((E=D==null?void 0:D.table)!=null&&E.disable)&&j$(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(F$,{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(M$,{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($$,null,"Control"," ",!s&&r&&y.createElement(P$,{onClick:()=>r(),title:"Reset controls"},y.createElement(AL,{"aria-hidden":!0})))):null)),y.createElement("tbody",{className:"docblock-argstable-body"},m.ungrouped.map(D=>y.createElement(Xi,{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(Xi,{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(Xi,{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(Xi,{key:S.key,row:S,arg:d&&d[S.key],expandable:w,...x})))))))))},V$=({tabs:e,...t})=>{let r=Object.entries(e);return r.length===1?y.createElement(q1,{...r[0][1],...t}):y.createElement(Zz,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)}))},U$=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)})),q$=F.div({overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"}),W$=F.div({display:"flex",flexDirection:"row",alignItems:"baseline","&:not(:last-child)":{marginBottom:"1rem"}}),G$=F.div(se,({theme:e})=>({...hu(e),margin:"25px 0 40px",padding:"30px 20px"})),VV=({fontFamily:e,fontSizes:t,fontWeight:r,sampleText:n,...a})=>y.createElement(G$,{...a,className:"docblock-typeset sb-unstyled"},t.map(o=>y.createElement(W$,{key:o},y.createElement(U$,null,o),y.createElement(q$,{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 Y$=F.div(({theme:e})=>({fontFamily:e.typography.fonts.base,fontSize:e.typography.size.s2,color:e.color.defaultText,marginLeft:10,lineHeight:1.2})),K$=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}})),Z$=F.div({display:"inline-flex",flexDirection:"row",alignItems:"center",flex:"0 1 calc(20% - 10px)",minWidth:120,margin:"0px 10px 30px 0"}),J$=F.div({display:"flex",flexFlow:"row wrap"}),UV=({name:e,children:t})=>y.createElement(Z$,null,y.createElement(K$,null,t),y.createElement(Y$,null,e)),qV=({children:e,...t})=>y.createElement(Hf,null,y.createElement(J$,{...t,className:"docblock-icongallery sb-unstyled"},e)),X$=e=>`anchor--${e}`,Dx=({storyId:e,children:t})=>y.createElement("div",{id:X$(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),Q$=e=>e.split("-").map(t=>t.charAt(0).toUpperCase()+t.slice(1)).join(""),eN=e=>{if(e)return typeof e=="string"?e.includes("-")?Q$(e):e:e.__docgenInfo&&e.__docgenInfo.displayName?e.__docgenInfo.displayName:e.name};function tN(e,t="start"){e.scrollIntoView({behavior:"smooth",block:t,inline:"nearest"})}var rN=Object.create,Cx=Object.defineProperty,nN=Object.getOwnPropertyDescriptor,Sx=Object.getOwnPropertyNames,aN=Object.getPrototypeOf,oN=Object.prototype.hasOwnProperty,tt=(e,t)=>function(){return t||(0,e[Sx(e)[0]])((t={exports:{}}).exports,t),t.exports},iN=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of Sx(t))!oN.call(e,a)&&a!==r&&Cx(e,a,{get:()=>t[a],enumerable:!(n=nN(t,a))||n.enumerable});return e},oh=(e,t,r)=>(r=e!=null?rN(aN(e)):{},iN(!e||!e.__esModule?Cx(r,"default",{value:e,enumerable:!0}):r,e)),lN=["bubbles","cancelBubble","cancelable","composed","currentTarget","defaultPrevented","eventPhase","isTrusted","returnValue","srcElement","target","timeStamp","type"],sN=["detail"];function uN(e){let t=lN.filter(r=>e[r]!==void 0).reduce((r,n)=>({...r,[n]:e[n]}),{});return e instanceof CustomEvent&&sN.filter(r=>e[r]!==void 0).forEach(r=>{t[r]=e[r]}),t}var cN=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()}}}),dN=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=pN(),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}}}),fN=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}}),hN=tt({"node_modules/call-bind/callBound.js"(e,t){var r=Fx(),n=fN(),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}}}),mN=tt({"node_modules/has-tostringtag/shams.js"(e,t){var r=kx();t.exports=function(){return r()&&!!Symbol.toStringTag}}}),gN=tt({"node_modules/is-regex/index.js"(e,t){var r=hN(),n=mN()(),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}}}),vN=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)}}}),yN=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}}),bN=oh(gN()),wN=oh(vN()),EN=oh(yN());function xN(e){return e!=null&&typeof e=="object"&&Array.isArray(e)===!1}var DN=typeof global=="object"&&global&&global.Object===Object&&global,CN=DN,SN=typeof self=="object"&&self&&self.Object===Object&&self,kN=CN||SN||Function("return this")(),lh=kN,AN=lh.Symbol,Sa=AN,_x=Object.prototype,FN=_x.hasOwnProperty,_N=_x.toString,ao=Sa?Sa.toStringTag:void 0;function RN(e){var t=FN.call(e,ao),r=e[ao];try{e[ao]=void 0;var n=!0}catch{}var a=_N.call(e);return n&&(t?e[ao]=r:delete e[ao]),a}var IN=RN,BN=Object.prototype,TN=BN.toString;function zN(e){return TN.call(e)}var LN=zN,ON="[object Null]",MN="[object Undefined]",U4=Sa?Sa.toStringTag:void 0;function PN(e){return e==null?e===void 0?MN:ON:U4&&U4 in Object(e)?IN(e):LN(e)}var $N=PN,q4=Sa?Sa.prototype:void 0;q4&&q4.toString;function NN(e){var t=typeof e;return e!=null&&(t=="object"||t=="function")}var Rx=NN,HN="[object AsyncFunction]",jN="[object Function]",VN="[object GeneratorFunction]",UN="[object Proxy]";function qN(e){if(!Rx(e))return!1;var t=$N(e);return t==jN||t==VN||t==HN||t==UN}var WN=qN,GN=lh["__core-js_shared__"],J0=GN,W4=function(){var e=/[^.]+$/.exec(J0&&J0.keys&&J0.keys.IE_PROTO||"");return e?"Symbol(src)_1."+e:""}();function YN(e){return!!W4&&W4 in e}var KN=YN,ZN=Function.prototype,JN=ZN.toString;function XN(e){if(e!=null){try{return JN.call(e)}catch{}try{return e+""}catch{}}return""}var QN=XN,eH=/[\\^$.*+?()[\]{}|]/g,tH=/^\[object .+?Constructor\]$/,rH=Function.prototype,nH=Object.prototype,aH=rH.toString,oH=nH.hasOwnProperty,iH=RegExp("^"+aH.call(oH).replace(eH,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");function lH(e){if(!Rx(e)||KN(e))return!1;var t=WN(e)?iH:tH;return t.test(QN(e))}var sH=lH;function uH(e,t){return e==null?void 0:e[t]}var cH=uH;function dH(e,t){var r=cH(e,t);return sH(r)?r:void 0}var Ix=dH;function pH(e,t){return e===t||e!==e&&t!==t}var fH=pH,hH=Ix(Object,"create"),Yo=hH;function mH(){this.__data__=Yo?Yo(null):{},this.size=0}var gH=mH;function vH(e){var t=this.has(e)&&delete this.__data__[e];return this.size-=t?1:0,t}var yH=vH,bH="__lodash_hash_undefined__",wH=Object.prototype,EH=wH.hasOwnProperty;function xH(e){var t=this.__data__;if(Yo){var r=t[e];return r===bH?void 0:r}return EH.call(t,e)?t[e]:void 0}var DH=xH,CH=Object.prototype,SH=CH.hasOwnProperty;function kH(e){var t=this.__data__;return Yo?t[e]!==void 0:SH.call(t,e)}var AH=kH,FH="__lodash_hash_undefined__";function _H(e,t){var r=this.__data__;return this.size+=this.has(e)?0:1,r[e]=Yo&&t===void 0?FH:t,this}var RH=_H;function La(e){var t=-1,r=e==null?0:e.length;for(this.clear();++t-1}var HH=NH;function jH(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 VH=jH;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;ihj(e).replace(/\n\s*/g,"").trim()),gj=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},vj=/^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}(\.\d{3})?Z$/;function Tx(e){if(!fj(e))return e;let t=e,r=!1;return typeof Event<"u"&&e instanceof Event&&(t=uN(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 yj=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 vj.test(i)?e.allowDate?`_date_${i}`:void 0:i;if((0,bN.default)(i))return e.allowRegExp?`_regexp_${i.flags}|${i.source}`:void 0;if((0,wN.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}|${mj(gj(o,p))}`}if((0,EN.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}}},bj={maxDepth:10,space:void 0,allowFunction:!0,allowRegExp:!0,allowDate:!0,allowClass:!0,allowError:!0,allowUndefined:!0,allowSymbol:!0,lazyEval:!0},wj=(e,t={})=>{let r={...bj,...t};return JSON.stringify(Tx(e),yj(r),t.space)};function zx(e){return wj(e,{allowFunction:!1})}var uh=l.createContext({sources:{}}),Lx="--unknown--",Ej=({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)},xj=(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:""}},Dj=({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=xj(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:Dj({snippet:h.code,storyContext:{...p,args:m},typeFromProps:e.type,transformFromProps:e.transform}),format:s,language:c,dark:d}},WV=e=>{let t=l.useContext(uh),r=l.useContext(et),n=Ox(e,r,t);return y.createElement(Qf,{...n})};function Cj(e,t){let r=Sj([e],t);return r&&r[0]}function Sj(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 kj=(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},Aj=(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}},Fj=(e={__forceInitialArgs:!1,__primary:!1})=>{let t=l.useContext(et),r=kj(e,t),n=Cj(r,t);if(!n)return y.createElement(j9,null);let a=Aj(e,n,t);return a?y.createElement(TO,{...a}):null},_j=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(Fj,{of:n||o.moduleExport,meta:e.meta,...e.story}))},Rj=(e,t)=>{let r=Ij(e,t);if(!r)throw new Error("No result when story was defined");return r},Ij=(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(RL,{storyId:n,updatedArgs:c}),[n,t.channel]),s=l.useCallback(c=>t.channel.emit(IL,{storyId:n,argNames:c}),[n,t.channel]);return e&&[a,i,s]},Bj=(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 Tj(e,t){let{extractArgTypes:r}=t.docs||{};if(!r)throw new Error("Args unsupported. See Args documentation for your framework.");return r(e)}var zj=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]=Rj(n,r),[g]=Bj(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=eN(i),D=Object.fromEntries(Object.entries(s).map(([C,S])=>[C,{rows:b4(Tj(S,a),d,p),sort:m}])),E={[x]:{rows:w,sort:m},...D};return y.createElement(V$,{tabs:E,sort:m,args:h,globals:g,updateArgs:f,resetArgs:v})},{document:Mx}=globalThis,Lj=({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(BL,t)}var W1=fL.a,Oj=({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)},Mj=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(Oj,{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"],Pj=Px.reduce((e,t)=>({...e,[t]:F(t)({"& svg":{position:"relative",top:"-0.1em",visibility:"hidden"},"&:hover svg":{visibility:"visible"}})}),{}),$j=F.a(()=>({float:"left",lineHeight:"inherit",paddingRight:"10px",marginLeft:"-24px",color:"inherit"})),Nj=({as:e,id:t,children:r,...n})=>{let a=l.useContext(et),o=Pj[e],i=`#${t}`;return y.createElement(o,{id:t,...n},y.createElement($j,{"aria-hidden":"true",href:i,tabIndex:-1,target:"_self",onClick:s=>{Mx.getElementById(t)&&ch(a,i)}},y.createElement(DL,null)),r)},dh=e=>{let{as:t,id:r,children:n,...a}=e;if(r)return y.createElement(Nj,{as:t,id:r,...a},n);let o=t,{as:i,...s}=e;return y.createElement(o,{...le(s,t)})},Hj=Px.reduce((e,t)=>({...e,[t]:r=>y.createElement(dh,{as:t,...r})}),{}),jj=e=>{var t;if(!e.children)return null;if(typeof e.children!="string")throw new Error(Ux`The Markdown block only accepts children as a single string, but children were of type: '${typeof e.children}' diff --git a/demo-DES-969-file-list-component/assets/index.esm-CEyvCNNo.js b/demo-DES-969-file-list-component/assets/index.esm-Dojcg4AG.js similarity index 58% rename from demo-DES-969-file-list-component/assets/index.esm-CEyvCNNo.js rename to demo-DES-969-file-list-component/assets/index.esm-Dojcg4AG.js index e8c00938f4..cbacf87aa5 100644 --- a/demo-DES-969-file-list-component/assets/index.esm-CEyvCNNo.js +++ b/demo-DES-969-file-list-component/assets/index.esm-Dojcg4AG.js @@ -1,24 +1,24 @@ -import{j as c}from"./jsx-runtime-j_jdvEMj.js";import{x as q1,l as ga,e as ne,S as re,r as U1,c as W1,a as J1,b as Q1,i as X1,j as Y1}from"./index.esm-CEthAr-Q.js";import{c as p}from"./clsx-B-dksMZM.js";import{r as o}from"./index-B-o1Wr-g.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 ec(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 rc(e){var n=ec(e,"string");return F(n)=="symbol"?n:n+""}function u(e,n,r){return(n=rc(n))in e?Object.defineProperty(e,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[n]=r,e}function tc(e,n){if(e==null)return{};var r={};for(var t in e)if({}.hasOwnProperty.call(e,t)){if(n.includes(t))continue;r[t]=e[t]}return r}function m(e,n){if(e==null)return{};var r,t,a=tc(e,n);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(t=0;te.length)&&(n=e.length);for(var r=0,t=Array(n);re.length)&&(n=e.length);for(var r=0,t=Array(n);r1&&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])};/** + */var bc=function(n){var r=arguments.length>1&&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 dc=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"}},mc=["files","onDelete","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;n1&&arguments[1]!==void 0?arguments[1]:{plural:"invoerfouten",singular:"invoerfout"},t=o.useState(),a=V(t,2),s=a[0],i=a[1];return o.useEffect(function(){i(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},Ic=["errors","errorCountLabel"];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 Or(e){for(var n=1;na&&"ams-character-count--error",r),role:"status",children:"".concat(t," van ").concat(a," tekens")}))});Aa.displayName="CharacterCount";var Yc=["children","className"];function zr(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 Br(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},Ac=["errors","errorCountLabel"];function gr(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 hr(e){for(var n=1;na&&"ams-character-count--error",r),role:"status",children:"".concat(t," van ").concat(a," tekens")}))});Fa.displayName="CharacterCount";var ns=["children","className"];function Gr(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 qr(e){for(var n=1;n ":"",j=Array.from(f.querySelectorAll("".concat(S).concat(ls.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 O:{_(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}},us=["activeTab","children","className"];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;nP.length-1?h(P.length-1):h(r))},[r,P]);var g=function(j){h(j)};o.useImperativeHandle(n,function(){return l.current});var f=Ja(l,{rotating:!0,horizontally:!0}),w=f.keyDown;return c.jsx(de.Provider,{value:{activeTab:O,updateTab:g,tabsId:i},children:c.jsx("div",it(it({},s),{},{role:"tabs",ref:l,onKeyDown:w,className:p("ams-tabs",a),children:t}))})});me.displayName="Tabs";Object.assign(me,{Button:qa,List:Ua,Panel:Wa});var ps=["className","dir","invalid","resize"];function lt(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 ut(e){for(var n=1;nt&&b===t-2&&e ":"",j=Array.from(f.querySelectorAll("".concat(S).concat(ms.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 O:{_(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}},bs=["activeTab","children","className"];function ut(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 pt(e){for(var n=1;nP.length-1?h(P.length-1):h(r))},[r,P]);var g=function(j){h(j)};o.useImperativeHandle(n,function(){return i.current});var f=Ya(i,{rotating:!0,horizontally:!0}),w=f.keyDown;return c.jsx(me.Provider,{value:{activeTab:O,updateTab:g,tabsId:l},children:c.jsx("div",pt(pt({},s),{},{role:"tabs",ref:i,onKeyDown:w,className:p("ams-tabs",a),children:t}))})});be.displayName="Tabs";Object.assign(be,{Button:Ja,List:Qa,Panel:Xa});var fs=["className","dir","invalid","resize"];function dt(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 mt(e){for(var n=1;nt&&b===t-2&&e");--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-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-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__file{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__file-preview{display:grid;flex:0 0 var(--ams-file-list-file-preview-width);place-items:center}.ams-file-list__file-preview img{inline-size:100%;min-block-size:auto}.ams-file-list__file-info{flex:1;gap:var(--ams-file-list-file-gap);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ams-file-input__file-details{color:var(--ams-file-list-file-details-color)}.ams-action-group{align-items:baseline;display:inline-flex;flex-wrap:wrap;gap:var(--ams-action-group-gap)}.ams-action-group>*{flex:auto}.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-hint{color:var(--ams-hint-color);display:inline-block}.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-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)}}}.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-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-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-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-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-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-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-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-body{margin-block:0;margin-inline:0}.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-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-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{grid-template-columns:auto 1fr}.ams-description-list--terms-width-sm{grid-template-columns:1fr 4fr}.ams-description-list--terms-width-md{grid-template-columns:1fr 2fr}.ams-description-list--terms-width-lg{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}}.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-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-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-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-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-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}[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-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-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-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-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-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-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-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-overlap{display:grid}.ams-overlap>*{grid-column:1/-1;grid-row:1/-1}.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-mark{background-color:var(--ams-mark-background-color)}.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-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-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-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-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-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-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-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-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-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-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-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-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-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-icon{align-items:center;display:inline-flex}.ams-icon svg{fill:currentColor}.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-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-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-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-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-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-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-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-DES-969-file-list-component/assets/preview-DNEE4QmO.js b/demo-DES-969-file-list-component/assets/preview-BYz12fpG.js similarity index 70% rename from demo-DES-969-file-list-component/assets/preview-DNEE4QmO.js rename to demo-DES-969-file-list-component/assets/preview-BYz12fpG.js index 466b5eb3ed..e2261977e3 100644 --- a/demo-DES-969-file-list-component/assets/preview-DNEE4QmO.js +++ b/demo-DES-969-file-list-component/assets/preview-BYz12fpG.js @@ -1,2 +1,2 @@ -const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./DocsRenderer-CFRXHY34-CnTVl2Ai.js","./iframe-B8lpJMi7.js","./index-B-o1Wr-g.js","./_commonjsHelpers-Cpj98o6Y.js","./index-D4650r9u.js","./jsx-runtime-j_jdvEMj.js","./index-DolzVqEf.js","./index-D-8MO0q_.js","./index-CJyPbrN5.js","./index-DrFu-skq.js","./react-18-Dbhu8A1k.js"])))=>i.map(i=>d[i]); -import{_ as a}from"./iframe-B8lpJMi7.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-CnTVl2Ai.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10]),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-4u4zVybA.js","./iframe-BqRGPnP1.js","./index-B-o1Wr-g.js","./_commonjsHelpers-Cpj98o6Y.js","./index-CsbqyhR0.js","./jsx-runtime-j_jdvEMj.js","./index-DolzVqEf.js","./index-D-8MO0q_.js","./index-CJyPbrN5.js","./index-DrFu-skq.js","./react-18-Dbhu8A1k.js"])))=>i.map(i=>d[i]); +import{_ as a}from"./iframe-BqRGPnP1.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-4u4zVybA.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10]),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-DES-969-file-list-component/assets/preview-COIC7NCY.css b/demo-DES-969-file-list-component/assets/preview-COIC7NCY.css deleted file mode 100644 index 718e47a66b..0000000000 --- a/demo-DES-969-file-list-component/assets/preview-COIC7NCY.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-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-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;margin-block:0;padding-inline:0}.ams-file-list__file{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__file-preview{display:grid;flex:0 0 var(--ams-file-list-file-preview-width);place-items:center}.ams-file-list__file-preview img{inline-size:100%;min-block-size:auto}.ams-file-list__file-info{flex:1;gap:var(--ams-file-list-file-gap);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ams-file-input__file-details{color:var(--ams-file-list-file-details-color)}.ams-action-group{align-items:baseline;display:inline-flex;flex-wrap:wrap;gap:var(--ams-action-group-gap)}.ams-action-group>*{flex:auto}.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-hint{color:var(--ams-hint-color);display:inline-block}.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-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)}}}.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-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-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-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-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-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-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-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-body{margin-block:0;margin-inline:0}.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-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-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{grid-template-columns:auto 1fr}.ams-description-list--terms-width-sm{grid-template-columns:1fr 4fr}.ams-description-list--terms-width-md{grid-template-columns:1fr 2fr}.ams-description-list--terms-width-lg{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}}.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-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-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-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-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-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}[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-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-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-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-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-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-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-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-overlap{display:grid}.ams-overlap>*{grid-column:1/-1;grid-row:1/-1}.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-mark{background-color:var(--ams-mark-background-color)}.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-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-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-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-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-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-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-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-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-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-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-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-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-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-icon{align-items:center;display:inline-flex}.ams-icon svg{fill:currentColor}.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-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-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-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-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-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-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-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-DES-969-file-list-component/assets/preview-BJJ59O-Y.js b/demo-DES-969-file-list-component/assets/preview-CeQ8inqV.js similarity index 93% rename from demo-DES-969-file-list-component/assets/preview-BJJ59O-Y.js rename to demo-DES-969-file-list-component/assets/preview-CeQ8inqV.js index 19a8ac2640..4711cf1890 100644 --- a/demo-DES-969-file-list-component/assets/preview-BJJ59O-Y.js +++ b/demo-DES-969-file-list-component/assets/preview-CeQ8inqV.js @@ -1,2 +1,2 @@ const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./axe-lnWdN9pe.js","./_commonjsHelpers-Cpj98o6Y.js"])))=>i.map(i=>d[i]); -import{_ as S}from"./iframe-B8lpJMi7.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-lnWdN9pe.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-BqRGPnP1.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-lnWdN9pe.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-DES-969-file-list-component/assets/preview-Sxj8ECYt.js b/demo-DES-969-file-list-component/assets/preview-DeFSAfrc.js similarity index 96% rename from demo-DES-969-file-list-component/assets/preview-Sxj8ECYt.js rename to demo-DES-969-file-list-component/assets/preview-DeFSAfrc.js index 5681af23e6..bedfc689f0 100644 --- a/demo-DES-969-file-list-component/assets/preview-Sxj8ECYt.js +++ b/demo-DES-969-file-list-component/assets/preview-DeFSAfrc.js @@ -1 +1 @@ -import{j as c}from"./jsx-runtime-j_jdvEMj.js";import{s as g}from"./index.esm-CEyvCNNo.js";import"./index-B-o1Wr-g.js";import{c as b}from"./clsx-B-dksMZM.js";import"./index.esm-CEthAr-Q.js";import"./_commonjsHelpers-Cpj98o6Y.js";const{useParameter:x,addons:f,useEffect:v,useMemo:F}=__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"}},H={children:{table:{disable:!0}}},U=[(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"})],K={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{H as argTypes,U as decorators,K as parameters}; +import{j as c}from"./jsx-runtime-j_jdvEMj.js";import{s as g}from"./index.esm-Dojcg4AG.js";import"./index-B-o1Wr-g.js";import{c as b}from"./clsx-B-dksMZM.js";import"./index.esm-CEthAr-Q.js";import"./_commonjsHelpers-Cpj98o6Y.js";const{useParameter:x,addons:f,useEffect:v,useMemo:F}=__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"}},H={children:{table:{disable:!0}}},U=[(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"})],K={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{H as argTypes,U as decorators,K as parameters}; diff --git a/demo-DES-969-file-list-component/assets/routing-libraries.docs-qbK5d_xR.js b/demo-DES-969-file-list-component/assets/routing-libraries.docs-CJFFmQWR.js similarity index 95% rename from demo-DES-969-file-list-component/assets/routing-libraries.docs-qbK5d_xR.js rename to demo-DES-969-file-list-component/assets/routing-libraries.docs-CJFFmQWR.js index 82580df498..18c7be427f 100644 --- a/demo-DES-969-file-list-component/assets/routing-libraries.docs-qbK5d_xR.js +++ b/demo-DES-969-file-list-component/assets/routing-libraries.docs-CJFFmQWR.js @@ -1,4 +1,4 @@ -import{j as n}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as r}from"./index-BSj771as.js";import{ae as i}from"./index-D4650r9u.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-B8lpJMi7.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.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-j_jdvEMj.js";import{useMDXComponents as r}from"./index-BSj771as.js";import{ae as i}from"./index-CsbqyhR0.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-BqRGPnP1.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.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-DES-969-file-list-component/assets/space.docs-DIyEDf_W.js b/demo-DES-969-file-list-component/assets/space.docs-C9Z1-P9_.js similarity index 99% rename from demo-DES-969-file-list-component/assets/space.docs-DIyEDf_W.js rename to demo-DES-969-file-list-component/assets/space.docs-C9Z1-P9_.js index 7fa7f53e2b..0a42c37bcd 100644 --- a/demo-DES-969-file-list-component/assets/space.docs-DIyEDf_W.js +++ b/demo-DES-969-file-list-component/assets/space.docs-C9Z1-P9_.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as l}from"./index-BSj771as.js";import{ae as i}from"./index-D4650r9u.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-B8lpJMi7.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.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-j_jdvEMj.js";import{useMDXComponents as l}from"./index-BSj771as.js";import{ae as i}from"./index-CsbqyhR0.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-BqRGPnP1.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.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-DES-969-file-list-component/assets/text.docs-D1FKA1Fn.js b/demo-DES-969-file-list-component/assets/text.docs-CvIb4_CA.js similarity index 99% rename from demo-DES-969-file-list-component/assets/text.docs-D1FKA1Fn.js rename to demo-DES-969-file-list-component/assets/text.docs-CvIb4_CA.js index ad9da984e1..5342c917fe 100644 --- a/demo-DES-969-file-list-component/assets/text.docs-D1FKA1Fn.js +++ b/demo-DES-969-file-list-component/assets/text.docs-CvIb4_CA.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as l}from"./index-BSj771as.js";import{ae as r,af as i}from"./index-D4650r9u.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-B8lpJMi7.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.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-j_jdvEMj.js";import{useMDXComponents as l}from"./index-BSj771as.js";import{ae as r,af as i}from"./index-CsbqyhR0.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-BqRGPnP1.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.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-DES-969-file-list-component/assets/usability.docs-CHdrWxH4.js b/demo-DES-969-file-list-component/assets/usability.docs-DP08rapr.js similarity index 93% rename from demo-DES-969-file-list-component/assets/usability.docs-CHdrWxH4.js rename to demo-DES-969-file-list-component/assets/usability.docs-DP08rapr.js index be70be4185..24197f80bc 100644 --- a/demo-DES-969-file-list-component/assets/usability.docs-CHdrWxH4.js +++ b/demo-DES-969-file-list-component/assets/usability.docs-DP08rapr.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as s}from"./index-BSj771as.js";import{ae as i}from"./index-D4650r9u.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-B8lpJMi7.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.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-j_jdvEMj.js";import{useMDXComponents as s}from"./index-BSj771as.js";import{ae as i}from"./index-CsbqyhR0.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-BqRGPnP1.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.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-DES-969-file-list-component/assets/web-app.docs-DbrAHfzY.js b/demo-DES-969-file-list-component/assets/web-app.docs-n1ZwAf6a.js similarity index 96% rename from demo-DES-969-file-list-component/assets/web-app.docs-DbrAHfzY.js rename to demo-DES-969-file-list-component/assets/web-app.docs-n1ZwAf6a.js index 762fa40e3e..97e272f896 100644 --- a/demo-DES-969-file-list-component/assets/web-app.docs-DbrAHfzY.js +++ b/demo-DES-969-file-list-component/assets/web-app.docs-n1ZwAf6a.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as t}from"./index-BSj771as.js";import{ae as a}from"./index-D4650r9u.js";import{W as o}from"./AppIcons-4pa5QSAl.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-B8lpJMi7.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./index.esm-CEyvCNNo.js";import"./index.esm-CEthAr-Q.js";import"./clsx-B-dksMZM.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-j_jdvEMj.js";import{useMDXComponents as t}from"./index-BSj771as.js";import{ae as a}from"./index-CsbqyhR0.js";import{W as o}from"./AppIcons-bHbdLDgN.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-BqRGPnP1.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./index.esm-Dojcg4AG.js";import"./clsx-B-dksMZM.js";import"./index.esm-CEthAr-Q.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-DES-969-file-list-component/iframe.html b/demo-DES-969-file-list-component/iframe.html index 3d4b244cfd..b436a0e60e 100644 --- a/demo-DES-969-file-list-component/iframe.html +++ b/demo-DES-969-file-list-component/iframe.html @@ -512,7 +512,7 @@ window.global = window; - + diff --git a/demo-DES-969-file-list-component/project.json b/demo-DES-969-file-list-component/project.json index 42f344d0c9..dc846c2bea 100644 --- a/demo-DES-969-file-list-component/project.json +++ b/demo-DES-969-file-list-component/project.json @@ -1 +1 @@ -{"generatedAt":1734086675526,"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":1734088866523,"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