@mmb-digital/design-system-web 0.1.220 → 0.1.221
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.d.ts +4 -1
- package/dist/index.esm.js +1 -1
- package/dist/index.esm.js.map +1 -1
- package/package.json +1 -1
- package/dist/jest.config.d.ts +0 -7
package/dist/index.cjs.js
CHANGED
|
@@ -75,5 +75,5 @@ object-assign
|
|
|
75
75
|
background-color: ${e.theme.colors.bg.brand.default.light};
|
|
76
76
|
`),(e=>e.$selected&&t.css`
|
|
77
77
|
background-color: ${e.theme.colors.bg.brand.bold.light};
|
|
78
|
-
`)),hk=(e,t)=>String(e).localeCompare(String(t)),fk=e.forwardRef(((n,r)=>{var o;const{ariaLabel:i,describedBy:a,disabled:s=!1,formatter:l=iy,getItemKey:u,iconSystem:c,id:d,invalid:p=!1,itemOrder:h,items:f,labelledBy:m,name:g,nilMessage:v="",onBlur:y,onChange:b,required:x,value:k,variant:w=exports.SelectVariant.inputLike}=n,C=t.useTheme(),{chooseColor:E}=$(n),S=((t,n)=>e.useMemo((()=>t.wrap(((e,t)=>{if(null==t)return n;const r=e(t);return null==r||""===r?"":r}))),[t,n]))(l,v),_=e.useCallback((e=>String(S.formatAsPrimitive(e))),[S]),I=null==h?void 0:h.source,M=null!==(o=null==h?void 0:h.compareFn)&&void 0!==o?o:hk,L=e.useMemo((()=>{if(void 0===I)return f;const[e,t]=tk.partition(f,(e=>null===e));switch(I){case exports.SelectItemOrderSource.formatter:return[...e,...Array.from(t).sort(((e,t)=>M(S.formatAsPrimitive(e,["comparable"]),S.formatAsPrimitive(t,["comparable"]))))];case exports.SelectItemOrderSource.value:return[...e,...Array.from(t).sort(((e,t)=>M(e,t)))];default:return f}}),[S,M,I,f]),{getItemProps:T,getMenuProps:D,getToggleButtonProps:P,highlightedIndex:O,isOpen:R}=vx(Object.assign({id:d,items:L,itemToString:_,labelId:m,onSelectedItemChange:({selectedItem:e})=>b(e),selectedItem:k},u&&{itemToKey:u})),{floatingStyles:A,refs:N}=Ko({open:R,middleware:[no(8),oo(),ro()],whileElementsMounted:zr,placement:"bottom-start"}),V=ao([N.setReference,r]),B=void 0!==c;return e.createElement(ik,{$variant:w},e.createElement(sk,Object.assign({$disabled:s,$hasIcon:B,$invalid:p,$open:R,$variant:w},P({"aria-describedby":a,"aria-invalid":p,"aria-required":x,"data-name":g,"aria-label":i,disabled:s,onBlur:y,ref:V,id:d})),e.createElement(lk,null,B&&e.createElement(uk,null,e.createElement(ht,{size:exports.IconSystemSize.small,stroke:E(C.colors.fg.brand.default),type:c})),w===exports.SelectVariant.inputLike?e.createElement(Z,{color:C.colors.fg.neutral.default,variant:exports.TypographyVariant.textMd,weight:exports.FontWeight.regular400},S.format(k)):e.createElement(Z,{color:C.colors.fg.neutral.subtle,decoration:exports.TypographyDecoration.underline,variant:exports.TypographyVariant.textSm,weight:exports.FontWeight.regular400},S.format(k))),e.createElement(ok,{open:R,variant:w})),e.createElement(ck,{$open:R,ref:N.setFloating,style:A},e.createElement(dk,Object.assign({},D()),R&&L.map(((t,n)=>{var r;return e.createElement(pk,Object.assign({key:null!==(r=null==u?void 0:u(t))&&void 0!==r?r:`index-${n}`,$highlighted:n===O,$selected:t===k},T({item:t,index:n})),e.createElement(Z,{color:t===k?C.colors.fg.neutral.white:C.colors.fg.neutral.subtle,variant:exports.TypographyVariant.textSm,weight:exports.FontWeight.medium500},S.format(t)))})))))}));fk.displayName="SelectControl";const mk=fk,gk=qf(mk);var vk,yk,bk;exports.ButtonsLayoutAlign=void 0,(vk=exports.ButtonsLayoutAlign||(exports.ButtonsLayoutAlign={})).center="center",vk.end="end",vk.spaceBetween="spaceBetween",vk.start="start",vk.stretch="stretch",exports.ButtonsLayoutDirection=void 0,(yk=exports.ButtonsLayoutDirection||(exports.ButtonsLayoutDirection={})).column="column",yk.columnReverse="columnReverse",yk.row="row",yk.rowReverse="rowReverse",exports.ButtonsLayoutWrap=void 0,(bk=exports.ButtonsLayoutWrap||(exports.ButtonsLayoutWrap={})).noWrap="noWrap",bk.wrap="wrap",bk.wrapReverse="wrapReverse";const xk=t.div.withConfig({displayName:"ButtonsLayoutStyled",componentId:"sc-8lj3e5-0"})(["display:flex;gap:",";width:100%;",";"," ",";"],(({$gap:e,theme:t})=>m(t,e)),(({$wrap:e})=>{switch(e){case exports.ButtonsLayoutWrap.wrap:return t.css(["flex-wrap:wrap;"]);case exports.ButtonsLayoutWrap.noWrap:return t.css(["flex-wrap:nowrap;"]);case exports.ButtonsLayoutWrap.wrapReverse:return t.css(["flex-wrap:wrap-reverse;"]);default:throw new Error("Unexpected enum values ButtonsLayoutWrap in ButtonsLayout.style.ts")}}),(({$direction:e})=>{switch(e){case exports.ButtonsLayoutDirection.row:return t.css(["flex-direction:row;align-items:center;"]);case exports.ButtonsLayoutDirection.rowReverse:return t.css(["flex-direction:row-reverse;align-items:center;"]);case exports.ButtonsLayoutDirection.column:return t.css(["flex-direction:column;"]);case exports.ButtonsLayoutDirection.columnReverse:return t.css(["flex-direction:column-reverse;"]);default:throw new Error("Unexpected enum values ButtonsLayoutDirection in ButtonsLayout.style.ts")}}),(({$align:e,$direction:n})=>n!==exports.ButtonsLayoutDirection.column&&n!==exports.ButtonsLayoutDirection.columnReverse||e!==exports.ButtonsLayoutAlign.stretch?(n!==exports.ButtonsLayoutDirection.column&&n!==exports.ButtonsLayoutDirection.columnReverse||e!==exports.ButtonsLayoutAlign.center)&&(n!==exports.ButtonsLayoutDirection.column&&n!==exports.ButtonsLayoutDirection.columnReverse||e!==exports.ButtonsLayoutAlign.spaceBetween)?n!==exports.ButtonsLayoutDirection.column&&n!==exports.ButtonsLayoutDirection.columnReverse||e!==exports.ButtonsLayoutAlign.start?n!==exports.ButtonsLayoutDirection.column&&n!==exports.ButtonsLayoutDirection.columnReverse||e!==exports.ButtonsLayoutAlign.end?n!==exports.ButtonsLayoutDirection.row&&n!==exports.ButtonsLayoutDirection.rowReverse||e!==exports.ButtonsLayoutAlign.stretch?n!==exports.ButtonsLayoutDirection.row&&n!==exports.ButtonsLayoutDirection.rowReverse||e!==exports.ButtonsLayoutAlign.center?n!==exports.ButtonsLayoutDirection.row&&n!==exports.ButtonsLayoutDirection.rowReverse||e!==exports.ButtonsLayoutAlign.spaceBetween?n!==exports.ButtonsLayoutDirection.row&&n!==exports.ButtonsLayoutDirection.rowReverse||e!==exports.ButtonsLayoutAlign.start?n!==exports.ButtonsLayoutDirection.row&&n!==exports.ButtonsLayoutDirection.rowReverse||e!==exports.ButtonsLayoutAlign.end?void 0:t.css(["justify-content:end;"]):t.css(["justify-content:start;"]):t.css(["justify-content:space-between;"]):t.css(["justify-content:center;"]):t.css(["button{flex-basis:0;flex-grow:1;}"]):t.css(["align-items:end;"]):t.css(["align-items:start;"]):t.css(["align-items:center;"]):t.css(["align-items:stretch;"]))),kk=t.styled.div.withConfig({displayName:"ComboBoxWrapper",componentId:"sc-vh3j4z-0"})(["position:relative;width:100%;"]),wk=t.styled.div.withConfig({displayName:"MenuWrapper",componentId:"sc-vh3j4z-1"})(["position:absolute;top:100%;z-index:1;width:100%;margin-top:",";margin-bottom:",";visibility:",";background-color:",";border-radius:",";box-shadow:0 4px 4px 0 rgb(28 101 253 / 2%),0 4px 25px 0 rgb(28 101 253 / 20%);"],(({theme:e})=>e.spacing.xs),(({theme:e})=>e.spacing.xs),(({$isOpen:e})=>e?"visible":"hidden"),(({$chooseColor:e,theme:t})=>e(t.colors.surface.risen)),(({theme:e})=>e.borderRadius.xs)),Ck=t.styled.ul.withConfig({displayName:"Menu",componentId:"sc-vh3j4z-2"})(["position:relative;box-sizing:border-box;max-height:300px;padding:0;padding-top:",";padding-bottom:",";margin:0;overflow-y:auto;list-style-type:none;"],(({theme:e})=>e.spacing.sm),(({theme:e})=>e.spacing.sm)),Ek=t.styled.li.withConfig({displayName:"MenuItem",componentId:"sc-vh3j4z-3"})(["box-sizing:border-box;display:flex;align-items:center;width:100%;padding:"," ",";font-size:inherit;cursor:pointer;user-select:none;background-color:",";"],(({theme:e})=>e.spacing.xs),(({theme:e})=>e.spacing.sm),(({$chooseColor:e,$highlighted:t,$selected:n,theme:r})=>n?e(r.colors.bg.brand.bold):t?e(r.colors.bg.brand.default):"transparent"));var Sk;exports.ComboBoxItemOrderSource=void 0,(Sk=exports.ComboBoxItemOrderSource||(exports.ComboBoxItemOrderSource={})).formatter="formatter",Sk.value="value";const _k=(e,t)=>String(e).localeCompare(String(t)),Ik=e.forwardRef(((n,r)=>{const{ariaLabel:o,describedBy:i,disabled:a=!1,formatter:s=iy,getItemKey:l,icon:u,id:c,inputPrefix:d,inputSize:p=exports.InputSize.md,inputSuffix:h,inputTextAlign:f=exports.InputTextAlign.left,inputWeight:m=exports.FontWeight.regular400,invalid:g=!1,isPastingDisabled:v=!1,itemOrder:y,items:b,labelledBy:x,maxLength:k,name:w,nilMessage:C="",onBlur:E,onChange:S,onFocus:_,onInputChange:I,placeholder:M,required:L,value:T}=n,D=t.useTheme(),{chooseColor:P,colorScheme:O,mediaType:R}=$(n),A=((t,n)=>e.useMemo((()=>t.wrap(((e,t)=>{if(null==t)return n;const r=e(t);return null==r||""===r?"":r}))),[t,n]))(s,C),N=e.useCallback((e=>String(A.formatAsPrimitive(e))),[A]),V=null==y?void 0:y.source,B=void 0===(null==y?void 0:y.compareFn)?_k:y.compareFn,F=e.useMemo((()=>{if(void 0===V)return b;const[e,t]=tk.partition(b,(e=>null===e));switch(V){case exports.ComboBoxItemOrderSource.formatter:return[...e,...Array.from(t).sort(((e,t)=>B(A.formatAsPrimitive(e,["comparable"]),A.formatAsPrimitive(t,["comparable"]))))];case exports.ComboBoxItemOrderSource.value:return[...e,...Array.from(t).sort(((e,t)=>B(e,t)))];default:return b}}),[A,B,V,b]),{getInputProps:j,getItemProps:W,getMenuProps:H,highlightedIndex:z,isOpen:Y}=Qx(Object.assign({id:c,items:F,itemToString:N,labelId:x,selectedItem:T,onSelectedItemChange:({selectedItem:e})=>S(e),onInputValueChange:void 0===I?void 0:({inputValue:e})=>I(e),defaultHighlightedIndex:0},l&&{itemToKey:l})),K=j({"aria-describedby":i,"aria-label":o,"aria-labelledby":x,disabled:a,id:c,maxLength:k,name:w,placeholder:M,ref:r,required:L,onBlur:E,onFocus:_}),U=H();return e.createElement(kk,null,e.createElement(Tf,Object.assign({colorScheme:O,icon:u,invalid:g,isPastingDisabled:v,mediaType:R,prefix:d,size:p,suffix:h,textAlign:f,weight:m},K)),e.createElement(wk,{$chooseColor:P,$isOpen:Y&&F.length>0},e.createElement(Ck,Object.assign({},U),Y&&F.map(((t,n)=>{var r;return e.createElement(Ek,Object.assign({key:null!==(r=null==l?void 0:l(t))&&void 0!==r?r:`index-${n}`,$chooseColor:P,$highlighted:n===z,$selected:t===T},W({item:t,index:n})),e.createElement(Z,{color:t===T?D.colors.fg.neutral.white:D.colors.fg.neutral.subtle,colorScheme:O,variant:exports.TypographyVariant.textSm,weight:exports.FontWeight.medium500},A.format(t)))})))))}));Ik.displayName="ComboBoxControl";const Mk=Ik,Lk=qf(Mk),Tk=()=>a.useFormContext(),Dk=t.styled.div.withConfig({displayName:"SubmitResultModalContentStyled",componentId:"sc-15mo3w2-0"})(["display:flex;flex-direction:column;gap:",";"],(e=>e.theme.spacing.lg));exports.Accordion=t=>{const{data:n,variant:r=exports.AccordionVariant.default}=t,{colorScheme:o}=$(t),[i,a]=e.useState(null);return e.createElement(e.Fragment,null,n.map(((t,n)=>e.createElement(_t,{key:t.id,closeActionAriaLabel:t.closeActionAriaLabel,colorScheme:o,content:t.content,description:t.description,icon:t.icon,id:t.id,isOpen:i===n,label:t.label,openActionAriaLabel:t.openActionAriaLabel,variant:r,onClick:()=>(e=>{a((t=>t===e?null:e))})(n)}))))},exports.AccordionContent=Mt,exports.AccordionItem=_t,exports.AccordionKeyValue=n=>{const{label:r,value:o}=n,i=t.useTheme(),{chooseColor:a,colorScheme:s}=$(n);return e.createElement(Mt,{colorScheme:s},e.createElement(Lt,null,e.createElement(Z,{color:a(i.colors.fg.neutral.default),variant:exports.TypographyVariant.textSm,weight:exports.FontWeight.medium500},r)),e.createElement(Tt,null,e.createElement(Z,{color:a(i.colors.fg.neutral.subtle),variant:exports.TypographyVariant.textSm,weight:exports.FontWeight.medium500},o)))},exports.Button=oi,exports.ButtonsLayout=t=>{const{align:n,buttons:r,direction:o,gap:i=exports.Spacing.md,suppressHydrationWarning:a=!1,wrap:s=exports.ButtonsLayoutWrap.noWrap}=t;return e.createElement(xk,{$align:n,$direction:o,$gap:i,$wrap:s,suppressHydrationWarning:a},r.filter(ri).map(((t,n)=>e.createElement(e.Fragment,{key:n},t))))},exports.CalculatorResult=n=>{const{bodyItems:r,containerRef:o,description:i,header:a,infoPosition:s=exports.CalculatorResultInfoPosition.underBox,main:l,modal:u,resultBoxRef:c}=n,d=t.useTheme(),{chooseColor:p,colorScheme:h,mediaType:f}=$(n,{defaultColorScheme:exports.ColorScheme.dark});return e.createElement(xl,{$isDescriptionVisible:void 0!==i,$mediaType:f,ref:o},e.createElement(kl,{$chooseColor:p,ref:c},e.createElement(wl,{$chooseColor:p},e.createElement(Cl,{$chooseColor:p},(void 0!==a.main||void 0!==a.top||void 0!==a.bottom)&&e.createElement(e.Fragment,null,e.createElement(El,{$chooseColor:p},void 0!==a.top&&e.createElement(Sl,{$chooseColor:p},e.createElement(Z,{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(Al,null,a.topHiddenText),e.createElement(bl,Object.assign({},Kl(a.topTooltip),{colorScheme:h,displayMethod:exports.TooltipInfoDisplayMethod.withNbsp})))),void 0!==a.main&&e.createElement(_l,{$chooseColor:p},e.createElement(Z,{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(Il,{$chooseColor:p},e.createElement(Z,{color:p(d.colors.fg.neutral.default),fullWidth:!0,textAlign:exports.TypographyTextAlign.center,variant:exports.TypographyVariant.textMd},a.bottom))),e.createElement(Ml,{$chooseColor:p})),r.length>0&&e.createElement(Ll,{$chooseColor:p},r.map(((t,n)=>e.createElement(Tl,{key:n,$chooseColor:p},e.createElement(Dl,{$chooseColor:p},e.createElement(Z,{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(Al,null,t.left.hiddenText),void 0!==t.left.tooltip&&e.createElement(e.Fragment,null," ",e.createElement(yl,Object.assign({},Kl(t.left.tooltip),{colorScheme:h}))))),e.createElement(Pl,{$chooseColor:p},e.createElement(Z,{color:p(d.colors.fg.neutral.default),fullWidth:!0,textAlign:exports.TypographyTextAlign.right,variant:exports.TypographyVariant.textMd},t.right.element))))))),e.createElement(Ol,{$chooseColor:p},!0===l.topSeparator&&e.createElement(Ml,{$chooseColor:p}),l.element),s===exports.CalculatorResultInfoPosition.inBox&&void 0!==u&&e.createElement(Yl,{colorScheme:h,content:u.content,mediaType:f,modalCloseButtonAriaLabel:u.modalCloseButtonAriaLabel,triggerText:u.triggerText}))),e.createElement(Fl,null,e.createElement(jl,{colorScheme:exports.ColorScheme.light,description:i}),s===exports.CalculatorResultInfoPosition.underBox&&void 0!==u&&e.createElement(Yl,{colorScheme:exports.ColorScheme.light,content:u.content,mediaType:f,modalCloseButtonAriaLabel:u.modalCloseButtonAriaLabel,triggerText:u.triggerText})))},exports.Checkbox=nv,exports.CheckboxControl=Zg,exports.CheckboxField=t=>{const{name:n,options:r}=t,o=wt(t,["name","options"]),{field:{onBlur:i,onChange:s,ref:l,value:u},fieldState:{error:c}}=a.useController({name:n,rules:r}),d=e.useCallback((e=>{s(e),i()}),[i,s]);return e.createElement(nv,Object.assign({checked:u,errorMessage:null==c?void 0:c.message,invalid:Boolean(c),name:n,ref:l,onBlur:i,onChange:d},o))},exports.ColorSchemeProvider=A,exports.ComboBox=Lk,exports.ComboBoxControl=Mk,exports.ComboBoxField=t=>{const{defaultValue:n=null,items:r,name:o,options:i,shouldResetInvalidValues:s=!1}=t,l=wt(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:n}),h=d.value;return e.useEffect((()=>{s&&null!==h&&!r.includes(h)&&c(o)}),[r,o,c,s,h]),e.createElement(Lk,Object.assign({errorMessage:null==p?void 0:p.message,items:r},d,l))},exports.DatePicker=zg,exports.DatePickerControl=Wg,exports.DatePickerField=t=>{const{name:n,options:r}=t,o=wt(t,["name","options"]),{control:i}=a.useFormContext(),{field:{onBlur:s,onChange:l,ref:u,value:c},fieldState:{error:d}}=a.useController({control:i,name:n,rules:r}),p=e.useCallback((e=>{l(null===e?null:Kc(e,Hg))}),[l]);return e.createElement(zg,Object.assign({errorMessage:null==d?void 0:d.message,name:n,ref:u,selected:c,onBlur:s,onChange:p},o))},exports.DesignSystemProvider=t=>{const{children:n,colorScheme:r,mediaType:o}=t;let i=n;return void 0!==r&&(i=e.createElement(A,{colorScheme:r},i)),void 0!==o&&(i=e.createElement(L,{mediaType:o},i)),i},exports.EmailInput=Gf,exports.EmailInputField=t=>{const{name:n,options:r}=t,o=wt(t,["name","options"]),{control:i}=a.useFormContext(),{field:s,fieldState:{error:l}}=a.useController({name:n,control:i,rules:r}),u=null==l?void 0:l.message;return e.createElement(Gf,Object.assign({errorMessage:u},s,o))},exports.ErrorBox=fa,exports.FieldConfigProvider=t=>{const{children:n,optionalLabelSuffix:r}=t,o=e.useMemo((()=>({optionalLabelSuffix:r})),[r]);return e.createElement(K.Provider,{value:o},n)},exports.FieldLabelStoreProvider=H,exports.FieldWrapper=Kf,exports.FormErrorOutcome=n=>{const{message:r}=n,{colorScheme:o}=$(n),{genericErrorOccurred:i}=Tk(),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(fa,{colorScheme:o,content:e.createElement(Z,{color:a.colors.fg.error.light,colorScheme:o,variant:exports.TypographyVariant.textMd,weight:exports.FontWeight.medium500},r)})):null},exports.FormErrorSummary=t=>{const{order:n,title:r}=t,{colorScheme:o}=$(t),{control:i,formState:s,setFocus:l}=Tk(),{errors:u,submitCount:c}=s,d=Object.entries(u).length,p=(t=>{const n=e.useRef({}),{errors:r,submitCount:o}=t,i=e.useRef(o),a=i.current;return i.current=o,o!==a&&(n.current=tk.cloneDeep(r)),n.current})(s),h=z(),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),r=null!=n?n:t,o=Array.from(i._names.mount),s=tk.sortBy(o,(e=>(e=>-1===e?Number.POSITIVE_INFINITY:e)(r.indexOf(String(e)))));return s.reduce(((n,r)=>{const o=a.get(p,r),i=h[r];return void 0===o?n:void 0!==a.get(u,r)||t.includes(r)?(n.push({body:e.createElement(e.Fragment,null,ri(i)&&e.createElement(e.Fragment,null,i,": "),o.message),onClick:()=>l(r)}),n):n}),[])}),[i._names.mount,d,u,h,n,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(fa,{colorScheme:o,items:v,ref:g,tabIndex:-1,title:r}),e.createElement("div",{ref:f,style:{display:"none"}}))},exports.FormProvider=t=>{const{children:n,form:r}=t;return e.createElement(a.FormProvider,Object.assign({},r),e.createElement(H,null,n))},exports.FormSuccessOutcome=n=>{const{children:r,onHide:o,title:i,visible:a}=n,s=t.useTheme(),{colorScheme:l}=$(n);return e.createElement(ol,{colorScheme:l,hideCloseButton:!1,isOpen:a,onClose:o},e.createElement(Dk,null,ri(i)&&e.createElement(Z,{color:s.colors.fg.neutral.default,colorScheme:l,variant:exports.TypographyVariant.h3,weight:exports.FontWeight.semiBold600},i),ri(r)&&e.createElement(Z,{color:s.colors.fg.neutral.subtle,colorScheme:l,variant:exports.TypographyVariant.textMd,weight:exports.FontWeight.regular400},r)))},exports.FormattedAmount=t=>{const n=cu();return e.createElement(pu,Object.assign({},t,{formatAmount:n}))},exports.FormattedHtmlMessage=il,exports.FormattedMessage=t=>{const{defaultMessage:n,description:r,id:i,values:a}=t;return e.createElement(o.FormattedMessage,{defaultMessage:n,description:r,id:i,values:a},(t=>e.createElement("span",{"data-message-id":i},t)))},exports.FormattedPercentage=au,exports.IconProduct=gs,exports.IconSystem=ht,exports.Infobox=n=>{const{actionNode:r,children:o,fullWidth:i=!1,iconProduct:a,isWarning:s=!1,size:l,textContent:u,variant:c}=n,d=t.useTheme(),{chooseColor:p,colorScheme:h,mediaType:f}=$(n),m=e.useMemo((()=>{switch(f){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")}}),[f]),g=e.useMemo((()=>{switch(!0){case s:return p(d.colors.fg.accent.default);case h===exports.ColorScheme.dark:return d.colors.fg.neutral.white.dark;case h===exports.ColorScheme.light:return;default:throw new Error("unexpected combination of conditions in infobox.tsx iconStroke")}}),[p,h,s,d.colors.fg.accent.default,d.colors.fg.neutral.white]);if((ri(r)||u)&&ri(o))throw new Error("Infobox encountered both textContent/actionNode and children. These props are mutually exclusive.");return e.createElement(va,{$chooseColor:p,$colorScheme:h,$fullWidth:i,$isWarning:s,$mediaType:f,$size:l,$variant:c},e.createElement(ba,{$mediaType:f},void 0!==a&&e.createElement(ka,{$colorScheme:h,$mediaType:f},e.createElement(gs,{colorScheme:h,size:m,stroke:g,type:a,variant:exports.IconProductVariant.default})),u||ri(r)?e.createElement(wa,{$mediaType:f},u&&e.createElement(Ca,null,e.createElement("div",null,u.primary),void 0!==u.secondary&&e.createElement("div",null,u.secondary)),ri(r)&&e.createElement(Ea,null,r)):e.createElement(Sa,null,o)))},exports.InputBase=Tf,exports.InputLabel=Rf,exports.Loader=eu,exports.LoaderOverlayBox=t=>{const{colorScheme:n,loaderSize:r}=t;return e.createElement(tu,{$colorScheme:n},e.createElement(eu,{colorScheme:n,loaderSize:r}))},exports.MaskedInput=dg,exports.MaskedInputBase=cg,exports.MaskedInputField=hg,exports.MediaTypeProvider=L,exports.Modal=ol,exports.NextFormattedAmount=t=>{const n=du();return e.createElement(pu,Object.assign({},t,{formatAmount:n}))},exports.NumberInput=mg,exports.NumberInputField=gg,exports.Paper=Xv,exports.PhoneInput=bg,exports.PhoneInputField=xg,exports.ProgressPaper=t=>{const{children:n,progressDefinition:r}=t,o=wt(t,["children","progressDefinition"]),{activeStepIndex:i,numberOfSteps:a}=r,{colorScheme:s,mediaType:l}=$(t);return e.createElement(Jv,Object.assign({},o,{colorScheme:s,mediaType:l}),e.createElement(ey,null,e.createElement(ry,{activeStepIndex:i,colorScheme:s,mediaType:l,numberOfSteps:a})),n)},exports.Radio=mv,exports.RadioBase=lv,exports.RadioButton=_v,exports.RadioButtonGroup=Pv,exports.RadioButtonGroupControl=Tv,exports.RadioButtonGroupField=t=>{const{name:n,options:r}=t,o=wt(t,["name","options"]),{field:{onBlur:i,onChange:s,ref:l,value:u},fieldState:{error:c}}=a.useController({name:n,rules:r}),d=e.useCallback((e=>{s(e),i()}),[i,s]);return e.createElement(Pv,Object.assign({errorMessage:null==c?void 0:c.message,name:n,ref:l,value:u,onBlur:i,onChange:d},o))},exports.RadioField=t=>{const{name:n,options:r}=t,o=wt(t,["name","options"]),{formState:i,register:s}=a.useFormContext(),l=a.get(i.errors,n);return e.createElement(mv,Object.assign({errorMessage:null==l?void 0:l.message},s(n,r),o))},exports.RadioGroup=kv,exports.RadioGroupControl=bv,exports.RadioGroupField=t=>{const{name:n,options:r}=t,o=wt(t,["name","options"]),{field:{onBlur:i,onChange:s,ref:l,value:u},fieldState:{error:c}}=a.useController({name:n,rules:r}),d=e.useCallback((e=>{s(e),i()}),[i,s]);return e.createElement(kv,Object.assign({errorMessage:null==c?void 0:c.message,name:n,ref:l,value:u,onBlur:i,onChange:d},o))},exports.SearchInput=wg,exports.Select=gk,exports.SelectControl=mk,exports.SelectField=t=>{const{defaultValue:n=null,items:r,name:o,options:i,shouldResetInvalidValues:s=!1}=t,l=wt(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:n}),h=d.value;return e.useEffect((()=>{s&&null!==h&&!r.includes(h)&&c(o)}),[r,o,c,s,h]),e.createElement(gk,Object.assign({errorMessage:null==p?void 0:p.message,items:r},d,l))},exports.Slider=la,exports.SliderInput=Pg,exports.SliderInputField=t=>{const{name:n,options:r}=t,o=wt(t,["name","options"]),{control:i}=a.useFormContext(),{field:s}=a.useController({name:n,control:i,rules:r});return e.createElement(Pg,Object.assign({},s,o))},exports.SpanButton=St,exports.Stack=Fl,exports.Table=t=>{const{children:n,variant:r,width:o="100%"}=t;return e.createElement(bs,{$variant:r,$width:o},n)},exports.TableBody=t=>{const{children:n}=t;return e.createElement("tbody",null,n)},exports.TableData=n=>{const{children:r,delimiter:o=!1,textAlign:i=exports.TableTextAlign.left,variant:a}=n,s=t.useTheme(),{chooseColor:l,colorScheme:u}=$(n),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(xs,{$align:i,$chooseColor:l,$delimiter:o,$variant:a},(()=>{switch(a){case exports.TableVariant.exchange:return e.createElement(Z,{color:s.colors.fg.neutral.subtle,colorScheme:u,textAlign:c,variant:exports.TypographyVariant.textSm,weight:exports.FontWeight.medium500},r);case exports.TableVariant.simple:return e.createElement(Z,{color:s.colors.fg.neutral.subtlest,colorScheme:u,textAlign:c,variant:exports.TypographyVariant.textMd,weight:exports.FontWeight.regular400},r);case exports.TableVariant.simpleWithoutShadow:return r;default:throw new Error("unexpected enum of TableVariant in tableData.tsx")}})())},exports.TableHead=t=>{const{children:n}=t;return e.createElement(ks,null,n)},exports.TableHeadData=t=>{const{children:n,delimiter:r=!1,textAlign:o=exports.TableTextAlign.left,variant:i,width:a}=t,{chooseColor:s}=$(t);return e.createElement(ws,{$align:o,$chooseColor:s,$delimiter:r,$variant:i,$width:a},n)},exports.TableRow=t=>{const{children:n,variant:r}=t,{chooseColor:o}=$(t);return e.createElement(Cs,{$chooseColor:o,$variant:r},n)},exports.Tabs=t=>{const{activeTabDefaultPosition:n,fullWidth:r=!1,size:o,tabItems:i,variant:a}=t,{chooseColor:s,colorScheme:l}=$(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=sn(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-Hs>0?e.scrollLeft-Hs: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+Hs+e.clientWidth<=e.scrollWidth?e.scrollLeft+Hs: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 r=c.current.reduce(((e,t)=>{if(null===t)throw new Error("unexpected null value in tabItems elements");return t.offsetWidth+e}),0);if(!(e.offsetWidth>r))switch(n){case exports.TabsActiveTabDefaultPosition.center:((e,t)=>{e.scrollLeft=t.offsetLeft-(e.offsetWidth-t.offsetWidth)/2})(e,t);break;case exports.TabsActiveTabDefaultPosition.scrollOnlyWhenNotVisible:((e,t)=>{const n=t.getBoundingClientRect(),r=e.getBoundingClientRect();(n.left<r.left||n.right>r.right)&&(e.scrollLeft=t.offsetLeft-e.offsetLeft)})(e,t);break;case exports.TabsActiveTabDefaultPosition.noScrolling:break;default:throw new Error("unexpected value of TabsActiveTabDefaultPosition enum in tabs.tsx")}}),[n,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 n=c.current.indexOf(e);null===(t=c.current[n-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 n=c.current.indexOf(e);null===(t=c.current[n+1])||void 0===t||t.focus()}),[x]),E=e.useCallback((e=>{const t=e.currentTarget;let n=!1;switch(e.key){case"ArrowLeft":w(t),n=!0;break;case"ArrowRight":C(t),n=!0;break;case"Home":x(),n=!0;break;case"End":k(),n=!0}n&&(e.stopPropagation(),e.preventDefault())}),[x,k,C,w]);return e.createElement(Rs,null,e.createElement(As,{"aria-orientation":"horizontal",ref:u,role:"tablist"},e.createElement(Ns,{$chooseColor:s,$fullWidth:r},i.map(((t,n)=>e.createElement(e.Fragment,{key:t.id},e.createElement(Os,{ariaControls:t.ariaControls,colorScheme:l,fullWidth:r,htmlRef:e=>c.current[n]=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(Fs,null,e.createElement(js,{onClick:m},e.createElement(ht,{size:exports.IconSystemSize.big,type:exports.IconSystemType.chevronLeft}))),y&&e.createElement($s,null,e.createElement(Ws,{onClick:g},e.createElement(ht,{size:exports.IconSystemSize.big,type:exports.IconSystemType.chevronRight}))))},exports.TabsItem=Os,exports.Tag=n=>{const{children:r,className:o,fontWeight:i=exports.FontWeight.regular400,iconPosition:a=exports.TagIconPosition.right,iconSystem:s,size:l=exports.TagSize.md,textTransform:u=exports.TagTextTransform.none,type:c}=n,d=t.useTheme(),{chooseColor:p,colorScheme:h}=$(n),f=e.useMemo((()=>{switch(c){case exports.TagType.info:return p(d.colors.fg.brand.bold);case exports.TagType.warning:return d.palette.yellow800;case exports.TagType.success:return p(d.colors.fg.success);case exports.TagType.neutralSubtle:return p(d.colors.fg.neutral.subtle);case exports.TagType.invert:return p(d.colors.fg.neutral.white);case exports.TagType.alert:return p(d.colors.fg.accent.bold);case exports.TagType.neutralDefault:return p(d.colors.fg.neutral.default);default:throw new Error("unexpected enum values TagType in tag.tsx")}}),[p,d,c]),m=e.useMemo((()=>{switch(l){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")}}),[l]);return e.createElement(qv,{$chooseColor:p,$iconPosition:a,$textTransform:u,$type:c,className:o},e.createElement(Z,{color:f,variant:m,weight:i},r),void 0!==s&&e.createElement(Zv,{$iconPosition:a},e.createElement(ht,{colorScheme:h,size:exports.IconSystemSize.big,stroke:f,type:s})))},exports.TextArea=Av,exports.TextAreaField=t=>{const{name:n,options:r}=t,o=wt(t,["name","options"]),{formState:i,register:s}=a.useFormContext(),l=a.get(i.errors,n);return e.createElement(Av,Object.assign({errorMessage:null==l?void 0:l.message},s(n,r),o))},exports.TextInput=Rg,exports.TextInputField=t=>{const{name:n,options:r}=t,o=wt(t,["name","options"]),{formState:i,register:s}=a.useFormContext(),l=a.get(i.errors,n);return e.createElement(Rg,Object.assign({errorMessage:null==l?void 0:l.message},s(n,r),o))},exports.Toggle=n=>{const{defaultValue:r,disabled:o,id:i,label:a,name:s,onChange:l}=n,u=t.useTheme(),[c,d]=e.useState(r),p=e.useCallback((e=>{d(e),void 0!==l&&l(e)}),[l]);return e.createElement(Wv,{$checked:c,$disabled:o},e.createElement($v,{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(Hv,{htmlFor:i},e.createElement(Z,{variant:exports.TypographyVariant.textSm,weight:exports.FontWeight.medium500},a)))},exports.TooltipGeneral=fl,exports.TooltipInfo=yl,exports.TooltipInfoConditional=bl,exports.TooltipInfoDisplayableCheck=t=>{const{body:n,closeButtonAriaLabel:r,displayMethod:i,title:a,triggerAriaLabel:s}=t,l=wt(t,["body","closeButtonAriaLabel","displayMethod","title","triggerAriaLabel"]),{formatMessage:u}=o.useIntl(),c=sl();return c(n)?e.createElement(e.Fragment,null,i===exports.TooltipInfoDisplayMethod.withNbsp&&" ",e.createElement(yl,Object.assign({},l,{floatingElement:{body:e.createElement(il,Object.assign({},n)),title:void 0!==a&&c(a)?e.createElement(il,Object.assign({},a)):void 0,closeButtonAriaLabel:void 0!==r&&c(r)?u(r,r.values):void 0},triggerAriaLabel:void 0!==s&&c(s)?u(s,s.values):void 0}))):null},exports.TrailingTextInput=Ng,exports.Typography=Z,exports.VisuallyHidden=Al,exports.datePickerValueFormat=Hg,exports.getColor=V,exports.identityFormatter=iy,exports.isRenderable=ri,exports.resolveBorderRadiusValue=E,exports.resolveFontWeightValue=v,exports.resolveOverflowValue=w,exports.resolveSpacingValue=m,exports.theme=x,exports.useChooseColor=B,exports.useColorScheme=j,exports.useCreateTooltipInfoDescriptor=()=>{const{formatMessage:t}=o.useIntl(),n=sl();return e.useCallback((r=>{const{body:o,closeButtonAriaLabel:i,title:a,triggerAriaLabel:s}=r;if(n(o))return{body:e.createElement(il,Object.assign({},o)),title:void 0!==a&&n(a)?e.createElement(il,Object.assign({},a)):void 0,closeButtonAriaLabel:void 0!==i&&n(i)?t(i,i.values):void 0,triggerAriaLabel:void 0!==s&&n(s)?t(s,s.values):void 0}}),[n,t])},exports.useDesignSystem=$,exports.useFieldConfig=U,exports.useFieldLabels=z,exports.useForm=(t={})=>{const{schema:n}=t,r=wt(t,["schema"]),[o,i]=e.useState(!1),l=a.useForm(Object.assign(Object.assign({mode:"onSubmit",reValidateMode:"onBlur",shouldFocusError:!1},n&&{resolver:s.zodResolver(n)}),r)),u=l.handleSubmit,c=e.useCallback(((e,t)=>u(((...t)=>Ct(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=Tk,exports.useFormSuccessOutcomeManager=()=>{const[t,n]=e.useState(!1),[r,o]=e.useState(0),i=e.useCallback((()=>{o((e=>e+1)),n(!0)}),[]);return{onMutationSuccess:i,formKey:r,formSuccessOutcomeProps:{visible:t,onHide:()=>n(!1)}}},exports.useFormatAmount=cu,exports.useFormattedPercentage=nu,exports.useGetFormattedHtmlMessageIfDisplayable=()=>{const{formatMessage:t}=o.useIntl();return e.useCallback((n=>{if(al(t,n))return e.createElement(il,Object.assign({},n))}),[t])},exports.useIsMessageDisplayable=sl,exports.useMediaType=P,exports.useMessageFormatter=t=>{const n=o.useIntl();return e.useMemo((()=>oy(((r,o)=>{const i=t(r);return"string"==typeof i?i:o.includes("primitive")?n.formatMessage(i):e.createElement(il,Object.assign({},i))}))),[t,n])},exports.useNextFormatAmount=du,exports.useRegisterFieldLabel=Y,exports.withFieldWrapper=qf,exports.withMaskedInputField=pg;
|
|
78
|
+
`)),hk=(e,t)=>String(e).localeCompare(String(t)),fk=e.forwardRef(((n,r)=>{var o;const{ariaLabel:i,describedBy:a,disabled:s=!1,formatter:l=iy,getItemKey:u,iconSystem:c,id:d,invalid:p=!1,itemOrder:h,items:f,labelledBy:m,name:g,nilMessage:v="",onBlur:y,onChange:b,required:x,value:k,variant:w=exports.SelectVariant.inputLike}=n,C=t.useTheme(),{chooseColor:E}=$(n),S=((t,n)=>e.useMemo((()=>t.wrap(((e,t)=>{if(null==t)return n;const r=e(t);return null==r||""===r?"":r}))),[t,n]))(l,v),_=e.useCallback((e=>String(S.formatAsPrimitive(e))),[S]),I=null==h?void 0:h.source,M=null!==(o=null==h?void 0:h.compareFn)&&void 0!==o?o:hk,L=e.useMemo((()=>{if(void 0===I)return f;const[e,t]=tk.partition(f,(e=>null===e));switch(I){case exports.SelectItemOrderSource.formatter:return[...e,...Array.from(t).sort(((e,t)=>M(S.formatAsPrimitive(e,["comparable"]),S.formatAsPrimitive(t,["comparable"]))))];case exports.SelectItemOrderSource.value:return[...e,...Array.from(t).sort(((e,t)=>M(e,t)))];default:return f}}),[S,M,I,f]),{getItemProps:T,getMenuProps:D,getToggleButtonProps:P,highlightedIndex:O,isOpen:R}=vx(Object.assign({id:d,items:L,itemToString:_,labelId:m,onSelectedItemChange:({selectedItem:e})=>b(e),selectedItem:k},u&&{itemToKey:u})),{floatingStyles:A,refs:N}=Ko({open:R,middleware:[no(8),oo(),ro()],whileElementsMounted:zr,placement:"bottom-start"}),V=ao([N.setReference,r]),B=void 0!==c;return e.createElement(ik,{$variant:w},e.createElement(sk,Object.assign({$disabled:s,$hasIcon:B,$invalid:p,$open:R,$variant:w},P({"aria-describedby":a,"aria-invalid":p,"aria-required":x,"data-name":g,"aria-label":i,disabled:s,onBlur:y,ref:V,id:d})),e.createElement(lk,null,B&&e.createElement(uk,null,e.createElement(ht,{size:exports.IconSystemSize.small,stroke:E(C.colors.fg.brand.default),type:c})),w===exports.SelectVariant.inputLike?e.createElement(Z,{color:C.colors.fg.neutral.default,variant:exports.TypographyVariant.textMd,weight:exports.FontWeight.regular400},S.format(k)):e.createElement(Z,{color:C.colors.fg.neutral.subtle,decoration:exports.TypographyDecoration.underline,variant:exports.TypographyVariant.textSm,weight:exports.FontWeight.regular400},S.format(k))),e.createElement(ok,{open:R,variant:w})),e.createElement(ck,{$open:R,ref:N.setFloating,style:A},e.createElement(dk,Object.assign({},D()),R&&L.map(((t,n)=>{var r;return e.createElement(pk,Object.assign({key:null!==(r=null==u?void 0:u(t))&&void 0!==r?r:`index-${n}`,$highlighted:n===O,$selected:t===k},T({item:t,index:n})),e.createElement(Z,{color:t===k?C.colors.fg.neutral.white:C.colors.fg.neutral.subtle,variant:exports.TypographyVariant.textSm,weight:exports.FontWeight.medium500},S.format(t)))})))))}));fk.displayName="SelectControl";const mk=fk,gk=qf(mk);var vk,yk,bk;exports.ButtonsLayoutAlign=void 0,(vk=exports.ButtonsLayoutAlign||(exports.ButtonsLayoutAlign={})).center="center",vk.end="end",vk.spaceBetween="spaceBetween",vk.start="start",vk.stretch="stretch",exports.ButtonsLayoutDirection=void 0,(yk=exports.ButtonsLayoutDirection||(exports.ButtonsLayoutDirection={})).column="column",yk.columnReverse="columnReverse",yk.row="row",yk.rowReverse="rowReverse",exports.ButtonsLayoutWrap=void 0,(bk=exports.ButtonsLayoutWrap||(exports.ButtonsLayoutWrap={})).noWrap="noWrap",bk.wrap="wrap",bk.wrapReverse="wrapReverse";const xk=t.div.withConfig({displayName:"ButtonsLayoutStyled",componentId:"sc-8lj3e5-0"})(["display:flex;gap:",";width:100%;",";"," ",";"],(({$gap:e,theme:t})=>m(t,e)),(({$wrap:e})=>{switch(e){case exports.ButtonsLayoutWrap.wrap:return t.css(["flex-wrap:wrap;"]);case exports.ButtonsLayoutWrap.noWrap:return t.css(["flex-wrap:nowrap;"]);case exports.ButtonsLayoutWrap.wrapReverse:return t.css(["flex-wrap:wrap-reverse;"]);default:throw new Error("Unexpected enum values ButtonsLayoutWrap in ButtonsLayout.style.ts")}}),(({$direction:e})=>{switch(e){case exports.ButtonsLayoutDirection.row:return t.css(["flex-direction:row;align-items:center;"]);case exports.ButtonsLayoutDirection.rowReverse:return t.css(["flex-direction:row-reverse;align-items:center;"]);case exports.ButtonsLayoutDirection.column:return t.css(["flex-direction:column;"]);case exports.ButtonsLayoutDirection.columnReverse:return t.css(["flex-direction:column-reverse;"]);default:throw new Error("Unexpected enum values ButtonsLayoutDirection in ButtonsLayout.style.ts")}}),(({$align:e,$direction:n})=>n!==exports.ButtonsLayoutDirection.column&&n!==exports.ButtonsLayoutDirection.columnReverse||e!==exports.ButtonsLayoutAlign.stretch?(n!==exports.ButtonsLayoutDirection.column&&n!==exports.ButtonsLayoutDirection.columnReverse||e!==exports.ButtonsLayoutAlign.center)&&(n!==exports.ButtonsLayoutDirection.column&&n!==exports.ButtonsLayoutDirection.columnReverse||e!==exports.ButtonsLayoutAlign.spaceBetween)?n!==exports.ButtonsLayoutDirection.column&&n!==exports.ButtonsLayoutDirection.columnReverse||e!==exports.ButtonsLayoutAlign.start?n!==exports.ButtonsLayoutDirection.column&&n!==exports.ButtonsLayoutDirection.columnReverse||e!==exports.ButtonsLayoutAlign.end?n!==exports.ButtonsLayoutDirection.row&&n!==exports.ButtonsLayoutDirection.rowReverse||e!==exports.ButtonsLayoutAlign.stretch?n!==exports.ButtonsLayoutDirection.row&&n!==exports.ButtonsLayoutDirection.rowReverse||e!==exports.ButtonsLayoutAlign.center?n!==exports.ButtonsLayoutDirection.row&&n!==exports.ButtonsLayoutDirection.rowReverse||e!==exports.ButtonsLayoutAlign.spaceBetween?n!==exports.ButtonsLayoutDirection.row&&n!==exports.ButtonsLayoutDirection.rowReverse||e!==exports.ButtonsLayoutAlign.start?n!==exports.ButtonsLayoutDirection.row&&n!==exports.ButtonsLayoutDirection.rowReverse||e!==exports.ButtonsLayoutAlign.end?void 0:t.css(["justify-content:end;"]):t.css(["justify-content:start;"]):t.css(["justify-content:space-between;"]):t.css(["justify-content:center;"]):t.css(["button{flex-basis:0;flex-grow:1;}"]):t.css(["align-items:end;"]):t.css(["align-items:start;"]):t.css(["align-items:center;"]):t.css(["align-items:stretch;"]))),kk=t.styled.div.withConfig({displayName:"ComboBoxWrapper",componentId:"sc-vh3j4z-0"})(["position:relative;width:100%;"]),wk=t.styled.div.withConfig({displayName:"MenuWrapper",componentId:"sc-vh3j4z-1"})(["position:absolute;top:100%;z-index:1;width:100%;margin-top:",";margin-bottom:",";visibility:",";background-color:",";border-radius:",";box-shadow:0 4px 4px 0 rgb(28 101 253 / 2%),0 4px 25px 0 rgb(28 101 253 / 20%);"],(({theme:e})=>e.spacing.xs),(({theme:e})=>e.spacing.xs),(({$isOpen:e})=>e?"visible":"hidden"),(({$chooseColor:e,theme:t})=>e(t.colors.surface.risen)),(({theme:e})=>e.borderRadius.xs)),Ck=t.styled.ul.withConfig({displayName:"Menu",componentId:"sc-vh3j4z-2"})(["position:relative;box-sizing:border-box;max-height:300px;padding:0;padding-top:",";padding-bottom:",";margin:0;overflow-y:auto;list-style-type:none;"],(({theme:e})=>e.spacing.sm),(({theme:e})=>e.spacing.sm)),Ek=t.styled.li.withConfig({displayName:"MenuItem",componentId:"sc-vh3j4z-3"})(["box-sizing:border-box;display:flex;align-items:center;width:100%;padding:"," ",";font-size:inherit;cursor:pointer;user-select:none;background-color:",";"],(({theme:e})=>e.spacing.xs),(({theme:e})=>e.spacing.sm),(({$chooseColor:e,$highlighted:t,$selected:n,theme:r})=>n?e(r.colors.bg.brand.bold):t?e(r.colors.bg.brand.default):"transparent"));var Sk;exports.ComboBoxItemOrderSource=void 0,(Sk=exports.ComboBoxItemOrderSource||(exports.ComboBoxItemOrderSource={})).formatter="formatter",Sk.value="value";const _k=(e,t)=>String(e).localeCompare(String(t)),Ik=e.forwardRef(((n,r)=>{const{ariaLabel:o,describedBy:i,disabled:a=!1,formatter:s=iy,getItemKey:l,icon:u,id:c,inputPrefix:d,inputSize:p=exports.InputSize.md,inputSuffix:h,inputTextAlign:f=exports.InputTextAlign.left,inputWeight:m=exports.FontWeight.regular400,invalid:g=!1,isPastingDisabled:v=!1,itemOrder:y,items:b,labelledBy:x,maxLength:k,name:w,nilMessage:C="",onBlur:E,onChange:S,onFocus:_,onInputChange:I,placeholder:M,required:L,value:T}=n,D=t.useTheme(),{chooseColor:P,colorScheme:O,mediaType:R}=$(n),A=((t,n)=>e.useMemo((()=>t.wrap(((e,t)=>{if(null==t)return n;const r=e(t);return null==r||""===r?"":r}))),[t,n]))(s,C),N=e.useCallback((e=>String(A.formatAsPrimitive(e))),[A]),V=null==y?void 0:y.source,B=void 0===(null==y?void 0:y.compareFn)?_k:y.compareFn,F=e.useMemo((()=>{if(void 0===V)return b;const[e,t]=tk.partition(b,(e=>null===e));switch(V){case exports.ComboBoxItemOrderSource.formatter:return[...e,...Array.from(t).sort(((e,t)=>B(A.formatAsPrimitive(e,["comparable"]),A.formatAsPrimitive(t,["comparable"]))))];case exports.ComboBoxItemOrderSource.value:return[...e,...Array.from(t).sort(((e,t)=>B(e,t)))];default:return b}}),[A,B,V,b]),{getInputProps:j,getItemProps:W,getMenuProps:H,highlightedIndex:z,isOpen:Y}=Qx(Object.assign({id:c,items:F,itemToString:N,labelId:x,selectedItem:T,onSelectedItemChange:({selectedItem:e})=>S(e),onInputValueChange:void 0===I?void 0:({inputValue:e})=>I(e),defaultHighlightedIndex:0},l&&{itemToKey:l})),K=j({"aria-describedby":i,"aria-label":o,"aria-labelledby":x,disabled:a,id:c,maxLength:k,name:w,placeholder:M,ref:r,required:L,onBlur:E,onFocus:_}),U=H();return e.createElement(kk,null,e.createElement(Tf,Object.assign({colorScheme:O,icon:u,invalid:g,isPastingDisabled:v,mediaType:R,prefix:d,size:p,suffix:h,textAlign:f,weight:m},K)),e.createElement(wk,{$chooseColor:P,$isOpen:Y&&F.length>0},e.createElement(Ck,Object.assign({},U),Y&&F.map(((t,n)=>{var r;return e.createElement(Ek,Object.assign({key:null!==(r=null==l?void 0:l(t))&&void 0!==r?r:`index-${n}`,$chooseColor:P,$highlighted:n===z,$selected:t===T},W({item:t,index:n})),e.createElement(Z,{color:t===T?D.colors.fg.neutral.white:D.colors.fg.neutral.subtle,colorScheme:O,variant:exports.TypographyVariant.textSm,weight:exports.FontWeight.medium500},A.format(t)))})))))}));Ik.displayName="ComboBoxControl";const Mk=Ik,Lk=qf(Mk),Tk=()=>a.useFormContext(),Dk=t.styled.div.withConfig({displayName:"SubmitResultModalContentStyled",componentId:"sc-15mo3w2-0"})(["display:flex;flex-direction:column;gap:",";"],(e=>e.theme.spacing.lg));exports.Accordion=t=>{const{data:n,variant:r=exports.AccordionVariant.default}=t,{colorScheme:o}=$(t),[i,a]=e.useState(null);return e.createElement(e.Fragment,null,n.map(((t,n)=>e.createElement(_t,{key:t.id,closeActionAriaLabel:t.closeActionAriaLabel,colorScheme:o,content:t.content,description:t.description,icon:t.icon,id:t.id,isOpen:i===n,label:t.label,openActionAriaLabel:t.openActionAriaLabel,variant:r,onClick:()=>(e=>{a((t=>t===e?null:e))})(n)}))))},exports.AccordionContent=Mt,exports.AccordionItem=_t,exports.AccordionKeyValue=n=>{const{label:r,value:o}=n,i=t.useTheme(),{chooseColor:a,colorScheme:s}=$(n);return e.createElement(Mt,{colorScheme:s},e.createElement(Lt,null,e.createElement(Z,{color:a(i.colors.fg.neutral.default),variant:exports.TypographyVariant.textSm,weight:exports.FontWeight.medium500},r)),e.createElement(Tt,null,e.createElement(Z,{color:a(i.colors.fg.neutral.subtle),variant:exports.TypographyVariant.textSm,weight:exports.FontWeight.medium500},o)))},exports.Button=oi,exports.ButtonsLayout=t=>{const{align:n,buttons:r,direction:o,gap:i=exports.Spacing.md,suppressHydrationWarning:a=!1,wrap:s=exports.ButtonsLayoutWrap.noWrap}=t;return e.createElement(xk,{$align:n,$direction:o,$gap:i,$wrap:s,suppressHydrationWarning:a},r.filter(ri).map(((t,n)=>e.createElement(e.Fragment,{key:n},t))))},exports.CalculatorResult=n=>{const{bodyItems:r,containerRef:o,description:i,header:a,infoPosition:s=exports.CalculatorResultInfoPosition.underBox,main:l,modal:u,resultBoxRef:c}=n,d=t.useTheme(),{chooseColor:p,colorScheme:h,mediaType:f}=$(n,{defaultColorScheme:exports.ColorScheme.dark});return e.createElement(xl,{$isDescriptionVisible:void 0!==i,$mediaType:f,ref:o},e.createElement(kl,{$chooseColor:p,ref:c},e.createElement(wl,{$chooseColor:p},e.createElement(Cl,{$chooseColor:p},(void 0!==a.main||void 0!==a.top||void 0!==a.bottom)&&e.createElement(e.Fragment,null,e.createElement(El,{$chooseColor:p},void 0!==a.top&&e.createElement(Sl,{$chooseColor:p},e.createElement(Z,{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(Al,null,a.topHiddenText),e.createElement(bl,Object.assign({},Kl(a.topTooltip),{colorScheme:h,displayMethod:exports.TooltipInfoDisplayMethod.withNbsp})))),void 0!==a.main&&e.createElement(_l,{$chooseColor:p},e.createElement(Z,{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(Il,{$chooseColor:p},e.createElement(Z,{color:p(d.colors.fg.neutral.default),fullWidth:!0,textAlign:exports.TypographyTextAlign.center,variant:exports.TypographyVariant.textMd},a.bottom))),e.createElement(Ml,{$chooseColor:p})),r.length>0&&e.createElement(Ll,{$chooseColor:p},r.map(((t,n)=>e.createElement(Tl,{key:n,$chooseColor:p},e.createElement(Dl,{$chooseColor:p},e.createElement(Z,{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(Al,null,t.left.hiddenText),void 0!==t.left.tooltip&&e.createElement(e.Fragment,null," ",e.createElement(yl,Object.assign({},Kl(t.left.tooltip),{colorScheme:h}))))),e.createElement(Pl,{$chooseColor:p},e.createElement(Z,{color:p(d.colors.fg.neutral.default),fullWidth:!0,textAlign:exports.TypographyTextAlign.right,variant:exports.TypographyVariant.textMd},t.right.element))))))),e.createElement(Ol,{$chooseColor:p},!0===l.topSeparator&&e.createElement(Ml,{$chooseColor:p}),l.element),s===exports.CalculatorResultInfoPosition.inBox&&void 0!==u&&e.createElement(Yl,{colorScheme:h,content:u.content,mediaType:f,modalCloseButtonAriaLabel:u.modalCloseButtonAriaLabel,triggerText:u.triggerText}))),e.createElement(Fl,null,e.createElement(jl,{colorScheme:exports.ColorScheme.light,description:i}),s===exports.CalculatorResultInfoPosition.underBox&&void 0!==u&&e.createElement(Yl,{colorScheme:exports.ColorScheme.light,content:u.content,mediaType:f,modalCloseButtonAriaLabel:u.modalCloseButtonAriaLabel,triggerText:u.triggerText})))},exports.Checkbox=nv,exports.CheckboxControl=Zg,exports.CheckboxField=t=>{const{name:n,options:r}=t,o=wt(t,["name","options"]),{field:{onBlur:i,onChange:s,ref:l,value:u},fieldState:{error:c}}=a.useController({name:n,rules:r}),d=e.useCallback((e=>{s(e),i()}),[i,s]);return e.createElement(nv,Object.assign({checked:u,errorMessage:null==c?void 0:c.message,invalid:Boolean(c),name:n,ref:l,onBlur:i,onChange:d},o))},exports.ColorSchemeProvider=A,exports.ComboBox=Lk,exports.ComboBoxControl=Mk,exports.ComboBoxField=t=>{const{defaultValue:n=null,items:r,name:o,options:i,shouldResetInvalidValues:s=!1}=t,l=wt(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:n}),h=d.value;return e.useEffect((()=>{s&&null!==h&&!r.includes(h)&&c(o)}),[r,o,c,s,h]),e.createElement(Lk,Object.assign({errorMessage:null==p?void 0:p.message,items:r},d,l))},exports.DatePicker=zg,exports.DatePickerControl=Wg,exports.DatePickerField=t=>{const{name:n,options:r}=t,o=wt(t,["name","options"]),{control:i}=a.useFormContext(),{field:{onBlur:s,onChange:l,ref:u,value:c},fieldState:{error:d}}=a.useController({control:i,name:n,rules:r}),p=e.useCallback((e=>{l(null===e?null:Kc(e,Hg))}),[l]);return e.createElement(zg,Object.assign({errorMessage:null==d?void 0:d.message,name:n,ref:u,selected:c,onBlur:s,onChange:p},o))},exports.DesignSystemProvider=t=>{const{children:n,colorScheme:r,mediaType:o}=t;let i=n;return void 0!==r&&(i=e.createElement(A,{colorScheme:r},i)),void 0!==o&&(i=e.createElement(L,{mediaType:o},i)),i},exports.EmailInput=Gf,exports.EmailInputField=t=>{const{name:n,options:r}=t,o=wt(t,["name","options"]),{control:i}=a.useFormContext(),{field:s,fieldState:{error:l}}=a.useController({name:n,control:i,rules:r}),u=null==l?void 0:l.message;return e.createElement(Gf,Object.assign({errorMessage:u},s,o))},exports.ErrorBox=fa,exports.FieldConfigProvider=t=>{const{children:n,optionalLabelSuffix:r}=t,o=e.useMemo((()=>({optionalLabelSuffix:r})),[r]);return e.createElement(K.Provider,{value:o},n)},exports.FieldLabelStoreProvider=H,exports.FieldWrapper=Kf,exports.FormErrorOutcome=n=>{const{message:r}=n,{colorScheme:o}=$(n),{genericErrorOccurred:i}=Tk(),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(fa,{colorScheme:o,content:e.createElement(Z,{color:a.colors.fg.error.light,colorScheme:o,variant:exports.TypographyVariant.textMd,weight:exports.FontWeight.medium500},r)})):null},exports.FormErrorSummary=t=>{const{order:n,title:r}=t,{colorScheme:o}=$(t),{control:i,formState:s,setFocus:l}=Tk(),{errors:u,submitCount:c}=s,d=Object.entries(u).length,p=(t=>{const n=e.useRef({}),{errors:r,submitCount:o}=t,i=e.useRef(o),a=i.current;return i.current=o,o!==a&&(n.current=tk.cloneDeep(r)),n.current})(s),h=z(),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),r=null!=n?n:t,o=Array.from(i._names.mount),s=tk.sortBy(o,(e=>(e=>-1===e?Number.POSITIVE_INFINITY:e)(r.indexOf(String(e)))));return s.reduce(((n,r)=>{const o=a.get(p,r),i=h[r];return void 0===o?n:void 0!==a.get(u,r)||t.includes(r)?(n.push({body:e.createElement(e.Fragment,null,ri(i)&&e.createElement(e.Fragment,null,i,": "),o.message),onClick:()=>l(r)}),n):n}),[])}),[i._names.mount,d,u,h,n,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(fa,{colorScheme:o,items:v,ref:g,tabIndex:-1,title:r}),e.createElement("div",{ref:f,style:{display:"none"}}))},exports.FormProvider=t=>{const{children:n,form:r}=t;return e.createElement(a.FormProvider,Object.assign({},r),e.createElement(H,null,n))},exports.FormSuccessOutcome=n=>{const{children:r,onHide:o,title:i,visible:a}=n,s=t.useTheme(),{colorScheme:l}=$(n);return e.createElement(ol,{colorScheme:l,hideCloseButton:!1,isOpen:a,onClose:o},e.createElement(Dk,null,ri(i)&&e.createElement(Z,{color:s.colors.fg.neutral.default,colorScheme:l,variant:exports.TypographyVariant.h3,weight:exports.FontWeight.semiBold600},i),ri(r)&&e.createElement(Z,{color:s.colors.fg.neutral.subtle,colorScheme:l,variant:exports.TypographyVariant.textMd,weight:exports.FontWeight.regular400},r)))},exports.FormattedAmount=t=>{const n=cu();return e.createElement(pu,Object.assign({},t,{formatAmount:n}))},exports.FormattedHtmlMessage=il,exports.FormattedMessage=t=>{const{defaultMessage:n,description:r,id:i,values:a}=t;return e.createElement(o.FormattedMessage,{defaultMessage:n,description:r,id:i,values:a},(t=>e.createElement("span",{"data-message-id":i},t)))},exports.FormattedPercentage=au,exports.IconProduct=gs,exports.IconSystem=ht,exports.Infobox=n=>{const{actionNode:r,children:o,className:i,colorScheme:a,fullWidth:s=!1,iconProduct:l,id:u,isWarning:c=!1,mediaType:d,role:p,size:h,textContent:f,variant:m}=n,g=wt(n,["actionNode","children","className","colorScheme","fullWidth","iconProduct","id","isWarning","mediaType","role","size","textContent","variant"]),v=t.useTheme(),{chooseColor:y,colorScheme:b,mediaType:x}=$(n),k=e.useMemo((()=>{switch(x){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")}}),[x]),w=e.useMemo((()=>{switch(!0){case c:return y(v.colors.fg.accent.default);case b===exports.ColorScheme.dark:return v.colors.fg.neutral.white.dark;case b===exports.ColorScheme.light:return;default:throw new Error("unexpected combination of conditions in infobox.tsx iconStroke")}}),[y,b,c,v.colors.fg.accent.default,v.colors.fg.neutral.white]);if((ri(r)||f)&&ri(o))throw new Error("Infobox encountered both textContent/actionNode and children. These props are mutually exclusive.");return e.createElement(va,Object.assign({$chooseColor:y,$colorScheme:b,$fullWidth:s,$isWarning:c,$mediaType:x,$size:h,$variant:m,className:i,id:u,role:p},g),e.createElement(ba,{$mediaType:x},void 0!==l&&e.createElement(ka,{$colorScheme:b,$mediaType:x},e.createElement(gs,{colorScheme:b,size:k,stroke:w,type:l,variant:exports.IconProductVariant.default})),f||ri(r)?e.createElement(wa,{$mediaType:x},f&&e.createElement(Ca,null,e.createElement("div",null,f.primary),void 0!==f.secondary&&e.createElement("div",null,f.secondary)),ri(r)&&e.createElement(Ea,null,r)):e.createElement(Sa,null,o)))},exports.InputBase=Tf,exports.InputLabel=Rf,exports.Loader=eu,exports.LoaderOverlayBox=t=>{const{colorScheme:n,loaderSize:r}=t;return e.createElement(tu,{$colorScheme:n},e.createElement(eu,{colorScheme:n,loaderSize:r}))},exports.MaskedInput=dg,exports.MaskedInputBase=cg,exports.MaskedInputField=hg,exports.MediaTypeProvider=L,exports.Modal=ol,exports.NextFormattedAmount=t=>{const n=du();return e.createElement(pu,Object.assign({},t,{formatAmount:n}))},exports.NumberInput=mg,exports.NumberInputField=gg,exports.Paper=Xv,exports.PhoneInput=bg,exports.PhoneInputField=xg,exports.ProgressPaper=t=>{const{children:n,progressDefinition:r}=t,o=wt(t,["children","progressDefinition"]),{activeStepIndex:i,numberOfSteps:a}=r,{colorScheme:s,mediaType:l}=$(t);return e.createElement(Jv,Object.assign({},o,{colorScheme:s,mediaType:l}),e.createElement(ey,null,e.createElement(ry,{activeStepIndex:i,colorScheme:s,mediaType:l,numberOfSteps:a})),n)},exports.Radio=mv,exports.RadioBase=lv,exports.RadioButton=_v,exports.RadioButtonGroup=Pv,exports.RadioButtonGroupControl=Tv,exports.RadioButtonGroupField=t=>{const{name:n,options:r}=t,o=wt(t,["name","options"]),{field:{onBlur:i,onChange:s,ref:l,value:u},fieldState:{error:c}}=a.useController({name:n,rules:r}),d=e.useCallback((e=>{s(e),i()}),[i,s]);return e.createElement(Pv,Object.assign({errorMessage:null==c?void 0:c.message,name:n,ref:l,value:u,onBlur:i,onChange:d},o))},exports.RadioField=t=>{const{name:n,options:r}=t,o=wt(t,["name","options"]),{formState:i,register:s}=a.useFormContext(),l=a.get(i.errors,n);return e.createElement(mv,Object.assign({errorMessage:null==l?void 0:l.message},s(n,r),o))},exports.RadioGroup=kv,exports.RadioGroupControl=bv,exports.RadioGroupField=t=>{const{name:n,options:r}=t,o=wt(t,["name","options"]),{field:{onBlur:i,onChange:s,ref:l,value:u},fieldState:{error:c}}=a.useController({name:n,rules:r}),d=e.useCallback((e=>{s(e),i()}),[i,s]);return e.createElement(kv,Object.assign({errorMessage:null==c?void 0:c.message,name:n,ref:l,value:u,onBlur:i,onChange:d},o))},exports.SearchInput=wg,exports.Select=gk,exports.SelectControl=mk,exports.SelectField=t=>{const{defaultValue:n=null,items:r,name:o,options:i,shouldResetInvalidValues:s=!1}=t,l=wt(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:n}),h=d.value;return e.useEffect((()=>{s&&null!==h&&!r.includes(h)&&c(o)}),[r,o,c,s,h]),e.createElement(gk,Object.assign({errorMessage:null==p?void 0:p.message,items:r},d,l))},exports.Slider=la,exports.SliderInput=Pg,exports.SliderInputField=t=>{const{name:n,options:r}=t,o=wt(t,["name","options"]),{control:i}=a.useFormContext(),{field:s}=a.useController({name:n,control:i,rules:r});return e.createElement(Pg,Object.assign({},s,o))},exports.SpanButton=St,exports.Stack=Fl,exports.Table=t=>{const{children:n,variant:r,width:o="100%"}=t;return e.createElement(bs,{$variant:r,$width:o},n)},exports.TableBody=t=>{const{children:n}=t;return e.createElement("tbody",null,n)},exports.TableData=n=>{const{children:r,delimiter:o=!1,textAlign:i=exports.TableTextAlign.left,variant:a}=n,s=t.useTheme(),{chooseColor:l,colorScheme:u}=$(n),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(xs,{$align:i,$chooseColor:l,$delimiter:o,$variant:a},(()=>{switch(a){case exports.TableVariant.exchange:return e.createElement(Z,{color:s.colors.fg.neutral.subtle,colorScheme:u,textAlign:c,variant:exports.TypographyVariant.textSm,weight:exports.FontWeight.medium500},r);case exports.TableVariant.simple:return e.createElement(Z,{color:s.colors.fg.neutral.subtlest,colorScheme:u,textAlign:c,variant:exports.TypographyVariant.textMd,weight:exports.FontWeight.regular400},r);case exports.TableVariant.simpleWithoutShadow:return r;default:throw new Error("unexpected enum of TableVariant in tableData.tsx")}})())},exports.TableHead=t=>{const{children:n}=t;return e.createElement(ks,null,n)},exports.TableHeadData=t=>{const{children:n,delimiter:r=!1,textAlign:o=exports.TableTextAlign.left,variant:i,width:a}=t,{chooseColor:s}=$(t);return e.createElement(ws,{$align:o,$chooseColor:s,$delimiter:r,$variant:i,$width:a},n)},exports.TableRow=t=>{const{children:n,variant:r}=t,{chooseColor:o}=$(t);return e.createElement(Cs,{$chooseColor:o,$variant:r},n)},exports.Tabs=t=>{const{activeTabDefaultPosition:n,fullWidth:r=!1,size:o,tabItems:i,variant:a}=t,{chooseColor:s,colorScheme:l}=$(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=sn(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-Hs>0?e.scrollLeft-Hs: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+Hs+e.clientWidth<=e.scrollWidth?e.scrollLeft+Hs: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 r=c.current.reduce(((e,t)=>{if(null===t)throw new Error("unexpected null value in tabItems elements");return t.offsetWidth+e}),0);if(!(e.offsetWidth>r))switch(n){case exports.TabsActiveTabDefaultPosition.center:((e,t)=>{e.scrollLeft=t.offsetLeft-(e.offsetWidth-t.offsetWidth)/2})(e,t);break;case exports.TabsActiveTabDefaultPosition.scrollOnlyWhenNotVisible:((e,t)=>{const n=t.getBoundingClientRect(),r=e.getBoundingClientRect();(n.left<r.left||n.right>r.right)&&(e.scrollLeft=t.offsetLeft-e.offsetLeft)})(e,t);break;case exports.TabsActiveTabDefaultPosition.noScrolling:break;default:throw new Error("unexpected value of TabsActiveTabDefaultPosition enum in tabs.tsx")}}),[n,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 n=c.current.indexOf(e);null===(t=c.current[n-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 n=c.current.indexOf(e);null===(t=c.current[n+1])||void 0===t||t.focus()}),[x]),E=e.useCallback((e=>{const t=e.currentTarget;let n=!1;switch(e.key){case"ArrowLeft":w(t),n=!0;break;case"ArrowRight":C(t),n=!0;break;case"Home":x(),n=!0;break;case"End":k(),n=!0}n&&(e.stopPropagation(),e.preventDefault())}),[x,k,C,w]);return e.createElement(Rs,null,e.createElement(As,{"aria-orientation":"horizontal",ref:u,role:"tablist"},e.createElement(Ns,{$chooseColor:s,$fullWidth:r},i.map(((t,n)=>e.createElement(e.Fragment,{key:t.id},e.createElement(Os,{ariaControls:t.ariaControls,colorScheme:l,fullWidth:r,htmlRef:e=>c.current[n]=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(Fs,null,e.createElement(js,{onClick:m},e.createElement(ht,{size:exports.IconSystemSize.big,type:exports.IconSystemType.chevronLeft}))),y&&e.createElement($s,null,e.createElement(Ws,{onClick:g},e.createElement(ht,{size:exports.IconSystemSize.big,type:exports.IconSystemType.chevronRight}))))},exports.TabsItem=Os,exports.Tag=n=>{const{children:r,className:o,fontWeight:i=exports.FontWeight.regular400,iconPosition:a=exports.TagIconPosition.right,iconSystem:s,size:l=exports.TagSize.md,textTransform:u=exports.TagTextTransform.none,type:c}=n,d=t.useTheme(),{chooseColor:p,colorScheme:h}=$(n),f=e.useMemo((()=>{switch(c){case exports.TagType.info:return p(d.colors.fg.brand.bold);case exports.TagType.warning:return d.palette.yellow800;case exports.TagType.success:return p(d.colors.fg.success);case exports.TagType.neutralSubtle:return p(d.colors.fg.neutral.subtle);case exports.TagType.invert:return p(d.colors.fg.neutral.white);case exports.TagType.alert:return p(d.colors.fg.accent.bold);case exports.TagType.neutralDefault:return p(d.colors.fg.neutral.default);default:throw new Error("unexpected enum values TagType in tag.tsx")}}),[p,d,c]),m=e.useMemo((()=>{switch(l){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")}}),[l]);return e.createElement(qv,{$chooseColor:p,$iconPosition:a,$textTransform:u,$type:c,className:o},e.createElement(Z,{color:f,variant:m,weight:i},r),void 0!==s&&e.createElement(Zv,{$iconPosition:a},e.createElement(ht,{colorScheme:h,size:exports.IconSystemSize.big,stroke:f,type:s})))},exports.TextArea=Av,exports.TextAreaField=t=>{const{name:n,options:r}=t,o=wt(t,["name","options"]),{formState:i,register:s}=a.useFormContext(),l=a.get(i.errors,n);return e.createElement(Av,Object.assign({errorMessage:null==l?void 0:l.message},s(n,r),o))},exports.TextInput=Rg,exports.TextInputField=t=>{const{name:n,options:r}=t,o=wt(t,["name","options"]),{formState:i,register:s}=a.useFormContext(),l=a.get(i.errors,n);return e.createElement(Rg,Object.assign({errorMessage:null==l?void 0:l.message},s(n,r),o))},exports.Toggle=n=>{const{defaultValue:r,disabled:o,id:i,label:a,name:s,onChange:l}=n,u=t.useTheme(),[c,d]=e.useState(r),p=e.useCallback((e=>{d(e),void 0!==l&&l(e)}),[l]);return e.createElement(Wv,{$checked:c,$disabled:o},e.createElement($v,{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(Hv,{htmlFor:i},e.createElement(Z,{variant:exports.TypographyVariant.textSm,weight:exports.FontWeight.medium500},a)))},exports.TooltipGeneral=fl,exports.TooltipInfo=yl,exports.TooltipInfoConditional=bl,exports.TooltipInfoDisplayableCheck=t=>{const{body:n,closeButtonAriaLabel:r,displayMethod:i,title:a,triggerAriaLabel:s}=t,l=wt(t,["body","closeButtonAriaLabel","displayMethod","title","triggerAriaLabel"]),{formatMessage:u}=o.useIntl(),c=sl();return c(n)?e.createElement(e.Fragment,null,i===exports.TooltipInfoDisplayMethod.withNbsp&&" ",e.createElement(yl,Object.assign({},l,{floatingElement:{body:e.createElement(il,Object.assign({},n)),title:void 0!==a&&c(a)?e.createElement(il,Object.assign({},a)):void 0,closeButtonAriaLabel:void 0!==r&&c(r)?u(r,r.values):void 0},triggerAriaLabel:void 0!==s&&c(s)?u(s,s.values):void 0}))):null},exports.TrailingTextInput=Ng,exports.Typography=Z,exports.VisuallyHidden=Al,exports.datePickerValueFormat=Hg,exports.getColor=V,exports.identityFormatter=iy,exports.isRenderable=ri,exports.resolveBorderRadiusValue=E,exports.resolveFontWeightValue=v,exports.resolveOverflowValue=w,exports.resolveSpacingValue=m,exports.theme=x,exports.useChooseColor=B,exports.useColorScheme=j,exports.useCreateTooltipInfoDescriptor=()=>{const{formatMessage:t}=o.useIntl(),n=sl();return e.useCallback((r=>{const{body:o,closeButtonAriaLabel:i,title:a,triggerAriaLabel:s}=r;if(n(o))return{body:e.createElement(il,Object.assign({},o)),title:void 0!==a&&n(a)?e.createElement(il,Object.assign({},a)):void 0,closeButtonAriaLabel:void 0!==i&&n(i)?t(i,i.values):void 0,triggerAriaLabel:void 0!==s&&n(s)?t(s,s.values):void 0}}),[n,t])},exports.useDesignSystem=$,exports.useFieldConfig=U,exports.useFieldLabels=z,exports.useForm=(t={})=>{const{schema:n}=t,r=wt(t,["schema"]),[o,i]=e.useState(!1),l=a.useForm(Object.assign(Object.assign({mode:"onSubmit",reValidateMode:"onBlur",shouldFocusError:!1},n&&{resolver:s.zodResolver(n)}),r)),u=l.handleSubmit,c=e.useCallback(((e,t)=>u(((...t)=>Ct(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=Tk,exports.useFormSuccessOutcomeManager=()=>{const[t,n]=e.useState(!1),[r,o]=e.useState(0),i=e.useCallback((()=>{o((e=>e+1)),n(!0)}),[]);return{onMutationSuccess:i,formKey:r,formSuccessOutcomeProps:{visible:t,onHide:()=>n(!1)}}},exports.useFormatAmount=cu,exports.useFormattedPercentage=nu,exports.useGetFormattedHtmlMessageIfDisplayable=()=>{const{formatMessage:t}=o.useIntl();return e.useCallback((n=>{if(al(t,n))return e.createElement(il,Object.assign({},n))}),[t])},exports.useIsMessageDisplayable=sl,exports.useMediaType=P,exports.useMessageFormatter=t=>{const n=o.useIntl();return e.useMemo((()=>oy(((r,o)=>{const i=t(r);return"string"==typeof i?i:o.includes("primitive")?n.formatMessage(i):e.createElement(il,Object.assign({},i))}))),[t,n])},exports.useNextFormatAmount=du,exports.useRegisterFieldLabel=Y,exports.withFieldWrapper=qf,exports.withMaskedInputField=pg;
|
|
79
79
|
//# sourceMappingURL=index.cjs.js.map
|