@mmb-digital/design-system-web 0.1.125 → 0.1.127

package/dist/index.cjs.js

@@ -1497,7 +1497,7 @@ function Ld(e,t,n){return t=jd(t),function(e,t){if(t&&("object"==typeof t||"func
 	::placeholder {
 		color: ${({theme:e})=>e.palette.grey700};
 	}
-`,Zh=(t,n)=>{const r=e.useRef(null),[o,i]=e.useState(void 0),a=e.useRef(void 0),s=Boolean(t)||0===t,l=e.useCallback((()=>{r.current?i((e=>{var t;return a.current=e,null===(t=r.current)||void 0===t?void 0:t.offsetWidth})):i(void 0)}),[]),u=ft(l,500,{maxWait:500});e.useLayoutEffect((()=>{l()}),[s,l]),e.useEffect((()=>{var e;null===(e=n.current)||void 0===e||e.addEventListener("focus",l);const t=n.current;return()=>{null==t||t.removeEventListener("focus",l)}}),[n,l]),e.useEffect((()=>(s&&window.addEventListener("resize",u),()=>{s&&window.removeEventListener("resize",u)})),[s,u]);gt({onResize:e.useCallback((()=>{l()}),[l]),ref:r});const c=a.current;return{width:s&&0===o&&void 0!==c&&c>0?c:o,wrapperRef:r}},Xh=e.forwardRef(((t,n)=>{const{button:r,colorInput:o,colorScheme:i,disabled:a,halfWidth:s,hasError:l=!1,icon:u,id:c,maxLength:d,name:p,onBlur:h,onChange:f,onFocus:m,placeholder:g,prefix:v,prefixColor:b,size:y,suffix:x,textAlign:w,type:k,value:C,weight:I=exports.FontWeight.regular400}=t,E=Ra(t,["button","colorInput","colorScheme","disabled","halfWidth","hasError","icon","id","maxLength","name","onBlur","onChange","onFocus","placeholder","prefix","prefixColor","size","suffix","textAlign","type","value","weight"]),{chooseColor:S,colorScheme:_}=co(t),T=e.useRef(null),D=sr([n,T]),{width:M,wrapperRef:A}=Zh(v,T),{width:L,wrapperRef:N}=Zh(x,T);return e.createElement(Bh,{$halfWidth:s,$size:y},void 0!==u&&e.createElement(zh,null,u),void 0!==v&&""!==v&&e.createElement(jh,{$chooseColor:S,$prefixColor:b,ref:A},v),e.createElement(Hh,Object.assign({$chooseColor:S,$colorInput:o,$colorScheme:_,$hasError:l,$hasIcon:void 0!==u,$prefixWidth:M,$size:y,$suffixWidth:L,$textAlign:w,$weight:I,disabled:a,id:c,maxLength:d,name:p,placeholder:g,ref:D,type:k,value:C,onBlur:h,onChange:f,onFocus:m},E)),void 0!==x&&""!==x&&e.createElement(Yh,{$chooseColor:S,ref:N},x),void 0!==r&&e.createElement(Gh,null,r))}));var Uh;Xh.displayName="InputBase",exports.InputLabelSize=void 0,(Uh=exports.InputLabelSize||(exports.InputLabelSize={})).lg="lg",Uh.md="md",Uh.sm="sm",Uh.xs="xs";const Jh=t.div`
+`,Zh=(t,n)=>{const r=e.useRef(null),[o,i]=e.useState(void 0),a=e.useRef(void 0),s=Boolean(t)||0===t,l=e.useCallback((()=>{r.current?i((e=>{var t;return a.current=e,null===(t=r.current)||void 0===t?void 0:t.offsetWidth})):i(void 0)}),[]),u=ft(l,500,{maxWait:500});e.useLayoutEffect((()=>{l()}),[s,l]),e.useEffect((()=>{var e;null===(e=n.current)||void 0===e||e.addEventListener("focus",l);const t=n.current;return()=>{null==t||t.removeEventListener("focus",l)}}),[n,l]),e.useEffect((()=>(s&&window.addEventListener("resize",u),()=>{s&&window.removeEventListener("resize",u)})),[s,u]);gt({onResize:e.useCallback((()=>{l()}),[l]),ref:r});const c=a.current;return{width:s&&0===o&&void 0!==c&&c>0?c:o,wrapperRef:r}},Xh=e.forwardRef(((t,n)=>{const{button:r,colorInput:o,colorScheme:i,disabled:a,halfWidth:s,hasError:l=!1,icon:u,id:c,isPastingDisabled:d=!1,maxLength:p,name:h,onBlur:f,onChange:m,onFocus:g,placeholder:v,prefix:b,prefixColor:y,size:x,suffix:w,textAlign:k,type:C,value:I,weight:E=exports.FontWeight.regular400}=t,S=Ra(t,["button","colorInput","colorScheme","disabled","halfWidth","hasError","icon","id","isPastingDisabled","maxLength","name","onBlur","onChange","onFocus","placeholder","prefix","prefixColor","size","suffix","textAlign","type","value","weight"]),{chooseColor:_,colorScheme:T}=co(t),D=e.useRef(null),M=sr([n,D]),{width:A,wrapperRef:L}=Zh(b,D),{width:N,wrapperRef:O}=Zh(w,D),P=e.useCallback((e=>{d&&e.preventDefault()}),[d]);return e.createElement(Bh,{$halfWidth:s,$size:x},void 0!==u&&e.createElement(zh,null,u),void 0!==b&&""!==b&&e.createElement(jh,{$chooseColor:_,$prefixColor:y,ref:L},b),e.createElement(Hh,Object.assign({$chooseColor:_,$colorInput:o,$colorScheme:T,$hasError:l,$hasIcon:void 0!==u,$prefixWidth:A,$size:x,$suffixWidth:N,$textAlign:k,$weight:E,disabled:a,id:c,maxLength:p,name:h,placeholder:v,ref:M,type:C,value:I,onBlur:f,onChange:m,onFocus:g,onPaste:P},S)),void 0!==w&&""!==w&&e.createElement(Yh,{$chooseColor:_,ref:O},w),void 0!==r&&e.createElement(Gh,null,r))}));var Uh;Xh.displayName="InputBase",exports.InputLabelSize=void 0,(Uh=exports.InputLabelSize||(exports.InputLabelSize={})).lg="lg",Uh.md="md",Uh.sm="sm",Uh.xs="xs";const Jh=t.div`
 	display: flex;
 	gap: ${({theme:e})=>e.spacing.xxs};
 	align-items: center;
@@ -2238,5 +2238,5 @@ function Ld(e,t,n){return t=jd(t),function(e,t){if(t&&("object"==typeof t||"func
 				flex-wrap: wrap-reverse;
 				justify-content: space-between;
 			`:void 0};
-`;exports.Accordion=t=>{const{data:n}=t,[r,o]=e.useState(null);return e.createElement(s,null,n.map(((t,n)=>e.createElement(Oe,{key:t.id,content:t.content,description:t.description,icon:t.icon,id:t.id,isOpen:r===n,label:t.label,onClick:()=>(e=>{o((t=>t===e?null:e))})(n)}))))},exports.AccordionContent=Re,exports.AccordionItem=Oe,exports.AccordionKeyValue=n=>{const{colorScheme:r,label:o,value:i}=n,a=t.useTheme(),s=x(null!=r?r:exports.ColorScheme.light);return e.createElement(Re,{colorScheme:r},e.createElement(Ve,null,e.createElement(w,{color:s(a.colors.fg.neutral.default),variant:exports.TypographyVariant.textSm,weight:exports.FontWeight.medium500},o)),e.createElement(Be,null,e.createElement(w,{color:s(a.colors.fg.neutral.subtle),variant:exports.TypographyVariant.textSm,weight:exports.FontWeight.medium500},i)))},exports.AsyncReactSelect=t=>{const{control:n,defaultPlaceholder:o,name:i,optionIcon:a}=t,s=Ra(t,["control","defaultPlaceholder","name","optionIcon"]),[l,u]=e.useState(),[c,d]=e.useState(o),p=()=>d("");return e.createElement(r.Controller,{control:n,name:i,render:({field:t})=>{var n;return e.createElement(tw,Object.assign({},s,t,{customComponents:{Input:aw,DropdownIndicator:null,Control:sw,Option:t=>((t,n)=>{var{children:r,data:o}=t,i=Ra(t,["children","data"]);return e.createElement(Ry.Option,Object.assign({data:o},i),e.createElement(rw,null,n&&e.createElement(_e,{size:n.size,type:n.type}),e.createElement(ow,null,r)))})(t,a)},inputValue:null===(n=t.value)||void 0===n?void 0:n.label,isSearchable:!0,loadingMessage:()=>null,noOptionsMessage:()=>null,placeholder:c,type:qx.ASYNC_SELECT,value:l,onBlur:()=>(e=>{""===e.label&&d(o)})(t.value),onChange:e=>((e,t)=>{t.onChange(e)})(e,t),onFocus:p,onInputChange:(e,n)=>((e,{action:t},n)=>{"input-change"===t&&(u(null),n.onChange({value:null,label:e}))})(e,n,t)}))}})},exports.Button=mo,exports.ButtonsLayout=t=>{const{align:n,buttons:r,direction:o,gap:i=exports.Spacing.md}=t;return e.createElement(lI,{$align:n,$direction:o,$gap:i},r.filter(fo).map(((t,n)=>e.createElement(e.Fragment,{key:n},t))))},exports.CalculatorResult=Ms,exports.CalculatorResultBox=t=>{const{bodyItems:n,description:r,header:o,htmlRef:i,main:a,mediaType:s,modal:l,resultWrapperHtmlRef:u}=t,[c,d]=e.useState(!1);return e.createElement(As,{$isDescriptionVisible:void 0!==r,$mediaType:s,ref:i},e.createElement(Ms,{bodyItems:n,header:o,htmlRef:u,main:a}),e.createElement(Ls,null,void 0!==r&&e.createElement(Ns,null,e.createElement(w,{fullWidth:!0,textAlign:exports.TypographyTextAlign.center,variant:exports.TypographyVariant.textSm},r)),void 0!==l&&e.createElement(e.Fragment,null,e.createElement(Oa,{hideCloseButton:!1,isOpen:c,onClose:()=>{d(!1)}},l.content),e.createElement(Os,null,e.createElement(Ps,{onClick:()=>{d(!0)}},e.createElement(w,{variant:exports.TypographyVariant.textSm,weight:exports.FontWeight.medium500},l.text,e.createElement(Rs,null,e.createElement(Vs,null,e.createElement(_e,{size:exports.IconSystemSize.big,type:exports.IconSystemType.chevronRight})))))))))},exports.Checkbox=Zm,exports.ColorSchemeProvider=so,exports.DatePicker=Vm,exports.DesignSystemProvider=t=>{const{children:n,colorScheme:r,mediaType:o}=t;let i=n;return void 0!==r&&(i=e.createElement(so,{colorScheme:r},i)),void 0!==o&&(i=e.createElement(to,{mediaType:o},i)),i},exports.EmailInput=hf,exports.ErrorBox=n=>{const{colorScheme:r,content:o,items:i,title:a}=n,s=t.useTheme(),l=x(r);return e.createElement(yi,{$chooseColor:l},void 0!==a&&e.createElement(w,{color:l(s.colors.fg.error),variant:exports.TypographyVariant.textLg,weight:exports.FontWeight.semiBold600},a),void 0!==i&&i.length>0&&e.createElement(Ci,{colorScheme:r,items:i}),void 0!==o&&o)},exports.FieldLabelStoreProvider=t=>{const{children:n}=t,r=e.useRef({}),o=e.useMemo((()=>({labels:r.current,registerLabel:(e,t)=>{r.current[e]=t}})),[]);return e.createElement(po.Provider,{value:o},n)},exports.FieldWrapper=uf,exports.FieldWrapperContext=lf,exports.FormattedAmount=Js,exports.FormattedHtmlMessage=rs,exports.FormattedMessage=t=>{const{defaultMessage:n,description:r,id:o,values:i}=t;return e.createElement(ns,{defaultMessage:n,description:r,id:o,values:i},(t=>e.createElement("span",{"data-message-id":o},t)))},exports.FormattedPercentage=Xs,exports.IconProduct=Xi,exports.IconSystem=_e,exports.Infobox=n=>{const{children:r,colorScheme:o,fullWidth:i=!1,iconProduct:a,isWarning:s=!1,mediaType:l,size:u,textContent:c,variant:d}=n,p=t.useTheme(),h=x(o),f=e.useMemo((()=>{switch(l){case exports.MediaType.desktop:return exports.IconProductSize.big;case exports.MediaType.mobile:return exports.IconProductSize.small;default:throw new Error("unexpected value of enum MediaType in infobox.tsx iconSize")}}),[l]),m=e.useMemo((()=>{switch(!0){case s:return h(p.colors.fg.accent.default);case o===exports.ColorScheme.dark:return p.colors.fg.neutral.white.dark;case o===exports.ColorScheme.light:return;default:throw new Error("unexpected combination of conditions in infobox.tsx iconStroke")}}),[h,o,s,p.colors.fg.accent.default,p.colors.fg.neutral.white]);return e.createElement(Si,{$chooseColor:h,$colorScheme:o,$fullWidth:i,$isWarning:s,$mediaType:l,$size:u,$variant:d},void 0===a&&void 0===c&&fo(r)&&r,(void 0!==a||void 0!==c)&&e.createElement(Ti,{$mediaType:l},void 0!==a&&e.createElement(Mi,{$colorScheme:o,$mediaType:l},e.createElement(Xi,{colorScheme:o,size:f,stroke:m,type:a,variant:Ri.default})),void 0===c&&fo(r)&&e.createElement(Li,null,r),void 0!==c&&e.createElement(Ni,{$mediaType:l},e.createElement(Ai,null,e.createElement("div",null,c.primary),void 0!==c.secondary&&e.createElement("div",null,c.secondary)),void 0!==r&&e.createElement(Li,null,r))))},exports.InputBase=Xh,exports.InputLabel=Kh,exports.Loader=Gs,exports.LoaderOverlayBox=t=>{const{colorScheme:n,loaderSize:r}=t;return e.createElement(Ys,{$colorScheme:n},e.createElement(Gs,{colorScheme:n,loaderSize:r}))},exports.MaskedInput=nm,exports.MaskedInputBase=tm,exports.MaskedInputField=om,exports.MediaTypeProvider=to,exports.Modal=Oa,exports.NumberInput=im,exports.NumberInputField=am,exports.Paper=Dw,exports.PhoneInput=lm,exports.PhoneInputField=pm,exports.PhoneInputNext=dm,exports.ProgressPaper=t=>{const{children:n,progressDefinition:r}=t,o=Ra(t,["children","progressDefinition"]),{activeStepIndex:i,numberOfSteps:a}=r,{colorScheme:s,mediaType:l}=co(t);return e.createElement(Mw,Object.assign({},o,{colorScheme:s,mediaType:l}),e.createElement(Aw,null,e.createElement(Ow,{activeStepIndex:i,colorScheme:s,mediaType:l,numberOfSteps:a})),n)},exports.Radio=ig,exports.RadioButton=cg,exports.RadioButtonsHorizontal=gg,exports.ReactSelect=t=>{const{control:n,name:o}=t,i=Ra(t,["control","name"]);return e.createElement(r.Controller,{control:n,name:o,render:({field:t})=>e.createElement(tw,Object.assign({},i,t))})},exports.ReactSelectBase=tw,exports.ReactSelectField=t=>{const{childrenWidth:n,control:o,controlMobileWidth:i,controlSectionWidth:a,controlWidth:s,errorMessage:l,hasError:u,hintText:c,id:d,label:p,labelSuffix:h,name:f,tooltip:m}=t,g=Ra(t,["childrenWidth","control","controlMobileWidth","controlSectionWidth","controlWidth","errorMessage","hasError","hintText","id","label","labelSuffix","name","tooltip"]);return e.createElement(uf,{childrenWidth:n,controlMobileWidth:i,controlSectionWidth:a,controlWidth:s,errorMessage:l,hasError:u,hintText:c,id:d,label:p,labelSuffix:h,tooltip:m},e.createElement(r.Controller,{control:o,name:f,render:({field:t})=>e.createElement(nw,Object.assign({},g,{inputId:d,isError:u},t))}))},exports.SearchInput=fm,exports.Select=iI,exports.SelectControl=oI,exports.SelectField=t=>{const{items:n,name:o,options:i,shouldResetInvalidValues:a=!1}=t,s=Ra(t,["items","name","options","shouldResetInvalidValues"]),{control:l,resetField:u}=r.useFormContext(),{field:c,fieldState:{error:d}}=r.useController({name:o,control:l,rules:i,defaultValue:null}),p=c.value;return e.useEffect((()=>{a&&null!=p&&!n.includes(p)&&u(o)}),[n,o,u,a,p]),e.createElement(iI,Object.assign({errorMessage:null==d?void 0:d.message,items:n},c,s))},exports.Slider=bi,exports.SliderInput=Sm,exports.Stack=t=>{const{children:n,className:r,direction:o=exports.StackDirection.column,gap:i=exports.Spacing.md}=t;return e.createElement(Sw,{$direction:o,$gap:i,className:r},n)},exports.Table=t=>{const{children:n,variant:r}=t;return e.createElement(Ji,{$variant:r},n)},exports.TableBody=t=>{const{children:n,variant:r}=t;return e.createElement(Qi,{$variant:r},n)},exports.TableData=t=>{const{align:n,children:r,delimiter:o=!1,variant:i,width:a}=t;return e.createElement(Ki,{$delimiter:o,$variant:i,align:n,width:a},r)},exports.TableHead=t=>{const{children:n,variant:r}=t;return e.createElement(qi,{$variant:r},n)},exports.TableHeadData=t=>{const{align:n,children:r,delimiter:o,variant:i,width:a}=t;return e.createElement(ea,{$delimiter:o,$variant:i,$width:a,align:n},r)},exports.TableRow=t=>{const{children:n,variant:r}=t;return e.createElement(ta,{$variant:r},n)},exports.Tabs=t=>{const{activeTabDefaultPosition:n,colorScheme:r,fullWidth:o=!1,size:i,tabItems:a,variant:s}=t,l=x(r),u=e.useRef(null),c=e.useRef([]),[d,p]=e.useState(void 0),h=e.useCallback((()=>{const e=u.current;if(null===e)throw new Error("unexpected error tabs.tsx checkScrollPosition");p(e.scrollLeft)}),[]),f=ft(h,200,{maxWait:200});e.useEffect((()=>{h();const e=u.current;if(null===e)throw new Error("unexpected error tabs.tsx");return e.addEventListener("scroll",f),()=>{e.removeEventListener("scroll",f)}}),[h,f]);const m=e.useCallback((()=>{const e=u.current;if(null===e)throw new Error("unexpected error tabs.tsx leftArrowClickHandler");e.scrollTo({left:e.scrollLeft-wa>0?e.scrollLeft-wa:0,behavior:"smooth"})}),[]),g=e.useCallback((()=>{const e=u.current;if(null===e)throw new Error("unexpected error tabs.tsx rightArrowClickHandler");e.scrollTo({left:e.scrollLeft+wa+e.clientWidth<=e.scrollWidth?e.scrollLeft+wa:e.scrollWidth,behavior:"smooth"})}),[]),v=void 0!==d&&d>0,b=void 0!==d&&null!==u.current&&d+u.current.clientWidth<u.current.scrollWidth-4,y=e.useMemo((()=>{const e=a.findIndex((e=>!0===e.isActive));return e<0?void 0:e}),[a]);return e.useEffect((()=>{if(void 0===y)return;const e=u.current,t=c.current[y];if(null===e||null===t)return;if(c.current.includes(null))return;const r=c.current.reduce(((e,t)=>{if(null===t)throw new Error("unexpected null value in tabItems elements");return t.offsetWidth+e}),0);if(!(e.offsetWidth>r))switch(n){case exports.TabsActiveTabDefaultPosition.center:((e,t)=>{e.scrollLeft=t.offsetLeft-(e.offsetWidth-t.offsetWidth)/2})(e,t);break;case exports.TabsActiveTabDefaultPosition.scrollOnlyWhenNotVisible:((e,t)=>{const n=t.getBoundingClientRect(),r=e.getBoundingClientRect();(n.left<r.left||n.right>r.right)&&(e.scrollLeft=t.offsetLeft-e.offsetLeft)})(e,t);break;case exports.TabsActiveTabDefaultPosition.noScrolling:break;default:throw new Error("unexpected value of TabsActiveTabDefaultPosition enum in tabs.tsx")}}),[n,y]),e.createElement(pa,null,e.createElement(ha,{ref:u},e.createElement(fa,{$chooseColor:l,$fullWidth:o},a.map(((t,n)=>e.createElement(e.Fragment,{key:t.id},e.createElement(da,{colorScheme:r,fullWidth:o,htmlRef:e=>c.current[n]=e,icon:t.icon,id:t.id,isActive:t.isActive,size:i,text:t.text,variant:s,onClick:t.onClick})))))),v&&e.createElement(va,null,e.createElement(ba,{onClick:m},e.createElement(_e,{size:exports.IconSystemSize.big,type:exports.IconSystemType.chevronLeft}))),b&&e.createElement(ya,null,e.createElement(xa,{onClick:g},e.createElement(_e,{size:exports.IconSystemSize.big,type:exports.IconSystemType.chevronRight}))))},exports.TabsItem=da,exports.Tag=n=>{const{children:r,className:o,colorScheme:i,fontWeight:a=exports.FontWeight.regular400,iconPosition:s=exports.TagIconPosition.right,iconSystem:l,size:u=exports.TagSize.md,textTransform:c=exports.TagTextTransform.none,type:d}=n,p=t.useTheme(),h=x(i),f=e.useMemo((()=>{switch(d){case exports.TagType.info:return h(p.colors.fg.brand.bold);case exports.TagType.warning:return p.palette.yellow800;case exports.TagType.success:return h(p.colors.fg.success);case exports.TagType.neutralSubtle:return h(p.colors.fg.neutral.subtle);case exports.TagType.invert:return h(p.colors.fg.neutral.white);case exports.TagType.alert:return h(p.colors.fg.accent.bold);case exports.TagType.neutralDefault:return h(p.colors.fg.neutral.default);default:throw new Error("unexpected enum values TagType in tag.tsx")}}),[h,p,d]),m=e.useMemo((()=>{switch(u){case exports.TagSize.sm:return exports.TypographyVariant.textSm;case exports.TagSize.md:return exports.TypographyVariant.textMd;default:throw new Error("unexpected enum values TagSize in tag.tsx")}}),[u]);return e.createElement(Cw,{$chooseColor:h,$iconPosition:s,$textTransform:c,$type:d,className:o},e.createElement(w,{color:f,variant:m,weight:a},r),void 0!==l&&e.createElement(Iw,{$iconPosition:s},e.createElement(_e,{colorScheme:i,size:exports.IconSystemSize.big,stroke:f,type:l})))},exports.TextArea=bw,exports.TextInput=Tm,exports.Toggle=n=>{const{defaultValue:r,disabled:o,id:i,label:a,name:s,onChange:l}=n,u=t.useTheme(),[c,d]=e.useState(r),p=e.useCallback((e=>{d(e),void 0!==l&&l(e)}),[l]);return e.createElement(fw,{$checked:c,$disabled:o},e.createElement(hw,{activeBoxShadow:"",borderRadius:9999,checked:c,checkedIcon:!1,className:"react-switch",disabled:o,handleDiameter:16,height:21,id:i,name:s,offColor:u.colors.bg.neutral.white.light,offHandleColor:u.colors.bg.neutral.white.light,uncheckedIcon:!1,width:36,onChange:p,onColor:!0===o?u.colors.bg.neutral.white.light:u.colors.bg.brand.bold.light,onHandleColor:u.colors.bg.neutral.white.light}),void 0!==a&&e.createElement(mw,{htmlFor:i},e.createElement(w,{variant:exports.TypographyVariant.textSm,weight:exports.FontWeight.medium500},a)))},exports.TooltipGeneral=ds,exports.TooltipInfo=ms,exports.TooltipInfoConditional=gs,exports.TooltipInfoDisplayableCheck=t=>{const{body:n,displayMethod:r,title:o}=t,i=uo(t),a=os();return a(n)?e.createElement(e.Fragment,null,r===exports.TooltipInfoDisplayMethod.withNbsp&&" ",e.createElement(ms,{colorScheme:i,floatingElement:{body:e.createElement(rs,Object.assign({},n)),title:void 0!==o&&a(o)?e.createElement(rs,Object.assign({},o)):void 0}})):null},exports.TrailingTextInput=Mm,exports.Typography=w,exports.getColor=y,exports.identityFormatter=Rw,exports.isRenderable=fo,exports.resolveFieldWrapperHasError=sf,exports.resolveFontWeightValue=h,exports.resolveSpacingValue=d,exports.theme=g,exports.useChooseColor=x,exports.useColorScheme=uo,exports.useCreateTooltipFloatingElement=()=>{const t=os();return e.useCallback(((n,r)=>{if(t(n))return{body:e.createElement(rs,Object.assign({},n)),title:void 0!==r&&t(r)?e.createElement(rs,Object.assign({},r)):void 0}}),[t])},exports.useDesignSystem=co,exports.useFieldLabels=()=>e.useContext(po).labels,exports.useFormatAmount=Us,exports.useFormattedPercentage=Zs,exports.useIsMessageDisplayable=os,exports.useMediaType=oo,exports.useMessageFormatter=t=>{const n=Qa();return e.useMemo((()=>Pw(((r,o)=>{const i=t(r);return"string"==typeof i?i:o.includes("primitive")?n.formatMessage(i):e.createElement(rs,Object.assign({},i))}))),[t,n])},exports.useRegisterFieldLabel=ho,exports.withFieldWrapper=df,exports.withMaskedInputField=rm;
+`;exports.Accordion=t=>{const{data:n}=t,[r,o]=e.useState(null);return e.createElement(s,null,n.map(((t,n)=>e.createElement(Oe,{key:t.id,content:t.content,description:t.description,icon:t.icon,id:t.id,isOpen:r===n,label:t.label,onClick:()=>(e=>{o((t=>t===e?null:e))})(n)}))))},exports.AccordionContent=Re,exports.AccordionItem=Oe,exports.AccordionKeyValue=n=>{const{colorScheme:r,label:o,value:i}=n,a=t.useTheme(),s=x(null!=r?r:exports.ColorScheme.light);return e.createElement(Re,{colorScheme:r},e.createElement(Ve,null,e.createElement(w,{color:s(a.colors.fg.neutral.default),variant:exports.TypographyVariant.textSm,weight:exports.FontWeight.medium500},o)),e.createElement(Be,null,e.createElement(w,{color:s(a.colors.fg.neutral.subtle),variant:exports.TypographyVariant.textSm,weight:exports.FontWeight.medium500},i)))},exports.AsyncReactSelect=t=>{const{control:n,defaultPlaceholder:o,name:i,optionIcon:a}=t,s=Ra(t,["control","defaultPlaceholder","name","optionIcon"]),[l,u]=e.useState(),[c,d]=e.useState(o),p=()=>d("");return e.createElement(r.Controller,{control:n,name:i,render:({field:t})=>{var n;return e.createElement(tw,Object.assign({},s,t,{customComponents:{Input:aw,DropdownIndicator:null,Control:sw,Option:t=>((t,n)=>{var{children:r,data:o}=t,i=Ra(t,["children","data"]);return e.createElement(Ry.Option,Object.assign({data:o},i),e.createElement(rw,null,n&&e.createElement(_e,{size:n.size,type:n.type}),e.createElement(ow,null,r)))})(t,a)},inputValue:null===(n=t.value)||void 0===n?void 0:n.label,isSearchable:!0,loadingMessage:()=>null,noOptionsMessage:()=>null,placeholder:c,type:qx.ASYNC_SELECT,value:l,onBlur:()=>(e=>{""===e.label&&d(o)})(t.value),onChange:e=>((e,t)=>{t.onChange(e)})(e,t),onFocus:p,onInputChange:(e,n)=>((e,{action:t},n)=>{"input-change"===t&&(u(null),n.onChange({value:null,label:e}))})(e,n,t)}))}})},exports.Button=mo,exports.ButtonsLayout=t=>{const{align:n,buttons:r,direction:o,gap:i=exports.Spacing.md}=t;return e.createElement(lI,{$align:n,$direction:o,$gap:i},r.filter(fo).map(((t,n)=>e.createElement(e.Fragment,{key:n},t))))},exports.CalculatorResult=Ms,exports.CalculatorResultBox=t=>{const{bodyItems:n,description:r,header:o,htmlRef:i,main:a,mediaType:s,modal:l,resultWrapperHtmlRef:u}=t,[c,d]=e.useState(!1);return e.createElement(As,{$isDescriptionVisible:void 0!==r,$mediaType:s,ref:i},e.createElement(Ms,{bodyItems:n,header:o,htmlRef:u,main:a}),e.createElement(Ls,null,void 0!==r&&e.createElement(Ns,null,e.createElement(w,{fullWidth:!0,textAlign:exports.TypographyTextAlign.center,variant:exports.TypographyVariant.textSm},r)),void 0!==l&&e.createElement(e.Fragment,null,e.createElement(Oa,{hideCloseButton:!1,isOpen:c,onClose:()=>{d(!1)}},l.content),e.createElement(Os,null,e.createElement(Ps,{onClick:()=>{d(!0)}},e.createElement(w,{variant:exports.TypographyVariant.textSm,weight:exports.FontWeight.medium500},l.text,e.createElement(Rs,null,e.createElement(Vs,null,e.createElement(_e,{size:exports.IconSystemSize.big,type:exports.IconSystemType.chevronRight})))))))))},exports.Checkbox=Zm,exports.ColorSchemeProvider=so,exports.DatePicker=Vm,exports.DesignSystemProvider=t=>{const{children:n,colorScheme:r,mediaType:o}=t;let i=n;return void 0!==r&&(i=e.createElement(so,{colorScheme:r},i)),void 0!==o&&(i=e.createElement(to,{mediaType:o},i)),i},exports.EmailInput=hf,exports.ErrorBox=n=>{const{colorScheme:r,content:o,items:i,title:a}=n,s=t.useTheme(),l=x(r);return e.createElement(yi,{$chooseColor:l},void 0!==a&&e.createElement(w,{color:l(s.colors.fg.error),variant:exports.TypographyVariant.textLg,weight:exports.FontWeight.semiBold600},a),void 0!==i&&i.length>0&&e.createElement(Ci,{colorScheme:r,items:i}),void 0!==o&&o)},exports.FieldLabelStoreProvider=t=>{const{children:n}=t,r=e.useRef({}),o=e.useMemo((()=>({labels:r.current,registerLabel:(e,t)=>{r.current[e]=t}})),[]);return e.createElement(po.Provider,{value:o},n)},exports.FieldWrapper=uf,exports.FieldWrapperContext=lf,exports.FormattedAmount=Js,exports.FormattedHtmlMessage=rs,exports.FormattedMessage=t=>{const{defaultMessage:n,description:r,id:o,values:i}=t;return e.createElement(ns,{defaultMessage:n,description:r,id:o,values:i},(t=>e.createElement("span",{"data-message-id":o},t)))},exports.FormattedPercentage=Xs,exports.IconProduct=Xi,exports.IconSystem=_e,exports.Infobox=n=>{const{children:r,colorScheme:o,fullWidth:i=!1,iconProduct:a,isWarning:s=!1,mediaType:l,size:u,textContent:c,variant:d}=n,p=t.useTheme(),h=x(o),f=e.useMemo((()=>{switch(l){case exports.MediaType.desktop:return exports.IconProductSize.big;case exports.MediaType.mobile:return exports.IconProductSize.small;default:throw new Error("unexpected value of enum MediaType in infobox.tsx iconSize")}}),[l]),m=e.useMemo((()=>{switch(!0){case s:return h(p.colors.fg.accent.default);case o===exports.ColorScheme.dark:return p.colors.fg.neutral.white.dark;case o===exports.ColorScheme.light:return;default:throw new Error("unexpected combination of conditions in infobox.tsx iconStroke")}}),[h,o,s,p.colors.fg.accent.default,p.colors.fg.neutral.white]);return e.createElement(Si,{$chooseColor:h,$colorScheme:o,$fullWidth:i,$isWarning:s,$mediaType:l,$size:u,$variant:d},void 0===a&&void 0===c&&fo(r)&&r,(void 0!==a||void 0!==c)&&e.createElement(Ti,{$mediaType:l},void 0!==a&&e.createElement(Mi,{$colorScheme:o,$mediaType:l},e.createElement(Xi,{colorScheme:o,size:f,stroke:m,type:a,variant:Ri.default})),void 0===c&&fo(r)&&e.createElement(Li,null,r),void 0!==c&&e.createElement(Ni,{$mediaType:l},e.createElement(Ai,null,e.createElement("div",null,c.primary),void 0!==c.secondary&&e.createElement("div",null,c.secondary)),void 0!==r&&e.createElement(Li,null,r))))},exports.InputBase=Xh,exports.InputLabel=Kh,exports.Loader=Gs,exports.LoaderOverlayBox=t=>{const{colorScheme:n,loaderSize:r}=t;return e.createElement(Ys,{$colorScheme:n},e.createElement(Gs,{colorScheme:n,loaderSize:r}))},exports.MaskedInput=nm,exports.MaskedInputBase=tm,exports.MaskedInputField=om,exports.MediaTypeProvider=to,exports.Modal=Oa,exports.NumberInput=im,exports.NumberInputField=am,exports.Paper=Dw,exports.PhoneInput=lm,exports.PhoneInputField=pm,exports.PhoneInputNext=dm,exports.ProgressPaper=t=>{const{children:n,progressDefinition:r}=t,o=Ra(t,["children","progressDefinition"]),{activeStepIndex:i,numberOfSteps:a}=r,{colorScheme:s,mediaType:l}=co(t);return e.createElement(Mw,Object.assign({},o,{colorScheme:s,mediaType:l}),e.createElement(Aw,null,e.createElement(Ow,{activeStepIndex:i,colorScheme:s,mediaType:l,numberOfSteps:a})),n)},exports.Radio=ig,exports.RadioButton=cg,exports.RadioButtonsHorizontal=gg,exports.RadioField=t=>{const{name:n,options:o}=t,i=Ra(t,["name","options"]),{formState:a,register:s}=r.useFormContext(),l=r.get(a.errors,n);return e.createElement(ig,Object.assign({errorMessage:null==l?void 0:l.message},s(n,o),i))},exports.ReactSelect=t=>{const{control:n,name:o}=t,i=Ra(t,["control","name"]);return e.createElement(r.Controller,{control:n,name:o,render:({field:t})=>e.createElement(tw,Object.assign({},i,t))})},exports.ReactSelectBase=tw,exports.ReactSelectField=t=>{const{childrenWidth:n,control:o,controlMobileWidth:i,controlSectionWidth:a,controlWidth:s,errorMessage:l,hasError:u,hintText:c,id:d,label:p,labelSuffix:h,name:f,tooltip:m}=t,g=Ra(t,["childrenWidth","control","controlMobileWidth","controlSectionWidth","controlWidth","errorMessage","hasError","hintText","id","label","labelSuffix","name","tooltip"]);return e.createElement(uf,{childrenWidth:n,controlMobileWidth:i,controlSectionWidth:a,controlWidth:s,errorMessage:l,hasError:u,hintText:c,id:d,label:p,labelSuffix:h,tooltip:m},e.createElement(r.Controller,{control:o,name:f,render:({field:t})=>e.createElement(nw,Object.assign({},g,{inputId:d,isError:u},t))}))},exports.SearchInput=fm,exports.Select=iI,exports.SelectControl=oI,exports.SelectField=t=>{const{items:n,name:o,options:i,shouldResetInvalidValues:a=!1}=t,s=Ra(t,["items","name","options","shouldResetInvalidValues"]),{control:l,resetField:u}=r.useFormContext(),{field:c,fieldState:{error:d}}=r.useController({name:o,control:l,rules:i,defaultValue:null}),p=c.value;return e.useEffect((()=>{a&&null!=p&&!n.includes(p)&&u(o)}),[n,o,u,a,p]),e.createElement(iI,Object.assign({errorMessage:null==d?void 0:d.message,items:n},c,s))},exports.Slider=bi,exports.SliderInput=Sm,exports.Stack=t=>{const{children:n,className:r,direction:o=exports.StackDirection.column,gap:i=exports.Spacing.md}=t;return e.createElement(Sw,{$direction:o,$gap:i,className:r},n)},exports.Table=t=>{const{children:n,variant:r}=t;return e.createElement(Ji,{$variant:r},n)},exports.TableBody=t=>{const{children:n,variant:r}=t;return e.createElement(Qi,{$variant:r},n)},exports.TableData=t=>{const{align:n,children:r,delimiter:o=!1,variant:i,width:a}=t;return e.createElement(Ki,{$delimiter:o,$variant:i,align:n,width:a},r)},exports.TableHead=t=>{const{children:n,variant:r}=t;return e.createElement(qi,{$variant:r},n)},exports.TableHeadData=t=>{const{align:n,children:r,delimiter:o,variant:i,width:a}=t;return e.createElement(ea,{$delimiter:o,$variant:i,$width:a,align:n},r)},exports.TableRow=t=>{const{children:n,variant:r}=t;return e.createElement(ta,{$variant:r},n)},exports.Tabs=t=>{const{activeTabDefaultPosition:n,colorScheme:r,fullWidth:o=!1,size:i,tabItems:a,variant:s}=t,l=x(r),u=e.useRef(null),c=e.useRef([]),[d,p]=e.useState(void 0),h=e.useCallback((()=>{const e=u.current;if(null===e)throw new Error("unexpected error tabs.tsx checkScrollPosition");p(e.scrollLeft)}),[]),f=ft(h,200,{maxWait:200});e.useEffect((()=>{h();const e=u.current;if(null===e)throw new Error("unexpected error tabs.tsx");return e.addEventListener("scroll",f),()=>{e.removeEventListener("scroll",f)}}),[h,f]);const m=e.useCallback((()=>{const e=u.current;if(null===e)throw new Error("unexpected error tabs.tsx leftArrowClickHandler");e.scrollTo({left:e.scrollLeft-wa>0?e.scrollLeft-wa:0,behavior:"smooth"})}),[]),g=e.useCallback((()=>{const e=u.current;if(null===e)throw new Error("unexpected error tabs.tsx rightArrowClickHandler");e.scrollTo({left:e.scrollLeft+wa+e.clientWidth<=e.scrollWidth?e.scrollLeft+wa:e.scrollWidth,behavior:"smooth"})}),[]),v=void 0!==d&&d>0,b=void 0!==d&&null!==u.current&&d+u.current.clientWidth<u.current.scrollWidth-4,y=e.useMemo((()=>{const e=a.findIndex((e=>!0===e.isActive));return e<0?void 0:e}),[a]);return e.useEffect((()=>{if(void 0===y)return;const e=u.current,t=c.current[y];if(null===e||null===t)return;if(c.current.includes(null))return;const r=c.current.reduce(((e,t)=>{if(null===t)throw new Error("unexpected null value in tabItems elements");return t.offsetWidth+e}),0);if(!(e.offsetWidth>r))switch(n){case exports.TabsActiveTabDefaultPosition.center:((e,t)=>{e.scrollLeft=t.offsetLeft-(e.offsetWidth-t.offsetWidth)/2})(e,t);break;case exports.TabsActiveTabDefaultPosition.scrollOnlyWhenNotVisible:((e,t)=>{const n=t.getBoundingClientRect(),r=e.getBoundingClientRect();(n.left<r.left||n.right>r.right)&&(e.scrollLeft=t.offsetLeft-e.offsetLeft)})(e,t);break;case exports.TabsActiveTabDefaultPosition.noScrolling:break;default:throw new Error("unexpected value of TabsActiveTabDefaultPosition enum in tabs.tsx")}}),[n,y]),e.createElement(pa,null,e.createElement(ha,{ref:u},e.createElement(fa,{$chooseColor:l,$fullWidth:o},a.map(((t,n)=>e.createElement(e.Fragment,{key:t.id},e.createElement(da,{colorScheme:r,fullWidth:o,htmlRef:e=>c.current[n]=e,icon:t.icon,id:t.id,isActive:t.isActive,size:i,text:t.text,variant:s,onClick:t.onClick})))))),v&&e.createElement(va,null,e.createElement(ba,{onClick:m},e.createElement(_e,{size:exports.IconSystemSize.big,type:exports.IconSystemType.chevronLeft}))),b&&e.createElement(ya,null,e.createElement(xa,{onClick:g},e.createElement(_e,{size:exports.IconSystemSize.big,type:exports.IconSystemType.chevronRight}))))},exports.TabsItem=da,exports.Tag=n=>{const{children:r,className:o,colorScheme:i,fontWeight:a=exports.FontWeight.regular400,iconPosition:s=exports.TagIconPosition.right,iconSystem:l,size:u=exports.TagSize.md,textTransform:c=exports.TagTextTransform.none,type:d}=n,p=t.useTheme(),h=x(i),f=e.useMemo((()=>{switch(d){case exports.TagType.info:return h(p.colors.fg.brand.bold);case exports.TagType.warning:return p.palette.yellow800;case exports.TagType.success:return h(p.colors.fg.success);case exports.TagType.neutralSubtle:return h(p.colors.fg.neutral.subtle);case exports.TagType.invert:return h(p.colors.fg.neutral.white);case exports.TagType.alert:return h(p.colors.fg.accent.bold);case exports.TagType.neutralDefault:return h(p.colors.fg.neutral.default);default:throw new Error("unexpected enum values TagType in tag.tsx")}}),[h,p,d]),m=e.useMemo((()=>{switch(u){case exports.TagSize.sm:return exports.TypographyVariant.textSm;case exports.TagSize.md:return exports.TypographyVariant.textMd;default:throw new Error("unexpected enum values TagSize in tag.tsx")}}),[u]);return e.createElement(Cw,{$chooseColor:h,$iconPosition:s,$textTransform:c,$type:d,className:o},e.createElement(w,{color:f,variant:m,weight:a},r),void 0!==l&&e.createElement(Iw,{$iconPosition:s},e.createElement(_e,{colorScheme:i,size:exports.IconSystemSize.big,stroke:f,type:l})))},exports.TextArea=bw,exports.TextInput=Tm,exports.Toggle=n=>{const{defaultValue:r,disabled:o,id:i,label:a,name:s,onChange:l}=n,u=t.useTheme(),[c,d]=e.useState(r),p=e.useCallback((e=>{d(e),void 0!==l&&l(e)}),[l]);return e.createElement(fw,{$checked:c,$disabled:o},e.createElement(hw,{activeBoxShadow:"",borderRadius:9999,checked:c,checkedIcon:!1,className:"react-switch",disabled:o,handleDiameter:16,height:21,id:i,name:s,offColor:u.colors.bg.neutral.white.light,offHandleColor:u.colors.bg.neutral.white.light,uncheckedIcon:!1,width:36,onChange:p,onColor:!0===o?u.colors.bg.neutral.white.light:u.colors.bg.brand.bold.light,onHandleColor:u.colors.bg.neutral.white.light}),void 0!==a&&e.createElement(mw,{htmlFor:i},e.createElement(w,{variant:exports.TypographyVariant.textSm,weight:exports.FontWeight.medium500},a)))},exports.TooltipGeneral=ds,exports.TooltipInfo=ms,exports.TooltipInfoConditional=gs,exports.TooltipInfoDisplayableCheck=t=>{const{body:n,displayMethod:r,title:o}=t,i=uo(t),a=os();return a(n)?e.createElement(e.Fragment,null,r===exports.TooltipInfoDisplayMethod.withNbsp&&" ",e.createElement(ms,{colorScheme:i,floatingElement:{body:e.createElement(rs,Object.assign({},n)),title:void 0!==o&&a(o)?e.createElement(rs,Object.assign({},o)):void 0}})):null},exports.TrailingTextInput=Mm,exports.Typography=w,exports.getColor=y,exports.identityFormatter=Rw,exports.isRenderable=fo,exports.resolveFieldWrapperHasError=sf,exports.resolveFontWeightValue=h,exports.resolveSpacingValue=d,exports.theme=g,exports.useChooseColor=x,exports.useColorScheme=uo,exports.useCreateTooltipFloatingElement=()=>{const t=os();return e.useCallback(((n,r)=>{if(t(n))return{body:e.createElement(rs,Object.assign({},n)),title:void 0!==r&&t(r)?e.createElement(rs,Object.assign({},r)):void 0}}),[t])},exports.useDesignSystem=co,exports.useFieldLabels=()=>e.useContext(po).labels,exports.useFormatAmount=Us,exports.useFormattedPercentage=Zs,exports.useIsMessageDisplayable=os,exports.useMediaType=oo,exports.useMessageFormatter=t=>{const n=Qa();return e.useMemo((()=>Pw(((r,o)=>{const i=t(r);return"string"==typeof i?i:o.includes("primitive")?n.formatMessage(i):e.createElement(rs,Object.assign({},i))}))),[t,n])},exports.useRegisterFieldLabel=ho,exports.withFieldWrapper=df,exports.withMaskedInputField=rm;
 //# sourceMappingURL=index.cjs.js.map