@mmb-digital/design-system-web 0.1.91 → 0.1.93

package/dist/index.cjs.js

@@ -778,7 +778,7 @@ var Cn=["input:not([inert])","select:not([inert])","textarea:not([inert])","a[hr
 
 	/* variant specific styles */
 	${({variant:e})=>{switch(e){case exports.TableVariant.EXCHANGE:case exports.TableVariant.SIMPLE:return t.css``;default:return}}}
-`;var ea,ta,na;exports.TabsVariant=void 0,(ea=exports.TabsVariant||(exports.TabsVariant={})).primary="primary",ea.secondary="secondary",ea.tertiary="tertiary",exports.TabsSize=void 0,(ta=exports.TabsSize||(exports.TabsSize={})).lg="lg",ta.md="md",ta.sm="sm",ta.xs="xs",function(e){e.center="center",e.noScrolling="noScrolling",e.scrollOnlyWhenNotVisible="scrollOnlyWhenNotVisible"}(na||(na={}));const ra=t.css`
+`;var ea,ta,na;exports.TabsVariant=void 0,(ea=exports.TabsVariant||(exports.TabsVariant={})).primary="primary",ea.secondary="secondary",ea.tertiary="tertiary",exports.TabsSize=void 0,(ta=exports.TabsSize||(exports.TabsSize={})).lg="lg",ta.md="md",ta.sm="sm",ta.xs="xs",exports.TabsActiveTabDefaultPosition=void 0,(na=exports.TabsActiveTabDefaultPosition||(exports.TabsActiveTabDefaultPosition={})).center="center",na.noScrolling="noScrolling",na.scrollOnlyWhenNotVisible="scrollOnlyWhenNotVisible";const ra=t.css`
 	flex-direction: column;
 	gap: ${({theme:e})=>e.spacing.xs};
 	height: 76px;
@@ -1996,5 +1996,5 @@ function Bu(e,t,n){return t=Uu(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=H(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=Jo(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(fx,Object.assign({},s,t,{customComponents:{Input:yx,DropdownIndicator:null,Control:xx,Option:t=>((t,n)=>{var{children:r,data:o}=t,a=Jo(t,["children","data"]);return e.createElement(Uv.Option,Object.assign({data:o},a),e.createElement(gx,null,n&&e.createElement(se,{size:n.size,type:n.type}),e.createElement(bx,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:px.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=Wi,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(Hi,{isDescriptionVisible:void 0!==r,mediaType:s,ref:a},e.createElement(Wi,{bodyItems:n,header:o,htmlRef:c,main:i}),e.createElement($i,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($a,{hideCloseButton:!1,isOpen:u,onClose:()=>{d(!1)}},l.content),e.createElement(Xi,null,e.createElement(Yi,{onClick:()=>{d(!0)}},e.createElement(p,{variant:exports.TypographyVariant.TEXT_SM,weight:exports.TypographyWeight.MEDIUM_500},l.text,e.createElement(ji,null,e.createElement(Zi,null,e.createElement(se,{size:exports.IconSystemSize.big,type:exports.IconSystemType.chevronRight})))))))))},exports.Checkbox=Hf,exports.DatePicker=Nf,exports.EmailInput=hh,exports.ErrorBox=n=>{const{colorScheme:r,content:o,items:a,title:i}=n,s=t.useTheme(),l=H(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=uh,exports.FormattedAmount=ss,exports.FormattedHtmlMessage=Ei,exports.FormattedMessage=t=>{const{defaultMessage:n,description:r,id:o,values:a}=t;return e.createElement(Ci,{defaultMessage:n,description:r,id:o,values:a},(t=>e.createElement("span",{"data-message-id":o},t)))},exports.FormattedPercentage=as,exports.IconProduct=Aa,exports.IconSystem=se,exports.InfoConditional=Si,exports.Infobox=t=>{const{children:n,fullWidth:r,isWarning:o=!1,size:a,variant:i}=t;return e.createElement($o,{fullWidth:r,isWarning:o,size:a,variant:i},n)},exports.InputBase=rh,exports.InputLabel=ih,exports.Loader=ns,exports.LoaderOverlayBox=t=>{const{colorScheme:n,loaderSize:r}=t;return e.createElement(rs,{colorScheme:n},e.createElement(ns,{colorScheme:n,loaderSize:r}))},exports.MaskedInput=nf,exports.MaskedInputBase=tf,exports.MaskedInputField=of,exports.Modal=$a,exports.NumberInput=af,exports.NumberInputField=sf,exports.PhoneInput=lf,exports.PhoneInputField=pf,exports.PhoneInputNext=df,exports.Radio=em,exports.RadioButton=am,exports.RadioButtonsHorizontal=dm,exports.SearchInput=hf,exports.Select=t=>{const{control:n,name:o}=t,a=Jo(t,["control","name"]);return e.createElement(r.Controller,{control:n,name:o,render:({field:t})=>e.createElement(fx,Object.assign({},a,t))})},exports.SelectBase=fx,exports.SelectField=t=>{const{control:n,errorMessage:o,hasError:a,hintText:i,id:s,label:l,labelSuffix:c,name:u,tooltip:d}=t,p=Jo(t,["control","errorMessage","hasError","hintText","id","label","labelSuffix","name","tooltip"]);return e.createElement(uh,{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(mx,Object.assign({},p,{inputId:s,isError:a},t))}))},exports.Slider=_o,exports.SliderInput=kf,exports.Stack=t=>{const{children:n,direction:r=exports.StackDirection.column,gap:o=exports.GapSize.MD}=t,a=Jo(t,["children","direction","gap"]);return e.createElement(Rx,Object.assign({direction:r,gap:o},a),n)},exports.Table=t=>{const{children:n,variant:r}=t;return e.createElement(Xo,{variant:r},n)},exports.TableBody=t=>{const{children:n,variant:r}=t;return e.createElement(Yo,{variant:r},n)},exports.TableData=t=>{const{align:n,children:r,delimiter:o=!1,variant:a,width:i}=t;return e.createElement(jo,{align:n,delimiter:o,variant:a,width:i},r)},exports.TableHead=t=>{const{children:n,variant:r}=t;return e.createElement(Zo,{variant:r},n)},exports.TableHeadData=t=>{const{align:n,children:r,width:o}=t,a=Jo(t,["align","children","width"]);return e.createElement(Ko,Object.assign({align:n,width:o},a),r)},exports.TableRow=t=>{const{children:n,variant:r}=t;return e.createElement(qo,{variant:r},n)},exports.Tabs=t=>{const{activeTabDefaultPosition:n,colorScheme:r,fullWidth:o=!1,size:a,tabItems:i,variant:s}=t,l=H(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-ya>0?e.scrollLeft-ya: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+ya+e.clientWidth<=e.scrollWidth?e.scrollLeft+ya: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 na.center:((e,t)=>{e.scrollLeft=t.offsetLeft-(e.offsetWidth-t.offsetWidth)/2})(e,t);break;case na.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 na.noScrolling:break;default:throw new Error("unexpected value of TabsActiveTabDefaultPosition enum in tabs.tsx")}}),[n,y]),e.createElement(ua,null,e.createElement(da,{ref:c},e.createElement(pa,{$chooseColor:l,$fullWidth:o},i.map(((t,n)=>e.createElement(e.Fragment,{key:t.id},e.createElement(ca,{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(ga,{onClick:m},e.createElement(se,{size:exports.IconSystemSize.big,type:exports.IconSystemType.chevronLeft}))),v&&e.createElement(ba,null,e.createElement(va,{onClick:g},e.createElement(se,{size:exports.IconSystemSize.big,type:exports.IconSystemType.chevronRight}))))},exports.TabsItem=ca,exports.TextArea=Ax,exports.TextInput=Cf,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(Tx,{checked:u,disabled:o},e.createElement(Sx,{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(Mx,{htmlFor:a},e.createElement(p,{variant:exports.TypographyVariant.TEXT_SM,weight:exports.TypographyWeight.MEDIUM_500},i)))},exports.TooltipGeneral=Ja,exports.TooltipInfo=ei,exports.TooltipInfoDisplayableCheck=t=>{const{body:n,colorScheme:r,displayMethod:o,title:a}=t,i=Ii();return i(n)?e.createElement(e.Fragment,null,o===exports.TooltipInfoDisplayMethod.WITH_NBSP&&" ",e.createElement(ei,{colorScheme:r,floatingElement:{body:e.createElement(Ei,Object.assign({},n)),title:void 0!==a&&i(a)?e.createElement(Ei,Object.assign({},a)):void 0}})):null},exports.TrailingTextInput=If,exports.Typography=p,exports.getColor=G,exports.theme=Fp,exports.useColorScheme=H,exports.useCreateTooltipFloatingElement=()=>{const t=Ii();return e.useCallback(((n,r)=>{if(t(n))return{body:e.createElement(Ei,Object.assign({},n)),title:void 0!==r&&t(r)?e.createElement(Ei,Object.assign({},r)):void 0}}),[t])},exports.useFormatAmount=is,exports.useFormattedPercentage=os,exports.useIsMessageDisplayable=Ii,exports.withMaskedInputField=rf;
+`;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=H(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=Jo(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(fx,Object.assign({},s,t,{customComponents:{Input:yx,DropdownIndicator:null,Control:xx,Option:t=>((t,n)=>{var{children:r,data:o}=t,a=Jo(t,["children","data"]);return e.createElement(Uv.Option,Object.assign({data:o},a),e.createElement(gx,null,n&&e.createElement(se,{size:n.size,type:n.type}),e.createElement(bx,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:px.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=Wi,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(Hi,{isDescriptionVisible:void 0!==r,mediaType:s,ref:a},e.createElement(Wi,{bodyItems:n,header:o,htmlRef:c,main:i}),e.createElement($i,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($a,{hideCloseButton:!1,isOpen:u,onClose:()=>{d(!1)}},l.content),e.createElement(Xi,null,e.createElement(Yi,{onClick:()=>{d(!0)}},e.createElement(p,{variant:exports.TypographyVariant.TEXT_SM,weight:exports.TypographyWeight.MEDIUM_500},l.text,e.createElement(ji,null,e.createElement(Zi,null,e.createElement(se,{size:exports.IconSystemSize.big,type:exports.IconSystemType.chevronRight})))))))))},exports.Checkbox=Hf,exports.DatePicker=Nf,exports.EmailInput=hh,exports.ErrorBox=n=>{const{colorScheme:r,content:o,items:a,title:i}=n,s=t.useTheme(),l=H(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=uh,exports.FormattedAmount=ss,exports.FormattedHtmlMessage=Ei,exports.FormattedMessage=t=>{const{defaultMessage:n,description:r,id:o,values:a}=t;return e.createElement(Ci,{defaultMessage:n,description:r,id:o,values:a},(t=>e.createElement("span",{"data-message-id":o},t)))},exports.FormattedPercentage=as,exports.IconProduct=Aa,exports.IconSystem=se,exports.InfoConditional=Si,exports.Infobox=t=>{const{children:n,fullWidth:r,isWarning:o=!1,size:a,variant:i}=t;return e.createElement($o,{fullWidth:r,isWarning:o,size:a,variant:i},n)},exports.InputBase=rh,exports.InputLabel=ih,exports.Loader=ns,exports.LoaderOverlayBox=t=>{const{colorScheme:n,loaderSize:r}=t;return e.createElement(rs,{colorScheme:n},e.createElement(ns,{colorScheme:n,loaderSize:r}))},exports.MaskedInput=nf,exports.MaskedInputBase=tf,exports.MaskedInputField=of,exports.Modal=$a,exports.NumberInput=af,exports.NumberInputField=sf,exports.PhoneInput=lf,exports.PhoneInputField=pf,exports.PhoneInputNext=df,exports.Radio=em,exports.RadioButton=am,exports.RadioButtonsHorizontal=dm,exports.SearchInput=hf,exports.Select=t=>{const{control:n,name:o}=t,a=Jo(t,["control","name"]);return e.createElement(r.Controller,{control:n,name:o,render:({field:t})=>e.createElement(fx,Object.assign({},a,t))})},exports.SelectBase=fx,exports.SelectField=t=>{const{control:n,errorMessage:o,hasError:a,hintText:i,id:s,label:l,labelSuffix:c,name:u,tooltip:d}=t,p=Jo(t,["control","errorMessage","hasError","hintText","id","label","labelSuffix","name","tooltip"]);return e.createElement(uh,{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(mx,Object.assign({},p,{inputId:s,isError:a},t))}))},exports.Slider=_o,exports.SliderInput=kf,exports.Stack=t=>{const{children:n,direction:r=exports.StackDirection.column,gap:o=exports.GapSize.MD}=t,a=Jo(t,["children","direction","gap"]);return e.createElement(Rx,Object.assign({direction:r,gap:o},a),n)},exports.Table=t=>{const{children:n,variant:r}=t;return e.createElement(Xo,{variant:r},n)},exports.TableBody=t=>{const{children:n,variant:r}=t;return e.createElement(Yo,{variant:r},n)},exports.TableData=t=>{const{align:n,children:r,delimiter:o=!1,variant:a,width:i}=t;return e.createElement(jo,{align:n,delimiter:o,variant:a,width:i},r)},exports.TableHead=t=>{const{children:n,variant:r}=t;return e.createElement(Zo,{variant:r},n)},exports.TableHeadData=t=>{const{align:n,children:r,width:o}=t,a=Jo(t,["align","children","width"]);return e.createElement(Ko,Object.assign({align:n,width:o},a),r)},exports.TableRow=t=>{const{children:n,variant:r}=t;return e.createElement(qo,{variant:r},n)},exports.Tabs=t=>{const{activeTabDefaultPosition:n,colorScheme:r,fullWidth:o=!1,size:a,tabItems:i,variant:s}=t,l=H(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-ya>0?e.scrollLeft-ya: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+ya+e.clientWidth<=e.scrollWidth?e.scrollLeft+ya: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(ua,null,e.createElement(da,{ref:c},e.createElement(pa,{$chooseColor:l,$fullWidth:o},i.map(((t,n)=>e.createElement(e.Fragment,{key:t.id},e.createElement(ca,{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(ga,{onClick:m},e.createElement(se,{size:exports.IconSystemSize.big,type:exports.IconSystemType.chevronLeft}))),v&&e.createElement(ba,null,e.createElement(va,{onClick:g},e.createElement(se,{size:exports.IconSystemSize.big,type:exports.IconSystemType.chevronRight}))))},exports.TabsItem=ca,exports.TextArea=Ax,exports.TextInput=Cf,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(Tx,{checked:u,disabled:o},e.createElement(Sx,{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(Mx,{htmlFor:a},e.createElement(p,{variant:exports.TypographyVariant.TEXT_SM,weight:exports.TypographyWeight.MEDIUM_500},i)))},exports.TooltipGeneral=Ja,exports.TooltipInfo=ei,exports.TooltipInfoDisplayableCheck=t=>{const{body:n,colorScheme:r,displayMethod:o,title:a}=t,i=Ii();return i(n)?e.createElement(e.Fragment,null,o===exports.TooltipInfoDisplayMethod.WITH_NBSP&&" ",e.createElement(ei,{colorScheme:r,floatingElement:{body:e.createElement(Ei,Object.assign({},n)),title:void 0!==a&&i(a)?e.createElement(Ei,Object.assign({},a)):void 0}})):null},exports.TrailingTextInput=If,exports.Typography=p,exports.getColor=G,exports.theme=Fp,exports.useColorScheme=H,exports.useCreateTooltipFloatingElement=()=>{const t=Ii();return e.useCallback(((n,r)=>{if(t(n))return{body:e.createElement(Ei,Object.assign({},n)),title:void 0!==r&&t(r)?e.createElement(Ei,Object.assign({},r)):void 0}}),[t])},exports.useFormatAmount=is,exports.useFormattedPercentage=os,exports.useIsMessageDisplayable=Ii,exports.withMaskedInputField=rf;
 //# sourceMappingURL=index.cjs.js.map