@mmb-digital/design-system-web 0.1.254 → 0.1.255
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs.js +1 -1
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.esm.js +1 -1
- package/dist/index.esm.js.map +1 -1
- package/package.json +1 -1
package/dist/index.cjs.js
CHANGED
|
@@ -79,5 +79,5 @@ object-assign
|
|
|
79
79
|
flex-direction: row;
|
|
80
80
|
gap: ${e=>e.theme.spacing.lg};
|
|
81
81
|
align-items: start;
|
|
82
|
-
`)),Jk=t.styled.div.withConfig({displayName:"AddFileWrapper",componentId:"sc-11ec5t9-1"})(["display:flex;flex-wrap:nowrap;gap:",";align-items:center;padding-right:",";white-space:nowrap;cursor:pointer;border-radius:",";&:focus-visible{outline-width:3px;outline-style:solid;outline-color:",";outline-offset:2px;}"],(e=>e.theme.spacing.xxs),(e=>e.theme.spacing.xxs),(e=>e.theme.borderRadius.xxs),(e=>e.$chooseColor(e.theme.colors.focus))),ew=e.forwardRef(((r,n)=>{const{fileInputSettings:o,LimitDescription:i,onClick:a,text:s}=r,l=t.useTheme(),{chooseColor:u,mediaType:c}=Z(r),d=e.useCallback((e=>{"Space"!==e.code&&"Enter"!==e.key||a()}),[a]);return e.createElement(Xk,{$mediaType:c},e.createElement(Jk,{$chooseColor:u,ref:n,role:"button",tabIndex:0,onClick:a,onKeyDown:d},e.createElement(kt,{size:exports.IconSystemSize.big,stroke:l.colors.fg.brand.default.light,type:exports.IconSystemType.plus}),e.createElement(ne,{color:l.colors.fg.brand.default.light,variant:exports.TypographyVariant.textSm,weight:exports.FontWeight.medium500},s)),e.createElement(ne,{color:l.colors.fg.neutral.subtle.light,fullWidth:!0,textAlign:c===exports.MediaType.desktop?exports.TypographyTextAlign.right:exports.TypographyTextAlign.center,variant:exports.TypographyVariant.textSm,weight:exports.FontWeight.regular400},e.createElement(i,Object.assign({},o))))}));ew.displayName="Placeholder";const tw=t.styled.li.withConfig({displayName:"ErrorRowWrapper",componentId:"sc-1ro4esa-0"})(["display:flex;gap:",";align-items:start;justify-content:start;padding:"," 0;border-top-color:",";border-top-style:solid;border-top-width:1px;"],(e=>e.theme.spacing.xs),(e=>e.theme.spacing.sm),(e=>e.theme.colors.border.neutral.subtlest.light)),rw=t.styled.div.withConfig({displayName:"DescriptionSection",componentId:"sc-1ro4esa-1"})(["display:flex;flex-direction:column;gap:",";align-items:start;"],(e=>e.theme.spacing.xxs)),nw=r=>{const{error:n,UploadErrorReason:o,UploadFailed:i}=r,a=t.useTheme();return e.createElement(tw,null,e.createElement(kt,{ariaHidden:!0,size:exports.IconSystemSize.big,stroke:a.colors.icon.error.light,type:exports.IconSystemType.close}),e.createElement(rw,{role:"alert"},e.createElement(ne,{color:a.colors.fg.error.light,variant:exports.TypographyVariant.textSm,weight:exports.FontWeight.medium500},e.createElement(i,{fileName:n.fileName})),e.createElement(ne,{color:a.colors.fg.neutral.subtle.light,variant:exports.TypographyVariant.textSm,weight:exports.FontWeight.regular400},e.createElement(o,{errorCode:n.code}))))},ow=t.styled.li.withConfig({displayName:"FileRowWrapper",componentId:"sc-1npvian-0"})(["display:flex;gap:",";align-items:center;justify-content:space-between;padding:"," 0;border-top-color:",";border-top-style:solid;border-top-width:1px;"],(e=>e.theme.spacing.xs),(e=>e.theme.spacing.sm),(e=>e.theme.colors.border.neutral.subtlest.light)),iw=t.styled.div.withConfig({displayName:"LeftSection",componentId:"sc-1npvian-1"})(["display:flex;flex-direction:row;gap:",";align-items:center;overflow:hidden;"],(e=>e.theme.spacing.xs)),aw=t.styled.div.withConfig({displayName:"FileName",componentId:"sc-1npvian-2"})(["overflow:hidden;text-overflow:ellipsis;white-space:nowrap;"]),sw=t.styled.div.withConfig({displayName:"RightSection",componentId:"sc-1npvian-3"})(["display:flex;flex-direction:row;flex-wrap:nowrap;gap:",";align-items:center;padding:",";cursor:pointer;border-radius:",";&:focus-visible{outline-width:3px;outline-style:solid;outline-color:",";outline-offset:2px;}"],(e=>e.theme.spacing.xxs),(e=>e.theme.spacing.xxs),(e=>e.theme.borderRadius.xxs),(e=>e.theme.colors.border.error.light)),lw=r=>{const{file:n,getRemoveButtonAriaLabel:o,onRemove:i,RemoveButtonText:a}=r,s=t.useTheme(),l=e.useCallback((e=>{"Space"!==e.code&&"Enter"!==e.key||(i(),e.stopPropagation())}),[i]);return e.createElement(ow,null,e.createElement(iw,null,e.createElement(kt,{ariaHidden:!0,size:exports.IconSystemSize.big,stroke:s.colors.icon.neutral.light,type:exports.IconSystemType.fileText}),e.createElement(aw,null,e.createElement(ne,{color:s.colors.fg.neutral.default.light,variant:exports.TypographyVariant.textSm,weight:exports.FontWeight.medium500},n.name))),e.createElement(sw,{"aria-label":o(n.name),role:"button",tabIndex:0,onClick:i,onKeyDown:l},e.createElement(ne,{color:s.colors.fg.error.light,variant:exports.TypographyVariant.textXs,weight:exports.FontWeight.medium500},e.createElement(a,{fileName:n.name})),e.createElement(kt,{ariaHidden:!0,size:exports.IconSystemSize.small,stroke:s.colors.icon.error.light,type:exports.IconSystemType.trash})))},uw=t=>{const{getRemoveButtonAriaLabel:r,items:n,onFileRemove:o,RemoveButtonText:i,UploadErrorReason:a,UploadFailed:s}=t;return e.createElement("ul",null,n.map(((t,n)=>t.type===Wk.file?e.createElement(lw,{key:n,file:t.file,getRemoveButtonAriaLabel:r,RemoveButtonText:i,onRemove:()=>o(t.file)}):e.createElement(nw,{key:n,error:t.error,UploadErrorReason:a,UploadFailed:s}))))},cw=e.forwardRef(((r,n)=>{const{DropzoneDragFilesHere:o,DropzoneDragOrSelectFiles:i,DropzoneSelectFiles:a,fileExtensions:s,getFileRemovedLiveText:u,getFilesAddedLiveText:c,getRemoveButtonAriaLabel:d,invalid:p=!1,LimitDescription:h,maxFiles:f,maxSize:m,maxTotalSize:g,onBlur:v,onChange:y,optionality:b=exports.FieldOptionality.required,placeholder:x,RemoveButtonText:k,UploadErrorReason:w,UploadFailed:C,value:E}=r,[S,_]=e.useState(!1),[I,M]=e.useState(b===exports.FieldOptionality.optional),[T,L]=e.useState([]),D=dr(`(min-width: ${t.useTheme().breakpoints.sm})`),{chooseColor:P,colorScheme:R,mediaType:O}=Z(r,{defaultMediaType:D?exports.MediaType.desktop:exports.MediaType.mobile}),A=e.useMemo((()=>s.map(Yk)),[s]),[N,V]=e.useState(void 0),F={maxSize:m,fileExtensions:A,maxFiles:f,maxTotalSize:g},B=e.useCallback(((e,t)=>{var r;const n=t.map(Hk);let o=E.reduce(((e,t)=>e+t.size),0);const i=e.filter((e=>{if("number"==typeof g&&o+e.size>g)return n.push({code:exports.FileInputErrorCode.totalFileSizeTooLarge,fileName:e.name}),!1;const t=e.name.toLowerCase().split(".").pop();return void 0!==t&&A.includes(t)?(o+=e.size,!0):(n.push({code:exports.FileInputErrorCode.unsupportedFormat,fileName:e.name}),!1)}));y([...E,...i]),null==v||v();const a=i.map((e=>({file:e,type:Wk.file}))),s=n.map((e=>({error:e,type:Wk.error})));L((e=>[...e.filter((e=>e.type===Wk.file)),...a,...s])),V(null!==(r=null==c?void 0:c(i.map((e=>e.name))))&&void 0!==r?r:void 0)}),[A,E,c,g,v,y]),{getInputProps:j,getRootProps:$,isDragActive:W,open:z}=l.useDropzone({onDrop:B,multiple:!0,maxFiles:f,maxSize:m,noClick:!0}),H=e.useCallback((e=>{y(E.filter((t=>t!==e))),L(T.filter((t=>t.type!==Wk.file||t.file!==e))),V(null==u?void 0:u(e.name))}),[T,E,y,V,u]),Y=$({onMouseEnter:()=>_(!0),onMouseLeave:()=>_(!1),onKeyDown:e=>{"Space"!==e.code&&"Enter"!==e.code||z()},role:"none"}),K=ho([Y.ref,n]);return I?e.createElement(ew,{colorScheme:R,fileInputSettings:F,LimitDescription:h,mediaType:O,ref:n,text:x,onClick:()=>M(!1)}):e.createElement(e.Fragment,null,e.createElement(Ul,{"aria-live":"polite"},N),e.createElement(Qk,Object.assign({$active:W||S,$chooseColor:P,$hasError:p},Y,{ref:K}),e.createElement(Gk,{colorScheme:R,dragActive:W,DropzoneDragFilesHere:o,DropzoneDragOrSelectFiles:i,DropzoneSelectFiles:a,fileInputSettings:F,LimitDescription:h,mediaType:O,onOpenClick:()=>z()}),e.createElement("input",Object.assign({},j())),e.createElement(uw,{getRemoveButtonAriaLabel:d,items:T,RemoveButtonText:k,UploadErrorReason:w,UploadFailed:C,onFileRemove:H})))}));cw.displayName="FileInput";exports.Accordion=t=>{const{data:r,variant:n=exports.AccordionVariant.default}=t,{colorScheme:o}=Z(t),[i,a]=e.useState(null);return e.createElement(e.Fragment,null,r.map(((t,r)=>e.createElement(Dt,{key:t.id,closeActionAriaLabel:t.closeActionAriaLabel,colorScheme:o,content:t.content,description:t.description,icon:t.icon,id:t.id,isOpen:i===r,label:t.label,openActionAriaLabel:t.openActionAriaLabel,variant:n,onClick:()=>(e=>{a((t=>t===e?null:e))})(r)}))))},exports.AccordionContent=Rt,exports.AccordionItem=Dt,exports.AccordionKeyValue=r=>{const{label:n,value:o}=r,i=t.useTheme(),{chooseColor:a,colorScheme:s}=Z(r);return e.createElement(Rt,{colorScheme:s},e.createElement(Ot,null,e.createElement(ne,{color:a(i.colors.fg.neutral.default),variant:exports.TypographyVariant.textSm,weight:exports.FontWeight.medium500},n)),e.createElement(At,null,e.createElement(ne,{color:a(i.colors.fg.neutral.subtle),variant:exports.TypographyVariant.textSm,weight:exports.FontWeight.medium500},o)))},exports.Button=ci,exports.ButtonsLayout=t=>{const{align:r,buttons:n,direction:o,gap:i=exports.Spacing.md,suppressHydrationWarning:a=!1,wrap:s=exports.FlexWrap.noWrap}=t;return e.createElement(Tk,{$align:r,$direction:o,$gap:i,$wrap:s,suppressHydrationWarning:a},n.filter(ui).map(((t,r)=>e.createElement(e.Fragment,{key:r},t))))},exports.CalculatorResult=r=>{const{bodyItems:n,containerRef:o,description:i,header:a,infoPosition:s=exports.CalculatorResultInfoPosition.underBox,main:l,modal:u,resultBoxRef:c}=r,d=t.useTheme(),{chooseColor:p,colorScheme:h,mediaType:f}=Z(r,{defaultColorScheme:exports.ColorScheme.dark});return e.createElement(Pl,{$isDescriptionVisible:void 0!==i,$mediaType:f,ref:o},e.createElement(Rl,{$chooseColor:p,ref:c},e.createElement(Ol,{$chooseColor:p},e.createElement(Al,{$chooseColor:p},(void 0!==a.main||void 0!==a.top||void 0!==a.bottom)&&e.createElement(e.Fragment,null,e.createElement(Nl,{$chooseColor:p},void 0!==a.top&&e.createElement(Vl,{$chooseColor:p},e.createElement(ne,{color:p(d.colors.fg.neutral.default),fullWidth:!0,textAlign:exports.TypographyTextAlign.center,variant:exports.TypographyVariant.textMd},a.top,void 0!==a.topHiddenText&&e.createElement(Ul,null,a.topHiddenText),e.createElement(Dl,Object.assign({},ou(a.topTooltip),{colorScheme:h,displayMethod:exports.TooltipInfoDisplayMethod.withNbsp})))),void 0!==a.main&&e.createElement(Fl,{$chooseColor:p},e.createElement(ne,{as:"span",color:p(d.colors.fg.neutral.default),fullWidth:!0,textAlign:exports.TypographyTextAlign.center,variant:exports.TypographyVariant.h2,weight:exports.FontWeight.semiBold600},a.main)),void 0!==a.bottom&&e.createElement(Bl,{$chooseColor:p},e.createElement(ne,{color:p(d.colors.fg.neutral.default),fullWidth:!0,textAlign:exports.TypographyTextAlign.center,variant:exports.TypographyVariant.textMd},a.bottom))),e.createElement(jl,{$chooseColor:p})),n.length>0&&e.createElement($l,{$chooseColor:p},n.map(((t,r)=>e.createElement(Wl,{key:r,$chooseColor:p},e.createElement(zl,{$chooseColor:p},e.createElement(ne,{color:d.colors.fg.neutral.subtle.dark,fullWidth:!0,textAlign:exports.TypographyTextAlign.left,variant:exports.TypographyVariant.textMd},t.left.element,void 0!==t.left.hiddenText&&e.createElement(Ul,null,t.left.hiddenText),void 0!==t.left.tooltip&&e.createElement(e.Fragment,null," ",e.createElement(Ll,Object.assign({},ou(t.left.tooltip),{colorScheme:h}))))),e.createElement(Hl,{$chooseColor:p},e.createElement(ne,{color:p(d.colors.fg.neutral.default),fullWidth:!0,textAlign:exports.TypographyTextAlign.right,variant:exports.TypographyVariant.textMd},t.right.element))))))),e.createElement(Yl,{$chooseColor:p},!0===l.topSeparator&&e.createElement(jl,{$chooseColor:p}),l.element),s===exports.CalculatorResultInfoPosition.inBox&&void 0!==u&&e.createElement(nu,{colorScheme:h,content:u.content,mediaType:f,modalCloseButtonAriaLabel:u.modalCloseButtonAriaLabel,triggerText:u.triggerText}))),e.createElement(Ql,null,e.createElement(Xl,{colorScheme:exports.ColorScheme.light,description:i}),s===exports.CalculatorResultInfoPosition.underBox&&void 0!==u&&e.createElement(nu,{colorScheme:exports.ColorScheme.light,content:u.content,mediaType:f,modalCloseButtonAriaLabel:u.modalCloseButtonAriaLabel,triggerText:u.triggerText})))},exports.Checkbox=fv,exports.CheckboxControl=sv,exports.CheckboxField=t=>{const{name:r,options:n}=t,o=g(t,["name","options"]),{field:{onBlur:i,onChange:s,ref:l,value:u},fieldState:{error:c}}=a.useController({name:r,rules:n}),d=e.useCallback((e=>{s(e),i()}),[i,s]);return e.createElement(fv,Object.assign({checked:u,errorMessage:null==c?void 0:c.message,invalid:Boolean(c),name:r,ref:l,onBlur:i,onChange:d},o))},exports.ColorSchemeProvider=z,exports.ComboBox=Fk,exports.ComboBoxControl=Vk,exports.ComboBoxField=t=>{const{defaultValue:r=null,items:n,name:o,options:i,shouldResetInvalidValues:s=!1}=t,l=g(t,["defaultValue","items","name","options","shouldResetInvalidValues"]),{control:u,resetField:c}=a.useFormContext(),{field:d,fieldState:{error:p}}=a.useController({name:o,control:u,rules:i,defaultValue:r}),h=d.value;return e.useEffect((()=>{s&&null!==h&&!n.includes(h)&&c(o)}),[n,o,c,s,h]),e.createElement(Fk,Object.assign({errorMessage:null==p?void 0:p.message,items:n},d,l))},exports.DatePicker=rv,exports.DatePickerControl=ev,exports.DatePickerField=t=>{const{name:r,options:n}=t,o=g(t,["name","options"]),{control:i}=a.useFormContext(),{field:{onBlur:s,onChange:l,ref:u,value:c},fieldState:{error:d}}=a.useController({control:i,name:r,rules:n}),p=e.useCallback((e=>{l(null===e?null:od(e,tv))}),[l]);return e.createElement(rv,Object.assign({errorMessage:null==d?void 0:d.message,name:r,ref:u,selected:c,onBlur:s,onChange:p},o))},exports.DesignSystemProvider=t=>{const{children:r,colorScheme:n,mediaType:o}=t;let i=r;return void 0!==n&&(i=e.createElement(z,{colorScheme:n},i)),void 0!==o&&(i=e.createElement(V,{mediaType:o},i)),i},exports.EmailInput=lm,exports.EmailInputField=t=>{const{name:r,options:n}=t,o=g(t,["name","options"]),{control:i}=a.useFormContext(),{field:s,fieldState:{error:l}}=a.useController({name:r,control:i,rules:n}),u=null==l?void 0:l.message;return e.createElement(lm,Object.assign({errorMessage:u},s,o))},exports.ErrorBox=wa,exports.FieldConfigProvider=t=>{const{children:r,optionalLabelSuffix:n}=t,o=e.useMemo((()=>({optionalLabelSuffix:n})),[n]);return e.createElement(ee.Provider,{value:o},r)},exports.FieldLabelStoreProvider=Q,exports.FieldWrapper=om,exports.FileInput=cw,exports.FileInputField=t=>{const{label:r,name:n}=t,o=g(t,["label","name"]),{field:i,fieldState:{error:s}}=a.useController({name:n,defaultValue:[]}),l=J();return e.useEffect((()=>{l(n,r)}),[n,l,r]),e.createElement(om,{errorMessage:null==s?void 0:s.message},e.createElement(cw,Object.assign({invalid:Boolean(s)},i,o)))},exports.FormErrorOutcome=r=>{const{message:n}=r,{colorScheme:o}=Z(r),{genericErrorOccurred:i}=Bk(),a=t.useTheme(),s=e.useRef(null);return e.useEffect((()=>{i&&s.current&&s.current.scrollIntoView({behavior:"smooth",block:"nearest"})}),[i]),i?e.createElement("div",{ref:s},e.createElement(wa,{colorScheme:o,content:e.createElement(ne,{color:a.colors.fg.error.light,colorScheme:o,variant:exports.TypographyVariant.textMd,weight:exports.FontWeight.medium500},n)})):null},exports.FormErrorSummary=t=>{const{order:r,title:n}=t,{colorScheme:o}=Z(t),{control:i,formState:s,setFocus:l}=Bk(),{errors:u,submitCount:c}=s,d=Object.entries(u).length,p=(t=>{const r=e.useRef({}),{errors:n,submitCount:o}=t,i=e.useRef(o),a=i.current;return i.current=o,o!==a&&(r.current=ma.cloneDeep(n)),r.current})(s),h=X(),f=e.useRef(null),m=e.useRef(void 0),g=e.useRef(null);e.useEffect((()=>{var e,t;m.current=null!==(t=null===(e=f.current)||void 0===e?void 0:e.closest("form"))&&void 0!==t?t:void 0}),[]);const v=e.useMemo((()=>{if(!m.current)return[];const t=(e=>{const t=e.querySelectorAll("[name], [data-name]");return Array.from(t).map((e=>{var t;return null!==(t=e.getAttribute("data-name"))&&void 0!==t?t:e.getAttribute("name")})).filter((e=>"string"==typeof e))})(m.current),n=null!=r?r:t,o=Array.from(i._names.mount),s=ma.sortBy(o,(e=>(e=>-1===e?Number.POSITIVE_INFINITY:e)(n.indexOf(String(e)))));return s.reduce(((r,n)=>{const o=a.get(p,n),i=h[n];return void 0===o?r:void 0!==a.get(u,n)||t.includes(n)?(r.push({body:e.createElement(e.Fragment,null,ui(i)&&e.createElement(e.Fragment,null,i,": "),o.message),onClick:()=>l(n)}),r):r}),[])}),[i._names.mount,d,u,h,r,l,p]);return e.useEffect((()=>{var e;!1===i._options.shouldFocusError&&(null===(e=g.current)||void 0===e||e.focus())}),[i,c]),e.createElement(e.Fragment,null,v.length>0&&e.createElement(wa,{colorScheme:o,items:v,ref:g,tabIndex:-1,title:n}),e.createElement("div",{ref:f,style:{display:"none"}}))},exports.FormProvider=t=>{const{children:r,form:n}=t;return e.createElement(a.FormProvider,Object.assign({},n),e.createElement(Q,null,r))},exports.FormSuccessOutcome=r=>{const{children:n,onHide:o,title:i,visible:a}=r,s=t.useTheme(),{colorScheme:l}=Z(r);return e.createElement(hl,{colorScheme:l,hideCloseButton:!1,isOpen:a,onClose:o},e.createElement(jk,null,ui(i)&&e.createElement(ne,{color:s.colors.fg.neutral.default,colorScheme:l,variant:exports.TypographyVariant.h3,weight:exports.FontWeight.semiBold600},i),ui(n)&&e.createElement(ne,{color:s.colors.fg.neutral.subtle,colorScheme:l,variant:exports.TypographyVariant.textMd,weight:exports.FontWeight.regular400},n)))},exports.FormattedAmount=t=>{const r=wu();return e.createElement(Eu,Object.assign({},t,{formatAmount:r}))},exports.FormattedHtmlMessage=fl,exports.FormattedMessage=t=>{const{defaultMessage:r,description:n,id:i,values:a}=t;return e.createElement(o.FormattedMessage,{defaultMessage:r,description:n,id:i,values:a},(t=>e.createElement("span",{"data-message-id":i},t)))},exports.FormattedPercentage=yu,exports.IconProduct=Es,exports.IconSystem=kt,exports.Infobox=Ss,exports.InputBase=Wf,exports.InputLabel=Kf,exports.Loader=pu,exports.LoaderOverlayBox=t=>{const{colorScheme:r,loaderSize:n,mediaType:o}=t,i=g(t,["colorScheme","loaderSize","mediaType"]),{colorScheme:a}=Z(t);return e.createElement(hu,Object.assign({$colorScheme:a},i),e.createElement(pu,{colorScheme:a,loaderSize:n}))},exports.MaskedInput=Cg,exports.MaskedInputBase=wg,exports.MaskedInputField=Sg,exports.MediaTypeProvider=V,exports.Modal=hl,exports.NextFormattedAmount=t=>{const r=Cu();return e.createElement(Eu,Object.assign({},t,{formatAmount:r}))},exports.NumberInput=Ig,exports.NumberInputField=Mg,exports.Paper=cy,exports.PhoneInput=Dg,exports.PhoneInputField=Pg,exports.ProgressPaper=t=>{const{children:r,progressDefinition:n}=t,o=g(t,["children","progressDefinition"]),{activeStepIndex:i,numberOfSteps:a}=n,{colorScheme:s,mediaType:l}=Z(t);return e.createElement(dy,Object.assign({},o,{colorScheme:s,mediaType:l}),e.createElement(py,null,e.createElement(my,{activeStepIndex:i,colorScheme:s,mediaType:l,numberOfSteps:a})),r)},exports.Radio=Iv,exports.RadioButton=Fv,exports.RadioButtonGroup=Hv,exports.RadioButtonGroupControl=Wv,exports.RadioButtonGroupField=t=>{const{name:r,options:n}=t,o=g(t,["name","options"]),{field:{onBlur:i,onChange:s,ref:l,value:u},fieldState:{error:c}}=a.useController({name:r,rules:n}),d=e.useCallback((e=>{s(e),i()}),[i,s]);return e.createElement(Hv,Object.assign({errorMessage:null==c?void 0:c.message,name:r,ref:l,value:u,onBlur:i,onChange:d},o))},exports.RadioControl=xv,exports.RadioField=t=>{const{name:r,options:n}=t,o=g(t,["name","options"]),{formState:i,register:s}=a.useFormContext(),l=a.get(i.errors,r);return e.createElement(Iv,Object.assign({errorMessage:null==l?void 0:l.message},s(r,n),o))},exports.RadioGroup=Rv,exports.RadioGroupControl=Dv,exports.RadioGroupField=t=>{const{name:r,options:n}=t,o=g(t,["name","options"]),{field:{onBlur:i,onChange:s,ref:l,value:u},fieldState:{error:c}}=a.useController({name:r,rules:n}),d=e.useCallback((e=>{s(e),i()}),[i,s]);return e.createElement(Rv,Object.assign({errorMessage:null==c?void 0:c.message,name:r,ref:l,value:u,onBlur:i,onChange:d},o))},exports.SearchInput=Og,exports.Select=_k,exports.SelectControl=Sk,exports.SelectField=t=>{const{defaultValue:r=null,items:n,name:o,options:i,shouldResetInvalidValues:s=!1}=t,l=g(t,["defaultValue","items","name","options","shouldResetInvalidValues"]),{control:u,resetField:c}=a.useFormContext(),{field:d,fieldState:{error:p}}=a.useController({name:o,control:u,rules:i,defaultValue:r}),h=d.value;return e.useEffect((()=>{s&&null!==h&&!n.includes(h)&&c(o)}),[n,o,c,s,h]),e.createElement(_k,Object.assign({errorMessage:null==p?void 0:p.message,items:n},d,l))},exports.Slider=ga,exports.SliderInput=Hg,exports.SliderInputField=t=>{const{name:r,options:n}=t,o=g(t,["name","options"]),{control:i}=a.useFormContext(),{field:s}=a.useController({name:r,control:i,rules:n});return e.createElement(Hg,Object.assign({},s,o))},exports.SpanButton=Lt,exports.Stack=Ql,exports.Table=t=>{const{children:r,variant:n,width:o="100%"}=t;return e.createElement(Ms,{$variant:n,$width:o},r)},exports.TableBody=t=>{const{children:r}=t;return e.createElement("tbody",null,r)},exports.TableData=r=>{const{children:n,delimiter:o=!1,textAlign:i=exports.TableTextAlign.left,variant:a}=r,s=t.useTheme(),{chooseColor:l,colorScheme:u}=Z(r),c=e.useMemo((()=>{switch(i){case exports.TableTextAlign.left:return exports.TypographyTextAlign.left;case exports.TableTextAlign.center:return exports.TypographyTextAlign.center;case exports.TableTextAlign.right:return exports.TypographyTextAlign.right;default:throw new Error("unexpected enum of TableTextAlign in tableData.tsx")}}),[i]);return e.createElement(Ts,{$align:i,$chooseColor:l,$delimiter:o,$variant:a},(()=>{switch(a){case exports.TableVariant.exchange:return e.createElement(ne,{color:s.colors.fg.neutral.subtle,colorScheme:u,textAlign:c,variant:exports.TypographyVariant.textSm,weight:exports.FontWeight.medium500},n);case exports.TableVariant.simple:return e.createElement(ne,{color:s.colors.fg.neutral.subtlest,colorScheme:u,textAlign:c,variant:exports.TypographyVariant.textMd,weight:exports.FontWeight.regular400},n);case exports.TableVariant.simpleWithoutShadow:return n;default:throw new Error("unexpected enum of TableVariant in tableData.tsx")}})())},exports.TableHead=t=>{const{children:r}=t;return e.createElement(Ls,null,r)},exports.TableHeadData=t=>{const{children:r,delimiter:n=!1,textAlign:o=exports.TableTextAlign.left,variant:i,width:a}=t,{chooseColor:s}=Z(t);return e.createElement(Ds,{$align:o,$chooseColor:s,$delimiter:n,$variant:i,$width:a},r)},exports.TableRow=t=>{const{children:r,variant:n}=t,{chooseColor:o}=Z(t);return e.createElement(Ps,{$chooseColor:o,$variant:n},r)},exports.Tabs=t=>{const{activeTabDefaultPosition:r,fullWidth:n=!1,size:o,tabItems:i,variant:a}=t,{chooseColor:s,colorScheme:l}=Z(t),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=pr(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-Xs>0?e.scrollLeft-Xs: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+Xs+e.clientWidth<=e.scrollWidth?e.scrollLeft+Xs:e.scrollWidth,behavior:"smooth"})}),[]),v=void 0!==d&&d>0,y=void 0!==d&&null!==u.current&&d+u.current.clientWidth<u.current.scrollWidth-4,b=e.useMemo((()=>{const e=i.findIndex((e=>!0===e.isActive));return e<0?void 0:e}),[i]);e.useEffect((()=>{if(void 0===b)return;const e=u.current,t=c.current[b];if(null===e||null===t)return;if(c.current.includes(null))return;const n=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>n))switch(r){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 r=t.getBoundingClientRect(),n=e.getBoundingClientRect();(r.left<n.left||r.right>n.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")}}),[r,b]);const x=e.useCallback((()=>{var e;null===(e=c.current[0])||void 0===e||e.focus()}),[]),k=e.useCallback((()=>{var e;null===(e=c.current[c.current.length-1])||void 0===e||e.focus()}),[]),w=e.useCallback((e=>{var t;if(c.current[0]===e)return void k();const r=c.current.indexOf(e);null===(t=c.current[r-1])||void 0===t||t.focus()}),[k]),C=e.useCallback((e=>{var t;if(c.current[c.current.length-1]===e)return void x();const r=c.current.indexOf(e);null===(t=c.current[r+1])||void 0===t||t.focus()}),[x]),E=e.useCallback((e=>{const t=e.currentTarget;let r=!1;switch(e.key){case"ArrowLeft":w(t),r=!0;break;case"ArrowRight":C(t),r=!0;break;case"Home":x(),r=!0;break;case"End":k(),r=!0}r&&(e.stopPropagation(),e.preventDefault())}),[x,k,C,w]);return e.createElement(zs,null,e.createElement(Hs,{"aria-orientation":"horizontal",ref:u,role:"tablist"},e.createElement(Ys,{$chooseColor:s,$fullWidth:n},i.map(((t,r)=>e.createElement(e.Fragment,{key:t.id},e.createElement(Ws,{ariaControls:t.ariaControls,colorScheme:l,fullWidth:n,htmlRef:e=>c.current[r]=e,icon:t.icon,id:t.id,isActive:t.isActive,size:o,text:t.text,variant:a,onClick:t.onActivate,onKeyDown:E})))))),v&&e.createElement(qs,null,e.createElement(Zs,{onClick:m},e.createElement(kt,{size:exports.IconSystemSize.big,type:exports.IconSystemType.chevronLeft}))),y&&e.createElement(Gs,null,e.createElement(Qs,{onClick:g},e.createElement(kt,{size:exports.IconSystemSize.big,type:exports.IconSystemType.chevronRight}))))},exports.TabsItem=Ws,exports.Tag=r=>{const{as:n,children:o,className:i,fontWeight:a=exports.FontWeight.regular400,href:s,iconPosition:l=exports.TagIconPosition.right,iconSystem:u,onClick:c,onKeyDown:d,role:p,size:h=exports.TagSize.md,textDecoration:f,textTransform:m=exports.TagTextTransform.none,type:v}=r,y=g(r,["as","children","className","fontWeight","href","iconPosition","iconSystem","onClick","onKeyDown","role","size","textDecoration","textTransform","type"]),b=t.useTheme(),{chooseColor:x,colorScheme:k}=Z(r),w=e.useMemo((()=>{switch(v){case exports.TagType.info:return x(b.colors.fg.brand.bold);case exports.TagType.warning:return b.palette.yellow800;case exports.TagType.success:return x(b.colors.fg.success);case exports.TagType.neutralSubtle:return x(b.colors.fg.neutral.subtle);case exports.TagType.invert:return x(b.colors.fg.neutral.white);case exports.TagType.alert:return x(b.colors.fg.accent.bold);case exports.TagType.neutralDefault:return x(b.colors.fg.neutral.default);default:throw new Error("unexpected enum values TagType in tag.tsx")}}),[x,b,v]),C=e.useMemo((()=>{switch(h){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")}}),[h]),E=e.useMemo((()=>void 0!==n?n:void 0!==s?"a":void 0===c?void 0:"button"),[n,s,c]);return e.createElement(ay,Object.assign({$chooseColor:x,$clickable:void 0!==c||void 0!==s,$decoration:f,$iconPosition:l,$textTransform:m,$type:v,as:E,className:i,href:s,role:p,type:"button"===E?"button":void 0,onClick:c,onKeyDown:d},y),e.createElement(ne,{color:w,variant:C,weight:a},o),void 0!==u&&e.createElement(sy,{$iconPosition:l},e.createElement(kt,{colorScheme:k,size:exports.IconSystemSize.big,stroke:w,type:u})))},exports.TextArea=Uv,exports.TextAreaField=t=>{const{name:r,options:n}=t,o=g(t,["name","options"]),{formState:i,register:s}=a.useFormContext(),l=a.get(i.errors,r);return e.createElement(Uv,Object.assign({errorMessage:null==l?void 0:l.message},s(r,n),o))},exports.TextInput=Kg,exports.TextInputField=t=>{const{name:r,options:n}=t,o=g(t,["name","options"]),{formState:i,register:s}=a.useFormContext(),l=a.get(i.errors,r);return e.createElement(Kg,Object.assign({errorMessage:null==l?void 0:l.message},s(r,n),o))},exports.Toggle=r=>{const{defaultValue:n,disabled:o,id:i,label:a,name:s,onChange:l}=r,u=t.useTheme(),[c,d]=e.useState(n),p=e.useCallback((e=>{d(e),void 0!==l&&l(e)}),[l]);return e.createElement(ey,{$checked:c,$disabled:o},e.createElement(Jv,{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(ty,{htmlFor:i},e.createElement(ne,{variant:exports.TypographyVariant.textSm,weight:exports.FontWeight.medium500},a)))},exports.TooltipGeneral=Ml,exports.TooltipInfo=Ll,exports.TooltipInfoConditional=Dl,exports.TooltipInfoDisplayableCheck=t=>{const{body:r,closeButtonAriaLabel:n,displayMethod:i,title:a,triggerAriaLabel:s}=t,l=g(t,["body","closeButtonAriaLabel","displayMethod","title","triggerAriaLabel"]),{formatMessage:u}=o.useIntl(),c=gl();return c(r)?e.createElement(e.Fragment,null,i===exports.TooltipInfoDisplayMethod.withNbsp&&" ",e.createElement(Ll,Object.assign({},l,{floatingElement:{body:e.createElement(fl,Object.assign({},r)),title:void 0!==a&&c(a)?e.createElement(fl,Object.assign({},a)):void 0,closeButtonAriaLabel:void 0!==n&&c(n)?u(n,n.values):void 0},triggerAriaLabel:void 0!==s&&c(s)?u(s,s.values):void 0}))):null},exports.TrailingTextInput=qg,exports.Typography=ne,exports.VisuallyHidden=Ul,exports.datePickerValueFormat=tv,exports.getColor=Y,exports.getTextDecorationStyle=P,exports.identityFormatter=vy,exports.isRenderable=ui,exports.resolveBorderRadiusValue=I,exports.resolveFlexWrapValue=T,exports.resolveFontWeightValue=x,exports.resolveOverflowValue=S,exports.resolveSpacingValue=y,exports.resolveTextDecorationValue=D,exports.theme=C,exports.useChooseColor=K,exports.useColorScheme=q,exports.useCreateTooltipInfoDescriptor=()=>{const{formatMessage:t}=o.useIntl(),r=gl();return e.useCallback((n=>{const{body:o,closeButtonAriaLabel:i,title:a,triggerAriaLabel:s}=n;if(r(o))return{body:e.createElement(fl,Object.assign({},o)),title:void 0!==a&&r(a)?e.createElement(fl,Object.assign({},a)):void 0,closeButtonAriaLabel:void 0!==i&&r(i)?t(i,i.values):void 0,triggerAriaLabel:void 0!==s&&r(s)?t(s,s.values):void 0}}),[r,t])},exports.useDesignSystem=Z,exports.useFieldConfig=te,exports.useFieldLabels=X,exports.useForm=(t={})=>{const{schema:r}=t,n=g(t,["schema"]),[o,i]=e.useState(!1),l=a.useForm(Object.assign(Object.assign({mode:"onSubmit",reValidateMode:"onBlur",shouldFocusError:!1},r&&{resolver:s.zodResolver(r)}),n)),u=l.handleSubmit,c=e.useCallback(((e,t)=>u(((...t)=>v(void 0,void 0,void 0,(function*(){i(!1);try{return yield e(...t)}catch(e){i(!0),console.error(e)}}))),t)),[u]);return Object.assign(l,{genericErrorOccurred:o,handleSubmit:c}),l},exports.useFormContext=Bk,exports.useFormSuccessOutcomeManager=()=>{const[t,r]=e.useState(!1),[n,o]=e.useState(0),i=e.useCallback((()=>{o((e=>e+1)),r(!0)}),[]);return{onMutationSuccess:i,formKey:n,formSuccessOutcomeProps:{visible:t,onHide:()=>r(!1)}}},exports.useFormatAmount=wu,exports.useFormattedPercentage=fu,exports.useGetFormattedHtmlMessageIfDisplayable=()=>{const{formatMessage:t}=o.useIntl();return e.useCallback((r=>{if(ml(t,r))return e.createElement(fl,Object.assign({},r))}),[t])},exports.useIsMessageDisplayable=gl,exports.useMediaType=j,exports.useMessageFormatter=t=>{const r=o.useIntl();return e.useMemo((()=>gy(((n,o)=>{const i=t(n);return"string"==typeof i?i:o.includes("primitive")?r.formatMessage(i):e.createElement(fl,Object.assign({},i))}))),[t,r])},exports.useNextFormatAmount=Cu,exports.useRegisterFieldLabel=J,exports.withFieldWrapper=am,exports.withMaskedInputField=Eg;
|
|
82
|
+
`)),Jk=t.styled.div.withConfig({displayName:"AddFileWrapper",componentId:"sc-11ec5t9-1"})(["display:flex;flex-wrap:nowrap;gap:",";align-items:center;padding-right:",";white-space:nowrap;cursor:pointer;border-radius:",";&:focus-visible{outline-width:3px;outline-style:solid;outline-color:",";outline-offset:2px;}"],(e=>e.theme.spacing.xxs),(e=>e.theme.spacing.xxs),(e=>e.theme.borderRadius.xxs),(e=>e.$chooseColor(e.theme.colors.focus))),ew=e.forwardRef(((r,n)=>{const{fileInputSettings:o,LimitDescription:i,onClick:a,text:s}=r,l=t.useTheme(),{chooseColor:u,mediaType:c}=Z(r),d=e.useCallback((e=>{"Space"!==e.code&&"Enter"!==e.key||a()}),[a]);return e.createElement(Xk,{$mediaType:c},e.createElement(Jk,{$chooseColor:u,ref:n,role:"button",tabIndex:0,onClick:a,onKeyDown:d},e.createElement(kt,{size:exports.IconSystemSize.big,stroke:l.colors.fg.brand.default.light,type:exports.IconSystemType.plus}),e.createElement(ne,{color:l.colors.fg.brand.default.light,variant:exports.TypographyVariant.textSm,weight:exports.FontWeight.medium500},s)),e.createElement(ne,{color:l.colors.fg.neutral.subtle.light,fullWidth:!0,textAlign:c===exports.MediaType.desktop?exports.TypographyTextAlign.right:exports.TypographyTextAlign.center,variant:exports.TypographyVariant.textSm,weight:exports.FontWeight.regular400},e.createElement(i,Object.assign({},o))))}));ew.displayName="Placeholder";const tw=t.styled.li.withConfig({displayName:"ErrorRowWrapper",componentId:"sc-1ro4esa-0"})(["display:flex;gap:",";align-items:start;justify-content:start;padding:"," 0;border-top-color:",";border-top-style:solid;border-top-width:1px;"],(e=>e.theme.spacing.xs),(e=>e.theme.spacing.sm),(e=>e.theme.colors.border.neutral.subtlest.light)),rw=t.styled.div.withConfig({displayName:"DescriptionSection",componentId:"sc-1ro4esa-1"})(["display:flex;flex-direction:column;gap:",";align-items:start;"],(e=>e.theme.spacing.xxs)),nw=r=>{const{error:n,UploadErrorReason:o,UploadFailed:i}=r,a=t.useTheme();return e.createElement(tw,null,e.createElement(kt,{ariaHidden:!0,size:exports.IconSystemSize.big,stroke:a.colors.icon.error.light,type:exports.IconSystemType.close}),e.createElement(rw,{role:"alert"},e.createElement(ne,{color:a.colors.fg.error.light,variant:exports.TypographyVariant.textSm,weight:exports.FontWeight.medium500},e.createElement(i,{fileName:n.fileName})),e.createElement(ne,{color:a.colors.fg.neutral.subtle.light,variant:exports.TypographyVariant.textSm,weight:exports.FontWeight.regular400},e.createElement(o,{errorCode:n.code}))))},ow=t.styled.li.withConfig({displayName:"FileRowWrapper",componentId:"sc-1npvian-0"})(["display:flex;gap:",";align-items:center;justify-content:space-between;padding:"," 0;border-top-color:",";border-top-style:solid;border-top-width:1px;"],(e=>e.theme.spacing.xs),(e=>e.theme.spacing.sm),(e=>e.theme.colors.border.neutral.subtlest.light)),iw=t.styled.div.withConfig({displayName:"LeftSection",componentId:"sc-1npvian-1"})(["display:flex;flex-direction:row;gap:",";align-items:center;overflow:hidden;"],(e=>e.theme.spacing.xs)),aw=t.styled.div.withConfig({displayName:"FileName",componentId:"sc-1npvian-2"})(["overflow:hidden;text-overflow:ellipsis;white-space:nowrap;"]),sw=t.styled.div.withConfig({displayName:"RightSection",componentId:"sc-1npvian-3"})(["display:flex;flex-direction:row;flex-wrap:nowrap;gap:",";align-items:center;padding:",";cursor:pointer;border-radius:",";&:focus-visible{outline-width:3px;outline-style:solid;outline-color:",";outline-offset:2px;}"],(e=>e.theme.spacing.xxs),(e=>e.theme.spacing.xxs),(e=>e.theme.borderRadius.xxs),(e=>e.theme.colors.border.error.light)),lw=r=>{const{file:n,getRemoveButtonAriaLabel:o,onRemove:i,RemoveButtonText:a}=r,s=t.useTheme(),l=e.useCallback((e=>{"Space"!==e.code&&"Enter"!==e.key||(i(),e.stopPropagation())}),[i]);return e.createElement(ow,null,e.createElement(iw,null,e.createElement(kt,{ariaHidden:!0,size:exports.IconSystemSize.big,stroke:s.colors.icon.neutral.light,type:exports.IconSystemType.fileText}),e.createElement(aw,null,e.createElement(ne,{color:s.colors.fg.neutral.default.light,variant:exports.TypographyVariant.textSm,weight:exports.FontWeight.medium500},n.name))),e.createElement(sw,{"aria-label":o(n.name),role:"button",tabIndex:0,onClick:i,onKeyDown:l},e.createElement(ne,{color:s.colors.fg.error.light,variant:exports.TypographyVariant.textXs,weight:exports.FontWeight.medium500},e.createElement(a,{fileName:n.name})),e.createElement(kt,{ariaHidden:!0,size:exports.IconSystemSize.small,stroke:s.colors.icon.error.light,type:exports.IconSystemType.trash})))},uw=t=>{const{getRemoveButtonAriaLabel:r,items:n,onFileRemove:o,RemoveButtonText:i,UploadErrorReason:a,UploadFailed:s}=t;return e.createElement("ul",null,n.map(((t,n)=>t.type===Wk.file?e.createElement(lw,{key:n,file:t.file,getRemoveButtonAriaLabel:r,RemoveButtonText:i,onRemove:()=>o(t.file)}):e.createElement(nw,{key:n,error:t.error,UploadErrorReason:a,UploadFailed:s}))))},cw=e.forwardRef(((r,n)=>{const{DropzoneDragFilesHere:o,DropzoneDragOrSelectFiles:i,DropzoneSelectFiles:a,fileExtensions:s,getFileRemovedLiveText:u,getFilesAddedLiveText:c,getRemoveButtonAriaLabel:d,invalid:p=!1,LimitDescription:h,maxFiles:f,maxSize:m,maxTotalSize:g,onBlur:v,onChange:y,optionality:b=exports.FieldOptionality.required,placeholder:x,RemoveButtonText:k,UploadErrorReason:w,UploadFailed:C,value:E}=r,[S,_]=e.useState(!1),[I,M]=e.useState(b===exports.FieldOptionality.optional),[T,L]=e.useState([]),D=dr(`(min-width: ${t.useTheme().breakpoints.sm})`),{chooseColor:P,colorScheme:R,mediaType:O}=Z(r,{defaultMediaType:D?exports.MediaType.desktop:exports.MediaType.mobile}),A=e.useMemo((()=>s.map(Yk)),[s]),[N,V]=e.useState(void 0),F={maxSize:m,fileExtensions:A,maxFiles:f,maxTotalSize:g},B=e.useCallback(((e,t)=>{var r;const n=t.map(Hk);let o=E.reduce(((e,t)=>e+t.size),0);const i=e.filter((e=>{if("number"==typeof g&&o+e.size>g)return n.push({code:exports.FileInputErrorCode.totalFileSizeTooLarge,fileName:e.name}),!1;const t=e.name.toLowerCase().split(".").pop();return void 0!==t&&A.includes(t)?(o+=e.size,!0):(n.push({code:exports.FileInputErrorCode.unsupportedFormat,fileName:e.name}),!1)}));y([...E,...i]),null==v||v();const a=i.map((e=>({file:e,type:Wk.file}))),s=n.map((e=>({error:e,type:Wk.error})));L((e=>[...e.filter((e=>e.type===Wk.file)),...a,...s])),V(null!==(r=null==c?void 0:c(i.map((e=>e.name))))&&void 0!==r?r:void 0)}),[A,E,c,g,v,y]),{getInputProps:j,getRootProps:$,isDragActive:W,open:z}=l.useDropzone({onDrop:B,multiple:!0,maxFiles:f,maxSize:m,noClick:!0}),H=e.useCallback((e=>{y(E.filter((t=>t!==e))),L(T.filter((t=>t.type!==Wk.file||t.file!==e))),V(null==u?void 0:u(e.name))}),[T,E,y,V,u]),Y=$({onMouseEnter:()=>_(!0),onMouseLeave:()=>_(!1),onKeyDown:e=>{"Space"!==e.code&&"Enter"!==e.code||z()},role:"none"}),K=ho([Y.ref,n]);return I?e.createElement(ew,{colorScheme:R,fileInputSettings:F,LimitDescription:h,mediaType:O,ref:n,text:x,onClick:()=>M(!1)}):e.createElement(e.Fragment,null,e.createElement(Ul,{"aria-live":"polite"},N),e.createElement(Qk,Object.assign({$active:W||S,$chooseColor:P,$hasError:p},Y,{ref:K}),e.createElement(Gk,{colorScheme:R,dragActive:W,DropzoneDragFilesHere:o,DropzoneDragOrSelectFiles:i,DropzoneSelectFiles:a,fileInputSettings:F,LimitDescription:h,mediaType:O,onOpenClick:()=>z()}),e.createElement("input",Object.assign({},j())),e.createElement(uw,{getRemoveButtonAriaLabel:d,items:T,RemoveButtonText:k,UploadErrorReason:w,UploadFailed:C,onFileRemove:H})))}));cw.displayName="FileInput";exports.Accordion=t=>{const{data:r,variant:n=exports.AccordionVariant.default}=t,{colorScheme:o}=Z(t),[i,a]=e.useState(null);return e.createElement(e.Fragment,null,r.map(((t,r)=>e.createElement(Dt,{key:t.id,closeActionAriaLabel:t.closeActionAriaLabel,colorScheme:o,content:t.content,description:t.description,icon:t.icon,id:t.id,isOpen:i===r,label:t.label,openActionAriaLabel:t.openActionAriaLabel,variant:n,onClick:()=>(e=>{a((t=>t===e?null:e))})(r)}))))},exports.AccordionContent=Rt,exports.AccordionItem=Dt,exports.AccordionKeyValue=r=>{const{label:n,value:o}=r,i=t.useTheme(),{chooseColor:a,colorScheme:s}=Z(r);return e.createElement(Rt,{colorScheme:s},e.createElement(Ot,null,e.createElement(ne,{color:a(i.colors.fg.neutral.default),variant:exports.TypographyVariant.textSm,weight:exports.FontWeight.medium500},n)),e.createElement(At,null,e.createElement(ne,{color:a(i.colors.fg.neutral.subtle),variant:exports.TypographyVariant.textSm,weight:exports.FontWeight.medium500},o)))},exports.Button=ci,exports.ButtonsLayout=t=>{const{align:r,buttons:n,direction:o,gap:i=exports.Spacing.md,suppressHydrationWarning:a=!1,wrap:s=exports.FlexWrap.noWrap}=t;return e.createElement(Tk,{$align:r,$direction:o,$gap:i,$wrap:s,suppressHydrationWarning:a},n.filter(ui).map(((t,r)=>e.createElement(e.Fragment,{key:r},t))))},exports.CalculatorResult=r=>{const{bodyItems:n,containerRef:o,description:i,header:a,infoPosition:s=exports.CalculatorResultInfoPosition.underBox,main:l,modal:u,resultBoxRef:c}=r,d=t.useTheme(),{chooseColor:p,colorScheme:h,mediaType:f}=Z(r,{defaultColorScheme:exports.ColorScheme.dark});return e.createElement(Pl,{$isDescriptionVisible:void 0!==i,$mediaType:f,ref:o},e.createElement(Rl,{$chooseColor:p,ref:c},e.createElement(Ol,{$chooseColor:p},e.createElement(Al,{$chooseColor:p},(void 0!==a.main||void 0!==a.top||void 0!==a.bottom)&&e.createElement(e.Fragment,null,e.createElement(Nl,{$chooseColor:p},void 0!==a.top&&e.createElement(Vl,{$chooseColor:p},e.createElement(ne,{color:p(d.colors.fg.neutral.default),fullWidth:!0,textAlign:exports.TypographyTextAlign.center,variant:exports.TypographyVariant.textMd},a.top,void 0!==a.topHiddenText&&e.createElement(Ul,null,a.topHiddenText),e.createElement(Dl,Object.assign({},ou(a.topTooltip),{colorScheme:h,displayMethod:exports.TooltipInfoDisplayMethod.withNbsp})))),void 0!==a.main&&e.createElement(Fl,{$chooseColor:p},e.createElement(ne,{as:"span",color:p(d.colors.fg.neutral.default),fullWidth:!0,textAlign:exports.TypographyTextAlign.center,variant:exports.TypographyVariant.h2,weight:exports.FontWeight.semiBold600},a.main)),void 0!==a.bottom&&e.createElement(Bl,{$chooseColor:p},e.createElement(ne,{color:p(d.colors.fg.neutral.default),fullWidth:!0,textAlign:exports.TypographyTextAlign.center,variant:exports.TypographyVariant.textMd},a.bottom))),e.createElement(jl,{$chooseColor:p})),n.length>0&&e.createElement($l,{$chooseColor:p},n.map(((t,r)=>e.createElement(Wl,{key:r,$chooseColor:p},e.createElement(zl,{$chooseColor:p},e.createElement(ne,{color:d.colors.fg.neutral.subtle.dark,fullWidth:!0,textAlign:exports.TypographyTextAlign.left,variant:exports.TypographyVariant.textMd},t.left.element,void 0!==t.left.hiddenText&&e.createElement(Ul,null,t.left.hiddenText),void 0!==t.left.tooltip&&e.createElement(e.Fragment,null," ",e.createElement(Ll,Object.assign({},ou(t.left.tooltip),{colorScheme:h}))))),e.createElement(Hl,{$chooseColor:p},e.createElement(ne,{color:p(d.colors.fg.neutral.default),fullWidth:!0,textAlign:exports.TypographyTextAlign.right,variant:exports.TypographyVariant.textMd},t.right.element))))))),e.createElement(Yl,{$chooseColor:p},!0===l.topSeparator&&e.createElement(jl,{$chooseColor:p}),l.element),s===exports.CalculatorResultInfoPosition.inBox&&void 0!==u&&e.createElement(nu,{colorScheme:h,content:u.content,mediaType:f,modalCloseButtonAriaLabel:u.modalCloseButtonAriaLabel,triggerText:u.triggerText}))),e.createElement(Ql,null,e.createElement(Xl,{colorScheme:exports.ColorScheme.light,description:i}),s===exports.CalculatorResultInfoPosition.underBox&&void 0!==u&&e.createElement(nu,{colorScheme:exports.ColorScheme.light,content:u.content,mediaType:f,modalCloseButtonAriaLabel:u.modalCloseButtonAriaLabel,triggerText:u.triggerText})))},exports.Checkbox=fv,exports.CheckboxControl=sv,exports.CheckboxField=t=>{const{name:r,options:n}=t,o=g(t,["name","options"]),{field:{onBlur:i,onChange:s,ref:l,value:u},fieldState:{error:c}}=a.useController({name:r,rules:n}),d=e.useCallback((e=>{s(e),i()}),[i,s]);return e.createElement(fv,Object.assign({checked:u,errorMessage:null==c?void 0:c.message,invalid:Boolean(c),name:r,ref:l,onBlur:i,onChange:d},o))},exports.ColorSchemeProvider=z,exports.ComboBox=Fk,exports.ComboBoxControl=Vk,exports.ComboBoxField=t=>{const{defaultValue:r=null,items:n,name:o,options:i,shouldResetInvalidValues:s=!1}=t,l=g(t,["defaultValue","items","name","options","shouldResetInvalidValues"]),{control:u,resetField:c}=a.useFormContext(),{field:d,fieldState:{error:p}}=a.useController({name:o,control:u,rules:i,defaultValue:r}),h=d.value;return e.useEffect((()=>{s&&null!==h&&!n.includes(h)&&c(o)}),[n,o,c,s,h]),e.createElement(Fk,Object.assign({errorMessage:null==p?void 0:p.message,items:n},d,l))},exports.DatePicker=rv,exports.DatePickerControl=ev,exports.DatePickerField=t=>{const{name:r,options:n}=t,o=g(t,["name","options"]),{control:i}=a.useFormContext(),{field:{onBlur:s,onChange:l,ref:u,value:c},fieldState:{error:d}}=a.useController({control:i,name:r,rules:n}),p=e.useCallback((e=>{l(null===e?null:od(e,tv))}),[l]);return e.createElement(rv,Object.assign({errorMessage:null==d?void 0:d.message,name:r,ref:u,selected:c,onBlur:s,onChange:p},o))},exports.DesignSystemProvider=t=>{const{children:r,colorScheme:n,mediaType:o}=t;let i=r;return void 0!==n&&(i=e.createElement(z,{colorScheme:n},i)),void 0!==o&&(i=e.createElement(V,{mediaType:o},i)),i},exports.EmailInput=lm,exports.EmailInputField=t=>{const{name:r,options:n}=t,o=g(t,["name","options"]),{control:i}=a.useFormContext(),{field:s,fieldState:{error:l}}=a.useController({name:r,control:i,rules:n}),u=null==l?void 0:l.message;return e.createElement(lm,Object.assign({errorMessage:u},s,o))},exports.ErrorBox=wa,exports.FieldConfigProvider=t=>{const{children:r,optionalLabelSuffix:n}=t,o=e.useMemo((()=>({optionalLabelSuffix:n})),[n]);return e.createElement(ee.Provider,{value:o},r)},exports.FieldLabelStoreProvider=Q,exports.FieldWrapper=om,exports.FileInput=cw,exports.FileInputField=t=>{const{label:r,name:n}=t,o=g(t,["label","name"]),{field:i,fieldState:{error:s}}=a.useController({name:n,defaultValue:[]}),l=J();return e.useEffect((()=>{l(n,r)}),[n,l,r]),e.createElement(om,{errorMessage:null==s?void 0:s.message},e.createElement(cw,Object.assign({invalid:Boolean(s)},i,o)))},exports.FormErrorOutcome=r=>{const{message:n}=r,{colorScheme:o}=Z(r),{genericErrorOccurred:i}=Bk(),a=t.useTheme(),s=e.useRef(null);return e.useEffect((()=>{i&&s.current&&s.current.scrollIntoView({behavior:"smooth",block:"nearest"})}),[i]),i?e.createElement("div",{ref:s},e.createElement(wa,{colorScheme:o,content:e.createElement(ne,{color:a.colors.fg.error.light,colorScheme:o,variant:exports.TypographyVariant.textMd,weight:exports.FontWeight.medium500},n)})):null},exports.FormErrorSummary=t=>{const{order:r,title:n}=t,{colorScheme:o}=Z(t),{control:i,formState:s,setFocus:l}=Bk(),{errors:u,submitCount:c}=s,d=Object.entries(u).length,p=(t=>{const r=e.useRef({}),{errors:n,submitCount:o}=t,i=e.useRef(o),a=i.current;return i.current=o,o!==a&&(r.current=ma.cloneDeep(n)),r.current})(s),h=X(),f=e.useRef(null),m=e.useRef(void 0),g=e.useRef(null);e.useEffect((()=>{var e,t;m.current=null!==(t=null===(e=f.current)||void 0===e?void 0:e.closest("form"))&&void 0!==t?t:void 0}),[]);const v=e.useMemo((()=>{if(!m.current)return[];const t=(e=>{const t=e.querySelectorAll("[name], [data-name]");return Array.from(t).map((e=>{var t;return null!==(t=e.getAttribute("data-name"))&&void 0!==t?t:e.getAttribute("name")})).filter((e=>"string"==typeof e))})(m.current),n=null!=r?r:t,o=Array.from(i._names.mount),s=ma.sortBy(o,(e=>(e=>-1===e?Number.POSITIVE_INFINITY:e)(n.indexOf(String(e)))));return s.reduce(((r,n)=>{const o=a.get(p,n),i=h[n];return void 0===o?r:void 0!==a.get(u,n)||t.includes(n)?(r.push({body:e.createElement(e.Fragment,null,ui(i)&&e.createElement(e.Fragment,null,i,": "),o.message),onClick:()=>l(n)}),r):r}),[])}),[i._names.mount,d,u,h,r,l,p]);return e.useEffect((()=>{var e;!1===i._options.shouldFocusError&&(null===(e=g.current)||void 0===e||e.focus())}),[i,c]),e.createElement(e.Fragment,null,v.length>0&&e.createElement(wa,{colorScheme:o,items:v,ref:g,tabIndex:-1,title:n}),e.createElement("div",{ref:f,style:{display:"none"}}))},exports.FormProvider=t=>{const{children:r,form:n}=t;return e.createElement(a.FormProvider,Object.assign({},n),e.createElement(Q,null,r))},exports.FormSuccessOutcome=r=>{const{children:n,onHide:o,title:i,visible:a}=r,s=t.useTheme(),{colorScheme:l}=Z(r);return e.createElement(hl,{colorScheme:l,hideCloseButton:!1,isOpen:a,onClose:o},e.createElement(jk,null,ui(i)&&e.createElement(ne,{color:s.colors.fg.neutral.default,colorScheme:l,variant:exports.TypographyVariant.h3,weight:exports.FontWeight.semiBold600},i),ui(n)&&e.createElement(ne,{color:s.colors.fg.neutral.subtle,colorScheme:l,variant:exports.TypographyVariant.textMd,weight:exports.FontWeight.regular400},n)))},exports.FormattedAmount=t=>{const r=wu();return e.createElement(Eu,Object.assign({},t,{formatAmount:r}))},exports.FormattedHtmlMessage=fl,exports.FormattedMessage=t=>{const{defaultMessage:r,description:n,id:i,values:a}=t;return e.createElement(o.FormattedMessage,{defaultMessage:r,description:n,id:i,values:a},(t=>e.createElement("span",{"data-message-id":i},t)))},exports.FormattedPercentage=yu,exports.IconProduct=Es,exports.IconSystem=kt,exports.Infobox=Ss,exports.InputBase=Wf,exports.InputLabel=Kf,exports.Loader=pu,exports.LoaderOverlayBox=t=>{const{colorScheme:r,loaderSize:n,mediaType:o}=t,i=g(t,["colorScheme","loaderSize","mediaType"]),{colorScheme:a}=Z(t);return e.createElement(hu,Object.assign({$colorScheme:a},i),e.createElement(pu,{colorScheme:a,loaderSize:n}))},exports.MaskedInput=Cg,exports.MaskedInputBase=wg,exports.MaskedInputField=Sg,exports.MediaTypeProvider=V,exports.Modal=hl,exports.NextFormattedAmount=t=>{const r=Cu();return e.createElement(Eu,Object.assign({},t,{formatAmount:r}))},exports.NumberInput=Ig,exports.NumberInputField=Mg,exports.Paper=cy,exports.PhoneInput=Dg,exports.PhoneInputField=Pg,exports.ProgressPaper=t=>{const{children:r,progressDefinition:n}=t,o=g(t,["children","progressDefinition"]),{activeStepIndex:i,numberOfSteps:a}=n,{colorScheme:s,mediaType:l}=Z(t);return e.createElement(dy,Object.assign({},o,{colorScheme:s,mediaType:l}),e.createElement(py,null,e.createElement(my,{activeStepIndex:i,colorScheme:s,mediaType:l,numberOfSteps:a})),r)},exports.Radio=Iv,exports.RadioButton=Fv,exports.RadioButtonGroup=Hv,exports.RadioButtonGroupControl=Wv,exports.RadioButtonGroupField=t=>{const{name:r,options:n}=t,o=g(t,["name","options"]),{field:{onBlur:i,onChange:s,ref:l,value:u},fieldState:{error:c}}=a.useController({name:r,rules:n}),d=e.useCallback((e=>{s(e),i()}),[i,s]);return e.createElement(Hv,Object.assign({errorMessage:null==c?void 0:c.message,name:r,ref:l,value:u,onBlur:i,onChange:d},o))},exports.RadioControl=xv,exports.RadioField=t=>{const{name:r,options:n}=t,o=g(t,["name","options"]),{formState:i,register:s}=a.useFormContext(),l=a.get(i.errors,r);return e.createElement(Iv,Object.assign({errorMessage:null==l?void 0:l.message},s(r,n),o))},exports.RadioGroup=Rv,exports.RadioGroupControl=Dv,exports.RadioGroupField=t=>{const{name:r,options:n}=t,o=g(t,["name","options"]),{field:{onBlur:i,onChange:s,ref:l,value:u},fieldState:{error:c}}=a.useController({name:r,rules:n}),d=e.useCallback((e=>{s(e),i()}),[i,s]);return e.createElement(Rv,Object.assign({errorMessage:null==c?void 0:c.message,name:r,ref:l,value:u,onBlur:i,onChange:d},o))},exports.SearchInput=Og,exports.Select=_k,exports.SelectControl=Sk,exports.SelectField=t=>{const{defaultValue:r=null,items:n,name:o,options:i,shouldResetInvalidValues:s=!1}=t,l=g(t,["defaultValue","items","name","options","shouldResetInvalidValues"]),{control:u,resetField:c}=a.useFormContext(),{field:d,fieldState:{error:p}}=a.useController({name:o,control:u,rules:i,defaultValue:r}),h=d.value;return e.useEffect((()=>{s&&null!==h&&!n.includes(h)&&c(o)}),[n,o,c,s,h]),e.createElement(_k,Object.assign({errorMessage:null==p?void 0:p.message,items:n},d,l))},exports.Slider=ga,exports.SliderInput=Hg,exports.SliderInputField=t=>{const{name:r,options:n}=t,o=g(t,["name","options"]),{control:i}=a.useFormContext(),{field:s}=a.useController({name:r,control:i,rules:n});return e.createElement(Hg,Object.assign({},s,o))},exports.SpanButton=Lt,exports.Stack=Ql,exports.Table=t=>{const{children:r,variant:n,width:o="100%"}=t;return e.createElement(Ms,{$variant:n,$width:o},r)},exports.TableBody=t=>{const{children:r}=t;return e.createElement("tbody",null,r)},exports.TableData=r=>{const{children:n,delimiter:o=!1,textAlign:i=exports.TableTextAlign.left,variant:a}=r,s=t.useTheme(),{chooseColor:l,colorScheme:u}=Z(r),c=e.useMemo((()=>{switch(i){case exports.TableTextAlign.left:return exports.TypographyTextAlign.left;case exports.TableTextAlign.center:return exports.TypographyTextAlign.center;case exports.TableTextAlign.right:return exports.TypographyTextAlign.right;default:throw new Error("unexpected enum of TableTextAlign in tableData.tsx")}}),[i]);return e.createElement(Ts,{$align:i,$chooseColor:l,$delimiter:o,$variant:a},(()=>{switch(a){case exports.TableVariant.exchange:return e.createElement(ne,{color:s.colors.fg.neutral.subtle,colorScheme:u,textAlign:c,variant:exports.TypographyVariant.textSm,weight:exports.FontWeight.medium500},n);case exports.TableVariant.simple:return e.createElement(ne,{color:s.colors.fg.neutral.subtlest,colorScheme:u,textAlign:c,variant:exports.TypographyVariant.textMd,weight:exports.FontWeight.regular400},n);case exports.TableVariant.simpleWithoutShadow:return n;default:throw new Error("unexpected enum of TableVariant in tableData.tsx")}})())},exports.TableHead=t=>{const{children:r}=t;return e.createElement(Ls,null,r)},exports.TableHeadData=t=>{const{children:r,delimiter:n=!1,textAlign:o=exports.TableTextAlign.left,variant:i,width:a}=t,{chooseColor:s}=Z(t);return e.createElement(Ds,{$align:o,$chooseColor:s,$delimiter:n,$variant:i,$width:a},r)},exports.TableRow=t=>{const{children:r,variant:n}=t,{chooseColor:o}=Z(t);return e.createElement(Ps,{$chooseColor:o,$variant:n},r)},exports.Tabs=t=>{const{activeTabDefaultPosition:r,fullWidth:n=!1,size:o,tabItems:i,variant:a}=t,{chooseColor:s,colorScheme:l}=Z(t),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=pr(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-Xs>0?e.scrollLeft-Xs: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+Xs+e.clientWidth<=e.scrollWidth?e.scrollLeft+Xs:e.scrollWidth,behavior:"smooth"})}),[]),v=void 0!==d&&d>0,y=void 0!==d&&null!==u.current&&d+u.current.clientWidth<u.current.scrollWidth-4,b=e.useMemo((()=>{const e=i.findIndex((e=>!0===e.isActive));return e<0?void 0:e}),[i]);e.useEffect((()=>{if(void 0===b)return;const e=u.current,t=c.current[b];if(null===e||null===t)return;if(c.current.includes(null))return;const n=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>n))switch(r){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 r=t.getBoundingClientRect(),n=e.getBoundingClientRect();(r.left<n.left||r.right>n.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")}}),[r,b]);const x=e.useCallback((()=>{var e;null===(e=c.current[0])||void 0===e||e.focus()}),[]),k=e.useCallback((()=>{var e;null===(e=c.current[c.current.length-1])||void 0===e||e.focus()}),[]),w=e.useCallback((e=>{var t;if(c.current[0]===e)return void k();const r=c.current.indexOf(e);null===(t=c.current[r-1])||void 0===t||t.focus()}),[k]),C=e.useCallback((e=>{var t;if(c.current[c.current.length-1]===e)return void x();const r=c.current.indexOf(e);null===(t=c.current[r+1])||void 0===t||t.focus()}),[x]),E=e.useCallback((e=>{const t=e.currentTarget;let r=!1;switch(e.key){case"ArrowLeft":w(t),r=!0;break;case"ArrowRight":C(t),r=!0;break;case"Home":x(),r=!0;break;case"End":k(),r=!0}r&&(e.stopPropagation(),e.preventDefault())}),[x,k,C,w]);return e.createElement(zs,null,e.createElement(Hs,{"aria-orientation":"horizontal",ref:u,role:"tablist"},e.createElement(Ys,{$chooseColor:s,$fullWidth:n},i.map(((t,r)=>e.createElement(e.Fragment,{key:t.id},e.createElement(Ws,{ariaControls:t.ariaControls,colorScheme:l,fullWidth:n,htmlRef:e=>c.current[r]=e,icon:t.icon,id:t.id,isActive:t.isActive,size:o,text:t.text,variant:a,onClick:t.onActivate,onKeyDown:E})))))),v&&e.createElement(qs,null,e.createElement(Zs,{onClick:m},e.createElement(kt,{size:exports.IconSystemSize.big,type:exports.IconSystemType.chevronLeft}))),y&&e.createElement(Gs,null,e.createElement(Qs,{onClick:g},e.createElement(kt,{size:exports.IconSystemSize.big,type:exports.IconSystemType.chevronRight}))))},exports.TabsItem=Ws,exports.Tag=r=>{const{as:n,children:o,className:i,colorScheme:a,fontWeight:s=exports.FontWeight.regular400,href:l,iconPosition:u=exports.TagIconPosition.right,iconSystem:c,mediaType:d,onClick:p,onKeyDown:h,role:f,size:m=exports.TagSize.md,textDecoration:v,textTransform:y=exports.TagTextTransform.none,type:b}=r,x=g(r,["as","children","className","colorScheme","fontWeight","href","iconPosition","iconSystem","mediaType","onClick","onKeyDown","role","size","textDecoration","textTransform","type"]),k=t.useTheme(),{chooseColor:w,colorScheme:C}=Z(r),E=e.useMemo((()=>{switch(b){case exports.TagType.info:return w(k.colors.fg.brand.bold);case exports.TagType.warning:return k.palette.yellow800;case exports.TagType.success:return w(k.colors.fg.success);case exports.TagType.neutralSubtle:return w(k.colors.fg.neutral.subtle);case exports.TagType.invert:return w(k.colors.fg.neutral.white);case exports.TagType.alert:return w(k.colors.fg.accent.bold);case exports.TagType.neutralDefault:return w(k.colors.fg.neutral.default);default:throw new Error("unexpected enum values TagType in tag.tsx")}}),[w,k,b]),S=e.useMemo((()=>{switch(m){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")}}),[m]),_=e.useMemo((()=>void 0!==n?n:void 0!==l?"a":void 0===p?void 0:"button"),[n,l,p]);return e.createElement(ay,Object.assign({$chooseColor:w,$clickable:void 0!==p||void 0!==l,$decoration:v,$iconPosition:u,$textTransform:y,$type:b,as:_,className:i,href:l,role:f,type:"button"===_?"button":void 0,onClick:p,onKeyDown:h},x),e.createElement(ne,{color:E,variant:S,weight:s},o),void 0!==c&&e.createElement(sy,{$iconPosition:u},e.createElement(kt,{colorScheme:C,size:exports.IconSystemSize.big,stroke:E,type:c})))},exports.TextArea=Uv,exports.TextAreaField=t=>{const{name:r,options:n}=t,o=g(t,["name","options"]),{formState:i,register:s}=a.useFormContext(),l=a.get(i.errors,r);return e.createElement(Uv,Object.assign({errorMessage:null==l?void 0:l.message},s(r,n),o))},exports.TextInput=Kg,exports.TextInputField=t=>{const{name:r,options:n}=t,o=g(t,["name","options"]),{formState:i,register:s}=a.useFormContext(),l=a.get(i.errors,r);return e.createElement(Kg,Object.assign({errorMessage:null==l?void 0:l.message},s(r,n),o))},exports.Toggle=r=>{const{defaultValue:n,disabled:o,id:i,label:a,name:s,onChange:l}=r,u=t.useTheme(),[c,d]=e.useState(n),p=e.useCallback((e=>{d(e),void 0!==l&&l(e)}),[l]);return e.createElement(ey,{$checked:c,$disabled:o},e.createElement(Jv,{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(ty,{htmlFor:i},e.createElement(ne,{variant:exports.TypographyVariant.textSm,weight:exports.FontWeight.medium500},a)))},exports.TooltipGeneral=Ml,exports.TooltipInfo=Ll,exports.TooltipInfoConditional=Dl,exports.TooltipInfoDisplayableCheck=t=>{const{body:r,closeButtonAriaLabel:n,displayMethod:i,title:a,triggerAriaLabel:s}=t,l=g(t,["body","closeButtonAriaLabel","displayMethod","title","triggerAriaLabel"]),{formatMessage:u}=o.useIntl(),c=gl();return c(r)?e.createElement(e.Fragment,null,i===exports.TooltipInfoDisplayMethod.withNbsp&&" ",e.createElement(Ll,Object.assign({},l,{floatingElement:{body:e.createElement(fl,Object.assign({},r)),title:void 0!==a&&c(a)?e.createElement(fl,Object.assign({},a)):void 0,closeButtonAriaLabel:void 0!==n&&c(n)?u(n,n.values):void 0},triggerAriaLabel:void 0!==s&&c(s)?u(s,s.values):void 0}))):null},exports.TrailingTextInput=qg,exports.Typography=ne,exports.VisuallyHidden=Ul,exports.datePickerValueFormat=tv,exports.getColor=Y,exports.getTextDecorationStyle=P,exports.identityFormatter=vy,exports.isRenderable=ui,exports.resolveBorderRadiusValue=I,exports.resolveFlexWrapValue=T,exports.resolveFontWeightValue=x,exports.resolveOverflowValue=S,exports.resolveSpacingValue=y,exports.resolveTextDecorationValue=D,exports.theme=C,exports.useChooseColor=K,exports.useColorScheme=q,exports.useCreateTooltipInfoDescriptor=()=>{const{formatMessage:t}=o.useIntl(),r=gl();return e.useCallback((n=>{const{body:o,closeButtonAriaLabel:i,title:a,triggerAriaLabel:s}=n;if(r(o))return{body:e.createElement(fl,Object.assign({},o)),title:void 0!==a&&r(a)?e.createElement(fl,Object.assign({},a)):void 0,closeButtonAriaLabel:void 0!==i&&r(i)?t(i,i.values):void 0,triggerAriaLabel:void 0!==s&&r(s)?t(s,s.values):void 0}}),[r,t])},exports.useDesignSystem=Z,exports.useFieldConfig=te,exports.useFieldLabels=X,exports.useForm=(t={})=>{const{schema:r}=t,n=g(t,["schema"]),[o,i]=e.useState(!1),l=a.useForm(Object.assign(Object.assign({mode:"onSubmit",reValidateMode:"onBlur",shouldFocusError:!1},r&&{resolver:s.zodResolver(r)}),n)),u=l.handleSubmit,c=e.useCallback(((e,t)=>u(((...t)=>v(void 0,void 0,void 0,(function*(){i(!1);try{return yield e(...t)}catch(e){i(!0),console.error(e)}}))),t)),[u]);return Object.assign(l,{genericErrorOccurred:o,handleSubmit:c}),l},exports.useFormContext=Bk,exports.useFormSuccessOutcomeManager=()=>{const[t,r]=e.useState(!1),[n,o]=e.useState(0),i=e.useCallback((()=>{o((e=>e+1)),r(!0)}),[]);return{onMutationSuccess:i,formKey:n,formSuccessOutcomeProps:{visible:t,onHide:()=>r(!1)}}},exports.useFormatAmount=wu,exports.useFormattedPercentage=fu,exports.useGetFormattedHtmlMessageIfDisplayable=()=>{const{formatMessage:t}=o.useIntl();return e.useCallback((r=>{if(ml(t,r))return e.createElement(fl,Object.assign({},r))}),[t])},exports.useIsMessageDisplayable=gl,exports.useMediaType=j,exports.useMessageFormatter=t=>{const r=o.useIntl();return e.useMemo((()=>gy(((n,o)=>{const i=t(n);return"string"==typeof i?i:o.includes("primitive")?r.formatMessage(i):e.createElement(fl,Object.assign({},i))}))),[t,r])},exports.useNextFormatAmount=Cu,exports.useRegisterFieldLabel=J,exports.withFieldWrapper=am,exports.withMaskedInputField=Eg;
|
|
83
83
|
//# sourceMappingURL=index.cjs.js.map
|