@mmb-digital/design-system-web 0.1.98 → 0.1.99

package/dist/index.cjs.js

@@ -2022,5 +2022,5 @@ function $u(e,t,n){return t=qu(t),function(e,t){if(t&&("object"==typeof t||"func
 				`;case exports.GapSize.XXXXXL:return t.css`
 					gap: ${({theme:e})=>e.spacing.xxxxxl};
 				`;default:throw new Error("unexpected GapSize enum values in stack.styles.ts")}}}
-`;exports.Accordion=t=>{const{data:n}=t,[r,o]=e.useState(null);return e.createElement(s,null,n.map(((t,n)=>e.createElement(fe,{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=ge,exports.AccordionItem=fe,exports.AccordionKeyValue=n=>{const{colorScheme:r,label:o,value:a}=n,i=t.useTheme(),s=G(null!=r?r:exports.ColorScheme.light);return e.createElement(ge,{colorScheme:r},e.createElement(be,null,e.createElement(p,{color:s(i.colors.fg.neutral.default),variant:exports.TypographyVariant.TEXT_SM,weight:exports.TypographyWeight.MEDIUM_500},o)),e.createElement(ve,null,e.createElement(p,{color:s(i.colors.fg.neutral.subtle),variant:exports.TypographyVariant.TEXT_SM,weight:exports.TypographyWeight.MEDIUM_500},a)))},exports.AsyncSelect=t=>{const{control:n,defaultPlaceholder:o,name:a,optionIcon:i}=t,s=oi(t,["control","defaultPlaceholder","name","optionIcon"]),[l,c]=e.useState(),[u,d]=e.useState(o),p=()=>d("");return e.createElement(r.Controller,{control:n,name:a,render:({field:t})=>{var n;return e.createElement(kx,Object.assign({},s,t,{customComponents:{Input:Sx,DropdownIndicator:null,Control:Tx,Option:t=>((t,n)=>{var{children:r,data:o}=t,a=oi(t,["children","data"]);return e.createElement(ny.Option,Object.assign({data:o},a),e.createElement(Cx,null,n&&e.createElement(se,{size:n.size,type:n.type}),e.createElement(Ex,null,r)))})(t,i)},inputValue:null===(n=t.value)||void 0===n?void 0:n.label,isSearchable:!0,loadingMessage:()=>null,noOptionsMessage:()=>null,placeholder:u,type:yx.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&&(c(null),n.onChange({value:null,label:e}))})(e,n,t)}))}})},exports.Button=Rr,exports.CalculatorResult=Xi,exports.CalculatorResultBox=t=>{const{bodyItems:n,description:r,header:o,htmlRef:a,main:i,mediaType:s,modal:l,resultWrapperHtmlRef:c}=t,[u,d]=e.useState(!1);return e.createElement(Yi,{$isDescriptionVisible:void 0!==r,$mediaType:s,ref:a},e.createElement(Xi,{bodyItems:n,header:o,htmlRef:c,main:i}),e.createElement(ji,null,void 0!==r&&e.createElement(Zi,null,e.createElement(p,{fullWidth:!0,textAlign:exports.TypographyTextAlign.CENTER,variant:exports.TypographyVariant.TEXT_SM},r)),void 0!==l&&e.createElement(e.Fragment,null,e.createElement(Xa,{hideCloseButton:!1,isOpen:u,onClose:()=>{d(!1)}},l.content),e.createElement(Ui,null,e.createElement(Ji,{onClick:()=>{d(!0)}},e.createElement(p,{variant:exports.TypographyVariant.TEXT_SM,weight:exports.TypographyWeight.MEDIUM_500},l.text,e.createElement(Qi,null,e.createElement(Ki,null,e.createElement(se,{size:exports.IconSystemSize.big,type:exports.IconSystemType.chevronRight})))))))))},exports.Checkbox=Uf,exports.DatePicker=Vf,exports.EmailInput=yh,exports.ErrorBox=n=>{const{colorScheme:r,content:o,items:a,title:i}=n,s=t.useTheme(),l=G(r);return e.createElement(Po,{$chooseColor:l},void 0!==i&&e.createElement(p,{color:l(s.colors.fg.error),variant:exports.TypographyVariant.TEXT_LG,weight:exports.TypographyWeight.SEMI_BOLD_600},i),void 0!==a&&a.length>0&&e.createElement(Wo,{colorScheme:r,items:a}),void 0!==o&&o)},exports.FieldWrapper=gh,exports.FormattedAmount=ds,exports.FormattedHtmlMessage=Di,exports.FormattedMessage=t=>{const{defaultMessage:n,description:r,id:o,values:a}=t;return e.createElement(Mi,{defaultMessage:n,description:r,id:o,values:a},(t=>e.createElement("span",{"data-message-id":o},t)))},exports.FormattedPercentage=cs,exports.IconProduct=aa,exports.IconSystem=se,exports.InfoConditional=Li,exports.Infobox=n=>{const{children:r,colorScheme:o=exports.ColorScheme.light,fullWidth:a=!1,iconProduct:i,isWarning:s=!1,mediaType:l,size:c,variant:u}=n,d=t.useTheme(),p=G(o),h=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]),f=e.useMemo((()=>{switch(!0){case s:return p(d.colors.fg.accent.default);case o===exports.ColorScheme.dark:return d.colors.fg.neutral.white.dark;case o===exports.ColorScheme.light:return;default:throw new Error("unexpected combination of conditions in infobox.tsx iconStroke")}}),[p,o,s,d.colors.fg.accent.default,d.colors.fg.neutral.white]);return e.createElement(zo,{$chooseColor:p,$colorScheme:o,$fullWidth:a,$isWarning:s,$mediaType:l,$size:c,$variant:u},void 0===i&&r,void 0!==i&&e.createElement(Xo,{$mediaType:l},e.createElement(Yo,{$colorScheme:o,$mediaType:l},e.createElement(aa,{colorScheme:o,size:h,stroke:f,type:i,variant:Uo.default})),r))},exports.InputBase=sh,exports.InputLabel=dh,exports.Loader=is,exports.LoaderOverlayBox=t=>{const{colorScheme:n,loaderSize:r}=t;return e.createElement(ss,{$colorScheme:n},e.createElement(is,{colorScheme:n,loaderSize:r}))},exports.MaskedInput=cf,exports.MaskedInputBase=lf,exports.MaskedInputField=df,exports.Modal=Xa,exports.NumberInput=pf,exports.NumberInputField=hf,exports.PhoneInput=ff,exports.PhoneInputField=vf,exports.PhoneInputNext=bf,exports.Radio=sm,exports.RadioButton=pm,exports.RadioButtonsHorizontal=vm,exports.SearchInput=yf,exports.Select=t=>{const{control:n,name:o}=t,a=oi(t,["control","name"]);return e.createElement(r.Controller,{control:n,name:o,render:({field:t})=>e.createElement(kx,Object.assign({},a,t))})},exports.SelectBase=kx,exports.SelectField=t=>{const{control:n,errorMessage:o,hasError:a,hintText:i,id:s,label:l,labelSuffix:c,name:u,tooltip:d}=t,p=oi(t,["control","errorMessage","hasError","hintText","id","label","labelSuffix","name","tooltip"]);return e.createElement(gh,{errorMessage:o,hasError:a,hintText:i,id:s,label:l,labelSuffix:c,tooltip:d},e.createElement(r.Controller,{control:n,name:u,render:({field:t})=>e.createElement(wx,Object.assign({},p,{inputId:s,isError:a},t))}))},exports.Slider=Oo,exports.SliderInput=Df,exports.Stack=t=>{const{children:n,direction:r=exports.StackDirection.column,gap:o=exports.GapSize.MD}=t,a=oi(t,["children","direction","gap"]);return e.createElement(Wx,Object.assign({$direction:r,$gap:o},a),n)},exports.Table=t=>{const{children:n,variant:r}=t;return e.createElement(sa,{$variant:r},n)},exports.TableBody=t=>{const{children:n,variant:r}=t;return e.createElement(la,{$variant:r},n)},exports.TableData=t=>{const{align:n,children:r,delimiter:o=!1,variant:a,width:i}=t;return e.createElement(ca,{$delimiter:o,$variant:a,align:n,width:i},r)},exports.TableHead=t=>{const{children:n,variant:r}=t;return e.createElement(ua,{$variant:r},n)},exports.TableHeadData=t=>{const{align:n,children:r,delimiter:o,variant:a,width:i}=t;return e.createElement(da,{$delimiter:o,$variant:a,$width:i,align:n},r)},exports.TableRow=t=>{const{children:n,variant:r}=t;return e.createElement(pa,{$variant:r},n)},exports.Tabs=t=>{const{activeTabDefaultPosition:n,colorScheme:r,fullWidth:o=!1,size:a,tabItems:i,variant:s}=t,l=G(r),c=e.useRef(null),u=e.useRef([]),[d,p]=e.useState(void 0),h=e.useCallback((()=>{const e=c.current;if(null===e)throw new Error("unexpected error tabs.tsx checkScrollPosition");p(e.scrollLeft)}),[]),f=je(h,200,{maxWait:200});e.useEffect((()=>{h();const e=c.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=c.current;if(null===e)throw new Error("unexpected error tabs.tsx leftArrowClickHandler");e.scrollTo({left:e.scrollLeft-Na>0?e.scrollLeft-Na:0,behavior:"smooth"})}),[]),g=e.useCallback((()=>{const e=c.current;if(null===e)throw new Error("unexpected error tabs.tsx rightArrowClickHandler");e.scrollTo({left:e.scrollLeft+Na+e.clientWidth<=e.scrollWidth?e.scrollLeft+Na:e.scrollWidth,behavior:"smooth"})}),[]),b=void 0!==d&&d>0,v=void 0!==d&&null!==c.current&&d+c.current.clientWidth<c.current.scrollWidth-4,y=e.useMemo((()=>{const e=i.findIndex((e=>!0===e.isActive));return e<0?void 0:e}),[i]);return e.useEffect((()=>{if(void 0===y)return;const e=c.current,t=u.current[y];if(null===e||null===t)return;if(u.current.includes(null))return;const r=u.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(Ca,null,e.createElement(Ea,{ref:c},e.createElement(Ia,{$chooseColor:l,$fullWidth:o},i.map(((t,n)=>e.createElement(e.Fragment,{key:t.id},e.createElement(wa,{colorScheme:r,fullWidth:o,htmlRef:e=>u.current[n]=e,icon:t.icon,id:t.id,isActive:t.isActive,size:a,text:t.text,variant:s,onClick:t.onClick})))))),b&&e.createElement(Ma,null,e.createElement(Da,{onClick:m},e.createElement(se,{size:exports.IconSystemSize.big,type:exports.IconSystemType.chevronLeft}))),v&&e.createElement(Aa,null,e.createElement(La,{onClick:g},e.createElement(se,{size:exports.IconSystemSize.big,type:exports.IconSystemType.chevronRight}))))},exports.TabsItem=wa,exports.TextArea=Bx,exports.TextInput=Af,exports.Toggle=n=>{const{defaultValue:r,disabled:o,id:a,label:i,name:s,onChange:l}=n,c=t.useTheme(),[u,d]=e.useState(r),h=e.useCallback((e=>{d(e),void 0!==l&&l(e)}),[l]);return e.createElement(_x,{$checked:u,$disabled:o},e.createElement(Rx,{activeBoxShadow:"",borderRadius:9999,checked:u,checkedIcon:!1,className:"react-switch",disabled:o,handleDiameter:16,height:21,id:a,name:s,offColor:c.colors.bg.neutral.white.light,offHandleColor:c.colors.bg.neutral.white.light,uncheckedIcon:!1,width:36,onChange:h,onColor:!0===o?c.colors.bg.neutral.white.light:c.colors.bg.brand.bold.light,onHandleColor:c.colors.bg.neutral.white.light}),void 0!==i&&e.createElement(Ox,{htmlFor:a},e.createElement(p,{variant:exports.TypographyVariant.TEXT_SM,weight:exports.TypographyWeight.MEDIUM_500},i)))},exports.TooltipGeneral=Ka,exports.TooltipInfo=ni,exports.TooltipInfoDisplayableCheck=t=>{const{body:n,colorScheme:r,displayMethod:o,title:a}=t,i=Ai();return i(n)?e.createElement(e.Fragment,null,o===exports.TooltipInfoDisplayMethod.WITH_NBSP&&" ",e.createElement(ni,{colorScheme:r,floatingElement:{body:e.createElement(Di,Object.assign({},n)),title:void 0!==a&&i(a)?e.createElement(Di,Object.assign({},a)):void 0}})):null},exports.TrailingTextInput=Nf,exports.Typography=p,exports.getColor=$,exports.theme=Gp,exports.useColorScheme=G,exports.useCreateTooltipFloatingElement=()=>{const t=Ai();return e.useCallback(((n,r)=>{if(t(n))return{body:e.createElement(Di,Object.assign({},n)),title:void 0!==r&&t(r)?e.createElement(Di,Object.assign({},r)):void 0}}),[t])},exports.useFormatAmount=us,exports.useFormattedPercentage=ls,exports.useIsMessageDisplayable=Ai,exports.withMaskedInputField=uf;
+`;exports.Accordion=t=>{const{data:n}=t,[r,o]=e.useState(null);return e.createElement(s,null,n.map(((t,n)=>e.createElement(fe,{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=ge,exports.AccordionItem=fe,exports.AccordionKeyValue=n=>{const{colorScheme:r,label:o,value:a}=n,i=t.useTheme(),s=G(null!=r?r:exports.ColorScheme.light);return e.createElement(ge,{colorScheme:r},e.createElement(be,null,e.createElement(p,{color:s(i.colors.fg.neutral.default),variant:exports.TypographyVariant.TEXT_SM,weight:exports.TypographyWeight.MEDIUM_500},o)),e.createElement(ve,null,e.createElement(p,{color:s(i.colors.fg.neutral.subtle),variant:exports.TypographyVariant.TEXT_SM,weight:exports.TypographyWeight.MEDIUM_500},a)))},exports.AsyncSelect=t=>{const{control:n,defaultPlaceholder:o,name:a,optionIcon:i}=t,s=oi(t,["control","defaultPlaceholder","name","optionIcon"]),[l,c]=e.useState(),[u,d]=e.useState(o),p=()=>d("");return e.createElement(r.Controller,{control:n,name:a,render:({field:t})=>{var n;return e.createElement(kx,Object.assign({},s,t,{customComponents:{Input:Sx,DropdownIndicator:null,Control:Tx,Option:t=>((t,n)=>{var{children:r,data:o}=t,a=oi(t,["children","data"]);return e.createElement(ny.Option,Object.assign({data:o},a),e.createElement(Cx,null,n&&e.createElement(se,{size:n.size,type:n.type}),e.createElement(Ex,null,r)))})(t,i)},inputValue:null===(n=t.value)||void 0===n?void 0:n.label,isSearchable:!0,loadingMessage:()=>null,noOptionsMessage:()=>null,placeholder:u,type:yx.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&&(c(null),n.onChange({value:null,label:e}))})(e,n,t)}))}})},exports.Button=Rr,exports.CalculatorResult=Xi,exports.CalculatorResultBox=t=>{const{bodyItems:n,description:r,header:o,htmlRef:a,main:i,mediaType:s,modal:l,resultWrapperHtmlRef:c}=t,[u,d]=e.useState(!1);return e.createElement(Yi,{$isDescriptionVisible:void 0!==r,$mediaType:s,ref:a},e.createElement(Xi,{bodyItems:n,header:o,htmlRef:c,main:i}),e.createElement(ji,null,void 0!==r&&e.createElement(Zi,null,e.createElement(p,{fullWidth:!0,textAlign:exports.TypographyTextAlign.CENTER,variant:exports.TypographyVariant.TEXT_SM},r)),void 0!==l&&e.createElement(e.Fragment,null,e.createElement(Xa,{hideCloseButton:!1,isOpen:u,onClose:()=>{d(!1)}},l.content),e.createElement(Ui,null,e.createElement(Ji,{onClick:()=>{d(!0)}},e.createElement(p,{variant:exports.TypographyVariant.TEXT_SM,weight:exports.TypographyWeight.MEDIUM_500},l.text,e.createElement(Qi,null,e.createElement(Ki,null,e.createElement(se,{size:exports.IconSystemSize.big,type:exports.IconSystemType.chevronRight})))))))))},exports.Checkbox=Uf,exports.DatePicker=Vf,exports.EmailInput=yh,exports.ErrorBox=n=>{const{colorScheme:r,content:o,items:a,title:i}=n,s=t.useTheme(),l=G(r);return e.createElement(Po,{$chooseColor:l},void 0!==i&&e.createElement(p,{color:l(s.colors.fg.error),variant:exports.TypographyVariant.TEXT_LG,weight:exports.TypographyWeight.SEMI_BOLD_600},i),void 0!==a&&a.length>0&&e.createElement(Wo,{colorScheme:r,items:a}),void 0!==o&&o)},exports.FieldWrapper=gh,exports.FormattedAmount=ds,exports.FormattedHtmlMessage=Di,exports.FormattedMessage=t=>{const{defaultMessage:n,description:r,id:o,values:a}=t;return e.createElement(Mi,{defaultMessage:n,description:r,id:o,values:a},(t=>e.createElement("span",{"data-message-id":o},t)))},exports.FormattedPercentage=cs,exports.IconProduct=aa,exports.IconSystem=se,exports.InfoConditional=Li,exports.Infobox=n=>{const{children:r,colorScheme:o,fullWidth:a=!1,iconProduct:i,isWarning:s=!1,mediaType:l,size:c,variant:u}=n,d=t.useTheme(),p=G(o),h=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]),f=e.useMemo((()=>{switch(!0){case s:return p(d.colors.fg.accent.default);case o===exports.ColorScheme.dark:return d.colors.fg.neutral.white.dark;case o===exports.ColorScheme.light:return;default:throw new Error("unexpected combination of conditions in infobox.tsx iconStroke")}}),[p,o,s,d.colors.fg.accent.default,d.colors.fg.neutral.white]);return e.createElement(zo,{$chooseColor:p,$colorScheme:o,$fullWidth:a,$isWarning:s,$mediaType:l,$size:c,$variant:u},void 0===i&&r,void 0!==i&&e.createElement(Xo,{$mediaType:l},e.createElement(Yo,{$colorScheme:o,$mediaType:l},e.createElement(aa,{colorScheme:o,size:h,stroke:f,type:i,variant:Uo.default})),r))},exports.InputBase=sh,exports.InputLabel=dh,exports.Loader=is,exports.LoaderOverlayBox=t=>{const{colorScheme:n,loaderSize:r}=t;return e.createElement(ss,{$colorScheme:n},e.createElement(is,{colorScheme:n,loaderSize:r}))},exports.MaskedInput=cf,exports.MaskedInputBase=lf,exports.MaskedInputField=df,exports.Modal=Xa,exports.NumberInput=pf,exports.NumberInputField=hf,exports.PhoneInput=ff,exports.PhoneInputField=vf,exports.PhoneInputNext=bf,exports.Radio=sm,exports.RadioButton=pm,exports.RadioButtonsHorizontal=vm,exports.SearchInput=yf,exports.Select=t=>{const{control:n,name:o}=t,a=oi(t,["control","name"]);return e.createElement(r.Controller,{control:n,name:o,render:({field:t})=>e.createElement(kx,Object.assign({},a,t))})},exports.SelectBase=kx,exports.SelectField=t=>{const{control:n,errorMessage:o,hasError:a,hintText:i,id:s,label:l,labelSuffix:c,name:u,tooltip:d}=t,p=oi(t,["control","errorMessage","hasError","hintText","id","label","labelSuffix","name","tooltip"]);return e.createElement(gh,{errorMessage:o,hasError:a,hintText:i,id:s,label:l,labelSuffix:c,tooltip:d},e.createElement(r.Controller,{control:n,name:u,render:({field:t})=>e.createElement(wx,Object.assign({},p,{inputId:s,isError:a},t))}))},exports.Slider=Oo,exports.SliderInput=Df,exports.Stack=t=>{const{children:n,direction:r=exports.StackDirection.column,gap:o=exports.GapSize.MD}=t,a=oi(t,["children","direction","gap"]);return e.createElement(Wx,Object.assign({$direction:r,$gap:o},a),n)},exports.Table=t=>{const{children:n,variant:r}=t;return e.createElement(sa,{$variant:r},n)},exports.TableBody=t=>{const{children:n,variant:r}=t;return e.createElement(la,{$variant:r},n)},exports.TableData=t=>{const{align:n,children:r,delimiter:o=!1,variant:a,width:i}=t;return e.createElement(ca,{$delimiter:o,$variant:a,align:n,width:i},r)},exports.TableHead=t=>{const{children:n,variant:r}=t;return e.createElement(ua,{$variant:r},n)},exports.TableHeadData=t=>{const{align:n,children:r,delimiter:o,variant:a,width:i}=t;return e.createElement(da,{$delimiter:o,$variant:a,$width:i,align:n},r)},exports.TableRow=t=>{const{children:n,variant:r}=t;return e.createElement(pa,{$variant:r},n)},exports.Tabs=t=>{const{activeTabDefaultPosition:n,colorScheme:r,fullWidth:o=!1,size:a,tabItems:i,variant:s}=t,l=G(r),c=e.useRef(null),u=e.useRef([]),[d,p]=e.useState(void 0),h=e.useCallback((()=>{const e=c.current;if(null===e)throw new Error("unexpected error tabs.tsx checkScrollPosition");p(e.scrollLeft)}),[]),f=je(h,200,{maxWait:200});e.useEffect((()=>{h();const e=c.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=c.current;if(null===e)throw new Error("unexpected error tabs.tsx leftArrowClickHandler");e.scrollTo({left:e.scrollLeft-Na>0?e.scrollLeft-Na:0,behavior:"smooth"})}),[]),g=e.useCallback((()=>{const e=c.current;if(null===e)throw new Error("unexpected error tabs.tsx rightArrowClickHandler");e.scrollTo({left:e.scrollLeft+Na+e.clientWidth<=e.scrollWidth?e.scrollLeft+Na:e.scrollWidth,behavior:"smooth"})}),[]),b=void 0!==d&&d>0,v=void 0!==d&&null!==c.current&&d+c.current.clientWidth<c.current.scrollWidth-4,y=e.useMemo((()=>{const e=i.findIndex((e=>!0===e.isActive));return e<0?void 0:e}),[i]);return e.useEffect((()=>{if(void 0===y)return;const e=c.current,t=u.current[y];if(null===e||null===t)return;if(u.current.includes(null))return;const r=u.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(Ca,null,e.createElement(Ea,{ref:c},e.createElement(Ia,{$chooseColor:l,$fullWidth:o},i.map(((t,n)=>e.createElement(e.Fragment,{key:t.id},e.createElement(wa,{colorScheme:r,fullWidth:o,htmlRef:e=>u.current[n]=e,icon:t.icon,id:t.id,isActive:t.isActive,size:a,text:t.text,variant:s,onClick:t.onClick})))))),b&&e.createElement(Ma,null,e.createElement(Da,{onClick:m},e.createElement(se,{size:exports.IconSystemSize.big,type:exports.IconSystemType.chevronLeft}))),v&&e.createElement(Aa,null,e.createElement(La,{onClick:g},e.createElement(se,{size:exports.IconSystemSize.big,type:exports.IconSystemType.chevronRight}))))},exports.TabsItem=wa,exports.TextArea=Bx,exports.TextInput=Af,exports.Toggle=n=>{const{defaultValue:r,disabled:o,id:a,label:i,name:s,onChange:l}=n,c=t.useTheme(),[u,d]=e.useState(r),h=e.useCallback((e=>{d(e),void 0!==l&&l(e)}),[l]);return e.createElement(_x,{$checked:u,$disabled:o},e.createElement(Rx,{activeBoxShadow:"",borderRadius:9999,checked:u,checkedIcon:!1,className:"react-switch",disabled:o,handleDiameter:16,height:21,id:a,name:s,offColor:c.colors.bg.neutral.white.light,offHandleColor:c.colors.bg.neutral.white.light,uncheckedIcon:!1,width:36,onChange:h,onColor:!0===o?c.colors.bg.neutral.white.light:c.colors.bg.brand.bold.light,onHandleColor:c.colors.bg.neutral.white.light}),void 0!==i&&e.createElement(Ox,{htmlFor:a},e.createElement(p,{variant:exports.TypographyVariant.TEXT_SM,weight:exports.TypographyWeight.MEDIUM_500},i)))},exports.TooltipGeneral=Ka,exports.TooltipInfo=ni,exports.TooltipInfoDisplayableCheck=t=>{const{body:n,colorScheme:r,displayMethod:o,title:a}=t,i=Ai();return i(n)?e.createElement(e.Fragment,null,o===exports.TooltipInfoDisplayMethod.WITH_NBSP&&" ",e.createElement(ni,{colorScheme:r,floatingElement:{body:e.createElement(Di,Object.assign({},n)),title:void 0!==a&&i(a)?e.createElement(Di,Object.assign({},a)):void 0}})):null},exports.TrailingTextInput=Nf,exports.Typography=p,exports.getColor=$,exports.theme=Gp,exports.useColorScheme=G,exports.useCreateTooltipFloatingElement=()=>{const t=Ai();return e.useCallback(((n,r)=>{if(t(n))return{body:e.createElement(Di,Object.assign({},n)),title:void 0!==r&&t(r)?e.createElement(Di,Object.assign({},r)):void 0}}),[t])},exports.useFormatAmount=us,exports.useFormattedPercentage=ls,exports.useIsMessageDisplayable=Ai,exports.withMaskedInputField=uf;
 //# sourceMappingURL=index.cjs.js.map