suus-component-library 0.1.35 → 0.1.37

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

@@ -1,5 +1,5 @@
-(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require(`react/jsx-runtime`),require(`react`)):typeof define==`function`&&define.amd?define([`exports`,`react/jsx-runtime`,`react`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e[`SUUS Component Library`]={},e.jsxRuntime,e.React))})(this,function(e,t,n){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var r={suusButton:`_suusButton_1ucmz_1`,icon:`_icon_1ucmz_45`,label:`_label_1ucmz_62`,primary:`_primary_1ucmz_69`,secondary:`_secondary_1ucmz_113`,loading:`_loading_1ucmz_169`,loader:`_loader_1ucmz_173`,"btn-spin":`_btn-spin_1ucmz_1`,loaderSecondary:`_loaderSecondary_1ucmz_182`};function i({label:e,onClick:n,type:i=`button`,disabled:a=!1,loading:o=!1,variant:s=`primary`,colorToken:c=`--color-juice-sugarcane`,icon:l,...u}){return(0,t.jsx)(`button`,{type:i,onClick:n,disabled:a||o,style:{"--button-background-color":`var(${c})`},className:[r.suusButton,r[s],o?r.loading:``].filter(Boolean).join(` `),"aria-busy":o,...u,children:o?(0,t.jsx)(`span`,{className:`${r.loader} ${s===`primary`?``:r.loaderSecondary}`,"aria-hidden":`true`}):(0,t.jsxs)(t.Fragment,{children:[l?(0,t.jsx)(`span`,{className:r.icon,children:l}):null,(0,t.jsx)(`span`,{className:r.label,children:e})]})})}var a=`data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 800'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0%25' stop-color='%23e8f3ec'/%3E%3Cstop offset='100%25' stop-color='%23d7e6dc'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='1600' height='800' fill='url(%23g)'/%3E%3C/svg%3E`,o=e=>e===`--color-juice-sugarcane`||e===`--color-juice-tamarind`||e===`--color-juice-guarana`||e===`--color-juice-icetea`;function s({title:e,description:r,colorToken:s,imageBackgroundDesktop:c,imageBackgroundTablet:l,imageBackgroundMobile:u,fallbackImageSrc:d,labelButtonPrimary:f,actionButtonPrimary:p,labelButtonSecondary:m,actionButtonSecondary:h,gradientOverlay:g=!1}){let[_,v]=(0,n.useState)(null),y=c?.trim(),b=l?.trim(),x=u?.trim(),S=d?.trim()||a,C=[y,b,x].filter(Boolean).join(`|`),w=!!y&&_!==C,T=o(s)?s:void 0,E=w?[x?`${x} 900w`:``,b?`${b} 1600w`:``,`${y} 2400w`].filter(Boolean).join(`, `):void 0;return(0,t.jsx)(`div`,{className:`content-child-max banner-hero`,children:(0,t.jsxs)(`div`,{className:`hero__container`,children:[(0,t.jsx)(`img`,{src:w?y:S,srcSet:E,sizes:E?`100vw`:void 0,className:`image-banner`,alt:`background`,onError:w?()=>v(C):void 0}),g&&(0,t.jsx)(`div`,{className:`hero__gradient-overlay`,"aria-hidden":`true`}),(0,t.jsxs)(`div`,{className:`hero__content`,style:s?{color:`var(${s})`}:void 0,children:[e&&e.split(`
-`).map((n,r)=>(0,t.jsxs)(`span`,{className:`banner--title ${s||``}`,"data-testid":`bannerHeroTitle`,children:[n,r<e.split(`
+(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require(`react/jsx-runtime`),require(`react`)):typeof define==`function`&&define.amd?define([`exports`,`react/jsx-runtime`,`react`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e[`SUUS Component Library`]={},e.jsxRuntime,e.React))})(this,function(e,t,n){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var r=Object.create,i=Object.defineProperty,a=Object.getOwnPropertyDescriptor,o=Object.getOwnPropertyNames,s=Object.getPrototypeOf,c=Object.prototype.hasOwnProperty,l=(e,t,n,r)=>{if(t&&typeof t==`object`||typeof t==`function`)for(var s=o(t),l=0,u=s.length,d;l<u;l++)d=s[l],!c.call(e,d)&&d!==n&&i(e,d,{get:(e=>t[e]).bind(null,d),enumerable:!(r=a(t,d))||r.enumerable});return e};n=((e,t,n)=>(n=e==null?{}:r(s(e)),l(t||!e||!e.__esModule?i(n,`default`,{value:e,enumerable:!0}):n,e)))(n,1);var u={suusButton:`_suusButton_1ucmz_1`,icon:`_icon_1ucmz_45`,label:`_label_1ucmz_62`,primary:`_primary_1ucmz_69`,secondary:`_secondary_1ucmz_113`,loading:`_loading_1ucmz_169`,loader:`_loader_1ucmz_173`,"btn-spin":`_btn-spin_1ucmz_1`,loaderSecondary:`_loaderSecondary_1ucmz_182`};function d({label:e,onClick:n,type:r=`button`,disabled:i=!1,loading:a=!1,variant:o=`primary`,colorToken:s=`--color-juice-sugarcane`,icon:c,...l}){return(0,t.jsx)(`button`,{type:r,onClick:n,disabled:i||a,style:{"--button-background-color":`var(${s})`},className:[u.suusButton,u[o],a?u.loading:``].filter(Boolean).join(` `),"aria-busy":a,...l,children:a?(0,t.jsx)(`span`,{className:`${u.loader} ${o===`primary`?``:u.loaderSecondary}`,"aria-hidden":`true`}):(0,t.jsxs)(t.Fragment,{children:[c?(0,t.jsx)(`span`,{className:u.icon,children:c}):null,(0,t.jsx)(`span`,{className:u.label,children:e})]})})}var f=`data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 800'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0%25' stop-color='%23e8f3ec'/%3E%3Cstop offset='100%25' stop-color='%23d7e6dc'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='1600' height='800' fill='url(%23g)'/%3E%3C/svg%3E`,p=e=>e===`--color-juice-sugarcane`||e===`--color-juice-tamarind`||e===`--color-juice-guarana`||e===`--color-juice-icetea`;function m({title:e,description:r,colorToken:i,imageBackgroundDesktop:a,imageBackgroundTablet:o,imageBackgroundMobile:s,fallbackImageSrc:c,labelButtonPrimary:l,actionButtonPrimary:u,labelButtonSecondary:m,actionButtonSecondary:h,gradientOverlay:g=!1}){let[_,v]=(0,n.useState)(null),y=a?.trim(),b=o?.trim(),x=s?.trim(),S=c?.trim()||f,C=[y,b,x].filter(Boolean).join(`|`),w=!!y&&_!==C,T=p(i)?i:void 0,E=w?[x?`${x} 900w`:``,b?`${b} 1600w`:``,`${y} 2400w`].filter(Boolean).join(`, `):void 0;return(0,t.jsx)(`div`,{className:`content-child-max banner-hero`,children:(0,t.jsxs)(`div`,{className:`hero__container`,children:[(0,t.jsx)(`img`,{src:w?y:S,srcSet:E,sizes:E?`100vw`:void 0,className:`image-banner`,alt:`background`,onError:w?()=>v(C):void 0}),g&&(0,t.jsx)(`div`,{className:`hero__gradient-overlay`,"aria-hidden":`true`}),(0,t.jsxs)(`div`,{className:`hero__content`,style:i?{color:`var(${i})`}:void 0,children:[e&&e.split(`
+`).map((n,r)=>(0,t.jsxs)(`span`,{className:`banner--title ${i||``}`,"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=(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={icon:`_icon_1pk0b_1`,badge:`_badge_1pk0b_6`,badgeLarge:`_badgeLarge_1pk0b_25`};function M({icon:e,badgeCount:n,size:r=32,badgeColor:i=`green`}){let a=r>=48,o=n!==void 0&&n>99?`99+`:n;return(0,t.jsxs)(`div`,{className:`relative inline-block ${j.icon}`,style:{width:r,height:r},children:[e,n!==void 0&&n>0&&(0,t.jsx)(`span`,{className:`${j.badge} ${a?j.badgeLarge:``}`,style:{backgroundColor:i},children:o})]})}var N={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 P({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:N.passwordInputWrapper,children:[(0,t.jsx)(`input`,{id:m,name:r,ref:l,type:f?`text`:`password`,disabled:c,autoComplete:u,className:[N.inputTextField,o===`glassy`?N.inputTextFieldGlassy:``,a?N.inputError:``,s??``].filter(Boolean).join(` `),"aria-invalid":!!a,"aria-describedby":`${r}-error`,...d}),(0,t.jsx)(`button`,{type:`button`,className:N.togglePasswordButton,onClick:h,disabled:c,"aria-label":f?`Passwort ausblenden`:`Passwort anzeigen`,"aria-pressed":f,children:f?(0,t.jsx)(I,{}):(0,t.jsx)(F,{})})]}),(0,t.jsx)(`span`,{id:`${r}-error`,className:[N.errorMessage,a?``:N.errorMessageHidden].filter(Boolean).join(` `),children:a||`\xA0`})]})}function F(){return(0,t.jsxs)(`svg`,{className:N.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 I(){return(0,t.jsx)(`svg`,{className:N.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 L={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 R({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,F=P&&S.some(e=>e.postalCode===b.trim()),I=P&&!F,R=a??(I?`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:L.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:[L.inputTextField,o===`glassy`?L.inputTextFieldGlassy:``,F||M?L.inputValid:``,I||a?L.inputError:``,s??``].filter(Boolean).join(` `),"aria-invalid":!!R,"aria-describedby":`${r}-error`,...h}),w&&(0,t.jsx)(`span`,{className:L.loading,children:`Lädt…`}),S.length>0&&(0,t.jsx)(`ul`,{className:L.suggestionList,children:S.map(e=>(0,t.jsx)(`li`,{children:(0,t.jsxs)(`button`,{type:`button`,className:L.suggestionItem,onMouseDown:e=>e.preventDefault(),onClick:()=>V(e),children:[(0,t.jsx)(`span`,{children:e.postalCode}),(0,t.jsx)(`span`,{className:L.locality,children:e.locality})]})},e.label))}),E&&b.trim().length>=2&&S.length===0&&!w&&!M&&!I&&(0,t.jsx)(`div`,{className:L.emptyState,children:`Keine Schweizer PLZ oder Ortschaft gefunden.`})]}),F&&(0,t.jsx)(`span`,{className:L.successMessage,children:`Gültige Schweizer Postleitzahl`}),M&&(0,t.jsx)(`span`,{className:L.successMessage,children:`Gültige Schweizer Postleitzahl`}),(0,t.jsx)(`span`,{id:`${r}-error`,className:[L.errorMessage,R?``:L.errorMessageHidden].filter(Boolean).join(` `),children:R||`\xA0`})]})}var z={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 B({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:[z.radioGroup].filter(Boolean).join(` `),"aria-invalid":!!i,"aria-describedby":`${n}-error`,children:[e&&(0,t.jsx)(`label`,{htmlFor:n,className:[z.inputLabel,a===`glassy`?`--form-input-glassy-text-label`:`--form-input-default-text-label`].filter(Boolean).join(` `),children:e}),(0,t.jsx)(`div`,{className:z.optionGroup,children:r.map(e=>{let r=d?{checked:s===e.value}:{defaultChecked:c===e.value};return(0,t.jsxs)(`label`,{className:[z.optionWrapper,o?z.optionWrapperDisabled:``].filter(Boolean).join(` `),children:[(0,t.jsx)(`input`,{type:`radio`,name:n,value:e.value,disabled:o,className:z.radioInput,onChange:l,...r,...u}),(0,t.jsxs)(`span`,{className:[z.optionButton,a===`glassy`?z.optionButtonGlassy:z.optionButtonDefault,i?z.optionButtonError:``].filter(Boolean).join(` `),children:[(0,t.jsx)(`span`,{className:z.optionTitle,children:e.label}),e.description&&(0,t.jsx)(`span`,{className:z.optionDescription,children:e.description})]})]},e.value)})}),(0,t.jsx)(`span`,{id:`${n}-error`,className:[z.errorMessage,i?``:z.errorMessageHidden].filter(Boolean).join(` `),children:i||`\xA0`})]})})}var V={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 H({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:[V.switchWrapper,o??``].filter(Boolean).join(` `),children:[(0,t.jsx)(`input`,{id:l,name:e,type:`checkbox`,disabled:s,className:V.switchCheckbox,"aria-invalid":!!i,"aria-describedby":`${e}-error`,...c}),(0,t.jsxs)(`label`,{htmlFor:l,className:[V.switchLabel,a===`glassy`?V.switchLabelGlassy:V.switchLabelDefault].filter(Boolean).join(` `),children:[r&&(0,t.jsx)(`span`,{className:V.switchText,children:r}),(0,t.jsx)(`span`,{className:[V.switchBackground,a===`glassy`?V.switchBackgroundGlassy:V.switchBackgroundDefault].filter(Boolean).join(` `),children:(0,t.jsxs)(`span`,{className:V.switchButton,"aria-hidden":`true`,children:[(0,t.jsx)(`span`,{className:V.iconChecked,children:(0,t.jsx)(U,{})}),(0,t.jsx)(`span`,{className:V.iconUnchecked,children:(0,t.jsx)(W,{})})]})})]}),(0,t.jsx)(`span`,{id:`${e}-error`,className:[V.errorMessage,i?``:V.errorMessageHidden].filter(Boolean).join(` `),children:i||`\xA0`})]})})}function U(){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 W(){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 G={snackbar:`_snackbar_o1awg_1`,"snackbar--success":`_snackbar--success_o1awg_13`,"snackbar--info":`_snackbar--info_o1awg_17`,"snackbar--warning":`_snackbar--warning_o1awg_21`,"snackbar--error":`_snackbar--error_o1awg_25`};function K({message:e,isOpen:r,onClose:i,duration:a=5e3,type:o=`info`}){return(0,n.useEffect)(()=>{if(r){let e=setTimeout(()=>{i()},a);return()=>clearTimeout(e)}},[r,a,i]),r?(0,t.jsx)(`div`,{className:`${G.snackbar} ${G[`snackbar--${o}`]}`,children:e}):null}var q={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 J({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:[q.inputLabel,a===`glassy`?`inputLabelGlassy`:``].filter(Boolean).join(` `),children:e}),(0,t.jsx)(`input`,{id:n,name:n,ref:s,placeholder:i,className:[q.inputTextField,a===`glassy`?q.inputTextFieldGlassy:``,r?q.inputError:``,o??``].filter(Boolean).join(` `),"aria-invalid":!!r,"aria-describedby":`${n}-error`,...c}),(0,t.jsx)(`span`,{id:`${n}-error`,className:[q.errorMessage,r?``:q.errorMessageHidden].filter(Boolean).join(` `),children:r||`\xA0`})]})}var Y={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 X({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:[Y.wrapper,d??``].filter(Boolean).join(` `),children:[(0,t.jsx)(`label`,{className:[Y.label,s===`glassy`?Y.labelGlassy:``].filter(Boolean).join(` `),htmlFor:g,children:e}),(0,t.jsxs)(`div`,{className:[Y.dropzone,s===`glassy`?Y.dropzoneGlassy:``,_?Y.dragOver:``,o?Y.errorState:``,u?Y.disabled:``].filter(Boolean).join(` `),onDragOver:D,onDragLeave:O,onDrop:k,children:[(0,t.jsx)(`input`,{id:g,name:r,className:Y.hiddenInput,type:`file`,accept:c,disabled:u,onChange:E,"aria-invalid":!!o,"aria-describedby":`${r}-error`,...m}),(0,t.jsx)(`label`,{htmlFor:g,className:Y.dropzoneContent,children:S?(0,t.jsxs)(`span`,{className:Y.selected,children:[C&&(0,t.jsx)(`img`,{className:Y.preview,src:C,alt:`Vorschau von ${S.name}`}),(0,t.jsxs)(`span`,{className:Y.fileMeta,children:[(0,t.jsx)(`span`,{className:Y.fileName,children:S.name}),(0,t.jsxs)(`span`,{className:Y.fileSize,children:[(S.size/1024).toFixed(0),` KB ·`,` `,S.type||`unknown`]})]})]}):(0,t.jsxs)(`span`,{className:Y.placeholder,children:[(0,t.jsx)(`span`,{className:Y.big,children:`Datei hier reinziehen`}),(0,t.jsx)(`span`,{className:Y.small,children:`…oder klicken, um auszuwählen`}),(0,t.jsxs)(`span`,{className:Y.hint,children:[`Erlaubt: `,c,` · max. `,j,` MB`]})]})}),S&&(0,t.jsx)(`button`,{type:`button`,className:Y.remove,onClick:A,disabled:u,children:`Entfernen`})]}),(0,t.jsx)(`span`,{id:`${r}-error`,className:[Y.errorMessage,o?``:Y.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.Icon=M,e.IconButton=A,e.Link=E,e.Password=P,e.PostalCode=R,e.RadioButton=B,e.Snackbar=K,e.Switch=H,e.TextField=J,e.TileAccordion=p,e.Upload=X});
+`).length-1&&(0,t.jsx)(`br`,{})]},n))}),(0,t.jsxs)(`div`,{className:`banner-hero-buttonbar`,children:[l&&(0,t.jsx)(d,{label:l,variant:`primary`,colorToken:T,onClick:u}),m&&(0,t.jsx)(d,{label:m,variant:`secondary`,onClick:h})]})]})]})})}var h=(0,n.createContext)(null),g={accordion:`_accordion_h1kjy_1`,glassy:`_glassy_h1kjy_9`};function _(e,t=!1){let n=Array.from(new Set((e??[]).filter(Boolean)));return t?n:n.slice(0,1)}function v({children:e,variant:r=`default`,allowMultipleOpen:i=!1,defaultOpenItems:a,openItems:o,onOpenItemsChange:s,className:c}){let[l,u]=(0,n.useState)(()=>_(a,i)),d=o!==void 0,f=_(d?o:l,i),p=(0,n.useMemo)(()=>new Set(f),[f]),m=(0,n.useCallback)(e=>{let t=p.has(e),n;n=t?f.filter(t=>t!==e):i?[...f,e]:[e],d||u(n),s?.(n)},[i,f,d,s,p]),v=(0,n.useMemo)(()=>({variant:r,isOpen:e=>p.has(e),toggle:m}),[p,m,r]);return(0,t.jsx)(`div`,{className:[g.accordion,r===`glassy`?g.glassy:``,c??``].filter(Boolean).join(` `),children:(0,t.jsx)(h.Provider,{value:v,children:e})})}var y={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 b({itemId:e,label:r,icon:i,children:a,variant:o,defaultOpen:s=!1,className:c,disabled:l,onClick:u,...d}){let f=(0,n.useContext)(h),p=(0,n.useId)(),m=e??p,[g,_]=(0,n.useState)(s),v=o??f?.variant??`default`,b=f?f.isOpen(m):g,x=`${m}-trigger`,S=`${m}-content`;function C(e){l||(f?f.toggle(m):_(e=>!e)),u?.(e)}return(0,t.jsxs)(`div`,{className:[y.tile,v===`glassy`?y.tileGlassy:y.tileDefault,b?y.tileOpen:``,c??``].filter(Boolean).join(` `),children:[(0,t.jsxs)(`button`,{type:`button`,id:x,className:[y.trigger,v===`glassy`?y.triggerGlassy:y.triggerDefault].filter(Boolean).join(` `),onClick:C,"aria-expanded":b,"aria-controls":S,disabled:l,...d,children:[(0,t.jsxs)(`span`,{className:y.labelGroup,children:[i?(0,t.jsx)(`span`,{className:y.icon,children:i}):null,(0,t.jsx)(`span`,{className:y.label,children:r})]}),(0,t.jsx)(`span`,{className:y.indicator,"aria-hidden":`true`,children:b?`-`:`+`})]}),b?(0,t.jsx)(`div`,{id:S,role:`region`,"aria-labelledby":x,className:[y.content,v===`glassy`?y.contentGlassy:y.contentDefault].filter(Boolean).join(` `),children:a}):null]})}var x={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 S({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:[x.checkboxWrapper,a===`glassy`?x.checkboxWrapperGlassy:``,i?x.checkboxWrapperError:``,s?x.checkboxWrapperDisabled:``,o??``].filter(Boolean).join(` `),children:[(0,t.jsx)(`input`,{type:`checkbox`,id:l,name:n,disabled:s,className:x.checkboxInput,"aria-invalid":!!i,"aria-describedby":`${n}-error`,...c}),(0,t.jsxs)(`label`,{htmlFor:l,className:x.checkboxLabel,children:[(0,t.jsx)(`span`,{className:x.customCheckbox,"aria-hidden":`true`,children:(0,t.jsx)(`svg`,{className:x.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:x.checkboxText,children:e})]}),(0,t.jsx)(`span`,{id:`${n}-error`,className:[x.errorMessage,i?``:x.errorMessageHidden].filter(Boolean).join(` `),children:i||`\xA0`})]})}var C={chip:`_chip_1po0g_1`,chipDefault:`_chipDefault_1po0g_21`,chipGlassy:`_chipGlassy_1po0g_36`,chipChecked:`_chipChecked_1po0g_49`,chipDisabled:`_chipDisabled_1po0g_56`};function w({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`?C.chipGlassy:C.chipDefault,g=p?C.chipChecked:``,_=i?``:C.chipDisabled;return i?(0,t.jsx)(`button`,{type:`button`,"aria-pressed":p,className:[C.chip,h,g,c??``].filter(Boolean).join(` `),onClick:m,...l,children:e}):(0,t.jsx)(`span`,{className:[C.chip,h,g,_,c??``].filter(Boolean).join(` `),children:e})}var T={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 E({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),v=o??new Date;function y(e){_.current=e,typeof d==`function`?d(e):d&&(d.current=e)}function b(e){let t=e.target.value;if(!t){f?.(null);return}f?.(O(t))}function x(){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:T.dateInputWrapper,children:[(0,t.jsx)(`input`,{id:g,name:r,ref:y,type:`date`,value:D(a),max:D(v),min:s?D(s):void 0,disabled:m,onChange:b,onBlur:p,className:[T.inputDateField,l===`glassy`?T.inputDateFieldGlassy:``,c?T.inputError:``,u??``].filter(Boolean).join(` `),"aria-invalid":!!c,"aria-describedby":`${r}-error`,...h}),(0,t.jsx)(`button`,{type:`button`,className:T.calendarIconButton,onClick:x,disabled:m,"aria-label":`Datum auswählen`,tabIndex:-1,children:(0,t.jsx)(k,{})})]}),(0,t.jsx)(`span`,{id:`${r}-error`,className:[T.errorMessage,c?``:T.errorMessageHidden].filter(Boolean).join(` `),children:c||`\xA0`})]})}function D(e){return e?`${e.getFullYear()}-${String(e.getMonth()+1).padStart(2,`0`)}-${String(e.getDate()).padStart(2,`0`)}`:``}function O(e){let[t,n,r]=e.split(`-`).map(Number);return new Date(t,n-1,r)}function k(){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:`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 A={inputSelectField:`_inputSelectField_1505j_1`,inputSelectFieldGlassy:`_inputSelectFieldGlassy_1505j_12`,inputError:`_inputError_1505j_24`,errorMessage:`_errorMessage_1505j_28`,errorMessageHidden:`_errorMessageHidden_1505j_35`};function j({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:[A.inputSelectField,o===`glassy`?A.inputSelectFieldGlassy:``,a?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:[A.errorMessage,a?``:A.errorMessageHidden].filter(Boolean).join(` `),children:a||`\xA0`})]})}var M={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 N({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:[M.appLink,s===`glassy`?M.appLinkGlassy:M.appLinkDefault,c??``].filter(Boolean).join(` `),...l,children:[a&&o===`left`&&(0,t.jsx)(`span`,{className:[M.icon,M.iconLeft].join(` `),"aria-hidden":`true`,children:(0,t.jsx)(F,{})}),(0,t.jsx)(`span`,{className:M.label,children:e}),a&&o===`right`&&(0,t.jsx)(`span`,{className:M.icon,"aria-hidden":`true`,children:(0,t.jsx)(P,{})})]})}function P(){return(0,t.jsxs)(`svg`,{className:M.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 F(){return(0,t.jsxs)(`svg`,{className:M.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 I={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 L({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:[I.iconButton,i?I.withFrame:I.withoutFrame,r===`glassy`?I.glassy:``,a?I.active:``,o===`small`?I.small:``,o===`large`?I.large:``,s??``].filter(Boolean).join(` `),...u,children:(0,t.jsx)(`span`,{className:I.icon,"aria-hidden":`true`,children:n})})}var R={icon:`_icon_1pk0b_1`,badge:`_badge_1pk0b_6`,badgeLarge:`_badgeLarge_1pk0b_25`};function z({icon:e,badgeCount:n,size:r=32,badgeColor:i=`green`}){let a=r>=48,o=n!==void 0&&n>99?`99+`:n;return(0,t.jsxs)(`div`,{className:`relative inline-block ${R.icon}`,style:{width:r,height:r},children:[e,n!==void 0&&n>0&&(0,t.jsx)(`span`,{className:`${R.badge} ${a?R.badgeLarge:``}`,style:{backgroundColor:i},children:o})]})}var B={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 V({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:B.passwordInputWrapper,children:[(0,t.jsx)(`input`,{id:m,name:r,ref:l,type:f?`text`:`password`,disabled:c,autoComplete:u,className:[B.inputTextField,o===`glassy`?B.inputTextFieldGlassy:``,a?B.inputError:``,s??``].filter(Boolean).join(` `),"aria-invalid":!!a,"aria-describedby":`${r}-error`,...d}),(0,t.jsx)(`button`,{type:`button`,className:B.togglePasswordButton,onClick:h,disabled:c,"aria-label":f?`Passwort ausblenden`:`Passwort anzeigen`,"aria-pressed":f,children:f?(0,t.jsx)(te,{}):(0,t.jsx)(ee,{})})]}),(0,t.jsx)(`span`,{id:`${r}-error`,className:[B.errorMessage,a?``:B.errorMessageHidden].filter(Boolean).join(` `),children:a||`\xA0`})]})}function ee(){return(0,t.jsxs)(`svg`,{className:B.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 te(){return(0,t.jsx)(`svg`,{className:B.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 H={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 ne({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,F=P&&S.some(e=>e.postalCode===b.trim()),I=P&&!F,L=a??(I?`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 R(e){v.current=e,typeof u==`function`?u(e):u&&(u.current=e)}function z(e){let t=e.target.value;x(t),p?.(t),d?.(e)}function B(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:H.inputWrapper,children:[(0,t.jsx)(`input`,{id:_,name:r,ref:R,type:`text`,inputMode:`search`,autoComplete:`postal-code`,disabled:c,placeholder:l,value:b,onChange:z,onBlur:f,className:[H.inputTextField,o===`glassy`?H.inputTextFieldGlassy:``,F||M?H.inputValid:``,I||a?H.inputError:``,s??``].filter(Boolean).join(` `),"aria-invalid":!!L,"aria-describedby":`${r}-error`,...h}),w&&(0,t.jsx)(`span`,{className:H.loading,children:`Lädt…`}),S.length>0&&(0,t.jsx)(`ul`,{className:H.suggestionList,children:S.map(e=>(0,t.jsx)(`li`,{children:(0,t.jsxs)(`button`,{type:`button`,className:H.suggestionItem,onMouseDown:e=>e.preventDefault(),onClick:()=>B(e),children:[(0,t.jsx)(`span`,{children:e.postalCode}),(0,t.jsx)(`span`,{className:H.locality,children:e.locality})]})},e.label))}),E&&b.trim().length>=2&&S.length===0&&!w&&!M&&!I&&(0,t.jsx)(`div`,{className:H.emptyState,children:`Keine Schweizer PLZ oder Ortschaft gefunden.`})]}),F&&(0,t.jsx)(`span`,{className:H.successMessage,children:`Gültige Schweizer Postleitzahl`}),M&&(0,t.jsx)(`span`,{className:H.successMessage,children:`Gültige Schweizer Postleitzahl`}),(0,t.jsx)(`span`,{id:`${r}-error`,className:[H.errorMessage,L?``:H.errorMessageHidden].filter(Boolean).join(` `),children:L||`\xA0`})]})}var U={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 re({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:[U.radioGroup].filter(Boolean).join(` `),"aria-invalid":!!i,"aria-describedby":`${n}-error`,children:[e&&(0,t.jsx)(`label`,{htmlFor:n,className:[U.inputLabel,a===`glassy`?`--form-input-glassy-text-label`:`--form-input-default-text-label`].filter(Boolean).join(` `),children:e}),(0,t.jsx)(`div`,{className:U.optionGroup,children:r.map(e=>{let r=d?{checked:s===e.value}:{defaultChecked:c===e.value};return(0,t.jsxs)(`label`,{className:[U.optionWrapper,o?U.optionWrapperDisabled:``].filter(Boolean).join(` `),children:[(0,t.jsx)(`input`,{type:`radio`,name:n,value:e.value,disabled:o,className:U.radioInput,onChange:l,...r,...u}),(0,t.jsxs)(`span`,{className:[U.optionButton,a===`glassy`?U.optionButtonGlassy:U.optionButtonDefault,i?U.optionButtonError:``].filter(Boolean).join(` `),children:[(0,t.jsx)(`span`,{className:U.optionTitle,children:e.label}),e.description&&(0,t.jsx)(`span`,{className:U.optionDescription,children:e.description})]})]},e.value)})}),(0,t.jsx)(`span`,{id:`${n}-error`,className:[U.errorMessage,i?``:U.errorMessageHidden].filter(Boolean).join(` `),children:i||`\xA0`})]})})}var W={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 ie({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:[W.switchWrapper,o??``].filter(Boolean).join(` `),children:[(0,t.jsx)(`input`,{id:l,name:e,type:`checkbox`,disabled:s,className:W.switchCheckbox,"aria-invalid":!!i,"aria-describedby":`${e}-error`,...c}),(0,t.jsxs)(`label`,{htmlFor:l,className:[W.switchLabel,a===`glassy`?W.switchLabelGlassy:W.switchLabelDefault].filter(Boolean).join(` `),children:[r&&(0,t.jsx)(`span`,{className:W.switchText,children:r}),(0,t.jsx)(`span`,{className:[W.switchBackground,a===`glassy`?W.switchBackgroundGlassy:W.switchBackgroundDefault].filter(Boolean).join(` `),children:(0,t.jsxs)(`span`,{className:W.switchButton,"aria-hidden":`true`,children:[(0,t.jsx)(`span`,{className:W.iconChecked,children:(0,t.jsx)(G,{})}),(0,t.jsx)(`span`,{className:W.iconUnchecked,children:(0,t.jsx)(K,{})})]})})]}),(0,t.jsx)(`span`,{id:`${e}-error`,className:[W.errorMessage,i?``:W.errorMessageHidden].filter(Boolean).join(` `),children:i||`\xA0`})]})})}function G(){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 K(){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 q={snackbar:`_snackbar_o1awg_1`,"snackbar--success":`_snackbar--success_o1awg_13`,"snackbar--info":`_snackbar--info_o1awg_17`,"snackbar--warning":`_snackbar--warning_o1awg_21`,"snackbar--error":`_snackbar--error_o1awg_25`};function J({message:e,isOpen:r,onClose:i,duration:a=5e3,type:o=`info`}){return(0,n.useEffect)(()=>{if(r){let e=setTimeout(()=>{i()},a);return()=>clearTimeout(e)}},[r,a,i]),r?(0,t.jsx)(`div`,{className:`${q.snackbar} ${q[`snackbar--${o}`]}`,children:e}):null}var Y={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 ae({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:[Y.inputLabel,a===`glassy`?`inputLabelGlassy`:``].filter(Boolean).join(` `),children:e}),(0,t.jsx)(`input`,{id:n,name:n,ref:s,placeholder:i,className:[Y.inputTextField,a===`glassy`?Y.inputTextFieldGlassy:``,r?Y.inputError:``,o??``].filter(Boolean).join(` `),"aria-invalid":!!r,"aria-describedby":`${n}-error`,...c}),(0,t.jsx)(`span`,{id:`${n}-error`,className:[Y.errorMessage,r?``:Y.errorMessageHidden].filter(Boolean).join(` `),children:r||`\xA0`})]})}var X={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 Z({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:[X.wrapper,d??``].filter(Boolean).join(` `),children:[(0,t.jsx)(`label`,{className:[X.label,s===`glassy`?X.labelGlassy:``].filter(Boolean).join(` `),htmlFor:g,children:e}),(0,t.jsxs)(`div`,{className:[X.dropzone,s===`glassy`?X.dropzoneGlassy:``,_?X.dragOver:``,o?X.errorState:``,u?X.disabled:``].filter(Boolean).join(` `),onDragOver:D,onDragLeave:O,onDrop:k,children:[(0,t.jsx)(`input`,{id:g,name:r,className:X.hiddenInput,type:`file`,accept:c,disabled:u,onChange:E,"aria-invalid":!!o,"aria-describedby":`${r}-error`,...m}),(0,t.jsx)(`label`,{htmlFor:g,className:X.dropzoneContent,children:S?(0,t.jsxs)(`span`,{className:X.selected,children:[C&&(0,t.jsx)(`img`,{className:X.preview,src:C,alt:`Vorschau von ${S.name}`}),(0,t.jsxs)(`span`,{className:X.fileMeta,children:[(0,t.jsx)(`span`,{className:X.fileName,children:S.name}),(0,t.jsxs)(`span`,{className:X.fileSize,children:[(S.size/1024).toFixed(0),` KB ·`,` `,S.type||`unknown`]})]})]}):(0,t.jsxs)(`span`,{className:X.placeholder,children:[(0,t.jsx)(`span`,{className:X.big,children:`Datei hier reinziehen`}),(0,t.jsx)(`span`,{className:X.small,children:`…oder klicken, um auszuwählen`}),(0,t.jsxs)(`span`,{className:X.hint,children:[`Erlaubt: `,c,` · max. `,j,` MB`]})]})}),S&&(0,t.jsx)(`button`,{type:`button`,className:X.remove,onClick:A,disabled:u,children:`Entfernen`})]}),(0,t.jsx)(`span`,{id:`${r}-error`,className:[X.errorMessage,o?``:X.errorMessageHidden].filter(Boolean).join(` `),children:o||`\xA0`})]})}var Q={counter:`_counter_zq8ye_1`,button:`_button_zq8ye_11`,value:`_value_zq8ye_33`};function oe({value:e,onChange:n,min:r=0,max:i=1/0,step:a=1,disabled:o=!1}){return(0,t.jsxs)(`div`,{className:Q.counter,onClick:e=>e.stopPropagation(),children:[(0,t.jsx)(`button`,{type:`button`,onClick:()=>{o||n(Math.max(e-a,r))},disabled:o||e<=r,className:Q.button,children:`–`}),(0,t.jsx)(`span`,{className:Q.value,children:e}),(0,t.jsx)(`button`,{type:`button`,onClick:()=>{o||n(Math.min(e+a,i))},disabled:o||e>=i,className:Q.button,children:`+`})]})}var se={avatar:`_avatar_hgx2w_1`};function ce({src:e,alt:r=`Avatar`,size:i=40,shape:a=`circle`,className:o,onClick:s,fallbackSrc:c,children:l}){let[u,d]=(0,n.useState)(e??``);(0,n.useEffect)(()=>{d(e??``)},[e]);let f=()=>{d(c||``)},p={"--avatar-size":`${i}px`,"--avatar-radius":a===`circle`?`50%`:`0`};return(0,t.jsx)(`div`,{className:[se.avatar,o].filter(Boolean).join(` `),style:p,onClick:s,"aria-label":r,role:`img`,children:l??(u?(0,t.jsx)(`img`,{src:u,alt:r,onError:f}):(0,t.jsx)(`span`,{"aria-hidden":`true`}))})}function le({value:e,onChange:r,max:i=5,readOnly:a=!1}){let[o,s]=(0,n.useState)(null),c=e=>{!a&&r&&r(e+1)},l=e=>{a||s(e)},u=()=>{a||s(null)};return(0,t.jsxs)(`div`,{style:{display:`flex`,gap:`0.25rem`},children:[Array.from({length:i}).map((n,r)=>(0,t.jsx)(`span`,{onClick:()=>c(r),onMouseEnter:()=>l(r),onMouseLeave:u,style:{fontSize:`2rem`,color:(o===null?r<e:r<=o)?`#FFD700`:`#CCCCCC`,cursor:a?`default`:`pointer`,transition:`color 0.2s`},children:`★`},r)),(0,t.jsx)(`p`,{children:`23 Reviews`})]})}var $={stepperVStack:`_stepperVStack_1utyy_1`,stepRow:`_stepRow_1utyy_7`,rail:`_rail_1utyy_16`,dot:`_dot_1utyy_23`,dotNumber:`_dotNumber_1utyy_34`,connector:`_connector_1utyy_41`,stepBody:`_stepBody_1utyy_50`,stepTitle:`_stepTitle_1utyy_55`,stepContent:`_stepContent_1utyy_65`,active:`_active_1utyy_71`,done:`_done_1utyy_81`,actions:`_actions_1utyy_94`,"animate-forward":`_animate-forward_1utyy_129`,slideUpFade:`_slideUpFade_1utyy_1`,"animate-backward":`_animate-backward_1utyy_133`,slideDownFade:`_slideDownFade_1utyy_1`,btn:`_btn_1utyy_233`};function ue({stepTitles:e,children:r,onFinish:i,initialStep:a=0}){let o=(0,n.useMemo)(()=>n.Children.toArray(r).filter(n.isValidElement),[r]),[s,c]=(0,n.useState)(()=>a>=0&&a<o.length?a:0),[l,u]=(0,n.useState)(`forward`),d=(0,n.useRef)(null);(0,n.useEffect)(()=>{d.current?.scrollIntoView({behavior:`smooth`,block:`start`})},[s]),(0,n.useEffect)(()=>{a<0||a>=o.length||c(a)},[a,o.length]);let f=e&&e.length===o.length?e:o.map((e,t)=>`Schritt ${t+1}`),p=s===o.length-1,m=async()=>{if(!p){u(`forward`),c(e=>e+1);return}i&&await i()},h=()=>{u(`backward`),c(e=>e-1)};return(0,t.jsxs)(`div`,{className:$.stepperVStack,children:[(0,t.jsx)(`div`,{ref:d}),f.map((e,r)=>{let i=r<s?`done`:r===s?`active`:`upcoming`,a=r===s,c=r===o.length-1;return(0,t.jsxs)(`div`,{className:`${$.stepRow} ${$[i]}`,children:[(0,t.jsxs)(`div`,{className:$.rail,children:[(0,t.jsx)(`div`,{className:$.dot,children:(0,t.jsx)(`span`,{className:$.dotNumber,children:r+1})}),!c&&(0,t.jsx)(`div`,{className:$.connector})]}),(0,t.jsxs)(`div`,{className:$.stepBody,children:[(0,t.jsx)(`div`,{className:$.stepTitle,children:e}),a&&(0,t.jsx)(`div`,{className:`${$.stepContent} ${$[`animate-${l}`]}`,children:(0,n.cloneElement)(o[r],{onNext:m,onBack:h,isFirstStep:s===0,isLastStep:p})},s)]})]},`step-${r}`)})]})}e.Accordion=v,e.Avatar=ce,e.BannerHero=m,e.Button=d,e.Checkbox=S,e.Chip=w,e.Counter=oe,e.DatePicker=E,e.Dropdown=j,e.Icon=z,e.IconButton=L,e.Link=N,e.Password=V,e.PostalCode=ne,e.RadioButton=re,e.Snackbar=J,e.StarRating=le,e.StepperVertical=ue,e.Switch=ie,e.TextField=ae,e.TileAccordion=b,e.Upload=Z});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "suus-component-library",
-  "version": "0.1.35",
+  "version": "0.1.37",
   "type": "module",
   "main": "./dist/suus-component-library.umd.cjs",
   "module": "./dist/suus-component-library.js",

package/dist/components/icons/PenIcon.d.ts

@@ -1,2 +0,0 @@
-export declare function PenIcon(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=PenIcon.d.ts.map

package/dist/components/icons/PenIcon.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PenIcon.d.ts","sourceRoot":"","sources":["../../../src/components/icons/PenIcon.tsx"],"names":[],"mappings":"AAEA,wBAAgB,OAAO,4CAatB"}