suus-component-library 0.1.39 → 0.1.40

package/dist/components/form/textfield/TextField.d.ts

@@ -4,6 +4,7 @@ export type TextFieldProps = {
     name: string;
     error?: string;
     variant?: "glassy" | "default";
+    type?: "text" | "tel" | "email";
     ref?: Ref<HTMLInputElement>;
 } & InputHTMLAttributes<HTMLInputElement>;
 /**
@@ -19,5 +20,5 @@ export type TextFieldProps = {
  *   {...register("email")}
  * />
  */
-export default function TextField({ label, name, error, placeholder, variant, className, ref, ...rest }: TextFieldProps): import("react/jsx-runtime").JSX.Element;
+export default function TextField({ label, name, error, placeholder, variant, type, className, ref, ...rest }: TextFieldProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=TextField.d.ts.map

package/dist/components/form/textfield/TextField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../../src/components/form/textfield/TextField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,mBAAmB,EAAE,GAAG,EAAC,MAAM,OAAO,CAAC;AAGpD,MAAM,MAAM,cAAc,GAAG;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IAC/B,GAAG,CAAC,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAC;CAC/B,GAAG,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;AAE1C;;;;;;;;;;;;GAYG;AACH,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EACI,KAAK,EACL,IAAI,EACJ,KAAK,EACL,WAAW,EACX,OAAmB,EACnB,SAAS,EACT,GAAG,EACH,GAAG,IAAI,EACV,EAAE,cAAc,2CA8ClD"}
+{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../../src/components/form/textfield/TextField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,mBAAmB,EAAE,GAAG,EAAC,MAAM,OAAO,CAAC;AAGpD,MAAM,MAAM,cAAc,GAAG;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IAC/B,IAAI,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,OAAO,CAAC;IAChC,GAAG,CAAC,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAC;CAC/B,GAAG,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;AAE1C;;;;;;;;;;;;GAYG;AACH,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EACI,KAAK,EACL,IAAI,EACJ,KAAK,EACL,WAAW,EACX,OAAmB,EACnB,IAAa,EACb,SAAS,EACT,GAAG,EACH,GAAG,IAAI,EACV,EAAE,cAAc,2CA+ClD"}

package/dist/suus-component-library.js

@@ -1002,7 +1002,7 @@ var X = {
 };
 //#endregion
 //#region src/components/form/textfield/TextField.tsx
-function ce({ label: e, name: r, error: i, placeholder: a, variant: o = "default", className: s, ref: c, ...l }) {
+function ce({ label: e, name: r, error: i, placeholder: a, variant: o = "default", type: s = "text", className: c, ref: l, ...u }) {
 	return /* @__PURE__ */ n("div", {
 		className: "inputBlockVertical",
 		children: [
@@ -1014,17 +1014,18 @@ function ce({ label: e, name: r, error: i, placeholder: a, variant: o = "default
 			/* @__PURE__ */ t("input", {
 				id: r,
 				name: r,
-				ref: c,
+				ref: l,
+				type: s,
 				placeholder: a,
 				className: [
 					X.inputTextField,
 					o === "glassy" ? X.inputTextFieldGlassy : "",
 					i ? X.inputError : "",
-					s ?? ""
+					c ?? ""
 				].filter(Boolean).join(" "),
 				"aria-invalid": !!i,
 				"aria-describedby": `${r}-error`,
-				...l
+				...u
 			}),
 			/* @__PURE__ */ t("span", {
 				id: `${r}-error`,

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

@@ -2,4 +2,4 @@
 `).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:[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,colorToken:o=`--color-gold-default`,reviewCount:s=23}){let[c,l]=(0,n.useState)(null),u=e=>{!a&&r&&r(e+1)},d=e=>{a||l(e)},f=()=>{a||l(null)};return(0,t.jsxs)(`div`,{style:{display:`flex`,gap:`0.25rem`},children:[Array.from({length:i}).map((n,r)=>{let i=c===null?r<e:r<=c,s=`var(${o})`;return(0,t.jsx)(`span`,{onClick:()=>u(r),onMouseEnter:()=>d(r),onMouseLeave:f,style:{fontSize:`2rem`,color:i?s:`#CCCCCC`,cursor:a?`default`:`pointer`,transition:`color 0.2s`},children:`★`},r)}),(0,t.jsxs)(`p`,{style:{color:`var(${o})`},children:[s,` 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}`)})]})}var de={panel:`_panel_rc1xv_1`};function fe({children:e,className:n}){return(0,t.jsx)(`div`,{className:[de.panel,n].filter(Boolean).join(` `),children:e})}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.Panel=fe,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});
+`).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`,type:o=`text`,className:s,ref:c,...l}){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:c,type:o,placeholder:i,className:[Y.inputTextField,a===`glassy`?Y.inputTextFieldGlassy:``,r?Y.inputError:``,s??``].filter(Boolean).join(` `),"aria-invalid":!!r,"aria-describedby":`${n}-error`,...l}),(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,colorToken:o=`--color-gold-default`,reviewCount:s=23}){let[c,l]=(0,n.useState)(null),u=e=>{!a&&r&&r(e+1)},d=e=>{a||l(e)},f=()=>{a||l(null)};return(0,t.jsxs)(`div`,{style:{display:`flex`,gap:`0.25rem`},children:[Array.from({length:i}).map((n,r)=>{let i=c===null?r<e:r<=c,s=`var(${o})`;return(0,t.jsx)(`span`,{onClick:()=>u(r),onMouseEnter:()=>d(r),onMouseLeave:f,style:{fontSize:`2rem`,color:i?s:`#CCCCCC`,cursor:a?`default`:`pointer`,transition:`color 0.2s`},children:`★`},r)}),(0,t.jsxs)(`p`,{style:{color:`var(${o})`},children:[s,` 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}`)})]})}var de={panel:`_panel_rc1xv_1`};function fe({children:e,className:n}){return(0,t.jsx)(`div`,{className:[de.panel,n].filter(Boolean).join(` `),children:e})}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.Panel=fe,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.39",
+  "version": "0.1.40",
   "type": "module",
   "main": "./dist/suus-component-library.umd.cjs",
   "module": "./dist/suus-component-library.js",