suus-component-library 0.1.30 → 0.1.32

package/dist/suus-component-library.umd.cjs

@@ -2,4 +2,4 @@
 `).map((n,r)=>(0,t.jsxs)(`span`,{className:`banner--title ${s||``}`,"data-testid":`bannerHeroTitle`,children:[n,r<e.split(`
 `).length-1&&(0,t.jsx)(`br`,{})]},r)),(0,t.jsx)(`p`,{className:`banner--description`,children:r&&r.split(`
 `).map((e,n)=>(0,t.jsxs)(`span`,{children:[e,n<r.split(`
-`).length-1&&(0,t.jsx)(`br`,{})]},n))}),(0,t.jsxs)(`div`,{className:`banner-hero-buttonbar`,children:[f&&(0,t.jsx)(i,{label:f,variant:`primary`,colorToken:T,onClick:p}),m&&(0,t.jsx)(i,{label:m,variant:`secondary`,onClick:h})]})]})]})})}var c={checkboxWrapper:`_checkboxWrapper_hv63b_1`,checkboxInput:`_checkboxInput_hv63b_15`,checkboxLabel:`_checkboxLabel_hv63b_24`,customCheckbox:`_customCheckbox_hv63b_34`,checkIcon:`_checkIcon_hv63b_57`,checkboxText:`_checkboxText_hv63b_76`,checkboxWrapperDisabled:`_checkboxWrapperDisabled_hv63b_107`,checkboxWrapperError:`_checkboxWrapperError_hv63b_133`,errorMessage:`_errorMessage_hv63b_147`,errorMessageHidden:`_errorMessageHidden_hv63b_155`,checkboxWrapperGlassy:`_checkboxWrapperGlassy_hv63b_160`};function l({label:e,name:n,id:r,error:i,variant:a=`default`,className:o,disabled:s,...l}){let u=r??`${n}-checkbox`;return(0,t.jsxs)(`div`,{className:[c.checkboxWrapper,a===`glassy`?c.checkboxWrapperGlassy:``,i?c.checkboxWrapperError:``,s?c.checkboxWrapperDisabled:``,o??``].filter(Boolean).join(` `),children:[(0,t.jsx)(`input`,{type:`checkbox`,id:u,name:n,disabled:s,className:c.checkboxInput,"aria-invalid":!!i,"aria-describedby":`${n}-error`,...l}),(0,t.jsxs)(`label`,{htmlFor:u,className:c.checkboxLabel,children:[(0,t.jsx)(`span`,{className:c.customCheckbox,"aria-hidden":`true`,children:(0,t.jsx)(`svg`,{className:c.checkIcon,viewBox:`0 0 24 24`,focusable:`false`,"aria-hidden":`true`,children:(0,t.jsx)(`path`,{d:`M20 6L9 17L4 12`})})}),(0,t.jsx)(`span`,{className:c.checkboxText,children:e})]}),(0,t.jsx)(`span`,{id:`${n}-error`,className:[c.errorMessage,i?``:c.errorMessageHidden].filter(Boolean).join(` `),children:i||`\xA0`})]})}var u={chip:`_chip_1po0g_1`,chipDefault:`_chipDefault_1po0g_21`,chipGlassy:`_chipGlassy_1po0g_36`,chipChecked:`_chipChecked_1po0g_49`,chipDisabled:`_chipDisabled_1po0g_56`};function d({children:e,variant:r=`default`,clickable:i=!0,checked:a,defaultChecked:o=!1,onCheckedChange:s,className:c,...l}){let[d,f]=(0,n.useState)(o),p=typeof a==`boolean`,m=p?a:d;function h(e){if(!i)return;let t=!m;p||f(t),s?.(t),l.onClick?.(e)}let g=r===`glassy`?u.chipGlassy:u.chipDefault,_=m?u.chipChecked:``,v=i?``:u.chipDisabled;return i?(0,t.jsx)(`button`,{type:`button`,"aria-pressed":m,className:[u.chip,g,_,c??``].filter(Boolean).join(` `),onClick:h,...l,children:e}):(0,t.jsx)(`span`,{className:[u.chip,g,_,v,c??``].filter(Boolean).join(` `),children:e})}var f={dateInputWrapper:`_dateInputWrapper_liktj_1`,inputDateField:`_inputDateField_liktj_6`,inputDateFieldGlassy:`_inputDateFieldGlassy_liktj_38`,inputError:`_inputError_liktj_56`,calendarIconButton:`_calendarIconButton_liktj_60`,icon:`_icon_liktj_88`,errorMessage:`_errorMessage_liktj_97`,errorMessageHidden:`_errorMessageHidden_liktj_104`};function p({label:e,name:r,id:i,value:a=null,maxDate:o,minDate:s,error:c,variant:l=`default`,className:u,ref:d,onDateChange:p,onBlur:_,disabled:v,...y}){let b=i??r,x=(0,n.useRef)(null),S=o??new Date;function C(e){x.current=e,typeof d==`function`?d(e):d&&(d.current=e)}function w(e){let t=e.target.value;if(!t){p?.(null);return}p?.(h(t))}function T(){v||(x.current?.showPicker?.(),x.current?.focus())}return(0,t.jsxs)(`div`,{className:`inputBlockVertical`,children:[(0,t.jsx)(`label`,{htmlFor:b,className:[`inputLabel`,l===`glassy`?`inputLabelGlassy`:``].filter(Boolean).join(` `),children:e}),(0,t.jsxs)(`div`,{className:f.dateInputWrapper,children:[(0,t.jsx)(`input`,{id:b,name:r,ref:C,type:`date`,value:m(a),max:m(S),min:s?m(s):void 0,disabled:v,onChange:w,onBlur:_,className:[f.inputDateField,l===`glassy`?f.inputDateFieldGlassy:``,c?f.inputError:``,u??``].filter(Boolean).join(` `),"aria-invalid":!!c,"aria-describedby":`${r}-error`,...y}),(0,t.jsx)(`button`,{type:`button`,className:f.calendarIconButton,onClick:T,disabled:v,"aria-label":`Datum auswählen`,tabIndex:-1,children:(0,t.jsx)(g,{})})]}),(0,t.jsx)(`span`,{id:`${r}-error`,className:[f.errorMessage,c?``:f.errorMessageHidden].filter(Boolean).join(` `),children:c||`\xA0`})]})}function m(e){return e?`${e.getFullYear()}-${String(e.getMonth()+1).padStart(2,`0`)}-${String(e.getDate()).padStart(2,`0`)}`:``}function h(e){let[t,n,r]=e.split(`-`).map(Number);return new Date(t,n-1,r)}function g(){return(0,t.jsxs)(`svg`,{className:f.icon,xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,fill:`none`,"aria-hidden":`true`,children:[(0,t.jsx)(`path`,{d:`M8 2V5`}),(0,t.jsx)(`path`,{d:`M16 2V5`}),(0,t.jsx)(`path`,{d:`M3.5 9.09H20.5`}),(0,t.jsx)(`path`,{d:`M21 8.5V17.5C21 20 19.75 21.5 16.75 21.5H7.25C4.25 21.5 3 20 3 17.5V8.5C3 6 4.25 4.5 7.25 4.5H16.75C19.75 4.5 21 6 21 8.5Z`})]})}var _={inputSelectField:`_inputSelectField_1505j_1`,inputSelectFieldGlassy:`_inputSelectFieldGlassy_1505j_12`,inputError:`_inputError_1505j_24`,errorMessage:`_errorMessage_1505j_28`,errorMessageHidden:`_errorMessageHidden_1505j_35`};function v({label:e,name:n,options:r,placeholder:i,error:a,variant:o=`default`,className:s,disabled:c,...l}){return(0,t.jsxs)(`div`,{className:`inputBlockVertical`,children:[(0,t.jsx)(`label`,{htmlFor:n,className:[`inputLabel`,o===`glassy`?`inputLabelGlassy`:``].filter(Boolean).join(` `),children:e}),(0,t.jsxs)(`select`,{id:n,name:n,disabled:c,className:[_.inputSelectField,o===`glassy`?_.inputSelectFieldGlassy:``,a?_.inputError:``,s??``].filter(Boolean).join(` `),"aria-invalid":!!a,"aria-describedby":`${n}-error`,...l,children:[i&&(0,t.jsx)(`option`,{value:``,disabled:!0,children:i}),r.map(e=>(0,t.jsx)(`option`,{value:e.value,children:e.label},e.value))]}),(0,t.jsx)(`span`,{id:`${n}-error`,className:[_.errorMessage,a?``:_.errorMessageHidden].filter(Boolean).join(` `),children:a||`\xA0`})]})}var y={appLink:`_appLink_o2z21_1`,appLinkDefault:`_appLinkDefault_o2z21_19`,appLinkGlassy:`_appLinkGlassy_o2z21_30`,label:`_label_o2z21_38`,icon:`_icon_o2z21_43`,iconLeft:`_iconLeft_o2z21_54`,arrowIcon:`_arrowIcon_o2z21_58`};function b({children:e,href:n,onClick:r,newTab:i=!1,showArrow:a=!0,arrowPosition:o=`right`,variant:s=`default`,className:c,...l}){function u(e){n||e.preventDefault(),r?.(e)}return(0,t.jsxs)(`a`,{href:n??`#`,onClick:u,target:n&&i?`_blank`:void 0,rel:n&&i?`noopener noreferrer`:void 0,className:[y.appLink,s===`glassy`?y.appLinkGlassy:y.appLinkDefault,c??``].filter(Boolean).join(` `),...l,children:[a&&o===`left`&&(0,t.jsx)(`span`,{className:[y.icon,y.iconLeft].join(` `),"aria-hidden":`true`,children:(0,t.jsx)(S,{})}),(0,t.jsx)(`span`,{className:y.label,children:e}),a&&o===`right`&&(0,t.jsx)(`span`,{className:y.icon,"aria-hidden":`true`,children:(0,t.jsx)(x,{})})]})}function x(){return(0,t.jsxs)(`svg`,{className:y.arrowIcon,xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,fill:`none`,"aria-hidden":`true`,children:[(0,t.jsx)(`path`,{d:`M5 12H19`}),(0,t.jsx)(`path`,{d:`M13 6L19 12L13 18`})]})}function S(){return(0,t.jsxs)(`svg`,{className:y.arrowIcon,xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,fill:`none`,"aria-hidden":`true`,children:[(0,t.jsx)(`path`,{d:`M19 12H5`}),(0,t.jsx)(`path`,{d:`M11 6L5 12L11 18`})]})}var C={iconButton:`_iconButton_14rp3_1`,withFrame:`_withFrame_14rp3_17`,withoutFrame:`_withoutFrame_14rp3_24`,glassy:`_glassy_14rp3_57`,active:`_active_14rp3_75`,small:`_small_14rp3_84`,large:`_large_14rp3_90`,icon:`_icon_14rp3_1`,svgIcon:`_svgIcon_14rp3_102`};function w({label:e,icon:n,variant:r=`default`,frame:i=!0,active:a=!1,size:o=`default`,className:s,type:c=`button`,disabled:l,...u}){return(0,t.jsx)(`button`,{type:c,"aria-label":e,title:e,"aria-pressed":a,disabled:l,className:[C.iconButton,i?C.withFrame:C.withoutFrame,r===`glassy`?C.glassy:``,a?C.active:``,o===`small`?C.small:``,o===`large`?C.large:``,s??``].filter(Boolean).join(` `),...u,children:(0,t.jsx)(`span`,{className:C.icon,"aria-hidden":`true`,children:n})})}var T={passwordInputWrapper:`_passwordInputWrapper_1ris8_1`,inputTextField:`_inputTextField_1ris8_6`,inputTextFieldGlassy:`_inputTextFieldGlassy_1ris8_18`,inputError:`_inputError_1ris8_40`,togglePasswordButton:`_togglePasswordButton_1ris8_44`,icon:`_icon_1ris8_76`,errorMessage:`_errorMessage_1ris8_85`,errorMessageHidden:`_errorMessageHidden_1ris8_92`};function E({label:e,name:r,id:i,error:a,variant:o=`default`,className:s,disabled:c,ref:l,autoComplete:u=`current-password`,...d}){let[f,p]=(0,n.useState)(!1),m=i??r;function h(){p(e=>!e)}return(0,t.jsxs)(`div`,{className:`inputBlockVertical`,children:[e&&(0,t.jsx)(`label`,{htmlFor:m,className:[`inputLabel`,o===`glassy`?`inputLabelGlassy`:``].filter(Boolean).join(` `),children:e}),(0,t.jsxs)(`div`,{className:T.passwordInputWrapper,children:[(0,t.jsx)(`input`,{id:m,name:r,ref:l,type:f?`text`:`password`,disabled:c,autoComplete:u,className:[T.inputTextField,o===`glassy`?T.inputTextFieldGlassy:``,a?T.inputError:``,s??``].filter(Boolean).join(` `),"aria-invalid":!!a,"aria-describedby":`${r}-error`,...d}),(0,t.jsx)(`button`,{type:`button`,className:T.togglePasswordButton,onClick:h,disabled:c,"aria-label":f?`Passwort ausblenden`:`Passwort anzeigen`,"aria-pressed":f,children:f?(0,t.jsx)(O,{}):(0,t.jsx)(D,{})})]}),(0,t.jsx)(`span`,{id:`${r}-error`,className:[T.errorMessage,a?``:T.errorMessageHidden].filter(Boolean).join(` `),children:a||`\xA0`})]})}function D(){return(0,t.jsxs)(`svg`,{className:T.icon,xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,fill:`none`,"aria-hidden":`true`,children:[(0,t.jsx)(`path`,{d:`M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z`}),(0,t.jsx)(`circle`,{cx:`12`,cy:`12`,r:`3`})]})}function O(){return(0,t.jsx)(`svg`,{className:T.icon,xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,fill:`none`,"aria-hidden":`true`,children:(0,t.jsx)(`path`,{d:`M17.94 17.94A10.94 10.94 0 0 1 12 20C7 20 2.73 16.11 1 12c.74-1.64 1.82-3.06 3.11-4.24m3.52-2.42A10.94 10.94 0 0 1 12 4c5 0 9.27 3.89 11 8-1.1 2.42-2.91 4.5-5.06 5.94M1 1l22 22`})})}var k={inputWrapper:`_inputWrapper_1qpua_1`,inputTextField:`_inputTextField_1qpua_6`,inputTextFieldGlassy:`_inputTextFieldGlassy_1qpua_18`,inputError:`_inputError_1qpua_48`,loading:`_loading_1qpua_52`,suggestionList:`_suggestionList_1qpua_61`,suggestionItem:`_suggestionItem_1qpua_78`,locality:`_locality_1qpua_98`,emptyState:`_emptyState_1qpua_102`,successMessage:`_successMessage_1qpua_113`,errorMessage:`_errorMessage_1qpua_119`,errorMessageHidden:`_errorMessageHidden_1qpua_127`};function A({label:e,name:r,id:i,error:a,variant:o=`default`,className:s,disabled:c,placeholder:l=`z.B. 8001 oder Zürich`,ref:u,onChange:d,onBlur:f,onValueChange:p,onSuggestionSelect:m,...h}){let g=(0,n.useId)(),_=i??`${r}-${g}`,v=(0,n.useRef)(null),y=(0,n.useRef)(!1),[b,x]=(0,n.useState)(``),[S,C]=(0,n.useState)([]),[w,T]=(0,n.useState)(!1),[E,D]=(0,n.useState)(!1),O=b.trim().match(/^(\d+)\s+(.+)$/),A=!!O,j=O?.[1],M=O?.[2],N=A&&S.some(e=>e.postalCode===j&&e.locality===M),P=/^\d+$/.test(b.trim()),F=b.trim().length>=4&&P&&!w,I=F&&S.some(e=>e.postalCode===b.trim()),L=F&&!I,R=a??(L?`Diese Schweizer Postleitzahl wurde nicht gefunden.`:void 0);E&&b.trim().length>=4&&S.length,(0,n.useEffect)(()=>{let e=b.trim();if(e.length<2){C([]),D(!1);return}if(y.current){y.current=!1;return}let t=new AbortController;async function n(){T(!0);try{let n=e.match(/^(\d+)\s/),r=n?n[1]:e,i=/^\d+$/.test(r)?`https://openplzapi.org/ch/Localities?postalCode=${r}`:`https://openplzapi.org/ch/Localities?locality=${encodeURIComponent(r)}`,a=await fetch(i,{signal:t.signal});if(!a.ok)throw Error(`Postal-Code-Suche fehlgeschlagen`);let o=await a.json();C(Array.from(new Map(o.map(e=>{let t=`${e.postalCode} ${e.name}`;return[t,{label:t,postalCode:e.postalCode,locality:e.name}]})).values()).slice(0,10)),D(!0)}catch(e){if(t.signal.aborted)return;console.error(e),C([]),D(!0)}finally{t.signal.aborted||T(!1)}}let r=window.setTimeout(n,300);return()=>{window.clearTimeout(r),t.abort()}},[b]);function z(e){v.current=e,typeof u==`function`?u(e):u&&(u.current=e)}function B(e){let t=e.target.value;x(t),p?.(t),d?.(e)}function V(e){y.current=!0,x(e.label),C([]),D(!1),p?.(e.label),m?.(e),v.current&&(v.current.value=e.label,v.current.dispatchEvent(new Event(`input`,{bubbles:!0})))}return(0,t.jsxs)(`div`,{className:`inputBlockVertical`,children:[(0,t.jsx)(`label`,{htmlFor:_,className:[`inputLabel`,o===`glassy`?`inputLabelGlassy`:``].filter(Boolean).join(` `),children:e}),(0,t.jsxs)(`div`,{className:k.inputWrapper,children:[(0,t.jsx)(`input`,{id:_,name:r,ref:z,type:`text`,inputMode:`search`,autoComplete:`postal-code`,disabled:c,placeholder:l,value:b,onChange:B,onBlur:f,className:[k.inputTextField,o===`glassy`?k.inputTextFieldGlassy:``,I||N?k.inputValid:``,L||a?k.inputError:``,s??``].filter(Boolean).join(` `),"aria-invalid":!!R,"aria-describedby":`${r}-error`,...h}),w&&(0,t.jsx)(`span`,{className:k.loading,children:`Lädt…`}),S.length>0&&(0,t.jsx)(`ul`,{className:k.suggestionList,children:S.map(e=>(0,t.jsx)(`li`,{children:(0,t.jsxs)(`button`,{type:`button`,className:k.suggestionItem,onMouseDown:e=>e.preventDefault(),onClick:()=>V(e),children:[(0,t.jsx)(`span`,{children:e.postalCode}),(0,t.jsx)(`span`,{className:k.locality,children:e.locality})]})},e.label))}),E&&b.trim().length>=2&&S.length===0&&!w&&!N&&!L&&(0,t.jsx)(`div`,{className:k.emptyState,children:`Keine Schweizer PLZ oder Ortschaft gefunden.`})]}),I&&(0,t.jsx)(`span`,{className:k.successMessage,children:`Gültige Schweizer Postleitzahl`}),N&&(0,t.jsx)(`span`,{className:k.successMessage,children:`Gültige Schweizer Postleitzahl`}),(0,t.jsx)(`span`,{id:`${r}-error`,className:[k.errorMessage,R?``:k.errorMessageHidden].filter(Boolean).join(` `),children:R||`\xA0`})]})}var j={radioGroup:`_radioGroup_1yjda_5`,optionGroup:`_optionGroup_1yjda_16`,optionWrapper:`_optionWrapper_1yjda_23`,optionWrapperDisabled:`_optionWrapperDisabled_1yjda_29`,optionButton:`_optionButton_1yjda_33`,radioInput:`_radioInput_1yjda_37`,errorMessage:`_errorMessage_1yjda_47`,errorMessageHidden:`_errorMessageHidden_1yjda_55`,optionTitle:`_optionTitle_1yjda_95`,optionDescription:`_optionDescription_1yjda_112`,optionButtonDefault:`_optionButtonDefault_1yjda_120`,optionButtonGlassy:`_optionButtonGlassy_1yjda_148`,optionButtonError:`_optionButtonError_1yjda_174`};function M({label:e,name:n,options:r,error:i,variant:a=`default`,disabled:o,value:s,defaultValue:c,onChange:l,...u}){let d=s!==void 0;return(0,t.jsx)(`div`,{className:`inputBlockVertical`,children:(0,t.jsxs)(`fieldset`,{className:[j.radioGroup].filter(Boolean).join(` `),"aria-invalid":!!i,"aria-describedby":`${n}-error`,children:[e&&(0,t.jsx)(`label`,{htmlFor:n,className:[j.inputLabel,a===`glassy`?`--form-input-glassy-text-label`:`--form-input-default-text-label`].filter(Boolean).join(` `),children:e}),(0,t.jsx)(`div`,{className:j.optionGroup,children:r.map(e=>{let r=d?{checked:s===e.value}:{defaultChecked:c===e.value};return(0,t.jsxs)(`label`,{className:[j.optionWrapper,o?j.optionWrapperDisabled:``].filter(Boolean).join(` `),children:[(0,t.jsx)(`input`,{type:`radio`,name:n,value:e.value,disabled:o,className:j.radioInput,onChange:l,...r,...u}),(0,t.jsxs)(`span`,{className:[j.optionButton,a===`glassy`?j.optionButtonGlassy:j.optionButtonDefault,i?j.optionButtonError:``].filter(Boolean).join(` `),children:[(0,t.jsx)(`span`,{className:j.optionTitle,children:e.label}),e.description&&(0,t.jsx)(`span`,{className:j.optionDescription,children:e.description})]})]},e.value)})}),(0,t.jsx)(`span`,{id:`${n}-error`,className:[j.errorMessage,i?``:j.errorMessageHidden].filter(Boolean).join(` `),children:i||`\xA0`})]})})}var N={switchWrapper:`_switchWrapper_1dr6p_1`,switchCheckbox:`_switchCheckbox_1dr6p_5`,switchLabel:`_switchLabel_1dr6p_13`,switchLabelDefault:`_switchLabelDefault_1dr6p_23`,switchLabelGlassy:`_switchLabelGlassy_1dr6p_27`,switchBackground:`_switchBackground_1dr6p_36`,switchBackgroundDefault:`_switchBackgroundDefault_1dr6p_55`,switchBackgroundGlassy:`_switchBackgroundGlassy_1dr6p_65`,switchButton:`_switchButton_1dr6p_76`,iconChecked:`_iconChecked_1dr6p_162`,iconUnchecked:`_iconUnchecked_1dr6p_163`,switchText:`_switchText_1dr6p_199`,errorMessage:`_errorMessage_1dr6p_207`,errorMessageHidden:`_errorMessageHidden_1dr6p_214`};function P({name:e,id:n,label:r,error:i,variant:a=`default`,className:o,disabled:s,...c}){let l=n??`${e}-switch`;return(0,t.jsx)(`div`,{className:`inputBlockHorizontal`,children:(0,t.jsxs)(`div`,{className:[N.switchWrapper,o??``].filter(Boolean).join(` `),children:[(0,t.jsx)(`input`,{id:l,name:e,type:`checkbox`,disabled:s,className:N.switchCheckbox,"aria-invalid":!!i,"aria-describedby":`${e}-error`,...c}),(0,t.jsxs)(`label`,{htmlFor:l,className:[N.switchLabel,a===`glassy`?N.switchLabelGlassy:N.switchLabelDefault].filter(Boolean).join(` `),children:[r&&(0,t.jsx)(`span`,{className:N.switchText,children:r}),(0,t.jsx)(`span`,{className:[N.switchBackground,a===`glassy`?N.switchBackgroundGlassy:N.switchBackgroundDefault].filter(Boolean).join(` `),children:(0,t.jsxs)(`span`,{className:N.switchButton,"aria-hidden":`true`,children:[(0,t.jsx)(`span`,{className:N.iconChecked,children:(0,t.jsx)(F,{})}),(0,t.jsx)(`span`,{className:N.iconUnchecked,children:(0,t.jsx)(I,{})})]})})]}),(0,t.jsx)(`span`,{id:`${e}-error`,className:[N.errorMessage,i?``:N.errorMessageHidden].filter(Boolean).join(` `),children:i||`\xA0`})]})})}function F(){return(0,t.jsx)(`svg`,{width:`16`,height:`16`,viewBox:`0 0 12 12`,fill:`none`,"aria-hidden":`true`,children:(0,t.jsx)(`path`,{d:`M3 6.5L5.5 9L9 3`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`})})}function I(){return(0,t.jsx)(`svg`,{width:`16`,height:`16`,viewBox:`0 0 12 12`,fill:`none`,"aria-hidden":`true`,children:(0,t.jsx)(`path`,{d:`M3 3L9 9M9 3L3 9`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`})})}var L={inputLabel:`_inputLabel_1hmxe_1`,inputTextField:`_inputTextField_1hmxe_5`,inputTextFieldGlassy:`_inputTextFieldGlassy_1hmxe_22`,inputError:`_inputError_1hmxe_44`,errorMessage:`_errorMessage_1hmxe_48`,errorMessageHidden:`_errorMessageHidden_1hmxe_55`};function R({label:e,name:n,error:r,placeholder:i,variant:a=`default`,className:o,ref:s,...c}){return(0,t.jsxs)(`div`,{className:`inputBlockVertical`,children:[(0,t.jsx)(`label`,{htmlFor:n,className:[L.inputLabel,a===`glassy`?`inputLabelGlassy`:``].filter(Boolean).join(` `),children:e}),(0,t.jsx)(`input`,{id:n,name:n,ref:s,placeholder:i,className:[L.inputTextField,a===`glassy`?L.inputTextFieldGlassy:``,r?L.inputError:``,o??``].filter(Boolean).join(` `),"aria-invalid":!!r,"aria-describedby":`${n}-error`,...c}),(0,t.jsx)(`span`,{id:`${n}-error`,className:[L.errorMessage,r?``:L.errorMessageHidden].filter(Boolean).join(` `),children:r||`\xA0`})]})}var z={wrapper:`_wrapper_1get6_1`,label:`_label_1get6_7`,labelGlassy:`_labelGlassy_1get6_13`,dropzone:`_dropzone_1get6_17`,dropzoneGlassy:`_dropzoneGlassy_1get6_32`,dragOver:`_dragOver_1get6_39`,errorState:`_errorState_1get6_48`,disabled:`_disabled_1get6_52`,hiddenInput:`_hiddenInput_1get6_57`,dropzoneContent:`_dropzoneContent_1get6_65`,placeholder:`_placeholder_1get6_74`,big:`_big_1get6_80`,small:`_small_1get6_86`,hint:`_hint_1get6_91`,selected:`_selected_1get6_111`,preview:`_preview_1get6_118`,fileMeta:`_fileMeta_1get6_127`,fileName:`_fileName_1get6_134`,fileSize:`_fileSize_1get6_142`,remove:`_remove_1get6_156`,errorMessage:`_errorMessage_1get6_198`,errorMessageHidden:`_errorMessageHidden_1get6_206`};function B({label:e,name:r,id:i,file:a,error:o,variant:s=`default`,accept:c=`image/*`,maxSizeBytes:l=5*1024*1024,disabled:u,className:d,onChange:f,onFileChange:p,...m}){let h=(0,n.useId)(),g=i??`${r}-${h}`,[_,v]=(0,n.useState)(!1),[y,b]=(0,n.useState)(a??null),x=a!==void 0,S=x?a:y,C=(0,n.useMemo)(()=>!S||!S.type.startsWith(`image/`)?null:URL.createObjectURL(S),[S]);(0,n.useEffect)(()=>{x&&b(a??null)},[a,x]),(0,n.useEffect)(()=>()=>{C&&URL.revokeObjectURL(C)},[C]);function w(e){return!e||(c===`image/*`||c.startsWith(`image/`))&&!e.type.startsWith(`image/`)||l&&e.size>l?null:e}function T(e){let t=w(e);x||b(t),p?.(t)}function E(e){T(e.target.files?.[0]??null),f?.(e)}function D(e){e.preventDefault(),e.stopPropagation(),u||v(!0)}function O(e){e.preventDefault(),e.stopPropagation(),!e.currentTarget.contains(e.relatedTarget)&&v(!1)}function k(e){e.preventDefault(),e.stopPropagation(),v(!1),!u&&T(e.dataTransfer.files?.[0]??null)}function A(){x||b(null),p?.(null)}let j=Math.round(l/(1024*1024));return(0,t.jsxs)(`div`,{className:[z.wrapper,d??``].filter(Boolean).join(` `),children:[(0,t.jsx)(`label`,{className:[z.label,s===`glassy`?z.labelGlassy:``].filter(Boolean).join(` `),htmlFor:g,children:e}),(0,t.jsxs)(`div`,{className:[z.dropzone,s===`glassy`?z.dropzoneGlassy:``,_?z.dragOver:``,o?z.errorState:``,u?z.disabled:``].filter(Boolean).join(` `),onDragOver:D,onDragLeave:O,onDrop:k,children:[(0,t.jsx)(`input`,{id:g,name:r,className:z.hiddenInput,type:`file`,accept:c,disabled:u,onChange:E,"aria-invalid":!!o,"aria-describedby":`${r}-error`,...m}),(0,t.jsx)(`label`,{htmlFor:g,className:z.dropzoneContent,children:S?(0,t.jsxs)(`span`,{className:z.selected,children:[C&&(0,t.jsx)(`img`,{className:z.preview,src:C,alt:`Vorschau von ${S.name}`}),(0,t.jsxs)(`span`,{className:z.fileMeta,children:[(0,t.jsx)(`span`,{className:z.fileName,children:S.name}),(0,t.jsxs)(`span`,{className:z.fileSize,children:[(S.size/1024).toFixed(0),` KB ·`,` `,S.type||`unknown`]})]})]}):(0,t.jsxs)(`span`,{className:z.placeholder,children:[(0,t.jsx)(`span`,{className:z.big,children:`Datei hier reinziehen`}),(0,t.jsx)(`span`,{className:z.small,children:`…oder klicken, um auszuwählen`}),(0,t.jsxs)(`span`,{className:z.hint,children:[`Erlaubt: `,c,` · max. `,j,` MB`]})]})}),S&&(0,t.jsx)(`button`,{type:`button`,className:z.remove,onClick:A,disabled:u,children:`Entfernen`})]}),(0,t.jsx)(`span`,{id:`${r}-error`,className:[z.errorMessage,o?``:z.errorMessageHidden].filter(Boolean).join(` `),children:o||`\xA0`})]})}e.BannerHero=s,e.Button=i,e.Checkbox=l,e.Chip=d,e.DatePicker=p,e.Dropdown=v,e.IconButton=w,e.Link=b,e.Password=E,e.PostalCode=A,e.RadioButton=M,e.Switch=P,e.TextField=R,e.Upload=B});
+`).length-1&&(0,t.jsx)(`br`,{})]},n))}),(0,t.jsxs)(`div`,{className:`banner-hero-buttonbar`,children:[f&&(0,t.jsx)(i,{label:f,variant:`primary`,colorToken:T,onClick:p}),m&&(0,t.jsx)(i,{label:m,variant:`secondary`,onClick:h})]})]})]})})}var c=(0,n.createContext)(null),l={accordion:`_accordion_h1kjy_1`,glassy:`_glassy_h1kjy_9`};function u(e,t=!1){let n=Array.from(new Set((e??[]).filter(Boolean)));return t?n:n.slice(0,1)}function d({children:e,variant:r=`default`,allowMultipleOpen:i=!1,defaultOpenItems:a,openItems:o,onOpenItemsChange:s,className:d}){let[f,p]=(0,n.useState)(()=>u(a,i)),m=o!==void 0,h=u(m?o:f,i),g=(0,n.useMemo)(()=>new Set(h),[h]),_=(0,n.useCallback)(e=>{let t=g.has(e),n;n=t?h.filter(t=>t!==e):i?[...h,e]:[e],m||p(n),s?.(n)},[i,h,m,s,g]),v=(0,n.useMemo)(()=>({variant:r,isOpen:e=>g.has(e),toggle:_}),[g,_,r]);return(0,t.jsx)(`div`,{className:[l.accordion,r===`glassy`?l.glassy:``,d??``].filter(Boolean).join(` `),children:(0,t.jsx)(c.Provider,{value:v,children:e})})}var f={tile:`_tile_l4lii_1`,tileDefault:`_tileDefault_l4lii_5`,tileGlassy:`_tileGlassy_l4lii_9`,trigger:`_trigger_l4lii_17`,triggerDefault:`_triggerDefault_l4lii_36`,triggerGlassy:`_triggerGlassy_l4lii_44`,labelGroup:`_labelGroup_l4lii_52`,icon:`_icon_l4lii_59`,label:`_label_l4lii_52`,indicator:`_indicator_l4lii_70`,content:`_content_l4lii_77`,contentDefault:`_contentDefault_l4lii_83`,contentGlassy:`_contentGlassy_l4lii_87`};function p({itemId:e,label:r,icon:i,children:a,variant:o,defaultOpen:s=!1,className:l,disabled:u,onClick:d,...p}){let m=(0,n.useContext)(c),h=(0,n.useId)(),g=e??h,[_,v]=(0,n.useState)(s),y=o??m?.variant??`default`,b=m?m.isOpen(g):_,x=`${g}-trigger`,S=`${g}-content`;function C(e){u||(m?m.toggle(g):v(e=>!e)),d?.(e)}return(0,t.jsxs)(`div`,{className:[f.tile,y===`glassy`?f.tileGlassy:f.tileDefault,b?f.tileOpen:``,l??``].filter(Boolean).join(` `),children:[(0,t.jsxs)(`button`,{type:`button`,id:x,className:[f.trigger,y===`glassy`?f.triggerGlassy:f.triggerDefault].filter(Boolean).join(` `),onClick:C,"aria-expanded":b,"aria-controls":S,disabled:u,...p,children:[(0,t.jsxs)(`span`,{className:f.labelGroup,children:[i?(0,t.jsx)(`span`,{className:f.icon,children:i}):null,(0,t.jsx)(`span`,{className:f.label,children:r})]}),(0,t.jsx)(`span`,{className:f.indicator,"aria-hidden":`true`,children:b?`-`:`+`})]}),b?(0,t.jsx)(`div`,{id:S,role:`region`,"aria-labelledby":x,className:[f.content,y===`glassy`?f.contentGlassy:f.contentDefault].filter(Boolean).join(` `),children:a}):null]})}var m={checkboxWrapper:`_checkboxWrapper_hv63b_1`,checkboxInput:`_checkboxInput_hv63b_15`,checkboxLabel:`_checkboxLabel_hv63b_24`,customCheckbox:`_customCheckbox_hv63b_34`,checkIcon:`_checkIcon_hv63b_57`,checkboxText:`_checkboxText_hv63b_76`,checkboxWrapperDisabled:`_checkboxWrapperDisabled_hv63b_107`,checkboxWrapperError:`_checkboxWrapperError_hv63b_133`,errorMessage:`_errorMessage_hv63b_147`,errorMessageHidden:`_errorMessageHidden_hv63b_155`,checkboxWrapperGlassy:`_checkboxWrapperGlassy_hv63b_160`};function h({label:e,name:n,id:r,error:i,variant:a=`default`,className:o,disabled:s,...c}){let l=r??`${n}-checkbox`;return(0,t.jsxs)(`div`,{className:[m.checkboxWrapper,a===`glassy`?m.checkboxWrapperGlassy:``,i?m.checkboxWrapperError:``,s?m.checkboxWrapperDisabled:``,o??``].filter(Boolean).join(` `),children:[(0,t.jsx)(`input`,{type:`checkbox`,id:l,name:n,disabled:s,className:m.checkboxInput,"aria-invalid":!!i,"aria-describedby":`${n}-error`,...c}),(0,t.jsxs)(`label`,{htmlFor:l,className:m.checkboxLabel,children:[(0,t.jsx)(`span`,{className:m.customCheckbox,"aria-hidden":`true`,children:(0,t.jsx)(`svg`,{className:m.checkIcon,viewBox:`0 0 24 24`,focusable:`false`,"aria-hidden":`true`,children:(0,t.jsx)(`path`,{d:`M20 6L9 17L4 12`})})}),(0,t.jsx)(`span`,{className:m.checkboxText,children:e})]}),(0,t.jsx)(`span`,{id:`${n}-error`,className:[m.errorMessage,i?``:m.errorMessageHidden].filter(Boolean).join(` `),children:i||`\xA0`})]})}var g={chip:`_chip_1po0g_1`,chipDefault:`_chipDefault_1po0g_21`,chipGlassy:`_chipGlassy_1po0g_36`,chipChecked:`_chipChecked_1po0g_49`,chipDisabled:`_chipDisabled_1po0g_56`};function _({children:e,variant:r=`default`,clickable:i=!0,checked:a,defaultChecked:o=!1,onCheckedChange:s,className:c,...l}){let[u,d]=(0,n.useState)(o),f=typeof a==`boolean`,p=f?a:u;function m(e){if(!i)return;let t=!p;f||d(t),s?.(t),l.onClick?.(e)}let h=r===`glassy`?g.chipGlassy:g.chipDefault,_=p?g.chipChecked:``,v=i?``:g.chipDisabled;return i?(0,t.jsx)(`button`,{type:`button`,"aria-pressed":p,className:[g.chip,h,_,c??``].filter(Boolean).join(` `),onClick:m,...l,children:e}):(0,t.jsx)(`span`,{className:[g.chip,h,_,v,c??``].filter(Boolean).join(` `),children:e})}var v={dateInputWrapper:`_dateInputWrapper_liktj_1`,inputDateField:`_inputDateField_liktj_6`,inputDateFieldGlassy:`_inputDateFieldGlassy_liktj_38`,inputError:`_inputError_liktj_56`,calendarIconButton:`_calendarIconButton_liktj_60`,icon:`_icon_liktj_88`,errorMessage:`_errorMessage_liktj_97`,errorMessageHidden:`_errorMessageHidden_liktj_104`};function y({label:e,name:r,id:i,value:a=null,maxDate:o,minDate:s,error:c,variant:l=`default`,className:u,ref:d,onDateChange:f,onBlur:p,disabled:m,...h}){let g=i??r,_=(0,n.useRef)(null),y=o??new Date;function C(e){_.current=e,typeof d==`function`?d(e):d&&(d.current=e)}function w(e){let t=e.target.value;if(!t){f?.(null);return}f?.(x(t))}function T(){m||(_.current?.showPicker?.(),_.current?.focus())}return(0,t.jsxs)(`div`,{className:`inputBlockVertical`,children:[(0,t.jsx)(`label`,{htmlFor:g,className:[`inputLabel`,l===`glassy`?`inputLabelGlassy`:``].filter(Boolean).join(` `),children:e}),(0,t.jsxs)(`div`,{className:v.dateInputWrapper,children:[(0,t.jsx)(`input`,{id:g,name:r,ref:C,type:`date`,value:b(a),max:b(y),min:s?b(s):void 0,disabled:m,onChange:w,onBlur:p,className:[v.inputDateField,l===`glassy`?v.inputDateFieldGlassy:``,c?v.inputError:``,u??``].filter(Boolean).join(` `),"aria-invalid":!!c,"aria-describedby":`${r}-error`,...h}),(0,t.jsx)(`button`,{type:`button`,className:v.calendarIconButton,onClick:T,disabled:m,"aria-label":`Datum auswählen`,tabIndex:-1,children:(0,t.jsx)(S,{})})]}),(0,t.jsx)(`span`,{id:`${r}-error`,className:[v.errorMessage,c?``:v.errorMessageHidden].filter(Boolean).join(` `),children:c||`\xA0`})]})}function b(e){return e?`${e.getFullYear()}-${String(e.getMonth()+1).padStart(2,`0`)}-${String(e.getDate()).padStart(2,`0`)}`:``}function x(e){let[t,n,r]=e.split(`-`).map(Number);return new Date(t,n-1,r)}function S(){return(0,t.jsxs)(`svg`,{className:v.icon,xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,fill:`none`,"aria-hidden":`true`,children:[(0,t.jsx)(`path`,{d:`M8 2V5`}),(0,t.jsx)(`path`,{d:`M16 2V5`}),(0,t.jsx)(`path`,{d:`M3.5 9.09H20.5`}),(0,t.jsx)(`path`,{d:`M21 8.5V17.5C21 20 19.75 21.5 16.75 21.5H7.25C4.25 21.5 3 20 3 17.5V8.5C3 6 4.25 4.5 7.25 4.5H16.75C19.75 4.5 21 6 21 8.5Z`})]})}var C={inputSelectField:`_inputSelectField_1505j_1`,inputSelectFieldGlassy:`_inputSelectFieldGlassy_1505j_12`,inputError:`_inputError_1505j_24`,errorMessage:`_errorMessage_1505j_28`,errorMessageHidden:`_errorMessageHidden_1505j_35`};function w({label:e,name:n,options:r,placeholder:i,error:a,variant:o=`default`,className:s,disabled:c,...l}){return(0,t.jsxs)(`div`,{className:`inputBlockVertical`,children:[(0,t.jsx)(`label`,{htmlFor:n,className:[`inputLabel`,o===`glassy`?`inputLabelGlassy`:``].filter(Boolean).join(` `),children:e}),(0,t.jsxs)(`select`,{id:n,name:n,disabled:c,className:[C.inputSelectField,o===`glassy`?C.inputSelectFieldGlassy:``,a?C.inputError:``,s??``].filter(Boolean).join(` `),"aria-invalid":!!a,"aria-describedby":`${n}-error`,...l,children:[i&&(0,t.jsx)(`option`,{value:``,disabled:!0,children:i}),r.map(e=>(0,t.jsx)(`option`,{value:e.value,children:e.label},e.value))]}),(0,t.jsx)(`span`,{id:`${n}-error`,className:[C.errorMessage,a?``:C.errorMessageHidden].filter(Boolean).join(` `),children:a||`\xA0`})]})}var T={appLink:`_appLink_o2z21_1`,appLinkDefault:`_appLinkDefault_o2z21_19`,appLinkGlassy:`_appLinkGlassy_o2z21_30`,label:`_label_o2z21_38`,icon:`_icon_o2z21_43`,iconLeft:`_iconLeft_o2z21_54`,arrowIcon:`_arrowIcon_o2z21_58`};function E({children:e,href:n,onClick:r,newTab:i=!1,showArrow:a=!0,arrowPosition:o=`right`,variant:s=`default`,className:c,...l}){function u(e){n||e.preventDefault(),r?.(e)}return(0,t.jsxs)(`a`,{href:n??`#`,onClick:u,target:n&&i?`_blank`:void 0,rel:n&&i?`noopener noreferrer`:void 0,className:[T.appLink,s===`glassy`?T.appLinkGlassy:T.appLinkDefault,c??``].filter(Boolean).join(` `),...l,children:[a&&o===`left`&&(0,t.jsx)(`span`,{className:[T.icon,T.iconLeft].join(` `),"aria-hidden":`true`,children:(0,t.jsx)(O,{})}),(0,t.jsx)(`span`,{className:T.label,children:e}),a&&o===`right`&&(0,t.jsx)(`span`,{className:T.icon,"aria-hidden":`true`,children:(0,t.jsx)(D,{})})]})}function D(){return(0,t.jsxs)(`svg`,{className:T.arrowIcon,xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,fill:`none`,"aria-hidden":`true`,children:[(0,t.jsx)(`path`,{d:`M5 12H19`}),(0,t.jsx)(`path`,{d:`M13 6L19 12L13 18`})]})}function O(){return(0,t.jsxs)(`svg`,{className:T.arrowIcon,xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,fill:`none`,"aria-hidden":`true`,children:[(0,t.jsx)(`path`,{d:`M19 12H5`}),(0,t.jsx)(`path`,{d:`M11 6L5 12L11 18`})]})}var k={iconButton:`_iconButton_14rp3_1`,withFrame:`_withFrame_14rp3_17`,withoutFrame:`_withoutFrame_14rp3_24`,glassy:`_glassy_14rp3_57`,active:`_active_14rp3_75`,small:`_small_14rp3_84`,large:`_large_14rp3_90`,icon:`_icon_14rp3_1`,svgIcon:`_svgIcon_14rp3_102`};function A({label:e,icon:n,variant:r=`default`,frame:i=!0,active:a=!1,size:o=`default`,className:s,type:c=`button`,disabled:l,...u}){return(0,t.jsx)(`button`,{type:c,"aria-label":e,title:e,"aria-pressed":a,disabled:l,className:[k.iconButton,i?k.withFrame:k.withoutFrame,r===`glassy`?k.glassy:``,a?k.active:``,o===`small`?k.small:``,o===`large`?k.large:``,s??``].filter(Boolean).join(` `),...u,children:(0,t.jsx)(`span`,{className:k.icon,"aria-hidden":`true`,children:n})})}var j={passwordInputWrapper:`_passwordInputWrapper_1ris8_1`,inputTextField:`_inputTextField_1ris8_6`,inputTextFieldGlassy:`_inputTextFieldGlassy_1ris8_18`,inputError:`_inputError_1ris8_40`,togglePasswordButton:`_togglePasswordButton_1ris8_44`,icon:`_icon_1ris8_76`,errorMessage:`_errorMessage_1ris8_85`,errorMessageHidden:`_errorMessageHidden_1ris8_92`};function M({label:e,name:r,id:i,error:a,variant:o=`default`,className:s,disabled:c,ref:l,autoComplete:u=`current-password`,...d}){let[f,p]=(0,n.useState)(!1),m=i??r;function h(){p(e=>!e)}return(0,t.jsxs)(`div`,{className:`inputBlockVertical`,children:[e&&(0,t.jsx)(`label`,{htmlFor:m,className:[`inputLabel`,o===`glassy`?`inputLabelGlassy`:``].filter(Boolean).join(` `),children:e}),(0,t.jsxs)(`div`,{className:j.passwordInputWrapper,children:[(0,t.jsx)(`input`,{id:m,name:r,ref:l,type:f?`text`:`password`,disabled:c,autoComplete:u,className:[j.inputTextField,o===`glassy`?j.inputTextFieldGlassy:``,a?j.inputError:``,s??``].filter(Boolean).join(` `),"aria-invalid":!!a,"aria-describedby":`${r}-error`,...d}),(0,t.jsx)(`button`,{type:`button`,className:j.togglePasswordButton,onClick:h,disabled:c,"aria-label":f?`Passwort ausblenden`:`Passwort anzeigen`,"aria-pressed":f,children:f?(0,t.jsx)(P,{}):(0,t.jsx)(N,{})})]}),(0,t.jsx)(`span`,{id:`${r}-error`,className:[j.errorMessage,a?``:j.errorMessageHidden].filter(Boolean).join(` `),children:a||`\xA0`})]})}function N(){return(0,t.jsxs)(`svg`,{className:j.icon,xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,fill:`none`,"aria-hidden":`true`,children:[(0,t.jsx)(`path`,{d:`M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z`}),(0,t.jsx)(`circle`,{cx:`12`,cy:`12`,r:`3`})]})}function P(){return(0,t.jsx)(`svg`,{className:j.icon,xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,fill:`none`,"aria-hidden":`true`,children:(0,t.jsx)(`path`,{d:`M17.94 17.94A10.94 10.94 0 0 1 12 20C7 20 2.73 16.11 1 12c.74-1.64 1.82-3.06 3.11-4.24m3.52-2.42A10.94 10.94 0 0 1 12 4c5 0 9.27 3.89 11 8-1.1 2.42-2.91 4.5-5.06 5.94M1 1l22 22`})})}var F={inputWrapper:`_inputWrapper_1qpua_1`,inputTextField:`_inputTextField_1qpua_6`,inputTextFieldGlassy:`_inputTextFieldGlassy_1qpua_18`,inputError:`_inputError_1qpua_48`,loading:`_loading_1qpua_52`,suggestionList:`_suggestionList_1qpua_61`,suggestionItem:`_suggestionItem_1qpua_78`,locality:`_locality_1qpua_98`,emptyState:`_emptyState_1qpua_102`,successMessage:`_successMessage_1qpua_113`,errorMessage:`_errorMessage_1qpua_119`,errorMessageHidden:`_errorMessageHidden_1qpua_127`};function I({label:e,name:r,id:i,error:a,variant:o=`default`,className:s,disabled:c,placeholder:l=`z.B. 8001 oder Zürich`,ref:u,onChange:d,onBlur:f,onValueChange:p,onSuggestionSelect:m,...h}){let g=(0,n.useId)(),_=i??`${r}-${g}`,v=(0,n.useRef)(null),y=(0,n.useRef)(!1),[b,x]=(0,n.useState)(``),[S,C]=(0,n.useState)([]),[w,T]=(0,n.useState)(!1),[E,D]=(0,n.useState)(!1),O=b.trim().match(/^(\d+)\s+(.+)$/),k=!!O,A=O?.[1],j=O?.[2],M=k&&S.some(e=>e.postalCode===A&&e.locality===j),N=/^\d+$/.test(b.trim()),P=b.trim().length>=4&&N&&!w,I=P&&S.some(e=>e.postalCode===b.trim()),L=P&&!I,R=a??(L?`Diese Schweizer Postleitzahl wurde nicht gefunden.`:void 0);E&&b.trim().length>=4&&S.length,(0,n.useEffect)(()=>{let e=b.trim();if(e.length<2){C([]),D(!1);return}if(y.current){y.current=!1;return}let t=new AbortController;async function n(){T(!0);try{let n=e.match(/^(\d+)\s/),r=n?n[1]:e,i=/^\d+$/.test(r)?`https://openplzapi.org/ch/Localities?postalCode=${r}`:`https://openplzapi.org/ch/Localities?locality=${encodeURIComponent(r)}`,a=await fetch(i,{signal:t.signal});if(!a.ok)throw Error(`Postal-Code-Suche fehlgeschlagen`);let o=await a.json();C(Array.from(new Map(o.map(e=>{let t=`${e.postalCode} ${e.name}`;return[t,{label:t,postalCode:e.postalCode,locality:e.name}]})).values()).slice(0,10)),D(!0)}catch(e){if(t.signal.aborted)return;console.error(e),C([]),D(!0)}finally{t.signal.aborted||T(!1)}}let r=window.setTimeout(n,300);return()=>{window.clearTimeout(r),t.abort()}},[b]);function z(e){v.current=e,typeof u==`function`?u(e):u&&(u.current=e)}function B(e){let t=e.target.value;x(t),p?.(t),d?.(e)}function V(e){y.current=!0,x(e.label),C([]),D(!1),p?.(e.label),m?.(e),v.current&&(v.current.value=e.label,v.current.dispatchEvent(new Event(`input`,{bubbles:!0})))}return(0,t.jsxs)(`div`,{className:`inputBlockVertical`,children:[(0,t.jsx)(`label`,{htmlFor:_,className:[`inputLabel`,o===`glassy`?`inputLabelGlassy`:``].filter(Boolean).join(` `),children:e}),(0,t.jsxs)(`div`,{className:F.inputWrapper,children:[(0,t.jsx)(`input`,{id:_,name:r,ref:z,type:`text`,inputMode:`search`,autoComplete:`postal-code`,disabled:c,placeholder:l,value:b,onChange:B,onBlur:f,className:[F.inputTextField,o===`glassy`?F.inputTextFieldGlassy:``,I||M?F.inputValid:``,L||a?F.inputError:``,s??``].filter(Boolean).join(` `),"aria-invalid":!!R,"aria-describedby":`${r}-error`,...h}),w&&(0,t.jsx)(`span`,{className:F.loading,children:`Lädt…`}),S.length>0&&(0,t.jsx)(`ul`,{className:F.suggestionList,children:S.map(e=>(0,t.jsx)(`li`,{children:(0,t.jsxs)(`button`,{type:`button`,className:F.suggestionItem,onMouseDown:e=>e.preventDefault(),onClick:()=>V(e),children:[(0,t.jsx)(`span`,{children:e.postalCode}),(0,t.jsx)(`span`,{className:F.locality,children:e.locality})]})},e.label))}),E&&b.trim().length>=2&&S.length===0&&!w&&!M&&!L&&(0,t.jsx)(`div`,{className:F.emptyState,children:`Keine Schweizer PLZ oder Ortschaft gefunden.`})]}),I&&(0,t.jsx)(`span`,{className:F.successMessage,children:`Gültige Schweizer Postleitzahl`}),M&&(0,t.jsx)(`span`,{className:F.successMessage,children:`Gültige Schweizer Postleitzahl`}),(0,t.jsx)(`span`,{id:`${r}-error`,className:[F.errorMessage,R?``:F.errorMessageHidden].filter(Boolean).join(` `),children:R||`\xA0`})]})}var L={radioGroup:`_radioGroup_1yjda_5`,optionGroup:`_optionGroup_1yjda_16`,optionWrapper:`_optionWrapper_1yjda_23`,optionWrapperDisabled:`_optionWrapperDisabled_1yjda_29`,optionButton:`_optionButton_1yjda_33`,radioInput:`_radioInput_1yjda_37`,errorMessage:`_errorMessage_1yjda_47`,errorMessageHidden:`_errorMessageHidden_1yjda_55`,optionTitle:`_optionTitle_1yjda_95`,optionDescription:`_optionDescription_1yjda_112`,optionButtonDefault:`_optionButtonDefault_1yjda_120`,optionButtonGlassy:`_optionButtonGlassy_1yjda_148`,optionButtonError:`_optionButtonError_1yjda_174`};function R({label:e,name:n,options:r,error:i,variant:a=`default`,disabled:o,value:s,defaultValue:c,onChange:l,...u}){let d=s!==void 0;return(0,t.jsx)(`div`,{className:`inputBlockVertical`,children:(0,t.jsxs)(`fieldset`,{className:[L.radioGroup].filter(Boolean).join(` `),"aria-invalid":!!i,"aria-describedby":`${n}-error`,children:[e&&(0,t.jsx)(`label`,{htmlFor:n,className:[L.inputLabel,a===`glassy`?`--form-input-glassy-text-label`:`--form-input-default-text-label`].filter(Boolean).join(` `),children:e}),(0,t.jsx)(`div`,{className:L.optionGroup,children:r.map(e=>{let r=d?{checked:s===e.value}:{defaultChecked:c===e.value};return(0,t.jsxs)(`label`,{className:[L.optionWrapper,o?L.optionWrapperDisabled:``].filter(Boolean).join(` `),children:[(0,t.jsx)(`input`,{type:`radio`,name:n,value:e.value,disabled:o,className:L.radioInput,onChange:l,...r,...u}),(0,t.jsxs)(`span`,{className:[L.optionButton,a===`glassy`?L.optionButtonGlassy:L.optionButtonDefault,i?L.optionButtonError:``].filter(Boolean).join(` `),children:[(0,t.jsx)(`span`,{className:L.optionTitle,children:e.label}),e.description&&(0,t.jsx)(`span`,{className:L.optionDescription,children:e.description})]})]},e.value)})}),(0,t.jsx)(`span`,{id:`${n}-error`,className:[L.errorMessage,i?``:L.errorMessageHidden].filter(Boolean).join(` `),children:i||`\xA0`})]})})}var z={switchWrapper:`_switchWrapper_1dr6p_1`,switchCheckbox:`_switchCheckbox_1dr6p_5`,switchLabel:`_switchLabel_1dr6p_13`,switchLabelDefault:`_switchLabelDefault_1dr6p_23`,switchLabelGlassy:`_switchLabelGlassy_1dr6p_27`,switchBackground:`_switchBackground_1dr6p_36`,switchBackgroundDefault:`_switchBackgroundDefault_1dr6p_55`,switchBackgroundGlassy:`_switchBackgroundGlassy_1dr6p_65`,switchButton:`_switchButton_1dr6p_76`,iconChecked:`_iconChecked_1dr6p_162`,iconUnchecked:`_iconUnchecked_1dr6p_163`,switchText:`_switchText_1dr6p_199`,errorMessage:`_errorMessage_1dr6p_207`,errorMessageHidden:`_errorMessageHidden_1dr6p_214`};function B({name:e,id:n,label:r,error:i,variant:a=`default`,className:o,disabled:s,...c}){let l=n??`${e}-switch`;return(0,t.jsx)(`div`,{className:`inputBlockHorizontal`,children:(0,t.jsxs)(`div`,{className:[z.switchWrapper,o??``].filter(Boolean).join(` `),children:[(0,t.jsx)(`input`,{id:l,name:e,type:`checkbox`,disabled:s,className:z.switchCheckbox,"aria-invalid":!!i,"aria-describedby":`${e}-error`,...c}),(0,t.jsxs)(`label`,{htmlFor:l,className:[z.switchLabel,a===`glassy`?z.switchLabelGlassy:z.switchLabelDefault].filter(Boolean).join(` `),children:[r&&(0,t.jsx)(`span`,{className:z.switchText,children:r}),(0,t.jsx)(`span`,{className:[z.switchBackground,a===`glassy`?z.switchBackgroundGlassy:z.switchBackgroundDefault].filter(Boolean).join(` `),children:(0,t.jsxs)(`span`,{className:z.switchButton,"aria-hidden":`true`,children:[(0,t.jsx)(`span`,{className:z.iconChecked,children:(0,t.jsx)(V,{})}),(0,t.jsx)(`span`,{className:z.iconUnchecked,children:(0,t.jsx)(H,{})})]})})]}),(0,t.jsx)(`span`,{id:`${e}-error`,className:[z.errorMessage,i?``:z.errorMessageHidden].filter(Boolean).join(` `),children:i||`\xA0`})]})})}function V(){return(0,t.jsx)(`svg`,{width:`16`,height:`16`,viewBox:`0 0 12 12`,fill:`none`,"aria-hidden":`true`,children:(0,t.jsx)(`path`,{d:`M3 6.5L5.5 9L9 3`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`})})}function H(){return(0,t.jsx)(`svg`,{width:`16`,height:`16`,viewBox:`0 0 12 12`,fill:`none`,"aria-hidden":`true`,children:(0,t.jsx)(`path`,{d:`M3 3L9 9M9 3L3 9`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`})})}var U={inputLabel:`_inputLabel_1hmxe_1`,inputTextField:`_inputTextField_1hmxe_5`,inputTextFieldGlassy:`_inputTextFieldGlassy_1hmxe_22`,inputError:`_inputError_1hmxe_44`,errorMessage:`_errorMessage_1hmxe_48`,errorMessageHidden:`_errorMessageHidden_1hmxe_55`};function W({label:e,name:n,error:r,placeholder:i,variant:a=`default`,className:o,ref:s,...c}){return(0,t.jsxs)(`div`,{className:`inputBlockVertical`,children:[(0,t.jsx)(`label`,{htmlFor:n,className:[U.inputLabel,a===`glassy`?`inputLabelGlassy`:``].filter(Boolean).join(` `),children:e}),(0,t.jsx)(`input`,{id:n,name:n,ref:s,placeholder:i,className:[U.inputTextField,a===`glassy`?U.inputTextFieldGlassy:``,r?U.inputError:``,o??``].filter(Boolean).join(` `),"aria-invalid":!!r,"aria-describedby":`${n}-error`,...c}),(0,t.jsx)(`span`,{id:`${n}-error`,className:[U.errorMessage,r?``:U.errorMessageHidden].filter(Boolean).join(` `),children:r||`\xA0`})]})}var G={wrapper:`_wrapper_1get6_1`,label:`_label_1get6_7`,labelGlassy:`_labelGlassy_1get6_13`,dropzone:`_dropzone_1get6_17`,dropzoneGlassy:`_dropzoneGlassy_1get6_32`,dragOver:`_dragOver_1get6_39`,errorState:`_errorState_1get6_48`,disabled:`_disabled_1get6_52`,hiddenInput:`_hiddenInput_1get6_57`,dropzoneContent:`_dropzoneContent_1get6_65`,placeholder:`_placeholder_1get6_74`,big:`_big_1get6_80`,small:`_small_1get6_86`,hint:`_hint_1get6_91`,selected:`_selected_1get6_111`,preview:`_preview_1get6_118`,fileMeta:`_fileMeta_1get6_127`,fileName:`_fileName_1get6_134`,fileSize:`_fileSize_1get6_142`,remove:`_remove_1get6_156`,errorMessage:`_errorMessage_1get6_198`,errorMessageHidden:`_errorMessageHidden_1get6_206`};function K({label:e,name:r,id:i,file:a,error:o,variant:s=`default`,accept:c=`image/*`,maxSizeBytes:l=5*1024*1024,disabled:u,className:d,onChange:f,onFileChange:p,...m}){let h=(0,n.useId)(),g=i??`${r}-${h}`,[_,v]=(0,n.useState)(!1),[y,b]=(0,n.useState)(a??null),x=a!==void 0,S=x?a:y,C=(0,n.useMemo)(()=>!S||!S.type.startsWith(`image/`)?null:URL.createObjectURL(S),[S]);(0,n.useEffect)(()=>{x&&b(a??null)},[a,x]),(0,n.useEffect)(()=>()=>{C&&URL.revokeObjectURL(C)},[C]);function w(e){return!e||(c===`image/*`||c.startsWith(`image/`))&&!e.type.startsWith(`image/`)||l&&e.size>l?null:e}function T(e){let t=w(e);x||b(t),p?.(t)}function E(e){T(e.target.files?.[0]??null),f?.(e)}function D(e){e.preventDefault(),e.stopPropagation(),u||v(!0)}function O(e){e.preventDefault(),e.stopPropagation(),!e.currentTarget.contains(e.relatedTarget)&&v(!1)}function k(e){e.preventDefault(),e.stopPropagation(),v(!1),!u&&T(e.dataTransfer.files?.[0]??null)}function A(){x||b(null),p?.(null)}let j=Math.round(l/(1024*1024));return(0,t.jsxs)(`div`,{className:[G.wrapper,d??``].filter(Boolean).join(` `),children:[(0,t.jsx)(`label`,{className:[G.label,s===`glassy`?G.labelGlassy:``].filter(Boolean).join(` `),htmlFor:g,children:e}),(0,t.jsxs)(`div`,{className:[G.dropzone,s===`glassy`?G.dropzoneGlassy:``,_?G.dragOver:``,o?G.errorState:``,u?G.disabled:``].filter(Boolean).join(` `),onDragOver:D,onDragLeave:O,onDrop:k,children:[(0,t.jsx)(`input`,{id:g,name:r,className:G.hiddenInput,type:`file`,accept:c,disabled:u,onChange:E,"aria-invalid":!!o,"aria-describedby":`${r}-error`,...m}),(0,t.jsx)(`label`,{htmlFor:g,className:G.dropzoneContent,children:S?(0,t.jsxs)(`span`,{className:G.selected,children:[C&&(0,t.jsx)(`img`,{className:G.preview,src:C,alt:`Vorschau von ${S.name}`}),(0,t.jsxs)(`span`,{className:G.fileMeta,children:[(0,t.jsx)(`span`,{className:G.fileName,children:S.name}),(0,t.jsxs)(`span`,{className:G.fileSize,children:[(S.size/1024).toFixed(0),` KB ·`,` `,S.type||`unknown`]})]})]}):(0,t.jsxs)(`span`,{className:G.placeholder,children:[(0,t.jsx)(`span`,{className:G.big,children:`Datei hier reinziehen`}),(0,t.jsx)(`span`,{className:G.small,children:`…oder klicken, um auszuwählen`}),(0,t.jsxs)(`span`,{className:G.hint,children:[`Erlaubt: `,c,` · max. `,j,` MB`]})]})}),S&&(0,t.jsx)(`button`,{type:`button`,className:G.remove,onClick:A,disabled:u,children:`Entfernen`})]}),(0,t.jsx)(`span`,{id:`${r}-error`,className:[G.errorMessage,o?``:G.errorMessageHidden].filter(Boolean).join(` `),children:o||`\xA0`})]})}e.Accordion=d,e.BannerHero=s,e.Button=i,e.Checkbox=h,e.Chip=_,e.DatePicker=y,e.Dropdown=w,e.IconButton=A,e.Link=E,e.Password=M,e.PostalCode=I,e.RadioButton=R,e.Switch=B,e.TextField=W,e.TileAccordion=p,e.Upload=K});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "suus-component-library",
-  "version": "0.1.30",
+  "version": "0.1.32",
   "type": "module",
   "main": "./dist/suus-component-library.umd.cjs",
   "module": "./dist/suus-component-library.js",
@@ -32,18 +32,18 @@
   },
   "devDependencies": {
     "@eslint/js": "^10.0.1",
-    "@storybook/addon-docs": "^10.4.1",
-    "@storybook/react-vite": "^10.3.6",
+    "@storybook/addon-docs": "^10.5.6",
+    "@storybook/react-vite": "^10.5.6",
     "@types/react": "latest",
     "@types/react-dom": "latest",
     "@vitejs/plugin-react": "latest",
     "eslint-plugin-react-hooks": "^7.1.1",
     "eslint-plugin-react-refresh": "^0.5.2",
-    "eslint-plugin-storybook": "^10.3.6",
+    "eslint-plugin-storybook": "^10.5.6",
     "globals": "^17.6.0",
     "react": "latest",
     "react-dom": "latest",
-    "storybook": "^10.3.6",
+    "storybook": "^10.5.6",
     "typescript": "latest",
     "typescript-eslint": "^8.59.2",
     "vite": "latest",