suus-component-library 0.1.7 → 0.1.10

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

@@ -1 +1 @@
-(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require(`react/jsx-runtime`)):typeof define==`function`&&define.amd?define([`exports`,`react/jsx-runtime`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e[`SUUS Component Library`]={},e.jsxRuntime))})(this,function(e,t){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var n={suusButton:`_suusButton_1q9to_1`,icon:`_icon_1q9to_45`,label:`_label_1q9to_62`,primary:`_primary_1q9to_69`,secondary:`_secondary_1q9to_113`,loading:`_loading_1q9to_169`,loader:`_loader_1q9to_173`,"btn-spin":`_btn-spin_1q9to_1`,loaderSecondary:`_loaderSecondary_1q9to_182`};function r({label:e,onClick:r,type:i=`button`,disabled:a=!1,loading:o=!1,variant:s=`primary`,colorToken:c=`--colors-juice-sugarcane`,icon:l,...u}){return(0,t.jsx)(`button`,{type:i,onClick:r,disabled:a||o,style:{"--button-background-color":`var(${c})`},className:[n.suusButton,n[s],o?n.loading:``].filter(Boolean).join(` `),"aria-busy":o,...u,children:o?(0,t.jsx)(`span`,{className:`${n.loader} ${s===`primary`?``:n.loaderSecondary}`,"aria-hidden":`true`}):(0,t.jsxs)(t.Fragment,{children:[l?(0,t.jsx)(`span`,{className:n.icon,children:l}):null,(0,t.jsx)(`span`,{className:n.label,children:e})]})})}e.Button=r});
+(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={checkboxWrapper:`_checkboxWrapper_6w8h4_1`,checkboxInput:`_checkboxInput_6w8h4_15`,checkboxLabel:`_checkboxLabel_6w8h4_24`,customCheckbox:`_customCheckbox_6w8h4_34`,checkIcon:`_checkIcon_6w8h4_57`,checkboxText:`_checkboxText_6w8h4_76`,checkboxWrapperDisabled:`_checkboxWrapperDisabled_6w8h4_107`,checkboxWrapperError:`_checkboxWrapperError_6w8h4_133`,errorMessage:`_errorMessage_6w8h4_147`,checkboxWrapperGlassy:`_checkboxWrapperGlassy_6w8h4_154`};function o({label:e,name:n,id:r,error:i,variant:o=`default`,className:s,disabled:c,...l}){let u=r??`${n}-checkbox`;return(0,t.jsxs)(`div`,{className:[a.checkboxWrapper,o===`glassy`?a.checkboxWrapperGlassy:``,i?a.checkboxWrapperError:``,c?a.checkboxWrapperDisabled:``,s??``].filter(Boolean).join(` `),children:[(0,t.jsx)(`input`,{type:`checkbox`,id:u,name:n,disabled:c,className:a.checkboxInput,"aria-invalid":!!i,"aria-describedby":i?`${n}-error`:void 0,...l}),(0,t.jsxs)(`label`,{htmlFor:u,className:a.checkboxLabel,children:[(0,t.jsx)(`span`,{className:a.customCheckbox,"aria-hidden":`true`,children:(0,t.jsx)(`svg`,{className:a.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:a.checkboxText,children:e})]}),i&&(0,t.jsx)(`span`,{id:`${n}-error`,className:a.errorMessage,children:i})]})}var s={chip:`_chip_1kgh7_1`,chipDefault:`_chipDefault_1kgh7_21`,chipGlassy:`_chipGlassy_1kgh7_36`,chipChecked:`_chipChecked_1kgh7_49`,chipDisabled:`_chipDisabled_1kgh7_56`};function c({children:e,variant:r=`default`,clickable:i=!0,checked:a,defaultChecked:o=!1,onCheckedChange:c,className:l,...u}){let[d,f]=(0,n.useState)(o),p=typeof a==`boolean`,m=p?a:d;function h(e){if(!i)return;let t=!m;p||f(t),c?.(t),u.onClick?.(e)}let g=r===`glassy`?s.chipGlassy:s.chipDefault,_=m?s.chipChecked:``,v=i?``:s.chipDisabled;return i?(0,t.jsx)(`button`,{type:`button`,"aria-pressed":m,className:[s.chip,g,_,l??``].filter(Boolean).join(` `),onClick:h,...u,children:e}):(0,t.jsx)(`span`,{className:[s.chip,g,_,v,l??``].filter(Boolean).join(` `),children:e})}var l={inputBlockVertical:`_inputBlockVertical_1vqyb_1`,inputLabel:`_inputLabel_1vqyb_7`,inputLabelGlassy:`_inputLabelGlassy_1vqyb_13`,dateInputWrapper:`_dateInputWrapper_1vqyb_17`,inputDateField:`_inputDateField_1vqyb_22`,inputDateFieldGlassy:`_inputDateFieldGlassy_1vqyb_54`,inputError:`_inputError_1vqyb_72`,calendarIconButton:`_calendarIconButton_1vqyb_76`,icon:`_icon_1vqyb_104`,errorMessage:`_errorMessage_1vqyb_113`};function u({label:e,name:r,id:i,value:a=null,maxDate:o,minDate:s,error:c,variant:u=`default`,className:m,ref:h,onDateChange:g,onBlur:_,disabled:v,...y}){let b=i??r,x=(0,n.useRef)(null),S=o??new Date;function C(e){x.current=e,typeof h==`function`?h(e):h&&(h.current=e)}function w(e){let t=e.target.value;if(!t){g?.(null);return}g?.(f(t))}function T(){v||(x.current?.showPicker?.(),x.current?.focus())}return(0,t.jsxs)(`div`,{className:l.inputBlockVertical,children:[(0,t.jsx)(`label`,{htmlFor:b,className:[l.inputLabel,u===`glassy`?l.inputLabelGlassy:``].filter(Boolean).join(` `),children:e}),(0,t.jsxs)(`div`,{className:l.dateInputWrapper,children:[(0,t.jsx)(`input`,{id:b,name:r,ref:C,type:`date`,value:d(a),max:d(S),min:s?d(s):void 0,disabled:v,onChange:w,onBlur:_,className:[l.inputDateField,u===`glassy`?l.inputDateFieldGlassy:``,c?l.inputError:``,m??``].filter(Boolean).join(` `),"aria-invalid":!!c,"aria-describedby":c?`${r}-error`:void 0,...y}),(0,t.jsx)(`button`,{type:`button`,className:l.calendarIconButton,onClick:T,disabled:v,"aria-label":`Datum auswählen`,tabIndex:-1,children:(0,t.jsx)(p,{})})]}),c&&(0,t.jsx)(`span`,{id:`${r}-error`,className:l.errorMessage,children:c})]})}function d(e){return e?`${e.getFullYear()}-${String(e.getMonth()+1).padStart(2,`0`)}-${String(e.getDate()).padStart(2,`0`)}`:``}function f(e){let[t,n,r]=e.split(`-`).map(Number);return new Date(t,n-1,r)}function p(){return(0,t.jsxs)(`svg`,{className:l.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 m={inputBlockVertical:`_inputBlockVertical_1yqyz_1`,inputLabel:`_inputLabel_1yqyz_7`,inputLabelGlassy:`_inputLabelGlassy_1yqyz_13`,inputSelectField:`_inputSelectField_1yqyz_17`,inputSelectFieldGlassy:`_inputSelectFieldGlassy_1yqyz_27`,inputError:`_inputError_1yqyz_40`,errorMessage:`_errorMessage_1yqyz_44`};function h({label:e,name:n,options:r,placeholder:i,error:a,variant:o=`default`,className:s,disabled:c,...l}){return(0,t.jsxs)(`div`,{className:m.inputBlockVertical,children:[(0,t.jsx)(`label`,{htmlFor:n,className:[m.inputLabel,o===`glassy`?m.inputLabelGlassy:``].filter(Boolean).join(` `),children:e}),(0,t.jsxs)(`select`,{id:n,name:n,disabled:c,className:[m.inputSelectField,o===`glassy`?m.inputSelectFieldGlassy:``,a?m.inputError:``,s??``].filter(Boolean).join(` `),"aria-invalid":!!a,"aria-describedby":a?`${n}-error`:void 0,...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))]}),a&&(0,t.jsx)(`span`,{id:`${n}-error`,className:m.errorMessage,children:a})]})}var g={appLink:`_appLink_b53rv_1`,appLinkDefault:`_appLinkDefault_b53rv_19`,appLinkGlassy:`_appLinkGlassy_b53rv_30`,label:`_label_b53rv_38`,icon:`_icon_b53rv_43`,arrowIcon:`_arrowIcon_b53rv_54`};function _({children:e,href:n,onClick:r,newTab:i=!1,showArrow:a=!0,variant:o=`default`,className:s,...c}){function l(e){n||e.preventDefault(),r?.(e)}return(0,t.jsxs)(`a`,{href:n??`#`,onClick:l,target:n&&i?`_blank`:void 0,rel:n&&i?`noopener noreferrer`:void 0,className:[g.appLink,o===`glassy`?g.appLinkGlassy:g.appLinkDefault,s??``].filter(Boolean).join(` `),...c,children:[(0,t.jsx)(`span`,{className:g.label,children:e}),a&&(0,t.jsx)(`span`,{className:g.icon,"aria-hidden":`true`,children:(0,t.jsx)(v,{})})]})}function v(){return(0,t.jsxs)(`svg`,{className:g.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`})]})}var y={inputBlockVertical:`_inputBlockVertical_u3s35_1`,inputLabel:`_inputLabel_u3s35_7`,inputLabelGlassy:`_inputLabelGlassy_u3s35_13`,passwordInputWrapper:`_passwordInputWrapper_u3s35_17`,inputTextField:`_inputTextField_u3s35_22`,inputTextFieldGlassy:`_inputTextFieldGlassy_u3s35_34`,inputError:`_inputError_u3s35_56`,togglePasswordButton:`_togglePasswordButton_u3s35_60`,icon:`_icon_u3s35_92`,errorMessage:`_errorMessage_u3s35_101`};function b({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:y.inputBlockVertical,children:[e&&(0,t.jsx)(`label`,{htmlFor:m,className:[y.inputLabel,o===`glassy`?y.inputLabelGlassy:``].filter(Boolean).join(` `),children:e}),(0,t.jsxs)(`div`,{className:y.passwordInputWrapper,children:[(0,t.jsx)(`input`,{id:m,name:r,ref:l,type:f?`text`:`password`,disabled:c,autoComplete:u,className:[y.inputTextField,o===`glassy`?y.inputTextFieldGlassy:``,a?y.inputError:``,s??``].filter(Boolean).join(` `),"aria-invalid":!!a,"aria-describedby":a?`${r}-error`:void 0,...d}),(0,t.jsx)(`button`,{type:`button`,className:y.togglePasswordButton,onClick:h,disabled:c,"aria-label":f?`Passwort ausblenden`:`Passwort anzeigen`,"aria-pressed":f,children:f?(0,t.jsx)(S,{}):(0,t.jsx)(x,{})})]}),a&&(0,t.jsx)(`span`,{id:`${r}-error`,className:y.errorMessage,children:a})]})}function x(){return(0,t.jsxs)(`svg`,{className:y.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 S(){return(0,t.jsx)(`svg`,{className:y.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 C={inputBlockVertical:`_inputBlockVertical_1xe0h_1`,inputLabel:`_inputLabel_1xe0h_7`,inputLabelGlassy:`_inputLabelGlassy_1xe0h_13`,inputWrapper:`_inputWrapper_1xe0h_17`,inputTextField:`_inputTextField_1xe0h_22`,inputTextFieldGlassy:`_inputTextFieldGlassy_1xe0h_34`,inputError:`_inputError_1xe0h_64`,loading:`_loading_1xe0h_68`,suggestionList:`_suggestionList_1xe0h_77`,suggestionItem:`_suggestionItem_1xe0h_94`,locality:`_locality_1xe0h_114`,emptyState:`_emptyState_1xe0h_118`,successMessage:`_successMessage_1xe0h_129`,errorMessage:`_errorMessage_1xe0h_135`};function w({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,w]=(0,n.useState)([]),[T,E]=(0,n.useState)(!1),[D,O]=(0,n.useState)(!1),k=b.trim().match(/^(\d+)\s+(.+)$/),A=!!k,j=k?.[1],M=k?.[2],N=A&&S.some(e=>e.postalCode===j&&e.locality===M),P=/^\d+$/.test(b.trim()),F=b.trim().length>=4&&P&&!T,I=F&&S.some(e=>e.postalCode===b.trim()),L=F&&!I;D&&b.trim().length>=4&&S.length,(0,n.useEffect)(()=>{let e=b.trim();if(e.length<2){w([]),O(!1);return}if(y.current){y.current=!1;return}let t=new AbortController;async function n(){E(!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();w(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)),O(!0)}catch(e){if(t.signal.aborted)return;console.error(e),w([]),O(!0)}finally{t.signal.aborted||E(!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),w([]),O(!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:C.inputBlockVertical,children:[(0,t.jsx)(`label`,{htmlFor:_,className:[C.inputLabel,o===`glassy`?C.inputLabelGlassy:``].filter(Boolean).join(` `),children:e}),(0,t.jsxs)(`div`,{className:C.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:[C.inputTextField,o===`glassy`?C.inputTextFieldGlassy:``,I||N?C.inputValid:``,L||a?C.inputError:``,s??``].filter(Boolean).join(` `),"aria-invalid":!!a||L,"aria-describedby":a?`${r}-error`:void 0,...h}),T&&(0,t.jsx)(`span`,{className:C.loading,children:`Lädt…`}),S.length>0&&(0,t.jsx)(`ul`,{className:C.suggestionList,children:S.map(e=>(0,t.jsx)(`li`,{children:(0,t.jsxs)(`button`,{type:`button`,className:C.suggestionItem,onMouseDown:e=>e.preventDefault(),onClick:()=>B(e),children:[(0,t.jsx)(`span`,{children:e.postalCode}),(0,t.jsx)(`span`,{className:C.locality,children:e.locality})]})},e.label))}),D&&b.trim().length>=2&&S.length===0&&!T&&!N&&!L&&(0,t.jsx)(`div`,{className:C.emptyState,children:`Keine Schweizer PLZ oder Ortschaft gefunden.`})]}),I&&(0,t.jsx)(`span`,{className:C.successMessage,children:`Gültige Schweizer Postleitzahl`}),N&&(0,t.jsx)(`span`,{className:C.successMessage,children:`Gültige Schweizer Postleitzahl`}),L&&(0,t.jsx)(`span`,{className:C.errorMessage,children:`Diese Schweizer Postleitzahl wurde nicht gefunden.`}),a&&(0,t.jsx)(`span`,{id:`${r}-error`,className:C.errorMessage,children:a})]})}var T={radioGroup:`_radioGroup_cqfjf_1`,radioGroupGlassy:`_radioGroupGlassy_cqfjf_11`,radioLabel:`_radioLabel_cqfjf_15`,radioLabelGlassy:`_radioLabelGlassy_cqfjf_20`,optionGroup:`_optionGroup_cqfjf_24`,optionWrapper:`_optionWrapper_cqfjf_31`,optionWrapperDisabled:`_optionWrapperDisabled_cqfjf_37`,radioInput:`_radioInput_cqfjf_41`,optionButton:`_optionButton_cqfjf_58`,optionTitle:`_optionTitle_cqfjf_81`,optionDescription:`_optionDescription_cqfjf_87`,optionButtonDefault:`_optionButtonDefault_cqfjf_95`,optionButtonGlassy:`_optionButtonGlassy_cqfjf_120`,optionButtonError:`_optionButtonError_cqfjf_165`,errorMessage:`_errorMessage_cqfjf_169`};function E({label:e,name:n,options:r,error:i,variant:a=`default`,className:o,disabled:s,value:c,defaultValue:l,onChange:u,...d}){let f=c!==void 0;return(0,t.jsxs)(`fieldset`,{className:[T.radioGroup,a===`glassy`?T.radioGroupGlassy:``,o??``].filter(Boolean).join(` `),"aria-invalid":!!i,"aria-describedby":i?`${n}-error`:void 0,children:[e&&(0,t.jsx)(`legend`,{className:[T.radioLabel,a===`glassy`?T.radioLabelGlassy:``].filter(Boolean).join(` `),children:e}),(0,t.jsx)(`div`,{className:T.optionGroup,children:r.map(e=>{let r=f?{checked:c===e.value}:{defaultChecked:l===e.value};return(0,t.jsxs)(`label`,{className:[T.optionWrapper,s?T.optionWrapperDisabled:``].filter(Boolean).join(` `),children:[(0,t.jsx)(`input`,{type:`radio`,name:n,value:e.value,disabled:s,className:T.radioInput,onChange:u,...r,...d}),(0,t.jsxs)(`span`,{className:[T.optionButton,a===`glassy`?T.optionButtonGlassy:T.optionButtonDefault,i?T.optionButtonError:``].filter(Boolean).join(` `),children:[(0,t.jsx)(`span`,{className:T.optionTitle,children:e.label}),e.description&&(0,t.jsx)(`span`,{className:T.optionDescription,children:e.description})]})]},e.value)})}),i&&(0,t.jsx)(`span`,{id:`${n}-error`,className:T.errorMessage,children:i})]})}var D={switchWrapper:`_switchWrapper_14rch_1`,switchCheckbox:`_switchCheckbox_14rch_7`,switchLabel:`_switchLabel_14rch_15`,switchLabelDefault:`_switchLabelDefault_14rch_24`,switchLabelGlassy:`_switchLabelGlassy_14rch_28`,switchBackground:`_switchBackground_14rch_37`,switchBackgroundDefault:`_switchBackgroundDefault_14rch_56`,switchBackgroundGlassy:`_switchBackgroundGlassy_14rch_66`,switchButton:`_switchButton_14rch_77`,iconChecked:`_iconChecked_14rch_163`,iconUnchecked:`_iconUnchecked_14rch_164`,switchText:`_switchText_14rch_200`,errorMessage:`_errorMessage_14rch_206`};function O({name:e,id:n,label:r,error:i,variant:a=`default`,className:o,disabled:s,...c}){let l=n??`${e}-switch`;return(0,t.jsxs)(`div`,{className:[D.switchWrapper,o??``].filter(Boolean).join(` `),children:[(0,t.jsx)(`input`,{id:l,name:e,type:`checkbox`,disabled:s,className:D.switchCheckbox,"aria-invalid":!!i,"aria-describedby":i?`${e}-error`:void 0,...c}),(0,t.jsxs)(`label`,{htmlFor:l,className:[D.switchLabel,a===`glassy`?D.switchLabelGlassy:D.switchLabelDefault].filter(Boolean).join(` `),children:[(0,t.jsx)(`span`,{className:[D.switchBackground,a===`glassy`?D.switchBackgroundGlassy:D.switchBackgroundDefault].filter(Boolean).join(` `),children:(0,t.jsxs)(`span`,{className:D.switchButton,"aria-hidden":`true`,children:[(0,t.jsx)(`span`,{className:D.iconChecked,children:(0,t.jsx)(k,{})}),(0,t.jsx)(`span`,{className:D.iconUnchecked,children:(0,t.jsx)(A,{})})]})}),r&&(0,t.jsx)(`span`,{className:D.switchText,children:r})]}),i&&(0,t.jsx)(`span`,{id:`${e}-error`,className:D.errorMessage,children:i})]})}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 6.5L5.5 9L9 3`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`})})}function A(){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 j={inputBlockVertical:`_inputBlockVertical_1khad_1`,inputLabel:`_inputLabel_1khad_8`,inputLabelGlassy:`_inputLabelGlassy_1khad_14`,inputTextField:`_inputTextField_1khad_20`,inputTextFieldGlassy:`_inputTextFieldGlassy_1khad_37`,inputError:`_inputError_1khad_59`,errorMessage:`_errorMessage_1khad_63`};function M({label:e,name:n,error:r,placeholder:i,variant:a=`default`,className:o,ref:s,...c}){return(0,t.jsxs)(`div`,{className:j.inputBlockVertical,children:[(0,t.jsx)(`label`,{htmlFor:n,className:[j.inputLabel,a===`glassy`?j.inputLabelGlassy:``].filter(Boolean).join(` `),children:e}),(0,t.jsx)(`input`,{id:n,name:n,ref:s,placeholder:i,className:[j.inputTextField,a===`glassy`?j.inputTextFieldGlassy:``,r?j.inputError:``,o??``].filter(Boolean).join(` `),"aria-invalid":!!r,"aria-describedby":r?`${n}-error`:void 0,...c}),r&&(0,t.jsx)(`span`,{id:`${n}-error`,className:j.errorMessage,children:r})]})}var N={wrapper:`_wrapper_1jqlw_1`,label:`_label_1jqlw_7`,labelGlassy:`_labelGlassy_1jqlw_13`,dropzone:`_dropzone_1jqlw_17`,dropzoneGlassy:`_dropzoneGlassy_1jqlw_32`,dragOver:`_dragOver_1jqlw_39`,errorState:`_errorState_1jqlw_48`,disabled:`_disabled_1jqlw_52`,hiddenInput:`_hiddenInput_1jqlw_57`,dropzoneContent:`_dropzoneContent_1jqlw_65`,placeholder:`_placeholder_1jqlw_74`,big:`_big_1jqlw_80`,small:`_small_1jqlw_86`,hint:`_hint_1jqlw_91`,selected:`_selected_1jqlw_111`,preview:`_preview_1jqlw_118`,fileMeta:`_fileMeta_1jqlw_127`,fileName:`_fileName_1jqlw_134`,fileSize:`_fileSize_1jqlw_142`,remove:`_remove_1jqlw_156`,errorMessage:`_errorMessage_1jqlw_198`};function P({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:[N.wrapper,d??``].filter(Boolean).join(` `),children:[(0,t.jsx)(`label`,{className:[N.label,s===`glassy`?N.labelGlassy:``].filter(Boolean).join(` `),htmlFor:g,children:e}),(0,t.jsxs)(`div`,{className:[N.dropzone,s===`glassy`?N.dropzoneGlassy:``,_?N.dragOver:``,o?N.errorState:``,u?N.disabled:``].filter(Boolean).join(` `),onDragOver:D,onDragLeave:O,onDrop:k,children:[(0,t.jsx)(`input`,{id:g,name:r,className:N.hiddenInput,type:`file`,accept:c,disabled:u,onChange:E,"aria-invalid":!!o,"aria-describedby":o?`${r}-error`:void 0,...m}),(0,t.jsx)(`label`,{htmlFor:g,className:N.dropzoneContent,children:S?(0,t.jsxs)(`span`,{className:N.selected,children:[C&&(0,t.jsx)(`img`,{className:N.preview,src:C,alt:`Vorschau von ${S.name}`}),(0,t.jsxs)(`span`,{className:N.fileMeta,children:[(0,t.jsx)(`span`,{className:N.fileName,children:S.name}),(0,t.jsxs)(`span`,{className:N.fileSize,children:[(S.size/1024).toFixed(0),` KB ·`,` `,S.type||`unknown`]})]})]}):(0,t.jsxs)(`span`,{className:N.placeholder,children:[(0,t.jsx)(`span`,{className:N.big,children:`Datei hier reinziehen`}),(0,t.jsx)(`span`,{className:N.small,children:`…oder klicken, um auszuwählen`}),(0,t.jsxs)(`span`,{className:N.hint,children:[`Erlaubt: `,c,` · max. `,j,` MB`]})]})}),S&&(0,t.jsx)(`button`,{type:`button`,className:N.remove,onClick:A,disabled:u,children:`Entfernen`})]}),o&&(0,t.jsx)(`span`,{id:`${r}-error`,className:N.errorMessage,children:o})]})}e.Button=i,e.Checkbox=o,e.Chip=c,e.DatePicker=u,e.Dropdown=h,e.Link=_,e.Password=b,e.PostalCode=w,e.RadioButton=E,e.Switch=O,e.TextField=M,e.Upload=P});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "suus-component-library",
-  "version": "0.1.7",
+  "version": "0.1.10",
   "type": "module",
   "main": "./dist/suus-component-library.umd.cjs",
   "module": "./dist/suus-component-library.js",
@@ -32,6 +32,7 @@
   },
   "devDependencies": {
     "@eslint/js": "^10.0.1",
+    "@storybook/addon-docs": "^10.4.1",
     "@storybook/react-vite": "^10.3.6",
     "@types/react": "latest",
     "@types/react-dom": "latest",
@@ -50,6 +51,6 @@
   },
   "dependencies": {
     "msw": "^2.14.6",
-    "suus-design-tokens": "^1.0.13"
+    "suus-design-tokens": "^1.0.18"
   }
 }

package/dist/components/form/button/Button.stories.d.ts

@@ -1,33 +0,0 @@
-import { StoryObj } from '@storybook/react-vite';
-import { default as Button } from './Button';
-declare const meta: {
-    title: string;
-    component: typeof Button;
-    parameters: {
-        layout: string;
-    };
-    tags: string[];
-    argTypes: {
-        variant: {
-            control: "select";
-            options: string[];
-        };
-        disabled: {
-            control: "boolean";
-        };
-        label: {
-            control: "text";
-        };
-        colorToken: {
-            control: "select";
-            options: string[];
-        };
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Primary: Story;
-export declare const Secondary: Story;
-export declare const Disabled: Story;
-export declare const Icon: Story;
-//# sourceMappingURL=Button.stories.d.ts.map

package/dist/components/form/button/Button.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/form/button/Button.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,MAAM,MAAM,UAAU,CAAC;AAE9B,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;CA4BqB,CAAC;AAEhC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAYvB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,KA+BlB,CAAC"}

package/dist/components/form/checkbox/Checkbox.stories.d.ts

@@ -1,25 +0,0 @@
-import { StoryObj } from '@storybook/react';
-import { default as Checkbox } from './Checkbox';
-declare const meta: {
-    title: string;
-    component: typeof Checkbox;
-    parameters: {
-        layout: string;
-    };
-    argTypes: {
-        variant: {
-            control: "select";
-            options: string[];
-        };
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const Checked: Story;
-export declare const Disabled: Story;
-export declare const DisabledChecked: Story;
-export declare const Error: Story;
-export declare const ErrorChecked: Story;
-export declare const Glassy: Story;
-//# sourceMappingURL=Checkbox.stories.d.ts.map

package/dist/components/form/checkbox/Checkbox.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Checkbox.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/form/checkbox/Checkbox.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,QAAA,MAAM,IAAI;;;;;;;;;;;;CAYuB,CAAC;AAElC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAO7B,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAMnB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAO1B,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAuBpB,CAAC"}

package/dist/components/form/chip/Chip.stories.d.ts

@@ -1,37 +0,0 @@
-import { StoryObj } from '@storybook/react-vite';
-import { default as Chip } from './Chip';
-declare const meta: {
-    title: string;
-    component: typeof Chip;
-    parameters: {
-        layout: string;
-    };
-    tags: string[];
-    argTypes: {
-        children: {
-            control: "text";
-        };
-        variant: {
-            control: "select";
-            options: string[];
-        };
-        title: {
-            control: "text";
-        };
-    };
-    args: {
-        children: string;
-        variant: "default";
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const DefaultLongText: Story;
-export declare const Glassy: Story;
-export declare const GlassyLongText: Story;
-export declare const WithTitleAttribute: Story;
-export declare const CustomColors: Story;
-export declare const MultipleChips: Story;
-export declare const MultipleGlassyChips: Story;
-//# sourceMappingURL=Chip.stories.d.ts.map

package/dist/components/form/chip/Chip.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Chip.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/form/chip/Chip.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,IAAI,MAAM,QAAQ,CAAC;AAE1B,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;CAuBmB,CAAC;AAE9B,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAK7B,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAUpB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAU5B,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAMhC,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAU1B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAiB3B,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAsBjC,CAAC"}

package/dist/components/form/date-picker/DatePicker.stories.d.ts

@@ -1,389 +0,0 @@
-import { StoryObj } from '@storybook/react-vite';
-import { default as DatePicker } from './DatePicker';
-declare const meta: {
-    title: string;
-    component: typeof DatePicker;
-    parameters: {
-        layout: string;
-    };
-    tags: string[];
-    argTypes: {
-        label: {
-            control: "text";
-        };
-        name: {
-            control: "text";
-        };
-        variant: {
-            control: "select";
-            options: string[];
-        };
-        disabled: {
-            control: "boolean";
-        };
-        required: {
-            control: "boolean";
-        };
-        error: {
-            control: "text";
-        };
-        value: {
-            table: {
-                disable: true;
-            };
-        };
-        minDate: {
-            table: {
-                disable: true;
-            };
-        };
-        maxDate: {
-            table: {
-                disable: true;
-            };
-        };
-        onDateChange: {
-            action: string;
-        };
-        onBlur: {
-            action: string;
-        };
-    };
-    args: {
-        label: string;
-        name: string;
-        variant: "default";
-        disabled: false;
-        required: false;
-    };
-    decorators: ((Story: import('storybook/internal/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
-        label: string;
-        name: string;
-        value?: (Date | null) | undefined;
-        maxDate?: Date | undefined;
-        minDate?: Date | undefined;
-        error?: string | undefined;
-        variant?: "glassy" | "default" | undefined;
-        ref?: import('react').Ref<HTMLInputElement> | undefined;
-        onDateChange?: ((date: Date | null) => void) | undefined;
-        onClick?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
-        disabled?: boolean | undefined | undefined;
-        form?: string | undefined | undefined;
-        formAction?: string | ((formData: FormData) => void | Promise<void>) | undefined;
-        formEncType?: string | undefined | undefined;
-        formMethod?: string | undefined | undefined;
-        formNoValidate?: boolean | undefined | undefined;
-        formTarget?: string | undefined | undefined;
-        defaultChecked?: boolean | undefined | undefined;
-        defaultValue?: string | number | readonly string[] | undefined;
-        suppressContentEditableWarning?: boolean | undefined | undefined;
-        suppressHydrationWarning?: boolean | undefined | undefined;
-        accessKey?: string | undefined | undefined;
-        autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
-        autoFocus?: boolean | undefined | undefined;
-        className?: string | undefined | undefined;
-        contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
-        contextMenu?: string | undefined | undefined;
-        dir?: string | undefined | undefined;
-        draggable?: (boolean | "true" | "false") | undefined;
-        enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
-        hidden?: boolean | undefined | undefined;
-        id?: string | undefined | undefined;
-        lang?: string | undefined | undefined;
-        nonce?: string | undefined | undefined;
-        slot?: string | undefined | undefined;
-        spellCheck?: (boolean | "true" | "false") | undefined;
-        style?: import('react').CSSProperties | undefined;
-        tabIndex?: number | undefined | undefined;
-        title?: string | undefined | undefined;
-        translate?: "yes" | "no" | undefined | undefined;
-        radioGroup?: string | undefined | undefined;
-        role?: import('react').AriaRole | undefined;
-        about?: string | undefined | undefined;
-        content?: string | undefined | undefined;
-        datatype?: string | undefined | undefined;
-        inlist?: any;
-        prefix?: string | undefined | undefined;
-        property?: string | undefined | undefined;
-        rel?: string | undefined | undefined;
-        resource?: string | undefined | undefined;
-        rev?: string | undefined | undefined;
-        typeof?: string | undefined | undefined;
-        vocab?: string | undefined | undefined;
-        autoCorrect?: string | undefined | undefined;
-        autoSave?: string | undefined | undefined;
-        color?: string | undefined | undefined;
-        itemProp?: string | undefined | undefined;
-        itemScope?: boolean | undefined | undefined;
-        itemType?: string | undefined | undefined;
-        itemID?: string | undefined | undefined;
-        itemRef?: string | undefined | undefined;
-        results?: number | undefined | undefined;
-        security?: string | undefined | undefined;
-        unselectable?: "on" | "off" | undefined | undefined;
-        popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
-        popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
-        popoverTarget?: string | undefined | undefined;
-        inert?: boolean | undefined | undefined;
-        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
-        is?: string | undefined | undefined;
-        exportparts?: string | undefined | undefined;
-        part?: string | undefined | undefined;
-        "aria-activedescendant"?: string | undefined | undefined;
-        "aria-atomic"?: (boolean | "true" | "false") | undefined;
-        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
-        "aria-braillelabel"?: string | undefined | undefined;
-        "aria-brailleroledescription"?: string | undefined | undefined;
-        "aria-busy"?: (boolean | "true" | "false") | undefined;
-        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
-        "aria-colcount"?: number | undefined | undefined;
-        "aria-colindex"?: number | undefined | undefined;
-        "aria-colindextext"?: string | undefined | undefined;
-        "aria-colspan"?: number | undefined | undefined;
-        "aria-controls"?: string | undefined | undefined;
-        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
-        "aria-describedby"?: string | undefined | undefined;
-        "aria-description"?: string | undefined | undefined;
-        "aria-details"?: string | undefined | undefined;
-        "aria-disabled"?: (boolean | "true" | "false") | undefined;
-        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
-        "aria-errormessage"?: string | undefined | undefined;
-        "aria-expanded"?: (boolean | "true" | "false") | undefined;
-        "aria-flowto"?: string | undefined | undefined;
-        "aria-grabbed"?: (boolean | "true" | "false") | undefined;
-        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
-        "aria-hidden"?: (boolean | "true" | "false") | undefined;
-        "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
-        "aria-keyshortcuts"?: string | undefined | undefined;
-        "aria-label"?: string | undefined | undefined;
-        "aria-labelledby"?: string | undefined | undefined;
-        "aria-level"?: number | undefined | undefined;
-        "aria-live"?: "off" | "assertive" | "polite" | undefined | undefined;
-        "aria-modal"?: (boolean | "true" | "false") | undefined;
-        "aria-multiline"?: (boolean | "true" | "false") | undefined;
-        "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
-        "aria-orientation"?: "horizontal" | "vertical" | undefined | undefined;
-        "aria-owns"?: string | undefined | undefined;
-        "aria-placeholder"?: string | undefined | undefined;
-        "aria-posinset"?: number | undefined | undefined;
-        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
-        "aria-readonly"?: (boolean | "true" | "false") | undefined;
-        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
-        "aria-required"?: (boolean | "true" | "false") | undefined;
-        "aria-roledescription"?: string | undefined | undefined;
-        "aria-rowcount"?: number | undefined | undefined;
-        "aria-rowindex"?: number | undefined | undefined;
-        "aria-rowindextext"?: string | undefined | undefined;
-        "aria-rowspan"?: number | undefined | undefined;
-        "aria-selected"?: (boolean | "true" | "false") | undefined;
-        "aria-setsize"?: number | undefined | undefined;
-        "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
-        "aria-valuemax"?: number | undefined | undefined;
-        "aria-valuemin"?: number | undefined | undefined;
-        "aria-valuenow"?: number | undefined | undefined;
-        "aria-valuetext"?: string | undefined | undefined;
-        children?: import('react').ReactNode;
-        dangerouslySetInnerHTML?: {
-            __html: string | TrustedHTML;
-        } | undefined | undefined;
-        onCopy?: import('react').ClipboardEventHandler<HTMLInputElement> | undefined;
-        onCopyCapture?: import('react').ClipboardEventHandler<HTMLInputElement> | undefined;
-        onCut?: import('react').ClipboardEventHandler<HTMLInputElement> | undefined;
-        onCutCapture?: import('react').ClipboardEventHandler<HTMLInputElement> | undefined;
-        onPaste?: import('react').ClipboardEventHandler<HTMLInputElement> | undefined;
-        onPasteCapture?: import('react').ClipboardEventHandler<HTMLInputElement> | undefined;
-        onCompositionEnd?: import('react').CompositionEventHandler<HTMLInputElement> | undefined;
-        onCompositionEndCapture?: import('react').CompositionEventHandler<HTMLInputElement> | undefined;
-        onCompositionStart?: import('react').CompositionEventHandler<HTMLInputElement> | undefined;
-        onCompositionStartCapture?: import('react').CompositionEventHandler<HTMLInputElement> | undefined;
-        onCompositionUpdate?: import('react').CompositionEventHandler<HTMLInputElement> | undefined;
-        onCompositionUpdateCapture?: import('react').CompositionEventHandler<HTMLInputElement> | undefined;
-        onFocus?: import('react').FocusEventHandler<HTMLInputElement> | undefined;
-        onFocusCapture?: import('react').FocusEventHandler<HTMLInputElement> | undefined;
-        onBlur?: import('react').FocusEventHandler<HTMLInputElement> | undefined;
-        onBlurCapture?: import('react').FocusEventHandler<HTMLInputElement> | undefined;
-        onChangeCapture?: import('react').ChangeEventHandler<HTMLInputElement, Element> | undefined;
-        onBeforeInput?: import('react').InputEventHandler<HTMLInputElement> | undefined;
-        onBeforeInputCapture?: import('react').InputEventHandler<HTMLInputElement> | undefined;
-        onInput?: import('react').InputEventHandler<HTMLInputElement> | undefined;
-        onInputCapture?: import('react').InputEventHandler<HTMLInputElement> | undefined;
-        onReset?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
-        onResetCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
-        onSubmit?: import('react').SubmitEventHandler<HTMLInputElement> | undefined;
-        onSubmitCapture?: import('react').SubmitEventHandler<HTMLInputElement> | undefined;
-        onInvalid?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
-        onInvalidCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
-        onLoad?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
-        onLoadCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
-        onError?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
-        onErrorCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
-        onKeyDown?: import('react').KeyboardEventHandler<HTMLInputElement> | undefined;
-        onKeyDownCapture?: import('react').KeyboardEventHandler<HTMLInputElement> | undefined;
-        onKeyPress?: import('react').KeyboardEventHandler<HTMLInputElement> | undefined;
-        onKeyPressCapture?: import('react').KeyboardEventHandler<HTMLInputElement> | undefined;
-        onKeyUp?: import('react').KeyboardEventHandler<HTMLInputElement> | undefined;
-        onKeyUpCapture?: import('react').KeyboardEventHandler<HTMLInputElement> | undefined;
-        onAbort?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
-        onAbortCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
-        onCanPlay?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
-        onCanPlayCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
-        onCanPlayThrough?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
-        onCanPlayThroughCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
-        onDurationChange?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
-        onDurationChangeCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
-        onEmptied?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
-        onEmptiedCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
-        onEncrypted?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
-        onEncryptedCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
-        onEnded?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
-        onEndedCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
-        onLoadedData?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
-        onLoadedDataCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
-        onLoadedMetadata?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
-        onLoadedMetadataCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
-        onLoadStart?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
-        onLoadStartCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
-        onPause?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
-        onPauseCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
-        onPlay?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
-        onPlayCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
-        onPlaying?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
-        onPlayingCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
-        onProgress?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
-        onProgressCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
-        onRateChange?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
-        onRateChangeCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
-        onSeeked?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
-        onSeekedCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
-        onSeeking?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
-        onSeekingCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
-        onStalled?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
-        onStalledCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
-        onSuspend?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
-        onSuspendCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
-        onTimeUpdate?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
-        onTimeUpdateCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
-        onVolumeChange?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
-        onVolumeChangeCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
-        onWaiting?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
-        onWaitingCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
-        onAuxClick?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
-        onAuxClickCapture?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
-        onClickCapture?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
-        onContextMenu?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
-        onContextMenuCapture?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
-        onDoubleClick?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
-        onDoubleClickCapture?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
-        onDrag?: import('react').DragEventHandler<HTMLInputElement> | undefined;
-        onDragCapture?: import('react').DragEventHandler<HTMLInputElement> | undefined;
-        onDragEnd?: import('react').DragEventHandler<HTMLInputElement> | undefined;
-        onDragEndCapture?: import('react').DragEventHandler<HTMLInputElement> | undefined;
-        onDragEnter?: import('react').DragEventHandler<HTMLInputElement> | undefined;
-        onDragEnterCapture?: import('react').DragEventHandler<HTMLInputElement> | undefined;
-        onDragExit?: import('react').DragEventHandler<HTMLInputElement> | undefined;
-        onDragExitCapture?: import('react').DragEventHandler<HTMLInputElement> | undefined;
-        onDragLeave?: import('react').DragEventHandler<HTMLInputElement> | undefined;
-        onDragLeaveCapture?: import('react').DragEventHandler<HTMLInputElement> | undefined;
-        onDragOver?: import('react').DragEventHandler<HTMLInputElement> | undefined;
-        onDragOverCapture?: import('react').DragEventHandler<HTMLInputElement> | undefined;
-        onDragStart?: import('react').DragEventHandler<HTMLInputElement> | undefined;
-        onDragStartCapture?: import('react').DragEventHandler<HTMLInputElement> | undefined;
-        onDrop?: import('react').DragEventHandler<HTMLInputElement> | undefined;
-        onDropCapture?: import('react').DragEventHandler<HTMLInputElement> | undefined;
-        onMouseDown?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
-        onMouseDownCapture?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
-        onMouseEnter?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
-        onMouseLeave?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
-        onMouseMove?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
-        onMouseMoveCapture?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
-        onMouseOut?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
-        onMouseOutCapture?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
-        onMouseOver?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
-        onMouseOverCapture?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
-        onMouseUp?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
-        onMouseUpCapture?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
-        onSelect?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
-        onSelectCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
-        onTouchCancel?: import('react').TouchEventHandler<HTMLInputElement> | undefined;
-        onTouchCancelCapture?: import('react').TouchEventHandler<HTMLInputElement> | undefined;
-        onTouchEnd?: import('react').TouchEventHandler<HTMLInputElement> | undefined;
-        onTouchEndCapture?: import('react').TouchEventHandler<HTMLInputElement> | undefined;
-        onTouchMove?: import('react').TouchEventHandler<HTMLInputElement> | undefined;
-        onTouchMoveCapture?: import('react').TouchEventHandler<HTMLInputElement> | undefined;
-        onTouchStart?: import('react').TouchEventHandler<HTMLInputElement> | undefined;
-        onTouchStartCapture?: import('react').TouchEventHandler<HTMLInputElement> | undefined;
-        onPointerDown?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
-        onPointerDownCapture?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
-        onPointerMove?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
-        onPointerMoveCapture?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
-        onPointerUp?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
-        onPointerUpCapture?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
-        onPointerCancel?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
-        onPointerCancelCapture?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
-        onPointerEnter?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
-        onPointerLeave?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
-        onPointerOver?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
-        onPointerOverCapture?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
-        onPointerOut?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
-        onPointerOutCapture?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
-        onGotPointerCapture?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
-        onGotPointerCaptureCapture?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
-        onLostPointerCapture?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
-        onLostPointerCaptureCapture?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
-        onScroll?: import('react').UIEventHandler<HTMLInputElement> | undefined;
-        onScrollCapture?: import('react').UIEventHandler<HTMLInputElement> | undefined;
-        onScrollEnd?: import('react').UIEventHandler<HTMLInputElement> | undefined;
-        onScrollEndCapture?: import('react').UIEventHandler<HTMLInputElement> | undefined;
-        onWheel?: import('react').WheelEventHandler<HTMLInputElement> | undefined;
-        onWheelCapture?: import('react').WheelEventHandler<HTMLInputElement> | undefined;
-        onAnimationStart?: import('react').AnimationEventHandler<HTMLInputElement> | undefined;
-        onAnimationStartCapture?: import('react').AnimationEventHandler<HTMLInputElement> | undefined;
-        onAnimationEnd?: import('react').AnimationEventHandler<HTMLInputElement> | undefined;
-        onAnimationEndCapture?: import('react').AnimationEventHandler<HTMLInputElement> | undefined;
-        onAnimationIteration?: import('react').AnimationEventHandler<HTMLInputElement> | undefined;
-        onAnimationIterationCapture?: import('react').AnimationEventHandler<HTMLInputElement> | undefined;
-        onToggle?: import('react').ToggleEventHandler<HTMLInputElement> | undefined;
-        onBeforeToggle?: import('react').ToggleEventHandler<HTMLInputElement> | undefined;
-        onTransitionCancel?: import('react').TransitionEventHandler<HTMLInputElement> | undefined;
-        onTransitionCancelCapture?: import('react').TransitionEventHandler<HTMLInputElement> | undefined;
-        onTransitionEnd?: import('react').TransitionEventHandler<HTMLInputElement> | undefined;
-        onTransitionEndCapture?: import('react').TransitionEventHandler<HTMLInputElement> | undefined;
-        onTransitionRun?: import('react').TransitionEventHandler<HTMLInputElement> | undefined;
-        onTransitionRunCapture?: import('react').TransitionEventHandler<HTMLInputElement> | undefined;
-        onTransitionStart?: import('react').TransitionEventHandler<HTMLInputElement> | undefined;
-        onTransitionStartCapture?: import('react').TransitionEventHandler<HTMLInputElement> | undefined;
-        list?: string | undefined | undefined;
-        step?: number | string | undefined | undefined;
-        accept?: string | undefined | undefined;
-        alt?: string | undefined | undefined;
-        autoComplete?: import('react').HTMLInputAutoCompleteAttribute | undefined;
-        capture?: boolean | "user" | "environment" | undefined | undefined;
-        checked?: boolean | undefined | undefined;
-        height?: number | string | undefined | undefined;
-        maxLength?: number | undefined | undefined;
-        minLength?: number | undefined | undefined;
-        multiple?: boolean | undefined | undefined;
-        pattern?: string | undefined | undefined;
-        placeholder?: string | undefined | undefined;
-        readOnly?: boolean | undefined | undefined;
-        required?: boolean | undefined | undefined;
-        size?: number | undefined | undefined;
-        src?: string | undefined | undefined;
-        width?: number | string | undefined | undefined;
-    }>) => import("react/jsx-runtime").JSX.Element)[];
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const WithValue: Story;
-export declare const WithMinAndMaxDate: Story;
-export declare const Required: Story;
-export declare const Error: Story;
-export declare const Disabled: Story;
-export declare const Glassy: Story;
-export declare const GlassyWithValue: Story;
-export declare const GlassyError: Story;
-export declare const GlassyDisabled: Story;
-export declare const Controlled: Story;
-export declare const ControlledGlassy: Story;
-//# sourceMappingURL=DatePicker.stories.d.ts.map

package/dist/components/form/date-picker/DatePicker.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DatePicker.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/form/date-picker/DatePicker.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,UAAU,MAAM,cAAc,CAAC;AAEtC,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+DyB,CAAC;AAEpC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAOvB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAS/B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAOtB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAOnB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAQtB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAWpB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAY7B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAYzB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAa5B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAgCxB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAsC9B,CAAC"}