diff --git a/demo-develop/66832aaf14a209915b60498acecf90cecff27c23.txt b/demo-develop/7b98773a32ea6156e12421a5bd5c11d918ec9797.txt similarity index 100% rename from demo-develop/66832aaf14a209915b60498acecf90cecff27c23.txt rename to demo-develop/7b98773a32ea6156e12421a5bd5c11d918ec9797.txt diff --git a/demo-develop/assets/Accordion.docs-DZTAW76e.js b/demo-develop/assets/Accordion.docs-hzW_VfT2.js similarity index 93% rename from demo-develop/assets/Accordion.docs-DZTAW76e.js rename to demo-develop/assets/Accordion.docs-hzW_VfT2.js index a6670777ad..3e3278f4d0 100644 --- a/demo-develop/assets/Accordion.docs-DZTAW76e.js +++ b/demo-develop/assets/Accordion.docs-hzW_VfT2.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as s}from"./index-DlpNa54Y.js";import{M as i,d as r,P as c,e as d,f as o}from"./index-DanlQ17N.js";import{A as h,E as l,T as p}from"./Accordion.stories-BA8fZ7sI.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-C2MGObLX.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";import"./exampleContent-CRK3_7Hv.js";import"./clsx-B-dksMZM.js";import"./index.esm-DQkeu4as.js";import"./getHeadingElement-DiRwFEz7.js";import"./Icon-tKAGJH_4.js";import"./useKeyboardFocus-CRUFsA_C.js";import"./Paragraph-B6eM4Eli.js";const m=` +import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as s}from"./index-DlpNa54Y.js";import{M as i,d as r,P as c,e as d,f as o}from"./index-C1H0KNfC.js";import{A as h,E as l,T as p}from"./Accordion.stories-BDkuSoA4.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-CjTW3GMG.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";import"./exampleContent-CRK3_7Hv.js";import"./clsx-B-dksMZM.js";import"./index.esm-DQkeu4as.js";import"./getHeadingElement-DiRwFEz7.js";import"./Icon-CuaumHXX.js";import"./useKeyboardFocus-CRUFsA_C.js";import"./Paragraph-C4jU4-Z4.js";const m=` # Accordion diff --git a/demo-develop/assets/Accordion.stories-BA8fZ7sI.js b/demo-develop/assets/Accordion.stories-BDkuSoA4.js similarity index 56% rename from demo-develop/assets/Accordion.stories-BA8fZ7sI.js rename to demo-develop/assets/Accordion.stories-BDkuSoA4.js index 7e23d50526..1a4fe46b29 100644 --- a/demo-develop/assets/Accordion.stories-BA8fZ7sI.js +++ b/demo-develop/assets/Accordion.stories-BDkuSoA4.js @@ -1,10 +1,10 @@ -import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{a as S}from"./exampleContent-CRK3_7Hv.js";import{c as p}from"./clsx-B-dksMZM.js";import{r as n}from"./index-BwDkhjyp.js";import{t as O}from"./index.esm-DQkeu4as.js";import{g as H}from"./getHeadingElement-DiRwFEz7.js";import{I as M}from"./Icon-tKAGJH_4.js";import{u as $}from"./useKeyboardFocus-CRUFsA_C.js";import{P as r}from"./Paragraph-B6eM4Eli.js";/** +import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{a as S}from"./exampleContent-CRK3_7Hv.js";import{c as p}from"./clsx-B-dksMZM.js";import{r as n}from"./index-BwDkhjyp.js";import{t as O}from"./index.esm-DQkeu4as.js";import{g as H}from"./getHeadingElement-DiRwFEz7.js";import{I as M}from"./Icon-CuaumHXX.js";import{u as $}from"./useKeyboardFocus-CRUFsA_C.js";import{P as r}from"./Paragraph-C4jU4-Z4.js";/** * @license EUPL-1.2+ * Copyright Gemeente Amsterdam */const z={headingLevel:1,section:!0},T=n.createContext(z);try{Context.displayName="Context",Context.__docgenInfo={description:`Context lets components pass information deep down without explicitly passing props. -Created from {@link createContext}`,displayName:"Context",props:{}}}catch{}const I=n.forwardRef(({label:o,expanded:m=!1,children:d,className:h,...u},c)=>{const{headingLevel:g,section:R}=n.useContext(T),[l,V]=n.useState(m),q=H(g),A=n.useId(),x=`button-${A}`,_=`panel-${A}`;return e.jsxs("div",{className:p("ams-accordion__section",h),ref:c,...u,children:[e.jsx(q,{className:"ams-accordion__header",children:e.jsxs("button",{"aria-controls":_,"aria-expanded":l,className:"ams-accordion__button",id:x,onClick:()=>V(!l),type:"button",children:[e.jsx(M,{svg:O,size:"level-5",className:"ams-accordion__icon"}),o]})}),R?e.jsx("section",{id:_,"aria-labelledby":x,className:p("ams-accordion__panel",{"ams-accordion__panel--expanded":l}),children:d}):e.jsx("div",{id:_,"aria-labelledby":x,className:p("ams-accordion__panel",{"ams-accordion__panel--expanded":l}),children:d})]})});I.displayName="Accordion.Section";try{Accordion.Section.displayName="Accordion.Section",Accordion.Section.__docgenInfo={description:"",displayName:"Accordion.Section",props:{label:{defaultValue:null,description:"",name:"label",required:!0,type:{name:"string"}},expanded:{defaultValue:{value:"false"},description:"",name:"expanded",required:!1,type:{name:"boolean"}}}}}catch{}const L=n.forwardRef(({children:o,className:m,headingLevel:d,section:h=!0},u)=>{const c=n.useRef(null);n.useImperativeHandle(u,()=>c.current);const{keyDown:g}=$(c,{rotating:!0});return e.jsx(T.Provider,{value:{headingLevel:d,section:h},children:e.jsx("div",{className:p("ams-accordion",m),onKeyDown:g,ref:c,children:o})})});L.displayName="Accordion";const a=Object.assign(L,{Section:I});try{a.displayName="Accordion",a.__docgenInfo={description:"",displayName:"Accordion",props:{headingLevel:{defaultValue:null,description:"The hierarchical level of the accordion title within the document.",name:"headingLevel",required:!0,type:{name:"enum",value:[{value:"1"},{value:"2"},{value:"3"},{value:"4"}]}},section:{defaultValue:{value:"true"},description:"",name:"section",required:!1,type:{name:"boolean"}}}}}catch{}const f=S(),y=S(),b=S(),B={title:"Components/Containers/Accordion",component:a,args:{headingLevel:1}},t={args:{children:[e.jsx(a.Section,{label:"Eerste sectie",children:e.jsx(r,{children:f})},1),e.jsx(a.Section,{label:"Tweede sectie",children:e.jsx(r,{children:y})},2),e.jsx(a.Section,{label:"Derde sectie",children:e.jsx(r,{children:b})},3)]}},i={args:{children:[e.jsx(a.Section,{label:"Eerste sectie",children:e.jsx(r,{children:f})},1),e.jsx(a.Section,{label:"Tweede sectie",expanded:!0,children:e.jsx(r,{children:y})},2),e.jsx(a.Section,{label:"Derde sectie",children:e.jsx(r,{children:b})},3)]}},s={args:{section:!1,children:[e.jsx(a.Section,{label:"Eerste sectie",children:e.jsx(r,{children:f})},1),e.jsx(a.Section,{label:"Tweede sectie",children:e.jsx(r,{children:y})},2),e.jsx(a.Section,{label:"Derde sectie",children:e.jsx(r,{children:b})},3)]}};var j,v,P;t.parameters={...t.parameters,docs:{...(j=t.parameters)==null?void 0:j.docs,source:{originalSource:`{ +Created from {@link createContext}`,displayName:"Context",props:{}}}catch{}const I=n.forwardRef(({label:o,expanded:h=!1,children:d,className:m,...u},c)=>{const{headingLevel:g,section:R}=n.useContext(T),[l,V]=n.useState(h),q=H(g),A=n.useId(),x=`button-${A}`,_=`panel-${A}`;return e.jsxs("div",{className:p("ams-accordion__section",m),ref:c,...u,children:[e.jsx(q,{className:"ams-accordion__header",children:e.jsxs("button",{"aria-controls":_,"aria-expanded":l,className:"ams-accordion__button",id:x,onClick:()=>V(!l),type:"button",children:[e.jsx(M,{svg:O,size:"level-5",className:"ams-accordion__icon"}),o]})}),R?e.jsx("section",{id:_,"aria-labelledby":x,className:p("ams-accordion__panel",{"ams-accordion__panel--expanded":l}),children:d}):e.jsx("div",{id:_,"aria-labelledby":x,className:p("ams-accordion__panel",{"ams-accordion__panel--expanded":l}),children:d})]})});I.displayName="Accordion.Section";try{Accordion.Section.displayName="Accordion.Section",Accordion.Section.__docgenInfo={description:"",displayName:"Accordion.Section",props:{label:{defaultValue:null,description:"The heading text.",name:"label",required:!0,type:{name:"string"}},expanded:{defaultValue:{value:"false"},description:"Whether the content is displayed initially.",name:"expanded",required:!1,type:{name:"boolean"}}}}}catch{}const L=n.forwardRef(({children:o,className:h,headingLevel:d,section:m=!0},u)=>{const c=n.useRef(null);n.useImperativeHandle(u,()=>c.current);const{keyDown:g}=$(c,{rotating:!0});return e.jsx(T.Provider,{value:{headingLevel:d,section:m},children:e.jsx("div",{className:p("ams-accordion",h),onKeyDown:g,ref:c,children:o})})});L.displayName="Accordion";const a=Object.assign(L,{Section:I});try{a.displayName="Accordion",a.__docgenInfo={description:"",displayName:"Accordion",props:{headingLevel:{defaultValue:null,description:"The hierarchical level of the Accordion Section heading(s) within the document.",name:"headingLevel",required:!0,type:{name:"enum",value:[{value:"1"},{value:"2"},{value:"3"},{value:"4"}]}},section:{defaultValue:{value:"true"},description:"Whether to use a ‘section’ element for each Accordion Section.",name:"section",required:!1,type:{name:"boolean"}}}}}catch{}const y=S(),f=S(),b=S(),B={title:"Components/Containers/Accordion",component:a,args:{headingLevel:1}},t={args:{children:[e.jsx(a.Section,{label:"Eerste sectie",children:e.jsx(r,{children:y})},1),e.jsx(a.Section,{label:"Tweede sectie",children:e.jsx(r,{children:f})},2),e.jsx(a.Section,{label:"Derde sectie",children:e.jsx(r,{children:b})},3)]}},i={args:{children:[e.jsx(a.Section,{label:"Eerste sectie",children:e.jsx(r,{children:y})},1),e.jsx(a.Section,{label:"Tweede sectie",expanded:!0,children:e.jsx(r,{children:f})},2),e.jsx(a.Section,{label:"Derde sectie",children:e.jsx(r,{children:b})},3)]}},s={args:{section:!1,children:[e.jsx(a.Section,{label:"Eerste sectie",children:e.jsx(r,{children:y})},1),e.jsx(a.Section,{label:"Tweede sectie",children:e.jsx(r,{children:f})},2),e.jsx(a.Section,{label:"Derde sectie",children:e.jsx(r,{children:b})},3)]}};var j,v,P;t.parameters={...t.parameters,docs:{...(j=t.parameters)==null?void 0:j.docs,source:{originalSource:`{ args: { children: [ {paragraph1} diff --git a/demo-develop/assets/Alert.docs--ILvFd5G.js b/demo-develop/assets/Alert.docs-CDP-01Hz.js similarity index 84% rename from demo-develop/assets/Alert.docs--ILvFd5G.js rename to demo-develop/assets/Alert.docs-CDP-01Hz.js index c5080e22b8..157cae455d 100644 --- a/demo-develop/assets/Alert.docs--ILvFd5G.js +++ b/demo-develop/assets/Alert.docs-CDP-01Hz.js @@ -1,4 +1,4 @@ -import{j as n}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as s}from"./index-DlpNa54Y.js";import{M as o,d as a,P as c,e as l,f as i}from"./index-DanlQ17N.js";import{A as h,W as d,E as m,S as p,I as f,a as u,b as x,c as j}from"./Alert.stories-u7Mugo81.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-C2MGObLX.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";import"./index.esm-DQkeu4as.js";import"./clsx-B-dksMZM.js";import"./Icon-tKAGJH_4.js";import"./Heading-mbayTkiK.js";import"./getHeadingElement-DiRwFEz7.js";import"./IconButton-B8Ra7ApA.js";import"./VisuallyHidden-Db-04MJ9.js";import"./UnorderedList-BEOg6IEf.js";import"./Link-C7ZZOouR.js";import"./Paragraph-B6eM4Eli.js";const g=` +import{j as n}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as s}from"./index-DlpNa54Y.js";import{M as o,d as a,P as c,e as l,f as i}from"./index-C1H0KNfC.js";import{A as h,W as d,E as m,S as p,I as f,a as u,b as x,c as j}from"./Alert.stories-DtE95yDU.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-CjTW3GMG.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";import"./index.esm-DQkeu4as.js";import"./clsx-B-dksMZM.js";import"./Icon-CuaumHXX.js";import"./Heading-CWbN3elW.js";import"./getHeadingElement-DiRwFEz7.js";import"./IconButton-CFmnpWmC.js";import"./VisuallyHidden-Db-04MJ9.js";import"./UnorderedList-J9gSHTlV.js";import"./Link-DfaTqfXA.js";import"./Paragraph-C4jU4-Z4.js";const g=` # Alert diff --git a/demo-develop/assets/Alert.stories-DtE95yDU.js b/demo-develop/assets/Alert.stories-DtE95yDU.js new file mode 100644 index 0000000000..4f00e0d750 --- /dev/null +++ b/demo-develop/assets/Alert.stories-DtE95yDU.js @@ -0,0 +1,64 @@ +import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{m as v,p as J,q as Q}from"./index.esm-DQkeu4as.js";import{c as X}from"./clsx-B-dksMZM.js";import{r as Y}from"./index-BwDkhjyp.js";import{I as Z}from"./Icon-CuaumHXX.js";import{H as ee}from"./Heading-CWbN3elW.js";import{I as ne}from"./IconButton-CFmnpWmC.js";import{U as m}from"./UnorderedList-J9gSHTlV.js";import{L as re}from"./Link-DfaTqfXA.js";import{P as n}from"./Paragraph-C4jU4-Z4.js";const ae={error:v,info:J,success:Q,warning:v},u=Y.forwardRef(({children:h,className:H,closeable:B,closeButtonLabel:K="Sluiten",headingLevel:G=2,onClose:R,severity:g="warning",title:c,...F},M)=>{const p=c?"level-4":"level-5",$=c?"section":"div";return e.jsxs($,{...F,ref:M,className:X("ams-alert",g&&`ams-alert--${g}`,H),children:[e.jsx("div",{className:"ams-alert__icon",children:e.jsx(Z,{size:p,svg:ae[g]})}),e.jsxs("div",{className:"ams-alert__content",children:[c&&e.jsx(ee,{level:G,size:"level-4",children:c}),h]}),B&&e.jsx(ne,{label:K,size:p,onClick:R})]})});u.displayName="Alert";try{u.displayName="Alert",u.__docgenInfo={description:"",displayName:"Alert",props:{closeable:{defaultValue:null,description:"Whether the user can dismiss the Alert. Adds a button to its top right.",name:"closeable",required:!1,type:{name:"boolean"}},closeButtonLabel:{defaultValue:{value:"Sluiten"},description:"The label for the button that dismisses the Alert.",name:"closeButtonLabel",required:!1,type:{name:"string"}},headingLevel:{defaultValue:{value:"2"},description:"The hierarchical level of the Alert’s heading within the document.",name:"headingLevel",required:!1,type:{name:"enum",value:[{value:"1"},{value:"2"},{value:"3"},{value:"4"}]}},onClose:{defaultValue:null,description:"A function to run when dismissing.",name:"onClose",required:!1,type:{name:"(() => void)"}},severity:{defaultValue:{value:"warning"},description:"The significance of the message conveyed.",name:"severity",required:!1,type:{name:"enum",value:[{value:'"error"'},{value:'"info"'},{value:'"success"'},{value:'"warning"'}]}},title:{defaultValue:null,description:"The text for the Heading.",name:"title",required:!1,type:{name:"string"}}}}}catch{}const te={title:"Components/Feedback/Alert",component:u,args:{title:"Let op",closeable:!1}},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."}),title:"Vul de gegevens aan"}},t={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."}),severity:"error",title:"Niet gelukt"}},s={args:{children:e.jsx(n,{children:"Het formulier is verzonden. We hebben uw gegevens goed ontvangen."}),closeable:!0,severity:"success",title:"Gelukt"}},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:{title:"Vul de gegevens aan",children:[e.jsx(n,{children:"U bent vergeten de volgende verplichte velden in te vullen:"},1),e.jsxs(m,{children:[e.jsx(m.Item,{children:"Naam"}),e.jsx(m.Item,{children:"Telefoonnummer"})]},2)]}},l={args:{children:e.jsxs(n,{children:["Tijdens Koningsdag zijn"," ",e.jsx(re,{variant:"inline",href:"#",children:"alle Stadsloketten"})," ","gesloten. Ook 14 020 en alle andere telefoonnummers van de gemeente zijn niet bereikbaar."]}),severity:"info"}},d={args:{children:e.jsx(n,{children:"De geschatte wachttijd in de adreszoeker klopt momenteel niet altijd. We werken aan een oplossing."}),title:void 0}};var f,k,j;r.parameters={...r.parameters,docs:{...(f=r.parameters)==null?void 0:f.docs,source:{originalSource:`{ + args: { + children: + Tijdens Koningsdag zijn alle Stadsloketten gesloten. Ook 14 020 en alle andere telefoonnummers van de gemeente + zijn niet bereikbaar. + + } +}`,...(j=(k=r.parameters)==null?void 0:k.docs)==null?void 0:j.source}}};var b,y,S;a.parameters={...a.parameters,docs:{...(b=a.parameters)==null?void 0:b.docs,source:{originalSource:`{ + args: { + children: U bent vergeten verplichte velden in te vullen., + title: 'Vul de gegevens aan' + } +}`,...(S=(y=a.parameters)==null?void 0:y.docs)==null?void 0:S.source}}};var x,z,w;t.parameters={...t.parameters,docs:{...(x=t.parameters)==null?void 0:x.docs,source:{originalSource:`{ + args: { + children: + Wegens een technische fout kon het formulier niet worden verzonden. We hebben uw gegevens niet ontvangen. + Probeer het over een paar minuten opnieuw. + , + severity: 'error', + title: 'Niet gelukt' + } +}`,...(w=(z=t.parameters)==null?void 0:z.docs)==null?void 0:w.source}}};var P,L,W;s.parameters={...s.parameters,docs:{...(P=s.parameters)==null?void 0:P.docs,source:{originalSource:`{ + args: { + children: Het formulier is verzonden. We hebben uw gegevens goed ontvangen., + closeable: true, + severity: 'success', + title: 'Gelukt' + } +}`,...(W=(L=s.parameters)==null?void 0:L.docs)==null?void 0:W.source}}};var _,I,T;o.parameters={...o.parameters,docs:{...(_=o.parameters)==null?void 0:_.docs,source:{originalSource:`{ + args: { + children: + Tijdens de hijswerkzaamheden geldt er een korte verkeersstop. We zetten verkeersregelaars in, volg hun + aanwijzingen op. De verkeersstop duurt ongeveer 10 minuten. + , + closeable: true, + severity: 'info' + } +}`,...(T=(I=o.parameters)==null?void 0:I.docs)==null?void 0:T.source}}};var A,U,N;i.parameters={...i.parameters,docs:{...(A=i.parameters)==null?void 0:A.docs,source:{originalSource:`{ + args: { + title: 'Vul de gegevens aan', + children: [U bent vergeten de volgende verplichte velden in te vullen:, + Naam + Telefoonnummer + ] + } +}`,...(N=(U=i.parameters)==null?void 0:U.docs)==null?void 0:N.source}}};var V,q,O;l.parameters={...l.parameters,docs:{...(V=l.parameters)==null?void 0:V.docs,source:{originalSource:`{ + args: { + children: + Tijdens Koningsdag zijn{' '} + + alle Stadsloketten + {' '} + gesloten. Ook 14 020 en alle andere telefoonnummers van de gemeente zijn niet bereikbaar. + , + severity: 'info' + } +}`,...(O=(q=l.parameters)==null?void 0:q.docs)==null?void 0:O.source}}};var D,E,C;d.parameters={...d.parameters,docs:{...(D=d.parameters)==null?void 0:D.docs,source:{originalSource:`{ + args: { + children: + De geschatte wachttijd in de adreszoeker klopt momenteel niet altijd. We werken aan een oplossing. + , + title: undefined + } +}`,...(C=(E=d.parameters)==null?void 0:E.docs)==null?void 0:C.source}}};const se=["Default","Warning","Error","Success","Info","WithList","WithInlineLink","WithoutTitle"],ve=Object.freeze(Object.defineProperty({__proto__:null,Default:r,Error:t,Info:o,Success:s,Warning:a,WithInlineLink:l,WithList:i,WithoutTitle:d,__namedExportsOrder:se,default:te},Symbol.toStringTag,{value:"Module"}));export{ve as A,t as E,o as I,s as S,a as W,l as a,i as b,d as c}; diff --git a/demo-develop/assets/Alert.stories-u7Mugo81.js b/demo-develop/assets/Alert.stories-u7Mugo81.js deleted file mode 100644 index 45e8293457..0000000000 --- a/demo-develop/assets/Alert.stories-u7Mugo81.js +++ /dev/null @@ -1,64 +0,0 @@ -import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{m as v,p as J,q as Q}from"./index.esm-DQkeu4as.js";import{c as X}from"./clsx-B-dksMZM.js";import{r as Y}from"./index-BwDkhjyp.js";import{I as Z}from"./Icon-tKAGJH_4.js";import{H as ee}from"./Heading-mbayTkiK.js";import{I as ne}from"./IconButton-B8Ra7ApA.js";import{U as m}from"./UnorderedList-BEOg6IEf.js";import{L as re}from"./Link-C7ZZOouR.js";import{P as n}from"./Paragraph-B6eM4Eli.js";const ae={error:v,info:J,success:Q,warning:v},g=Y.forwardRef(({children:h,className:H,closeable:B,closeButtonLabel:K="Sluiten",headingLevel:G=2,onClose:R,severity:u="warning",title:c,...F},M)=>{const p=c?"level-4":"level-5",$=c?"section":"div";return e.jsxs($,{...F,ref:M,className:X("ams-alert",u&&`ams-alert--${u}`,H),children:[e.jsx("div",{className:"ams-alert__icon",children:e.jsx(Z,{size:p,svg:ae[u]})}),e.jsxs("div",{className:"ams-alert__content",children:[c&&e.jsx(ee,{level:G,size:"level-4",children:c}),h]}),B&&e.jsx(ne,{label:K,size:p,onClick:R})]})});g.displayName="Alert";try{g.displayName="Alert",g.__docgenInfo={description:"",displayName:"Alert",props:{closeable:{defaultValue:null,description:"Whether the alert can be dismissed by the user. Adds a button to the top right.",name:"closeable",required:!1,type:{name:"boolean"}},closeButtonLabel:{defaultValue:{value:"Sluiten"},description:"The label for the button that dismisses the Alert.",name:"closeButtonLabel",required:!1,type:{name:"string"}},headingLevel:{defaultValue:{value:"2"},description:"The hierarchical level of the alert title within the document.",name:"headingLevel",required:!1,type:{name:"enum",value:[{value:"1"},{value:"2"},{value:"3"},{value:"4"}]}},onClose:{defaultValue:null,description:"Allows a callback when dismissing the alert.",name:"onClose",required:!1,type:{name:"(() => void)"}},severity:{defaultValue:{value:"warning"},description:"Highlights the meaning or tone of the message.",name:"severity",required:!1,type:{name:"enum",value:[{value:'"error"'},{value:'"info"'},{value:'"success"'},{value:'"warning"'}]}},title:{defaultValue:null,description:"The title for the alert.",name:"title",required:!1,type:{name:"string"}}}}}catch{}const te={title:"Components/Feedback/Alert",component:g,args:{title:"Let op",closeable:!1}},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."}),title:"Vul de gegevens aan"}},t={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."}),severity:"error",title:"Niet gelukt"}},s={args:{children:e.jsx(n,{children:"Het formulier is verzonden. We hebben uw gegevens goed ontvangen."}),closeable:!0,severity:"success",title:"Gelukt"}},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:{title:"Vul de gegevens aan",children:[e.jsx(n,{children:"U bent vergeten de volgende verplichte velden in te vullen:"},1),e.jsxs(m,{children:[e.jsx(m.Item,{children:"Naam"}),e.jsx(m.Item,{children:"Telefoonnummer"})]},2)]}},l={args:{children:e.jsxs(n,{children:["Tijdens Koningsdag zijn"," ",e.jsx(re,{variant:"inline",href:"#",children:"alle Stadsloketten"})," ","gesloten. Ook 14 020 en alle andere telefoonnummers van de gemeente zijn niet bereikbaar."]}),severity:"info"}},d={args:{children:e.jsx(n,{children:"De geschatte wachttijd in de adreszoeker klopt momenteel niet altijd. We werken aan een oplossing."}),title:void 0}};var f,k,b;r.parameters={...r.parameters,docs:{...(f=r.parameters)==null?void 0:f.docs,source:{originalSource:`{ - args: { - children: - Tijdens Koningsdag zijn alle Stadsloketten gesloten. Ook 14 020 en alle andere telefoonnummers van de gemeente - zijn niet bereikbaar. - - } -}`,...(b=(k=r.parameters)==null?void 0:k.docs)==null?void 0:b.source}}};var j,y,S;a.parameters={...a.parameters,docs:{...(j=a.parameters)==null?void 0:j.docs,source:{originalSource:`{ - args: { - children: U bent vergeten verplichte velden in te vullen., - title: 'Vul de gegevens aan' - } -}`,...(S=(y=a.parameters)==null?void 0:y.docs)==null?void 0:S.source}}};var z,w,x;t.parameters={...t.parameters,docs:{...(z=t.parameters)==null?void 0:z.docs,source:{originalSource:`{ - args: { - children: - Wegens een technische fout kon het formulier niet worden verzonden. We hebben uw gegevens niet ontvangen. - Probeer het over een paar minuten opnieuw. - , - severity: 'error', - title: 'Niet gelukt' - } -}`,...(x=(w=t.parameters)==null?void 0:w.docs)==null?void 0:x.source}}};var P,L,W;s.parameters={...s.parameters,docs:{...(P=s.parameters)==null?void 0:P.docs,source:{originalSource:`{ - args: { - children: Het formulier is verzonden. We hebben uw gegevens goed ontvangen., - closeable: true, - severity: 'success', - title: 'Gelukt' - } -}`,...(W=(L=s.parameters)==null?void 0:L.docs)==null?void 0:W.source}}};var _,I,T;o.parameters={...o.parameters,docs:{...(_=o.parameters)==null?void 0:_.docs,source:{originalSource:`{ - args: { - children: - Tijdens de hijswerkzaamheden geldt er een korte verkeersstop. We zetten verkeersregelaars in, volg hun - aanwijzingen op. De verkeersstop duurt ongeveer 10 minuten. - , - closeable: true, - severity: 'info' - } -}`,...(T=(I=o.parameters)==null?void 0:I.docs)==null?void 0:T.source}}};var U,A,N;i.parameters={...i.parameters,docs:{...(U=i.parameters)==null?void 0:U.docs,source:{originalSource:`{ - args: { - title: 'Vul de gegevens aan', - children: [U bent vergeten de volgende verplichte velden in te vullen:, - Naam - Telefoonnummer - ] - } -}`,...(N=(A=i.parameters)==null?void 0:A.docs)==null?void 0:N.source}}};var V,q,O;l.parameters={...l.parameters,docs:{...(V=l.parameters)==null?void 0:V.docs,source:{originalSource:`{ - args: { - children: - Tijdens Koningsdag zijn{' '} - - alle Stadsloketten - {' '} - gesloten. Ook 14 020 en alle andere telefoonnummers van de gemeente zijn niet bereikbaar. - , - severity: 'info' - } -}`,...(O=(q=l.parameters)==null?void 0:q.docs)==null?void 0:O.source}}};var D,E,C;d.parameters={...d.parameters,docs:{...(D=d.parameters)==null?void 0:D.docs,source:{originalSource:`{ - args: { - children: - De geschatte wachttijd in de adreszoeker klopt momenteel niet altijd. We werken aan een oplossing. - , - title: undefined - } -}`,...(C=(E=d.parameters)==null?void 0:E.docs)==null?void 0:C.source}}};const se=["Default","Warning","Error","Success","Info","WithList","WithInlineLink","WithoutTitle"],ve=Object.freeze(Object.defineProperty({__proto__:null,Default:r,Error:t,Info:o,Success:s,Warning:a,WithInlineLink:l,WithList:i,WithoutTitle:d,__namedExportsOrder:se,default:te},Symbol.toStringTag,{value:"Module"}));export{ve as A,t as E,o as I,s as S,a as W,l as a,i as b,d as c}; diff --git a/demo-develop/assets/AppIcons-BpQwMKpw.js b/demo-develop/assets/AppIcons-F5v9Q3ZH.js similarity index 96% rename from demo-develop/assets/AppIcons-BpQwMKpw.js rename to demo-develop/assets/AppIcons-F5v9Q3ZH.js index ec20ce54bf..6ae0f576a4 100644 --- a/demo-develop/assets/AppIcons-BpQwMKpw.js +++ b/demo-develop/assets/AppIcons-F5v9Q3ZH.js @@ -1 +1 @@ -import{j as s}from"./jsx-runtime-Nms4Y4qS.js";import{I as i}from"./index.esm-BqSmeFgf.js";const o=()=>s.jsx("div",{className:"ams-docs-gallery",children:s.jsxs("figure",{className:"ams-docs-figure",children:[s.jsx(i,{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,{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,{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,{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,{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,{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,{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,{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-Nms4Y4qS.js";import{I as i}from"./index.esm-BLr1zrdO.js";const o=()=>s.jsx("div",{className:"ams-docs-gallery",children:s.jsxs("figure",{className:"ams-docs-figure",children:[s.jsx(i,{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,{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,{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,{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,{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,{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,{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,{src:"app-icons/icon-512.png",width:512,height:512}),s.jsx("figcaption",{children:"icon-512.png (512px)"})]})]});export{o as A,e as F,n as S,r as W}; diff --git a/demo-develop/assets/AspectRatio-BxbFlkWk.js b/demo-develop/assets/AspectRatio-BxbFlkWk.js new file mode 100644 index 0000000000..1373e18695 --- /dev/null +++ b/demo-develop/assets/AspectRatio-BxbFlkWk.js @@ -0,0 +1 @@ +import{j as i}from"./jsx-runtime-Nms4Y4qS.js";import{c as p}from"./clsx-B-dksMZM.js";import{r as l}from"./index-BwDkhjyp.js";const a=l.forwardRef(({children:e,className:t,ratio:s="square",...r},o)=>i.jsx("div",{...r,ref:o,className:p("ams-aspect-ratio",`ams-aspect-ratio--${s}`,t),children:e}));a.displayName="AspectRatio";try{a.displayName="AspectRatio",a.__docgenInfo={description:"",displayName:"AspectRatio",props:{ratio:{defaultValue:{value:"square"},description:"The dimensions.",name:"ratio",required:!1,type:{name:"enum",value:[{value:'"square"'},{value:'"wide"'},{value:'"x-wide"'},{value:'"x-tall"'},{value:'"tall"'},{value:'"2x-wide"'}]}}}}}catch{}export{a as A}; diff --git a/demo-develop/assets/AspectRatio-kpOHijlA.js b/demo-develop/assets/AspectRatio-kpOHijlA.js deleted file mode 100644 index ddf6c1123f..0000000000 --- a/demo-develop/assets/AspectRatio-kpOHijlA.js +++ /dev/null @@ -1 +0,0 @@ -import{j as i}from"./jsx-runtime-Nms4Y4qS.js";import{c as p}from"./clsx-B-dksMZM.js";import{r as l}from"./index-BwDkhjyp.js";const a=l.forwardRef(({children:e,className:t,ratio:r="square",...s},o)=>i.jsx("div",{...s,ref:o,className:p("ams-aspect-ratio",`ams-aspect-ratio--${r}`,t),children:e}));a.displayName="AspectRatio";try{a.displayName="AspectRatio",a.__docgenInfo={description:"",displayName:"AspectRatio",props:{ratio:{defaultValue:{value:"square"},description:"",name:"ratio",required:!1,type:{name:"enum",value:[{value:'"square"'},{value:'"wide"'},{value:'"x-wide"'},{value:'"x-tall"'},{value:'"tall"'},{value:'"2x-wide"'}]}}}}}catch{}export{a as A}; diff --git a/demo-develop/assets/AspectRatio.docs-DegF6RYS.js b/demo-develop/assets/AspectRatio.docs-yl91drDH.js similarity index 82% rename from demo-develop/assets/AspectRatio.docs-DegF6RYS.js rename to demo-develop/assets/AspectRatio.docs-yl91drDH.js index 5670763b42..42f37b1668 100644 --- a/demo-develop/assets/AspectRatio.docs-DegF6RYS.js +++ b/demo-develop/assets/AspectRatio.docs-yl91drDH.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as i}from"./index-DlpNa54Y.js";import{M as a,d as r,P as l,e as d,f as o}from"./index-DanlQ17N.js";import{A as x,D as h,E as m,W as p,S as c,T as f,a as j}from"./AspectRatio.stories-C71SUCeD.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-C2MGObLX.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";import"./AspectRatio-kpOHijlA.js";import"./clsx-B-dksMZM.js";import"./Image-dXyGEKw_.js";const u=` +import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as i}from"./index-DlpNa54Y.js";import{M as a,d as r,P as l,e as d,f as o}from"./index-C1H0KNfC.js";import{A as x,D as h,E as m,W as p,S as c,T as f,a as j}from"./AspectRatio.stories-D__dCfe8.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-CjTW3GMG.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";import"./AspectRatio-BxbFlkWk.js";import"./clsx-B-dksMZM.js";import"./Image-z3YSpimw.js";const u=` # Aspect Ratio diff --git a/demo-develop/assets/AspectRatio.stories-C71SUCeD.js b/demo-develop/assets/AspectRatio.stories-D__dCfe8.js similarity index 97% rename from demo-develop/assets/AspectRatio.stories-C71SUCeD.js rename to demo-develop/assets/AspectRatio.stories-D__dCfe8.js index 8712eb22e7..5521adfe55 100644 --- a/demo-develop/assets/AspectRatio.stories-C71SUCeD.js +++ b/demo-develop/assets/AspectRatio.stories-D__dCfe8.js @@ -1,4 +1,4 @@ -import{j as n}from"./jsx-runtime-Nms4Y4qS.js";import{A as C}from"./AspectRatio-kpOHijlA.js";import{I as O}from"./Image-dXyGEKw_.js";const v={title:"Components/Layout/Aspect Ratio",component:C,args:{ratio:"square"},argTypes:{ratio:{control:"radio",options:["2x-wide","x-wide","wide","square","tall","x-tall"]}}},I={"2x-wide":{image:"https://picsum.photos/1280/360"},"x-wide":{image:"https://picsum.photos/640/360"},wide:{image:"https://picsum.photos/450/360"},square:{image:"https://picsum.photos/360/360"},tall:{image:"https://picsum.photos/360/450"},"x-tall":{image:"https://picsum.photos/360/640"}},e={decorators:[p=>n.jsx("div",{style:{display:"flex",justifyContent:"center"},children:n.jsx(p,{})})],render:({ratio:p})=>n.jsx(C,{ratio:p,children:n.jsx(O,{alt:"",src:I[p??"square"].image})})},r={...e},a={...e,args:{ratio:"2x-wide"}},s={...e,args:{ratio:"x-wide"}},t={...e,args:{ratio:"wide"}},o={...e,args:{ratio:"square"}},i={...e,args:{ratio:"tall"}},c={...e,args:{ratio:"x-tall"}};var m,l,d;r.parameters={...r.parameters,docs:{...(m=r.parameters)==null?void 0:m.docs,source:{originalSource:`{ +import{j as n}from"./jsx-runtime-Nms4Y4qS.js";import{A as C}from"./AspectRatio-BxbFlkWk.js";import{I as O}from"./Image-z3YSpimw.js";const v={title:"Components/Layout/Aspect Ratio",component:C,args:{ratio:"square"},argTypes:{ratio:{control:"radio",options:["2x-wide","x-wide","wide","square","tall","x-tall"]}}},I={"2x-wide":{image:"https://picsum.photos/1280/360"},"x-wide":{image:"https://picsum.photos/640/360"},wide:{image:"https://picsum.photos/450/360"},square:{image:"https://picsum.photos/360/360"},tall:{image:"https://picsum.photos/360/450"},"x-tall":{image:"https://picsum.photos/360/640"}},e={decorators:[p=>n.jsx("div",{style:{display:"flex",justifyContent:"center"},children:n.jsx(p,{})})],render:({ratio:p})=>n.jsx(C,{ratio:p,children:n.jsx(O,{alt:"",src:I[p??"square"].image})})},r={...e},a={...e,args:{ratio:"2x-wide"}},s={...e,args:{ratio:"x-wide"}},t={...e,args:{ratio:"wide"}},o={...e,args:{ratio:"square"}},i={...e,args:{ratio:"tall"}},c={...e,args:{ratio:"x-tall"}};var m,l,d;r.parameters={...r.parameters,docs:{...(m=r.parameters)==null?void 0:m.docs,source:{originalSource:`{ ...StoryTemplate }`,...(d=(l=r.parameters)==null?void 0:l.docs)==null?void 0:d.source}}};var u,g,x;a.parameters={...a.parameters,docs:{...(u=a.parameters)==null?void 0:u.docs,source:{originalSource:`{ ...StoryTemplate, diff --git a/demo-develop/assets/Avatar.docs-C65TJCN2.js b/demo-develop/assets/Avatar.docs-BUHlU-R2.js similarity index 78% rename from demo-develop/assets/Avatar.docs-C65TJCN2.js rename to demo-develop/assets/Avatar.docs-BUHlU-R2.js index 4ee437ba06..b26fa40e1f 100644 --- a/demo-develop/assets/Avatar.docs-C65TJCN2.js +++ b/demo-develop/assets/Avatar.docs-BUHlU-R2.js @@ -1,4 +1,4 @@ -import{j as n}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as a}from"./index-DlpNa54Y.js";import{M as i,d as s,P as c,e as p,f as t}from"./index-DanlQ17N.js";import{A as l,W as m,F as d,I as h}from"./Avatar.stories-Cp_mxpdb.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-C2MGObLX.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";import"./index.esm-DQkeu4as.js";import"./clsx-B-dksMZM.js";import"./VisuallyHidden-Db-04MJ9.js";import"./Image-dXyGEKw_.js";import"./Icon-tKAGJH_4.js";import"./Header-71OD8ne6.js";import"./Logo-CUETn_by.js";import"./Heading-mbayTkiK.js";import"./getHeadingElement-DiRwFEz7.js";import"./PageMenu-C8WrLt97.js";const u=` +import{j as n}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as a}from"./index-DlpNa54Y.js";import{M as i,d as s,P as c,e as p,f as t}from"./index-C1H0KNfC.js";import{A as l,W as m,F as d,I as h}from"./Avatar.stories-D3utLMbS.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-CjTW3GMG.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";import"./index.esm-DQkeu4as.js";import"./clsx-B-dksMZM.js";import"./VisuallyHidden-Db-04MJ9.js";import"./Image-z3YSpimw.js";import"./Icon-CuaumHXX.js";import"./Header-DF3VOPHu.js";import"./Logo-C5ZbuiYN.js";import"./Heading-CWbN3elW.js";import"./getHeadingElement-DiRwFEz7.js";import"./PageMenu-DQ_snOzP.js";const u=` # Avatar diff --git a/demo-develop/assets/Avatar.stories-Cp_mxpdb.js b/demo-develop/assets/Avatar.stories-Cp_mxpdb.js deleted file mode 100644 index e0ce86dc77..0000000000 --- a/demo-develop/assets/Avatar.stories-Cp_mxpdb.js +++ /dev/null @@ -1,24 +0,0 @@ -import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{r as A,b as L}from"./index.esm-DQkeu4as.js";import{c as M}from"./clsx-B-dksMZM.js";import{r as D}from"./index-BwDkhjyp.js";import{V as H}from"./VisuallyHidden-Db-04MJ9.js";import{I as C}from"./Image-dXyGEKw_.js";import{I as V}from"./Icon-tKAGJH_4.js";import{H as F}from"./Header-71OD8ne6.js";import{P as c}from"./PageMenu-C8WrLt97.js";const N=({imageSrc:a,initials:r})=>a?e.jsx(C,{src:a,alt:""}):r.length?e.jsx("span",{"aria-hidden":!0,children:r}):e.jsx(V,{svg:A,size:"level-6"}),l=D.forwardRef(({label:a,imageSrc:r,className:j,color:P="dark-blue",..._},y)=>{const i=a.slice(0,2).toUpperCase(),I=i.length===0?"Gebruiker":`Initialen gebruiker: ${i}`;return e.jsxs("span",{..._,ref:y,className:M("ams-avatar",`ams-avatar--${P}`,r&&"ams-avatar--has-image",j),children:[e.jsx(H,{children:I}),e.jsx(N,{imageSrc:r,initials:i})]})});l.displayName="Avatar";try{l.displayName="Avatar",l.__docgenInfo={description:"",displayName:"Avatar",props:{color:{defaultValue:{value:"dark-blue"},description:"",name:"color",required:!1,type:{name:"enum",value:[{value:'"blue"'},{value:'"dark-blue"'},{value:'"dark-green"'},{value:'"green"'},{value:'"magenta"'},{value:'"orange"'},{value:'"purple"'},{value:'"red"'},{value:'"yellow"'}]}},imageSrc:{defaultValue:null,description:"",name:"imageSrc",required:!1,type:{name:"string"}},label:{defaultValue:null,description:"",name:"label",required:!0,type:{name:"string"}}}}}catch{}const q={title:"Components/Feedback/Avatar",component:l,args:{label:"DS",imageSrc:""}},s={},n={args:{label:"PS",imageSrc:"https://i.pravatar.cc/128"}},t={args:{imageSrc:void 0,label:""}},o={args:{label:"DS"},render:a=>e.jsx(F,{links:e.jsxs(c,{children:[e.jsx(c.Link,{href:"#",children:"Contact"}),e.jsx(c.Link,{href:"#",icon:L,children:"Zoeken"}),e.jsx("li",{children:e.jsx(l,{...a})})]}),title:"Dashboard"})};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,f;n.parameters={...n.parameters,docs:{...(p=n.parameters)==null?void 0:p.docs,source:{originalSource:`{ - args: { - label: 'PS', - imageSrc: 'https://i.pravatar.cc/128' - } -}`,...(f=(g=n.parameters)==null?void 0:g.docs)==null?void 0:f.source}}};var v,b,h;t.parameters={...t.parameters,docs:{...(v=t.parameters)==null?void 0:v.docs,source:{originalSource:`{ - args: { - imageSrc: undefined, - label: '' - } -}`,...(h=(b=t.parameters)==null?void 0:b.docs)==null?void 0:h.source}}};var S,k,x;o.parameters={...o.parameters,docs:{...(S=o.parameters)==null?void 0:S.docs,source:{originalSource:`{ - args: { - label: 'DS' - }, - render: args =>
- Contact - - Zoeken - -
  • - -
    • - } title="Dashboard" /> -}`,...(x=(k=o.parameters)==null?void 0:k.docs)==null?void 0:x.source}}};const E=["Default","WithPicture","FallbackIcon","InAHeader"],U=Object.freeze(Object.defineProperty({__proto__:null,Default:s,FallbackIcon:t,InAHeader:o,WithPicture:n,__namedExportsOrder:E,default:q},Symbol.toStringTag,{value:"Module"}));export{U as A,t as F,o as I,n as W}; diff --git a/demo-develop/assets/Avatar.stories-D3utLMbS.js b/demo-develop/assets/Avatar.stories-D3utLMbS.js new file mode 100644 index 0000000000..6ab198cbfa --- /dev/null +++ b/demo-develop/assets/Avatar.stories-D3utLMbS.js @@ -0,0 +1,24 @@ +import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{r as A,b as L}from"./index.esm-DQkeu4as.js";import{c as M}from"./clsx-B-dksMZM.js";import{r as D}from"./index-BwDkhjyp.js";import{V as w}from"./VisuallyHidden-Db-04MJ9.js";import{I as H}from"./Image-z3YSpimw.js";import{I as C}from"./Icon-CuaumHXX.js";import{H as T}from"./Header-DF3VOPHu.js";import{P as c}from"./PageMenu-DQ_snOzP.js";const V=({imageSrc:a,initials:r})=>a?e.jsx(H,{src:a,alt:""}):r.length?e.jsx("span",{"aria-hidden":!0,children:r}):e.jsx(C,{svg:A,size:"level-6"}),l=D.forwardRef(({label:a,imageSrc:r,className:j,color:y="dark-blue",...P},_)=>{const i=a.slice(0,2).toUpperCase(),I=i.length===0?"Gebruiker":`Initialen gebruiker: ${i}`;return e.jsxs("span",{...P,ref:_,className:M("ams-avatar",`ams-avatar--${y}`,r&&"ams-avatar--has-image",j),children:[e.jsx(w,{children:I}),e.jsx(V,{imageSrc:r,initials:i})]})});l.displayName="Avatar";try{l.displayName="Avatar",l.__docgenInfo={description:"",displayName:"Avatar",props:{color:{defaultValue:{value:"dark-blue"},description:"The background colour.",name:"color",required:!1,type:{name:"enum",value:[{value:'"blue"'},{value:'"dark-blue"'},{value:'"dark-green"'},{value:'"green"'},{value:'"magenta"'},{value:'"orange"'},{value:'"purple"'},{value:'"red"'},{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 q={title:"Components/Feedback/Avatar",component:l,args:{label:"DS",imageSrc:""}},s={},n={args:{label:"PS",imageSrc:"https://i.pravatar.cc/128"}},t={args:{imageSrc:void 0,label:""}},o={args:{label:"DS"},render:a=>e.jsx(T,{links:e.jsxs(c,{children:[e.jsx(c.Link,{href:"#",children:"Contact"}),e.jsx(c.Link,{href:"#",icon:L,children:"Zoeken"}),e.jsx("li",{children:e.jsx(l,{...a})})]}),title:"Dashboard"})};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,h;n.parameters={...n.parameters,docs:{...(p=n.parameters)==null?void 0:p.docs,source:{originalSource:`{ + args: { + label: 'PS', + imageSrc: 'https://i.pravatar.cc/128' + } +}`,...(h=(g=n.parameters)==null?void 0:g.docs)==null?void 0:h.source}}};var f,b,v;t.parameters={...t.parameters,docs:{...(f=t.parameters)==null?void 0:f.docs,source:{originalSource:`{ + args: { + imageSrc: undefined, + label: '' + } +}`,...(v=(b=t.parameters)==null?void 0:b.docs)==null?void 0:v.source}}};var S,k,x;o.parameters={...o.parameters,docs:{...(S=o.parameters)==null?void 0:S.docs,source:{originalSource:`{ + args: { + label: 'DS' + }, + render: args =>
    + Contact + + Zoeken + +
  • + +
    • + } title="Dashboard" /> +}`,...(x=(k=o.parameters)==null?void 0:k.docs)==null?void 0:x.source}}};const F=["Default","WithPicture","FallbackIcon","InAHeader"],U=Object.freeze(Object.defineProperty({__proto__:null,Default:s,FallbackIcon:t,InAHeader:o,WithPicture:n,__namedExportsOrder:F,default:q},Symbol.toStringTag,{value:"Module"}));export{U as A,t as F,o as I,n as W}; diff --git a/demo-develop/assets/Badge.docs-xpjlyk9C.js b/demo-develop/assets/Badge.docs-BL_chuD0.js similarity index 84% rename from demo-develop/assets/Badge.docs-xpjlyk9C.js rename to demo-develop/assets/Badge.docs-BL_chuD0.js index 48553da9e2..d02ca5c21f 100644 --- a/demo-develop/assets/Badge.docs-xpjlyk9C.js +++ b/demo-develop/assets/Badge.docs-BL_chuD0.js @@ -1,4 +1,4 @@ -import{j as n}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as r}from"./index-DlpNa54Y.js";import{M as s,d as i,P as a,e as c}from"./index-DanlQ17N.js";import{B as m}from"./Badge.stories-BgN81uFf.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-C2MGObLX.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";import"./clsx-B-dksMZM.js";const d=` +import{j as n}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as r}from"./index-DlpNa54Y.js";import{M as s,d as i,P as a,e as c}from"./index-C1H0KNfC.js";import{B as m}from"./Badge.stories-BHtx8p7M.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-CjTW3GMG.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";import"./clsx-B-dksMZM.js";const d=` # Badge diff --git a/demo-develop/assets/Badge.stories-BgN81uFf.js b/demo-develop/assets/Badge.stories-BHtx8p7M.js similarity index 67% rename from demo-develop/assets/Badge.stories-BgN81uFf.js rename to demo-develop/assets/Badge.stories-BHtx8p7M.js index 5bc5a312fe..ae3a510659 100644 --- a/demo-develop/assets/Badge.stories-BgN81uFf.js +++ b/demo-develop/assets/Badge.stories-BHtx8p7M.js @@ -1,4 +1,4 @@ -import{j as c}from"./jsx-runtime-Nms4Y4qS.js";import{c as p}from"./clsx-B-dksMZM.js";import{r as m}from"./index-BwDkhjyp.js";const a=m.forwardRef(({label:r,className:s,color:n="dark-green",...d},u)=>c.jsx("span",{...d,ref:u,className:p("ams-badge",`ams-badge--${n}`,s),children:r}));a.displayName="Badge";try{a.displayName="Badge",a.__docgenInfo={description:"",displayName:"Badge",props:{color:{defaultValue:{value:"dark-green"},description:"",name:"color",required:!1,type:{name:"enum",value:[{value:'"blue"'},{value:'"dark-blue"'},{value:'"dark-green"'},{value:'"green"'},{value:'"magenta"'},{value:'"orange"'},{value:'"purple"'},{value:'"yellow"'}]}},label:{defaultValue:null,description:"",name:"label",required:!0,type:{name:"string | number"}}}}}catch{}/** +import{j as c}from"./jsx-runtime-Nms4Y4qS.js";import{c as p}from"./clsx-B-dksMZM.js";import{r as m}from"./index-BwDkhjyp.js";const a=m.forwardRef(({label:r,className:s,color:n="dark-green",...d},u)=>c.jsx("span",{...d,ref:u,className:p("ams-badge",`ams-badge--${n}`,s),children:r}));a.displayName="Badge";try{a.displayName="Badge",a.__docgenInfo={description:"",displayName:"Badge",props:{color:{defaultValue:{value:"dark-green"},description:"The background colour.",name:"color",required:!1,type:{name:"enum",value:[{value:'"blue"'},{value:'"dark-blue"'},{value:'"dark-green"'},{value:'"green"'},{value:'"magenta"'},{value:'"orange"'},{value:'"purple"'},{value:'"yellow"'}]}},label:{defaultValue:null,description:"The text content.",name:"label",required:!0,type:{name:"string | number"}}}}}catch{}/** * @license EUPL-1.2+ * Copyright Gemeente Amsterdam */const i={title:"Components/Feedback/Badge",component:a,args:{label:"Tip"}},e={};var o,t,l;e.parameters={...e.parameters,docs:{...(o=e.parameters)==null?void 0:o.docs,source:{originalSource:"{}",...(l=(t=e.parameters)==null?void 0:t.docs)==null?void 0:l.source}}};const g=["Default"],v=Object.freeze(Object.defineProperty({__proto__:null,Default:e,__namedExportsOrder:g,default:i},Symbol.toStringTag,{value:"Module"}));export{v as B}; diff --git a/demo-develop/assets/Blockquote-BYbejEe0.js b/demo-develop/assets/Blockquote-XJcoMbef.js similarity index 73% rename from demo-develop/assets/Blockquote-BYbejEe0.js rename to demo-develop/assets/Blockquote-XJcoMbef.js index c970a6eff1..214e605d3c 100644 --- a/demo-develop/assets/Blockquote-BYbejEe0.js +++ b/demo-develop/assets/Blockquote-XJcoMbef.js @@ -1 +1 @@ -import{j as l}from"./jsx-runtime-Nms4Y4qS.js";import{c}from"./clsx-B-dksMZM.js";import{r as i}from"./index-BwDkhjyp.js";const o=i.forwardRef(({children:e,className:r,inverseColor:a,...t},s)=>l.jsx("blockquote",{...t,ref:s,className:c("ams-blockquote",a&&"ams-blockquote--inverse-color",r),children:e}));o.displayName="Blockquote";try{o.displayName="Blockquote",o.__docgenInfo={description:"",displayName:"Blockquote",props:{inverseColor:{defaultValue:null,description:"Changes the text color for readability on a dark background.",name:"inverseColor",required:!1,type:{name:"boolean"}}}}}catch{}export{o as B}; +import{j as l}from"./jsx-runtime-Nms4Y4qS.js";import{c}from"./clsx-B-dksMZM.js";import{r as i}from"./index-BwDkhjyp.js";const o=i.forwardRef(({children:e,className:r,inverseColor:a,...t},s)=>l.jsx("blockquote",{...t,ref:s,className:c("ams-blockquote",a&&"ams-blockquote--inverse-color",r),children:e}));o.displayName="Blockquote";try{o.displayName="Blockquote",o.__docgenInfo={description:"",displayName:"Blockquote",props:{inverseColor:{defaultValue:null,description:"Changes the text colour for readability on a dark background.",name:"inverseColor",required:!1,type:{name:"boolean"}}}}}catch{}export{o as B}; diff --git a/demo-develop/assets/Blockquote.docs-CEt6Dv5z.js b/demo-develop/assets/Blockquote.docs-BsrliH2A.js similarity index 86% rename from demo-develop/assets/Blockquote.docs-CEt6Dv5z.js rename to demo-develop/assets/Blockquote.docs-BsrliH2A.js index 81e21d70aa..129e69f089 100644 --- a/demo-develop/assets/Blockquote.docs-CEt6Dv5z.js +++ b/demo-develop/assets/Blockquote.docs-BsrliH2A.js @@ -1,4 +1,4 @@ -import{j as t}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as r}from"./index-DlpNa54Y.js";import{M as s,d as i,P as a,e as m,f as c}from"./index-DanlQ17N.js";import{B as h,I as l}from"./Blockquote.stories-fjuxa6hF.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-C2MGObLX.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";import"./decorators-Dh4yEj-W.js";import"./exampleContent-CRK3_7Hv.js";import"./Blockquote-BYbejEe0.js";import"./clsx-B-dksMZM.js";const u=` +import{j as t}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as r}from"./index-DlpNa54Y.js";import{M as s,d as i,P as a,e as m,f as c}from"./index-C1H0KNfC.js";import{B as h,I as l}from"./Blockquote.stories-CMUg-udV.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-CjTW3GMG.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";import"./decorators-Dh4yEj-W.js";import"./exampleContent-CRK3_7Hv.js";import"./Blockquote-XJcoMbef.js";import"./clsx-B-dksMZM.js";const u=` # Blockquote diff --git a/demo-develop/assets/Blockquote.stories-CMUg-udV.js b/demo-develop/assets/Blockquote.stories-CMUg-udV.js new file mode 100644 index 0000000000..a1de2c2c79 --- /dev/null +++ b/demo-develop/assets/Blockquote.stories-CMUg-udV.js @@ -0,0 +1,8 @@ +import{i as l}from"./decorators-Dh4yEj-W.js";import{e as i}from"./exampleContent-CRK3_7Hv.js";import{B as m}from"./Blockquote-XJcoMbef.js";/** + * @license EUPL-1.2+ + * Copyright Gemeente Amsterdam + */const p=i(),u={title:"Components/Text/Blockquote",component:m,args:{children:p,inverseColor:!1},argTypes:{children:{description:"The text for the quote.",table:{disable:!1}}},decorators:[l]},e={},o={args:{inverseColor:!0}};var r,t,s;e.parameters={...e.parameters,docs:{...(r=e.parameters)==null?void 0:r.docs,source:{originalSource:"{}",...(s=(t=e.parameters)==null?void 0:t.docs)==null?void 0:s.source}}};var a,c,n;o.parameters={...o.parameters,docs:{...(a=o.parameters)==null?void 0:a.docs,source:{originalSource:`{ + args: { + inverseColor: true + } +}`,...(n=(c=o.parameters)==null?void 0:c.docs)==null?void 0:n.source}}};const d=["Default","InvertedColor"],C=Object.freeze(Object.defineProperty({__proto__:null,Default:e,InvertedColor:o,__namedExportsOrder:d,default:u},Symbol.toStringTag,{value:"Module"}));export{C as B,o as I}; diff --git a/demo-develop/assets/Blockquote.stories-fjuxa6hF.js b/demo-develop/assets/Blockquote.stories-fjuxa6hF.js deleted file mode 100644 index 88b95fb8d1..0000000000 --- a/demo-develop/assets/Blockquote.stories-fjuxa6hF.js +++ /dev/null @@ -1,8 +0,0 @@ -import{i as l}from"./decorators-Dh4yEj-W.js";import{e as m}from"./exampleContent-CRK3_7Hv.js";import{B as i}from"./Blockquote-BYbejEe0.js";/** - * @license EUPL-1.2+ - * Copyright Gemeente Amsterdam - */const p=m(),u={title:"Components/Text/Blockquote",component:i,args:{children:p,inverseColor:!1},argTypes:{children:{table:{disable:!1}}},decorators:[l]},e={},r={args:{inverseColor:!0}};var o,t,s;e.parameters={...e.parameters,docs:{...(o=e.parameters)==null?void 0:o.docs,source:{originalSource:"{}",...(s=(t=e.parameters)==null?void 0:t.docs)==null?void 0:s.source}}};var a,c,n;r.parameters={...r.parameters,docs:{...(a=r.parameters)==null?void 0:a.docs,source:{originalSource:`{ - args: { - inverseColor: true - } -}`,...(n=(c=r.parameters)==null?void 0:c.docs)==null?void 0:n.source}}};const d=["Default","InvertedColor"],C=Object.freeze(Object.defineProperty({__proto__:null,Default:e,InvertedColor:r,__namedExportsOrder:d,default:u},Symbol.toStringTag,{value:"Module"}));export{C as B,r as I}; diff --git a/demo-develop/assets/Breadcrumb.docs-D9nlTKUN.js b/demo-develop/assets/Breadcrumb.docs-D9E5hCAT.js similarity index 91% rename from demo-develop/assets/Breadcrumb.docs-D9nlTKUN.js rename to demo-develop/assets/Breadcrumb.docs-D9E5hCAT.js index 609399f9d6..55841d7f3a 100644 --- a/demo-develop/assets/Breadcrumb.docs-D9nlTKUN.js +++ b/demo-develop/assets/Breadcrumb.docs-D9E5hCAT.js @@ -1,4 +1,4 @@ -import{j as t}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as i}from"./index-DlpNa54Y.js";import{M as a,d as s,P as o}from"./index-DanlQ17N.js";import{B as c}from"./Breadcrumb.stories-Cw5Ydqfl.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-C2MGObLX.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";import"./clsx-B-dksMZM.js";const m=` +import{j as t}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as i}from"./index-DlpNa54Y.js";import{M as a,d as s,P as o}from"./index-C1H0KNfC.js";import{B as c}from"./Breadcrumb.stories-Cw5Ydqfl.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-CjTW3GMG.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";import"./clsx-B-dksMZM.js";const m=` # Breadcrumb diff --git a/demo-develop/assets/Button-DXS7hO6e.js b/demo-develop/assets/Button-DXS7hO6e.js deleted file mode 100644 index f178e9be88..0000000000 --- a/demo-develop/assets/Button-DXS7hO6e.js +++ /dev/null @@ -1 +0,0 @@ -import{j as i}from"./jsx-runtime-Nms4Y4qS.js";import{c as m}from"./clsx-B-dksMZM.js";import{r as u}from"./index-BwDkhjyp.js";const t=u.forwardRef(({children:a,className:r,type:e,disabled:o,variant:s="primary",...n},p)=>i.jsx("button",{...n,ref:p,disabled:o,className:m("ams-button",`ams-button--${s}`,r),type:e||"button",children:a}));t.displayName="Button";try{t.displayName="Button",t.__docgenInfo={description:"",displayName:"Button",props:{variant:{defaultValue:{value:"primary"},description:"",name:"variant",required:!1,type:{name:"enum",value:[{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'}]}}}}}catch{}export{t as B}; diff --git a/demo-develop/assets/Button-_hHZidVy.js b/demo-develop/assets/Button-_hHZidVy.js new file mode 100644 index 0000000000..3eb20ace23 --- /dev/null +++ b/demo-develop/assets/Button-_hHZidVy.js @@ -0,0 +1 @@ +import{j as i}from"./jsx-runtime-Nms4Y4qS.js";import{c as m}from"./clsx-B-dksMZM.js";import{r as u}from"./index-BwDkhjyp.js";const e=u.forwardRef(({children:r,className:t,type:a,disabled:o,variant:n="primary",...s},p)=>i.jsx("button",{...s,ref:p,disabled:o,className:m("ams-button",`ams-button--${n}`,t),type:a||"button",children:r}));e.displayName="Button";try{e.displayName="Button",e.__docgenInfo={description:"",displayName:"Button",props:{variant:{defaultValue:{value:"primary"},description:"The level of prominence. Use a primary button only once per page or section.",name:"variant",required:!1,type:{name:"enum",value:[{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'}]}}}}}catch{}export{e as B}; diff --git a/demo-develop/assets/Button.docs-C_KTbe_m.js b/demo-develop/assets/Button.docs-iPifncGN.js similarity index 91% rename from demo-develop/assets/Button.docs-C_KTbe_m.js rename to demo-develop/assets/Button.docs-iPifncGN.js index cece97ea04..5fc327d3cb 100644 --- a/demo-develop/assets/Button.docs-C_KTbe_m.js +++ b/demo-develop/assets/Button.docs-iPifncGN.js @@ -1,4 +1,4 @@ -import{j as t}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as s}from"./index-DlpNa54Y.js";import{M as a,d as i,P as c,e as l,f as o}from"./index-DanlQ17N.js";import{B as h,P as u,S as d,T as p,W as m,a as b}from"./Button.stories-C0zJvp24.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-C2MGObLX.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";import"./index.esm-DQkeu4as.js";import"./Button-DXS7hO6e.js";import"./clsx-B-dksMZM.js";import"./Icon-tKAGJH_4.js";const w=` +import{j as t}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as s}from"./index-DlpNa54Y.js";import{M as a,d as i,P as c,e as l,f as o}from"./index-C1H0KNfC.js";import{B as h,P as u,S as d,T as p,W as m,a as b}from"./Button.stories-DlAqWszt.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-CjTW3GMG.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";import"./index.esm-DQkeu4as.js";import"./Button-_hHZidVy.js";import"./clsx-B-dksMZM.js";import"./Icon-CuaumHXX.js";const w=` # Button diff --git a/demo-develop/assets/Button.stories-C0zJvp24.js b/demo-develop/assets/Button.stories-C0zJvp24.js deleted file mode 100644 index 1afe190a94..0000000000 --- a/demo-develop/assets/Button.stories-C0zJvp24.js +++ /dev/null @@ -1,29 +0,0 @@ -import{j as t}from"./jsx-runtime-Nms4Y4qS.js";import{S as B}from"./index.esm-DQkeu4as.js";import{B as T}from"./Button-DXS7hO6e.js";import{I as j}from"./Icon-tKAGJH_4.js";const W={title:"Components/Buttons/Button",component:T,args:{children:"Button label",variant:"primary",disabled:!1},argTypes:{children:{table:{disable:!1}}}},r={},e={args:{variant:"secondary"}},a={args:{variant:"tertiary"}},s={args:{children:["Button label",t.jsx(j,{svg:B,size:"level-5"},"icon")]},argTypes:{children:{table:{disable:!0}}}},n={args:{children:"Vergunningsaanvraag verzenden"},decorators:[f=>t.jsx("div",{style:{maxWidth:"16rem"},children:t.jsx(f,{})})]};var o,c,i;r.parameters={...r.parameters,docs:{...(o=r.parameters)==null?void 0:o.docs,source:{originalSource:"{}",...(i=(c=r.parameters)==null?void 0:c.docs)==null?void 0:i.source}}};var d,l,m;e.parameters={...e.parameters,docs:{...(d=e.parameters)==null?void 0:d.docs,source:{originalSource:`{ - args: { - variant: 'secondary' - } -}`,...(m=(l=e.parameters)==null?void 0:l.docs)==null?void 0:m.source}}};var p,u,g;a.parameters={...a.parameters,docs:{...(p=a.parameters)==null?void 0:p.docs,source:{originalSource:`{ - args: { - variant: 'tertiary' - } -}`,...(g=(u=a.parameters)==null?void 0:u.docs)==null?void 0:g.source}}};var y,v,S;s.parameters={...s.parameters,docs:{...(y=s.parameters)==null?void 0:y.docs,source:{originalSource:`{ - args: { - children: ['Button label', ] - }, - argTypes: { - children: { - table: { - disable: true - } - } - } -}`,...(S=(v=s.parameters)==null?void 0:v.docs)==null?void 0:S.source}}};var h,b,x;n.parameters={...n.parameters,docs:{...(h=n.parameters)==null?void 0:h.docs,source:{originalSource:`{ - args: { - children: 'Vergunningsaanvraag verzenden' - }, - decorators: [Story =>
    - -
    ] -}`,...(x=(b=n.parameters)==null?void 0:b.docs)==null?void 0:x.source}}};const I=["Primary","Secondary","Tertiary","WithIcon","TextWrapping"],E=Object.freeze(Object.defineProperty({__proto__:null,Primary:r,Secondary:e,Tertiary:a,TextWrapping:n,WithIcon:s,__namedExportsOrder:I,default:W},Symbol.toStringTag,{value:"Module"}));export{E as B,r as P,e as S,a as T,s as W,n as a}; diff --git a/demo-develop/assets/Button.stories-DlAqWszt.js b/demo-develop/assets/Button.stories-DlAqWszt.js new file mode 100644 index 0000000000..2f79a03113 --- /dev/null +++ b/demo-develop/assets/Button.stories-DlAqWszt.js @@ -0,0 +1,29 @@ +import{j as t}from"./jsx-runtime-Nms4Y4qS.js";import{S as T}from"./index.esm-DQkeu4as.js";import{B}from"./Button-_hHZidVy.js";import{I as j}from"./Icon-CuaumHXX.js";const W={title:"Components/Buttons/Button",component:B,args:{children:"Button label",variant:"primary",disabled:!1},argTypes:{children:{description:"The text for the label and/or an icon.",table:{disable:!1}},disabled:{description:"Prevents interaction. Avoid if possible."}}},r={},e={args:{variant:"secondary"}},a={args:{variant:"tertiary"}},s={args:{children:["Button label",t.jsx(j,{svg:T,size:"level-5"},"icon")]},argTypes:{children:{table:{disable:!0}}}},n={args:{children:"Vergunningsaanvraag verzenden"},decorators:[f=>t.jsx("div",{style:{maxWidth:"16rem"},children:t.jsx(f,{})})]};var o,i,c;r.parameters={...r.parameters,docs:{...(o=r.parameters)==null?void 0:o.docs,source:{originalSource:"{}",...(c=(i=r.parameters)==null?void 0:i.docs)==null?void 0:c.source}}};var d,l,p;e.parameters={...e.parameters,docs:{...(d=e.parameters)==null?void 0:d.docs,source:{originalSource:`{ + args: { + variant: 'secondary' + } +}`,...(p=(l=e.parameters)==null?void 0:l.docs)==null?void 0:p.source}}};var m,u,g;a.parameters={...a.parameters,docs:{...(m=a.parameters)==null?void 0:m.docs,source:{originalSource:`{ + args: { + variant: 'tertiary' + } +}`,...(g=(u=a.parameters)==null?void 0:u.docs)==null?void 0:g.source}}};var y,v,h;s.parameters={...s.parameters,docs:{...(y=s.parameters)==null?void 0:y.docs,source:{originalSource:`{ + args: { + children: ['Button label', ] + }, + argTypes: { + children: { + table: { + disable: true + } + } + } +}`,...(h=(v=s.parameters)==null?void 0:v.docs)==null?void 0:h.source}}};var S,b,x;n.parameters={...n.parameters,docs:{...(S=n.parameters)==null?void 0:S.docs,source:{originalSource:`{ + args: { + children: 'Vergunningsaanvraag verzenden' + }, + decorators: [Story =>
    + +
    ] +}`,...(x=(b=n.parameters)==null?void 0:b.docs)==null?void 0:x.source}}};const I=["Primary","Secondary","Tertiary","WithIcon","TextWrapping"],E=Object.freeze(Object.defineProperty({__proto__:null,Primary:r,Secondary:e,Tertiary:a,TextWrapping:n,WithIcon:s,__namedExportsOrder:I,default:W},Symbol.toStringTag,{value:"Module"}));export{E as B,r as P,e as S,a as T,s as W,n as a}; diff --git a/demo-develop/assets/Card-CJ7z3kOJ.js b/demo-develop/assets/Card-CJ7z3kOJ.js deleted file mode 100644 index 25b8942621..0000000000 --- a/demo-develop/assets/Card-CJ7z3kOJ.js +++ /dev/null @@ -1 +0,0 @@ -import{j as o}from"./jsx-runtime-Nms4Y4qS.js";import{c as s}from"./clsx-B-dksMZM.js";import{r as i}from"./index-BwDkhjyp.js";import{P as _}from"./Paragraph-B6eM4Eli.js";const p=i.forwardRef(({children:a,className:r,tagline:e,...d},l)=>o.jsxs("hgroup",{...d,ref:l,className:s("ams-card__heading-group",r),children:[a,o.jsx(_,{size:"small",children:e})]}));p.displayName="Card.HeadingGroup";try{Card.HeadingGroup.displayName="Card.HeadingGroup",Card.HeadingGroup.__docgenInfo={description:"",displayName:"Card.HeadingGroup",props:{tagline:{defaultValue:null,description:"",name:"tagline",required:!0,type:{name:"string"}}}}}catch{}const t=i.forwardRef(({children:a,className:r,...e},d)=>o.jsx("a",{...e,ref:d,className:s("ams-card__link",r),children:a}));t.displayName="Card.Link";try{Card.Link.displayName="Card.Link",Card.Link.__docgenInfo={description:"",displayName:"Card.Link",props:{}}}catch{}const c=i.forwardRef(({children:a,className:r,...e},d)=>o.jsx("article",{...e,ref:d,className:s("ams-card",r),children:a}));c.displayName="Card";const n=Object.assign(c,{HeadingGroup:p,Link:t});try{n.displayName="Card",n.__docgenInfo={description:"",displayName:"Card",props:{}}}catch{}export{n as C}; diff --git a/demo-develop/assets/Card-vGcoej70.js b/demo-develop/assets/Card-vGcoej70.js new file mode 100644 index 0000000000..172b383e33 --- /dev/null +++ b/demo-develop/assets/Card-vGcoej70.js @@ -0,0 +1 @@ +import{j as o}from"./jsx-runtime-Nms4Y4qS.js";import{c as s}from"./clsx-B-dksMZM.js";import{r as i}from"./index-BwDkhjyp.js";import{P as _}from"./Paragraph-C4jU4-Z4.js";const p=i.forwardRef(({children:a,className:r,tagline:e,...d},l)=>o.jsxs("hgroup",{...d,ref:l,className:s("ams-card__heading-group",r),children:[a,o.jsx(_,{size:"small",children:e})]}));p.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 n=i.forwardRef(({children:a,className:r,...e},d)=>o.jsx("a",{...e,ref:d,className:s("ams-card__link",r),children:a}));n.displayName="Card.Link";try{Card.Link.displayName="Card.Link",Card.Link.__docgenInfo={description:"",displayName:"Card.Link",props:{}}}catch{}const c=i.forwardRef(({children:a,className:r,...e},d)=>o.jsx("article",{...e,ref:d,className:s("ams-card",r),children:a}));c.displayName="Card";const t=Object.assign(c,{HeadingGroup:p,Link:n});try{t.displayName="Card",t.__docgenInfo={description:"",displayName:"Card",props:{}}}catch{}export{t as C}; diff --git a/demo-develop/assets/Card.docs-CyoRfsWH.js b/demo-develop/assets/Card.docs-DvahOLYP.js similarity index 86% rename from demo-develop/assets/Card.docs-CyoRfsWH.js rename to demo-develop/assets/Card.docs-DvahOLYP.js index 197aab6ce6..56bc3cb287 100644 --- a/demo-develop/assets/Card.docs-CyoRfsWH.js +++ b/demo-develop/assets/Card.docs-DvahOLYP.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as o}from"./index-DlpNa54Y.js";import{M as r,d as s,P as c,f as a}from"./index-DanlQ17N.js";import{C as d,W as l,a as h}from"./Card.stories-BPGXMah2.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-C2MGObLX.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";import"./Card-CJ7z3kOJ.js";import"./clsx-B-dksMZM.js";import"./Paragraph-B6eM4Eli.js";import"./Heading-mbayTkiK.js";import"./getHeadingElement-DiRwFEz7.js";import"./AspectRatio-kpOHijlA.js";import"./Image-dXyGEKw_.js";const p=` +import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as o}from"./index-DlpNa54Y.js";import{M as r,d as s,P as c,f as a}from"./index-C1H0KNfC.js";import{C as d,W as l,a as h}from"./Card.stories-uS_JCQTI.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-CjTW3GMG.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";import"./Card-vGcoej70.js";import"./clsx-B-dksMZM.js";import"./Paragraph-C4jU4-Z4.js";import"./Heading-CWbN3elW.js";import"./getHeadingElement-DiRwFEz7.js";import"./AspectRatio-BxbFlkWk.js";import"./Image-z3YSpimw.js";const p=` # Card diff --git a/demo-develop/assets/Card.stories-BPGXMah2.js b/demo-develop/assets/Card.stories-uS_JCQTI.js similarity index 94% rename from demo-develop/assets/Card.stories-BPGXMah2.js rename to demo-develop/assets/Card.stories-uS_JCQTI.js index 2a405988a5..a35619d0c3 100644 --- a/demo-develop/assets/Card.stories-BPGXMah2.js +++ b/demo-develop/assets/Card.stories-uS_JCQTI.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{C as r}from"./Card-CJ7z3kOJ.js";import{H as o}from"./Heading-mbayTkiK.js";import{P as i}from"./Paragraph-B6eM4Eli.js";import{A}from"./AspectRatio-kpOHijlA.js";import{I as x}from"./Image-dXyGEKw_.js";const j=new Intl.DateTimeFormat("nl",{day:"numeric",month:"long",year:"numeric"}),f=j.format(Date.now()),C={title:"Components/Navigation/Card",component:r,decorators:[u=>e.jsx("div",{style:{maxWidth:"24rem"},children:e.jsx(u,{})})]},a={args:{children:[e.jsx(o,{size:"level-4",children:e.jsx(r.Link,{href:"/",children:"Monitor Attracties MRA"})},1),e.jsx(i,{children:"Ontwikkeling van het aantal attracties en bezoekers in de metropoolregio Amsterdam."},2)]}},t={args:{children:[e.jsx(r.HeadingGroup,{tagline:"Dossier",children:e.jsx(o,{size:"level-4",children:e.jsx(r.Link,{href:"/",children:"Monitor Attracties MRA"})})},1),e.jsx(i,{children:"Ontwikkeling van het aantal attracties en bezoekers in de metropoolregio Amsterdam."},2)]}},n={args:{children:[e.jsx(A,{ratio:"wide",children:e.jsx(x,{alt:"",src:"https://picsum.photos/450/360"})},1),e.jsx(r.HeadingGroup,{tagline:"Dossier",children:e.jsx(o,{size:"level-4",children:e.jsx(r.Link,{href:"/",children:"Monitor Attracties MRA"})})},2),e.jsx(i,{children:"Ontwikkeling van het aantal attracties en bezoekers in de metropoolregio Amsterdam."},3),e.jsx(i,{size:"small",children:f},4)]}};var s,d,l;a.parameters={...a.parameters,docs:{...(s=a.parameters)==null?void 0:s.docs,source:{originalSource:`{ +import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{C as r}from"./Card-vGcoej70.js";import{H as o}from"./Heading-CWbN3elW.js";import{P as i}from"./Paragraph-C4jU4-Z4.js";import{A}from"./AspectRatio-BxbFlkWk.js";import{I as x}from"./Image-z3YSpimw.js";const j=new Intl.DateTimeFormat("nl",{day:"numeric",month:"long",year:"numeric"}),f=j.format(Date.now()),C={title:"Components/Navigation/Card",component:r,decorators:[u=>e.jsx("div",{style:{maxWidth:"24rem"},children:e.jsx(u,{})})]},a={args:{children:[e.jsx(o,{size:"level-4",children:e.jsx(r.Link,{href:"/",children:"Monitor Attracties MRA"})},1),e.jsx(i,{children:"Ontwikkeling van het aantal attracties en bezoekers in de metropoolregio Amsterdam."},2)]}},t={args:{children:[e.jsx(r.HeadingGroup,{tagline:"Dossier",children:e.jsx(o,{size:"level-4",children:e.jsx(r.Link,{href:"/",children:"Monitor Attracties MRA"})})},1),e.jsx(i,{children:"Ontwikkeling van het aantal attracties en bezoekers in de metropoolregio Amsterdam."},2)]}},n={args:{children:[e.jsx(A,{ratio:"wide",children:e.jsx(x,{alt:"",src:"https://picsum.photos/450/360"})},1),e.jsx(r.HeadingGroup,{tagline:"Dossier",children:e.jsx(o,{size:"level-4",children:e.jsx(r.Link,{href:"/",children:"Monitor Attracties MRA"})})},2),e.jsx(i,{children:"Ontwikkeling van het aantal attracties en bezoekers in de metropoolregio Amsterdam."},3),e.jsx(i,{size:"small",children:f},4)]}};var s,d,l;a.parameters={...a.parameters,docs:{...(s=a.parameters)==null?void 0:s.docs,source:{originalSource:`{ args: { children: [ Monitor Attracties MRA diff --git a/demo-develop/assets/Checkbox-BZSBAJW8.js b/demo-develop/assets/Checkbox-BZSBAJW8.js deleted file mode 100644 index 77225ec6d5..0000000000 --- a/demo-develop/assets/Checkbox-BZSBAJW8.js +++ /dev/null @@ -1 +0,0 @@ -import{j as r}from"./jsx-runtime-Nms4Y4qS.js";import{c as d}from"./clsx-B-dksMZM.js";import{r as a}from"./index-BwDkhjyp.js";const s=a.forwardRef(({children:c,className:i,invalid:t,indeterminate:n,...l},m)=>{const o=a.useId(),e=a.useRef(null);return a.useImperativeHandle(m,()=>e.current),a.useEffect(()=>{e.current&&(e.current.indeterminate=!!n)},[e,n]),r.jsxs("div",{className:d("ams-checkbox",i),children:[r.jsx("input",{...l,type:"checkbox",className:"ams-checkbox__input",ref:e,id:o,"aria-invalid":t||void 0}),r.jsxs("label",{className:"ams-checkbox__label",htmlFor:o,children:[r.jsx("span",{className:"ams-checkbox__checkmark"}),c]})]})});s.displayName="Checkbox";try{s.displayName="Checkbox",s.__docgenInfo={description:"",displayName:"Checkbox",props:{invalid:{defaultValue:null,description:"",name:"invalid",required:!1,type:{name:"boolean"}},indeterminate:{defaultValue:null,description:"",name:"indeterminate",required:!1,type:{name:"boolean"}}}}}catch{}export{s as C}; diff --git a/demo-develop/assets/Checkbox-Dnr-vBw_.js b/demo-develop/assets/Checkbox-Dnr-vBw_.js new file mode 100644 index 0000000000..93dcd16ecf --- /dev/null +++ b/demo-develop/assets/Checkbox-Dnr-vBw_.js @@ -0,0 +1 @@ +import{j as r}from"./jsx-runtime-Nms4Y4qS.js";import{c as m}from"./clsx-B-dksMZM.js";import{r as a}from"./index-BwDkhjyp.js";const s=a.forwardRef(({children:c,className:o,invalid:l,indeterminate:n,...t},d)=>{const i=a.useId(),e=a.useRef(null);return a.useImperativeHandle(d,()=>e.current),a.useEffect(()=>{e.current&&(e.current.indeterminate=!!n)},[e,n]),r.jsxs("div",{className:m("ams-checkbox",o),children:[r.jsx("input",{...t,type:"checkbox",className:"ams-checkbox__input",ref:e,id:i,"aria-invalid":l||void 0}),r.jsxs("label",{className:"ams-checkbox__label",htmlFor:i,children:[r.jsx("span",{className:"ams-checkbox__checkmark"}),c]})]})});s.displayName="Checkbox";try{s.displayName="Checkbox",s.__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{}export{s as C}; diff --git a/demo-develop/assets/Checkbox.docs-thBOlG2u.js b/demo-develop/assets/Checkbox.docs-DBZ1DuHT.js similarity index 90% rename from demo-develop/assets/Checkbox.docs-thBOlG2u.js rename to demo-develop/assets/Checkbox.docs-DBZ1DuHT.js index 60185cd3fd..669f40f4b5 100644 --- a/demo-develop/assets/Checkbox.docs-thBOlG2u.js +++ b/demo-develop/assets/Checkbox.docs-DBZ1DuHT.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as s}from"./index-DlpNa54Y.js";import{M as i,d as a,P as r,e as l,f as c}from"./index-DanlQ17N.js";import{C as h,L as d}from"./Checkbox.stories-CugGJ9zk.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-C2MGObLX.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";import"./Checkbox-BZSBAJW8.js";import"./clsx-B-dksMZM.js";const m=` +import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as s}from"./index-DlpNa54Y.js";import{M as i,d as a,P as r,e as l,f as c}from"./index-C1H0KNfC.js";import{C as h,L as d}from"./Checkbox.stories-BFZlrJ3T.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-CjTW3GMG.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";import"./Checkbox-Dnr-vBw_.js";import"./clsx-B-dksMZM.js";const m=` # Checkbox diff --git a/demo-develop/assets/Checkbox.stories-BFZlrJ3T.js b/demo-develop/assets/Checkbox.stories-BFZlrJ3T.js new file mode 100644 index 0000000000..31cc450a15 --- /dev/null +++ b/demo-develop/assets/Checkbox.stories-BFZlrJ3T.js @@ -0,0 +1,5 @@ +import{j as u}from"./jsx-runtime-Nms4Y4qS.js";import{C as t}from"./Checkbox-Dnr-vBw_.js";const{useArgs:p}=__STORYBOOK_MODULE_PREVIEW_API__,b={title:"Components/Forms/Checkbox",component:t,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:l=>{const[,d]=p(),g=h=>{d({checked:h.target.checked})};return u.jsx(t,{onClick:g,...l})}},e={},r={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."}};var n,s,a;e.parameters={...e.parameters,docs:{...(n=e.parameters)==null?void 0:n.docs,source:{originalSource:"{}",...(a=(s=e.parameters)==null?void 0:s.docs)==null?void 0:a.source}}};var i,o,c;r.parameters={...r.parameters,docs:{...(i=r.parameters)==null?void 0:i.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.' + } +}`,...(c=(o=r.parameters)==null?void 0:o.docs)==null?void 0:c.source}}};const m=["Default","LongLabel"],v=Object.freeze(Object.defineProperty({__proto__:null,Default:e,LongLabel:r,__namedExportsOrder:m,default:b},Symbol.toStringTag,{value:"Module"}));export{v as C,r as L}; diff --git a/demo-develop/assets/Checkbox.stories-CugGJ9zk.js b/demo-develop/assets/Checkbox.stories-CugGJ9zk.js deleted file mode 100644 index d60b95549d..0000000000 --- a/demo-develop/assets/Checkbox.stories-CugGJ9zk.js +++ /dev/null @@ -1,5 +0,0 @@ -import{j as u}from"./jsx-runtime-Nms4Y4qS.js";import{C as n}from"./Checkbox-BZSBAJW8.js";const{useArgs:m}=__STORYBOOK_MODULE_PREVIEW_API__,p={title:"Components/Forms/Checkbox",component:n,args:{checked:!1,children:"Checkbox label",disabled:!1,indeterminate:!1,invalid:!1},argTypes:{children:{table:{disable:!1}},onChange:{action:"clicked",table:{disable:!0}}},render:l=>{const[,d]=m(),g=h=>{d({checked:h.target.checked})};return u.jsx(n,{onClick:g,...l})}},e={},r={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."}};var s,t,a;e.parameters={...e.parameters,docs:{...(s=e.parameters)==null?void 0:s.docs,source:{originalSource:"{}",...(a=(t=e.parameters)==null?void 0:t.docs)==null?void 0:a.source}}};var o,i,c;r.parameters={...r.parameters,docs:{...(o=r.parameters)==null?void 0:o.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.' - } -}`,...(c=(i=r.parameters)==null?void 0:i.docs)==null?void 0:c.source}}};const b=["Default","LongLabel"],v=Object.freeze(Object.defineProperty({__proto__:null,Default:e,LongLabel:r,__namedExportsOrder:b,default:p},Symbol.toStringTag,{value:"Module"}));export{v as C,r as L}; diff --git a/demo-develop/assets/Color-RQJUDNI5-Dpgqpg_z.js b/demo-develop/assets/Color-RQJUDNI5-D7yjIoO9.js similarity index 99% rename from demo-develop/assets/Color-RQJUDNI5-Dpgqpg_z.js rename to demo-develop/assets/Color-RQJUDNI5-D7yjIoO9.js index c7fd394e4f..ce6006bc24 100644 --- a/demo-develop/assets/Color-RQJUDNI5-Dpgqpg_z.js +++ b/demo-develop/assets/Color-RQJUDNI5-D7yjIoO9.js @@ -1 +1 @@ -import{n as M,h as ue,i as Me,F as Ce,j as $e,k as Ne}from"./index-DanlQ17N.js";import{R as h,r as b}from"./index-BwDkhjyp.js";import{g as fe}from"./_commonjsHelpers-BosuxZz1.js";import{_ as Oe,i as J,a as Ie}from"./index-B8K4vdXH.js";import"./iframe-C2MGObLX.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-DrFu-skq.js";function $(){return($=Object.assign||function(e){for(var t=1;t=0||(o[n]=e[n]);return o}function K(e){var t=b.useRef(e),n=b.useRef(function(r){t.current&&t.current(r)});return t.current=e,n.current}var S=function(e,t,n){return t===void 0&&(t=0),n===void 0&&(n=1),e>n?n:e0:p.buttons>0)&&o.current?a(ne(o.current,p,l.current)):_(!1)},N=function(){return _(!1)};function _(p){var m=i.current,x=V(o.current),C=p?x.addEventListener:x.removeEventListener;C(m?"touchmove":"mousemove",k),C(m?"touchend":"mouseup",N)}return[function(p){var m=p.nativeEvent,x=o.current;if(x&&(re(m),!function(X,R){return R&&!j(X)}(m,i.current)&&x)){if(j(m)){i.current=!0;var C=m.changedTouches||[];C.length&&(l.current=C[0].identifier)}x.focus(),a(ne(x,m,l.current)),_(!0)}},function(p){var m=p.which||p.keyCode;m<37||m>40||(p.preventDefault(),s({left:m===39?.05:m===37?-.05:0,top:m===40?.05:m===38?-.05:0}))},_]},[s,a]),d=c[0],f=c[1],g=c[2];return b.useEffect(function(){return g},[g]),h.createElement("div",$({},r,{onTouchStart:d,onMouseDown:d,className:"react-colorful__interactive",ref:o,onKeyDown:f,tabIndex:0,role:"slider"}))}),z=function(e){return e.filter(Boolean).join(" ")},ee=function(e){var t=e.color,n=e.left,r=e.top,o=r===void 0?.5:r,a=z(["react-colorful__pointer",e.className]);return h.createElement("div",{className:a,style:{top:100*o+"%",left:100*n+"%"}},h.createElement("div",{className:"react-colorful__pointer-fill",style:{backgroundColor:t}}))},y=function(e,t,n){return t===void 0&&(t=0),n===void 0&&(n=Math.pow(10,t)),Math.round(n*e)/n},Se={grad:.9,turn:360,rad:360/(2*Math.PI)},Re=function(e){return ge(A(e))},A=function(e){return e[0]==="#"&&(e=e.substring(1)),e.length<6?{r:parseInt(e[0]+e[0],16),g:parseInt(e[1]+e[1],16),b:parseInt(e[2]+e[2],16),a:e.length===4?y(parseInt(e[3]+e[3],16)/255,2):1}:{r:parseInt(e.substring(0,2),16),g:parseInt(e.substring(2,4),16),b:parseInt(e.substring(4,6),16),a:e.length===8?y(parseInt(e.substring(6,8),16)/255,2):1}},Te=function(e,t){return t===void 0&&(t="deg"),Number(e)*(Se[t]||1)},je=function(e){var t=/hsla?\(?\s*(-?\d*\.?\d+)(deg|rad|grad|turn)?[,\s]+(-?\d*\.?\d+)%?[,\s]+(-?\d*\.?\d+)%?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(e);return t?Fe({h:Te(t[1],t[2]),s:Number(t[3]),l:Number(t[4]),a:t[5]===void 0?1:Number(t[5])/(t[6]?100:1)}):{h:0,s:0,v:0,a:1}},Fe=function(e){var t=e.s,n=e.l;return{h:e.h,s:(t*=(n<50?n:100-n)/100)>0?2*t/(n+t)*100:0,v:n+t,a:e.a}},ze=function(e){return Pe(de(e))},he=function(e){var t=e.s,n=e.v,r=e.a,o=(200-t)*n/100;return{h:y(e.h),s:y(o>0&&o<200?t*n/100/(o<=100?o:200-o)*100:0),l:y(o/2),a:y(r,2)}},G=function(e){var t=he(e);return"hsl("+t.h+", "+t.s+"%, "+t.l+"%)"},q=function(e){var t=he(e);return"hsla("+t.h+", "+t.s+"%, "+t.l+"%, "+t.a+")"},de=function(e){var t=e.h,n=e.s,r=e.v,o=e.a;t=t/360*6,n/=100,r/=100;var a=Math.floor(t),s=r*(1-n),l=r*(1-(t-a)*n),i=r*(1-(1-t+a)*n),c=a%6;return{r:y(255*[r,l,s,s,i,r][c]),g:y(255*[i,r,r,l,s,s][c]),b:y(255*[s,s,i,r,r,l][c]),a:y(o,2)}},He=function(e){var t=/rgba?\(?\s*(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(e);return t?ge({r:Number(t[1])/(t[2]?100/255:1),g:Number(t[3])/(t[4]?100/255:1),b:Number(t[5])/(t[6]?100/255:1),a:t[7]===void 0?1:Number(t[7])/(t[8]?100:1)}):{h:0,s:0,v:0,a:1}},H=function(e){var t=e.toString(16);return t.length<2?"0"+t:t},Pe=function(e){var t=e.r,n=e.g,r=e.b,o=e.a,a=o<1?H(y(255*o)):"";return"#"+H(t)+H(n)+H(r)+a},ge=function(e){var t=e.r,n=e.g,r=e.b,o=e.a,a=Math.max(t,n,r),s=a-Math.min(t,n,r),l=s?a===t?(n-r)/s:a===n?2+(r-t)/s:4+(t-n)/s:0;return{h:y(60*(l<0?l+6:l)),s:y(a?s/a*100:0),v:y(a/255*100),a:o}},me=h.memo(function(e){var t=e.hue,n=e.onChange,r=z(["react-colorful__hue",e.className]);return h.createElement("div",{className:r},h.createElement(Z,{onMove:function(o){n({h:360*o.left})},onKey:function(o){n({h:S(t+360*o.left,0,360)})},"aria-label":"Hue","aria-valuenow":y(t),"aria-valuemax":"360","aria-valuemin":"0"},h.createElement(ee,{className:"react-colorful__hue-pointer",left:t/360,color:G({h:t,s:100,v:100,a:1})})))}),be=h.memo(function(e){var t=e.hsva,n=e.onChange,r={backgroundColor:G({h:t.h,s:100,v:100,a:1})};return h.createElement("div",{className:"react-colorful__saturation",style:r},h.createElement(Z,{onMove:function(o){n({s:100*o.left,v:100-100*o.top})},onKey:function(o){n({s:S(t.s+100*o.left,0,100),v:S(t.v-100*o.top,0,100)})},"aria-label":"Color","aria-valuetext":"Saturation "+y(t.s)+"%, Brightness "+y(t.v)+"%"},h.createElement(ee,{className:"react-colorful__saturation-pointer",top:1-t.v/100,left:t.s/100,color:G(t)})))}),ve=function(e,t){if(e===t)return!0;for(var n in e)if(e[n]!==t[n])return!1;return!0},pe=function(e,t){return e.replace(/\s/g,"")===t.replace(/\s/g,"")},Le=function(e,t){return e.toLowerCase()===t.toLowerCase()||ve(A(e),A(t))};function ye(e,t,n){var r=K(n),o=b.useState(function(){return e.toHsva(t)}),a=o[0],s=o[1],l=b.useRef({color:t,hsva:a});b.useEffect(function(){if(!e.equal(t,l.current.color)){var c=e.toHsva(t);l.current={hsva:c,color:t},s(c)}},[t,e]),b.useEffect(function(){var c;ve(a,l.current.hsva)||e.equal(c=e.fromHsva(a),l.current.color)||(l.current={hsva:a,color:c},r(c))},[a,e,r]);var i=b.useCallback(function(c){s(function(d){return Object.assign({},d,c)})},[]);return[a,i]}var qe=typeof window<"u"?b.useLayoutEffect:b.useEffect,Be=function(){return typeof __webpack_nonce__<"u"?__webpack_nonce__:void 0},oe=new Map,xe=function(e){qe(function(){var t=e.current?e.current.ownerDocument:document;if(t!==void 0&&!oe.has(t)){var n=t.createElement("style");n.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}`,oe.set(t,n);var r=Be();r&&n.setAttribute("nonce",r),t.head.appendChild(n)}},[])},We=function(e){var t=e.className,n=e.colorModel,r=e.color,o=r===void 0?n.defaultColor:r,a=e.onChange,s=Q(e,["className","colorModel","color","onChange"]),l=b.useRef(null);xe(l);var i=ye(n,o,a),c=i[0],d=i[1],f=z(["react-colorful",t]);return h.createElement("div",$({},s,{ref:l,className:f}),h.createElement(be,{hsva:c,onChange:d}),h.createElement(me,{hue:c.h,onChange:d,className:"react-colorful__last-control"}))},Xe={defaultColor:"000",toHsva:Re,fromHsva:function(e){return ze({h:e.h,s:e.s,v:e.v,a:1})},equal:Le},De=function(e){return h.createElement(We,$({},e,{colorModel:Xe}))},Ke=function(e){var t=e.className,n=e.hsva,r=e.onChange,o={backgroundImage:"linear-gradient(90deg, "+q(Object.assign({},n,{a:0}))+", "+q(Object.assign({},n,{a:1}))+")"},a=z(["react-colorful__alpha",t]),s=y(100*n.a);return h.createElement("div",{className:a},h.createElement("div",{className:"react-colorful__alpha-gradient",style:o}),h.createElement(Z,{onMove:function(l){r({a:l.left})},onKey:function(l){r({a:S(n.a+l.left)})},"aria-label":"Alpha","aria-valuetext":s+"%","aria-valuenow":s,"aria-valuemin":"0","aria-valuemax":"100"},h.createElement(ee,{className:"react-colorful__alpha-pointer",left:n.a,color:q(n)})))},we=function(e){var t=e.className,n=e.colorModel,r=e.color,o=r===void 0?n.defaultColor:r,a=e.onChange,s=Q(e,["className","colorModel","color","onChange"]),l=b.useRef(null);xe(l);var i=ye(n,o,a),c=i[0],d=i[1],f=z(["react-colorful",t]);return h.createElement("div",$({},s,{ref:l,className:f}),h.createElement(be,{hsva:c,onChange:d}),h.createElement(me,{hue:c.h,onChange:d}),h.createElement(Ke,{hsva:c,onChange:d,className:"react-colorful__last-control"}))},Ve={defaultColor:"hsla(0, 0%, 0%, 1)",toHsva:je,fromHsva:q,equal:pe},Ae=function(e){return h.createElement(we,$({},e,{colorModel:Ve}))},Ge={defaultColor:"rgba(0, 0, 0, 1)",toHsva:He,fromHsva:function(e){var t=de(e);return"rgba("+t.r+", "+t.g+", "+t.b+", "+t.a+")"},equal:pe},Ue=function(e){return h.createElement(we,$({},e,{colorModel:Ge}))},Ye={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]};const F=Ye,ke={};for(const e of Object.keys(F))ke[F[e]]=e;const 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"]}};var _e=u;for(const 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);const{channels:t,labels:n}=u[e];delete u[e].channels,delete u[e].labels,Object.defineProperty(u[e],"channels",{value:t}),Object.defineProperty(u[e],"labels",{value:n})}u.rgb.hsl=function(e){const t=e[0]/255,n=e[1]/255,r=e[2]/255,o=Math.min(t,n,r),a=Math.max(t,n,r),s=a-o;let l,i;a===o?l=0:t===a?l=(n-r)/s:n===a?l=2+(r-t)/s:r===a&&(l=4+(t-n)/s),l=Math.min(l*60,360),l<0&&(l+=360);const c=(o+a)/2;return a===o?i=0:c<=.5?i=s/(a+o):i=s/(2-a-o),[l,i*100,c*100]};u.rgb.hsv=function(e){let t,n,r,o,a;const s=e[0]/255,l=e[1]/255,i=e[2]/255,c=Math.max(s,l,i),d=c-Math.min(s,l,i),f=function(g){return(c-g)/6/d+1/2};return d===0?(o=0,a=0):(a=d/c,t=f(s),n=f(l),r=f(i),s===c?o=r-n:l===c?o=1/3+t-r:i===c&&(o=2/3+n-t),o<0?o+=1:o>1&&(o-=1)),[o*360,a*100,c*100]};u.rgb.hwb=function(e){const t=e[0],n=e[1];let r=e[2];const o=u.rgb.hsl(e)[0],a=1/255*Math.min(t,Math.min(n,r));return r=1-1/255*Math.max(t,Math.max(n,r)),[o,a*100,r*100]};u.rgb.cmyk=function(e){const t=e[0]/255,n=e[1]/255,r=e[2]/255,o=Math.min(1-t,1-n,1-r),a=(1-t-o)/(1-o)||0,s=(1-n-o)/(1-o)||0,l=(1-r-o)/(1-o)||0;return[a*100,s*100,l*100,o*100]};function Je(e,t){return(e[0]-t[0])**2+(e[1]-t[1])**2+(e[2]-t[2])**2}u.rgb.keyword=function(e){const t=ke[e];if(t)return t;let n=1/0,r;for(const o of Object.keys(F)){const a=F[o],s=Je(e,a);s.04045?((t+.055)/1.055)**2.4:t/12.92,n=n>.04045?((n+.055)/1.055)**2.4:n/12.92,r=r>.04045?((r+.055)/1.055)**2.4:r/12.92;const o=t*.4124+n*.3576+r*.1805,a=t*.2126+n*.7152+r*.0722,s=t*.0193+n*.1192+r*.9505;return[o*100,a*100,s*100]};u.rgb.lab=function(e){const t=u.rgb.xyz(e);let n=t[0],r=t[1],o=t[2];n/=95.047,r/=100,o/=108.883,n=n>.008856?n**(1/3):7.787*n+16/116,r=r>.008856?r**(1/3):7.787*r+16/116,o=o>.008856?o**(1/3):7.787*o+16/116;const a=116*r-16,s=500*(n-r),l=200*(r-o);return[a,s,l]};u.hsl.rgb=function(e){const t=e[0]/360,n=e[1]/100,r=e[2]/100;let o,a,s;if(n===0)return s=r*255,[s,s,s];r<.5?o=r*(1+n):o=r+n-r*n;const l=2*r-o,i=[0,0,0];for(let c=0;c<3;c++)a=t+1/3*-(c-1),a<0&&a++,a>1&&a--,6*a<1?s=l+(o-l)*6*a:2*a<1?s=o:3*a<2?s=l+(o-l)*(2/3-a)*6:s=l,i[c]=s*255;return i};u.hsl.hsv=function(e){const t=e[0];let n=e[1]/100,r=e[2]/100,o=n;const a=Math.max(r,.01);r*=2,n*=r<=1?r:2-r,o*=a<=1?a:2-a;const s=(r+n)/2,l=r===0?2*o/(a+o):2*n/(r+n);return[t,l*100,s*100]};u.hsv.rgb=function(e){const t=e[0]/60,n=e[1]/100;let r=e[2]/100;const o=Math.floor(t)%6,a=t-Math.floor(t),s=255*r*(1-n),l=255*r*(1-n*a),i=255*r*(1-n*(1-a));switch(r*=255,o){case 0:return[r,i,s];case 1:return[l,r,s];case 2:return[s,r,i];case 3:return[s,l,r];case 4:return[i,s,r];case 5:return[r,s,l]}};u.hsv.hsl=function(e){const t=e[0],n=e[1]/100,r=e[2]/100,o=Math.max(r,.01);let a,s;s=(2-n)*r;const l=(2-n)*o;return a=n*o,a/=l<=1?l:2-l,a=a||0,s/=2,[t,a*100,s*100]};u.hwb.rgb=function(e){const t=e[0]/360;let n=e[1]/100,r=e[2]/100;const o=n+r;let a;o>1&&(n/=o,r/=o);const s=Math.floor(6*t),l=1-r;a=6*t-s,s&1&&(a=1-a);const i=n+a*(l-n);let c,d,f;switch(s){default:case 6:case 0:c=l,d=i,f=n;break;case 1:c=i,d=l,f=n;break;case 2:c=n,d=l,f=i;break;case 3:c=n,d=i,f=l;break;case 4:c=i,d=n,f=l;break;case 5:c=l,d=n,f=i;break}return[c*255,d*255,f*255]};u.cmyk.rgb=function(e){const t=e[0]/100,n=e[1]/100,r=e[2]/100,o=e[3]/100,a=1-Math.min(1,t*(1-o)+o),s=1-Math.min(1,n*(1-o)+o),l=1-Math.min(1,r*(1-o)+o);return[a*255,s*255,l*255]};u.xyz.rgb=function(e){const t=e[0]/100,n=e[1]/100,r=e[2]/100;let o,a,s;return o=t*3.2406+n*-1.5372+r*-.4986,a=t*-.9689+n*1.8758+r*.0415,s=t*.0557+n*-.204+r*1.057,o=o>.0031308?1.055*o**(1/2.4)-.055:o*12.92,a=a>.0031308?1.055*a**(1/2.4)-.055:a*12.92,s=s>.0031308?1.055*s**(1/2.4)-.055:s*12.92,o=Math.min(Math.max(0,o),1),a=Math.min(Math.max(0,a),1),s=Math.min(Math.max(0,s),1),[o*255,a*255,s*255]};u.xyz.lab=function(e){let t=e[0],n=e[1],r=e[2];t/=95.047,n/=100,r/=108.883,t=t>.008856?t**(1/3):7.787*t+16/116,n=n>.008856?n**(1/3):7.787*n+16/116,r=r>.008856?r**(1/3):7.787*r+16/116;const o=116*n-16,a=500*(t-n),s=200*(n-r);return[o,a,s]};u.lab.xyz=function(e){const t=e[0],n=e[1],r=e[2];let o,a,s;a=(t+16)/116,o=n/500+a,s=a-r/200;const l=a**3,i=o**3,c=s**3;return a=l>.008856?l:(a-16/116)/7.787,o=i>.008856?i:(o-16/116)/7.787,s=c>.008856?c:(s-16/116)/7.787,o*=95.047,a*=100,s*=108.883,[o,a,s]};u.lab.lch=function(e){const t=e[0],n=e[1],r=e[2];let o;o=Math.atan2(r,n)*360/2/Math.PI,o<0&&(o+=360);const s=Math.sqrt(n*n+r*r);return[t,s,o]};u.lch.lab=function(e){const t=e[0],n=e[1],o=e[2]/360*2*Math.PI,a=n*Math.cos(o),s=n*Math.sin(o);return[t,a,s]};u.rgb.ansi16=function(e,t=null){const[n,r,o]=e;let a=t===null?u.rgb.hsv(e)[2]:t;if(a=Math.round(a/50),a===0)return 30;let s=30+(Math.round(o/255)<<2|Math.round(r/255)<<1|Math.round(n/255));return a===2&&(s+=60),s};u.hsv.ansi16=function(e){return u.rgb.ansi16(u.hsv.rgb(e),e[2])};u.rgb.ansi256=function(e){const t=e[0],n=e[1],r=e[2];return t===n&&n===r?t<8?16:t>248?231:Math.round((t-8)/247*24)+232:16+36*Math.round(t/255*5)+6*Math.round(n/255*5)+Math.round(r/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];const n=(~~(e>50)+1)*.5,r=(t&1)*n*255,o=(t>>1&1)*n*255,a=(t>>2&1)*n*255;return[r,o,a]};u.ansi256.rgb=function(e){if(e>=232){const a=(e-232)*10+8;return[a,a,a]}e-=16;let t;const n=Math.floor(e/36)/5*255,r=Math.floor((t=e%36)/6)/5*255,o=t%6/5*255;return[n,r,o]};u.rgb.hex=function(e){const n=(((Math.round(e[0])&255)<<16)+((Math.round(e[1])&255)<<8)+(Math.round(e[2])&255)).toString(16).toUpperCase();return"000000".substring(n.length)+n};u.hex.rgb=function(e){const t=e.toString(16).match(/[a-f0-9]{6}|[a-f0-9]{3}/i);if(!t)return[0,0,0];let n=t[0];t[0].length===3&&(n=n.split("").map(l=>l+l).join(""));const r=parseInt(n,16),o=r>>16&255,a=r>>8&255,s=r&255;return[o,a,s]};u.rgb.hcg=function(e){const t=e[0]/255,n=e[1]/255,r=e[2]/255,o=Math.max(Math.max(t,n),r),a=Math.min(Math.min(t,n),r),s=o-a;let l,i;return s<1?l=a/(1-s):l=0,s<=0?i=0:o===t?i=(n-r)/s%6:o===n?i=2+(r-t)/s:i=4+(t-n)/s,i/=6,i%=1,[i*360,s*100,l*100]};u.hsl.hcg=function(e){const t=e[1]/100,n=e[2]/100,r=n<.5?2*t*n:2*t*(1-n);let o=0;return r<1&&(o=(n-.5*r)/(1-r)),[e[0],r*100,o*100]};u.hsv.hcg=function(e){const t=e[1]/100,n=e[2]/100,r=t*n;let o=0;return r<1&&(o=(n-r)/(1-r)),[e[0],r*100,o*100]};u.hcg.rgb=function(e){const t=e[0]/360,n=e[1]/100,r=e[2]/100;if(n===0)return[r*255,r*255,r*255];const o=[0,0,0],a=t%1*6,s=a%1,l=1-s;let i=0;switch(Math.floor(a)){case 0:o[0]=1,o[1]=s,o[2]=0;break;case 1:o[0]=l,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]=l,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]=l}return i=(1-n)*r,[(n*o[0]+i)*255,(n*o[1]+i)*255,(n*o[2]+i)*255]};u.hcg.hsv=function(e){const t=e[1]/100,n=e[2]/100,r=t+n*(1-t);let o=0;return r>0&&(o=t/r),[e[0],o*100,r*100]};u.hcg.hsl=function(e){const t=e[1]/100,r=e[2]/100*(1-t)+.5*t;let o=0;return r>0&&r<.5?o=t/(2*r):r>=.5&&r<1&&(o=t/(2*(1-r))),[e[0],o*100,r*100]};u.hcg.hwb=function(e){const t=e[1]/100,n=e[2]/100,r=t+n*(1-t);return[e[0],(r-t)*100,(1-r)*100]};u.hwb.hcg=function(e){const t=e[1]/100,r=1-e[2]/100,o=r-t;let a=0;return o<1&&(a=(r-o)/(1-o)),[e[0],o*100,a*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){const 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]};const B=_e;function Qe(){const e={},t=Object.keys(B);for(let n=t.length,r=0;r1&&(n=r),e(n))};return"conversion"in e&&(t.conversion=e.conversion),t}function st(e){const t=function(...n){const r=n[0];if(r==null)return r;r.length>1&&(n=r);const o=e(n);if(typeof o=="object")for(let a=o.length,s=0;s{O[e]={},Object.defineProperty(O[e],"channels",{value:U[e].channels}),Object.defineProperty(O[e],"labels",{value:U[e].labels});const t=rt(e);Object.keys(t).forEach(r=>{const o=t[r];O[e][r]=st(o),O[e][r].raw=at(o)})});var lt=O;const w=fe(lt);var it=Oe,ct=function(){return it.Date.now()},ut=ct,ft=/\s/;function ht(e){for(var t=e.length;t--&&ft.test(e.charAt(t)););return t}var dt=ht,gt=dt,mt=/^\s+/;function bt(e){return e&&e.slice(0,gt(e)+1).replace(mt,"")}var vt=bt,pt=vt,ae=J,yt=Ie,se=NaN,xt=/^[-+]0x[0-9a-f]+$/i,wt=/^0b[01]+$/i,kt=/^0o[0-7]+$/i,_t=parseInt;function Et(e){if(typeof e=="number")return e;if(yt(e))return se;if(ae(e)){var t=typeof e.valueOf=="function"?e.valueOf():e;e=ae(t)?t+"":t}if(typeof e!="string")return e===0?e:+e;e=pt(e);var n=wt.test(e);return n||kt.test(e)?_t(e.slice(2),n?2:8):xt.test(e)?se:+e}var Mt=Et,Ct=J,D=ut,le=Mt,$t="Expected a function",Nt=Math.max,Ot=Math.min;function It(e,t,n){var r,o,a,s,l,i,c=0,d=!1,f=!1,g=!0;if(typeof e!="function")throw new TypeError($t);t=le(t)||0,Ct(n)&&(d=!!n.leading,f="maxWait"in n,a=f?Nt(le(n.maxWait)||0,t):a,g="trailing"in n?!!n.trailing:g);function k(v){var E=r,T=o;return r=o=void 0,c=v,s=e.apply(T,E),s}function N(v){return c=v,l=setTimeout(m,t),d?k(v):s}function _(v){var E=v-i,T=v-c,te=t-E;return f?Ot(te,a-T):te}function p(v){var E=v-i,T=v-c;return i===void 0||E>=t||E<0||f&&T>=a}function m(){var v=D();if(p(v))return x(v);l=setTimeout(m,_(v))}function x(v){return l=void 0,g&&r?k(v):(r=o=void 0,s)}function C(){l!==void 0&&clearTimeout(l),c=0,r=i=o=l=void 0}function X(){return l===void 0?s:x(D())}function R(){var v=D(),E=p(v);if(r=arguments,o=this,i=v,E){if(l===void 0)return N(i);if(f)return clearTimeout(l),l=setTimeout(m,t),k(i)}return l===void 0&&(l=setTimeout(m,t)),s}return R.cancel=C,R.flush=X,R}var St=It,Rt=St,Tt=J,jt="Expected a function";function Ft(e,t,n){var r=!0,o=!0;if(typeof e!="function")throw new TypeError(jt);return Tt(n)&&(r="leading"in n?!!n.leading:r,o="trailing"in n?!!n.trailing:o),Rt(e,t,{leading:r,maxWait:t,trailing:o})}var zt=Ft;const Ht=fe(zt);var Pt=M.div({position:"relative",maxWidth:250}),Lt=M(ue)({position:"absolute",zIndex:1,top:4,left:4}),qt=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"}}),Bt=M(Me)(({theme:e})=>({fontFamily:e.typography.fonts.base})),Wt=M.div({display:"grid",gridTemplateColumns:"repeat(9, 16px)",gap:6,padding:3,marginTop:5,width:200}),Xt=M.div(({theme:e,active:t})=>({width:16,height:16,boxShadow:t?`${e.appBorderColor} 0 0 0 1px inset, ${e.textMutedColor}50 0 0 0 4px`:`${e.appBorderColor} 0 0 0 1px inset`,borderRadius:e.appBorderRadius})),Dt=`url('data:image/svg+xml;charset=utf-8,')`,ie=({value:e,active:t,onClick:n,style:r,...o})=>{let a=`linear-gradient(${e}, ${e}), ${Dt}, linear-gradient(#fff, #fff)`;return h.createElement(Xt,{...o,active:t,onClick:n,style:{...r,backgroundImage:a}})},Kt=M(Ce.Input)(({theme:e})=>({width:"100%",paddingLeft:30,paddingRight:30,boxSizing:"border-box",fontFamily:e.typography.fonts.base})),Vt=M($e)(({theme:e})=>({position:"absolute",zIndex:1,top:6,right:7,width:20,height:20,padding:4,boxSizing:"border-box",cursor:"pointer",color:e.input.color})),Ee=(e=>(e.RGB="rgb",e.HSL="hsl",e.HEX="hex",e))(Ee||{}),P=Object.values(Ee),At=/\(([0-9]+),\s*([0-9]+)%?,\s*([0-9]+)%?,?\s*([0-9.]+)?\)/,Gt=/^\s*rgba?\(([0-9]+),\s*([0-9]+),\s*([0-9]+),?\s*([0-9.]+)?\)\s*$/i,Ut=/^\s*hsla?\(([0-9]+),\s*([0-9]+)%,\s*([0-9]+)%,?\s*([0-9.]+)?\)\s*$/i,Y=/^\s*#?([0-9a-f]{3}|[0-9a-f]{6})\s*$/i,Yt=/^\s*#?([0-9a-f]{3})\s*$/i,Jt={hex:De,rgb:Ue,hsl:Ae},L={hex:"transparent",rgb:"rgba(0, 0, 0, 0)",hsl:"hsla(0, 0%, 0%, 0)"},ce=e=>{let t=e==null?void 0:e.match(At);if(!t)return[0,0,0,1];let[,n,r,o,a=1]=t;return[n,r,o,a].map(Number)},I=e=>{if(!e)return;let t=!0;if(Gt.test(e)){let[s,l,i,c]=ce(e),[d,f,g]=w.rgb.hsl([s,l,i])||[0,0,0];return{valid:t,value:e,keyword:w.rgb.keyword([s,l,i]),colorSpace:"rgb",rgb:e,hsl:`hsla(${d}, ${f}%, ${g}%, ${c})`,hex:`#${w.rgb.hex([s,l,i]).toLowerCase()}`}}if(Ut.test(e)){let[s,l,i,c]=ce(e),[d,f,g]=w.hsl.rgb([s,l,i])||[0,0,0];return{valid:t,value:e,keyword:w.hsl.keyword([s,l,i]),colorSpace:"hsl",rgb:`rgba(${d}, ${f}, ${g}, ${c})`,hsl:e,hex:`#${w.hsl.hex([s,l,i]).toLowerCase()}`}}let n=e.replace("#",""),r=w.keyword.rgb(n)||w.hex.rgb(n),o=w.rgb.hsl(r),a=e;if(/[^#a-f0-9]/i.test(e)?a=n:Y.test(e)&&(a=`#${n}`),a.startsWith("#"))t=Y.test(a);else try{w.keyword.hex(a)}catch{t=!1}return{valid:t,value:a,keyword:w.rgb.keyword(r),colorSpace:"hex",rgb:`rgba(${r[0]}, ${r[1]}, ${r[2]}, 1)`,hsl:`hsla(${o[0]}, ${o[1]}%, ${o[2]}%, 1)`,hex:a}},Qt=(e,t,n)=>{if(!e||!(t!=null&&t.valid))return L[n];if(n!=="hex")return(t==null?void 0:t[n])||L[n];if(!t.hex.startsWith("#"))try{return`#${w.keyword.hex(t.hex)}`}catch{return L.hex}let r=t.hex.match(Yt);if(!r)return Y.test(t.hex)?t.hex:L.hex;let[o,a,s]=r[1].split("");return`#${o}${o}${a}${a}${s}${s}`},Zt=(e,t)=>{let[n,r]=b.useState(e||""),[o,a]=b.useState(()=>I(n)),[s,l]=b.useState((o==null?void 0:o.colorSpace)||"hex");b.useEffect(()=>{let f=e||"",g=I(f);r(f),a(g),l((g==null?void 0:g.colorSpace)||"hex")},[e]);let i=b.useMemo(()=>Qt(n,o,s).toLowerCase(),[n,o,s]),c=b.useCallback(f=>{let g=I(f),k=(g==null?void 0:g.value)||f||"";r(k),k===""&&(a(void 0),t(void 0)),g&&(a(g),l(g.colorSpace),t(g.value))},[t]),d=b.useCallback(()=>{let f=P.indexOf(s)+1;f>=P.length&&(f=0),l(P[f]);let g=(o==null?void 0:o[P[f]])||"";r(g),t(g)},[o,s,t]);return{value:n,realValue:i,updateValue:c,color:o,colorSpace:s,cycleColorSpace:d}},W=e=>e.replace(/\s*/,"").toLowerCase(),en=(e,t,n)=>{let[r,o]=b.useState(t!=null&&t.valid?[t]:[]);b.useEffect(()=>{t===void 0&&o([])},[t]);let a=b.useMemo(()=>(e||[]).map(l=>typeof l=="string"?I(l):l.title?{...I(l.color),keyword:l.title}:I(l.color)).concat(r).filter(Boolean).slice(-27),[e,r]),s=b.useCallback(l=>{l!=null&&l.valid&&(a.some(i=>W(i[n])===W(l[n]))||o(i=>i.concat(l)))},[n,a]);return{presets:a,addPreset:s}},tn=({name:e,value:t,onChange:n,onFocus:r,onBlur:o,presetColors:a,startOpen:s=!1})=>{let l=b.useCallback(Ht(n,200),[n]),{value:i,realValue:c,updateValue:d,color:f,colorSpace:g,cycleColorSpace:k}=Zt(t,l),{presets:N,addPreset:_}=en(a,f,g),p=Jt[g];return h.createElement(Pt,null,h.createElement(Lt,{startOpen:s,closeOnOutsideClick:!0,onVisibleChange:()=>_(f),tooltip:h.createElement(qt,null,h.createElement(p,{color:c==="transparent"?"#000000":c,onChange:d,onFocus:r,onBlur:o}),N.length>0&&h.createElement(Wt,null,N.map((m,x)=>h.createElement(ue,{key:`${m.value}-${x}`,hasChrome:!1,tooltip:h.createElement(Bt,{note:m.keyword||m.value})},h.createElement(ie,{value:m[g],active:f&&W(m[g])===W(f[g]),onClick:()=>d(m.value)})))))},h.createElement(ie,{value:c,style:{margin:4}})),h.createElement(Kt,{id:Ne(e),value:i,onChange:m=>d(m.target.value),onFocus:m=>m.target.select(),placeholder:"Choose color..."}),i?h.createElement(Vt,{onClick:k}):null)},hn=tn;export{tn as ColorControl,hn as default}; +import{n as M,h as ue,i as Me,F as Ce,j as $e,k as Ne}from"./index-C1H0KNfC.js";import{R as h,r as b}from"./index-BwDkhjyp.js";import{g as fe}from"./_commonjsHelpers-BosuxZz1.js";import{_ as Oe,i as J,a as Ie}from"./index-B8K4vdXH.js";import"./iframe-CjTW3GMG.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-DrFu-skq.js";function $(){return($=Object.assign||function(e){for(var t=1;t=0||(o[n]=e[n]);return o}function K(e){var t=b.useRef(e),n=b.useRef(function(r){t.current&&t.current(r)});return t.current=e,n.current}var S=function(e,t,n){return t===void 0&&(t=0),n===void 0&&(n=1),e>n?n:e0:p.buttons>0)&&o.current?a(ne(o.current,p,l.current)):_(!1)},N=function(){return _(!1)};function _(p){var m=i.current,x=V(o.current),C=p?x.addEventListener:x.removeEventListener;C(m?"touchmove":"mousemove",k),C(m?"touchend":"mouseup",N)}return[function(p){var m=p.nativeEvent,x=o.current;if(x&&(re(m),!function(X,R){return R&&!j(X)}(m,i.current)&&x)){if(j(m)){i.current=!0;var C=m.changedTouches||[];C.length&&(l.current=C[0].identifier)}x.focus(),a(ne(x,m,l.current)),_(!0)}},function(p){var m=p.which||p.keyCode;m<37||m>40||(p.preventDefault(),s({left:m===39?.05:m===37?-.05:0,top:m===40?.05:m===38?-.05:0}))},_]},[s,a]),d=c[0],f=c[1],g=c[2];return b.useEffect(function(){return g},[g]),h.createElement("div",$({},r,{onTouchStart:d,onMouseDown:d,className:"react-colorful__interactive",ref:o,onKeyDown:f,tabIndex:0,role:"slider"}))}),z=function(e){return e.filter(Boolean).join(" ")},ee=function(e){var t=e.color,n=e.left,r=e.top,o=r===void 0?.5:r,a=z(["react-colorful__pointer",e.className]);return h.createElement("div",{className:a,style:{top:100*o+"%",left:100*n+"%"}},h.createElement("div",{className:"react-colorful__pointer-fill",style:{backgroundColor:t}}))},y=function(e,t,n){return t===void 0&&(t=0),n===void 0&&(n=Math.pow(10,t)),Math.round(n*e)/n},Se={grad:.9,turn:360,rad:360/(2*Math.PI)},Re=function(e){return ge(A(e))},A=function(e){return e[0]==="#"&&(e=e.substring(1)),e.length<6?{r:parseInt(e[0]+e[0],16),g:parseInt(e[1]+e[1],16),b:parseInt(e[2]+e[2],16),a:e.length===4?y(parseInt(e[3]+e[3],16)/255,2):1}:{r:parseInt(e.substring(0,2),16),g:parseInt(e.substring(2,4),16),b:parseInt(e.substring(4,6),16),a:e.length===8?y(parseInt(e.substring(6,8),16)/255,2):1}},Te=function(e,t){return t===void 0&&(t="deg"),Number(e)*(Se[t]||1)},je=function(e){var t=/hsla?\(?\s*(-?\d*\.?\d+)(deg|rad|grad|turn)?[,\s]+(-?\d*\.?\d+)%?[,\s]+(-?\d*\.?\d+)%?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(e);return t?Fe({h:Te(t[1],t[2]),s:Number(t[3]),l:Number(t[4]),a:t[5]===void 0?1:Number(t[5])/(t[6]?100:1)}):{h:0,s:0,v:0,a:1}},Fe=function(e){var t=e.s,n=e.l;return{h:e.h,s:(t*=(n<50?n:100-n)/100)>0?2*t/(n+t)*100:0,v:n+t,a:e.a}},ze=function(e){return Pe(de(e))},he=function(e){var t=e.s,n=e.v,r=e.a,o=(200-t)*n/100;return{h:y(e.h),s:y(o>0&&o<200?t*n/100/(o<=100?o:200-o)*100:0),l:y(o/2),a:y(r,2)}},G=function(e){var t=he(e);return"hsl("+t.h+", "+t.s+"%, "+t.l+"%)"},q=function(e){var t=he(e);return"hsla("+t.h+", "+t.s+"%, "+t.l+"%, "+t.a+")"},de=function(e){var t=e.h,n=e.s,r=e.v,o=e.a;t=t/360*6,n/=100,r/=100;var a=Math.floor(t),s=r*(1-n),l=r*(1-(t-a)*n),i=r*(1-(1-t+a)*n),c=a%6;return{r:y(255*[r,l,s,s,i,r][c]),g:y(255*[i,r,r,l,s,s][c]),b:y(255*[s,s,i,r,r,l][c]),a:y(o,2)}},He=function(e){var t=/rgba?\(?\s*(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(e);return t?ge({r:Number(t[1])/(t[2]?100/255:1),g:Number(t[3])/(t[4]?100/255:1),b:Number(t[5])/(t[6]?100/255:1),a:t[7]===void 0?1:Number(t[7])/(t[8]?100:1)}):{h:0,s:0,v:0,a:1}},H=function(e){var t=e.toString(16);return t.length<2?"0"+t:t},Pe=function(e){var t=e.r,n=e.g,r=e.b,o=e.a,a=o<1?H(y(255*o)):"";return"#"+H(t)+H(n)+H(r)+a},ge=function(e){var t=e.r,n=e.g,r=e.b,o=e.a,a=Math.max(t,n,r),s=a-Math.min(t,n,r),l=s?a===t?(n-r)/s:a===n?2+(r-t)/s:4+(t-n)/s:0;return{h:y(60*(l<0?l+6:l)),s:y(a?s/a*100:0),v:y(a/255*100),a:o}},me=h.memo(function(e){var t=e.hue,n=e.onChange,r=z(["react-colorful__hue",e.className]);return h.createElement("div",{className:r},h.createElement(Z,{onMove:function(o){n({h:360*o.left})},onKey:function(o){n({h:S(t+360*o.left,0,360)})},"aria-label":"Hue","aria-valuenow":y(t),"aria-valuemax":"360","aria-valuemin":"0"},h.createElement(ee,{className:"react-colorful__hue-pointer",left:t/360,color:G({h:t,s:100,v:100,a:1})})))}),be=h.memo(function(e){var t=e.hsva,n=e.onChange,r={backgroundColor:G({h:t.h,s:100,v:100,a:1})};return h.createElement("div",{className:"react-colorful__saturation",style:r},h.createElement(Z,{onMove:function(o){n({s:100*o.left,v:100-100*o.top})},onKey:function(o){n({s:S(t.s+100*o.left,0,100),v:S(t.v-100*o.top,0,100)})},"aria-label":"Color","aria-valuetext":"Saturation "+y(t.s)+"%, Brightness "+y(t.v)+"%"},h.createElement(ee,{className:"react-colorful__saturation-pointer",top:1-t.v/100,left:t.s/100,color:G(t)})))}),ve=function(e,t){if(e===t)return!0;for(var n in e)if(e[n]!==t[n])return!1;return!0},pe=function(e,t){return e.replace(/\s/g,"")===t.replace(/\s/g,"")},Le=function(e,t){return e.toLowerCase()===t.toLowerCase()||ve(A(e),A(t))};function ye(e,t,n){var r=K(n),o=b.useState(function(){return e.toHsva(t)}),a=o[0],s=o[1],l=b.useRef({color:t,hsva:a});b.useEffect(function(){if(!e.equal(t,l.current.color)){var c=e.toHsva(t);l.current={hsva:c,color:t},s(c)}},[t,e]),b.useEffect(function(){var c;ve(a,l.current.hsva)||e.equal(c=e.fromHsva(a),l.current.color)||(l.current={hsva:a,color:c},r(c))},[a,e,r]);var i=b.useCallback(function(c){s(function(d){return Object.assign({},d,c)})},[]);return[a,i]}var qe=typeof window<"u"?b.useLayoutEffect:b.useEffect,Be=function(){return typeof __webpack_nonce__<"u"?__webpack_nonce__:void 0},oe=new Map,xe=function(e){qe(function(){var t=e.current?e.current.ownerDocument:document;if(t!==void 0&&!oe.has(t)){var n=t.createElement("style");n.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}`,oe.set(t,n);var r=Be();r&&n.setAttribute("nonce",r),t.head.appendChild(n)}},[])},We=function(e){var t=e.className,n=e.colorModel,r=e.color,o=r===void 0?n.defaultColor:r,a=e.onChange,s=Q(e,["className","colorModel","color","onChange"]),l=b.useRef(null);xe(l);var i=ye(n,o,a),c=i[0],d=i[1],f=z(["react-colorful",t]);return h.createElement("div",$({},s,{ref:l,className:f}),h.createElement(be,{hsva:c,onChange:d}),h.createElement(me,{hue:c.h,onChange:d,className:"react-colorful__last-control"}))},Xe={defaultColor:"000",toHsva:Re,fromHsva:function(e){return ze({h:e.h,s:e.s,v:e.v,a:1})},equal:Le},De=function(e){return h.createElement(We,$({},e,{colorModel:Xe}))},Ke=function(e){var t=e.className,n=e.hsva,r=e.onChange,o={backgroundImage:"linear-gradient(90deg, "+q(Object.assign({},n,{a:0}))+", "+q(Object.assign({},n,{a:1}))+")"},a=z(["react-colorful__alpha",t]),s=y(100*n.a);return h.createElement("div",{className:a},h.createElement("div",{className:"react-colorful__alpha-gradient",style:o}),h.createElement(Z,{onMove:function(l){r({a:l.left})},onKey:function(l){r({a:S(n.a+l.left)})},"aria-label":"Alpha","aria-valuetext":s+"%","aria-valuenow":s,"aria-valuemin":"0","aria-valuemax":"100"},h.createElement(ee,{className:"react-colorful__alpha-pointer",left:n.a,color:q(n)})))},we=function(e){var t=e.className,n=e.colorModel,r=e.color,o=r===void 0?n.defaultColor:r,a=e.onChange,s=Q(e,["className","colorModel","color","onChange"]),l=b.useRef(null);xe(l);var i=ye(n,o,a),c=i[0],d=i[1],f=z(["react-colorful",t]);return h.createElement("div",$({},s,{ref:l,className:f}),h.createElement(be,{hsva:c,onChange:d}),h.createElement(me,{hue:c.h,onChange:d}),h.createElement(Ke,{hsva:c,onChange:d,className:"react-colorful__last-control"}))},Ve={defaultColor:"hsla(0, 0%, 0%, 1)",toHsva:je,fromHsva:q,equal:pe},Ae=function(e){return h.createElement(we,$({},e,{colorModel:Ve}))},Ge={defaultColor:"rgba(0, 0, 0, 1)",toHsva:He,fromHsva:function(e){var t=de(e);return"rgba("+t.r+", "+t.g+", "+t.b+", "+t.a+")"},equal:pe},Ue=function(e){return h.createElement(we,$({},e,{colorModel:Ge}))},Ye={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]};const F=Ye,ke={};for(const e of Object.keys(F))ke[F[e]]=e;const 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"]}};var _e=u;for(const 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);const{channels:t,labels:n}=u[e];delete u[e].channels,delete u[e].labels,Object.defineProperty(u[e],"channels",{value:t}),Object.defineProperty(u[e],"labels",{value:n})}u.rgb.hsl=function(e){const t=e[0]/255,n=e[1]/255,r=e[2]/255,o=Math.min(t,n,r),a=Math.max(t,n,r),s=a-o;let l,i;a===o?l=0:t===a?l=(n-r)/s:n===a?l=2+(r-t)/s:r===a&&(l=4+(t-n)/s),l=Math.min(l*60,360),l<0&&(l+=360);const c=(o+a)/2;return a===o?i=0:c<=.5?i=s/(a+o):i=s/(2-a-o),[l,i*100,c*100]};u.rgb.hsv=function(e){let t,n,r,o,a;const s=e[0]/255,l=e[1]/255,i=e[2]/255,c=Math.max(s,l,i),d=c-Math.min(s,l,i),f=function(g){return(c-g)/6/d+1/2};return d===0?(o=0,a=0):(a=d/c,t=f(s),n=f(l),r=f(i),s===c?o=r-n:l===c?o=1/3+t-r:i===c&&(o=2/3+n-t),o<0?o+=1:o>1&&(o-=1)),[o*360,a*100,c*100]};u.rgb.hwb=function(e){const t=e[0],n=e[1];let r=e[2];const o=u.rgb.hsl(e)[0],a=1/255*Math.min(t,Math.min(n,r));return r=1-1/255*Math.max(t,Math.max(n,r)),[o,a*100,r*100]};u.rgb.cmyk=function(e){const t=e[0]/255,n=e[1]/255,r=e[2]/255,o=Math.min(1-t,1-n,1-r),a=(1-t-o)/(1-o)||0,s=(1-n-o)/(1-o)||0,l=(1-r-o)/(1-o)||0;return[a*100,s*100,l*100,o*100]};function Je(e,t){return(e[0]-t[0])**2+(e[1]-t[1])**2+(e[2]-t[2])**2}u.rgb.keyword=function(e){const t=ke[e];if(t)return t;let n=1/0,r;for(const o of Object.keys(F)){const a=F[o],s=Je(e,a);s.04045?((t+.055)/1.055)**2.4:t/12.92,n=n>.04045?((n+.055)/1.055)**2.4:n/12.92,r=r>.04045?((r+.055)/1.055)**2.4:r/12.92;const o=t*.4124+n*.3576+r*.1805,a=t*.2126+n*.7152+r*.0722,s=t*.0193+n*.1192+r*.9505;return[o*100,a*100,s*100]};u.rgb.lab=function(e){const t=u.rgb.xyz(e);let n=t[0],r=t[1],o=t[2];n/=95.047,r/=100,o/=108.883,n=n>.008856?n**(1/3):7.787*n+16/116,r=r>.008856?r**(1/3):7.787*r+16/116,o=o>.008856?o**(1/3):7.787*o+16/116;const a=116*r-16,s=500*(n-r),l=200*(r-o);return[a,s,l]};u.hsl.rgb=function(e){const t=e[0]/360,n=e[1]/100,r=e[2]/100;let o,a,s;if(n===0)return s=r*255,[s,s,s];r<.5?o=r*(1+n):o=r+n-r*n;const l=2*r-o,i=[0,0,0];for(let c=0;c<3;c++)a=t+1/3*-(c-1),a<0&&a++,a>1&&a--,6*a<1?s=l+(o-l)*6*a:2*a<1?s=o:3*a<2?s=l+(o-l)*(2/3-a)*6:s=l,i[c]=s*255;return i};u.hsl.hsv=function(e){const t=e[0];let n=e[1]/100,r=e[2]/100,o=n;const a=Math.max(r,.01);r*=2,n*=r<=1?r:2-r,o*=a<=1?a:2-a;const s=(r+n)/2,l=r===0?2*o/(a+o):2*n/(r+n);return[t,l*100,s*100]};u.hsv.rgb=function(e){const t=e[0]/60,n=e[1]/100;let r=e[2]/100;const o=Math.floor(t)%6,a=t-Math.floor(t),s=255*r*(1-n),l=255*r*(1-n*a),i=255*r*(1-n*(1-a));switch(r*=255,o){case 0:return[r,i,s];case 1:return[l,r,s];case 2:return[s,r,i];case 3:return[s,l,r];case 4:return[i,s,r];case 5:return[r,s,l]}};u.hsv.hsl=function(e){const t=e[0],n=e[1]/100,r=e[2]/100,o=Math.max(r,.01);let a,s;s=(2-n)*r;const l=(2-n)*o;return a=n*o,a/=l<=1?l:2-l,a=a||0,s/=2,[t,a*100,s*100]};u.hwb.rgb=function(e){const t=e[0]/360;let n=e[1]/100,r=e[2]/100;const o=n+r;let a;o>1&&(n/=o,r/=o);const s=Math.floor(6*t),l=1-r;a=6*t-s,s&1&&(a=1-a);const i=n+a*(l-n);let c,d,f;switch(s){default:case 6:case 0:c=l,d=i,f=n;break;case 1:c=i,d=l,f=n;break;case 2:c=n,d=l,f=i;break;case 3:c=n,d=i,f=l;break;case 4:c=i,d=n,f=l;break;case 5:c=l,d=n,f=i;break}return[c*255,d*255,f*255]};u.cmyk.rgb=function(e){const t=e[0]/100,n=e[1]/100,r=e[2]/100,o=e[3]/100,a=1-Math.min(1,t*(1-o)+o),s=1-Math.min(1,n*(1-o)+o),l=1-Math.min(1,r*(1-o)+o);return[a*255,s*255,l*255]};u.xyz.rgb=function(e){const t=e[0]/100,n=e[1]/100,r=e[2]/100;let o,a,s;return o=t*3.2406+n*-1.5372+r*-.4986,a=t*-.9689+n*1.8758+r*.0415,s=t*.0557+n*-.204+r*1.057,o=o>.0031308?1.055*o**(1/2.4)-.055:o*12.92,a=a>.0031308?1.055*a**(1/2.4)-.055:a*12.92,s=s>.0031308?1.055*s**(1/2.4)-.055:s*12.92,o=Math.min(Math.max(0,o),1),a=Math.min(Math.max(0,a),1),s=Math.min(Math.max(0,s),1),[o*255,a*255,s*255]};u.xyz.lab=function(e){let t=e[0],n=e[1],r=e[2];t/=95.047,n/=100,r/=108.883,t=t>.008856?t**(1/3):7.787*t+16/116,n=n>.008856?n**(1/3):7.787*n+16/116,r=r>.008856?r**(1/3):7.787*r+16/116;const o=116*n-16,a=500*(t-n),s=200*(n-r);return[o,a,s]};u.lab.xyz=function(e){const t=e[0],n=e[1],r=e[2];let o,a,s;a=(t+16)/116,o=n/500+a,s=a-r/200;const l=a**3,i=o**3,c=s**3;return a=l>.008856?l:(a-16/116)/7.787,o=i>.008856?i:(o-16/116)/7.787,s=c>.008856?c:(s-16/116)/7.787,o*=95.047,a*=100,s*=108.883,[o,a,s]};u.lab.lch=function(e){const t=e[0],n=e[1],r=e[2];let o;o=Math.atan2(r,n)*360/2/Math.PI,o<0&&(o+=360);const s=Math.sqrt(n*n+r*r);return[t,s,o]};u.lch.lab=function(e){const t=e[0],n=e[1],o=e[2]/360*2*Math.PI,a=n*Math.cos(o),s=n*Math.sin(o);return[t,a,s]};u.rgb.ansi16=function(e,t=null){const[n,r,o]=e;let a=t===null?u.rgb.hsv(e)[2]:t;if(a=Math.round(a/50),a===0)return 30;let s=30+(Math.round(o/255)<<2|Math.round(r/255)<<1|Math.round(n/255));return a===2&&(s+=60),s};u.hsv.ansi16=function(e){return u.rgb.ansi16(u.hsv.rgb(e),e[2])};u.rgb.ansi256=function(e){const t=e[0],n=e[1],r=e[2];return t===n&&n===r?t<8?16:t>248?231:Math.round((t-8)/247*24)+232:16+36*Math.round(t/255*5)+6*Math.round(n/255*5)+Math.round(r/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];const n=(~~(e>50)+1)*.5,r=(t&1)*n*255,o=(t>>1&1)*n*255,a=(t>>2&1)*n*255;return[r,o,a]};u.ansi256.rgb=function(e){if(e>=232){const a=(e-232)*10+8;return[a,a,a]}e-=16;let t;const n=Math.floor(e/36)/5*255,r=Math.floor((t=e%36)/6)/5*255,o=t%6/5*255;return[n,r,o]};u.rgb.hex=function(e){const n=(((Math.round(e[0])&255)<<16)+((Math.round(e[1])&255)<<8)+(Math.round(e[2])&255)).toString(16).toUpperCase();return"000000".substring(n.length)+n};u.hex.rgb=function(e){const t=e.toString(16).match(/[a-f0-9]{6}|[a-f0-9]{3}/i);if(!t)return[0,0,0];let n=t[0];t[0].length===3&&(n=n.split("").map(l=>l+l).join(""));const r=parseInt(n,16),o=r>>16&255,a=r>>8&255,s=r&255;return[o,a,s]};u.rgb.hcg=function(e){const t=e[0]/255,n=e[1]/255,r=e[2]/255,o=Math.max(Math.max(t,n),r),a=Math.min(Math.min(t,n),r),s=o-a;let l,i;return s<1?l=a/(1-s):l=0,s<=0?i=0:o===t?i=(n-r)/s%6:o===n?i=2+(r-t)/s:i=4+(t-n)/s,i/=6,i%=1,[i*360,s*100,l*100]};u.hsl.hcg=function(e){const t=e[1]/100,n=e[2]/100,r=n<.5?2*t*n:2*t*(1-n);let o=0;return r<1&&(o=(n-.5*r)/(1-r)),[e[0],r*100,o*100]};u.hsv.hcg=function(e){const t=e[1]/100,n=e[2]/100,r=t*n;let o=0;return r<1&&(o=(n-r)/(1-r)),[e[0],r*100,o*100]};u.hcg.rgb=function(e){const t=e[0]/360,n=e[1]/100,r=e[2]/100;if(n===0)return[r*255,r*255,r*255];const o=[0,0,0],a=t%1*6,s=a%1,l=1-s;let i=0;switch(Math.floor(a)){case 0:o[0]=1,o[1]=s,o[2]=0;break;case 1:o[0]=l,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]=l,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]=l}return i=(1-n)*r,[(n*o[0]+i)*255,(n*o[1]+i)*255,(n*o[2]+i)*255]};u.hcg.hsv=function(e){const t=e[1]/100,n=e[2]/100,r=t+n*(1-t);let o=0;return r>0&&(o=t/r),[e[0],o*100,r*100]};u.hcg.hsl=function(e){const t=e[1]/100,r=e[2]/100*(1-t)+.5*t;let o=0;return r>0&&r<.5?o=t/(2*r):r>=.5&&r<1&&(o=t/(2*(1-r))),[e[0],o*100,r*100]};u.hcg.hwb=function(e){const t=e[1]/100,n=e[2]/100,r=t+n*(1-t);return[e[0],(r-t)*100,(1-r)*100]};u.hwb.hcg=function(e){const t=e[1]/100,r=1-e[2]/100,o=r-t;let a=0;return o<1&&(a=(r-o)/(1-o)),[e[0],o*100,a*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){const 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]};const B=_e;function Qe(){const e={},t=Object.keys(B);for(let n=t.length,r=0;r1&&(n=r),e(n))};return"conversion"in e&&(t.conversion=e.conversion),t}function st(e){const t=function(...n){const r=n[0];if(r==null)return r;r.length>1&&(n=r);const o=e(n);if(typeof o=="object")for(let a=o.length,s=0;s{O[e]={},Object.defineProperty(O[e],"channels",{value:U[e].channels}),Object.defineProperty(O[e],"labels",{value:U[e].labels});const t=rt(e);Object.keys(t).forEach(r=>{const o=t[r];O[e][r]=st(o),O[e][r].raw=at(o)})});var lt=O;const w=fe(lt);var it=Oe,ct=function(){return it.Date.now()},ut=ct,ft=/\s/;function ht(e){for(var t=e.length;t--&&ft.test(e.charAt(t)););return t}var dt=ht,gt=dt,mt=/^\s+/;function bt(e){return e&&e.slice(0,gt(e)+1).replace(mt,"")}var vt=bt,pt=vt,ae=J,yt=Ie,se=NaN,xt=/^[-+]0x[0-9a-f]+$/i,wt=/^0b[01]+$/i,kt=/^0o[0-7]+$/i,_t=parseInt;function Et(e){if(typeof e=="number")return e;if(yt(e))return se;if(ae(e)){var t=typeof e.valueOf=="function"?e.valueOf():e;e=ae(t)?t+"":t}if(typeof e!="string")return e===0?e:+e;e=pt(e);var n=wt.test(e);return n||kt.test(e)?_t(e.slice(2),n?2:8):xt.test(e)?se:+e}var Mt=Et,Ct=J,D=ut,le=Mt,$t="Expected a function",Nt=Math.max,Ot=Math.min;function It(e,t,n){var r,o,a,s,l,i,c=0,d=!1,f=!1,g=!0;if(typeof e!="function")throw new TypeError($t);t=le(t)||0,Ct(n)&&(d=!!n.leading,f="maxWait"in n,a=f?Nt(le(n.maxWait)||0,t):a,g="trailing"in n?!!n.trailing:g);function k(v){var E=r,T=o;return r=o=void 0,c=v,s=e.apply(T,E),s}function N(v){return c=v,l=setTimeout(m,t),d?k(v):s}function _(v){var E=v-i,T=v-c,te=t-E;return f?Ot(te,a-T):te}function p(v){var E=v-i,T=v-c;return i===void 0||E>=t||E<0||f&&T>=a}function m(){var v=D();if(p(v))return x(v);l=setTimeout(m,_(v))}function x(v){return l=void 0,g&&r?k(v):(r=o=void 0,s)}function C(){l!==void 0&&clearTimeout(l),c=0,r=i=o=l=void 0}function X(){return l===void 0?s:x(D())}function R(){var v=D(),E=p(v);if(r=arguments,o=this,i=v,E){if(l===void 0)return N(i);if(f)return clearTimeout(l),l=setTimeout(m,t),k(i)}return l===void 0&&(l=setTimeout(m,t)),s}return R.cancel=C,R.flush=X,R}var St=It,Rt=St,Tt=J,jt="Expected a function";function Ft(e,t,n){var r=!0,o=!0;if(typeof e!="function")throw new TypeError(jt);return Tt(n)&&(r="leading"in n?!!n.leading:r,o="trailing"in n?!!n.trailing:o),Rt(e,t,{leading:r,maxWait:t,trailing:o})}var zt=Ft;const Ht=fe(zt);var Pt=M.div({position:"relative",maxWidth:250}),Lt=M(ue)({position:"absolute",zIndex:1,top:4,left:4}),qt=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"}}),Bt=M(Me)(({theme:e})=>({fontFamily:e.typography.fonts.base})),Wt=M.div({display:"grid",gridTemplateColumns:"repeat(9, 16px)",gap:6,padding:3,marginTop:5,width:200}),Xt=M.div(({theme:e,active:t})=>({width:16,height:16,boxShadow:t?`${e.appBorderColor} 0 0 0 1px inset, ${e.textMutedColor}50 0 0 0 4px`:`${e.appBorderColor} 0 0 0 1px inset`,borderRadius:e.appBorderRadius})),Dt=`url('data:image/svg+xml;charset=utf-8,')`,ie=({value:e,active:t,onClick:n,style:r,...o})=>{let a=`linear-gradient(${e}, ${e}), ${Dt}, linear-gradient(#fff, #fff)`;return h.createElement(Xt,{...o,active:t,onClick:n,style:{...r,backgroundImage:a}})},Kt=M(Ce.Input)(({theme:e})=>({width:"100%",paddingLeft:30,paddingRight:30,boxSizing:"border-box",fontFamily:e.typography.fonts.base})),Vt=M($e)(({theme:e})=>({position:"absolute",zIndex:1,top:6,right:7,width:20,height:20,padding:4,boxSizing:"border-box",cursor:"pointer",color:e.input.color})),Ee=(e=>(e.RGB="rgb",e.HSL="hsl",e.HEX="hex",e))(Ee||{}),P=Object.values(Ee),At=/\(([0-9]+),\s*([0-9]+)%?,\s*([0-9]+)%?,?\s*([0-9.]+)?\)/,Gt=/^\s*rgba?\(([0-9]+),\s*([0-9]+),\s*([0-9]+),?\s*([0-9.]+)?\)\s*$/i,Ut=/^\s*hsla?\(([0-9]+),\s*([0-9]+)%,\s*([0-9]+)%,?\s*([0-9.]+)?\)\s*$/i,Y=/^\s*#?([0-9a-f]{3}|[0-9a-f]{6})\s*$/i,Yt=/^\s*#?([0-9a-f]{3})\s*$/i,Jt={hex:De,rgb:Ue,hsl:Ae},L={hex:"transparent",rgb:"rgba(0, 0, 0, 0)",hsl:"hsla(0, 0%, 0%, 0)"},ce=e=>{let t=e==null?void 0:e.match(At);if(!t)return[0,0,0,1];let[,n,r,o,a=1]=t;return[n,r,o,a].map(Number)},I=e=>{if(!e)return;let t=!0;if(Gt.test(e)){let[s,l,i,c]=ce(e),[d,f,g]=w.rgb.hsl([s,l,i])||[0,0,0];return{valid:t,value:e,keyword:w.rgb.keyword([s,l,i]),colorSpace:"rgb",rgb:e,hsl:`hsla(${d}, ${f}%, ${g}%, ${c})`,hex:`#${w.rgb.hex([s,l,i]).toLowerCase()}`}}if(Ut.test(e)){let[s,l,i,c]=ce(e),[d,f,g]=w.hsl.rgb([s,l,i])||[0,0,0];return{valid:t,value:e,keyword:w.hsl.keyword([s,l,i]),colorSpace:"hsl",rgb:`rgba(${d}, ${f}, ${g}, ${c})`,hsl:e,hex:`#${w.hsl.hex([s,l,i]).toLowerCase()}`}}let n=e.replace("#",""),r=w.keyword.rgb(n)||w.hex.rgb(n),o=w.rgb.hsl(r),a=e;if(/[^#a-f0-9]/i.test(e)?a=n:Y.test(e)&&(a=`#${n}`),a.startsWith("#"))t=Y.test(a);else try{w.keyword.hex(a)}catch{t=!1}return{valid:t,value:a,keyword:w.rgb.keyword(r),colorSpace:"hex",rgb:`rgba(${r[0]}, ${r[1]}, ${r[2]}, 1)`,hsl:`hsla(${o[0]}, ${o[1]}%, ${o[2]}%, 1)`,hex:a}},Qt=(e,t,n)=>{if(!e||!(t!=null&&t.valid))return L[n];if(n!=="hex")return(t==null?void 0:t[n])||L[n];if(!t.hex.startsWith("#"))try{return`#${w.keyword.hex(t.hex)}`}catch{return L.hex}let r=t.hex.match(Yt);if(!r)return Y.test(t.hex)?t.hex:L.hex;let[o,a,s]=r[1].split("");return`#${o}${o}${a}${a}${s}${s}`},Zt=(e,t)=>{let[n,r]=b.useState(e||""),[o,a]=b.useState(()=>I(n)),[s,l]=b.useState((o==null?void 0:o.colorSpace)||"hex");b.useEffect(()=>{let f=e||"",g=I(f);r(f),a(g),l((g==null?void 0:g.colorSpace)||"hex")},[e]);let i=b.useMemo(()=>Qt(n,o,s).toLowerCase(),[n,o,s]),c=b.useCallback(f=>{let g=I(f),k=(g==null?void 0:g.value)||f||"";r(k),k===""&&(a(void 0),t(void 0)),g&&(a(g),l(g.colorSpace),t(g.value))},[t]),d=b.useCallback(()=>{let f=P.indexOf(s)+1;f>=P.length&&(f=0),l(P[f]);let g=(o==null?void 0:o[P[f]])||"";r(g),t(g)},[o,s,t]);return{value:n,realValue:i,updateValue:c,color:o,colorSpace:s,cycleColorSpace:d}},W=e=>e.replace(/\s*/,"").toLowerCase(),en=(e,t,n)=>{let[r,o]=b.useState(t!=null&&t.valid?[t]:[]);b.useEffect(()=>{t===void 0&&o([])},[t]);let a=b.useMemo(()=>(e||[]).map(l=>typeof l=="string"?I(l):l.title?{...I(l.color),keyword:l.title}:I(l.color)).concat(r).filter(Boolean).slice(-27),[e,r]),s=b.useCallback(l=>{l!=null&&l.valid&&(a.some(i=>W(i[n])===W(l[n]))||o(i=>i.concat(l)))},[n,a]);return{presets:a,addPreset:s}},tn=({name:e,value:t,onChange:n,onFocus:r,onBlur:o,presetColors:a,startOpen:s=!1})=>{let l=b.useCallback(Ht(n,200),[n]),{value:i,realValue:c,updateValue:d,color:f,colorSpace:g,cycleColorSpace:k}=Zt(t,l),{presets:N,addPreset:_}=en(a,f,g),p=Jt[g];return h.createElement(Pt,null,h.createElement(Lt,{startOpen:s,closeOnOutsideClick:!0,onVisibleChange:()=>_(f),tooltip:h.createElement(qt,null,h.createElement(p,{color:c==="transparent"?"#000000":c,onChange:d,onFocus:r,onBlur:o}),N.length>0&&h.createElement(Wt,null,N.map((m,x)=>h.createElement(ue,{key:`${m.value}-${x}`,hasChrome:!1,tooltip:h.createElement(Bt,{note:m.keyword||m.value})},h.createElement(ie,{value:m[g],active:f&&W(m[g])===W(f[g]),onClick:()=>d(m.value)})))))},h.createElement(ie,{value:c,style:{margin:4}})),h.createElement(Kt,{id:Ne(e),value:i,onChange:m=>d(m.target.value),onFocus:m=>m.target.select(),placeholder:"Choose color..."}),i?h.createElement(Vt,{onClick:k}):null)},hn=tn;export{tn as ColorControl,hn as default}; diff --git a/demo-develop/assets/Column.docs-sBc01le6.js b/demo-develop/assets/Column.docs-HmyKdl0Y.js similarity index 84% rename from demo-develop/assets/Column.docs-sBc01le6.js rename to demo-develop/assets/Column.docs-HmyKdl0Y.js index d5846fc276..5fabf12194 100644 --- a/demo-develop/assets/Column.docs-sBc01le6.js +++ b/demo-develop/assets/Column.docs-HmyKdl0Y.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as o}from"./index-DlpNa54Y.js";import{M as a,d as r,P as i,e as m,f as d}from"./index-DanlQ17N.js";import{C as c,a as l}from"./Column.stories-BSIkObbz.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-C2MGObLX.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";import"./clsx-B-dksMZM.js";import"./Paragraph-B6eM4Eli.js";import"./Card-CJ7z3kOJ.js";import"./Heading-mbayTkiK.js";import"./getHeadingElement-DiRwFEz7.js";const h=` +import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as o}from"./index-DlpNa54Y.js";import{M as a,d as r,P as i,e as m,f as d}from"./index-C1H0KNfC.js";import{C as c,a as l}from"./Column.stories-topuiM3x.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-CjTW3GMG.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";import"./clsx-B-dksMZM.js";import"./Paragraph-C4jU4-Z4.js";import"./Card-vGcoej70.js";import"./Heading-CWbN3elW.js";import"./getHeadingElement-DiRwFEz7.js";const h=` # Column diff --git a/demo-develop/assets/Column.stories-BSIkObbz.js b/demo-develop/assets/Column.stories-BSIkObbz.js deleted file mode 100644 index c3ab66844c..0000000000 --- a/demo-develop/assets/Column.stories-BSIkObbz.js +++ /dev/null @@ -1,28 +0,0 @@ -import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{c as j}from"./clsx-B-dksMZM.js";import{r as C}from"./index-BwDkhjyp.js";import{P as r}from"./Paragraph-B6eM4Eli.js";import{C as a}from"./Card-CJ7z3kOJ.js";import{H as o}from"./Heading-mbayTkiK.js";const s=C.forwardRef(({as:n="div",children:h,className:g,gap:f="medium",...v},x)=>e.jsx(n,{...v,ref:x,className:j("ams-column",`ams-column--${f}`,g),children:h}));s.displayName="Column";try{s.displayName="Column",s.__docgenInfo={description:"",displayName:"Column",props:{as:{defaultValue:null,description:"The element to render the column with.",name:"as",required:!1,type:{name:"enum",value:[{value:'"article"'},{value:'"div"'},{value:'"section"'}]}},gap:{defaultValue:{value:"medium"},description:"The amount of vertical space between the column’s children.",name:"gap",required:!1,type:{name:"string"}}}}}catch{}const k=Array.from(Array(3).keys()).map(n=>e.jsx(r,{className:"ams-docs-pink-box",children:n+1},n)),b={title:"Components/Layout/Column",component:s,args:{children:k},argTypes:{gap:{control:"radio",options:["extra-small","small","medium","large","extra-large"]}}},l={},i={args:{as:"section",children:[e.jsxs(a,{children:[e.jsx(a.HeadingGroup,{tagline:"Nieuws",children:e.jsx(o,{level:2,size:"level-3",children:e.jsx(a.Link,{href:"#",children:"Nieuwe manieren om afval op te halen"})})}),e.jsx(r,{children:"Afvalboten, bakfietsen en ondergrondse containers. We experimenteren met nieuwe manieren om afval op te halen in het centrum."}),e.jsx(r,{size:"small",children:"Gepubliceerd: 1 juli 2023"})]},1),e.jsxs(a,{children:[e.jsx(a.HeadingGroup,{tagline:"Nieuws",children:e.jsx(o,{level:2,size:"level-3",children:e.jsx(a.Link,{href:"#",children:"Verlenging proef ophalen afval per boot"})})}),e.jsx(r,{children:"Een proef met het anders ophalen van afval. We halen vuilniszakken hier op met kleine wagentjes, kleine vuilniswagens en een afvalboot."}),e.jsx(r,{size:"small",children:"Gepubliceerd: 15 juni 2023"})]},2)]}};var t,m,d;l.parameters={...l.parameters,docs:{...(t=l.parameters)==null?void 0:t.docs,source:{originalSource:"{}",...(d=(m=l.parameters)==null?void 0:m.docs)==null?void 0:d.source}}};var p,c,u;i.parameters={...i.parameters,docs:{...(p=i.parameters)==null?void 0:p.docs,source:{originalSource:`{ - args: { - as: 'section', - children: [ - - - Nieuwe manieren om afval op te halen - - - - Afvalboten, bakfietsen en ondergrondse containers. We experimenteren met nieuwe manieren om afval op te halen - in het centrum. - - Gepubliceerd: 1 juli 2023 - , - - - Verlenging proef ophalen afval per boot - - - - Een proef met het anders ophalen van afval. We halen vuilniszakken hier op met kleine wagentjes, kleine - vuilniswagens en een afvalboot. - - Gepubliceerd: 15 juni 2023 - ] - } -}`,...(u=(c=i.parameters)==null?void 0:c.docs)==null?void 0:u.source}}};const y=["Default","CustomTagName"],G=Object.freeze(Object.defineProperty({__proto__:null,CustomTagName:i,Default:l,__namedExportsOrder:y,default:b},Symbol.toStringTag,{value:"Module"}));export{G as C,i as a}; diff --git a/demo-develop/assets/Column.stories-topuiM3x.js b/demo-develop/assets/Column.stories-topuiM3x.js new file mode 100644 index 0000000000..6c5edbdc99 --- /dev/null +++ b/demo-develop/assets/Column.stories-topuiM3x.js @@ -0,0 +1,28 @@ +import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{c as j}from"./clsx-B-dksMZM.js";import{r as C}from"./index-BwDkhjyp.js";import{P as r}from"./Paragraph-C4jU4-Z4.js";import{C as a}from"./Card-vGcoej70.js";import{H as o}from"./Heading-CWbN3elW.js";const s=C.forwardRef(({as:n="div",children:g,className:h,gap:f="medium",...v},x)=>e.jsx(n,{...v,ref:x,className:j("ams-column",`ams-column--${f}`,h),children:g}));s.displayName="Column";try{s.displayName="Column",s.__docgenInfo={description:"",displayName:"Column",props:{as:{defaultValue:null,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 vertical space between items.",name:"gap",required:!1,type:{name:"string"}}}}}catch{}const k=Array.from(Array(3).keys()).map(n=>e.jsx(r,{className:"ams-docs-pink-box",children:n+1},n)),b={title:"Components/Layout/Column",component:s,args:{children:k},argTypes:{gap:{control:"radio",options:["extra-small","small","medium","large","extra-large"]}}},l={},i={args:{as:"section",children:[e.jsxs(a,{children:[e.jsx(a.HeadingGroup,{tagline:"Nieuws",children:e.jsx(o,{level:2,size:"level-3",children:e.jsx(a.Link,{href:"#",children:"Nieuwe manieren om afval op te halen"})})}),e.jsx(r,{children:"Afvalboten, bakfietsen en ondergrondse containers. We experimenteren met nieuwe manieren om afval op te halen in het centrum."}),e.jsx(r,{size:"small",children:"Gepubliceerd: 1 juli 2023"})]},1),e.jsxs(a,{children:[e.jsx(a.HeadingGroup,{tagline:"Nieuws",children:e.jsx(o,{level:2,size:"level-3",children:e.jsx(a.Link,{href:"#",children:"Verlenging proef ophalen afval per boot"})})}),e.jsx(r,{children:"Een proef met het anders ophalen van afval. We halen vuilniszakken hier op met kleine wagentjes, kleine vuilniswagens en een afvalboot."}),e.jsx(r,{size:"small",children:"Gepubliceerd: 15 juni 2023"})]},2)]}};var t,m,d;l.parameters={...l.parameters,docs:{...(t=l.parameters)==null?void 0:t.docs,source:{originalSource:"{}",...(d=(m=l.parameters)==null?void 0:m.docs)==null?void 0:d.source}}};var p,c,u;i.parameters={...i.parameters,docs:{...(p=i.parameters)==null?void 0:p.docs,source:{originalSource:`{ + args: { + as: 'section', + children: [ + + + Nieuwe manieren om afval op te halen + + + + Afvalboten, bakfietsen en ondergrondse containers. We experimenteren met nieuwe manieren om afval op te halen + in het centrum. + + Gepubliceerd: 1 juli 2023 + , + + + Verlenging proef ophalen afval per boot + + + + Een proef met het anders ophalen van afval. We halen vuilniszakken hier op met kleine wagentjes, kleine + vuilniswagens en een afvalboot. + + Gepubliceerd: 15 juni 2023 + ] + } +}`,...(u=(c=i.parameters)==null?void 0:c.docs)==null?void 0:u.source}}};const y=["Default","CustomTagName"],G=Object.freeze(Object.defineProperty({__proto__:null,CustomTagName:i,Default:l,__namedExportsOrder:y,default:b},Symbol.toStringTag,{value:"Module"}));export{G as C,i as a}; diff --git a/demo-develop/assets/DateInput.docs-DQ5u9hMU.js b/demo-develop/assets/DateInput.docs-Cqy2Mkm4.js similarity index 78% rename from demo-develop/assets/DateInput.docs-DQ5u9hMU.js rename to demo-develop/assets/DateInput.docs-Cqy2Mkm4.js index 6aaa3f16de..cc43c0f91f 100644 --- a/demo-develop/assets/DateInput.docs-DQ5u9hMU.js +++ b/demo-develop/assets/DateInput.docs-Cqy2Mkm4.js @@ -1,4 +1,4 @@ -import{j as n}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as o}from"./index-DlpNa54Y.js";import{M as r,d as a,P as d,e as m,f as s}from"./index-DanlQ17N.js";import{D as c,I as p,a as l}from"./DateInput.stories-CBjnQdgV.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-C2MGObLX.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";import"./index.esm-BqSmeFgf.js";import"./clsx-B-dksMZM.js";import"./index.esm-DQkeu4as.js";const h=` +import{j as n}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as o}from"./index-DlpNa54Y.js";import{M as r,d as a,P as d,e as m,f as s}from"./index-C1H0KNfC.js";import{D as c,I as p,a as l}from"./DateInput.stories-BwrQA83e.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-CjTW3GMG.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";import"./index.esm-BLr1zrdO.js";import"./clsx-B-dksMZM.js";import"./index.esm-DQkeu4as.js";const h=` # Date Input diff --git a/demo-develop/assets/DateInput.stories-BwrQA83e.js b/demo-develop/assets/DateInput.stories-BwrQA83e.js new file mode 100644 index 0000000000..043e2da852 --- /dev/null +++ b/demo-develop/assets/DateInput.stories-BwrQA83e.js @@ -0,0 +1,12 @@ +import{D as l}from"./index.esm-BLr1zrdO.js";/** + * @license EUPL-1.2+ + * Copyright Gemeente Amsterdam + */const m={title:"Components/Forms/Date Input",component:l,args:{disabled:!1},argTypes:{disabled:{description:"Prevents interaction. Avoid if possible."}}},e={},r={args:{required:!0}},a={args:{disabled:!0}};var s,t,o;e.parameters={...e.parameters,docs:{...(s=e.parameters)==null?void 0:s.docs,source:{originalSource:"{}",...(o=(t=e.parameters)==null?void 0:t.docs)==null?void 0:o.source}}};var n,d,c;r.parameters={...r.parameters,docs:{...(n=r.parameters)==null?void 0:n.docs,source:{originalSource:`{ + args: { + required: true + } +}`,...(c=(d=r.parameters)==null?void 0:d.docs)==null?void 0:c.source}}};var i,p,u;a.parameters={...a.parameters,docs:{...(i=a.parameters)==null?void 0:i.docs,source:{originalSource:`{ + args: { + disabled: true + } +}`,...(u=(p=a.parameters)==null?void 0:p.docs)==null?void 0:u.source}}};const g=["Default","Invalid","Disabled"],D=Object.freeze(Object.defineProperty({__proto__:null,Default:e,Disabled:a,Invalid:r,__namedExportsOrder:g,default:m},Symbol.toStringTag,{value:"Module"}));export{D,r as I,a}; diff --git a/demo-develop/assets/DateInput.stories-CBjnQdgV.js b/demo-develop/assets/DateInput.stories-CBjnQdgV.js deleted file mode 100644 index eed55f27a7..0000000000 --- a/demo-develop/assets/DateInput.stories-CBjnQdgV.js +++ /dev/null @@ -1,12 +0,0 @@ -import{D as l}from"./index.esm-BqSmeFgf.js";/** - * @license EUPL-1.2+ - * Copyright Gemeente Amsterdam - */const m={title:"Components/Forms/Date Input",component:l,args:{disabled:!1}},e={},r={args:{required:!0}},a={args:{disabled:!0}};var s,t,o;e.parameters={...e.parameters,docs:{...(s=e.parameters)==null?void 0:s.docs,source:{originalSource:"{}",...(o=(t=e.parameters)==null?void 0:t.docs)==null?void 0:o.source}}};var n,c,d;r.parameters={...r.parameters,docs:{...(n=r.parameters)==null?void 0:n.docs,source:{originalSource:`{ - args: { - required: true - } -}`,...(d=(c=r.parameters)==null?void 0:c.docs)==null?void 0:d.source}}};var u,p,i;a.parameters={...a.parameters,docs:{...(u=a.parameters)==null?void 0:u.docs,source:{originalSource:`{ - args: { - disabled: true - } -}`,...(i=(p=a.parameters)==null?void 0:p.docs)==null?void 0:i.source}}};const g=["Default","Invalid","Disabled"],b=Object.freeze(Object.defineProperty({__proto__:null,Default:e,Disabled:a,Invalid:r,__namedExportsOrder:g,default:m},Symbol.toStringTag,{value:"Module"}));export{b as D,r as I,a}; diff --git a/demo-develop/assets/DescriptionList.docs-BO6kbMVh.js b/demo-develop/assets/DescriptionList.docs-DzEx3Kp8.js similarity index 86% rename from demo-develop/assets/DescriptionList.docs-BO6kbMVh.js rename to demo-develop/assets/DescriptionList.docs-DzEx3Kp8.js index a7fc2211ca..00ff6965db 100644 --- a/demo-develop/assets/DescriptionList.docs-BO6kbMVh.js +++ b/demo-develop/assets/DescriptionList.docs-DzEx3Kp8.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as i}from"./index-DlpNa54Y.js";import{M as s,d as a,P as l,e as m,f as o}from"./index-DanlQ17N.js";import{D as p,M as c,I as d}from"./DescriptionList.stories-CHBoBOIx.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-C2MGObLX.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";import"./index.esm-BqSmeFgf.js";import"./clsx-B-dksMZM.js";import"./index.esm-DQkeu4as.js";import"./decorators-Dh4yEj-W.js";import"./exampleContent-CRK3_7Hv.js";const h=` +import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as i}from"./index-DlpNa54Y.js";import{M as s,d as a,P as l,e as m,f as o}from"./index-C1H0KNfC.js";import{D as p,M as c,I as d}from"./DescriptionList.stories-Cw3gYbAH.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-CjTW3GMG.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";import"./index.esm-BLr1zrdO.js";import"./clsx-B-dksMZM.js";import"./index.esm-DQkeu4as.js";import"./decorators-Dh4yEj-W.js";import"./exampleContent-CRK3_7Hv.js";const h=` # Description List diff --git a/demo-develop/assets/DescriptionList.stories-CHBoBOIx.js b/demo-develop/assets/DescriptionList.stories-Cw3gYbAH.js similarity index 97% rename from demo-develop/assets/DescriptionList.stories-CHBoBOIx.js rename to demo-develop/assets/DescriptionList.stories-Cw3gYbAH.js index 2fecdcfcca..4fcb893325 100644 --- a/demo-develop/assets/DescriptionList.stories-CHBoBOIx.js +++ b/demo-develop/assets/DescriptionList.stories-Cw3gYbAH.js @@ -1,4 +1,4 @@ -import{j as s}from"./jsx-runtime-Nms4Y4qS.js";import{a as e}from"./index.esm-BqSmeFgf.js";import{i as u}from"./decorators-Dh4yEj-W.js";import{a as x}from"./exampleContent-CRK3_7Hv.js";const h=x(),j={title:"Components/Text/Description List",component:e,decorators:[u],args:{children:[s.jsx(e.Term,{children:"Gebied"},1),s.jsx(e.Details,{children:"Gemeente Amsterdam"},2),s.jsx(e.Term,{children:"Stadsdeel"},3),s.jsx(e.Details,{children:"West"},4),s.jsx(e.Term,{children:"Opmerkingen"},5),s.jsx(e.Details,{children:h},6)],inverseColor:!1}},r={},t={args:{children:[s.jsx(e.Term,{children:"Gebied"},1),s.jsx(e.Details,{children:"Gemeente Amsterdam"},2),s.jsx(e.Term,{children:"Stadsdeel"},3),s.jsx(e.Details,{children:"Noord"},4),s.jsx(e.Details,{children:"Oost"},5),s.jsx(e.Details,{children:"Zuid"},6),s.jsx(e.Details,{children:"West"},7)]}},i={args:{inverseColor:!0}};var o,a,n;r.parameters={...r.parameters,docs:{...(o=r.parameters)==null?void 0:o.docs,source:{originalSource:"{}",...(n=(a=r.parameters)==null?void 0:a.docs)==null?void 0:n.source}}};var c,l,d;t.parameters={...t.parameters,docs:{...(c=t.parameters)==null?void 0:c.docs,source:{originalSource:`{ +import{j as s}from"./jsx-runtime-Nms4Y4qS.js";import{a as e}from"./index.esm-BLr1zrdO.js";import{i as u}from"./decorators-Dh4yEj-W.js";import{a as x}from"./exampleContent-CRK3_7Hv.js";const h=x(),j={title:"Components/Text/Description List",component:e,decorators:[u],args:{children:[s.jsx(e.Term,{children:"Gebied"},1),s.jsx(e.Details,{children:"Gemeente Amsterdam"},2),s.jsx(e.Term,{children:"Stadsdeel"},3),s.jsx(e.Details,{children:"West"},4),s.jsx(e.Term,{children:"Opmerkingen"},5),s.jsx(e.Details,{children:h},6)],inverseColor:!1}},r={},t={args:{children:[s.jsx(e.Term,{children:"Gebied"},1),s.jsx(e.Details,{children:"Gemeente Amsterdam"},2),s.jsx(e.Term,{children:"Stadsdeel"},3),s.jsx(e.Details,{children:"Noord"},4),s.jsx(e.Details,{children:"Oost"},5),s.jsx(e.Details,{children:"Zuid"},6),s.jsx(e.Details,{children:"West"},7)]}},i={args:{inverseColor:!0}};var o,a,n;r.parameters={...r.parameters,docs:{...(o=r.parameters)==null?void 0:o.docs,source:{originalSource:"{}",...(n=(a=r.parameters)==null?void 0:a.docs)==null?void 0:n.source}}};var c,l,d;t.parameters={...t.parameters,docs:{...(c=t.parameters)==null?void 0:c.docs,source:{originalSource:`{ args: { children: [Gebied, Gemeente Amsterdam, Stadsdeel, Noord, Oost, Zuid, West] } diff --git a/demo-develop/assets/Dialog.docs-q9Xj1kAv.js b/demo-develop/assets/Dialog.docs-Dib4O5Ut.js similarity index 88% rename from demo-develop/assets/Dialog.docs-q9Xj1kAv.js rename to demo-develop/assets/Dialog.docs-Dib4O5Ut.js index e2fa6e7ce4..5454cc231e 100644 --- a/demo-develop/assets/Dialog.docs-q9Xj1kAv.js +++ b/demo-develop/assets/Dialog.docs-Dib4O5Ut.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as s}from"./index-DlpNa54Y.js";import{M as a,d as i,P as l,e as c,f as n}from"./index-DanlQ17N.js";import{D as h,W as d,T as p,V as m}from"./Dialog.stories-Dq06QMrN.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-C2MGObLX.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";import"./clsx-B-dksMZM.js";import"./Heading-mbayTkiK.js";import"./getHeadingElement-DiRwFEz7.js";import"./IconButton-B8Ra7ApA.js";import"./index.esm-DQkeu4as.js";import"./VisuallyHidden-Db-04MJ9.js";import"./Icon-tKAGJH_4.js";import"./Button-DXS7hO6e.js";import"./Paragraph-B6eM4Eli.js";const u=` +import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as s}from"./index-DlpNa54Y.js";import{M as a,d as i,P as l,e as c,f as n}from"./index-C1H0KNfC.js";import{D as h,W as d,T as p,V as m}from"./Dialog.stories-D3C0fHQf.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-CjTW3GMG.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";import"./clsx-B-dksMZM.js";import"./Heading-CWbN3elW.js";import"./getHeadingElement-DiRwFEz7.js";import"./IconButton-CFmnpWmC.js";import"./index.esm-DQkeu4as.js";import"./VisuallyHidden-Db-04MJ9.js";import"./Icon-CuaumHXX.js";import"./Button-_hHZidVy.js";import"./Paragraph-C4jU4-Z4.js";const u=` # Dialog diff --git a/demo-develop/assets/Dialog.stories-D3C0fHQf.js b/demo-develop/assets/Dialog.stories-D3C0fHQf.js new file mode 100644 index 0000000000..aac2ad9445 --- /dev/null +++ b/demo-develop/assets/Dialog.stories-D3C0fHQf.js @@ -0,0 +1,111 @@ +import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{c as B}from"./clsx-B-dksMZM.js";import{r as P}from"./index-BwDkhjyp.js";import{H as d}from"./Heading-CWbN3elW.js";import{I as C}from"./IconButton-CFmnpWmC.js";import{B as a}from"./Button-_hHZidVy.js";import{P as t}from"./Paragraph-C4jU4-Z4.js";const g=P.forwardRef(({actions:n,children:r,className:D,closeButtonLabel:z="Sluiten",title:S,..._},A)=>e.jsx("dialog",{..._,ref:A,className:B("ams-dialog",D),children:e.jsxs("form",{method:"dialog",className:"ams-dialog__form",children:[e.jsxs("header",{className:"ams-dialog__header",children:[e.jsx(d,{size:"level-4",children:S}),e.jsx(C,{formNoValidate:!0,label:z,size:"level-4"})]}),e.jsx("article",{className:"ams-dialog__article",children:r}),n&&e.jsx("footer",{className:"ams-dialog__footer",children:n})]})}));g.displayName="Dialog";try{g.displayName="Dialog",g.__docgenInfo={description:"",displayName:"Dialog",props:{actions:{defaultValue:null,description:"The button(s) in the footer. Start with a primary button.",name:"actions",required:!1,type:{name:"ReactNode"}},closeButtonLabel:{defaultValue:{value:"Sluiten"},description:"The label for the button that dismisses the Dialog.",name:"closeButtonLabel",required:!1,type:{name:"string"}}}}}catch{}const c=n=>{var r;return(r=n.currentTarget.closest("dialog"))==null?void 0:r.close()},N={title:"Components/Containers/Dialog",component:g,args:{actions:e.jsxs(e.Fragment,{children:[e.jsx(a,{type:"submit",children:"Doorgaan"}),e.jsx(a,{onClick:c,variant:"tertiary",children:"Stoppen"})]}),children:e.jsx(t,{children:"Weet u zeker dat u door wilt gaan met het uitvoeren van deze actie? Dat verwijdert gegevens die nog niet opgeslagen zijn."}),title:"Niet alle gegevens zijn opgeslagen"},argTypes:{actions:{table:{disable:!0}}}},o={args:{open:!0},argTypes:{open:{description:"Whether the dialog box is active and available for interaction."},title:{description:"The text for the heading."}},decorators:[n=>e.jsx("div",{style:{backgroundColor:"#0006",position:"absolute",width:"100%",height:"100%"},children:e.jsx(n,{})})],parameters:{layout:"fullscreen",docs:{story:{height:"32em"}}}},i={args:{actions:e.jsx(a,{onClick:c,children:"Sluiten"}),children:[e.jsx(d,{level:2,size:"level-5",children:"Algemeen"},1),e.jsx(t,{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."},2),e.jsx(t,{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."},3),e.jsx(t,{children:"Meer specifieke informatie over privacy en de verwerking van persoonsgegevens door de gemeente Amsterdam kunt u op de hoofdpagina vinden."},4),e.jsx(t,{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."},5),e.jsx(d,{level:2,size:"level-5",children:"Geldende wet- en regelgeving en reikwijdte"},6),e.jsx(t,{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."},7)],open:!0,title:"Privacyverklaring gemeente Amsterdam"},decorators:[n=>e.jsx("div",{style:{backgroundColor:"#0006",position:"absolute",width:"100%",height:"100%"},children:e.jsx(n,{})})],parameters:{layout:"fullscreen",docs:{story:{height:"100vh"}}}},s={args:{id:"openDialog"},decorators:[n=>e.jsxs("article",{children:[e.jsx(a,{onClick:()=>{var r;return(r=document.querySelector("#openDialog"))==null?void 0:r.showModal()},children:"Open Dialog"}),e.jsx(n,{})]})]},l={args:{actions:e.jsxs(e.Fragment,{children:[e.jsx(a,{type:"submit",children:"Lange teksten op deze knoppen"}),e.jsx(a,{onClick:c,variant:"tertiary",children:"Om verticaal stapelen te demonstreren"})]}),open:!0},decorators:[n=>e.jsx("div",{style:{backgroundColor:"#0006",position:"absolute",width:"100%",height:"100%"},children:e.jsx(n,{})})],parameters:{layout:"fullscreen",docs:{story:{height:"32em"}}}};var p,m,v;o.parameters={...o.parameters,docs:{...(p=o.parameters)==null?void 0:p.docs,source:{originalSource:`{ + args: { + open: true + }, + argTypes: { + open: { + description: 'Whether the dialog box is active and available for interaction.' + }, + title: { + description: 'The text for the heading.' + } + }, + decorators: [Story =>
    + +
    ], + parameters: { + layout: 'fullscreen', + docs: { + story: { + height: '32em' + } + } + } +}`,...(v=(m=o.parameters)==null?void 0:m.docs)==null?void 0:v.source}}};var u,h,k;i.parameters={...i.parameters,docs:{...(u=i.parameters)==null?void 0:u.docs,source:{originalSource:`{ + args: { + actions: , + children: [ + Algemeen + , + 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. + , + 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. + , + Meer specifieke informatie over privacy en de verwerking van persoonsgegevens door de gemeente Amsterdam kunt u + op de hoofdpagina vinden. + , + 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. + , + Geldende wet- en regelgeving en reikwijdte + , + 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. + ], + open: true, + title: 'Privacyverklaring gemeente Amsterdam' + }, + decorators: [Story =>
    + +
    ], + parameters: { + layout: 'fullscreen', + docs: { + story: { + height: '100vh' + } + } + } +}`,...(k=(h=i.parameters)==null?void 0:h.docs)==null?void 0:k.source}}};var w,y,j;s.parameters={...s.parameters,docs:{...(w=s.parameters)==null?void 0:w.docs,source:{originalSource:`{ + args: { + id: 'openDialog' + }, + decorators: [Story =>
    + + +
    ] +}`,...(j=(y=s.parameters)==null?void 0:y.docs)==null?void 0:j.source}}};var f,b,x;l.parameters={...l.parameters,docs:{...(f=l.parameters)==null?void 0:f.docs,source:{originalSource:`{ + args: { + actions: <> + + + , + open: true + }, + decorators: [Story =>
    + +
    ], + parameters: { + layout: 'fullscreen', + docs: { + story: { + height: '32em' + } + } + } +}`,...(x=(b=l.parameters)==null?void 0:b.docs)==null?void 0:x.source}}};const T=["Default","WithScrollbar","TriggerButton","VerticalButtons"],q=Object.freeze(Object.defineProperty({__proto__:null,Default:o,TriggerButton:s,VerticalButtons:l,WithScrollbar:i,__namedExportsOrder:T,default:N},Symbol.toStringTag,{value:"Module"}));export{q as D,s as T,l as V,i as W}; diff --git a/demo-develop/assets/Dialog.stories-Dq06QMrN.js b/demo-develop/assets/Dialog.stories-Dq06QMrN.js deleted file mode 100644 index a1d8d609b6..0000000000 --- a/demo-develop/assets/Dialog.stories-Dq06QMrN.js +++ /dev/null @@ -1,103 +0,0 @@ -import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{c as B}from"./clsx-B-dksMZM.js";import{r as P}from"./index-BwDkhjyp.js";import{H as d}from"./Heading-mbayTkiK.js";import{I as C}from"./IconButton-B8Ra7ApA.js";import{B as o}from"./Button-DXS7hO6e.js";import{P as a}from"./Paragraph-B6eM4Eli.js";const g=P.forwardRef(({actions:n,children:r,className:D,closeButtonLabel:z="Sluiten",title:S,..._},A)=>e.jsx("dialog",{..._,ref:A,className:B("ams-dialog",D),children:e.jsxs("form",{method:"dialog",className:"ams-dialog__form",children:[e.jsxs("header",{className:"ams-dialog__header",children:[e.jsx(d,{size:"level-4",children:S}),e.jsx(C,{formNoValidate:!0,label:z,size:"level-4"})]}),e.jsx("article",{className:"ams-dialog__article",children:r}),n&&e.jsx("footer",{className:"ams-dialog__footer",children:n})]})}));g.displayName="Dialog";try{g.displayName="Dialog",g.__docgenInfo={description:"",displayName:"Dialog",props:{actions:{defaultValue:null,description:"Children for the footer of the dialog, like a save or close button.",name:"actions",required:!1,type:{name:"ReactNode"}},closeButtonLabel:{defaultValue:{value:"Sluiten"},description:"The label for the button that dismisses the Dialog.",name:"closeButtonLabel",required:!1,type:{name:"string"}}}}}catch{}const c=n=>{var r;return(r=n.currentTarget.closest("dialog"))==null?void 0:r.close()},N={title:"Components/Containers/Dialog",component:g,args:{actions:e.jsxs(e.Fragment,{children:[e.jsx(o,{type:"submit",children:"Doorgaan"}),e.jsx(o,{onClick:c,variant:"tertiary",children:"Stoppen"})]}),children:e.jsx(a,{children:"Weet u zeker dat u door wilt gaan met het uitvoeren van deze actie? Dat verwijdert gegevens die nog niet opgeslagen zijn."}),title:"Niet alle gegevens zijn opgeslagen"},argTypes:{actions:{table:{disable:!0}}}},t={args:{open:!0},decorators:[n=>e.jsx("div",{style:{backgroundColor:"#0006",position:"absolute",width:"100%",height:"100%"},children:e.jsx(n,{})})],parameters:{layout:"fullscreen",docs:{story:{height:"32em"}}}},s={args:{actions:e.jsx(o,{onClick:c,children:"Sluiten"}),children:[e.jsx(d,{level:2,size:"level-5",children:"Algemeen"},1),e.jsx(a,{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."},2),e.jsx(a,{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."},3),e.jsx(a,{children:"Meer specifieke informatie over privacy en de verwerking van persoonsgegevens door de gemeente Amsterdam kunt u op de hoofdpagina vinden."},4),e.jsx(a,{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."},5),e.jsx(d,{level:2,size:"level-5",children:"Geldende wet- en regelgeving en reikwijdte"},6),e.jsx(a,{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."},7)],open:!0,title:"Privacyverklaring gemeente Amsterdam"},decorators:[n=>e.jsx("div",{style:{backgroundColor:"#0006",position:"absolute",width:"100%",height:"100%"},children:e.jsx(n,{})})],parameters:{layout:"fullscreen",docs:{story:{height:"100vh"}}}},i={args:{id:"openDialog"},decorators:[n=>e.jsxs("article",{children:[e.jsx(o,{onClick:()=>{var r;return(r=document.querySelector("#openDialog"))==null?void 0:r.showModal()},children:"Open Dialog"}),e.jsx(n,{})]})]},l={args:{actions:e.jsxs(e.Fragment,{children:[e.jsx(o,{type:"submit",children:"Lange teksten op deze knoppen"}),e.jsx(o,{onClick:c,variant:"tertiary",children:"Om verticaal stapelen te demonstreren"})]}),open:!0},decorators:[n=>e.jsx("div",{style:{backgroundColor:"#0006",position:"absolute",width:"100%",height:"100%"},children:e.jsx(n,{})})],parameters:{layout:"fullscreen",docs:{story:{height:"32em"}}}};var m,p,u;t.parameters={...t.parameters,docs:{...(m=t.parameters)==null?void 0:m.docs,source:{originalSource:`{ - args: { - open: true - }, - decorators: [Story =>
    - -
    ], - parameters: { - layout: 'fullscreen', - docs: { - story: { - height: '32em' - } - } - } -}`,...(u=(p=t.parameters)==null?void 0:p.docs)==null?void 0:u.source}}};var v,h,k;s.parameters={...s.parameters,docs:{...(v=s.parameters)==null?void 0:v.docs,source:{originalSource:`{ - args: { - actions: , - children: [ - Algemeen - , - 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. - , - 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. - , - Meer specifieke informatie over privacy en de verwerking van persoonsgegevens door de gemeente Amsterdam kunt u - op de hoofdpagina vinden. - , - 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. - , - Geldende wet- en regelgeving en reikwijdte - , - 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. - ], - open: true, - title: 'Privacyverklaring gemeente Amsterdam' - }, - decorators: [Story =>
    - -
    ], - parameters: { - layout: 'fullscreen', - docs: { - story: { - height: '100vh' - } - } - } -}`,...(k=(h=s.parameters)==null?void 0:h.docs)==null?void 0:k.source}}};var w,j,y;i.parameters={...i.parameters,docs:{...(w=i.parameters)==null?void 0:w.docs,source:{originalSource:`{ - args: { - id: 'openDialog' - }, - decorators: [Story =>
    - - -
    ] -}`,...(y=(j=i.parameters)==null?void 0:j.docs)==null?void 0:y.source}}};var f,b,x;l.parameters={...l.parameters,docs:{...(f=l.parameters)==null?void 0:f.docs,source:{originalSource:`{ - args: { - actions: <> - - - , - open: true - }, - decorators: [Story =>
    - -
    ], - parameters: { - layout: 'fullscreen', - docs: { - story: { - height: '32em' - } - } - } -}`,...(x=(b=l.parameters)==null?void 0:b.docs)==null?void 0:x.source}}};const V=["Default","WithScrollbar","TriggerButton","VerticalButtons"],q=Object.freeze(Object.defineProperty({__proto__:null,Default:t,TriggerButton:i,VerticalButtons:l,WithScrollbar:s,__namedExportsOrder:V,default:N},Symbol.toStringTag,{value:"Module"}));export{q as D,i as T,l as V,s as W}; diff --git a/demo-develop/assets/DocsRenderer-K4EAMTCU-BPQFsmV5.js b/demo-develop/assets/DocsRenderer-K4EAMTCU-BPi93slr.js similarity index 90% rename from demo-develop/assets/DocsRenderer-K4EAMTCU-BPQFsmV5.js rename to demo-develop/assets/DocsRenderer-K4EAMTCU-BPi93slr.js index d801c7ad34..7e81f4cb0c 100644 --- a/demo-develop/assets/DocsRenderer-K4EAMTCU-BPQFsmV5.js +++ b/demo-develop/assets/DocsRenderer-K4EAMTCU-BPi93slr.js @@ -1,2 +1,2 @@ const __vite__fileDeps=["./index-DlpNa54Y.js","./index-BwDkhjyp.js","./_commonjsHelpers-BosuxZz1.js"],__vite__mapDeps=i=>i.map(i=>__vite__fileDeps[i]); -import{_ as p}from"./iframe-C2MGObLX.js";import{R as e,r as c}from"./index-BwDkhjyp.js";import{r as l,u}from"./react-18-CdTkaE-n.js";import{C as h,A as E,H as d,D as x}from"./index-DanlQ17N.js";import"../sb-preview/runtime.js";import"./_commonjsHelpers-BosuxZz1.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";var _={code:h,a:E,...d},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)}},H=class{constructor(){this.render=async(t,r,o)=>{let n={..._,...r==null?void 0:r.components},s=x;return new Promise((m,a)=>{p(()=>import("./index-DlpNa54Y.js"),__vite__mapDeps([0,1,2]),import.meta.url).then(({MDXProvider:i})=>l(e.createElement(D,{showException:a,key:Math.random()},e.createElement(i,{components:n},e.createElement(s,{context:t,docsParameter:r}))),o)).then(()=>m())})},this.unmount=t=>{u(t)}}};export{H as DocsRenderer,_ as defaultComponents}; +import{_ as p}from"./iframe-CjTW3GMG.js";import{R as e,r as c}from"./index-BwDkhjyp.js";import{r as l,u}from"./react-18-CdTkaE-n.js";import{C as h,A as E,H as d,D as x}from"./index-C1H0KNfC.js";import"../sb-preview/runtime.js";import"./_commonjsHelpers-BosuxZz1.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";var _={code:h,a:E,...d},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)}},H=class{constructor(){this.render=async(t,r,o)=>{let n={..._,...r==null?void 0:r.components},s=x;return new Promise((m,a)=>{p(()=>import("./index-DlpNa54Y.js"),__vite__mapDeps([0,1,2]),import.meta.url).then(({MDXProvider:i})=>l(e.createElement(D,{showException:a,key:Math.random()},e.createElement(i,{components:n},e.createElement(s,{context:t,docsParameter:r}))),o)).then(()=>m())})},this.unmount=t=>{u(t)}}};export{H as DocsRenderer,_ as defaultComponents}; diff --git a/demo-develop/assets/Field.docs-JApSnxz0.js b/demo-develop/assets/Field.docs-IMsEE1vz.js similarity index 76% rename from demo-develop/assets/Field.docs-JApSnxz0.js rename to demo-develop/assets/Field.docs-IMsEE1vz.js index fe1f76ca28..ce44129a59 100644 --- a/demo-develop/assets/Field.docs-JApSnxz0.js +++ b/demo-develop/assets/Field.docs-IMsEE1vz.js @@ -1,4 +1,4 @@ -import{j as t}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as o}from"./index-DlpNa54Y.js";import{M as e,d as s,P as a,e as m,f as p}from"./index-DanlQ17N.js";import{F as d,W as l}from"./Field.stories-DW2NbZf9.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-C2MGObLX.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";import"./index.esm-BqSmeFgf.js";import"./clsx-B-dksMZM.js";import"./index.esm-DQkeu4as.js";import"./Label-7rbJKFpg.js";import"./Paragraph-B6eM4Eli.js";const c=` +import{j as t}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as o}from"./index-DlpNa54Y.js";import{M as e,d as s,P as a,e as m,f as p}from"./index-C1H0KNfC.js";import{F as d,W as l}from"./Field.stories-DtHlEe7D.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-CjTW3GMG.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";import"./index.esm-BLr1zrdO.js";import"./clsx-B-dksMZM.js";import"./index.esm-DQkeu4as.js";import"./Label-7rbJKFpg.js";import"./Paragraph-C4jU4-Z4.js";const c=` # Field diff --git a/demo-develop/assets/Field.stories-DW2NbZf9.js b/demo-develop/assets/Field.stories-DtHlEe7D.js similarity index 94% rename from demo-develop/assets/Field.stories-DW2NbZf9.js rename to demo-develop/assets/Field.stories-DtHlEe7D.js index d8135e551c..aa8ff707ab 100644 --- a/demo-develop/assets/Field.stories-DW2NbZf9.js +++ b/demo-develop/assets/Field.stories-DtHlEe7D.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{T as c}from"./index.esm-BqSmeFgf.js";import{c as x}from"./clsx-B-dksMZM.js";import{r as j}from"./index-BwDkhjyp.js";import{L as m}from"./Label-7rbJKFpg.js";import{P as u}from"./Paragraph-B6eM4Eli.js";const r=j.forwardRef(({children:i,className:v,invalid:g,...h},f)=>e.jsx("div",{...h,ref:f,className:x("ams-field",g&&"ams-field--invalid",v),children:i}));r.displayName="Field";try{r.displayName="Field",r.__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 y={title:"Components/Forms/Field",component:r,args:{invalid:!1},render:i=>e.jsxs(r,{invalid:i.invalid,children:[e.jsx(m,{htmlFor:"input1",children:"Waar gaat het om?"}),e.jsx(u,{id:"description1",size:"small",children:"Typ geen persoonsgegevens in deze omschrijving. We vragen dit later in dit formulier aan u."}),e.jsx(c,{id:"input1","aria-describedby":"description1","aria-invalid":i.invalid?!0:void 0})]})},a={},n={args:{invalid:!0},render:i=>e.jsxs(r,{invalid:i.invalid,children:[e.jsx(m,{htmlFor:"input2",children:"Waar gaat het om?"}),e.jsx(u,{id:"description2",size:"small",children:"Typ geen persoonsgegevens in deze omschrijving. We vragen dit later in dit formulier aan u."}),e.jsx(c,{id:"input2","aria-describedby":"description2","aria-invalid":i.invalid?!0:void 0})]})};var s,t,d;a.parameters={...a.parameters,docs:{...(s=a.parameters)==null?void 0:s.docs,source:{originalSource:"{}",...(d=(t=a.parameters)==null?void 0:t.docs)==null?void 0:d.source}}};var o,l,p;n.parameters={...n.parameters,docs:{...(o=n.parameters)==null?void 0:o.docs,source:{originalSource:`{ +import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{T as c}from"./index.esm-BLr1zrdO.js";import{c as x}from"./clsx-B-dksMZM.js";import{r as j}from"./index-BwDkhjyp.js";import{L as m}from"./Label-7rbJKFpg.js";import{P as u}from"./Paragraph-C4jU4-Z4.js";const r=j.forwardRef(({children:i,className:v,invalid:g,...h},f)=>e.jsx("div",{...h,ref:f,className:x("ams-field",g&&"ams-field--invalid",v),children:i}));r.displayName="Field";try{r.displayName="Field",r.__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 y={title:"Components/Forms/Field",component:r,args:{invalid:!1},render:i=>e.jsxs(r,{invalid:i.invalid,children:[e.jsx(m,{htmlFor:"input1",children:"Waar gaat het om?"}),e.jsx(u,{id:"description1",size:"small",children:"Typ geen persoonsgegevens in deze omschrijving. We vragen dit later in dit formulier aan u."}),e.jsx(c,{id:"input1","aria-describedby":"description1","aria-invalid":i.invalid?!0:void 0})]})},a={},n={args:{invalid:!0},render:i=>e.jsxs(r,{invalid:i.invalid,children:[e.jsx(m,{htmlFor:"input2",children:"Waar gaat het om?"}),e.jsx(u,{id:"description2",size:"small",children:"Typ geen persoonsgegevens in deze omschrijving. We vragen dit later in dit formulier aan u."}),e.jsx(c,{id:"input2","aria-describedby":"description2","aria-invalid":i.invalid?!0:void 0})]})};var s,t,d;a.parameters={...a.parameters,docs:{...(s=a.parameters)==null?void 0:s.docs,source:{originalSource:"{}",...(d=(t=a.parameters)==null?void 0:t.docs)==null?void 0:d.source}}};var o,l,p;n.parameters={...n.parameters,docs:{...(o=n.parameters)==null?void 0:o.docs,source:{originalSource:`{ args: { invalid: true }, diff --git a/demo-develop/assets/Fieldset-BdWirkiG.js b/demo-develop/assets/Fieldset-BdWirkiG.js new file mode 100644 index 0000000000..6fc524a907 --- /dev/null +++ b/demo-develop/assets/Fieldset-BdWirkiG.js @@ -0,0 +1 @@ +import{j as t}from"./jsx-runtime-Nms4Y4qS.js";import{c as l}from"./clsx-B-dksMZM.js";import{r as o}from"./index-BwDkhjyp.js";const e=o.forwardRef(({children:s,className:r,legend:a,...d},i)=>t.jsxs("fieldset",{...d,ref:i,className:l("ams-fieldset",r),children:[t.jsx("legend",{className:"ams-fieldset__legend",children:a}),s]}));e.displayName="Fieldset";try{e.displayName="Fieldset",e.__docgenInfo={description:"",displayName:"Fieldset",props:{legend:{defaultValue:null,description:"The text for the caption.",name:"legend",required:!0,type:{name:"string"}}}}}catch{}export{e as F}; diff --git a/demo-develop/assets/Fieldset-CGMBgOBg.js b/demo-develop/assets/Fieldset-CGMBgOBg.js deleted file mode 100644 index 28aabc06da..0000000000 --- a/demo-develop/assets/Fieldset-CGMBgOBg.js +++ /dev/null @@ -1 +0,0 @@ -import{j as r}from"./jsx-runtime-Nms4Y4qS.js";import{c as i}from"./clsx-B-dksMZM.js";import{r as o}from"./index-BwDkhjyp.js";const e=o.forwardRef(({children:s,className:t,legend:a,...d},l)=>r.jsxs("fieldset",{...d,ref:l,className:i("ams-fieldset",t),children:[r.jsx("legend",{className:"ams-fieldset__legend",children:a}),s]}));e.displayName="Fieldset";try{e.displayName="Fieldset",e.__docgenInfo={description:"",displayName:"Fieldset",props:{legend:{defaultValue:null,description:"",name:"legend",required:!0,type:{name:"string"}}}}}catch{}export{e as F}; diff --git a/demo-develop/assets/Fieldset.docs-Ydk15_-i.js b/demo-develop/assets/Fieldset.docs-RBpY9EQ9.js similarity index 83% rename from demo-develop/assets/Fieldset.docs-Ydk15_-i.js rename to demo-develop/assets/Fieldset.docs-RBpY9EQ9.js index c56addac8a..fa1b37c13c 100644 --- a/demo-develop/assets/Fieldset.docs-Ydk15_-i.js +++ b/demo-develop/assets/Fieldset.docs-RBpY9EQ9.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as s}from"./index-DlpNa54Y.js";import{M as r,d as i,P as p,e as a,f as l}from"./index-DanlQ17N.js";import{F as d,C as u}from"./Fieldset.stories-CnivnYGZ.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-C2MGObLX.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";import"./Fieldset-CGMBgOBg.js";import"./clsx-B-dksMZM.js";import"./Checkbox-BZSBAJW8.js";const m=` +import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as s}from"./index-DlpNa54Y.js";import{M as r,d as i,P as p,e as a,f as l}from"./index-C1H0KNfC.js";import{F as d,C as u}from"./Fieldset.stories-C3WPZRpe.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-CjTW3GMG.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";import"./Fieldset-BdWirkiG.js";import"./clsx-B-dksMZM.js";import"./Checkbox-Dnr-vBw_.js";const m=` # Fieldset diff --git a/demo-develop/assets/Fieldset.stories-CnivnYGZ.js b/demo-develop/assets/Fieldset.stories-C3WPZRpe.js similarity index 95% rename from demo-develop/assets/Fieldset.stories-CnivnYGZ.js rename to demo-develop/assets/Fieldset.stories-C3WPZRpe.js index 6461f6bfda..5ea6457511 100644 --- a/demo-develop/assets/Fieldset.stories-CnivnYGZ.js +++ b/demo-develop/assets/Fieldset.stories-C3WPZRpe.js @@ -1,4 +1,4 @@ -import{j as o}from"./jsx-runtime-Nms4Y4qS.js";import{F as l}from"./Fieldset-CGMBgOBg.js";import{C as s}from"./Checkbox-BZSBAJW8.js";const m={title:"Components/Forms/Fieldset",component:l,args:{children:"Body van de fieldset",legend:"Label van de fieldset"}},e={},r={args:{children:[o.jsx(s,{children:"Horecabedrijf"},1),o.jsx(s,{children:"Ander soort bedrijf"},2),o.jsx(s,{children:"Evenement"},3),o.jsx(s,{children:"Iets anders"},4)],legend:"Waar gaat uw melding over?"}};var a,t,n;e.parameters={...e.parameters,docs:{...(a=e.parameters)==null?void 0:a.docs,source:{originalSource:"{}",...(n=(t=e.parameters)==null?void 0:t.docs)==null?void 0:n.source}}};var c,d,i;r.parameters={...r.parameters,docs:{...(c=r.parameters)==null?void 0:c.docs,source:{originalSource:`{ +import{j as o}from"./jsx-runtime-Nms4Y4qS.js";import{F as l}from"./Fieldset-BdWirkiG.js";import{C as s}from"./Checkbox-Dnr-vBw_.js";const m={title:"Components/Forms/Fieldset",component:l,args:{children:"Body van de fieldset",legend:"Label van de fieldset"}},e={},r={args:{children:[o.jsx(s,{children:"Horecabedrijf"},1),o.jsx(s,{children:"Ander soort bedrijf"},2),o.jsx(s,{children:"Evenement"},3),o.jsx(s,{children:"Iets anders"},4)],legend:"Waar gaat uw melding over?"}};var a,t,n;e.parameters={...e.parameters,docs:{...(a=e.parameters)==null?void 0:a.docs,source:{originalSource:"{}",...(n=(t=e.parameters)==null?void 0:t.docs)==null?void 0:n.source}}};var c,d,i;r.parameters={...r.parameters,docs:{...(c=r.parameters)==null?void 0:c.docs,source:{originalSource:`{ args: { children: [Horecabedrijf, Ander soort bedrijf, Evenement, Iets anders], legend: 'Waar gaat uw melding over?' diff --git a/demo-develop/assets/Footer.docs-CUIurmt6.js b/demo-develop/assets/Footer.docs-DmcEX8dY.js similarity index 72% rename from demo-develop/assets/Footer.docs-CUIurmt6.js rename to demo-develop/assets/Footer.docs-DmcEX8dY.js index 9070ce0f4f..c1e2f090dd 100644 --- a/demo-develop/assets/Footer.docs-CUIurmt6.js +++ b/demo-develop/assets/Footer.docs-DmcEX8dY.js @@ -1,4 +1,4 @@ -import{j as o}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as i}from"./index-DlpNa54Y.js";import{M as r,d as s,P as a}from"./index-DanlQ17N.js";import{F as m}from"./Footer.stories-DAjOJWD9.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-C2MGObLX.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";import"./index.esm-DQkeu4as.js";import"./clsx-B-dksMZM.js";import"./Spotlight-BnYY0WBj.js";import"./VisuallyHidden-Db-04MJ9.js";import"./Grid-qe23dp1l.js";import"./LinkList-Cj5_Zz5z.js";import"./Icon-tKAGJH_4.js";import"./Heading-mbayTkiK.js";import"./getHeadingElement-DiRwFEz7.js";import"./Paragraph-B6eM4Eli.js";import"./PageMenu-C8WrLt97.js";const p=` +import{j as o}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as i}from"./index-DlpNa54Y.js";import{M as r,d as s,P as a}from"./index-C1H0KNfC.js";import{F as m}from"./Footer.stories-lE_0oTJ5.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-CjTW3GMG.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";import"./index.esm-DQkeu4as.js";import"./clsx-B-dksMZM.js";import"./Spotlight-DLLZALiQ.js";import"./VisuallyHidden-Db-04MJ9.js";import"./Grid-CwB6HQaq.js";import"./LinkList-DB6g-rx2.js";import"./Icon-CuaumHXX.js";import"./Heading-CWbN3elW.js";import"./getHeadingElement-DiRwFEz7.js";import"./Paragraph-C4jU4-Z4.js";import"./PageMenu-DQ_snOzP.js";const p=` # Footer diff --git a/demo-develop/assets/Footer.stories-DAjOJWD9.js b/demo-develop/assets/Footer.stories-lE_0oTJ5.js similarity index 95% rename from demo-develop/assets/Footer.stories-DAjOJWD9.js rename to demo-develop/assets/Footer.stories-lE_0oTJ5.js index b04d2142be..4e43b8ccb6 100644 --- a/demo-develop/assets/Footer.stories-DAjOJWD9.js +++ b/demo-develop/assets/Footer.stories-lE_0oTJ5.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{c as j,g as z}from"./index.esm-DQkeu4as.js";import{c}from"./clsx-B-dksMZM.js";import{r as k}from"./index-BwDkhjyp.js";import{S as y}from"./Spotlight-BnYY0WBj.js";import{V as p}from"./VisuallyHidden-Db-04MJ9.js";import{G as i}from"./Grid-qe23dp1l.js";import{L as n}from"./LinkList-Cj5_Zz5z.js";import{H as l}from"./Heading-mbayTkiK.js";import{P as g}from"./Paragraph-B6eM4Eli.js";import{P as m}from"./PageMenu-C8WrLt97.js";const f=k.forwardRef(({children:r,className:o,...a},s)=>e.jsx("div",{...a,ref:s,className:c("ams-footer__bottom",o),children:r}));f.displayName="Footer.Bottom";try{Footer.Bottom.displayName="Footer.Bottom",Footer.Bottom.__docgenInfo={description:"",displayName:"Footer.Bottom",props:{}}}catch{}const v=k.forwardRef(({children:r,className:o,...a},s)=>e.jsx(y,{...a,color:"dark-blue",ref:s,className:c("ams-footer__top",o),children:r}));v.displayName="Footer.Top";try{Footer.Top.displayName="Footer.Top",Footer.Top.__docgenInfo={description:"",displayName:"Footer.Top",props:{}}}catch{}const x=k.forwardRef(({children:r,className:o,...a},s)=>e.jsx("footer",{...a,ref:s,className:c("ams-footer",o),children:r}));x.displayName="Footer";const d=Object.assign(x,{Bottom:f,Top:v});try{d.displayName="Footer",d.__docgenInfo={description:"",displayName:"Footer",props:{}}}catch{}const _={title:"Components/Containers/Footer",component:d},t={args:{children:[e.jsxs(d.Top,{children:[e.jsx(p,{children:e.jsx(l,{children:"Colofon"})}),e.jsxs(i,{gapVertical:"large",paddingVertical:"medium",children:[e.jsx(i.Cell,{span:3,children:e.jsxs("div",{style:{display:"grid",gap:"2.5rem"},children:[e.jsx(l,{level:2,size:"level-4",inverseColor:!0,children:"Contact"}),e.jsx(g,{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:j,onBackground:"dark",size:"small",children:"E-mail"}),e.jsx(n.Link,{href:"tel:+31202510333",icon:z,onBackground:"dark",size:"small",children:"020 251 0333"})]})]})}),e.jsx(i.Cell,{span:3,start:{narrow:1,medium:5,wide:5},children:e.jsxs("div",{style:{display:"grid",gap:"2.5rem"},children:[e.jsx(l,{level:2,size:"level-4",inverseColor:!0,children:"Panels en enquêtes"}),e.jsx(g,{size:"small",inverseColor:!0,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:"#",onBackground:"dark",rel:"external",size:"small",children:"Meedoen aan onderzoek"}),e.jsx(n.Link,{href:"#",onBackground:"dark",rel:"external",size:"small",children:"Panel Amsterdam"}),e.jsx(n.Link,{href:"#",onBackground:"dark",rel:"external",size:"small",children:"Stadspaspanel Amsterdam"})]})]})}),e.jsx(i.Cell,{span:3,start:{narrow:1,medium:1,wide:9},children:e.jsxs("div",{style:{display:"grid",gap:"2.5rem"},children:[e.jsx(l,{level:2,size:"level-4",inverseColor:!0,children:"Onderzoek en Statistiek"}),e.jsxs(n,{children:[e.jsx(n.Link,{href:"#",onBackground:"dark",size:"small",children:"Over Onderzoek en Statistiek"}),e.jsx(n.Link,{href:"#",onBackground:"dark",size:"small",children:"Veelgestelde vragen"}),e.jsx(n.Link,{href:"#",onBackground:"dark",rel:"external",size:"small",children:"Nieuwsbrief"}),e.jsx(n.Link,{href:"#",onBackground:"dark",size:"small",children:"Vacatures"})]})]})})]})]},"footer-top"),e.jsxs(d.Bottom,{children:[e.jsx(p,{children:e.jsx(l,{level:2,children:"Over deze website"})}),e.jsx(i,{paddingVertical:"small",children:e.jsx(i.Cell,{span:"all",children:e.jsxs(m,{children:[e.jsx(m.Link,{href:"#",children:"Privacy"}),e.jsx(m.Link,{href:"#",children:"Toegankelijkheid"})]})})})]},"footer-bottom")]}};var L,h,u;t.parameters={...t.parameters,docs:{...(L=t.parameters)==null?void 0:L.docs,source:{originalSource:`{ +import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{c as j,g as z}from"./index.esm-DQkeu4as.js";import{c}from"./clsx-B-dksMZM.js";import{r as k}from"./index-BwDkhjyp.js";import{S as y}from"./Spotlight-DLLZALiQ.js";import{V as p}from"./VisuallyHidden-Db-04MJ9.js";import{G as i}from"./Grid-CwB6HQaq.js";import{L as n}from"./LinkList-DB6g-rx2.js";import{H as l}from"./Heading-CWbN3elW.js";import{P as g}from"./Paragraph-C4jU4-Z4.js";import{P as m}from"./PageMenu-DQ_snOzP.js";const f=k.forwardRef(({children:r,className:o,...a},s)=>e.jsx("div",{...a,ref:s,className:c("ams-footer__bottom",o),children:r}));f.displayName="Footer.Bottom";try{Footer.Bottom.displayName="Footer.Bottom",Footer.Bottom.__docgenInfo={description:"",displayName:"Footer.Bottom",props:{}}}catch{}const v=k.forwardRef(({children:r,className:o,...a},s)=>e.jsx(y,{...a,color:"dark-blue",ref:s,className:c("ams-footer__top",o),children:r}));v.displayName="Footer.Top";try{Footer.Top.displayName="Footer.Top",Footer.Top.__docgenInfo={description:"",displayName:"Footer.Top",props:{}}}catch{}const x=k.forwardRef(({children:r,className:o,...a},s)=>e.jsx("footer",{...a,ref:s,className:c("ams-footer",o),children:r}));x.displayName="Footer";const d=Object.assign(x,{Bottom:f,Top:v});try{d.displayName="Footer",d.__docgenInfo={description:"",displayName:"Footer",props:{}}}catch{}const _={title:"Components/Containers/Footer",component:d},t={args:{children:[e.jsxs(d.Top,{children:[e.jsx(p,{children:e.jsx(l,{children:"Colofon"})}),e.jsxs(i,{gapVertical:"large",paddingVertical:"medium",children:[e.jsx(i.Cell,{span:3,children:e.jsxs("div",{style:{display:"grid",gap:"2.5rem"},children:[e.jsx(l,{level:2,size:"level-4",inverseColor:!0,children:"Contact"}),e.jsx(g,{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:j,onBackground:"dark",size:"small",children:"E-mail"}),e.jsx(n.Link,{href:"tel:+31202510333",icon:z,onBackground:"dark",size:"small",children:"020 251 0333"})]})]})}),e.jsx(i.Cell,{span:3,start:{narrow:1,medium:5,wide:5},children:e.jsxs("div",{style:{display:"grid",gap:"2.5rem"},children:[e.jsx(l,{level:2,size:"level-4",inverseColor:!0,children:"Panels en enquêtes"}),e.jsx(g,{size:"small",inverseColor:!0,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:"#",onBackground:"dark",rel:"external",size:"small",children:"Meedoen aan onderzoek"}),e.jsx(n.Link,{href:"#",onBackground:"dark",rel:"external",size:"small",children:"Panel Amsterdam"}),e.jsx(n.Link,{href:"#",onBackground:"dark",rel:"external",size:"small",children:"Stadspaspanel Amsterdam"})]})]})}),e.jsx(i.Cell,{span:3,start:{narrow:1,medium:1,wide:9},children:e.jsxs("div",{style:{display:"grid",gap:"2.5rem"},children:[e.jsx(l,{level:2,size:"level-4",inverseColor:!0,children:"Onderzoek en Statistiek"}),e.jsxs(n,{children:[e.jsx(n.Link,{href:"#",onBackground:"dark",size:"small",children:"Over Onderzoek en Statistiek"}),e.jsx(n.Link,{href:"#",onBackground:"dark",size:"small",children:"Veelgestelde vragen"}),e.jsx(n.Link,{href:"#",onBackground:"dark",rel:"external",size:"small",children:"Nieuwsbrief"}),e.jsx(n.Link,{href:"#",onBackground:"dark",size:"small",children:"Vacatures"})]})]})})]})]},"footer-top"),e.jsxs(d.Bottom,{children:[e.jsx(p,{children:e.jsx(l,{level:2,children:"Over deze website"})}),e.jsx(i,{paddingVertical:"small",children:e.jsx(i.Cell,{span:"all",children:e.jsxs(m,{children:[e.jsx(m.Link,{href:"#",children:"Privacy"}),e.jsx(m.Link,{href:"#",children:"Toegankelijkheid"})]})})})]},"footer-bottom")]}};var L,h,u;t.parameters={...t.parameters,docs:{...(L=t.parameters)==null?void 0:L.docs,source:{originalSource:`{ args: { children: [ diff --git a/demo-develop/assets/FormFieldCharacterCounter.docs-BJ-juN8w.js b/demo-develop/assets/FormFieldCharacterCounter.docs-BgEdJKCd.js similarity index 91% rename from demo-develop/assets/FormFieldCharacterCounter.docs-BJ-juN8w.js rename to demo-develop/assets/FormFieldCharacterCounter.docs-BgEdJKCd.js index fe1c279199..39c2f33c5a 100644 --- a/demo-develop/assets/FormFieldCharacterCounter.docs-BJ-juN8w.js +++ b/demo-develop/assets/FormFieldCharacterCounter.docs-BgEdJKCd.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as o}from"./index-DlpNa54Y.js";import{M as a,d as s,P as i,e as h,f as c}from"./index-DanlQ17N.js";import{F as m,E as u}from"./FormFieldCharacterCounter.stories-B5uEw04C.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-C2MGObLX.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";import"./clsx-B-dksMZM.js";const l=` +import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as o}from"./index-DlpNa54Y.js";import{M as a,d as s,P as i,e as h,f as c}from"./index-C1H0KNfC.js";import{F as m,E as u}from"./FormFieldCharacterCounter.stories-Qv0IIJsN.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-CjTW3GMG.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";import"./clsx-B-dksMZM.js";const l=` # Form Field Character Counter diff --git a/demo-develop/assets/FormFieldCharacterCounter.stories-B5uEw04C.js b/demo-develop/assets/FormFieldCharacterCounter.stories-Qv0IIJsN.js similarity index 50% rename from demo-develop/assets/FormFieldCharacterCounter.stories-B5uEw04C.js rename to demo-develop/assets/FormFieldCharacterCounter.stories-Qv0IIJsN.js index 148a8f7537..8732e11c42 100644 --- a/demo-develop/assets/FormFieldCharacterCounter.stories-B5uEw04C.js +++ b/demo-develop/assets/FormFieldCharacterCounter.stories-Qv0IIJsN.js @@ -1,9 +1,9 @@ -import{j as h}from"./jsx-runtime-Nms4Y4qS.js";import{c as f}from"./clsx-B-dksMZM.js";import{r as g}from"./index-BwDkhjyp.js";const t=g.forwardRef(({className:a,length:o,maxLength:s,...u},p)=>h.jsx("div",{...u,ref:p,className:f("ams-form-field-character-counter",o>s&&"ams-form-field-character-counter--error",a),role:"status",children:`${o} van ${s} tekens`}));t.displayName="FormFieldCharacterCounter";try{t.displayName="FormFieldCharacterCounter",t.__docgenInfo={description:"",displayName:"FormFieldCharacterCounter",props:{length:{defaultValue:null,description:"",name:"length",required:!0,type:{name:"number"}},maxLength:{defaultValue:null,description:"",name:"maxLength",required:!0,type:{name:"number"}}}}}catch{}/** +import{j as h}from"./jsx-runtime-Nms4Y4qS.js";import{c as f}from"./clsx-B-dksMZM.js";import{r as g}from"./index-BwDkhjyp.js";const t=g.forwardRef(({className:a,length:o,maxLength:n,...i},p)=>h.jsx("div",{...i,ref:p,className:f("ams-form-field-character-counter",o>n&&"ams-form-field-character-counter--error",a),role:"status",children:`${o} van ${n} tekens`}));t.displayName="FormFieldCharacterCounter";try{t.displayName="FormFieldCharacterCounter",t.__docgenInfo={description:"",displayName:"FormFieldCharacterCounter",props:{length:{defaultValue:null,description:"The current length of the field’s value.",name:"length",required:!0,type:{name:"number"}},maxLength:{defaultValue:null,description:"The maximum length of the field’s value.",name:"maxLength",required:!0,type:{name:"number"}}}}}catch{}/** * @license EUPL-1.2+ * Copyright Gemeente Amsterdam - */const F={title:"Components/Forms/Form Field Character Counter",component:t,args:{length:7,maxLength:10}},e={},r={args:{length:1001,maxLength:1e3}};var n,c,m;e.parameters={...e.parameters,docs:{...(n=e.parameters)==null?void 0:n.docs,source:{originalSource:"{}",...(m=(c=e.parameters)==null?void 0:c.docs)==null?void 0:m.source}}};var l,d,i;r.parameters={...r.parameters,docs:{...(l=r.parameters)==null?void 0:l.docs,source:{originalSource:`{ + */const F={title:"Components/Forms/Form Field Character Counter",component:t,args:{length:7,maxLength:10}},e={},r={args:{length:1001,maxLength:1e3}};var s,c,m;e.parameters={...e.parameters,docs:{...(s=e.parameters)==null?void 0:s.docs,source:{originalSource:"{}",...(m=(c=e.parameters)==null?void 0:c.docs)==null?void 0:m.source}}};var l,u,d;r.parameters={...r.parameters,docs:{...(l=r.parameters)==null?void 0:l.docs,source:{originalSource:`{ args: { length: 1001, maxLength: 1000 } -}`,...(i=(d=r.parameters)==null?void 0:d.docs)==null?void 0:i.source}}};const _=["Default","Error"],E=Object.freeze(Object.defineProperty({__proto__:null,Default:e,Error:r,__namedExportsOrder:_,default:F},Symbol.toStringTag,{value:"Module"}));export{r as E,E as F}; +}`,...(d=(u=r.parameters)==null?void 0:u.docs)==null?void 0:d.source}}};const _=["Default","Error"],E=Object.freeze(Object.defineProperty({__proto__:null,Default:e,Error:r,__namedExportsOrder:_,default:F},Symbol.toStringTag,{value:"Module"}));export{r as E,E as F}; diff --git a/demo-develop/assets/Grid-CwB6HQaq.js b/demo-develop/assets/Grid-CwB6HQaq.js new file mode 100644 index 0000000000..75d619517a --- /dev/null +++ b/demo-develop/assets/Grid-CwB6HQaq.js @@ -0,0 +1,5 @@ +import{j as n}from"./jsx-runtime-Nms4Y4qS.js";import{c as u}from"./clsx-B-dksMZM.js";import{r as m}from"./index-BwDkhjyp.js";/** + * @license EUPL-1.2+ + * Copyright Gemeente Amsterdam + */const f=(e,l)=>{if(!e&&!l)return[];const a=[];if(e==="all"||typeof e=="number")a.push(`ams-grid__cell--span-${e}`);else if(e){const{narrow:r,medium:s,wide:i}=e;a.push(`ams-grid__cell--span-${r}`,`ams-grid__cell--span-${s}-medium`,`ams-grid__cell--span-${i}-wide`)}if(typeof l=="number")a.push(`ams-grid__cell--start-${l}`);else if(l){const{narrow:r,medium:s,wide:i}=l;a.push(`ams-grid__cell--start-${r}`,`ams-grid__cell--start-${s}-medium`,`ams-grid__cell--start-${i}-wide`)}return a},o=m.forwardRef(({as:e="div",children:l,className:a,span:r,start:s,...i},d)=>n.jsx(e,{...i,ref:d,className:u("ams-grid__cell",f(r,s),a),children:l}));o.displayName="Grid.Cell";try{Grid.Cell.displayName="Grid.Cell",Grid.Cell.__docgenInfo={description:"",displayName:"Grid.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"'}]}},span:{defaultValue:null,description:`Lets the cell span the full width of all grid variants. +The amount of grid columns the cell spans.`,name:"span",required:!1,type:{name:'"all" | GridColumnNumber | GridColumnNumbers'}},start:{defaultValue:null,description:"The index of the grid column the cell starts at.",name:"start",required:!1,type:{name:"GridColumnNumber | GridColumnNumbers"}}}}}catch{}const g=(e,l,a)=>{const r=[];return a?[`ams-grid--padding-vertical--${a}`]:(e&&r.push(`ams-grid--padding-bottom--${e}`),l&&r.push(`ams-grid--padding-top--${l}`),r)},c=m.forwardRef(({children:e,className:l,gapVertical:a,paddingBottom:r,paddingTop:s,paddingVertical:i,...d},p)=>n.jsx("div",{...d,ref:p,className:u("ams-grid",a&&`ams-grid--gap-vertical--${a}`,g(r,s,i),l),children:e}));c.displayName="Grid";const t=Object.assign(c,{Cell:o});try{t.displayName="Grid",t.__docgenInfo={description:"",displayName:"Grid",props:{gapVertical:{defaultValue:null,description:"The amount of space between rows.",name:"gapVertical",required:!1,type:{name:"enum",value:[{value:'"none"'},{value:'"small"'},{value:'"large"'}]}},paddingBottom:{defaultValue:null,description:"The amount of space below.",name:"paddingBottom",required:!1,type:{name:"enum",value:[{value:'"medium"'},{value:'"small"'},{value:'"large"'}]}},paddingTop:{defaultValue:null,description:"The amount of space above.",name:"paddingTop",required:!1,type:{name:"enum",value:[{value:'"medium"'},{value:'"small"'},{value:'"large"'}]}},paddingVertical:{defaultValue:null,description:"The amount of space above and below.",name:"paddingVertical",required:!1,type:{name:"enum",value:[{value:'"medium"'},{value:'"small"'},{value:'"large"'}]}}}}}catch{}export{t as G}; diff --git a/demo-develop/assets/Grid-qe23dp1l.js b/demo-develop/assets/Grid-qe23dp1l.js deleted file mode 100644 index 6906334239..0000000000 --- a/demo-develop/assets/Grid-qe23dp1l.js +++ /dev/null @@ -1,5 +0,0 @@ -import{j as n}from"./jsx-runtime-Nms4Y4qS.js";import{c as u}from"./clsx-B-dksMZM.js";import{r as m}from"./index-BwDkhjyp.js";/** - * @license EUPL-1.2+ - * Copyright Gemeente Amsterdam - */const f=(e,l)=>{if(!e&&!l)return[];const a=[];if(e==="all"||typeof e=="number")a.push(`ams-grid__cell--span-${e}`);else if(e){const{narrow:r,medium:i,wide:s}=e;a.push(`ams-grid__cell--span-${r}`,`ams-grid__cell--span-${i}-medium`,`ams-grid__cell--span-${s}-wide`)}if(typeof l=="number")a.push(`ams-grid__cell--start-${l}`);else if(l){const{narrow:r,medium:i,wide:s}=l;a.push(`ams-grid__cell--start-${r}`,`ams-grid__cell--start-${i}-medium`,`ams-grid__cell--start-${s}-wide`)}return a},o=m.forwardRef(({as:e="div",children:l,className:a,span:r,start:i,...s},d)=>n.jsx(e,{...s,ref:d,className:u("ams-grid__cell",f(r,i),a),children:l}));o.displayName="Grid.Cell";try{Grid.Cell.displayName="Grid.Cell",Grid.Cell.__docgenInfo={description:"",displayName:"Grid.Cell",props:{as:{defaultValue:null,description:"",name:"as",required:!1,type:{name:"enum",value:[{value:'"article"'},{value:'"div"'},{value:'"section"'}]}},span:{defaultValue:null,description:`Lets the cell span the full width of all grid variants. -The amount of grid columns the cell spans.`,name:"span",required:!1,type:{name:'"all" | GridColumnNumber | GridColumnNumbers'}},start:{defaultValue:null,description:"The index of the grid column the cell starts at.",name:"start",required:!1,type:{name:"GridColumnNumber | GridColumnNumbers"}}}}}catch{}const g=(e,l,a)=>{const r=[];return a?[`ams-grid--padding-vertical--${a}`]:(e&&r.push(`ams-grid--padding-bottom--${e}`),l&&r.push(`ams-grid--padding-top--${l}`),r)},c=m.forwardRef(({children:e,className:l,gapVertical:a,paddingBottom:r,paddingTop:i,paddingVertical:s,...d},p)=>n.jsx("div",{...d,ref:p,className:u("ams-grid",a&&`ams-grid--gap-vertical--${a}`,g(r,i,s),l),children:e}));c.displayName="Grid";const t=Object.assign(c,{Cell:o});try{t.displayName="Grid",t.__docgenInfo={description:"",displayName:"Grid",props:{gapVertical:{defaultValue:null,description:"The amount of vertical white space between rows of the grid.",name:"gapVertical",required:!1,type:{name:"enum",value:[{value:'"none"'},{value:'"small"'},{value:'"large"'}]}},paddingBottom:{defaultValue:null,description:"The amount of vertical white space below the grid.",name:"paddingBottom",required:!1,type:{name:"enum",value:[{value:'"medium"'},{value:'"small"'},{value:'"large"'}]}},paddingTop:{defaultValue:null,description:"The amount of vertical white space above the grid.",name:"paddingTop",required:!1,type:{name:"enum",value:[{value:'"medium"'},{value:'"small"'},{value:'"large"'}]}},paddingVertical:{defaultValue:null,description:"The amount of vertical white space above and below the grid.",name:"paddingVertical",required:!1,type:{name:"enum",value:[{value:'"medium"'},{value:'"small"'},{value:'"large"'}]}}}}}catch{}export{t as G}; diff --git a/demo-develop/assets/Grid.docs-D7nZepfR.js b/demo-develop/assets/Grid.docs-CpBOPWuR.js similarity index 95% rename from demo-develop/assets/Grid.docs-D7nZepfR.js rename to demo-develop/assets/Grid.docs-CpBOPWuR.js index a75dbfe940..60693f4572 100644 --- a/demo-develop/assets/Grid.docs-D7nZepfR.js +++ b/demo-develop/assets/Grid.docs-CpBOPWuR.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as t}from"./index-DlpNa54Y.js";import{M as r,d as a,P as l,e as d,f as s}from"./index-DanlQ17N.js";import{G as c,V as h,a as p,S as m,C as u,b as w,c as f,d as x}from"./Grid.stories-DX-h3FSn.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-C2MGObLX.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";import"./Screen-DD3ND5ci.js";import"./clsx-B-dksMZM.js";import"./Grid-qe23dp1l.js";const j=` +import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as t}from"./index-DlpNa54Y.js";import{M as r,d as a,P as l,e as d,f as s}from"./index-C1H0KNfC.js";import{G as c,V as h,a as p,S as m,C as u,b as w,c as f,d as x}from"./Grid.stories-hQfXx2BA.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-CjTW3GMG.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";import"./Screen-DD3ND5ci.js";import"./clsx-B-dksMZM.js";import"./Grid-CwB6HQaq.js";const j=` # Grid diff --git a/demo-develop/assets/Grid.stories-DX-h3FSn.js b/demo-develop/assets/Grid.stories-hQfXx2BA.js similarity index 98% rename from demo-develop/assets/Grid.stories-DX-h3FSn.js rename to demo-develop/assets/Grid.stories-hQfXx2BA.js index 861d2f0886..4279aac754 100644 --- a/demo-develop/assets/Grid.stories-DX-h3FSn.js +++ b/demo-develop/assets/Grid.stories-hQfXx2BA.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{S as E}from"./Screen-DD3ND5ci.js";import{G as r}from"./Grid-qe23dp1l.js";/** +import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{S as E}from"./Screen-DD3ND5ci.js";import{G as r}from"./Grid-CwB6HQaq.js";/** * @license EUPL-1.2+ * Copyright Gemeente Amsterdam */const d={control:{type:"radio",labels:{undefined:"none",small:"small",medium:"medium",large:"large"}},options:[void 0,"small","medium","large"]},R={title:"Components/Layout/Grid",component:r,argTypes:{gapVertical:{control:{type:"radio",labels:{none:"none",small:"small",undefined:"medium",large:"large"}},options:["none","small",void 0,"large"]},paddingVertical:d,paddingTop:d,paddingBottom:d}};r.Cell;const g={decorators:[a=>e.jsx(E,{children:e.jsx(a,{})})]},i={decorators:[a=>e.jsx(E,{children:e.jsx(r,{children:e.jsx(a,{})})})],render:({children:a,...B})=>e.jsx(r.Cell,{...B,children:a})},H=Array.from(Array(12).keys()).map(a=>e.jsx(r.Cell,{className:"ams-docs-pink-box"},a)),s={...g,args:{children:H}},n={...g,args:{children:H,paddingVertical:"medium"}},o={...g,args:{children:Array.from(Array(6).keys()).map(a=>e.jsx(r.Cell,{className:"ams-docs-pink-box",span:4},a)),gapVertical:"small"}},l={...i,args:{children:e.jsx("p",{className:"ams-docs-paragraph ams-docs-pink-box",children:"Deze cel beslaat 4 kolommen."}),span:4}},t={...i,args:{children:e.jsx("p",{className:"ams-docs-paragraph ams-docs-pink-box",children:"Deze cel heeft 3 instellingen voor de breedte."}),span:{narrow:4,medium:6,wide:8}}},c={...i,args:{children:e.jsx("p",{className:"ams-docs-paragraph ams-docs-pink-box",children:"Deze cel beslaat de volledige breedte van het grid."}),span:"all"}},p={...i,args:{children:e.jsx("p",{className:"ams-docs-paragraph ams-docs-pink-box",children:"Deze cel start in kolom 2."}),span:3,start:2}},m={...i,args:{as:"section"},render:({as:a})=>e.jsx(r,{children:e.jsx(r.Cell,{as:a,span:"all",children:e.jsxs("p",{className:"ams-docs-pink-box ams-docs-paragraph",children:["Deze cel gebruikt het HTML-element `",a,"`."]})})})};var u,h,x;s.parameters={...s.parameters,docs:{...(u=s.parameters)==null?void 0:u.docs,source:{originalSource:`{ diff --git a/demo-develop/assets/Header-71OD8ne6.js b/demo-develop/assets/Header-71OD8ne6.js deleted file mode 100644 index 38b31b275a..0000000000 --- a/demo-develop/assets/Header-71OD8ne6.js +++ /dev/null @@ -1 +0,0 @@ -import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{c as u}from"./clsx-B-dksMZM.js";import{r as c}from"./index-BwDkhjyp.js";import{V as p}from"./VisuallyHidden-Db-04MJ9.js";import{L as f}from"./Logo-CUETn_by.js";import{H as g}from"./Heading-mbayTkiK.js";const a=c.forwardRef(({className:r,logoBrand:i="amsterdam",logoLink:n="/",logoLinkTitle:t="Ga naar de homepage",title:s,links:l,menu:d,...m},o)=>e.jsx(e.Fragment,{children:e.jsxs("header",{...m,ref:o,className:u("ams-header",r),children:[e.jsxs("a",{href:n,className:"ams-header__logo-link",children:[e.jsx(p,{children:t}),e.jsx(f,{brand:i})]}),l&&e.jsx("div",{className:"ams-header__links",children:l}),d&&e.jsx("div",{className:"ams-header__menu",children:d}),s&&e.jsx("div",{className:"ams-header__title",children:e.jsx(g,{level:1,size:"level-3",className:"ams-header__title-heading",children:s})})]})}));a.displayName="Header";try{a.displayName="Header",a.__docgenInfo={description:"",displayName:"Header",props:{logoBrand:{defaultValue:{value:"amsterdam"},description:"",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:"",name:"logoLink",required:!1,type:{name:"string"}},logoLinkTitle:{defaultValue:{value:"Ga naar de homepage"},description:"",name:"logoLinkTitle",required:!1,type:{name:"string"}},title:{defaultValue:null,description:"",name:"title",required:!1,type:{name:"string"}},links:{defaultValue:null,description:"",name:"links",required:!1,type:{name:"ReactNode"}},menu:{defaultValue:null,description:"",name:"menu",required:!1,type:{name:"ReactNode"}}}}}catch{}export{a as H}; diff --git a/demo-develop/assets/Header-DF3VOPHu.js b/demo-develop/assets/Header-DF3VOPHu.js new file mode 100644 index 0000000000..96e031fff2 --- /dev/null +++ b/demo-develop/assets/Header-DF3VOPHu.js @@ -0,0 +1 @@ +import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{c as u}from"./clsx-B-dksMZM.js";import{r as c}from"./index-BwDkhjyp.js";import{V as h}from"./VisuallyHidden-Db-04MJ9.js";import{L as p}from"./Logo-C5ZbuiYN.js";import{H as f}from"./Heading-CWbN3elW.js";const a=c.forwardRef(({className:r,logoBrand:n="amsterdam",logoLink:t="/",logoLinkTitle:o="Ga naar de homepage",title:l,links:s,menu:i,...d},m)=>e.jsx(e.Fragment,{children:e.jsxs("header",{...d,ref:m,className:u("ams-header",r),children:[e.jsxs("a",{href:t,className:"ams-header__logo-link",children:[e.jsx(h,{children:o}),e.jsx(p,{brand:n})]}),s&&e.jsx("div",{className:"ams-header__links",children:s}),i&&e.jsx("div",{className:"ams-header__menu",children:i}),l&&e.jsx("div",{className:"ams-header__title",children:e.jsx(f,{level:1,size:"level-3",className:"ams-header__title-heading",children:l})})]})}));a.displayName="Header";try{a.displayName="Header",a.__docgenInfo={description:"",displayName:"Header",props:{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"}},title:{defaultValue:null,description:"The name of the application.",name:"title",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"}},menu:{defaultValue:null,description:"A button to toggle the visibility of a Mega Menu.",name:"menu",required:!1,type:{name:"ReactNode"}}}}}catch{}export{a as H}; diff --git a/demo-develop/assets/Header.docs-nM_u7lfq.js b/demo-develop/assets/Header.docs-C5RS7Gws.js similarity index 80% rename from demo-develop/assets/Header.docs-nM_u7lfq.js rename to demo-develop/assets/Header.docs-C5RS7Gws.js index 2fb5d07475..cd8194603c 100644 --- a/demo-develop/assets/Header.docs-nM_u7lfq.js +++ b/demo-develop/assets/Header.docs-C5RS7Gws.js @@ -1,4 +1,4 @@ -import{j as n}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as a}from"./index-DlpNa54Y.js";import{M as o,d as r,P as h,e as m,f as t}from"./index-DanlQ17N.js";import{H as d,W as l,a as p,b as u,c,d as x,e as j,f as g}from"./Header.stories-bsrd2DWk.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-C2MGObLX.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";import"./index.esm-DQkeu4as.js";import"./Header-71OD8ne6.js";import"./clsx-B-dksMZM.js";import"./VisuallyHidden-Db-04MJ9.js";import"./Logo-CUETn_by.js";import"./Heading-mbayTkiK.js";import"./getHeadingElement-DiRwFEz7.js";import"./PageMenu-C8WrLt97.js";import"./Icon-tKAGJH_4.js";const f=` +import{j as n}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as a}from"./index-DlpNa54Y.js";import{M as o,d as r,P as h,e as m,f as t}from"./index-C1H0KNfC.js";import{H as d,W as l,a as p,b as u,c,d as x,e as j,f as g}from"./Header.stories-Dm3gthCL.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-CjTW3GMG.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";import"./index.esm-DQkeu4as.js";import"./Header-DF3VOPHu.js";import"./clsx-B-dksMZM.js";import"./VisuallyHidden-Db-04MJ9.js";import"./Logo-C5ZbuiYN.js";import"./Heading-CWbN3elW.js";import"./getHeadingElement-DiRwFEz7.js";import"./PageMenu-DQ_snOzP.js";import"./Icon-CuaumHXX.js";const f=` # Header diff --git a/demo-develop/assets/Header.stories-bsrd2DWk.js b/demo-develop/assets/Header.stories-Dm3gthCL.js similarity index 97% rename from demo-develop/assets/Header.stories-bsrd2DWk.js rename to demo-develop/assets/Header.stories-Dm3gthCL.js index b4c4777e41..17f58fa6d7 100644 --- a/demo-develop/assets/Header.stories-bsrd2DWk.js +++ b/demo-develop/assets/Header.stories-Dm3gthCL.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{b as u}from"./index.esm-DQkeu4as.js";import{H as v}from"./Header-71OD8ne6.js";import{P as n}from"./PageMenu-C8WrLt97.js";const D={title:"Components/Containers/Header",component:v},a={},r={args:{logoBrand:"ggd-amsterdam",logoLink:"https://www.ggd.amsterdam.nl/",logoLinkTitle:"Naar de homepage van de GGD Amsterdam"}},s={args:{title:"Aan de Amsterdamse grachten"}},t={args:{links:e.jsxs(n,{alignEnd:!0,wrap:!1,children:[e.jsx(n.Link,{href:"#",children:"Contact"}),e.jsx(n.Link,{href:"#",children:"Mijn Amsterdam"}),e.jsx(n.Link,{href:"#",icon:u,children:"Zoeken"})]})}},o={args:{menu:e.jsx("button",{className:"ams-header__menu-button",children:"Menu"})}},i={args:{menu:e.jsx("button",{className:"ams-header__menu-button",children:"Menu"}),links:e.jsxs(n,{alignEnd:!0,wrap:!1,children:[e.jsx(n.Link,{href:"#",children:"Contact"}),e.jsx(n.Link,{href:"#",children:"Mijn Amsterdam"}),e.jsx(n.Link,{href:"#",icon:u,children:"Zoeken"})]})}},m={args:{title:"Aan de Amsterdamse grachten",menu:e.jsx("button",{className:"ams-header__menu-button",children:"Menu"})}},c={args:{title:"Aan de Amsterdamse grachten",links:e.jsxs(n,{alignEnd:!0,wrap:!1,children:[e.jsx(n.Link,{href:"#",children:"Contact"}),e.jsx(n.Link,{href:"#",children:"Mijn Amsterdam"}),e.jsx(n.Link,{href:"#",icon:u,children:"Zoeken"})]}),menu:e.jsx("button",{className:"ams-header__menu-button",children:"Menu"})}};var d,l,g;a.parameters={...a.parameters,docs:{...(d=a.parameters)==null?void 0:d.docs,source:{originalSource:"{}",...(g=(l=a.parameters)==null?void 0:l.docs)==null?void 0:g.source}}};var h,p,k;r.parameters={...r.parameters,docs:{...(h=r.parameters)==null?void 0:h.docs,source:{originalSource:`{ +import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{b as u}from"./index.esm-DQkeu4as.js";import{H as v}from"./Header-DF3VOPHu.js";import{P as n}from"./PageMenu-DQ_snOzP.js";const D={title:"Components/Containers/Header",component:v},a={},r={args:{logoBrand:"ggd-amsterdam",logoLink:"https://www.ggd.amsterdam.nl/",logoLinkTitle:"Naar de homepage van de GGD Amsterdam"}},s={args:{title:"Aan de Amsterdamse grachten"}},t={args:{links:e.jsxs(n,{alignEnd:!0,wrap:!1,children:[e.jsx(n.Link,{href:"#",children:"Contact"}),e.jsx(n.Link,{href:"#",children:"Mijn Amsterdam"}),e.jsx(n.Link,{href:"#",icon:u,children:"Zoeken"})]})}},o={args:{menu:e.jsx("button",{className:"ams-header__menu-button",children:"Menu"})}},i={args:{menu:e.jsx("button",{className:"ams-header__menu-button",children:"Menu"}),links:e.jsxs(n,{alignEnd:!0,wrap:!1,children:[e.jsx(n.Link,{href:"#",children:"Contact"}),e.jsx(n.Link,{href:"#",children:"Mijn Amsterdam"}),e.jsx(n.Link,{href:"#",icon:u,children:"Zoeken"})]})}},m={args:{title:"Aan de Amsterdamse grachten",menu:e.jsx("button",{className:"ams-header__menu-button",children:"Menu"})}},c={args:{title:"Aan de Amsterdamse grachten",links:e.jsxs(n,{alignEnd:!0,wrap:!1,children:[e.jsx(n.Link,{href:"#",children:"Contact"}),e.jsx(n.Link,{href:"#",children:"Mijn Amsterdam"}),e.jsx(n.Link,{href:"#",icon:u,children:"Zoeken"})]}),menu:e.jsx("button",{className:"ams-header__menu-button",children:"Menu"})}};var d,l,g;a.parameters={...a.parameters,docs:{...(d=a.parameters)==null?void 0:d.docs,source:{originalSource:"{}",...(g=(l=a.parameters)==null?void 0:l.docs)==null?void 0:g.source}}};var h,p,k;r.parameters={...r.parameters,docs:{...(h=r.parameters)==null?void 0:h.docs,source:{originalSource:`{ args: { logoBrand: 'ggd-amsterdam', logoLink: 'https://www.ggd.amsterdam.nl/', diff --git a/demo-develop/assets/Heading-CWbN3elW.js b/demo-develop/assets/Heading-CWbN3elW.js new file mode 100644 index 0000000000..147678a7f4 --- /dev/null +++ b/demo-develop/assets/Heading-CWbN3elW.js @@ -0,0 +1 @@ +import{j as d}from"./jsx-runtime-Nms4Y4qS.js";import{c as m}from"./clsx-B-dksMZM.js";import{r as c}from"./index-BwDkhjyp.js";import{g as v}from"./getHeadingElement-DiRwFEz7.js";const e=c.forwardRef(({children:a,className:i,inverseColor:n,level:l=1,size:r,...t},o)=>{const s=v(l),u=r?r.split("-")[1]:l;return d.jsx(s,{ref:o,className:m("ams-heading",`ams-heading--${u}`,n&&"ams-heading--inverse-color",i),...t,children:a})});e.displayName="Heading";try{e.displayName="Heading",e.__docgenInfo={description:"",displayName:"Heading",props:{inverseColor:{defaultValue:null,description:"Changes the text colour for readability on a dark background.",name:"inverseColor",required:!1,type:{name:"boolean"}},level:{defaultValue:{value:"1"},description:"The hierarchical level within the document.",name:"level",required:!1,type:{name:"enum",value:[{value:"1"},{value:"2"},{value:"3"},{value:"4"}]}},size:{defaultValue:null,description:"Uses larger or smaller text without changing its position in the heading hierarchy.",name:"size",required:!1,type:{name:"enum",value:[{value:'"level-3"'},{value:'"level-4"'},{value:'"level-5"'},{value:'"level-6"'},{value:'"level-1"'},{value:'"level-2"'}]}}}}}catch{}export{e as H}; diff --git a/demo-develop/assets/Heading-mbayTkiK.js b/demo-develop/assets/Heading-mbayTkiK.js deleted file mode 100644 index f9a74dc534..0000000000 --- a/demo-develop/assets/Heading-mbayTkiK.js +++ /dev/null @@ -1 +0,0 @@ -import{j as u}from"./jsx-runtime-Nms4Y4qS.js";import{c as m}from"./clsx-B-dksMZM.js";import{r as v}from"./index-BwDkhjyp.js";import{g as c}from"./getHeadingElement-DiRwFEz7.js";const e=v.forwardRef(({children:a,className:i,inverseColor:t,level:l=1,size:r,...n},o)=>{const s=c(l),d=r?r.split("-")[1]:l;return u.jsx(s,{ref:o,className:m("ams-heading",`ams-heading--${d}`,t&&"ams-heading--inverse-color",i),...n,children:a})});e.displayName="Heading";try{e.displayName="Heading",e.__docgenInfo={description:"",displayName:"Heading",props:{level:{defaultValue:{value:"1"},description:"The hierarchical level of the title.",name:"level",required:!1,type:{name:"enum",value:[{value:"1"},{value:"2"},{value:"3"},{value:"4"}]}},size:{defaultValue:null,description:"Makes the title larger or smaller without changing its position in the heading hierarchy.",name:"size",required:!1,type:{name:"enum",value:[{value:'"level-3"'},{value:'"level-4"'},{value:'"level-5"'},{value:'"level-6"'},{value:'"level-1"'},{value:'"level-2"'}]}},inverseColor:{defaultValue:null,description:"Changes the text color for readability on a dark background.",name:"inverseColor",required:!1,type:{name:"boolean"}}}}}catch{}export{e as H}; diff --git a/demo-develop/assets/Heading.docs-D_GAlwXx.js b/demo-develop/assets/Heading.docs-D45ebmiv.js similarity index 91% rename from demo-develop/assets/Heading.docs-D_GAlwXx.js rename to demo-develop/assets/Heading.docs-D45ebmiv.js index e0f0ab18b0..4c62a870e2 100644 --- a/demo-develop/assets/Heading.docs-D_GAlwXx.js +++ b/demo-develop/assets/Heading.docs-D45ebmiv.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as i}from"./index-DlpNa54Y.js";import{M as r,d as a,P as h,e as d,f as s}from"./index-DanlQ17N.js";import{H as c,a as g,b as l,c as p,d as u,I as m}from"./Heading.stories-zj-hTDTr.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-C2MGObLX.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";import"./decorators-Dh4yEj-W.js";import"./exampleContent-CRK3_7Hv.js";import"./Heading-mbayTkiK.js";import"./clsx-B-dksMZM.js";import"./getHeadingElement-DiRwFEz7.js";const w=` +import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as i}from"./index-DlpNa54Y.js";import{M as r,d as a,P as h,e as d,f as s}from"./index-C1H0KNfC.js";import{H as c,a as g,b as l,c as p,d as u,I as m}from"./Heading.stories-BuYlM5jF.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-CjTW3GMG.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";import"./decorators-Dh4yEj-W.js";import"./exampleContent-CRK3_7Hv.js";import"./Heading-CWbN3elW.js";import"./clsx-B-dksMZM.js";import"./getHeadingElement-DiRwFEz7.js";const w=` # Heading diff --git a/demo-develop/assets/Heading.stories-BuYlM5jF.js b/demo-develop/assets/Heading.stories-BuYlM5jF.js new file mode 100644 index 0000000000..9e33a862e6 --- /dev/null +++ b/demo-develop/assets/Heading.stories-BuYlM5jF.js @@ -0,0 +1,20 @@ +import{i as T}from"./decorators-Dh4yEj-W.js";import{b as y}from"./exampleContent-CRK3_7Hv.js";import{H as D}from"./Heading-CWbN3elW.js";/** + * @license EUPL-1.2+ + * Copyright Gemeente Amsterdam + */const I=y(),O={title:"Components/Text/Heading",component:D,args:{children:I,inverseColor:!1},argTypes:{children:{description:"The heading text.",table:{disable:!1}}},decorators:[T]},e={},r={},a={args:{level:2}},s={args:{level:3}},o={args:{level:4}},t={args:{inverseColor:!0}};var n,c,d;e.parameters={...e.parameters,docs:{...(n=e.parameters)==null?void 0:n.docs,source:{originalSource:"{}",...(d=(c=e.parameters)==null?void 0:c.docs)==null?void 0:d.source}}};var i,l,m;r.parameters={...r.parameters,docs:{...(i=r.parameters)==null?void 0:i.docs,source:{originalSource:"{}",...(m=(l=r.parameters)==null?void 0:l.docs)==null?void 0:m.source}}};var p,g,u;a.parameters={...a.parameters,docs:{...(p=a.parameters)==null?void 0:p.docs,source:{originalSource:`{ + args: { + level: 2 + } +}`,...(u=(g=a.parameters)==null?void 0:g.docs)==null?void 0:u.source}}};var H,v,f;s.parameters={...s.parameters,docs:{...(H=s.parameters)==null?void 0:H.docs,source:{originalSource:`{ + args: { + level: 3 + } +}`,...(f=(v=s.parameters)==null?void 0:v.docs)==null?void 0:f.source}}};var S,b,C;o.parameters={...o.parameters,docs:{...(S=o.parameters)==null?void 0:S.docs,source:{originalSource:`{ + args: { + level: 4 + } +}`,...(C=(b=o.parameters)==null?void 0:b.docs)==null?void 0:C.source}}};var _,h,x;t.parameters={...t.parameters,docs:{...(_=t.parameters)==null?void 0:_.docs,source:{originalSource:`{ + args: { + inverseColor: true + } +}`,...(x=(h=t.parameters)==null?void 0:h.docs)==null?void 0:x.source}}};const j=["Default","Heading1","Heading2","Heading3","Heading4","InvertedColor"],P=Object.freeze(Object.defineProperty({__proto__:null,Default:e,Heading1:r,Heading2:a,Heading3:s,Heading4:o,InvertedColor:t,__namedExportsOrder:j,default:O},Symbol.toStringTag,{value:"Module"}));export{P as H,t as I,r as a,a as b,s as c,o as d}; diff --git a/demo-develop/assets/Heading.stories-zj-hTDTr.js b/demo-develop/assets/Heading.stories-zj-hTDTr.js deleted file mode 100644 index 4041d27237..0000000000 --- a/demo-develop/assets/Heading.stories-zj-hTDTr.js +++ /dev/null @@ -1,20 +0,0 @@ -import{i as y}from"./decorators-Dh4yEj-W.js";import{b as D}from"./exampleContent-CRK3_7Hv.js";import{H as I}from"./Heading-mbayTkiK.js";/** - * @license EUPL-1.2+ - * Copyright Gemeente Amsterdam - */const O=D(),T={title:"Components/Text/Heading",component:I,args:{children:O,inverseColor:!1},argTypes:{children:{table:{disable:!1}}},decorators:[y]},e={},r={},a={args:{level:2}},s={args:{level:3}},o={args:{level:4}},t={args:{inverseColor:!0}};var n,c,d;e.parameters={...e.parameters,docs:{...(n=e.parameters)==null?void 0:n.docs,source:{originalSource:"{}",...(d=(c=e.parameters)==null?void 0:c.docs)==null?void 0:d.source}}};var i,l,m;r.parameters={...r.parameters,docs:{...(i=r.parameters)==null?void 0:i.docs,source:{originalSource:"{}",...(m=(l=r.parameters)==null?void 0:l.docs)==null?void 0:m.source}}};var p,g,u;a.parameters={...a.parameters,docs:{...(p=a.parameters)==null?void 0:p.docs,source:{originalSource:`{ - args: { - level: 2 - } -}`,...(u=(g=a.parameters)==null?void 0:g.docs)==null?void 0:u.source}}};var H,v,f;s.parameters={...s.parameters,docs:{...(H=s.parameters)==null?void 0:H.docs,source:{originalSource:`{ - args: { - level: 3 - } -}`,...(f=(v=s.parameters)==null?void 0:v.docs)==null?void 0:f.source}}};var S,b,C;o.parameters={...o.parameters,docs:{...(S=o.parameters)==null?void 0:S.docs,source:{originalSource:`{ - args: { - level: 4 - } -}`,...(C=(b=o.parameters)==null?void 0:b.docs)==null?void 0:C.source}}};var _,x,h;t.parameters={...t.parameters,docs:{...(_=t.parameters)==null?void 0:_.docs,source:{originalSource:`{ - args: { - inverseColor: true - } -}`,...(h=(x=t.parameters)==null?void 0:x.docs)==null?void 0:h.source}}};const j=["Default","Heading1","Heading2","Heading3","Heading4","InvertedColor"],P=Object.freeze(Object.defineProperty({__proto__:null,Default:e,Heading1:r,Heading2:a,Heading3:s,Heading4:o,InvertedColor:t,__namedExportsOrder:j,default:T},Symbol.toStringTag,{value:"Module"}));export{P as H,t as I,r as a,a as b,s as c,o as d}; diff --git a/demo-develop/assets/Icon-CuaumHXX.js b/demo-develop/assets/Icon-CuaumHXX.js new file mode 100644 index 0000000000..3c256001a0 --- /dev/null +++ b/demo-develop/assets/Icon-CuaumHXX.js @@ -0,0 +1 @@ +import{j as i}from"./jsx-runtime-Nms4Y4qS.js";import{c as t}from"./clsx-B-dksMZM.js";import{r as c}from"./index-BwDkhjyp.js";const a=c.forwardRef(({className:l,size:e="level-3",square:s,svg:o,...r},n)=>i.jsx("span",{ref:n,className:t("ams-icon",e==="level-3"&&"ams-icon--size-3",e==="level-4"&&"ams-icon--size-4",e==="level-5"&&"ams-icon--size-5",e==="level-6"&&"ams-icon--size-6",s&&"ams-icon--square",l),...r,children:o()}));a.displayName="Icon";try{a.displayName="Icon",a.__docgenInfo={description:"",displayName:"Icon",props:{size:{defaultValue:{value:"level-3"},description:"The size of the icon. Corresponds with the text levels.",name:"size",required:!1,type:{name:"enum",value:[{value:'"level-3"'},{value:'"level-4"'},{value:'"level-5"'},{value:'"level-6"'}]}},square:{defaultValue:null,description:"Whether the icon container should be made square.",name:"square",required:!1,type:{name:"boolean"}},svg:{defaultValue:null,description:"The component rendering the icon’s markup.",name:"svg",required:!0,type:{name:"Function"}}}}}catch{}export{a as I}; diff --git a/demo-develop/assets/Icon-tKAGJH_4.js b/demo-develop/assets/Icon-tKAGJH_4.js deleted file mode 100644 index ca7e317079..0000000000 --- a/demo-develop/assets/Icon-tKAGJH_4.js +++ /dev/null @@ -1 +0,0 @@ -import{j as i}from"./jsx-runtime-Nms4Y4qS.js";import{c}from"./clsx-B-dksMZM.js";import{r as t}from"./index-BwDkhjyp.js";const a=t.forwardRef(({className:l,size:e="level-3",square:s,svg:r,...o},n)=>i.jsx("span",{ref:n,className:c("ams-icon",e==="level-3"&&"ams-icon--size-3",e==="level-4"&&"ams-icon--size-4",e==="level-5"&&"ams-icon--size-5",e==="level-6"&&"ams-icon--size-6",s&&"ams-icon--square",l),...o,children:r()}));a.displayName="Icon";try{a.displayName="Icon",a.__docgenInfo={description:"",displayName:"Icon",props:{size:{defaultValue:{value:"level-3"},description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"level-3"'},{value:'"level-4"'},{value:'"level-5"'},{value:'"level-6"'}]}},square:{defaultValue:null,description:"",name:"square",required:!1,type:{name:"boolean"}},svg:{defaultValue:null,description:"",name:"svg",required:!0,type:{name:"Function"}}}}}catch{}export{a as I}; diff --git a/demo-develop/assets/Icon.docs-DnMYyhj6.js b/demo-develop/assets/Icon.docs-D8OD4bQ3.js similarity index 91% rename from demo-develop/assets/Icon.docs-DnMYyhj6.js rename to demo-develop/assets/Icon.docs-D8OD4bQ3.js index b71d890e16..a528e42532 100644 --- a/demo-develop/assets/Icon.docs-DnMYyhj6.js +++ b/demo-develop/assets/Icon.docs-D8OD4bQ3.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as a}from"./index-DlpNa54Y.js";import{M as i,d as r,P as c,e as l,f as o}from"./index-DanlQ17N.js";import{I as h,W as d,S as m,L as p,a as u,b as x,c as f}from"./Icon.stories-X2-ywhsc.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-C2MGObLX.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";import"./index.esm-DQkeu4as.js";import"./Icon-tKAGJH_4.js";import"./clsx-B-dksMZM.js";import"./Heading-mbayTkiK.js";import"./getHeadingElement-DiRwFEz7.js";const g=` +import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as a}from"./index-DlpNa54Y.js";import{M as i,d as r,P as c,e as l,f as o}from"./index-C1H0KNfC.js";import{I as h,W as d,S as m,L as p,a as u,b as x,c as f}from"./Icon.stories-Cw-4nnXa.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-CjTW3GMG.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";import"./index.esm-DQkeu4as.js";import"./Icon-CuaumHXX.js";import"./clsx-B-dksMZM.js";import"./Heading-CWbN3elW.js";import"./getHeadingElement-DiRwFEz7.js";const g=` # Icon diff --git a/demo-develop/assets/Icon.stories-X2-ywhsc.js b/demo-develop/assets/Icon.stories-Cw-4nnXa.js similarity index 95% rename from demo-develop/assets/Icon.stories-X2-ywhsc.js rename to demo-develop/assets/Icon.stories-Cw-4nnXa.js index 24ce8c6e0f..5a966b6f9a 100644 --- a/demo-develop/assets/Icon.stories-X2-ywhsc.js +++ b/demo-develop/assets/Icon.stories-Cw-4nnXa.js @@ -1,4 +1,4 @@ -import{j as s}from"./jsx-runtime-Nms4Y4qS.js";import{I as m,c as e}from"./index.esm-DQkeu4as.js";import{I as W}from"./Icon-tKAGJH_4.js";import{H as D}from"./Heading-mbayTkiK.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-Nms4Y4qS.js";import{I as m,c as e}from"./index.esm-DQkeu4as.js";import{I as W}from"./Icon-CuaumHXX.js";import{H as D}from"./Heading-CWbN3elW.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-develop/assets/IconButton-B8Ra7ApA.js b/demo-develop/assets/IconButton-B8Ra7ApA.js deleted file mode 100644 index f5b928c237..0000000000 --- a/demo-develop/assets/IconButton-B8Ra7ApA.js +++ /dev/null @@ -1 +0,0 @@ -import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{a as i}from"./index.esm-DQkeu4as.js";import{c}from"./clsx-B-dksMZM.js";import{r as d}from"./index-BwDkhjyp.js";import{V as m}from"./VisuallyHidden-Db-04MJ9.js";import{I as p}from"./Icon-tKAGJH_4.js";const a=d.forwardRef(({className:l,label:o,onBackground:t,size:r="level-5",svg:n=i,...u},s)=>e.jsxs("button",{...u,ref:s,className:c("ams-icon-button",t==="light"&&"ams-icon-button--on-background-light",t==="dark"&&"ams-icon-button--on-background-dark",l),children:[e.jsx(m,{children:o}),e.jsx(p,{svg:n,size:r,square:!0})]}));a.displayName="IconButton";try{a.displayName="IconButton",a.__docgenInfo={description:"",displayName:"IconButton",props:{label:{defaultValue:null,description:"",name:"label",required:!0,type:{name:"string"}},onBackground:{defaultValue:null,description:"",name:"onBackground",required:!1,type:{name:"enum",value:[{value:'"light"'},{value:'"dark"'}]}},size:{defaultValue:{value:"level-5"},description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"level-3"'},{value:'"level-4"'},{value:'"level-5"'},{value:'"level-6"'}]}},svg:{defaultValue:null,description:"",name:"svg",required:!1,type:{name:"Function"}}}}}catch{}export{a as I}; diff --git a/demo-develop/assets/IconButton-CFmnpWmC.js b/demo-develop/assets/IconButton-CFmnpWmC.js new file mode 100644 index 0000000000..3327589674 --- /dev/null +++ b/demo-develop/assets/IconButton-CFmnpWmC.js @@ -0,0 +1 @@ +import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{a as i}from"./index.esm-DQkeu4as.js";import{c}from"./clsx-B-dksMZM.js";import{r as d}from"./index-BwDkhjyp.js";import{V as m}from"./VisuallyHidden-Db-04MJ9.js";import{I as p}from"./Icon-CuaumHXX.js";const t=d.forwardRef(({className:o,label:n,onBackground:a,size:r="level-5",svg:l=i,...s},u)=>e.jsxs("button",{...s,ref:u,className:c("ams-icon-button",a==="light"&&"ams-icon-button--on-background-light",a==="dark"&&"ams-icon-button--on-background-dark",o),children:[e.jsx(m,{children:n}),e.jsx(p,{svg:l,size:r,square:!0})]}));t.displayName="IconButton";try{t.displayName="IconButton",t.__docgenInfo={description:"",displayName:"IconButton",props:{label:{defaultValue:null,description:"The accessible text for the button. Will be announced by screen readers. Should describe the button’s action.",name:"label",required:!0,type:{name:"string"}},onBackground:{defaultValue:null,description:"Describes the underlying background colour. Allows the icon to provide visual contrast.",name:"onBackground",required:!1,type:{name:"enum",value:[{value:'"light"'},{value:'"dark"'}]}},size:{defaultValue:{value:"level-5"},description:"The size of the icon. Corresponds with the text levels.",name:"size",required:!1,type:{name:"enum",value:[{value:'"level-3"'},{value:'"level-4"'},{value:'"level-5"'},{value:'"level-6"'}]}},svg:{defaultValue:null,description:"The component rendering the icon’s markup.",name:"svg",required:!1,type:{name:"Function"}}}}}catch{}export{t as I}; diff --git a/demo-develop/assets/IconButton.docs-B8hWVEhE.js b/demo-develop/assets/IconButton.docs-DpwfuV0G.js similarity index 66% rename from demo-develop/assets/IconButton.docs-B8hWVEhE.js rename to demo-develop/assets/IconButton.docs-DpwfuV0G.js index 3491f5d7ab..967baa61fa 100644 --- a/demo-develop/assets/IconButton.docs-B8hWVEhE.js +++ b/demo-develop/assets/IconButton.docs-DpwfuV0G.js @@ -1,4 +1,4 @@ -import{j as n}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as r}from"./index-DlpNa54Y.js";import{M as i,d as a,P as l,e as c,f as t}from"./index-DanlQ17N.js";import{I as d,O as m,a as u,L as h,b as x,c as p,d as f}from"./IconButton.stories-DHPnVPUf.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-C2MGObLX.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";import"./index.esm-DQkeu4as.js";import"./IconButton-B8Ra7ApA.js";import"./clsx-B-dksMZM.js";import"./VisuallyHidden-Db-04MJ9.js";import"./Icon-tKAGJH_4.js";const j=` +import{j as n}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as r}from"./index-DlpNa54Y.js";import{M as i,d as a,P as l,e as c,f as t}from"./index-C1H0KNfC.js";import{I as d,O as h,a as u,L as m,b as x,c as p,d as j}from"./IconButton.stories-B7B46tkn.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-CjTW3GMG.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";import"./index.esm-DQkeu4as.js";import"./IconButton-CFmnpWmC.js";import"./clsx-B-dksMZM.js";import"./VisuallyHidden-Db-04MJ9.js";import"./Icon-CuaumHXX.js";const f=` # Icon Button @@ -14,20 +14,22 @@ A button containing only an icon. ## Relevant WCAG Requirements The Icon Button follows [the same requirements and guidelines as a regular button](/docs/components-buttons-button--docs). -`;function s(o){const e={h2:"h2",h3:"h3",...r(),...o.components};return n.jsxs(n.Fragment,{children:[n.jsx(i,{of:d}),` -`,n.jsx(a,{children:j}),` +`;function s(o){const e={h2:"h2",h3:"h3",p:"p",...r(),...o.components};return n.jsxs(n.Fragment,{children:[n.jsx(i,{of:d}),` +`,n.jsx(a,{children:f}),` `,n.jsx(l,{}),` `,n.jsx(c,{}),` `,n.jsx(e.h2,{id:"examples",children:"Examples"}),` `,n.jsx(e.h3,{id:"on-light-background",children:"On Light Background"}),` -`,n.jsx(t,{of:m}),` +`,n.jsx(e.p,{children:"On a light (not white) background, the icon is black."}),` +`,n.jsx(t,{of:h}),` `,n.jsx(e.h3,{id:"on-dark-background",children:"On Dark Background"}),` +`,n.jsx(e.p,{children:"On a dark background, the icon is white."}),` `,n.jsx(t,{of:u}),` `,n.jsx(e.h3,{id:"level-3",children:"Level 3"}),` -`,n.jsx(t,{of:h}),` +`,n.jsx(t,{of:m}),` `,n.jsx(e.h3,{id:"level-4",children:"Level 4"}),` `,n.jsx(t,{of:x}),` `,n.jsx(e.h3,{id:"level-5",children:"Level 5"}),` `,n.jsx(t,{of:p}),` `,n.jsx(e.h3,{id:"level-6",children:"Level 6"}),` -`,n.jsx(t,{of:f})]})}function X(o={}){const{wrapper:e}={...r(),...o.components};return e?n.jsx(e,{...o,children:n.jsx(s,{...o})}):s(o)}export{X as default}; +`,n.jsx(t,{of:j})]})}function X(o={}){const{wrapper:e}={...r(),...o.components};return e?n.jsx(e,{...o,children:n.jsx(s,{...o})}):s(o)}export{X as default}; diff --git a/demo-develop/assets/IconButton.stories-B7B46tkn.js b/demo-develop/assets/IconButton.stories-B7B46tkn.js new file mode 100644 index 0000000000..4a1003d31b --- /dev/null +++ b/demo-develop/assets/IconButton.stories-B7B46tkn.js @@ -0,0 +1,28 @@ +import{I as c}from"./index.esm-DQkeu4as.js";import{I as j}from"./IconButton-CFmnpWmC.js";/** + * @license EUPL-1.2+ + * Copyright Gemeente Amsterdam + */const x={title:"Components/Buttons/Icon Button",component:j,args:{label:"Sluiten",onBackground:void 0,disabled:!1,size:void 0},argTypes:{disabled:{description:"Prevents interaction. Avoid if possible."},onBackground:{control:{type:"radio",labels:{undefined:"default",light:"light",dark:"dark"}},options:[void 0,"light","dark"]},size:{control:{type:"radio",labels:{undefined:"level-5"}},options:["level-3","level-4",void 0,"level-6"]},svg:{control:{type:"select"},options:Object.keys(c),mapping:c}}},e={},r={args:{onBackground:"light"}},s={args:{onBackground:"dark"}},a={args:{size:"level-3"}},o={args:{size:"level-4"}},n={args:{size:"level-5"}},t={args:{size:"level-6"}};var l,d,i;e.parameters={...e.parameters,docs:{...(l=e.parameters)==null?void 0:l.docs,source:{originalSource:"{}",...(i=(d=e.parameters)==null?void 0:d.docs)==null?void 0:i.source}}};var p,u,g;r.parameters={...r.parameters,docs:{...(p=r.parameters)==null?void 0:p.docs,source:{originalSource:`{ + args: { + onBackground: 'light' + } +}`,...(g=(u=r.parameters)==null?void 0:u.docs)==null?void 0:g.source}}};var m,v,k;s.parameters={...s.parameters,docs:{...(m=s.parameters)==null?void 0:m.docs,source:{originalSource:`{ + args: { + onBackground: 'dark' + } +}`,...(k=(v=s.parameters)==null?void 0:v.docs)==null?void 0:k.source}}};var B,f,b;a.parameters={...a.parameters,docs:{...(B=a.parameters)==null?void 0:B.docs,source:{originalSource:`{ + args: { + size: 'level-3' + } +}`,...(b=(f=a.parameters)==null?void 0:f.docs)==null?void 0:b.source}}};var z,L,S;o.parameters={...o.parameters,docs:{...(z=o.parameters)==null?void 0:z.docs,source:{originalSource:`{ + args: { + size: 'level-4' + } +}`,...(S=(L=o.parameters)==null?void 0:L.docs)==null?void 0:S.source}}};var O,h,y;n.parameters={...n.parameters,docs:{...(O=n.parameters)==null?void 0:O.docs,source:{originalSource:`{ + args: { + size: 'level-5' + } +}`,...(y=(h=n.parameters)==null?void 0:h.docs)==null?void 0:y.source}}};var I,_,D;t.parameters={...t.parameters,docs:{...(I=t.parameters)==null?void 0:I.docs,source:{originalSource:`{ + args: { + size: 'level-6' + } +}`,...(D=(_=t.parameters)==null?void 0:_.docs)==null?void 0:D.source}}};const P=["Default","OnLightBackground","OnDarkBackground","Level3","Level4","Level5","Level6"],C=Object.freeze(Object.defineProperty({__proto__:null,Default:e,Level3:a,Level4:o,Level5:n,Level6:t,OnDarkBackground:s,OnLightBackground:r,__namedExportsOrder:P,default:x},Symbol.toStringTag,{value:"Module"}));export{C as I,a as L,r as O,s as a,o as b,n as c,t as d}; diff --git a/demo-develop/assets/IconButton.stories-DHPnVPUf.js b/demo-develop/assets/IconButton.stories-DHPnVPUf.js deleted file mode 100644 index af5043042a..0000000000 --- a/demo-develop/assets/IconButton.stories-DHPnVPUf.js +++ /dev/null @@ -1,28 +0,0 @@ -import{I as c}from"./index.esm-DQkeu4as.js";import{I as j}from"./IconButton-B8Ra7ApA.js";/** - * @license EUPL-1.2+ - * Copyright Gemeente Amsterdam - */const x={title:"Components/Buttons/Icon Button",component:j,args:{label:"Sluiten",onBackground:void 0,disabled:!1,size:void 0},argTypes:{onBackground:{control:{type:"radio",labels:{undefined:"default",light:"light",dark:"dark"}},options:[void 0,"light","dark"]},size:{control:{type:"radio",labels:{undefined:"level-5"}},options:["level-3","level-4",void 0,"level-6"]},svg:{control:{type:"select"},options:Object.keys(c),mapping:c}}},e={},r={args:{onBackground:"light"}},s={args:{onBackground:"dark"}},a={args:{size:"level-3"}},o={args:{size:"level-4"}},n={args:{size:"level-5"}},t={args:{size:"level-6"}};var l,d,i;e.parameters={...e.parameters,docs:{...(l=e.parameters)==null?void 0:l.docs,source:{originalSource:"{}",...(i=(d=e.parameters)==null?void 0:d.docs)==null?void 0:i.source}}};var p,u,g;r.parameters={...r.parameters,docs:{...(p=r.parameters)==null?void 0:p.docs,source:{originalSource:`{ - args: { - onBackground: 'light' - } -}`,...(g=(u=r.parameters)==null?void 0:u.docs)==null?void 0:g.source}}};var m,v,k;s.parameters={...s.parameters,docs:{...(m=s.parameters)==null?void 0:m.docs,source:{originalSource:`{ - args: { - onBackground: 'dark' - } -}`,...(k=(v=s.parameters)==null?void 0:v.docs)==null?void 0:k.source}}};var B,f,z;a.parameters={...a.parameters,docs:{...(B=a.parameters)==null?void 0:B.docs,source:{originalSource:`{ - args: { - size: 'level-3' - } -}`,...(z=(f=a.parameters)==null?void 0:f.docs)==null?void 0:z.source}}};var L,S,b;o.parameters={...o.parameters,docs:{...(L=o.parameters)==null?void 0:L.docs,source:{originalSource:`{ - args: { - size: 'level-4' - } -}`,...(b=(S=o.parameters)==null?void 0:S.docs)==null?void 0:b.source}}};var O,h,y;n.parameters={...n.parameters,docs:{...(O=n.parameters)==null?void 0:O.docs,source:{originalSource:`{ - args: { - size: 'level-5' - } -}`,...(y=(h=n.parameters)==null?void 0:h.docs)==null?void 0:y.source}}};var I,_,D;t.parameters={...t.parameters,docs:{...(I=t.parameters)==null?void 0:I.docs,source:{originalSource:`{ - args: { - size: 'level-6' - } -}`,...(D=(_=t.parameters)==null?void 0:_.docs)==null?void 0:D.source}}};const T=["Default","OnLightBackground","OnDarkBackground","Level3","Level4","Level5","Level6"],M=Object.freeze(Object.defineProperty({__proto__:null,Default:e,Level3:a,Level4:o,Level5:n,Level6:t,OnDarkBackground:s,OnLightBackground:r,__namedExportsOrder:T,default:x},Symbol.toStringTag,{value:"Module"}));export{M as I,a as L,r as O,s as a,o as b,n as c,t as d}; diff --git a/demo-develop/assets/Image-dXyGEKw_.js b/demo-develop/assets/Image-dXyGEKw_.js deleted file mode 100644 index f569a07152..0000000000 --- a/demo-develop/assets/Image-dXyGEKw_.js +++ /dev/null @@ -1 +0,0 @@ -import{j as m}from"./jsx-runtime-Nms4Y4qS.js";import{c as t}from"./clsx-B-dksMZM.js";import{r as c}from"./index-BwDkhjyp.js";const e=c.forwardRef(({className:a,cover:r=!1,...o},s)=>m.jsx("img",{...o,ref:s,className:t("ams-image",r&&"ams-image--cover",a)}));e.displayName="Image";try{e.displayName="Image",e.__docgenInfo={description:"",displayName:"Image",props:{cover:{defaultValue:{value:"false"},description:"",name:"cover",required:!1,type:{name:"boolean"}}}}}catch{}export{e as I}; diff --git a/demo-develop/assets/Image-z3YSpimw.js b/demo-develop/assets/Image-z3YSpimw.js new file mode 100644 index 0000000000..f9534b5d8d --- /dev/null +++ b/demo-develop/assets/Image-z3YSpimw.js @@ -0,0 +1 @@ +import{j as i}from"./jsx-runtime-Nms4Y4qS.js";import{c as t}from"./clsx-B-dksMZM.js";import{r as m}from"./index-BwDkhjyp.js";const e=m.forwardRef(({className:a,cover:r=!1,...s},o)=>i.jsx("img",{...s,ref:o,className:t("ams-image",r&&"ams-image--cover",a)}));e.displayName="Image";try{e.displayName="Image",e.__docgenInfo={description:"",displayName:"Image",props:{cover:{defaultValue:{value:"false"},description:"Whether to display the image exactly as large as its container. This will clip the image if necessary.",name:"cover",required:!1,type:{name:"boolean"}}}}}catch{}export{e as I}; diff --git a/demo-develop/assets/Image.docs-CQIS1z5P.js b/demo-develop/assets/Image.docs-Cl1Q9ECZ.js similarity index 90% rename from demo-develop/assets/Image.docs-CQIS1z5P.js rename to demo-develop/assets/Image.docs-Cl1Q9ECZ.js index fd7e87f4ba..f4ce8ee2de 100644 --- a/demo-develop/assets/Image.docs-CQIS1z5P.js +++ b/demo-develop/assets/Image.docs-Cl1Q9ECZ.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as i}from"./index-DlpNa54Y.js";import{M as a,d as r,P as l,e as c,f as o}from"./index-DanlQ17N.js";import{I as d,M as m,L as h}from"./Image.stories-gH3Psc3n.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-C2MGObLX.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";import"./Image-dXyGEKw_.js";import"./clsx-B-dksMZM.js";const p=` +import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as i}from"./index-DlpNa54Y.js";import{M as a,d as r,P as l,e as c,f as o}from"./index-C1H0KNfC.js";import{I as d,M as m,L as h}from"./Image.stories-BEWLhhXt.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-CjTW3GMG.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";import"./Image-z3YSpimw.js";import"./clsx-B-dksMZM.js";const p=` # Image diff --git a/demo-develop/assets/Image.stories-BEWLhhXt.js b/demo-develop/assets/Image.stories-BEWLhhXt.js new file mode 100644 index 0000000000..31ec56d42a --- /dev/null +++ b/demo-develop/assets/Image.stories-BEWLhhXt.js @@ -0,0 +1,32 @@ +import{I as l}from"./Image-z3YSpimw.js";/** + * @license EUPL-1.2+ + * Copyright Gemeente Amsterdam + */const d={title:"Components/Media/Image",component:l},s={args:{alt:"",src:"https://picsum.photos/640/360"},argTypes:{alt:{description:"Describes the image for non-visual users."},src:{description:"The url for the image."},srcSet:{description:"A set of candidate images."}}},e={args:{alt:"",srcSet:"https://picsum.photos/640/360 640w, https://picsum.photos/1280/720 1280w",sizes:"(max-width: 36rem) 640px, 50vw"}},t={args:{alt:"",src:"https://picsum.photos/2560/1440",loading:"lazy"}};var r,a,o;s.parameters={...s.parameters,docs:{...(r=s.parameters)==null?void 0:r.docs,source:{originalSource:`{ + args: { + alt: '', + src: 'https://picsum.photos/640/360' + }, + argTypes: { + alt: { + description: 'Describes the image for non-visual users.' + }, + src: { + description: 'The url for the image.' + }, + srcSet: { + description: 'A set of candidate images.' + } + } +}`,...(o=(a=s.parameters)==null?void 0:a.docs)==null?void 0:o.source}}};var n,c,p;e.parameters={...e.parameters,docs:{...(n=e.parameters)==null?void 0:n.docs,source:{originalSource:`{ + args: { + alt: '', + srcSet: 'https://picsum.photos/640/360 640w, https://picsum.photos/1280/720 1280w', + sizes: '(max-width: 36rem) 640px, 50vw' + } +}`,...(p=(c=e.parameters)==null?void 0:c.docs)==null?void 0:p.source}}};var i,m,u;t.parameters={...t.parameters,docs:{...(i=t.parameters)==null?void 0:i.docs,source:{originalSource:`{ + args: { + alt: '', + src: 'https://picsum.photos/2560/1440', + loading: 'lazy' + } +}`,...(u=(m=t.parameters)==null?void 0:m.docs)==null?void 0:u.source}}};const g=["Default","MultipleSources","LazyLoading"],f=Object.freeze(Object.defineProperty({__proto__:null,Default:s,LazyLoading:t,MultipleSources:e,__namedExportsOrder:g,default:d},Symbol.toStringTag,{value:"Module"}));export{f as I,t as L,e as M}; diff --git a/demo-develop/assets/Image.stories-gH3Psc3n.js b/demo-develop/assets/Image.stories-gH3Psc3n.js deleted file mode 100644 index 8018802e83..0000000000 --- a/demo-develop/assets/Image.stories-gH3Psc3n.js +++ /dev/null @@ -1,21 +0,0 @@ -import{I as l}from"./Image-dXyGEKw_.js";/** - * @license EUPL-1.2+ - * Copyright Gemeente Amsterdam - */const d={title:"Components/Media/Image",component:l},s={args:{alt:"",src:"https://picsum.photos/640/360"}},t={args:{alt:"",srcSet:"https://picsum.photos/640/360 640w, https://picsum.photos/1280/720 1280w",sizes:"(max-width: 36rem) 640px, 50vw"}},e={args:{alt:"",src:"https://picsum.photos/2560/1440",loading:"lazy"}};var a,o,r;s.parameters={...s.parameters,docs:{...(a=s.parameters)==null?void 0:a.docs,source:{originalSource:`{ - args: { - alt: '', - src: 'https://picsum.photos/640/360' - } -}`,...(r=(o=s.parameters)==null?void 0:o.docs)==null?void 0:r.source}}};var p,c,n;t.parameters={...t.parameters,docs:{...(p=t.parameters)==null?void 0:p.docs,source:{originalSource:`{ - args: { - alt: '', - srcSet: 'https://picsum.photos/640/360 640w, https://picsum.photos/1280/720 1280w', - sizes: '(max-width: 36rem) 640px, 50vw' - } -}`,...(n=(c=t.parameters)==null?void 0:c.docs)==null?void 0:n.source}}};var m,i,u;e.parameters={...e.parameters,docs:{...(m=e.parameters)==null?void 0:m.docs,source:{originalSource:`{ - args: { - alt: '', - src: 'https://picsum.photos/2560/1440', - loading: 'lazy' - } -}`,...(u=(i=e.parameters)==null?void 0:i.docs)==null?void 0:u.source}}};const g=["Default","MultipleSources","LazyLoading"],S=Object.freeze(Object.defineProperty({__proto__:null,Default:s,LazyLoading:e,MultipleSources:t,__namedExportsOrder:g,default:d},Symbol.toStringTag,{value:"Module"}));export{S as I,e as L,t as M}; diff --git a/demo-develop/assets/Label.docs-BI_KoF19.js b/demo-develop/assets/Label.docs-aDNpkIWh.js similarity index 79% rename from demo-develop/assets/Label.docs-BI_KoF19.js rename to demo-develop/assets/Label.docs-aDNpkIWh.js index 299d588957..c0911bdc73 100644 --- a/demo-develop/assets/Label.docs-BI_KoF19.js +++ b/demo-develop/assets/Label.docs-aDNpkIWh.js @@ -1,4 +1,4 @@ -import{j as t}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as e}from"./index-DlpNa54Y.js";import{M as s,d as i,P as a,e as m}from"./index-DanlQ17N.js";import{L as p}from"./Label.stories-B7UyyokK.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-C2MGObLX.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";import"./Label-7rbJKFpg.js";import"./clsx-B-dksMZM.js";const c=` +import{j as t}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as e}from"./index-DlpNa54Y.js";import{M as s,d as i,P as a,e as m}from"./index-C1H0KNfC.js";import{L as p}from"./Label.stories-D9uMd7Qa.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-CjTW3GMG.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";import"./Label-7rbJKFpg.js";import"./clsx-B-dksMZM.js";const c=` # Label diff --git a/demo-develop/assets/Label.stories-B7UyyokK.js b/demo-develop/assets/Label.stories-B7UyyokK.js deleted file mode 100644 index 38c1ef4990..0000000000 --- a/demo-develop/assets/Label.stories-B7UyyokK.js +++ /dev/null @@ -1,4 +0,0 @@ -import{L as t}from"./Label-7rbJKFpg.js";/** - * @license EUPL-1.2+ - * Copyright Gemeente Amsterdam - */const s={title:"Components/Forms/Label",component:t,args:{children:"Label"},argTypes:{children:{table:{disable:!1}}}},e={};var r,a,o;e.parameters={...e.parameters,docs:{...(r=e.parameters)==null?void 0:r.docs,source:{originalSource:"{}",...(o=(a=e.parameters)==null?void 0:a.docs)==null?void 0:o.source}}};const l=["Default"],n=Object.freeze(Object.defineProperty({__proto__:null,Default:e,__namedExportsOrder:l,default:s},Symbol.toStringTag,{value:"Module"}));export{n as L}; diff --git a/demo-develop/assets/Label.stories-D9uMd7Qa.js b/demo-develop/assets/Label.stories-D9uMd7Qa.js new file mode 100644 index 0000000000..1e75042540 --- /dev/null +++ b/demo-develop/assets/Label.stories-D9uMd7Qa.js @@ -0,0 +1,4 @@ +import{L as a}from"./Label-7rbJKFpg.js";/** + * @license EUPL-1.2+ + * Copyright Gemeente Amsterdam + */const s={title:"Components/Forms/Label",component:a,args:{children:"Label"},argTypes:{children:{description:"The text content.",table:{disable:!1}}}},e={};var t,r,o;e.parameters={...e.parameters,docs:{...(t=e.parameters)==null?void 0:t.docs,source:{originalSource:"{}",...(o=(r=e.parameters)==null?void 0:r.docs)==null?void 0:o.source}}};const l=["Default"],c=Object.freeze(Object.defineProperty({__proto__:null,Default:e,__namedExportsOrder:l,default:s},Symbol.toStringTag,{value:"Module"}));export{c as L}; diff --git a/demo-develop/assets/Link-C7ZZOouR.js b/demo-develop/assets/Link-C7ZZOouR.js deleted file mode 100644 index e8b761b476..0000000000 --- a/demo-develop/assets/Link-C7ZZOouR.js +++ /dev/null @@ -1 +0,0 @@ -import{j as o}from"./jsx-runtime-Nms4Y4qS.js";import{c as t}from"./clsx-B-dksMZM.js";import{r as d}from"./index-BwDkhjyp.js";const a=d.forwardRef(({children:e,variant:n="standalone",onBackground:l,className:i,...r},s)=>o.jsx("a",{...r,ref:s,className:t("ams-link",{"ams-link--standalone":n==="standalone","ams-link--inline":n==="inline","ams-link--on-background-light":l==="light","ams-link--on-background-dark":l==="dark"},i),children:e}));a.displayName="Link";try{a.displayName="Link",a.__docgenInfo={description:"",displayName:"Link",props:{variant:{defaultValue:{value:"standalone"},description:"",name:"variant",required:!1,type:{name:"enum",value:[{value:'"inline"'},{value:'"standalone"'}]}},onBackground:{defaultValue:null,description:"",name:"onBackground",required:!1,type:{name:"enum",value:[{value:'"default"'},{value:'"light"'},{value:'"dark"'}]}}}}}catch{}export{a as L}; diff --git a/demo-develop/assets/Link-DfaTqfXA.js b/demo-develop/assets/Link-DfaTqfXA.js new file mode 100644 index 0000000000..6e6fceccc6 --- /dev/null +++ b/demo-develop/assets/Link-DfaTqfXA.js @@ -0,0 +1 @@ +import{j as o}from"./jsx-runtime-Nms4Y4qS.js";import{c as s}from"./clsx-B-dksMZM.js";import{r as d}from"./index-BwDkhjyp.js";const a=d.forwardRef(({children:e,variant:n="standalone",onBackground:l,className:i,...r},t)=>o.jsx("a",{...r,ref:t,className:s("ams-link",{"ams-link--standalone":n==="standalone","ams-link--inline":n==="inline","ams-link--on-background-light":l==="light","ams-link--on-background-dark":l==="dark"},i),children:e}));a.displayName="Link";try{a.displayName="Link",a.__docgenInfo={description:"",displayName:"Link",props:{onBackground:{defaultValue:null,description:"Describes the underlying background colour. Allows the text to provide visual contrast.",name:"onBackground",required:!1,type:{name:"enum",value:[{value:'"default"'},{value:'"light"'},{value:'"dark"'}]}},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{}export{a as L}; diff --git a/demo-develop/assets/Link.docs-BsJ0XVDA.js b/demo-develop/assets/Link.docs-nDhZi2pI.js similarity index 92% rename from demo-develop/assets/Link.docs-BsJ0XVDA.js rename to demo-develop/assets/Link.docs-nDhZi2pI.js index 263ba98278..771395b525 100644 --- a/demo-develop/assets/Link.docs-BsJ0XVDA.js +++ b/demo-develop/assets/Link.docs-nDhZi2pI.js @@ -1,4 +1,4 @@ -import{j as n}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as s}from"./index-DlpNa54Y.js";import{M as a,d as r,P as l,e as c,f as i}from"./index-DanlQ17N.js";import{L as h,S as d,I as p,o as m,a as g}from"./Link.stories-1CavNHGt.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-C2MGObLX.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";import"./Link-C7ZZOouR.js";import"./clsx-B-dksMZM.js";import"./Paragraph-B6eM4Eli.js";const u=` +import{j as n}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as s}from"./index-DlpNa54Y.js";import{M as a,d as r,P as l,e as c,f as i}from"./index-C1H0KNfC.js";import{L as h,S as d,I as p,o as m,a as g}from"./Link.stories-Bdm-Havn.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-CjTW3GMG.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";import"./Link-DfaTqfXA.js";import"./clsx-B-dksMZM.js";import"./Paragraph-C4jU4-Z4.js";const u=` # Link diff --git a/demo-develop/assets/Link.stories-1CavNHGt.js b/demo-develop/assets/Link.stories-1CavNHGt.js deleted file mode 100644 index 51884ae632..0000000000 --- a/demo-develop/assets/Link.stories-1CavNHGt.js +++ /dev/null @@ -1,31 +0,0 @@ -import{j as r}from"./jsx-runtime-Nms4Y4qS.js";import{L as v}from"./Link-C7ZZOouR.js";import{P as j}from"./Paragraph-B6eM4Eli.js";const L={title:"Components/Navigation/Link",component:v,args:{children:"Link label",href:"#",onBackground:void 0},argTypes:{children:{table:{disable:!1}},onBackground:{control:{type:"radio",labels:{undefined:"default",light:"light",dark:"dark"}},options:[void 0,"light","dark"]},href:{name:"href",type:{name:"string",required:!1},table:{category:"HTML attribute",defaultValue:{summary:""}}},rel:{name:"rel",type:{name:"string",required:!1},table:{category:"HTML attribute",defaultValue:{summary:""}}},target:{name:"target",type:{name:"string",required:!1},table:{category:"HTML attribute",defaultValue:{summary:""}}}}},a={},n={},o={args:{children:"typograaf",variant:"inline"},decorators:[e=>r.jsxs(j,{children:["Jouw ",r.jsx(e,{})," biedt mij zulke exquise schreven!"]})]},t={args:{onBackground:"dark"},decorators:[e=>r.jsx("div",{style:{background:"#004699",display:"inline",padding:"16px"},children:r.jsx(e,{})})]},s={args:{onBackground:"light"},decorators:[e=>r.jsx("div",{style:{background:"#FFE600",display:"inline",padding:"16px"},children:r.jsx(e,{})})]};var i,d,c;a.parameters={...a.parameters,docs:{...(i=a.parameters)==null?void 0:i.docs,source:{originalSource:"{}",...(c=(d=a.parameters)==null?void 0:d.docs)==null?void 0:c.source}}};var l,u,g;n.parameters={...n.parameters,docs:{...(l=n.parameters)==null?void 0:l.docs,source:{originalSource:"{}",...(g=(u=n.parameters)==null?void 0:u.docs)==null?void 0:g.source}}};var p,m,y;o.parameters={...o.parameters,docs:{...(p=o.parameters)==null?void 0:p.docs,source:{originalSource:`{ - args: { - children: 'typograaf', - variant: 'inline' - }, - decorators: [Story => - Jouw biedt mij zulke exquise schreven! - ] -}`,...(y=(m=o.parameters)==null?void 0:m.docs)==null?void 0:y.source}}};var k,f,h;t.parameters={...t.parameters,docs:{...(k=t.parameters)==null?void 0:k.docs,source:{originalSource:`{ - args: { - onBackground: 'dark' - }, - decorators: [Story =>
    - -
    ] -}`,...(h=(f=t.parameters)==null?void 0:f.docs)==null?void 0:h.source}}};var b,S,x;s.parameters={...s.parameters,docs:{...(b=s.parameters)==null?void 0:b.docs,source:{originalSource:`{ - args: { - onBackground: 'light' - }, - decorators: [Story =>
    - -
    ] -}`,...(x=(S=s.parameters)==null?void 0:S.docs)==null?void 0:x.source}}};const B=["Default","Standalone","Inline","onDarkBackground","onLightBackground"],T=Object.freeze(Object.defineProperty({__proto__:null,Default:a,Inline:o,Standalone:n,__namedExportsOrder:B,default:L,onDarkBackground:t,onLightBackground:s},Symbol.toStringTag,{value:"Module"}));export{o as I,T as L,n as S,s as a,t as o}; diff --git a/demo-develop/assets/Link.stories-Bdm-Havn.js b/demo-develop/assets/Link.stories-Bdm-Havn.js new file mode 100644 index 0000000000..e2775baa64 --- /dev/null +++ b/demo-develop/assets/Link.stories-Bdm-Havn.js @@ -0,0 +1,31 @@ +import{j as r}from"./jsx-runtime-Nms4Y4qS.js";import{L as b}from"./Link-DfaTqfXA.js";import{P as j}from"./Paragraph-C4jU4-Z4.js";const B={title:"Components/Navigation/Link",component:b,args:{children:"Link label",href:"#",onBackground:void 0},argTypes:{children:{description:"The link text.",table:{disable:!1}},onBackground:{control:{type:"radio",labels:{undefined:"default",light:"light",dark:"dark"}},options:[void 0,"light","dark"]},href:{description:"The url for the link.",name:"href",type:{name:"string",required:!1}}}},a={},n={},o={args:{children:"typograaf",variant:"inline"},decorators:[e=>r.jsxs(j,{children:["Jouw ",r.jsx(e,{})," biedt mij zulke exquise schreven!"]})]},s={args:{onBackground:"dark"},decorators:[e=>r.jsx("div",{style:{background:"#004699",display:"inline",padding:"16px"},children:r.jsx(e,{})})]},t={args:{onBackground:"light"},decorators:[e=>r.jsx("div",{style:{background:"#FFE600",display:"inline",padding:"16px"},children:r.jsx(e,{})})]};var i,d,c;a.parameters={...a.parameters,docs:{...(i=a.parameters)==null?void 0:i.docs,source:{originalSource:"{}",...(c=(d=a.parameters)==null?void 0:d.docs)==null?void 0:c.source}}};var l,p,g;n.parameters={...n.parameters,docs:{...(l=n.parameters)==null?void 0:l.docs,source:{originalSource:"{}",...(g=(p=n.parameters)==null?void 0:p.docs)==null?void 0:g.source}}};var u,m,k;o.parameters={...o.parameters,docs:{...(u=o.parameters)==null?void 0:u.docs,source:{originalSource:`{ + args: { + children: 'typograaf', + variant: 'inline' + }, + decorators: [Story => + Jouw biedt mij zulke exquise schreven! + ] +}`,...(k=(m=o.parameters)==null?void 0:m.docs)==null?void 0:k.source}}};var h,y,f;s.parameters={...s.parameters,docs:{...(h=s.parameters)==null?void 0:h.docs,source:{originalSource:`{ + args: { + onBackground: 'dark' + }, + decorators: [Story =>
    + +
    ] +}`,...(f=(y=s.parameters)==null?void 0:y.docs)==null?void 0:f.source}}};var x,S,v;t.parameters={...t.parameters,docs:{...(x=t.parameters)==null?void 0:x.docs,source:{originalSource:`{ + args: { + onBackground: 'light' + }, + decorators: [Story =>
    + +
    ] +}`,...(v=(S=t.parameters)==null?void 0:S.docs)==null?void 0:v.source}}};const L=["Default","Standalone","Inline","onDarkBackground","onLightBackground"],E=Object.freeze(Object.defineProperty({__proto__:null,Default:a,Inline:o,Standalone:n,__namedExportsOrder:L,default:B,onDarkBackground:s,onLightBackground:t},Symbol.toStringTag,{value:"Module"}));export{o as I,E as L,n as S,t as a,s as o}; diff --git a/demo-develop/assets/LinkList-Cj5_Zz5z.js b/demo-develop/assets/LinkList-Cj5_Zz5z.js deleted file mode 100644 index cec555f3ba..0000000000 --- a/demo-develop/assets/LinkList-Cj5_Zz5z.js +++ /dev/null @@ -1,3 +0,0 @@ -import{j as i}from"./jsx-runtime-Nms4Y4qS.js";import{c as o}from"./clsx-B-dksMZM.js";import{r as c}from"./index-BwDkhjyp.js";import{d as p}from"./index.esm-DQkeu4as.js";import{I as L}from"./Icon-tKAGJH_4.js";const f={small:"level-6",medium:"level-5",large:"level-4"},m=c.forwardRef(({children:e,className:n,href:t,icon:s,onBackground:l,size:a,...u},k)=>i.jsx("li",{children:i.jsxs("a",{className:o("ams-link-list__link",l&&`ams-link-list__link--on-background-${l}`,a&&`ams-link-list__link--${a}`,n),href:t,ref:k,...u,children:[i.jsx(L,{svg:s??p,size:f[a??"medium"]}),e]})}));m.displayName="LinkList.Link";try{LinkList.Link.displayName="LinkList.Link",LinkList.Link.__docgenInfo={description:"One link with a Link List.",displayName:"LinkList.Link",props:{href:{defaultValue:null,description:"The target url for the link.",name:"href",required:!1,type:{name:"string"}},icon:{defaultValue:null,description:`An icon to display instead of the default chevron. -Don’t mix custom icons with chevrons in one list.`,name:"icon",required:!1,type:{name:"Function"}},onBackground:{defaultValue:null,description:"Whether the link sits on a dark background.",name:"onBackground",required:!1,type:{name:"enum",value:[{value:'"default"'},{value:'"light"'},{value:'"dark"'}]}},size:{defaultValue:null,description:`The text size for the link. -Use the same size for all items in the list.`,name:"size",required:!1,type:{name:"enum",value:[{value:'"small"'},{value:'"large"'}]}}}}}catch{}const d=c.forwardRef(({children:e,className:n,...t},s)=>i.jsx("ul",{ref:s,className:o("ams-link-list",n),...t,children:e}));d.displayName="LinkList";const r=Object.assign(d,{Link:m});try{r.displayName="LinkList",r.__docgenInfo={description:"",displayName:"LinkList",props:{}}}catch{}export{r as L}; diff --git a/demo-develop/assets/LinkList-DB6g-rx2.js b/demo-develop/assets/LinkList-DB6g-rx2.js new file mode 100644 index 0000000000..09b50de1a8 --- /dev/null +++ b/demo-develop/assets/LinkList-DB6g-rx2.js @@ -0,0 +1 @@ +import{j as n}from"./jsx-runtime-Nms4Y4qS.js";import{c as r}from"./clsx-B-dksMZM.js";import{r as o}from"./index-BwDkhjyp.js";import{d as p}from"./index.esm-DQkeu4as.js";import{I as L}from"./Icon-CuaumHXX.js";const k={small:"level-6",medium:"level-5",large:"level-4"},c=o.forwardRef(({children:e,className:s,icon:t,onBackground:i,size:a,...d},u)=>n.jsx("li",{children:n.jsxs("a",{className:r("ams-link-list__link",i&&`ams-link-list__link--on-background-${i}`,a&&`ams-link-list__link--${a}`,s),ref:u,...d,children:[n.jsx(L,{svg:t??p,size:k[a??"medium"]}),e]})}));c.displayName="LinkList.Link";try{LinkList.Link.displayName="LinkList.Link",LinkList.Link.__docgenInfo={description:"One link with a Link List.",displayName:"LinkList.Link",props:{icon:{defaultValue:null,description:"An icon to display instead of the default chevron. Don’t mix custom icons with chevrons in one list.",name:"icon",required:!1,type:{name:"Function"}},onBackground:{defaultValue:null,description:"Describes the underlying background colour. Allows the text to provide visual contrast.",name:"onBackground",required:!1,type:{name:"enum",value:[{value:'"default"'},{value:'"light"'},{value:'"dark"'}]}},size:{defaultValue:null,description:"The size of the text. Use the same size for all items in the list.",name:"size",required:!1,type:{name:"enum",value:[{value:'"small"'},{value:'"large"'}]}}}}}catch{}const m=o.forwardRef(({children:e,className:s,...t},i)=>n.jsx("ul",{ref:i,className:r("ams-link-list",s),...t,children:e}));m.displayName="LinkList";const l=Object.assign(m,{Link:c});try{l.displayName="LinkList",l.__docgenInfo={description:"",displayName:"LinkList",props:{}}}catch{}export{l as L}; diff --git a/demo-develop/assets/LinkList.docs-XBduuQZ7.js b/demo-develop/assets/LinkList.docs-CwDWgcQV.js similarity index 90% rename from demo-develop/assets/LinkList.docs-XBduuQZ7.js rename to demo-develop/assets/LinkList.docs-CwDWgcQV.js index 424a467446..973ee5ce7b 100644 --- a/demo-develop/assets/LinkList.docs-XBduuQZ7.js +++ b/demo-develop/assets/LinkList.docs-CwDWgcQV.js @@ -1,4 +1,4 @@ -import{j as n}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as r}from"./index-DlpNa54Y.js";import{M as l,d as a,P as c,f as o,e as h}from"./index-DanlQ17N.js";import{L as d,C as m,S as p,a as s,O as x,b as u}from"./LinkList.stories-DWoNT6GN.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-C2MGObLX.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";import"./index.esm-DQkeu4as.js";import"./exampleContent-CRK3_7Hv.js";import"./LinkList-Cj5_Zz5z.js";import"./clsx-B-dksMZM.js";import"./Icon-tKAGJH_4.js";const f=` +import{j as n}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as r}from"./index-DlpNa54Y.js";import{M as l,d as a,P as c,f as o,e as h}from"./index-C1H0KNfC.js";import{L as d,C as m,S as p,a as s,O as x,b as u}from"./LinkList.stories-DEiZM3iK.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-CjTW3GMG.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";import"./index.esm-DQkeu4as.js";import"./exampleContent-CRK3_7Hv.js";import"./LinkList-DB6g-rx2.js";import"./clsx-B-dksMZM.js";import"./Icon-CuaumHXX.js";const f=` # Link List diff --git a/demo-develop/assets/LinkList.stories-DWoNT6GN.js b/demo-develop/assets/LinkList.stories-DEiZM3iK.js similarity index 98% rename from demo-develop/assets/LinkList.stories-DWoNT6GN.js rename to demo-develop/assets/LinkList.stories-DEiZM3iK.js index 1a1e984cf3..f3ebee0541 100644 --- a/demo-develop/assets/LinkList.stories-DWoNT6GN.js +++ b/demo-develop/assets/LinkList.stories-DEiZM3iK.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{I as m,d as A,e as w,f as _,g as D}from"./index.esm-DQkeu4as.js";import{c as E}from"./exampleContent-CRK3_7Hv.js";import{L as n}from"./LinkList-Cj5_Zz5z.js";const k=E(),F={title:"Components/Navigation/Link List",component:n,args:{children:k.map((r,l)=>e.jsx(n.Link,{href:"#",children:r},l))}},P={title:"Components/Navigation/Link List Link",component:n.Link,argTypes:{icon:{control:{type:"select"},options:Object.keys(m),mapping:m,defaultValue:A},onBackground:{control:{type:"radio",labels:{undefined:"(not set)",light:"light",dark:"dark"}},options:[void 0,"light","dark"]},size:{control:{type:"radio",labels:{small:"small",undefined:"medium",large:"large"}},options:["small",void 0,"large"]}}},H={},c={args:{href:"#"},argTypes:P.argTypes,decorators:[r=>e.jsx(n,{children:e.jsx(r,{})})],render:({children:r,...l})=>e.jsx(n.Link,{...l,children:r})},s={...H},o={args:{children:[e.jsx(n.Link,{href:"#",icon:w,children:"Contactformulier"},"form"),e.jsx(n.Link,{href:"#",icon:_,children:"Adressen en openingstijden"},"address"),e.jsx(n.Link,{href:"#",icon:D,children:"Bel 14 020"},"phone")]}},i={args:{children:[e.jsx(n.Link,{href:"#",size:"small",children:"Over deze website"},"about"),e.jsx(n.Link,{href:"#",size:"small",children:"Abonneer u op de nieuwsbrief"},"newsletter"),e.jsx(n.Link,{href:"#",size:"small",children:"Werken bij de gemeente Amsterdam"},"jobs")]}},a={...c,args:{children:"Alles over openbare orde en veiligheid",href:"#",onBackground:void 0,size:void 0}},t={...c,args:{children:k[0],href:"#",onBackground:"dark"},decorators:[...c.decorators,r=>e.jsx("div",{style:{background:"#004699",padding:"1rem"},children:e.jsx(r,{})})]},d={...c,args:{children:k[0],href:"#",onBackground:"light"},decorators:[...c.decorators,r=>e.jsx("div",{style:{background:"#FFE600",padding:"1rem"},children:e.jsx(r,{})})]};var g,p,L;s.parameters={...s.parameters,docs:{...(g=s.parameters)==null?void 0:g.docs,source:{originalSource:`{ +import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{I as m,d as A,e as w,f as _,g as D}from"./index.esm-DQkeu4as.js";import{c as E}from"./exampleContent-CRK3_7Hv.js";import{L as n}from"./LinkList-DB6g-rx2.js";const k=E(),F={title:"Components/Navigation/Link List",component:n,args:{children:k.map((r,l)=>e.jsx(n.Link,{href:"#",children:r},l))}},P={title:"Components/Navigation/Link List Link",component:n.Link,argTypes:{icon:{control:{type:"select"},options:Object.keys(m),mapping:m,defaultValue:A},onBackground:{control:{type:"radio",labels:{undefined:"(not set)",light:"light",dark:"dark"}},options:[void 0,"light","dark"]},size:{control:{type:"radio",labels:{small:"small",undefined:"medium",large:"large"}},options:["small",void 0,"large"]}}},H={},c={args:{href:"#"},argTypes:P.argTypes,decorators:[r=>e.jsx(n,{children:e.jsx(r,{})})],render:({children:r,...l})=>e.jsx(n.Link,{...l,children:r})},s={...H},o={args:{children:[e.jsx(n.Link,{href:"#",icon:w,children:"Contactformulier"},"form"),e.jsx(n.Link,{href:"#",icon:_,children:"Adressen en openingstijden"},"address"),e.jsx(n.Link,{href:"#",icon:D,children:"Bel 14 020"},"phone")]}},i={args:{children:[e.jsx(n.Link,{href:"#",size:"small",children:"Over deze website"},"about"),e.jsx(n.Link,{href:"#",size:"small",children:"Abonneer u op de nieuwsbrief"},"newsletter"),e.jsx(n.Link,{href:"#",size:"small",children:"Werken bij de gemeente Amsterdam"},"jobs")]}},a={...c,args:{children:"Alles over openbare orde en veiligheid",href:"#",onBackground:void 0,size:void 0}},t={...c,args:{children:k[0],href:"#",onBackground:"dark"},decorators:[...c.decorators,r=>e.jsx("div",{style:{background:"#004699",padding:"1rem"},children:e.jsx(r,{})})]},d={...c,args:{children:k[0],href:"#",onBackground:"light"},decorators:[...c.decorators,r=>e.jsx("div",{style:{background:"#FFE600",padding:"1rem"},children:e.jsx(r,{})})]};var g,p,L;s.parameters={...s.parameters,docs:{...(g=s.parameters)==null?void 0:g.docs,source:{originalSource:`{ ...LinkTemplate }`,...(L=(p=s.parameters)==null?void 0:p.docs)==null?void 0:L.source}}};var u,h,f;o.parameters={...o.parameters,docs:{...(u=o.parameters)==null?void 0:u.docs,source:{originalSource:`{ args: { diff --git a/demo-develop/assets/Logo-CUETn_by.js b/demo-develop/assets/Logo-C5ZbuiYN.js similarity index 99% rename from demo-develop/assets/Logo-CUETn_by.js rename to demo-develop/assets/Logo-C5ZbuiYN.js index bb6e4a6f24..40d3818645 100644 --- a/demo-develop/assets/Logo-CUETn_by.js +++ b/demo-develop/assets/Logo-C5ZbuiYN.js @@ -1 +1 @@ -import{j as c}from"./jsx-runtime-Nms4Y4qS.js";import{c as t}from"./clsx-B-dksMZM.js";import{r as l}from"./index-BwDkhjyp.js";const s=l.forwardRef((h,v)=>c.jsxs("svg",{className:"ams-logo","aria-hidden":"true",focusable:"false",ref:v,viewBox:"0 0 115 40",xmlns:"http://www.w3.org/2000/svg",...h,children:[c.jsx("path",{className:"ams-logo__text-primary",fill:"#EC0000",d:"M16.435 8.581c0-3.752 2.63-6.4 6.344-6.4 1.886 0 3.466.61 4.59 1.829L25.731 5.57c-.704-.78-1.714-1.238-2.915-1.238-2.248 0-3.81 1.752-3.81 4.248 0 2.496 1.524 4.324 3.715 4.324 2 0 3.391-1.143 3.391-2.8v-.323h-2.99V7.705h5.505V9.63c0 3.162-2.457 5.39-5.981 5.39s-6.21-2.666-6.21-6.438ZM30.225 10.086c0-2.915 1.962-4.934 4.762-4.934s4.743 2 4.743 4.876c0 .229-.037.59-.076.839h-7.048C32.778 12.143 33.863 13 35.254 13c1.029 0 1.924-.381 2.514-1.067l1.428 1.391c-.857 1.106-2.343 1.696-4.057 1.696-2.895 0-4.915-2.038-4.915-4.934h.001Zm2.381-.952h4.743c-.152-1.238-1.105-2.077-2.38-2.077-1.276 0-2.229.839-2.363 2.077ZM43.902 5.382v1.275h.038c.476-.97 1.314-1.505 2.4-1.505 1.219 0 2.132.534 2.704 1.6.571-1.028 1.62-1.6 2.952-1.6 2.324 0 3.448 1.296 3.448 3.943v5.696h-2.362V9.495c0-1.543-.534-2.286-1.638-2.286-1.104 0-1.696.82-1.696 2.362v5.22h-2.362V9.495c0-1.562-.514-2.286-1.638-2.286-1.124 0-1.695.838-1.695 2.362v5.22H41.69V5.38h2.212ZM57.312 10.086c0-2.915 1.963-4.934 4.762-4.934 2.8 0 4.744 2 4.744 4.876 0 .229-.038.59-.077.839h-7.048C59.865 12.143 60.95 13 62.341 13c1.03 0 1.924-.381 2.514-1.067l1.429 1.391c-.857 1.106-2.344 1.696-4.058 1.696-2.895 0-4.915-2.038-4.915-4.934h.001Zm2.381-.952h4.743c-.152-1.238-1.105-2.077-2.38-2.077-1.276 0-2.229.839-2.363 2.077ZM68.189 10.086c0-2.915 1.962-4.934 4.762-4.934s4.743 2 4.743 4.876c0 .229-.038.59-.077.839H70.57C70.74 12.143 71.827 13 73.218 13c1.028 0 1.923-.381 2.513-1.067l1.429 1.391c-.857 1.106-2.343 1.696-4.058 1.696-2.895 0-4.915-2.038-4.915-4.934h.002Zm2.38-.952h4.744c-.153-1.238-1.105-2.077-2.381-2.077-1.276 0-2.228.839-2.362 2.077ZM81.883 5.382v1.275h.038c.438-.933 1.39-1.505 2.495-1.505 2.362 0 3.582 1.353 3.582 3.943v5.696h-2.363V9.552c0-1.6-.571-2.343-1.772-2.343-1.2 0-1.847.838-1.847 2.4v5.18h-2.362V5.382h2.23ZM91.026 11.42V7.342h-1.619V5.381h.858c.78 0 1.085-.305 1.085-1.086V2.83h2.019v2.553h2.285v1.962H93.37v4.077c0 .915.476 1.428 1.352 1.428.267 0 .59-.037.78-.095v1.981c-.285.077-.819.133-1.238.133-2.133 0-3.238-1.18-3.238-3.447l.001-.002ZM96.817 10.086c0-2.915 1.963-4.934 4.762-4.934 2.8 0 4.744 2 4.744 4.876 0 .229-.038.59-.077.839h-7.048c.172 1.276 1.257 2.133 2.648 2.133 1.029 0 1.924-.381 2.514-1.067l1.429 1.391c-.857 1.106-2.344 1.696-4.058 1.696-2.895 0-4.915-2.038-4.915-4.934h.001Zm2.381-.952h4.744c-.153-1.238-1.106-2.077-2.382-2.077-1.275 0-2.228.839-2.362 2.077ZM23.73 25.267l4.952 12.381h-2.647l-1.03-2.724H19.5l-1.028 2.724h-2.553l4.953-12.38h2.858Zm-3.486 7.6h4l-1.982-5.219h-.037l-1.981 5.22ZM32.454 28.24v1.275h.038c.476-.97 1.315-1.505 2.4-1.505 1.22 0 2.133.534 2.704 1.6.572-1.028 1.62-1.6 2.953-1.6 2.323 0 3.447 1.296 3.447 3.944v5.696h-2.362v-5.296c0-1.543-.534-2.286-1.638-2.286-1.104 0-1.695.82-1.695 2.362v5.22h-2.363v-5.296c0-1.562-.514-2.286-1.638-2.286-1.124 0-1.695.838-1.695 2.362v5.22h-2.362v-9.41h2.211ZM48.34 33.706c-1.275-.381-2.513-1.067-2.513-2.78 0-1.715 1.447-2.916 3.6-2.916 1.448 0 2.572.514 3.2 1.466l-1.351 1.353c-.477-.59-1.124-.915-1.829-.915-.8 0-1.296.362-1.296.933 0 .762.8.895 1.963 1.257 1.276.381 2.514 1.067 2.514 2.781 0 1.715-1.524 2.99-3.772 2.99-1.466 0-2.648-.514-3.334-1.486l1.353-1.352c.513.609 1.2.934 1.962.934.915 0 1.466-.381 1.466-1.01 0-.762-.8-.895-1.962-1.258v.003ZM55.122 34.277v-4.076h-1.62v-1.963h.858c.78 0 1.085-.304 1.085-1.085v-1.466h2.019v2.552h2.286v1.963h-2.286v4.076c0 .915.476 1.43 1.352 1.43.267 0 .59-.038.78-.096v1.981c-.285.077-.819.133-1.237.133-2.133 0-3.238-1.18-3.238-3.447v-.002ZM60.911 32.944c0-2.915 1.963-4.934 4.763-4.934s4.743 2 4.743 4.876c0 .228-.038.59-.077.839h-7.048c.172 1.276 1.257 2.133 2.648 2.133 1.03 0 1.924-.381 2.514-1.067l1.429 1.391c-.857 1.105-2.343 1.696-4.058 1.696-2.895 0-4.915-2.038-4.915-4.934h.001Zm2.381-.952h4.744c-.153-1.239-1.106-2.077-2.381-2.077-1.276 0-2.229.838-2.363 2.077ZM74.607 28.24V29.8h.038c.457-1.066 1.296-1.638 2.4-1.638.285 0 .685.038.838.095v2.248c-.267-.076-.78-.132-1.162-.132-1.2 0-1.98.914-1.98 2.323v4.953h-2.363v-9.41h2.23ZM78.551 32.983c0-2.915 1.924-4.972 4.648-4.972 1.257 0 2.286.553 2.934 1.562h.037V23.84h2.362v13.81h-2.228v-1.467h-.037c-.61 1.067-1.752 1.696-3.067 1.696-2.724 0-4.648-2.038-4.648-4.895l-.001-.001Zm7.62-.038c0-1.695-1.048-2.82-2.591-2.82-1.543 0-2.61 1.143-2.61 2.82 0 1.677 1.049 2.82 2.61 2.82s2.59-1.124 2.59-2.82ZM90.34 34.963c0-1.81 1.506-2.895 4.02-2.915l1.828-.019v-.304c0-1.106-.704-1.677-1.981-1.677-.838 0-1.581.323-2.095.915l-1.429-1.391c.82-1.01 2.133-1.562 3.752-1.562 2.514 0 4.114 1.371 4.114 3.562v3.733c0 .343.153.495.534.495h.172v1.847H98.15c-.895 0-1.506-.418-1.696-1.105h-.038c-.59.857-1.561 1.333-2.743 1.333-1.981 0-3.333-1.18-3.333-2.914v.002Zm5.848-.82v-.534l-1.561.02c-1.238.018-1.905.457-1.905 1.275 0 .724.571 1.238 1.37 1.238 1.239 0 2.096-.82 2.096-2v.001ZM103.312 28.24v1.275h.038c.476-.97 1.315-1.505 2.4-1.505 1.219 0 2.133.534 2.704 1.6.572-1.028 1.619-1.6 2.953-1.6 2.323 0 3.447 1.296 3.447 3.944v5.696h-2.362v-5.296c0-1.543-.534-2.286-1.638-2.286-1.104 0-1.695.82-1.695 2.362v5.22h-2.363v-5.296c0-1.562-.513-2.286-1.638-2.286-1.124 0-1.695.838-1.695 2.362v5.22h-2.362v-9.41h2.211Z"}),c.jsx("path",{className:"ams-logo__emblem",fill:"#EC0000",d:"m0 37.648 3.527-3.527L0 30.593l2.352-2.351 3.527 3.527 3.528-3.527 2.351 2.351-3.527 3.528 3.527 3.527L9.407 40l-3.528-3.527L2.352 40 0 37.648ZM0 23.54l3.527-3.528L0 16.485l2.352-2.352 3.527 3.528 3.528-3.528 2.351 2.352-3.527 3.527 3.527 3.528-2.351 2.351-3.528-3.527-3.527 3.527L0 23.54ZM0 9.407l3.527-3.528L0 2.352 2.352 0l3.527 3.527L9.407 0l2.351 2.352-3.527 3.527 3.527 3.528-2.351 2.351-3.528-3.527-3.526 3.527L0 9.407Z"})]}));s.displayName="LogoAmsterdam";try{s.displayName="LogoAmsterdam",s.__docgenInfo={description:"",displayName:"LogoAmsterdam",props:{}}}catch{}const a=l.forwardRef((h,v)=>c.jsxs("svg",{className:"ams-logo","aria-hidden":"true",focusable:"false",ref:v,viewBox:"0 0 115 40",xmlns:"http://www.w3.org/2000/svg",...h,children:[c.jsx("path",{className:"ams-logo__emblem",fill:"#EC0000",d:"m0 37.648 3.527-3.527L0 30.593l2.352-2.351 3.527 3.527 3.528-3.527 2.351 2.351-3.527 3.528 3.527 3.527L9.407 40l-3.528-3.527L2.352 40 0 37.648ZM0 23.54l3.527-3.528L0 16.485l2.352-2.352 3.527 3.528 3.528-3.528 2.351 2.352-3.527 3.527 3.527 3.528-2.351 2.351-3.528-3.527-3.527 3.527L0 23.54ZM0 9.407l3.527-3.528L0 2.352 2.352 0l3.527 3.527L9.407 0l2.351 2.352-3.527 3.527 3.527 3.528-2.351 2.351-3.528-3.527-3.526 3.527L0 9.407Z"}),c.jsx("path",{className:"ams-logo__text-primary",fill:"#EC0000",d:"m23.73 25.267 4.952 12.381h-2.647l-1.03-2.724H19.5l-1.028 2.724h-2.553l4.953-12.381h2.858Zm-3.486 7.6h4l-1.982-5.219h-.037l-1.981 5.22ZM32.454 28.24v1.275h.038c.476-.971 1.315-1.505 2.4-1.505 1.22 0 2.133.534 2.704 1.6.572-1.028 1.62-1.6 2.953-1.6 2.323 0 3.447 1.296 3.447 3.944v5.696h-2.362v-5.296c0-1.543-.534-2.286-1.638-2.286-1.104 0-1.695.82-1.695 2.362v5.22h-2.363v-5.296c0-1.562-.514-2.286-1.638-2.286-1.124 0-1.695.838-1.695 2.362v5.22h-2.362v-9.41h2.211ZM48.34 33.706c-1.275-.381-2.513-1.067-2.513-2.78 0-1.715 1.447-2.916 3.6-2.916 1.448 0 2.572.514 3.2 1.466l-1.351 1.353c-.477-.59-1.124-.915-1.829-.915-.8 0-1.296.362-1.296.933 0 .762.8.895 1.963 1.257 1.276.381 2.514 1.067 2.514 2.781 0 1.715-1.524 2.99-3.772 2.99-1.466 0-2.648-.514-3.334-1.486l1.353-1.352c.513.609 1.2.934 1.962.934.915 0 1.466-.381 1.466-1.01 0-.762-.8-.895-1.962-1.258v.003ZM55.122 34.277v-4.076h-1.62v-1.963h.858c.78 0 1.085-.304 1.085-1.085v-1.466h2.019v2.552h2.286v1.963h-2.286v4.076c0 .915.476 1.43 1.352 1.43.267 0 .59-.038.78-.096v1.981c-.285.076-.819.133-1.237.133-2.133 0-3.238-1.18-3.238-3.447v-.002ZM60.911 32.944c0-2.915 1.963-4.934 4.763-4.934s4.743 2 4.743 4.876c0 .228-.038.59-.077.839h-7.048c.172 1.275 1.257 2.133 2.648 2.133 1.03 0 1.924-.381 2.514-1.067l1.429 1.391c-.857 1.105-2.343 1.696-4.058 1.696-2.895 0-4.915-2.038-4.915-4.934h.001Zm2.381-.953h4.744c-.153-1.238-1.106-2.076-2.381-2.076-1.276 0-2.229.838-2.363 2.076ZM74.607 28.24V29.8h.038c.457-1.066 1.296-1.638 2.4-1.638.285 0 .685.038.838.095v2.248c-.267-.076-.78-.132-1.162-.132-1.2 0-1.98.914-1.98 2.323v4.953h-2.363v-9.41h2.23ZM78.551 32.983c0-2.915 1.924-4.972 4.648-4.972 1.257 0 2.286.553 2.934 1.562h.037V23.84h2.362v13.81h-2.228v-1.467h-.037c-.61 1.067-1.752 1.696-3.067 1.696-2.724 0-4.648-2.038-4.648-4.895l-.001-.001Zm7.62-.038c0-1.695-1.048-2.82-2.591-2.82-1.543 0-2.61 1.143-2.61 2.82 0 1.677 1.049 2.82 2.61 2.82s2.59-1.124 2.59-2.82ZM90.34 34.963c0-1.81 1.506-2.895 4.02-2.915l1.828-.019v-.304c0-1.106-.704-1.677-1.981-1.677-.838 0-1.581.323-2.095.915l-1.429-1.391c.82-1.01 2.133-1.562 3.752-1.562 2.514 0 4.114 1.371 4.114 3.562v3.733c0 .343.153.495.534.495h.172v1.847H98.15c-.895 0-1.506-.418-1.696-1.105h-.038c-.59.857-1.561 1.333-2.743 1.333-1.981 0-3.333-1.18-3.333-2.915v.003Zm5.848-.82v-.534l-1.561.02c-1.238.018-1.905.457-1.905 1.275 0 .724.571 1.238 1.37 1.238 1.239 0 2.096-.82 2.096-2v.001ZM103.312 28.24v1.275h.038c.476-.971 1.315-1.505 2.4-1.505 1.219 0 2.133.534 2.704 1.6.572-1.028 1.619-1.6 2.953-1.6 2.323 0 3.447 1.296 3.447 3.944v5.696h-2.362v-5.296c0-1.543-.534-2.286-1.638-2.286-1.104 0-1.695.82-1.695 2.362v5.22h-2.363v-5.296c0-1.562-.513-2.286-1.638-2.286-1.124 0-1.695.838-1.695 2.362v5.22h-2.362v-9.41h2.211Z"}),c.jsx("path",{className:"ams-logo__text-secondary",fill:"#000",d:"M16.436 8.581c0-3.752 2.629-6.4 6.343-6.4 1.886 0 3.466.61 4.59 1.829L25.732 5.57c-.705-.78-1.715-1.238-2.915-1.238-2.248 0-3.81 1.752-3.81 4.248 0 2.496 1.524 4.324 3.714 4.324 2 0 3.392-1.143 3.392-2.8v-.323h-2.99V7.705h5.505V9.63c0 3.162-2.458 5.39-5.982 5.39s-6.21-2.666-6.21-6.438ZM30.34 8.581c0-3.752 2.63-6.4 6.344-6.4 1.886 0 3.467.61 4.59 1.829L39.638 5.57c-.705-.78-1.715-1.238-2.915-1.238-2.248 0-3.81 1.752-3.81 4.248 0 2.496 1.524 4.324 3.715 4.324 2 0 3.39-1.143 3.39-2.8v-.323h-2.99V7.705h5.506V9.63c0 3.162-2.458 5.39-5.982 5.39s-6.21-2.666-6.21-6.438ZM44.836 2.41h4.61c3.809 0 6.343 2.476 6.343 6.19 0 3.714-2.59 6.19-6.363 6.19h-4.59V2.41Zm4.419 10.229c2.38 0 3.942-1.543 3.942-4.02 0-2.475-1.524-4.057-3.923-4.057H47.35v8.077h1.905Z"})]}));a.displayName="LogoGgdAmsterdam";try{a.displayName="LogoGgdAmsterdam",a.__docgenInfo={description:"",displayName:"LogoGgdAmsterdam",props:{}}}catch{}const e=l.forwardRef((h,v)=>c.jsxs("svg",{className:"ams-logo","aria-hidden":"true",focusable:"false",ref:v,viewBox:"0 0 121 42",fill:"none",xmlns:"http://www.w3.org/2000/svg",...h,children:[c.jsx("path",{className:"ams-logo__text-secondary",d:"M18.085 30.527H20.669L23.051 35.26H23.08L25.46 30.527H28.045V39.964H26.187V32.69H26.157L23.82 37.336H22.31L19.973 32.69H19.943V39.964H18.085V30.527ZM29.976 37.133V32.792H31.776V36.799C31.776 38.004 32.197 38.57 33.068 38.57C33.954 38.57 34.448 37.917 34.448 36.755V32.792H36.248V39.964H34.55V38.991H34.521C34.173 39.688 33.418 40.138 32.605 40.138C30.848 40.138 29.976 39.137 29.976 37.133ZM39.63 36.959C38.658 36.669 37.714 36.146 37.714 34.839C37.714 33.518 38.818 32.618 40.458 32.618C41.562 32.618 42.418 33.009 42.898 33.735L41.867 34.766C41.504 34.316 41.01 34.069 40.473 34.069C39.863 34.069 39.486 34.345 39.486 34.781C39.486 35.361 40.096 35.463 40.981 35.739C41.954 36.029 42.898 36.552 42.898 37.859C42.898 39.209 41.736 40.139 40.023 40.139C38.905 40.139 38.005 39.746 37.482 39.006L38.512 37.975C38.6925 38.1976 38.9205 38.3771 39.1794 38.5001C39.4383 38.6231 39.7214 38.6866 40.008 38.686C40.705 38.686 41.126 38.396 41.126 37.917C41.126 37.337 40.515 37.235 39.63 36.959ZM45.7 35.652H49.315C49.199 34.708 48.473 34.069 47.5 34.069C46.527 34.069 45.801 34.709 45.7 35.652ZM43.885 36.378C43.885 34.157 45.38 32.618 47.515 32.618C49.649 32.618 51.13 34.142 51.13 36.334C51.13 36.509 51.1 36.784 51.072 36.974H45.699C45.83 37.946 46.658 38.599 47.718 38.599C48.502 38.599 49.184 38.309 49.634 37.786L50.724 38.846C50.07 39.688 48.937 40.138 47.631 40.138C45.424 40.138 43.885 38.585 43.885 36.378ZM52.523 37.133V32.792H54.323V36.799C54.323 38.004 54.745 38.57 55.616 38.57C56.502 38.57 56.996 37.917 56.996 36.755V32.792H58.796V39.964H57.096V38.991H57.068C56.72 39.688 55.964 40.138 55.151 40.138C53.395 40.138 52.523 39.137 52.523 37.133ZM60.741 32.792H62.425V33.765H62.455C62.817 33.024 63.456 32.618 64.284 32.618C65.213 32.618 65.91 33.024 66.345 33.838C66.781 33.053 67.58 32.618 68.595 32.618C70.367 32.618 71.224 33.605 71.224 35.623V39.964H69.424V35.928C69.424 34.752 69.017 34.186 68.174 34.186C67.333 34.186 66.883 34.81 66.883 35.986V39.964H65.083V35.928C65.083 34.738 64.69 34.186 63.833 34.186C63.006 34.186 62.541 34.824 62.541 35.986V39.964H60.741V32.792ZM84.683 39.964L82.853 32.908H82.824L80.994 39.964H78.774L76 30.527H78.033L79.891 37.67H79.921L81.793 30.527H83.884L85.757 37.67H85.787L87.645 30.527H89.677L86.904 39.964H84.683ZM91.71 35.652H95.325C95.209 34.708 94.483 34.069 93.51 34.069C92.537 34.069 91.812 34.709 91.71 35.652ZM89.895 36.378C89.895 34.157 91.39 32.618 93.525 32.618C95.659 32.618 97.14 34.142 97.14 36.334C97.14 36.509 97.11 36.784 97.082 36.974H91.71C91.84 37.946 92.668 38.599 93.728 38.599C94.512 38.599 95.194 38.309 95.645 37.786L96.733 38.846C96.08 39.688 94.948 40.138 93.641 40.138C91.434 40.138 89.895 38.585 89.895 36.378ZM100 35.652H103.616C103.499 34.708 102.773 34.069 101.801 34.069C100.828 34.069 100.1 34.709 100 35.652ZM98.185 36.378C98.185 34.157 99.681 32.618 101.815 32.618C103.949 32.618 105.43 34.142 105.43 36.334C105.43 36.509 105.401 36.784 105.372 36.974H100C100.13 37.946 100.958 38.599 102.018 38.599C102.802 38.599 103.485 38.309 103.935 37.786L105.024 38.846C104.37 39.688 103.238 40.138 101.931 40.138C99.724 40.138 98.185 38.585 98.185 36.378ZM108.363 36.959C107.39 36.669 106.446 36.146 106.446 34.839C106.446 33.518 107.55 32.618 109.191 32.618C110.294 32.618 111.151 33.009 111.63 33.735L110.599 34.766C110.236 34.316 109.742 34.069 109.205 34.069C108.595 34.069 108.218 34.345 108.218 34.781C108.218 35.361 108.828 35.463 109.713 35.739C110.686 36.029 111.63 36.552 111.63 37.859C111.63 39.209 110.468 40.139 108.755 40.139C107.637 40.139 106.737 39.746 106.215 39.006L107.245 37.975C107.426 38.1976 107.654 38.3771 107.912 38.5001C108.171 38.6231 108.454 38.6866 108.741 38.686C109.437 38.686 109.859 38.396 109.859 37.917C109.859 37.337 109.249 37.235 108.363 36.959ZM118.83 36.378C118.83 35.086 118.033 34.229 116.857 34.229C115.68 34.229 114.867 35.1 114.867 36.378C114.867 37.656 115.68 38.527 116.857 38.527C118.033 38.527 118.831 37.67 118.831 36.377L118.83 36.378ZM113.067 32.792H114.78V33.91H114.81C115.245 33.097 116.116 32.618 117.162 32.618C119.209 32.618 120.675 34.171 120.675 36.348C120.675 38.556 119.209 40.138 117.162 40.138C116.189 40.138 115.39 39.718 114.896 38.948H114.867V42.65H113.067V32.792Z",fill:"#000"}),c.jsx("path",{className:"ams-logo__text-primary",d:"M20.539 22.287H23.588L22.078 18.309H22.048L20.539 22.287ZM21.018 16.494H23.196L26.971 25.931H24.953L24.169 23.855H19.973L19.189 25.931H17.243L21.018 16.494ZM28.161 18.759H29.845V19.732H29.875C30.237 18.992 30.876 18.584 31.704 18.584C32.633 18.584 33.33 18.991 33.765 19.804C34.201 19.02 35 18.584 36.015 18.584C37.787 18.584 38.644 19.572 38.644 21.59V25.931H36.844V21.895C36.844 20.719 36.437 20.152 35.594 20.152C34.753 20.152 34.303 20.777 34.303 21.952V25.932H32.503V21.895C32.503 20.705 32.11 20.152 31.253 20.152C30.426 20.152 29.961 20.792 29.961 21.952V25.932H28.161V18.759ZM41.954 22.926C40.981 22.636 40.037 22.113 40.037 20.806C40.037 19.485 41.141 18.584 42.781 18.584C43.885 18.584 44.741 18.977 45.221 19.702L44.19 20.733C43.827 20.283 43.333 20.036 42.796 20.036C42.186 20.036 41.809 20.312 41.809 20.748C41.809 21.328 42.419 21.43 43.304 21.706C44.277 21.996 45.221 22.519 45.221 23.826C45.221 25.176 44.059 26.106 42.346 26.106C41.228 26.106 40.328 25.713 39.806 24.973L40.836 23.942C41.0164 24.1645 41.2443 24.3439 41.5029 24.4669C41.7616 24.5899 42.0446 24.6535 42.331 24.653C43.028 24.653 43.449 24.363 43.449 23.884C43.449 23.304 42.839 23.202 41.954 22.926ZM47.122 23.361V20.254H45.888V18.76H46.542C47.137 18.76 47.369 18.527 47.369 17.932V16.814H48.909V18.76H50.651V20.255H48.908V23.362C48.908 24.059 49.271 24.452 49.939 24.452C50.142 24.452 50.389 24.422 50.534 24.379V25.889C50.2243 25.9569 49.9081 25.9907 49.591 25.99C47.965 25.99 47.122 25.089 47.122 23.361ZM53.351 21.619H56.966C56.85 20.675 56.124 20.036 55.151 20.036C54.179 20.036 53.453 20.676 53.351 21.619ZM51.536 22.345C51.536 20.124 53.032 18.585 55.166 18.585C57.3 18.585 58.781 20.109 58.781 22.301C58.781 22.476 58.752 22.751 58.723 22.941H53.351C53.481 23.913 54.309 24.566 55.369 24.566C56.153 24.566 56.836 24.276 57.286 23.753L58.375 24.813C57.721 25.655 56.589 26.105 55.282 26.105C53.075 26.105 51.536 24.552 51.536 22.345ZM60.277 18.759H61.975V19.949H62.005C62.353 19.136 62.992 18.701 63.834 18.701C64.051 18.701 64.356 18.73 64.472 18.773V20.487C64.1819 20.4194 63.8849 20.3852 63.587 20.385C62.672 20.385 62.077 21.082 62.077 22.156V25.931H60.277V18.759ZM70.788 22.345C70.788 21.053 69.99 20.196 68.814 20.196C67.623 20.196 66.824 21.067 66.824 22.346C66.824 23.623 67.623 24.494 68.814 24.494C69.99 24.494 70.788 23.637 70.788 22.345ZM64.981 22.374C64.981 20.152 66.447 18.584 68.523 18.584C69.481 18.584 70.265 19.006 70.759 19.775H70.789V15.405H72.589V25.93H70.889V24.812H70.861C70.396 25.625 69.525 26.104 68.523 26.104C66.447 26.104 64.981 24.552 64.981 22.374ZM78.425 23.26V22.853L77.235 22.868C76.291 22.882 75.783 23.216 75.783 23.841C75.783 24.392 76.218 24.784 76.828 24.784C77.771 24.784 78.425 24.16 78.425 23.26ZM73.968 23.884C73.968 22.504 75.115 21.677 77.031 21.663L78.425 21.648V21.416C78.425 20.574 77.888 20.138 76.915 20.138C76.276 20.138 75.71 20.385 75.318 20.835L74.229 19.775C74.853 19.005 75.855 18.585 77.089 18.585C79.006 18.585 80.225 19.63 80.225 21.3V24.145C80.225 24.407 80.341 24.523 80.632 24.523H80.762V25.931H79.92C79.238 25.931 78.773 25.611 78.628 25.089H78.6C78.15 25.743 77.41 26.105 76.51 26.105C75 26.105 73.969 25.205 73.969 23.885L73.968 23.884ZM82.17 18.759H83.855V19.732H83.884C84.247 18.992 84.886 18.584 85.714 18.584C86.642 18.584 87.339 18.991 87.774 19.804C88.21 19.02 89.009 18.584 90.025 18.584C91.797 18.584 92.653 19.572 92.653 21.59V25.931H90.853V21.895C90.853 20.719 90.446 20.152 89.604 20.152C88.762 20.152 88.312 20.777 88.312 21.952V25.932H86.512V21.895C86.512 20.705 86.12 20.152 85.263 20.152C84.436 20.152 83.971 20.792 83.971 21.952V25.932H82.171L82.17 18.759ZM17.644 6.97998C17.644 4.11998 19.647 2.09998 22.479 2.09998C23.916 2.09998 25.121 2.56498 25.978 3.49398L24.729 4.68398C24.192 4.08898 23.422 3.74098 22.508 3.74098C20.795 3.74098 19.604 5.07698 19.604 6.97898C19.604 8.92398 20.765 10.274 22.435 10.274C23.96 10.274 25.02 9.40398 25.02 8.13998V7.89298H22.74V6.31198H26.936V7.77798C26.936 10.188 25.063 11.887 22.377 11.887C19.604 11.887 17.644 9.85398 17.644 6.97998ZM29.97 7.39998H33.586C33.469 6.45698 32.743 5.81798 31.771 5.81798C30.798 5.81798 30.072 6.45698 29.971 7.40098L29.97 7.39998ZM28.155 8.12698C28.155 5.90498 29.651 4.36698 31.785 4.36698C33.92 4.36698 35.4 5.89098 35.4 8.08298C35.4 8.25698 35.372 8.53298 35.342 8.72198H29.97C30.101 9.69498 30.929 10.348 31.988 10.348C32.773 10.348 33.455 10.058 33.905 9.53498L34.994 10.595C34.341 11.437 33.208 11.887 31.901 11.887C29.694 11.887 28.155 10.333 28.155 8.12698ZM36.896 4.53998H38.58V5.51298H38.609C38.972 4.77298 39.611 4.36598 40.439 4.36598C41.368 4.36598 42.065 4.77298 42.5 5.58598C42.936 4.80198 43.734 4.36598 44.75 4.36598C46.522 4.36598 47.379 5.35398 47.379 7.37198V11.712H45.579V7.67698C45.579 6.50198 45.172 5.93498 44.329 5.93498C43.488 5.93498 43.037 6.55998 43.037 7.73498V11.714H41.237V7.67598C41.237 6.48598 40.845 5.93398 39.988 5.93398C39.161 5.93398 38.696 6.57398 38.696 7.73398V11.713H36.896V4.53998ZM50.616 7.39998H54.231C54.115 6.45698 53.389 5.81798 52.417 5.81798C51.444 5.81798 50.717 6.45698 50.617 7.40098L50.616 7.39998ZM48.801 8.12698C48.801 5.90498 50.297 4.36698 52.431 4.36698C54.565 4.36698 56.046 5.89098 56.046 8.08298C56.046 8.25698 56.017 8.53298 55.988 8.72198H50.616C50.746 9.69498 51.574 10.348 52.634 10.348C53.418 10.348 54.101 10.058 54.551 9.53498L55.64 10.595C54.986 11.437 53.854 11.887 52.547 11.887C50.34 11.887 48.801 10.333 48.801 8.12698ZM58.906 7.39998H62.522C62.406 6.45698 61.68 5.81798 60.707 5.81798C59.734 5.81798 59.008 6.45698 58.907 7.40098L58.906 7.39998ZM57.092 8.12698C57.092 5.90498 58.587 4.36698 60.722 4.36698C62.856 4.36698 64.337 5.89098 64.337 8.08298C64.337 8.25698 64.307 8.53298 64.279 8.72198H58.906C59.037 9.69498 59.865 10.348 60.925 10.348C61.708 10.348 62.391 10.058 62.841 9.53498L63.93 10.595C63.277 11.437 62.144 11.887 60.837 11.887C58.631 11.887 57.092 10.333 57.092 8.12698ZM65.832 4.53998H67.531V5.51298H67.56C67.894 4.80198 68.62 4.36598 69.462 4.36598C71.262 4.36598 72.192 5.39698 72.192 7.37198V11.712H70.39V7.71998C70.39 6.49998 69.955 5.93398 69.04 5.93398C68.125 5.93398 67.631 6.57398 67.631 7.76398V11.713H65.831L65.832 4.53998ZM74.5 9.14298V6.03598H73.266V4.53998H73.919C74.514 4.53998 74.747 4.30798 74.747 3.71298V2.59498H76.286V4.53998H78.028V6.03598H76.286V9.14298C76.286 9.83998 76.648 10.232 77.316 10.232C77.52 10.232 77.766 10.202 77.912 10.159V11.669C77.602 11.7372 77.2855 11.7714 76.968 11.771C75.342 11.771 74.5 10.871 74.5 9.14298ZM80.728 7.39998H84.344C84.227 6.45698 83.501 5.81798 82.529 5.81798C81.556 5.81798 80.83 6.45698 80.729 7.40098L80.728 7.39998ZM78.913 8.12698C78.913 5.90498 80.409 4.36698 82.543 4.36698C84.678 4.36698 86.158 5.89098 86.158 8.08298C86.158 8.25698 86.129 8.53298 86.1 8.72198H80.728C80.859 9.69498 81.687 10.348 82.747 10.348C83.531 10.348 84.213 10.058 84.663 9.53498L85.752 10.595C85.099 11.437 83.966 11.887 82.659 11.887C80.452 11.887 78.913 10.333 78.913 8.12698Z",fill:"#EC0000"}),c.jsx("path",{className:"ams-logo__emblem",d:"M0 38.3642L3.6 34.9356L0 31.507L2.4 29.2213L6 32.6499L9.6 29.2213L12 31.507L8.4 34.9356L12 38.3642L9.6 40.6499L6 37.2213L2.4 40.6499L0 38.3642Z",fill:"#EC0000"}),c.jsx("path",{className:"ams-logo__emblem",d:"M0 9.79276L3.6 6.36419L0 2.93562L2.4 0.649902L6 4.07847L9.6 0.649902L12 2.93562L8.4 6.36419L12 9.79276L9.6 12.0785L6 8.6499L2.4 12.0785L0 9.79276Z",fill:"#EC0000"}),c.jsx("path",{className:"ams-logo__emblem",d:"M0 24.0785L3.6 20.6499L0 17.2213L2.4 14.9356L6 18.3642L9.6 14.9356L12 17.2213L8.4 20.6499L12 24.0785L9.6 26.3642L6 22.9356L2.4 26.3642L0 24.0785Z",fill:"#EC0000"})]}));e.displayName="LogoMuseumWeesp";try{e.displayName="LogoMuseumWeesp",e.__docgenInfo={description:"",displayName:"LogoMuseumWeesp",props:{}}}catch{}const Z=l.forwardRef((h,v)=>c.jsxs("svg",{className:"ams-logo","aria-hidden":"true",focusable:"false",ref:v,viewBox:"0 0 98 40",xmlns:"http://www.w3.org/2000/svg",...h,children:[c.jsx("path",{className:"ams-logo__emblem",fill:"#EC0000",d:"m0 37.648 3.527-3.527L0 30.593l2.352-2.351 3.527 3.527 3.528-3.527 2.351 2.351-3.527 3.528 3.527 3.527L9.407 40l-3.528-3.527L2.352 40 0 37.648ZM0 9.407l3.527-3.528L0 2.352 2.352 0l3.527 3.527L9.407 0l2.351 2.352-3.527 3.527 3.527 3.528-2.351 2.351-3.528-3.527-3.526 3.527L0 9.407ZM0 23.54l3.527-3.528L0 16.485l2.352-2.352 3.527 3.528 3.528-3.528 2.351 2.352-3.527 3.527 3.527 3.528-2.351 2.351-3.528-3.527-3.527 3.527L0 23.54Z"}),c.jsx("path",{className:"ams-logo__text-primary",fill:"#EC0000",d:"M20.937 15.334h2.17l3.76 9.4h-2.011l-.78-2.068h-4.18l-.782 2.068h-1.937l3.76-9.4Zm-.477 5.77h3.037l-1.504-3.962h-.03l-1.503 3.963ZM28.052 17.59h1.678v.969h.03c.36-.737.997-1.143 1.822-1.143.925 0 1.62.405 2.054 1.215.434-.781 1.228-1.215 2.24-1.215 1.766 0 2.618.983 2.618 2.994v4.324h-1.793v-4.02c0-1.17-.404-1.735-1.244-1.735s-1.287.622-1.287 1.793v3.962h-1.794v-4.02c0-1.186-.39-1.735-1.243-1.735-.854 0-1.288.636-1.288 1.793v3.962h-1.793V17.59ZM41.791 21.74c-.969-.288-1.91-.81-1.91-2.111 0-1.302 1.1-2.213 2.734-2.213 1.1 0 1.952.39 2.43 1.114l-1.027 1.026c-.362-.448-.853-.694-1.388-.694-.608 0-.983.276-.983.71 0 .578.608.679 1.49.954.968.29 1.909.81 1.909 2.112 0 1.301-1.157 2.27-2.863 2.27-1.114 0-2.01-.39-2.532-1.127l1.027-1.027c.39.464.911.71 1.49.71.693 0 1.113-.29 1.113-.767 0-.579-.608-.68-1.49-.955v-.001ZM46.94 22.175V19.08h-1.23v-1.49h.652c.592 0 .824-.232.824-.824v-1.114h1.533v1.938h1.736v1.49h-1.736v3.095c0 .693.361 1.085 1.027 1.085.202 0 .448-.03.592-.073v1.504a4.362 4.362 0 0 1-.94.101c-1.62 0-2.46-.897-2.46-2.617h.002ZM51.337 21.162c0-2.213 1.49-3.746 3.615-3.746 2.126 0 3.602 1.52 3.602 3.703 0 .174-.03.448-.058.636h-5.351c.13.969.955 1.62 2.01 1.62.781 0 1.46-.29 1.91-.81l1.084 1.056c-.651.838-1.779 1.287-3.08 1.287-2.2 0-3.731-1.547-3.731-3.746h-.002Zm1.808-.723h3.601c-.115-.94-.838-1.577-1.808-1.577-.97 0-1.692.637-1.793 1.577ZM60.042 17.59h1.692v1.186h.03c.346-.81.983-1.244 1.822-1.244.218 0 .521.03.636.072v1.706a3.906 3.906 0 0 0-.882-.1c-.91 0-1.504.693-1.504 1.764v3.76h-1.793V17.59ZM64.729 21.192c0-2.213 1.46-3.775 3.529-3.775.954 0 1.735.42 2.227 1.187h.029V14.25h1.793v10.486h-1.692v-1.114h-.03c-.462.81-1.33 1.288-2.327 1.288-2.069 0-3.529-1.548-3.529-3.717v-.002Zm5.785-.03c0-1.287-.796-2.14-1.967-2.14s-1.981.868-1.981 2.14c0 1.273.796 2.14 1.98 2.14 1.186 0 1.968-.853 1.968-2.14ZM73.68 22.695c0-1.374 1.143-2.198 3.052-2.212l1.388-.015v-.231c0-.838-.535-1.272-1.504-1.272-.636 0-1.2.245-1.59.693l-1.084-1.056c.622-.766 1.62-1.186 2.849-1.186 1.908 0 3.124 1.042 3.124 2.704v2.835c0 .26.115.377.404.377h.13v1.402h-.838c-.68 0-1.143-.318-1.287-.838h-.03c-.448.651-1.186 1.012-2.082 1.012-1.504 0-2.53-.897-2.53-2.213h-.002Zm4.44-.622v-.404l-1.185.014c-.94.014-1.446.347-1.446.969 0 .55.434.94 1.042.94.94 0 1.59-.621 1.59-1.518ZM81.851 17.59h1.678v.969h.03c.362-.737.998-1.143 1.822-1.143.925 0 1.62.405 2.054 1.215.434-.781 1.229-1.215 2.241-1.215 1.765 0 2.618.983 2.618 2.994v4.324H90.5v-4.02c0-1.17-.405-1.735-1.245-1.735-.84 0-1.287.622-1.287 1.793v3.962h-1.793v-4.02c0-1.186-.39-1.735-1.244-1.735s-1.288.636-1.288 1.793v3.962h-1.793V17.59ZM17.575 5.857c0-2.85 1.996-4.86 4.817-4.86 1.432 0 2.632.463 3.485 1.389l-1.244 1.186c-.535-.593-1.302-.94-2.213-.94-1.706 0-2.893 1.33-2.893 3.225 0 1.894 1.157 3.283 2.821 3.283 1.52 0 2.574-.868 2.574-2.126v-.246h-2.27V5.191h4.18v1.46c0 2.402-1.867 4.094-4.542 4.094s-4.715-2.025-4.715-4.888ZM28.047 7c0-2.213 1.49-3.747 3.616-3.747 2.126 0 3.601 1.52 3.601 3.703 0 .174-.03.448-.057.636h-5.351c.13.97.954 1.62 2.01 1.62.78 0 1.46-.289 1.91-.81l1.085 1.056c-.651.839-1.779 1.288-3.08 1.288-2.2 0-3.732-1.548-3.732-3.746h-.002Zm1.809-.724h3.601c-.115-.94-.838-1.576-1.808-1.576-.97 0-1.692.636-1.793 1.576ZM36.753 3.426h1.678v.97h.03c.361-.738.997-1.144 1.822-1.144.925 0 1.62.405 2.054 1.215.434-.78 1.23-1.215 2.24-1.215 1.766 0 2.618.983 2.618 2.994v4.324h-1.793V6.55c0-1.17-.404-1.735-1.244-1.735s-1.287.622-1.287 1.793v3.962h-1.794V6.55c0-1.186-.39-1.735-1.243-1.735-.854 0-1.288.636-1.288 1.793v3.962h-1.793V3.426ZM48.612 7c0-2.213 1.49-3.747 3.616-3.747 2.126 0 3.601 1.52 3.601 3.703 0 .174-.03.448-.057.636H50.42c.131.97.955 1.62 2.011 1.62.78 0 1.46-.289 1.91-.81l1.084 1.056c-.652.839-1.78 1.288-3.08 1.288-2.2 0-3.732-1.548-3.732-3.746Zm1.808-.724h3.602c-.115-.94-.838-1.576-1.807-1.576s-1.692.636-1.793 1.576h-.002ZM56.87 7c0-2.213 1.49-3.747 3.616-3.747 2.125 0 3.601 1.52 3.601 3.703 0 .174-.03.448-.058.636h-5.35c.13.97.954 1.62 2.01 1.62.78 0 1.46-.289 1.91-.81l1.084 1.056c-.652.839-1.78 1.288-3.081 1.288-2.199 0-3.731-1.548-3.731-3.746h-.001Zm1.808-.724h3.602c-.115-.94-.839-1.576-1.809-1.576s-1.692.636-1.793 1.576ZM65.577 3.426h1.692v.97h.03c.332-.71 1.055-1.144 1.893-1.144 1.794 0 2.719 1.027 2.719 2.994v4.324h-1.793V6.594c0-1.215-.434-1.78-1.345-1.78-.912 0-1.403.637-1.403 1.823v3.935h-1.793V3.426ZM74.21 8.012V4.917h-1.23v-1.49h.652c.593 0 .825-.231.825-.824V1.49h1.533v1.937h1.735v1.49H75.99v3.095c0 .694.36 1.085 1.026 1.085.203 0 .448-.03.593-.073v1.504a4.356 4.356 0 0 1-.94.101c-1.621 0-2.46-.897-2.46-2.617l.002.001ZM78.607 7c0-2.213 1.49-3.747 3.616-3.747 2.126 0 3.601 1.52 3.601 3.703 0 .174-.03.448-.057.636h-5.352c.131.97.955 1.62 2.011 1.62.78 0 1.46-.289 1.91-.81l1.084 1.056c-.652.839-1.78 1.288-3.08 1.288-2.2 0-3.732-1.548-3.732-3.746Zm1.808-.724h3.602c-.115-.94-.838-1.576-1.808-1.576-.97 0-1.692.636-1.794 1.576Z"}),c.jsx("path",{className:"ams-logo__text-secondary",fill:"#000",d:"m17.335 37.353 1.302-1.084a2.07 2.07 0 0 0 1.779.983c.868 0 1.46-.463 1.46-1.143 0-.766-.636-1.042-1.866-1.49-1.143-.42-2.343-1.012-2.343-2.747 0-1.62 1.316-2.734 3.24-2.734 1.3 0 2.327.52 2.906 1.446L22.51 31.67c-.39-.578-.954-.897-1.62-.897-.78 0-1.302.42-1.302 1.042 0 .767.637 1.042 1.866 1.49 1.143.42 2.344 1.012 2.344 2.748 0 1.735-1.375 2.834-3.4 2.834-1.374 0-2.458-.549-3.066-1.533h.002ZM25.738 36.153v-3.095h-1.23v-1.49h.65c.593 0 .824-.231.824-.824v-1.113h1.534v1.937h1.735v1.49h-1.735v3.095c0 .693.362 1.085 1.026 1.085.202 0 .448-.03.593-.073v1.504a4.37 4.37 0 0 1-.941.101c-1.62 0-2.459-.897-2.459-2.617h.003ZM30.134 36.674c0-1.375 1.143-2.2 3.051-2.213l1.389-.014v-.232c0-.838-.535-1.272-1.504-1.272-.636 0-1.2.245-1.59.694l-1.085-1.056c.622-.767 1.62-1.187 2.85-1.187 1.909 0 3.123 1.042 3.123 2.705v2.835c0 .26.115.376.405.376h.13v1.402h-.838c-.68 0-1.143-.318-1.288-.838h-.029c-.448.651-1.186 1.012-2.082 1.012-1.504 0-2.53-.897-2.53-2.212h-.002Zm4.44-.622v-.405l-1.186.014c-.941.014-1.447.347-1.447.97 0 .548.434.94 1.042.94.94 0 1.591-.622 1.591-1.52ZM37.813 35.17c0-2.213 1.46-3.775 3.529-3.775.955 0 1.735.42 2.227 1.187h.03v-4.353h1.792v10.486H43.7V37.6h-.029c-.463.81-1.331 1.288-2.328 1.288-2.068 0-3.529-1.547-3.529-3.717v-.002Zm5.785-.03c0-1.287-.796-2.14-1.967-2.14-1.17 0-1.981.868-1.981 2.14 0 1.273.796 2.14 1.981 2.14s1.967-.853 1.967-2.14ZM48.763 35.719c-.97-.29-1.91-.81-1.91-2.112 0-1.301 1.1-2.213 2.734-2.213 1.1 0 1.952.39 2.429 1.114l-1.026 1.026c-.363-.448-.854-.694-1.39-.694-.607 0-.982.276-.982.71 0 .578.608.68 1.49.954.969.29 1.91.81 1.91 2.112s-1.158 2.27-2.864 2.27c-1.113 0-2.01-.39-2.532-1.127l1.027-1.027c.39.464.911.71 1.49.71.694 0 1.113-.29 1.113-.767 0-.579-.608-.68-1.49-.955v-.001ZM52.97 36.674c0-1.375 1.144-2.2 3.052-2.213l1.389-.014v-.232c0-.838-.535-1.272-1.504-1.272-.636 0-1.2.245-1.591.694l-1.084-1.056c.622-.767 1.62-1.187 2.849-1.187 1.91 0 3.124 1.042 3.124 2.705v2.835c0 .26.115.376.404.376h.13v1.402h-.837c-.68 0-1.143-.318-1.288-.838h-.03c-.447.651-1.186 1.012-2.082 1.012-1.504 0-2.53-.897-2.53-2.212h-.001Zm4.44-.622v-.405l-1.186.014c-.94.014-1.446.347-1.446.97 0 .548.434.94 1.042.94.94 0 1.59-.622 1.59-1.52ZM61.142 31.568h1.691v1.187h.03c.347-.81.983-1.244 1.822-1.244.218 0 .521.029.636.073v1.706a3.907 3.907 0 0 0-.881-.102c-.912 0-1.504.694-1.504 1.765v3.76h-1.793V31.57h-.002ZM65.827 35.14c0-2.227 1.49-3.746 3.689-3.746 1.085 0 2.038.405 2.646 1.128l-1.2 1.127c-.362-.404-.868-.622-1.446-.622-1.1 0-1.851.868-1.851 2.112 0 1.244.752 2.112 1.85 2.112.58 0 1.086-.218 1.476-.636l1.187 1.127c-.636.738-1.577 1.143-2.647 1.143-2.199 0-3.703-1.519-3.703-3.746v.001ZM73.492 28.228h1.793v4.15h.03c.42-.636 1.041-.983 1.793-.983 1.793 0 2.718 1.027 2.718 2.994v4.325h-1.793v-3.978c0-1.215-.434-1.78-1.345-1.78s-1.403.637-1.403 1.823v3.935h-1.793V28.228ZM82.56 30.657c-.622 0-1.07-.434-1.07-1.042 0-.608.448-1.042 1.07-1.042.622 0 1.07.434 1.07 1.042 0 .608-.448 1.042-1.07 1.042Zm-.897.911h1.793v7.144h-1.793v-7.144ZM84.947 35.14c0-2.212 1.49-3.746 3.616-3.746 2.126 0 3.601 1.52 3.601 3.703 0 .174-.03.448-.058.636h-5.35c.13.969.954 1.62 2.01 1.62.78 0 1.46-.289 1.91-.81L91.76 37.6c-.652.838-1.78 1.288-3.081 1.288-2.199 0-3.73-1.548-3.73-3.747h-.002Zm1.808-.723h3.602c-.115-.94-.838-1.577-1.808-1.577-.97 0-1.693.637-1.794 1.577ZM92.886 33.058v-1.49h1.215v-.925c0-1.634.969-2.59 2.632-2.59.203 0 .506.03.666.058v1.548a2.82 2.82 0 0 0-.622-.072c-.565 0-.882.376-.882 1.056v.925h1.736v1.49h-1.736v5.654h-1.793v-5.654h-1.216Z"})]}));Z.displayName="LogoStadsarchief";try{Z.displayName="LogoStadsarchief",Z.__docgenInfo={description:"",displayName:"LogoStadsarchief",props:{}}}catch{}const C=l.forwardRef((h,v)=>c.jsxs("svg",{className:"ams-logo","aria-hidden":"true",focusable:"false",ref:v,viewBox:"0 0 159 42",xmlns:"http://www.w3.org/2000/svg",...h,children:[c.jsx("path",{className:"ams-logo__emblem",fill:"#EC0000",d:"m0 37.65 3.53-3.53L0 30.59l2.35-2.35 3.53 3.53 3.53-3.53 2.35 2.35-3.53 3.53 3.53 3.53L9.41 40l-3.53-3.53L2.35 40 0 37.65ZM0 9.41l3.53-3.53L0 2.35 2.35 0l3.53 3.53L9.41 0l2.35 2.35-3.53 3.53 3.53 3.53-2.35 2.35-3.53-3.53-3.53 3.53L0 9.41ZM0 23.54l3.53-3.53L0 16.48l2.35-2.35 3.53 3.53 3.53-3.53 2.35 2.35-3.53 3.53 3.53 3.53-2.35 2.35-3.53-3.53-3.53 3.53L0 23.54Z"}),c.jsx("path",{className:"ams-logo__text-secondary",fill:"#000",d:"m17.34 37.35 1.3-1.08c.4.64 1.06.98 1.78.98.87 0 1.46-.46 1.46-1.14 0-.77-.64-1.04-1.87-1.49-1.14-.42-2.34-1.01-2.34-2.75 0-1.62 1.32-2.73 3.24-2.73 1.3 0 2.33.52 2.91 1.45l-1.3 1.08c-.39-.58-.95-.9-1.62-.9-.78 0-1.3.42-1.3 1.04 0 .77.64 1.04 1.87 1.49 1.14.42 2.34 1.01 2.34 2.75s-1.37 2.83-3.4 2.83c-1.37 0-2.46-.55-3.07-1.53ZM25.74 36.15v-3.1h-1.23v-1.49h.65c.59 0 .82-.23.82-.82v-1.11h1.53v1.94h1.74v1.49h-1.74v3.1c0 .69.36 1.08 1.03 1.08.2 0 .45-.03.59-.07v1.5c-.22.06-.62.1-.94.1-1.62 0-2.46-.9-2.46-2.62h.01ZM30.13 36.67c0-1.37 1.14-2.2 3.05-2.21h1.39v-.25c0-.84-.54-1.27-1.5-1.27-.64 0-1.2.25-1.59.69l-1.08-1.06c.62-.77 1.62-1.19 2.85-1.19 1.91 0 3.12 1.04 3.12 2.7v2.83c0 .26.12.38.4.38h.13v1.4h-.84c-.68 0-1.14-.32-1.29-.84h-.03c-.45.65-1.19 1.01-2.08 1.01-1.5 0-2.53-.9-2.53-2.21v.02Zm4.44-.62v-.4h-1.19c-.94.03-1.45.36-1.45.98 0 .55.43.94 1.04.94.94 0 1.59-.62 1.59-1.52h.01ZM37.81 35.17c0-2.21 1.46-3.77 3.53-3.77.95 0 1.74.42 2.23 1.19h.03v-4.35h1.79v10.49H43.7v-1.11h-.03c-.46.81-1.33 1.29-2.33 1.29-2.07 0-3.53-1.55-3.53-3.72v-.02Zm5.79-.03c0-1.29-.8-2.14-1.97-2.14s-1.98.87-1.98 2.14.8 2.14 1.98 2.14 1.97-.85 1.97-2.14ZM48.76 35.72c-.97-.29-1.91-.81-1.91-2.11 0-1.3 1.1-2.21 2.73-2.21 1.1 0 1.95.39 2.43 1.11l-1.03 1.03c-.36-.45-.85-.69-1.39-.69-.61 0-.98.27-.98.71 0 .58.61.68 1.49.95.97.29 1.91.81 1.91 2.11 0 1.3-1.16 2.27-2.86 2.27-1.11 0-2.01-.39-2.53-1.13l1.03-1.03c.39.46.91.71 1.49.71.69 0 1.11-.29 1.11-.77 0-.58-.61-.68-1.49-.95ZM55.18 37.6h-.03v1.11h-1.71V28.22h1.79v4.35h.03c.52-.77 1.3-1.19 2.26-1.19 2.04 0 3.5 1.56 3.5 3.75s-1.46 3.75-3.5 3.75c-1 0-1.82-.46-2.34-1.29v.01Zm4.01-2.46c0-1.29-.8-2.14-1.97-2.14s-1.98.87-1.98 2.14.81 2.14 1.98 2.14 1.97-.85 1.97-2.14ZM61.95 36.67c0-1.37 1.14-2.2 3.05-2.21h1.39v-.25c0-.84-.54-1.27-1.5-1.27-.64 0-1.2.25-1.59.69l-1.08-1.06c.62-.77 1.62-1.19 2.85-1.19 1.91 0 3.12 1.04 3.12 2.7v2.83c0 .26.12.38.4.38h.13v1.4h-.84c-.68 0-1.14-.32-1.29-.84h-.03c-.45.65-1.19 1.01-2.08 1.01-1.5 0-2.53-.9-2.53-2.21v.02Zm4.44-.62v-.4H65.2c-.94.03-1.45.36-1.45.98 0 .55.43.94 1.04.94.94 0 1.59-.62 1.59-1.52h.01ZM70.12 31.57h1.69v.97h.03c.33-.71 1.06-1.14 1.89-1.14 1.79 0 2.72 1.03 2.72 2.99v4.32h-1.79v-3.98c0-1.21-.43-1.78-1.35-1.78-.92 0-1.4.64-1.4 1.82v3.93h-1.79v-7.14.01ZM80.09 38.71H78.3V28.22h1.79v6.57h.03l2.66-3.23h2.17l-2.76 3.17 2.89 3.98h-2.17l-1.98-2.81-.84.97v1.84ZM88.97 31.57h1.95l1.66 5.15h.03l1.71-5.15h1.91l-2.69 7.14h-1.92l-2.65-7.14ZM96.6 36.67c0-1.37 1.14-2.2 3.05-2.21h1.39v-.25c0-.84-.54-1.27-1.5-1.27-.64 0-1.2.25-1.59.69l-1.08-1.06c.62-.77 1.62-1.19 2.85-1.19 1.91 0 3.12 1.04 3.12 2.7v2.83c0 .26.12.38.4.38h.13v1.4h-.84c-.68 0-1.14-.32-1.29-.84h-.03c-.45.65-1.19 1.01-2.08 1.01-1.5 0-2.53-.9-2.53-2.21v.02Zm4.44-.62v-.4h-1.19c-.94.03-1.45.36-1.45.98 0 .55.43.94 1.04.94.94 0 1.59-.62 1.59-1.52h.01ZM104.77 31.57h1.69v.97h.03c.33-.71 1.06-1.14 1.89-1.14 1.79 0 2.72 1.03 2.72 2.99v4.32h-1.79v-3.98c0-1.21-.43-1.78-1.34-1.78-.91 0-1.4.64-1.4 1.82v3.93h-1.79v-7.14l-.01.01ZM116.65 29.31h1.91v7.78h3.49v1.62h-5.39v-9.4h-.01ZM122.87 35.14c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58ZM131.57 31.57h1.69v.97h.03c.33-.71 1.06-1.14 1.89-1.14 1.79 0 2.72 1.03 2.72 2.99v4.32h-1.79v-3.98c0-1.21-.43-1.78-1.35-1.78-.92 0-1.4.64-1.4 1.82v3.93h-1.79v-7.14.01ZM140.64 30.66c-.62 0-1.07-.43-1.07-1.04 0-.61.45-1.04 1.07-1.04.62 0 1.07.43 1.07 1.04 0 .61-.45 1.04-1.07 1.04Zm-.9.91h1.79v7.14h-1.79v-7.14ZM143.47 31.57h1.69v.97h.03c.33-.71 1.06-1.14 1.89-1.14 1.79 0 2.72 1.03 2.72 2.99v4.32h-1.79v-3.98c0-1.21-.43-1.78-1.35-1.78-.92 0-1.4.64-1.4 1.82v3.93h-1.79v-7.14.01ZM151.54 40.42l1.16-1.13c.39.45 1.1.72 1.87.72 1.3 0 2.02-.59 2.02-1.63v-1.1h-.03c-.4.75-1.16 1.17-2.1 1.17-2.01 0-3.34-1.42-3.34-3.53s1.37-3.51 3.34-3.51c1.01 0 1.81.45 2.2 1.21h.03v-1.06h1.69v6.88c0 1.91-1.46 3.11-3.79 3.11-1.33 0-2.43-.42-3.05-1.14v.01Zm5.06-5.5c0-1.19-.74-2.01-1.82-2.01s-1.82.82-1.82 2.01.75 2 1.82 2 1.82-.82 1.82-2Z"}),c.jsx("path",{className:"ams-logo__text-primary",fill:"#EC0000",d:"M20.94 15.33h2.17l3.76 9.4h-2.01l-.78-2.07H19.9l-.78 2.07h-1.94l3.76-9.4Zm-.48 5.77h3.04L22 17.14h-.03l-1.5 3.96h-.01ZM28.05 17.59h1.68v.97h.03c.36-.74 1-1.14 1.82-1.14.93 0 1.62.4 2.05 1.21.43-.78 1.23-1.21 2.24-1.21 1.76 0 2.62.98 2.62 2.99v4.32H36.7v-4.02c0-1.17-.4-1.74-1.24-1.74s-1.29.62-1.29 1.79v3.96h-1.79V20.7c0-1.19-.39-1.74-1.24-1.74s-1.29.64-1.29 1.79v3.96h-1.79v-7.14l-.01.02ZM41.79 21.74c-.97-.29-1.91-.81-1.91-2.11 0-1.3 1.1-2.21 2.73-2.21 1.1 0 1.95.39 2.43 1.11l-1.03 1.03c-.36-.45-.85-.69-1.39-.69-.61 0-.98.27-.98.71 0 .58.61.68 1.49.95.97.29 1.91.81 1.91 2.11 0 1.3-1.16 2.27-2.86 2.27-1.11 0-2.01-.39-2.53-1.13l1.03-1.03c.39.46.91.71 1.49.71.69 0 1.11-.29 1.11-.77 0-.58-.61-.68-1.49-.95ZM46.94 22.17v-3.09h-1.23v-1.49h.65c.59 0 .82-.23.82-.82v-1.11h1.53v1.94h1.74v1.49h-1.74v3.09c0 .69.36 1.08 1.03 1.08.2 0 .45-.03.59-.07v1.5c-.22.06-.62.1-.94.1-1.62 0-2.46-.9-2.46-2.62h.01ZM51.34 21.16c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58ZM60.04 17.59h1.69v1.19h.03c.35-.81.98-1.24 1.82-1.24.22 0 .52.03.64.07v1.71c-.2-.06-.59-.1-.88-.1-.91 0-1.5.69-1.5 1.76v3.76h-1.79V17.6l-.01-.01ZM64.73 21.19c0-2.21 1.46-3.77 3.53-3.77.95 0 1.74.42 2.23 1.19h.03v-4.35h1.79v10.49h-1.69v-1.11h-.03c-.46.81-1.33 1.29-2.33 1.29-2.07 0-3.53-1.55-3.53-3.72v-.02Zm5.79-.03c0-1.29-.8-2.14-1.97-2.14s-1.98.87-1.98 2.14.8 2.14 1.98 2.14 1.97-.85 1.97-2.14ZM73.68 22.7c0-1.37 1.14-2.2 3.05-2.21h1.39v-.25c0-.84-.54-1.27-1.5-1.27-.64 0-1.2.25-1.59.69l-1.08-1.06c.62-.77 1.62-1.19 2.85-1.19 1.91 0 3.12 1.04 3.12 2.7v2.83c0 .26.12.38.4.38h.13v1.4h-.84c-.68 0-1.14-.32-1.29-.84h-.03c-.45.65-1.19 1.01-2.08 1.01-1.5 0-2.53-.9-2.53-2.21v.02Zm4.44-.62v-.4h-1.19c-.94.03-1.45.36-1.45.98 0 .55.43.94 1.04.94.94 0 1.59-.62 1.59-1.52h.01ZM81.85 17.59h1.68v.97h.03c.36-.74 1-1.14 1.82-1.14.93 0 1.62.4 2.05 1.21.43-.78 1.23-1.21 2.24-1.21 1.76 0 2.62.98 2.62 2.99v4.32H90.5v-4.02c0-1.17-.4-1.74-1.24-1.74s-1.29.62-1.29 1.79v3.96h-1.79V20.7c0-1.19-.39-1.74-1.24-1.74s-1.29.64-1.29 1.79v3.96h-1.79v-7.14l-.01.02ZM17.58 5.86c0-2.85 2-4.86 4.82-4.86 1.43 0 2.63.46 3.49 1.39l-1.24 1.19c-.54-.59-1.3-.94-2.21-.94-1.71 0-2.89 1.33-2.89 3.23s1.16 3.28 2.82 3.28c1.52 0 2.57-.87 2.57-2.13v-.25h-2.27V5.19h4.18v1.46c0 2.4-1.87 4.09-4.54 4.09S17.6 8.72 17.6 5.85l-.02.01ZM28.05 7c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58ZM36.75 3.43h1.68v.97h.03c.36-.74 1-1.14 1.82-1.14.93 0 1.62.4 2.05 1.21.43-.78 1.23-1.21 2.24-1.21 1.76 0 2.62.98 2.62 2.99v4.32H45.4V6.55c0-1.17-.4-1.74-1.24-1.74s-1.29.62-1.29 1.79v3.96h-1.79V6.55c0-1.19-.39-1.74-1.24-1.74s-1.29.64-1.29 1.79v3.96h-1.79V3.43h-.01ZM48.61 7c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58ZM56.87 7c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58ZM65.58 3.43h1.69v.97h.03c.33-.71 1.06-1.14 1.89-1.14 1.79 0 2.72 1.03 2.72 2.99v4.32h-1.79V6.59c0-1.21-.43-1.78-1.34-1.78-.91 0-1.4.64-1.4 1.82v3.93h-1.79V3.43h-.01ZM74.21 8.01v-3.1h-1.23V3.42h.65c.59 0 .82-.23.82-.82V1.49h1.53v1.94h1.74v1.49h-1.74v3.1c0 .69.36 1.08 1.03 1.08.2 0 .45-.03.59-.07v1.5c-.22.06-.62.1-.94.1-1.62 0-2.46-.9-2.46-2.62h.01ZM78.61 7c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58Z"})]}));C.displayName="LogoStadsbankVanLening";try{C.displayName="LogoStadsbankVanLening",C.__docgenInfo={description:"",displayName:"LogoStadsbankVanLening",props:{}}}catch{}const o=l.forwardRef((h,v)=>c.jsxs("svg",{className:"ams-logo","aria-hidden":"true",focusable:"false",ref:v,viewBox:"0 0 145 43",xmlns:"http://www.w3.org/2000/svg",...h,children:[c.jsx("path",{className:"ams-logo__emblem",fill:"#EC0000",d:"m0 38.2 3.53-3.53L0 31.14l2.35-2.35 3.53 3.53 3.53-3.53 2.35 2.35-3.53 3.53 3.53 3.53-2.35 2.35-3.53-3.53-3.53 3.53L0 38.2ZM0 9.96l3.53-3.53L0 2.9 2.35.55l3.53 3.53L9.41.55l2.35 2.35-3.53 3.53 3.53 3.53-2.35 2.35-3.53-3.53-3.53 3.53L0 9.96ZM0 24.09l3.53-3.53L0 17.03l2.35-2.35 3.53 3.53 3.53-3.53 2.35 2.35-3.53 3.53 3.53 3.53-2.35 2.35-3.53-3.53-3.53 3.53L0 24.09Z"}),c.jsx("path",{className:"ams-logo__text-secondary",fill:"#000",d:"M17.13 29.86h2.07l2.39 7.22h.03l2.42-7.22h1.98l-3.36 9.4h-2.17l-3.36-9.4ZM26.5 34.55c0-2.85 2-4.86 4.82-4.86 1.43 0 2.63.46 3.49 1.39l-1.24 1.19c-.54-.59-1.3-.94-2.21-.94-1.71 0-2.89 1.33-2.89 3.23s1.16 3.28 2.82 3.28c1.52 0 2.57-.87 2.57-2.13v-.25h-2.27v-1.58h4.18v1.46c0 2.4-1.87 4.09-4.54 4.09s-4.71-2.02-4.71-4.89l-.02.01ZM40.43 29.86h2.17l3.76 9.4h-2.01l-.78-2.07h-4.18l-.78 2.07h-1.94l3.76-9.4Zm-.48 5.77h3.04l-1.5-3.96h-.03l-1.5 3.96h-.01ZM50.38 29.86h2.07l2.39 7.22h.03l2.42-7.22h1.98l-3.36 9.4h-2.17l-3.36-9.4ZM59.42 35.69c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58ZM68.13 32.12h1.69v1.19h.03c.35-.81.98-1.24 1.82-1.24.22 0 .52.03.64.07v1.71c-.2-.06-.59-.1-.88-.1-.91 0-1.5.69-1.5 1.76v3.76h-1.79v-7.14l-.01-.01ZM73.01 38.06l3.4-4.45h-3.3v-1.49h5.73v1.2l-3.4 4.45h3.5v1.49h-5.93v-1.2ZM79.88 35.69c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58ZM90.38 39.26h-1.79V28.77h1.79v6.57h.03l2.66-3.23h2.17l-2.76 3.17 2.89 3.98H93.2l-1.98-2.81-.84.97v1.84ZM95.68 35.69c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58ZM104.38 32.12h1.69v1.19h.03c.35-.81.98-1.24 1.82-1.24.22 0 .52.03.64.07v1.71c-.2-.06-.59-.1-.88-.1-.91 0-1.5.69-1.5 1.76v3.76h-1.79v-7.14l-.01-.01ZM110.65 31.21c-.62 0-1.07-.43-1.07-1.04 0-.61.45-1.04 1.07-1.04.62 0 1.07.43 1.07 1.04 0 .61-.45 1.04-1.07 1.04Zm-.9.91h1.79v7.14h-1.79v-7.14ZM113.48 32.12h1.69v.97h.03c.33-.71 1.06-1.14 1.89-1.14 1.79 0 2.72 1.03 2.72 2.99v4.32h-1.79v-3.98c0-1.21-.43-1.78-1.35-1.78-.92 0-1.4.64-1.4 1.82v3.93h-1.79v-7.14.01ZM121.55 40.97l1.16-1.13c.39.45 1.1.72 1.87.72 1.3 0 2.02-.59 2.02-1.63v-1.1h-.03c-.4.75-1.16 1.17-2.1 1.17-2.01 0-3.34-1.42-3.34-3.53s1.37-3.51 3.34-3.51c1.01 0 1.81.45 2.2 1.21h.03v-1.06h1.69v6.88c0 1.91-1.46 3.11-3.79 3.11-1.33 0-2.43-.42-3.05-1.14v.01Zm5.06-5.5c0-1.19-.74-2.01-1.82-2.01s-1.82.82-1.82 2.01.75 2 1.82 2 1.82-.82 1.82-2ZM129.88 35.69c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58ZM138.59 32.12h1.69v.97h.03c.33-.71 1.06-1.14 1.89-1.14 1.79 0 2.72 1.03 2.72 2.99v4.32h-1.79v-3.98c0-1.21-.43-1.78-1.35-1.78-.92 0-1.4.64-1.4 1.82v3.93h-1.79v-7.14.01Z"}),c.jsx("path",{className:"ams-logo__text-primary",fill:"#EC0000",d:"M20.94 15.88h2.17l3.76 9.4h-2.01l-.78-2.07H19.9l-.78 2.07h-1.94l3.76-9.4Zm-.48 5.77h3.04L22 17.69h-.03l-1.5 3.96h-.01ZM28.05 18.14h1.68v.97h.03c.36-.74 1-1.14 1.82-1.14.93 0 1.62.4 2.05 1.21.43-.78 1.23-1.21 2.24-1.21 1.76 0 2.62.98 2.62 2.99v4.32H36.7v-4.02c0-1.17-.4-1.74-1.24-1.74s-1.29.62-1.29 1.79v3.96h-1.79v-4.02c0-1.19-.39-1.74-1.24-1.74s-1.29.64-1.29 1.79v3.96h-1.79v-7.14l-.01.02ZM41.79 22.29c-.97-.29-1.91-.81-1.91-2.11 0-1.3 1.1-2.21 2.73-2.21 1.1 0 1.95.39 2.43 1.11l-1.03 1.03c-.36-.45-.85-.69-1.39-.69-.61 0-.98.27-.98.71 0 .58.61.68 1.49.95.97.29 1.91.81 1.91 2.11 0 1.3-1.16 2.27-2.86 2.27-1.11 0-2.01-.39-2.53-1.13l1.03-1.03c.39.46.91.71 1.49.71.69 0 1.11-.29 1.11-.77 0-.58-.61-.68-1.49-.95ZM46.94 22.72v-3.09h-1.23v-1.49h.65c.59 0 .82-.23.82-.82v-1.11h1.53v1.94h1.74v1.49h-1.74v3.09c0 .69.36 1.08 1.03 1.08.2 0 .45-.03.59-.07v1.5c-.22.06-.62.1-.94.1-1.62 0-2.46-.9-2.46-2.62h.01ZM51.34 21.71c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58ZM60.04 18.14h1.69v1.19h.03c.35-.81.98-1.24 1.82-1.24.22 0 .52.03.64.07v1.71c-.2-.06-.59-.1-.88-.1-.91 0-1.5.69-1.5 1.76v3.76h-1.79v-7.14l-.01-.01ZM64.73 21.74c0-2.21 1.46-3.77 3.53-3.77.95 0 1.74.42 2.23 1.19h.03v-4.35h1.79V25.3h-1.69v-1.11h-.03c-.46.81-1.33 1.29-2.33 1.29-2.07 0-3.53-1.55-3.53-3.72v-.02Zm5.79-.03c0-1.29-.8-2.14-1.97-2.14s-1.98.87-1.98 2.14.8 2.14 1.98 2.14 1.97-.85 1.97-2.14ZM73.68 23.25c0-1.37 1.14-2.2 3.05-2.21h1.39v-.25c0-.84-.54-1.27-1.5-1.27-.64 0-1.2.25-1.59.69l-1.08-1.06c.62-.77 1.62-1.19 2.85-1.19 1.91 0 3.12 1.04 3.12 2.7v2.83c0 .26.12.38.4.38h.13v1.4h-.84c-.68 0-1.14-.32-1.29-.84h-.03c-.45.65-1.19 1.01-2.08 1.01-1.5 0-2.53-.9-2.53-2.21v.02Zm4.44-.62v-.4h-1.19c-.94.03-1.45.36-1.45.98 0 .55.43.94 1.04.94.94 0 1.59-.62 1.59-1.52h.01ZM81.85 18.14h1.68v.97h.03c.36-.74 1-1.14 1.82-1.14.93 0 1.62.4 2.05 1.21.43-.78 1.23-1.21 2.24-1.21 1.76 0 2.62.98 2.62 2.99v4.32H90.5v-4.02c0-1.17-.4-1.74-1.24-1.74s-1.29.62-1.29 1.79v3.96h-1.79v-4.02c0-1.19-.39-1.74-1.24-1.74s-1.29.64-1.29 1.79v3.96h-1.79v-7.14l-.01.02ZM17.58 6.41c0-2.85 2-4.86 4.82-4.86 1.43 0 2.63.46 3.49 1.39l-1.24 1.19c-.54-.59-1.3-.94-2.21-.94-1.71 0-2.89 1.33-2.89 3.23s1.16 3.28 2.82 3.28c1.52 0 2.57-.87 2.57-2.13v-.25h-2.27V5.74h4.18V7.2c0 2.4-1.87 4.09-4.54 4.09S17.6 9.27 17.6 6.4l-.02.01ZM28.05 7.55c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58ZM36.75 3.98h1.68v.97h.03c.36-.74 1-1.14 1.82-1.14.93 0 1.62.4 2.05 1.21.43-.78 1.23-1.21 2.24-1.21 1.76 0 2.62.98 2.62 2.99v4.32H45.4V7.1c0-1.17-.4-1.74-1.24-1.74s-1.29.62-1.29 1.79v3.96h-1.79V7.1c0-1.19-.39-1.74-1.24-1.74s-1.29.64-1.29 1.79v3.96h-1.79V3.98h-.01ZM48.61 7.55c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58ZM56.87 7.55c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58ZM65.58 3.98h1.69v.97h.03c.33-.71 1.06-1.14 1.89-1.14 1.79 0 2.72 1.03 2.72 2.99v4.32h-1.79V7.14c0-1.21-.43-1.78-1.34-1.78-.91 0-1.4.64-1.4 1.82v3.93h-1.79V3.98h-.01ZM74.21 8.56V5.47h-1.23V3.98h.65c.59 0 .82-.23.82-.82V2.04h1.53v1.94h1.74v1.49h-1.74v3.09c0 .69.36 1.08 1.03 1.08.2 0 .45-.03.59-.07v1.5c-.22.06-.62.1-.94.1-1.62 0-2.46-.9-2.46-2.62l.01.01ZM78.61 7.55c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58Z"})]}));o.displayName="LogoVgaVerzekeringen";try{o.displayName="LogoVgaVerzekeringen",o.__docgenInfo={description:"",displayName:"LogoVgaVerzekeringen",props:{}}}catch{}const V={amsterdam:s,"ggd-amsterdam":a,"museum-weesp":e,stadsarchief:Z,"stadsbank-van-lening":C,"vga-verzekeringen":o},m=l.forwardRef(({brand:h="amsterdam",className:v,...M},r)=>{const L=V[h];return c.jsx(L,{...M,ref:r,className:t("ams-logo",v)})});m.displayName="Logo";try{m.displayName="Logo",m.__docgenInfo={description:"",displayName:"Logo",props:{brand:{defaultValue:{value:"amsterdam"},description:"",name:"brand",required:!1,type:{name:"enum",value:[{value:'"amsterdam"'},{value:'"ggd-amsterdam"'},{value:'"museum-weesp"'},{value:'"stadsarchief"'},{value:'"stadsbank-van-lening"'},{value:'"vga-verzekeringen"'}]}}}}}catch{}export{m as L}; +import{j as c}from"./jsx-runtime-Nms4Y4qS.js";import{c as t}from"./clsx-B-dksMZM.js";import{r as l}from"./index-BwDkhjyp.js";const s=l.forwardRef((h,v)=>c.jsxs("svg",{className:"ams-logo","aria-hidden":"true",focusable:"false",ref:v,viewBox:"0 0 115 40",xmlns:"http://www.w3.org/2000/svg",...h,children:[c.jsx("path",{className:"ams-logo__text-primary",fill:"#EC0000",d:"M16.435 8.581c0-3.752 2.63-6.4 6.344-6.4 1.886 0 3.466.61 4.59 1.829L25.731 5.57c-.704-.78-1.714-1.238-2.915-1.238-2.248 0-3.81 1.752-3.81 4.248 0 2.496 1.524 4.324 3.715 4.324 2 0 3.391-1.143 3.391-2.8v-.323h-2.99V7.705h5.505V9.63c0 3.162-2.457 5.39-5.981 5.39s-6.21-2.666-6.21-6.438ZM30.225 10.086c0-2.915 1.962-4.934 4.762-4.934s4.743 2 4.743 4.876c0 .229-.037.59-.076.839h-7.048C32.778 12.143 33.863 13 35.254 13c1.029 0 1.924-.381 2.514-1.067l1.428 1.391c-.857 1.106-2.343 1.696-4.057 1.696-2.895 0-4.915-2.038-4.915-4.934h.001Zm2.381-.952h4.743c-.152-1.238-1.105-2.077-2.38-2.077-1.276 0-2.229.839-2.363 2.077ZM43.902 5.382v1.275h.038c.476-.97 1.314-1.505 2.4-1.505 1.219 0 2.132.534 2.704 1.6.571-1.028 1.62-1.6 2.952-1.6 2.324 0 3.448 1.296 3.448 3.943v5.696h-2.362V9.495c0-1.543-.534-2.286-1.638-2.286-1.104 0-1.696.82-1.696 2.362v5.22h-2.362V9.495c0-1.562-.514-2.286-1.638-2.286-1.124 0-1.695.838-1.695 2.362v5.22H41.69V5.38h2.212ZM57.312 10.086c0-2.915 1.963-4.934 4.762-4.934 2.8 0 4.744 2 4.744 4.876 0 .229-.038.59-.077.839h-7.048C59.865 12.143 60.95 13 62.341 13c1.03 0 1.924-.381 2.514-1.067l1.429 1.391c-.857 1.106-2.344 1.696-4.058 1.696-2.895 0-4.915-2.038-4.915-4.934h.001Zm2.381-.952h4.743c-.152-1.238-1.105-2.077-2.38-2.077-1.276 0-2.229.839-2.363 2.077ZM68.189 10.086c0-2.915 1.962-4.934 4.762-4.934s4.743 2 4.743 4.876c0 .229-.038.59-.077.839H70.57C70.74 12.143 71.827 13 73.218 13c1.028 0 1.923-.381 2.513-1.067l1.429 1.391c-.857 1.106-2.343 1.696-4.058 1.696-2.895 0-4.915-2.038-4.915-4.934h.002Zm2.38-.952h4.744c-.153-1.238-1.105-2.077-2.381-2.077-1.276 0-2.228.839-2.362 2.077ZM81.883 5.382v1.275h.038c.438-.933 1.39-1.505 2.495-1.505 2.362 0 3.582 1.353 3.582 3.943v5.696h-2.363V9.552c0-1.6-.571-2.343-1.772-2.343-1.2 0-1.847.838-1.847 2.4v5.18h-2.362V5.382h2.23ZM91.026 11.42V7.342h-1.619V5.381h.858c.78 0 1.085-.305 1.085-1.086V2.83h2.019v2.553h2.285v1.962H93.37v4.077c0 .915.476 1.428 1.352 1.428.267 0 .59-.037.78-.095v1.981c-.285.077-.819.133-1.238.133-2.133 0-3.238-1.18-3.238-3.447l.001-.002ZM96.817 10.086c0-2.915 1.963-4.934 4.762-4.934 2.8 0 4.744 2 4.744 4.876 0 .229-.038.59-.077.839h-7.048c.172 1.276 1.257 2.133 2.648 2.133 1.029 0 1.924-.381 2.514-1.067l1.429 1.391c-.857 1.106-2.344 1.696-4.058 1.696-2.895 0-4.915-2.038-4.915-4.934h.001Zm2.381-.952h4.744c-.153-1.238-1.106-2.077-2.382-2.077-1.275 0-2.228.839-2.362 2.077ZM23.73 25.267l4.952 12.381h-2.647l-1.03-2.724H19.5l-1.028 2.724h-2.553l4.953-12.38h2.858Zm-3.486 7.6h4l-1.982-5.219h-.037l-1.981 5.22ZM32.454 28.24v1.275h.038c.476-.97 1.315-1.505 2.4-1.505 1.22 0 2.133.534 2.704 1.6.572-1.028 1.62-1.6 2.953-1.6 2.323 0 3.447 1.296 3.447 3.944v5.696h-2.362v-5.296c0-1.543-.534-2.286-1.638-2.286-1.104 0-1.695.82-1.695 2.362v5.22h-2.363v-5.296c0-1.562-.514-2.286-1.638-2.286-1.124 0-1.695.838-1.695 2.362v5.22h-2.362v-9.41h2.211ZM48.34 33.706c-1.275-.381-2.513-1.067-2.513-2.78 0-1.715 1.447-2.916 3.6-2.916 1.448 0 2.572.514 3.2 1.466l-1.351 1.353c-.477-.59-1.124-.915-1.829-.915-.8 0-1.296.362-1.296.933 0 .762.8.895 1.963 1.257 1.276.381 2.514 1.067 2.514 2.781 0 1.715-1.524 2.99-3.772 2.99-1.466 0-2.648-.514-3.334-1.486l1.353-1.352c.513.609 1.2.934 1.962.934.915 0 1.466-.381 1.466-1.01 0-.762-.8-.895-1.962-1.258v.003ZM55.122 34.277v-4.076h-1.62v-1.963h.858c.78 0 1.085-.304 1.085-1.085v-1.466h2.019v2.552h2.286v1.963h-2.286v4.076c0 .915.476 1.43 1.352 1.43.267 0 .59-.038.78-.096v1.981c-.285.077-.819.133-1.237.133-2.133 0-3.238-1.18-3.238-3.447v-.002ZM60.911 32.944c0-2.915 1.963-4.934 4.763-4.934s4.743 2 4.743 4.876c0 .228-.038.59-.077.839h-7.048c.172 1.276 1.257 2.133 2.648 2.133 1.03 0 1.924-.381 2.514-1.067l1.429 1.391c-.857 1.105-2.343 1.696-4.058 1.696-2.895 0-4.915-2.038-4.915-4.934h.001Zm2.381-.952h4.744c-.153-1.239-1.106-2.077-2.381-2.077-1.276 0-2.229.838-2.363 2.077ZM74.607 28.24V29.8h.038c.457-1.066 1.296-1.638 2.4-1.638.285 0 .685.038.838.095v2.248c-.267-.076-.78-.132-1.162-.132-1.2 0-1.98.914-1.98 2.323v4.953h-2.363v-9.41h2.23ZM78.551 32.983c0-2.915 1.924-4.972 4.648-4.972 1.257 0 2.286.553 2.934 1.562h.037V23.84h2.362v13.81h-2.228v-1.467h-.037c-.61 1.067-1.752 1.696-3.067 1.696-2.724 0-4.648-2.038-4.648-4.895l-.001-.001Zm7.62-.038c0-1.695-1.048-2.82-2.591-2.82-1.543 0-2.61 1.143-2.61 2.82 0 1.677 1.049 2.82 2.61 2.82s2.59-1.124 2.59-2.82ZM90.34 34.963c0-1.81 1.506-2.895 4.02-2.915l1.828-.019v-.304c0-1.106-.704-1.677-1.981-1.677-.838 0-1.581.323-2.095.915l-1.429-1.391c.82-1.01 2.133-1.562 3.752-1.562 2.514 0 4.114 1.371 4.114 3.562v3.733c0 .343.153.495.534.495h.172v1.847H98.15c-.895 0-1.506-.418-1.696-1.105h-.038c-.59.857-1.561 1.333-2.743 1.333-1.981 0-3.333-1.18-3.333-2.914v.002Zm5.848-.82v-.534l-1.561.02c-1.238.018-1.905.457-1.905 1.275 0 .724.571 1.238 1.37 1.238 1.239 0 2.096-.82 2.096-2v.001ZM103.312 28.24v1.275h.038c.476-.97 1.315-1.505 2.4-1.505 1.219 0 2.133.534 2.704 1.6.572-1.028 1.619-1.6 2.953-1.6 2.323 0 3.447 1.296 3.447 3.944v5.696h-2.362v-5.296c0-1.543-.534-2.286-1.638-2.286-1.104 0-1.695.82-1.695 2.362v5.22h-2.363v-5.296c0-1.562-.513-2.286-1.638-2.286-1.124 0-1.695.838-1.695 2.362v5.22h-2.362v-9.41h2.211Z"}),c.jsx("path",{className:"ams-logo__emblem",fill:"#EC0000",d:"m0 37.648 3.527-3.527L0 30.593l2.352-2.351 3.527 3.527 3.528-3.527 2.351 2.351-3.527 3.528 3.527 3.527L9.407 40l-3.528-3.527L2.352 40 0 37.648ZM0 23.54l3.527-3.528L0 16.485l2.352-2.352 3.527 3.528 3.528-3.528 2.351 2.352-3.527 3.527 3.527 3.528-2.351 2.351-3.528-3.527-3.527 3.527L0 23.54ZM0 9.407l3.527-3.528L0 2.352 2.352 0l3.527 3.527L9.407 0l2.351 2.352-3.527 3.527 3.527 3.528-2.351 2.351-3.528-3.527-3.526 3.527L0 9.407Z"})]}));s.displayName="LogoAmsterdam";try{s.displayName="LogoAmsterdam",s.__docgenInfo={description:"",displayName:"LogoAmsterdam",props:{}}}catch{}const a=l.forwardRef((h,v)=>c.jsxs("svg",{className:"ams-logo","aria-hidden":"true",focusable:"false",ref:v,viewBox:"0 0 115 40",xmlns:"http://www.w3.org/2000/svg",...h,children:[c.jsx("path",{className:"ams-logo__emblem",fill:"#EC0000",d:"m0 37.648 3.527-3.527L0 30.593l2.352-2.351 3.527 3.527 3.528-3.527 2.351 2.351-3.527 3.528 3.527 3.527L9.407 40l-3.528-3.527L2.352 40 0 37.648ZM0 23.54l3.527-3.528L0 16.485l2.352-2.352 3.527 3.528 3.528-3.528 2.351 2.352-3.527 3.527 3.527 3.528-2.351 2.351-3.528-3.527-3.527 3.527L0 23.54ZM0 9.407l3.527-3.528L0 2.352 2.352 0l3.527 3.527L9.407 0l2.351 2.352-3.527 3.527 3.527 3.528-2.351 2.351-3.528-3.527-3.526 3.527L0 9.407Z"}),c.jsx("path",{className:"ams-logo__text-primary",fill:"#EC0000",d:"m23.73 25.267 4.952 12.381h-2.647l-1.03-2.724H19.5l-1.028 2.724h-2.553l4.953-12.381h2.858Zm-3.486 7.6h4l-1.982-5.219h-.037l-1.981 5.22ZM32.454 28.24v1.275h.038c.476-.971 1.315-1.505 2.4-1.505 1.22 0 2.133.534 2.704 1.6.572-1.028 1.62-1.6 2.953-1.6 2.323 0 3.447 1.296 3.447 3.944v5.696h-2.362v-5.296c0-1.543-.534-2.286-1.638-2.286-1.104 0-1.695.82-1.695 2.362v5.22h-2.363v-5.296c0-1.562-.514-2.286-1.638-2.286-1.124 0-1.695.838-1.695 2.362v5.22h-2.362v-9.41h2.211ZM48.34 33.706c-1.275-.381-2.513-1.067-2.513-2.78 0-1.715 1.447-2.916 3.6-2.916 1.448 0 2.572.514 3.2 1.466l-1.351 1.353c-.477-.59-1.124-.915-1.829-.915-.8 0-1.296.362-1.296.933 0 .762.8.895 1.963 1.257 1.276.381 2.514 1.067 2.514 2.781 0 1.715-1.524 2.99-3.772 2.99-1.466 0-2.648-.514-3.334-1.486l1.353-1.352c.513.609 1.2.934 1.962.934.915 0 1.466-.381 1.466-1.01 0-.762-.8-.895-1.962-1.258v.003ZM55.122 34.277v-4.076h-1.62v-1.963h.858c.78 0 1.085-.304 1.085-1.085v-1.466h2.019v2.552h2.286v1.963h-2.286v4.076c0 .915.476 1.43 1.352 1.43.267 0 .59-.038.78-.096v1.981c-.285.076-.819.133-1.237.133-2.133 0-3.238-1.18-3.238-3.447v-.002ZM60.911 32.944c0-2.915 1.963-4.934 4.763-4.934s4.743 2 4.743 4.876c0 .228-.038.59-.077.839h-7.048c.172 1.275 1.257 2.133 2.648 2.133 1.03 0 1.924-.381 2.514-1.067l1.429 1.391c-.857 1.105-2.343 1.696-4.058 1.696-2.895 0-4.915-2.038-4.915-4.934h.001Zm2.381-.953h4.744c-.153-1.238-1.106-2.076-2.381-2.076-1.276 0-2.229.838-2.363 2.076ZM74.607 28.24V29.8h.038c.457-1.066 1.296-1.638 2.4-1.638.285 0 .685.038.838.095v2.248c-.267-.076-.78-.132-1.162-.132-1.2 0-1.98.914-1.98 2.323v4.953h-2.363v-9.41h2.23ZM78.551 32.983c0-2.915 1.924-4.972 4.648-4.972 1.257 0 2.286.553 2.934 1.562h.037V23.84h2.362v13.81h-2.228v-1.467h-.037c-.61 1.067-1.752 1.696-3.067 1.696-2.724 0-4.648-2.038-4.648-4.895l-.001-.001Zm7.62-.038c0-1.695-1.048-2.82-2.591-2.82-1.543 0-2.61 1.143-2.61 2.82 0 1.677 1.049 2.82 2.61 2.82s2.59-1.124 2.59-2.82ZM90.34 34.963c0-1.81 1.506-2.895 4.02-2.915l1.828-.019v-.304c0-1.106-.704-1.677-1.981-1.677-.838 0-1.581.323-2.095.915l-1.429-1.391c.82-1.01 2.133-1.562 3.752-1.562 2.514 0 4.114 1.371 4.114 3.562v3.733c0 .343.153.495.534.495h.172v1.847H98.15c-.895 0-1.506-.418-1.696-1.105h-.038c-.59.857-1.561 1.333-2.743 1.333-1.981 0-3.333-1.18-3.333-2.915v.003Zm5.848-.82v-.534l-1.561.02c-1.238.018-1.905.457-1.905 1.275 0 .724.571 1.238 1.37 1.238 1.239 0 2.096-.82 2.096-2v.001ZM103.312 28.24v1.275h.038c.476-.971 1.315-1.505 2.4-1.505 1.219 0 2.133.534 2.704 1.6.572-1.028 1.619-1.6 2.953-1.6 2.323 0 3.447 1.296 3.447 3.944v5.696h-2.362v-5.296c0-1.543-.534-2.286-1.638-2.286-1.104 0-1.695.82-1.695 2.362v5.22h-2.363v-5.296c0-1.562-.513-2.286-1.638-2.286-1.124 0-1.695.838-1.695 2.362v5.22h-2.362v-9.41h2.211Z"}),c.jsx("path",{className:"ams-logo__text-secondary",fill:"#000",d:"M16.436 8.581c0-3.752 2.629-6.4 6.343-6.4 1.886 0 3.466.61 4.59 1.829L25.732 5.57c-.705-.78-1.715-1.238-2.915-1.238-2.248 0-3.81 1.752-3.81 4.248 0 2.496 1.524 4.324 3.714 4.324 2 0 3.392-1.143 3.392-2.8v-.323h-2.99V7.705h5.505V9.63c0 3.162-2.458 5.39-5.982 5.39s-6.21-2.666-6.21-6.438ZM30.34 8.581c0-3.752 2.63-6.4 6.344-6.4 1.886 0 3.467.61 4.59 1.829L39.638 5.57c-.705-.78-1.715-1.238-2.915-1.238-2.248 0-3.81 1.752-3.81 4.248 0 2.496 1.524 4.324 3.715 4.324 2 0 3.39-1.143 3.39-2.8v-.323h-2.99V7.705h5.506V9.63c0 3.162-2.458 5.39-5.982 5.39s-6.21-2.666-6.21-6.438ZM44.836 2.41h4.61c3.809 0 6.343 2.476 6.343 6.19 0 3.714-2.59 6.19-6.363 6.19h-4.59V2.41Zm4.419 10.229c2.38 0 3.942-1.543 3.942-4.02 0-2.475-1.524-4.057-3.923-4.057H47.35v8.077h1.905Z"})]}));a.displayName="LogoGgdAmsterdam";try{a.displayName="LogoGgdAmsterdam",a.__docgenInfo={description:"",displayName:"LogoGgdAmsterdam",props:{}}}catch{}const e=l.forwardRef((h,v)=>c.jsxs("svg",{className:"ams-logo","aria-hidden":"true",focusable:"false",ref:v,viewBox:"0 0 121 42",fill:"none",xmlns:"http://www.w3.org/2000/svg",...h,children:[c.jsx("path",{className:"ams-logo__text-secondary",d:"M18.085 30.527H20.669L23.051 35.26H23.08L25.46 30.527H28.045V39.964H26.187V32.69H26.157L23.82 37.336H22.31L19.973 32.69H19.943V39.964H18.085V30.527ZM29.976 37.133V32.792H31.776V36.799C31.776 38.004 32.197 38.57 33.068 38.57C33.954 38.57 34.448 37.917 34.448 36.755V32.792H36.248V39.964H34.55V38.991H34.521C34.173 39.688 33.418 40.138 32.605 40.138C30.848 40.138 29.976 39.137 29.976 37.133ZM39.63 36.959C38.658 36.669 37.714 36.146 37.714 34.839C37.714 33.518 38.818 32.618 40.458 32.618C41.562 32.618 42.418 33.009 42.898 33.735L41.867 34.766C41.504 34.316 41.01 34.069 40.473 34.069C39.863 34.069 39.486 34.345 39.486 34.781C39.486 35.361 40.096 35.463 40.981 35.739C41.954 36.029 42.898 36.552 42.898 37.859C42.898 39.209 41.736 40.139 40.023 40.139C38.905 40.139 38.005 39.746 37.482 39.006L38.512 37.975C38.6925 38.1976 38.9205 38.3771 39.1794 38.5001C39.4383 38.6231 39.7214 38.6866 40.008 38.686C40.705 38.686 41.126 38.396 41.126 37.917C41.126 37.337 40.515 37.235 39.63 36.959ZM45.7 35.652H49.315C49.199 34.708 48.473 34.069 47.5 34.069C46.527 34.069 45.801 34.709 45.7 35.652ZM43.885 36.378C43.885 34.157 45.38 32.618 47.515 32.618C49.649 32.618 51.13 34.142 51.13 36.334C51.13 36.509 51.1 36.784 51.072 36.974H45.699C45.83 37.946 46.658 38.599 47.718 38.599C48.502 38.599 49.184 38.309 49.634 37.786L50.724 38.846C50.07 39.688 48.937 40.138 47.631 40.138C45.424 40.138 43.885 38.585 43.885 36.378ZM52.523 37.133V32.792H54.323V36.799C54.323 38.004 54.745 38.57 55.616 38.57C56.502 38.57 56.996 37.917 56.996 36.755V32.792H58.796V39.964H57.096V38.991H57.068C56.72 39.688 55.964 40.138 55.151 40.138C53.395 40.138 52.523 39.137 52.523 37.133ZM60.741 32.792H62.425V33.765H62.455C62.817 33.024 63.456 32.618 64.284 32.618C65.213 32.618 65.91 33.024 66.345 33.838C66.781 33.053 67.58 32.618 68.595 32.618C70.367 32.618 71.224 33.605 71.224 35.623V39.964H69.424V35.928C69.424 34.752 69.017 34.186 68.174 34.186C67.333 34.186 66.883 34.81 66.883 35.986V39.964H65.083V35.928C65.083 34.738 64.69 34.186 63.833 34.186C63.006 34.186 62.541 34.824 62.541 35.986V39.964H60.741V32.792ZM84.683 39.964L82.853 32.908H82.824L80.994 39.964H78.774L76 30.527H78.033L79.891 37.67H79.921L81.793 30.527H83.884L85.757 37.67H85.787L87.645 30.527H89.677L86.904 39.964H84.683ZM91.71 35.652H95.325C95.209 34.708 94.483 34.069 93.51 34.069C92.537 34.069 91.812 34.709 91.71 35.652ZM89.895 36.378C89.895 34.157 91.39 32.618 93.525 32.618C95.659 32.618 97.14 34.142 97.14 36.334C97.14 36.509 97.11 36.784 97.082 36.974H91.71C91.84 37.946 92.668 38.599 93.728 38.599C94.512 38.599 95.194 38.309 95.645 37.786L96.733 38.846C96.08 39.688 94.948 40.138 93.641 40.138C91.434 40.138 89.895 38.585 89.895 36.378ZM100 35.652H103.616C103.499 34.708 102.773 34.069 101.801 34.069C100.828 34.069 100.1 34.709 100 35.652ZM98.185 36.378C98.185 34.157 99.681 32.618 101.815 32.618C103.949 32.618 105.43 34.142 105.43 36.334C105.43 36.509 105.401 36.784 105.372 36.974H100C100.13 37.946 100.958 38.599 102.018 38.599C102.802 38.599 103.485 38.309 103.935 37.786L105.024 38.846C104.37 39.688 103.238 40.138 101.931 40.138C99.724 40.138 98.185 38.585 98.185 36.378ZM108.363 36.959C107.39 36.669 106.446 36.146 106.446 34.839C106.446 33.518 107.55 32.618 109.191 32.618C110.294 32.618 111.151 33.009 111.63 33.735L110.599 34.766C110.236 34.316 109.742 34.069 109.205 34.069C108.595 34.069 108.218 34.345 108.218 34.781C108.218 35.361 108.828 35.463 109.713 35.739C110.686 36.029 111.63 36.552 111.63 37.859C111.63 39.209 110.468 40.139 108.755 40.139C107.637 40.139 106.737 39.746 106.215 39.006L107.245 37.975C107.426 38.1976 107.654 38.3771 107.912 38.5001C108.171 38.6231 108.454 38.6866 108.741 38.686C109.437 38.686 109.859 38.396 109.859 37.917C109.859 37.337 109.249 37.235 108.363 36.959ZM118.83 36.378C118.83 35.086 118.033 34.229 116.857 34.229C115.68 34.229 114.867 35.1 114.867 36.378C114.867 37.656 115.68 38.527 116.857 38.527C118.033 38.527 118.831 37.67 118.831 36.377L118.83 36.378ZM113.067 32.792H114.78V33.91H114.81C115.245 33.097 116.116 32.618 117.162 32.618C119.209 32.618 120.675 34.171 120.675 36.348C120.675 38.556 119.209 40.138 117.162 40.138C116.189 40.138 115.39 39.718 114.896 38.948H114.867V42.65H113.067V32.792Z",fill:"#000"}),c.jsx("path",{className:"ams-logo__text-primary",d:"M20.539 22.287H23.588L22.078 18.309H22.048L20.539 22.287ZM21.018 16.494H23.196L26.971 25.931H24.953L24.169 23.855H19.973L19.189 25.931H17.243L21.018 16.494ZM28.161 18.759H29.845V19.732H29.875C30.237 18.992 30.876 18.584 31.704 18.584C32.633 18.584 33.33 18.991 33.765 19.804C34.201 19.02 35 18.584 36.015 18.584C37.787 18.584 38.644 19.572 38.644 21.59V25.931H36.844V21.895C36.844 20.719 36.437 20.152 35.594 20.152C34.753 20.152 34.303 20.777 34.303 21.952V25.932H32.503V21.895C32.503 20.705 32.11 20.152 31.253 20.152C30.426 20.152 29.961 20.792 29.961 21.952V25.932H28.161V18.759ZM41.954 22.926C40.981 22.636 40.037 22.113 40.037 20.806C40.037 19.485 41.141 18.584 42.781 18.584C43.885 18.584 44.741 18.977 45.221 19.702L44.19 20.733C43.827 20.283 43.333 20.036 42.796 20.036C42.186 20.036 41.809 20.312 41.809 20.748C41.809 21.328 42.419 21.43 43.304 21.706C44.277 21.996 45.221 22.519 45.221 23.826C45.221 25.176 44.059 26.106 42.346 26.106C41.228 26.106 40.328 25.713 39.806 24.973L40.836 23.942C41.0164 24.1645 41.2443 24.3439 41.5029 24.4669C41.7616 24.5899 42.0446 24.6535 42.331 24.653C43.028 24.653 43.449 24.363 43.449 23.884C43.449 23.304 42.839 23.202 41.954 22.926ZM47.122 23.361V20.254H45.888V18.76H46.542C47.137 18.76 47.369 18.527 47.369 17.932V16.814H48.909V18.76H50.651V20.255H48.908V23.362C48.908 24.059 49.271 24.452 49.939 24.452C50.142 24.452 50.389 24.422 50.534 24.379V25.889C50.2243 25.9569 49.9081 25.9907 49.591 25.99C47.965 25.99 47.122 25.089 47.122 23.361ZM53.351 21.619H56.966C56.85 20.675 56.124 20.036 55.151 20.036C54.179 20.036 53.453 20.676 53.351 21.619ZM51.536 22.345C51.536 20.124 53.032 18.585 55.166 18.585C57.3 18.585 58.781 20.109 58.781 22.301C58.781 22.476 58.752 22.751 58.723 22.941H53.351C53.481 23.913 54.309 24.566 55.369 24.566C56.153 24.566 56.836 24.276 57.286 23.753L58.375 24.813C57.721 25.655 56.589 26.105 55.282 26.105C53.075 26.105 51.536 24.552 51.536 22.345ZM60.277 18.759H61.975V19.949H62.005C62.353 19.136 62.992 18.701 63.834 18.701C64.051 18.701 64.356 18.73 64.472 18.773V20.487C64.1819 20.4194 63.8849 20.3852 63.587 20.385C62.672 20.385 62.077 21.082 62.077 22.156V25.931H60.277V18.759ZM70.788 22.345C70.788 21.053 69.99 20.196 68.814 20.196C67.623 20.196 66.824 21.067 66.824 22.346C66.824 23.623 67.623 24.494 68.814 24.494C69.99 24.494 70.788 23.637 70.788 22.345ZM64.981 22.374C64.981 20.152 66.447 18.584 68.523 18.584C69.481 18.584 70.265 19.006 70.759 19.775H70.789V15.405H72.589V25.93H70.889V24.812H70.861C70.396 25.625 69.525 26.104 68.523 26.104C66.447 26.104 64.981 24.552 64.981 22.374ZM78.425 23.26V22.853L77.235 22.868C76.291 22.882 75.783 23.216 75.783 23.841C75.783 24.392 76.218 24.784 76.828 24.784C77.771 24.784 78.425 24.16 78.425 23.26ZM73.968 23.884C73.968 22.504 75.115 21.677 77.031 21.663L78.425 21.648V21.416C78.425 20.574 77.888 20.138 76.915 20.138C76.276 20.138 75.71 20.385 75.318 20.835L74.229 19.775C74.853 19.005 75.855 18.585 77.089 18.585C79.006 18.585 80.225 19.63 80.225 21.3V24.145C80.225 24.407 80.341 24.523 80.632 24.523H80.762V25.931H79.92C79.238 25.931 78.773 25.611 78.628 25.089H78.6C78.15 25.743 77.41 26.105 76.51 26.105C75 26.105 73.969 25.205 73.969 23.885L73.968 23.884ZM82.17 18.759H83.855V19.732H83.884C84.247 18.992 84.886 18.584 85.714 18.584C86.642 18.584 87.339 18.991 87.774 19.804C88.21 19.02 89.009 18.584 90.025 18.584C91.797 18.584 92.653 19.572 92.653 21.59V25.931H90.853V21.895C90.853 20.719 90.446 20.152 89.604 20.152C88.762 20.152 88.312 20.777 88.312 21.952V25.932H86.512V21.895C86.512 20.705 86.12 20.152 85.263 20.152C84.436 20.152 83.971 20.792 83.971 21.952V25.932H82.171L82.17 18.759ZM17.644 6.97998C17.644 4.11998 19.647 2.09998 22.479 2.09998C23.916 2.09998 25.121 2.56498 25.978 3.49398L24.729 4.68398C24.192 4.08898 23.422 3.74098 22.508 3.74098C20.795 3.74098 19.604 5.07698 19.604 6.97898C19.604 8.92398 20.765 10.274 22.435 10.274C23.96 10.274 25.02 9.40398 25.02 8.13998V7.89298H22.74V6.31198H26.936V7.77798C26.936 10.188 25.063 11.887 22.377 11.887C19.604 11.887 17.644 9.85398 17.644 6.97998ZM29.97 7.39998H33.586C33.469 6.45698 32.743 5.81798 31.771 5.81798C30.798 5.81798 30.072 6.45698 29.971 7.40098L29.97 7.39998ZM28.155 8.12698C28.155 5.90498 29.651 4.36698 31.785 4.36698C33.92 4.36698 35.4 5.89098 35.4 8.08298C35.4 8.25698 35.372 8.53298 35.342 8.72198H29.97C30.101 9.69498 30.929 10.348 31.988 10.348C32.773 10.348 33.455 10.058 33.905 9.53498L34.994 10.595C34.341 11.437 33.208 11.887 31.901 11.887C29.694 11.887 28.155 10.333 28.155 8.12698ZM36.896 4.53998H38.58V5.51298H38.609C38.972 4.77298 39.611 4.36598 40.439 4.36598C41.368 4.36598 42.065 4.77298 42.5 5.58598C42.936 4.80198 43.734 4.36598 44.75 4.36598C46.522 4.36598 47.379 5.35398 47.379 7.37198V11.712H45.579V7.67698C45.579 6.50198 45.172 5.93498 44.329 5.93498C43.488 5.93498 43.037 6.55998 43.037 7.73498V11.714H41.237V7.67598C41.237 6.48598 40.845 5.93398 39.988 5.93398C39.161 5.93398 38.696 6.57398 38.696 7.73398V11.713H36.896V4.53998ZM50.616 7.39998H54.231C54.115 6.45698 53.389 5.81798 52.417 5.81798C51.444 5.81798 50.717 6.45698 50.617 7.40098L50.616 7.39998ZM48.801 8.12698C48.801 5.90498 50.297 4.36698 52.431 4.36698C54.565 4.36698 56.046 5.89098 56.046 8.08298C56.046 8.25698 56.017 8.53298 55.988 8.72198H50.616C50.746 9.69498 51.574 10.348 52.634 10.348C53.418 10.348 54.101 10.058 54.551 9.53498L55.64 10.595C54.986 11.437 53.854 11.887 52.547 11.887C50.34 11.887 48.801 10.333 48.801 8.12698ZM58.906 7.39998H62.522C62.406 6.45698 61.68 5.81798 60.707 5.81798C59.734 5.81798 59.008 6.45698 58.907 7.40098L58.906 7.39998ZM57.092 8.12698C57.092 5.90498 58.587 4.36698 60.722 4.36698C62.856 4.36698 64.337 5.89098 64.337 8.08298C64.337 8.25698 64.307 8.53298 64.279 8.72198H58.906C59.037 9.69498 59.865 10.348 60.925 10.348C61.708 10.348 62.391 10.058 62.841 9.53498L63.93 10.595C63.277 11.437 62.144 11.887 60.837 11.887C58.631 11.887 57.092 10.333 57.092 8.12698ZM65.832 4.53998H67.531V5.51298H67.56C67.894 4.80198 68.62 4.36598 69.462 4.36598C71.262 4.36598 72.192 5.39698 72.192 7.37198V11.712H70.39V7.71998C70.39 6.49998 69.955 5.93398 69.04 5.93398C68.125 5.93398 67.631 6.57398 67.631 7.76398V11.713H65.831L65.832 4.53998ZM74.5 9.14298V6.03598H73.266V4.53998H73.919C74.514 4.53998 74.747 4.30798 74.747 3.71298V2.59498H76.286V4.53998H78.028V6.03598H76.286V9.14298C76.286 9.83998 76.648 10.232 77.316 10.232C77.52 10.232 77.766 10.202 77.912 10.159V11.669C77.602 11.7372 77.2855 11.7714 76.968 11.771C75.342 11.771 74.5 10.871 74.5 9.14298ZM80.728 7.39998H84.344C84.227 6.45698 83.501 5.81798 82.529 5.81798C81.556 5.81798 80.83 6.45698 80.729 7.40098L80.728 7.39998ZM78.913 8.12698C78.913 5.90498 80.409 4.36698 82.543 4.36698C84.678 4.36698 86.158 5.89098 86.158 8.08298C86.158 8.25698 86.129 8.53298 86.1 8.72198H80.728C80.859 9.69498 81.687 10.348 82.747 10.348C83.531 10.348 84.213 10.058 84.663 9.53498L85.752 10.595C85.099 11.437 83.966 11.887 82.659 11.887C80.452 11.887 78.913 10.333 78.913 8.12698Z",fill:"#EC0000"}),c.jsx("path",{className:"ams-logo__emblem",d:"M0 38.3642L3.6 34.9356L0 31.507L2.4 29.2213L6 32.6499L9.6 29.2213L12 31.507L8.4 34.9356L12 38.3642L9.6 40.6499L6 37.2213L2.4 40.6499L0 38.3642Z",fill:"#EC0000"}),c.jsx("path",{className:"ams-logo__emblem",d:"M0 9.79276L3.6 6.36419L0 2.93562L2.4 0.649902L6 4.07847L9.6 0.649902L12 2.93562L8.4 6.36419L12 9.79276L9.6 12.0785L6 8.6499L2.4 12.0785L0 9.79276Z",fill:"#EC0000"}),c.jsx("path",{className:"ams-logo__emblem",d:"M0 24.0785L3.6 20.6499L0 17.2213L2.4 14.9356L6 18.3642L9.6 14.9356L12 17.2213L8.4 20.6499L12 24.0785L9.6 26.3642L6 22.9356L2.4 26.3642L0 24.0785Z",fill:"#EC0000"})]}));e.displayName="LogoMuseumWeesp";try{e.displayName="LogoMuseumWeesp",e.__docgenInfo={description:"",displayName:"LogoMuseumWeesp",props:{}}}catch{}const Z=l.forwardRef((h,v)=>c.jsxs("svg",{className:"ams-logo","aria-hidden":"true",focusable:"false",ref:v,viewBox:"0 0 98 40",xmlns:"http://www.w3.org/2000/svg",...h,children:[c.jsx("path",{className:"ams-logo__emblem",fill:"#EC0000",d:"m0 37.648 3.527-3.527L0 30.593l2.352-2.351 3.527 3.527 3.528-3.527 2.351 2.351-3.527 3.528 3.527 3.527L9.407 40l-3.528-3.527L2.352 40 0 37.648ZM0 9.407l3.527-3.528L0 2.352 2.352 0l3.527 3.527L9.407 0l2.351 2.352-3.527 3.527 3.527 3.528-2.351 2.351-3.528-3.527-3.526 3.527L0 9.407ZM0 23.54l3.527-3.528L0 16.485l2.352-2.352 3.527 3.528 3.528-3.528 2.351 2.352-3.527 3.527 3.527 3.528-2.351 2.351-3.528-3.527-3.527 3.527L0 23.54Z"}),c.jsx("path",{className:"ams-logo__text-primary",fill:"#EC0000",d:"M20.937 15.334h2.17l3.76 9.4h-2.011l-.78-2.068h-4.18l-.782 2.068h-1.937l3.76-9.4Zm-.477 5.77h3.037l-1.504-3.962h-.03l-1.503 3.963ZM28.052 17.59h1.678v.969h.03c.36-.737.997-1.143 1.822-1.143.925 0 1.62.405 2.054 1.215.434-.781 1.228-1.215 2.24-1.215 1.766 0 2.618.983 2.618 2.994v4.324h-1.793v-4.02c0-1.17-.404-1.735-1.244-1.735s-1.287.622-1.287 1.793v3.962h-1.794v-4.02c0-1.186-.39-1.735-1.243-1.735-.854 0-1.288.636-1.288 1.793v3.962h-1.793V17.59ZM41.791 21.74c-.969-.288-1.91-.81-1.91-2.111 0-1.302 1.1-2.213 2.734-2.213 1.1 0 1.952.39 2.43 1.114l-1.027 1.026c-.362-.448-.853-.694-1.388-.694-.608 0-.983.276-.983.71 0 .578.608.679 1.49.954.968.29 1.909.81 1.909 2.112 0 1.301-1.157 2.27-2.863 2.27-1.114 0-2.01-.39-2.532-1.127l1.027-1.027c.39.464.911.71 1.49.71.693 0 1.113-.29 1.113-.767 0-.579-.608-.68-1.49-.955v-.001ZM46.94 22.175V19.08h-1.23v-1.49h.652c.592 0 .824-.232.824-.824v-1.114h1.533v1.938h1.736v1.49h-1.736v3.095c0 .693.361 1.085 1.027 1.085.202 0 .448-.03.592-.073v1.504a4.362 4.362 0 0 1-.94.101c-1.62 0-2.46-.897-2.46-2.617h.002ZM51.337 21.162c0-2.213 1.49-3.746 3.615-3.746 2.126 0 3.602 1.52 3.602 3.703 0 .174-.03.448-.058.636h-5.351c.13.969.955 1.62 2.01 1.62.781 0 1.46-.29 1.91-.81l1.084 1.056c-.651.838-1.779 1.287-3.08 1.287-2.2 0-3.731-1.547-3.731-3.746h-.002Zm1.808-.723h3.601c-.115-.94-.838-1.577-1.808-1.577-.97 0-1.692.637-1.793 1.577ZM60.042 17.59h1.692v1.186h.03c.346-.81.983-1.244 1.822-1.244.218 0 .521.03.636.072v1.706a3.906 3.906 0 0 0-.882-.1c-.91 0-1.504.693-1.504 1.764v3.76h-1.793V17.59ZM64.729 21.192c0-2.213 1.46-3.775 3.529-3.775.954 0 1.735.42 2.227 1.187h.029V14.25h1.793v10.486h-1.692v-1.114h-.03c-.462.81-1.33 1.288-2.327 1.288-2.069 0-3.529-1.548-3.529-3.717v-.002Zm5.785-.03c0-1.287-.796-2.14-1.967-2.14s-1.981.868-1.981 2.14c0 1.273.796 2.14 1.98 2.14 1.186 0 1.968-.853 1.968-2.14ZM73.68 22.695c0-1.374 1.143-2.198 3.052-2.212l1.388-.015v-.231c0-.838-.535-1.272-1.504-1.272-.636 0-1.2.245-1.59.693l-1.084-1.056c.622-.766 1.62-1.186 2.849-1.186 1.908 0 3.124 1.042 3.124 2.704v2.835c0 .26.115.377.404.377h.13v1.402h-.838c-.68 0-1.143-.318-1.287-.838h-.03c-.448.651-1.186 1.012-2.082 1.012-1.504 0-2.53-.897-2.53-2.213h-.002Zm4.44-.622v-.404l-1.185.014c-.94.014-1.446.347-1.446.969 0 .55.434.94 1.042.94.94 0 1.59-.621 1.59-1.518ZM81.851 17.59h1.678v.969h.03c.362-.737.998-1.143 1.822-1.143.925 0 1.62.405 2.054 1.215.434-.781 1.229-1.215 2.241-1.215 1.765 0 2.618.983 2.618 2.994v4.324H90.5v-4.02c0-1.17-.405-1.735-1.245-1.735-.84 0-1.287.622-1.287 1.793v3.962h-1.793v-4.02c0-1.186-.39-1.735-1.244-1.735s-1.288.636-1.288 1.793v3.962h-1.793V17.59ZM17.575 5.857c0-2.85 1.996-4.86 4.817-4.86 1.432 0 2.632.463 3.485 1.389l-1.244 1.186c-.535-.593-1.302-.94-2.213-.94-1.706 0-2.893 1.33-2.893 3.225 0 1.894 1.157 3.283 2.821 3.283 1.52 0 2.574-.868 2.574-2.126v-.246h-2.27V5.191h4.18v1.46c0 2.402-1.867 4.094-4.542 4.094s-4.715-2.025-4.715-4.888ZM28.047 7c0-2.213 1.49-3.747 3.616-3.747 2.126 0 3.601 1.52 3.601 3.703 0 .174-.03.448-.057.636h-5.351c.13.97.954 1.62 2.01 1.62.78 0 1.46-.289 1.91-.81l1.085 1.056c-.651.839-1.779 1.288-3.08 1.288-2.2 0-3.732-1.548-3.732-3.746h-.002Zm1.809-.724h3.601c-.115-.94-.838-1.576-1.808-1.576-.97 0-1.692.636-1.793 1.576ZM36.753 3.426h1.678v.97h.03c.361-.738.997-1.144 1.822-1.144.925 0 1.62.405 2.054 1.215.434-.78 1.23-1.215 2.24-1.215 1.766 0 2.618.983 2.618 2.994v4.324h-1.793V6.55c0-1.17-.404-1.735-1.244-1.735s-1.287.622-1.287 1.793v3.962h-1.794V6.55c0-1.186-.39-1.735-1.243-1.735-.854 0-1.288.636-1.288 1.793v3.962h-1.793V3.426ZM48.612 7c0-2.213 1.49-3.747 3.616-3.747 2.126 0 3.601 1.52 3.601 3.703 0 .174-.03.448-.057.636H50.42c.131.97.955 1.62 2.011 1.62.78 0 1.46-.289 1.91-.81l1.084 1.056c-.652.839-1.78 1.288-3.08 1.288-2.2 0-3.732-1.548-3.732-3.746Zm1.808-.724h3.602c-.115-.94-.838-1.576-1.807-1.576s-1.692.636-1.793 1.576h-.002ZM56.87 7c0-2.213 1.49-3.747 3.616-3.747 2.125 0 3.601 1.52 3.601 3.703 0 .174-.03.448-.058.636h-5.35c.13.97.954 1.62 2.01 1.62.78 0 1.46-.289 1.91-.81l1.084 1.056c-.652.839-1.78 1.288-3.081 1.288-2.199 0-3.731-1.548-3.731-3.746h-.001Zm1.808-.724h3.602c-.115-.94-.839-1.576-1.809-1.576s-1.692.636-1.793 1.576ZM65.577 3.426h1.692v.97h.03c.332-.71 1.055-1.144 1.893-1.144 1.794 0 2.719 1.027 2.719 2.994v4.324h-1.793V6.594c0-1.215-.434-1.78-1.345-1.78-.912 0-1.403.637-1.403 1.823v3.935h-1.793V3.426ZM74.21 8.012V4.917h-1.23v-1.49h.652c.593 0 .825-.231.825-.824V1.49h1.533v1.937h1.735v1.49H75.99v3.095c0 .694.36 1.085 1.026 1.085.203 0 .448-.03.593-.073v1.504a4.356 4.356 0 0 1-.94.101c-1.621 0-2.46-.897-2.46-2.617l.002.001ZM78.607 7c0-2.213 1.49-3.747 3.616-3.747 2.126 0 3.601 1.52 3.601 3.703 0 .174-.03.448-.057.636h-5.352c.131.97.955 1.62 2.011 1.62.78 0 1.46-.289 1.91-.81l1.084 1.056c-.652.839-1.78 1.288-3.08 1.288-2.2 0-3.732-1.548-3.732-3.746Zm1.808-.724h3.602c-.115-.94-.838-1.576-1.808-1.576-.97 0-1.692.636-1.794 1.576Z"}),c.jsx("path",{className:"ams-logo__text-secondary",fill:"#000",d:"m17.335 37.353 1.302-1.084a2.07 2.07 0 0 0 1.779.983c.868 0 1.46-.463 1.46-1.143 0-.766-.636-1.042-1.866-1.49-1.143-.42-2.343-1.012-2.343-2.747 0-1.62 1.316-2.734 3.24-2.734 1.3 0 2.327.52 2.906 1.446L22.51 31.67c-.39-.578-.954-.897-1.62-.897-.78 0-1.302.42-1.302 1.042 0 .767.637 1.042 1.866 1.49 1.143.42 2.344 1.012 2.344 2.748 0 1.735-1.375 2.834-3.4 2.834-1.374 0-2.458-.549-3.066-1.533h.002ZM25.738 36.153v-3.095h-1.23v-1.49h.65c.593 0 .824-.231.824-.824v-1.113h1.534v1.937h1.735v1.49h-1.735v3.095c0 .693.362 1.085 1.026 1.085.202 0 .448-.03.593-.073v1.504a4.37 4.37 0 0 1-.941.101c-1.62 0-2.459-.897-2.459-2.617h.003ZM30.134 36.674c0-1.375 1.143-2.2 3.051-2.213l1.389-.014v-.232c0-.838-.535-1.272-1.504-1.272-.636 0-1.2.245-1.59.694l-1.085-1.056c.622-.767 1.62-1.187 2.85-1.187 1.909 0 3.123 1.042 3.123 2.705v2.835c0 .26.115.376.405.376h.13v1.402h-.838c-.68 0-1.143-.318-1.288-.838h-.029c-.448.651-1.186 1.012-2.082 1.012-1.504 0-2.53-.897-2.53-2.212h-.002Zm4.44-.622v-.405l-1.186.014c-.941.014-1.447.347-1.447.97 0 .548.434.94 1.042.94.94 0 1.591-.622 1.591-1.52ZM37.813 35.17c0-2.213 1.46-3.775 3.529-3.775.955 0 1.735.42 2.227 1.187h.03v-4.353h1.792v10.486H43.7V37.6h-.029c-.463.81-1.331 1.288-2.328 1.288-2.068 0-3.529-1.547-3.529-3.717v-.002Zm5.785-.03c0-1.287-.796-2.14-1.967-2.14-1.17 0-1.981.868-1.981 2.14 0 1.273.796 2.14 1.981 2.14s1.967-.853 1.967-2.14ZM48.763 35.719c-.97-.29-1.91-.81-1.91-2.112 0-1.301 1.1-2.213 2.734-2.213 1.1 0 1.952.39 2.429 1.114l-1.026 1.026c-.363-.448-.854-.694-1.39-.694-.607 0-.982.276-.982.71 0 .578.608.68 1.49.954.969.29 1.91.81 1.91 2.112s-1.158 2.27-2.864 2.27c-1.113 0-2.01-.39-2.532-1.127l1.027-1.027c.39.464.911.71 1.49.71.694 0 1.113-.29 1.113-.767 0-.579-.608-.68-1.49-.955v-.001ZM52.97 36.674c0-1.375 1.144-2.2 3.052-2.213l1.389-.014v-.232c0-.838-.535-1.272-1.504-1.272-.636 0-1.2.245-1.591.694l-1.084-1.056c.622-.767 1.62-1.187 2.849-1.187 1.91 0 3.124 1.042 3.124 2.705v2.835c0 .26.115.376.404.376h.13v1.402h-.837c-.68 0-1.143-.318-1.288-.838h-.03c-.447.651-1.186 1.012-2.082 1.012-1.504 0-2.53-.897-2.53-2.212h-.001Zm4.44-.622v-.405l-1.186.014c-.94.014-1.446.347-1.446.97 0 .548.434.94 1.042.94.94 0 1.59-.622 1.59-1.52ZM61.142 31.568h1.691v1.187h.03c.347-.81.983-1.244 1.822-1.244.218 0 .521.029.636.073v1.706a3.907 3.907 0 0 0-.881-.102c-.912 0-1.504.694-1.504 1.765v3.76h-1.793V31.57h-.002ZM65.827 35.14c0-2.227 1.49-3.746 3.689-3.746 1.085 0 2.038.405 2.646 1.128l-1.2 1.127c-.362-.404-.868-.622-1.446-.622-1.1 0-1.851.868-1.851 2.112 0 1.244.752 2.112 1.85 2.112.58 0 1.086-.218 1.476-.636l1.187 1.127c-.636.738-1.577 1.143-2.647 1.143-2.199 0-3.703-1.519-3.703-3.746v.001ZM73.492 28.228h1.793v4.15h.03c.42-.636 1.041-.983 1.793-.983 1.793 0 2.718 1.027 2.718 2.994v4.325h-1.793v-3.978c0-1.215-.434-1.78-1.345-1.78s-1.403.637-1.403 1.823v3.935h-1.793V28.228ZM82.56 30.657c-.622 0-1.07-.434-1.07-1.042 0-.608.448-1.042 1.07-1.042.622 0 1.07.434 1.07 1.042 0 .608-.448 1.042-1.07 1.042Zm-.897.911h1.793v7.144h-1.793v-7.144ZM84.947 35.14c0-2.212 1.49-3.746 3.616-3.746 2.126 0 3.601 1.52 3.601 3.703 0 .174-.03.448-.058.636h-5.35c.13.969.954 1.62 2.01 1.62.78 0 1.46-.289 1.91-.81L91.76 37.6c-.652.838-1.78 1.288-3.081 1.288-2.199 0-3.73-1.548-3.73-3.747h-.002Zm1.808-.723h3.602c-.115-.94-.838-1.577-1.808-1.577-.97 0-1.693.637-1.794 1.577ZM92.886 33.058v-1.49h1.215v-.925c0-1.634.969-2.59 2.632-2.59.203 0 .506.03.666.058v1.548a2.82 2.82 0 0 0-.622-.072c-.565 0-.882.376-.882 1.056v.925h1.736v1.49h-1.736v5.654h-1.793v-5.654h-1.216Z"})]}));Z.displayName="LogoStadsarchief";try{Z.displayName="LogoStadsarchief",Z.__docgenInfo={description:"",displayName:"LogoStadsarchief",props:{}}}catch{}const C=l.forwardRef((h,v)=>c.jsxs("svg",{className:"ams-logo","aria-hidden":"true",focusable:"false",ref:v,viewBox:"0 0 159 42",xmlns:"http://www.w3.org/2000/svg",...h,children:[c.jsx("path",{className:"ams-logo__emblem",fill:"#EC0000",d:"m0 37.65 3.53-3.53L0 30.59l2.35-2.35 3.53 3.53 3.53-3.53 2.35 2.35-3.53 3.53 3.53 3.53L9.41 40l-3.53-3.53L2.35 40 0 37.65ZM0 9.41l3.53-3.53L0 2.35 2.35 0l3.53 3.53L9.41 0l2.35 2.35-3.53 3.53 3.53 3.53-2.35 2.35-3.53-3.53-3.53 3.53L0 9.41ZM0 23.54l3.53-3.53L0 16.48l2.35-2.35 3.53 3.53 3.53-3.53 2.35 2.35-3.53 3.53 3.53 3.53-2.35 2.35-3.53-3.53-3.53 3.53L0 23.54Z"}),c.jsx("path",{className:"ams-logo__text-secondary",fill:"#000",d:"m17.34 37.35 1.3-1.08c.4.64 1.06.98 1.78.98.87 0 1.46-.46 1.46-1.14 0-.77-.64-1.04-1.87-1.49-1.14-.42-2.34-1.01-2.34-2.75 0-1.62 1.32-2.73 3.24-2.73 1.3 0 2.33.52 2.91 1.45l-1.3 1.08c-.39-.58-.95-.9-1.62-.9-.78 0-1.3.42-1.3 1.04 0 .77.64 1.04 1.87 1.49 1.14.42 2.34 1.01 2.34 2.75s-1.37 2.83-3.4 2.83c-1.37 0-2.46-.55-3.07-1.53ZM25.74 36.15v-3.1h-1.23v-1.49h.65c.59 0 .82-.23.82-.82v-1.11h1.53v1.94h1.74v1.49h-1.74v3.1c0 .69.36 1.08 1.03 1.08.2 0 .45-.03.59-.07v1.5c-.22.06-.62.1-.94.1-1.62 0-2.46-.9-2.46-2.62h.01ZM30.13 36.67c0-1.37 1.14-2.2 3.05-2.21h1.39v-.25c0-.84-.54-1.27-1.5-1.27-.64 0-1.2.25-1.59.69l-1.08-1.06c.62-.77 1.62-1.19 2.85-1.19 1.91 0 3.12 1.04 3.12 2.7v2.83c0 .26.12.38.4.38h.13v1.4h-.84c-.68 0-1.14-.32-1.29-.84h-.03c-.45.65-1.19 1.01-2.08 1.01-1.5 0-2.53-.9-2.53-2.21v.02Zm4.44-.62v-.4h-1.19c-.94.03-1.45.36-1.45.98 0 .55.43.94 1.04.94.94 0 1.59-.62 1.59-1.52h.01ZM37.81 35.17c0-2.21 1.46-3.77 3.53-3.77.95 0 1.74.42 2.23 1.19h.03v-4.35h1.79v10.49H43.7v-1.11h-.03c-.46.81-1.33 1.29-2.33 1.29-2.07 0-3.53-1.55-3.53-3.72v-.02Zm5.79-.03c0-1.29-.8-2.14-1.97-2.14s-1.98.87-1.98 2.14.8 2.14 1.98 2.14 1.97-.85 1.97-2.14ZM48.76 35.72c-.97-.29-1.91-.81-1.91-2.11 0-1.3 1.1-2.21 2.73-2.21 1.1 0 1.95.39 2.43 1.11l-1.03 1.03c-.36-.45-.85-.69-1.39-.69-.61 0-.98.27-.98.71 0 .58.61.68 1.49.95.97.29 1.91.81 1.91 2.11 0 1.3-1.16 2.27-2.86 2.27-1.11 0-2.01-.39-2.53-1.13l1.03-1.03c.39.46.91.71 1.49.71.69 0 1.11-.29 1.11-.77 0-.58-.61-.68-1.49-.95ZM55.18 37.6h-.03v1.11h-1.71V28.22h1.79v4.35h.03c.52-.77 1.3-1.19 2.26-1.19 2.04 0 3.5 1.56 3.5 3.75s-1.46 3.75-3.5 3.75c-1 0-1.82-.46-2.34-1.29v.01Zm4.01-2.46c0-1.29-.8-2.14-1.97-2.14s-1.98.87-1.98 2.14.81 2.14 1.98 2.14 1.97-.85 1.97-2.14ZM61.95 36.67c0-1.37 1.14-2.2 3.05-2.21h1.39v-.25c0-.84-.54-1.27-1.5-1.27-.64 0-1.2.25-1.59.69l-1.08-1.06c.62-.77 1.62-1.19 2.85-1.19 1.91 0 3.12 1.04 3.12 2.7v2.83c0 .26.12.38.4.38h.13v1.4h-.84c-.68 0-1.14-.32-1.29-.84h-.03c-.45.65-1.19 1.01-2.08 1.01-1.5 0-2.53-.9-2.53-2.21v.02Zm4.44-.62v-.4H65.2c-.94.03-1.45.36-1.45.98 0 .55.43.94 1.04.94.94 0 1.59-.62 1.59-1.52h.01ZM70.12 31.57h1.69v.97h.03c.33-.71 1.06-1.14 1.89-1.14 1.79 0 2.72 1.03 2.72 2.99v4.32h-1.79v-3.98c0-1.21-.43-1.78-1.35-1.78-.92 0-1.4.64-1.4 1.82v3.93h-1.79v-7.14.01ZM80.09 38.71H78.3V28.22h1.79v6.57h.03l2.66-3.23h2.17l-2.76 3.17 2.89 3.98h-2.17l-1.98-2.81-.84.97v1.84ZM88.97 31.57h1.95l1.66 5.15h.03l1.71-5.15h1.91l-2.69 7.14h-1.92l-2.65-7.14ZM96.6 36.67c0-1.37 1.14-2.2 3.05-2.21h1.39v-.25c0-.84-.54-1.27-1.5-1.27-.64 0-1.2.25-1.59.69l-1.08-1.06c.62-.77 1.62-1.19 2.85-1.19 1.91 0 3.12 1.04 3.12 2.7v2.83c0 .26.12.38.4.38h.13v1.4h-.84c-.68 0-1.14-.32-1.29-.84h-.03c-.45.65-1.19 1.01-2.08 1.01-1.5 0-2.53-.9-2.53-2.21v.02Zm4.44-.62v-.4h-1.19c-.94.03-1.45.36-1.45.98 0 .55.43.94 1.04.94.94 0 1.59-.62 1.59-1.52h.01ZM104.77 31.57h1.69v.97h.03c.33-.71 1.06-1.14 1.89-1.14 1.79 0 2.72 1.03 2.72 2.99v4.32h-1.79v-3.98c0-1.21-.43-1.78-1.34-1.78-.91 0-1.4.64-1.4 1.82v3.93h-1.79v-7.14l-.01.01ZM116.65 29.31h1.91v7.78h3.49v1.62h-5.39v-9.4h-.01ZM122.87 35.14c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58ZM131.57 31.57h1.69v.97h.03c.33-.71 1.06-1.14 1.89-1.14 1.79 0 2.72 1.03 2.72 2.99v4.32h-1.79v-3.98c0-1.21-.43-1.78-1.35-1.78-.92 0-1.4.64-1.4 1.82v3.93h-1.79v-7.14.01ZM140.64 30.66c-.62 0-1.07-.43-1.07-1.04 0-.61.45-1.04 1.07-1.04.62 0 1.07.43 1.07 1.04 0 .61-.45 1.04-1.07 1.04Zm-.9.91h1.79v7.14h-1.79v-7.14ZM143.47 31.57h1.69v.97h.03c.33-.71 1.06-1.14 1.89-1.14 1.79 0 2.72 1.03 2.72 2.99v4.32h-1.79v-3.98c0-1.21-.43-1.78-1.35-1.78-.92 0-1.4.64-1.4 1.82v3.93h-1.79v-7.14.01ZM151.54 40.42l1.16-1.13c.39.45 1.1.72 1.87.72 1.3 0 2.02-.59 2.02-1.63v-1.1h-.03c-.4.75-1.16 1.17-2.1 1.17-2.01 0-3.34-1.42-3.34-3.53s1.37-3.51 3.34-3.51c1.01 0 1.81.45 2.2 1.21h.03v-1.06h1.69v6.88c0 1.91-1.46 3.11-3.79 3.11-1.33 0-2.43-.42-3.05-1.14v.01Zm5.06-5.5c0-1.19-.74-2.01-1.82-2.01s-1.82.82-1.82 2.01.75 2 1.82 2 1.82-.82 1.82-2Z"}),c.jsx("path",{className:"ams-logo__text-primary",fill:"#EC0000",d:"M20.94 15.33h2.17l3.76 9.4h-2.01l-.78-2.07H19.9l-.78 2.07h-1.94l3.76-9.4Zm-.48 5.77h3.04L22 17.14h-.03l-1.5 3.96h-.01ZM28.05 17.59h1.68v.97h.03c.36-.74 1-1.14 1.82-1.14.93 0 1.62.4 2.05 1.21.43-.78 1.23-1.21 2.24-1.21 1.76 0 2.62.98 2.62 2.99v4.32H36.7v-4.02c0-1.17-.4-1.74-1.24-1.74s-1.29.62-1.29 1.79v3.96h-1.79V20.7c0-1.19-.39-1.74-1.24-1.74s-1.29.64-1.29 1.79v3.96h-1.79v-7.14l-.01.02ZM41.79 21.74c-.97-.29-1.91-.81-1.91-2.11 0-1.3 1.1-2.21 2.73-2.21 1.1 0 1.95.39 2.43 1.11l-1.03 1.03c-.36-.45-.85-.69-1.39-.69-.61 0-.98.27-.98.71 0 .58.61.68 1.49.95.97.29 1.91.81 1.91 2.11 0 1.3-1.16 2.27-2.86 2.27-1.11 0-2.01-.39-2.53-1.13l1.03-1.03c.39.46.91.71 1.49.71.69 0 1.11-.29 1.11-.77 0-.58-.61-.68-1.49-.95ZM46.94 22.17v-3.09h-1.23v-1.49h.65c.59 0 .82-.23.82-.82v-1.11h1.53v1.94h1.74v1.49h-1.74v3.09c0 .69.36 1.08 1.03 1.08.2 0 .45-.03.59-.07v1.5c-.22.06-.62.1-.94.1-1.62 0-2.46-.9-2.46-2.62h.01ZM51.34 21.16c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58ZM60.04 17.59h1.69v1.19h.03c.35-.81.98-1.24 1.82-1.24.22 0 .52.03.64.07v1.71c-.2-.06-.59-.1-.88-.1-.91 0-1.5.69-1.5 1.76v3.76h-1.79V17.6l-.01-.01ZM64.73 21.19c0-2.21 1.46-3.77 3.53-3.77.95 0 1.74.42 2.23 1.19h.03v-4.35h1.79v10.49h-1.69v-1.11h-.03c-.46.81-1.33 1.29-2.33 1.29-2.07 0-3.53-1.55-3.53-3.72v-.02Zm5.79-.03c0-1.29-.8-2.14-1.97-2.14s-1.98.87-1.98 2.14.8 2.14 1.98 2.14 1.97-.85 1.97-2.14ZM73.68 22.7c0-1.37 1.14-2.2 3.05-2.21h1.39v-.25c0-.84-.54-1.27-1.5-1.27-.64 0-1.2.25-1.59.69l-1.08-1.06c.62-.77 1.62-1.19 2.85-1.19 1.91 0 3.12 1.04 3.12 2.7v2.83c0 .26.12.38.4.38h.13v1.4h-.84c-.68 0-1.14-.32-1.29-.84h-.03c-.45.65-1.19 1.01-2.08 1.01-1.5 0-2.53-.9-2.53-2.21v.02Zm4.44-.62v-.4h-1.19c-.94.03-1.45.36-1.45.98 0 .55.43.94 1.04.94.94 0 1.59-.62 1.59-1.52h.01ZM81.85 17.59h1.68v.97h.03c.36-.74 1-1.14 1.82-1.14.93 0 1.62.4 2.05 1.21.43-.78 1.23-1.21 2.24-1.21 1.76 0 2.62.98 2.62 2.99v4.32H90.5v-4.02c0-1.17-.4-1.74-1.24-1.74s-1.29.62-1.29 1.79v3.96h-1.79V20.7c0-1.19-.39-1.74-1.24-1.74s-1.29.64-1.29 1.79v3.96h-1.79v-7.14l-.01.02ZM17.58 5.86c0-2.85 2-4.86 4.82-4.86 1.43 0 2.63.46 3.49 1.39l-1.24 1.19c-.54-.59-1.3-.94-2.21-.94-1.71 0-2.89 1.33-2.89 3.23s1.16 3.28 2.82 3.28c1.52 0 2.57-.87 2.57-2.13v-.25h-2.27V5.19h4.18v1.46c0 2.4-1.87 4.09-4.54 4.09S17.6 8.72 17.6 5.85l-.02.01ZM28.05 7c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58ZM36.75 3.43h1.68v.97h.03c.36-.74 1-1.14 1.82-1.14.93 0 1.62.4 2.05 1.21.43-.78 1.23-1.21 2.24-1.21 1.76 0 2.62.98 2.62 2.99v4.32H45.4V6.55c0-1.17-.4-1.74-1.24-1.74s-1.29.62-1.29 1.79v3.96h-1.79V6.55c0-1.19-.39-1.74-1.24-1.74s-1.29.64-1.29 1.79v3.96h-1.79V3.43h-.01ZM48.61 7c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58ZM56.87 7c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58ZM65.58 3.43h1.69v.97h.03c.33-.71 1.06-1.14 1.89-1.14 1.79 0 2.72 1.03 2.72 2.99v4.32h-1.79V6.59c0-1.21-.43-1.78-1.34-1.78-.91 0-1.4.64-1.4 1.82v3.93h-1.79V3.43h-.01ZM74.21 8.01v-3.1h-1.23V3.42h.65c.59 0 .82-.23.82-.82V1.49h1.53v1.94h1.74v1.49h-1.74v3.1c0 .69.36 1.08 1.03 1.08.2 0 .45-.03.59-.07v1.5c-.22.06-.62.1-.94.1-1.62 0-2.46-.9-2.46-2.62h.01ZM78.61 7c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58Z"})]}));C.displayName="LogoStadsbankVanLening";try{C.displayName="LogoStadsbankVanLening",C.__docgenInfo={description:"",displayName:"LogoStadsbankVanLening",props:{}}}catch{}const o=l.forwardRef((h,v)=>c.jsxs("svg",{className:"ams-logo","aria-hidden":"true",focusable:"false",ref:v,viewBox:"0 0 145 43",xmlns:"http://www.w3.org/2000/svg",...h,children:[c.jsx("path",{className:"ams-logo__emblem",fill:"#EC0000",d:"m0 38.2 3.53-3.53L0 31.14l2.35-2.35 3.53 3.53 3.53-3.53 2.35 2.35-3.53 3.53 3.53 3.53-2.35 2.35-3.53-3.53-3.53 3.53L0 38.2ZM0 9.96l3.53-3.53L0 2.9 2.35.55l3.53 3.53L9.41.55l2.35 2.35-3.53 3.53 3.53 3.53-2.35 2.35-3.53-3.53-3.53 3.53L0 9.96ZM0 24.09l3.53-3.53L0 17.03l2.35-2.35 3.53 3.53 3.53-3.53 2.35 2.35-3.53 3.53 3.53 3.53-2.35 2.35-3.53-3.53-3.53 3.53L0 24.09Z"}),c.jsx("path",{className:"ams-logo__text-secondary",fill:"#000",d:"M17.13 29.86h2.07l2.39 7.22h.03l2.42-7.22h1.98l-3.36 9.4h-2.17l-3.36-9.4ZM26.5 34.55c0-2.85 2-4.86 4.82-4.86 1.43 0 2.63.46 3.49 1.39l-1.24 1.19c-.54-.59-1.3-.94-2.21-.94-1.71 0-2.89 1.33-2.89 3.23s1.16 3.28 2.82 3.28c1.52 0 2.57-.87 2.57-2.13v-.25h-2.27v-1.58h4.18v1.46c0 2.4-1.87 4.09-4.54 4.09s-4.71-2.02-4.71-4.89l-.02.01ZM40.43 29.86h2.17l3.76 9.4h-2.01l-.78-2.07h-4.18l-.78 2.07h-1.94l3.76-9.4Zm-.48 5.77h3.04l-1.5-3.96h-.03l-1.5 3.96h-.01ZM50.38 29.86h2.07l2.39 7.22h.03l2.42-7.22h1.98l-3.36 9.4h-2.17l-3.36-9.4ZM59.42 35.69c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58ZM68.13 32.12h1.69v1.19h.03c.35-.81.98-1.24 1.82-1.24.22 0 .52.03.64.07v1.71c-.2-.06-.59-.1-.88-.1-.91 0-1.5.69-1.5 1.76v3.76h-1.79v-7.14l-.01-.01ZM73.01 38.06l3.4-4.45h-3.3v-1.49h5.73v1.2l-3.4 4.45h3.5v1.49h-5.93v-1.2ZM79.88 35.69c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58ZM90.38 39.26h-1.79V28.77h1.79v6.57h.03l2.66-3.23h2.17l-2.76 3.17 2.89 3.98H93.2l-1.98-2.81-.84.97v1.84ZM95.68 35.69c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58ZM104.38 32.12h1.69v1.19h.03c.35-.81.98-1.24 1.82-1.24.22 0 .52.03.64.07v1.71c-.2-.06-.59-.1-.88-.1-.91 0-1.5.69-1.5 1.76v3.76h-1.79v-7.14l-.01-.01ZM110.65 31.21c-.62 0-1.07-.43-1.07-1.04 0-.61.45-1.04 1.07-1.04.62 0 1.07.43 1.07 1.04 0 .61-.45 1.04-1.07 1.04Zm-.9.91h1.79v7.14h-1.79v-7.14ZM113.48 32.12h1.69v.97h.03c.33-.71 1.06-1.14 1.89-1.14 1.79 0 2.72 1.03 2.72 2.99v4.32h-1.79v-3.98c0-1.21-.43-1.78-1.35-1.78-.92 0-1.4.64-1.4 1.82v3.93h-1.79v-7.14.01ZM121.55 40.97l1.16-1.13c.39.45 1.1.72 1.87.72 1.3 0 2.02-.59 2.02-1.63v-1.1h-.03c-.4.75-1.16 1.17-2.1 1.17-2.01 0-3.34-1.42-3.34-3.53s1.37-3.51 3.34-3.51c1.01 0 1.81.45 2.2 1.21h.03v-1.06h1.69v6.88c0 1.91-1.46 3.11-3.79 3.11-1.33 0-2.43-.42-3.05-1.14v.01Zm5.06-5.5c0-1.19-.74-2.01-1.82-2.01s-1.82.82-1.82 2.01.75 2 1.82 2 1.82-.82 1.82-2ZM129.88 35.69c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58ZM138.59 32.12h1.69v.97h.03c.33-.71 1.06-1.14 1.89-1.14 1.79 0 2.72 1.03 2.72 2.99v4.32h-1.79v-3.98c0-1.21-.43-1.78-1.35-1.78-.92 0-1.4.64-1.4 1.82v3.93h-1.79v-7.14.01Z"}),c.jsx("path",{className:"ams-logo__text-primary",fill:"#EC0000",d:"M20.94 15.88h2.17l3.76 9.4h-2.01l-.78-2.07H19.9l-.78 2.07h-1.94l3.76-9.4Zm-.48 5.77h3.04L22 17.69h-.03l-1.5 3.96h-.01ZM28.05 18.14h1.68v.97h.03c.36-.74 1-1.14 1.82-1.14.93 0 1.62.4 2.05 1.21.43-.78 1.23-1.21 2.24-1.21 1.76 0 2.62.98 2.62 2.99v4.32H36.7v-4.02c0-1.17-.4-1.74-1.24-1.74s-1.29.62-1.29 1.79v3.96h-1.79v-4.02c0-1.19-.39-1.74-1.24-1.74s-1.29.64-1.29 1.79v3.96h-1.79v-7.14l-.01.02ZM41.79 22.29c-.97-.29-1.91-.81-1.91-2.11 0-1.3 1.1-2.21 2.73-2.21 1.1 0 1.95.39 2.43 1.11l-1.03 1.03c-.36-.45-.85-.69-1.39-.69-.61 0-.98.27-.98.71 0 .58.61.68 1.49.95.97.29 1.91.81 1.91 2.11 0 1.3-1.16 2.27-2.86 2.27-1.11 0-2.01-.39-2.53-1.13l1.03-1.03c.39.46.91.71 1.49.71.69 0 1.11-.29 1.11-.77 0-.58-.61-.68-1.49-.95ZM46.94 22.72v-3.09h-1.23v-1.49h.65c.59 0 .82-.23.82-.82v-1.11h1.53v1.94h1.74v1.49h-1.74v3.09c0 .69.36 1.08 1.03 1.08.2 0 .45-.03.59-.07v1.5c-.22.06-.62.1-.94.1-1.62 0-2.46-.9-2.46-2.62h.01ZM51.34 21.71c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58ZM60.04 18.14h1.69v1.19h.03c.35-.81.98-1.24 1.82-1.24.22 0 .52.03.64.07v1.71c-.2-.06-.59-.1-.88-.1-.91 0-1.5.69-1.5 1.76v3.76h-1.79v-7.14l-.01-.01ZM64.73 21.74c0-2.21 1.46-3.77 3.53-3.77.95 0 1.74.42 2.23 1.19h.03v-4.35h1.79V25.3h-1.69v-1.11h-.03c-.46.81-1.33 1.29-2.33 1.29-2.07 0-3.53-1.55-3.53-3.72v-.02Zm5.79-.03c0-1.29-.8-2.14-1.97-2.14s-1.98.87-1.98 2.14.8 2.14 1.98 2.14 1.97-.85 1.97-2.14ZM73.68 23.25c0-1.37 1.14-2.2 3.05-2.21h1.39v-.25c0-.84-.54-1.27-1.5-1.27-.64 0-1.2.25-1.59.69l-1.08-1.06c.62-.77 1.62-1.19 2.85-1.19 1.91 0 3.12 1.04 3.12 2.7v2.83c0 .26.12.38.4.38h.13v1.4h-.84c-.68 0-1.14-.32-1.29-.84h-.03c-.45.65-1.19 1.01-2.08 1.01-1.5 0-2.53-.9-2.53-2.21v.02Zm4.44-.62v-.4h-1.19c-.94.03-1.45.36-1.45.98 0 .55.43.94 1.04.94.94 0 1.59-.62 1.59-1.52h.01ZM81.85 18.14h1.68v.97h.03c.36-.74 1-1.14 1.82-1.14.93 0 1.62.4 2.05 1.21.43-.78 1.23-1.21 2.24-1.21 1.76 0 2.62.98 2.62 2.99v4.32H90.5v-4.02c0-1.17-.4-1.74-1.24-1.74s-1.29.62-1.29 1.79v3.96h-1.79v-4.02c0-1.19-.39-1.74-1.24-1.74s-1.29.64-1.29 1.79v3.96h-1.79v-7.14l-.01.02ZM17.58 6.41c0-2.85 2-4.86 4.82-4.86 1.43 0 2.63.46 3.49 1.39l-1.24 1.19c-.54-.59-1.3-.94-2.21-.94-1.71 0-2.89 1.33-2.89 3.23s1.16 3.28 2.82 3.28c1.52 0 2.57-.87 2.57-2.13v-.25h-2.27V5.74h4.18V7.2c0 2.4-1.87 4.09-4.54 4.09S17.6 9.27 17.6 6.4l-.02.01ZM28.05 7.55c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58ZM36.75 3.98h1.68v.97h.03c.36-.74 1-1.14 1.82-1.14.93 0 1.62.4 2.05 1.21.43-.78 1.23-1.21 2.24-1.21 1.76 0 2.62.98 2.62 2.99v4.32H45.4V7.1c0-1.17-.4-1.74-1.24-1.74s-1.29.62-1.29 1.79v3.96h-1.79V7.1c0-1.19-.39-1.74-1.24-1.74s-1.29.64-1.29 1.79v3.96h-1.79V3.98h-.01ZM48.61 7.55c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58ZM56.87 7.55c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58ZM65.58 3.98h1.69v.97h.03c.33-.71 1.06-1.14 1.89-1.14 1.79 0 2.72 1.03 2.72 2.99v4.32h-1.79V7.14c0-1.21-.43-1.78-1.34-1.78-.91 0-1.4.64-1.4 1.82v3.93h-1.79V3.98h-.01ZM74.21 8.56V5.47h-1.23V3.98h.65c.59 0 .82-.23.82-.82V2.04h1.53v1.94h1.74v1.49h-1.74v3.09c0 .69.36 1.08 1.03 1.08.2 0 .45-.03.59-.07v1.5c-.22.06-.62.1-.94.1-1.62 0-2.46-.9-2.46-2.62l.01.01ZM78.61 7.55c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58Z"})]}));o.displayName="LogoVgaVerzekeringen";try{o.displayName="LogoVgaVerzekeringen",o.__docgenInfo={description:"",displayName:"LogoVgaVerzekeringen",props:{}}}catch{}const V={amsterdam:s,"ggd-amsterdam":a,"museum-weesp":e,stadsarchief:Z,"stadsbank-van-lening":C,"vga-verzekeringen":o},m=l.forwardRef(({brand:h="amsterdam",className:v,...M},r)=>{const L=V[h];return c.jsx(L,{...M,ref:r,className:t("ams-logo",v)})});m.displayName="Logo";try{m.displayName="Logo",m.__docgenInfo={description:"",displayName:"Logo",props:{brand:{defaultValue:{value:"amsterdam"},description:"The name of the brand for which to display the logo.",name:"brand",required:!1,type:{name:"enum",value:[{value:'"amsterdam"'},{value:'"ggd-amsterdam"'},{value:'"museum-weesp"'},{value:'"stadsarchief"'},{value:'"stadsbank-van-lening"'},{value:'"vga-verzekeringen"'}]}}}}}catch{}export{m as L}; diff --git a/demo-develop/assets/Logo.docs-Cob7DH_H.js b/demo-develop/assets/Logo.docs-B_ErrddO.js similarity index 89% rename from demo-develop/assets/Logo.docs-Cob7DH_H.js rename to demo-develop/assets/Logo.docs-B_ErrddO.js index 50e0811277..15bf70e64f 100644 --- a/demo-develop/assets/Logo.docs-Cob7DH_H.js +++ b/demo-develop/assets/Logo.docs-B_ErrddO.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as a}from"./index-DlpNa54Y.js";import{M as i,d as r,P as h,e as l,f as o}from"./index-DanlQ17N.js";import{L as d,G as m,S as g,a as p,V as c,M as u}from"./Logo.stories-DAWTJSBs.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-C2MGObLX.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";import"./Logo-CUETn_by.js";import"./clsx-B-dksMZM.js";const f=` +import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as a}from"./index-DlpNa54Y.js";import{M as i,d as r,P as h,e as l,f as o}from"./index-C1H0KNfC.js";import{L as d,G as m,S as g,a as p,V as c,M as u}from"./Logo.stories-d5TXccXX.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-CjTW3GMG.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";import"./Logo-C5ZbuiYN.js";import"./clsx-B-dksMZM.js";const f=` # Logo diff --git a/demo-develop/assets/Logo.stories-DAWTJSBs.js b/demo-develop/assets/Logo.stories-d5TXccXX.js similarity index 97% rename from demo-develop/assets/Logo.stories-DAWTJSBs.js rename to demo-develop/assets/Logo.stories-d5TXccXX.js index 8d49406d07..f2d5f668ed 100644 --- a/demo-develop/assets/Logo.stories-DAWTJSBs.js +++ b/demo-develop/assets/Logo.stories-d5TXccXX.js @@ -1,4 +1,4 @@ -import{L as M}from"./Logo-CUETn_by.js";/** +import{L as M}from"./Logo-C5ZbuiYN.js";/** * @license EUPL-1.2+ * Copyright Gemeente Amsterdam */const h={title:"Components/Media/Logo",component:M},e={},a={args:{brand:"ggd-amsterdam"}},r={args:{brand:"stadsarchief"}},s={args:{brand:"stadsbank-van-lening"}},n={args:{brand:"vga-verzekeringen"}},o={args:{brand:"museum-weesp"}};var t,c,d;e.parameters={...e.parameters,docs:{...(t=e.parameters)==null?void 0:t.docs,source:{originalSource:"{}",...(d=(c=e.parameters)==null?void 0:c.docs)==null?void 0:d.source}}};var m,g,p;a.parameters={...a.parameters,docs:{...(m=a.parameters)==null?void 0:m.docs,source:{originalSource:`{ diff --git a/demo-develop/assets/Mark.docs-toLLEP41.js b/demo-develop/assets/Mark.docs-I7TZw-TN.js similarity index 80% rename from demo-develop/assets/Mark.docs-toLLEP41.js rename to demo-develop/assets/Mark.docs-I7TZw-TN.js index 79202dbbd1..2284df1a89 100644 --- a/demo-develop/assets/Mark.docs-toLLEP41.js +++ b/demo-develop/assets/Mark.docs-I7TZw-TN.js @@ -1,4 +1,4 @@ -import{j as n}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as i}from"./index-DlpNa54Y.js";import{M as r,d as a,P as s,e as m}from"./index-DanlQ17N.js";import{M as p}from"./Mark.stories-BHAFpe2i.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-C2MGObLX.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";import"./clsx-B-dksMZM.js";import"./Paragraph-B6eM4Eli.js";const d=` +import{j as n}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as i}from"./index-DlpNa54Y.js";import{M as r,d as a,P as s,e as m}from"./index-C1H0KNfC.js";import{M as p}from"./Mark.stories-DG4s4ew7.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-CjTW3GMG.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";import"./clsx-B-dksMZM.js";import"./Paragraph-C4jU4-Z4.js";const d=` # Mark diff --git a/demo-develop/assets/Mark.stories-BHAFpe2i.js b/demo-develop/assets/Mark.stories-DG4s4ew7.js similarity index 57% rename from demo-develop/assets/Mark.stories-BHAFpe2i.js rename to demo-develop/assets/Mark.stories-DG4s4ew7.js index e8ee45f924..5705209fc3 100644 --- a/demo-develop/assets/Mark.stories-BHAFpe2i.js +++ b/demo-develop/assets/Mark.stories-DG4s4ew7.js @@ -1,4 +1,4 @@ -import{j as n}from"./jsx-runtime-Nms4Y4qS.js";import{c as l}from"./clsx-B-dksMZM.js";import{r as c}from"./index-BwDkhjyp.js";import{P as p}from"./Paragraph-B6eM4Eli.js";const r=c.forwardRef(({children:a,className:i,...m},d)=>n.jsx("mark",{...m,ref:d,className:l("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:{table:{disable:!1}}}},e={args:{children:"Wat vinden Amsterdammers belangrijk?"},render:({children:a})=>n.jsxs(p,{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 s,t,o;e.parameters={...e.parameters,docs:{...(s=e.parameters)==null?void 0:s.docs,source:{originalSource:`{ +import{j as n}from"./jsx-runtime-Nms4Y4qS.js";import{c as l}from"./clsx-B-dksMZM.js";import{r as c}from"./index-BwDkhjyp.js";import{P as p}from"./Paragraph-C4jU4-Z4.js";const r=c.forwardRef(({children:a,className:i,...m},d)=>n.jsx("mark",{...m,ref:d,className:l("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(p,{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?' }, @@ -9,4 +9,4 @@ import{j as n}from"./jsx-runtime-Nms4Y4qS.js";import{c as l}from"./clsx-B-dksMZM de stad beter schoonhouden. {children} 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. -}`,...(o=(t=e.parameters)==null?void 0:t.docs)==null?void 0:o.source}}};const h=["Default"],b=Object.freeze(Object.defineProperty({__proto__:null,Default:e,__namedExportsOrder:h,default:g},Symbol.toStringTag,{value:"Module"}));export{b as M}; +}`,...(o=(s=e.parameters)==null?void 0:s.docs)==null?void 0:o.source}}};const h=["Default"],b=Object.freeze(Object.defineProperty({__proto__:null,Default:e,__namedExportsOrder:h,default:g},Symbol.toStringTag,{value:"Module"}));export{b as M}; diff --git a/demo-develop/assets/MegaMenu.docs-C8s3HM4j.js b/demo-develop/assets/MegaMenu.docs-DfaViUvq.js similarity index 65% rename from demo-develop/assets/MegaMenu.docs-C8s3HM4j.js rename to demo-develop/assets/MegaMenu.docs-DfaViUvq.js index cc8dc990f9..da565772d8 100644 --- a/demo-develop/assets/MegaMenu.docs-C8s3HM4j.js +++ b/demo-develop/assets/MegaMenu.docs-DfaViUvq.js @@ -1,4 +1,4 @@ -import{j as t}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as i}from"./index-DlpNa54Y.js";import{M as e,d as m,P as s,f as a}from"./index-DanlQ17N.js";import{M as p,a as c}from"./MegaMenu.stories-CB-l-HKk.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-C2MGObLX.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";import"./clsx-B-dksMZM.js";import"./Screen-DD3ND5ci.js";import"./Grid-qe23dp1l.js";import"./Heading-mbayTkiK.js";import"./getHeadingElement-DiRwFEz7.js";import"./LinkList-Cj5_Zz5z.js";import"./index.esm-DQkeu4as.js";import"./Icon-tKAGJH_4.js";const M=` +import{j as t}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as i}from"./index-DlpNa54Y.js";import{M as e,d as m,P as s,f as a}from"./index-C1H0KNfC.js";import{M as p,a as c}from"./MegaMenu.stories-BOsbjb5h.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-CjTW3GMG.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";import"./clsx-B-dksMZM.js";import"./Screen-DD3ND5ci.js";import"./Grid-CwB6HQaq.js";import"./Heading-CWbN3elW.js";import"./getHeadingElement-DiRwFEz7.js";import"./LinkList-DB6g-rx2.js";import"./index.esm-DQkeu4as.js";import"./Icon-CuaumHXX.js";const M=` # Mega Menu `;function n(o){const r={h2:"h2",...i(),...o.components};return t.jsxs(t.Fragment,{children:[t.jsx(e,{of:p}),` diff --git a/demo-develop/assets/MegaMenu.stories-CB-l-HKk.js b/demo-develop/assets/MegaMenu.stories-BOsbjb5h.js similarity index 98% rename from demo-develop/assets/MegaMenu.stories-CB-l-HKk.js rename to demo-develop/assets/MegaMenu.stories-BOsbjb5h.js index c7e0b3079b..a434a53f5b 100644 --- a/demo-develop/assets/MegaMenu.stories-CB-l-HKk.js +++ b/demo-develop/assets/MegaMenu.stories-BOsbjb5h.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{c as j}from"./clsx-B-dksMZM.js";import{r as m}from"./index-BwDkhjyp.js";import{S as v}from"./Screen-DD3ND5ci.js";import{G as t}from"./Grid-qe23dp1l.js";import{H as k}from"./Heading-mbayTkiK.js";import{L as n}from"./LinkList-Cj5_Zz5z.js";const x=m.forwardRef(({children:i,className:a,...l},d)=>e.jsx("div",{...l,ref:d,className:j("ams-mega-menu__list-category",a),children:i}));x.displayName="MegaMenu.ListCategory";try{MegaMenu.ListCategory.displayName="MegaMenu.ListCategory",MegaMenu.ListCategory.__docgenInfo={description:"",displayName:"MegaMenu.ListCategory",props:{}}}catch{}const p=m.forwardRef(({children:i,className:a,...l},d)=>e.jsx("div",{...l,ref:d,className:j("ams-mega-menu",a),children:i}));p.displayName="MegaMenu";const r=Object.assign(p,{ListCategory:x});try{r.displayName="MegaMenu",r.__docgenInfo={description:"",displayName:"MegaMenu",props:{}}}catch{}const M={title:"Components/Navigation/Mega Menu",component:r,parameters:{layout:"fullscreen"},decorators:[i=>e.jsx(v,{children:e.jsx(i,{})})]},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(r.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(r.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(r.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(r.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-Nms4Y4qS.js";import{c as j}from"./clsx-B-dksMZM.js";import{r as m}from"./index-BwDkhjyp.js";import{S as v}from"./Screen-DD3ND5ci.js";import{G as t}from"./Grid-CwB6HQaq.js";import{H as k}from"./Heading-CWbN3elW.js";import{L as n}from"./LinkList-DB6g-rx2.js";const x=m.forwardRef(({children:i,className:a,...l},d)=>e.jsx("div",{...l,ref:d,className:j("ams-mega-menu__list-category",a),children:i}));x.displayName="MegaMenu.ListCategory";try{MegaMenu.ListCategory.displayName="MegaMenu.ListCategory",MegaMenu.ListCategory.__docgenInfo={description:"",displayName:"MegaMenu.ListCategory",props:{}}}catch{}const p=m.forwardRef(({children:i,className:a,...l},d)=>e.jsx("div",{...l,ref:d,className:j("ams-mega-menu",a),children:i}));p.displayName="MegaMenu";const r=Object.assign(p,{ListCategory:x});try{r.displayName="MegaMenu",r.__docgenInfo={description:"",displayName:"MegaMenu",props:{}}}catch{}const M={title:"Components/Navigation/Mega Menu",component:r,parameters:{layout:"fullscreen"},decorators:[i=>e.jsx(v,{children:e.jsx(i,{})})]},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(r.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(r.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(r.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(r.ListCategory,{children:e.jsxs(n,{children:[e.jsx(n.Link,{href:"#",children:"Vacatures"}),e.jsx(n.Link,{href:"#",children:"Verkeer en vervoer"}),e.jsx(n.Link,{href:"#",children:"Vrije tijd"}),e.jsx(n.Link,{href:"#",children:"Werk aan de weg"})]})})]})]},"nav")}};var h,o,g;s.parameters={...s.parameters,docs:{...(h=s.parameters)==null?void 0:h.docs,source:{originalSource:`{ args: { children: diff --git a/demo-develop/assets/OrderedList.docs-7yGX_ug0.js b/demo-develop/assets/OrderedList.docs-D77TD0nt.js similarity index 88% rename from demo-develop/assets/OrderedList.docs-7yGX_ug0.js rename to demo-develop/assets/OrderedList.docs-D77TD0nt.js index 1faa9f6cd0..14408e596b 100644 --- a/demo-develop/assets/OrderedList.docs-7yGX_ug0.js +++ b/demo-develop/assets/OrderedList.docs-D77TD0nt.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as i}from"./index-DlpNa54Y.js";import{M as o,d as a,P as l,e as h,f as r}from"./index-DanlQ17N.js";import{O as d,S as c,T as m,a as p,D as x,W as u,I as j}from"./OrderedList.stories-BRvas6yQ.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-C2MGObLX.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";import"./decorators-Dh4yEj-W.js";import"./exampleContent-CRK3_7Hv.js";import"./clsx-B-dksMZM.js";import"./Heading-mbayTkiK.js";import"./getHeadingElement-DiRwFEz7.js";import"./Paragraph-B6eM4Eli.js";const f=` +import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as i}from"./index-DlpNa54Y.js";import{M as o,d as a,P as l,e as h,f as r}from"./index-C1H0KNfC.js";import{O as d,S as c,T as m,a as p,D as x,W as u,I as j}from"./OrderedList.stories-DvdlsVjA.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-CjTW3GMG.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";import"./decorators-Dh4yEj-W.js";import"./exampleContent-CRK3_7Hv.js";import"./clsx-B-dksMZM.js";import"./Heading-CWbN3elW.js";import"./getHeadingElement-DiRwFEz7.js";import"./Paragraph-C4jU4-Z4.js";const f=` # Ordered List diff --git a/demo-develop/assets/OrderedList.stories-BRvas6yQ.js b/demo-develop/assets/OrderedList.stories-DvdlsVjA.js similarity index 53% rename from demo-develop/assets/OrderedList.stories-BRvas6yQ.js rename to demo-develop/assets/OrderedList.stories-DvdlsVjA.js index e677815476..1774369fff 100644 --- a/demo-develop/assets/OrderedList.stories-BRvas6yQ.js +++ b/demo-develop/assets/OrderedList.stories-DvdlsVjA.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{i as q}from"./decorators-Dh4yEj-W.js";import{f as M}from"./exampleContent-CRK3_7Hv.js";import{c as T}from"./clsx-B-dksMZM.js";import{r as H}from"./index-BwDkhjyp.js";import{H as h}from"./Heading-mbayTkiK.js";import{P as t}from"./Paragraph-B6eM4Eli.js";const A=H.forwardRef(({children:s,className:a,...u},p)=>e.jsx("li",{ref:p,className:T("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:T("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 color 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 ordered list",name:"size",required:!1,type:{name:"enum",value:[{value:'"small"'}]}}}}}catch{}const V=M().map((s,a)=>e.jsx(r.Item,{children:s},a)),$={title:"Components/Text/Ordered List",component:r,args:{children:V,inverseColor:!1,markers:void 0,reversed:void 0,start:void 0},argTypes:{reversed:{control:"boolean"},start:{control:"number"},size:{control:{type:"radio",labels:{small:"small",undefined:"medium"}},options:["small",void 0,"large"]}},decorators:[q]},d={},n={args:{size:"small"}},i={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"})]})]})]})},o={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}},l={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}},m={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}},c={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"})]})]})})};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-Nms4Y4qS.js";import{i as Z}from"./decorators-Dh4yEj-W.js";import{f as q}from"./exampleContent-CRK3_7Hv.js";import{c as T}from"./clsx-B-dksMZM.js";import{r as H}from"./index-BwDkhjyp.js";import{H as h}from"./Heading-CWbN3elW.js";import{P as t}from"./Paragraph-C4jU4-Z4.js";const A=H.forwardRef(({children:s,className:a,...u},p)=>e.jsx("li",{ref:p,className:T("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},V)=>e.jsx("ol",{ref:V,className:T("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)),$={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.",table:{defaultValue:{summary:"false"}}},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,"large"]}},decorators:[Z]},d={},n={args:{size:"small"}},i={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"})]})]})]})},o={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}},l={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}},m={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}},c={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"})]})]})})};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:`{ args: { size: 'small' } @@ -27,13 +27,13 @@ import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{i as q}from"./decorators-Dh children: [Zes, Zeven, Acht], start: 6 } -}`,...(y=(w=o.parameters)==null?void 0:w.docs)==null?void 0:y.source}}};var _,b,W;l.parameters={...l.parameters,docs:{...(_=l.parameters)==null?void 0:_.docs,source:{originalSource:`{ +}`,...(y=(w=o.parameters)==null?void 0:w.docs)==null?void 0:y.source}}};var b,_,W;l.parameters={...l.parameters,docs:{...(b=l.parameters)==null?void 0:b.docs,source:{originalSource:`{ args: { children: [Drie, Twee, Eén], reversed: true, start: 3 } -}`,...(W=(b=l.parameters)==null?void 0:b.docs)==null?void 0:W.source}}};var D,N,P;m.parameters={...m.parameters,docs:{...(D=m.parameters)==null?void 0:D.docs,source:{originalSource:`{ +}`,...(W=(_=l.parameters)==null?void 0:_.docs)==null?void 0:W.source}}};var N,D,P;m.parameters={...m.parameters,docs:{...(N=m.parameters)==null?void 0:N.docs,source:{originalSource:`{ args: { children: [ Weg met steen, hallo extra groen en koelte @@ -59,7 +59,7 @@ import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{i as q}from"./decorators-Dh ], markers: false } -}`,...(P=(N=m.parameters)==null?void 0:N.docs)==null?void 0:P.source}}};var B,C,E;c.parameters={...c.parameters,docs:{...(B=c.parameters)==null?void 0:B.docs,source:{originalSource:`{ +}`,...(P=(D=m.parameters)==null?void 0:D.docs)==null?void 0:P.source}}};var B,C,E;c.parameters={...c.parameters,docs:{...(B=c.parameters)==null?void 0:B.docs,source:{originalSource:`{ args: { inverseColor: true }, diff --git a/demo-develop/assets/Overlap.docs-DKzLWOHq.js b/demo-develop/assets/Overlap.docs-6qvuyhmm.js similarity index 80% rename from demo-develop/assets/Overlap.docs-DKzLWOHq.js rename to demo-develop/assets/Overlap.docs-6qvuyhmm.js index 63b4203552..040e88750b 100644 --- a/demo-develop/assets/Overlap.docs-DKzLWOHq.js +++ b/demo-develop/assets/Overlap.docs-6qvuyhmm.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as r}from"./index-DlpNa54Y.js";import{M as t,d as s,P as a}from"./index-DanlQ17N.js";import{O as l}from"./Overlap.stories-BoUGdgfs.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-C2MGObLX.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";import"./clsx-B-dksMZM.js";import"./SearchField-UrX6RHMf.js";import"./index.esm-DQkeu4as.js";import"./VisuallyHidden-Db-04MJ9.js";import"./Icon-tKAGJH_4.js";import"./AspectRatio-kpOHijlA.js";import"./Image-dXyGEKw_.js";import"./Grid-qe23dp1l.js";const m=` +import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as r}from"./index-DlpNa54Y.js";import{M as t,d as s,P as a}from"./index-C1H0KNfC.js";import{O as l}from"./Overlap.stories-CE8Jz_PX.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-CjTW3GMG.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";import"./clsx-B-dksMZM.js";import"./SearchField-BivslhsQ.js";import"./index.esm-DQkeu4as.js";import"./VisuallyHidden-Db-04MJ9.js";import"./Icon-CuaumHXX.js";import"./AspectRatio-BxbFlkWk.js";import"./Image-z3YSpimw.js";import"./Grid-CwB6HQaq.js";const m=` # Overlap diff --git a/demo-develop/assets/Overlap.stories-BoUGdgfs.js b/demo-develop/assets/Overlap.stories-CE8Jz_PX.js similarity index 91% rename from demo-develop/assets/Overlap.stories-BoUGdgfs.js rename to demo-develop/assets/Overlap.stories-CE8Jz_PX.js index d4dc6bff8f..0cff6816c2 100644 --- a/demo-develop/assets/Overlap.stories-BoUGdgfs.js +++ b/demo-develop/assets/Overlap.stories-CE8Jz_PX.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{c as d}from"./clsx-B-dksMZM.js";import{r as u}from"./index-BwDkhjyp.js";import{S as o}from"./SearchField-UrX6RHMf.js";import{A as h}from"./AspectRatio-kpOHijlA.js";import{I as x}from"./Image-dXyGEKw_.js";import{G as s}from"./Grid-qe23dp1l.js";const a=u.forwardRef(({children:t,className:l,...c},m)=>e.jsx("div",{...c,ref:m,className:d("ams-overlap",l),children:t}));a.displayName="Overlap";try{a.displayName="Overlap",a.__docgenInfo={description:"",displayName:"Overlap",props:{}}}catch{}const w={title:"Components/Layout/Overlap",component:a},r={args:{children:[e.jsx(h,{ratio:"2x-wide",children:e.jsx(x,{alt:"",cover:!0,sizes:"(max-width: 36rem) 640px, (max-width: 68rem) 1280px, 1600px",srcSet:"https://picsum.photos/640/180 640w, https://picsum.photos/1280/360 1280w, https://picsum.photos/1600/450 1600w"})},"background-image"),e.jsx(s,{style:{alignSelf:"center"},children:e.jsx(s.Cell,{span:{narrow:4,medium:6,wide:8},start:{narrow:1,medium:2,wide:3},children:e.jsxs(o,{onSubmit:t=>t.preventDefault(),children:[e.jsx(o.Input,{label:"Zoeken",placeholder:"Wat kunnen we voor u vinden?"}),e.jsx(o.Button,{})]})})},"search-field")]}};var n,i,p;r.parameters={...r.parameters,docs:{...(n=r.parameters)==null?void 0:n.docs,source:{originalSource:`{ +import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{c as d}from"./clsx-B-dksMZM.js";import{r as u}from"./index-BwDkhjyp.js";import{S as o}from"./SearchField-BivslhsQ.js";import{A as h}from"./AspectRatio-BxbFlkWk.js";import{I as x}from"./Image-z3YSpimw.js";import{G as s}from"./Grid-CwB6HQaq.js";const a=u.forwardRef(({children:t,className:l,...c},m)=>e.jsx("div",{...c,ref:m,className:d("ams-overlap",l),children:t}));a.displayName="Overlap";try{a.displayName="Overlap",a.__docgenInfo={description:"",displayName:"Overlap",props:{}}}catch{}const w={title:"Components/Layout/Overlap",component:a},r={args:{children:[e.jsx(h,{ratio:"2x-wide",children:e.jsx(x,{alt:"",cover:!0,sizes:"(max-width: 36rem) 640px, (max-width: 68rem) 1280px, 1600px",srcSet:"https://picsum.photos/640/180 640w, https://picsum.photos/1280/360 1280w, https://picsum.photos/1600/450 1600w"})},"background-image"),e.jsx(s,{style:{alignSelf:"center"},children:e.jsx(s.Cell,{span:{narrow:4,medium:6,wide:8},start:{narrow:1,medium:2,wide:3},children:e.jsxs(o,{onSubmit:t=>t.preventDefault(),children:[e.jsx(o.Input,{label:"Zoeken",placeholder:"Wat kunnen we voor u vinden?"}),e.jsx(o.Button,{})]})})},"search-field")]}};var n,i,p;r.parameters={...r.parameters,docs:{...(n=r.parameters)==null?void 0:n.docs,source:{originalSource:`{ args: { children: [ diff --git a/demo-develop/assets/PageHeading.docs-DVdsNMRy.js b/demo-develop/assets/PageHeading.docs-BKGUgJvq.js similarity index 87% rename from demo-develop/assets/PageHeading.docs-DVdsNMRy.js rename to demo-develop/assets/PageHeading.docs-BKGUgJvq.js index 1775cd6b99..ef2ebc3bb4 100644 --- a/demo-develop/assets/PageHeading.docs-DVdsNMRy.js +++ b/demo-develop/assets/PageHeading.docs-BKGUgJvq.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as i}from"./index-DlpNa54Y.js";import{M as s,d as r,P as a,e as h,f as p}from"./index-DanlQ17N.js";import{P as m,I as c}from"./PageHeading.stories-3uG29jIF.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-C2MGObLX.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";import"./decorators-Dh4yEj-W.js";import"./clsx-B-dksMZM.js";const d=` +import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as i}from"./index-DlpNa54Y.js";import{M as s,d as r,P as a,e as h,f as p}from"./index-C1H0KNfC.js";import{P as m,I as c}from"./PageHeading.stories-BJ4yyrlY.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-CjTW3GMG.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";import"./decorators-Dh4yEj-W.js";import"./clsx-B-dksMZM.js";const d=` # Page Heading diff --git a/demo-develop/assets/PageHeading.stories-3uG29jIF.js b/demo-develop/assets/PageHeading.stories-3uG29jIF.js deleted file mode 100644 index fdaffc5521..0000000000 --- a/demo-develop/assets/PageHeading.stories-3uG29jIF.js +++ /dev/null @@ -1,8 +0,0 @@ -import{i as u}from"./decorators-Dh4yEj-W.js";import{j as f}from"./jsx-runtime-Nms4Y4qS.js";import{c as _}from"./clsx-B-dksMZM.js";import{r as v}from"./index-BwDkhjyp.js";const a=v.forwardRef(({children:o,className:l,inverseColor:m,...p},g)=>f.jsx("h1",{...p,ref:g,className:_("ams-page-heading",m&&"ams-page-heading--inverse-color",l),children:o}));a.displayName="PageHeading";try{a.displayName="PageHeading",a.__docgenInfo={description:"",displayName:"PageHeading",props:{inverseColor:{defaultValue:null,description:"Changes the text color for readability on a dark background.",name:"inverseColor",required:!1,type:{name:"boolean"}}}}}catch{}/** - * @license EUPL-1.2+ - * Copyright Gemeente Amsterdam - */const y={title:"Components/Text/Page Heading",component:a,args:{children:"Gemeente Amsterdam",inverseColor:!1},argTypes:{children:{table:{disable:!1}}},decorators:[u]},e={},r={args:{inverseColor:!0}};var s,t,n;e.parameters={...e.parameters,docs:{...(s=e.parameters)==null?void 0:s.docs,source:{originalSource:"{}",...(n=(t=e.parameters)==null?void 0:t.docs)==null?void 0:n.source}}};var i,c,d;r.parameters={...r.parameters,docs:{...(i=r.parameters)==null?void 0:i.docs,source:{originalSource:`{ - args: { - inverseColor: true - } -}`,...(d=(c=r.parameters)==null?void 0:c.docs)==null?void 0:d.source}}};const C=["Default","InvertedColor"],H=Object.freeze(Object.defineProperty({__proto__:null,Default:e,InvertedColor:r,__namedExportsOrder:C,default:y},Symbol.toStringTag,{value:"Module"}));export{r as I,H as P}; diff --git a/demo-develop/assets/PageHeading.stories-BJ4yyrlY.js b/demo-develop/assets/PageHeading.stories-BJ4yyrlY.js new file mode 100644 index 0000000000..f62235ed57 --- /dev/null +++ b/demo-develop/assets/PageHeading.stories-BJ4yyrlY.js @@ -0,0 +1,8 @@ +import{i as u}from"./decorators-Dh4yEj-W.js";import{j as f}from"./jsx-runtime-Nms4Y4qS.js";import{c as _}from"./clsx-B-dksMZM.js";import{r as h}from"./index-BwDkhjyp.js";const a=h.forwardRef(({children:o,className:l,inverseColor:p,...m},g)=>f.jsx("h1",{...m,ref:g,className:_("ams-page-heading",p&&"ams-page-heading--inverse-color",l),children:o}));a.displayName="PageHeading";try{a.displayName="PageHeading",a.__docgenInfo={description:"",displayName:"PageHeading",props:{inverseColor:{defaultValue:null,description:"Changes the text colour for readability on a dark background.",name:"inverseColor",required:!1,type:{name:"boolean"}}}}}catch{}/** + * @license EUPL-1.2+ + * Copyright Gemeente Amsterdam + */const v={title:"Components/Text/Page Heading",component:a,args:{children:"Gemeente Amsterdam",inverseColor:!1},argTypes:{children:{description:"The heading text.",table:{disable:!1}}},decorators:[u]},e={},r={args:{inverseColor:!0}};var s,t,n;e.parameters={...e.parameters,docs:{...(s=e.parameters)==null?void 0:s.docs,source:{originalSource:"{}",...(n=(t=e.parameters)==null?void 0:t.docs)==null?void 0:n.source}}};var i,d,c;r.parameters={...r.parameters,docs:{...(i=r.parameters)==null?void 0:i.docs,source:{originalSource:`{ + args: { + inverseColor: true + } +}`,...(c=(d=r.parameters)==null?void 0:d.docs)==null?void 0:c.source}}};const x=["Default","InvertedColor"],H=Object.freeze(Object.defineProperty({__proto__:null,Default:e,InvertedColor:r,__namedExportsOrder:x,default:v},Symbol.toStringTag,{value:"Module"}));export{r as I,H as P}; diff --git a/demo-develop/assets/PageMenu-C8WrLt97.js b/demo-develop/assets/PageMenu-C8WrLt97.js deleted file mode 100644 index bb991242de..0000000000 --- a/demo-develop/assets/PageMenu-C8WrLt97.js +++ /dev/null @@ -1 +0,0 @@ -import{j as n}from"./jsx-runtime-Nms4Y4qS.js";import{c as o}from"./clsx-B-dksMZM.js";import{r as l}from"./index-BwDkhjyp.js";import{I as d}from"./Icon-tKAGJH_4.js";const u=l.forwardRef(({children:e,className:s,icon:a,...t},r)=>n.jsx("li",{children:n.jsxs("a",{...t,ref:r,className:o("ams-page-menu__link",s),children:[e,a&&n.jsx(d,{svg:a,size:"level-6"})]})}));u.displayName="PageMenu.Link";try{PageMenu.Link.displayName="PageMenu.Link",PageMenu.Link.__docgenInfo={description:"",displayName:"PageMenu.Link",props:{icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"Function"}}}}}catch{}const p=l.forwardRef(({alignEnd:e,children:s,className:a,wrap:t=!0,...r},m)=>n.jsx("ul",{...r,className:o("ams-page-menu",e&&"ams-page-menu--align-end",!t&&"ams-page-menu--no-wrap",a),ref:m,children:s}));p.displayName="PageMenu";const i=Object.assign(p,{Link:u});try{i.displayName="PageMenu",i.__docgenInfo={description:"",displayName:"PageMenu",props:{alignEnd:{defaultValue:null,description:"Whether the page menu’s items align to its end.\nIf the menu itself aligns to the end of its container, you should set this to `true`.",name:"alignEnd",required:!1,type:{name:"boolean"}},wrap:{defaultValue:{value:"true"},description:"Whether menu items should wrap if they don’t fit on a single row.",name:"wrap",required:!1,type:{name:"boolean"}}}}}catch{}export{i as P}; diff --git a/demo-develop/assets/PageMenu-DQ_snOzP.js b/demo-develop/assets/PageMenu-DQ_snOzP.js new file mode 100644 index 0000000000..74c8e62d7e --- /dev/null +++ b/demo-develop/assets/PageMenu-DQ_snOzP.js @@ -0,0 +1 @@ +import{j as n}from"./jsx-runtime-Nms4Y4qS.js";import{c as o}from"./clsx-B-dksMZM.js";import{r as l}from"./index-BwDkhjyp.js";import{I as d}from"./Icon-CuaumHXX.js";const p=l.forwardRef(({children:e,className:r,icon:a,...s},i)=>n.jsx("li",{children:n.jsxs("a",{...s,ref:i,className:o("ams-page-menu__link",r),children:[e,a&&n.jsx(d,{svg:a,size:"level-6"})]})}));p.displayName="PageMenu.Link";try{PageMenu.Link.displayName="PageMenu.Link",PageMenu.Link.__docgenInfo={description:"",displayName:"PageMenu.Link",props:{icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"Function"}}}}}catch{}const u=l.forwardRef(({alignEnd:e,children:r,className:a,wrap:s=!0,...i},m)=>n.jsx("ul",{...i,className:o("ams-page-menu",e&&"ams-page-menu--align-end",!s&&"ams-page-menu--no-wrap",a),ref:m,children:r}));u.displayName="PageMenu";const t=Object.assign(u,{Link:p});try{t.displayName="PageMenu",t.__docgenInfo={description:"",displayName:"PageMenu",props:{alignEnd:{defaultValue:null,description:"Whether the items align to the end margin. Set to `true` if the Page Menu itself does so.",name:"alignEnd",required:!1,type:{name:"boolean"}},wrap:{defaultValue:{value:"true"},description:"Whether menu items should wrap if they don’t fit on a single row.",name:"wrap",required:!1,type:{name:"boolean"}}}}}catch{}export{t as P}; diff --git a/demo-develop/assets/PageMenu.docs-DCnESUY0.js b/demo-develop/assets/PageMenu.docs-BtEYIYqL.js similarity index 84% rename from demo-develop/assets/PageMenu.docs-DCnESUY0.js rename to demo-develop/assets/PageMenu.docs-BtEYIYqL.js index 1dbdd7961d..0954c5b8e0 100644 --- a/demo-develop/assets/PageMenu.docs-DCnESUY0.js +++ b/demo-develop/assets/PageMenu.docs-BtEYIYqL.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as s}from"./index-DlpNa54Y.js";import{M as r,d as a,P as m,e as h,f as o}from"./index-DanlQ17N.js";import{P as d,A as l,W as c}from"./PageMenu.stories-6TVP5boY.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-C2MGObLX.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";import"./index.esm-DQkeu4as.js";import"./PageMenu-C8WrLt97.js";import"./clsx-B-dksMZM.js";import"./Icon-tKAGJH_4.js";const p=` +import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as s}from"./index-DlpNa54Y.js";import{M as r,d as a,P as m,e as h,f as o}from"./index-C1H0KNfC.js";import{P as d,A as l,W as c}from"./PageMenu.stories-BirI72Nt.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-CjTW3GMG.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";import"./index.esm-DQkeu4as.js";import"./PageMenu-DQ_snOzP.js";import"./clsx-B-dksMZM.js";import"./Icon-CuaumHXX.js";const p=` # Page Menu diff --git a/demo-develop/assets/PageMenu.stories-6TVP5boY.js b/demo-develop/assets/PageMenu.stories-BirI72Nt.js similarity index 95% rename from demo-develop/assets/PageMenu.stories-6TVP5boY.js rename to demo-develop/assets/PageMenu.stories-BirI72Nt.js index 5b0a64f201..2dbf20ea74 100644 --- a/demo-develop/assets/PageMenu.stories-6TVP5boY.js +++ b/demo-develop/assets/PageMenu.stories-BirI72Nt.js @@ -1,4 +1,4 @@ -import{j as n}from"./jsx-runtime-Nms4Y4qS.js";import{h as L,b as l}from"./index.esm-DQkeu4as.js";import{P as e}from"./PageMenu-C8WrLt97.js";const f={title:"Components/Navigation/Page Menu",component:e,args:{alignEnd:!1,wrap:void 0}},r={args:{children:[n.jsx(e.Link,{href:"#",children:"English"},1),n.jsx(e.Link,{href:"#",icon:L,children:"Inloggen Mijn Amsterdam"},2)]}},i={args:{alignEnd:!0,children:[n.jsx(e.Link,{href:"#",children:"Contact"},1),n.jsx(e.Link,{href:"#",children:"Mijn Amsterdam"},2),n.jsx(e.Link,{href:"#",icon:l,children:"Zoeken"},3)]}},a={args:{children:[n.jsx(e.Link,{href:"#",children:"Onderzoeken"},1),n.jsx(e.Link,{href:"#",children:"Bezoeken"},2),n.jsx(e.Link,{href:"#",children:"Archiveren"},3),n.jsx(e.Link,{href:"#",children:"Nieuws"},4),n.jsx(e.Link,{href:"#",children:"Themasites"},5),n.jsx(e.Link,{href:"#",children:"Onderwijs"},6),n.jsx(e.Link,{href:"#",children:"Steun ons"},7),n.jsx(e.Link,{href:"#",children:"Organisatie"},8),n.jsx(e.Link,{href:"#",children:"Contact"},9)]}};var s,o,g;r.parameters={...r.parameters,docs:{...(s=r.parameters)==null?void 0:s.docs,source:{originalSource:`{ +import{j as n}from"./jsx-runtime-Nms4Y4qS.js";import{h as L,b as l}from"./index.esm-DQkeu4as.js";import{P as e}from"./PageMenu-DQ_snOzP.js";const f={title:"Components/Navigation/Page Menu",component:e,args:{alignEnd:!1,wrap:void 0}},r={args:{children:[n.jsx(e.Link,{href:"#",children:"English"},1),n.jsx(e.Link,{href:"#",icon:L,children:"Inloggen Mijn Amsterdam"},2)]}},i={args:{alignEnd:!0,children:[n.jsx(e.Link,{href:"#",children:"Contact"},1),n.jsx(e.Link,{href:"#",children:"Mijn Amsterdam"},2),n.jsx(e.Link,{href:"#",icon:l,children:"Zoeken"},3)]}},a={args:{children:[n.jsx(e.Link,{href:"#",children:"Onderzoeken"},1),n.jsx(e.Link,{href:"#",children:"Bezoeken"},2),n.jsx(e.Link,{href:"#",children:"Archiveren"},3),n.jsx(e.Link,{href:"#",children:"Nieuws"},4),n.jsx(e.Link,{href:"#",children:"Themasites"},5),n.jsx(e.Link,{href:"#",children:"Onderwijs"},6),n.jsx(e.Link,{href:"#",children:"Steun ons"},7),n.jsx(e.Link,{href:"#",children:"Organisatie"},8),n.jsx(e.Link,{href:"#",children:"Contact"},9)]}};var s,o,g;r.parameters={...r.parameters,docs:{...(s=r.parameters)==null?void 0:s.docs,source:{originalSource:`{ args: { children: [ English diff --git a/demo-develop/assets/Pagination.docs-ChOuN1jt.js b/demo-develop/assets/Pagination.docs-CdxRxoeH.js similarity index 79% rename from demo-develop/assets/Pagination.docs-ChOuN1jt.js rename to demo-develop/assets/Pagination.docs-CdxRxoeH.js index 07787b2fb8..1c21fc07e3 100644 --- a/demo-develop/assets/Pagination.docs-ChOuN1jt.js +++ b/demo-develop/assets/Pagination.docs-CdxRxoeH.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as a}from"./index-DlpNa54Y.js";import{M as o,d as s,P as r,e as l}from"./index-DanlQ17N.js";import{P as p}from"./Pagination.stories-CirgLww2.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-C2MGObLX.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";import"./index.esm-DQkeu4as.js";import"./clsx-B-dksMZM.js";import"./Icon-tKAGJH_4.js";const g=` +import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as a}from"./index-DlpNa54Y.js";import{M as o,d as s,P as r,e as l}from"./index-C1H0KNfC.js";import{P as p}from"./Pagination.stories-DJOpoNv-.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-CjTW3GMG.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";import"./index.esm-DQkeu4as.js";import"./clsx-B-dksMZM.js";import"./Icon-CuaumHXX.js";const g=` # Pagination @@ -15,6 +15,7 @@ Pagination indicates the current page and allows users to navigate to other page - Redirect users to the first page if they enter a URL with a page number that doesn’t exist. - Pagination can be combined with a counter at the top of the page indicating “Page # of ##.” - Start a page with an overview list at the top after changing the page. +- Make sure that the visible and accessible labels for the ‘previous’ and ‘next’ buttons convey the same meaning at all times – e.g. don’t update one and forget the other. ## Relevant WCAG Rules diff --git a/demo-develop/assets/Pagination.stories-CirgLww2.js b/demo-develop/assets/Pagination.stories-DJOpoNv-.js similarity index 51% rename from demo-develop/assets/Pagination.stories-CirgLww2.js rename to demo-develop/assets/Pagination.stories-DJOpoNv-.js index a918e330cd..334bc6786f 100644 --- a/demo-develop/assets/Pagination.stories-CirgLww2.js +++ b/demo-develop/assets/Pagination.stories-DJOpoNv-.js @@ -1,4 +1,4 @@ -import{j as n}from"./jsx-runtime-Nms4Y4qS.js";import{s as L,d as k}from"./index.esm-DQkeu4as.js";import{c as v}from"./clsx-B-dksMZM.js";import{r as f}from"./index-BwDkhjyp.js";import{I as b}from"./Icon-tKAGJH_4.js";function q(u,i,c){const o=Math.min(i,Math.max(c,5)),d=1;let r=u-Math.floor(o/2);return r=Math.max(r,d),r=Math.min(r,d+i-o),Array.from({length:o},(s,t)=>r+t).reduce((s,t,l)=>l===0&&t!==1?[1,"firstSpacer"]:i>o&&l===o-2&&u{const[a,P]=f.useState(r),V=f.useMemo(()=>q(a,t,i),[a,t,i]),p=e=>{d!==void 0&&d(e),P(e)},C=()=>{p(a-1)},T=()=>{p(a+1)};return t<=1?null:n.jsx("nav",{...l,className:v("ams-pagination",u),ref:j,"aria-label":"Paginering",children:n.jsxs("ol",{className:"ams-pagination__list",children:[n.jsx("li",{children:n.jsxs("button",{"aria-label":h,className:"ams-pagination__button",disabled:a===1,onClick:C,type:"button",children:[n.jsx(b,{svg:L,size:"level-5"}),s]})}),V.map(e=>typeof e=="number"?n.jsx("li",{children:n.jsx("button",{"aria-current":e===a?!0:void 0,"aria-label":e===a?`Pagina ${e}`:`Ga naar pagina ${e}`,className:v("ams-pagination__button",e===a&&"ams-pagination__button--current"),onClick:()=>e!==a&&p(e),tabIndex:e===a?-1:0,type:"button",children:e})},e):n.jsx("li",{"aria-hidden":!0,"data-testid":e,children:"…"},e)),n.jsx("li",{children:n.jsxs("button",{"aria-label":c,className:"ams-pagination__button",disabled:a===t,onClick:T,type:"button",children:[o,n.jsx(b,{svg:k,size:"level-5"})]})})]})})});g.displayName="Pagination";try{g.displayName="Pagination",g.__docgenInfo={description:"",displayName:"Pagination",props:{maxVisiblePages:{defaultValue:{value:"7"},description:"The maximum amount of pages shown. This has a lower limit of 5.",name:"maxVisiblePages",required:!1,type:{name:"number"}},nextAriaLabel:{defaultValue:{value:"Volgende pagina"},description:"The accessible name for the link to the next page.",name:"nextAriaLabel",required:!1,type:{name:"string"}},nextLabel:{defaultValue:{value:"volgende"},description:"The label for the link to the next page.",name:"nextLabel",required:!1,type:{name:"string"}},onPageChange:{defaultValue:null,description:"Callback triggered when interaction changes the page number.",name:"onPageChange",required:!1,type:{name:"((page: number) => void)"}},page:{defaultValue:{value:"1"},description:"The current page number.",name:"page",required:!1,type:{name:"number"}},previousAriaLabel:{defaultValue:{value:"Vorige pagina"},description:"The accessible name for the link to the previous page.",name:"previousAriaLabel",required:!1,type:{name:"string"}},previousLabel:{defaultValue:{value:"vorige"},description:"The label for the link to the previous page.",name:"previousLabel",required:!1,type:{name:"string"}},totalPages:{defaultValue:null,description:"The total amount of pages.",name:"totalPages",required:!0,type:{name:"number"}}}}}catch{}/** +import{j as n}from"./jsx-runtime-Nms4Y4qS.js";import{s as T,d as q}from"./index.esm-DQkeu4as.js";import{c as v}from"./clsx-B-dksMZM.js";import{r as f}from"./index-BwDkhjyp.js";import{I as b}from"./Icon-CuaumHXX.js";function M(u,i,c){const o=Math.min(i,Math.max(c,5)),d=1;let r=u-Math.floor(o/2);return r=Math.max(r,d),r=Math.min(r,d+i-o),Array.from({length:o},(s,t)=>r+t).reduce((s,t,l)=>l===0&&t!==1?[1,"firstSpacer"]:i>o&&l===o-2&&u{const[a,P]=f.useState(r),V=f.useMemo(()=>M(a,t,i),[a,t,i]),p=e=>{d!==void 0&&d(e),P(e)},C=()=>{p(a-1)},L=()=>{p(a+1)};return t<=1?null:n.jsx("nav",{...l,className:v("ams-pagination",u),ref:j,"aria-label":"Paginering",children:n.jsxs("ol",{className:"ams-pagination__list",children:[n.jsx("li",{children:n.jsxs("button",{"aria-label":h,className:"ams-pagination__button",disabled:a===1,onClick:C,type:"button",children:[n.jsx(b,{svg:T,size:"level-5"}),s]})}),V.map(e=>typeof e=="number"?n.jsx("li",{children:n.jsx("button",{"aria-current":e===a?!0:void 0,"aria-label":e===a?`Pagina ${e}`:`Ga naar pagina ${e}`,className:v("ams-pagination__button",e===a&&"ams-pagination__button--current"),onClick:()=>e!==a&&p(e),tabIndex:e===a?-1:0,type:"button",children:e})},e):n.jsx("li",{"aria-hidden":!0,"data-testid":e,children:"…"},e)),n.jsx("li",{children:n.jsxs("button",{"aria-label":c,className:"ams-pagination__button",disabled:a===t,onClick:L,type:"button",children:[o,n.jsx(b,{svg:q,size:"level-5"})]})})]})})});g.displayName="Pagination";try{g.displayName="Pagination",g.__docgenInfo={description:"",displayName:"Pagination",props:{maxVisiblePages:{defaultValue:{value:"7"},description:"The maximum amount of pages shown. Minimum value: 5.",name:"maxVisiblePages",required:!1,type:{name:"number"}},nextAriaLabel:{defaultValue:{value:"Volgende pagina"},description:"The accessible name for the link to the next page.",name:"nextAriaLabel",required:!1,type:{name:"string"}},nextLabel:{defaultValue:{value:"volgende"},description:"The label for the link to the next page.",name:"nextLabel",required:!1,type:{name:"string"}},onPageChange:{defaultValue:null,description:"A function to run when the page number changes.",name:"onPageChange",required:!1,type:{name:"((page: number) => void)"}},page:{defaultValue:{value:"1"},description:"The current page number.",name:"page",required:!1,type:{name:"number"}},previousAriaLabel:{defaultValue:{value:"Vorige pagina"},description:"The accessible name for the link to the previous page.",name:"previousAriaLabel",required:!1,type:{name:"string"}},previousLabel:{defaultValue:{value:"vorige"},description:"The label for the link to the previous page.",name:"previousLabel",required:!1,type:{name:"string"}},totalPages:{defaultValue:null,description:"The total amount of pages.",name:"totalPages",required:!0,type:{name:"number"}}}}}catch{}/** * @license EUPL-1.2+ * Copyright Gemeente Amsterdam - */const M={title:"Components/Navigation/Pagination",component:g,args:{page:1,maxVisiblePages:7,totalPages:10},argTypes:{onPageChange:{action:"page changed"}}},m={};var x,_,y;m.parameters={...m.parameters,docs:{...(x=m.parameters)==null?void 0:x.docs,source:{originalSource:"{}",...(y=(_=m.parameters)==null?void 0:_.docs)==null?void 0:y.source}}};const A=["Default"],D=Object.freeze(Object.defineProperty({__proto__:null,Default:m,__namedExportsOrder:A,default:M},Symbol.toStringTag,{value:"Module"}));export{D as P}; + */const k={title:"Components/Navigation/Pagination",component:g,args:{page:1,maxVisiblePages:7,totalPages:10},argTypes:{onPageChange:{action:"page changed"}}},m={};var x,_,y;m.parameters={...m.parameters,docs:{...(x=m.parameters)==null?void 0:x.docs,source:{originalSource:"{}",...(y=(_=m.parameters)==null?void 0:_.docs)==null?void 0:y.source}}};const A=["Default"],D=Object.freeze(Object.defineProperty({__proto__:null,Default:m,__namedExportsOrder:A,default:k},Symbol.toStringTag,{value:"Module"}));export{D as P}; diff --git a/demo-develop/assets/Paragraph-B6eM4Eli.js b/demo-develop/assets/Paragraph-B6eM4Eli.js deleted file mode 100644 index 9b4b70fb56..0000000000 --- a/demo-develop/assets/Paragraph-B6eM4Eli.js +++ /dev/null @@ -1 +0,0 @@ -import{j as t}from"./jsx-runtime-Nms4Y4qS.js";import{c as i}from"./clsx-B-dksMZM.js";import{r as n}from"./index-BwDkhjyp.js";const a=n.forwardRef(({children:r,className:o,inverseColor:s,size:e,...p},l)=>t.jsx("p",{ref:l,className:i("ams-paragraph",e&&`ams-paragraph--${e}`,s&&"ams-paragraph--inverse-color",o),...p,children:r}));a.displayName="Paragraph";try{a.displayName="Paragraph",a.__docgenInfo={description:"",displayName:"Paragraph",props:{size:{defaultValue:null,description:"The size of the paragraph.",name:"size",required:!1,type:{name:"enum",value:[{value:'"small"'},{value:'"large"'}]}},inverseColor:{defaultValue:null,description:"Changes the text color for readability on a dark background.",name:"inverseColor",required:!1,type:{name:"boolean"}}}}}catch{}export{a as P}; diff --git a/demo-develop/assets/Paragraph-C4jU4-Z4.js b/demo-develop/assets/Paragraph-C4jU4-Z4.js new file mode 100644 index 0000000000..6d77691ad9 --- /dev/null +++ b/demo-develop/assets/Paragraph-C4jU4-Z4.js @@ -0,0 +1 @@ +import{j as t}from"./jsx-runtime-Nms4Y4qS.js";import{c as i}from"./clsx-B-dksMZM.js";import{r as n}from"./index-BwDkhjyp.js";const a=n.forwardRef(({children:e,className:o,inverseColor:s,size:r,...p},l)=>t.jsx("p",{ref:l,className:i("ams-paragraph",r&&`ams-paragraph--${r}`,s&&"ams-paragraph--inverse-color",o),...p,children:e}));a.displayName="Paragraph";try{a.displayName="Paragraph",a.__docgenInfo={description:"",displayName:"Paragraph",props:{inverseColor:{defaultValue:null,description:"Changes the text colour for readability on a dark background.",name:"inverseColor",required:!1,type:{name:"boolean"}},size:{defaultValue:null,description:"The size of the text.",name:"size",required:!1,type:{name:"enum",value:[{value:'"small"'},{value:'"large"'}]}}}}}catch{}export{a as P}; diff --git a/demo-develop/assets/Paragraph.docs-Bvyf9s3V.js b/demo-develop/assets/Paragraph.docs-u6XTYfrE.js similarity index 91% rename from demo-develop/assets/Paragraph.docs-Bvyf9s3V.js rename to demo-develop/assets/Paragraph.docs-u6XTYfrE.js index c15f222870..bd7426f52c 100644 --- a/demo-develop/assets/Paragraph.docs-Bvyf9s3V.js +++ b/demo-develop/assets/Paragraph.docs-u6XTYfrE.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as o}from"./index-DlpNa54Y.js";import{M as s,d as i,P as h,e as p,f as a}from"./index-DanlQ17N.js";import{P as l,L as d,S as c,I as g}from"./Paragraph.stories-B7oJkpmq.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-C2MGObLX.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";import"./decorators-Dh4yEj-W.js";import"./exampleContent-CRK3_7Hv.js";import"./Paragraph-B6eM4Eli.js";import"./clsx-B-dksMZM.js";const m=` +import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as o}from"./index-DlpNa54Y.js";import{M as s,d as i,P as h,e as p,f as a}from"./index-C1H0KNfC.js";import{P as l,L as d,S as c,I as g}from"./Paragraph.stories-CWchOlqF.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-CjTW3GMG.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";import"./decorators-Dh4yEj-W.js";import"./exampleContent-CRK3_7Hv.js";import"./Paragraph-C4jU4-Z4.js";import"./clsx-B-dksMZM.js";const m=` # Paragraph diff --git a/demo-develop/assets/Paragraph.stories-B7oJkpmq.js b/demo-develop/assets/Paragraph.stories-B7oJkpmq.js deleted file mode 100644 index 26d1c1242b..0000000000 --- a/demo-develop/assets/Paragraph.stories-B7oJkpmq.js +++ /dev/null @@ -1,16 +0,0 @@ -import{i as S}from"./decorators-Dh4yEj-W.js";import{a as v}from"./exampleContent-CRK3_7Hv.js";import{P as h}from"./Paragraph-B6eM4Eli.js";/** - * @license EUPL-1.2+ - * Copyright Gemeente Amsterdam - */const C=v(),P={title:"Components/Text/Paragraph",component:h,args:{children:C,inverseColor:!1},argTypes:{children:{table:{disable:!1}},size:{control:{type:"radio",labels:{small:"small",undefined:"medium",large:"large"}},options:["small",void 0,"large"]}},decorators:[S]},r={},e={args:{size:"large"}},a={args:{size:"small"}},s={args:{inverseColor:!0}};var o,t,l;r.parameters={...r.parameters,docs:{...(o=r.parameters)==null?void 0:o.docs,source:{originalSource:"{}",...(l=(t=r.parameters)==null?void 0:t.docs)==null?void 0:l.source}}};var n,c,m;e.parameters={...e.parameters,docs:{...(n=e.parameters)==null?void 0:n.docs,source:{originalSource:`{ - args: { - size: 'large' - } -}`,...(m=(c=e.parameters)==null?void 0:c.docs)==null?void 0:m.source}}};var p,i,d;a.parameters={...a.parameters,docs:{...(p=a.parameters)==null?void 0:p.docs,source:{originalSource:`{ - args: { - size: 'small' - } -}`,...(d=(i=a.parameters)==null?void 0:i.docs)==null?void 0:d.source}}};var g,u,f;s.parameters={...s.parameters,docs:{...(g=s.parameters)==null?void 0:g.docs,source:{originalSource:`{ - args: { - inverseColor: true - } -}`,...(f=(u=s.parameters)==null?void 0:u.docs)==null?void 0:f.source}}};const b=["Default","Large","Small","InvertedColor"],y=Object.freeze(Object.defineProperty({__proto__:null,Default:r,InvertedColor:s,Large:e,Small:a,__namedExportsOrder:b,default:P},Symbol.toStringTag,{value:"Module"}));export{s as I,e as L,y as P,a as S}; diff --git a/demo-develop/assets/Paragraph.stories-CWchOlqF.js b/demo-develop/assets/Paragraph.stories-CWchOlqF.js new file mode 100644 index 0000000000..1a07ea07ce --- /dev/null +++ b/demo-develop/assets/Paragraph.stories-CWchOlqF.js @@ -0,0 +1,16 @@ +import{i as S}from"./decorators-Dh4yEj-W.js";import{a as h}from"./exampleContent-CRK3_7Hv.js";import{P as v}from"./Paragraph-C4jU4-Z4.js";/** + * @license EUPL-1.2+ + * Copyright Gemeente Amsterdam + */const C=h(),P={title:"Components/Text/Paragraph",component:v,args:{children:C,inverseColor:!1},argTypes:{children:{description:"The paragraph text.",table:{disable:!1}},size:{control:{type:"radio",labels:{small:"small",undefined:"medium",large:"large"}},options:["small",void 0,"large"]}},decorators:[S]},r={},e={args:{size:"large"}},a={args:{size:"small"}},s={args:{inverseColor:!0}};var o,t,l;r.parameters={...r.parameters,docs:{...(o=r.parameters)==null?void 0:o.docs,source:{originalSource:"{}",...(l=(t=r.parameters)==null?void 0:t.docs)==null?void 0:l.source}}};var n,c,p;e.parameters={...e.parameters,docs:{...(n=e.parameters)==null?void 0:n.docs,source:{originalSource:`{ + args: { + size: 'large' + } +}`,...(p=(c=e.parameters)==null?void 0:c.docs)==null?void 0:p.source}}};var m,i,d;a.parameters={...a.parameters,docs:{...(m=a.parameters)==null?void 0:m.docs,source:{originalSource:`{ + args: { + size: 'small' + } +}`,...(d=(i=a.parameters)==null?void 0:i.docs)==null?void 0:d.source}}};var g,u,f;s.parameters={...s.parameters,docs:{...(g=s.parameters)==null?void 0:g.docs,source:{originalSource:`{ + args: { + inverseColor: true + } +}`,...(f=(u=s.parameters)==null?void 0:u.docs)==null?void 0:f.source}}};const b=["Default","Large","Small","InvertedColor"],y=Object.freeze(Object.defineProperty({__proto__:null,Default:r,InvertedColor:s,Large:e,Small:a,__namedExportsOrder:b,default:P},Symbol.toStringTag,{value:"Module"}));export{s as I,e as L,y as P,a as S}; diff --git a/demo-develop/assets/Radio.docs-g5FSGDf7.js b/demo-develop/assets/Radio.docs-lZHj_Lxg.js similarity index 84% rename from demo-develop/assets/Radio.docs-g5FSGDf7.js rename to demo-develop/assets/Radio.docs-lZHj_Lxg.js index 44cafe5eea..1d2a902200 100644 --- a/demo-develop/assets/Radio.docs-g5FSGDf7.js +++ b/demo-develop/assets/Radio.docs-lZHj_Lxg.js @@ -1,4 +1,4 @@ -import{j as o}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as s}from"./index-DlpNa54Y.js";import{M as r,d as i,P as a,e as l,f as c}from"./index-DanlQ17N.js";import{R as d,a as m}from"./Radio.stories-D6kxdtLC.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-C2MGObLX.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";import"./clsx-B-dksMZM.js";import"./Fieldset-CGMBgOBg.js";const p=` +import{j as o}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as s}from"./index-DlpNa54Y.js";import{M as r,d as i,P as a,e as l,f as c}from"./index-C1H0KNfC.js";import{R as d,a as m}from"./Radio.stories-REdV2vlj.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-CjTW3GMG.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";import"./clsx-B-dksMZM.js";import"./Fieldset-BdWirkiG.js";const p=` # Radio diff --git a/demo-develop/assets/Radio.stories-D6kxdtLC.js b/demo-develop/assets/Radio.stories-D6kxdtLC.js deleted file mode 100644 index 547712421e..0000000000 --- a/demo-develop/assets/Radio.stories-D6kxdtLC.js +++ /dev/null @@ -1,51 +0,0 @@ -import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{c as h}from"./clsx-B-dksMZM.js";import{r as l}from"./index-BwDkhjyp.js";import{F as v}from"./Fieldset-CGMBgOBg.js";const a=l.forwardRef(({children:s,className:o,invalid:d,...t},f)=>{const i=l.useId();return e.jsxs("div",{className:h("ams-radio",o),children:[e.jsx("input",{...t,type:"radio",className:"ams-radio__input",ref:f,id:i,"aria-invalid":d||void 0}),e.jsxs("label",{className:"ams-radio__label",htmlFor:i,children:[e.jsx("span",{className:"ams-radio__circle"}),s]})]})});a.displayName="Radio";try{a.displayName="Radio",a.__docgenInfo={description:"",displayName:"Radio",props:{invalid:{defaultValue:null,description:"",name:"invalid",required:!1,type:{name:"boolean"}}}}}catch{}const{useArgs:g}=__STORYBOOK_MODULE_PREVIEW_API__,j={title:"Components/Forms/Radio",component:a,args:{checked:!1,children:"Radio label",disabled:!1,invalid:!1},argTypes:{children:{table:{disable:!1}},onChange:{action:"clicked",table:{disable:!0}}},render:s=>{const[,o]=g(),d=t=>{o({checked:t.target.checked})};return e.jsx(a,{onClick:d,...s})}},r={},n={argTypes:{checked:{table:{disable:!0}},children:{table:{disable:!0}},disabled:{table:{disable:!0}},invalid:{table:{disable:!0}},onChange:{action:"clicked",table:{disable:!0}}},render:()=>e.jsxs(v,{legend:"Waar gaat uw melding over?",children:[e.jsx(a,{name:"soort",value:"horecabedrijf",children:"Horecabedrijf"}),e.jsx(a,{name:"soort",value:"ander_soort_bedrijf",children:"Ander soort bedrijf"}),e.jsx(a,{name:"soort",value:"evenement",children:"Evenement"}),e.jsx(a,{name:"soort",value:"iets_anders",children:"Iets anders"})]}),parameters:{docs:{source:{type:"dynamic"}}}};var c,m,u;r.parameters={...r.parameters,docs:{...(c=r.parameters)==null?void 0:c.docs,source:{originalSource:"{}",...(u=(m=r.parameters)==null?void 0:m.docs)==null?void 0:u.source}}};var p,b,_;n.parameters={...n.parameters,docs:{...(p=n.parameters)==null?void 0:p.docs,source:{originalSource:`{ - argTypes: { - checked: { - table: { - disable: true - } - }, - children: { - table: { - disable: true - } - }, - disabled: { - table: { - disable: true - } - }, - invalid: { - table: { - disable: true - } - }, - onChange: { - action: 'clicked', - table: { - disable: true - } - } - }, - render: () =>
    - - Horecabedrijf - - - Ander soort bedrijf - - - Evenement - - - Iets anders - -
    , - parameters: { - docs: { - source: { - type: 'dynamic' - } - } - } -}`,...(_=(b=n.parameters)==null?void 0:b.docs)==null?void 0:_.source}}};const R=["Default","RadioGroup"],N=Object.freeze(Object.defineProperty({__proto__:null,Default:r,RadioGroup:n,__namedExportsOrder:R,default:j},Symbol.toStringTag,{value:"Module"}));export{N as R,n as a}; diff --git a/demo-develop/assets/Radio.stories-REdV2vlj.js b/demo-develop/assets/Radio.stories-REdV2vlj.js new file mode 100644 index 0000000000..6014f554e7 --- /dev/null +++ b/demo-develop/assets/Radio.stories-REdV2vlj.js @@ -0,0 +1,51 @@ +import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{c as f}from"./clsx-B-dksMZM.js";import{r as l}from"./index-BwDkhjyp.js";import{F as v}from"./Fieldset-BdWirkiG.js";const a=l.forwardRef(({children:s,className:o,invalid:i,...t},_)=>{const d=l.useId();return e.jsxs("div",{className:f("ams-radio",o),children:[e.jsx("input",{...t,type:"radio",className:"ams-radio__input",ref:_,id:d,"aria-invalid":i||void 0}),e.jsxs("label",{className:"ams-radio__label",htmlFor:d,children:[e.jsx("span",{className:"ams-radio__circle"}),s]})]})});a.displayName="Radio";try{a.displayName="Radio",a.__docgenInfo={description:"",displayName:"Radio",props:{invalid:{defaultValue:null,description:"Whether the value fails a validation rule.",name:"invalid",required:!1,type:{name:"boolean"}}}}}catch{}const{useArgs:g}=__STORYBOOK_MODULE_PREVIEW_API__,j={title:"Components/Forms/Radio",component:a,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."},invalid:{description:"Whether the value fails a validation rule."},onChange:{action:"clicked",table:{disable:!0}}},render:s=>{const[,o]=g(),i=t=>{o({checked:t.target.checked})};return e.jsx(a,{onClick:i,...s})}},r={},n={argTypes:{checked:{table:{disable:!0}},children:{table:{disable:!0}},disabled:{table:{disable:!0}},invalid:{table:{disable:!0}},onChange:{action:"clicked",table:{disable:!0}}},render:()=>e.jsxs(v,{legend:"Waar gaat uw melding over?",children:[e.jsx(a,{name:"soort",value:"horecabedrijf",children:"Horecabedrijf"}),e.jsx(a,{name:"soort",value:"ander_soort_bedrijf",children:"Ander soort bedrijf"}),e.jsx(a,{name:"soort",value:"evenement",children:"Evenement"}),e.jsx(a,{name:"soort",value:"iets_anders",children:"Iets anders"})]}),parameters:{docs:{source:{type:"dynamic"}}}};var c,m,u;r.parameters={...r.parameters,docs:{...(c=r.parameters)==null?void 0:c.docs,source:{originalSource:"{}",...(u=(m=r.parameters)==null?void 0:m.docs)==null?void 0:u.source}}};var p,b,h;n.parameters={...n.parameters,docs:{...(p=n.parameters)==null?void 0:p.docs,source:{originalSource:`{ + argTypes: { + checked: { + table: { + disable: true + } + }, + children: { + table: { + disable: true + } + }, + disabled: { + table: { + disable: true + } + }, + invalid: { + table: { + disable: true + } + }, + onChange: { + action: 'clicked', + table: { + disable: true + } + } + }, + render: () =>
    + + Horecabedrijf + + + Ander soort bedrijf + + + Evenement + + + Iets anders + +
    , + parameters: { + docs: { + source: { + type: 'dynamic' + } + } + } +}`,...(h=(b=n.parameters)==null?void 0:b.docs)==null?void 0:h.source}}};const R=["Default","RadioGroup"],N=Object.freeze(Object.defineProperty({__proto__:null,Default:r,RadioGroup:n,__namedExportsOrder:R,default:j},Symbol.toStringTag,{value:"Module"}));export{N as R,n as a}; diff --git a/demo-develop/assets/Row.docs-DIJ4AQy_.js b/demo-develop/assets/Row.docs-BFsbhL_o.js similarity index 81% rename from demo-develop/assets/Row.docs-DIJ4AQy_.js rename to demo-develop/assets/Row.docs-BFsbhL_o.js index 4f6dc19389..adafb9b911 100644 --- a/demo-develop/assets/Row.docs-DIJ4AQy_.js +++ b/demo-develop/assets/Row.docs-BFsbhL_o.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as s}from"./index-DlpNa54Y.js";import{M as r,d as i,P as a,e as m}from"./index-DanlQ17N.js";import{R as d}from"./Row.stories-ClsrX-O8.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-C2MGObLX.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";import"./clsx-B-dksMZM.js";import"./Button-DXS7hO6e.js";const h=` +import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as s}from"./index-DlpNa54Y.js";import{M as r,d as i,P as a,e as m}from"./index-C1H0KNfC.js";import{R as d}from"./Row.stories-CnOQ-kxM.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-CjTW3GMG.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";import"./clsx-B-dksMZM.js";import"./Button-_hHZidVy.js";const h=` # Row `;function t(o){const n={a:"a",h2:"h2",h3:"h3",p:"p",...s(),...o.components};return e.jsxs(e.Fragment,{children:[e.jsx(r,{of:d}),` diff --git a/demo-develop/assets/Row.stories-ClsrX-O8.js b/demo-develop/assets/Row.stories-ClsrX-O8.js deleted file mode 100644 index 4d6a9f48d0..0000000000 --- a/demo-develop/assets/Row.stories-ClsrX-O8.js +++ /dev/null @@ -1 +0,0 @@ -import{j as l}from"./jsx-runtime-Nms4Y4qS.js";import{c as d}from"./clsx-B-dksMZM.js";import{r as u}from"./index-BwDkhjyp.js";import{B as f}from"./Button-DXS7hO6e.js";const a=u.forwardRef(({as:e="div",children:n,className:m,gap:i="medium",...c},p)=>l.jsx(e,{...c,ref:p,className:d("ams-row",`ams-row--${i}`,m),children:n}));a.displayName="Row";try{a.displayName="Row",a.__docgenInfo={description:"",displayName:"Row",props:{as:{defaultValue:null,description:"The element to render the row with.",name:"as",required:!1,type:{name:"enum",value:[{value:'"article"'},{value:'"div"'},{value:'"section"'}]}},gap:{defaultValue:{value:"medium"},description:"The amount of vertical space between the row’s children.",name:"gap",required:!1,type:{name:"string"}}}}}catch{}const y=Array.from(Array(3).keys()).map(e=>l.jsxs(f,{children:["Button ",e+1]},e)),_={title:"Components/Layout/Row",component:a,args:{children:y},argTypes:{gap:{control:"radio",options:["extra-small","small","medium","large","extra-large"]}}},r={};var o,t,s;r.parameters={...r.parameters,docs:{...(o=r.parameters)==null?void 0:o.docs,source:{originalSource:"{}",...(s=(t=r.parameters)==null?void 0:t.docs)==null?void 0:s.source}}};const g=["Default"],R=Object.freeze(Object.defineProperty({__proto__:null,Default:r,__namedExportsOrder:g,default:_},Symbol.toStringTag,{value:"Module"}));export{R}; diff --git a/demo-develop/assets/Row.stories-CnOQ-kxM.js b/demo-develop/assets/Row.stories-CnOQ-kxM.js new file mode 100644 index 0000000000..0fb45a27c0 --- /dev/null +++ b/demo-develop/assets/Row.stories-CnOQ-kxM.js @@ -0,0 +1 @@ +import{j as m}from"./jsx-runtime-Nms4Y4qS.js";import{c as u}from"./clsx-B-dksMZM.js";import{r as d}from"./index-BwDkhjyp.js";import{B as f}from"./Button-_hHZidVy.js";const r=d.forwardRef(({as:e="div",children:l,className:n,gap:i="medium",...c},p)=>m.jsx(e,{...c,ref:p,className:u("ams-row",`ams-row--${i}`,n),children:l}));r.displayName="Row";try{r.displayName="Row",r.__docgenInfo={description:"",displayName:"Row",props:{as:{defaultValue:null,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 vertical space between items.",name:"gap",required:!1,type:{name:"string"}}}}}catch{}const y=Array.from(Array(3).keys()).map(e=>m.jsxs(f,{children:["Button ",e+1]},e)),_={title:"Components/Layout/Row",component:r,args:{children:y},argTypes:{gap:{control:"radio",options:["extra-small","small","medium","large","extra-large"]}}},a={};var o,t,s;a.parameters={...a.parameters,docs:{...(o=a.parameters)==null?void 0:o.docs,source:{originalSource:"{}",...(s=(t=a.parameters)==null?void 0:t.docs)==null?void 0:s.source}}};const g=["Default"],h=Object.freeze(Object.defineProperty({__proto__:null,Default:a,__namedExportsOrder:g,default:_},Symbol.toStringTag,{value:"Module"}));export{h as R}; diff --git a/demo-develop/assets/Screen.docs-miKSeXL7.js b/demo-develop/assets/Screen.docs-ByqLrOXW.js similarity index 92% rename from demo-develop/assets/Screen.docs-miKSeXL7.js rename to demo-develop/assets/Screen.docs-ByqLrOXW.js index 5818bef788..0c53dc7f88 100644 --- a/demo-develop/assets/Screen.docs-miKSeXL7.js +++ b/demo-develop/assets/Screen.docs-ByqLrOXW.js @@ -1,4 +1,4 @@ -import{j as n}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as s}from"./index-DlpNa54Y.js";import{M as i,d as r,P as a,e as m,f as c}from"./index-DanlQ17N.js";import{S as d,E as p}from"./Screen.stories-BFsP3mpp.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-C2MGObLX.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";import"./Screen-DD3ND5ci.js";import"./clsx-B-dksMZM.js";const h=` +import{j as n}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as s}from"./index-DlpNa54Y.js";import{M as i,d as r,P as a,e as m,f as c}from"./index-C1H0KNfC.js";import{S as d,E as p}from"./Screen.stories-BFsP3mpp.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-CjTW3GMG.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";import"./Screen-DD3ND5ci.js";import"./clsx-B-dksMZM.js";const h=` # Screen diff --git a/demo-develop/assets/SearchField-BivslhsQ.js b/demo-develop/assets/SearchField-BivslhsQ.js new file mode 100644 index 0000000000..9bd6452d36 --- /dev/null +++ b/demo-develop/assets/SearchField-BivslhsQ.js @@ -0,0 +1 @@ +import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{c}from"./clsx-B-dksMZM.js";import{r as l}from"./index-BwDkhjyp.js";import{b as m}from"./index.esm-DQkeu4as.js";import{V as d}from"./VisuallyHidden-Db-04MJ9.js";import{I as u}from"./Icon-CuaumHXX.js";const n=l.forwardRef(({label:r="Zoeken",className:a,...t},s)=>e.jsxs("button",{...t,ref:s,className:c("ams-search-field__button",a),children:[e.jsx(d,{children:r}),e.jsx(u,{svg:m,size:"level-5",square:!0})]}));n.displayName="SearchField.Button";try{SearchField.Button.displayName="SearchField.Button",SearchField.Button.__docgenInfo={description:"",displayName:"SearchField.Button",props:{label:{defaultValue:{value:"Zoeken"},description:"Describes the field for screen readers.",name:"label",required:!1,type:{name:"string"}}}}}catch{}const p=l.forwardRef(({className:r,label:a="Zoeken",...t},s)=>{const i=l.useId();return e.jsxs(e.Fragment,{children:[e.jsx("label",{htmlFor:i,children:e.jsx(d,{children:a})}),e.jsx("input",{...t,autoComplete:"off",className:c("ams-search-field__input",r),enterKeyHint:"search",id:i,ref:s,spellCheck:"false",type:"search"})]})});p.displayName="SearchField.Input";try{SearchField.Input.displayName="SearchField.Input",SearchField.Input.__docgenInfo={description:"",displayName:"SearchField.Input",props:{label:{defaultValue:{value:"Zoeken"},description:"Describes the field for screen readers.",name:"label",required:!1,type:{name:"string"}}}}}catch{}const h=l.forwardRef(({children:r,className:a,...t},s)=>e.jsx("form",{role:"search",...t,ref:s,className:c("ams-search-field",a),children:r}));h.displayName="SearchField";const o=Object.assign(h,{Button:n,Input:p});try{o.displayName="SearchField",o.__docgenInfo={description:"",displayName:"SearchField",props:{}}}catch{}export{o as S}; diff --git a/demo-develop/assets/SearchField-UrX6RHMf.js b/demo-develop/assets/SearchField-UrX6RHMf.js deleted file mode 100644 index d36005e550..0000000000 --- a/demo-develop/assets/SearchField-UrX6RHMf.js +++ /dev/null @@ -1 +0,0 @@ -import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{c as o}from"./clsx-B-dksMZM.js";import{r as l}from"./index-BwDkhjyp.js";import{b as m}from"./index.esm-DQkeu4as.js";import{V as n}from"./VisuallyHidden-Db-04MJ9.js";import{I as u}from"./Icon-tKAGJH_4.js";const d=l.forwardRef(({label:r="Zoeken",className:a,...t},s)=>e.jsxs("button",{...t,ref:s,className:o("ams-search-field__button",a),children:[e.jsx(n,{children:r}),e.jsx(u,{svg:m,size:"level-5",square:!0})]}));d.displayName="SearchField.Button";try{SearchField.Button.displayName="SearchField.Button",SearchField.Button.__docgenInfo={description:"",displayName:"SearchField.Button",props:{label:{defaultValue:{value:"Zoeken"},description:"The label for the button that triggers the search action.",name:"label",required:!1,type:{name:"string"}}}}}catch{}const p=l.forwardRef(({className:r,label:a="Zoeken",...t},s)=>{const c=l.useId();return e.jsxs(e.Fragment,{children:[e.jsx("label",{htmlFor:c,children:e.jsx(n,{children:a})}),e.jsx("input",{...t,autoComplete:"off",className:o("ams-search-field__input",r),enterKeyHint:"search",id:c,ref:s,spellCheck:"false",type:"search"})]})});p.displayName="SearchField.Input";try{SearchField.Input.displayName="SearchField.Input",SearchField.Input.__docgenInfo={description:"",displayName:"SearchField.Input",props:{label:{defaultValue:{value:"Zoeken"},description:"",name:"label",required:!1,type:{name:"string"}}}}}catch{}const h=l.forwardRef(({children:r,className:a,...t},s)=>e.jsx("form",{role:"search",...t,ref:s,className:o("ams-search-field",a),children:r}));h.displayName="SearchField";const i=Object.assign(h,{Button:d,Input:p});try{i.displayName="SearchField",i.__docgenInfo={description:"",displayName:"SearchField",props:{}}}catch{}export{i as S}; diff --git a/demo-develop/assets/SearchField.docs-Dfl3-ddd.js b/demo-develop/assets/SearchField.docs-DiTa0zPd.js similarity index 90% rename from demo-develop/assets/SearchField.docs-Dfl3-ddd.js rename to demo-develop/assets/SearchField.docs-DiTa0zPd.js index c1274f4c22..767dbe412c 100644 --- a/demo-develop/assets/SearchField.docs-Dfl3-ddd.js +++ b/demo-develop/assets/SearchField.docs-DiTa0zPd.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as a}from"./index-DlpNa54Y.js";import{M as i,d as s,P as c,e as h,f as o}from"./index-DanlQ17N.js";import{S as l,W as u,C as p}from"./SearchField.stories-C8lAWtBK.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-C2MGObLX.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";import"./SearchField-UrX6RHMf.js";import"./clsx-B-dksMZM.js";import"./index.esm-DQkeu4as.js";import"./VisuallyHidden-Db-04MJ9.js";import"./Icon-tKAGJH_4.js";const d=` +import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as a}from"./index-DlpNa54Y.js";import{M as i,d as s,P as c,e as h,f as o}from"./index-C1H0KNfC.js";import{S as l,W as u,C as p}from"./SearchField.stories-BGpcDF-r.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-CjTW3GMG.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";import"./SearchField-BivslhsQ.js";import"./clsx-B-dksMZM.js";import"./index.esm-DQkeu4as.js";import"./VisuallyHidden-Db-04MJ9.js";import"./Icon-CuaumHXX.js";const d=` # Search Field diff --git a/demo-develop/assets/SearchField.stories-BGpcDF-r.js b/demo-develop/assets/SearchField.stories-BGpcDF-r.js new file mode 100644 index 0000000000..0d5574a05a --- /dev/null +++ b/demo-develop/assets/SearchField.stories-BGpcDF-r.js @@ -0,0 +1,33 @@ +import{j as r}from"./jsx-runtime-Nms4Y4qS.js";import{S as e}from"./SearchField-BivslhsQ.js";const{useArgs:_}=__STORYBOOK_MODULE_PREVIEW_API__,C={title:"Components/Forms/Search Field",component:e,args:{onSubmit:o=>{o.preventDefault()}},argTypes:{label:{description:"Describes the field for screen readers."},onSubmit:{table:{disable:!0}},placeholder:{description:"Displayed while the field is empty."}},render:({label:o,placeholder:l,...c})=>r.jsxs(e,{...c,children:[r.jsx(e.Input,{label:o,placeholder:l}),r.jsx(e.Button,{})]})},a={},n={args:{placeholder:"Wat kunnen we voor u vinden?"}},t={args:{value:""},render:function({label:l,placeholder:c}){const[S,x]=_(),D=s=>{x({value:s.target.value})};return r.jsxs(e,{onSubmit:s=>{s.preventDefault();const u=new FormData(s.currentTarget).get("search-box");u&&alert(`Gezocht op '${u}'`)},children:[r.jsx(e.Input,{name:"search-box",value:S.value,label:l,onChange:D,placeholder:c}),r.jsx(e.Button,{})]})}};var i,d,p;a.parameters={...a.parameters,docs:{...(i=a.parameters)==null?void 0:i.docs,source:{originalSource:"{}",...(p=(d=a.parameters)==null?void 0:d.docs)==null?void 0:p.source}}};var m,h,g;n.parameters={...n.parameters,docs:{...(m=n.parameters)==null?void 0:m.docs,source:{originalSource:`{ + args: { + placeholder: 'Wat kunnen we voor u vinden?' + } +}`,...(g=(h=n.parameters)==null?void 0:h.docs)==null?void 0:g.source}}};var v,f,b;t.parameters={...t.parameters,docs:{...(v=t.parameters)==null?void 0:v.docs,source:{originalSource:`{ + args: { + value: '' + }, + render: function Component({ + label, + placeholder + }: InputProps) { + const [args, setArgs] = useArgs(); + const onValueChange = (event: any) => { + setArgs({ + value: event.target.value + }); + }; + return { + e.preventDefault(); + const formData = new FormData(e.currentTarget); + const value = formData.get('search-box'); + // search actions should not be triggered without a value + if (value) { + // eslint-disable-next-line no-alert + alert(\`Gezocht op '\${value}'\`); + } + }}> + + + ; + } +}`,...(b=(f=t.parameters)==null?void 0:f.docs)==null?void 0:b.source}}};const j=["Default","WithPlaceholder","Controlled"],y=Object.freeze(Object.defineProperty({__proto__:null,Controlled:t,Default:a,WithPlaceholder:n,__namedExportsOrder:j,default:C},Symbol.toStringTag,{value:"Module"}));export{t as C,y as S,n as W}; diff --git a/demo-develop/assets/SearchField.stories-C8lAWtBK.js b/demo-develop/assets/SearchField.stories-C8lAWtBK.js deleted file mode 100644 index 2968c71942..0000000000 --- a/demo-develop/assets/SearchField.stories-C8lAWtBK.js +++ /dev/null @@ -1,33 +0,0 @@ -import{j as r}from"./jsx-runtime-Nms4Y4qS.js";import{S as e}from"./SearchField-UrX6RHMf.js";const{useArgs:D}=__STORYBOOK_MODULE_PREVIEW_API__,C={title:"Components/Forms/Search Field",component:e,args:{onSubmit:o=>{o.preventDefault()}},argTypes:{label:{control:"text"},onSubmit:{table:{disable:!0}},placeholder:{control:"text"}},render:({label:o,placeholder:l,...c})=>r.jsxs(e,{...c,children:[r.jsx(e.Input,{label:o,placeholder:l}),r.jsx(e.Button,{})]})},a={},n={args:{placeholder:"Wat kunnen we voor u vinden?"}},t={args:{value:""},render:function({label:l,placeholder:c}){const[f,x]=D(),_=s=>{x({value:s.target.value})};return r.jsxs(e,{onSubmit:s=>{s.preventDefault();const u=new FormData(s.currentTarget).get("search-box");u&&alert(`Gezocht op '${u}'`)},children:[r.jsx(e.Input,{name:"search-box",value:f.value,label:l,onChange:_,placeholder:c}),r.jsx(e.Button,{})]})}};var d,i,p;a.parameters={...a.parameters,docs:{...(d=a.parameters)==null?void 0:d.docs,source:{originalSource:"{}",...(p=(i=a.parameters)==null?void 0:i.docs)==null?void 0:p.source}}};var m,h,g;n.parameters={...n.parameters,docs:{...(m=n.parameters)==null?void 0:m.docs,source:{originalSource:`{ - args: { - placeholder: 'Wat kunnen we voor u vinden?' - } -}`,...(g=(h=n.parameters)==null?void 0:h.docs)==null?void 0:g.source}}};var v,S,b;t.parameters={...t.parameters,docs:{...(v=t.parameters)==null?void 0:v.docs,source:{originalSource:`{ - args: { - value: '' - }, - render: function Component({ - label, - placeholder - }: InputProps) { - const [args, setArgs] = useArgs(); - const onValueChange = (event: any) => { - setArgs({ - value: event.target.value - }); - }; - return { - e.preventDefault(); - const formData = new FormData(e.currentTarget); - const value = formData.get('search-box'); - // search actions should not be triggered without a value - if (value) { - // eslint-disable-next-line no-alert - alert(\`Gezocht op '\${value}'\`); - } - }}> - - - ; - } -}`,...(b=(S=t.parameters)==null?void 0:S.docs)==null?void 0:b.source}}};const j=["Default","WithPlaceholder","Controlled"],I=Object.freeze(Object.defineProperty({__proto__:null,Controlled:t,Default:a,WithPlaceholder:n,__namedExportsOrder:j,default:C},Symbol.toStringTag,{value:"Module"}));export{t as C,I as S,n as W}; diff --git a/demo-develop/assets/Select.docs-C3rHmRlR.js b/demo-develop/assets/Select.docs-DrD4gHC5.js similarity index 86% rename from demo-develop/assets/Select.docs-C3rHmRlR.js rename to demo-develop/assets/Select.docs-DrD4gHC5.js index c99755c951..4a52e7498b 100644 --- a/demo-develop/assets/Select.docs-C3rHmRlR.js +++ b/demo-develop/assets/Select.docs-DrD4gHC5.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as i}from"./index-DlpNa54Y.js";import{M as r,d as l,P as d,e as c,f as t}from"./index-DanlQ17N.js";import{S as a,G as m,I as p,D as h}from"./Select.stories-Cfskxyzu.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-C2MGObLX.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";import"./index.esm-BqSmeFgf.js";import"./clsx-B-dksMZM.js";import"./index.esm-DQkeu4as.js";const u=` +import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as i}from"./index-DlpNa54Y.js";import{M as r,d as l,P as d,e as c,f as t}from"./index-C1H0KNfC.js";import{S as a,G as m,I as p,D as h}from"./Select.stories-I6MBrWhj.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-CjTW3GMG.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";import"./index.esm-BLr1zrdO.js";import"./clsx-B-dksMZM.js";import"./index.esm-DQkeu4as.js";const u=` # Select diff --git a/demo-develop/assets/Select.stories-Cfskxyzu.js b/demo-develop/assets/Select.stories-I6MBrWhj.js similarity index 59% rename from demo-develop/assets/Select.stories-Cfskxyzu.js rename to demo-develop/assets/Select.stories-I6MBrWhj.js index e3484a6d5f..2f24c850e4 100644 --- a/demo-develop/assets/Select.stories-Cfskxyzu.js +++ b/demo-develop/assets/Select.stories-I6MBrWhj.js @@ -1,4 +1,4 @@ -import{j as t}from"./jsx-runtime-Nms4Y4qS.js";import{S as e}from"./index.esm-BqSmeFgf.js";const b={title:"Components/Forms/Select",component:e,args:{invalid:!1,disabled:!1,children:[t.jsx(e.Option,{value:"1",children:"Centrum"},"1"),t.jsx(e.Option,{value:"2",children:"Noord"},"2"),t.jsx(e.Option,{value:"3",children:"West"},"3"),t.jsx(e.Option,{value:"4",disabled:!0,children:"Westpoort"},"4"),t.jsx(e.Option,{value:"5",children:"Nieuw-West"},"6"),t.jsx(e.Option,{value:"6",children:"Zuid"},"7"),t.jsx(e.Option,{value:"7",children:"Zuidoost"},"8")]}},n={},r={args:{children:[t.jsxs(e.Group,{label:"Burgwallen-Oude Zijde",children:[t.jsx(e.Option,{children:"BG-terrein e.o."}),t.jsx(e.Option,{children:"Burgwallen oost"}),t.jsx(e.Option,{children:"Kop Zeedijk"}),t.jsx(e.Option,{children:"Nes e.o."}),t.jsx(e.Option,{children:"Oude Kerk e.o."})]},"1"),t.jsxs(e.Group,{label:"Burgwallen-Nieuwe Zijde",children:[t.jsx(e.Option,{children:"Begijnhofbuurt"}),t.jsx(e.Option,{children:"Hemelrijk"}),t.jsx(e.Option,{children:"Kalverdriehoek"}),t.jsx(e.Option,{children:"Nieuwe Kerk e.o."}),t.jsx(e.Option,{children:"Nieuwendijk Noord"}),t.jsx(e.Option,{children:"Spuistraat Noord"}),t.jsx(e.Option,{children:"Spuistraat Zuid"}),t.jsx(e.Option,{children:"Stationsplein e.o."})]},"2"),t.jsxs(e.Group,{label:"Grachtengordel-West",children:[t.jsx(e.Option,{children:"Felix Meritisbuurt"}),t.jsx(e.Option,{children:"Langestraat e.o."}),t.jsx(e.Option,{children:"Leidsegracht Noord"}),t.jsx(e.Option,{children:"Leliegracht e.o."})]},"3"),t.jsxs(e.Group,{label:"Haarlemmerbuurt",children:[t.jsx(e.Option,{children:"Haarlemmerbuurt Oost"}),t.jsx(e.Option,{children:"Haarlemmerbuurt West"}),t.jsx(e.Option,{children:"Planciusbuurt Noord"}),t.jsx(e.Option,{children:"Planciusbuurt Zuid"}),t.jsx(e.Option,{children:"Westelijke eilanden"}),t.jsx(e.Option,{children:"Westerdokseiland"})]},"4"),t.jsxs(e.Group,{label:"Jordaan",children:[t.jsx(e.Option,{children:"Anjeliersbuurt Noord"}),t.jsx(e.Option,{children:"Anjeliersbuurt Zuid"}),t.jsx(e.Option,{children:"Bloemgrachtbuurt"}),t.jsx(e.Option,{children:"Driehoekbuurt"}),t.jsx(e.Option,{children:"Elandsgrachtbuurt"}),t.jsx(e.Option,{children:"Groenmarktkadebuurt"}),t.jsx(e.Option,{children:"Marnixbuurt Midden"}),t.jsx(e.Option,{children:"Marnixbuurt Noord"}),t.jsx(e.Option,{children:"Marnixbuurt Zuid"}),t.jsx(e.Option,{children:"Passeerdersgrachtbuurt"}),t.jsx(e.Option,{children:"Zaagpoortbuurt"})]},"5")]}},i={args:{invalid:!0}},o={args:{disabled:!0}};var l,c,s;n.parameters={...n.parameters,docs:{...(l=n.parameters)==null?void 0:l.docs,source:{originalSource:"{}",...(s=(c=n.parameters)==null?void 0:c.docs)==null?void 0:s.source}}};var a,p,u;r.parameters={...r.parameters,docs:{...(a=r.parameters)==null?void 0:a.docs,source:{originalSource:`{ +import{j as t}from"./jsx-runtime-Nms4Y4qS.js";import{S as e}from"./index.esm-BLr1zrdO.js";const b={title:"Components/Forms/Select",component:e,args:{invalid:!1,disabled:!1,children:[t.jsx(e.Option,{value:"1",children:"Centrum"},"1"),t.jsx(e.Option,{value:"2",children:"Noord"},"2"),t.jsx(e.Option,{value:"3",children:"West"},"3"),t.jsx(e.Option,{value:"4",disabled:!0,children:"Westpoort"},"4"),t.jsx(e.Option,{value:"5",children:"Nieuw-West"},"6"),t.jsx(e.Option,{value:"6",children:"Zuid"},"7"),t.jsx(e.Option,{value:"7",children:"Zuidoost"},"8")]},argTypes:{disabled:{description:"Prevents interaction. Avoid if possible."}}},n={},r={args:{children:[t.jsxs(e.Group,{label:"Burgwallen-Oude Zijde",children:[t.jsx(e.Option,{children:"BG-terrein e.o."}),t.jsx(e.Option,{children:"Burgwallen oost"}),t.jsx(e.Option,{children:"Kop Zeedijk"}),t.jsx(e.Option,{children:"Nes e.o."}),t.jsx(e.Option,{children:"Oude Kerk e.o."})]},"1"),t.jsxs(e.Group,{label:"Burgwallen-Nieuwe Zijde",children:[t.jsx(e.Option,{children:"Begijnhofbuurt"}),t.jsx(e.Option,{children:"Hemelrijk"}),t.jsx(e.Option,{children:"Kalverdriehoek"}),t.jsx(e.Option,{children:"Nieuwe Kerk e.o."}),t.jsx(e.Option,{children:"Nieuwendijk Noord"}),t.jsx(e.Option,{children:"Spuistraat Noord"}),t.jsx(e.Option,{children:"Spuistraat Zuid"}),t.jsx(e.Option,{children:"Stationsplein e.o."})]},"2"),t.jsxs(e.Group,{label:"Grachtengordel-West",children:[t.jsx(e.Option,{children:"Felix Meritisbuurt"}),t.jsx(e.Option,{children:"Langestraat e.o."}),t.jsx(e.Option,{children:"Leidsegracht Noord"}),t.jsx(e.Option,{children:"Leliegracht e.o."})]},"3"),t.jsxs(e.Group,{label:"Haarlemmerbuurt",children:[t.jsx(e.Option,{children:"Haarlemmerbuurt Oost"}),t.jsx(e.Option,{children:"Haarlemmerbuurt West"}),t.jsx(e.Option,{children:"Planciusbuurt Noord"}),t.jsx(e.Option,{children:"Planciusbuurt Zuid"}),t.jsx(e.Option,{children:"Westelijke eilanden"}),t.jsx(e.Option,{children:"Westerdokseiland"})]},"4"),t.jsxs(e.Group,{label:"Jordaan",children:[t.jsx(e.Option,{children:"Anjeliersbuurt Noord"}),t.jsx(e.Option,{children:"Anjeliersbuurt Zuid"}),t.jsx(e.Option,{children:"Bloemgrachtbuurt"}),t.jsx(e.Option,{children:"Driehoekbuurt"}),t.jsx(e.Option,{children:"Elandsgrachtbuurt"}),t.jsx(e.Option,{children:"Groenmarktkadebuurt"}),t.jsx(e.Option,{children:"Marnixbuurt Midden"}),t.jsx(e.Option,{children:"Marnixbuurt Noord"}),t.jsx(e.Option,{children:"Marnixbuurt Zuid"}),t.jsx(e.Option,{children:"Passeerdersgrachtbuurt"}),t.jsx(e.Option,{children:"Zaagpoortbuurt"})]},"5")]}},i={args:{invalid:!0}},o={args:{disabled:!0}};var l,c,s;n.parameters={...n.parameters,docs:{...(l=n.parameters)==null?void 0:l.docs,source:{originalSource:"{}",...(s=(c=n.parameters)==null?void 0:c.docs)==null?void 0:s.source}}};var a,p,u;r.parameters={...r.parameters,docs:{...(a=r.parameters)==null?void 0:a.docs,source:{originalSource:`{ args: { children: [ BG-terrein e.o. diff --git a/demo-develop/assets/SkipLink.docs-BCxOwc5w.js b/demo-develop/assets/SkipLink.docs-Y2BvL4rL.js similarity index 85% rename from demo-develop/assets/SkipLink.docs-BCxOwc5w.js rename to demo-develop/assets/SkipLink.docs-Y2BvL4rL.js index fa2a749382..75fb4844c0 100644 --- a/demo-develop/assets/SkipLink.docs-BCxOwc5w.js +++ b/demo-develop/assets/SkipLink.docs-Y2BvL4rL.js @@ -1,4 +1,4 @@ -import{j as n}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as s}from"./index-DlpNa54Y.js";import{M as a,d as r,P as p,e as l,f as t}from"./index-DanlQ17N.js";import{S as h,O as c,M as m}from"./SkipLink.stories-DYc8TH_Y.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-C2MGObLX.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";import"./clsx-B-dksMZM.js";import"./Screen-DD3ND5ci.js";import"./Grid-qe23dp1l.js";import"./Paragraph-B6eM4Eli.js";const k=` +import{j as n}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as s}from"./index-DlpNa54Y.js";import{M as a,d as r,P as p,e as l,f as t}from"./index-C1H0KNfC.js";import{S as h,O as c,M as m}from"./SkipLink.stories-DEYAJg7F.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-CjTW3GMG.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";import"./clsx-B-dksMZM.js";import"./Screen-DD3ND5ci.js";import"./Grid-CwB6HQaq.js";import"./Paragraph-C4jU4-Z4.js";const k=` # Skip Link diff --git a/demo-develop/assets/SkipLink.stories-DYc8TH_Y.js b/demo-develop/assets/SkipLink.stories-DEYAJg7F.js similarity index 50% rename from demo-develop/assets/SkipLink.stories-DYc8TH_Y.js rename to demo-develop/assets/SkipLink.stories-DEYAJg7F.js index e3a0e97f29..c09afe551e 100644 --- a/demo-develop/assets/SkipLink.stories-DYc8TH_Y.js +++ b/demo-develop/assets/SkipLink.stories-DEYAJg7F.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{c as x}from"./clsx-B-dksMZM.js";import{r as j}from"./index-BwDkhjyp.js";import{S as v}from"./Screen-DD3ND5ci.js";import{G as o}from"./Grid-qe23dp1l.js";import{P as u}from"./Paragraph-B6eM4Eli.js";const r=j.forwardRef(({children:i,className:S,...f},y)=>e.jsx("a",{...f,ref:y,className:x("ams-skip-link","ams-visually-hidden",S),children:i}));r.displayName="SkipLink";try{r.displayName="SkipLink",r.__docgenInfo={description:"",displayName:"SkipLink",props:{}}}catch{}const L={title:"Components/Navigation/Skip Link",component:r,args:{children:"Direct naar inhoud",href:"#"},argTypes:{children:{table:{disable:!1}},style:{table:{disable:!0}}},decorators:[i=>e.jsx(v,{children:e.jsx(o,{children:e.jsx(o.Cell,{span:"all",children:e.jsx(i,{})})})})]},n={args:{style:{clip:"initial",clipPath:"initial",height:"initial",overflow:"initial",position:"initial",whiteSpace:"initial",width:"initial"}}},t={decorators:[i=>e.jsxs(e.Fragment,{children:[e.jsx(u,{size:"small",style:{marginBottom:"2rem"},children:"Klik op deze tekst en druk vervolgens op tab om de Skip Link te tonen."}),e.jsx(i,{})]})]},a={render:()=>e.jsxs(e.Fragment,{children:[e.jsx(u,{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(r,{href:"#",children:"Direct naar inhoud"}),e.jsx(r,{href:"#",children:"Direct naar contactgegevens"})]})};var s,l,p;n.parameters={...n.parameters,docs:{...(s=n.parameters)==null?void 0:s.docs,source:{originalSource:`{ +import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{c as x}from"./clsx-B-dksMZM.js";import{r as j}from"./index-BwDkhjyp.js";import{S as v}from"./Screen-DD3ND5ci.js";import{G as o}from"./Grid-CwB6HQaq.js";import{P as u}from"./Paragraph-C4jU4-Z4.js";const r=j.forwardRef(({children:i,className:f,...S},y)=>e.jsx("a",{...S,ref:y,className:x("ams-skip-link","ams-visually-hidden",f),children:i}));r.displayName="SkipLink";try{r.displayName="SkipLink",r.__docgenInfo={description:"",displayName:"SkipLink",props:{}}}catch{}const L={title:"Components/Navigation/Skip Link",component:r,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}}},decorators:[i=>e.jsx(v,{children:e.jsx(o,{children:e.jsx(o.Cell,{span:"all",children:e.jsx(i,{})})})})]},n={args:{style:{clip:"initial",clipPath:"initial",height:"initial",overflow:"initial",position:"initial",whiteSpace:"initial",width:"initial"}}},t={decorators:[i=>e.jsxs(e.Fragment,{children:[e.jsx(u,{size:"small",style:{marginBottom:"2rem"},children:"Klik op deze tekst en druk vervolgens op tab om de Skip Link te tonen."}),e.jsx(i,{})]})]},a={render:()=>e.jsxs(e.Fragment,{children:[e.jsx(u,{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(r,{href:"#",children:"Direct naar inhoud"}),e.jsx(r,{href:"#",children:"Direct naar contactgegevens"})]})};var s,l,c;n.parameters={...n.parameters,docs:{...(s=n.parameters)==null?void 0:s.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 @@ -12,7 +12,7 @@ import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{c as x}from"./clsx-B-dksMZM width: 'initial' } } -}`,...(p=(l=n.parameters)==null?void 0:l.docs)==null?void 0:p.source}}};var c,d,m;t.parameters={...t.parameters,docs:{...(c=t.parameters)==null?void 0:c.docs,source:{originalSource:`{ +}`,...(c=(l=n.parameters)==null?void 0:l.docs)==null?void 0:c.source}}};var p,d,m;t.parameters={...t.parameters,docs:{...(p=t.parameters)==null?void 0:p.docs,source:{originalSource:`{ decorators: [Story => <> ] -}`,...(m=(d=t.parameters)==null?void 0:d.docs)==null?void 0:m.source}}};var k,h,g;a.parameters={...a.parameters,docs:{...(k=a.parameters)==null?void 0:k.docs,source:{originalSource:`{ +}`,...(m=(d=t.parameters)==null?void 0:d.docs)==null?void 0:m.source}}};var h,k,g;a.parameters={...a.parameters,docs:{...(h=a.parameters)==null?void 0:h.docs,source:{originalSource:`{ render: () => <> Direct naar inhoud Direct naar contactgegevens -}`,...(g=(h=a.parameters)==null?void 0:h.docs)==null?void 0:g.source}}};const _=["Default","OnFocus","MultipleLinks"],N=Object.freeze(Object.defineProperty({__proto__:null,Default:n,MultipleLinks:a,OnFocus:t,__namedExportsOrder:_,default:L},Symbol.toStringTag,{value:"Module"}));export{a as M,t as O,N as S}; +}`,...(g=(k=a.parameters)==null?void 0:k.docs)==null?void 0:g.source}}};const _=["Default","OnFocus","MultipleLinks"],N=Object.freeze(Object.defineProperty({__proto__:null,Default:n,MultipleLinks:a,OnFocus:t,__namedExportsOrder:_,default:L},Symbol.toStringTag,{value:"Module"}));export{a as M,t as O,N as S}; diff --git a/demo-develop/assets/Spotlight-BnYY0WBj.js b/demo-develop/assets/Spotlight-BnYY0WBj.js deleted file mode 100644 index c684e37161..0000000000 --- a/demo-develop/assets/Spotlight-BnYY0WBj.js +++ /dev/null @@ -1 +0,0 @@ -import{j as u}from"./jsx-runtime-Nms4Y4qS.js";import{c as i}from"./clsx-B-dksMZM.js";import{r as p}from"./index-BwDkhjyp.js";const e=p.forwardRef(({children:a,className:l,as:r="div",color:t="dark-blue",...o},s)=>u.jsx(r,{...o,ref:s,className:i("ams-spotlight",`ams-spotlight--${t}`,l),children:a}));e.displayName="Spotlight";try{e.displayName="Spotlight",e.__docgenInfo={description:"",displayName:"Spotlight",props:{as:{defaultValue:null,description:"",name:"as",required:!1,type:{name:"enum",value:[{value:'"article"'},{value:'"div"'},{value:'"section"'},{value:'"aside"'},{value:'"footer"'}]}},color:{defaultValue:{value:"dark-blue"},description:"",name:"color",required:!1,type:{name:"enum",value:[{value:'"blue"'},{value:'"dark-blue"'},{value:'"dark-green"'},{value:'"green"'},{value:'"magenta"'},{value:'"orange"'},{value:'"purple"'},{value:'"yellow"'}]}}}}}catch{}export{e as S}; diff --git a/demo-develop/assets/Spotlight-DLLZALiQ.js b/demo-develop/assets/Spotlight-DLLZALiQ.js new file mode 100644 index 0000000000..4ae0655622 --- /dev/null +++ b/demo-develop/assets/Spotlight-DLLZALiQ.js @@ -0,0 +1 @@ +import{j as s}from"./jsx-runtime-Nms4Y4qS.js";import{c as i}from"./clsx-B-dksMZM.js";import{r as p}from"./index-BwDkhjyp.js";const e=p.forwardRef(({children:a,className:l,as:r="div",color:o="dark-blue",...t},u)=>s.jsx(r,{...t,ref:u,className:i("ams-spotlight",`ams-spotlight--${o}`,l),children:a}));e.displayName="Spotlight";try{e.displayName="Spotlight",e.__docgenInfo={description:"",displayName:"Spotlight",props:{as:{defaultValue:null,description:"The HTML element to use.",name:"as",required:!1,type:{name:"enum",value:[{value:'"article"'},{value:'"div"'},{value:'"section"'},{value:'"aside"'},{value:'"footer"'}]}},color:{defaultValue:{value:"dark-blue"},description:"The background colour.",name:"color",required:!1,type:{name:"enum",value:[{value:'"blue"'},{value:'"dark-blue"'},{value:'"dark-green"'},{value:'"green"'},{value:'"magenta"'},{value:'"orange"'},{value:'"purple"'},{value:'"yellow"'}]}}}}}catch{}export{e as S}; diff --git a/demo-develop/assets/Spotlight.docs-CDAXfhZJ.js b/demo-develop/assets/Spotlight.docs-UjqHWuqI.js similarity index 87% rename from demo-develop/assets/Spotlight.docs-CDAXfhZJ.js rename to demo-develop/assets/Spotlight.docs-UjqHWuqI.js index 46d4443c6d..0592c4d3ff 100644 --- a/demo-develop/assets/Spotlight.docs-CDAXfhZJ.js +++ b/demo-develop/assets/Spotlight.docs-UjqHWuqI.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as s}from"./index-DlpNa54Y.js";import{M as a,d as i,P as l,e as c,f as t}from"./index-DanlQ17N.js";import{S as m,B as d,D as h,a as p,G as u,M as x,O as j,P as f,Y as g,C as w}from"./Spotlight.stories-BqqMQCLA.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-C2MGObLX.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";import"./exampleContent-CRK3_7Hv.js";import"./Spotlight-BnYY0WBj.js";import"./clsx-B-dksMZM.js";import"./Grid-qe23dp1l.js";import"./Blockquote-BYbejEe0.js";const C=` +import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as s}from"./index-DlpNa54Y.js";import{M as a,d as i,P as l,e as c,f as t}from"./index-C1H0KNfC.js";import{S as m,B as d,D as h,a as p,G as u,M as x,O as j,P as f,Y as g,C as w}from"./Spotlight.stories-DmatKCqa.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-CjTW3GMG.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";import"./exampleContent-CRK3_7Hv.js";import"./Spotlight-DLLZALiQ.js";import"./clsx-B-dksMZM.js";import"./Grid-CwB6HQaq.js";import"./Blockquote-XJcoMbef.js";const C=` # Spotlight diff --git a/demo-develop/assets/Spotlight.stories-BqqMQCLA.js b/demo-develop/assets/Spotlight.stories-DmatKCqa.js similarity index 94% rename from demo-develop/assets/Spotlight.stories-BqqMQCLA.js rename to demo-develop/assets/Spotlight.stories-DmatKCqa.js index 0a01a6ac41..2e994c1916 100644 --- a/demo-develop/assets/Spotlight.stories-BqqMQCLA.js +++ b/demo-develop/assets/Spotlight.stories-DmatKCqa.js @@ -1,4 +1,4 @@ -import{j as p}from"./jsx-runtime-Nms4Y4qS.js";import{e as I}from"./exampleContent-CRK3_7Hv.js";import{S as d}from"./Spotlight-BnYY0WBj.js";import{G as g}from"./Grid-qe23dp1l.js";import{B as J}from"./Blockquote-BYbejEe0.js";const K=I(),L={title:"Components/Containers/Spotlight",component:d,render:({as:H,color:u})=>p.jsx(d,{as:H,color:u,children:p.jsx(g,{paddingVertical:"medium",children:p.jsx(g.Cell,{span:"all",children:p.jsx(J,{inverseColor:!u||!["green","yellow"].includes(u),children:K})})})})},r={},e={args:{color:"blue"}},a={args:{color:"dark-blue"}},o={args:{color:"dark-green"}},s={args:{color:"green"}},c={args:{color:"magenta"}},n={args:{color:"orange"}},t={args:{color:"purple"}},l={args:{color:"yellow"}},m={args:{as:"section"}};var i,S,f;r.parameters={...r.parameters,docs:{...(i=r.parameters)==null?void 0:i.docs,source:{originalSource:"{}",...(f=(S=r.parameters)==null?void 0:S.docs)==null?void 0:f.source}}};var k,x,j;e.parameters={...e.parameters,docs:{...(k=e.parameters)==null?void 0:k.docs,source:{originalSource:`{ +import{j as p}from"./jsx-runtime-Nms4Y4qS.js";import{e as I}from"./exampleContent-CRK3_7Hv.js";import{S as d}from"./Spotlight-DLLZALiQ.js";import{G as g}from"./Grid-CwB6HQaq.js";import{B as J}from"./Blockquote-XJcoMbef.js";const K=I(),L={title:"Components/Containers/Spotlight",component:d,render:({as:H,color:u})=>p.jsx(d,{as:H,color:u,children:p.jsx(g,{paddingVertical:"medium",children:p.jsx(g.Cell,{span:"all",children:p.jsx(J,{inverseColor:!u||!["green","yellow"].includes(u),children:K})})})})},r={},e={args:{color:"blue"}},a={args:{color:"dark-blue"}},o={args:{color:"dark-green"}},s={args:{color:"green"}},c={args:{color:"magenta"}},n={args:{color:"orange"}},t={args:{color:"purple"}},l={args:{color:"yellow"}},m={args:{as:"section"}};var i,S,f;r.parameters={...r.parameters,docs:{...(i=r.parameters)==null?void 0:i.docs,source:{originalSource:"{}",...(f=(S=r.parameters)==null?void 0:S.docs)==null?void 0:f.source}}};var k,x,j;e.parameters={...e.parameters,docs:{...(k=e.parameters)==null?void 0:k.docs,source:{originalSource:`{ args: { color: 'blue' } diff --git a/demo-develop/assets/Switch.docs-D-peYEhi.js b/demo-develop/assets/Switch.docs-D4BKXAOC.js similarity index 91% rename from demo-develop/assets/Switch.docs-D-peYEhi.js rename to demo-develop/assets/Switch.docs-D4BKXAOC.js index 5520a709be..5e30d4ec47 100644 --- a/demo-develop/assets/Switch.docs-D-peYEhi.js +++ b/demo-develop/assets/Switch.docs-D4BKXAOC.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as o}from"./index-DlpNa54Y.js";import{M as i,d as a,P as r,e as c,f as l}from"./index-DanlQ17N.js";import{S as h,W as m}from"./Switch.stories-CRdSsY2n.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-C2MGObLX.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";import"./clsx-B-dksMZM.js";import"./Label-7rbJKFpg.js";const d=` +import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as o}from"./index-DlpNa54Y.js";import{M as i,d as a,P as r,e as c,f as l}from"./index-C1H0KNfC.js";import{S as h,W as m}from"./Switch.stories-DQ5QwFM2.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-CjTW3GMG.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";import"./clsx-B-dksMZM.js";import"./Label-7rbJKFpg.js";const d=` # Switch diff --git a/demo-develop/assets/Switch.stories-CRdSsY2n.js b/demo-develop/assets/Switch.stories-CRdSsY2n.js deleted file mode 100644 index 3f64992dd7..0000000000 --- a/demo-develop/assets/Switch.stories-CRdSsY2n.js +++ /dev/null @@ -1,25 +0,0 @@ -import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{c as b}from"./clsx-B-dksMZM.js";import{r as i}from"./index-BwDkhjyp.js";import{L as w}from"./Label-7rbJKFpg.js";const s=i.forwardRef(({className:t,id:r,...a},c)=>{const o=r||i.useId();return e.jsxs("div",{className:b("ams-switch",t),children:[e.jsx("input",{...a,className:"ams-switch__input",id:o,ref:c,type:"checkbox",role:"switch"}),e.jsx("label",{className:"ams-switch__label",htmlFor:o})]})});s.displayName="Switch";try{s.displayName="Switch",s.__docgenInfo={description:"",displayName:"Switch",props:{}}}catch{}const{useArgs:_}=__STORYBOOK_MODULE_PREVIEW_API__,f={title:"Components/Forms/Switch",component:s,args:{checked:!1,disabled:!1},argTypes:{onChange:{action:"clicked",table:{disable:!0}}},render:t=>{const[,r]=_(),a=c=>{r({checked:c.target.checked})};return e.jsx(s,{onClick:a,...t})}},n={args:{"aria-label":"Default"}},l={decorators:[t=>e.jsx("div",{style:{display:"flex",alignItems:"center",gap:"5rem"},children:e.jsx(t,{})})],render:t=>{const[,r]=_(),a=c=>{r({checked:c.target.checked})};return e.jsxs(e.Fragment,{children:[e.jsx(w,{htmlFor:"switch-with-label",children:"Label"}),e.jsx(s,{onClick:a,...t,id:"switch-with-label"})]})}};var d,h,m;n.parameters={...n.parameters,docs:{...(d=n.parameters)==null?void 0:d.docs,source:{originalSource:`{ - args: { - 'aria-label': 'Default' - } -}`,...(m=(h=n.parameters)==null?void 0:h.docs)==null?void 0:m.source}}};var p,g,u;l.parameters={...l.parameters,docs:{...(p=l.parameters)==null?void 0:p.docs,source:{originalSource:`{ - decorators: [Story =>
    - -
    ], - render: args => { - const [, setArgs] = useArgs(); - const handleClick = (event: any) => { - setArgs({ - checked: event.target.checked - }); - }; - return <> - - - ; - } -}`,...(u=(g=l.parameters)==null?void 0:g.docs)==null?void 0:u.source}}};const x=["Default","WithLabel"],C=Object.freeze(Object.defineProperty({__proto__:null,Default:n,WithLabel:l,__namedExportsOrder:x,default:f},Symbol.toStringTag,{value:"Module"}));export{C as S,l as W}; diff --git a/demo-develop/assets/Switch.stories-DQ5QwFM2.js b/demo-develop/assets/Switch.stories-DQ5QwFM2.js new file mode 100644 index 0000000000..6da867d87d --- /dev/null +++ b/demo-develop/assets/Switch.stories-DQ5QwFM2.js @@ -0,0 +1,25 @@ +import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{c as _}from"./clsx-B-dksMZM.js";import{r as l}from"./index-BwDkhjyp.js";import{L as w}from"./Label-7rbJKFpg.js";const s=l.forwardRef(({className:t,id:r,...a},c)=>{const o=r||l.useId();return e.jsxs("div",{className:_("ams-switch",t),children:[e.jsx("input",{...a,className:"ams-switch__input",id:o,ref:c,type:"checkbox",role:"switch"}),e.jsx("label",{className:"ams-switch__label",htmlFor:o})]})});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:{"aria-label":{description:"Describes the control."},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(),a=c=>{r({checked:c.target.checked})};return e.jsx(s,{onClick:a,...t})}},n={args:{"aria-label":"Default"}},i={decorators:[t=>e.jsx("div",{style:{display:"flex",alignItems:"center",gap:"5rem"},children:e.jsx(t,{})})],render:t=>{const[,r]=u(),a=c=>{r({checked:c.target.checked})};return e.jsxs(e.Fragment,{children:[e.jsx(w,{htmlFor:"switch-with-label",children:"Label"}),e.jsx(s,{onClick:a,...t,id:"switch-with-label"})]})}};var d,h,p;n.parameters={...n.parameters,docs:{...(d=n.parameters)==null?void 0:d.docs,source:{originalSource:`{ + args: { + 'aria-label': 'Default' + } +}`,...(p=(h=n.parameters)==null?void 0:h.docs)==null?void 0:p.source}}};var m,g,b;i.parameters={...i.parameters,docs:{...(m=i.parameters)==null?void 0:m.docs,source:{originalSource:`{ + decorators: [Story =>
    + +
    ], + render: args => { + const [, setArgs] = useArgs(); + const handleClick = (event: any) => { + setArgs({ + checked: event.target.checked + }); + }; + return <> + + + ; + } +}`,...(b=(g=i.parameters)==null?void 0:g.docs)==null?void 0:b.source}}};const k=["Default","WithLabel"],v=Object.freeze(Object.defineProperty({__proto__:null,Default:n,WithLabel:i,__namedExportsOrder:k,default:f},Symbol.toStringTag,{value:"Module"}));export{v as S,i as W}; diff --git a/demo-develop/assets/Table.docs-BYlXKtoK.js b/demo-develop/assets/Table.docs-Ls6pGots.js similarity index 92% rename from demo-develop/assets/Table.docs-BYlXKtoK.js rename to demo-develop/assets/Table.docs-Ls6pGots.js index aaefe2de7a..4791df68ce 100644 --- a/demo-develop/assets/Table.docs-BYlXKtoK.js +++ b/demo-develop/assets/Table.docs-Ls6pGots.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as s}from"./index-DlpNa54Y.js";import{M as r,d as a,P as i,f as d}from"./index-DanlQ17N.js";import{T as m,W as l}from"./Table.stories-BkAm1jts.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-C2MGObLX.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";import"./clsx-B-dksMZM.js";const c=` +import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as s}from"./index-DlpNa54Y.js";import{M as r,d as a,P as i,f as d}from"./index-C1H0KNfC.js";import{T as m,W as l}from"./Table.stories-BkAm1jts.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-CjTW3GMG.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";import"./clsx-B-dksMZM.js";const c=` # Table diff --git a/demo-develop/assets/Tabs.docs-BSRFpsWL.js b/demo-develop/assets/Tabs.docs-C4SU_-cF.js similarity index 87% rename from demo-develop/assets/Tabs.docs-BSRFpsWL.js rename to demo-develop/assets/Tabs.docs-C4SU_-cF.js index f4df6d7184..5ebb43ced6 100644 --- a/demo-develop/assets/Tabs.docs-BSRFpsWL.js +++ b/demo-develop/assets/Tabs.docs-C4SU_-cF.js @@ -1,4 +1,4 @@ -import{j as t}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as a}from"./index-DlpNa54Y.js";import{M as s,d as i,P as r,f as h}from"./index-DanlQ17N.js";import{T as c,a as m}from"./Tabs.stories-naNrDYyu.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-C2MGObLX.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";import"./exampleContent-CRK3_7Hv.js";import"./clsx-B-dksMZM.js";import"./useKeyboardFocus-CRUFsA_C.js";import"./Heading-mbayTkiK.js";import"./getHeadingElement-DiRwFEz7.js";import"./Paragraph-B6eM4Eli.js";const p=` +import{j as t}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as a}from"./index-DlpNa54Y.js";import{M as s,d as i,P as r,f as h}from"./index-C1H0KNfC.js";import{T as c,a as m}from"./Tabs.stories-c3BMugtl.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-CjTW3GMG.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";import"./exampleContent-CRK3_7Hv.js";import"./clsx-B-dksMZM.js";import"./useKeyboardFocus-CRUFsA_C.js";import"./Heading-CWbN3elW.js";import"./getHeadingElement-DiRwFEz7.js";import"./Paragraph-C4jU4-Z4.js";const p=` # Tabs diff --git a/demo-develop/assets/Tabs.stories-c3BMugtl.js b/demo-develop/assets/Tabs.stories-c3BMugtl.js new file mode 100644 index 0000000000..3d4ae8f016 --- /dev/null +++ b/demo-develop/assets/Tabs.stories-c3BMugtl.js @@ -0,0 +1,66 @@ +import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{a as g}from"./exampleContent-CRK3_7Hv.js";import{c as T}from"./clsx-B-dksMZM.js";import{r as s}from"./index-BwDkhjyp.js";import{u as H}from"./useKeyboardFocus-CRUFsA_C.js";import{H as m}from"./Heading-CWbN3elW.js";import{P as u}from"./Paragraph-C4jU4-Z4.js";/** + * @license EUPL-1.2+ + * Copyright Gemeente Amsterdam + */const R={activeTab:0,tabsId:"",updateTab:()=>{}},h=s.createContext(R),j=s.forwardRef(({children:a,className:t,tab:r=0,...o},c)=>{const{activeTab:l,updateTab:i,tabsId:d}=s.useContext(h);return e.jsx("button",{...o,role:"tab",id:`${d}-tab-${r}`,"aria-controls":`${d}-panel-${r}`,"aria-selected":l===r,tabIndex:l===r?0:-1,ref:c,onClick:()=>{s.startTransition(()=>{i(r)})},className:T("ams-tabs__button",t),children:a})});j.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 B=s.forwardRef(({children:a,className:t,...r},o)=>e.jsx("div",{...r,role:"tablist",ref:o,className:T("ams-tabs__list",t),children:a}));B.displayName="Tabs.List";try{Tabs.List.displayName="Tabs.List",Tabs.List.__docgenInfo={description:"",displayName:"Tabs.List",props:{}}}catch{}const N=s.forwardRef(({tab:a,children:t,className:r,...o},c)=>{const{activeTab:l,tabsId:i}=s.useContext(h);return a!==l?null:e.jsx("div",{...o,role:"tabpanel","aria-labelledby":`${i}-tab-${a}`,id:`${i}-panel-${a}`,tabIndex:0,ref:c,className:T("ams-tabs__panel",r),children:t})});N.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 I=s.forwardRef(({children:a,className:t,...r},o)=>{const c=s.useId(),[l,i]=s.useState(0),d=s.useRef(null),A=w=>{i(w)};s.useImperativeHandle(o,()=>d.current);const{keyDown:L}=H(d,{rotating:!0,horizontally:!0});return e.jsx(h.Provider,{value:{activeTab:l,updateTab:A,tabsId:c},children:e.jsx("div",{...r,role:"tabs",ref:d,onKeyDown:L,className:T("ams-tabs",t),children:a})})});I.displayName="Tabs";const n=Object.assign(I,{Button:j,List:B,Panel:N});try{n.displayName="Tabs",n.__docgenInfo={description:"",displayName:"Tabs",props:{}}}catch{}const S=({children:a})=>{console.log("[ARTIFICIALLY SLOW] Adding a 1000ms delay");let t=performance.now();for(;performance.now()-t<1e3;);return a},$={title:"Components/Containers/Tabs",component:n};n.Button;const b={args:{children:[e.jsxs(n.List,{children:[e.jsx(n.Button,{tab:0,children:"Gegevens"}),e.jsx(n.Button,{tab:1,children:"Aanslagen"}),e.jsx(n.Button,{tab:2,children:"Documenten"}),e.jsx(n.Button,{tab:3,children:"Acties"})]},0),e.jsx(n.Panel,{tab:0,children:e.jsxs("div",{style:{paddingTop:"2rem"},children:[e.jsx(m,{level:3,children:"Gegevens"}),e.jsx(u,{children:g()})]})},1),e.jsx(n.Panel,{tab:1,children:e.jsxs("div",{style:{paddingTop:"2rem"},children:[e.jsx(m,{level:3,children:"Aanslagen"}),e.jsx(u,{children:g()})]})},2),e.jsx(n.Panel,{tab:2,children:e.jsxs("div",{style:{paddingTop:"2rem"},children:[e.jsx(m,{level:3,children:"Documenten"}),e.jsx(u,{children:"(This tab panel simulates a load time of 500 milliseconds.)"}),e.jsx(S,{})]})},3),e.jsx(n.Panel,{tab:3,children:e.jsxs("div",{style:{paddingTop:"2rem"},children:[e.jsx(m,{level:3,children:"Acties"}),e.jsx(u,{children:g()})]})},4)]}},p={args:{children:"Gegevens",tab:0,disabled:!1},argTypes:{children:{table:{disable:!1}},tab:{control:{type:"number",min:0,max:9}}},render:({children:a,...t})=>e.jsx(n.Button,{...t,children:a})};var x,y,_;b.parameters={...b.parameters,docs:{...(x=b.parameters)==null?void 0:x.docs,source:{originalSource:`{ + args: { + children: [ + Gegevens + Aanslagen + Documenten + Acties + , +
    + Gegevens + {exampleParagraph()} +
    +     , +
    + Aanslagen + {exampleParagraph()} +
    +     , +
    + Documenten + (This tab panel simulates a load time of 500 milliseconds.) + +
    +     , +
    + Acties + {exampleParagraph()} +
    +     ] + } +}`,...(_=(y=b.parameters)==null?void 0:y.docs)==null?void 0:_.source}}};var f,v,P;p.parameters={...p.parameters,docs:{...(f=p.parameters)==null?void 0:f.docs,source:{originalSource:`{ + args: { + children: 'Gegevens', + tab: 0, + disabled: false + }, + argTypes: { + children: { + table: { + disable: false + } + }, + tab: { + control: { + type: 'number', + min: 0, + max: 9 + } + } + }, + render: ({ + children, + ...args + }) => {children} +}`,...(P=(v=p.parameters)==null?void 0:v.docs)==null?void 0:P.source}}};const C=["Default","Tab"],z=Object.freeze(Object.defineProperty({__proto__:null,Default:b,Tab:p,__namedExportsOrder:C,default:$},Symbol.toStringTag,{value:"Module"}));export{z as T,p as a}; diff --git a/demo-develop/assets/Tabs.stories-naNrDYyu.js b/demo-develop/assets/Tabs.stories-naNrDYyu.js deleted file mode 100644 index cb2d0afa1e..0000000000 --- a/demo-develop/assets/Tabs.stories-naNrDYyu.js +++ /dev/null @@ -1,66 +0,0 @@ -import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{a as g}from"./exampleContent-CRK3_7Hv.js";import{c as T}from"./clsx-B-dksMZM.js";import{r as s}from"./index-BwDkhjyp.js";import{u as H}from"./useKeyboardFocus-CRUFsA_C.js";import{H as m}from"./Heading-mbayTkiK.js";import{P as u}from"./Paragraph-B6eM4Eli.js";/** - * @license EUPL-1.2+ - * Copyright Gemeente Amsterdam - */const R={activeTab:0,updateTab:()=>{},tabsId:""},h=s.createContext(R),j=s.forwardRef(({children:a,className:t,tab:r=0,...o},c)=>{const{activeTab:l,updateTab:i,tabsId:d}=s.useContext(h);return e.jsx("button",{...o,role:"tab",id:`${d}-tab-${r}`,"aria-controls":`${d}-panel-${r}`,"aria-selected":l===r,tabIndex:l===r?0:-1,ref:c,onClick:()=>{s.startTransition(()=>{i(r)})},className:T("ams-tabs__button",t),children:a})});j.displayName="Tabs.Button";try{Tabs.Button.displayName="Tabs.Button",Tabs.Button.__docgenInfo={description:"",displayName:"Tabs.Button",props:{tab:{defaultValue:{value:"0"},description:"",name:"tab",required:!1,type:{name:"number"}}}}}catch{}const B=s.forwardRef(({children:a,className:t,...r},o)=>e.jsx("div",{...r,role:"tablist",ref:o,className:T("ams-tabs__list",t),children:a}));B.displayName="Tabs.List";try{Tabs.List.displayName="Tabs.List",Tabs.List.__docgenInfo={description:"",displayName:"Tabs.List",props:{}}}catch{}const N=s.forwardRef(({tab:a,children:t,className:r,...o},c)=>{const{activeTab:l,tabsId:i}=s.useContext(h);return a!==l?null:e.jsx("div",{...o,role:"tabpanel","aria-labelledby":`${i}-tab-${a}`,id:`${i}-panel-${a}`,tabIndex:0,ref:c,className:T("ams-tabs__panel",r),children:t})});N.displayName="Tabs.Panel";try{Tabs.Panel.displayName="Tabs.Panel",Tabs.Panel.__docgenInfo={description:"",displayName:"Tabs.Panel",props:{tab:{defaultValue:null,description:"",name:"tab",required:!0,type:{name:"number"}}}}}catch{}const I=s.forwardRef(({children:a,className:t,...r},o)=>{const c=s.useId(),[l,i]=s.useState(0),d=s.useRef(null),L=w=>{i(w)};s.useImperativeHandle(o,()=>d.current);const{keyDown:A}=H(d,{rotating:!0,horizontally:!0});return e.jsx(h.Provider,{value:{activeTab:l,updateTab:L,tabsId:c},children:e.jsx("div",{...r,role:"tabs",ref:d,onKeyDown:A,className:T("ams-tabs",t),children:a})})});I.displayName="Tabs";const n=Object.assign(I,{Button:j,List:B,Panel:N});try{n.displayName="Tabs",n.__docgenInfo={description:"",displayName:"Tabs",props:{}}}catch{}const S=({children:a})=>{console.log("[ARTIFICIALLY SLOW] Adding a 1000ms delay");let t=performance.now();for(;performance.now()-t<1e3;);return a},$={title:"Components/Containers/Tabs",component:n};n.Button;const b={args:{children:[e.jsxs(n.List,{children:[e.jsx(n.Button,{tab:0,children:"Gegevens"}),e.jsx(n.Button,{tab:1,children:"Aanslagen"}),e.jsx(n.Button,{tab:2,children:"Documenten"}),e.jsx(n.Button,{tab:3,children:"Acties"})]},0),e.jsx(n.Panel,{tab:0,children:e.jsxs("div",{style:{paddingTop:"2rem"},children:[e.jsx(m,{level:3,children:"Gegevens"}),e.jsx(u,{children:g()})]})},1),e.jsx(n.Panel,{tab:1,children:e.jsxs("div",{style:{paddingTop:"2rem"},children:[e.jsx(m,{level:3,children:"Aanslagen"}),e.jsx(u,{children:g()})]})},2),e.jsx(n.Panel,{tab:2,children:e.jsxs("div",{style:{paddingTop:"2rem"},children:[e.jsx(m,{level:3,children:"Documenten"}),e.jsx(u,{children:"(This tab panel simulates a load time of 500 milliseconds.)"}),e.jsx(S,{})]})},3),e.jsx(n.Panel,{tab:3,children:e.jsxs("div",{style:{paddingTop:"2rem"},children:[e.jsx(m,{level:3,children:"Acties"}),e.jsx(u,{children:g()})]})},4)]}},p={args:{children:"Gegevens",tab:0,disabled:!1},argTypes:{children:{table:{disable:!1}},tab:{control:{type:"number",min:0,max:9}}},render:({children:a,...t})=>e.jsx(n.Button,{...t,children:a})};var x,y,_;b.parameters={...b.parameters,docs:{...(x=b.parameters)==null?void 0:x.docs,source:{originalSource:`{ - args: { - children: [ - Gegevens - Aanslagen - Documenten - Acties - , -
    - Gegevens - {exampleParagraph()} -
    -     , -
    - Aanslagen - {exampleParagraph()} -
    -     , -
    - Documenten - (This tab panel simulates a load time of 500 milliseconds.) - -
    -     , -
    - Acties - {exampleParagraph()} -
    -     ] - } -}`,...(_=(y=b.parameters)==null?void 0:y.docs)==null?void 0:_.source}}};var f,v,P;p.parameters={...p.parameters,docs:{...(f=p.parameters)==null?void 0:f.docs,source:{originalSource:`{ - args: { - children: 'Gegevens', - tab: 0, - disabled: false - }, - argTypes: { - children: { - table: { - disable: false - } - }, - tab: { - control: { - type: 'number', - min: 0, - max: 9 - } - } - }, - render: ({ - children, - ...args - }) => {children} -}`,...(P=(v=p.parameters)==null?void 0:v.docs)==null?void 0:P.source}}};const C=["Default","Tab"],z=Object.freeze(Object.defineProperty({__proto__:null,Default:b,Tab:p,__namedExportsOrder:C,default:$},Symbol.toStringTag,{value:"Module"}));export{z as T,p as a}; diff --git a/demo-develop/assets/TextArea.docs-BdGx5hZZ.js b/demo-develop/assets/TextArea.docs-Dw-nDCeO.js similarity index 90% rename from demo-develop/assets/TextArea.docs-BdGx5hZZ.js rename to demo-develop/assets/TextArea.docs-Dw-nDCeO.js index 686c26bb4f..8be499fc62 100644 --- a/demo-develop/assets/TextArea.docs-BdGx5hZZ.js +++ b/demo-develop/assets/TextArea.docs-Dw-nDCeO.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as o}from"./index-DlpNa54Y.js";import{M as r,d as a,P as l,e as h,f as s}from"./index-DanlQ17N.js";import{T as m,V as d,H as c,N as x,I as p,D as f}from"./TextArea.stories-DCKsdM3h.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-C2MGObLX.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";import"./exampleContent-CRK3_7Hv.js";import"./clsx-B-dksMZM.js";const u=` +import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as o}from"./index-DlpNa54Y.js";import{M as r,d as a,P as l,e as h,f as s}from"./index-C1H0KNfC.js";import{T as m,V as d,H as c,N as x,I as p,D as f}from"./TextArea.stories-LuZ9sHcS.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-CjTW3GMG.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";import"./exampleContent-CRK3_7Hv.js";import"./clsx-B-dksMZM.js";const u=` # TextArea diff --git a/demo-develop/assets/TextArea.stories-DCKsdM3h.js b/demo-develop/assets/TextArea.stories-DCKsdM3h.js deleted file mode 100644 index 0a59816061..0000000000 --- a/demo-develop/assets/TextArea.stories-DCKsdM3h.js +++ /dev/null @@ -1,22 +0,0 @@ -import{j as p}from"./jsx-runtime-Nms4Y4qS.js";import{a as E}from"./exampleContent-CRK3_7Hv.js";import{c as I}from"./clsx-B-dksMZM.js";import{r as V}from"./index-BwDkhjyp.js";const n=V.forwardRef(({className:c,resize:i,...l},d)=>p.jsx("textarea",{...l,ref:d,className:I("ams-text-area",i&&`ams-text-area--resize-${i}`,l.cols&&"ams-text-area--cols",c)}));n.displayName="TextArea";try{n.displayName="TextArea",n.__docgenInfo={description:"",displayName:"TextArea",props:{resize:{defaultValue:null,description:"",name:"resize",required:!1,type:{name:"enum",value:[{value:'"none"'},{value:'"horizontal"'},{value:'"vertical"'}]}}}}}catch{}const{useArgs:C}=__STORYBOOK_MODULE_PREVIEW_API__,H=E(),P={title:"Components/Forms/Text Area",component:n,args:{value:H,disabled:!1},argTypes:{resize:{control:{type:"radio",labels:{undefined:"default",none:"none",horizontal:"horizontal",vertical:"vertical"}},options:[void 0,"none","horizontal","vertical"]},cols:{control:{type:"number"}},rows:{control:{type:"number"}}},render:({invalid:c,...i})=>{const[,l]=C(),d=D=>{l({value:D.target.value})};return p.jsx("form",{children:p.jsx(n,{required:c,onChange:d,...i})})}},e={},r={args:{resize:"vertical"}},a={args:{resize:"horizontal"}},s={args:{resize:"none"}},o={args:{value:"",invalid:!0}},t={args:{disabled:!0}};var m,u,g;e.parameters={...e.parameters,docs:{...(m=e.parameters)==null?void 0:m.docs,source:{originalSource:"{}",...(g=(u=e.parameters)==null?void 0:u.docs)==null?void 0:g.source}}};var z,v,_;r.parameters={...r.parameters,docs:{...(z=r.parameters)==null?void 0:z.docs,source:{originalSource:`{ - args: { - resize: 'vertical' - } -}`,...(_=(v=r.parameters)==null?void 0:v.docs)==null?void 0:_.source}}};var x,f,h;a.parameters={...a.parameters,docs:{...(x=a.parameters)==null?void 0:x.docs,source:{originalSource:`{ - args: { - resize: 'horizontal' - } -}`,...(h=(f=a.parameters)==null?void 0:f.docs)==null?void 0:h.source}}};var y,b,R;s.parameters={...s.parameters,docs:{...(y=s.parameters)==null?void 0:y.docs,source:{originalSource:`{ - args: { - resize: 'none' - } -}`,...(R=(b=s.parameters)==null?void 0:b.docs)==null?void 0:R.source}}};var S,T,A;o.parameters={...o.parameters,docs:{...(S=o.parameters)==null?void 0:S.docs,source:{originalSource:`{ - args: { - value: '', - invalid: true - } -}`,...(A=(T=o.parameters)==null?void 0:T.docs)==null?void 0:A.source}}};var j,N,O;t.parameters={...t.parameters,docs:{...(j=t.parameters)==null?void 0:j.docs,source:{originalSource:`{ - args: { - disabled: true - } -}`,...(O=(N=t.parameters)==null?void 0:N.docs)==null?void 0:O.source}}};const q=["Default","VerticalResize","HorizontalResize","NoResize","Invalid","Disabled"],K=Object.freeze(Object.defineProperty({__proto__:null,Default:e,Disabled:t,HorizontalResize:a,Invalid:o,NoResize:s,VerticalResize:r,__namedExportsOrder:q,default:P},Symbol.toStringTag,{value:"Module"}));export{t as D,a as H,o as I,s as N,K as T,r as V}; diff --git a/demo-develop/assets/TextArea.stories-LuZ9sHcS.js b/demo-develop/assets/TextArea.stories-LuZ9sHcS.js new file mode 100644 index 0000000000..b2afebbc55 --- /dev/null +++ b/demo-develop/assets/TextArea.stories-LuZ9sHcS.js @@ -0,0 +1,22 @@ +import{j as p}from"./jsx-runtime-Nms4Y4qS.js";import{a as E}from"./exampleContent-CRK3_7Hv.js";import{c as I}from"./clsx-B-dksMZM.js";import{r as w}from"./index-BwDkhjyp.js";const n=w.forwardRef(({className:i,resize:c,...l},d)=>p.jsx("textarea",{...l,ref:d,className:I("ams-text-area",c&&`ams-text-area--resize-${c}`,l.cols&&"ams-text-area--cols",i)}));n.displayName="TextArea";try{n.displayName="TextArea",n.__docgenInfo={description:"",displayName:"TextArea",props:{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{useArgs:V}=__STORYBOOK_MODULE_PREVIEW_API__,P=E(),C={title:"Components/Forms/Text Area",component:n,args:{value:P,disabled:!1},argTypes:{cols:{control:{type:"number"},description:"The width, expressed in the average number of characters."},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"},value:{description:"The value of the field."}},render:({invalid:i,...c})=>{const[,l]=V(),d=D=>{l({value:D.target.value})};return p.jsx("form",{children:p.jsx(n,{required:i,onChange:d,...c})})}},e={},r={args:{resize:"vertical"}},a={args:{resize:"horizontal"}},s={args:{resize:"none"}},o={args:{value:"",invalid:!0}},t={args:{disabled:!0}};var u,m,g;e.parameters={...e.parameters,docs:{...(u=e.parameters)==null?void 0:u.docs,source:{originalSource:"{}",...(g=(m=e.parameters)==null?void 0:m.docs)==null?void 0:g.source}}};var v,z,h;r.parameters={...r.parameters,docs:{...(v=r.parameters)==null?void 0:v.docs,source:{originalSource:`{ + args: { + resize: 'vertical' + } +}`,...(h=(z=r.parameters)==null?void 0:z.docs)==null?void 0:h.source}}};var f,x,_;a.parameters={...a.parameters,docs:{...(f=a.parameters)==null?void 0:f.docs,source:{originalSource:`{ + args: { + resize: 'horizontal' + } +}`,...(_=(x=a.parameters)==null?void 0:x.docs)==null?void 0:_.source}}};var b,T,y;s.parameters={...s.parameters,docs:{...(b=s.parameters)==null?void 0:b.docs,source:{originalSource:`{ + args: { + resize: 'none' + } +}`,...(y=(T=s.parameters)==null?void 0:T.docs)==null?void 0:y.source}}};var A,R,S;o.parameters={...o.parameters,docs:{...(A=o.parameters)==null?void 0:A.docs,source:{originalSource:`{ + args: { + value: '', + invalid: true + } +}`,...(S=(R=o.parameters)==null?void 0:R.docs)==null?void 0:S.source}}};var j,N,O;t.parameters={...t.parameters,docs:{...(j=t.parameters)==null?void 0:j.docs,source:{originalSource:`{ + args: { + disabled: true + } +}`,...(O=(N=t.parameters)==null?void 0:N.docs)==null?void 0:O.source}}};const H=["Default","VerticalResize","HorizontalResize","NoResize","Invalid","Disabled"],K=Object.freeze(Object.defineProperty({__proto__:null,Default:e,Disabled:t,HorizontalResize:a,Invalid:o,NoResize:s,VerticalResize:r,__namedExportsOrder:H,default:C},Symbol.toStringTag,{value:"Module"}));export{t as D,a as H,o as I,s as N,K as T,r as V}; diff --git a/demo-develop/assets/TextInput.docs-D3F5M1ZB.js b/demo-develop/assets/TextInput.docs-BTtFCEqT.js similarity index 92% rename from demo-develop/assets/TextInput.docs-D3F5M1ZB.js rename to demo-develop/assets/TextInput.docs-BTtFCEqT.js index f9a6ac28ca..0e8b3e8a7b 100644 --- a/demo-develop/assets/TextInput.docs-D3F5M1ZB.js +++ b/demo-develop/assets/TextInput.docs-BTtFCEqT.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as i}from"./index-DlpNa54Y.js";import{M as r,d as a,P as l,e as d,f as s}from"./index-DanlQ17N.js";import{T as p,P as h,I as c,D as m}from"./TextInput.stories-Co0gr1dn.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-C2MGObLX.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";import"./clsx-B-dksMZM.js";const u=` +import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as i}from"./index-DlpNa54Y.js";import{M as r,d as a,P as l,e as d,f as s}from"./index-C1H0KNfC.js";import{T as p,P as h,I as c,D as m}from"./TextInput.stories-PQXqXHCj.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-CjTW3GMG.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";import"./clsx-B-dksMZM.js";const u=` # Text Input diff --git a/demo-develop/assets/TextInput.stories-Co0gr1dn.js b/demo-develop/assets/TextInput.stories-Co0gr1dn.js deleted file mode 100644 index 0309d58cc1..0000000000 --- a/demo-develop/assets/TextInput.stories-Co0gr1dn.js +++ /dev/null @@ -1,13 +0,0 @@ -import{j as p}from"./jsx-runtime-Nms4Y4qS.js";import{c as y}from"./clsx-B-dksMZM.js";import{r as E}from"./index-BwDkhjyp.js";const o=E.forwardRef(({className:e,...n},c)=>p.jsx("input",{...n,className:y("ams-text-input",e),ref:c,type:"text"}));o.displayName="TextInput";try{o.displayName="TextInput",o.__docgenInfo={description:"",displayName:"TextInput",props:{}}}catch{}const{useArgs:S}=__STORYBOOK_MODULE_PREVIEW_API__,j={title:"Components/Forms/Text Input",component:o,args:{disabled:!1,invalid:!1,value:""},render:({invalid:e,...n})=>{const[,c]=S(),b=v=>{c({value:v.target.value})};return p.jsx("form",{children:p.jsx(o,{pattern:e?"[ž]":".*",required:e,onChange:b,...n})})}},r={},a={args:{placeholder:"E-mail"}},s={args:{invalid:!0}},t={args:{disabled:!0}};var d,l,i;r.parameters={...r.parameters,docs:{...(d=r.parameters)==null?void 0:d.docs,source:{originalSource:"{}",...(i=(l=r.parameters)==null?void 0:l.docs)==null?void 0:i.source}}};var m,u,_;a.parameters={...a.parameters,docs:{...(m=a.parameters)==null?void 0:m.docs,source:{originalSource:`{ - args: { - placeholder: 'E-mail' - } -}`,...(_=(u=a.parameters)==null?void 0:u.docs)==null?void 0:_.source}}};var g,x,f;s.parameters={...s.parameters,docs:{...(g=s.parameters)==null?void 0:g.docs,source:{originalSource:`{ - args: { - invalid: true - } -}`,...(f=(x=s.parameters)==null?void 0:x.docs)==null?void 0:f.source}}};var I,h,T;t.parameters={...t.parameters,docs:{...(I=t.parameters)==null?void 0:I.docs,source:{originalSource:`{ - args: { - disabled: true - } -}`,...(T=(h=t.parameters)==null?void 0:h.docs)==null?void 0:T.source}}};const O=["Default","Placeholder","Invalid","Disabled"],R=Object.freeze(Object.defineProperty({__proto__:null,Default:r,Disabled:t,Invalid:s,Placeholder:a,__namedExportsOrder:O,default:j},Symbol.toStringTag,{value:"Module"}));export{t as D,s as I,a as P,R as T}; diff --git a/demo-develop/assets/TextInput.stories-PQXqXHCj.js b/demo-develop/assets/TextInput.stories-PQXqXHCj.js new file mode 100644 index 0000000000..658daedf75 --- /dev/null +++ b/demo-develop/assets/TextInput.stories-PQXqXHCj.js @@ -0,0 +1,13 @@ +import{j as i}from"./jsx-runtime-Nms4Y4qS.js";import{c as y}from"./clsx-B-dksMZM.js";import{r as E}from"./index-BwDkhjyp.js";const o=E.forwardRef(({className:e,...n},c)=>i.jsx("input",{...n,className:y("ams-text-input",e),ref:c,type:"text"}));o.displayName="TextInput";try{o.displayName="TextInput",o.__docgenInfo={description:"",displayName:"TextInput",props:{}}}catch{}const{useArgs:S}=__STORYBOOK_MODULE_PREVIEW_API__,j={title:"Components/Forms/Text Input",component:o,args:{disabled:!1,invalid:!1,value:""},argTypes:{disabled:{description:"Prevents interaction. Avoid if possible."},invalid:{description:"Whether the value fails a validation rule."},value:{description:"The value of the field."}},render:({invalid:e,...n})=>{const[,c]=S(),T=b=>{c({value:b.target.value})};return i.jsx("form",{children:i.jsx(o,{pattern:e?"[ž]":".*",required:e,onChange:T,...n})})}},r={},a={args:{placeholder:"E-mail"}},s={args:{invalid:!0}},t={args:{disabled:!0}};var l,d,p;r.parameters={...r.parameters,docs:{...(l=r.parameters)==null?void 0:l.docs,source:{originalSource:"{}",...(p=(d=r.parameters)==null?void 0:d.docs)==null?void 0:p.source}}};var u,m,g;a.parameters={...a.parameters,docs:{...(u=a.parameters)==null?void 0:u.docs,source:{originalSource:`{ + args: { + placeholder: 'E-mail' + } +}`,...(g=(m=a.parameters)==null?void 0:m.docs)==null?void 0:g.source}}};var _,f,x;s.parameters={...s.parameters,docs:{...(_=s.parameters)==null?void 0:_.docs,source:{originalSource:`{ + args: { + invalid: true + } +}`,...(x=(f=s.parameters)==null?void 0:f.docs)==null?void 0:x.source}}};var v,h,I;t.parameters={...t.parameters,docs:{...(v=t.parameters)==null?void 0:v.docs,source:{originalSource:`{ + args: { + disabled: true + } +}`,...(I=(h=t.parameters)==null?void 0:h.docs)==null?void 0:I.source}}};const O=["Default","Placeholder","Invalid","Disabled"],N=Object.freeze(Object.defineProperty({__proto__:null,Default:r,Disabled:t,Invalid:s,Placeholder:a,__namedExportsOrder:O,default:j},Symbol.toStringTag,{value:"Module"}));export{t as D,s as I,a as P,N as T}; diff --git a/demo-develop/assets/TimeInput.docs-nAp6PjvH.js b/demo-develop/assets/TimeInput.docs-DsPW7kQ5.js similarity index 81% rename from demo-develop/assets/TimeInput.docs-nAp6PjvH.js rename to demo-develop/assets/TimeInput.docs-DsPW7kQ5.js index c8558a5294..10aa214321 100644 --- a/demo-develop/assets/TimeInput.docs-nAp6PjvH.js +++ b/demo-develop/assets/TimeInput.docs-DsPW7kQ5.js @@ -1,4 +1,4 @@ -import{j as n}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as o}from"./index-DlpNa54Y.js";import{M as r,d as a,P as m,e as d,f as i}from"./index-DanlQ17N.js";import{T as c,I as l,D as p}from"./TimeInput.stories-BGvK7Paf.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-C2MGObLX.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";import"./clsx-B-dksMZM.js";const h=` +import{j as n}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as o}from"./index-DlpNa54Y.js";import{M as r,d as a,P as m,e as d,f as i}from"./index-C1H0KNfC.js";import{T as c,I as l,D as p}from"./TimeInput.stories--PP6gX5v.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-CjTW3GMG.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";import"./clsx-B-dksMZM.js";const h=` # Time Input diff --git a/demo-develop/assets/TimeInput.stories--PP6gX5v.js b/demo-develop/assets/TimeInput.stories--PP6gX5v.js new file mode 100644 index 0000000000..ea47757d52 --- /dev/null +++ b/demo-develop/assets/TimeInput.stories--PP6gX5v.js @@ -0,0 +1,12 @@ +import{j as g}from"./jsx-runtime-Nms4Y4qS.js";import{c as b}from"./clsx-B-dksMZM.js";import{r as I}from"./index-BwDkhjyp.js";const a=I.forwardRef(({className:t,..._},f)=>g.jsx("input",{..._,ref:f,className:b("ams-time-input",t),type:"time"}));a.displayName="TimeInput";try{a.displayName="TimeInput",a.__docgenInfo={description:"",displayName:"TimeInput",props:{}}}catch{}/** + * @license EUPL-1.2+ + * Copyright Gemeente Amsterdam + */const y={title:"Components/Forms/Time Input",component:a,args:{disabled:!1},argTypes:{disabled:{description:"Prevents interaction. Avoid if possible."}}},e={},r={args:{required:!0}},s={args:{disabled:!0}};var o,i,n;e.parameters={...e.parameters,docs:{...(o=e.parameters)==null?void 0:o.docs,source:{originalSource:"{}",...(n=(i=e.parameters)==null?void 0:i.docs)==null?void 0:n.source}}};var p,c,d;r.parameters={...r.parameters,docs:{...(p=r.parameters)==null?void 0:p.docs,source:{originalSource:`{ + args: { + required: true + } +}`,...(d=(c=r.parameters)==null?void 0:c.docs)==null?void 0:d.source}}};var m,u,l;s.parameters={...s.parameters,docs:{...(m=s.parameters)==null?void 0:m.docs,source:{originalSource:`{ + args: { + disabled: true + } +}`,...(l=(u=s.parameters)==null?void 0:u.docs)==null?void 0:l.source}}};const T=["Default","Invalid","Disabled"],v=Object.freeze(Object.defineProperty({__proto__:null,Default:e,Disabled:s,Invalid:r,__namedExportsOrder:T,default:y},Symbol.toStringTag,{value:"Module"}));export{s as D,r as I,v as T}; diff --git a/demo-develop/assets/TimeInput.stories-BGvK7Paf.js b/demo-develop/assets/TimeInput.stories-BGvK7Paf.js deleted file mode 100644 index 2e7603b3c2..0000000000 --- a/demo-develop/assets/TimeInput.stories-BGvK7Paf.js +++ /dev/null @@ -1,12 +0,0 @@ -import{j as g}from"./jsx-runtime-Nms4Y4qS.js";import{c as I}from"./clsx-B-dksMZM.js";import{r as b}from"./index-BwDkhjyp.js";const a=b.forwardRef(({className:t,..._},f)=>g.jsx("input",{..._,ref:f,className:I("ams-time-input",t),type:"time"}));a.displayName="TimeInput";try{a.displayName="TimeInput",a.__docgenInfo={description:"",displayName:"TimeInput",props:{}}}catch{}/** - * @license EUPL-1.2+ - * Copyright Gemeente Amsterdam - */const y={title:"Components/Forms/Time Input",component:a,args:{disabled:!1}},e={},r={args:{required:!0}},s={args:{disabled:!0}};var o,n,p;e.parameters={...e.parameters,docs:{...(o=e.parameters)==null?void 0:o.docs,source:{originalSource:"{}",...(p=(n=e.parameters)==null?void 0:n.docs)==null?void 0:p.source}}};var c,i,m;r.parameters={...r.parameters,docs:{...(c=r.parameters)==null?void 0:c.docs,source:{originalSource:`{ - args: { - required: true - } -}`,...(m=(i=r.parameters)==null?void 0:i.docs)==null?void 0:m.source}}};var d,u,l;s.parameters={...s.parameters,docs:{...(d=s.parameters)==null?void 0:d.docs,source:{originalSource:`{ - args: { - disabled: true - } -}`,...(l=(u=s.parameters)==null?void 0:u.docs)==null?void 0:l.source}}};const T=["Default","Invalid","Disabled"],D=Object.freeze(Object.defineProperty({__proto__:null,Default:e,Disabled:s,Invalid:r,__namedExportsOrder:T,default:y},Symbol.toStringTag,{value:"Module"}));export{s as D,r as I,D as T}; diff --git a/demo-develop/assets/TopTaskLink.docs-CsbP5d1y.js b/demo-develop/assets/TopTaskLink.docs-DRxR2_CG.js similarity index 85% rename from demo-develop/assets/TopTaskLink.docs-CsbP5d1y.js rename to demo-develop/assets/TopTaskLink.docs-DRxR2_CG.js index 8779a39d2d..5a34ce054f 100644 --- a/demo-develop/assets/TopTaskLink.docs-CsbP5d1y.js +++ b/demo-develop/assets/TopTaskLink.docs-DRxR2_CG.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as i}from"./index-DlpNa54Y.js";import{M as s,d as r,P as a,e as p,f as c}from"./index-DanlQ17N.js";import{T as d,M as h}from"./TopTaskLink.stories-0n6IRitd.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-C2MGObLX.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";import"./clsx-B-dksMZM.js";import"./VisuallyHidden-Db-04MJ9.js";import"./Grid-qe23dp1l.js";const m=` +import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as i}from"./index-DlpNa54Y.js";import{M as s,d as r,P as a,e as p,f as c}from"./index-C1H0KNfC.js";import{T as d,M as h}from"./TopTaskLink.stories-C2RC-x5j.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-CjTW3GMG.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";import"./clsx-B-dksMZM.js";import"./VisuallyHidden-Db-04MJ9.js";import"./Grid-CwB6HQaq.js";const m=` # Top Task Link diff --git a/demo-develop/assets/TopTaskLink.stories-0n6IRitd.js b/demo-develop/assets/TopTaskLink.stories-0n6IRitd.js deleted file mode 100644 index 0099ec9a73..0000000000 --- a/demo-develop/assets/TopTaskLink.stories-0n6IRitd.js +++ /dev/null @@ -1,33 +0,0 @@ -import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{c as g}from"./clsx-B-dksMZM.js";import{r as b}from"./index-BwDkhjyp.js";import{V as h}from"./VisuallyHidden-Db-04MJ9.js";import{G as a}from"./Grid-qe23dp1l.js";const n=b.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(h,{children:","}),e.jsx("span",{className:"ams-top-task-link__description",children:k})]}));n.displayName="TopTaskLink";try{n.displayName="TopTaskLink",n.__docgenInfo={description:"",displayName:"TopTaskLink",props:{label:{defaultValue:null,description:"",name:"label",required:!0,type:{name:"string"}},description:{defaultValue:null,description:"",name:"description",required:!0,type:{name:"string"}}}}}catch{}const j={title:"Components/Navigation/Top Task Link",component:n},r={args:{description:"Geef uw nieuwe adres door als u binnen Amsterdam of naar Amsterdam verhuist.",href:"#",label:"Verhuizing doorgeven"}},s={args:{description:"Omschrijving",label:"Titel"},render:()=>e.jsxs(a,{children:[e.jsx(a.Cell,{span:3,children:e.jsx(n,{description:"Bekijk welke belastingen en heffingen er zijn, hoe u bezwaar maakt of een betalingsregeling treft.",href:"#",label:"Gemeentebelastingen"})}),e.jsx(a.Cell,{span:3,children:e.jsx(n,{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(a.Cell,{span:3,children:e.jsx(n,{description:"Vraag deze bewijzen aan of verleng ze. Geef een vermissing aan.",href:"#",label:"Paspoort, ID-kaart en rijbewijs"})}),e.jsx(a.Cell,{span:3,children:e.jsx(n,{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;r.parameters={...r.parameters,docs:{...(o=r.parameters)==null?void 0:o.docs,source:{originalSource:`{ - args: { - description: 'Geef uw nieuwe adres door als u binnen Amsterdam of naar Amsterdam verhuist.', - href: '#', - label: 'Verhuizing doorgeven' - } -}`,...(l=(t=r.parameters)==null?void 0:t.docs)==null?void 0:l.source}}};var d,p,c;s.parameters={...s.parameters,docs:{...(d=s.parameters)==null?void 0:d.docs,source:{originalSource:`{ - args: { - description: 'Omschrijving', - label: 'Titel' - }, - render: () => - - - - - - - - - - - - - , - parameters: { - docs: { - source: { - type: 'dynamic' - } - } - } -}`,...(c=(p=s.parameters)==null?void 0:p.docs)==null?void 0:c.source}}};const T=["Default","Multiple"],z=Object.freeze(Object.defineProperty({__proto__:null,Default:r,Multiple:s,__namedExportsOrder:T,default:j},Symbol.toStringTag,{value:"Module"}));export{s as M,z as T}; diff --git a/demo-develop/assets/TopTaskLink.stories-C2RC-x5j.js b/demo-develop/assets/TopTaskLink.stories-C2RC-x5j.js new file mode 100644 index 0000000000..c50a583489 --- /dev/null +++ b/demo-develop/assets/TopTaskLink.stories-C2RC-x5j.js @@ -0,0 +1,38 @@ +import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{c as g}from"./clsx-B-dksMZM.js";import{r as h}from"./index-BwDkhjyp.js";import{V as b}from"./VisuallyHidden-Db-04MJ9.js";import{G as r}from"./Grid-CwB6HQaq.js";const n=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(b,{children:","}),e.jsx("span",{className:"ams-top-task-link__description",children:k})]}));n.displayName="TopTaskLink";try{n.displayName="TopTaskLink",n.__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 j={title:"Components/Navigation/Top Task Link",component:n},a={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(n,{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(n,{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(n,{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(n,{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;a.parameters={...a.parameters,docs:{...(o=a.parameters)==null?void 0:o.docs,source:{originalSource:`{ + 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.' + } + } +}`,...(l=(t=a.parameters)==null?void 0:t.docs)==null?void 0:l.source}}};var d,p,c;s.parameters={...s.parameters,docs:{...(d=s.parameters)==null?void 0:d.docs,source:{originalSource:`{ + args: { + description: 'Omschrijving', + label: 'Titel' + }, + render: () => + + + + + + + + + + + + + , + parameters: { + docs: { + source: { + type: 'dynamic' + } + } + } +}`,...(c=(p=s.parameters)==null?void 0:p.docs)==null?void 0:c.source}}};const T=["Default","Multiple"],y=Object.freeze(Object.defineProperty({__proto__:null,Default:a,Multiple:s,__namedExportsOrder:T,default:j},Symbol.toStringTag,{value:"Module"}));export{s as M,y as T}; diff --git a/demo-develop/assets/UnorderedList-BEOg6IEf.js b/demo-develop/assets/UnorderedList-BEOg6IEf.js deleted file mode 100644 index 819fce873b..0000000000 --- a/demo-develop/assets/UnorderedList-BEOg6IEf.js +++ /dev/null @@ -1 +0,0 @@ -import{j as d}from"./jsx-runtime-Nms4Y4qS.js";import{c as i}from"./clsx-B-dksMZM.js";import{r as n}from"./index-BwDkhjyp.js";const l=n.forwardRef(({children:e,className:r,...s},t)=>d.jsx("li",{ref:t,className:i("ams-unordered-list__item",r),...s,children:e}));l.displayName="UnorderedList.Item";try{UnorderedList.Item.displayName="UnorderedList.Item",UnorderedList.Item.__docgenInfo={description:"",displayName:"UnorderedList.Item",props:{}}}catch{}const m=n.forwardRef(({children:e,className:r,inverseColor:s,markers:t=!0,size:o,...c},p)=>d.jsx("ul",{ref:p,className:i("ams-unordered-list",s&&"ams-unordered-list--inverse-color",!t&&"ams-unordered-list--no-markers",o&&`ams-unordered-list--${o}`,r),...c,children:e}));m.displayName="UnorderedList";const a=Object.assign(m,{Item:l});try{a.displayName="UnorderedList",a.__docgenInfo={description:"",displayName:"UnorderedList",props:{inverseColor:{defaultValue:null,description:"Changes the text color 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 unordered list.",name:"size",required:!1,type:{name:"enum",value:[{value:'"small"'}]}}}}}catch{}export{a as U}; diff --git a/demo-develop/assets/UnorderedList-J9gSHTlV.js b/demo-develop/assets/UnorderedList-J9gSHTlV.js new file mode 100644 index 0000000000..bff51f1fbd --- /dev/null +++ b/demo-develop/assets/UnorderedList-J9gSHTlV.js @@ -0,0 +1 @@ +import{j as d}from"./jsx-runtime-Nms4Y4qS.js";import{c as i}from"./clsx-B-dksMZM.js";import{r as n}from"./index-BwDkhjyp.js";const l=n.forwardRef(({children:e,className:r,...t},s)=>d.jsx("li",{ref:s,className:i("ams-unordered-list__item",r),...t,children:e}));l.displayName="UnorderedList.Item";try{UnorderedList.Item.displayName="UnorderedList.Item",UnorderedList.Item.__docgenInfo={description:"",displayName:"UnorderedList.Item",props:{}}}catch{}const m=n.forwardRef(({children:e,className:r,inverseColor:t,markers:s=!0,size:a,...c},p)=>d.jsx("ul",{ref:p,className:i("ams-unordered-list",t&&"ams-unordered-list--inverse-color",!s&&"ams-unordered-list--no-markers",a&&`ams-unordered-list--${a}`,r),...c,children:e}));m.displayName="UnorderedList";const o=Object.assign(m,{Item:l});try{o.displayName="UnorderedList",o.__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{}export{o as U}; diff --git a/demo-develop/assets/UnorderedList.docs-O250vRex.js b/demo-develop/assets/UnorderedList.docs-CgGKfGOr.js similarity index 87% rename from demo-develop/assets/UnorderedList.docs-O250vRex.js rename to demo-develop/assets/UnorderedList.docs-CgGKfGOr.js index d6311ff2e9..8ba044d957 100644 --- a/demo-develop/assets/UnorderedList.docs-O250vRex.js +++ b/demo-develop/assets/UnorderedList.docs-CgGKfGOr.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as o}from"./index-DlpNa54Y.js";import{M as r,d as a,P as l,e as h,f as n}from"./index-DanlQ17N.js";import{U as d,T as c,W as p,I as m,S as x}from"./UnorderedList.stories-6GNxpD42.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-C2MGObLX.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";import"./index.esm-DQkeu4as.js";import"./decorators-Dh4yEj-W.js";import"./exampleContent-CRK3_7Hv.js";import"./UnorderedList-BEOg6IEf.js";import"./clsx-B-dksMZM.js";import"./Icon-tKAGJH_4.js";import"./Paragraph-B6eM4Eli.js";const f=` +import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as o}from"./index-DlpNa54Y.js";import{M as r,d as a,P as l,e as h,f as n}from"./index-C1H0KNfC.js";import{U as d,T as c,W as p,I as m,S as x}from"./UnorderedList.stories-BSnhVBk-.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-CjTW3GMG.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";import"./index.esm-DQkeu4as.js";import"./decorators-Dh4yEj-W.js";import"./exampleContent-CRK3_7Hv.js";import"./UnorderedList-J9gSHTlV.js";import"./clsx-B-dksMZM.js";import"./Icon-CuaumHXX.js";import"./Paragraph-C4jU4-Z4.js";const f=` # Unordered List diff --git a/demo-develop/assets/UnorderedList.stories-6GNxpD42.js b/demo-develop/assets/UnorderedList.stories-BSnhVBk-.js similarity index 98% rename from demo-develop/assets/UnorderedList.stories-6GNxpD42.js rename to demo-develop/assets/UnorderedList.stories-BSnhVBk-.js index 58427d412e..026f0f65cc 100644 --- a/demo-develop/assets/UnorderedList.stories-6GNxpD42.js +++ b/demo-develop/assets/UnorderedList.stories-BSnhVBk-.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{i as f,j as N,k as W,l as D,m as b,f as y,n as B,o as C}from"./index.esm-DQkeu4as.js";import{i as O}from"./decorators-Dh4yEj-W.js";import{d as w}from"./exampleContent-CRK3_7Hv.js";import{U as r}from"./UnorderedList-BEOg6IEf.js";import{I as n}from"./Icon-tKAGJH_4.js";import{P as d}from"./Paragraph-B6eM4Eli.js";const R=w().map((s,z)=>e.jsx(r.Item,{children:s},z)),T={title:"Components/Text/Unordered List",component:r,args:{children:R,inverseColor:!1,markers:void 0},decorators:[O]},a={},t={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"})]})]})]})},o={args:{children:[e.jsx(r.Item,{children:e.jsxs("div",{className:"ams-docs-card",children:[e.jsx(n,{svg:f,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:N,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:W,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:D,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:b,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:y,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:B,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:C,size:"level-6"}),e.jsx(d,{children:"Kennisgevingen en bekendmakingen"})]})},8)],markers:!1}},i={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 c,l,I;a.parameters={...a.parameters,docs:{...(c=a.parameters)==null?void 0:c.docs,source:{originalSource:"{}",...(I=(l=a.parameters)==null?void 0:l.docs)==null?void 0:I.source}}};var v,g,h;t.parameters={...t.parameters,docs:{...(v=t.parameters)==null?void 0:v.docs,source:{originalSource:`{ +import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{i as f,j as N,k as W,l as D,m as b,f as y,n as B,o as C}from"./index.esm-DQkeu4as.js";import{i as O}from"./decorators-Dh4yEj-W.js";import{d as w}from"./exampleContent-CRK3_7Hv.js";import{U as r}from"./UnorderedList-J9gSHTlV.js";import{I as n}from"./Icon-CuaumHXX.js";import{P as d}from"./Paragraph-C4jU4-Z4.js";const R=w().map((s,z)=>e.jsx(r.Item,{children:s},z)),T={title:"Components/Text/Unordered List",component:r,args:{children:R,inverseColor:!1,markers:void 0},decorators:[O]},a={},t={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"})]})]})]})},o={args:{children:[e.jsx(r.Item,{children:e.jsxs("div",{className:"ams-docs-card",children:[e.jsx(n,{svg:f,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:N,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:W,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:D,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:b,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:y,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:B,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:C,size:"level-6"}),e.jsx(d,{children:"Kennisgevingen en bekendmakingen"})]})},8)],markers:!1}},i={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 c,l,I;a.parameters={...a.parameters,docs:{...(c=a.parameters)==null?void 0:c.docs,source:{originalSource:"{}",...(I=(l=a.parameters)==null?void 0:l.docs)==null?void 0:I.source}}};var v,g,h;t.parameters={...t.parameters,docs:{...(v=t.parameters)==null?void 0:v.docs,source:{originalSource:`{ render: args => Stadsdeel West diff --git a/demo-develop/assets/VisuallyHidden.docs-DETwH8sh.js b/demo-develop/assets/VisuallyHidden.docs-zY8m-Ryw.js similarity index 78% rename from demo-develop/assets/VisuallyHidden.docs-DETwH8sh.js rename to demo-develop/assets/VisuallyHidden.docs-zY8m-Ryw.js index a169c66d4e..1cb1b213d0 100644 --- a/demo-develop/assets/VisuallyHidden.docs-DETwH8sh.js +++ b/demo-develop/assets/VisuallyHidden.docs-zY8m-Ryw.js @@ -1,4 +1,4 @@ -import{j as n}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as t}from"./index-DlpNa54Y.js";import{M as r,d as i,P as a,e as m}from"./index-DanlQ17N.js";import{V as c}from"./VisuallyHidden.stories-ok33FTbH.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-C2MGObLX.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";import"./VisuallyHidden-Db-04MJ9.js";import"./clsx-B-dksMZM.js";import"./Paragraph-B6eM4Eli.js";const u=` +import{j as n}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as t}from"./index-DlpNa54Y.js";import{M as r,d as i,P as a,e as m}from"./index-C1H0KNfC.js";import{V as c}from"./VisuallyHidden.stories-xJ8s5oaJ.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-CjTW3GMG.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";import"./VisuallyHidden-Db-04MJ9.js";import"./clsx-B-dksMZM.js";import"./Paragraph-C4jU4-Z4.js";const u=` # Visually Hidden diff --git a/demo-develop/assets/VisuallyHidden.stories-ok33FTbH.js b/demo-develop/assets/VisuallyHidden.stories-ok33FTbH.js deleted file mode 100644 index 32d5738473..0000000000 --- a/demo-develop/assets/VisuallyHidden.stories-ok33FTbH.js +++ /dev/null @@ -1 +0,0 @@ -import{j as r}from"./jsx-runtime-Nms4Y4qS.js";import{V as i}from"./VisuallyHidden-Db-04MJ9.js";import{P as s}from"./Paragraph-B6eM4Eli.js";const n={title:"Components/Containers/Visually Hidden",component:i,decorators:[l=>r.jsxs("div",{children:[r.jsx(s,{children:"This text is available to all users. The text below this sentence is only available for non-visual user agents."}),r.jsx(s,{children:r.jsx(l,{})})]})],args:{children:"This text can be read out by a screen reader."},argTypes:{children:{table:{disable:!1}}}},e={};var a,t,o;e.parameters={...e.parameters,docs:{...(a=e.parameters)==null?void 0:a.docs,source:{originalSource:"{}",...(o=(t=e.parameters)==null?void 0:t.docs)==null?void 0:o.source}}};const d=["Default"],p=Object.freeze(Object.defineProperty({__proto__:null,Default:e,__namedExportsOrder:d,default:n},Symbol.toStringTag,{value:"Module"}));export{p as V}; diff --git a/demo-develop/assets/VisuallyHidden.stories-xJ8s5oaJ.js b/demo-develop/assets/VisuallyHidden.stories-xJ8s5oaJ.js new file mode 100644 index 0000000000..90b09e2b14 --- /dev/null +++ b/demo-develop/assets/VisuallyHidden.stories-xJ8s5oaJ.js @@ -0,0 +1 @@ +import{j as s}from"./jsx-runtime-Nms4Y4qS.js";import{V as l}from"./VisuallyHidden-Db-04MJ9.js";import{P as r}from"./Paragraph-C4jU4-Z4.js";const n={title:"Components/Containers/Visually Hidden",component:l,decorators:[i=>s.jsxs("div",{children:[s.jsx(r,{children:"This text is available to all users. The text below this sentence is only available for non-visual user agents."}),s.jsx(r,{children:s.jsx(i,{})})]})],args:{children:"This text can be read out by a screen reader."},argTypes:{children:{description:"The content to hide visually.",table:{disable:!1}}}},e={};var t,a,o;e.parameters={...e.parameters,docs:{...(t=e.parameters)==null?void 0:t.docs,source:{originalSource:"{}",...(o=(a=e.parameters)==null?void 0:a.docs)==null?void 0:o.source}}};const d=["Default"],m=Object.freeze(Object.defineProperty({__proto__:null,Default:e,__namedExportsOrder:d,default:n},Symbol.toStringTag,{value:"Module"}));export{m as V}; diff --git a/demo-develop/assets/WithTooltip-Y7J54OF7-Ck_a_j2Y.js b/demo-develop/assets/WithTooltip-Y7J54OF7-55uSc0MY.js similarity index 64% rename from demo-develop/assets/WithTooltip-Y7J54OF7-Ck_a_j2Y.js rename to demo-develop/assets/WithTooltip-Y7J54OF7-55uSc0MY.js index 7e2431c6f0..0d069bb68e 100644 --- a/demo-develop/assets/WithTooltip-Y7J54OF7-Ck_a_j2Y.js +++ b/demo-develop/assets/WithTooltip-Y7J54OF7-55uSc0MY.js @@ -1 +1 @@ -import{W as h,W as l,b as s}from"./index-DanlQ17N.js";import"./iframe-C2MGObLX.js";import"../sb-preview/runtime.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";export{h as WithToolTipState,l as WithTooltip,s as WithTooltipPure}; +import{W as h,W as l,b as s}from"./index-C1H0KNfC.js";import"./iframe-CjTW3GMG.js";import"../sb-preview/runtime.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";export{h as WithToolTipState,l as WithTooltip,s as WithTooltipPure}; diff --git a/demo-develop/assets/borders.docs-D2OJGbFi.js b/demo-develop/assets/borders.docs-Br-mniqg.js similarity index 95% rename from demo-develop/assets/borders.docs-D2OJGbFi.js rename to demo-develop/assets/borders.docs-Br-mniqg.js index a7b2fbf77a..d016541437 100644 --- a/demo-develop/assets/borders.docs-D2OJGbFi.js +++ b/demo-develop/assets/borders.docs-Br-mniqg.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as s}from"./index-DlpNa54Y.js";import{M as l}from"./index-DanlQ17N.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-C2MGObLX.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";function r(n){const t={code:"code",h1:"h1",h2:"h2",p:"p",strong:"strong",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...s(),...n.components};return e.jsxs(e.Fragment,{children:[e.jsx(l,{title:"Docs/Design Guidelines/Borders"}),` +import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as s}from"./index-DlpNa54Y.js";import{M as l}from"./index-C1H0KNfC.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-CjTW3GMG.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";function r(n){const t={code:"code",h1:"h1",h2:"h2",p:"p",strong:"strong",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...s(),...n.components};return e.jsxs(e.Fragment,{children:[e.jsx(l,{title:"Docs/Design Guidelines/Borders"}),` `,e.jsx(t.h1,{id:"borders",children:"Borders"}),` `,e.jsx(t.h2,{id:"widths",children:"Widths"}),` `,e.jsx(t.p,{children:"We have 4 border widths:"}),` diff --git a/demo-develop/assets/breakpoints.docs-8uKWNTjM.js b/demo-develop/assets/breakpoints.docs-BfDhp2pA.js similarity index 92% rename from demo-develop/assets/breakpoints.docs-8uKWNTjM.js rename to demo-develop/assets/breakpoints.docs-BfDhp2pA.js index 196b381386..970a3ae99a 100644 --- a/demo-develop/assets/breakpoints.docs-8uKWNTjM.js +++ b/demo-develop/assets/breakpoints.docs-BfDhp2pA.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as o}from"./index-DlpNa54Y.js";import{M as r}from"./index-DanlQ17N.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-C2MGObLX.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";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/Design Guidelines/Breakpoints"}),` +import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as o}from"./index-DlpNa54Y.js";import{M as r}from"./index-C1H0KNfC.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-CjTW3GMG.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";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/Design Guidelines/Breakpoints"}),` `,e.jsx(n.h1,{id:"breakpoints",children:"Breakpoints"}),` `,e.jsx(n.p,{children:"We use 2 breakpoints where the design of a website changes to ensure a good user experience: at screen widths of 576px and 1088px."}),` `,e.jsx(n.p,{children:"We follow a mobile-first approach: first, we create the design below the breakpoint, and then we use a media query to create the design above the breakpoint."}),` diff --git a/demo-develop/assets/color.docs-M2fbEVjr.js b/demo-develop/assets/color.docs-BbBMRz_9.js similarity index 99% rename from demo-develop/assets/color.docs-M2fbEVjr.js rename to demo-develop/assets/color.docs-BbBMRz_9.js index 7fa628d8a2..5d52822345 100644 --- a/demo-develop/assets/color.docs-M2fbEVjr.js +++ b/demo-develop/assets/color.docs-BbBMRz_9.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as m}from"./index-DlpNa54Y.js";import{M as g}from"./index-DanlQ17N.js";import{r as h}from"./index-BwDkhjyp.js";import"./iframe-C2MGObLX.js";import"../sb-preview/runtime.js";import"./_commonjsHelpers-BosuxZz1.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";const f={border:{width:{sm:"0.0625rem",md:"0.125rem",lg:"0.1875rem",xl:"0.25rem"}},color:{"primary-black":"#000000","primary-white":"#FFFFFF","primary-blue":"#004699","primary-red":"#EC0000","dark-blue":"#102E62",orange:"#FF9100",yellow:"#FFE600",green:"#BED200","dark-green":"#00A03C",blue:"#009DE6",purple:"#A00078",magenta:"#E50082","neutral-grey1":"#E8E8E8","neutral-grey2":"#BEBEBE","neutral-grey3":"#767676"},proportion:{"x-tall":"9 / 16",tall:"4 / 5",square:"1 / 1",wide:"5 / 4","x-wide":"16 / 9","2x-wide":"32 / 9"},space:{grid:{xs:"clamp(0.25rem, calc(0.78125vw + 0.09375rem), 0.875rem)",sm:"clamp(0.5rem, calc(1.5625vw + 0.1875rem), 1.75rem)",md:"clamp(1rem, calc(3.125vw + 0.375rem), 3.5rem)",lg:"clamp(1.5rem, calc(4.6875vw + 0.5625rem), 5.25rem)",xl:"clamp(2rem, calc(6.25vw + 0.75rem), 7rem)"},inside:{xs:".5rem",sm:".75rem",md:"1rem",lg:"1.5rem",xl:"2rem"},stack:{xs:".5rem",sm:".75rem",md:"1rem",lg:"1.5rem",xl:"2rem"}},text:{"font-family":"'Amsterdam Sans', Arial, sans-serif","font-weight":{normal:400,bold:800},level:{0:{"font-size":"clamp(2.432rem, calc(2.683vw + 1.895rem), 4.578rem)","line-height":"1.15"},1:{"font-size":"clamp(2.084rem, calc(1.973vw + 1.69rem), 3.662rem)","line-height":"1.2"},2:{"font-size":"clamp(1.786rem, calc(1.43vw + 1.5rem), 2.93rem)","line-height":"1.25"},3:{"font-size":"clamp(1.531rem, calc(1.016vw + 1.328rem), 2.344rem)","line-height":"1.3"},4:{"font-size":"clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)","line-height":"1.5"},5:{"font-size":"clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)","line-height":"1.6"},6:{"font-size":"clamp(0.964rem, calc(0.295vw + 0.905rem), 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":"2px"},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.375rem",hover:{color:"#102E62"},"on-background-dark":{color:"#FFFFFF"},"on-background-light":{color:"#000000"},regular:{"text-decoration-line":"underline",hover:{"text-decoration-thickness":"0.1875rem","text-underline-offset":"0.3125rem"}},subtle:{"text-decoration-line":"none",hover:{"text-decoration-line":"underline"}}},accordion:{gap:".5rem",button:{color:"#004699","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)","font-weight":800,gap:"1rem","line-height":"1.6","padding-block":".75rem","padding-inline":"0",focus:{"outline-offset":"2px"},hover:{color:"#102E62"}},panel:{"padding-block":"0 1rem","padding-inline":"0"}},alert:{"border-width":"0.25rem","border-style":"solid",gap:"1rem","padding-block":"1rem","padding-inline":"1.5rem",error:{"border-color":"#EC0000"},info:{"border-color":"#004699"},success:{"border-color":"#00A03C"},warning:{"border-color":"#FF9100"},close:{fill:"#000000",hover:{fill:"#004699"}}},"aspect-ratio":{"x-tall":"9 / 16",tall:"4 / 5",square:"1 / 1",wide:"5 / 4","x-wide":"16 / 9","2x-wide":"32 / 9"},avatar:{"aspect-ratio":"1 / 1","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)","font-weight":400,"line-height":"1.6","padding-block":"0.25rem","padding-inline":"0.25rem",blue:{"background-color":"#009DE6",color:"#000000"},"dark-blue":{"background-color":"#004699",color:"#FFFFFF"},"dark-green":{"background-color":"#00A03C",color:"#FFFFFF"},green:{"background-color":"#BED200",color:"#000000"},magenta:{"background-color":"#E50082",color:"#FFFFFF"},orange:{"background-color":"#FF9100",color:"#000000"},purple:{"background-color":"#A00078",color:"#FFFFFF"},red:{"background-color":"#EC0000",color:"#FFFFFF"},yellow:{"background-color":"#FFE600",color:"#000000"}},badge:{"font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)","font-weight":800,"line-height":"1.6","padding-inline":".5rem",blue:{"background-color":"#009DE6",color:"#000000"},"dark-blue":{"background-color":"#004699",color:"#FFFFFF"},"dark-green":{"background-color":"#00A03C",color:"#FFFFFF"},green:{"background-color":"#BED200",color:"#000000"},magenta:{"background-color":"#E50082",color:"#FFFFFF"},orange:{"background-color":"#FF9100",color:"#000000"},purple:{"background-color":"#A00078",color:"#FFFFFF"},yellow:{"background-color":"#FFE600",color:"#000000"}},blockquote:{color:"#000000","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.531rem, calc(1.016vw + 1.328rem), 2.344rem)","font-weight":800,"line-height":"1.3","inverse-color":"#FFFFFF"},breadcrumb:{"font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)","font-weight":400,"line-height":"1.6",separator:{"background-image":`url("data:image/svg+xml;utf8,")`},link:{color:"#004699","outline-offset":"2px","text-decoration-line":"none","text-decoration-thickness":"0.125rem","text-underline-offset":"0.375rem",hover:{color:"#102E62","text-decoration-line":"underline"}}},button:{cursor:"pointer","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)","line-height":"1.6",gap:"1rem","padding-block":".5rem","padding-inline":"1rem","outline-offset":"2px",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":"#BEBEBE","box-shadow":"inset 0 0 0 0.125rem #BEBEBE"},hover:{"background-color":"#102E62","box-shadow":"inset 0 0 0 0.125rem #102E62"}},secondary:{"background-color":"#FFFFFF",color:"#004699","box-shadow":"inset 0 0 0 0.125rem #004699",hover:{"box-shadow":"inset 0 0 0 0.1875rem #102E62",color:"#102E62"},disabled:{"background-color":"#FFFFFF","box-shadow":"inset 0 0 0 0.125rem #BEBEBE",color:"#BEBEBE"},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 #102E62",color:"#102E62"},disabled:{"background-color":"transparent",color:"#BEBEBE"}}},card:{link:{color:"#004699","text-decoration-line":"none","text-decoration-thickness":"0.125rem","text-underline-offset":"0.375rem",hover:{color:"#102E62","text-decoration-line":"underline"}},"outline-offset":"2px"},checkbox:{color:"#000000","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)","font-weight":400,"line-height":"1.6","outline-offset":"2px",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":"#102E62"}},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":"#102E62","border-width":"0.1875rem"},invalid:{"border-color":"#EC0000",checked:{"background-color":"#EC0000",hover:{"background-color":"#EC0000"}},hover:{"border-color":"#EC0000"},indeterminate:{"background-color":"#EC0000",hover:{"background-color":"#EC0000"}}},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":"#102E62"}}},disabled:{color:"#767676"},hover:{color:"#102E62","text-decoration-thickness":"0.125rem"}},column:{gap:{xs:"clamp(0.25rem, calc(0.78125vw + 0.09375rem), 0.875rem)",sm:"clamp(0.5rem, calc(1.5625vw + 0.1875rem), 1.75rem)",md:"clamp(1rem, calc(3.125vw + 0.375rem), 3.5rem)",lg:"clamp(1.5rem, calc(4.6875vw + 0.5625rem), 5.25rem)",xl:"clamp(2rem, calc(6.25vw + 0.75rem), 7rem)"}},"date-input":{"background-color":"#FFFFFF","box-shadow":"inset 0 0 0 0.0625rem #000000",color:"#000000","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)","font-weight":400,"line-height":"1.6","outline-offset":"2px","padding-block":".5rem","padding-inline":"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 #BEBEBE",color:"#BEBEBE","calender-picker-indicator":{"background-image":`url("data:image/svg+xml;utf8,")`}},hover:{"box-shadow":"inset 0 0 0 0.125rem #000000","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 #EC0000"}}},"description-list":{color:"#000000","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)","font-weight":400,gap:"1rem","inverse-color":"#FFFFFF","line-height":"1.6",row:{gap:"1rem"},details:{"font-weight":800,"padding-inline-start":"2rem"}},dialog:{"background-color":"#FFFFFF",border:"0","max-inline-size":"min(87.69vw, 45rem)",form:{gap:"1.5rem","padding-block":"clamp(1.5rem, calc(1.5rem + ((1vw - 0.5337rem) * 2.1448)), 2.5rem)","padding-inline":"clamp(1.5rem, calc(1.5rem + ((1vw - 0.5337rem) * 2.1448)), 2.5rem)","max-block-size":"75vh"},header:{gap:"1rem"},footer:{gap:"1rem"}},field:{gap:".75rem",invalid:{"border-inline-start":"0.1875rem solid #EC0000","padding-inline-start":"1rem"}},fieldset:{legend:{color:"#000000","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)","font-weight":800,"line-height":"1.5"}},"form-field-character-counter":{color:"#000000","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)","font-weight":400,"line-height":"1.6",error:{color:"#EC0000"}},gap:{xs:"clamp(0.25rem, calc(0.78125vw + 0.09375rem), 0.875rem)",sm:"clamp(0.5rem, calc(1.5625vw + 0.1875rem), 1.75rem)",md:"clamp(1rem, calc(3.125vw + 0.375rem), 3.5rem)",lg:"clamp(1.5rem, calc(4.6875vw + 0.5625rem), 5.25rem)",xl:"clamp(2rem, calc(6.25vw + 0.75rem), 7rem)"},grid:{"column-count":"4","column-gap":"clamp(1rem, calc(3.125vw + 0.375rem), 3.5rem)","padding-block":{sm:"clamp(0.5rem, calc(1.5625vw + 0.1875rem), 1.75rem)",md:"clamp(1rem, calc(3.125vw + 0.375rem), 3.5rem)",lg:"clamp(1.5rem, calc(4.6875vw + 0.5625rem), 5.25rem)"},"padding-inline":"clamp(1.5rem, calc(4.6875vw + 0.5625rem), 5.25rem)","row-gap":{sm:"clamp(0.5rem, calc(1.5625vw + 0.1875rem), 1.75rem)",md:"clamp(1rem, calc(3.125vw + 0.375rem), 3.5rem)",lg:"clamp(1.5rem, calc(4.6875vw + 0.5625rem), 5.25rem)"},medium:{"column-count":"8"},wide:{"column-count":"12"}},header:{"column-gap":"clamp(1rem, calc(3.125vw + 0.375rem), 3.5rem)","padding-block":"1rem","logo-link":{"outline-offset":"2px"}},heading:{color:"#000000","font-family":"'Amsterdam Sans', Arial, sans-serif","font-weight":800,"inverse-color":"#FFFFFF",level:{1:{"font-size":"clamp(2.084rem, calc(1.973vw + 1.69rem), 3.662rem)","line-height":"1.2"},2:{"font-size":"clamp(1.786rem, calc(1.43vw + 1.5rem), 2.93rem)","line-height":"1.25"},3:{"font-size":"clamp(1.531rem, calc(1.016vw + 1.328rem), 2.344rem)","line-height":"1.3"},4:{"font-size":"clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)","line-height":"1.5"},5:{"font-size":"clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)","line-height":"1.6"},6:{"font-size":"clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)","line-height":"1.6"}}},"icon-button":{color:"#004699","outline-offset":"2px",hover:{"background-color":"rgba(0, 70, 153, 0.125)",color:"#102E62"},disabled:{color:"#BEBEBE"},"on-background-light":{color:"#000000",hover:{"background-color":"rgba(0, 0, 0, 0.125)",color:"#000000"},disabled:{color:"#BEBEBE"}},"on-background-dark":{"background-color":"#004699",color:"#FFFFFF",hover:{"background-color":"#102E62",color:"#FFFFFF"},disabled:{color:"#FFFFFF","background-color":"#BEBEBE"}}},icon:{"size-3":{"font-size":"clamp(1.531rem, calc(1.016vw + 1.328rem), 2.344rem)","line-height":"1.3"},"size-4":{"font-size":"clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)","line-height":"1.5"},"size-5":{"font-size":"clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)","line-height":"1.6"},"size-6":{"font-size":"clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)","line-height":"1.6"}},label:{color:"#000000","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)","font-weight":800,"line-height":"1.5"},"link-list":{gap:"0.5em",link:{color:"#004699","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)","font-weight":400,gap:"0.5em","line-height":"1.6","outline-offset":"2px","text-decoration-line":"none","text-decoration-thickness":"0.125rem","text-underline-offset":"0.375rem",small:{"font-size":"clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)","line-height":"1.6"},large:{"font-size":"clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)","line-height":"1.5"},hover:{color:"#102E62","text-decoration-line":"underline"},"on-background-dark":{color:"#FFFFFF",hover:{color:"#FFFFFF"}},"on-background-light":{color:"#000000",hover:{color:"#000000"}}}},link:{color:"#004699","font-family":"'Amsterdam Sans', Arial, sans-serif","font-weight":400,"outline-offset":"2px",hover:{color:"#102E62"},inline:{"text-decoration-line":"underline","text-decoration-thickness":"0.125rem","text-underline-offset":"0.375rem","font-family":"inherit","font-size":"inherit","line-height":"inherit",hover:{"text-decoration-thickness":"0.1875rem","text-underline-offset":"0.3125rem"},visited:{color:"#A00078"}},standalone:{"font-size":"clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)","line-height":"1.6","text-decoration-line":"underline","text-decoration-thickness":"0.125rem","text-underline-offset":"0.375rem",hover:{"text-decoration-thickness":"0.1875rem","text-underline-offset":"0.3125rem"}},"on-background-dark":{color:"#FFFFFF",hover:{color:"#FFFFFF"},visited:{color:"#FFFFFF"}},"on-background-light":{color:"#000000",hover:{color:"#000000"},visited:{color:"#000000"}}},logo:{height:"2.5rem",emblem:{color:"#EC0000"},title:{color:"#EC0000"},subsite:{color:"#000000"}},margin:{xs:"clamp(0.25rem, calc(0.78125vw + 0.09375rem), 0.875rem)",sm:"clamp(0.5rem, calc(1.5625vw + 0.1875rem), 1.75rem)",md:"clamp(1rem, calc(3.125vw + 0.375rem), 3.5rem)",lg:"clamp(1.5rem, calc(4.6875vw + 0.5625rem), 5.25rem)",xl:"clamp(2rem, calc(6.25vw + 0.75rem), 7rem)"},mark:{"background-color":"#FFE600"},"mega-menu":{"list-category":{"column-gap":"clamp(1rem, calc(3.125vw + 0.375rem), 3.5rem)","column-width":"20rem","padding-block-start":"1rem","padding-block-end":"clamp(1rem, calc(3.125vw + 0.375rem), 3.5rem)"}},"ordered-list":{color:"#000000","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)","font-weight":400,gap:"0.75rem","inverse-color":"#FFFFFF","line-height":"1.6","list-style-type":"decimal",small:{"font-size":"clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)","line-height":"1.6"},item:{"margin-inline-start":"2.25rem","padding-inline-start":"0.25rem"},"ordered-list":{"list-style-type":"lower-alpha",item:{"margin-inline-start":"1.5rem","padding-inline-start":"0.25rem"}}},"page-heading":{color:"#000000","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(2.432rem, calc(2.683vw + 1.895rem), 4.578rem)","font-weight":800,"inverse-color":"#FFFFFF","line-height":"clamp(2.432rem, calc(2.683vw + 1.895rem), 4.578rem)"},"page-menu":{"column-gap":"clamp(1rem, calc(3.125vw + 0.375rem), 3.5rem)","row-gap":"clamp(0.25rem, calc(0.78125vw + 0.09375rem), 0.875rem)",item:{color:"#004699","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)","font-weight":400,gap:"0.5rem","line-height":"1.6","outline-offset":"2px","text-decoration-line":"none","text-decoration-thickness":"0.125rem","text-underline-offset":"0.375rem",hover:{color:"#102E62","text-decoration-line":"underline"}}},pagination:{color:"#004699","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)","font-weight":400,"line-height":"1.6",button:{"outline-offset":"2px","padding-inline":".75rem","text-decoration-line":"none","text-decoration-thickness":"0.125rem","text-underline-offset":"0.375rem",current:{"font-weight":800},hover:{color:"#102E62","text-decoration-line":"underline"}}},paragraph:{color:"#000000","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)","font-weight":400,"line-height":"1.6","inverse-color":"#FFFFFF",small:{"font-size":"clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)","line-height":"1.6"},large:{"font-size":"clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)","line-height":"1.5"}},radio:{color:"#000000","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)","font-weight":400,"line-height":"1.6","outline-offset":"2px",circle:{"border-color":"#004699","border-width":"0.125rem",checked:{"background-image":`url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' fill='%23004699'%3E%3Ccircle cx='16' cy='16' r='16' /%3E%3C/svg%3E")`,hover:{"background-image":`url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' fill='%23102E62'%3E%3Ccircle cx='16' cy='16' r='16' /%3E%3C/svg%3E")`}},disabled:{"border-color":"#767676","border-width":"0.125rem",checked:{"background-image":`url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' fill='%23767676'%3E%3Ccircle cx='16' cy='16' r='16' /%3E%3C/svg%3E")`,hover:{"background-image":`url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' fill='%23767676'%3E%3Ccircle cx='16' cy='16' r='16' /%3E%3C/svg%3E")`}}},hover:{"border-color":"#102E62"},invalid:{"border-color":"#EC0000",checked:{"background-image":`url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' fill='%23EC0000'%3E%3Ccircle cx='16' cy='16' r='16' /%3E%3C/svg%3E")`,hover:{"background-image":`url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' fill='%23EC0000'%3E%3Ccircle cx='16' cy='16' r='16' /%3E%3C/svg%3E")`}},hover:{"border-color":"#EC0000"}}},disabled:{color:"#767676"},hover:{color:"#102E62","text-decoration-thickness":"0.125rem"}},row:{gap:{xs:".5rem",sm:".75rem",md:"1rem",lg:"1.5rem",xl:"2rem"}},screen:{"background-color":"#FFFFFF",wide:{"max-width":"100rem"},"x-wide":{"max-width":"132rem"}},"search-field":{button:{"background-color":"#004699",color:"#FFFFFF","outline-offset":"2px","padding-block":".5rem","padding-inline":".5rem",hover:{"background-color":"#102E62"}},input:{"background-color":"#FFFFFF","box-shadow":"inset 0 0 0 0.0625rem #000000",color:"#000000","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)","font-weight":400,"line-height":"1.6","outline-offset":"2px","padding-block":".5rem","padding-inline":"1rem","cancel-button":{"background-image":`url("data:image/svg+xml;utf8,")`,"block-size":"clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)",color:"#004699","inline-size":"clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)"},hover:{"box-shadow":"inset 0 0 0 0.125rem #000000"},placeholder:{color:"#767676"}}},select:{"background-color":"#FFFFFF","background-image":`url("data:image/svg+xml;utf8,")`,"background-position":"right 1rem center","box-shadow":"inset 0 0 0 0.0625rem #000000",color:"#000000","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)","font-weight":400,"line-height":"1.6","outline-offset":"2px","padding-block":".5rem","padding-inline":"1rem calc(2 * 1rem + 1em)",disabled:{"background-image":`url("data:image/svg+xml;utf8,")`,"box-shadow":"inset 0 0 0 0.0625rem #BEBEBE",color:"#BEBEBE"},hover:{"box-shadow":"inset 0 0 0 0.125rem #000000"},invalid:{"box-shadow":"inset 0 0 0 0.0625rem #EC0000",hover:{"box-shadow":"inset 0 0 0 0.125rem #EC0000"}},option:{disabled:{color:"#BEBEBE"}}},"skip-link":{"background-color":"#004699",color:"#FFFFFF","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)","font-weight":400,"line-height":"1.6","outline-offset":"2px","padding-block":".5rem","padding-inline":"1rem",hover:{"background-color":"#102E62"}},spotlight:{blue:{"background-color":"#009DE6"},"dark-blue":{"background-color":"#004699"},"dark-green":{"background-color":"#00A03C"},green:{"background-color":"#BED200"},magenta:{"background-color":"#E50082"},orange:{"background-color":"#FF9100"},purple:{"background-color":"#A00078"},yellow:{"background-color":"#FFE600"}},switch:{"font-family":"'Amsterdam Sans', Arial, sans-serif","background-color":"#767676",width:"3.5rem",thumb:{"background-color":"#FFFFFF",width:"1.75rem",height:"1.75rem",hover:{color:"#102E62"}},checked:{"background-color":"#004699"},"outline-offset":"2px",disabled:{"background-color":"#BEBEBE"}},table:{color:"#000000","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)","font-weight":400,"line-height":"1.6",caption:{"font-weight":800},cell:{"border-bottom":"0.0625rem solid #E8E8E8","padding-block":"1rem","padding-inline":"1rem"},"header-cell":{"font-weight":800}},tabs:{list:{"background-color":"#FFFFFF","border-bottom":"0.125rem solid #004699"},button:{color:"#004699",cursor:"pointer","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)","font-weight":400,"line-height":"1.6","outline-offset":"-0.25rem","padding-block":".5rem","padding-inline":"1rem",hover:{color:"#102E62","box-shadow":"inset 0 -0.125rem 0 0 #102E62"},selected:{"background-color":"#004699",color:"#FFFFFF"},disabled:{color:"#BEBEBE",cursor:"not-allowed"}}},"text-area":{"background-color":"#FFFFFF","box-shadow":"inset 0 0 0 0.0625rem #000000",color:"#000000","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)","font-weight":400,"line-height":"1.6","min-block-size":"calc(1.6 * 1em + 2 * 0.5rem)","outline-offset":"2px","padding-block":"0.5rem","padding-inline":"1rem",disabled:{"background-color":"#FFFFFF","box-shadow":"inset 0 0 0 0.0625rem #BEBEBE",color:"#BEBEBE",cursor:"not-allowed"},hover:{"box-shadow":"inset 0 0 0 0.125rem #000000"},invalid:{"box-shadow":"inset 0 0 0 0.0625rem #EC0000",hover:{"box-shadow":"inset 0 0 0 0.125rem #EC0000"}},placeholder:{color:"#767676"}},"text-input":{"background-color":"#FFFFFF","box-shadow":"inset 0 0 0 0.0625rem #000000",color:"#000000","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)","font-weight":400,"line-height":"1.6","outline-offset":"2px","padding-block":".5rem","padding-inline":"1rem",disabled:{"background-color":"#FFFFFF","box-shadow":"inset 0 0 0 0.0625rem #BEBEBE",color:"#BEBEBE"},hover:{"box-shadow":"inset 0 0 0 0.125rem #000000"},invalid:{"box-shadow":"inset 0 0 0 0.0625rem #EC0000",hover:{"box-shadow":"inset 0 0 0 0.125rem #EC0000"}},placeholder:{color:"#767676"}},"time-input":{"background-color":"#FFFFFF","box-shadow":"inset 0 0 0 0.0625rem #000000",color:"#000000","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)","font-weight":400,"line-height":"1.6","outline-offset":"2px","padding-block":".5rem","padding-inline":"1rem","calender-picker-indicator":{"background-image":`url("data:image/svg+xml;utf8,")`},disabled:{"background-color":"#FFFFFF","box-shadow":"inset 0 0 0 0.0625rem #BEBEBE",color:"#BEBEBE","calender-picker-indicator":{"background-image":`url("data:image/svg+xml;utf8,")`}},hover:{"box-shadow":"inset 0 0 0 0.125rem #000000","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 #EC0000"}}},"top-task-link":{description:{color:"#000000","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)","font-weight":400,"line-height":"1.6"},label:{color:"#004699","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)","font-weight":800,"line-height":"1.5","text-decoration-line":"none","text-decoration-thickness":"0.125rem","text-underline-offset":"0.375rem",hover:{color:"#102E62","text-decoration-line":"underline"}},"outline-offset":"2px"},"unordered-list":{color:"#000000","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)","font-weight":400,gap:"0.75rem","inverse-color":"#FFFFFF","line-height":"1.6","list-style-type":"'\\2022'",item:{"margin-inline-start":"1.625rem","padding-inline-start":"0.875rem"},"unordered-list":{"list-style-type":"'\\2013'",item:{"margin-inline-start":"0.875rem","padding-inline-start":"0.875rem"}},small:{"font-size":"clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)","line-height":"1.6"}}},l={ams:f},t=h.forwardRef(({children:o,...a},d)=>e.jsx("div",{...a,ref:d,className:"ams-storybook-color-palette",children:o}));t.displayName="ColorPalette";const c=({children:o})=>e.jsx("div",{className:"ams-storybook-color-palette__section",children:o});c.displayName="ColorPalette.Section";const s=({name:o,color:a})=>e.jsxs("div",{className:"ams-storybook-color-palette__tile",children:[e.jsx("div",{className:"ams-storybook-color-palette__example",style:{backgroundColor:a}}),e.jsxs("dl",{className:"sb-unstyled ams-storybook-color-palette__description",children:[e.jsx("dt",{className:"ams-storybook-color-palette__name",children:o}),e.jsx("dd",{className:"ams-storybook-color-palette__color",children:a})]})]});s.displayName="ColorPalette.Tile";const r=Object.assign(t,{Section:c,Tile:s});try{r.displayName="ColorPalette",r.__docgenInfo={description:"",displayName:"ColorPalette",props:{}}}catch{}function n(o){const a={h1:"h1",p:"p",...m(),...o.components};return r||i("ColorPalette",!1),r.Section||i("ColorPalette.Section",!0),r.Tile||i("ColorPalette.Tile",!0),e.jsxs(e.Fragment,{children:[e.jsx(g,{title:"Docs/Assets/Colour"}),` +import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as m}from"./index-DlpNa54Y.js";import{M as g}from"./index-C1H0KNfC.js";import{r as h}from"./index-BwDkhjyp.js";import"./iframe-CjTW3GMG.js";import"../sb-preview/runtime.js";import"./_commonjsHelpers-BosuxZz1.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";const f={border:{width:{sm:"0.0625rem",md:"0.125rem",lg:"0.1875rem",xl:"0.25rem"}},color:{"primary-black":"#000000","primary-white":"#FFFFFF","primary-blue":"#004699","primary-red":"#EC0000","dark-blue":"#102E62",orange:"#FF9100",yellow:"#FFE600",green:"#BED200","dark-green":"#00A03C",blue:"#009DE6",purple:"#A00078",magenta:"#E50082","neutral-grey1":"#E8E8E8","neutral-grey2":"#BEBEBE","neutral-grey3":"#767676"},proportion:{"x-tall":"9 / 16",tall:"4 / 5",square:"1 / 1",wide:"5 / 4","x-wide":"16 / 9","2x-wide":"32 / 9"},space:{grid:{xs:"clamp(0.25rem, calc(0.78125vw + 0.09375rem), 0.875rem)",sm:"clamp(0.5rem, calc(1.5625vw + 0.1875rem), 1.75rem)",md:"clamp(1rem, calc(3.125vw + 0.375rem), 3.5rem)",lg:"clamp(1.5rem, calc(4.6875vw + 0.5625rem), 5.25rem)",xl:"clamp(2rem, calc(6.25vw + 0.75rem), 7rem)"},inside:{xs:".5rem",sm:".75rem",md:"1rem",lg:"1.5rem",xl:"2rem"},stack:{xs:".5rem",sm:".75rem",md:"1rem",lg:"1.5rem",xl:"2rem"}},text:{"font-family":"'Amsterdam Sans', Arial, sans-serif","font-weight":{normal:400,bold:800},level:{0:{"font-size":"clamp(2.432rem, calc(2.683vw + 1.895rem), 4.578rem)","line-height":"1.15"},1:{"font-size":"clamp(2.084rem, calc(1.973vw + 1.69rem), 3.662rem)","line-height":"1.2"},2:{"font-size":"clamp(1.786rem, calc(1.43vw + 1.5rem), 2.93rem)","line-height":"1.25"},3:{"font-size":"clamp(1.531rem, calc(1.016vw + 1.328rem), 2.344rem)","line-height":"1.3"},4:{"font-size":"clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)","line-height":"1.5"},5:{"font-size":"clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)","line-height":"1.6"},6:{"font-size":"clamp(0.964rem, calc(0.295vw + 0.905rem), 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":"2px"},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.375rem",hover:{color:"#102E62"},"on-background-dark":{color:"#FFFFFF"},"on-background-light":{color:"#000000"},regular:{"text-decoration-line":"underline",hover:{"text-decoration-thickness":"0.1875rem","text-underline-offset":"0.3125rem"}},subtle:{"text-decoration-line":"none",hover:{"text-decoration-line":"underline"}}},accordion:{gap:".5rem",button:{color:"#004699","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)","font-weight":800,gap:"1rem","line-height":"1.6","padding-block":".75rem","padding-inline":"0",focus:{"outline-offset":"2px"},hover:{color:"#102E62"}},panel:{"padding-block":"0 1rem","padding-inline":"0"}},alert:{"border-width":"0.25rem","border-style":"solid",gap:"1rem","padding-block":"1rem","padding-inline":"1.5rem",error:{"border-color":"#EC0000"},info:{"border-color":"#004699"},success:{"border-color":"#00A03C"},warning:{"border-color":"#FF9100"},close:{fill:"#000000",hover:{fill:"#004699"}}},"aspect-ratio":{"x-tall":"9 / 16",tall:"4 / 5",square:"1 / 1",wide:"5 / 4","x-wide":"16 / 9","2x-wide":"32 / 9"},avatar:{"aspect-ratio":"1 / 1","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)","font-weight":400,"line-height":"1.6","padding-block":"0.25rem","padding-inline":"0.25rem",blue:{"background-color":"#009DE6",color:"#000000"},"dark-blue":{"background-color":"#004699",color:"#FFFFFF"},"dark-green":{"background-color":"#00A03C",color:"#FFFFFF"},green:{"background-color":"#BED200",color:"#000000"},magenta:{"background-color":"#E50082",color:"#FFFFFF"},orange:{"background-color":"#FF9100",color:"#000000"},purple:{"background-color":"#A00078",color:"#FFFFFF"},red:{"background-color":"#EC0000",color:"#FFFFFF"},yellow:{"background-color":"#FFE600",color:"#000000"}},badge:{"font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)","font-weight":800,"line-height":"1.6","padding-inline":".5rem",blue:{"background-color":"#009DE6",color:"#000000"},"dark-blue":{"background-color":"#004699",color:"#FFFFFF"},"dark-green":{"background-color":"#00A03C",color:"#FFFFFF"},green:{"background-color":"#BED200",color:"#000000"},magenta:{"background-color":"#E50082",color:"#FFFFFF"},orange:{"background-color":"#FF9100",color:"#000000"},purple:{"background-color":"#A00078",color:"#FFFFFF"},yellow:{"background-color":"#FFE600",color:"#000000"}},blockquote:{color:"#000000","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.531rem, calc(1.016vw + 1.328rem), 2.344rem)","font-weight":800,"line-height":"1.3","inverse-color":"#FFFFFF"},breadcrumb:{"font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)","font-weight":400,"line-height":"1.6",separator:{"background-image":`url("data:image/svg+xml;utf8,")`},link:{color:"#004699","outline-offset":"2px","text-decoration-line":"none","text-decoration-thickness":"0.125rem","text-underline-offset":"0.375rem",hover:{color:"#102E62","text-decoration-line":"underline"}}},button:{cursor:"pointer","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)","line-height":"1.6",gap:"1rem","padding-block":".5rem","padding-inline":"1rem","outline-offset":"2px",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":"#BEBEBE","box-shadow":"inset 0 0 0 0.125rem #BEBEBE"},hover:{"background-color":"#102E62","box-shadow":"inset 0 0 0 0.125rem #102E62"}},secondary:{"background-color":"#FFFFFF",color:"#004699","box-shadow":"inset 0 0 0 0.125rem #004699",hover:{"box-shadow":"inset 0 0 0 0.1875rem #102E62",color:"#102E62"},disabled:{"background-color":"#FFFFFF","box-shadow":"inset 0 0 0 0.125rem #BEBEBE",color:"#BEBEBE"},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 #102E62",color:"#102E62"},disabled:{"background-color":"transparent",color:"#BEBEBE"}}},card:{link:{color:"#004699","text-decoration-line":"none","text-decoration-thickness":"0.125rem","text-underline-offset":"0.375rem",hover:{color:"#102E62","text-decoration-line":"underline"}},"outline-offset":"2px"},checkbox:{color:"#000000","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)","font-weight":400,"line-height":"1.6","outline-offset":"2px",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":"#102E62"}},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":"#102E62","border-width":"0.1875rem"},invalid:{"border-color":"#EC0000",checked:{"background-color":"#EC0000",hover:{"background-color":"#EC0000"}},hover:{"border-color":"#EC0000"},indeterminate:{"background-color":"#EC0000",hover:{"background-color":"#EC0000"}}},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":"#102E62"}}},disabled:{color:"#767676"},hover:{color:"#102E62","text-decoration-thickness":"0.125rem"}},column:{gap:{xs:"clamp(0.25rem, calc(0.78125vw + 0.09375rem), 0.875rem)",sm:"clamp(0.5rem, calc(1.5625vw + 0.1875rem), 1.75rem)",md:"clamp(1rem, calc(3.125vw + 0.375rem), 3.5rem)",lg:"clamp(1.5rem, calc(4.6875vw + 0.5625rem), 5.25rem)",xl:"clamp(2rem, calc(6.25vw + 0.75rem), 7rem)"}},"date-input":{"background-color":"#FFFFFF","box-shadow":"inset 0 0 0 0.0625rem #000000",color:"#000000","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)","font-weight":400,"line-height":"1.6","outline-offset":"2px","padding-block":".5rem","padding-inline":"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 #BEBEBE",color:"#BEBEBE","calender-picker-indicator":{"background-image":`url("data:image/svg+xml;utf8,")`}},hover:{"box-shadow":"inset 0 0 0 0.125rem #000000","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 #EC0000"}}},"description-list":{color:"#000000","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)","font-weight":400,gap:"1rem","inverse-color":"#FFFFFF","line-height":"1.6",row:{gap:"1rem"},details:{"font-weight":800,"padding-inline-start":"2rem"}},dialog:{"background-color":"#FFFFFF",border:"0","max-inline-size":"min(87.69vw, 45rem)",form:{gap:"1.5rem","padding-block":"clamp(1.5rem, calc(1.5rem + ((1vw - 0.5337rem) * 2.1448)), 2.5rem)","padding-inline":"clamp(1.5rem, calc(1.5rem + ((1vw - 0.5337rem) * 2.1448)), 2.5rem)","max-block-size":"75vh"},header:{gap:"1rem"},footer:{gap:"1rem"}},field:{gap:".75rem",invalid:{"border-inline-start":"0.1875rem solid #EC0000","padding-inline-start":"1rem"}},fieldset:{legend:{color:"#000000","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)","font-weight":800,"line-height":"1.5"}},"form-field-character-counter":{color:"#000000","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)","font-weight":400,"line-height":"1.6",error:{color:"#EC0000"}},gap:{xs:"clamp(0.25rem, calc(0.78125vw + 0.09375rem), 0.875rem)",sm:"clamp(0.5rem, calc(1.5625vw + 0.1875rem), 1.75rem)",md:"clamp(1rem, calc(3.125vw + 0.375rem), 3.5rem)",lg:"clamp(1.5rem, calc(4.6875vw + 0.5625rem), 5.25rem)",xl:"clamp(2rem, calc(6.25vw + 0.75rem), 7rem)"},grid:{"column-count":"4","column-gap":"clamp(1rem, calc(3.125vw + 0.375rem), 3.5rem)","padding-block":{sm:"clamp(0.5rem, calc(1.5625vw + 0.1875rem), 1.75rem)",md:"clamp(1rem, calc(3.125vw + 0.375rem), 3.5rem)",lg:"clamp(1.5rem, calc(4.6875vw + 0.5625rem), 5.25rem)"},"padding-inline":"clamp(1.5rem, calc(4.6875vw + 0.5625rem), 5.25rem)","row-gap":{sm:"clamp(0.5rem, calc(1.5625vw + 0.1875rem), 1.75rem)",md:"clamp(1rem, calc(3.125vw + 0.375rem), 3.5rem)",lg:"clamp(1.5rem, calc(4.6875vw + 0.5625rem), 5.25rem)"},medium:{"column-count":"8"},wide:{"column-count":"12"}},header:{"column-gap":"clamp(1rem, calc(3.125vw + 0.375rem), 3.5rem)","padding-block":"1rem","logo-link":{"outline-offset":"2px"}},heading:{color:"#000000","font-family":"'Amsterdam Sans', Arial, sans-serif","font-weight":800,"inverse-color":"#FFFFFF",level:{1:{"font-size":"clamp(2.084rem, calc(1.973vw + 1.69rem), 3.662rem)","line-height":"1.2"},2:{"font-size":"clamp(1.786rem, calc(1.43vw + 1.5rem), 2.93rem)","line-height":"1.25"},3:{"font-size":"clamp(1.531rem, calc(1.016vw + 1.328rem), 2.344rem)","line-height":"1.3"},4:{"font-size":"clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)","line-height":"1.5"},5:{"font-size":"clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)","line-height":"1.6"},6:{"font-size":"clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)","line-height":"1.6"}}},"icon-button":{color:"#004699","outline-offset":"2px",hover:{"background-color":"rgba(0, 70, 153, 0.125)",color:"#102E62"},disabled:{color:"#BEBEBE"},"on-background-light":{color:"#000000",hover:{"background-color":"rgba(0, 0, 0, 0.125)",color:"#000000"},disabled:{color:"#BEBEBE"}},"on-background-dark":{"background-color":"#004699",color:"#FFFFFF",hover:{"background-color":"#102E62",color:"#FFFFFF"},disabled:{color:"#FFFFFF","background-color":"#BEBEBE"}}},icon:{"size-3":{"font-size":"clamp(1.531rem, calc(1.016vw + 1.328rem), 2.344rem)","line-height":"1.3"},"size-4":{"font-size":"clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)","line-height":"1.5"},"size-5":{"font-size":"clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)","line-height":"1.6"},"size-6":{"font-size":"clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)","line-height":"1.6"}},label:{color:"#000000","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)","font-weight":800,"line-height":"1.5"},"link-list":{gap:"0.5em",link:{color:"#004699","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)","font-weight":400,gap:"0.5em","line-height":"1.6","outline-offset":"2px","text-decoration-line":"none","text-decoration-thickness":"0.125rem","text-underline-offset":"0.375rem",small:{"font-size":"clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)","line-height":"1.6"},large:{"font-size":"clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)","line-height":"1.5"},hover:{color:"#102E62","text-decoration-line":"underline"},"on-background-dark":{color:"#FFFFFF",hover:{color:"#FFFFFF"}},"on-background-light":{color:"#000000",hover:{color:"#000000"}}}},link:{color:"#004699","font-family":"'Amsterdam Sans', Arial, sans-serif","font-weight":400,"outline-offset":"2px",hover:{color:"#102E62"},inline:{"text-decoration-line":"underline","text-decoration-thickness":"0.125rem","text-underline-offset":"0.375rem","font-family":"inherit","font-size":"inherit","line-height":"inherit",hover:{"text-decoration-thickness":"0.1875rem","text-underline-offset":"0.3125rem"},visited:{color:"#A00078"}},standalone:{"font-size":"clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)","line-height":"1.6","text-decoration-line":"underline","text-decoration-thickness":"0.125rem","text-underline-offset":"0.375rem",hover:{"text-decoration-thickness":"0.1875rem","text-underline-offset":"0.3125rem"}},"on-background-dark":{color:"#FFFFFF",hover:{color:"#FFFFFF"},visited:{color:"#FFFFFF"}},"on-background-light":{color:"#000000",hover:{color:"#000000"},visited:{color:"#000000"}}},logo:{height:"2.5rem",emblem:{color:"#EC0000"},title:{color:"#EC0000"},subsite:{color:"#000000"}},margin:{xs:"clamp(0.25rem, calc(0.78125vw + 0.09375rem), 0.875rem)",sm:"clamp(0.5rem, calc(1.5625vw + 0.1875rem), 1.75rem)",md:"clamp(1rem, calc(3.125vw + 0.375rem), 3.5rem)",lg:"clamp(1.5rem, calc(4.6875vw + 0.5625rem), 5.25rem)",xl:"clamp(2rem, calc(6.25vw + 0.75rem), 7rem)"},mark:{"background-color":"#FFE600"},"mega-menu":{"list-category":{"column-gap":"clamp(1rem, calc(3.125vw + 0.375rem), 3.5rem)","column-width":"20rem","padding-block-start":"1rem","padding-block-end":"clamp(1rem, calc(3.125vw + 0.375rem), 3.5rem)"}},"ordered-list":{color:"#000000","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)","font-weight":400,gap:"0.75rem","inverse-color":"#FFFFFF","line-height":"1.6","list-style-type":"decimal",small:{"font-size":"clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)","line-height":"1.6"},item:{"margin-inline-start":"2.25rem","padding-inline-start":"0.25rem"},"ordered-list":{"list-style-type":"lower-alpha",item:{"margin-inline-start":"1.5rem","padding-inline-start":"0.25rem"}}},"page-heading":{color:"#000000","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(2.432rem, calc(2.683vw + 1.895rem), 4.578rem)","font-weight":800,"inverse-color":"#FFFFFF","line-height":"clamp(2.432rem, calc(2.683vw + 1.895rem), 4.578rem)"},"page-menu":{"column-gap":"clamp(1rem, calc(3.125vw + 0.375rem), 3.5rem)","row-gap":"clamp(0.25rem, calc(0.78125vw + 0.09375rem), 0.875rem)",item:{color:"#004699","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)","font-weight":400,gap:"0.5rem","line-height":"1.6","outline-offset":"2px","text-decoration-line":"none","text-decoration-thickness":"0.125rem","text-underline-offset":"0.375rem",hover:{color:"#102E62","text-decoration-line":"underline"}}},pagination:{color:"#004699","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)","font-weight":400,"line-height":"1.6",button:{"outline-offset":"2px","padding-inline":".75rem","text-decoration-line":"none","text-decoration-thickness":"0.125rem","text-underline-offset":"0.375rem",current:{"font-weight":800},hover:{color:"#102E62","text-decoration-line":"underline"}}},paragraph:{color:"#000000","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)","font-weight":400,"line-height":"1.6","inverse-color":"#FFFFFF",small:{"font-size":"clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)","line-height":"1.6"},large:{"font-size":"clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)","line-height":"1.5"}},radio:{color:"#000000","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)","font-weight":400,"line-height":"1.6","outline-offset":"2px",circle:{"border-color":"#004699","border-width":"0.125rem",checked:{"background-image":`url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' fill='%23004699'%3E%3Ccircle cx='16' cy='16' r='16' /%3E%3C/svg%3E")`,hover:{"background-image":`url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' fill='%23102E62'%3E%3Ccircle cx='16' cy='16' r='16' /%3E%3C/svg%3E")`}},disabled:{"border-color":"#767676","border-width":"0.125rem",checked:{"background-image":`url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' fill='%23767676'%3E%3Ccircle cx='16' cy='16' r='16' /%3E%3C/svg%3E")`,hover:{"background-image":`url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' fill='%23767676'%3E%3Ccircle cx='16' cy='16' r='16' /%3E%3C/svg%3E")`}}},hover:{"border-color":"#102E62"},invalid:{"border-color":"#EC0000",checked:{"background-image":`url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' fill='%23EC0000'%3E%3Ccircle cx='16' cy='16' r='16' /%3E%3C/svg%3E")`,hover:{"background-image":`url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' fill='%23EC0000'%3E%3Ccircle cx='16' cy='16' r='16' /%3E%3C/svg%3E")`}},hover:{"border-color":"#EC0000"}}},disabled:{color:"#767676"},hover:{color:"#102E62","text-decoration-thickness":"0.125rem"}},row:{gap:{xs:".5rem",sm:".75rem",md:"1rem",lg:"1.5rem",xl:"2rem"}},screen:{"background-color":"#FFFFFF",wide:{"max-width":"100rem"},"x-wide":{"max-width":"132rem"}},"search-field":{button:{"background-color":"#004699",color:"#FFFFFF","outline-offset":"2px","padding-block":".5rem","padding-inline":".5rem",hover:{"background-color":"#102E62"}},input:{"background-color":"#FFFFFF","box-shadow":"inset 0 0 0 0.0625rem #000000",color:"#000000","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)","font-weight":400,"line-height":"1.6","outline-offset":"2px","padding-block":".5rem","padding-inline":"1rem","cancel-button":{"background-image":`url("data:image/svg+xml;utf8,")`,"block-size":"clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)",color:"#004699","inline-size":"clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)"},hover:{"box-shadow":"inset 0 0 0 0.125rem #000000"},placeholder:{color:"#767676"}}},select:{"background-color":"#FFFFFF","background-image":`url("data:image/svg+xml;utf8,")`,"background-position":"right 1rem center","box-shadow":"inset 0 0 0 0.0625rem #000000",color:"#000000","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)","font-weight":400,"line-height":"1.6","outline-offset":"2px","padding-block":".5rem","padding-inline":"1rem calc(2 * 1rem + 1em)",disabled:{"background-image":`url("data:image/svg+xml;utf8,")`,"box-shadow":"inset 0 0 0 0.0625rem #BEBEBE",color:"#BEBEBE"},hover:{"box-shadow":"inset 0 0 0 0.125rem #000000"},invalid:{"box-shadow":"inset 0 0 0 0.0625rem #EC0000",hover:{"box-shadow":"inset 0 0 0 0.125rem #EC0000"}},option:{disabled:{color:"#BEBEBE"}}},"skip-link":{"background-color":"#004699",color:"#FFFFFF","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)","font-weight":400,"line-height":"1.6","outline-offset":"2px","padding-block":".5rem","padding-inline":"1rem",hover:{"background-color":"#102E62"}},spotlight:{blue:{"background-color":"#009DE6"},"dark-blue":{"background-color":"#004699"},"dark-green":{"background-color":"#00A03C"},green:{"background-color":"#BED200"},magenta:{"background-color":"#E50082"},orange:{"background-color":"#FF9100"},purple:{"background-color":"#A00078"},yellow:{"background-color":"#FFE600"}},switch:{"font-family":"'Amsterdam Sans', Arial, sans-serif","background-color":"#767676",width:"3.5rem",thumb:{"background-color":"#FFFFFF",width:"1.75rem",height:"1.75rem",hover:{color:"#102E62"}},checked:{"background-color":"#004699"},"outline-offset":"2px",disabled:{"background-color":"#BEBEBE"}},table:{color:"#000000","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)","font-weight":400,"line-height":"1.6",caption:{"font-weight":800},cell:{"border-bottom":"0.0625rem solid #E8E8E8","padding-block":"1rem","padding-inline":"1rem"},"header-cell":{"font-weight":800}},tabs:{list:{"background-color":"#FFFFFF","border-bottom":"0.125rem solid #004699"},button:{color:"#004699",cursor:"pointer","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)","font-weight":400,"line-height":"1.6","outline-offset":"-0.25rem","padding-block":".5rem","padding-inline":"1rem",hover:{color:"#102E62","box-shadow":"inset 0 -0.125rem 0 0 #102E62"},selected:{"background-color":"#004699",color:"#FFFFFF"},disabled:{color:"#BEBEBE",cursor:"not-allowed"}}},"text-area":{"background-color":"#FFFFFF","box-shadow":"inset 0 0 0 0.0625rem #000000",color:"#000000","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)","font-weight":400,"line-height":"1.6","min-block-size":"calc(1.6 * 1em + 2 * 0.5rem)","outline-offset":"2px","padding-block":"0.5rem","padding-inline":"1rem",disabled:{"background-color":"#FFFFFF","box-shadow":"inset 0 0 0 0.0625rem #BEBEBE",color:"#BEBEBE",cursor:"not-allowed"},hover:{"box-shadow":"inset 0 0 0 0.125rem #000000"},invalid:{"box-shadow":"inset 0 0 0 0.0625rem #EC0000",hover:{"box-shadow":"inset 0 0 0 0.125rem #EC0000"}},placeholder:{color:"#767676"}},"text-input":{"background-color":"#FFFFFF","box-shadow":"inset 0 0 0 0.0625rem #000000",color:"#000000","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)","font-weight":400,"line-height":"1.6","outline-offset":"2px","padding-block":".5rem","padding-inline":"1rem",disabled:{"background-color":"#FFFFFF","box-shadow":"inset 0 0 0 0.0625rem #BEBEBE",color:"#BEBEBE"},hover:{"box-shadow":"inset 0 0 0 0.125rem #000000"},invalid:{"box-shadow":"inset 0 0 0 0.0625rem #EC0000",hover:{"box-shadow":"inset 0 0 0 0.125rem #EC0000"}},placeholder:{color:"#767676"}},"time-input":{"background-color":"#FFFFFF","box-shadow":"inset 0 0 0 0.0625rem #000000",color:"#000000","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)","font-weight":400,"line-height":"1.6","outline-offset":"2px","padding-block":".5rem","padding-inline":"1rem","calender-picker-indicator":{"background-image":`url("data:image/svg+xml;utf8,")`},disabled:{"background-color":"#FFFFFF","box-shadow":"inset 0 0 0 0.0625rem #BEBEBE",color:"#BEBEBE","calender-picker-indicator":{"background-image":`url("data:image/svg+xml;utf8,")`}},hover:{"box-shadow":"inset 0 0 0 0.125rem #000000","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 #EC0000"}}},"top-task-link":{description:{color:"#000000","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)","font-weight":400,"line-height":"1.6"},label:{color:"#004699","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)","font-weight":800,"line-height":"1.5","text-decoration-line":"none","text-decoration-thickness":"0.125rem","text-underline-offset":"0.375rem",hover:{color:"#102E62","text-decoration-line":"underline"}},"outline-offset":"2px"},"unordered-list":{color:"#000000","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)","font-weight":400,gap:"0.75rem","inverse-color":"#FFFFFF","line-height":"1.6","list-style-type":"'\\2022'",item:{"margin-inline-start":"1.625rem","padding-inline-start":"0.875rem"},"unordered-list":{"list-style-type":"'\\2013'",item:{"margin-inline-start":"0.875rem","padding-inline-start":"0.875rem"}},small:{"font-size":"clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)","line-height":"1.6"}}},l={ams:f},t=h.forwardRef(({children:o,...a},d)=>e.jsx("div",{...a,ref:d,className:"ams-storybook-color-palette",children:o}));t.displayName="ColorPalette";const c=({children:o})=>e.jsx("div",{className:"ams-storybook-color-palette__section",children:o});c.displayName="ColorPalette.Section";const s=({name:o,color:a})=>e.jsxs("div",{className:"ams-storybook-color-palette__tile",children:[e.jsx("div",{className:"ams-storybook-color-palette__example",style:{backgroundColor:a}}),e.jsxs("dl",{className:"sb-unstyled ams-storybook-color-palette__description",children:[e.jsx("dt",{className:"ams-storybook-color-palette__name",children:o}),e.jsx("dd",{className:"ams-storybook-color-palette__color",children:a})]})]});s.displayName="ColorPalette.Tile";const r=Object.assign(t,{Section:c,Tile:s});try{r.displayName="ColorPalette",r.__docgenInfo={description:"",displayName:"ColorPalette",props:{}}}catch{}function n(o){const a={h1:"h1",p:"p",...m(),...o.components};return r||i("ColorPalette",!1),r.Section||i("ColorPalette.Section",!0),r.Tile||i("ColorPalette.Tile",!0),e.jsxs(e.Fragment,{children:[e.jsx(g,{title:"Docs/Assets/Colour"}),` `,e.jsx(a.h1,{id:"colour",children:"Colour"}),` `,e.jsx(a.p,{children:`The basic colours of Amsterdam are white, red, and black. We have 8 additional colours and 3 shades of grey.`}),` diff --git a/demo-develop/assets/favicon.docs-BIbGMGke.js b/demo-develop/assets/favicon.docs-CwEx9ik3.js similarity index 95% rename from demo-develop/assets/favicon.docs-BIbGMGke.js rename to demo-develop/assets/favicon.docs-CwEx9ik3.js index 12509be773..b4c302e367 100644 --- a/demo-develop/assets/favicon.docs-BIbGMGke.js +++ b/demo-develop/assets/favicon.docs-CwEx9ik3.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as o}from"./index-DlpNa54Y.js";import{M as t}from"./index-DanlQ17N.js";import{F as a,S as r,A as l}from"./AppIcons-BpQwMKpw.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-C2MGObLX.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";import"./index.esm-BqSmeFgf.js";import"./clsx-B-dksMZM.js";import"./index.esm-DQkeu4as.js";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:"Docs/Assets/Favicon"}),` +import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as o}from"./index-DlpNa54Y.js";import{M as t}from"./index-C1H0KNfC.js";import{F as a,S as r,A as l}from"./AppIcons-F5v9Q3ZH.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-CjTW3GMG.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";import"./index.esm-BLr1zrdO.js";import"./clsx-B-dksMZM.js";import"./index.esm-DQkeu4as.js";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:"Docs/Assets/Favicon"}),` `,e.jsx(n.h1,{id:"favicon-the-websites-icon",children:"Favicon: the website's icon"}),` `,e.jsx(n.p,{children:"Represent the website in bookmarks, on home screens, in syndication and other tools."}),` `,e.jsx(n.p,{children:`Here’s how to display a website icon (a favicon) in the web browser. diff --git a/demo-develop/assets/font.docs-zj54SJ1p.js b/demo-develop/assets/font.docs-CL5Pwpbr.js similarity index 95% rename from demo-develop/assets/font.docs-zj54SJ1p.js rename to demo-develop/assets/font.docs-CL5Pwpbr.js index 5181e2c203..9d31d4f82d 100644 --- a/demo-develop/assets/font.docs-zj54SJ1p.js +++ b/demo-develop/assets/font.docs-CL5Pwpbr.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as o}from"./index-DlpNa54Y.js";import{M as i,T as r}from"./index-DanlQ17N.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-C2MGObLX.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";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:"Docs/Assets/Font"}),` +import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as o}from"./index-DlpNa54Y.js";import{M as i,T as r}from"./index-C1H0KNfC.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-CjTW3GMG.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";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:"Docs/Assets/Font"}),` `,e.jsx(n.h1,{id:"font",children:"Font"}),` `,e.jsx(n.p,{children:"We use the Amsterdam Sans font."}),` `,e.jsx(n.p,{children:`This is a typeface with a clear, open appearance that complements the Andreaskruisen well. diff --git a/demo-develop/assets/formatter-B5HCVTEV-DGlOJEeA.js b/demo-develop/assets/formatter-B5HCVTEV-BjhBE3fZ.js similarity index 99% rename from demo-develop/assets/formatter-B5HCVTEV-DGlOJEeA.js rename to demo-develop/assets/formatter-B5HCVTEV-BjhBE3fZ.js index 28cf193141..65215ca105 100644 --- a/demo-develop/assets/formatter-B5HCVTEV-DGlOJEeA.js +++ b/demo-develop/assets/formatter-B5HCVTEV-BjhBE3fZ.js @@ -1,4 +1,4 @@ -var Qi=Object.defineProperty;var Zi=(e,t,r)=>t in e?Qi(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r;var _e=(e,t,r)=>(Zi(e,typeof t!="symbol"?t+"":t,r),r);import{m as ea}from"./index-DanlQ17N.js";import"./iframe-C2MGObLX.js";import"../sb-preview/runtime.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";var ta=Object.defineProperty,pu=(e,t)=>{for(var r in t)ta(e,r,{get:t[r],enumerable:!0})},hu=(e,t,r)=>{if(!t.has(e))throw TypeError("Cannot "+r)},se=(e,t,r)=>(hu(e,t,"read from private field"),t.get(e)),ra=(e,t,r)=>{if(t.has(e))throw TypeError("Cannot add the same private member more than once");t instanceof WeakSet?t.add(e):t.set(e,r)},na=(e,t,r,n)=>(hu(e,t,"write to private field"),t.set(e,r),r),du={};pu(du,{languages:()=>Vl,options:()=>zl,parsers:()=>Gu,printers:()=>Gl});var ua=(e,t,r,n)=>{if(!(e&&t==null))return t.replaceAll?t.replaceAll(r,n):r.global?t.replace(r,n):t.split(r).join(n)},O=ua,Br="string",xr="array",Tr="cursor",Bt="indent",xt="align",Lr="trim",Ye="group",Tt="fill",Lt="if-break",Nt="indent-if-break",Nr="line-suffix",qr="line-suffix-boundary",be="line",Pr="label",qt="break-parent",Du=new Set([Tr,Bt,xt,Lr,Ye,Tt,Lt,Nt,Nr,qr,be,Pr,qt]);function ia(e){if(typeof e=="string")return Br;if(Array.isArray(e))return xr;if(!e)return;let{type:t}=e;if(Du.has(t))return t}var Ir=ia,aa=e=>new Intl.ListFormat("en-US",{type:"disjunction"}).format(e);function sa(e){let t=e===null?"null":typeof e;if(t!=="string"&&t!=="object")return`Unexpected doc '${t}', +var Qi=Object.defineProperty;var Zi=(e,t,r)=>t in e?Qi(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r;var _e=(e,t,r)=>(Zi(e,typeof t!="symbol"?t+"":t,r),r);import{m as ea}from"./index-C1H0KNfC.js";import"./iframe-CjTW3GMG.js";import"../sb-preview/runtime.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";var ta=Object.defineProperty,pu=(e,t)=>{for(var r in t)ta(e,r,{get:t[r],enumerable:!0})},hu=(e,t,r)=>{if(!t.has(e))throw TypeError("Cannot "+r)},se=(e,t,r)=>(hu(e,t,"read from private field"),t.get(e)),ra=(e,t,r)=>{if(t.has(e))throw TypeError("Cannot add the same private member more than once");t instanceof WeakSet?t.add(e):t.set(e,r)},na=(e,t,r,n)=>(hu(e,t,"write to private field"),t.set(e,r),r),du={};pu(du,{languages:()=>Vl,options:()=>zl,parsers:()=>Gu,printers:()=>Gl});var ua=(e,t,r,n)=>{if(!(e&&t==null))return t.replaceAll?t.replaceAll(r,n):r.global?t.replace(r,n):t.split(r).join(n)},O=ua,Br="string",xr="array",Tr="cursor",Bt="indent",xt="align",Lr="trim",Ye="group",Tt="fill",Lt="if-break",Nt="indent-if-break",Nr="line-suffix",qr="line-suffix-boundary",be="line",Pr="label",qt="break-parent",Du=new Set([Tr,Bt,xt,Lr,Ye,Tt,Lt,Nt,Nr,qr,be,Pr,qt]);function ia(e){if(typeof e=="string")return Br;if(Array.isArray(e))return xr;if(!e)return;let{type:t}=e;if(Du.has(t))return t}var Ir=ia,aa=e=>new Intl.ListFormat("en-US",{type:"disjunction"}).format(e);function sa(e){let t=e===null?"null":typeof e;if(t!=="string"&&t!=="object")return`Unexpected doc '${t}', Expected it to be 'string' or 'object'.`;if(Ir(e))throw new Error("doc is valid.");let r=Object.prototype.toString.call(e);if(r!=="[object Object]")return`Unexpected doc '${r}'.`;let n=aa([...Du].map(u=>`'${u}'`));return`Unexpected doc.type '${e.type}'. Expected it to be ${n}.`}var oa=class extends Error{constructor(t){super(sa(t));_e(this,"name","InvalidDocError");this.doc=t}},fu=oa,la=()=>{},ca=la;function we(e){return{type:Bt,contents:e}}function mu(e,t){return{type:xt,contents:t,n:e}}function q(e,t={}){return ca(t.expandedStates),{type:Ye,id:t.id,contents:e,break:!!t.shouldBreak,expandedStates:t.expandedStates}}function pa(e){return mu(Number.NEGATIVE_INFINITY,e)}function ha(e){return mu({type:"root"},e)}function gu(e){return{type:Tt,parts:e}}function bt(e,t="",r={}){return{type:Lt,breakContents:e,flatContents:t,groupId:r.groupId}}function da(e,t){return{type:Nt,contents:e,groupId:t.groupId,negate:t.negate}}var Ze={type:qt},Da={type:be,hard:!0},fa={type:be,hard:!0,literal:!0},L={type:be},I={type:be,soft:!0},A=[Da,Ze],ma=[fa,Ze];function et(e,t){let r=[];for(let n=0;n{if(!(e&&t==null))return Array.isArray(t)||typeof t=="string"?t[r<0?t.length+r:r]:t.at(r)},Pt=ga;function Or(e,t){if(typeof e=="string")return t(e);let r=new Map;return n(e);function n(i){if(r.has(i))return r.get(i);let a=u(i);return r.set(i,a),a}function u(i){switch(Ir(i)){case xr:return t(i.map(n));case Tt:return t({...i,parts:i.parts.map(n)});case Lt:return t({...i,breakContents:n(i.breakContents),flatContents:n(i.flatContents)});case Ye:{let{expandedStates:a,contents:s}=i;return a?(a=a.map(n),s=a[0]):s=n(s),t({...i,contents:s,expandedStates:a})}case xt:case Bt:case Nt:case Pr:case Nr:return t({...i,contents:n(i.contents)});case Br:case Tr:case Lr:case qr:case be:case qt:return t(i);default:throw new fu(i)}}}function Ca(e){switch(Ir(e)){case Tt:if(e.parts.every(t=>t===""))return"";break;case Ye:if(!e.contents&&!e.id&&!e.break&&!e.expandedStates)return"";if(e.contents.type===Ye&&e.contents.id===e.id&&e.contents.break===e.break&&e.contents.expandedStates===e.expandedStates)return e.contents;break;case xt:case Bt:case Nt:case Nr:if(!e.contents)return"";break;case Lt:if(!e.flatContents&&!e.breakContents)return"";break;case xr:{let t=[];for(let r of e){if(!r)continue;let[n,...u]=Array.isArray(r)?r:[r];typeof n=="string"&&typeof Pt(!1,t,-1)=="string"?t[t.length-1]+=n:t.push(n),t.push(...u)}return t.length===0?"":t.length===1?t[0]:t}case Br:case Tr:case Lr:case qr:case be:case Pr:case qt:break;default:throw new fu(e)}return e}function Fa(e){return Or(e,t=>Ca(t))}function G(e,t=ma){return Or(e,r=>typeof r=="string"?et(t,r.split(` `)):r)}var va=class extends Error{constructor(t,r,n="type"){super(`Unexpected ${r} node ${n}: ${JSON.stringify(t[n])}.`);_e(this,"name","UnexpectedNodeError");this.node=t}},ya=va,lt="'",cn='"';function Ea(e,t){let r=t===!0||t===lt?lt:cn,n=r===lt?cn:lt,u=0,i=0;for(let a of e)a===r?u++:a===n&&i++;return u>i?n:r}var ba=Ea;function wa(e){if(typeof e!="string")throw new TypeError("Expected a string");return e.replace(/[|\\{}()[\]^$+*?.]/g,"\\$&").replace(/-/g,"\\x2d")}var U,Sa=class{constructor(e){ra(this,U,void 0),na(this,U,new Set(e))}getLeadingWhitespaceCount(e){let t=se(this,U),r=0;for(let n=0;n=0&&t.has(e.charAt(n));n--)r++;return r}getLeadingWhitespace(e){let t=this.getLeadingWhitespaceCount(e);return e.slice(0,t)}getTrailingWhitespace(e){let t=this.getTrailingWhitespaceCount(e);return e.slice(e.length-t)}hasLeadingWhitespace(e){return se(this,U).has(e.charAt(0))}hasTrailingWhitespace(e){return se(this,U).has(Pt(!1,e,-1))}trimStart(e){let t=this.getLeadingWhitespaceCount(e);return e.slice(t)}trimEnd(e){let t=this.getTrailingWhitespaceCount(e);return e.slice(0,e.length-t)}trim(e){return this.trimEnd(this.trimStart(e))}split(e,t=!1){let r=`[${wa([...se(this,U)].join(""))}]+`,n=new RegExp(t?`(${r})`:r);return e.split(n)}hasWhitespaceCharacter(e){let t=se(this,U);return Array.prototype.some.call(e,r=>t.has(r))}hasNonWhitespaceCharacter(e){let t=se(this,U);return Array.prototype.some.call(e,r=>!t.has(r))}isWhitespaceOnly(e){let t=se(this,U);return Array.prototype.every.call(e,r=>t.has(r))}};U=new WeakMap;var Aa=Sa,ka=[" ",` diff --git a/demo-develop/assets/grid.docs-DYWg67t5.js b/demo-develop/assets/grid.docs-Bsgc1JoK.js similarity index 99% rename from demo-develop/assets/grid.docs-DYWg67t5.js rename to demo-develop/assets/grid.docs-Bsgc1JoK.js index ddae581918..ec1275c8fc 100644 --- a/demo-develop/assets/grid.docs-DYWg67t5.js +++ b/demo-develop/assets/grid.docs-Bsgc1JoK.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as s}from"./index-DlpNa54Y.js";import{M as l}from"./index-DanlQ17N.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-C2MGObLX.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";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:"Docs/Design Guidelines/Grid"}),` +import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as s}from"./index-DlpNa54Y.js";import{M as l}from"./index-C1H0KNfC.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-CjTW3GMG.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";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:"Docs/Design Guidelines/Grid"}),` `,e.jsx(t.h1,{id:"grid",children:"Grid"}),` `,e.jsx(t.p,{children:`Underlying each page is a responsive grid. All elements on a page are placed on this grid.`}),` diff --git a/demo-develop/assets/icon-gallery.docs-CA1Yvj7H.js b/demo-develop/assets/icon-gallery.docs-BWyAtA-T.js similarity index 85% rename from demo-develop/assets/icon-gallery.docs-CA1Yvj7H.js rename to demo-develop/assets/icon-gallery.docs-BWyAtA-T.js index bd441f6277..51371a1c74 100644 --- a/demo-develop/assets/icon-gallery.docs-CA1Yvj7H.js +++ b/demo-develop/assets/icon-gallery.docs-BWyAtA-T.js @@ -1,4 +1,4 @@ -import{j as n}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as r}from"./index-DlpNa54Y.js";import{I as i,g as c,M as m}from"./index-DanlQ17N.js";import{I as s}from"./index.esm-DQkeu4as.js";import{I as l}from"./Icon-tKAGJH_4.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-C2MGObLX.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";import"./clsx-B-dksMZM.js";const a=()=>{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(l,{svg:s[o]})},o))})};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(m,{title:"Docs/Assets/Icons"}),` +import{j as n}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as r}from"./index-DlpNa54Y.js";import{I as i,g as c,M as m}from"./index-C1H0KNfC.js";import{I as s}from"./index.esm-DQkeu4as.js";import{I as l}from"./Icon-CuaumHXX.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-CjTW3GMG.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";import"./clsx-B-dksMZM.js";const a=()=>{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(l,{svg:s[o]})},o))})};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(m,{title:"Docs/Assets/Icons"}),` `,n.jsx(o.h1,{id:"icons",children:"Icons"}),` `,n.jsx(o.p,{children:"An overview of all currently available icons."}),` `,n.jsx(a,{}),` diff --git a/demo-develop/assets/iframe-C2MGObLX.js b/demo-develop/assets/iframe-CjTW3GMG.js similarity index 53% rename from demo-develop/assets/iframe-C2MGObLX.js rename to demo-develop/assets/iframe-CjTW3GMG.js index b61c7258e5..bb5fc5d9c2 100644 --- a/demo-develop/assets/iframe-C2MGObLX.js +++ b/demo-develop/assets/iframe-CjTW3GMG.js @@ -1,2 +1,2 @@ -const __vite__fileDeps=["./Accordion.docs-DZTAW76e.js","./jsx-runtime-Nms4Y4qS.js","./index-BwDkhjyp.js","./_commonjsHelpers-BosuxZz1.js","./index-DlpNa54Y.js","./index-DanlQ17N.js","./index-B8XB3FuZ.js","./index-COebWTXQ.js","./index-B8K4vdXH.js","./index-DrFu-skq.js","./Accordion.stories-BA8fZ7sI.js","./exampleContent-CRK3_7Hv.js","./clsx-B-dksMZM.js","./index.esm-DQkeu4as.js","./getHeadingElement-DiRwFEz7.js","./Icon-tKAGJH_4.js","./useKeyboardFocus-CRUFsA_C.js","./Paragraph-B6eM4Eli.js","./Alert.docs--ILvFd5G.js","./Alert.stories-u7Mugo81.js","./Heading-mbayTkiK.js","./IconButton-B8Ra7ApA.js","./VisuallyHidden-Db-04MJ9.js","./UnorderedList-BEOg6IEf.js","./Link-C7ZZOouR.js","./AspectRatio.docs-DegF6RYS.js","./AspectRatio.stories-C71SUCeD.js","./AspectRatio-kpOHijlA.js","./Image-dXyGEKw_.js","./Avatar.docs-C65TJCN2.js","./Avatar.stories-Cp_mxpdb.js","./Header-71OD8ne6.js","./Logo-CUETn_by.js","./PageMenu-C8WrLt97.js","./Badge.docs-xpjlyk9C.js","./Badge.stories-BgN81uFf.js","./Blockquote.docs-CEt6Dv5z.js","./Blockquote.stories-fjuxa6hF.js","./decorators-Dh4yEj-W.js","./Blockquote-BYbejEe0.js","./Breadcrumb.docs-D9nlTKUN.js","./Breadcrumb.stories-Cw5Ydqfl.js","./Button.docs-C_KTbe_m.js","./Button.stories-C0zJvp24.js","./Button-DXS7hO6e.js","./Card.docs-CyoRfsWH.js","./Card.stories-BPGXMah2.js","./Card-CJ7z3kOJ.js","./Checkbox.docs-thBOlG2u.js","./Checkbox.stories-CugGJ9zk.js","./Checkbox-BZSBAJW8.js","./Column.docs-sBc01le6.js","./Column.stories-BSIkObbz.js","./DateInput.docs-DQ5u9hMU.js","./DateInput.stories-CBjnQdgV.js","./index.esm-BqSmeFgf.js","./DescriptionList.docs-BO6kbMVh.js","./DescriptionList.stories-CHBoBOIx.js","./Dialog.docs-q9Xj1kAv.js","./Dialog.stories-Dq06QMrN.js","./Field.docs-JApSnxz0.js","./Field.stories-DW2NbZf9.js","./Label-7rbJKFpg.js","./Fieldset.docs-Ydk15_-i.js","./Fieldset.stories-CnivnYGZ.js","./Fieldset-CGMBgOBg.js","./Footer.docs-CUIurmt6.js","./Footer.stories-DAjOJWD9.js","./Spotlight-BnYY0WBj.js","./Grid-qe23dp1l.js","./LinkList-Cj5_Zz5z.js","./FormFieldCharacterCounter.docs-BJ-juN8w.js","./FormFieldCharacterCounter.stories-B5uEw04C.js","./Grid.docs-D7nZepfR.js","./Grid.stories-DX-h3FSn.js","./Screen-DD3ND5ci.js","./Header.docs-nM_u7lfq.js","./Header.stories-bsrd2DWk.js","./Heading.docs-D_GAlwXx.js","./Heading.stories-zj-hTDTr.js","./Icon.docs-DnMYyhj6.js","./Icon.stories-X2-ywhsc.js","./IconButton.docs-B8hWVEhE.js","./IconButton.stories-DHPnVPUf.js","./Image.docs-CQIS1z5P.js","./Image.stories-gH3Psc3n.js","./Label.docs-BI_KoF19.js","./Label.stories-B7UyyokK.js","./Link.docs-BsJ0XVDA.js","./Link.stories-1CavNHGt.js","./LinkList.docs-XBduuQZ7.js","./LinkList.stories-DWoNT6GN.js","./Logo.docs-Cob7DH_H.js","./Logo.stories-DAWTJSBs.js","./Mark.docs-toLLEP41.js","./Mark.stories-BHAFpe2i.js","./MegaMenu.docs-C8s3HM4j.js","./MegaMenu.stories-CB-l-HKk.js","./OrderedList.docs-7yGX_ug0.js","./OrderedList.stories-BRvas6yQ.js","./Overlap.docs-DKzLWOHq.js","./Overlap.stories-BoUGdgfs.js","./SearchField-UrX6RHMf.js","./PageHeading.docs-DVdsNMRy.js","./PageHeading.stories-3uG29jIF.js","./PageMenu.docs-DCnESUY0.js","./PageMenu.stories-6TVP5boY.js","./Pagination.docs-ChOuN1jt.js","./Pagination.stories-CirgLww2.js","./Paragraph.docs-Bvyf9s3V.js","./Paragraph.stories-B7oJkpmq.js","./Radio.docs-g5FSGDf7.js","./Radio.stories-D6kxdtLC.js","./Row.docs-DIJ4AQy_.js","./Row.stories-ClsrX-O8.js","./Screen.docs-miKSeXL7.js","./Screen.stories-BFsP3mpp.js","./SearchField.docs-Dfl3-ddd.js","./SearchField.stories-C8lAWtBK.js","./Select.docs-C3rHmRlR.js","./Select.stories-Cfskxyzu.js","./SkipLink.docs-BCxOwc5w.js","./SkipLink.stories-DYc8TH_Y.js","./Spotlight.docs-CDAXfhZJ.js","./Spotlight.stories-BqqMQCLA.js","./Switch.docs-D-peYEhi.js","./Switch.stories-CRdSsY2n.js","./Table.docs-BYlXKtoK.js","./Table.stories-BkAm1jts.js","./Tabs.docs-BSRFpsWL.js","./Tabs.stories-naNrDYyu.js","./TextArea.docs-BdGx5hZZ.js","./TextArea.stories-DCKsdM3h.js","./TextInput.docs-D3F5M1ZB.js","./TextInput.stories-Co0gr1dn.js","./TimeInput.docs-nAp6PjvH.js","./TimeInput.stories-BGvK7Paf.js","./TopTaskLink.docs-CsbP5d1y.js","./TopTaskLink.stories-0n6IRitd.js","./UnorderedList.docs-O250vRex.js","./UnorderedList.stories-6GNxpD42.js","./VisuallyHidden.docs-DETwH8sh.js","./VisuallyHidden.stories-ok33FTbH.js","./borders.docs-D2OJGbFi.js","./breakpoints.docs-8uKWNTjM.js","./color.docs-M2fbEVjr.js","./color-DFJMzlb_.css","./favicon.docs-BIbGMGke.js","./AppIcons-BpQwMKpw.js","./font.docs-zj54SJ1p.js","./grid.docs-DYWg67t5.js","./icon-gallery.docs-CA1Yvj7H.js","./interactive-elements.docs-hHPXd4mL.js","./introduction.docs-CJ8AsCle.js","./language.docs-D8arM5Xw.js","./license.docs-BRnSKSne.js","./notice.docs-B4sBz_x-.js","./space.docs-KKZPOAEb.js","./typography.docs-BgHMKRWm.js","./web-app.docs-Ceihur_n.js","./entry-preview-CgM0oPjR.js","./react-18-CdTkaE-n.js","./entry-preview-docs-ZzRoUXk2.js","./preview-DqN9aQ4U.js","./preview-CwqMn10d.js","./preview-BAz7FMXc.js","./preview-DlCh_l6L.js","./preview-fEmZJZOM.css"],__vite__mapDeps=i=>i.map(i=>__vite__fileDeps[i]); -import"../sb-preview/runtime.js";(function(){const m=document.createElement("link").relList;if(m&&m.supports&&m.supports("modulepreload"))return;for(const r of document.querySelectorAll('link[rel="modulepreload"]'))c(r);new MutationObserver(r=>{for(const e of r)if(e.type==="childList")for(const s of e.addedNodes)s.tagName==="LINK"&&s.rel==="modulepreload"&&c(s)}).observe(document,{childList:!0,subtree:!0});function n(r){const e={};return r.integrity&&(e.integrity=r.integrity),r.referrerPolicy&&(e.referrerPolicy=r.referrerPolicy),r.crossOrigin==="use-credentials"?e.credentials="include":r.crossOrigin==="anonymous"?e.credentials="omit":e.credentials="same-origin",e}function c(r){if(r.ep)return;r.ep=!0;const e=n(r);fetch(r.href,e)}})();const O="modulepreload",T=function(o,m){return new URL(o,m).href},l={},t=function(m,n,c){let r=Promise.resolve();if(n&&n.length>0){const e=document.getElementsByTagName("link"),s=document.querySelector("meta[property=csp-nonce]"),E=(s==null?void 0:s.nonce)||(s==null?void 0:s.getAttribute("nonce"));r=Promise.all(n.map(_=>{if(_=T(_,c),_ in l)return;l[_]=!0;const a=_.endsWith(".css"),L=a?'[rel="stylesheet"]':"";if(!!c)for(let p=e.length-1;p>=0;p--){const d=e[p];if(d.href===_&&(!a||d.rel==="stylesheet"))return}else if(document.querySelector(`link[href="${_}"]${L}`))return;const i=document.createElement("link");if(i.rel=a?"stylesheet":O,a||(i.as="script",i.crossOrigin=""),i.href=_,E&&i.setAttribute("nonce",E),document.head.appendChild(i),a)return new Promise((p,d)=>{i.addEventListener("load",p),i.addEventListener("error",()=>d(new Error(`Unable to preload CSS for ${_}`)))})}))}return r.then(()=>m()).catch(e=>{const s=new Event("vite:preloadError",{cancelable:!0});if(s.payload=e,window.dispatchEvent(s),!s.defaultPrevented)throw e})},{createBrowserChannel:P}=__STORYBOOK_MODULE_CHANNELS__,{addons:R}=__STORYBOOK_MODULE_PREVIEW_API__,u=P({page:"preview"});R.setChannel(u);window.__STORYBOOK_ADDONS_CHANNEL__=u;window.CONFIG_TYPE==="DEVELOPMENT"&&(window.__STORYBOOK_SERVER_CHANNEL__=u);const I={"./src/components/Accordion/Accordion.docs.mdx":async()=>t(()=>import("./Accordion.docs-DZTAW76e.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-BA8fZ7sI.js").then(o=>o.A),__vite__mapDeps([10,1,2,3,11,12,13,14,15,16,17]),import.meta.url),"./src/components/Alert/Alert.docs.mdx":async()=>t(()=>import("./Alert.docs--ILvFd5G.js"),__vite__mapDeps([18,1,2,3,4,5,6,7,8,9,19,13,12,15,20,14,21,22,23,24,17]),import.meta.url),"./src/components/Alert/Alert.stories.tsx":async()=>t(()=>import("./Alert.stories-u7Mugo81.js").then(o=>o.A),__vite__mapDeps([19,1,2,3,13,12,15,20,14,21,22,23,24,17]),import.meta.url),"./src/components/AspectRatio/AspectRatio.docs.mdx":async()=>t(()=>import("./AspectRatio.docs-DegF6RYS.js"),__vite__mapDeps([25,1,2,3,4,5,6,7,8,9,26,27,12,28]),import.meta.url),"./src/components/AspectRatio/AspectRatio.stories.tsx":async()=>t(()=>import("./AspectRatio.stories-C71SUCeD.js").then(o=>o.A),__vite__mapDeps([26,1,2,3,27,12,28]),import.meta.url),"./src/components/Avatar/Avatar.docs.mdx":async()=>t(()=>import("./Avatar.docs-C65TJCN2.js"),__vite__mapDeps([29,1,2,3,4,5,6,7,8,9,30,13,12,22,28,15,31,32,20,14,33]),import.meta.url),"./src/components/Avatar/Avatar.stories.tsx":async()=>t(()=>import("./Avatar.stories-Cp_mxpdb.js").then(o=>o.A),__vite__mapDeps([30,1,2,3,13,12,22,28,15,31,32,20,14,33]),import.meta.url),"./src/components/Badge/Badge.docs.mdx":async()=>t(()=>import("./Badge.docs-xpjlyk9C.js"),__vite__mapDeps([34,1,2,3,4,5,6,7,8,9,35,12]),import.meta.url),"./src/components/Badge/Badge.stories.tsx":async()=>t(()=>import("./Badge.stories-BgN81uFf.js").then(o=>o.B),__vite__mapDeps([35,1,2,3,12]),import.meta.url),"./src/components/Blockquote/Blockquote.docs.mdx":async()=>t(()=>import("./Blockquote.docs-CEt6Dv5z.js"),__vite__mapDeps([36,1,2,3,4,5,6,7,8,9,37,38,11,39,12]),import.meta.url),"./src/components/Blockquote/Blockquote.stories.tsx":async()=>t(()=>import("./Blockquote.stories-fjuxa6hF.js").then(o=>o.B),__vite__mapDeps([37,38,1,2,3,11,39,12]),import.meta.url),"./src/components/Breadcrumb/Breadcrumb.docs.mdx":async()=>t(()=>import("./Breadcrumb.docs-D9nlTKUN.js"),__vite__mapDeps([40,1,2,3,4,5,6,7,8,9,41,12]),import.meta.url),"./src/components/Breadcrumb/Breadcrumb.stories.tsx":async()=>t(()=>import("./Breadcrumb.stories-Cw5Ydqfl.js").then(o=>o.B),__vite__mapDeps([41,1,2,3,12]),import.meta.url),"./src/components/Button/Button.docs.mdx":async()=>t(()=>import("./Button.docs-C_KTbe_m.js"),__vite__mapDeps([42,1,2,3,4,5,6,7,8,9,43,13,44,12,15]),import.meta.url),"./src/components/Button/Button.stories.tsx":async()=>t(()=>import("./Button.stories-C0zJvp24.js").then(o=>o.B),__vite__mapDeps([43,1,2,3,13,44,12,15]),import.meta.url),"./src/components/Card/Card.docs.mdx":async()=>t(()=>import("./Card.docs-CyoRfsWH.js"),__vite__mapDeps([45,1,2,3,4,5,6,7,8,9,46,47,12,17,20,14,27,28]),import.meta.url),"./src/components/Card/Card.stories.tsx":async()=>t(()=>import("./Card.stories-BPGXMah2.js").then(o=>o.C),__vite__mapDeps([46,1,2,3,47,12,17,20,14,27,28]),import.meta.url),"./src/components/Checkbox/Checkbox.docs.mdx":async()=>t(()=>import("./Checkbox.docs-thBOlG2u.js"),__vite__mapDeps([48,1,2,3,4,5,6,7,8,9,49,50,12]),import.meta.url),"./src/components/Checkbox/Checkbox.stories.tsx":async()=>t(()=>import("./Checkbox.stories-CugGJ9zk.js").then(o=>o.C),__vite__mapDeps([49,1,2,3,50,12]),import.meta.url),"./src/components/Column/Column.docs.mdx":async()=>t(()=>import("./Column.docs-sBc01le6.js"),__vite__mapDeps([51,1,2,3,4,5,6,7,8,9,52,12,17,47,20,14]),import.meta.url),"./src/components/Column/Column.stories.tsx":async()=>t(()=>import("./Column.stories-BSIkObbz.js").then(o=>o.C),__vite__mapDeps([52,1,2,3,12,17,47,20,14]),import.meta.url),"./src/components/DateInput/DateInput.docs.mdx":async()=>t(()=>import("./DateInput.docs-DQ5u9hMU.js"),__vite__mapDeps([53,1,2,3,4,5,6,7,8,9,54,55,12,13]),import.meta.url),"./src/components/DateInput/DateInput.stories.tsx":async()=>t(()=>import("./DateInput.stories-CBjnQdgV.js").then(o=>o.D),__vite__mapDeps([54,55,1,2,3,12,13]),import.meta.url),"./src/components/DescriptionList/DescriptionList.docs.mdx":async()=>t(()=>import("./DescriptionList.docs-BO6kbMVh.js"),__vite__mapDeps([56,1,2,3,4,5,6,7,8,9,57,55,12,13,38,11]),import.meta.url),"./src/components/DescriptionList/DescriptionList.stories.tsx":async()=>t(()=>import("./DescriptionList.stories-CHBoBOIx.js").then(o=>o.D),__vite__mapDeps([57,1,2,3,55,12,13,38,11]),import.meta.url),"./src/components/Dialog/Dialog.docs.mdx":async()=>t(()=>import("./Dialog.docs-q9Xj1kAv.js"),__vite__mapDeps([58,1,2,3,4,5,6,7,8,9,59,12,20,14,21,13,22,15,44,17]),import.meta.url),"./src/components/Dialog/Dialog.stories.tsx":async()=>t(()=>import("./Dialog.stories-Dq06QMrN.js").then(o=>o.D),__vite__mapDeps([59,1,2,3,12,20,14,21,13,22,15,44,17]),import.meta.url),"./src/components/Field/Field.docs.mdx":async()=>t(()=>import("./Field.docs-JApSnxz0.js"),__vite__mapDeps([60,1,2,3,4,5,6,7,8,9,61,55,12,13,62,17]),import.meta.url),"./src/components/Field/Field.stories.tsx":async()=>t(()=>import("./Field.stories-DW2NbZf9.js").then(o=>o.F),__vite__mapDeps([61,1,2,3,55,12,13,62,17]),import.meta.url),"./src/components/Fieldset/Fieldset.docs.mdx":async()=>t(()=>import("./Fieldset.docs-Ydk15_-i.js"),__vite__mapDeps([63,1,2,3,4,5,6,7,8,9,64,65,12,50]),import.meta.url),"./src/components/Fieldset/Fieldset.stories.tsx":async()=>t(()=>import("./Fieldset.stories-CnivnYGZ.js").then(o=>o.F),__vite__mapDeps([64,1,2,3,65,12,50]),import.meta.url),"./src/components/Footer/Footer.docs.mdx":async()=>t(()=>import("./Footer.docs-CUIurmt6.js"),__vite__mapDeps([66,1,2,3,4,5,6,7,8,9,67,13,12,68,22,69,70,15,20,14,17,33]),import.meta.url),"./src/components/Footer/Footer.stories.tsx":async()=>t(()=>import("./Footer.stories-DAjOJWD9.js").then(o=>o.F),__vite__mapDeps([67,1,2,3,13,12,68,22,69,70,15,20,14,17,33]),import.meta.url),"./src/components/FormFieldCharacterCounter/FormFieldCharacterCounter.docs.mdx":async()=>t(()=>import("./FormFieldCharacterCounter.docs-BJ-juN8w.js"),__vite__mapDeps([71,1,2,3,4,5,6,7,8,9,72,12]),import.meta.url),"./src/components/FormFieldCharacterCounter/FormFieldCharacterCounter.stories.tsx":async()=>t(()=>import("./FormFieldCharacterCounter.stories-B5uEw04C.js").then(o=>o.F),__vite__mapDeps([72,1,2,3,12]),import.meta.url),"./src/components/Grid/Grid.docs.mdx":async()=>t(()=>import("./Grid.docs-D7nZepfR.js"),__vite__mapDeps([73,1,2,3,4,5,6,7,8,9,74,75,12,69]),import.meta.url),"./src/components/Grid/Grid.stories.tsx":async()=>t(()=>import("./Grid.stories-DX-h3FSn.js").then(o=>o.G),__vite__mapDeps([74,1,2,3,75,12,69]),import.meta.url),"./src/components/Header/Header.docs.mdx":async()=>t(()=>import("./Header.docs-nM_u7lfq.js"),__vite__mapDeps([76,1,2,3,4,5,6,7,8,9,77,13,31,12,22,32,20,14,33,15]),import.meta.url),"./src/components/Header/Header.stories.tsx":async()=>t(()=>import("./Header.stories-bsrd2DWk.js").then(o=>o.H),__vite__mapDeps([77,1,2,3,13,31,12,22,32,20,14,33,15]),import.meta.url),"./src/components/Heading/Heading.docs.mdx":async()=>t(()=>import("./Heading.docs-D_GAlwXx.js"),__vite__mapDeps([78,1,2,3,4,5,6,7,8,9,79,38,11,20,12,14]),import.meta.url),"./src/components/Heading/Heading.stories.tsx":async()=>t(()=>import("./Heading.stories-zj-hTDTr.js").then(o=>o.H),__vite__mapDeps([79,38,1,2,3,11,20,12,14]),import.meta.url),"./src/components/Icon/Icon.docs.mdx":async()=>t(()=>import("./Icon.docs-DnMYyhj6.js"),__vite__mapDeps([80,1,2,3,4,5,6,7,8,9,81,13,15,12,20,14]),import.meta.url),"./src/components/Icon/Icon.stories.tsx":async()=>t(()=>import("./Icon.stories-X2-ywhsc.js").then(o=>o.I),__vite__mapDeps([81,1,2,3,13,15,12,20,14]),import.meta.url),"./src/components/IconButton/IconButton.docs.mdx":async()=>t(()=>import("./IconButton.docs-B8hWVEhE.js"),__vite__mapDeps([82,1,2,3,4,5,6,7,8,9,83,13,21,12,22,15]),import.meta.url),"./src/components/IconButton/IconButton.stories.tsx":async()=>t(()=>import("./IconButton.stories-DHPnVPUf.js").then(o=>o.I),__vite__mapDeps([83,13,1,2,3,21,12,22,15]),import.meta.url),"./src/components/Image/Image.docs.mdx":async()=>t(()=>import("./Image.docs-CQIS1z5P.js"),__vite__mapDeps([84,1,2,3,4,5,6,7,8,9,85,28,12]),import.meta.url),"./src/components/Image/Image.stories.tsx":async()=>t(()=>import("./Image.stories-gH3Psc3n.js").then(o=>o.I),__vite__mapDeps([85,28,1,2,3,12]),import.meta.url),"./src/components/Label/Label.docs.mdx":async()=>t(()=>import("./Label.docs-BI_KoF19.js"),__vite__mapDeps([86,1,2,3,4,5,6,7,8,9,87,62,12]),import.meta.url),"./src/components/Label/Label.stories.tsx":async()=>t(()=>import("./Label.stories-B7UyyokK.js").then(o=>o.L),__vite__mapDeps([87,62,1,2,3,12]),import.meta.url),"./src/components/Link/Link.docs.mdx":async()=>t(()=>import("./Link.docs-BsJ0XVDA.js"),__vite__mapDeps([88,1,2,3,4,5,6,7,8,9,89,24,12,17]),import.meta.url),"./src/components/Link/Link.stories.tsx":async()=>t(()=>import("./Link.stories-1CavNHGt.js").then(o=>o.L),__vite__mapDeps([89,1,2,3,24,12,17]),import.meta.url),"./src/components/LinkList/LinkList.docs.mdx":async()=>t(()=>import("./LinkList.docs-XBduuQZ7.js"),__vite__mapDeps([90,1,2,3,4,5,6,7,8,9,91,13,11,70,12,15]),import.meta.url),"./src/components/LinkList/LinkList.stories.tsx":async()=>t(()=>import("./LinkList.stories-DWoNT6GN.js").then(o=>o.L),__vite__mapDeps([91,1,2,3,13,11,70,12,15]),import.meta.url),"./src/components/Logo/Logo.docs.mdx":async()=>t(()=>import("./Logo.docs-Cob7DH_H.js"),__vite__mapDeps([92,1,2,3,4,5,6,7,8,9,93,32,12]),import.meta.url),"./src/components/Logo/Logo.stories.tsx":async()=>t(()=>import("./Logo.stories-DAWTJSBs.js").then(o=>o.L),__vite__mapDeps([93,32,1,2,3,12]),import.meta.url),"./src/components/Mark/Mark.docs.mdx":async()=>t(()=>import("./Mark.docs-toLLEP41.js"),__vite__mapDeps([94,1,2,3,4,5,6,7,8,9,95,12,17]),import.meta.url),"./src/components/Mark/Mark.stories.tsx":async()=>t(()=>import("./Mark.stories-BHAFpe2i.js").then(o=>o.M),__vite__mapDeps([95,1,2,3,12,17]),import.meta.url),"./src/components/MegaMenu/MegaMenu.docs.mdx":async()=>t(()=>import("./MegaMenu.docs-C8s3HM4j.js"),__vite__mapDeps([96,1,2,3,4,5,6,7,8,9,97,12,75,69,20,14,70,13,15]),import.meta.url),"./src/components/MegaMenu/MegaMenu.stories.tsx":async()=>t(()=>import("./MegaMenu.stories-CB-l-HKk.js").then(o=>o.M),__vite__mapDeps([97,1,2,3,12,75,69,20,14,70,13,15]),import.meta.url),"./src/components/OrderedList/OrderedList.docs.mdx":async()=>t(()=>import("./OrderedList.docs-7yGX_ug0.js"),__vite__mapDeps([98,1,2,3,4,5,6,7,8,9,99,38,11,12,20,14,17]),import.meta.url),"./src/components/OrderedList/OrderedList.stories.tsx":async()=>t(()=>import("./OrderedList.stories-BRvas6yQ.js").then(o=>o.O),__vite__mapDeps([99,1,2,3,38,11,12,20,14,17]),import.meta.url),"./src/components/Overlap/Overlap.docs.mdx":async()=>t(()=>import("./Overlap.docs-DKzLWOHq.js"),__vite__mapDeps([100,1,2,3,4,5,6,7,8,9,101,12,102,13,22,15,27,28,69]),import.meta.url),"./src/components/Overlap/Overlap.stories.tsx":async()=>t(()=>import("./Overlap.stories-BoUGdgfs.js").then(o=>o.O),__vite__mapDeps([101,1,2,3,12,102,13,22,15,27,28,69]),import.meta.url),"./src/components/PageHeading/PageHeading.docs.mdx":async()=>t(()=>import("./PageHeading.docs-DVdsNMRy.js"),__vite__mapDeps([103,1,2,3,4,5,6,7,8,9,104,38,12]),import.meta.url),"./src/components/PageHeading/PageHeading.stories.tsx":async()=>t(()=>import("./PageHeading.stories-3uG29jIF.js").then(o=>o.P),__vite__mapDeps([104,38,1,2,3,12]),import.meta.url),"./src/components/PageMenu/PageMenu.docs.mdx":async()=>t(()=>import("./PageMenu.docs-DCnESUY0.js"),__vite__mapDeps([105,1,2,3,4,5,6,7,8,9,106,13,33,12,15]),import.meta.url),"./src/components/PageMenu/PageMenu.stories.tsx":async()=>t(()=>import("./PageMenu.stories-6TVP5boY.js").then(o=>o.P),__vite__mapDeps([106,1,2,3,13,33,12,15]),import.meta.url),"./src/components/Pagination/Pagination.docs.mdx":async()=>t(()=>import("./Pagination.docs-ChOuN1jt.js"),__vite__mapDeps([107,1,2,3,4,5,6,7,8,9,108,13,12,15]),import.meta.url),"./src/components/Pagination/Pagination.stories.tsx":async()=>t(()=>import("./Pagination.stories-CirgLww2.js").then(o=>o.P),__vite__mapDeps([108,1,2,3,13,12,15]),import.meta.url),"./src/components/Paragraph/Paragraph.docs.mdx":async()=>t(()=>import("./Paragraph.docs-Bvyf9s3V.js"),__vite__mapDeps([109,1,2,3,4,5,6,7,8,9,110,38,11,17,12]),import.meta.url),"./src/components/Paragraph/Paragraph.stories.tsx":async()=>t(()=>import("./Paragraph.stories-B7oJkpmq.js").then(o=>o.P),__vite__mapDeps([110,38,1,2,3,11,17,12]),import.meta.url),"./src/components/Radio/Radio.docs.mdx":async()=>t(()=>import("./Radio.docs-g5FSGDf7.js"),__vite__mapDeps([111,1,2,3,4,5,6,7,8,9,112,12,65]),import.meta.url),"./src/components/Radio/Radio.stories.tsx":async()=>t(()=>import("./Radio.stories-D6kxdtLC.js").then(o=>o.R),__vite__mapDeps([112,1,2,3,12,65]),import.meta.url),"./src/components/Row/Row.docs.mdx":async()=>t(()=>import("./Row.docs-DIJ4AQy_.js"),__vite__mapDeps([113,1,2,3,4,5,6,7,8,9,114,12,44]),import.meta.url),"./src/components/Row/Row.stories.tsx":async()=>t(()=>import("./Row.stories-ClsrX-O8.js").then(o=>o.R),__vite__mapDeps([114,1,2,3,12,44]),import.meta.url),"./src/components/Screen/Screen.docs.mdx":async()=>t(()=>import("./Screen.docs-miKSeXL7.js"),__vite__mapDeps([115,1,2,3,4,5,6,7,8,9,116,75,12]),import.meta.url),"./src/components/Screen/Screen.stories.tsx":async()=>t(()=>import("./Screen.stories-BFsP3mpp.js").then(o=>o.S),__vite__mapDeps([116,1,2,3,75,12]),import.meta.url),"./src/components/SearchField/SearchField.docs.mdx":async()=>t(()=>import("./SearchField.docs-Dfl3-ddd.js"),__vite__mapDeps([117,1,2,3,4,5,6,7,8,9,118,102,12,13,22,15]),import.meta.url),"./src/components/SearchField/SearchField.stories.tsx":async()=>t(()=>import("./SearchField.stories-C8lAWtBK.js").then(o=>o.S),__vite__mapDeps([118,1,2,3,102,12,13,22,15]),import.meta.url),"./src/components/Select/Select.docs.mdx":async()=>t(()=>import("./Select.docs-C3rHmRlR.js"),__vite__mapDeps([119,1,2,3,4,5,6,7,8,9,120,55,12,13]),import.meta.url),"./src/components/Select/Select.stories.tsx":async()=>t(()=>import("./Select.stories-Cfskxyzu.js").then(o=>o.S),__vite__mapDeps([120,1,2,3,55,12,13]),import.meta.url),"./src/components/SkipLink/SkipLink.docs.mdx":async()=>t(()=>import("./SkipLink.docs-BCxOwc5w.js"),__vite__mapDeps([121,1,2,3,4,5,6,7,8,9,122,12,75,69,17]),import.meta.url),"./src/components/SkipLink/SkipLink.stories.tsx":async()=>t(()=>import("./SkipLink.stories-DYc8TH_Y.js").then(o=>o.S),__vite__mapDeps([122,1,2,3,12,75,69,17]),import.meta.url),"./src/components/Spotlight/Spotlight.docs.mdx":async()=>t(()=>import("./Spotlight.docs-CDAXfhZJ.js"),__vite__mapDeps([123,1,2,3,4,5,6,7,8,9,124,11,68,12,69,39]),import.meta.url),"./src/components/Spotlight/Spotlight.stories.tsx":async()=>t(()=>import("./Spotlight.stories-BqqMQCLA.js").then(o=>o.S),__vite__mapDeps([124,1,2,3,11,68,12,69,39]),import.meta.url),"./src/components/Switch/Switch.docs.mdx":async()=>t(()=>import("./Switch.docs-D-peYEhi.js"),__vite__mapDeps([125,1,2,3,4,5,6,7,8,9,126,12,62]),import.meta.url),"./src/components/Switch/Switch.stories.tsx":async()=>t(()=>import("./Switch.stories-CRdSsY2n.js").then(o=>o.S),__vite__mapDeps([126,1,2,3,12,62]),import.meta.url),"./src/components/Table/Table.docs.mdx":async()=>t(()=>import("./Table.docs-BYlXKtoK.js"),__vite__mapDeps([127,1,2,3,4,5,6,7,8,9,128,12]),import.meta.url),"./src/components/Table/Table.stories.tsx":async()=>t(()=>import("./Table.stories-BkAm1jts.js").then(o=>o.T),__vite__mapDeps([128,1,2,3,12]),import.meta.url),"./src/components/Tabs/Tabs.docs.mdx":async()=>t(()=>import("./Tabs.docs-BSRFpsWL.js"),__vite__mapDeps([129,1,2,3,4,5,6,7,8,9,130,11,12,16,20,14,17]),import.meta.url),"./src/components/Tabs/Tabs.stories.tsx":async()=>t(()=>import("./Tabs.stories-naNrDYyu.js").then(o=>o.T),__vite__mapDeps([130,1,2,3,11,12,16,20,14,17]),import.meta.url),"./src/components/TextArea/TextArea.docs.mdx":async()=>t(()=>import("./TextArea.docs-BdGx5hZZ.js"),__vite__mapDeps([131,1,2,3,4,5,6,7,8,9,132,11,12]),import.meta.url),"./src/components/TextArea/TextArea.stories.tsx":async()=>t(()=>import("./TextArea.stories-DCKsdM3h.js").then(o=>o.T),__vite__mapDeps([132,1,2,3,11,12]),import.meta.url),"./src/components/TextInput/TextInput.docs.mdx":async()=>t(()=>import("./TextInput.docs-D3F5M1ZB.js"),__vite__mapDeps([133,1,2,3,4,5,6,7,8,9,134,12]),import.meta.url),"./src/components/TextInput/TextInput.stories.tsx":async()=>t(()=>import("./TextInput.stories-Co0gr1dn.js").then(o=>o.T),__vite__mapDeps([134,1,2,3,12]),import.meta.url),"./src/components/TimeInput/TimeInput.docs.mdx":async()=>t(()=>import("./TimeInput.docs-nAp6PjvH.js"),__vite__mapDeps([135,1,2,3,4,5,6,7,8,9,136,12]),import.meta.url),"./src/components/TimeInput/TimeInput.stories.tsx":async()=>t(()=>import("./TimeInput.stories-BGvK7Paf.js").then(o=>o.T),__vite__mapDeps([136,1,2,3,12]),import.meta.url),"./src/components/TopTaskLink/TopTaskLink.docs.mdx":async()=>t(()=>import("./TopTaskLink.docs-CsbP5d1y.js"),__vite__mapDeps([137,1,2,3,4,5,6,7,8,9,138,12,22,69]),import.meta.url),"./src/components/TopTaskLink/TopTaskLink.stories.tsx":async()=>t(()=>import("./TopTaskLink.stories-0n6IRitd.js").then(o=>o.T),__vite__mapDeps([138,1,2,3,12,22,69]),import.meta.url),"./src/components/UnorderedList/UnorderedList.docs.mdx":async()=>t(()=>import("./UnorderedList.docs-O250vRex.js"),__vite__mapDeps([139,1,2,3,4,5,6,7,8,9,140,13,38,11,23,12,15,17]),import.meta.url),"./src/components/UnorderedList/UnorderedList.stories.tsx":async()=>t(()=>import("./UnorderedList.stories-6GNxpD42.js").then(o=>o.U),__vite__mapDeps([140,1,2,3,13,38,11,23,12,15,17]),import.meta.url),"./src/components/VisuallyHidden/VisuallyHidden.docs.mdx":async()=>t(()=>import("./VisuallyHidden.docs-DETwH8sh.js"),__vite__mapDeps([141,1,2,3,4,5,6,7,8,9,142,22,12,17]),import.meta.url),"./src/components/VisuallyHidden/VisuallyHidden.stories.tsx":async()=>t(()=>import("./VisuallyHidden.stories-ok33FTbH.js").then(o=>o.V),__vite__mapDeps([142,1,2,3,22,12,17]),import.meta.url),"./src/docs/borders.docs.mdx":async()=>t(()=>import("./borders.docs-D2OJGbFi.js"),__vite__mapDeps([143,1,2,3,4,5,6,7,8,9]),import.meta.url),"./src/docs/breakpoints.docs.mdx":async()=>t(()=>import("./breakpoints.docs-8uKWNTjM.js"),__vite__mapDeps([144,1,2,3,4,5,6,7,8,9]),import.meta.url),"./src/docs/color.docs.mdx":async()=>t(()=>import("./color.docs-M2fbEVjr.js"),__vite__mapDeps([145,1,2,3,4,5,6,7,8,9,146]),import.meta.url),"./src/docs/favicon.docs.mdx":async()=>t(()=>import("./favicon.docs-BIbGMGke.js"),__vite__mapDeps([147,1,2,3,4,5,6,7,8,9,148,55,12,13]),import.meta.url),"./src/docs/font.docs.mdx":async()=>t(()=>import("./font.docs-zj54SJ1p.js"),__vite__mapDeps([149,1,2,3,4,5,6,7,8,9]),import.meta.url),"./src/docs/grid.docs.mdx":async()=>t(()=>import("./grid.docs-DYWg67t5.js"),__vite__mapDeps([150,1,2,3,4,5,6,7,8,9]),import.meta.url),"./src/docs/icon-gallery.docs.mdx":async()=>t(()=>import("./icon-gallery.docs-CA1Yvj7H.js"),__vite__mapDeps([151,1,2,3,4,5,6,7,8,9,13,15,12]),import.meta.url),"./src/docs/interactive-elements.docs.mdx":async()=>t(()=>import("./interactive-elements.docs-hHPXd4mL.js"),__vite__mapDeps([152,1,2,3,4,5,6,7,8,9]),import.meta.url),"./src/docs/introduction.docs.mdx":async()=>t(()=>import("./introduction.docs-CJ8AsCle.js"),__vite__mapDeps([153,1,2,3,4,5,6,7,8,9]),import.meta.url),"./src/docs/language.docs.mdx":async()=>t(()=>import("./language.docs-D8arM5Xw.js"),__vite__mapDeps([154,1,2,3,4,5,6,7,8,9]),import.meta.url),"./src/docs/license.docs.mdx":async()=>t(()=>import("./license.docs-BRnSKSne.js"),__vite__mapDeps([155,1,2,3,4,5,6,7,8,9]),import.meta.url),"./src/docs/notice.docs.mdx":async()=>t(()=>import("./notice.docs-B4sBz_x-.js"),__vite__mapDeps([156,1,2,3,4,5,6,7,8,9]),import.meta.url),"./src/docs/space.docs.mdx":async()=>t(()=>import("./space.docs-KKZPOAEb.js"),__vite__mapDeps([157,1,2,3,4,5,6,7,8,9]),import.meta.url),"./src/docs/typography.docs.mdx":async()=>t(()=>import("./typography.docs-BgHMKRWm.js"),__vite__mapDeps([158,1,2,3,4,5,6,7,8,9]),import.meta.url),"./src/docs/web-app.docs.mdx":async()=>t(()=>import("./web-app.docs-Ceihur_n.js"),__vite__mapDeps([159,1,2,3,4,5,6,7,8,9,148,55,12,13]),import.meta.url)};async function A(o){return I[o]()}const{composeConfigs:v,PreviewWeb:D,ClientApi:h}=__STORYBOOK_MODULE_PREVIEW_API__,y=async()=>{const o=await Promise.all([t(()=>import("./entry-preview-CgM0oPjR.js"),__vite__mapDeps([160,2,3,161,6]),import.meta.url),t(()=>import("./entry-preview-docs-ZzRoUXk2.js"),__vite__mapDeps([162,8,3,9,2]),import.meta.url),t(()=>import("./preview-DqN9aQ4U.js"),__vite__mapDeps([163,7]),import.meta.url),t(()=>import("./preview-CBGjgnh2.js"),[],import.meta.url),t(()=>import("./preview-CwqMn10d.js"),__vite__mapDeps([164,9]),import.meta.url),t(()=>import("./preview-B4GcaC1c.js"),[],import.meta.url),t(()=>import("./preview-Db4Idchh.js"),[],import.meta.url),t(()=>import("./preview-BAz7FMXc.js"),__vite__mapDeps([165,9]),import.meta.url),t(()=>import("./preview-Cv3rAi2i.js"),[],import.meta.url),t(()=>import("./preview-rKahGEic.js"),[],import.meta.url),t(()=>import("./preview-a_WrfNKx.js"),[],import.meta.url),t(()=>import("./preview-DF-d5FoE.js"),[],import.meta.url),t(()=>import("./preview-DitWhZpN.js"),[],import.meta.url),t(()=>import("./preview-DlCh_l6L.js"),__vite__mapDeps([166,1,2,3,167]),import.meta.url)]);return v(o)};window.__STORYBOOK_PREVIEW__=window.__STORYBOOK_PREVIEW__||new D(A,y);window.__STORYBOOK_STORY_STORE__=window.__STORYBOOK_STORY_STORE__||window.__STORYBOOK_PREVIEW__.storyStore;export{t as _}; +const __vite__fileDeps=["./Accordion.docs-hzW_VfT2.js","./jsx-runtime-Nms4Y4qS.js","./index-BwDkhjyp.js","./_commonjsHelpers-BosuxZz1.js","./index-DlpNa54Y.js","./index-C1H0KNfC.js","./index-B8XB3FuZ.js","./index-COebWTXQ.js","./index-B8K4vdXH.js","./index-DrFu-skq.js","./Accordion.stories-BDkuSoA4.js","./exampleContent-CRK3_7Hv.js","./clsx-B-dksMZM.js","./index.esm-DQkeu4as.js","./getHeadingElement-DiRwFEz7.js","./Icon-CuaumHXX.js","./useKeyboardFocus-CRUFsA_C.js","./Paragraph-C4jU4-Z4.js","./Alert.docs-CDP-01Hz.js","./Alert.stories-DtE95yDU.js","./Heading-CWbN3elW.js","./IconButton-CFmnpWmC.js","./VisuallyHidden-Db-04MJ9.js","./UnorderedList-J9gSHTlV.js","./Link-DfaTqfXA.js","./AspectRatio.docs-yl91drDH.js","./AspectRatio.stories-D__dCfe8.js","./AspectRatio-BxbFlkWk.js","./Image-z3YSpimw.js","./Avatar.docs-BUHlU-R2.js","./Avatar.stories-D3utLMbS.js","./Header-DF3VOPHu.js","./Logo-C5ZbuiYN.js","./PageMenu-DQ_snOzP.js","./Badge.docs-BL_chuD0.js","./Badge.stories-BHtx8p7M.js","./Blockquote.docs-BsrliH2A.js","./Blockquote.stories-CMUg-udV.js","./decorators-Dh4yEj-W.js","./Blockquote-XJcoMbef.js","./Breadcrumb.docs-D9E5hCAT.js","./Breadcrumb.stories-Cw5Ydqfl.js","./Button.docs-iPifncGN.js","./Button.stories-DlAqWszt.js","./Button-_hHZidVy.js","./Card.docs-DvahOLYP.js","./Card.stories-uS_JCQTI.js","./Card-vGcoej70.js","./Checkbox.docs-DBZ1DuHT.js","./Checkbox.stories-BFZlrJ3T.js","./Checkbox-Dnr-vBw_.js","./Column.docs-HmyKdl0Y.js","./Column.stories-topuiM3x.js","./DateInput.docs-Cqy2Mkm4.js","./DateInput.stories-BwrQA83e.js","./index.esm-BLr1zrdO.js","./DescriptionList.docs-DzEx3Kp8.js","./DescriptionList.stories-Cw3gYbAH.js","./Dialog.docs-Dib4O5Ut.js","./Dialog.stories-D3C0fHQf.js","./Field.docs-IMsEE1vz.js","./Field.stories-DtHlEe7D.js","./Label-7rbJKFpg.js","./Fieldset.docs-RBpY9EQ9.js","./Fieldset.stories-C3WPZRpe.js","./Fieldset-BdWirkiG.js","./Footer.docs-DmcEX8dY.js","./Footer.stories-lE_0oTJ5.js","./Spotlight-DLLZALiQ.js","./Grid-CwB6HQaq.js","./LinkList-DB6g-rx2.js","./FormFieldCharacterCounter.docs-BgEdJKCd.js","./FormFieldCharacterCounter.stories-Qv0IIJsN.js","./Grid.docs-CpBOPWuR.js","./Grid.stories-hQfXx2BA.js","./Screen-DD3ND5ci.js","./Header.docs-C5RS7Gws.js","./Header.stories-Dm3gthCL.js","./Heading.docs-D45ebmiv.js","./Heading.stories-BuYlM5jF.js","./Icon.docs-D8OD4bQ3.js","./Icon.stories-Cw-4nnXa.js","./IconButton.docs-DpwfuV0G.js","./IconButton.stories-B7B46tkn.js","./Image.docs-Cl1Q9ECZ.js","./Image.stories-BEWLhhXt.js","./Label.docs-aDNpkIWh.js","./Label.stories-D9uMd7Qa.js","./Link.docs-nDhZi2pI.js","./Link.stories-Bdm-Havn.js","./LinkList.docs-CwDWgcQV.js","./LinkList.stories-DEiZM3iK.js","./Logo.docs-B_ErrddO.js","./Logo.stories-d5TXccXX.js","./Mark.docs-I7TZw-TN.js","./Mark.stories-DG4s4ew7.js","./MegaMenu.docs-DfaViUvq.js","./MegaMenu.stories-BOsbjb5h.js","./OrderedList.docs-D77TD0nt.js","./OrderedList.stories-DvdlsVjA.js","./Overlap.docs-6qvuyhmm.js","./Overlap.stories-CE8Jz_PX.js","./SearchField-BivslhsQ.js","./PageHeading.docs-BKGUgJvq.js","./PageHeading.stories-BJ4yyrlY.js","./PageMenu.docs-BtEYIYqL.js","./PageMenu.stories-BirI72Nt.js","./Pagination.docs-CdxRxoeH.js","./Pagination.stories-DJOpoNv-.js","./Paragraph.docs-u6XTYfrE.js","./Paragraph.stories-CWchOlqF.js","./Radio.docs-lZHj_Lxg.js","./Radio.stories-REdV2vlj.js","./Row.docs-BFsbhL_o.js","./Row.stories-CnOQ-kxM.js","./Screen.docs-ByqLrOXW.js","./Screen.stories-BFsP3mpp.js","./SearchField.docs-DiTa0zPd.js","./SearchField.stories-BGpcDF-r.js","./Select.docs-DrD4gHC5.js","./Select.stories-I6MBrWhj.js","./SkipLink.docs-Y2BvL4rL.js","./SkipLink.stories-DEYAJg7F.js","./Spotlight.docs-UjqHWuqI.js","./Spotlight.stories-DmatKCqa.js","./Switch.docs-D4BKXAOC.js","./Switch.stories-DQ5QwFM2.js","./Table.docs-Ls6pGots.js","./Table.stories-BkAm1jts.js","./Tabs.docs-C4SU_-cF.js","./Tabs.stories-c3BMugtl.js","./TextArea.docs-Dw-nDCeO.js","./TextArea.stories-LuZ9sHcS.js","./TextInput.docs-BTtFCEqT.js","./TextInput.stories-PQXqXHCj.js","./TimeInput.docs-DsPW7kQ5.js","./TimeInput.stories--PP6gX5v.js","./TopTaskLink.docs-DRxR2_CG.js","./TopTaskLink.stories-C2RC-x5j.js","./UnorderedList.docs-CgGKfGOr.js","./UnorderedList.stories-BSnhVBk-.js","./VisuallyHidden.docs-zY8m-Ryw.js","./VisuallyHidden.stories-xJ8s5oaJ.js","./borders.docs-Br-mniqg.js","./breakpoints.docs-BfDhp2pA.js","./color.docs-BbBMRz_9.js","./color-DFJMzlb_.css","./favicon.docs-CwEx9ik3.js","./AppIcons-F5v9Q3ZH.js","./font.docs-CL5Pwpbr.js","./grid.docs-Bsgc1JoK.js","./icon-gallery.docs-BWyAtA-T.js","./interactive-elements.docs-SoYkRbOU.js","./introduction.docs-ByLYWuQO.js","./language.docs-CyT2-tsq.js","./license.docs-CAyFGFaO.js","./notice.docs-DJyqnL7L.js","./space.docs-Cf9i8q9E.js","./typography.docs-DjOd1WyU.js","./web-app.docs-CbtpAfCj.js","./entry-preview-CgM0oPjR.js","./react-18-CdTkaE-n.js","./entry-preview-docs-ZzRoUXk2.js","./preview-DqN9aQ4U.js","./preview-CwqMn10d.js","./preview-BAz7FMXc.js","./preview-DlCh_l6L.js","./preview-fEmZJZOM.css"],__vite__mapDeps=i=>i.map(i=>__vite__fileDeps[i]); +import"../sb-preview/runtime.js";(function(){const m=document.createElement("link").relList;if(m&&m.supports&&m.supports("modulepreload"))return;for(const r of document.querySelectorAll('link[rel="modulepreload"]'))c(r);new MutationObserver(r=>{for(const e of r)if(e.type==="childList")for(const s of e.addedNodes)s.tagName==="LINK"&&s.rel==="modulepreload"&&c(s)}).observe(document,{childList:!0,subtree:!0});function n(r){const e={};return r.integrity&&(e.integrity=r.integrity),r.referrerPolicy&&(e.referrerPolicy=r.referrerPolicy),r.crossOrigin==="use-credentials"?e.credentials="include":r.crossOrigin==="anonymous"?e.credentials="omit":e.credentials="same-origin",e}function c(r){if(r.ep)return;r.ep=!0;const e=n(r);fetch(r.href,e)}})();const O="modulepreload",T=function(o,m){return new URL(o,m).href},l={},t=function(m,n,c){let r=Promise.resolve();if(n&&n.length>0){const e=document.getElementsByTagName("link"),s=document.querySelector("meta[property=csp-nonce]"),E=(s==null?void 0:s.nonce)||(s==null?void 0:s.getAttribute("nonce"));r=Promise.all(n.map(_=>{if(_=T(_,c),_ in l)return;l[_]=!0;const a=_.endsWith(".css"),L=a?'[rel="stylesheet"]':"";if(!!c)for(let p=e.length-1;p>=0;p--){const d=e[p];if(d.href===_&&(!a||d.rel==="stylesheet"))return}else if(document.querySelector(`link[href="${_}"]${L}`))return;const i=document.createElement("link");if(i.rel=a?"stylesheet":O,a||(i.as="script",i.crossOrigin=""),i.href=_,E&&i.setAttribute("nonce",E),document.head.appendChild(i),a)return new Promise((p,d)=>{i.addEventListener("load",p),i.addEventListener("error",()=>d(new Error(`Unable to preload CSS for ${_}`)))})}))}return r.then(()=>m()).catch(e=>{const s=new Event("vite:preloadError",{cancelable:!0});if(s.payload=e,window.dispatchEvent(s),!s.defaultPrevented)throw e})},{createBrowserChannel:P}=__STORYBOOK_MODULE_CHANNELS__,{addons:R}=__STORYBOOK_MODULE_PREVIEW_API__,u=P({page:"preview"});R.setChannel(u);window.__STORYBOOK_ADDONS_CHANNEL__=u;window.CONFIG_TYPE==="DEVELOPMENT"&&(window.__STORYBOOK_SERVER_CHANNEL__=u);const I={"./src/components/Accordion/Accordion.docs.mdx":async()=>t(()=>import("./Accordion.docs-hzW_VfT2.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-BDkuSoA4.js").then(o=>o.A),__vite__mapDeps([10,1,2,3,11,12,13,14,15,16,17]),import.meta.url),"./src/components/Alert/Alert.docs.mdx":async()=>t(()=>import("./Alert.docs-CDP-01Hz.js"),__vite__mapDeps([18,1,2,3,4,5,6,7,8,9,19,13,12,15,20,14,21,22,23,24,17]),import.meta.url),"./src/components/Alert/Alert.stories.tsx":async()=>t(()=>import("./Alert.stories-DtE95yDU.js").then(o=>o.A),__vite__mapDeps([19,1,2,3,13,12,15,20,14,21,22,23,24,17]),import.meta.url),"./src/components/AspectRatio/AspectRatio.docs.mdx":async()=>t(()=>import("./AspectRatio.docs-yl91drDH.js"),__vite__mapDeps([25,1,2,3,4,5,6,7,8,9,26,27,12,28]),import.meta.url),"./src/components/AspectRatio/AspectRatio.stories.tsx":async()=>t(()=>import("./AspectRatio.stories-D__dCfe8.js").then(o=>o.A),__vite__mapDeps([26,1,2,3,27,12,28]),import.meta.url),"./src/components/Avatar/Avatar.docs.mdx":async()=>t(()=>import("./Avatar.docs-BUHlU-R2.js"),__vite__mapDeps([29,1,2,3,4,5,6,7,8,9,30,13,12,22,28,15,31,32,20,14,33]),import.meta.url),"./src/components/Avatar/Avatar.stories.tsx":async()=>t(()=>import("./Avatar.stories-D3utLMbS.js").then(o=>o.A),__vite__mapDeps([30,1,2,3,13,12,22,28,15,31,32,20,14,33]),import.meta.url),"./src/components/Badge/Badge.docs.mdx":async()=>t(()=>import("./Badge.docs-BL_chuD0.js"),__vite__mapDeps([34,1,2,3,4,5,6,7,8,9,35,12]),import.meta.url),"./src/components/Badge/Badge.stories.tsx":async()=>t(()=>import("./Badge.stories-BHtx8p7M.js").then(o=>o.B),__vite__mapDeps([35,1,2,3,12]),import.meta.url),"./src/components/Blockquote/Blockquote.docs.mdx":async()=>t(()=>import("./Blockquote.docs-BsrliH2A.js"),__vite__mapDeps([36,1,2,3,4,5,6,7,8,9,37,38,11,39,12]),import.meta.url),"./src/components/Blockquote/Blockquote.stories.tsx":async()=>t(()=>import("./Blockquote.stories-CMUg-udV.js").then(o=>o.B),__vite__mapDeps([37,38,1,2,3,11,39,12]),import.meta.url),"./src/components/Breadcrumb/Breadcrumb.docs.mdx":async()=>t(()=>import("./Breadcrumb.docs-D9E5hCAT.js"),__vite__mapDeps([40,1,2,3,4,5,6,7,8,9,41,12]),import.meta.url),"./src/components/Breadcrumb/Breadcrumb.stories.tsx":async()=>t(()=>import("./Breadcrumb.stories-Cw5Ydqfl.js").then(o=>o.B),__vite__mapDeps([41,1,2,3,12]),import.meta.url),"./src/components/Button/Button.docs.mdx":async()=>t(()=>import("./Button.docs-iPifncGN.js"),__vite__mapDeps([42,1,2,3,4,5,6,7,8,9,43,13,44,12,15]),import.meta.url),"./src/components/Button/Button.stories.tsx":async()=>t(()=>import("./Button.stories-DlAqWszt.js").then(o=>o.B),__vite__mapDeps([43,1,2,3,13,44,12,15]),import.meta.url),"./src/components/Card/Card.docs.mdx":async()=>t(()=>import("./Card.docs-DvahOLYP.js"),__vite__mapDeps([45,1,2,3,4,5,6,7,8,9,46,47,12,17,20,14,27,28]),import.meta.url),"./src/components/Card/Card.stories.tsx":async()=>t(()=>import("./Card.stories-uS_JCQTI.js").then(o=>o.C),__vite__mapDeps([46,1,2,3,47,12,17,20,14,27,28]),import.meta.url),"./src/components/Checkbox/Checkbox.docs.mdx":async()=>t(()=>import("./Checkbox.docs-DBZ1DuHT.js"),__vite__mapDeps([48,1,2,3,4,5,6,7,8,9,49,50,12]),import.meta.url),"./src/components/Checkbox/Checkbox.stories.tsx":async()=>t(()=>import("./Checkbox.stories-BFZlrJ3T.js").then(o=>o.C),__vite__mapDeps([49,1,2,3,50,12]),import.meta.url),"./src/components/Column/Column.docs.mdx":async()=>t(()=>import("./Column.docs-HmyKdl0Y.js"),__vite__mapDeps([51,1,2,3,4,5,6,7,8,9,52,12,17,47,20,14]),import.meta.url),"./src/components/Column/Column.stories.tsx":async()=>t(()=>import("./Column.stories-topuiM3x.js").then(o=>o.C),__vite__mapDeps([52,1,2,3,12,17,47,20,14]),import.meta.url),"./src/components/DateInput/DateInput.docs.mdx":async()=>t(()=>import("./DateInput.docs-Cqy2Mkm4.js"),__vite__mapDeps([53,1,2,3,4,5,6,7,8,9,54,55,12,13]),import.meta.url),"./src/components/DateInput/DateInput.stories.tsx":async()=>t(()=>import("./DateInput.stories-BwrQA83e.js").then(o=>o.D),__vite__mapDeps([54,55,1,2,3,12,13]),import.meta.url),"./src/components/DescriptionList/DescriptionList.docs.mdx":async()=>t(()=>import("./DescriptionList.docs-DzEx3Kp8.js"),__vite__mapDeps([56,1,2,3,4,5,6,7,8,9,57,55,12,13,38,11]),import.meta.url),"./src/components/DescriptionList/DescriptionList.stories.tsx":async()=>t(()=>import("./DescriptionList.stories-Cw3gYbAH.js").then(o=>o.D),__vite__mapDeps([57,1,2,3,55,12,13,38,11]),import.meta.url),"./src/components/Dialog/Dialog.docs.mdx":async()=>t(()=>import("./Dialog.docs-Dib4O5Ut.js"),__vite__mapDeps([58,1,2,3,4,5,6,7,8,9,59,12,20,14,21,13,22,15,44,17]),import.meta.url),"./src/components/Dialog/Dialog.stories.tsx":async()=>t(()=>import("./Dialog.stories-D3C0fHQf.js").then(o=>o.D),__vite__mapDeps([59,1,2,3,12,20,14,21,13,22,15,44,17]),import.meta.url),"./src/components/Field/Field.docs.mdx":async()=>t(()=>import("./Field.docs-IMsEE1vz.js"),__vite__mapDeps([60,1,2,3,4,5,6,7,8,9,61,55,12,13,62,17]),import.meta.url),"./src/components/Field/Field.stories.tsx":async()=>t(()=>import("./Field.stories-DtHlEe7D.js").then(o=>o.F),__vite__mapDeps([61,1,2,3,55,12,13,62,17]),import.meta.url),"./src/components/Fieldset/Fieldset.docs.mdx":async()=>t(()=>import("./Fieldset.docs-RBpY9EQ9.js"),__vite__mapDeps([63,1,2,3,4,5,6,7,8,9,64,65,12,50]),import.meta.url),"./src/components/Fieldset/Fieldset.stories.tsx":async()=>t(()=>import("./Fieldset.stories-C3WPZRpe.js").then(o=>o.F),__vite__mapDeps([64,1,2,3,65,12,50]),import.meta.url),"./src/components/Footer/Footer.docs.mdx":async()=>t(()=>import("./Footer.docs-DmcEX8dY.js"),__vite__mapDeps([66,1,2,3,4,5,6,7,8,9,67,13,12,68,22,69,70,15,20,14,17,33]),import.meta.url),"./src/components/Footer/Footer.stories.tsx":async()=>t(()=>import("./Footer.stories-lE_0oTJ5.js").then(o=>o.F),__vite__mapDeps([67,1,2,3,13,12,68,22,69,70,15,20,14,17,33]),import.meta.url),"./src/components/FormFieldCharacterCounter/FormFieldCharacterCounter.docs.mdx":async()=>t(()=>import("./FormFieldCharacterCounter.docs-BgEdJKCd.js"),__vite__mapDeps([71,1,2,3,4,5,6,7,8,9,72,12]),import.meta.url),"./src/components/FormFieldCharacterCounter/FormFieldCharacterCounter.stories.tsx":async()=>t(()=>import("./FormFieldCharacterCounter.stories-Qv0IIJsN.js").then(o=>o.F),__vite__mapDeps([72,1,2,3,12]),import.meta.url),"./src/components/Grid/Grid.docs.mdx":async()=>t(()=>import("./Grid.docs-CpBOPWuR.js"),__vite__mapDeps([73,1,2,3,4,5,6,7,8,9,74,75,12,69]),import.meta.url),"./src/components/Grid/Grid.stories.tsx":async()=>t(()=>import("./Grid.stories-hQfXx2BA.js").then(o=>o.G),__vite__mapDeps([74,1,2,3,75,12,69]),import.meta.url),"./src/components/Header/Header.docs.mdx":async()=>t(()=>import("./Header.docs-C5RS7Gws.js"),__vite__mapDeps([76,1,2,3,4,5,6,7,8,9,77,13,31,12,22,32,20,14,33,15]),import.meta.url),"./src/components/Header/Header.stories.tsx":async()=>t(()=>import("./Header.stories-Dm3gthCL.js").then(o=>o.H),__vite__mapDeps([77,1,2,3,13,31,12,22,32,20,14,33,15]),import.meta.url),"./src/components/Heading/Heading.docs.mdx":async()=>t(()=>import("./Heading.docs-D45ebmiv.js"),__vite__mapDeps([78,1,2,3,4,5,6,7,8,9,79,38,11,20,12,14]),import.meta.url),"./src/components/Heading/Heading.stories.tsx":async()=>t(()=>import("./Heading.stories-BuYlM5jF.js").then(o=>o.H),__vite__mapDeps([79,38,1,2,3,11,20,12,14]),import.meta.url),"./src/components/Icon/Icon.docs.mdx":async()=>t(()=>import("./Icon.docs-D8OD4bQ3.js"),__vite__mapDeps([80,1,2,3,4,5,6,7,8,9,81,13,15,12,20,14]),import.meta.url),"./src/components/Icon/Icon.stories.tsx":async()=>t(()=>import("./Icon.stories-Cw-4nnXa.js").then(o=>o.I),__vite__mapDeps([81,1,2,3,13,15,12,20,14]),import.meta.url),"./src/components/IconButton/IconButton.docs.mdx":async()=>t(()=>import("./IconButton.docs-DpwfuV0G.js"),__vite__mapDeps([82,1,2,3,4,5,6,7,8,9,83,13,21,12,22,15]),import.meta.url),"./src/components/IconButton/IconButton.stories.tsx":async()=>t(()=>import("./IconButton.stories-B7B46tkn.js").then(o=>o.I),__vite__mapDeps([83,13,1,2,3,21,12,22,15]),import.meta.url),"./src/components/Image/Image.docs.mdx":async()=>t(()=>import("./Image.docs-Cl1Q9ECZ.js"),__vite__mapDeps([84,1,2,3,4,5,6,7,8,9,85,28,12]),import.meta.url),"./src/components/Image/Image.stories.tsx":async()=>t(()=>import("./Image.stories-BEWLhhXt.js").then(o=>o.I),__vite__mapDeps([85,28,1,2,3,12]),import.meta.url),"./src/components/Label/Label.docs.mdx":async()=>t(()=>import("./Label.docs-aDNpkIWh.js"),__vite__mapDeps([86,1,2,3,4,5,6,7,8,9,87,62,12]),import.meta.url),"./src/components/Label/Label.stories.tsx":async()=>t(()=>import("./Label.stories-D9uMd7Qa.js").then(o=>o.L),__vite__mapDeps([87,62,1,2,3,12]),import.meta.url),"./src/components/Link/Link.docs.mdx":async()=>t(()=>import("./Link.docs-nDhZi2pI.js"),__vite__mapDeps([88,1,2,3,4,5,6,7,8,9,89,24,12,17]),import.meta.url),"./src/components/Link/Link.stories.tsx":async()=>t(()=>import("./Link.stories-Bdm-Havn.js").then(o=>o.L),__vite__mapDeps([89,1,2,3,24,12,17]),import.meta.url),"./src/components/LinkList/LinkList.docs.mdx":async()=>t(()=>import("./LinkList.docs-CwDWgcQV.js"),__vite__mapDeps([90,1,2,3,4,5,6,7,8,9,91,13,11,70,12,15]),import.meta.url),"./src/components/LinkList/LinkList.stories.tsx":async()=>t(()=>import("./LinkList.stories-DEiZM3iK.js").then(o=>o.L),__vite__mapDeps([91,1,2,3,13,11,70,12,15]),import.meta.url),"./src/components/Logo/Logo.docs.mdx":async()=>t(()=>import("./Logo.docs-B_ErrddO.js"),__vite__mapDeps([92,1,2,3,4,5,6,7,8,9,93,32,12]),import.meta.url),"./src/components/Logo/Logo.stories.tsx":async()=>t(()=>import("./Logo.stories-d5TXccXX.js").then(o=>o.L),__vite__mapDeps([93,32,1,2,3,12]),import.meta.url),"./src/components/Mark/Mark.docs.mdx":async()=>t(()=>import("./Mark.docs-I7TZw-TN.js"),__vite__mapDeps([94,1,2,3,4,5,6,7,8,9,95,12,17]),import.meta.url),"./src/components/Mark/Mark.stories.tsx":async()=>t(()=>import("./Mark.stories-DG4s4ew7.js").then(o=>o.M),__vite__mapDeps([95,1,2,3,12,17]),import.meta.url),"./src/components/MegaMenu/MegaMenu.docs.mdx":async()=>t(()=>import("./MegaMenu.docs-DfaViUvq.js"),__vite__mapDeps([96,1,2,3,4,5,6,7,8,9,97,12,75,69,20,14,70,13,15]),import.meta.url),"./src/components/MegaMenu/MegaMenu.stories.tsx":async()=>t(()=>import("./MegaMenu.stories-BOsbjb5h.js").then(o=>o.M),__vite__mapDeps([97,1,2,3,12,75,69,20,14,70,13,15]),import.meta.url),"./src/components/OrderedList/OrderedList.docs.mdx":async()=>t(()=>import("./OrderedList.docs-D77TD0nt.js"),__vite__mapDeps([98,1,2,3,4,5,6,7,8,9,99,38,11,12,20,14,17]),import.meta.url),"./src/components/OrderedList/OrderedList.stories.tsx":async()=>t(()=>import("./OrderedList.stories-DvdlsVjA.js").then(o=>o.O),__vite__mapDeps([99,1,2,3,38,11,12,20,14,17]),import.meta.url),"./src/components/Overlap/Overlap.docs.mdx":async()=>t(()=>import("./Overlap.docs-6qvuyhmm.js"),__vite__mapDeps([100,1,2,3,4,5,6,7,8,9,101,12,102,13,22,15,27,28,69]),import.meta.url),"./src/components/Overlap/Overlap.stories.tsx":async()=>t(()=>import("./Overlap.stories-CE8Jz_PX.js").then(o=>o.O),__vite__mapDeps([101,1,2,3,12,102,13,22,15,27,28,69]),import.meta.url),"./src/components/PageHeading/PageHeading.docs.mdx":async()=>t(()=>import("./PageHeading.docs-BKGUgJvq.js"),__vite__mapDeps([103,1,2,3,4,5,6,7,8,9,104,38,12]),import.meta.url),"./src/components/PageHeading/PageHeading.stories.tsx":async()=>t(()=>import("./PageHeading.stories-BJ4yyrlY.js").then(o=>o.P),__vite__mapDeps([104,38,1,2,3,12]),import.meta.url),"./src/components/PageMenu/PageMenu.docs.mdx":async()=>t(()=>import("./PageMenu.docs-BtEYIYqL.js"),__vite__mapDeps([105,1,2,3,4,5,6,7,8,9,106,13,33,12,15]),import.meta.url),"./src/components/PageMenu/PageMenu.stories.tsx":async()=>t(()=>import("./PageMenu.stories-BirI72Nt.js").then(o=>o.P),__vite__mapDeps([106,1,2,3,13,33,12,15]),import.meta.url),"./src/components/Pagination/Pagination.docs.mdx":async()=>t(()=>import("./Pagination.docs-CdxRxoeH.js"),__vite__mapDeps([107,1,2,3,4,5,6,7,8,9,108,13,12,15]),import.meta.url),"./src/components/Pagination/Pagination.stories.tsx":async()=>t(()=>import("./Pagination.stories-DJOpoNv-.js").then(o=>o.P),__vite__mapDeps([108,1,2,3,13,12,15]),import.meta.url),"./src/components/Paragraph/Paragraph.docs.mdx":async()=>t(()=>import("./Paragraph.docs-u6XTYfrE.js"),__vite__mapDeps([109,1,2,3,4,5,6,7,8,9,110,38,11,17,12]),import.meta.url),"./src/components/Paragraph/Paragraph.stories.tsx":async()=>t(()=>import("./Paragraph.stories-CWchOlqF.js").then(o=>o.P),__vite__mapDeps([110,38,1,2,3,11,17,12]),import.meta.url),"./src/components/Radio/Radio.docs.mdx":async()=>t(()=>import("./Radio.docs-lZHj_Lxg.js"),__vite__mapDeps([111,1,2,3,4,5,6,7,8,9,112,12,65]),import.meta.url),"./src/components/Radio/Radio.stories.tsx":async()=>t(()=>import("./Radio.stories-REdV2vlj.js").then(o=>o.R),__vite__mapDeps([112,1,2,3,12,65]),import.meta.url),"./src/components/Row/Row.docs.mdx":async()=>t(()=>import("./Row.docs-BFsbhL_o.js"),__vite__mapDeps([113,1,2,3,4,5,6,7,8,9,114,12,44]),import.meta.url),"./src/components/Row/Row.stories.tsx":async()=>t(()=>import("./Row.stories-CnOQ-kxM.js").then(o=>o.R),__vite__mapDeps([114,1,2,3,12,44]),import.meta.url),"./src/components/Screen/Screen.docs.mdx":async()=>t(()=>import("./Screen.docs-ByqLrOXW.js"),__vite__mapDeps([115,1,2,3,4,5,6,7,8,9,116,75,12]),import.meta.url),"./src/components/Screen/Screen.stories.tsx":async()=>t(()=>import("./Screen.stories-BFsP3mpp.js").then(o=>o.S),__vite__mapDeps([116,1,2,3,75,12]),import.meta.url),"./src/components/SearchField/SearchField.docs.mdx":async()=>t(()=>import("./SearchField.docs-DiTa0zPd.js"),__vite__mapDeps([117,1,2,3,4,5,6,7,8,9,118,102,12,13,22,15]),import.meta.url),"./src/components/SearchField/SearchField.stories.tsx":async()=>t(()=>import("./SearchField.stories-BGpcDF-r.js").then(o=>o.S),__vite__mapDeps([118,1,2,3,102,12,13,22,15]),import.meta.url),"./src/components/Select/Select.docs.mdx":async()=>t(()=>import("./Select.docs-DrD4gHC5.js"),__vite__mapDeps([119,1,2,3,4,5,6,7,8,9,120,55,12,13]),import.meta.url),"./src/components/Select/Select.stories.tsx":async()=>t(()=>import("./Select.stories-I6MBrWhj.js").then(o=>o.S),__vite__mapDeps([120,1,2,3,55,12,13]),import.meta.url),"./src/components/SkipLink/SkipLink.docs.mdx":async()=>t(()=>import("./SkipLink.docs-Y2BvL4rL.js"),__vite__mapDeps([121,1,2,3,4,5,6,7,8,9,122,12,75,69,17]),import.meta.url),"./src/components/SkipLink/SkipLink.stories.tsx":async()=>t(()=>import("./SkipLink.stories-DEYAJg7F.js").then(o=>o.S),__vite__mapDeps([122,1,2,3,12,75,69,17]),import.meta.url),"./src/components/Spotlight/Spotlight.docs.mdx":async()=>t(()=>import("./Spotlight.docs-UjqHWuqI.js"),__vite__mapDeps([123,1,2,3,4,5,6,7,8,9,124,11,68,12,69,39]),import.meta.url),"./src/components/Spotlight/Spotlight.stories.tsx":async()=>t(()=>import("./Spotlight.stories-DmatKCqa.js").then(o=>o.S),__vite__mapDeps([124,1,2,3,11,68,12,69,39]),import.meta.url),"./src/components/Switch/Switch.docs.mdx":async()=>t(()=>import("./Switch.docs-D4BKXAOC.js"),__vite__mapDeps([125,1,2,3,4,5,6,7,8,9,126,12,62]),import.meta.url),"./src/components/Switch/Switch.stories.tsx":async()=>t(()=>import("./Switch.stories-DQ5QwFM2.js").then(o=>o.S),__vite__mapDeps([126,1,2,3,12,62]),import.meta.url),"./src/components/Table/Table.docs.mdx":async()=>t(()=>import("./Table.docs-Ls6pGots.js"),__vite__mapDeps([127,1,2,3,4,5,6,7,8,9,128,12]),import.meta.url),"./src/components/Table/Table.stories.tsx":async()=>t(()=>import("./Table.stories-BkAm1jts.js").then(o=>o.T),__vite__mapDeps([128,1,2,3,12]),import.meta.url),"./src/components/Tabs/Tabs.docs.mdx":async()=>t(()=>import("./Tabs.docs-C4SU_-cF.js"),__vite__mapDeps([129,1,2,3,4,5,6,7,8,9,130,11,12,16,20,14,17]),import.meta.url),"./src/components/Tabs/Tabs.stories.tsx":async()=>t(()=>import("./Tabs.stories-c3BMugtl.js").then(o=>o.T),__vite__mapDeps([130,1,2,3,11,12,16,20,14,17]),import.meta.url),"./src/components/TextArea/TextArea.docs.mdx":async()=>t(()=>import("./TextArea.docs-Dw-nDCeO.js"),__vite__mapDeps([131,1,2,3,4,5,6,7,8,9,132,11,12]),import.meta.url),"./src/components/TextArea/TextArea.stories.tsx":async()=>t(()=>import("./TextArea.stories-LuZ9sHcS.js").then(o=>o.T),__vite__mapDeps([132,1,2,3,11,12]),import.meta.url),"./src/components/TextInput/TextInput.docs.mdx":async()=>t(()=>import("./TextInput.docs-BTtFCEqT.js"),__vite__mapDeps([133,1,2,3,4,5,6,7,8,9,134,12]),import.meta.url),"./src/components/TextInput/TextInput.stories.tsx":async()=>t(()=>import("./TextInput.stories-PQXqXHCj.js").then(o=>o.T),__vite__mapDeps([134,1,2,3,12]),import.meta.url),"./src/components/TimeInput/TimeInput.docs.mdx":async()=>t(()=>import("./TimeInput.docs-DsPW7kQ5.js"),__vite__mapDeps([135,1,2,3,4,5,6,7,8,9,136,12]),import.meta.url),"./src/components/TimeInput/TimeInput.stories.tsx":async()=>t(()=>import("./TimeInput.stories--PP6gX5v.js").then(o=>o.T),__vite__mapDeps([136,1,2,3,12]),import.meta.url),"./src/components/TopTaskLink/TopTaskLink.docs.mdx":async()=>t(()=>import("./TopTaskLink.docs-DRxR2_CG.js"),__vite__mapDeps([137,1,2,3,4,5,6,7,8,9,138,12,22,69]),import.meta.url),"./src/components/TopTaskLink/TopTaskLink.stories.tsx":async()=>t(()=>import("./TopTaskLink.stories-C2RC-x5j.js").then(o=>o.T),__vite__mapDeps([138,1,2,3,12,22,69]),import.meta.url),"./src/components/UnorderedList/UnorderedList.docs.mdx":async()=>t(()=>import("./UnorderedList.docs-CgGKfGOr.js"),__vite__mapDeps([139,1,2,3,4,5,6,7,8,9,140,13,38,11,23,12,15,17]),import.meta.url),"./src/components/UnorderedList/UnorderedList.stories.tsx":async()=>t(()=>import("./UnorderedList.stories-BSnhVBk-.js").then(o=>o.U),__vite__mapDeps([140,1,2,3,13,38,11,23,12,15,17]),import.meta.url),"./src/components/VisuallyHidden/VisuallyHidden.docs.mdx":async()=>t(()=>import("./VisuallyHidden.docs-zY8m-Ryw.js"),__vite__mapDeps([141,1,2,3,4,5,6,7,8,9,142,22,12,17]),import.meta.url),"./src/components/VisuallyHidden/VisuallyHidden.stories.tsx":async()=>t(()=>import("./VisuallyHidden.stories-xJ8s5oaJ.js").then(o=>o.V),__vite__mapDeps([142,1,2,3,22,12,17]),import.meta.url),"./src/docs/borders.docs.mdx":async()=>t(()=>import("./borders.docs-Br-mniqg.js"),__vite__mapDeps([143,1,2,3,4,5,6,7,8,9]),import.meta.url),"./src/docs/breakpoints.docs.mdx":async()=>t(()=>import("./breakpoints.docs-BfDhp2pA.js"),__vite__mapDeps([144,1,2,3,4,5,6,7,8,9]),import.meta.url),"./src/docs/color.docs.mdx":async()=>t(()=>import("./color.docs-BbBMRz_9.js"),__vite__mapDeps([145,1,2,3,4,5,6,7,8,9,146]),import.meta.url),"./src/docs/favicon.docs.mdx":async()=>t(()=>import("./favicon.docs-CwEx9ik3.js"),__vite__mapDeps([147,1,2,3,4,5,6,7,8,9,148,55,12,13]),import.meta.url),"./src/docs/font.docs.mdx":async()=>t(()=>import("./font.docs-CL5Pwpbr.js"),__vite__mapDeps([149,1,2,3,4,5,6,7,8,9]),import.meta.url),"./src/docs/grid.docs.mdx":async()=>t(()=>import("./grid.docs-Bsgc1JoK.js"),__vite__mapDeps([150,1,2,3,4,5,6,7,8,9]),import.meta.url),"./src/docs/icon-gallery.docs.mdx":async()=>t(()=>import("./icon-gallery.docs-BWyAtA-T.js"),__vite__mapDeps([151,1,2,3,4,5,6,7,8,9,13,15,12]),import.meta.url),"./src/docs/interactive-elements.docs.mdx":async()=>t(()=>import("./interactive-elements.docs-SoYkRbOU.js"),__vite__mapDeps([152,1,2,3,4,5,6,7,8,9]),import.meta.url),"./src/docs/introduction.docs.mdx":async()=>t(()=>import("./introduction.docs-ByLYWuQO.js"),__vite__mapDeps([153,1,2,3,4,5,6,7,8,9]),import.meta.url),"./src/docs/language.docs.mdx":async()=>t(()=>import("./language.docs-CyT2-tsq.js"),__vite__mapDeps([154,1,2,3,4,5,6,7,8,9]),import.meta.url),"./src/docs/license.docs.mdx":async()=>t(()=>import("./license.docs-CAyFGFaO.js"),__vite__mapDeps([155,1,2,3,4,5,6,7,8,9]),import.meta.url),"./src/docs/notice.docs.mdx":async()=>t(()=>import("./notice.docs-DJyqnL7L.js"),__vite__mapDeps([156,1,2,3,4,5,6,7,8,9]),import.meta.url),"./src/docs/space.docs.mdx":async()=>t(()=>import("./space.docs-Cf9i8q9E.js"),__vite__mapDeps([157,1,2,3,4,5,6,7,8,9]),import.meta.url),"./src/docs/typography.docs.mdx":async()=>t(()=>import("./typography.docs-DjOd1WyU.js"),__vite__mapDeps([158,1,2,3,4,5,6,7,8,9]),import.meta.url),"./src/docs/web-app.docs.mdx":async()=>t(()=>import("./web-app.docs-CbtpAfCj.js"),__vite__mapDeps([159,1,2,3,4,5,6,7,8,9,148,55,12,13]),import.meta.url)};async function A(o){return I[o]()}const{composeConfigs:v,PreviewWeb:D,ClientApi:h}=__STORYBOOK_MODULE_PREVIEW_API__,y=async()=>{const o=await Promise.all([t(()=>import("./entry-preview-CgM0oPjR.js"),__vite__mapDeps([160,2,3,161,6]),import.meta.url),t(()=>import("./entry-preview-docs-ZzRoUXk2.js"),__vite__mapDeps([162,8,3,9,2]),import.meta.url),t(()=>import("./preview-DqN9aQ4U.js"),__vite__mapDeps([163,7]),import.meta.url),t(()=>import("./preview-CBGjgnh2.js"),[],import.meta.url),t(()=>import("./preview-CwqMn10d.js"),__vite__mapDeps([164,9]),import.meta.url),t(()=>import("./preview-B4GcaC1c.js"),[],import.meta.url),t(()=>import("./preview-Db4Idchh.js"),[],import.meta.url),t(()=>import("./preview-BAz7FMXc.js"),__vite__mapDeps([165,9]),import.meta.url),t(()=>import("./preview-Cv3rAi2i.js"),[],import.meta.url),t(()=>import("./preview-rKahGEic.js"),[],import.meta.url),t(()=>import("./preview-FaiBBV0A.js"),[],import.meta.url),t(()=>import("./preview-DF-d5FoE.js"),[],import.meta.url),t(()=>import("./preview-M7eMIEaq.js"),[],import.meta.url),t(()=>import("./preview-DlCh_l6L.js"),__vite__mapDeps([166,1,2,3,167]),import.meta.url)]);return v(o)};window.__STORYBOOK_PREVIEW__=window.__STORYBOOK_PREVIEW__||new D(A,y);window.__STORYBOOK_STORY_STORE__=window.__STORYBOOK_STORY_STORE__||window.__STORYBOOK_PREVIEW__.storyStore;export{t as _}; diff --git a/demo-develop/assets/index-DanlQ17N.js b/demo-develop/assets/index-C1H0KNfC.js similarity index 99% rename from demo-develop/assets/index-DanlQ17N.js rename to demo-develop/assets/index-C1H0KNfC.js index e1ffadbc4d..b2f2636fba 100644 --- a/demo-develop/assets/index-DanlQ17N.js +++ b/demo-develop/assets/index-C1H0KNfC.js @@ -1,5 +1,5 @@ -const __vite__fileDeps=["./syntaxhighlighter-JOJW2KGS-B01MZyXu.js","./iframe-C2MGObLX.js","./index-BwDkhjyp.js","./_commonjsHelpers-BosuxZz1.js","./index-B8XB3FuZ.js","./index-COebWTXQ.js","./index-B8K4vdXH.js","./index-DrFu-skq.js","./formatter-B5HCVTEV-DGlOJEeA.js","./WithTooltip-Y7J54OF7-Ck_a_j2Y.js","./Color-RQJUDNI5-Dpgqpg_z.js"],__vite__mapDeps=i=>i.map(i=>__vite__fileDeps[i]); -import{_ as Ft}from"./iframe-C2MGObLX.js";import{r as o,a as Tl,R as u}from"./index-BwDkhjyp.js";import{g as On,c as ra}from"./_commonjsHelpers-BosuxZz1.js";import{r as x0,R as Z1}from"./index-B8XB3FuZ.js";import{k as E0,O as J1}from"./index-COebWTXQ.js";import{q as S0,r as Q1,s as C0,t as ed,i as Tn,v as td,w as rd,x as nd,c as R0,y as I0,z as ad,A as A0,B as od,C as ld,D as id,E as sd,F as cd,G as dd,H as _0,I as ud,J as pd,K as k0,_ as fd,L as hd,M as gd,N as go,d as O0,O as T0,P as M0,Q as md,R as vd,U as bd,e as yd,S as Ml,j as na}from"./index-B8K4vdXH.js";import{d as wd}from"./index-DrFu-skq.js";var Fe=e=>`control-${e.replace(/\s+/g,"-")}`,Mn=e=>`set-${e.replace(/\s+/g,"-")}`;const{global:xd}=__STORYBOOK_MODULE_GLOBAL__,{logger:Ed}=__STORYBOOK_MODULE_CLIENT_LOGGER__;var Sd=Object.create,$0=Object.defineProperty,Cd=Object.getOwnPropertyDescriptor,L0=Object.getOwnPropertyNames,Rd=Object.getPrototypeOf,Id=Object.prototype.hasOwnProperty,mo=(e,t)=>function(){return t||(0,e[L0(e)[0]])((t={exports:{}}).exports,t),t.exports},Ad=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of L0(t))!Id.call(e,a)&&a!==r&&$0(e,a,{get:()=>t[a],enumerable:!(n=Cd(t,a))||n.enumerable});return e},z0=(e,t,r)=>(r=e!=null?Sd(Rd(e)):{},Ad(!e||!e.__esModule?$0(r,"default",{value:e,enumerable:!0}):r,e));function vt(){return vt=Object.assign?Object.assign.bind():function(e){for(var t=1;t"u"||!Reflect.construct||Reflect.construct.sham)return!1;if(typeof Proxy=="function")return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch{return!1}}function sn(e,t,r){return Td()?sn=Reflect.construct.bind():sn=function(n,a,l){var i=[null];i.push.apply(i,a);var c=Function.bind.apply(n,i),s=new c;return l&&Ar(s,l.prototype),s},sn.apply(null,arguments)}function Ba(e){var t=typeof Map=="function"?new Map:void 0;return Ba=function(r){if(r===null||!Od(r))return r;if(typeof r!="function")throw new TypeError("Super expression must either be null or a function");if(typeof t<"u"){if(t.has(r))return t.get(r);t.set(r,n)}function n(){return sn(r,arguments,za(this).constructor)}return n.prototype=Object.create(r.prototype,{constructor:{value:n,enumerable:!1,writable:!0,configurable:!0}}),Ar(n,r)},Ba(e)}var Md={1:`Passed invalid arguments to hsl, please pass multiple numbers e.g. hsl(360, 0.75, 0.4) or an object e.g. rgb({ hue: 255, saturation: 0.4, lightness: 0.75 }). +const __vite__fileDeps=["./syntaxhighlighter-JOJW2KGS-8yzry4Rc.js","./iframe-CjTW3GMG.js","./index-BwDkhjyp.js","./_commonjsHelpers-BosuxZz1.js","./index-B8XB3FuZ.js","./index-COebWTXQ.js","./index-B8K4vdXH.js","./index-DrFu-skq.js","./formatter-B5HCVTEV-BjhBE3fZ.js","./WithTooltip-Y7J54OF7-55uSc0MY.js","./Color-RQJUDNI5-D7yjIoO9.js"],__vite__mapDeps=i=>i.map(i=>__vite__fileDeps[i]); +import{_ as Ft}from"./iframe-CjTW3GMG.js";import{r as o,a as Tl,R as u}from"./index-BwDkhjyp.js";import{g as On,c as ra}from"./_commonjsHelpers-BosuxZz1.js";import{r as x0,R as Z1}from"./index-B8XB3FuZ.js";import{k as E0,O as J1}from"./index-COebWTXQ.js";import{q as S0,r as Q1,s as C0,t as ed,i as Tn,v as td,w as rd,x as nd,c as R0,y as I0,z as ad,A as A0,B as od,C as ld,D as id,E as sd,F as cd,G as dd,H as _0,I as ud,J as pd,K as k0,_ as fd,L as hd,M as gd,N as go,d as O0,O as T0,P as M0,Q as md,R as vd,U as bd,e as yd,S as Ml,j as na}from"./index-B8K4vdXH.js";import{d as wd}from"./index-DrFu-skq.js";var Fe=e=>`control-${e.replace(/\s+/g,"-")}`,Mn=e=>`set-${e.replace(/\s+/g,"-")}`;const{global:xd}=__STORYBOOK_MODULE_GLOBAL__,{logger:Ed}=__STORYBOOK_MODULE_CLIENT_LOGGER__;var Sd=Object.create,$0=Object.defineProperty,Cd=Object.getOwnPropertyDescriptor,L0=Object.getOwnPropertyNames,Rd=Object.getPrototypeOf,Id=Object.prototype.hasOwnProperty,mo=(e,t)=>function(){return t||(0,e[L0(e)[0]])((t={exports:{}}).exports,t),t.exports},Ad=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of L0(t))!Id.call(e,a)&&a!==r&&$0(e,a,{get:()=>t[a],enumerable:!(n=Cd(t,a))||n.enumerable});return e},z0=(e,t,r)=>(r=e!=null?Sd(Rd(e)):{},Ad(!e||!e.__esModule?$0(r,"default",{value:e,enumerable:!0}):r,e));function vt(){return vt=Object.assign?Object.assign.bind():function(e){for(var t=1;t"u"||!Reflect.construct||Reflect.construct.sham)return!1;if(typeof Proxy=="function")return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch{return!1}}function sn(e,t,r){return Td()?sn=Reflect.construct.bind():sn=function(n,a,l){var i=[null];i.push.apply(i,a);var c=Function.bind.apply(n,i),s=new c;return l&&Ar(s,l.prototype),s},sn.apply(null,arguments)}function Ba(e){var t=typeof Map=="function"?new Map:void 0;return Ba=function(r){if(r===null||!Od(r))return r;if(typeof r!="function")throw new TypeError("Super expression must either be null or a function");if(typeof t<"u"){if(t.has(r))return t.get(r);t.set(r,n)}function n(){return sn(r,arguments,za(this).constructor)}return n.prototype=Object.create(r.prototype,{constructor:{value:n,enumerable:!1,writable:!0,configurable:!0}}),Ar(n,r)},Ba(e)}var Md={1:`Passed invalid arguments to hsl, please pass multiple numbers e.g. hsl(360, 0.75, 0.4) or an object e.g. rgb({ hue: 255, saturation: 0.4, lightness: 0.75 }). `,2:`Passed invalid arguments to hsla, please pass multiple numbers e.g. hsla(360, 0.75, 0.4, 0.7) or an object e.g. rgb({ hue: 255, saturation: 0.4, lightness: 0.75, alpha: 0.7 }). @@ -365,9 +365,9 @@ 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 Zv(){for(var e=arguments.length,t=new Array(e),r=0;r1?a-1:0),i=1;i=0&&a<1?(c=l,s=i):a>=1&&a<2?(c=i,s=l):a>=2&&a<3?(s=l,d=i):a>=3&&a<4?(s=i,d=l):a>=4&&a<5?(c=i,d=l):a>=5&&a<6&&(c=l,d=i);var p=r-l/2,h=c+p,m=s+p,f=d+p;return n(h,m,f)}var xi={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 Qv(e){if(typeof e!="string")return e;var t=e.toLowerCase();return xi[t]?"#"+xi[t]:e}var e3=/^#[a-fA-F0-9]{6}$/,t3=/^#[a-fA-F0-9]{8}$/,r3=/^#[a-fA-F0-9]{3}$/,n3=/^#[a-fA-F0-9]{4}$/,ma=/^rgb\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*\)$/i,a3=/^rgb(?:a)?\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i,o3=/^hsl\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*\)$/i,l3=/^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 Ko(e){if(typeof e!="string")throw new tt(3);var t=Qv(e);if(t.match(e3))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(t3)){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(r3))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(n3)){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=ma.exec(t);if(a)return{red:parseInt(""+a[1],10),green:parseInt(""+a[2],10),blue:parseInt(""+a[3],10)};var l=a3.exec(t.substring(0,50));if(l)return{red:parseInt(""+l[1],10),green:parseInt(""+l[2],10),blue:parseInt(""+l[3],10),alpha:parseFloat(""+l[4])>1?parseFloat(""+l[4])/100:parseFloat(""+l[4])};var i=o3.exec(t);if(i){var c=parseInt(""+i[1],10),s=parseInt(""+i[2],10)/100,d=parseInt(""+i[3],10)/100,p="rgb("+Pr(c,s,d)+")",h=ma.exec(p);if(!h)throw new tt(4,t,p);return{red:parseInt(""+h[1],10),green:parseInt(""+h[2],10),blue:parseInt(""+h[3],10)}}var m=l3.exec(t.substring(0,50));if(m){var f=parseInt(""+m[1],10),v=parseInt(""+m[2],10)/100,g=parseInt(""+m[3],10)/100,E="rgb("+Pr(f,v,g)+")",x=ma.exec(E);if(!x)throw new tt(4,t,E);return{red:parseInt(""+x[1],10),green:parseInt(""+x[2],10),blue:parseInt(""+x[3],10),alpha:parseFloat(""+m[4])>1?parseFloat(""+m[4])/100:parseFloat(""+m[4])}}throw new tt(5)}function i3(e){var t=e.red/255,r=e.green/255,n=e.blue/255,a=Math.max(t,r,n),l=Math.min(t,r,n),i=(a+l)/2;if(a===l)return e.alpha!==void 0?{hue:0,saturation:0,lightness:i,alpha:e.alpha}:{hue:0,saturation:0,lightness:i};var c,s=a-l,d=i>.5?s/(2-a-l):s/(a+l);switch(a){case t:c=(r-n)/s+(r=1?Rn(e,t,r):"rgba("+Pr(e,t,r)+","+n+")";if(typeof e=="object"&&t===void 0&&r===void 0&&n===void 0)return e.alpha>=1?Rn(e.hue,e.saturation,e.lightness):"rgba("+Pr(e.hue,e.saturation,e.lightness)+","+e.alpha+")";throw new tt(2)}function Qa(e,t,r){if(typeof e=="number"&&typeof t=="number"&&typeof r=="number")return Ja("#"+_t(e)+_t(t)+_t(r));if(typeof e=="object"&&t===void 0&&r===void 0)return Ja("#"+_t(e.red)+_t(e.green)+_t(e.blue));throw new tt(6)}function In(e,t,r,n){if(typeof e=="string"&&typeof t=="number"){var a=Ko(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?Qa(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?Qa(e.red,e.green,e.blue):"rgba("+e.red+","+e.green+","+e.blue+","+e.alpha+")"}throw new tt(7)}var p3=function(e){return typeof e.red=="number"&&typeof e.green=="number"&&typeof e.blue=="number"&&(typeof e.alpha!="number"||typeof e.alpha>"u")},f3=function(e){return typeof e.red=="number"&&typeof e.green=="number"&&typeof e.blue=="number"&&typeof e.alpha=="number"},h3=function(e){return typeof e.hue=="number"&&typeof e.saturation=="number"&&typeof e.lightness=="number"&&(typeof e.alpha!="number"||typeof e.alpha>"u")},g3=function(e){return typeof e.hue=="number"&&typeof e.saturation=="number"&&typeof e.lightness=="number"&&typeof e.alpha=="number"};function oc(e){if(typeof e!="object")throw new tt(8);if(f3(e))return In(e);if(p3(e))return Qa(e);if(g3(e))return u3(e);if(h3(e))return d3(e);throw new tt(8)}function lc(e,t,r){return function(){var n=r.concat(Array.prototype.slice.call(arguments));return n.length>=t?e.apply(this,n):lc(e,t,n)}}function Xo(e){return lc(e,e.length,[])}function Zo(e,t,r){return Math.max(e,Math.min(t,r))}function m3(e,t){if(t==="transparent")return t;var r=ac(t);return oc(G({},r,{lightness:Zo(0,1,r.lightness-parseFloat(e))}))}var v3=Xo(m3),Zt=v3;function b3(e,t){if(t==="transparent")return t;var r=ac(t);return oc(G({},r,{lightness:Zo(0,1,r.lightness+parseFloat(e))}))}var y3=Xo(b3),Ei=y3;function w3(e,t){if(t==="transparent")return t;var r=Ko(t),n=typeof r.alpha=="number"?r.alpha:1,a=G({},r,{alpha:Zo(0,1,+(n*100-parseFloat(e)*100).toFixed(2)/100)});return In(a)}var x3=Xo(w3),Oe=x3,ur=({theme:e})=>({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"},"& tt, & code":{fontSize:"inherit"}}),ut=({theme:e})=>({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}),re=({theme:e})=>({fontFamily:e.typography.fonts.base,fontSize:e.typography.size.s3,margin:0,WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",WebkitTapHighlightColor:"rgba(0, 0, 0, 0)",WebkitOverflowScrolling:"touch"}),Ut={margin:"16px 0"},E3=({href:e,...t})=>{let r=/^\//.test(e)?`./?path=${e}`:e,n=/^#.*/.test(e)?"_self":"_top";return u.createElement("a",{href:r,target:n,...t})},ic=A(E3)(re,({theme:e})=>({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}})),sc=A.blockquote(re,Ut,({theme:e})=>({borderLeft:`4px solid ${e.color.medium}`,padding:"0 15px",color:e.color.dark,"& > :first-of-type":{marginTop:0},"& > :last-child":{marginBottom:0}})),S3=e=>typeof e=="string",C3=/[\n\r]/g,R3=A.code(({theme:e})=>({fontFamily:e.typography.fonts.mono,WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",display:"inline-block",paddingLeft:2,paddingRight:2,verticalAlign:"baseline",color:"inherit"}),ut),I3=A(Ho)(({theme:e})=>({fontFamily:e.typography.fonts.mono,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"}})),Jo=({className:e,children:t,...r})=>{let n=(e||"").match(/lang-(\S+)/),a=o.Children.toArray(t);return a.filter(S3).some(l=>l.match(C3))?u.createElement(I3,{bordered:!0,copyable:!0,language:(n==null?void 0:n[1])??"text",format:!1,...r},t):u.createElement(R3,{...r,className:e},a)},cc=A.div(re),dc=A.dl(re,Ut,{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}}),uc=A.h1(re,ur,({theme:e})=>({fontSize:`${e.typography.size.l1}px`,fontWeight:e.typography.weight.bold})),Qo=A.h2(re,ur,({theme:e})=>({fontSize:`${e.typography.size.m2}px`,paddingBottom:4,borderBottom:`1px solid ${e.appBorderColor}`})),el=A.h3(re,ur,({theme:e})=>({fontSize:`${e.typography.size.m1}px`})),pc=A.h4(re,ur,({theme:e})=>({fontSize:`${e.typography.size.s3}px`})),fc=A.h5(re,ur,({theme:e})=>({fontSize:`${e.typography.size.s2}px`})),hc=A.h6(re,ur,({theme:e})=>({fontSize:`${e.typography.size.s2}px`,color:e.color.dark})),gc=A.hr(({theme:e})=>({border:"0 none",borderTop:`1px solid ${e.appBorderColor}`,height:4,padding:0})),mc=A.img({maxWidth:"100%"}),vc=A.li(re,({theme:e})=>({fontSize:e.typography.size.s2,color:e.color.defaultText,lineHeight:"24px","& + li":{marginTop:".25em"},"& ul, & ol":{marginTop:".25em",marginBottom:0},"& code":ut({theme:e})})),A3={paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0}},bc=A.ol(re,Ut,A3,{listStyle:"decimal"}),yc=A.p(re,Ut,({theme:e})=>({fontSize:e.typography.size.s2,lineHeight:"24px",color:e.color.defaultText,"& code":ut({theme:e})})),wc=A.pre(re,Ut,({theme:e})=>({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"}})),xc=A.span(re,({theme:e})=>({"&.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"}}})),Ec=A.table(re,Ut,({theme:e})=>({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}})),Sc=A.title(ut),_3={paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0}},Cc=A.ul(re,Ut,_3,{listStyle:"disc"}),Wn=A.div(re),Rc={h1:e=>u.createElement(uc,{...te(e,"h1")}),h2:e=>u.createElement(Qo,{...te(e,"h2")}),h3:e=>u.createElement(el,{...te(e,"h3")}),h4:e=>u.createElement(pc,{...te(e,"h4")}),h5:e=>u.createElement(fc,{...te(e,"h5")}),h6:e=>u.createElement(hc,{...te(e,"h6")}),pre:e=>u.createElement(wc,{...te(e,"pre")}),a:e=>u.createElement(ic,{...te(e,"a")}),hr:e=>u.createElement(gc,{...te(e,"hr")}),dl:e=>u.createElement(dc,{...te(e,"dl")}),blockquote:e=>u.createElement(sc,{...te(e,"blockquote")}),table:e=>u.createElement(Ec,{...te(e,"table")}),img:e=>u.createElement(mc,{...te(e,"img")}),div:e=>u.createElement(cc,{...te(e,"div")}),span:e=>u.createElement(xc,{...te(e,"span")}),li:e=>u.createElement(vc,{...te(e,"li")}),ul:e=>u.createElement(Cc,{...te(e,"ul")}),ol:e=>u.createElement(bc,{...te(e,"ol")}),p:e=>u.createElement(yc,{...te(e,"p")}),code:e=>u.createElement(Jo,{...te(e,"code")}),tt:e=>u.createElement(Sc,{...te(e,"tt")}),resetwrapper:e=>u.createElement(Wn,{...te(e,"resetwrapper")})},k3=A.div(({theme:e})=>({display:"inline-block",fontSize:11,lineHeight:"12px",alignSelf:"center",padding:"4px 12px",borderRadius:"3em",fontWeight:e.typography.weight.bold}),{svg:{height:12,width:12,marginRight:4,marginTop:-2,path:{fill:"currentColor"}}},({theme:e,status:t})=>{switch(t){case"critical":return{color:e.color.critical,background:e.background.critical};case"negative":return{color:e.color.negativeText,background:e.background.negative,boxShadow:e.base==="light"?`inset 0 0 0 1px ${Oe(.9,e.color.negativeText)}`:"none"};case"warning":return{color:e.color.warningText,background:e.background.warning,boxShadow:e.base==="light"?`inset 0 0 0 1px ${Oe(.9,e.color.warningText)}`:"none"};case"neutral":return{color:e.color.dark,background:e.color.mediumlight,boxShadow:e.base==="light"?`inset 0 0 0 1px ${Oe(.9,e.color.dark)}`:"none"};case"positive":return{color:e.color.positiveText,background:e.background.positive,boxShadow:e.base==="light"?`inset 0 0 0 1px ${Oe(.9,e.color.positiveText)}`:"none"};default:return{}}}),O3=({...e})=>u.createElement(k3,{...e}),T3=0,M3=e=>e.button===T3&&!e.altKey&&!e.ctrlKey&&!e.metaKey&&!e.shiftKey,$3=(e,t)=>{M3(e)&&(e.preventDefault(),t(e))},L3=A.span(({withArrow:e})=>e?{"> svg:last-of-type":{height:"0.7em",width:"0.7em",marginRight:0,marginLeft:"0.25em",bottom:"auto",verticalAlign:"inherit"}}:{},({containsIcon:e})=>e?{svg:{height:"1em",width:"1em",verticalAlign:"middle",position:"relative",bottom:0,marginRight:0}}:{}),z3=A.a(({theme:e})=>({display:"inline-block",transition:"all 150ms ease-out",textDecoration:"none",color:e.color.secondary,"&:hover, &:focus":{cursor:"pointer",color:Zt(.07,e.color.secondary),"svg path:not([fill])":{fill:Zt(.07,e.color.secondary)}},"&:active":{color:Zt(.1,e.color.secondary),"svg path:not([fill])":{fill:Zt(.1,e.color.secondary)}},svg:{display:"inline-block",height:"1em",width:"1em",verticalAlign:"text-top",position:"relative",bottom:"-0.125em",marginRight:"0.4em","& path":{fill:e.color.secondary}}}),({theme:e,secondary:t,tertiary:r})=>{let n;return t&&(n=[e.textMutedColor,e.color.dark,e.color.darker]),r&&(n=[e.color.dark,e.color.darkest,e.textMutedColor]),n?{color:n[0],"svg path:not([fill])":{fill:n[0]},"&:hover":{color:n[1],"svg path:not([fill])":{fill:n[1]}},"&:active":{color:n[2],"svg path:not([fill])":{fill:n[2]}}}:{}},({nochrome:e})=>e?{color:"inherit","&:hover, &:active":{color:"inherit",textDecoration:"underline"}}:{},({theme:e,inverse:t})=>t?{color:e.color.lightest,":not([fill])":{fill:e.color.lightest},"&:hover":{color:e.color.lighter,"svg path:not([fill])":{fill:e.color.lighter}},"&:active":{color:e.color.light,"svg path:not([fill])":{fill:e.color.light}}}:{},({isButton:e})=>e?{border:0,borderRadius:0,background:"none",padding:0,fontSize:"inherit"}:{}),Bt=({cancel:e=!0,children:t,onClick:r=void 0,withArrow:n=!1,containsIcon:a=!1,className:l=void 0,style:i=void 0,...c})=>u.createElement(z3,{...c,onClick:r&&e?s=>$3(s,r):r,className:l},u.createElement(L3,{withArrow:n,containsIcon:a},t,n&&u.createElement(Go,null))),B3=A.div(({theme:e})=>({fontSize:`${e.typography.size.s2}px`,lineHeight:"1.6",h1:{fontSize:`${e.typography.size.l1}px`,fontWeight:e.typography.weight.bold},h2:{fontSize:`${e.typography.size.m2}px`,borderBottom:`1px solid ${e.appBorderColor}`},h3:{fontSize:`${e.typography.size.m1}px`},h4:{fontSize:`${e.typography.size.s3}px`},h5:{fontSize:`${e.typography.size.s2}px`},h6:{fontSize:`${e.typography.size.s2}px`,color:e.color.dark},"pre:not(.prismjs)":{background:"transparent",border:"none",borderRadius:0,padding:0,margin:0},"pre pre, pre.prismjs":{padding:15,margin:0,whiteSpace:"pre-wrap",color:"inherit",fontSize:"13px",lineHeight:"19px"},"pre pre code, pre.prismjs code":{color:"inherit",fontSize:"inherit"},"pre code":{margin:0,padding:0,whiteSpace:"pre",border:"none",background:"transparent"},"pre code, pre tt":{backgroundColor:"transparent",border:"none"},"body > *:first-of-type":{marginTop:"0 !important"},"body > *:last-child":{marginBottom:"0 !important"},a:{color:e.color.secondary,textDecoration:"none"},"a.absent":{color:"#cc0000"},"a.anchor":{display:"block",paddingLeft:30,marginLeft:-30,cursor:"pointer",position:"absolute",top:0,left:0,bottom:0},"h1, h2, h3, h4, h5, h6":{margin:"20px 0 10px",padding:0,cursor:"text",position:"relative","&:first-of-type":{marginTop:0,paddingTop:0},"&:hover a.anchor":{textDecoration:"none"},"& tt, & code":{fontSize:"inherit"}},"h1:first-of-type + h2":{marginTop:0,paddingTop:0},"p, blockquote, ul, ol, dl, li, table, pre":{margin:"15px 0"},hr:{border:"0 none",borderTop:`1px solid ${e.appBorderColor}`,height:4,padding:0},"body > h1:first-of-type, body > h2:first-of-type, body > h3:first-of-type, body > h4:first-of-type, body > h5:first-of-type, body > h6:first-of-type":{marginTop:0,paddingTop:0},"body > h1:first-of-type + h2":{marginTop:0,paddingTop:0},"a:first-of-type h1, a:first-of-type h2, a:first-of-type h3, a:first-of-type h4, a:first-of-type h5, a:first-of-type h6":{marginTop:0,paddingTop:0},"h1 p, h2 p, h3 p, h4 p, h5 p, h6 p":{marginTop:0},"li p.first":{display:"inline-block"},"ul, ol":{paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0}},dl:{padding:0},"dl dt":{fontSize:"14px",fontWeight:"bold",fontStyle:"italic",margin:"0 0 15px",padding:"0 15px","&:first-of-type":{padding:0},"& > :first-of-type":{marginTop:0},"& > :last-child":{marginBottom:0}},blockquote:{borderLeft:`4px solid ${e.color.medium}`,padding:"0 15px",color:e.color.dark,"& > :first-of-type":{marginTop:0},"& > :last-child":{marginBottom:0}},table:{padding:0,borderCollapse:"collapse","& tr":{borderTop:`1px solid ${e.appBorderColor}`,backgroundColor:"white",margin:0,padding:0,"& th":{fontWeight:"bold",border:`1px solid ${e.appBorderColor}`,textAlign:"left",margin:0,padding:"6px 13px"},"& td":{border:`1px solid ${e.appBorderColor}`,textAlign:"left",margin:0,padding:"6px 13px"},"&:nth-of-type(2n)":{backgroundColor:e.color.lighter},"& th :first-of-type, & td :first-of-type":{marginTop:0},"& th :last-child, & td :last-child":{marginBottom:0}}},img:{maxWidth:"100%"},"span.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"}},"span.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"}},"span.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"}},"span.float-left":{display:"block",marginRight:13,overflow:"hidden",float:"left","& span":{margin:"13px 0 0"}},"span.float-right":{display:"block",marginLeft:13,overflow:"hidden",float:"right","& > span":{display:"block",overflow:"hidden",margin:"13px auto 0",textAlign:"right"}},"code, tt":{margin:"0 2px",padding:"0 5px",whiteSpace:"nowrap",border:`1px solid ${e.color.mediumlight}`,backgroundColor:e.color.lighter,borderRadius:3,color:e.base==="dark"&&e.color.darkest}})),Pt=[],lr=null,P3=o.lazy(async()=>{let{SyntaxHighlighter:e}=await Ft(()=>import("./syntaxhighlighter-JOJW2KGS-B01MZyXu.js"),__vite__mapDeps([0,1,2,3,4,5,6,7]),import.meta.url);return Pt.length>0&&(Pt.forEach(t=>{e.registerLanguage(...t)}),Pt=[]),lr===null&&(lr=e),{default:t=>u.createElement(e,{...t})}}),H3=o.lazy(async()=>{let[{SyntaxHighlighter:e},{formatter:t}]=await Promise.all([Ft(()=>import("./syntaxhighlighter-JOJW2KGS-B01MZyXu.js"),__vite__mapDeps([0,1,2,3,4,5,6,7]),import.meta.url),Ft(()=>import("./formatter-B5HCVTEV-DGlOJEeA.js"),__vite__mapDeps([8,1,2,3,4,5,6,7]),import.meta.url)]);return Pt.length>0&&(Pt.forEach(r=>{e.registerLanguage(...r)}),Pt=[]),lr===null&&(lr=e),{default:r=>u.createElement(e,{...r,formatter:t})}}),qn=e=>u.createElement(o.Suspense,{fallback:u.createElement("div",null)},e.format!==!1?u.createElement(H3,{...e}):u.createElement(P3,{...e}));qn.registerLanguage=(...e)=>{if(lr!==null){lr.registerLanguage(...e);return}Pt.push(e)};var F3=e=>typeof e=="number"?e:Number(e),j3=A.div(({theme:e,col:t,row:r=1})=>t?{display:"inline-block",verticalAlign:"inherit","& > *":{marginLeft:t*e.layoutMargin,verticalAlign:"inherit"},[`& > *:first-child${Va}`]:{marginLeft:0}}:{"& > *":{marginTop:r*e.layoutMargin},[`& > *:first-child${Va}`]:{marginTop:0}},({theme:e,outer:t,col:r,row:n})=>{switch(!0){case!!(t&&r):return{marginLeft:t*e.layoutMargin,marginRight:t*e.layoutMargin};case!!(t&&n):return{marginTop:t*e.layoutMargin,marginBottom:t*e.layoutMargin};default:return{}}}),N3=({col:e,row:t,outer:r,children:n,...a})=>{let l=F3(typeof r=="number"||!r?r:e||t);return u.createElement(j3,{col:e,row:t,outer:l,...a},n)},D3=A.div(({theme:e})=>({fontWeight:e.typography.weight.bold})),V3=A.div(),U3=A.div(({theme:e})=>({padding:30,textAlign:"center",color:e.color.defaultText,fontSize:e.typography.size.s2-1})),W3=({children:e,...t})=>{let[r,n]=o.Children.toArray(e);return u.createElement(U3,{...t},u.createElement(D3,null,r),n&&u.createElement(V3,null,n))};function q3(e,t){var r=o.useRef(null),n=o.useRef(null);n.current=t;var a=o.useRef(null);o.useEffect(function(){l()});var l=o.useCallback(function(){var i=a.current,c=n.current,s=i||(c?c instanceof Element?c:c.current:null);r.current&&r.current.element===s&&r.current.subscriber===e||(r.current&&r.current.cleanup&&r.current.cleanup(),r.current={element:s,subscriber:e,cleanup:s?e(s):void 0})},[e]);return o.useEffect(function(){return function(){r.current&&r.current.cleanup&&(r.current.cleanup(),r.current=null)}},[]),o.useCallback(function(i){a.current=i,l()},[l])}function Si(e,t,r){return e[t]?e[t][0]?e[t][0][r]:e[t][r]:t==="contentBoxSize"?e.contentRect[r==="inlineSize"?"width":"height"]:void 0}function Ic(e){e===void 0&&(e={});var t=e.onResize,r=o.useRef(void 0);r.current=t;var n=e.round||Math.round,a=o.useRef(),l=o.useState({width:void 0,height:void 0}),i=l[0],c=l[1],s=o.useRef(!1);o.useEffect(function(){return s.current=!1,function(){s.current=!0}},[]);var d=o.useRef({width:void 0,height:void 0}),p=q3(o.useCallback(function(h){return(!a.current||a.current.box!==e.box||a.current.round!==n)&&(a.current={box:e.box,round:n,instance:new ResizeObserver(function(m){var f=m[0],v=e.box==="border-box"?"borderBoxSize":e.box==="device-pixel-content-box"?"devicePixelContentBoxSize":"contentBoxSize",g=Si(f,v,"inlineSize"),E=Si(f,v,"blockSize"),x=g?n(g):void 0,y=E?n(E):void 0;if(d.current.width!==x||d.current.height!==y){var b={width:x,height:y};d.current.width=x,d.current.height=y,r.current?r.current(b):s.current||c(b)}})}),a.current.instance.observe(h,{box:e.box}),function(){a.current&&a.current.instance.unobserve(h)}},[e.box,n]),e.ref);return o.useMemo(function(){return{ref:p,width:i.width,height:i.height}},[p,i.width,i.height])}var G3=A.div(({scale:e=1,elementHeight:t})=>({height:t||"auto",transformOrigin:"top left",transform:`scale(${1/e})`}));function Y3({scale:e,children:t}){let r=o.useRef(null),[n,a]=o.useState(0),l=o.useCallback(({height:i})=>{i&&a(i/e)},[e]);return o.useEffect(()=>{r.current&&a(r.current.getBoundingClientRect().height)},[e]),Ic({ref:r,onResize:l}),u.createElement(G3,{scale:e,elementHeight:n},u.createElement("div",{ref:r,className:"innerZoomElementWrapper"},t))}var K3=class extends o.Component{constructor(){super(...arguments),this.iframe=null}componentDidMount(){let{iFrameRef:e}=this.props;this.iframe=e.current}shouldComponentUpdate(e){let{scale:t,active:r}=this.props;return t!==e.scale&&this.setIframeInnerZoom(e.scale),r!==e.active&&this.iframe.setAttribute("data-is-storybook",e.active?"true":"false"),e.children.props.src!==this.props.children.props.src}setIframeInnerZoom(e){try{Object.assign(this.iframe.contentDocument.body.style,{width:`${e*100}%`,height:`${e*100}%`,transform:`scale(${1/e})`,transformOrigin:"top left"})}catch{this.setIframeZoom(e)}}setIframeZoom(e){Object.assign(this.iframe.style,{width:`${e*100}%`,height:`${e*100}%`,transform:`scale(${1/e})`,transformOrigin:"top left"})}render(){let{children:e}=this.props;return u.createElement(u.Fragment,null,e)}},Ac={Element:Y3,IFrame:K3},{document:X3}=Uv,Z3=A.strong(({theme:e})=>({color:e.color.orange})),J3=A.strong(({theme:e})=>({color:e.color.ancillary,textDecoration:"underline"})),Ci=A.em(({theme:e})=>({color:e.textMutedColor})),Q3=/(Error): (.*)\n/,e7=/at (?:(.*) )?\(?(.+)\)?/,t7=/([^@]+)?(?:\/<)?@(.+)?/,r7=/([^@]+)?@(.+)?/,_c=({error:e})=>{if(!e)return u.createElement(o.Fragment,null,"This error has no stack or message");if(!e.stack)return u.createElement(o.Fragment,null,e.message||"This error has no stack or message");let t=e.stack.toString();t&&e.message&&!t.includes(e.message)&&(t=`Error: ${e.message} +`};function Zv(){for(var e=arguments.length,t=new Array(e),r=0;r1?a-1:0),i=1;i=0&&a<1?(c=l,s=i):a>=1&&a<2?(c=i,s=l):a>=2&&a<3?(s=l,d=i):a>=3&&a<4?(s=i,d=l):a>=4&&a<5?(c=i,d=l):a>=5&&a<6&&(c=l,d=i);var p=r-l/2,h=c+p,m=s+p,f=d+p;return n(h,m,f)}var xi={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 Qv(e){if(typeof e!="string")return e;var t=e.toLowerCase();return xi[t]?"#"+xi[t]:e}var e3=/^#[a-fA-F0-9]{6}$/,t3=/^#[a-fA-F0-9]{8}$/,r3=/^#[a-fA-F0-9]{3}$/,n3=/^#[a-fA-F0-9]{4}$/,ma=/^rgb\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*\)$/i,a3=/^rgb(?:a)?\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i,o3=/^hsl\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*\)$/i,l3=/^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 Ko(e){if(typeof e!="string")throw new tt(3);var t=Qv(e);if(t.match(e3))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(t3)){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(r3))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(n3)){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=ma.exec(t);if(a)return{red:parseInt(""+a[1],10),green:parseInt(""+a[2],10),blue:parseInt(""+a[3],10)};var l=a3.exec(t.substring(0,50));if(l)return{red:parseInt(""+l[1],10),green:parseInt(""+l[2],10),blue:parseInt(""+l[3],10),alpha:parseFloat(""+l[4])>1?parseFloat(""+l[4])/100:parseFloat(""+l[4])};var i=o3.exec(t);if(i){var c=parseInt(""+i[1],10),s=parseInt(""+i[2],10)/100,d=parseInt(""+i[3],10)/100,p="rgb("+Pr(c,s,d)+")",h=ma.exec(p);if(!h)throw new tt(4,t,p);return{red:parseInt(""+h[1],10),green:parseInt(""+h[2],10),blue:parseInt(""+h[3],10)}}var m=l3.exec(t.substring(0,50));if(m){var f=parseInt(""+m[1],10),v=parseInt(""+m[2],10)/100,g=parseInt(""+m[3],10)/100,E="rgb("+Pr(f,v,g)+")",x=ma.exec(E);if(!x)throw new tt(4,t,E);return{red:parseInt(""+x[1],10),green:parseInt(""+x[2],10),blue:parseInt(""+x[3],10),alpha:parseFloat(""+m[4])>1?parseFloat(""+m[4])/100:parseFloat(""+m[4])}}throw new tt(5)}function i3(e){var t=e.red/255,r=e.green/255,n=e.blue/255,a=Math.max(t,r,n),l=Math.min(t,r,n),i=(a+l)/2;if(a===l)return e.alpha!==void 0?{hue:0,saturation:0,lightness:i,alpha:e.alpha}:{hue:0,saturation:0,lightness:i};var c,s=a-l,d=i>.5?s/(2-a-l):s/(a+l);switch(a){case t:c=(r-n)/s+(r=1?Rn(e,t,r):"rgba("+Pr(e,t,r)+","+n+")";if(typeof e=="object"&&t===void 0&&r===void 0&&n===void 0)return e.alpha>=1?Rn(e.hue,e.saturation,e.lightness):"rgba("+Pr(e.hue,e.saturation,e.lightness)+","+e.alpha+")";throw new tt(2)}function Qa(e,t,r){if(typeof e=="number"&&typeof t=="number"&&typeof r=="number")return Ja("#"+_t(e)+_t(t)+_t(r));if(typeof e=="object"&&t===void 0&&r===void 0)return Ja("#"+_t(e.red)+_t(e.green)+_t(e.blue));throw new tt(6)}function In(e,t,r,n){if(typeof e=="string"&&typeof t=="number"){var a=Ko(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?Qa(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?Qa(e.red,e.green,e.blue):"rgba("+e.red+","+e.green+","+e.blue+","+e.alpha+")"}throw new tt(7)}var p3=function(e){return typeof e.red=="number"&&typeof e.green=="number"&&typeof e.blue=="number"&&(typeof e.alpha!="number"||typeof e.alpha>"u")},f3=function(e){return typeof e.red=="number"&&typeof e.green=="number"&&typeof e.blue=="number"&&typeof e.alpha=="number"},h3=function(e){return typeof e.hue=="number"&&typeof e.saturation=="number"&&typeof e.lightness=="number"&&(typeof e.alpha!="number"||typeof e.alpha>"u")},g3=function(e){return typeof e.hue=="number"&&typeof e.saturation=="number"&&typeof e.lightness=="number"&&typeof e.alpha=="number"};function oc(e){if(typeof e!="object")throw new tt(8);if(f3(e))return In(e);if(p3(e))return Qa(e);if(g3(e))return u3(e);if(h3(e))return d3(e);throw new tt(8)}function lc(e,t,r){return function(){var n=r.concat(Array.prototype.slice.call(arguments));return n.length>=t?e.apply(this,n):lc(e,t,n)}}function Xo(e){return lc(e,e.length,[])}function Zo(e,t,r){return Math.max(e,Math.min(t,r))}function m3(e,t){if(t==="transparent")return t;var r=ac(t);return oc(G({},r,{lightness:Zo(0,1,r.lightness-parseFloat(e))}))}var v3=Xo(m3),Zt=v3;function b3(e,t){if(t==="transparent")return t;var r=ac(t);return oc(G({},r,{lightness:Zo(0,1,r.lightness+parseFloat(e))}))}var y3=Xo(b3),Ei=y3;function w3(e,t){if(t==="transparent")return t;var r=Ko(t),n=typeof r.alpha=="number"?r.alpha:1,a=G({},r,{alpha:Zo(0,1,+(n*100-parseFloat(e)*100).toFixed(2)/100)});return In(a)}var x3=Xo(w3),Oe=x3,ur=({theme:e})=>({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"},"& tt, & code":{fontSize:"inherit"}}),ut=({theme:e})=>({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}),re=({theme:e})=>({fontFamily:e.typography.fonts.base,fontSize:e.typography.size.s3,margin:0,WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",WebkitTapHighlightColor:"rgba(0, 0, 0, 0)",WebkitOverflowScrolling:"touch"}),Ut={margin:"16px 0"},E3=({href:e,...t})=>{let r=/^\//.test(e)?`./?path=${e}`:e,n=/^#.*/.test(e)?"_self":"_top";return u.createElement("a",{href:r,target:n,...t})},ic=A(E3)(re,({theme:e})=>({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}})),sc=A.blockquote(re,Ut,({theme:e})=>({borderLeft:`4px solid ${e.color.medium}`,padding:"0 15px",color:e.color.dark,"& > :first-of-type":{marginTop:0},"& > :last-child":{marginBottom:0}})),S3=e=>typeof e=="string",C3=/[\n\r]/g,R3=A.code(({theme:e})=>({fontFamily:e.typography.fonts.mono,WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",display:"inline-block",paddingLeft:2,paddingRight:2,verticalAlign:"baseline",color:"inherit"}),ut),I3=A(Ho)(({theme:e})=>({fontFamily:e.typography.fonts.mono,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"}})),Jo=({className:e,children:t,...r})=>{let n=(e||"").match(/lang-(\S+)/),a=o.Children.toArray(t);return a.filter(S3).some(l=>l.match(C3))?u.createElement(I3,{bordered:!0,copyable:!0,language:(n==null?void 0:n[1])??"text",format:!1,...r},t):u.createElement(R3,{...r,className:e},a)},cc=A.div(re),dc=A.dl(re,Ut,{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}}),uc=A.h1(re,ur,({theme:e})=>({fontSize:`${e.typography.size.l1}px`,fontWeight:e.typography.weight.bold})),Qo=A.h2(re,ur,({theme:e})=>({fontSize:`${e.typography.size.m2}px`,paddingBottom:4,borderBottom:`1px solid ${e.appBorderColor}`})),el=A.h3(re,ur,({theme:e})=>({fontSize:`${e.typography.size.m1}px`})),pc=A.h4(re,ur,({theme:e})=>({fontSize:`${e.typography.size.s3}px`})),fc=A.h5(re,ur,({theme:e})=>({fontSize:`${e.typography.size.s2}px`})),hc=A.h6(re,ur,({theme:e})=>({fontSize:`${e.typography.size.s2}px`,color:e.color.dark})),gc=A.hr(({theme:e})=>({border:"0 none",borderTop:`1px solid ${e.appBorderColor}`,height:4,padding:0})),mc=A.img({maxWidth:"100%"}),vc=A.li(re,({theme:e})=>({fontSize:e.typography.size.s2,color:e.color.defaultText,lineHeight:"24px","& + li":{marginTop:".25em"},"& ul, & ol":{marginTop:".25em",marginBottom:0},"& code":ut({theme:e})})),A3={paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0}},bc=A.ol(re,Ut,A3,{listStyle:"decimal"}),yc=A.p(re,Ut,({theme:e})=>({fontSize:e.typography.size.s2,lineHeight:"24px",color:e.color.defaultText,"& code":ut({theme:e})})),wc=A.pre(re,Ut,({theme:e})=>({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"}})),xc=A.span(re,({theme:e})=>({"&.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"}}})),Ec=A.table(re,Ut,({theme:e})=>({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}})),Sc=A.title(ut),_3={paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0}},Cc=A.ul(re,Ut,_3,{listStyle:"disc"}),Wn=A.div(re),Rc={h1:e=>u.createElement(uc,{...te(e,"h1")}),h2:e=>u.createElement(Qo,{...te(e,"h2")}),h3:e=>u.createElement(el,{...te(e,"h3")}),h4:e=>u.createElement(pc,{...te(e,"h4")}),h5:e=>u.createElement(fc,{...te(e,"h5")}),h6:e=>u.createElement(hc,{...te(e,"h6")}),pre:e=>u.createElement(wc,{...te(e,"pre")}),a:e=>u.createElement(ic,{...te(e,"a")}),hr:e=>u.createElement(gc,{...te(e,"hr")}),dl:e=>u.createElement(dc,{...te(e,"dl")}),blockquote:e=>u.createElement(sc,{...te(e,"blockquote")}),table:e=>u.createElement(Ec,{...te(e,"table")}),img:e=>u.createElement(mc,{...te(e,"img")}),div:e=>u.createElement(cc,{...te(e,"div")}),span:e=>u.createElement(xc,{...te(e,"span")}),li:e=>u.createElement(vc,{...te(e,"li")}),ul:e=>u.createElement(Cc,{...te(e,"ul")}),ol:e=>u.createElement(bc,{...te(e,"ol")}),p:e=>u.createElement(yc,{...te(e,"p")}),code:e=>u.createElement(Jo,{...te(e,"code")}),tt:e=>u.createElement(Sc,{...te(e,"tt")}),resetwrapper:e=>u.createElement(Wn,{...te(e,"resetwrapper")})},k3=A.div(({theme:e})=>({display:"inline-block",fontSize:11,lineHeight:"12px",alignSelf:"center",padding:"4px 12px",borderRadius:"3em",fontWeight:e.typography.weight.bold}),{svg:{height:12,width:12,marginRight:4,marginTop:-2,path:{fill:"currentColor"}}},({theme:e,status:t})=>{switch(t){case"critical":return{color:e.color.critical,background:e.background.critical};case"negative":return{color:e.color.negativeText,background:e.background.negative,boxShadow:e.base==="light"?`inset 0 0 0 1px ${Oe(.9,e.color.negativeText)}`:"none"};case"warning":return{color:e.color.warningText,background:e.background.warning,boxShadow:e.base==="light"?`inset 0 0 0 1px ${Oe(.9,e.color.warningText)}`:"none"};case"neutral":return{color:e.color.dark,background:e.color.mediumlight,boxShadow:e.base==="light"?`inset 0 0 0 1px ${Oe(.9,e.color.dark)}`:"none"};case"positive":return{color:e.color.positiveText,background:e.background.positive,boxShadow:e.base==="light"?`inset 0 0 0 1px ${Oe(.9,e.color.positiveText)}`:"none"};default:return{}}}),O3=({...e})=>u.createElement(k3,{...e}),T3=0,M3=e=>e.button===T3&&!e.altKey&&!e.ctrlKey&&!e.metaKey&&!e.shiftKey,$3=(e,t)=>{M3(e)&&(e.preventDefault(),t(e))},L3=A.span(({withArrow:e})=>e?{"> svg:last-of-type":{height:"0.7em",width:"0.7em",marginRight:0,marginLeft:"0.25em",bottom:"auto",verticalAlign:"inherit"}}:{},({containsIcon:e})=>e?{svg:{height:"1em",width:"1em",verticalAlign:"middle",position:"relative",bottom:0,marginRight:0}}:{}),z3=A.a(({theme:e})=>({display:"inline-block",transition:"all 150ms ease-out",textDecoration:"none",color:e.color.secondary,"&:hover, &:focus":{cursor:"pointer",color:Zt(.07,e.color.secondary),"svg path:not([fill])":{fill:Zt(.07,e.color.secondary)}},"&:active":{color:Zt(.1,e.color.secondary),"svg path:not([fill])":{fill:Zt(.1,e.color.secondary)}},svg:{display:"inline-block",height:"1em",width:"1em",verticalAlign:"text-top",position:"relative",bottom:"-0.125em",marginRight:"0.4em","& path":{fill:e.color.secondary}}}),({theme:e,secondary:t,tertiary:r})=>{let n;return t&&(n=[e.textMutedColor,e.color.dark,e.color.darker]),r&&(n=[e.color.dark,e.color.darkest,e.textMutedColor]),n?{color:n[0],"svg path:not([fill])":{fill:n[0]},"&:hover":{color:n[1],"svg path:not([fill])":{fill:n[1]}},"&:active":{color:n[2],"svg path:not([fill])":{fill:n[2]}}}:{}},({nochrome:e})=>e?{color:"inherit","&:hover, &:active":{color:"inherit",textDecoration:"underline"}}:{},({theme:e,inverse:t})=>t?{color:e.color.lightest,":not([fill])":{fill:e.color.lightest},"&:hover":{color:e.color.lighter,"svg path:not([fill])":{fill:e.color.lighter}},"&:active":{color:e.color.light,"svg path:not([fill])":{fill:e.color.light}}}:{},({isButton:e})=>e?{border:0,borderRadius:0,background:"none",padding:0,fontSize:"inherit"}:{}),Bt=({cancel:e=!0,children:t,onClick:r=void 0,withArrow:n=!1,containsIcon:a=!1,className:l=void 0,style:i=void 0,...c})=>u.createElement(z3,{...c,onClick:r&&e?s=>$3(s,r):r,className:l},u.createElement(L3,{withArrow:n,containsIcon:a},t,n&&u.createElement(Go,null))),B3=A.div(({theme:e})=>({fontSize:`${e.typography.size.s2}px`,lineHeight:"1.6",h1:{fontSize:`${e.typography.size.l1}px`,fontWeight:e.typography.weight.bold},h2:{fontSize:`${e.typography.size.m2}px`,borderBottom:`1px solid ${e.appBorderColor}`},h3:{fontSize:`${e.typography.size.m1}px`},h4:{fontSize:`${e.typography.size.s3}px`},h5:{fontSize:`${e.typography.size.s2}px`},h6:{fontSize:`${e.typography.size.s2}px`,color:e.color.dark},"pre:not(.prismjs)":{background:"transparent",border:"none",borderRadius:0,padding:0,margin:0},"pre pre, pre.prismjs":{padding:15,margin:0,whiteSpace:"pre-wrap",color:"inherit",fontSize:"13px",lineHeight:"19px"},"pre pre code, pre.prismjs code":{color:"inherit",fontSize:"inherit"},"pre code":{margin:0,padding:0,whiteSpace:"pre",border:"none",background:"transparent"},"pre code, pre tt":{backgroundColor:"transparent",border:"none"},"body > *:first-of-type":{marginTop:"0 !important"},"body > *:last-child":{marginBottom:"0 !important"},a:{color:e.color.secondary,textDecoration:"none"},"a.absent":{color:"#cc0000"},"a.anchor":{display:"block",paddingLeft:30,marginLeft:-30,cursor:"pointer",position:"absolute",top:0,left:0,bottom:0},"h1, h2, h3, h4, h5, h6":{margin:"20px 0 10px",padding:0,cursor:"text",position:"relative","&:first-of-type":{marginTop:0,paddingTop:0},"&:hover a.anchor":{textDecoration:"none"},"& tt, & code":{fontSize:"inherit"}},"h1:first-of-type + h2":{marginTop:0,paddingTop:0},"p, blockquote, ul, ol, dl, li, table, pre":{margin:"15px 0"},hr:{border:"0 none",borderTop:`1px solid ${e.appBorderColor}`,height:4,padding:0},"body > h1:first-of-type, body > h2:first-of-type, body > h3:first-of-type, body > h4:first-of-type, body > h5:first-of-type, body > h6:first-of-type":{marginTop:0,paddingTop:0},"body > h1:first-of-type + h2":{marginTop:0,paddingTop:0},"a:first-of-type h1, a:first-of-type h2, a:first-of-type h3, a:first-of-type h4, a:first-of-type h5, a:first-of-type h6":{marginTop:0,paddingTop:0},"h1 p, h2 p, h3 p, h4 p, h5 p, h6 p":{marginTop:0},"li p.first":{display:"inline-block"},"ul, ol":{paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0}},dl:{padding:0},"dl dt":{fontSize:"14px",fontWeight:"bold",fontStyle:"italic",margin:"0 0 15px",padding:"0 15px","&:first-of-type":{padding:0},"& > :first-of-type":{marginTop:0},"& > :last-child":{marginBottom:0}},blockquote:{borderLeft:`4px solid ${e.color.medium}`,padding:"0 15px",color:e.color.dark,"& > :first-of-type":{marginTop:0},"& > :last-child":{marginBottom:0}},table:{padding:0,borderCollapse:"collapse","& tr":{borderTop:`1px solid ${e.appBorderColor}`,backgroundColor:"white",margin:0,padding:0,"& th":{fontWeight:"bold",border:`1px solid ${e.appBorderColor}`,textAlign:"left",margin:0,padding:"6px 13px"},"& td":{border:`1px solid ${e.appBorderColor}`,textAlign:"left",margin:0,padding:"6px 13px"},"&:nth-of-type(2n)":{backgroundColor:e.color.lighter},"& th :first-of-type, & td :first-of-type":{marginTop:0},"& th :last-child, & td :last-child":{marginBottom:0}}},img:{maxWidth:"100%"},"span.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"}},"span.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"}},"span.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"}},"span.float-left":{display:"block",marginRight:13,overflow:"hidden",float:"left","& span":{margin:"13px 0 0"}},"span.float-right":{display:"block",marginLeft:13,overflow:"hidden",float:"right","& > span":{display:"block",overflow:"hidden",margin:"13px auto 0",textAlign:"right"}},"code, tt":{margin:"0 2px",padding:"0 5px",whiteSpace:"nowrap",border:`1px solid ${e.color.mediumlight}`,backgroundColor:e.color.lighter,borderRadius:3,color:e.base==="dark"&&e.color.darkest}})),Pt=[],lr=null,P3=o.lazy(async()=>{let{SyntaxHighlighter:e}=await Ft(()=>import("./syntaxhighlighter-JOJW2KGS-8yzry4Rc.js"),__vite__mapDeps([0,1,2,3,4,5,6,7]),import.meta.url);return Pt.length>0&&(Pt.forEach(t=>{e.registerLanguage(...t)}),Pt=[]),lr===null&&(lr=e),{default:t=>u.createElement(e,{...t})}}),H3=o.lazy(async()=>{let[{SyntaxHighlighter:e},{formatter:t}]=await Promise.all([Ft(()=>import("./syntaxhighlighter-JOJW2KGS-8yzry4Rc.js"),__vite__mapDeps([0,1,2,3,4,5,6,7]),import.meta.url),Ft(()=>import("./formatter-B5HCVTEV-BjhBE3fZ.js"),__vite__mapDeps([8,1,2,3,4,5,6,7]),import.meta.url)]);return Pt.length>0&&(Pt.forEach(r=>{e.registerLanguage(...r)}),Pt=[]),lr===null&&(lr=e),{default:r=>u.createElement(e,{...r,formatter:t})}}),qn=e=>u.createElement(o.Suspense,{fallback:u.createElement("div",null)},e.format!==!1?u.createElement(H3,{...e}):u.createElement(P3,{...e}));qn.registerLanguage=(...e)=>{if(lr!==null){lr.registerLanguage(...e);return}Pt.push(e)};var F3=e=>typeof e=="number"?e:Number(e),j3=A.div(({theme:e,col:t,row:r=1})=>t?{display:"inline-block",verticalAlign:"inherit","& > *":{marginLeft:t*e.layoutMargin,verticalAlign:"inherit"},[`& > *:first-child${Va}`]:{marginLeft:0}}:{"& > *":{marginTop:r*e.layoutMargin},[`& > *:first-child${Va}`]:{marginTop:0}},({theme:e,outer:t,col:r,row:n})=>{switch(!0){case!!(t&&r):return{marginLeft:t*e.layoutMargin,marginRight:t*e.layoutMargin};case!!(t&&n):return{marginTop:t*e.layoutMargin,marginBottom:t*e.layoutMargin};default:return{}}}),N3=({col:e,row:t,outer:r,children:n,...a})=>{let l=F3(typeof r=="number"||!r?r:e||t);return u.createElement(j3,{col:e,row:t,outer:l,...a},n)},D3=A.div(({theme:e})=>({fontWeight:e.typography.weight.bold})),V3=A.div(),U3=A.div(({theme:e})=>({padding:30,textAlign:"center",color:e.color.defaultText,fontSize:e.typography.size.s2-1})),W3=({children:e,...t})=>{let[r,n]=o.Children.toArray(e);return u.createElement(U3,{...t},u.createElement(D3,null,r),n&&u.createElement(V3,null,n))};function q3(e,t){var r=o.useRef(null),n=o.useRef(null);n.current=t;var a=o.useRef(null);o.useEffect(function(){l()});var l=o.useCallback(function(){var i=a.current,c=n.current,s=i||(c?c instanceof Element?c:c.current:null);r.current&&r.current.element===s&&r.current.subscriber===e||(r.current&&r.current.cleanup&&r.current.cleanup(),r.current={element:s,subscriber:e,cleanup:s?e(s):void 0})},[e]);return o.useEffect(function(){return function(){r.current&&r.current.cleanup&&(r.current.cleanup(),r.current=null)}},[]),o.useCallback(function(i){a.current=i,l()},[l])}function Si(e,t,r){return e[t]?e[t][0]?e[t][0][r]:e[t][r]:t==="contentBoxSize"?e.contentRect[r==="inlineSize"?"width":"height"]:void 0}function Ic(e){e===void 0&&(e={});var t=e.onResize,r=o.useRef(void 0);r.current=t;var n=e.round||Math.round,a=o.useRef(),l=o.useState({width:void 0,height:void 0}),i=l[0],c=l[1],s=o.useRef(!1);o.useEffect(function(){return s.current=!1,function(){s.current=!0}},[]);var d=o.useRef({width:void 0,height:void 0}),p=q3(o.useCallback(function(h){return(!a.current||a.current.box!==e.box||a.current.round!==n)&&(a.current={box:e.box,round:n,instance:new ResizeObserver(function(m){var f=m[0],v=e.box==="border-box"?"borderBoxSize":e.box==="device-pixel-content-box"?"devicePixelContentBoxSize":"contentBoxSize",g=Si(f,v,"inlineSize"),E=Si(f,v,"blockSize"),x=g?n(g):void 0,y=E?n(E):void 0;if(d.current.width!==x||d.current.height!==y){var b={width:x,height:y};d.current.width=x,d.current.height=y,r.current?r.current(b):s.current||c(b)}})}),a.current.instance.observe(h,{box:e.box}),function(){a.current&&a.current.instance.unobserve(h)}},[e.box,n]),e.ref);return o.useMemo(function(){return{ref:p,width:i.width,height:i.height}},[p,i.width,i.height])}var G3=A.div(({scale:e=1,elementHeight:t})=>({height:t||"auto",transformOrigin:"top left",transform:`scale(${1/e})`}));function Y3({scale:e,children:t}){let r=o.useRef(null),[n,a]=o.useState(0),l=o.useCallback(({height:i})=>{i&&a(i/e)},[e]);return o.useEffect(()=>{r.current&&a(r.current.getBoundingClientRect().height)},[e]),Ic({ref:r,onResize:l}),u.createElement(G3,{scale:e,elementHeight:n},u.createElement("div",{ref:r,className:"innerZoomElementWrapper"},t))}var K3=class extends o.Component{constructor(){super(...arguments),this.iframe=null}componentDidMount(){let{iFrameRef:e}=this.props;this.iframe=e.current}shouldComponentUpdate(e){let{scale:t,active:r}=this.props;return t!==e.scale&&this.setIframeInnerZoom(e.scale),r!==e.active&&this.iframe.setAttribute("data-is-storybook",e.active?"true":"false"),e.children.props.src!==this.props.children.props.src}setIframeInnerZoom(e){try{Object.assign(this.iframe.contentDocument.body.style,{width:`${e*100}%`,height:`${e*100}%`,transform:`scale(${1/e})`,transformOrigin:"top left"})}catch{this.setIframeZoom(e)}}setIframeZoom(e){Object.assign(this.iframe.style,{width:`${e*100}%`,height:`${e*100}%`,transform:`scale(${1/e})`,transformOrigin:"top left"})}render(){let{children:e}=this.props;return u.createElement(u.Fragment,null,e)}},Ac={Element:Y3,IFrame:K3},{document:X3}=Uv,Z3=A.strong(({theme:e})=>({color:e.color.orange})),J3=A.strong(({theme:e})=>({color:e.color.ancillary,textDecoration:"underline"})),Ci=A.em(({theme:e})=>({color:e.textMutedColor})),Q3=/(Error): (.*)\n/,e7=/at (?:(.*) )?\(?(.+)\)?/,t7=/([^@]+)?(?:\/<)?@(.+)?/,r7=/([^@]+)?@(.+)?/,_c=({error:e})=>{if(!e)return u.createElement(o.Fragment,null,"This error has no stack or message");if(!e.stack)return u.createElement(o.Fragment,null,e.message||"This error has no stack or message");let t=e.stack.toString();t&&e.message&&!t.includes(e.message)&&(t=`Error: ${e.message} -${t}`);let r=t.match(Q3);if(!r)return u.createElement(o.Fragment,null,t);let[,n,a]=r,l=t.split(/\n/).slice(1),[,...i]=l.map(c=>{let s=c.match(e7)||c.match(t7)||c.match(r7);return s?{name:(s[1]||"").replace("/<",""),location:s[2].replace(X3.location.origin,"")}:null}).filter(Boolean);return u.createElement(o.Fragment,null,u.createElement("span",null,n),": ",u.createElement(Z3,null,a),u.createElement("br",null),i.map((c,s)=>c.name?u.createElement(o.Fragment,{key:s}," ","at ",u.createElement(J3,null,c.name)," (",u.createElement(Ci,null,c.location),")",u.createElement("br",null)):u.createElement(o.Fragment,{key:s}," ","at ",u.createElement(Ci,null,c.location),u.createElement("br",null))))},wt=o.forwardRef(({asChild:e=!1,animation:t="none",size:r="small",variant:n="outline",padding:a="medium",disabled:l=!1,active:i=!1,onClick:c,...s},d)=>{let p="button";s.isLink&&(p="a"),e&&(p=Oo);let h=n,m=r,[f,v]=o.useState(!1),g=E=>{c&&c(E),t!=="none"&&v(!0)};if(o.useEffect(()=>{let E=setTimeout(()=>{f&&v(!1)},1e3);return()=>clearTimeout(E)},[f]),s.primary&&(h="solid",m="medium"),(s.secondary||s.tertiary||s.gray||s.outline||s.inForm)&&(h="outline",m="medium"),s.small||s.isLink||s.primary||s.secondary||s.tertiary||s.gray||s.outline||s.inForm||s.containsIcon){let E=u.Children.toArray(s.children).filter(x=>typeof x=="string"&&x!=="");nc(`Use of deprecated props in the button ${E.length>0?`"${E.join(" ")}"`:"component"} detected, see the migration notes at https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#new-ui-and-props-for-button-and-iconbutton-components`)}return u.createElement(n7,{as:p,ref:d,variant:h,size:m,padding:a,disabled:l,active:i,animating:f,animation:t,onClick:g,...s})});wt.displayName="Button";var n7=A("button",{shouldForwardProp:e=>bo(e)})(({theme:e,variant:t,size:r,disabled:n,active:a,animating:l,animation:i,padding:c})=>({border:0,cursor:n?"not-allowed":"pointer",display:"inline-flex",gap:"6px",alignItems:"center",justifyContent:"center",overflow:"hidden",padding:c==="small"&&r==="small"?"0 7px":c==="small"&&r==="medium"?"0 9px":r==="small"?"0 10px":r==="medium"?"0 12px":0,height:r==="small"?"28px":"32px",position:"relative",textAlign:"center",textDecoration:"none",transitionProperty:"background, box-shadow",transitionDuration:"150ms",transitionTimingFunction:"ease-out",verticalAlign:"top",whiteSpace:"nowrap",userSelect:"none",opacity:n?.5:1,margin:0,fontSize:`${e.typography.size.s1}px`,fontWeight:e.typography.weight.bold,lineHeight:"1",background:t==="solid"?e.color.secondary:t==="outline"?e.button.background:t==="ghost"&&a?e.background.hoverable:"transparent",...t==="ghost"?{".sb-bar &":{background:a?Oe(.9,e.barTextColor):"transparent",color:a?e.barSelectedColor:e.barTextColor,"&:hover":{color:e.barHoverColor,background:Oe(.86,e.barHoverColor)},"&:active":{color:e.barSelectedColor,background:Oe(.9,e.barSelectedColor)},"&:focus":{boxShadow:`${In(e.barHoverColor,1)} 0 0 0 1px inset`,outline:"none"}}}:{},color:t==="solid"?e.color.lightest:t==="outline"?e.input.color:t==="ghost"&&a?e.color.secondary:t==="ghost"?e.color.mediumdark:e.input.color,boxShadow:t==="outline"?`${e.button.border} 0 0 0 1px inset`:"none",borderRadius:e.input.borderRadius,flexShrink:0,"&:hover":{color:t==="ghost"?e.color.secondary:null,background:(()=>{let s=e.color.secondary;return t==="solid"&&(s=e.color.secondary),t==="outline"&&(s=e.button.background),t==="ghost"?Oe(.86,e.color.secondary):e.base==="light"?Zt(.02,s):Ei(.03,s)})()},"&:active":{color:t==="ghost"?e.color.secondary:null,background:(()=>{let s=e.color.secondary;return t==="solid"&&(s=e.color.secondary),t==="outline"&&(s=e.button.background),t==="ghost"?e.background.hoverable:e.base==="light"?Zt(.02,s):Ei(.03,s)})()},"&:focus":{boxShadow:`${In(e.color.secondary,1)} 0 0 0 1px inset`,outline:"none"},"> svg":{animation:l&&i!=="none"?`${e.animation[i]} 1000ms ease-out`:""}})),Ht=o.forwardRef(({padding:e="small",variant:t="ghost",...r},n)=>u.createElement(wt,{padding:e,variant:t,ref:n,...r}));Ht.displayName="IconButton";var a7=A.label(({theme:e})=>({display:"flex",borderBottom:`1px solid ${e.appBorderColor}`,margin:"0 15px",padding:"8px 0","&:last-child":{marginBottom:"3rem"}})),o7=A.span(({theme:e})=>({minWidth:100,fontWeight:e.typography.weight.bold,marginRight:15,display:"flex",justifyContent:"flex-start",alignItems:"center",lineHeight:"16px"})),kc=({label:e,children:t,...r})=>u.createElement(a7,{...r},e?u.createElement(o7,null,u.createElement("span",null,e)):null,t);kc.defaultProps={label:void 0};var l7=o.useLayoutEffect,i7=l7,s7=function(e){var t=o.useRef(e);return i7(function(){t.current=e}),t},Ri=function(e,t){if(typeof e=="function"){e(t);return}e.current=t},c7=function(e,t){var r=o.useRef();return o.useCallback(function(n){e.current=n,r.current&&Ri(r.current,null),r.current=t,t&&Ri(t,n)},[t])},d7=c7,Ii={"min-height":"0","max-height":"none",height:"0",visibility:"hidden",overflow:"hidden",position:"absolute","z-index":"-1000",top:"0",right:"0"},u7=function(e){Object.keys(Ii).forEach(function(t){e.style.setProperty(t,Ii[t],"important")})},Ai=u7,ye=null,_i=function(e,t){var r=e.scrollHeight;return t.sizingStyle.boxSizing==="border-box"?r+t.borderSize:r-t.paddingSize};function p7(e,t,r,n){r===void 0&&(r=1),n===void 0&&(n=1/0),ye||(ye=document.createElement("textarea"),ye.setAttribute("tabindex","-1"),ye.setAttribute("aria-hidden","true"),Ai(ye)),ye.parentNode===null&&document.body.appendChild(ye);var a=e.paddingSize,l=e.borderSize,i=e.sizingStyle,c=i.boxSizing;Object.keys(i).forEach(function(m){var f=m;ye.style[f]=i[f]}),Ai(ye),ye.value=t;var s=_i(ye,e);ye.value=t,s=_i(ye,e),ye.value="x";var d=ye.scrollHeight-a,p=d*r;c==="border-box"&&(p=p+a+l),s=Math.max(p,s);var h=d*n;return c==="border-box"&&(h=h+a+l),s=Math.min(h,s),[s,d]}var ki=function(){},f7=function(e,t){return e.reduce(function(r,n){return r[n]=t[n],r},{})},h7=["borderBottomWidth","borderLeftWidth","borderRightWidth","borderTopWidth","boxSizing","fontFamily","fontSize","fontStyle","fontWeight","letterSpacing","lineHeight","paddingBottom","paddingLeft","paddingRight","paddingTop","tabSize","textIndent","textRendering","textTransform","width","wordBreak"],g7=!!document.documentElement.currentStyle,m7=function(e){var t=window.getComputedStyle(e);if(t===null)return null;var r=f7(h7,t),n=r.boxSizing;if(n==="")return null;g7&&n==="border-box"&&(r.width=parseFloat(r.width)+parseFloat(r.borderRightWidth)+parseFloat(r.borderLeftWidth)+parseFloat(r.paddingRight)+parseFloat(r.paddingLeft)+"px");var a=parseFloat(r.paddingBottom)+parseFloat(r.paddingTop),l=parseFloat(r.borderBottomWidth)+parseFloat(r.borderTopWidth);return{sizingStyle:r,paddingSize:a,borderSize:l}},v7=m7;function Oc(e,t,r){var n=s7(r);o.useLayoutEffect(function(){var a=function(l){return n.current(l)};if(e)return e.addEventListener(t,a),function(){return e.removeEventListener(t,a)}},[])}var b7=function(e){Oc(window,"resize",e)},y7=function(e){Oc(document.fonts,"loadingdone",e)},w7=["cacheMeasurements","maxRows","minRows","onChange","onHeightChange"],x7=function(e,t){var r=e.cacheMeasurements,n=e.maxRows,a=e.minRows,l=e.onChange,i=l===void 0?ki:l,c=e.onHeightChange,s=c===void 0?ki:c,d=Ao(e,w7),p=d.value!==void 0,h=o.useRef(null),m=d7(h,t),f=o.useRef(0),v=o.useRef(),g=function(){var x=h.current,y=r&&v.current?v.current:v7(x);if(y){v.current=y;var b=p7(y,x.value||x.placeholder||"x",a,n),w=b[0],S=b[1];f.current!==w&&(f.current=w,x.style.setProperty("height",w+"px","important"),s(w,{rowHeight:S}))}},E=function(x){p||g(),i(x)};return o.useLayoutEffect(g),b7(g),y7(g),o.createElement("textarea",G({},d,{onChange:E,ref:m}))},E7=o.forwardRef(x7),S7={appearance:"none",border:"0 none",boxSizing:"inherit",display:" block",margin:" 0",background:"transparent",padding:0,fontSize:"inherit",position:"relative"},tl=({theme:e})=>({...S7,transition:"box-shadow 200ms ease-out, opacity 200ms ease-out",color:e.input.color||"inherit",background:e.input.background,boxShadow:`${e.input.border} 0 0 0 1px inset`,borderRadius:e.input.borderRadius,fontSize:e.typography.size.s2-1,lineHeight:"20px",padding:"6px 10px",boxSizing:"border-box",height:32,'&[type="file"]':{height:"auto"},"&:focus":{boxShadow:`${e.color.secondary} 0 0 0 1px inset`,outline:"none"},"&[disabled]":{cursor:"not-allowed",opacity:.5},"&:-webkit-autofill":{WebkitBoxShadow:`0 0 0 3em ${e.color.lightest} inset`},"&::placeholder":{color:e.textMutedColor,opacity:1}}),rl=({size:e})=>{switch(e){case"100%":return{width:"100%"};case"flex":return{flex:1};case"auto":default:return{display:"inline"}}},Tc=({align:e})=>{switch(e){case"end":return{textAlign:"right"};case"center":return{textAlign:"center"};case"start":default:return{textAlign:"left"}}},nl=({valid:e,theme:t})=>{switch(e){case"valid":return{boxShadow:`${t.color.positive} 0 0 0 1px inset !important`};case"error":return{boxShadow:`${t.color.negative} 0 0 0 1px inset !important`};case"warn":return{boxShadow:`${t.color.warning} 0 0 0 1px inset`};case void 0:case null:default:return{}}},C7=Object.assign(A(o.forwardRef(function({size:e,valid:t,align:r,...n},a){return u.createElement("input",{...n,ref:a})}))(tl,rl,Tc,nl,{minHeight:32}),{displayName:"Input"}),R7=Object.assign(A(o.forwardRef(function({size:e,valid:t,align:r,...n},a){return u.createElement("select",{...n,ref:a})}))(tl,rl,nl,{height:32,userSelect:"none",paddingRight:20,appearance:"menulist"}),{displayName:"Select"}),I7=Object.assign(A(o.forwardRef(function({size:e,valid:t,align:r,...n},a){return u.createElement(E7,{...n,ref:a})}))(tl,rl,Tc,nl,({height:e=400})=>({overflow:"visible",maxHeight:e})),{displayName:"Textarea"}),Nt=Object.assign(A.form({boxSizing:"border-box",width:"100%"}),{Field:kc,Input:C7,Select:R7,Textarea:I7,Button:wt}),A7=o.lazy(()=>Ft(()=>import("./WithTooltip-Y7J54OF7-Ck_a_j2Y.js"),__vite__mapDeps([9,1,2,3,4,5,6,7]),import.meta.url).then(e=>({default:e.WithTooltip}))),_7=e=>u.createElement(o.Suspense,{fallback:u.createElement("div",null)},u.createElement(A7,{...e})),k7=o.lazy(()=>Ft(()=>import("./WithTooltip-Y7J54OF7-Ck_a_j2Y.js"),__vite__mapDeps([9,1,2,3,4,5,6,7]),import.meta.url).then(e=>({default:e.WithTooltipPure}))),Mc=e=>u.createElement(o.Suspense,{fallback:u.createElement("div",null)},u.createElement(k7,{...e})),O7=A.div(({theme:e})=>({fontWeight:e.typography.weight.bold})),T7=A.span(),M7=A.div(({theme:e})=>({marginTop:8,textAlign:"center","> *":{margin:"0 8px",fontWeight:e.typography.weight.bold}})),$7=A.div(({theme:e})=>({color:e.color.defaultText,lineHeight:"18px"})),L7=A.div({padding:15,width:280,boxSizing:"border-box"}),$c=({title:e,desc:t,links:r})=>u.createElement(L7,null,u.createElement($7,null,e&&u.createElement(O7,null,e),t&&u.createElement(T7,null,t)),r&&u.createElement(M7,null,r.map(({title:n,...a})=>u.createElement(Bt,{...a,key:n},n))));$c.defaultProps={title:null,desc:null,links:null};var z7=A.div(({theme:e})=>({padding:"2px 6px",lineHeight:"16px",fontSize:10,fontWeight:e.typography.weight.bold,color:e.color.lightest,boxShadow:"0 0 5px 0 rgba(0, 0, 0, 0.3)",borderRadius:4,whiteSpace:"nowrap",pointerEvents:"none",zIndex:-1,background:e.base==="light"?"rgba(60, 60, 60, 0.9)":"rgba(0, 0, 0, 0.95)",margin:6})),B7=({note:e,...t})=>u.createElement(z7,{...t},e),P7=A(({active:e,loading:t,disabled:r,...n})=>u.createElement("span",{...n}))(({theme:e})=>({color:e.color.defaultText,fontWeight:e.typography.weight.regular}),({active:e,theme:t})=>e?{color:t.color.secondary,fontWeight:t.typography.weight.bold}:{},({loading:e,theme:t})=>e?{display:"inline-block",flex:"none",...t.animation.inlineGlow}:{},({disabled:e,theme:t})=>e?{color:Oe(.7,t.color.defaultText)}:{}),H7=A.span({display:"flex","& svg":{height:12,width:12,margin:"3px 0",verticalAlign:"top"},"& path":{fill:"inherit"}}),F7=A.span({flex:1,textAlign:"left",display:"flex",flexDirection:"column"},({isIndented:e})=>e?{marginLeft:24}:{}),j7=A.span(({theme:e})=>({fontSize:"11px",lineHeight:"14px"}),({active:e,theme:t})=>e?{color:t.color.secondary}:{},({theme:e,disabled:t})=>t?{color:e.textMutedColor}:{}),N7=A.span(({active:e,theme:t})=>e?{color:t.color.secondary}:{},()=>({display:"flex",maxWidth:14})),D7=A.a(({theme:e})=>({fontSize:e.typography.size.s1,transition:"all 150ms ease-out",color:e.color.dark,textDecoration:"none",cursor:"pointer",justifyContent:"space-between",lineHeight:"18px",padding:"7px 10px",display:"flex",alignItems:"center","& > * + *":{paddingLeft:10},"&:hover":{background:e.background.hoverable},"&:hover svg":{opacity:1}}),({disabled:e})=>e?{cursor:"not-allowed"}:{}),V7=Dt(100)((e,t,r)=>{let n={};return e&&Object.assign(n,{onClick:e}),t&&Object.assign(n,{href:t}),r&&t&&Object.assign(n,{to:t,as:r}),n}),Lc=({loading:e,title:t,center:r,right:n,icon:a,active:l,disabled:i,isIndented:c,href:s,onClick:d,LinkWrapper:p,...h})=>{let m=V7(d,s,p),f={active:l,disabled:i};return u.createElement(D7,{...f,...h,...m},a&&u.createElement(N7,{...f},a),t||r?u.createElement(F7,{isIndented:!a&&c},t&&u.createElement(P7,{...f,loading:e},t),r&&u.createElement(j7,{...f},r)):null,n&&u.createElement(H7,{...f},n))};Lc.defaultProps={loading:!1,title:u.createElement("span",null,"Loading state"),center:null,right:null,active:!1,disabled:!1,href:null,LinkWrapper:null,onClick:null};var al=Lc,U7=A.div({minWidth:180,overflow:"hidden",overflowY:"auto",maxHeight:15.5*32},({theme:e})=>({borderRadius:e.appBorderRadius})),W7=e=>{let{LinkWrapper:t,onClick:r,id:n,isIndented:a,...l}=e,{title:i,href:c,active:s}=l,d=o.useCallback(h=>{r(h,l)},[r]),p=!!r;return u.createElement(al,{title:i,active:s,href:c,id:`list-item-${n}`,LinkWrapper:t,isIndented:a,...l,...p?{onClick:d}:{}})},ol=({links:e,LinkWrapper:t})=>{let r=e.some(n=>n.icon);return u.createElement(U7,null,e.map(({isGatsby:n,...a})=>u.createElement(W7,{key:a.id,LinkWrapper:n?t:null,isIndented:r,...a})))};ol.defaultProps={LinkWrapper:al.defaultProps.LinkWrapper};var q7=e=>typeof e.props.href=="string",G7=e=>typeof e.props.href!="string";function Y7({children:e,...t},r){let n={props:t,ref:r};if(q7(n))return u.createElement("a",{ref:n.ref,...n.props},e);if(G7(n))return u.createElement("button",{ref:n.ref,type:"button",...n.props},e);throw new Error("invalid props")}var zc=o.forwardRef(Y7);zc.displayName="ButtonOrLink";var Gr=A(zc,{shouldForwardProp:bo})({whiteSpace:"normal",display:"inline-flex",overflow:"hidden",verticalAlign:"top",justifyContent:"center",alignItems:"center",textAlign:"center",textDecoration:"none","&:empty":{display:"none"},"&[hidden]":{display:"none"}},({theme:e})=>({padding:"0 15px",transition:"color 0.2s linear, border-bottom-color 0.2s linear",height:40,lineHeight:"12px",cursor:"pointer",background:"transparent",border:"0 solid transparent",borderTop:"3px solid transparent",borderBottom:"3px solid transparent",fontWeight:"bold",fontSize:13,"&:focus":{outline:"0 none",borderBottomColor:e.barSelectedColor}}),({active:e,textColor:t,theme:r})=>e?{color:t||r.barSelectedColor,borderBottomColor:r.barSelectedColor}:{color:t||r.barTextColor,borderBottomColor:"transparent","&:hover":{color:r.barHoverColor}});Gr.displayName="TabButton";var K7=A.div(({theme:e})=>({width:14,height:14,backgroundColor:e.appBorderColor,animation:`${e.animation.glow} 1.5s ease-in-out infinite`})),X7=A.div(()=>({marginTop:6,padding:7,height:28})),Z7=()=>u.createElement(X7,null,u.createElement(K7,null)),eo=A.div({display:"flex",whiteSpace:"nowrap",flexBasis:"auto",marginLeft:3,marginRight:3},({scrollable:e})=>e?{flexShrink:0}:{},({left:e})=>e?{"& > *":{marginLeft:4}}:{},({right:e})=>e?{marginLeft:30,"& > *":{marginRight:4}}:{});eo.displayName="Side";var J7=({children:e,className:t,scrollable:r})=>r?u.createElement(Po,{vertical:!1,className:t},e):u.createElement("div",{className:t},e),ll=A(J7)(({theme:e,scrollable:t=!0})=>({color:e.barTextColor,width:"100%",height:40,flexShrink:0,overflow:t?"auto":"hidden",overflowY:"hidden"}),({theme:e,border:t=!1})=>t?{boxShadow:`${e.appBorderColor} 0 -1px 0 0 inset`,background:e.barBg}:{});ll.displayName="Bar";var Q7=A.div(({bgColor:e})=>({display:"flex",justifyContent:"space-between",position:"relative",flexWrap:"nowrap",flexShrink:0,height:40,backgroundColor:e||""})),Gn=({children:e,backgroundColor:t,className:r,...n})=>{let[a,l]=o.Children.toArray(e);return u.createElement(ll,{className:`sb-bar ${r}`,...n},u.createElement(Q7,{bgColor:t},u.createElement(eo,{scrollable:n.scrollable,left:!0},a),l?u.createElement(eo,{right:!0},l):null))};Gn.displayName="FlexBar";var Bc=A.div(({active:e})=>e?{display:"block"}:{display:"none"}),Oi=e=>o.Children.toArray(e).map(({props:{title:t,id:r,color:n,children:a}})=>{let l=Array.isArray(a)?a[0]:a;return{title:t,id:r,...n?{color:n}:{},render:typeof l=="function"?l:({active:i})=>u.createElement(Bc,{active:i,role:"tabpanel"},l)}}),eb=A.span(({theme:e,isActive:t})=>({display:"inline-block",width:0,height:0,marginLeft:8,color:t?e.color.secondary:e.color.mediumdark,borderRight:"3px solid transparent",borderLeft:"3px solid transparent",borderTop:"3px solid",transition:"transform .1s ease-out"})),tb=A(Gr)(({active:e,theme:t,preActive:r})=>` +${t}`);let r=t.match(Q3);if(!r)return u.createElement(o.Fragment,null,t);let[,n,a]=r,l=t.split(/\n/).slice(1),[,...i]=l.map(c=>{let s=c.match(e7)||c.match(t7)||c.match(r7);return s?{name:(s[1]||"").replace("/<",""),location:s[2].replace(X3.location.origin,"")}:null}).filter(Boolean);return u.createElement(o.Fragment,null,u.createElement("span",null,n),": ",u.createElement(Z3,null,a),u.createElement("br",null),i.map((c,s)=>c.name?u.createElement(o.Fragment,{key:s}," ","at ",u.createElement(J3,null,c.name)," (",u.createElement(Ci,null,c.location),")",u.createElement("br",null)):u.createElement(o.Fragment,{key:s}," ","at ",u.createElement(Ci,null,c.location),u.createElement("br",null))))},wt=o.forwardRef(({asChild:e=!1,animation:t="none",size:r="small",variant:n="outline",padding:a="medium",disabled:l=!1,active:i=!1,onClick:c,...s},d)=>{let p="button";s.isLink&&(p="a"),e&&(p=Oo);let h=n,m=r,[f,v]=o.useState(!1),g=E=>{c&&c(E),t!=="none"&&v(!0)};if(o.useEffect(()=>{let E=setTimeout(()=>{f&&v(!1)},1e3);return()=>clearTimeout(E)},[f]),s.primary&&(h="solid",m="medium"),(s.secondary||s.tertiary||s.gray||s.outline||s.inForm)&&(h="outline",m="medium"),s.small||s.isLink||s.primary||s.secondary||s.tertiary||s.gray||s.outline||s.inForm||s.containsIcon){let E=u.Children.toArray(s.children).filter(x=>typeof x=="string"&&x!=="");nc(`Use of deprecated props in the button ${E.length>0?`"${E.join(" ")}"`:"component"} detected, see the migration notes at https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#new-ui-and-props-for-button-and-iconbutton-components`)}return u.createElement(n7,{as:p,ref:d,variant:h,size:m,padding:a,disabled:l,active:i,animating:f,animation:t,onClick:g,...s})});wt.displayName="Button";var n7=A("button",{shouldForwardProp:e=>bo(e)})(({theme:e,variant:t,size:r,disabled:n,active:a,animating:l,animation:i,padding:c})=>({border:0,cursor:n?"not-allowed":"pointer",display:"inline-flex",gap:"6px",alignItems:"center",justifyContent:"center",overflow:"hidden",padding:c==="small"&&r==="small"?"0 7px":c==="small"&&r==="medium"?"0 9px":r==="small"?"0 10px":r==="medium"?"0 12px":0,height:r==="small"?"28px":"32px",position:"relative",textAlign:"center",textDecoration:"none",transitionProperty:"background, box-shadow",transitionDuration:"150ms",transitionTimingFunction:"ease-out",verticalAlign:"top",whiteSpace:"nowrap",userSelect:"none",opacity:n?.5:1,margin:0,fontSize:`${e.typography.size.s1}px`,fontWeight:e.typography.weight.bold,lineHeight:"1",background:t==="solid"?e.color.secondary:t==="outline"?e.button.background:t==="ghost"&&a?e.background.hoverable:"transparent",...t==="ghost"?{".sb-bar &":{background:a?Oe(.9,e.barTextColor):"transparent",color:a?e.barSelectedColor:e.barTextColor,"&:hover":{color:e.barHoverColor,background:Oe(.86,e.barHoverColor)},"&:active":{color:e.barSelectedColor,background:Oe(.9,e.barSelectedColor)},"&:focus":{boxShadow:`${In(e.barHoverColor,1)} 0 0 0 1px inset`,outline:"none"}}}:{},color:t==="solid"?e.color.lightest:t==="outline"?e.input.color:t==="ghost"&&a?e.color.secondary:t==="ghost"?e.color.mediumdark:e.input.color,boxShadow:t==="outline"?`${e.button.border} 0 0 0 1px inset`:"none",borderRadius:e.input.borderRadius,flexShrink:0,"&:hover":{color:t==="ghost"?e.color.secondary:null,background:(()=>{let s=e.color.secondary;return t==="solid"&&(s=e.color.secondary),t==="outline"&&(s=e.button.background),t==="ghost"?Oe(.86,e.color.secondary):e.base==="light"?Zt(.02,s):Ei(.03,s)})()},"&:active":{color:t==="ghost"?e.color.secondary:null,background:(()=>{let s=e.color.secondary;return t==="solid"&&(s=e.color.secondary),t==="outline"&&(s=e.button.background),t==="ghost"?e.background.hoverable:e.base==="light"?Zt(.02,s):Ei(.03,s)})()},"&:focus":{boxShadow:`${In(e.color.secondary,1)} 0 0 0 1px inset`,outline:"none"},"> svg":{animation:l&&i!=="none"?`${e.animation[i]} 1000ms ease-out`:""}})),Ht=o.forwardRef(({padding:e="small",variant:t="ghost",...r},n)=>u.createElement(wt,{padding:e,variant:t,ref:n,...r}));Ht.displayName="IconButton";var a7=A.label(({theme:e})=>({display:"flex",borderBottom:`1px solid ${e.appBorderColor}`,margin:"0 15px",padding:"8px 0","&:last-child":{marginBottom:"3rem"}})),o7=A.span(({theme:e})=>({minWidth:100,fontWeight:e.typography.weight.bold,marginRight:15,display:"flex",justifyContent:"flex-start",alignItems:"center",lineHeight:"16px"})),kc=({label:e,children:t,...r})=>u.createElement(a7,{...r},e?u.createElement(o7,null,u.createElement("span",null,e)):null,t);kc.defaultProps={label:void 0};var l7=o.useLayoutEffect,i7=l7,s7=function(e){var t=o.useRef(e);return i7(function(){t.current=e}),t},Ri=function(e,t){if(typeof e=="function"){e(t);return}e.current=t},c7=function(e,t){var r=o.useRef();return o.useCallback(function(n){e.current=n,r.current&&Ri(r.current,null),r.current=t,t&&Ri(t,n)},[t])},d7=c7,Ii={"min-height":"0","max-height":"none",height:"0",visibility:"hidden",overflow:"hidden",position:"absolute","z-index":"-1000",top:"0",right:"0"},u7=function(e){Object.keys(Ii).forEach(function(t){e.style.setProperty(t,Ii[t],"important")})},Ai=u7,ye=null,_i=function(e,t){var r=e.scrollHeight;return t.sizingStyle.boxSizing==="border-box"?r+t.borderSize:r-t.paddingSize};function p7(e,t,r,n){r===void 0&&(r=1),n===void 0&&(n=1/0),ye||(ye=document.createElement("textarea"),ye.setAttribute("tabindex","-1"),ye.setAttribute("aria-hidden","true"),Ai(ye)),ye.parentNode===null&&document.body.appendChild(ye);var a=e.paddingSize,l=e.borderSize,i=e.sizingStyle,c=i.boxSizing;Object.keys(i).forEach(function(m){var f=m;ye.style[f]=i[f]}),Ai(ye),ye.value=t;var s=_i(ye,e);ye.value=t,s=_i(ye,e),ye.value="x";var d=ye.scrollHeight-a,p=d*r;c==="border-box"&&(p=p+a+l),s=Math.max(p,s);var h=d*n;return c==="border-box"&&(h=h+a+l),s=Math.min(h,s),[s,d]}var ki=function(){},f7=function(e,t){return e.reduce(function(r,n){return r[n]=t[n],r},{})},h7=["borderBottomWidth","borderLeftWidth","borderRightWidth","borderTopWidth","boxSizing","fontFamily","fontSize","fontStyle","fontWeight","letterSpacing","lineHeight","paddingBottom","paddingLeft","paddingRight","paddingTop","tabSize","textIndent","textRendering","textTransform","width","wordBreak"],g7=!!document.documentElement.currentStyle,m7=function(e){var t=window.getComputedStyle(e);if(t===null)return null;var r=f7(h7,t),n=r.boxSizing;if(n==="")return null;g7&&n==="border-box"&&(r.width=parseFloat(r.width)+parseFloat(r.borderRightWidth)+parseFloat(r.borderLeftWidth)+parseFloat(r.paddingRight)+parseFloat(r.paddingLeft)+"px");var a=parseFloat(r.paddingBottom)+parseFloat(r.paddingTop),l=parseFloat(r.borderBottomWidth)+parseFloat(r.borderTopWidth);return{sizingStyle:r,paddingSize:a,borderSize:l}},v7=m7;function Oc(e,t,r){var n=s7(r);o.useLayoutEffect(function(){var a=function(l){return n.current(l)};if(e)return e.addEventListener(t,a),function(){return e.removeEventListener(t,a)}},[])}var b7=function(e){Oc(window,"resize",e)},y7=function(e){Oc(document.fonts,"loadingdone",e)},w7=["cacheMeasurements","maxRows","minRows","onChange","onHeightChange"],x7=function(e,t){var r=e.cacheMeasurements,n=e.maxRows,a=e.minRows,l=e.onChange,i=l===void 0?ki:l,c=e.onHeightChange,s=c===void 0?ki:c,d=Ao(e,w7),p=d.value!==void 0,h=o.useRef(null),m=d7(h,t),f=o.useRef(0),v=o.useRef(),g=function(){var x=h.current,y=r&&v.current?v.current:v7(x);if(y){v.current=y;var b=p7(y,x.value||x.placeholder||"x",a,n),w=b[0],S=b[1];f.current!==w&&(f.current=w,x.style.setProperty("height",w+"px","important"),s(w,{rowHeight:S}))}},E=function(x){p||g(),i(x)};return o.useLayoutEffect(g),b7(g),y7(g),o.createElement("textarea",G({},d,{onChange:E,ref:m}))},E7=o.forwardRef(x7),S7={appearance:"none",border:"0 none",boxSizing:"inherit",display:" block",margin:" 0",background:"transparent",padding:0,fontSize:"inherit",position:"relative"},tl=({theme:e})=>({...S7,transition:"box-shadow 200ms ease-out, opacity 200ms ease-out",color:e.input.color||"inherit",background:e.input.background,boxShadow:`${e.input.border} 0 0 0 1px inset`,borderRadius:e.input.borderRadius,fontSize:e.typography.size.s2-1,lineHeight:"20px",padding:"6px 10px",boxSizing:"border-box",height:32,'&[type="file"]':{height:"auto"},"&:focus":{boxShadow:`${e.color.secondary} 0 0 0 1px inset`,outline:"none"},"&[disabled]":{cursor:"not-allowed",opacity:.5},"&:-webkit-autofill":{WebkitBoxShadow:`0 0 0 3em ${e.color.lightest} inset`},"&::placeholder":{color:e.textMutedColor,opacity:1}}),rl=({size:e})=>{switch(e){case"100%":return{width:"100%"};case"flex":return{flex:1};case"auto":default:return{display:"inline"}}},Tc=({align:e})=>{switch(e){case"end":return{textAlign:"right"};case"center":return{textAlign:"center"};case"start":default:return{textAlign:"left"}}},nl=({valid:e,theme:t})=>{switch(e){case"valid":return{boxShadow:`${t.color.positive} 0 0 0 1px inset !important`};case"error":return{boxShadow:`${t.color.negative} 0 0 0 1px inset !important`};case"warn":return{boxShadow:`${t.color.warning} 0 0 0 1px inset`};case void 0:case null:default:return{}}},C7=Object.assign(A(o.forwardRef(function({size:e,valid:t,align:r,...n},a){return u.createElement("input",{...n,ref:a})}))(tl,rl,Tc,nl,{minHeight:32}),{displayName:"Input"}),R7=Object.assign(A(o.forwardRef(function({size:e,valid:t,align:r,...n},a){return u.createElement("select",{...n,ref:a})}))(tl,rl,nl,{height:32,userSelect:"none",paddingRight:20,appearance:"menulist"}),{displayName:"Select"}),I7=Object.assign(A(o.forwardRef(function({size:e,valid:t,align:r,...n},a){return u.createElement(E7,{...n,ref:a})}))(tl,rl,Tc,nl,({height:e=400})=>({overflow:"visible",maxHeight:e})),{displayName:"Textarea"}),Nt=Object.assign(A.form({boxSizing:"border-box",width:"100%"}),{Field:kc,Input:C7,Select:R7,Textarea:I7,Button:wt}),A7=o.lazy(()=>Ft(()=>import("./WithTooltip-Y7J54OF7-55uSc0MY.js"),__vite__mapDeps([9,1,2,3,4,5,6,7]),import.meta.url).then(e=>({default:e.WithTooltip}))),_7=e=>u.createElement(o.Suspense,{fallback:u.createElement("div",null)},u.createElement(A7,{...e})),k7=o.lazy(()=>Ft(()=>import("./WithTooltip-Y7J54OF7-55uSc0MY.js"),__vite__mapDeps([9,1,2,3,4,5,6,7]),import.meta.url).then(e=>({default:e.WithTooltipPure}))),Mc=e=>u.createElement(o.Suspense,{fallback:u.createElement("div",null)},u.createElement(k7,{...e})),O7=A.div(({theme:e})=>({fontWeight:e.typography.weight.bold})),T7=A.span(),M7=A.div(({theme:e})=>({marginTop:8,textAlign:"center","> *":{margin:"0 8px",fontWeight:e.typography.weight.bold}})),$7=A.div(({theme:e})=>({color:e.color.defaultText,lineHeight:"18px"})),L7=A.div({padding:15,width:280,boxSizing:"border-box"}),$c=({title:e,desc:t,links:r})=>u.createElement(L7,null,u.createElement($7,null,e&&u.createElement(O7,null,e),t&&u.createElement(T7,null,t)),r&&u.createElement(M7,null,r.map(({title:n,...a})=>u.createElement(Bt,{...a,key:n},n))));$c.defaultProps={title:null,desc:null,links:null};var z7=A.div(({theme:e})=>({padding:"2px 6px",lineHeight:"16px",fontSize:10,fontWeight:e.typography.weight.bold,color:e.color.lightest,boxShadow:"0 0 5px 0 rgba(0, 0, 0, 0.3)",borderRadius:4,whiteSpace:"nowrap",pointerEvents:"none",zIndex:-1,background:e.base==="light"?"rgba(60, 60, 60, 0.9)":"rgba(0, 0, 0, 0.95)",margin:6})),B7=({note:e,...t})=>u.createElement(z7,{...t},e),P7=A(({active:e,loading:t,disabled:r,...n})=>u.createElement("span",{...n}))(({theme:e})=>({color:e.color.defaultText,fontWeight:e.typography.weight.regular}),({active:e,theme:t})=>e?{color:t.color.secondary,fontWeight:t.typography.weight.bold}:{},({loading:e,theme:t})=>e?{display:"inline-block",flex:"none",...t.animation.inlineGlow}:{},({disabled:e,theme:t})=>e?{color:Oe(.7,t.color.defaultText)}:{}),H7=A.span({display:"flex","& svg":{height:12,width:12,margin:"3px 0",verticalAlign:"top"},"& path":{fill:"inherit"}}),F7=A.span({flex:1,textAlign:"left",display:"flex",flexDirection:"column"},({isIndented:e})=>e?{marginLeft:24}:{}),j7=A.span(({theme:e})=>({fontSize:"11px",lineHeight:"14px"}),({active:e,theme:t})=>e?{color:t.color.secondary}:{},({theme:e,disabled:t})=>t?{color:e.textMutedColor}:{}),N7=A.span(({active:e,theme:t})=>e?{color:t.color.secondary}:{},()=>({display:"flex",maxWidth:14})),D7=A.a(({theme:e})=>({fontSize:e.typography.size.s1,transition:"all 150ms ease-out",color:e.color.dark,textDecoration:"none",cursor:"pointer",justifyContent:"space-between",lineHeight:"18px",padding:"7px 10px",display:"flex",alignItems:"center","& > * + *":{paddingLeft:10},"&:hover":{background:e.background.hoverable},"&:hover svg":{opacity:1}}),({disabled:e})=>e?{cursor:"not-allowed"}:{}),V7=Dt(100)((e,t,r)=>{let n={};return e&&Object.assign(n,{onClick:e}),t&&Object.assign(n,{href:t}),r&&t&&Object.assign(n,{to:t,as:r}),n}),Lc=({loading:e,title:t,center:r,right:n,icon:a,active:l,disabled:i,isIndented:c,href:s,onClick:d,LinkWrapper:p,...h})=>{let m=V7(d,s,p),f={active:l,disabled:i};return u.createElement(D7,{...f,...h,...m},a&&u.createElement(N7,{...f},a),t||r?u.createElement(F7,{isIndented:!a&&c},t&&u.createElement(P7,{...f,loading:e},t),r&&u.createElement(j7,{...f},r)):null,n&&u.createElement(H7,{...f},n))};Lc.defaultProps={loading:!1,title:u.createElement("span",null,"Loading state"),center:null,right:null,active:!1,disabled:!1,href:null,LinkWrapper:null,onClick:null};var al=Lc,U7=A.div({minWidth:180,overflow:"hidden",overflowY:"auto",maxHeight:15.5*32},({theme:e})=>({borderRadius:e.appBorderRadius})),W7=e=>{let{LinkWrapper:t,onClick:r,id:n,isIndented:a,...l}=e,{title:i,href:c,active:s}=l,d=o.useCallback(h=>{r(h,l)},[r]),p=!!r;return u.createElement(al,{title:i,active:s,href:c,id:`list-item-${n}`,LinkWrapper:t,isIndented:a,...l,...p?{onClick:d}:{}})},ol=({links:e,LinkWrapper:t})=>{let r=e.some(n=>n.icon);return u.createElement(U7,null,e.map(({isGatsby:n,...a})=>u.createElement(W7,{key:a.id,LinkWrapper:n?t:null,isIndented:r,...a})))};ol.defaultProps={LinkWrapper:al.defaultProps.LinkWrapper};var q7=e=>typeof e.props.href=="string",G7=e=>typeof e.props.href!="string";function Y7({children:e,...t},r){let n={props:t,ref:r};if(q7(n))return u.createElement("a",{ref:n.ref,...n.props},e);if(G7(n))return u.createElement("button",{ref:n.ref,type:"button",...n.props},e);throw new Error("invalid props")}var zc=o.forwardRef(Y7);zc.displayName="ButtonOrLink";var Gr=A(zc,{shouldForwardProp:bo})({whiteSpace:"normal",display:"inline-flex",overflow:"hidden",verticalAlign:"top",justifyContent:"center",alignItems:"center",textAlign:"center",textDecoration:"none","&:empty":{display:"none"},"&[hidden]":{display:"none"}},({theme:e})=>({padding:"0 15px",transition:"color 0.2s linear, border-bottom-color 0.2s linear",height:40,lineHeight:"12px",cursor:"pointer",background:"transparent",border:"0 solid transparent",borderTop:"3px solid transparent",borderBottom:"3px solid transparent",fontWeight:"bold",fontSize:13,"&:focus":{outline:"0 none",borderBottomColor:e.barSelectedColor}}),({active:e,textColor:t,theme:r})=>e?{color:t||r.barSelectedColor,borderBottomColor:r.barSelectedColor}:{color:t||r.barTextColor,borderBottomColor:"transparent","&:hover":{color:r.barHoverColor}});Gr.displayName="TabButton";var K7=A.div(({theme:e})=>({width:14,height:14,backgroundColor:e.appBorderColor,animation:`${e.animation.glow} 1.5s ease-in-out infinite`})),X7=A.div(()=>({marginTop:6,padding:7,height:28})),Z7=()=>u.createElement(X7,null,u.createElement(K7,null)),eo=A.div({display:"flex",whiteSpace:"nowrap",flexBasis:"auto",marginLeft:3,marginRight:3},({scrollable:e})=>e?{flexShrink:0}:{},({left:e})=>e?{"& > *":{marginLeft:4}}:{},({right:e})=>e?{marginLeft:30,"& > *":{marginRight:4}}:{});eo.displayName="Side";var J7=({children:e,className:t,scrollable:r})=>r?u.createElement(Po,{vertical:!1,className:t},e):u.createElement("div",{className:t},e),ll=A(J7)(({theme:e,scrollable:t=!0})=>({color:e.barTextColor,width:"100%",height:40,flexShrink:0,overflow:t?"auto":"hidden",overflowY:"hidden"}),({theme:e,border:t=!1})=>t?{boxShadow:`${e.appBorderColor} 0 -1px 0 0 inset`,background:e.barBg}:{});ll.displayName="Bar";var Q7=A.div(({bgColor:e})=>({display:"flex",justifyContent:"space-between",position:"relative",flexWrap:"nowrap",flexShrink:0,height:40,backgroundColor:e||""})),Gn=({children:e,backgroundColor:t,className:r,...n})=>{let[a,l]=o.Children.toArray(e);return u.createElement(ll,{className:`sb-bar ${r}`,...n},u.createElement(Q7,{bgColor:t},u.createElement(eo,{scrollable:n.scrollable,left:!0},a),l?u.createElement(eo,{right:!0},l):null))};Gn.displayName="FlexBar";var Bc=A.div(({active:e})=>e?{display:"block"}:{display:"none"}),Oi=e=>o.Children.toArray(e).map(({props:{title:t,id:r,color:n,children:a}})=>{let l=Array.isArray(a)?a[0]:a;return{title:t,id:r,...n?{color:n}:{},render:typeof l=="function"?l:({active:i})=>u.createElement(Bc,{active:i,role:"tabpanel"},l)}}),eb=A.span(({theme:e,isActive:t})=>({display:"inline-block",width:0,height:0,marginLeft:8,color:t?e.color.secondary:e.color.mediumdark,borderRight:"3px solid transparent",borderLeft:"3px solid transparent",borderTop:"3px solid",transition:"transform .1s ease-out"})),tb=A(Gr)(({active:e,theme:t,preActive:r})=>` color: ${r||e?t.barSelectedColor:t.barTextColor}; .addon-collapsible-icon { color: ${r||e?t.barSelectedColor:t.barTextColor}; @@ -458,7 +458,7 @@ ${t}`);let r=t.match(Q3);if(!r)return u.createElement(o.Fragment,null,t);let[,n, ${Ye(.02,e.input.background)} 100%)`:`linear-gradient(to right, ${e.color.green} 0%, ${e.color.green} ${(n-t)/(r-t)*100}%, ${Ot(.02,e.input.background)} ${(n-t)/(r-t)*100}%, - ${Ot(.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 ${Je(e.appBorderColor,.2)}`,borderRadius:50,cursor:"grab",marginTop:0},"@supports (-ms-ime-align:auto)":{"input[type=range]":{margin:"0"}}})),D1=A.span({paddingLeft:5,paddingRight:5,fontSize:12,whiteSpace:"nowrap",fontFeatureSettings:"tnum",fontVariantNumeric:"tabular-nums"}),NR=A(D1)(({numberOFDecimalsPlaces:e,max:t})=>({width:`${e+t.toString().length*2+3}ch`,textAlign:"right",flexShrink:0})),DR=A.div({display:"flex",alignItems:"center",width:"100%"});function VR(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 UR=({name:e,value:t,onChange:r,min:n=0,max:a=100,step:l=1,onBlur:i,onFocus:c})=>{let s=h=>{r(tR(h.target.value))},d=t!==void 0,p=o.useMemo(()=>VR(l),[l]);return u.createElement(DR,null,u.createElement(D1,null,n),u.createElement(jR,{id:Fe(e),type:"range",onChange:s,name:e,value:t,min:n,max:a,step:l,onFocus:c,onBlur:i}),u.createElement(NR,{numberOFDecimalsPlaces:p,max:a},d?t.toFixed(p):"--"," / ",a))},WR=A.label({display:"flex"}),qR=A.div(({isMaxed:e})=>({marginLeft:"0.75rem",paddingTop:"0.35rem",color:e?"red":void 0})),GR=({name:e,value:t,onChange:r,onFocus:n,onBlur:a,maxLength:l})=>{let i=h=>{r(h.target.value)},[c,s]=o.useState(!1),d=o.useCallback(()=>{r(""),s(!0)},[s]);if(t===void 0)return u.createElement(wt,{variant:"outline",size:"medium",id:Mn(e),onClick:d},"Set string");let p=typeof t=="string";return u.createElement(WR,null,u.createElement(Nt.Textarea,{id:Fe(e),maxLength:l,onChange:i,size:"flex",placeholder:"Edit string...",autoFocus:c,valid:p?null:"error",name:e,value:p?t:"",onFocus:n,onBlur:a}),l&&u.createElement(qR,{isMaxed:(t==null?void 0:t.length)===l},(t==null?void 0:t.length)??0," / ",l))},YR=A(Nt.Input)({padding:10});function KR(e){e.forEach(t=>{t.startsWith("blob:")&&URL.revokeObjectURL(t)})}var XR=({onChange:e,name:t,accept:r="image/*",value:n})=>{let a=o.useRef(null);function l(i){if(!i.target.files)return;let c=Array.from(i.target.files).map(s=>URL.createObjectURL(s));e(c),KR(n)}return o.useEffect(()=>{n==null&&a.current&&(a.current.value=null)},[n,t]),u.createElement(YR,{ref:a,id:Fe(t),type:"file",name:t,multiple:!0,onChange:l,accept:r,size:"flex"})},ZR=o.lazy(()=>Ft(()=>import("./Color-RQJUDNI5-Dpgqpg_z.js"),__vite__mapDeps([10,2,3,6,1,4,5,7]),import.meta.url)),JR=e=>u.createElement(o.Suspense,{fallback:u.createElement("div",null)},u.createElement(ZR,{...e})),QR={array:b0,object:b0,boolean:GC,color:JR,date:QC,number:rR,check:Kt,"inline-check":Kt,radio:Kt,"inline-radio":Kt,select:Kt,"multi-select":Kt,range:UR,text:GR,file:XR},y0=()=>u.createElement(u.Fragment,null,"-"),eI=({row:e,arg:t,updateArgs:r,isHovered:n})=>{var g;let{key:a,control:l}=e,[i,c]=o.useState(!1),[s,d]=o.useState({value:t});o.useEffect(()=>{i||d({value:t})},[i,t]);let p=o.useCallback(E=>(d({value:E}),r({[a]:E}),E),[r,a]),h=o.useCallback(()=>c(!1),[]),m=o.useCallback(()=>c(!0),[]);if(!l||l.disable){let E=(l==null?void 0:l.disable)!==!0&&((g=e==null?void 0:e.type)==null?void 0:g.name)!=="function";return n&&E?u.createElement(Bt,{href:"https://storybook.js.org/docs/react/essentials/controls",target:"_blank",withArrow:!0},"Setup controls"):u.createElement(y0,null)}let f={name:a,argType:e,value:s.value,onChange:p,onBlur:h,onFocus:m},v=QR[l.type]||y0;return u.createElement(v,{...f,...l,controlType:l.type})},tI=A.span({fontWeight:"bold"}),rI=A.span(({theme:e})=>({color:e.color.negative,fontFamily:e.typography.fonts.mono,cursor:"help"})),nI=A.div(({theme:e})=>({"&&":{p:{margin:"0 0 10px 0"},a:{color:e.color.secondary}},code:{...ut({theme:e}),fontSize:12,fontFamily:e.typography.fonts.mono},"& code":{margin:0,display:"inline-block"},"& pre > code":{whiteSpace:"pre-wrap"}})),aI=A.div(({theme:e,hasDescription:t})=>({color:e.base==="light"?ee(.1,e.color.defaultText):ee(.2,e.color.defaultText),marginTop:t?4:0})),oI=A.div(({theme:e,hasDescription:t})=>({color:e.base==="light"?ee(.1,e.color.defaultText):ee(.2,e.color.defaultText),marginTop:t?12:0,marginBottom:12})),lI=A.td(({theme:e,expandable:t})=>({paddingLeft:t?"40px !important":"20px !important"})),iI=e=>e&&{summary:typeof e=="string"?e:e.name},on=e=>{var g;let[t,r]=o.useState(!1),{row:n,updateArgs:a,compact:l,expandable:i,initialExpandedArgs:c}=e,{name:s,description:d}=n,p=n.table||{},h=p.type||iI(n.type),m=p.defaultValue||n.defaultValue,f=(g=n.type)==null?void 0:g.required,v=d!=null&&d!=="";return u.createElement("tr",{onMouseEnter:()=>r(!0),onMouseLeave:()=>r(!1)},u.createElement(lI,{expandable:i},u.createElement(tI,null,s),f?u.createElement(rI,{title:"Required"},"*"):null),l?null:u.createElement("td",null,v&&u.createElement(nI,null,u.createElement(u1,null,d)),p.jsDocTags!=null?u.createElement(u.Fragment,null,u.createElement(oI,{hasDescription:v},u.createElement(Ma,{value:h,initialExpandedArgs:c})),u.createElement(LC,{tags:p.jsDocTags})):u.createElement(aI,{hasDescription:v},u.createElement(Ma,{value:h,initialExpandedArgs:c}))),l?null:u.createElement("td",null,u.createElement(Ma,{value:m,initialExpandedArgs:c})),a?u.createElement("td",null,u.createElement(eI,{...e,isHovered:t})):null)},sI=A(ec)(({theme:e})=>({marginRight:8,marginLeft:-10,marginTop:-2,height:12,width:12,color:e.base==="light"?ee(.25,e.color.defaultText):ee(.3,e.color.defaultText),border:"none",display:"inline-block"})),cI=A(Go)(({theme:e})=>({marginRight:8,marginLeft:-10,marginTop:-2,height:12,width:12,color:e.base==="light"?ee(.25,e.color.defaultText):ee(.3,e.color.defaultText),border:"none",display:"inline-block"})),dI=A.span(({theme:e})=>({display:"flex",lineHeight:"20px",alignItems:"center"})),uI=A.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"?ee(.4,e.color.defaultText):ee(.6,e.color.defaultText),background:`${e.background.app} !important`,"& ~ td":{background:`${e.background.app} !important`}})),pI=A.td(({theme:e})=>({position:"relative",fontWeight:e.typography.weight.bold,fontSize:e.typography.size.s2-1,background:e.background.app})),fI=A.td(()=>({position:"relative"})),hI=A.tr(({theme:e})=>({"&:hover > td":{backgroundColor:`${Ot(.005,e.background.app)} !important`,boxShadow:`${e.color.mediumlight} 0 - 1px 0 0 inset`,cursor:"row-resize"}})),w0=A.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"})),La=({level:e="section",label:t,children:r,initialExpanded:n=!0,colSpan:a=3})=>{let[l,i]=o.useState(n),c=e==="subsection"?pI:uI,s=(r==null?void 0:r.length)||0,d=e==="subsection"?`${s} item${s!==1?"s":""}`:"",p=`${l?"Hide":"Show"} ${e==="subsection"?s:t} item${s!==1?"s":""}`;return u.createElement(u.Fragment,null,u.createElement(hI,{title:p},u.createElement(c,{colSpan:1},u.createElement(w0,{onClick:h=>i(!l),tabIndex:0},p),u.createElement(dI,null,l?u.createElement(sI,null):u.createElement(cI,null),t)),u.createElement(fI,{colSpan:a-1},u.createElement(w0,{onClick:h=>i(!l),tabIndex:-1,style:{outline:"none"}},p),l?null:d)),l?r:null)},ln=A.div(({theme:e})=>({display:"flex",gap:16,borderBottom:`1px solid ${e.appBorderColor}`,"&:last-child":{borderBottom:0}})),fe=A.div(({numColumn:e})=>({display:"flex",flexDirection:"column",flex:e||1,gap:5,padding:"12px 20px"})),ie=A.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})),he=[2,4,2,2],gI=()=>u.createElement(u.Fragment,null,u.createElement(ln,null,u.createElement(fe,{numColumn:he[0]},u.createElement(ie,{width:"60%"})),u.createElement(fe,{numColumn:he[1]},u.createElement(ie,{width:"30%"})),u.createElement(fe,{numColumn:he[2]},u.createElement(ie,{width:"60%"})),u.createElement(fe,{numColumn:he[3]},u.createElement(ie,{width:"60%"}))),u.createElement(ln,null,u.createElement(fe,{numColumn:he[0]},u.createElement(ie,{width:"60%"})),u.createElement(fe,{numColumn:he[1]},u.createElement(ie,{width:"80%"}),u.createElement(ie,{width:"30%"})),u.createElement(fe,{numColumn:he[2]},u.createElement(ie,{width:"60%"})),u.createElement(fe,{numColumn:he[3]},u.createElement(ie,{width:"60%"}))),u.createElement(ln,null,u.createElement(fe,{numColumn:he[0]},u.createElement(ie,{width:"60%"})),u.createElement(fe,{numColumn:he[1]},u.createElement(ie,{width:"80%"}),u.createElement(ie,{width:"30%"})),u.createElement(fe,{numColumn:he[2]},u.createElement(ie,{width:"60%"})),u.createElement(fe,{numColumn:he[3]},u.createElement(ie,{width:"60%"}))),u.createElement(ln,null,u.createElement(fe,{numColumn:he[0]},u.createElement(ie,{width:"60%"})),u.createElement(fe,{numColumn:he[1]},u.createElement(ie,{width:"80%"}),u.createElement(ie,{width:"30%"})),u.createElement(fe,{numColumn:he[2]},u.createElement(ie,{width:"60%"})),u.createElement(fe,{numColumn:he[3]},u.createElement(ie,{width:"60%"})))),mI=A.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"})),vI=A.div(({theme:e})=>({display:"flex",fontSize:e.typography.size.s2-1,gap:25})),bI=A.div(({theme:e})=>({width:1,height:16,backgroundColor:e.appBorderColor})),yI=({inAddonPanel:e})=>{let[t,r]=o.useState(!0);return o.useEffect(()=>{let n=setTimeout(()=>{r(!1)},100);return()=>clearTimeout(n)},[]),t?null:u.createElement(mI,{inAddonPanel:e},u.createElement(il,{title:e?"Interactive story playground":"Args table with interactive controls couldn't be auto-generated",description:u.createElement(u.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:u.createElement(vI,null,e&&u.createElement(u.Fragment,null,u.createElement(Bt,{href:"https://youtu.be/0gOfS6K0x0E",target:"_blank",withArrow:!0},u.createElement(Xs,null)," Watch 5m video"),u.createElement(bI,null),u.createElement(Bt,{href:"https://storybook.js.org/docs/essentials/controls",target:"_blank",withArrow:!0},u.createElement(Cn,null)," Read docs")),!e&&u.createElement(Bt,{href:"https://storybook.js.org/docs/essentials/controls",target:"_blank",withArrow:!0},u.createElement(Cn,null)," Learn how to set that up"))}))},wI=A.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"?ee(.25,e.color.defaultText):ee(.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}}}}})),xI=A(Ht)(({theme:e})=>({margin:"-4px -12px -4px 0"})),EI=A.span({display:"flex",justifyContent:"space-between"}),SI={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},CI=(e,t)=>{let r={ungrouped:[],ungroupedSubsections:{},sections:{}};if(!e)return r;Object.entries(e).forEach(([l,i])=>{let{category:c,subcategory:s}=(i==null?void 0:i.table)||{};if(c){let d=r.sections[c]||{ungrouped:[],subsections:{}};if(!s)d.ungrouped.push({key:l,...i});else{let p=d.subsections[s]||[];p.push({key:l,...i}),d.subsections[s]=p}r.sections[c]=d}else if(s){let d=r.ungroupedSubsections[s]||[];d.push({key:l,...i}),r.ungroupedSubsections[s]=d}else r.ungrouped.push({key:l,...i})});let n=SI[t],a=l=>n?Object.keys(l).reduce((i,c)=>({...i,[c]:l[c].sort(n)}),{}):l;return{ungrouped:r.ungrouped.sort(n),ungroupedSubsections:a(r.ungroupedSubsections),sections:Object.keys(r.sections).reduce((l,i)=>({...l,[i]:{ungrouped:r.sections[i].ungrouped.sort(n),subsections:a(r.sections[i].subsections)}}),{})}},RI=(e,t,r)=>{try{return J1(e,t,r)}catch(n){return nC.warn(n.message),!1}},po=e=>{let{updateArgs:t,resetArgs:r,compact:n,inAddonPanel:a,initialExpandedArgs:l,sort:i="none",isLoading:c}=e;if("error"in e){let{error:y}=e;return u.createElement(I1,null,y," ",u.createElement(Bt,{href:"http://storybook.js.org/docs/",target:"_blank",withArrow:!0},u.createElement(Cn,null)," Read the docs"))}if(c)return u.createElement(gI,null);let{rows:s,args:d,globals:p}="rows"in e&&e,h=CI(c6(s,y=>{var b;return!((b=y==null?void 0:y.table)!=null&&b.disable)&&RI(y,d||{},p||{})}),i),m=h.ungrouped.length===0,f=Object.entries(h.sections).length===0,v=Object.entries(h.ungroupedSubsections).length===0;if(m&&f&&v)return u.createElement(yI,{inAddonPanel:a});let g=1;t&&(g+=1),n||(g+=2);let E=Object.keys(h.sections).length>0,x={updateArgs:t,compact:n,inAddonPanel:a,initialExpandedArgs:l};return u.createElement(Wn,null,u.createElement(wI,{compact:n,inAddonPanel:a,className:"docblock-argstable sb-unstyled"},u.createElement("thead",{className:"docblock-argstable-head"},u.createElement("tr",null,u.createElement("th",null,u.createElement("span",null,"Name")),n?null:u.createElement("th",null,u.createElement("span",null,"Description")),n?null:u.createElement("th",null,u.createElement("span",null,"Default")),t?u.createElement("th",null,u.createElement(EI,null,"Control"," ",!c&&r&&u.createElement(xI,{onClick:()=>r(),title:"Reset controls"},u.createElement(rc,{"aria-hidden":!0})))):null)),u.createElement("tbody",{className:"docblock-argstable-body"},h.ungrouped.map(y=>u.createElement(on,{key:y.key,row:y,arg:d&&d[y.key],...x})),Object.entries(h.ungroupedSubsections).map(([y,b])=>u.createElement(La,{key:y,label:y,level:"subsection",colSpan:g},b.map(w=>u.createElement(on,{key:w.key,row:w,arg:d&&d[w.key],expandable:E,...x})))),Object.entries(h.sections).map(([y,b])=>u.createElement(La,{key:y,label:y,level:"section",colSpan:g},b.ungrouped.map(w=>u.createElement(on,{key:w.key,row:w,arg:d&&d[w.key],...x})),Object.entries(b.subsections).map(([w,S])=>u.createElement(La,{key:w,label:w,level:"subsection",colSpan:g},S.map(C=>u.createElement(on,{key:C.key,row:C,arg:d&&d[C.key],expandable:E,...x})))))))))},II=({tabs:e,...t})=>{let r=Object.entries(e);return r.length===1?u.createElement(po,{...r[0][1],...t}):u.createElement(cl,null,r.map((n,a)=>{let[l,i]=n,c=`prop_table_div_${l}`,s="div",d=a===0?t:{sort:t.sort};return u.createElement(s,{key:c,id:c,title:l},({active:p})=>p?u.createElement(po,{key:`prop_table_${l}`,...i,...d}):null)}))},AI=A.div(({theme:e})=>({marginRight:30,fontSize:`${e.typography.size.s1}px`,color:e.base==="light"?ee(.4,e.color.defaultText):ee(.6,e.color.defaultText)})),_I=A.div({overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"}),kI=A.div({display:"flex",flexDirection:"row",alignItems:"baseline","&:not(:last-child)":{marginBottom:"1rem"}}),OI=A.div(re,({theme:e})=>({...Jn(e),margin:"25px 0 40px",padding:"30px 20px"})),jA=({fontFamily:e,fontSizes:t,fontWeight:r,sampleText:n,...a})=>u.createElement(OI,{...a,className:"docblock-typeset sb-unstyled"},t.map(l=>u.createElement(kI,{key:l},u.createElement(AI,null,l),u.createElement(_I,{style:{fontFamily:e,fontSize:l,fontWeight:r,lineHeight:1.2}},n||"Was he a beast if music could move him so?"))));A.div(({theme:e})=>({fontWeight:e.typography.weight.bold,color:e.color.defaultText}));A.div(({theme:e})=>({color:e.base==="light"?ee(.2,e.color.defaultText):ee(.6,e.color.defaultText)}));A.div({flex:"0 0 30%",lineHeight:"20px",marginTop:5});A.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"?ee(.4,e.color.defaultText):ee(.6,e.color.defaultText),"> div":{display:"inline-block",overflow:"hidden",maxWidth:"100%",textOverflow:"ellipsis"},span:{display:"block",marginTop:2}}));A.div({display:"flex",flexDirection:"row"});A.div(({background:e})=>({position:"relative",flex:1,"&::before":{position:"absolute",top:0,left:0,width:"100%",height:"100%",background:e,content:'""'}}));A.div(({theme:e})=>({...Jn(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"}));A.div({display:"flex",flexDirection:"column",flex:1,position:"relative",marginBottom:30});A.div({flex:1,display:"flex",flexDirection:"row"});A.div({display:"flex",alignItems:"flex-start"});A.div({flex:"0 0 30%"});A.div({flex:1});A.div(({theme:e})=>({display:"flex",flexDirection:"row",alignItems:"center",paddingBottom:20,fontWeight:e.typography.weight.bold,color:e.base==="light"?ee(.4,e.color.defaultText):ee(.6,e.color.defaultText)}));A.div(({theme:e})=>({fontSize:e.typography.size.s2,lineHeight:"20px",display:"flex",flexDirection:"column"}));var TI=A.div(({theme:e})=>({fontFamily:e.typography.fonts.base,fontSize:e.typography.size.s2,color:e.color.defaultText,marginLeft:10,lineHeight:1.2})),MI=A.div(({theme:e})=>({...Jn(e),overflow:"hidden",height:40,width:40,display:"flex",alignItems:"center",justifyContent:"center",flex:"none","> img, > svg":{width:20,height:20}})),$I=A.div({display:"inline-flex",flexDirection:"row",alignItems:"center",flex:"0 1 calc(20% - 10px)",minWidth:120,margin:"0px 10px 30px 0"}),LI=A.div({display:"flex",flexFlow:"row wrap"}),NA=({name:e,children:t})=>u.createElement($I,null,u.createElement(MI,null,t),u.createElement(TI,null,e)),DA=({children:e,...t})=>u.createElement(Wn,null,u.createElement(LI,{...t,className:"docblock-icongallery sb-unstyled"},e)),zI=e=>`anchor--${e}`,V1=({storyId:e,children:t})=>u.createElement("div",{id:zI(e),className:"sb-anchor"},t);Te&&Te.__DOCS_CONTEXT__===void 0&&(Te.__DOCS_CONTEXT__=o.createContext(null),Te.__DOCS_CONTEXT__.displayName="DocsContext");var Ae=Te?Te.__DOCS_CONTEXT__:o.createContext(null),Yr=(e,t)=>o.useContext(Ae).resolveOf(e,t),BI=e=>e.split("-").map(t=>t.charAt(0).toUpperCase()+t.slice(1)).join(""),PI=e=>{if(e)return typeof e=="string"?e.includes("-")?BI(e):e:e.__docgenInfo&&e.__docgenInfo.displayName?e.__docgenInfo.displayName:e.name};function HI(e,t="start"){e.scrollIntoView({behavior:"smooth",block:t,inline:"nearest"})}function U1(e){return ZS(e,{allowFunction:!1})}var W1=o.createContext({sources:{}}),q1="--unknown--",FI=({children:e,channel:t})=>{let[r,n]=o.useState({});return o.useEffect(()=>{let a=(l,i=null,c=!1)=>{let{id:s,args:d=void 0,source:p,format:h}=typeof l=="string"?{id:l,source:i,format:c}:l,m=d?U1(d):q1;n(f=>({...f,[s]:{...f[s],[m]:{code:p,format:h}}}))};return t.on(Ml,a),()=>t.off(Ml,a)},[]),u.createElement(W1.Provider,{value:{sources:r}},e)},jI=(e,t,r)=>{let{sources:n}=r,a=n==null?void 0:n[e];return(a==null?void 0:a[U1(t)])||(a==null?void 0:a[q1])||{code:""}},NI=({snippet:e,storyContext:t,typeFromProps:r,transformFromProps:n})=>{var s,d;let{__isArgsStory:a}=t.parameters,l=((s=t.parameters.docs)==null?void 0:s.source)||{},i=r||l.type||na.AUTO;if(l.code!==void 0)return l.code;let c=i===na.DYNAMIC||i===na.AUTO&&e&&a?e:l.originalSource||"";return((d=n??l.transform)==null?void 0:d(c,t))||c},DI=(e,t,r)=>{var f,v,g,E;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 l=((v=(f=n==null?void 0:n.parameters)==null?void 0:f.docs)==null?void 0:v.source)||{},{code:i}=e,c=e.format??l.format,s=e.language??l.language??"jsx",d=e.dark??l.dark??!1;if(!i&&!n)return{error:"Oh no! The source is not available."};if(i)return{code:i,format:c,language:s,dark:d};let p=t.getStoryContext(n),h=e.__forceInitialArgs?p.initialArgs:p.unmappedArgs,m=jI(n.id,h,r);return c=m.format??((E=(g=n.parameters.docs)==null?void 0:g.source)==null?void 0:E.format)??!1,{code:NI({snippet:m.code,storyContext:{...p,args:h},typeFromProps:e.type,transformFromProps:e.transform}),format:c,language:s,dark:d}};function VI(e,t){let r=UI([e],t);return r&&r[0]}function UI(e,t){let[r,n]=o.useState({});return o.useEffect(()=>{Promise.all(e.map(async a=>{let l=await t.loadStory(a);n(i=>i[a]===l?i:{...i,[a]:l})}))}),e.map(a=>{if(r[a])return r[a];try{return t.storyById(a)}catch{return null}})}var WI=(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},qI=(e,t,r)=>{let{parameters:n={}}=t||{},{docs:a={}}=n,l=a.story||{};if(a.disable)return null;if(e.inline??l.inline??!1){let c=e.height??l.height,s=e.autoplay??l.autoplay??!1;return{story:t,inline:!0,height:c,autoplay:s,forceInitialArgs:!!e.__forceInitialArgs,primary:!!e.__primary,renderStoryToElement:r.renderStoryToElement}}let i=e.height??l.height??l.iframeHeight??"100px";return{story:t,inline:!1,height:i,primary:!!e.__primary}},GI=(e={__forceInitialArgs:!1,__primary:!1})=>{let t=o.useContext(Ae),r=WI(e,t),n=VI(r,t);if(!n)return u.createElement(_1,null);let a=qI(e,n,t);return a?u.createElement(IC,{...a}):null},YI=e=>{var m,f,v,g,E,x,y,b,w,S;let t=o.useContext(Ae),r=o.useContext(W1),{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:l}=Yr(n||"story",["story"]),i=DI({...a,...n&&{of:n}},t,r),c=e.layout??l.parameters.layout??((f=(m=l.parameters.docs)==null?void 0:m.canvas)==null?void 0:f.layout)??"padded",s=e.withToolbar??((g=(v=l.parameters.docs)==null?void 0:v.canvas)==null?void 0:g.withToolbar)??!1,d=e.additionalActions??((x=(E=l.parameters.docs)==null?void 0:E.canvas)==null?void 0:x.additionalActions),p=e.sourceState??((b=(y=l.parameters.docs)==null?void 0:y.canvas)==null?void 0:b.sourceState)??"hidden",h=e.className??((S=(w=l.parameters.docs)==null?void 0:w.canvas)==null?void 0:S.className);return u.createElement(k1,{withSource:p==="none"?void 0:i,isExpanded:p==="shown",withToolbar:s,additionalActions:d,className:h,layout:c},u.createElement(GI,{of:n||l.moduleExport,meta:e.meta,...e.story}))},KI=(e,t)=>{let r=t.getStoryContext(e),[n,a]=o.useState(r.globals);return o.useEffect(()=>{let l=i=>{a(i.globals)};return t.channel.on(s0,l),()=>t.channel.off(s0,l)},[t.channel]),[n]},XI=(e,t)=>{let r=ZI(e,t);if(!r)throw new Error("No result when story was defined");return r},ZI=(e,t)=>{let r=e?t.getStoryContext(e):{args:{}},{id:n}=e||{id:"none"},[a,l]=o.useState(r.args);o.useEffect(()=>{let s=d=>{d.storyId===n&&l(d.args)};return t.channel.on(c0,s),()=>t.channel.off(c0,s)},[n,t.channel]);let i=o.useCallback(s=>t.channel.emit(aC,{storyId:n,updatedArgs:s}),[n,t.channel]),c=o.useCallback(s=>t.channel.emit(oC,{storyId:n,argNames:s}),[n,t.channel]);return e&&[a,i,c]};function JI(e,t){let{extractArgTypes:r}=t.docs||{};if(!r)throw new Error("Args unsupported. See Args documentation for your framework.");return r(e)}var QI=e=>{var w;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=o.useContext(Ae),{story:n}=r.resolveOf(t||"story",["story"]),{parameters:a,argTypes:l,component:i,subcomponents:c}=n,s=((w=a.docs)==null?void 0:w.controls)||{},d=e.include??s.include,p=e.exclude??s.exclude,h=e.sort??s.sort,[m,f,v]=XI(n,r),[g]=KI(n,r),E=i0(l,d,p);if(!(c&&Object.keys(c).length>0))return Object.keys(E).length>0||Object.keys(m).length>0?u.createElement(po,{rows:E,sort:h,args:m,globals:g,updateArgs:f,resetArgs:v}):null;let x=PI(i),y=Object.fromEntries(Object.entries(c).map(([S,C])=>[S,{rows:i0(JI(C,a),d,p),sort:h}])),b={[x]:{rows:E,sort:h},...y};return u.createElement(II,{tabs:b,sort:h,args:m,globals:g,updateArgs:f,resetArgs:v})},{document:G1}=Te,eA=({className:e,children:t,...r})=>{if(typeof e!="string"&&(typeof t!="string"||!t.match(/[\n\r]/g)))return u.createElement(Jo,null,t);let n=e&&e.split("-");return u.createElement(xl,{language:n&&n[1]||"text",format:!1,code:t,...r})};function Rl(e,t){e.channel.emit(lC,t)}var fo=Fc.a,tA=({hash:e,children:t})=>{let r=o.useContext(Ae);return u.createElement(fo,{href:e,target:"_self",onClick:n=>{let a=e.substring(1);G1.getElementById(a)&&Rl(r,e)}},t)},rA=e=>{let{href:t,target:r,children:n,...a}=e,l=o.useContext(Ae);return!t||r==="_blank"||/^https?:\/\//.test(t)?u.createElement(fo,{...e}):t.startsWith("#")?u.createElement(tA,{hash:t},n):u.createElement(fo,{href:t,onClick:i=>{i.button===0&&!i.altKey&&!i.ctrlKey&&!i.metaKey&&!i.shiftKey&&(i.preventDefault(),Rl(l,i.currentTarget.getAttribute("href")))},target:r,...a},n)},Y1=["h1","h2","h3","h4","h5","h6"],nA=Y1.reduce((e,t)=>({...e,[t]:A(t)({"& svg":{position:"relative",top:"-0.1em",visibility:"hidden"},"&:hover svg":{visibility:"visible"}})}),{}),aA=A.a(()=>({float:"left",lineHeight:"inherit",paddingRight:"10px",marginLeft:"-24px",color:"inherit"})),oA=({as:e,id:t,children:r,...n})=>{let a=o.useContext(Ae),l=nA[e],i=`#${t}`;return u.createElement(l,{id:t,...n},u.createElement(aA,{"aria-hidden":"true",href:i,tabIndex:-1,target:"_self",onClick:c=>{G1.getElementById(t)&&Rl(a,i)}},u.createElement(Qs,null)),r)},Il=e=>{let{as:t,id:r,children:n,...a}=e;if(r)return u.createElement(oA,{as:t,id:r,...a},n);let l=t,{as:i,...c}=e;return u.createElement(l,{...te(c,t)})},lA=Y1.reduce((e,t)=>({...e,[t]:r=>u.createElement(Il,{as:t,...r})}),{}),iA=e=>{var t;if(!e.children)return null;if(typeof e.children!="string")throw new Error(wd`The Markdown block only accepts children as a single string, but children were of type: '${typeof e.children}' + ${Ot(.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 ${Je(e.appBorderColor,.2)}`,borderRadius:50,cursor:"grab",marginTop:0},"@supports (-ms-ime-align:auto)":{"input[type=range]":{margin:"0"}}})),D1=A.span({paddingLeft:5,paddingRight:5,fontSize:12,whiteSpace:"nowrap",fontFeatureSettings:"tnum",fontVariantNumeric:"tabular-nums"}),NR=A(D1)(({numberOFDecimalsPlaces:e,max:t})=>({width:`${e+t.toString().length*2+3}ch`,textAlign:"right",flexShrink:0})),DR=A.div({display:"flex",alignItems:"center",width:"100%"});function VR(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 UR=({name:e,value:t,onChange:r,min:n=0,max:a=100,step:l=1,onBlur:i,onFocus:c})=>{let s=h=>{r(tR(h.target.value))},d=t!==void 0,p=o.useMemo(()=>VR(l),[l]);return u.createElement(DR,null,u.createElement(D1,null,n),u.createElement(jR,{id:Fe(e),type:"range",onChange:s,name:e,value:t,min:n,max:a,step:l,onFocus:c,onBlur:i}),u.createElement(NR,{numberOFDecimalsPlaces:p,max:a},d?t.toFixed(p):"--"," / ",a))},WR=A.label({display:"flex"}),qR=A.div(({isMaxed:e})=>({marginLeft:"0.75rem",paddingTop:"0.35rem",color:e?"red":void 0})),GR=({name:e,value:t,onChange:r,onFocus:n,onBlur:a,maxLength:l})=>{let i=h=>{r(h.target.value)},[c,s]=o.useState(!1),d=o.useCallback(()=>{r(""),s(!0)},[s]);if(t===void 0)return u.createElement(wt,{variant:"outline",size:"medium",id:Mn(e),onClick:d},"Set string");let p=typeof t=="string";return u.createElement(WR,null,u.createElement(Nt.Textarea,{id:Fe(e),maxLength:l,onChange:i,size:"flex",placeholder:"Edit string...",autoFocus:c,valid:p?null:"error",name:e,value:p?t:"",onFocus:n,onBlur:a}),l&&u.createElement(qR,{isMaxed:(t==null?void 0:t.length)===l},(t==null?void 0:t.length)??0," / ",l))},YR=A(Nt.Input)({padding:10});function KR(e){e.forEach(t=>{t.startsWith("blob:")&&URL.revokeObjectURL(t)})}var XR=({onChange:e,name:t,accept:r="image/*",value:n})=>{let a=o.useRef(null);function l(i){if(!i.target.files)return;let c=Array.from(i.target.files).map(s=>URL.createObjectURL(s));e(c),KR(n)}return o.useEffect(()=>{n==null&&a.current&&(a.current.value=null)},[n,t]),u.createElement(YR,{ref:a,id:Fe(t),type:"file",name:t,multiple:!0,onChange:l,accept:r,size:"flex"})},ZR=o.lazy(()=>Ft(()=>import("./Color-RQJUDNI5-D7yjIoO9.js"),__vite__mapDeps([10,2,3,6,1,4,5,7]),import.meta.url)),JR=e=>u.createElement(o.Suspense,{fallback:u.createElement("div",null)},u.createElement(ZR,{...e})),QR={array:b0,object:b0,boolean:GC,color:JR,date:QC,number:rR,check:Kt,"inline-check":Kt,radio:Kt,"inline-radio":Kt,select:Kt,"multi-select":Kt,range:UR,text:GR,file:XR},y0=()=>u.createElement(u.Fragment,null,"-"),eI=({row:e,arg:t,updateArgs:r,isHovered:n})=>{var g;let{key:a,control:l}=e,[i,c]=o.useState(!1),[s,d]=o.useState({value:t});o.useEffect(()=>{i||d({value:t})},[i,t]);let p=o.useCallback(E=>(d({value:E}),r({[a]:E}),E),[r,a]),h=o.useCallback(()=>c(!1),[]),m=o.useCallback(()=>c(!0),[]);if(!l||l.disable){let E=(l==null?void 0:l.disable)!==!0&&((g=e==null?void 0:e.type)==null?void 0:g.name)!=="function";return n&&E?u.createElement(Bt,{href:"https://storybook.js.org/docs/react/essentials/controls",target:"_blank",withArrow:!0},"Setup controls"):u.createElement(y0,null)}let f={name:a,argType:e,value:s.value,onChange:p,onBlur:h,onFocus:m},v=QR[l.type]||y0;return u.createElement(v,{...f,...l,controlType:l.type})},tI=A.span({fontWeight:"bold"}),rI=A.span(({theme:e})=>({color:e.color.negative,fontFamily:e.typography.fonts.mono,cursor:"help"})),nI=A.div(({theme:e})=>({"&&":{p:{margin:"0 0 10px 0"},a:{color:e.color.secondary}},code:{...ut({theme:e}),fontSize:12,fontFamily:e.typography.fonts.mono},"& code":{margin:0,display:"inline-block"},"& pre > code":{whiteSpace:"pre-wrap"}})),aI=A.div(({theme:e,hasDescription:t})=>({color:e.base==="light"?ee(.1,e.color.defaultText):ee(.2,e.color.defaultText),marginTop:t?4:0})),oI=A.div(({theme:e,hasDescription:t})=>({color:e.base==="light"?ee(.1,e.color.defaultText):ee(.2,e.color.defaultText),marginTop:t?12:0,marginBottom:12})),lI=A.td(({theme:e,expandable:t})=>({paddingLeft:t?"40px !important":"20px !important"})),iI=e=>e&&{summary:typeof e=="string"?e:e.name},on=e=>{var g;let[t,r]=o.useState(!1),{row:n,updateArgs:a,compact:l,expandable:i,initialExpandedArgs:c}=e,{name:s,description:d}=n,p=n.table||{},h=p.type||iI(n.type),m=p.defaultValue||n.defaultValue,f=(g=n.type)==null?void 0:g.required,v=d!=null&&d!=="";return u.createElement("tr",{onMouseEnter:()=>r(!0),onMouseLeave:()=>r(!1)},u.createElement(lI,{expandable:i},u.createElement(tI,null,s),f?u.createElement(rI,{title:"Required"},"*"):null),l?null:u.createElement("td",null,v&&u.createElement(nI,null,u.createElement(u1,null,d)),p.jsDocTags!=null?u.createElement(u.Fragment,null,u.createElement(oI,{hasDescription:v},u.createElement(Ma,{value:h,initialExpandedArgs:c})),u.createElement(LC,{tags:p.jsDocTags})):u.createElement(aI,{hasDescription:v},u.createElement(Ma,{value:h,initialExpandedArgs:c}))),l?null:u.createElement("td",null,u.createElement(Ma,{value:m,initialExpandedArgs:c})),a?u.createElement("td",null,u.createElement(eI,{...e,isHovered:t})):null)},sI=A(ec)(({theme:e})=>({marginRight:8,marginLeft:-10,marginTop:-2,height:12,width:12,color:e.base==="light"?ee(.25,e.color.defaultText):ee(.3,e.color.defaultText),border:"none",display:"inline-block"})),cI=A(Go)(({theme:e})=>({marginRight:8,marginLeft:-10,marginTop:-2,height:12,width:12,color:e.base==="light"?ee(.25,e.color.defaultText):ee(.3,e.color.defaultText),border:"none",display:"inline-block"})),dI=A.span(({theme:e})=>({display:"flex",lineHeight:"20px",alignItems:"center"})),uI=A.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"?ee(.4,e.color.defaultText):ee(.6,e.color.defaultText),background:`${e.background.app} !important`,"& ~ td":{background:`${e.background.app} !important`}})),pI=A.td(({theme:e})=>({position:"relative",fontWeight:e.typography.weight.bold,fontSize:e.typography.size.s2-1,background:e.background.app})),fI=A.td(()=>({position:"relative"})),hI=A.tr(({theme:e})=>({"&:hover > td":{backgroundColor:`${Ot(.005,e.background.app)} !important`,boxShadow:`${e.color.mediumlight} 0 - 1px 0 0 inset`,cursor:"row-resize"}})),w0=A.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"})),La=({level:e="section",label:t,children:r,initialExpanded:n=!0,colSpan:a=3})=>{let[l,i]=o.useState(n),c=e==="subsection"?pI:uI,s=(r==null?void 0:r.length)||0,d=e==="subsection"?`${s} item${s!==1?"s":""}`:"",p=`${l?"Hide":"Show"} ${e==="subsection"?s:t} item${s!==1?"s":""}`;return u.createElement(u.Fragment,null,u.createElement(hI,{title:p},u.createElement(c,{colSpan:1},u.createElement(w0,{onClick:h=>i(!l),tabIndex:0},p),u.createElement(dI,null,l?u.createElement(sI,null):u.createElement(cI,null),t)),u.createElement(fI,{colSpan:a-1},u.createElement(w0,{onClick:h=>i(!l),tabIndex:-1,style:{outline:"none"}},p),l?null:d)),l?r:null)},ln=A.div(({theme:e})=>({display:"flex",gap:16,borderBottom:`1px solid ${e.appBorderColor}`,"&:last-child":{borderBottom:0}})),fe=A.div(({numColumn:e})=>({display:"flex",flexDirection:"column",flex:e||1,gap:5,padding:"12px 20px"})),ie=A.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})),he=[2,4,2,2],gI=()=>u.createElement(u.Fragment,null,u.createElement(ln,null,u.createElement(fe,{numColumn:he[0]},u.createElement(ie,{width:"60%"})),u.createElement(fe,{numColumn:he[1]},u.createElement(ie,{width:"30%"})),u.createElement(fe,{numColumn:he[2]},u.createElement(ie,{width:"60%"})),u.createElement(fe,{numColumn:he[3]},u.createElement(ie,{width:"60%"}))),u.createElement(ln,null,u.createElement(fe,{numColumn:he[0]},u.createElement(ie,{width:"60%"})),u.createElement(fe,{numColumn:he[1]},u.createElement(ie,{width:"80%"}),u.createElement(ie,{width:"30%"})),u.createElement(fe,{numColumn:he[2]},u.createElement(ie,{width:"60%"})),u.createElement(fe,{numColumn:he[3]},u.createElement(ie,{width:"60%"}))),u.createElement(ln,null,u.createElement(fe,{numColumn:he[0]},u.createElement(ie,{width:"60%"})),u.createElement(fe,{numColumn:he[1]},u.createElement(ie,{width:"80%"}),u.createElement(ie,{width:"30%"})),u.createElement(fe,{numColumn:he[2]},u.createElement(ie,{width:"60%"})),u.createElement(fe,{numColumn:he[3]},u.createElement(ie,{width:"60%"}))),u.createElement(ln,null,u.createElement(fe,{numColumn:he[0]},u.createElement(ie,{width:"60%"})),u.createElement(fe,{numColumn:he[1]},u.createElement(ie,{width:"80%"}),u.createElement(ie,{width:"30%"})),u.createElement(fe,{numColumn:he[2]},u.createElement(ie,{width:"60%"})),u.createElement(fe,{numColumn:he[3]},u.createElement(ie,{width:"60%"})))),mI=A.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"})),vI=A.div(({theme:e})=>({display:"flex",fontSize:e.typography.size.s2-1,gap:25})),bI=A.div(({theme:e})=>({width:1,height:16,backgroundColor:e.appBorderColor})),yI=({inAddonPanel:e})=>{let[t,r]=o.useState(!0);return o.useEffect(()=>{let n=setTimeout(()=>{r(!1)},100);return()=>clearTimeout(n)},[]),t?null:u.createElement(mI,{inAddonPanel:e},u.createElement(il,{title:e?"Interactive story playground":"Args table with interactive controls couldn't be auto-generated",description:u.createElement(u.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:u.createElement(vI,null,e&&u.createElement(u.Fragment,null,u.createElement(Bt,{href:"https://youtu.be/0gOfS6K0x0E",target:"_blank",withArrow:!0},u.createElement(Xs,null)," Watch 5m video"),u.createElement(bI,null),u.createElement(Bt,{href:"https://storybook.js.org/docs/essentials/controls",target:"_blank",withArrow:!0},u.createElement(Cn,null)," Read docs")),!e&&u.createElement(Bt,{href:"https://storybook.js.org/docs/essentials/controls",target:"_blank",withArrow:!0},u.createElement(Cn,null)," Learn how to set that up"))}))},wI=A.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"?ee(.25,e.color.defaultText):ee(.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}}}}})),xI=A(Ht)(({theme:e})=>({margin:"-4px -12px -4px 0"})),EI=A.span({display:"flex",justifyContent:"space-between"}),SI={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},CI=(e,t)=>{let r={ungrouped:[],ungroupedSubsections:{},sections:{}};if(!e)return r;Object.entries(e).forEach(([l,i])=>{let{category:c,subcategory:s}=(i==null?void 0:i.table)||{};if(c){let d=r.sections[c]||{ungrouped:[],subsections:{}};if(!s)d.ungrouped.push({key:l,...i});else{let p=d.subsections[s]||[];p.push({key:l,...i}),d.subsections[s]=p}r.sections[c]=d}else if(s){let d=r.ungroupedSubsections[s]||[];d.push({key:l,...i}),r.ungroupedSubsections[s]=d}else r.ungrouped.push({key:l,...i})});let n=SI[t],a=l=>n?Object.keys(l).reduce((i,c)=>({...i,[c]:l[c].sort(n)}),{}):l;return{ungrouped:r.ungrouped.sort(n),ungroupedSubsections:a(r.ungroupedSubsections),sections:Object.keys(r.sections).reduce((l,i)=>({...l,[i]:{ungrouped:r.sections[i].ungrouped.sort(n),subsections:a(r.sections[i].subsections)}}),{})}},RI=(e,t,r)=>{try{return J1(e,t,r)}catch(n){return nC.warn(n.message),!1}},po=e=>{let{updateArgs:t,resetArgs:r,compact:n,inAddonPanel:a,initialExpandedArgs:l,sort:i="none",isLoading:c}=e;if("error"in e){let{error:y}=e;return u.createElement(I1,null,y," ",u.createElement(Bt,{href:"http://storybook.js.org/docs/",target:"_blank",withArrow:!0},u.createElement(Cn,null)," Read the docs"))}if(c)return u.createElement(gI,null);let{rows:s,args:d,globals:p}="rows"in e&&e,h=CI(c6(s,y=>{var b;return!((b=y==null?void 0:y.table)!=null&&b.disable)&&RI(y,d||{},p||{})}),i),m=h.ungrouped.length===0,f=Object.entries(h.sections).length===0,v=Object.entries(h.ungroupedSubsections).length===0;if(m&&f&&v)return u.createElement(yI,{inAddonPanel:a});let g=1;t&&(g+=1),n||(g+=2);let E=Object.keys(h.sections).length>0,x={updateArgs:t,compact:n,inAddonPanel:a,initialExpandedArgs:l};return u.createElement(Wn,null,u.createElement(wI,{compact:n,inAddonPanel:a,className:"docblock-argstable sb-unstyled"},u.createElement("thead",{className:"docblock-argstable-head"},u.createElement("tr",null,u.createElement("th",null,u.createElement("span",null,"Name")),n?null:u.createElement("th",null,u.createElement("span",null,"Description")),n?null:u.createElement("th",null,u.createElement("span",null,"Default")),t?u.createElement("th",null,u.createElement(EI,null,"Control"," ",!c&&r&&u.createElement(xI,{onClick:()=>r(),title:"Reset controls"},u.createElement(rc,{"aria-hidden":!0})))):null)),u.createElement("tbody",{className:"docblock-argstable-body"},h.ungrouped.map(y=>u.createElement(on,{key:y.key,row:y,arg:d&&d[y.key],...x})),Object.entries(h.ungroupedSubsections).map(([y,b])=>u.createElement(La,{key:y,label:y,level:"subsection",colSpan:g},b.map(w=>u.createElement(on,{key:w.key,row:w,arg:d&&d[w.key],expandable:E,...x})))),Object.entries(h.sections).map(([y,b])=>u.createElement(La,{key:y,label:y,level:"section",colSpan:g},b.ungrouped.map(w=>u.createElement(on,{key:w.key,row:w,arg:d&&d[w.key],...x})),Object.entries(b.subsections).map(([w,S])=>u.createElement(La,{key:w,label:w,level:"subsection",colSpan:g},S.map(C=>u.createElement(on,{key:C.key,row:C,arg:d&&d[C.key],expandable:E,...x})))))))))},II=({tabs:e,...t})=>{let r=Object.entries(e);return r.length===1?u.createElement(po,{...r[0][1],...t}):u.createElement(cl,null,r.map((n,a)=>{let[l,i]=n,c=`prop_table_div_${l}`,s="div",d=a===0?t:{sort:t.sort};return u.createElement(s,{key:c,id:c,title:l},({active:p})=>p?u.createElement(po,{key:`prop_table_${l}`,...i,...d}):null)}))},AI=A.div(({theme:e})=>({marginRight:30,fontSize:`${e.typography.size.s1}px`,color:e.base==="light"?ee(.4,e.color.defaultText):ee(.6,e.color.defaultText)})),_I=A.div({overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"}),kI=A.div({display:"flex",flexDirection:"row",alignItems:"baseline","&:not(:last-child)":{marginBottom:"1rem"}}),OI=A.div(re,({theme:e})=>({...Jn(e),margin:"25px 0 40px",padding:"30px 20px"})),jA=({fontFamily:e,fontSizes:t,fontWeight:r,sampleText:n,...a})=>u.createElement(OI,{...a,className:"docblock-typeset sb-unstyled"},t.map(l=>u.createElement(kI,{key:l},u.createElement(AI,null,l),u.createElement(_I,{style:{fontFamily:e,fontSize:l,fontWeight:r,lineHeight:1.2}},n||"Was he a beast if music could move him so?"))));A.div(({theme:e})=>({fontWeight:e.typography.weight.bold,color:e.color.defaultText}));A.div(({theme:e})=>({color:e.base==="light"?ee(.2,e.color.defaultText):ee(.6,e.color.defaultText)}));A.div({flex:"0 0 30%",lineHeight:"20px",marginTop:5});A.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"?ee(.4,e.color.defaultText):ee(.6,e.color.defaultText),"> div":{display:"inline-block",overflow:"hidden",maxWidth:"100%",textOverflow:"ellipsis"},span:{display:"block",marginTop:2}}));A.div({display:"flex",flexDirection:"row"});A.div(({background:e})=>({position:"relative",flex:1,"&::before":{position:"absolute",top:0,left:0,width:"100%",height:"100%",background:e,content:'""'}}));A.div(({theme:e})=>({...Jn(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"}));A.div({display:"flex",flexDirection:"column",flex:1,position:"relative",marginBottom:30});A.div({flex:1,display:"flex",flexDirection:"row"});A.div({display:"flex",alignItems:"flex-start"});A.div({flex:"0 0 30%"});A.div({flex:1});A.div(({theme:e})=>({display:"flex",flexDirection:"row",alignItems:"center",paddingBottom:20,fontWeight:e.typography.weight.bold,color:e.base==="light"?ee(.4,e.color.defaultText):ee(.6,e.color.defaultText)}));A.div(({theme:e})=>({fontSize:e.typography.size.s2,lineHeight:"20px",display:"flex",flexDirection:"column"}));var TI=A.div(({theme:e})=>({fontFamily:e.typography.fonts.base,fontSize:e.typography.size.s2,color:e.color.defaultText,marginLeft:10,lineHeight:1.2})),MI=A.div(({theme:e})=>({...Jn(e),overflow:"hidden",height:40,width:40,display:"flex",alignItems:"center",justifyContent:"center",flex:"none","> img, > svg":{width:20,height:20}})),$I=A.div({display:"inline-flex",flexDirection:"row",alignItems:"center",flex:"0 1 calc(20% - 10px)",minWidth:120,margin:"0px 10px 30px 0"}),LI=A.div({display:"flex",flexFlow:"row wrap"}),NA=({name:e,children:t})=>u.createElement($I,null,u.createElement(MI,null,t),u.createElement(TI,null,e)),DA=({children:e,...t})=>u.createElement(Wn,null,u.createElement(LI,{...t,className:"docblock-icongallery sb-unstyled"},e)),zI=e=>`anchor--${e}`,V1=({storyId:e,children:t})=>u.createElement("div",{id:zI(e),className:"sb-anchor"},t);Te&&Te.__DOCS_CONTEXT__===void 0&&(Te.__DOCS_CONTEXT__=o.createContext(null),Te.__DOCS_CONTEXT__.displayName="DocsContext");var Ae=Te?Te.__DOCS_CONTEXT__:o.createContext(null),Yr=(e,t)=>o.useContext(Ae).resolveOf(e,t),BI=e=>e.split("-").map(t=>t.charAt(0).toUpperCase()+t.slice(1)).join(""),PI=e=>{if(e)return typeof e=="string"?e.includes("-")?BI(e):e:e.__docgenInfo&&e.__docgenInfo.displayName?e.__docgenInfo.displayName:e.name};function HI(e,t="start"){e.scrollIntoView({behavior:"smooth",block:t,inline:"nearest"})}function U1(e){return ZS(e,{allowFunction:!1})}var W1=o.createContext({sources:{}}),q1="--unknown--",FI=({children:e,channel:t})=>{let[r,n]=o.useState({});return o.useEffect(()=>{let a=(l,i=null,c=!1)=>{let{id:s,args:d=void 0,source:p,format:h}=typeof l=="string"?{id:l,source:i,format:c}:l,m=d?U1(d):q1;n(f=>({...f,[s]:{...f[s],[m]:{code:p,format:h}}}))};return t.on(Ml,a),()=>t.off(Ml,a)},[]),u.createElement(W1.Provider,{value:{sources:r}},e)},jI=(e,t,r)=>{let{sources:n}=r,a=n==null?void 0:n[e];return(a==null?void 0:a[U1(t)])||(a==null?void 0:a[q1])||{code:""}},NI=({snippet:e,storyContext:t,typeFromProps:r,transformFromProps:n})=>{var s,d;let{__isArgsStory:a}=t.parameters,l=((s=t.parameters.docs)==null?void 0:s.source)||{},i=r||l.type||na.AUTO;if(l.code!==void 0)return l.code;let c=i===na.DYNAMIC||i===na.AUTO&&e&&a?e:l.originalSource||"";return((d=n??l.transform)==null?void 0:d(c,t))||c},DI=(e,t,r)=>{var f,v,g,E;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 l=((v=(f=n==null?void 0:n.parameters)==null?void 0:f.docs)==null?void 0:v.source)||{},{code:i}=e,c=e.format??l.format,s=e.language??l.language??"jsx",d=e.dark??l.dark??!1;if(!i&&!n)return{error:"Oh no! The source is not available."};if(i)return{code:i,format:c,language:s,dark:d};let p=t.getStoryContext(n),h=e.__forceInitialArgs?p.initialArgs:p.unmappedArgs,m=jI(n.id,h,r);return c=m.format??((E=(g=n.parameters.docs)==null?void 0:g.source)==null?void 0:E.format)??!1,{code:NI({snippet:m.code,storyContext:{...p,args:h},typeFromProps:e.type,transformFromProps:e.transform}),format:c,language:s,dark:d}};function VI(e,t){let r=UI([e],t);return r&&r[0]}function UI(e,t){let[r,n]=o.useState({});return o.useEffect(()=>{Promise.all(e.map(async a=>{let l=await t.loadStory(a);n(i=>i[a]===l?i:{...i,[a]:l})}))}),e.map(a=>{if(r[a])return r[a];try{return t.storyById(a)}catch{return null}})}var WI=(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},qI=(e,t,r)=>{let{parameters:n={}}=t||{},{docs:a={}}=n,l=a.story||{};if(a.disable)return null;if(e.inline??l.inline??!1){let c=e.height??l.height,s=e.autoplay??l.autoplay??!1;return{story:t,inline:!0,height:c,autoplay:s,forceInitialArgs:!!e.__forceInitialArgs,primary:!!e.__primary,renderStoryToElement:r.renderStoryToElement}}let i=e.height??l.height??l.iframeHeight??"100px";return{story:t,inline:!1,height:i,primary:!!e.__primary}},GI=(e={__forceInitialArgs:!1,__primary:!1})=>{let t=o.useContext(Ae),r=WI(e,t),n=VI(r,t);if(!n)return u.createElement(_1,null);let a=qI(e,n,t);return a?u.createElement(IC,{...a}):null},YI=e=>{var m,f,v,g,E,x,y,b,w,S;let t=o.useContext(Ae),r=o.useContext(W1),{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:l}=Yr(n||"story",["story"]),i=DI({...a,...n&&{of:n}},t,r),c=e.layout??l.parameters.layout??((f=(m=l.parameters.docs)==null?void 0:m.canvas)==null?void 0:f.layout)??"padded",s=e.withToolbar??((g=(v=l.parameters.docs)==null?void 0:v.canvas)==null?void 0:g.withToolbar)??!1,d=e.additionalActions??((x=(E=l.parameters.docs)==null?void 0:E.canvas)==null?void 0:x.additionalActions),p=e.sourceState??((b=(y=l.parameters.docs)==null?void 0:y.canvas)==null?void 0:b.sourceState)??"hidden",h=e.className??((S=(w=l.parameters.docs)==null?void 0:w.canvas)==null?void 0:S.className);return u.createElement(k1,{withSource:p==="none"?void 0:i,isExpanded:p==="shown",withToolbar:s,additionalActions:d,className:h,layout:c},u.createElement(GI,{of:n||l.moduleExport,meta:e.meta,...e.story}))},KI=(e,t)=>{let r=t.getStoryContext(e),[n,a]=o.useState(r.globals);return o.useEffect(()=>{let l=i=>{a(i.globals)};return t.channel.on(s0,l),()=>t.channel.off(s0,l)},[t.channel]),[n]},XI=(e,t)=>{let r=ZI(e,t);if(!r)throw new Error("No result when story was defined");return r},ZI=(e,t)=>{let r=e?t.getStoryContext(e):{args:{}},{id:n}=e||{id:"none"},[a,l]=o.useState(r.args);o.useEffect(()=>{let s=d=>{d.storyId===n&&l(d.args)};return t.channel.on(c0,s),()=>t.channel.off(c0,s)},[n,t.channel]);let i=o.useCallback(s=>t.channel.emit(aC,{storyId:n,updatedArgs:s}),[n,t.channel]),c=o.useCallback(s=>t.channel.emit(oC,{storyId:n,argNames:s}),[n,t.channel]);return e&&[a,i,c]};function JI(e,t){let{extractArgTypes:r}=t.docs||{};if(!r)throw new Error("Args unsupported. See Args documentation for your framework.");return r(e)}var QI=e=>{var w;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=o.useContext(Ae),{story:n}=r.resolveOf(t||"story",["story"]),{parameters:a,argTypes:l,component:i,subcomponents:c}=n,s=((w=a.docs)==null?void 0:w.controls)||{},d=e.include??s.include,p=e.exclude??s.exclude,h=e.sort??s.sort,[m,f,v]=XI(n,r),[g]=KI(n,r),E=i0(l,d,p);if(!(c&&Object.keys(c).length>0))return Object.keys(E).length>0||Object.keys(m).length>0?u.createElement(po,{rows:E,sort:h,args:m,globals:g,updateArgs:f,resetArgs:v}):null;let x=PI(i),y=Object.fromEntries(Object.entries(c).map(([S,C])=>[S,{rows:i0(JI(C,a),d,p),sort:h}])),b={[x]:{rows:E,sort:h},...y};return u.createElement(II,{tabs:b,sort:h,args:m,globals:g,updateArgs:f,resetArgs:v})},{document:G1}=Te,eA=({className:e,children:t,...r})=>{if(typeof e!="string"&&(typeof t!="string"||!t.match(/[\n\r]/g)))return u.createElement(Jo,null,t);let n=e&&e.split("-");return u.createElement(xl,{language:n&&n[1]||"text",format:!1,code:t,...r})};function Rl(e,t){e.channel.emit(lC,t)}var fo=Fc.a,tA=({hash:e,children:t})=>{let r=o.useContext(Ae);return u.createElement(fo,{href:e,target:"_self",onClick:n=>{let a=e.substring(1);G1.getElementById(a)&&Rl(r,e)}},t)},rA=e=>{let{href:t,target:r,children:n,...a}=e,l=o.useContext(Ae);return!t||r==="_blank"||/^https?:\/\//.test(t)?u.createElement(fo,{...e}):t.startsWith("#")?u.createElement(tA,{hash:t},n):u.createElement(fo,{href:t,onClick:i=>{i.button===0&&!i.altKey&&!i.ctrlKey&&!i.metaKey&&!i.shiftKey&&(i.preventDefault(),Rl(l,i.currentTarget.getAttribute("href")))},target:r,...a},n)},Y1=["h1","h2","h3","h4","h5","h6"],nA=Y1.reduce((e,t)=>({...e,[t]:A(t)({"& svg":{position:"relative",top:"-0.1em",visibility:"hidden"},"&:hover svg":{visibility:"visible"}})}),{}),aA=A.a(()=>({float:"left",lineHeight:"inherit",paddingRight:"10px",marginLeft:"-24px",color:"inherit"})),oA=({as:e,id:t,children:r,...n})=>{let a=o.useContext(Ae),l=nA[e],i=`#${t}`;return u.createElement(l,{id:t,...n},u.createElement(aA,{"aria-hidden":"true",href:i,tabIndex:-1,target:"_self",onClick:c=>{G1.getElementById(t)&&Rl(a,i)}},u.createElement(Qs,null)),r)},Il=e=>{let{as:t,id:r,children:n,...a}=e;if(r)return u.createElement(oA,{as:t,id:r,...a},n);let l=t,{as:i,...c}=e;return u.createElement(l,{...te(c,t)})},lA=Y1.reduce((e,t)=>({...e,[t]:r=>u.createElement(Il,{as:t,...r})}),{}),iA=e=>{var t;if(!e.children)return null;if(typeof e.children!="string")throw new Error(wd`The Markdown block only accepts children as a single string, but children were of type: '${typeof e.children}' This is often caused by not wrapping the child in a template string. This is invalid: diff --git a/demo-develop/assets/index.esm-BLr1zrdO.js b/demo-develop/assets/index.esm-BLr1zrdO.js new file mode 100644 index 0000000000..f0a8d4df9d --- /dev/null +++ b/demo-develop/assets/index.esm-BLr1zrdO.js @@ -0,0 +1,15 @@ +import{j as a}from"./jsx-runtime-Nms4Y4qS.js";import{c as p}from"./clsx-B-dksMZM.js";import{r as o}from"./index-BwDkhjyp.js";import{d as m1,b as kn,s as Zn,t as Mn,r as En,a as Vn,m as ce,p as Hn,q as Rn}from"./index.esm-DQkeu4as.js";function L(e){"@babel/helpers - typeof";return L=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},L(e)}function In(e,n){if(L(e)!="object"||!e)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var t=r.call(e,n||"default");if(L(t)!="object")return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return(n==="string"?String:Number)(e)}function Kn(e){var n=In(e,"string");return L(n)=="symbol"?n:n+""}function l(e,n,r){return n=Kn(n),n in e?Object.defineProperty(e,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[n]=r,e}function Tn(e,n){if(e==null)return{};var r={};for(var t in e)if(Object.prototype.hasOwnProperty.call(e,t)){if(n.indexOf(t)>=0)continue;r[t]=e[t]}return r}function d(e,n){if(e==null)return{};var r=Tn(e,n),t,c;if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(c=0;c=0)&&Object.prototype.propertyIsEnumerable.call(e,t)&&(r[t]=e[t])}return r}function An(e){if(Array.isArray(e))return e}function Bn(e,n){var r=e==null?null:typeof Symbol<"u"&&e[Symbol.iterator]||e["@@iterator"];if(r!=null){var t,c,s,i,u=[],b=!0,m=!1;try{if(s=(r=r.call(e)).next,n!==0)for(;!(b=(t=s.call(r)).done)&&(u.push(t.value),u.length!==n);b=!0);}catch(O){m=!0,c=O}finally{try{if(!b&&r.return!=null&&(i=r.return(),Object(i)!==i))return}finally{if(m)throw c}}return u}}function V(e,n){(n==null||n>e.length)&&(n=e.length);for(var r=0,t=new Array(n);rc&&"ams-form-field-character-counter--error",r),role:"status",children:"".concat(t," van ").concat(c," tekens")}))});P1.displayName="FormFieldCharacterCounter";var sc=["children","className"];function Ce(e,n){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter(function(c){return Object.getOwnPropertyDescriptor(e,c).enumerable})),r.push.apply(r,t)}return r}function $e(e){for(var n=1;n ":"",h=Array.from(x.querySelectorAll("".concat(S).concat(Oc.join(", ".concat(S))))),C=function(_){return _&&h.includes(_)?h.indexOf(_):0},P;switch(f.key){case m:{C(j)!==h.length-1?(P=h[C(j)+1],j&&!h.includes(j)&&(P=h[0])):c&&(P=h[0]);break}case O:{C(j)!==0?P=h[C(j)-1]:c&&(P=h[h.length-1]);break}case N.Home:{P=h[0];break}case N.End:{P=h[h.length-1];break}}(f.key===N.ArrowDown||f.key===N.ArrowUp||f.key===N.ArrowLeft||f.key===N.ArrowRight||f.key===N.Home||f.key===N.End)&&P instanceof HTMLElement&&(P.focus(),f.preventDefault())}};return{keyDown:v}},fc=["children","className"];function ze(e,n){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter(function(c){return Object.getOwnPropertyDescriptor(e,c).enumerable})),r.push.apply(r,t)}return r}function Fe(e){for(var n=1;nt&&m===t-2&&e=0)continue;r[t]=e[t]}return r}function d(e,n){if(e==null)return{};var r=Tn(e,n),t,c;if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(c=0;c=0)&&Object.prototype.propertyIsEnumerable.call(e,t)&&(r[t]=e[t])}return r}function An(e){if(Array.isArray(e))return e}function Bn(e,n){var r=e==null?null:typeof Symbol<"u"&&e[Symbol.iterator]||e["@@iterator"];if(r!=null){var t,c,s,u,l=[],b=!0,m=!1;try{if(s=(r=r.call(e)).next,n!==0)for(;!(b=(t=s.call(r)).done)&&(l.push(t.value),l.length!==n);b=!0);}catch(O){m=!0,c=O}finally{try{if(!b&&r.return!=null&&(u=r.return(),Object(u)!==u))return}finally{if(m)throw c}}return l}}function V(e,n){(n==null||n>e.length)&&(n=e.length);for(var r=0,t=new Array(n);rc&&"ams-form-field-character-counter--error",r),role:"status",children:"".concat(t," van ").concat(c," tekens")}))});P1.displayName="FormFieldCharacterCounter";var sc=["children","className"];function Ce(e,n){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter(function(c){return Object.getOwnPropertyDescriptor(e,c).enumerable})),r.push.apply(r,t)}return r}function $e(e){for(var n=1;n ":"",h=Array.from(x.querySelectorAll("".concat(S).concat(Oc.join(", ".concat(S))))),C=function(_){return _&&h.includes(_)?h.indexOf(_):0},P;switch(f.key){case m:{C(j)!==h.length-1?(P=h[C(j)+1],j&&!h.includes(j)&&(P=h[0])):c&&(P=h[0]);break}case O:{C(j)!==0?P=h[C(j)-1]:c&&(P=h[h.length-1]);break}case N.Home:{P=h[0];break}case N.End:{P=h[h.length-1];break}}(f.key===N.ArrowDown||f.key===N.ArrowUp||f.key===N.ArrowLeft||f.key===N.ArrowRight||f.key===N.Home||f.key===N.End)&&P instanceof HTMLElement&&(P.focus(),f.preventDefault())}};return{keyDown:v}},fc=["children","className"];function ze(e,n){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter(function(c){return Object.getOwnPropertyDescriptor(e,c).enumerable})),r.push.apply(r,t)}return r}function Fe(e){for(var n=1;nt&&m===t-2&&e +import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as a}from"./index-DlpNa54Y.js";import{M as s,d as r}from"./index-C1H0KNfC.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-CjTW3GMG.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";const i=` # Amsterdam Design System diff --git a/demo-develop/assets/language.docs-D8arM5Xw.js b/demo-develop/assets/language.docs-CyT2-tsq.js similarity index 96% rename from demo-develop/assets/language.docs-D8arM5Xw.js rename to demo-develop/assets/language.docs-CyT2-tsq.js index a3a8cd5696..f77dea6921 100644 --- a/demo-develop/assets/language.docs-D8arM5Xw.js +++ b/demo-develop/assets/language.docs-CyT2-tsq.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as a}from"./index-DlpNa54Y.js";import{M as o}from"./index-DanlQ17N.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-C2MGObLX.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";function i(t){const n={a:"a",blockquote:"blockquote",code:"code",h1:"h1",h2:"h2",li:"li",p:"p",pre:"pre",ul:"ul",...a(),...t.components};return e.jsxs(e.Fragment,{children:[e.jsx(o,{title:"Docs/Design Guidelines/Language"}),` +import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as a}from"./index-DlpNa54Y.js";import{M as o}from"./index-C1H0KNfC.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-CjTW3GMG.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";function i(t){const n={a:"a",blockquote:"blockquote",code:"code",h1:"h1",h2:"h2",li:"li",p:"p",pre:"pre",ul:"ul",...a(),...t.components};return e.jsxs(e.Fragment,{children:[e.jsx(o,{title:"Docs/Design Guidelines/Language"}),` `,e.jsx(n.h1,{id:"language",children:"Language"}),` `,e.jsx(n.h2,{id:"specify-the-language-for-the-entire-document",children:"Specify the language for the entire document"}),` `,e.jsx(n.p,{children:`It is mandatory to explicitly indicate in which language the content of your page is. diff --git a/demo-develop/assets/license.docs-BRnSKSne.js b/demo-develop/assets/license.docs-CAyFGFaO.js similarity index 99% rename from demo-develop/assets/license.docs-BRnSKSne.js rename to demo-develop/assets/license.docs-CAyFGFaO.js index 5190ea7da4..18d98e31e7 100644 --- a/demo-develop/assets/license.docs-BRnSKSne.js +++ b/demo-develop/assets/license.docs-CAyFGFaO.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as t}from"./index-DlpNa54Y.js";import{M as r,d as a}from"./index-DanlQ17N.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-C2MGObLX.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";const s=`# EUROPEAN UNION PUBLIC LICENCE v. 1.2 +import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as t}from"./index-DlpNa54Y.js";import{M as r,d as a}from"./index-C1H0KNfC.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-CjTW3GMG.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";const s=`# EUROPEAN UNION PUBLIC LICENCE v. 1.2 EUPL © the European Union 2007, 2016 diff --git a/demo-develop/assets/notice.docs-B4sBz_x-.js b/demo-develop/assets/notice.docs-DJyqnL7L.js similarity index 91% rename from demo-develop/assets/notice.docs-B4sBz_x-.js rename to demo-develop/assets/notice.docs-DJyqnL7L.js index b12381356c..e77cb99fd7 100644 --- a/demo-develop/assets/notice.docs-B4sBz_x-.js +++ b/demo-develop/assets/notice.docs-DJyqnL7L.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as r}from"./index-DlpNa54Y.js";import{M as s,d as a}from"./index-DanlQ17N.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-C2MGObLX.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";const i=` +import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as r}from"./index-DlpNa54Y.js";import{M as s,d as a}from"./index-C1H0KNfC.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-CjTW3GMG.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";const i=` # Terms of Use diff --git a/demo-develop/assets/preview-a_WrfNKx.js b/demo-develop/assets/preview-FaiBBV0A.js similarity index 93% rename from demo-develop/assets/preview-a_WrfNKx.js rename to demo-develop/assets/preview-FaiBBV0A.js index da76e21cf3..c682172687 100644 --- a/demo-develop/assets/preview-a_WrfNKx.js +++ b/demo-develop/assets/preview-FaiBBV0A.js @@ -1,2 +1,2 @@ const __vite__fileDeps=["./axe-DdmhjJFx.js","./_commonjsHelpers-BosuxZz1.js"],__vite__mapDeps=i=>i.map(i=>__vite__fileDeps[i]); -import{_ as S}from"./iframe-C2MGObLX.js";import"../sb-preview/runtime.js";const{global:f}=__STORYBOOK_MODULE_GLOBAL__,{addons:U}=__STORYBOOK_MODULE_PREVIEW_API__;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}=f,a=U.getChannel(),l=!1,_,R={config:{},options:{}},v=async(n,e=R)=>{e!=null&&e.manual||await i(n,e)},i=async(n,e=R)=>{_=n;try{if(!l){l=!0,a.emit(r.RUNNING);let t=(await S(()=>import("./axe-DdmhjJFx.js").then(N=>N.a),__vite__mapDeps([0,1]),import.meta.url)).default,{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-CjTW3GMG.js";import"../sb-preview/runtime.js";const{global:f}=__STORYBOOK_MODULE_GLOBAL__,{addons:U}=__STORYBOOK_MODULE_PREVIEW_API__;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}=f,a=U.getChannel(),l=!1,_,R={config:{},options:{}},v=async(n,e=R)=>{e!=null&&e.manual||await i(n,e)},i=async(n,e=R)=>{_=n;try{if(!l){l=!0,a.emit(r.RUNNING);let t=(await S(()=>import("./axe-DdmhjJFx.js").then(N=>N.a),__vite__mapDeps([0,1]),import.meta.url)).default,{element:m="#storybook-root",config:s,options:O={}}=e,E=g.querySelector(m);if(!E)return;t.reset(),s&&t.configure(s);let c=await t.run(E,O),u=JSON.parse(JSON.stringify(c));_===n?a.emit(r.RESULT,u):(l=!1,i(_))}}catch(t){a.emit(r.ERROR,t)}finally{l=!1}};a.on(r.REQUEST,v);a.on(r.MANUAL,i); diff --git a/demo-develop/assets/preview-DitWhZpN.js b/demo-develop/assets/preview-M7eMIEaq.js similarity index 63% rename from demo-develop/assets/preview-DitWhZpN.js rename to demo-develop/assets/preview-M7eMIEaq.js index 0639e1b594..f2808aefef 100644 --- a/demo-develop/assets/preview-DitWhZpN.js +++ b/demo-develop/assets/preview-M7eMIEaq.js @@ -1,2 +1,2 @@ -const __vite__fileDeps=["./DocsRenderer-K4EAMTCU-BPQFsmV5.js","./iframe-C2MGObLX.js","./index-BwDkhjyp.js","./_commonjsHelpers-BosuxZz1.js","./react-18-CdTkaE-n.js","./index-B8XB3FuZ.js","./index-DanlQ17N.js","./index-COebWTXQ.js","./index-B8K4vdXH.js","./index-DrFu-skq.js"],__vite__mapDeps=i=>i.map(i=>__vite__fileDeps[i]); -import{_ as a}from"./iframe-C2MGObLX.js";import"../sb-preview/runtime.js";const{global:s}=__STORYBOOK_MODULE_GLOBAL__;var _=Object.entries(s.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-K4EAMTCU-BPQFsmV5.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9]),import.meta.url);return new e},stories:{filter:e=>{var r;return(e.tags||[]).filter(t=>_[t]).length===0&&!((r=e.parameters.docs)!=null&&r.disable)}}}};export{d as parameters}; +const __vite__fileDeps=["./DocsRenderer-K4EAMTCU-BPi93slr.js","./iframe-CjTW3GMG.js","./index-BwDkhjyp.js","./_commonjsHelpers-BosuxZz1.js","./react-18-CdTkaE-n.js","./index-B8XB3FuZ.js","./index-C1H0KNfC.js","./index-COebWTXQ.js","./index-B8K4vdXH.js","./index-DrFu-skq.js"],__vite__mapDeps=i=>i.map(i=>__vite__fileDeps[i]); +import{_ as a}from"./iframe-CjTW3GMG.js";import"../sb-preview/runtime.js";const{global:s}=__STORYBOOK_MODULE_GLOBAL__;var _=Object.entries(s.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-K4EAMTCU-BPi93slr.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9]),import.meta.url);return new e},stories:{filter:e=>{var r;return(e.tags||[]).filter(t=>_[t]).length===0&&!((r=e.parameters.docs)!=null&&r.disable)}}}};export{d as parameters}; diff --git a/demo-develop/assets/space.docs-KKZPOAEb.js b/demo-develop/assets/space.docs-Cf9i8q9E.js similarity index 98% rename from demo-develop/assets/space.docs-KKZPOAEb.js rename to demo-develop/assets/space.docs-Cf9i8q9E.js index 16fcd27030..cfd2222db5 100644 --- a/demo-develop/assets/space.docs-KKZPOAEb.js +++ b/demo-develop/assets/space.docs-Cf9i8q9E.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as i}from"./index-DlpNa54Y.js";import{M as l}from"./index-DanlQ17N.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-C2MGObLX.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";function s(n){const t={a:"a",code:"code",h1:"h1",h2:"h2",h4:"h4",p:"p",strong:"strong",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...i(),...n.components};return e.jsxs(e.Fragment,{children:[e.jsx(l,{title:"Docs/Design Guidelines/Space"}),` +import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as i}from"./index-DlpNa54Y.js";import{M as l}from"./index-C1H0KNfC.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-CjTW3GMG.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";function s(n){const t={a:"a",code:"code",h1:"h1",h2:"h2",h4:"h4",p:"p",strong:"strong",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...i(),...n.components};return e.jsxs(e.Fragment,{children:[e.jsx(l,{title:"Docs/Design Guidelines/Space"}),` `,e.jsx(t.h1,{id:"space",children:"Space"}),` `,e.jsx(t.p,{children:"We distinguish 4 types of white space: Grid, Stack, Inside, and Type."}),` `,e.jsx(t.h2,{id:"grid-space",children:"Grid Space"}),` diff --git a/demo-develop/assets/syntaxhighlighter-JOJW2KGS-B01MZyXu.js b/demo-develop/assets/syntaxhighlighter-JOJW2KGS-8yzry4Rc.js similarity index 68% rename from demo-develop/assets/syntaxhighlighter-JOJW2KGS-B01MZyXu.js rename to demo-develop/assets/syntaxhighlighter-JOJW2KGS-8yzry4Rc.js index 469ebf135c..4f514fd70b 100644 --- a/demo-develop/assets/syntaxhighlighter-JOJW2KGS-B01MZyXu.js +++ b/demo-develop/assets/syntaxhighlighter-JOJW2KGS-8yzry4Rc.js @@ -1 +1 @@ -import{S as n,c as u,s as c,a as d}from"./index-DanlQ17N.js";import"./iframe-C2MGObLX.js";import"../sb-preview/runtime.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";export{n as SyntaxHighlighter,u as createCopyToClipboardFunction,c as default,d as supportedLanguages}; +import{S as n,c as u,s as c,a as d}from"./index-C1H0KNfC.js";import"./iframe-CjTW3GMG.js";import"../sb-preview/runtime.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";export{n as SyntaxHighlighter,u as createCopyToClipboardFunction,c as default,d as supportedLanguages}; diff --git a/demo-develop/assets/typography.docs-BgHMKRWm.js b/demo-develop/assets/typography.docs-DjOd1WyU.js similarity index 99% rename from demo-develop/assets/typography.docs-BgHMKRWm.js rename to demo-develop/assets/typography.docs-DjOd1WyU.js index c312d01640..db0c8aa362 100644 --- a/demo-develop/assets/typography.docs-BgHMKRWm.js +++ b/demo-develop/assets/typography.docs-DjOd1WyU.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as l}from"./index-DlpNa54Y.js";import{M as r,T as i}from"./index-DanlQ17N.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-C2MGObLX.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";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:"Docs/Design Guidelines/Typography"}),` +import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as l}from"./index-DlpNa54Y.js";import{M as r,T as i}from"./index-C1H0KNfC.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-CjTW3GMG.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";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:"Docs/Design Guidelines/Typography"}),` `,e.jsx(t.h1,{id:"typography",children:"Typography"}),` `,e.jsx(t.h2,{id:"text-size",children:"Text Size"}),` `,e.jsx(t.h3,{id:"seven-text-levels",children:"Seven Text Levels"}),` diff --git a/demo-develop/assets/web-app.docs-Ceihur_n.js b/demo-develop/assets/web-app.docs-CbtpAfCj.js similarity index 96% rename from demo-develop/assets/web-app.docs-Ceihur_n.js rename to demo-develop/assets/web-app.docs-CbtpAfCj.js index edfe950ce7..2fcd30085d 100644 --- a/demo-develop/assets/web-app.docs-Ceihur_n.js +++ b/demo-develop/assets/web-app.docs-CbtpAfCj.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as t}from"./index-DlpNa54Y.js";import{M as a}from"./index-DanlQ17N.js";import{W as o}from"./AppIcons-BpQwMKpw.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-C2MGObLX.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";import"./index.esm-BqSmeFgf.js";import"./clsx-B-dksMZM.js";import"./index.esm-DQkeu4as.js";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/Assets/Web App"}),` +import{j as e}from"./jsx-runtime-Nms4Y4qS.js";import{useMDXComponents as t}from"./index-DlpNa54Y.js";import{M as a}from"./index-C1H0KNfC.js";import{W as o}from"./AppIcons-F5v9Q3ZH.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-CjTW3GMG.js";import"../sb-preview/runtime.js";import"./index-B8XB3FuZ.js";import"./index-COebWTXQ.js";import"./index-B8K4vdXH.js";import"./index-DrFu-skq.js";import"./index.esm-BLr1zrdO.js";import"./clsx-B-dksMZM.js";import"./index.esm-DQkeu4as.js";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/Assets/Web App"}),` `,e.jsx(n.h1,{id:"progressive-web-app-manifest-and-icons",children:"Progressive Web App: manifest and icons"}),` `,e.jsx(n.p,{children:"Turn a website into a Progressive Web App (PWA) with a Web Manifest and app icons."}),` `,e.jsx(n.p,{children:`Here’s how to publish a web app with the proper app names and icons. diff --git a/demo-develop/iframe.html b/demo-develop/iframe.html index fe0e5b0b37..8243bc3846 100644 --- a/demo-develop/iframe.html +++ b/demo-develop/iframe.html @@ -397,7 +397,7 @@ window.global = window; - + diff --git a/demo-develop/project.json b/demo-develop/project.json index 82e1a1e270..484b5e482b 100644 --- a/demo-develop/project.json +++ b/demo-develop/project.json @@ -1 +1 @@ -{"generatedAt":1715983944432,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":true,"hasStorybookEslint":false,"refCount":0,"monorepo":"Lerna","packageManager":{"type":"pnpm","version":"9.1.1"},"typescriptOptions":{"reactDocgen":"react-docgen-typescript"},"framework":{"name":"@storybook/react-vite","options":{}},"builder":"@storybook/builder-vite","renderer":"@storybook/react","storybookVersion":"8.0.10","storybookVersionSpecifier":"8.0.10","language":"javascript","storybookPackages":{"@storybook/addon-actions":{"version":"8.0.10"},"@storybook/blocks":{"version":"8.0.10"},"@storybook/components":{"version":"8.0.10"},"@storybook/core-events":{"version":"8.0.10"},"@storybook/manager-api":{"version":"8.0.10"},"@storybook/mdx2-csf":{"version":"1.1.0"},"@storybook/preview-api":{"version":"8.0.10"},"@storybook/react":{"version":"8.0.10"},"@storybook/react-vite":{"version":"8.0.10"},"@storybook/theming":{"version":"8.0.10"},"storybook":{"version":"8.0.10"}},"addons":{"@storybook/addon-links":{"version":"8.0.10"},"@storybook/addon-essentials":{"version":"8.0.10"},"@storybook/addon-interactions":{"version":"8.0.10"},"@storybook/addon-a11y":{"version":"8.0.10"},"@storybook/addon-themes":{"version":"8.0.10"},"@storybook/addon-docs":{"version":"8.0.10"}}} +{"generatedAt":1716289095897,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":true,"hasStorybookEslint":false,"refCount":0,"monorepo":"Lerna","packageManager":{"type":"pnpm","version":"9.1.2"},"typescriptOptions":{"reactDocgen":"react-docgen-typescript"},"framework":{"name":"@storybook/react-vite","options":{}},"builder":"@storybook/builder-vite","renderer":"@storybook/react","storybookVersion":"8.0.10","storybookVersionSpecifier":"8.0.10","language":"javascript","storybookPackages":{"@storybook/addon-actions":{"version":"8.0.10"},"@storybook/blocks":{"version":"8.0.10"},"@storybook/components":{"version":"8.0.10"},"@storybook/core-events":{"version":"8.0.10"},"@storybook/manager-api":{"version":"8.0.10"},"@storybook/mdx2-csf":{"version":"1.1.0"},"@storybook/preview-api":{"version":"8.0.10"},"@storybook/react":{"version":"8.0.10"},"@storybook/react-vite":{"version":"8.0.10"},"@storybook/theming":{"version":"8.0.10"},"storybook":{"version":"8.0.10"}},"addons":{"@storybook/addon-links":{"version":"8.0.10"},"@storybook/addon-essentials":{"version":"8.0.10"},"@storybook/addon-interactions":{"version":"8.0.10"},"@storybook/addon-a11y":{"version":"8.0.10"},"@storybook/addon-themes":{"version":"8.0.10"},"@storybook/addon-docs":{"version":"8.0.10"}}}