@mmb-digital/design-system-web 0.1.123 → 0.1.124

package/dist/index.cjs.js

@@ -2211,21 +2211,21 @@ function Ld(e,t,n){return t=jd(t),function(e,t){if(t&&("object"==typeof t||"func
 			color: ${e.theme.palette.white};
 			background-color: ${e.theme.colors.bg.brand.bold.light};
 		`}
-`,tI=(e,t)=>String(e).localeCompare(String(t));var nI;exports.SelectItemOrderSource=void 0,(nI=exports.SelectItemOrderSource||(exports.SelectItemOrderSource={})).formatter="formatter",nI.value="value";const rI=e.forwardRef(((t,n)=>{var r;const{disabled:o=!1,formatter:i=Rw,getItemKey:a,hasError:s=!1,id:l,itemOrder:u,items:c,labelId:d,nilMessage:p="",onBlur:h,onChange:f,value:m}=t,{labelId:g}=e.useContext(lf),v=null!=d?d:g,b=((t,n)=>{const r=Qa();return e.useMemo((()=>t.wrap(((t,o,i)=>{if(null==o)return"string"==typeof n?n:i.includes("primitive")?r.formatMessage(n):e.createElement(rs,Object.assign({},n));const a=t(o);return null==a||""==a?"":a}))),[t,r,n])})(i,p),y=e.useCallback((e=>String(b.formatAsPrimitive(e))),[b]),x=null==u?void 0:u.source,w=null!==(r=null==u?void 0:u.compareFn)&&void 0!==r?r:tI,k=e.useMemo((()=>{if(null==x)return c;const[e,t]=jC.partition(c,(e=>null==e));switch(x){case exports.SelectItemOrderSource.formatter:return[...e,...Array.from(t).sort(((e,t)=>w(b.formatAsPrimitive(e,["comparable"]),b.formatAsPrimitive(t,["comparable"]))))];case exports.SelectItemOrderSource.value:return[...e,...Array.from(t).sort(((e,t)=>w(e,t)))];default:return c}}),[b,w,x,c]),{getItemProps:C,getMenuProps:I,getToggleButtonProps:E,highlightedIndex:S,isOpen:_}=HC(Object.assign({id:l,items:k,itemToString:y,labelId:v,onSelectedItemChange:({selectedItem:e})=>f(e),selectedItem:m},a&&{itemToKey:a}));return e.createElement(XC,null,e.createElement(JC,Object.assign({$disabled:o,$hasError:s,$open:_},E({disabled:o,ref:n,onBlur:h})),e.createElement(QC,null,b.format(m)),e.createElement(ZC,{open:_})),e.createElement(KC,{$open:_},e.createElement(qC,Object.assign({},I()),_&&k.map(((t,n)=>{var r;return e.createElement(eI,Object.assign({key:null!==(r=null==a?void 0:a(t))&&void 0!==r?r:`index-${n}`,$highlighted:n===S,$selected:t===m},C({item:t,index:n})),b.format(t))})))))}));rI.displayName="SelectControl";const oI=rI,iI=df(oI);var aI,sI;exports.ButtonsLayoutAlign=void 0,(aI=exports.ButtonsLayoutAlign||(exports.ButtonsLayoutAlign={})).center="center",aI.stretch="stretch",exports.ButtonsLayoutDirection=void 0,(sI=exports.ButtonsLayoutDirection||(exports.ButtonsLayoutDirection={})).column="column",sI.row="row";const lI=t.div`
+`,tI=(e,t)=>String(e).localeCompare(String(t));var nI;exports.SelectItemOrderSource=void 0,(nI=exports.SelectItemOrderSource||(exports.SelectItemOrderSource={})).formatter="formatter",nI.value="value";const rI=e.forwardRef(((t,n)=>{var r;const{disabled:o=!1,formatter:i=Rw,getItemKey:a,hasError:s=!1,id:l,itemOrder:u,items:c,labelId:d,nilMessage:p="",onBlur:h,onChange:f,value:m}=t,{labelId:g}=e.useContext(lf),v=null!=d?d:g,b=((t,n)=>{const r=Qa();return e.useMemo((()=>t.wrap(((t,o,i)=>{if(null==o)return"string"==typeof n?n:i.includes("primitive")?r.formatMessage(n):e.createElement(rs,Object.assign({},n));const a=t(o);return null==a||""==a?"":a}))),[t,r,n])})(i,p),y=e.useCallback((e=>String(b.formatAsPrimitive(e))),[b]),x=null==u?void 0:u.source,w=null!==(r=null==u?void 0:u.compareFn)&&void 0!==r?r:tI,k=e.useMemo((()=>{if(null==x)return c;const[e,t]=jC.partition(c,(e=>null==e));switch(x){case exports.SelectItemOrderSource.formatter:return[...e,...Array.from(t).sort(((e,t)=>w(b.formatAsPrimitive(e,["comparable"]),b.formatAsPrimitive(t,["comparable"]))))];case exports.SelectItemOrderSource.value:return[...e,...Array.from(t).sort(((e,t)=>w(e,t)))];default:return c}}),[b,w,x,c]),{getItemProps:C,getMenuProps:I,getToggleButtonProps:E,highlightedIndex:S,isOpen:_}=HC(Object.assign({id:l,items:k,itemToString:y,labelId:v,onSelectedItemChange:({selectedItem:e})=>f(e),selectedItem:m},a&&{itemToKey:a}));return e.createElement(XC,null,e.createElement(JC,Object.assign({$disabled:o,$hasError:s,$open:_},E({disabled:o,ref:n,onBlur:h})),e.createElement(QC,null,b.format(m)),e.createElement(ZC,{open:_})),e.createElement(KC,{$open:_},e.createElement(qC,Object.assign({},I()),_&&k.map(((t,n)=>{var r;return e.createElement(eI,Object.assign({key:null!==(r=null==a?void 0:a(t))&&void 0!==r?r:`index-${n}`,$highlighted:n===S,$selected:t===m},C({item:t,index:n})),b.format(t))})))))}));rI.displayName="SelectControl";const oI=rI,iI=df(oI);var aI,sI;exports.ButtonsLayoutAlign=void 0,(aI=exports.ButtonsLayoutAlign||(exports.ButtonsLayoutAlign={})).center="center",aI.spaceBetween="spaceBetween",aI.stretch="stretch",exports.ButtonsLayoutDirection=void 0,(sI=exports.ButtonsLayoutDirection||(exports.ButtonsLayoutDirection={})).column="column",sI.row="row";const lI=t.div`
 	display: flex;
-	gap: ${({gap:e,theme:t})=>d(t,e)};
+	gap: ${({$gap:e,theme:t})=>d(t,e)};
 	width: 100%;
 
-	${({direction:e})=>{switch(e){case exports.ButtonsLayoutDirection.row:return t.css`
+	${({$direction:e})=>{switch(e){case exports.ButtonsLayoutDirection.row:return t.css`
 					flex-direction: row;
 					align-items: center;
 				`;case exports.ButtonsLayoutDirection.column:return t.css`
 					flex-direction: column;
 				`;default:throw new Error("Unexpected enum values ButtonsLayoutDirection in ButtonsLayout.style.ts")}}}
 
-	${({align:e,direction:n})=>n===exports.ButtonsLayoutDirection.column&&e===exports.ButtonsLayoutAlign.stretch?t.css`
+	${({$align:e,$direction:n})=>n===exports.ButtonsLayoutDirection.column&&e===exports.ButtonsLayoutAlign.stretch?t.css`
 				align-items: stretch;
-			`:n===exports.ButtonsLayoutDirection.column&&e===exports.ButtonsLayoutAlign.center?t.css`
+			`:n===exports.ButtonsLayoutDirection.column&&e===exports.ButtonsLayoutAlign.center||n===exports.ButtonsLayoutDirection.column&&e===exports.ButtonsLayoutAlign.spaceBetween?t.css`
 				align-items: center;
 			`:n===exports.ButtonsLayoutDirection.row&&e===exports.ButtonsLayoutAlign.stretch?t.css`
 				button {
@@ -2234,6 +2234,9 @@ function Ld(e,t,n){return t=jd(t),function(e,t){if(t&&("object"==typeof t||"func
 				}
 			`:n===exports.ButtonsLayoutDirection.row&&e===exports.ButtonsLayoutAlign.center?t.css`
 				justify-content: center;
+			`:n===exports.ButtonsLayoutDirection.row&&e===exports.ButtonsLayoutAlign.spaceBetween?t.css`
+				justify-content: space-between;
+				flex-wrap: wrap-reverse;
 			`: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.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