@progressiveui/react 2.0.3 → 2.0.5

package/umd/index.min.js

@@ -1 +0,0 @@
-import*as e from"react";import s,{createContext as a,useState as t,useEffect as n,useContext as i,useId as r,useLayoutEffect as c,useRef as l,useMemo as o,useCallback as d}from"react";import{useTransitionMap as p}from"react-transition-state";import{ChevronDown as m,WarningSolid as g,Search as h,Close as u,User as b,Home as x,CalendarAltRegular as j,ArrowRight as f,Twitter as _,Facebook as v,Instagram as $,LinkedIn as N,YouTube as O,TikTok as y,InfoSolid as w,Cross as k,Check as T,Error as C,CheckmarkCircle as D,InfoCircle as P,CaretDown as S,CaretUp as I,ChevronLeft as F,ChevronRight as q,ChevronUp as L,Ellipsis as E,WarningOutline as M,Locked as A,OverflowMenu as B,Checkmark as R,Menu as W}from"@progressiveui/icons-react";import H from"classnames";import z,{oneOf as K}from"prop-types";import U from"react-dom";import{usePopperTooltip as V}from"react-popper-tooltip";function G(e,s){var a={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&s.indexOf(t)<0&&(a[t]=e[t]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(t=Object.getOwnPropertySymbols(e);n<t.length;n++)s.indexOf(t[n])<0&&Object.prototype.propertyIsEnumerable.call(e,t[n])&&(a[t[n]]=e[t[n]])}return a}"function"==typeof SuppressedError&&SuppressedError;var Y,Z={exports:{}},Q={};Z.exports=function(){if(Y)return Q;Y=1;var e=Symbol.for("react.transitional.element"),s=Symbol.for("react.fragment");function a(s,a,t){var n=null;if(void 0!==t&&(n=""+t),void 0!==a.key&&(n=""+a.key),"key"in a)for(var i in t={},a)"key"!==i&&(t[i]=a[i]);else t=a;return a=t.ref,{$$typeof:e,type:s,key:n,ref:void 0!==a?a:null,props:t}}return Q.Fragment=s,Q.jsx=a,Q.jsxs=a,Q}();var J=Z.exports;const X=(e,s)=>!0===e||!(!e||!e[s]),ee="szh-accordion",se="szh-adn",ae=`data-${se}`,te=`data-${se}-btn`,ne=a({}),ie=(e,s,a)=>(t,n)=>{const i=s?`${e}__${s}`:e;let r=i;a&&Object.keys(a).forEach((e=>{const s=a[e];s&&(r+=` ${i}--${!0===s?e:`${e}-${s}`}`)}));let c="function"==typeof t?t(n):t;return"string"==typeof c&&(c=c.trim(),c&&(r+=` ${c}`)),r},re=(e,s)=>{if(!s)return e;const a=Object.assign({},e);return Object.keys(s).forEach((t=>{const n=e[t],i=s[t];a[t]="function"==typeof i&&n?(...e)=>{n(...e),i(...e)}:i})),a},ce=e=>J.jsx(ne.Provider,Object.assign({},e)),le=e=>{do{e=e.parentElement}while(e&&!e.hasAttribute(ae));return e},oe=(e,s,a)=>e?s>0?s-1:a-1:(s+1)%a,de=(e,s)=>{const{activeElement:a}=document;if(!a||!a.hasAttribute(te)||le(a)!==s.currentTarget)return;const t=s.currentTarget.querySelectorAll(`[${te}]`),{length:n}=t;for(let i=0;i<n;i++)if(t[i]===a){let a=oe(e,i,n);for(;le(t[i])!==le(t[a]);)a=oe(e,a,n);i!==a&&(s.preventDefault(),t[a].focus());break}},pe=e.forwardRef(((e,s)=>{var{providerValue:a,className:t}=e,n=G(e,["providerValue","className"]);const{accordionProps:i}={accordionProps:{[ae]:"",onKeyDown:e=>"ArrowUp"===e.key?de(!0,e):"ArrowDown"===e.key&&de(!1,e)}};return J.jsx(ce,Object.assign({value:a},{children:J.jsx("div",Object.assign({},re(i,n),{ref:s,className:ie(ee)(t)}))}))}));pe.displayName="ControlledAccordion";const me=e.forwardRef(((e,s)=>{var{allowMultiple:a,initialEntered:t,mountOnEnter:n,unmountOnExit:i,transition:r,transitionTimeout:c,onStateChange:l}=e,o=G(e,["allowMultiple","initialEntered","mountOnEnter","unmountOnExit","transition","transitionTimeout","onStateChange"]);const d=((e={})=>{var{transition:s,transitionTimeout:a}=e,t=G(e,["transition","transitionTimeout"]);const n=p(Object.assign({timeout:a,enter:X(s,"enter"),exit:X(s,"exit"),preEnter:X(s,"preEnter"),preExit:X(s,"preExit")},t));return Object.assign({mountOnEnter:!!t.mountOnEnter,initialEntered:!!t.initialEntered},n)})({allowMultiple:a,initialEntered:t,mountOnEnter:n,unmountOnExit:i,transition:r,transitionTimeout:c,onStateChange:l});return J.jsx(pe,Object.assign({},o,{ref:s,providerValue:d}))}));me.displayName="Accordion";const ge={prefix:"wfp",initialized:!1,selectorTabbable:"\n    a[href], area[href], input:not([disabled]):not([tabindex='-1']),\n    button:not([disabled]):not([tabindex='-1']),select:not([disabled]):not([tabindex='-1']),\n    textarea:not([disabled]):not([tabindex='-1']),\n    iframe, object, embed, *[tabindex]:not([tabindex='-1']), *[contenteditable=true]\n  ",selectorFocusable:"\n    a[href], area[href], input:not([disabled]),\n    button:not([disabled]),select:not([disabled]),\n    textarea:not([disabled]),\n    iframe, object, embed, *[tabindex], *[contenteditable=true]\n  ",theme:"light",actualTheme:"light",setTheme:e=>{console.warn("setTheme not initialized")}},he=a(ge),ue=()=>"undefined"!=typeof window&&window.matchMedia("(prefers-color-scheme: dark)").matches,be=e=>{var{children:s,wrapperElement:a,prefix:i="wfp",initialTheme:r="light"}=e,c=G(e,["children","wrapperElement","prefix","initialTheme"]);const l=e=>{const s=`${i}--theme--`;"auto"===e&&ue();const t="auto"===e&&ue()?"dark":"auto"===e?"light":e;if(a){const e=a.className.split(" ").filter((e=>!e.startsWith(s)));a.className=e.join(" ").trim(),a.classList.add(`${i}--theme--${t}`)}return t},o=()=>{const e="undefined"!=typeof window&&window.localStorage.getItem("theme")||r;return l(e),e},[d,p]=t(o()),[m,g]=t((()=>{const e=o();return"auto"===e?ue()?"dark":"light":e})());n((()=>{const e=window.matchMedia("(prefers-color-scheme: dark)");return e.addListener(h),()=>e.removeListener(h)}),[]);const h=()=>{if("auto"===d){const e=l("auto");g(e)}},u=Object.assign(Object.assign(Object.assign({},ge),c),{prefix:i,theme:d,actualTheme:m,initialized:!0,setTheme:e=>{const s=l(e);g(s),"undefined"!=typeof window&&window.localStorage.setItem("theme",e),p(e)}});return J.jsx(he.Provider,Object.assign({value:u},{children:s}))};function xe(){const e=i(he);return void 0===e?ge:e}let je=0;const fe=r||(()=>{const[e,s]=t();return n((()=>s(++je)),[]),e&&`${se}-${e}`}),_e="undefined"!=typeof window&&void 0!==window.document&&void 0!==window.document.createElement?c:n;function ve(e,s){"function"==typeof e?e(s):e.current=s}function $e(e,s){return o((()=>e?s?a=>{ve(e,a),ve(s,a)}:e:s),[e,s])}const Ne=({itemKey:e,initialEntered:s,disabled:a}={})=>{const t=l(null),r=i(ne),c=null!=e?e:t.current,o=((e,s,a)=>{const{stateMap:t,mountOnEnter:n,initialEntered:i}=e,r=null!=a?a:i;return t.get(s)||{status:r?"entered":n?"unmounted":"exited",isMounted:!n,isEnter:r,isResolved:!0}})(r,c,s),{setItem:p,deleteItem:m,toggle:g}=r;return n((()=>{if(a)return;const n=null!=e?e:t.current;return p(n,{initialEntered:s}),()=>{m(n)}}),[p,m,e,s,a]),{itemRef:t,state:o,toggle:d((e=>g(c,e)),[g,c])}},Oe=s=>{const a=e.forwardRef(((e,a)=>{var{itemKey:t,initialEntered:n}=e,i=G(e,["itemKey","initialEntered"]);return J.jsx(s,Object.assign({forwardedRef:a},i,Ne({itemKey:t,initialEntered:n,disabled:i.disabled})))}));return a.displayName="withAccordionItem",a};Oe.displayName="withAccordionItem";const ye=(e,s)=>"function"==typeof e?e(s):e,we=e.memo((e=>{var{forwardedRef:s,itemRef:a,state:n,toggle:i,className:r,disabled:c,header:o,headingTag:d="h3",headingProps:p,buttonProps:g,contentProps:h,panelProps:u,children:b}=e,x=G(e,["forwardedRef","itemRef","state","toggle","className","disabled","header","headingTag","headingProps","buttonProps","contentProps","panelProps","children"]);const j={state:n,toggle:i,disabled:c},{buttonProps:f,panelProps:_}=(({state:e,toggle:s,disabled:a})=>{const t=fe(),n=t&&t+"-",i={id:t,"aria-controls":n,"aria-expanded":e.isEnter,onClick:s};return a?i.disabled=!0:i[te]="",{buttonProps:i,panelProps:{id:n,"aria-labelledby":t,role:"region"}}})(j),[v,$]=(({status:e,isResolved:s})=>{const[a,n]=t(),i=l(null);return _e((()=>{("preEnter"===e||"preExit"===e)&&n(i.current.getBoundingClientRect().height)}),[e]),[{height:"preEnter"===e||"exiting"===e?0:"entering"===e||"preExit"===e?a:void 0,overflow:s?void 0:"hidden"},i]})(n),N=$e(u&&u.ref,$),{status:O,isMounted:y,isEnter:w}=n,{prefix:k}=xe(),T=H(`${k}--accordion--button`,{[`${k}--accordion--button__expanded`]:w});return J.jsxs("div",Object.assign({},x,{ref:$e(s,a),className:ie(ee,"item",{status:O,expanded:w})(r,n)},{children:[J.jsx(d,Object.assign({},p,{style:Object.assign({margin:0},p&&p.style),className:ie(ee,"item-heading")(p&&p.className,n)},{children:J.jsxs("button",Object.assign({},re(f,g),{type:"button",className:ie(ee,"item-btn")(g&&g.className,n)},{children:[J.jsx(m,{description:"open",className:T}),ye(o,j)]}))})),y&&J.jsx("div",Object.assign({},h,{style:Object.assign(Object.assign({display:"exited"===O?"none":void 0},v),h&&h.style),className:ie(ee,"item-content")(h&&h.className,n)},{children:J.jsx("div",Object.assign({},re(_,u),{ref:N,className:ie(ee,"item-panel")(u&&u.className,n)},{children:ye(b,j)}))}))]}))}));we.displayName="AccordionItem";const ke=Oe(we);ke.displayName="AccordionItem";const Te=e=>{var{image:s,backgroundContent:a,children:t,className:n}=e,i=G(e,["image","backgroundContent","children","className"]);const{prefix:r}=xe(),c=s?{backgroundImage:`url(${s})`}:{},l=H(`${r}--auth-background-wrapper`,{[`${r}--auth-background-image`]:s,[`${n}`]:n});return J.jsxs("div",Object.assign({className:`${r}--auth-wrapper`},i,{children:[J.jsx("div",Object.assign({className:l,style:c},{children:a})),J.jsx("div",Object.assign({className:`${r}--auth-content-wrapper`},{children:t}))]}))},Ce=e=>{var{children:s}=e,a=G(e,["children"]);const{prefix:t}=xe();return J.jsx("div",Object.assign({},a,{className:`${t}--auth-background-content`},{children:s}))},De=["sm","md","lg","full"],Pe=e=>{const{prefix:s}=xe(),{background:a,backgroundClassName:t,backgroundStyle:n,children:i,className:r,pageWidth:c,mobilePageWidth:l,spacing:o}=e,d=G(e,["background","backgroundClassName","backgroundStyle","children","className","pageWidth","mobilePageWidth","spacing"]),p=H({[`${s}--wrapper`]:!0,[`${s}--wrapper--width-lg`]:"narrow"===c,[`${s}--wrapper--width-md`]:"narrower"===c,[`${s}--wrapper--width-sm`]:"narrowest"===c,[`${s}--wrapper--width-xs`]:"narrowest"===c,[`${s}--wrapper--width-${c}`]:c,[`${s}--wrapper--width-mobile-full`]:"full"===l,[`${s}--wrapper--spacing-md`]:"md"===o,[`${s}--wrapper--spacing-xl`]:"xl"===o,[`${r}`]:r});if(a||n||t){const e=H(t,{[`${s}--wrapper--background-${a}`]:a});return J.jsx("div",Object.assign({className:e,style:n},{children:J.jsx("div",Object.assign({className:p},d,{children:i}))}))}return J.jsx("div",Object.assign({className:p},d,{children:i}))},Se=({className:e,children:s})=>{const{prefix:a}=xe(),t=H(`${a}--banner-navigation__item`,e);return J.jsx("li",Object.assign({className:t},{children:s}))},Ie=e=>{var{children:s,className:a}=e,t=G(e,["children","className"]);const{prefix:n}=xe(),i=H(`${n}--banner-navigation`,a);return J.jsx("div",Object.assign({className:i},{children:J.jsx(Pe,Object.assign({},t,{children:J.jsx("ul",Object.assign({className:`${n}--banner-navigation__list`},{children:s}))}))}))},Fe=e=>{var{className:s,children:a,invalid:t,inline:n}=e,i=G(e,["className","children","invalid","inline"]);const{prefix:r}=xe(),c=H(`${r}--form-item`,{[`${r}--form-item--inline`]:n,[`${r}--form-item--invalid`]:t},s);return J.jsx("div",Object.assign({className:c},i,{children:a}))};function qe({addonBefore:e,prefix:s}){return e?J.jsx("div",Object.assign({className:`${s}--input-addon-before`},{children:e})):null}function Le({addonAfter:e,prefix:s}){return e?J.jsx("div",Object.assign({className:`${s}--input-addon-after`},{children:e})):null}function Ee({errorId:e,errorClasses:s,invalid:a,invalidText:t}){if(a){const n=J.jsx(g,{fill:"#c5192d"});return J.jsxs("div",Object.assign({className:s,id:e},{children:[n," ",J.jsx("span",{children:"object"==typeof a&&a.message?a.message:"string"==typeof a?a:t||"required"})]}))}return null}function Me({labelClasses:e,calculatedId:s,labelText:a,required:t,hideLabel:n}){return n?null:J.jsxs("label",Object.assign({htmlFor:s,className:e},{children:[a&&a,t&&"*"]}))}function Ae({helperTextClasses:e,helperText:s}){return s?J.jsx("div",Object.assign({className:e},{children:s})):null}const Be=e=>{var{additional:s,addonBefore:a,addonAfter:t,labelText:n,children:i,components:r={},id:c,className:l,inputWrapperClassName:o,hideLabel:d,name:p,invalid:m,invalidText:g,helperText:h,required:u}=e,b=G(e,["additional","addonBefore","addonAfter","labelText","children","components","id","className","inputWrapperClassName","hideLabel","name","invalid","invalidText","helperText","required"]);const{prefix:x}=xe(),j=c||p,f=j+"-error-msg",_=H(`${x}--label`,{[`${x}--visually-hidden`]:d||!n,[`${x}--label--disabled`]:b.disabled}),v=H(`${x}--input-wrapper`,{[`${x}--form-item--invalid`]:m},o),$=H(`${x}--form__helper-text`,{[`${x}--form__helper-text--disabled`]:b.disabled}),N=`${x}--form-requirement`,O=Object.assign({AddonAfter:Le,AddonBefore:qe,Label:Me,Helper:Ae,InlineErrorMessage:Ee},r),y=O.AddonAfter,w=O.AddonBefore,k=O.Label,T=O.Helper,C=O.InlineErrorMessage,D={labelText:n,labelClasses:_,calculatedId:j,required:u,helperTextClasses:$,helperText:h,errorClasses:N,errorId:f,invalid:m,invalidText:g,addonAfter:t,addonBefore:a,hideLabel:d,prefix:x};return J.jsxs(Fe,Object.assign({className:l,inline:b.inline},{children:[J.jsx(k,Object.assign({},D)),J.jsx(T,Object.assign({},D)),s,J.jsxs("div",Object.assign({className:v},{children:[J.jsx(w,Object.assign({},D)),i,J.jsx(y,Object.assign({},D))]})),J.jsx(C,Object.assign({},D))]}))};Be.displayName="Input";const Re=e=>{var{addonAfter:s,className:a,inputClassName:t="wfp--input",id:n,placeholder:i,type:r="text",onChange:c=(()=>{}),onClick:l=(()=>{}),hideLabel:o,name:d,invalid:p,invalidText:m,labelText:g,helperText:h,light:u,value:b}=e,x=G(e,["addonAfter","className","inputClassName","id","placeholder","type","onChange","onClick","hideLabel","name","invalid","invalidText","labelText","helperText","light","value"]);const{prefix:j}=xe(),f=n||d,_=H(`${j}--input`,t,{[`${j}--input--light`]:u,[`${j}--input--invalid`]:p}),v=Object.assign(Object.assign({id:f,name:d,className:_},x),{onChange:e=>{x.disabled||x.readOnly||c(e)},onClick:e=>{x.disabled||x.readOnly||l(e)},placeholder:i,value:b,type:r}),$={calculatedId:f,id:n,name:d,className:a,addonAfter:s,labelText:g,helperText:h,hideLabel:o,invalid:p,invalidText:m},N=f+"-error-msg";return p&&(v["data-invalid"]=!0,v["aria-invalid"]=!0,v["aria-describedby"]=N),{inputProps:v,wrapperProps:$}},We=e.forwardRef(((s,a)=>{const{prefix:t}=xe(),{className:n,closeButtonLabelText:i,disabled:r,hideLabel:c,hideControls:l,labelText:o,kind:d="large",onChange:p=(()=>{}),onSearchIconClick:m=(()=>{}),helperText:g,light:b,rounded:x}=s,j=s.value,[f,_]=e.useState(j);e.useEffect((()=>{_(s.value)}),[s.value]);const v=e.useRef(null),$=a||v,N=H(`${t}--number`,n,{[`${t}--number--light`]:b,[`${t}--number--helpertext`]:g,[`${t}--number--nolabel`]:c,[`${t}--number--nocontrols`]:l,"wfp--search":!0,"wfp--search--lg":"large"===d,"wfp--search--sm":"small"===d,"wfp--search--main":"main"===d,"wfp--search--banner":"banner"===d,"wfp--search--light":"light"===d}),O=H({"wfp--search-close":!0,"wfp--search-close--hidden":!f}),y=H(`${t}--search-input`,n,{[`${t}--search-input--rounded`]:x}),w=s,{wrapperProps:k,inputProps:T}=Re(Object.assign(Object.assign({},w),{onChange:e=>{r||(e.persist(),e.imaginaryTarget=$,_(e.target.value),p(e,e.target.value))},className:`${t}--search-input__wrapper`,inputClassName:y}));return J.jsxs(Be,Object.assign({},k,{inputWrapperClassName:N},{children:[J.jsx(h,{description:o,className:`${t}--search-magnifier-icon`,onClick:m}),J.jsx("input",Object.assign({},T,{ref:$,value:f})),J.jsx("button",Object.assign({className:O,onClick:e=>{_(""),p(e,"")},type:"button","aria-label":i},{children:J.jsx(u,{description:i})}))]}))}));We.displayName="Search";const He=e.forwardRef((function(s,a){const{children:t,className:n,href:i,disabled:r,inline:c,visited:l,icon:o,size:d,linkSolid:p}=s,m=G(s,["children","className","href","disabled","inline","visited","icon","size","linkSolid"]),{prefix:g}=xe(),h=H(`${g}--link`,n,{[`${g}--link--disabled`]:r,[`${g}--link--inline`]:c,[`${g}--link--visited`]:l,[`${g}--link--${d}`]:d,[`${g}--link--icon`]:o,[`${g}--link--solid`]:p}),u="_blank"===m.target?"noopener":void 0,b=o;return J.jsxs("a",Object.assign({href:r?void 0:i,className:h,rel:u,ref:a,"aria-disabled":r},m,{children:[t,o&&e.isValidElement(o)?J.jsx("span",Object.assign({className:`${g}--link__icon`},{children:o})):o?J.jsx(b,{}):null]}))}));He.displayName="Link";const ze=e=>{var{searchOnChange:s,search:a}=e,t=G(e,["searchOnChange","search"]);return J.jsxs(Ie,Object.assign({},t,{children:[J.jsx(Se,{children:J.jsx(He,Object.assign({href:"http://communities.wfp.org",target:"_blank"},{children:"Communities"}))}),J.jsx(Se,{children:J.jsx(He,Object.assign({href:"http://manuals.wfp.org",target:"_blank"},{children:"Manuals"}))}),J.jsx(Se,{children:J.jsx(He,Object.assign({href:"https://newgo.docs.wfp.org",target:"_blank"},{children:"GoDocs"}))}),J.jsx(Se,{children:J.jsx(He,Object.assign({href:"https://welearn.wfp.org",target:"_blank"},{children:"WeLearn"}))}),J.jsx(Se,{children:J.jsx(He,Object.assign({href:"https://dashboard.wfp.org",target:"_blank"},{children:"Dashboard"}))}),J.jsx(Se,{children:J.jsx(He,Object.assign({href:"http://opweb.wfp.org",target:"_blank"},{children:"OPweb"}))}),J.jsx(Se,{children:J.jsx(He,Object.assign({href:"https://selfservice.go.wfp.org",target:"_blank"},{children:"Self-Service"}))}),J.jsx(Se,{children:J.jsx(He,Object.assign({href:"https://erpapps.wfp.org/fiori",target:"_blank"},{children:"WeTravel"}))}),J.jsx(Se,{children:J.jsx(He,Object.assign({href:"https://unbooking.org/",target:"_blank"},{children:"UN Booking Hub"}))}),J.jsx(Se,{children:J.jsx(He,Object.assign({href:"https://wfp.org",target:"_blank"},{children:"WFP.org"}))}),a&&J.jsx(Se,{children:J.jsx("form",Object.assign({action:"http://gtd.wfp.org",method:"GET",acceptCharset:"UTF-8",target:"_blank"},{children:J.jsx(We,{kind:"banner",id:"search-2",labelText:"Find People",name:"q",placeholder:"Find People",onChange:s})}))})]}))};function Ke(e){var{alt:s,className:a,image:t,missingImage:n="avatar",name:i,userIconProps:r}=e,c=G(e,["alt","className","image","missingImage","name","userIconProps"]);const{prefix:l}=xe();if(t||"avatar"!==n){if(void 0===t&&"letter"===n){const e=H(`${l}--avatar`,`${l}--avatar--empty`,`${l}--avatar--letter`,a);return J.jsx("svg",Object.assign({id:"avatar-layer",className:e,x:"0px",y:"0px",viewBox:"0 0 25 25",height:"25px",width:"25px"},{children:J.jsx("text",Object.assign({x:"50%",y:"57%",dominantBaseline:"middle",textAnchor:"middle"},{children:i&&i.toUpperCase()[0]}))}))}{const e=H(`${l}--avatar`,a);return J.jsx("div",Object.assign({},c,{className:e},{children:J.jsx("img",{alt:s,src:t})}))}}{const e=H(`${l}--avatar`,`${l}--avatar--empty`,`${l}--avatar--missing`,a);return J.jsx(b,Object.assign({fill:"#ffffff",description:s,className:e},r,c))}}Ke.displayName="Avatar";const Ue=e=>{var{children:s,className:a}=e,t=G(e,["children","className"]);const{prefix:n}=xe(),i=H(a,{[`${n}--breadcrumb`]:!0,[`${n}--breadcrumb--no-trailing-slash`]:!0});return J.jsx("div",Object.assign({className:i},t,{children:s}))},Ve=(e,a,t)=>{const{prefix:n}=xe();return!0===a?J.jsx("span",{children:e}):"string"==typeof e&&void 0!==t?J.jsx(He,Object.assign({href:t},{children:e})):s.cloneElement(s.Children.only(e),{className:`${n}--link`})},Ge=e=>{var{children:s,className:a,disableLink:t,href:n}=e,i=G(e,["children","className","disableLink","href"]);const{prefix:r}=xe(),c=H(`${r}--breadcrumb-item`,a);return J.jsx("div",Object.assign({className:c},i,{children:Ve(s,t,n)}))},Ye=e=>{var{className:s,hometext:a}=e,t=G(e,["className","hometext"]);const{prefix:n}=xe(),i=H(`${n}--breadcrumb-home`,s);return J.jsx(x,Object.assign({fill:"#0b77c2",width:"14",height:"14",description:a,className:i},t))},Ze=e.forwardRef(((s,a)=>{const{children:i,className:r,disabled:c,small:l,large:o,btnSolid:d,kind:p="primary",iconReverse:m,tabIndex:g,useFlexbox:h,type:u="button",icon:b,iconDescription:x,onClick:j,id:f}=s,_=G(s,["children","className","disabled","small","large","btnSolid","kind","iconReverse","tabIndex","useFlexbox","type","icon","iconDescription","onClick","id"]),{prefix:v}=xe(),[$,N]=t(!1);n((()=>{const e=setTimeout((()=>w()),500);return()=>{clearTimeout(e)}}),[$]);const O={tabIndex:g,className:H(r,{[`${v}--btn`]:!0,[`${v}--btn--sm`]:l,[`${v}--btn--lg`]:o,[`${v}--btn--icon-reverse`]:m,[`${v}--btn--flexbox`]:h,[`${v}--btn--icon-only`]:b&&void 0===i,[`${v}--btn--${p}`]:p,[`${v}--btn--${p}-solid`]:d,[`${v}--btn--animating`]:$})};let y=null;if(b&&e.isValidElement(b))y=J.jsx("span",Object.assign({className:`${v}--btn__icon`},{children:b}));else if(b){const e=b;y=J.jsx(e,{description:x,className:`${v}--btn__icon`})}const w=()=>{N(!1)},k=e=>{j&&j(e),N(!0)};if(_.href){const e=Object.assign(Object.assign({},_),{href:_.href});return J.jsxs("a",Object.assign({},e,O,{role:"button",onClick:k,ref:a,id:f},{children:[m&&y,i,!m&&y]}))}const T=Object.assign(Object.assign({},_),{disabled:c});return J.jsxs("button",Object.assign({},T,O,{disabled:c,type:u,onClick:k,ref:a,id:f},{children:[m&&y,i,!m&&y]}))}));Ze.displayName="Button",K(["primary","secondary","accent","danger","ghost","inverse--primary","inverse","danger--primary","tertiary","navigation"]);const Qe=["primary","secondary","tertiary","accent","danger--primary","danger","ghost","inverse--primary","inverse","navigation"],Je=["info","success","warning","error"],Xe=({icon:e})=>{const{prefix:s}=xe();return e?J.jsx("div",Object.assign({className:`${s}--empty__icon`},{children:e})):null},es=({title:e,children:s})=>{const{prefix:a}=xe();return J.jsxs("div",Object.assign({className:`${a}--empty__text`},{children:[e&&J.jsx("h2",{children:e}),J.jsx("div",{children:s})]}))},ss=e=>{var{button:s,children:a,className:t,components:n,icon:i,title:r,kind:c="large"}=e,l=G(e,["button","children","className","components","icon","title","kind"]);const{prefix:o}=xe(),d=H({[`${o}--empty`]:!0,[`${o}--empty--${c}`]:c},t),p={Icon:Xe,Text:es},m=Object.assign(Object.assign({},p),n),g=m.Icon,h=m.Text;return J.jsxs("div",Object.assign({className:d},l,{children:[J.jsx(g,{icon:i}),J.jsx(h,{title:r,children:a}),J.jsx("div",Object.assign({className:`${o}--empty__button`},{children:s}))]}))};ss.displayName="Empty";const as=s=>{var{children:a,className:t,image:n,isExternal:i,isLink:r,metadata:c,more:l,subTitle:o,title:d,kind:p,url:m}=s,g=G(s,["children","className","image","isExternal","isLink","metadata","more","subTitle","title","kind","url"]);const{prefix:h}=xe(),u="related"!==p?{backgroundImage:`url(${n})`}:{},b=H(`${h}--photo-card`,{[`${h}--photo-card--${p}`]:p,[`${h}--photo-card--no-background`]:!n,[`${h}--photo-card--link`]:r,[`${t}`]:t}),x=J.jsxs(e.Fragment,{children:[J.jsx("div",{className:`${h}--photo-card__background`,style:u}),n&&"related"===p&&J.jsx("img",{src:n}),J.jsxs("div",Object.assign({className:`${h}--photo-card__info`},{children:[J.jsxs("div",{children:[("landscape"===p||"hero"===p)&&J.jsx("div",{className:`${h}--photo-card__info__background`,style:u}),c&&J.jsx("p",Object.assign({className:`${h}--photo-card__info__metadata`},{children:c})),d&&("hero"===p||"splash-compact"===p)&&J.jsx("h2",Object.assign({className:`${h}--photo-card__info__title`},{children:d})),d&&"hero"!==p&&"splash-compact"!==p&&J.jsx("h3",Object.assign({className:`${h}--photo-card__info__title`},{children:d})),o&&J.jsx("p",Object.assign({className:`${h}--photo-card__info__subtitle`},{children:o}))]}),"hero"===p||"splash-image"===p||"splash-compact"===p&&J.jsx("div",Object.assign({className:`${h}--photo-card__info__more`},{children:l}))]})),a]});return r?J.jsx("a",Object.assign({href:m,target:i?"_blank":"",className:b},g,{children:x})):J.jsx("div",Object.assign({className:b},g,{children:x}))};as.displayName="Hero";const ts=({title:e,subTitle:s,image:a,children:t,className:n})=>{const{prefix:i}=xe(),r=H(`${i}--hero-ext`,{[`${n}`]:n});return J.jsx("div",Object.assign({className:r,style:{backgroundImage:`linear-gradient(rgba(26, 66, 98, 0.8), rgba(26, 66, 98, 0.8)), url(${a})`,backgroundPosition:"center right"}},{children:J.jsxs(Pe,Object.assign({pageWidth:"md"},{children:[J.jsxs("div",Object.assign({className:`${i}--hero-ext__content`},{children:[e&&J.jsx("h1",Object.assign({className:`${i}--hero-ext__heading`},{children:e})),s&&J.jsx("p",Object.assign({className:`${i}--hero-ext__body-copy`},{children:s}))]})),t]}))}))},ns=e=>{var{children:s,className:a,image:t,isExternal:n,isLink:i,metadata:r,subTitle:c,title:l,alt:o,kind:d,url:p,cardWidth:m,cardHeight:g}=e,h=G(e,["children","className","image","isExternal","isLink","metadata","subTitle","title","alt","kind","url","cardWidth","cardHeight"]);const{prefix:u}=xe(),b="overlay"==d?{backgroundImage:`url(${t})`}:{},x=m||"300px",j=g||"260px",f=H([`${u}--card-box`],{[`${u}--photo-cardnew--${d}`]:d,[`${u}--photo-cardnew--link`]:i,[`${a}`]:a}),_=J.jsxs(J.Fragment,{children:["overlay"===d?J.jsx("div",{className:`${u}--photo-cardnew__background`,style:b}):null,t&&"simple-card"===d?J.jsx("img",{src:t,alt:o,className:`${u}--header-photo`}):null,J.jsx("div",Object.assign({className:`${u}--photo-cardnew__info`},{children:J.jsxs("div",{children:["overlay"===d&&J.jsx("div",{className:`${u}--photo-cardnew__info__background`,style:b}),r&&J.jsx("p",Object.assign({className:`${u}--photo-cardnew__info__metadata`},{children:r})),l&&J.jsx("h3",Object.assign({className:`${u}--photo-cardnew__info__title`},{children:l})),c&&J.jsx("p",Object.assign({className:`${u}--photo-cardnew__info__subtitle`},{children:c}))]})})),s]});return i?J.jsx("div",Object.assign({className:f,style:{width:x,minHeight:j}},{children:J.jsx("a",Object.assign({href:p,target:n?"_blank":"",style:{width:x,minHeight:j}},h,{children:_}))})):J.jsx("div",Object.assign({className:f},h,{style:{width:x,minHeight:j}},{children:_}))};ns.displayName="Card";const is={info:"Info",error:"error",success:"Success",warning:"Warning",custom:"Custom"},rs=e=>{var{children:s,className:a,type:t="info"}=e,n=G(e,["children","className","type"]);const{prefix:i}=xe(),r=H(`${i}--tag`,`${i}--tag--${t}`,a);return J.jsx("span",Object.assign({className:r},n,{children:s||is[t]}))};rs.displayName="Tag";const cs=e=>{var{label:s,labelStatus:a,interactive:i,image:r,heading:c,subHeading:o,caption:d,tag:p,children:m,className:g}=e,h=G(e,["label","labelStatus","interactive","image","heading","subHeading","caption","tag","children","className"]);const{prefix:u}=xe(),b=l(null),[x,j]=t(63),f=a?"success":"neutral",_=H(`${u}--card-ext`,{[`${u}--card-ext--interactive`]:i,[`${g}`]:g});return n((()=>{b.current&&j(b.current.offsetHeight)}),[b]),J.jsxs("div",Object.assign({className:_},{children:[s&&J.jsx("div",Object.assign({className:`${u}--card-ext__label ${u}--card-ext__label--${f}`},{children:s})),J.jsx("figure",Object.assign({className:`${u}--card-ext__media`},{children:J.jsx("img",{className:`${u}--card-ext__image`,src:r,alt:"Card picture"})})),J.jsxs("div",Object.assign({className:`${u}--card-ext__info-wrapper ${u}--card-ext__info-wrapper--with-divider`},{children:[J.jsxs("div",Object.assign({className:`${u}--card-ext__primary-title`},{children:[o&&J.jsx("p",Object.assign({className:`${u}--card-ext__subheading`},{children:o})),c&&J.jsx("p",Object.assign({className:`${u}--card-ext__heading`},{children:c}))]})),J.jsx("div",Object.assign({className:h.truncated?`${u}--card-ext__supportive-text ${u}--card-ext__supportive-text--truncated`:`${u}--card-ext__supportive-text`,ref:b},{children:J.jsx("p",Object.assign({style:{WebkitLineClamp:Math.floor(x/1.5/14)}},{children:d}))})),p&&J.jsx("div",Object.assign({className:`${u}--card-ext__tags`},{children:J.jsx(rs,Object.assign({className:`${u}--card-ext__tag`,type:"custom"},{children:p}))}))]})),m]}))};cs.propTypes={label:z.string,labelStatus:z.bool,image:z.string,heading:z.string,subHeading:z.string,caption:z.string,tag:z.string,children:z.node,interactive:z.bool,className:z.string};const ls=e.forwardRef((({startDate:e,endDate:s,setStartDate:a,datePicker:t,datePickerProps:n={}},i)=>{const{prefix:r}=xe(),c=t;return c?J.jsx("div",Object.assign({className:`${r}--date-picker`},{children:J.jsxs("div",Object.assign({className:`${r}--date-picker__input`},{children:[J.jsx(c,Object.assign({selected:e,className:`${r}--input ${r}--date__input__start-date`,onChange:a,selectsStart:!0,startDate:e,endDate:s,wrapperClassName:`${r}--date-picker__wrapper`},n,{ref:i})),J.jsx(j,{className:`${r}--date-picker__icon`})]}))})):J.jsx("div",{children:"Add a datepicker component"})}));ls.displayName="DatePickerInput";const os=e.forwardRef(((e,s)=>{const{datePickerProps:a,hideLabel:t,helperText:n,required:i}=e,{prefix:r}=xe(),c=H(`${r}--input`,`${r}--date-picker`,{[`${r}--date-picker--helpertext`]:n,[`${r}--date-picker--nolabel`]:t,[`${r}--date-picker--required`]:i}),l=e,{inputProps:o,wrapperProps:d}=Re(Object.assign(Object.assign({},l),{inputClassName:c}));return J.jsx(Be,Object.assign({},d,{children:J.jsx(ls,Object.assign({},o,{ref:s,datePickerProps:a}))}))}));os.displayName="DatePicker";const ds=e.forwardRef((({startDate:e,endDate:s,setStartDate:a,setEndDate:t,datePicker:n,fromProps:i={},toProps:r={}},c)=>{const{prefix:l}=xe(),o=n;return o?J.jsxs("div",Object.assign({className:`${l}--date-ranger-picker`},{children:[J.jsxs("div",Object.assign({className:`${l}--date-ranger-picker__input`},{children:[J.jsx(o,Object.assign({selected:e,className:`${l}--input ${l}--date-ranger__input__start-date`,onChange:a,selectsStart:!0,startDate:e,endDate:s,wrapperClassName:`${l}--date-picker__wrapper`},i,{ref:c})),J.jsx(j,{className:`${l}--date-ranger-picker__icon`})]})),J.jsx(f,{className:`${l}--date-ranger-picker__arrow`}),J.jsxs("div",Object.assign({className:`${l}--date-ranger-picker__input`},{children:[J.jsx(o,Object.assign({selected:s,className:`${l}--input ${l}--date-ranger__input__start-date`,onChange:t,selectsEnd:!0,startDate:e,endDate:s,minDate:e,wrapperClassName:`${l}--date-picker__wrapper`},r)),J.jsx(j,{className:`${l}--date-ranger-picker__icon`})]}))]})):J.jsx("div",{children:"Add a datepicker component"})}));ds.displayName="DateRangePickerInput";const ps=e.forwardRef(((e,s)=>{const{fromProps:a,toProps:t,hideLabel:n,helperText:i,required:r}=e,{prefix:c}=xe(),l=H(`${c}--input`,`${c}--date-range-picker`,{[`${c}--date-range-picker--helpertext`]:i,[`${c}--date-range-picker--nolabel`]:n,[`${c}--date-range-picker--required`]:r}),o=e,{inputProps:d,wrapperProps:p}=Re(Object.assign(Object.assign({},o),{inputClassName:l}));return J.jsx(Be,Object.assign({},p,{children:J.jsx(ds,Object.assign({},d,{ref:s,fromProps:a,toProps:t}))}))}));ps.displayName="DateRangePicker";const ms=e.forwardRef(((e,s)=>{var{className:a,id:t,labelText:n,onChange:i=(()=>{}),indeterminate:r,invalid:c,invalidText:l,hideLabel:o,wrapperClassName:d,title:p=""}=e,m=G(e,["className","id","labelText","onChange","indeterminate","invalid","invalidText","hideLabel","wrapperClassName","title"]);const{prefix:g}=xe(),h=H(`${g}--checkbox-label`,a),u=H(`${g}--checkbox-label-text`,{[`${g}--visually-hidden`]:o}),b=H(`${g}--form-item`,`${g}--checkbox-wrapper`,{[`${g}--checkbox-wrapper--invalid`]:c},d);return J.jsxs("div",Object.assign({className:b},{children:[J.jsx("input",Object.assign({},m,{"aria-invalid":c,"data-invalid":c,type:"checkbox",onChange:e=>{i(e,e.target.checked,t)},className:`${g}--checkbox`,id:t||m.name,ref:e=>{e&&r&&(e.indeterminate=r),"function"==typeof s?s(e):Object(s)===s&&s&&(s.current=e)}})),J.jsx("label",Object.assign({htmlFor:t||m.name,className:h,title:p||void 0},{children:J.jsx("span",Object.assign({className:u},{children:n}))})),J.jsx(Ee,{errorClasses:`${g}--form-requirement`,invalid:c,invalidText:l})]}))}));ms.displayName="Checkbox";const gs=e=>{var{children:s,className:a,info:t}=e,n=G(e,["children","className","info"]);const{prefix:i}=xe(),r=H(`${i}--credits`,a);return J.jsxs("div",Object.assign({className:r},n,{children:[J.jsx("div",Object.assign({className:`${i}--credits__info`},{children:t})),s]}))};gs.displayName="Credits";const hs=e=>{var{children:a,className:n,selectedIndex:i,small:r,onChange:c}=e,l=G(e,["children","className","selectedIndex","small","onChange"]);const{prefix:o}=xe(),[d,p]=t(i),m=e=>{const{index:s}=e;d!==s&&(p(s),c(e))},g=H(`${o}--content-switcher`,n,{[`${o}--content-switcher--sm`]:r});return J.jsx("div",Object.assign({},l,{className:g},{children:(e=>s.Children.map(e,((e,a)=>s.cloneElement(e,{index:a,onClick:m,onKeyDown:m,selected:a===d}))))(a)}))},us={duration:100,animation:"fade",theme:"light",arrow:!0},bs={duration:100,animation:"fade",theme:"dark",arrow:!0},xs=({className:s,dark:a,noPadding:t,children:n,content:i,trigger:r="hover",placement:c="top",createRefWrapper:l,closeOnOutsideClick:o,closeOnTriggerHidden:d,defaultVisible:p,delayHide:m,delayShow:g,followCursor:h,interactive:u,mutationObserverOptions:b,offset:x,onVisibleChange:j,usePortal:f})=>{const{prefix:_}=xe(),[v,$]=e.useState(!1),N=H(s,{[`${_}--tooltip`]:!0,[`${_}--tooltip--disable-padding`]:t,[`${_}--tooltip--visible`]:v,[`${_}--tooltip--${r}`]:r,[`${_}--tooltip--dark`]:a}),{getArrowProps:O,getTooltipProps:y,setTooltipRef:w,setTriggerRef:k,visible:T}=V({closeOnOutsideClick:o,closeOnTriggerHidden:d,defaultVisible:p,delayHide:m,delayShow:g,followCursor:h,interactive:u,mutationObserverOptions:b,offset:x,onVisibleChange:j,placement:c,trigger:r}),C=H({[`${_}--tooltip--trigger`]:!0}),D=H(s,{[`${_}--tooltip--trigger`]:!0}),P=l||"string"==typeof n?J.jsx("span",Object.assign({ref:k,className:D},{children:n})):e.cloneElement(n,{ref:k,className:C}),S=J.jsxs("div",Object.assign({ref:w},y({className:N}),{children:["function"==typeof i?i({setVisibility:$,visibilityChange:e=>{$(e),j&&j(e)}}):i,J.jsx("div",Object.assign({},O({className:`${_}--tooltip__arrow`})))]}));return J.jsxs(J.Fragment,{children:[P,T&&f&&J.jsx(js,{children:S}),T&&!f&&S]})};function js({children:e}){return U.createPortal(e,document.body)}const fs=({children:e,className:s,content:a})=>{const{prefix:t}=xe(),n=H({[`${t}--context-menu`]:!0},s);return J.jsx(xs,Object.assign({className:n,content:a,noPadding:!0,trigger:"click"},{children:e}))},_s=e=>{var{className:s}=e,a=G(e,["className"]);const{prefix:t}=xe(),n=H({[`${t}--context-menu__group`]:!0},s);return J.jsx("div",Object.assign({className:n},a))},vs=e=>{var{className:s}=e,a=G(e,["className"]);const{prefix:t}=xe(),n=H({[`${t}--context-menu__item`]:!0},s);return J.jsx("div",Object.assign({className:n},a))},$s=({className:e,children:s,labelOne:a,linkTextOne:t,linkHrefOne:n,labelTwo:i,linkTextTwo:r,linkHrefTwo:c,logo:l,metaContent:o,metaLinks:d,secondary:p,pageWidth:m="lg"})=>{const{prefix:g}=xe(),h=H(`${g}--footer`,e);return J.jsxs("footer",Object.assign({className:h},{children:[J.jsx(Pe,Object.assign({pageWidth:m},{children:J.jsxs("div",Object.assign({className:`${g}--footer__content`},{children:[s?J.jsx("div",Object.assign({className:`${g}--footer__info`},{children:s})):J.jsxs("div",Object.assign({className:`${g}--footer__info`},{children:[J.jsxs("div",Object.assign({className:`${g}--footer__info__item`},{children:[J.jsx("p",Object.assign({className:`${g}--footer__label`},{children:a})),J.jsx("ul",Object.assign({className:`${g}--footer__list`},{children:J.jsx("li",{children:J.jsx(He,Object.assign({href:n},{children:t}))})}))]})),J.jsxs("div",Object.assign({className:`${g}--footer__info__item`},{children:[J.jsx("p",Object.assign({className:`${g}--footer__label`},{children:i})),J.jsx("ul",Object.assign({className:`${g}--footer__list`},{children:J.jsx("li",{children:J.jsx(He,Object.assign({href:c},{children:r}))})}))]}))]})),J.jsxs("div",Object.assign({className:`${g}--footer__cta`},{children:[l,p&&J.jsx("div",Object.assign({className:`${g}--footer__secondary`},{children:p}))]}))]}))})),J.jsxs(Pe,Object.assign({className:`${g}--footer__meta`,pageWidth:m},{children:[d&&J.jsx("div",Object.assign({className:`${g}--footer__meta__links`},{children:d})),o&&J.jsx("div",Object.assign({className:`${g}--footer__meta__content`},{children:o}))]}))]}))};$s.displayName="Footer";const Ns=({className:e,productName:s,children:a,metaContent:t,pageWidth:n="lg",metaLinks:i})=>{const{prefix:r}=xe(),c=H(`${r}--footer-ext`,e);return J.jsx("footer",Object.assign({className:c},{children:J.jsxs(Pe,Object.assign({pageWidth:n},{children:[J.jsxs("div",Object.assign({className:`${r}--footer-ext__content`},{children:[J.jsxs("div",Object.assign({className:`${r}--footer-ext__info`},{children:[J.jsx("div",Object.assign({className:`${r}--footer-ext__branding`},{children:J.jsx("div",Object.assign({className:`${r}--footer-ext__product-name`},{children:s}))})),J.jsx("div",Object.assign({className:`${r}--footer-ext__address`},{children:t})),J.jsxs("div",Object.assign({className:`${r}--footer-ext__social-wrapper`},{children:[J.jsx("p",{children:"Follow WFP on:"}),J.jsxs("ul",Object.assign({className:`${r}--footer-ext__social-icons-list`},{children:[J.jsx("li",Object.assign({className:`${r}--footer-ext__social-icon`},{children:J.jsx("a",Object.assign({href:"https://twitter.com/WFP",target:"_blank",rel:"noopener"},{children:J.jsx(_,{})}))})),J.jsx("li",Object.assign({className:`${r}--footer-ext__social-icon`},{children:J.jsx("a",Object.assign({href:"https://www.facebook.com/WorldFoodProgramme",target:"_blank",rel:"noopener"},{children:J.jsx(v,{})}))})),J.jsx("li",Object.assign({className:`${r}--footer-ext__social-icon`},{children:J.jsx("a",Object.assign({href:"https://www.instagram.com/Worldfoodprogramme/",target:"_blank",rel:"noopener"},{children:J.jsx($,{})}))})),J.jsx("li",Object.assign({className:`${r}--footer-ext__social-icon`},{children:J.jsx("a",Object.assign({href:"https://www.linkedin.com/company/world-food-programme",target:"_blank",rel:"noopener"},{children:J.jsx(N,{})}))})),J.jsx("li",Object.assign({className:`${r}--footer-ext__social-icon`},{children:J.jsx("a",Object.assign({href:"https://www.youtube.com/user/WORLDFOODPROGRAM",target:"_blank",rel:"noopener"},{children:J.jsx(O,{})}))})),J.jsx("li",Object.assign({className:`${r}--footer-ext__social-icon`},{children:J.jsx("a",Object.assign({href:"https://www.tiktok.com/@worldfoodprogramme",target:"_blank",rel:"noopener"},{children:J.jsx(y,{})}))}))]}))]}))]})),J.jsx("div",Object.assign({className:`${r}--footer-ext__nav-wrapper`},{children:a}))]})),J.jsxs("div",Object.assign({className:`${r}--footer-ext__legal`},{children:[J.jsxs("span",{children:[(new Date).getFullYear()," © World Food Programme"]}),J.jsx("nav",Object.assign({className:`${r}--footer-ext__nav-legal`},{children:J.jsx("ul",Object.assign({className:`${r}--footer-ext__legal-links`},{children:i}))}))]}))]}))}))},Os=({title:e,children:s})=>{const{prefix:a}=xe();return J.jsxs("div",Object.assign({className:`${a}--links-column`},{children:[e&&J.jsxs("p",Object.assign({className:`${a}--links-column__title`},{children:[" ",e," "]})),J.jsx("nav",{children:J.jsx("ul",Object.assign({className:`${a}--links-column__nav-list`},{children:s}))})]}))},ys=({className:e,href:s,children:a})=>{const{prefix:t}=xe(),n=H(`${t}--footer-ext__legal-link`,e);return J.jsx("li",Object.assign({className:n},{children:J.jsx("a",Object.assign({href:s},{children:a}))}))},ws=e=>{var{className:s,children:a,longForm:t=!0}=e,n=G(e,["className","children","longForm"]);const{prefix:i}=xe(),r=H(`${i}--form`,{[`${i}--form-long`]:!0===t},s);return J.jsx("form",Object.assign({className:r},n,{children:a}))};ws.displayName="Form";const ks=({align:e,breakpoint:s,legendText:a,inline:t,children:n,className:i,inputSpacing:r,message:c,messageText:l})=>{const{prefix:o}=xe(),d=H(`${o}--form-group__title`,i),p=H(`${o}--fieldset`,{[`${o}--fieldset__inline`]:t,[`${o}--fieldset__align-${e}`]:e,[`${o}--fieldset__breakpoint-${s}`]:s,[`${o}--fieldset__input-spacing-${r}`]:r},i);return J.jsxs("div",Object.assign({className:p},{children:[J.jsx("legend",Object.assign({className:d},{children:a})),J.jsx("div",Object.assign({className:`${o}--fieldset__content`},{children:n})),c?J.jsx("div",Object.assign({className:`${o}--form__requirements`},{children:l})):null]}))},Ts=({className:e,children:s,description:a})=>{const{prefix:t}=xe(),n=H(`${t}--form-hint`,e);return J.jsx(xs,Object.assign({content:s},{children:J.jsx("div",Object.assign({className:n},{children:J.jsx(w,{width:"15",height:"15",description:a})}))}))},Cs=e=>{var{className:s,children:a,id:t}=e,n=G(e,["className","children","id"]);const{prefix:i}=xe(),r=H(`${i}--label`,s);return J.jsx("label",Object.assign({htmlFor:t,className:r},n,{children:a}))},Ds=({children:e,className:s,id:a,pageWidth:t})=>{const{prefix:n}=xe(),i=H(`${n}--info-bar`,s);return J.jsx("div",Object.assign({id:a,className:i},{children:J.jsx(Pe,Object.assign({pageWidth:t},{children:e}))}))};Ds.displayName="InfoBar";const Ps=e=>{const{active:s=!0,className:a,withOverlay:t=!0,small:n=!1}=e,i=G(e,["active","className","withOverlay","small"]),{prefix:r}=xe(),c=H(`${r}--loading`,a,{[`${r}--loading--small`]:n,[`${r}--loading--stop`]:!s}),l=H(`${r}--loading-overlay`,{[`${r}--loading-overlay--stop`]:!s}),o=J.jsx("div",Object.assign({},i,{"aria-live":s?"assertive":"off",className:c},{children:J.jsxs("svg",Object.assign({className:`${r}--loading__svg`,viewBox:"-75 -75 150 150"},{children:[J.jsx("title",{children:"Loading"}),null,J.jsx("circle",{className:void 0,cx:"0",cy:"0",r:"37.5"})]}))}));return t?J.jsx("div",Object.assign({className:l},{children:o})):o};Ps.displayName="Loading";const Ss=e=>{const{className:s,success:a,description:t,onSuccess:n,successDelay:i}=e,r=G(e,["className","success","description","onSuccess","successDelay"]),{prefix:c}=xe(),l=H(`${c}--inline-loading`,s),o=J.jsx("p",Object.assign({className:`${c}--inline-loading__text`},{children:t}));return J.jsxs("div",Object.assign({className:l},r,{children:[J.jsx("div",Object.assign({className:`${c}--inline-loading__animation`},{children:a?(setTimeout((()=>{n&&n()}),i),J.jsx("svg",Object.assign({className:`${c}--inline-loading__checkmark-container ${c}--inline-loading__svg`,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 10 10"},{children:J.jsx("polyline",{className:`${c}--inline-loading__checkmark`,points:"0.74 3.4 3.67 6.34 9.24 0.74"})}))):J.jsx(Ps,{small:!0,withOverlay:!1})})),t&&o]}))};Ss.displayName="InlineLoading";const Is=e.forwardRef(((e,s)=>{var{children:a,className:t,colon:n,kind:i,small:r}=e,c=G(e,["children","className","colon","kind","small"]);const{prefix:l}=xe(),o=H(`${l}--list`,t,{[`${l}--list--${i}`]:i,[`${l}--list--small`]:r,[`${l}--list--colon`]:n}),d=Object.assign({},c);return J.jsx("ul",Object.assign({className:o},d,{ref:s},{children:a}))}));Is.displayName="List";const Fs=e=>{var{children:s,className:a,title:t,kind:n,icon:i}=e,r=G(e,["children","className","title","kind","icon"]);const c=H("wfp--list__element",a,{"wfp--list-item--checkmark":"checkmark"===n,"wfp--list-item--cross":"cross"===n});return J.jsxs("li",Object.assign({className:c},r,{children:["cross"===n&&J.jsx(k,{className:"wfp--list-item__icon"}),"checkmark"===n&&J.jsx(T,{className:"wfp--list-item__icon"}),i&&J.jsx("span",Object.assign({className:"wfp--list__element__icon"},{children:i})),t&&J.jsx("span",Object.assign({className:"wfp--list__element__title"},{children:t})),J.jsx("span",Object.assign({className:"wfp--list__element__content"},{children:s}))]}))},qs=s.createContext({onChangeSub:e=>e,activeMenuItem:null,openMobileMenu:!1,toggleMenu:()=>{},setOpenMobileMenu:()=>{}}),Ls=({toggleMenu:e,prefix:s})=>J.jsx(Ze,Object.assign({className:`${s}--main-navigation__button`,onClick:e},{children:"Menu"})),Es=({children:e,components:s={},className:a,id:n,logo:i,line:r=!1,logoRibbon:c="default",mobilePageWidth:l,pageWidth:o})=>{const{prefix:d}=xe(),[p,m]=t(!1),[g,h]=t(null),u=()=>{m(!p)},b=H(`${d}--main-navigation`,{[`${d}--main-navigation--line`]:r},a),x=H(`${d}--main-navigation__list`,{[`${d}--main-navigation__list--open`]:p}),j=Object.assign({Wrapper:Pe,MobileButton:Ls},s),f=j.Wrapper,_=j.MobileButton;return J.jsx("nav",Object.assign({id:n,className:b},{children:J.jsx(qs.Provider,Object.assign({value:{activeMenuItem:g,openMobileMenu:p,toggleMenu:u,onChangeSub:(e,s,a)=>{if(a&&a.preventDefault(),"close"===e)h(null);else if("toggle"===e){const e=null===g||g!==s?s:null;void 0!==e&&h(e)}},setOpenMobileMenu:m}},{children:J.jsxs(f,Object.assign({pageWidth:o,mobilePageWidth:l,className:`${d}--main-navigation__wrapper`},{children:[J.jsxs("div",Object.assign({className:`${d}--main-navigation__logo-wrapper`},{children:[J.jsx(_,Object.assign({toggleMenu:u,prefix:d,openMobileMenu:p},{children:"Menu"})),J.jsx("div",Object.assign({className:`${d}--main-navigation__logo`},{children:i}))]})),J.jsx("ul",Object.assign({className:x},{children:e}))]}))}))}))};function Ms(){return i(qs)}Es.displayName="MainNavigation",Ms.displayName="useMainNavigation";const As=({className:e,children:s,kind:a,subNavigation:i,subNavWideAsContent:r})=>{const{prefix:c}=xe(),{onChangeSub:o,activeMenuItem:d}=Ms(),[p]=t(Math.random().toString(36)),g=l(null);n((()=>(p===d?document.addEventListener("mousedown",h):document.removeEventListener("mousedown",h),()=>{document.removeEventListener("mousedown",h)})),[d]);const h=e=>{(null==g?void 0:g.current)&&!g.current.contains(e.target)&&o("close")},b=H(e,{[`${c}--main-navigation__item`]:!0,[`${c}--main-navigation__item--open`]:p===d,[`${c}--content-width`]:i&&r}),x=H({[`${c}--main-navigation__trigger`]:!0,[`${c}--main-navigation__trigger--has-sub`]:i,[`${c}--main-navigation__trigger--open`]:p===d}),j=p===d?u:m,f=H({[`${c}--main-navigation__sub`]:!0,[`${c}--main-navigation__sub--${a}`]:a,[`${c}--main-navigation__sub--open`]:p===d});return J.jsxs("li",Object.assign({className:b,ref:g},{children:[J.jsxs("div",Object.assign({className:x,onClick:()=>o("toggle",p)},{children:[s,i&&J.jsx(j,{className:`${c}--main-navigation__trigger__icon`,description:p===d?"close icon":"expand icon"})]})),i&&J.jsx("div",Object.assign({className:f},{children:i}))]}))},Bs=e=>{var{children:s}=e,a=G(e,["children"]);return J.jsx("div",Object.assign({},a,{children:s}))},Rs=e=>{var{children:s,className:a}=e,t=G(e,["children","className"]);const{prefix:n}=xe(),i=H(`${n}--sub-navigation__item`,a);return J.jsx("div",Object.assign({className:i},t,{children:s}))},Ws=e=>{var{children:s,className:a}=e,t=G(e,["children","className"]);const{prefix:n}=xe(),i=H(`${n}--sub-navigation__header`,a);return J.jsx("div",Object.assign({className:i},t,{children:s}))},Hs=e=>{var{children:s,className:a}=e,t=G(e,["children","className"]);const{prefix:n}=xe(),i=H(`${n}--sub-navigation__title`,a);return J.jsx("div",Object.assign({className:i},t,{children:s}))},zs=e=>{var{children:s,className:a}=e,t=G(e,["children","className"]);const{prefix:n}=xe(),i=H(`${n}--sub-navigation__link`,a);return J.jsx("div",Object.assign({className:i},t,{children:s}))},Ks=e=>{var{children:s,className:a}=e,t=G(e,["children","className"]);const{prefix:n}=xe(),i=H(`${n}--sub-navigation__filter`,a);return J.jsx("div",Object.assign({className:i},t,{children:s}))},Us=e=>{var{children:s,className:a}=e,t=G(e,["children","className"]);const{prefix:n}=xe(),i=H(`${n}--sub-navigation__content`,a);return J.jsx("div",Object.assign({className:i},t,{children:s}))},Vs=e=>{var{children:s,className:a}=e,t=G(e,["children","className"]);const{prefix:n}=xe(),i=H(`${n}--sub-navigation__list`,a);return J.jsx("div",Object.assign({className:i},t,{children:s}))},Gs=e=>{var{children:s,columns:a,className:t,title:n}=e,i=G(e,["children","columns","className","title"]);const{prefix:r}=xe(),c=H(`${r}--sub-navigation__group`,{className:t},{[`${r}--sub-navigation__group--columns`]:a,[`${r}--sub-navigation__group--columns--${a}`]:a});return J.jsxs("div",Object.assign({className:c},i,{children:[n&&J.jsx("h3",Object.assign({className:`${r}--sub-navigation__group__title`},{children:n})),J.jsx("div",{children:s})]}))},Ys=e=>{var{children:s,className:a}=e,t=G(e,["children","className"]);const{prefix:n}=xe(),i=H({[`${n}--story`]:!0,[`${a}`]:a});return J.jsx("div",Object.assign({className:i},t,{children:s}))},Zs=e=>{var{ariaLabel:s="close notification",className:a,iconDescription:t="close icon",type:n="button",renderIcon:i=u,name:r,notificationType:c="toast"}=e,l=G(e,["ariaLabel","className","iconDescription","type","renderIcon","name","notificationType"]);const{prefix:o}=xe(),d=H(a,{[`${o}--${c}-notification__close-button`]:c}),p=H({[`${o}--${c}-notification__close-icon`]:c});return J.jsx("button",Object.assign({},l,{type:n,"aria-label":t,title:t,className:d},{children:i&&J.jsx(i,{"aria-label":s,className:p,name:r})}))},Qs=e=>{var{children:s,className:a,onClick:t}=e,n=G(e,["children","className","onClick"]);const{prefix:i}=xe(),r=H(a,`${i}--inline-notification__action-button`);return J.jsx(Ze,Object.assign({className:r,kind:"ghost",onClick:t,small:!0},n,{children:s}))},Js=e=>{var{title:s,subtitle:a,caption:t,notificationType:n="toast",children:i}=e,r=G(e,["title","subtitle","caption","notificationType","children"]);const{prefix:c}=xe();return"toast"===n?J.jsxs("div",Object.assign({},r,{className:`${c}--toast-notification__details`},{children:[s&&J.jsx("h3",Object.assign({className:`${c}--toast-notification__title`},{children:s})),J.jsx("div",Object.assign({className:`${c}--toast-notification__subtitle`},{children:a})),J.jsx("div",Object.assign({className:`${c}--toast-notification__caption`},{children:t})),i]})):J.jsxs("div",Object.assign({},r,{className:`${c}--inline-notification__text-wrapper`},{children:[s&&J.jsx("p",Object.assign({className:`${c}--inline-notification__title`},{children:s})),J.jsx("div",Object.assign({className:`${c}--inline-notification__subtitle`},{children:i||a}))]}))},Xs={error:C,success:D,warning:g,info:P},ea=({iconDescription:e,kind:s="info",notificationType:a="toast"})=>{const{prefix:t}=xe(),n=s?Xs[s]:void 0;return n?J.jsx(n,Object.assign({className:`${t}--${a}-notification__icon`},{children:J.jsx("title",{children:e})})):null},sa=s=>{var{role:a="alert",notificationType:t="toast",onClose:n=(()=>{}),onCloseButtonClick:i=(()=>{}),iconDescription:r="closes notification",statusIconDescription:c,className:l,subtitle:o,title:d="provide a title",kind:p="error",lowContrast:m=!0,hideCloseButton:g=!1,children:h,timeout:u=0}=s,b=G(s,["role","notificationType","onClose","onCloseButtonClick","iconDescription","statusIconDescription","className","subtitle","title","kind","lowContrast","hideCloseButton","children","timeout"]);const{prefix:x}=xe(),[j,f]=e.useState(!0),_=H(l,{[`${x}--toast-notification`]:!0,[`${x}--toast-notification--low-contrast`]:m,[`${x}--toast-notification--${p}`]:p});const v=e.useRef(n);return e.useEffect((()=>{v.current=n})),e.useEffect((()=>{if(!u)return;const e=window.setTimeout((e=>{f(!1),v.current&&v.current(e)}),u);return()=>{window.clearTimeout(e)}}),[u]),j?J.jsxs("div",Object.assign({},b,{role:a,className:_},{children:[J.jsx(ea,{kind:p,iconDescription:c||`${p} icon`,notificationType:t}),J.jsx(Js,Object.assign({title:d,subtitle:o,notificationType:t},{children:h})),!g&&J.jsx(Zs,{iconDescription:r,notificationType:t,onClick:function(e){var s;i(e),s=e,n&&!1===n(s)||f(!1)}})]})):null},aa=e.forwardRef(((e,s)=>{const{actions:a,role:t="alert",notificationType:n="inline",icon:i,statusIconDescription:r,className:c,subtitle:l,title:o,kind:d="info",lowContrast:p=!0,hideCloseButton:m=!1,children:g}=e,h=G(e,["actions","role","notificationType","icon","statusIconDescription","className","subtitle","title","kind","lowContrast","hideCloseButton","children"]),{prefix:u}=xe(),b=H(c,{[`${u}--inline-notification`]:!0,[`${u}--block-notification`]:!0,[`${u}--inline-notification--low-contrast`]:p,[`${u}--inline-notification--${d}`]:d,[`${u}--inline-notification--hide-close-button`]:m});return J.jsx("div",Object.assign({},h,{ref:s,role:t,className:b},{children:J.jsxs("div",Object.assign({className:`${u}--inline-notification__details`},{children:[void 0===i&&J.jsx(ea,{notificationType:n,kind:d,iconDescription:r||`${d} icon`}),i&&J.jsx("div",Object.assign({className:`${u}--${n}-notification__icon`},{children:i})),J.jsx(Js,Object.assign({title:o,subtitle:l,notificationType:n},{children:g})),a&&J.jsx("div",Object.assign({className:`${u}--inline-notification__actions-wrapper`},{children:a}))]}))}))}));aa.displayName="Callout";const ta=e=>{var{className:s,children:a,responsive:t,withBorder:n}=e,i=G(e,["className","children","responsive","withBorder"]);const{prefix:r}=xe(),c=H(`${r}--table`,{[`${r}--table--responsive`]:t,[`${r}--table--with-border`]:n},s);return J.jsx("table",Object.assign({},i,{className:c},{children:a}))};var na=Object.freeze({__proto__:null,default:({className:e,isSorted:s,isSortedDesc:a,sortType:t})=>{const n=H(e,"wfp--table--sorting",{"wfp--table--is-sorted":s,"wfp--table--is-sortable":t});return J.jsx("span",Object.assign({className:n},{children:s?a?J.jsx(S,{}):J.jsx(I,{}):""}))}});const ia={h1:"h1",h2:"h2",h3:"h3",h4:"h4",h5:"h5",h6:"h6",title:"h1",subtitle:"h3",p:"p",caption:"div",code:"code",i:"i",bold:"b",strong:"strong",a:"a","inline-highlight":"code"},ra=({children:s,className:a,kind:t,spacingTop:n,spacingBottom:i})=>{const{prefix:r}=xe(),c=t&&ia[t]?ia[t]:"div",l=H({[`${r}--text`]:!0,[`${r}--text__${t}`]:t,[`${r}--text__spacing-top-${n}`]:n,[`${r}--text__spacing-bottom-${i}`]:i},a);return e.createElement(c,{className:l},s)};ra.displayName="Text";const ca={wrapper:e=>J.jsx(Ys,Object.assign({},e)),h1:e=>J.jsx(ra,Object.assign({kind:"h1"},e,{children:e.children})),h2:e=>J.jsx(ra,Object.assign({kind:"h2"},e,{children:e.children})),h3:e=>J.jsx(ra,Object.assign({kind:"h3"},e,{children:e.children})),h4:e=>J.jsx(ra,Object.assign({kind:"h4"},e,{children:e.children})),h5:e=>J.jsx(ra,Object.assign({kind:"h5"},e,{children:e.children})),p:e=>J.jsx("p",Object.assign({},e,{children:e.children})),li:e=>{const s="string"==typeof e.children?e.children.substring(0,1):"";return"✓"===s||"✗"===s?J.jsx(Fs,Object.assign({kind:"✓"===s?"checkmark":"cross"},e,{children:e.children.substring(1,e.children.length)})):J.jsx("li",Object.assign({},e,{children:e.children}))},a:e=>J.jsx(He,Object.assign({inline:!0},e,{children:e.children})),ul:e=>{var{children:s}=e,a=G(e,["children"]);return J.jsx(Is,Object.assign({},a,{kind:"bullets"},{children:s}))},ol:e=>{var{children:s}=e,a=G(e,["children"]);return J.jsx(Is,Object.assign({},a,{kind:"ordered"},{children:s}))},code:e=>{const s=xe();return J.jsx("code",Object.assign({className:`${s.prefix}--story__code`},e,{children:e.children}))},pre:e=>{const s=xe();return J.jsx("pre",Object.assign({className:`${s.prefix}--story__pre`},e,{children:e.children}))},table:e=>J.jsx(ta,Object.assign({},e,{children:e.children})),blockquote:e=>{var{children:s}=e,a=G(e,["children"]);return Array.isArray(s)&&s.length>=2&&s[0].props?J.jsx(aa,Object.assign({kind:"info"},a,{subtitle:s.map(((e,s)=>{if(s>0)return e})),title:s[0].props.children})):J.jsx(aa,Object.assign({kind:"info"},a,{subtitle:s}))},Button:Ze,Accordion:me,AccordionItem:ke},la=({passiveModal:e,secondaryButtonText:s,onSecondaryButtonClick:a,primaryButtonText:t,onRequestSubmit:n,primaryButtonDisabled:i,secondaryButtonDisabled:r,danger:c,primaryButtonRef:l,secondaryButtonRef:o})=>{const{prefix:d}=xe();return e?null:J.jsx("div",Object.assign({className:`${d}--modal-footer`},{children:J.jsxs("div",Object.assign({className:`${d}--modal__buttons-container`},{children:[s&&J.jsx(Ze,Object.assign({kind:"secondary",disabled:r,id:"secondaryButton",onClick:e=>{a&&a(e,"button")},ref:o},{children:s})),J.jsx(Ze,Object.assign({kind:c?"danger":"primary",disabled:i,onClick:n,id:"primaryButton",ref:l},{children:t}))]}))}))},oa="undefined"!=typeof Element&&["matches","webkitMatchesSelector","msMatchesSelector"].filter((e=>"function"==typeof Element.prototype[e]))[0];function da(e){const{modalHeading:a,modalLabel:t,className:n,components:i={},modalSecondaryAction:r,modalAriaLabel:c,passiveModal:o,children:d,elementToAppend:p,backgroundImage:m,open:g,lazyLoad:h,onRequestClose:b=(()=>{}),onSecondarySubmit:x,iconDescription:j,inPortal:f=!0,hideClose:_,handleBlur:v=(()=>{}),wide:$,type:N,selectorPrimaryFocus:O,primaryButtonRef:y,secondaryButtonRef:w}=e,k=G(e,["modalHeading","modalLabel","className","components","modalSecondaryAction","modalAriaLabel","passiveModal","children","elementToAppend","backgroundImage","open","lazyLoad","onRequestClose","onSecondarySubmit","iconDescription","inPortal","hideClose","handleBlur","wide","type","selectorPrimaryFocus","primaryButtonRef","secondaryButtonRef"]),{prefix:T}=xe(),C=l(null),D=l(null),P=l(null),S=p||("undefined"!=typeof document?document.body:void 0),[I,F]=s.useState(!1),q=s=>{const{selectorsFloatingMenus:a=[`.${T}--overflow-menu-options`,`.${T}--tooltip`,".flatpickr-calendar"]}=e;if(s&&"function"==typeof s.closest)return a.some((e=>s.closest(e)));for(;s;){if(oa&&"function"==typeof s[oa]&&a.some((e=>s[oa](e))))return!0;s=s.parentNode}return!1},L=()=>{D.current&&D.current.focus()};if(!1===g&&h)return null;const E=Object.assign({ModalFooter:la},i).ModalFooter,M=x||b,A=H({[`${T}--modal`]:!0,[`${T}--modal--wide`]:$,[`${T}--modal--tall`]:!o,[`${T}--modal--background-image`]:m,"is-visible":g,[`${T}--modal--warning`]:"warning"===N||e.warning,[`${T}--modal--danger`]:"danger"===N||e.danger},n),B=_?null:J.jsx("button",Object.assign({className:`${T}--modal-close`,type:"button",id:"closeButton",onClick:e=>{b(e,"button")},ref:C},{children:J.jsx(u,{className:`${T}--modal-close__icon`,description:j})})),R=J.jsxs("div",Object.assign({ref:P,role:"dialog",className:`${T}--modal-container`,"aria-label":c},{children:[J.jsxs("div",Object.assign({className:`${T}--modal-header`},{children:[o&&B,J.jsxs("div",{children:[t&&J.jsx("h4",Object.assign({className:`${T}--modal-header__label`},{children:t})),J.jsx("h2",Object.assign({className:`${T}--modal-header__heading`},{children:a}))]}),r&&J.jsx(J.Fragment,{children:r}),!o&&B]})),J.jsx("div",Object.assign({className:`${T}--modal-content`},{children:d})),J.jsx(E,Object.assign({},e,{prefix:T,onSecondaryButtonClick:M,primaryButtonRef:y,secondaryButtonRef:w}))]})),W=J.jsx("div",Object.assign({},k,{onBlur:e=>{v?v({evt:e,innerModal:P,open:g,elementOrParentIsFloatingMenu:q,focusModal:L}):P.current&&g&&e.relatedTarget&&!P.current.contains(e.relatedTarget)&&!q(e.relatedTarget)&&L()},className:A,style:m?{backgroundImage:`url(${m})`}:void 0,role:"presentation",tabIndex:-1,onTransitionEnd:g?e=>{D.current&&D.current.offsetWidth&&D.current.offsetHeight&&I&&((e=>{if(!1===O)return;const s=e.querySelector(O);s?s.focus():(null==C?void 0:C.current)&&C.current.focus()})(e.currentTarget),F(!1))}:void 0,ref:D},{children:J.jsx("div",Object.assign({className:`${T}--modal-inner`},{children:R}))}));return f&&S?U.createPortal(W,S):W}da.displayName="Modal";const pa=s=>{var{children:a,customButton:t,id:n,onKeyDown:i,buttonTriggerText:r,buttonTriggerClassName:c,triggerButtonKind:l,disabled:o,handleSubmit:d=(()=>{}),shouldCloseAfterSubmit:p=!0}=s,m=G(s,["children","customButton","id","onKeyDown","buttonTriggerText","buttonTriggerClassName","triggerButtonKind","disabled","handleSubmit","shouldCloseAfterSubmit"]);const{prefix:g}=xe(),h=e.createRef(),[u,b]=e.useState(!1),x=()=>{b(!0)},j=()=>{b(!1),u||(h.current&&h.current.focus(),j&&j())},f=Object.assign(Object.assign({},m),{open:u,onRequestClose:j,onRequestSubmit:()=>{d&&(d(j),p&&j())}}),_=t?e.cloneElement(t,{disabled:o,onClick:x,inputref:h}):void 0;return J.jsxs("div",Object.assign({role:"presentation",className:`${g}--modal__wrapper`,onKeyDown:e=>{27===e.which&&(j(),i&&i(e))}},{children:[t?J.jsx(e.Fragment,{children:_}):J.jsx(Ze,Object.assign({id:n,className:c,disabled:o,kind:l,onClick:x,ref:h},{children:r})),J.jsx(da,Object.assign({},f,{children:a}))]}))};pa.displayName="ModalWrapper";const ma=e=>{var{dark:s,light:a,children:t,className:n,margin:i,fullHeight:r,noMargin:c,withHover:l}=e,o=G(e,["dark","light","children","className","margin","fullHeight","noMargin","withHover"]);const{prefix:d}=xe(),p=H({[`${d}--module--dark`]:s,[`${d}--module--no-margin`]:c||void 0===i,[`${d}--module--full-height`]:r,[`${d}--module--margin-xs`]:"xs"===i,[`${d}--module--margin-md`]:"md"===i,[`${d}--module--margin-lg`]:"lg"===i,[`${d}--module--light`]:a,[`${d}--module--with-hover`]:l},n,[`${d}--module`]);return J.jsx("div",Object.assign({className:p},o,{children:J.jsx("div",Object.assign({className:`${d}--module__inner`},{children:t}))}))},ga=e=>{var{children:s,className:a,centered:t,noPadding:n}=e,i=G(e,["children","className","centered","noPadding"]);const r=H("wfp--module__content",a,{"wfp--module__content--centered":t,"wfp--module__content--no-padding":n});return J.jsx("div",Object.assign({className:r},i,{children:s}))},ha=e=>{var{filter:s,children:a,className:t}=e,n=G(e,["filter","children","className"]);const i=H("wfp--module__header",t);return J.jsxs("div",Object.assign({className:i},n,{children:[J.jsx("h1",Object.assign({className:"wfp--module__title"},{children:a})),s&&J.jsx("div",Object.assign({className:"wfp--module__filter"},{children:s}))]}))},ua=e=>{var{children:s,className:a}=e,t=G(e,["children","className"]);const n=H("wfp--module__footer",a);return J.jsx("div",Object.assign({className:n},t,{children:s}))},ba=(e,s)=>isNaN(e)||!e&&0!==e||isNaN(s)||!s&&0!==s?s:Math.max(e,s),xa=(e,s)=>isNaN(e)||!e&&0!==e||isNaN(s)||!s&&0!==s?s:Math.min(e,s),ja=e.forwardRef(((e,s)=>{const{className:a,disabled:i,id:r,hideLabel:c,hideControls:o,max:d,min:p,step:m=1,onChange:g=(()=>{}),onClick:h=(()=>{}),helperText:u,light:b,pattern:x="[0-9]*"}=e,{prefix:j}=xe(),f=xa(d,ba(p,e.value)),[_,v]=t(f);n((()=>{v(e.value)}),[e.value]);const $=l(null),N=s||$,O=(e,s)=>{let a="string"==typeof _?Number(_):_;a=isNaN(a)?0:a;const t="down"===s?void 0!==p&&a>p||void 0===p:void 0!==d&&a<d||void 0===d,n=m.toString();a="down"===s?a-m:a+parseFloat(n),a=xa(d,ba(p,a)),a=parseFloat(a.toFixed((e=>{const s=parseFloat(e);return Math.floor(s)===s?0:e.split(".")[1].length||0})(n))),!i&&t&&(e.persist(),e.imaginaryTarget=N,e.target.value=parseFloat(a),h(e,s),v(a),g(e,a,s))},y=H(`${j}--number`,a,{[`${j}--number--light`]:b,[`${j}--number--helpertext`]:u,[`${j}--number--nolabel`]:c,[`${j}--number--nocontrols`]:o}),w={disabled:i,id:r,max:d,min:p,step:m,onChange:e=>{i||(e.persist(),e.imaginaryTarget=N,v(e.target.value),g(e,parseFloat(e.target.value)))},value:_},k=e,{inputProps:T,wrapperProps:C}=Re(Object.assign(Object.assign({},k),{type:"number"}));return J.jsx(Be,Object.assign({},C,{inputWrapperClassName:y},{children:J.jsxs("div",Object.assign({className:`${j}--number__controls`},{children:[J.jsx("button",Object.assign({className:`${j}--number__control-btn up-icon`,type:"button",disabled:i,onClick:e=>O(e,"up")},{children:"+"})),J.jsx("button",Object.assign({className:`${j}--number__control-btn down-icon`,type:"button",disabled:i,onClick:e=>O(e,"down")},{children:"−"})),J.jsx("input",Object.assign({pattern:x},T,w,{ref:s}))]}))}))}));ja.displayName="NumberInput";const fa=e.forwardRef(((e,s)=>{const{className:a,inline:t,disabled:n,children:i,iconDescription:r,light:c,hideLabel:l}=e,{prefix:o}=xe(),d=H({[`${o}--select-input`]:!0,[`${o}--select--inline`]:t,[`${o}--select--light`]:c,[`${o}--select--disabled`]:n},a),p=e,{inputProps:g,wrapperProps:h}=Re(Object.assign(Object.assign({},p),{inputClassName:d}));return J.jsxs(Be,Object.assign({},h,{inputWrapperClassName:`${o}--select`,hideLabel:l},{children:[J.jsx("select",Object.assign({},g,{ref:s},{children:i})),J.jsx(m,{className:`${o}--select__arrow`,description:r})]}))}));function _a(e){var{className:s,value:a,disabled:t,hidden:n,text:i}=e,r=G(e,["className","value","disabled","hidden","text"]);const{prefix:c}=xe(),l=H({[`${c}--select-option`]:!0,[`${s}`]:s});return J.jsx("option",Object.assign({},r,{className:l,value:a,disabled:t,hidden:n},{children:i}))}fa.displayName="Select",_a.displayName="SelectItem";let va=0;const $a=e=>{const{backwardText:a="Backward",className:n,forwardText:i="Forward",id:r,itemsPerPageText:c="Items per page:",itemsPerPageFollowsText:l,itemRangeText:o=((e,s,a)=>`${e}-${s} of ${a} items`),pageRangeText:d=((e,s)=>`${e} of ${s} pages`),pageSize:p,pageSizesDisabled:m,pageSizes:g,itemText:h=((e,s)=>`${e}-${s} items`),pageText:u=(e=>`page ${e}`),pageNumberText:b="Page Number",pagesUnknown:x=!1,isLastPage:j=!1,pageInputDisabled:f=!1,totalItems:_,onChange:v,page:$=1}=e,N=G(e,["backwardText","className","forwardText","id","itemsPerPageText","itemsPerPageFollowsText","itemRangeText","pageRangeText","pageSize","pageSizesDisabled","pageSizes","itemText","pageText","pageNumberText","pagesUnknown","isLastPage","pageInputDisabled","totalItems","onChange","page"]),[O,y]=t($),[w,k]=t(e.pageSize?e.pageSize:g[0]),T=t((()=>++va))[0],C=H("wfp--pagination",n),D=H("wfp--pagination__button","wfp--pagination__button--backward",{"wfp--pagination__button--no-index":f}),P=r||T,S=Math.max(Math.ceil(_/w),1),I=(e=>{let s=1;const a=[];for(;s<=e;)a.push(J.jsx(_a,{value:s,text:String(s)},s)),s++;return a})(S);return J.jsxs("div",Object.assign({className:C},N,{children:[J.jsxs("div",Object.assign({className:"wfp--pagination__left"},{children:[!m&&J.jsxs(s.Fragment,{children:[J.jsx("span",Object.assign({className:"wfp--pagination__text"},{children:l||c})),J.jsx(fa,Object.assign({id:`wfp-pagination-select-${P}`,labelText:c,hideLabel:!0,inline:!0,onChange:e=>{const s=Number(e.target.value);y(1),k(s),null==v||v({page:1,pageSize:s})},value:w},{children:g.map((e=>J.jsx(_a,{value:e,text:String(e)},e)))})),J.jsxs("span",Object.assign({className:"wfp--pagination__text"},{children:[" ","  |  "]}))]}),J.jsx("span",Object.assign({className:"wfp--pagination__text"},{children:x?h(w*(O-1)+1,O*w):o(Math.min(w*(O-1)+1,_),Math.min(O*w,_),_)}))]})),J.jsxs("div",Object.assign({className:"wfp--pagination__right wfp--pagination--inline"},{children:[J.jsx("span",Object.assign({className:"wfp--pagination__text"},{children:x?u(O):d(O,S)})),J.jsx("button",Object.assign({className:D,onClick:()=>{const e=O-1;y(e),null==v||v({page:e,pageSize:w})},disabled:e.disabled||1===O},{children:J.jsx(F,{className:"wfp--pagination__button-icon",description:a})})),f?null:J.jsx(fa,Object.assign({id:"wfp-pagination-select-"+(+P+2),labelText:c,hideLabel:!0,inline:!0,onChange:e=>{const s=Number(e.target.value);s>0&&s<=Math.max(Math.ceil(_/w),1)&&(y(s),null==v||v({page:s,pageSize:w}))},value:O},{children:I})),J.jsx("button",Object.assign({className:"wfp--pagination__button wfp--pagination__button--forward",onClick:()=>{const e=O+1;y(e),null==v||v({page:e,pageSize:w})},disabled:e.disabled||O===S||j},{children:J.jsx(q,{className:"wfp--pagination__button-icon",description:i})}))]}))]}))};$a.displayName="Pagination";let Na=0;function Oa(e="id"){return Na++,`${e}${Na}`}const ya=e.forwardRef(((e,s)=>{const{labelText:a,id:n,className:i,value:r,name:c,onChange:l}=e,o=G(e,["labelText","id","className","value","name","onChange"]),[d]=t(n||Oa()),{prefix:p}=xe(),m=H("radioButtonWrapper",i),g=l?{onChange:e=>{null==l||l(e,r,c)}}:{};return J.jsxs("div",Object.assign({className:m},{children:[J.jsx("input",Object.assign({},o,{ref:s,type:"radio",className:`${p}--radio-button`},g,{id:d,value:r,name:c,checked:e.checked,defaultChecked:e.defaultChecked,disabled:e.disabled})),J.jsxs("label",Object.assign({htmlFor:d,className:`${p}--radio-button__label`},{children:[J.jsx("span",{className:`${p}--radio-button__appearance`}),a]}))]}))}));ya.displayName="RadioButton";const wa=e=>{const{prefix:s}=xe(),{children:a,labelText:i,helperText:r,vertical:c,hideLabel:l,className:o=`${s}--input-group`,wrapperClassName:d,valueSelected:p,defaultSelected:m}=e,[g,h]=t(p||m);n((()=>{p!==g&&h(p)}),[p,m]);const u=H(`${s}--label`,{[`${s}--visually-hidden`]:l}),b=H(`${s}--form-item`,{[`${s}--input-group__vertical`]:c,wrapperClassName:d}),x=i?J.jsx("span",Object.assign({className:u},{children:i})):null,j=r?J.jsx("div",Object.assign({className:`${s}--form__helper-text`},{children:r})):null;return J.jsx("div",Object.assign({className:b},{children:J.jsxs("div",Object.assign({className:o},{children:[x,j,J.jsx("div",Object.assign({className:`${s}--input-group-inside`},{children:a}))]}))}))};wa.displayName="InputGroup";const ka=({handleToggleClick:e,link:a,text:t,showMore:n,contentId:i})=>{const{prefix:r}=xe(),c={"aria-expanded":n,"aria-controls":i};if(a){return s.cloneElement(a,Object.assign({onClick:e},c))}{const s=L,a=H({[`${r}--read-more__trigger`]:!0,[`${r}--read-more__trigger--expanded`]:n});return J.jsxs(He,Object.assign({className:a,size:"sm",onClick:e},c,{children:[t,J.jsx(s,{width:"10",height:"10",description:n?"icon up":"icon down"})]}))}};function Ta({collapseLink:e,collapseText:s="Show less",children:a,collapsed:n,className:i,disableAutoscroll:r,expandLink:c,expandText:o="Show more",fade:d,maxHeight:p}){const{prefix:m}=xe(),[g,h]=t(!1),[u,b]=t(0),x=l(null),j=l(null),f=`${fe()}-read-more-content`,_=H(i,{[`${m}--read-more`]:!0,[`${m}--read-more--expanded`]:g,[`${m}--read-more--fade`]:d,[`${m}--read-more--max-height`]:p}),v=p?p&&!g?{maxHeight:p}:{maxHeight:u+20}:{undefined:void 0},$=g?{display:"none"}:{display:"block"};return J.jsxs("div",Object.assign({className:_},{children:[J.jsxs("div",Object.assign({className:`${m}--read-more__content`,style:v,id:f},{children:[J.jsx("div",{className:`${m}--read-more__fake-height`,ref:j,style:{height:`${u+30}px`}}),J.jsxs("div",Object.assign({ref:x},{children:[(g||!n)&&a,n&&J.jsx("div",Object.assign({style:$},{children:n}))]}))]})),J.jsx(ka,{handleToggleClick:e=>{var s;e.preventDefault();const a=null===(s=null==x?void 0:x.current)||void 0===s?void 0:s.clientHeight;g||r||setTimeout((()=>{(null==j?void 0:j.current)&&j.current.scrollIntoView({behavior:"smooth",block:"end"})}),50),h(!g),a&&b(a)},showMore:g,link:g?e:c,text:g?s:o,contentId:f})]}))}function Ca(e){var{additional:s,children:a,className:t,id:n,pageWidth:i}=e,r=G(e,["additional","children","className","id","pageWidth"]);const{prefix:c}=xe(),l=H(`${c}--secondary-navigation`,t);return J.jsx("div",Object.assign({id:n,className:l},r,{children:J.jsxs(Pe,Object.assign({pageWidth:i,className:`${c}--secondary-navigation__wrapper`},{children:[J.jsx("div",Object.assign({className:`${c}--secondary-navigation__list`},{children:a})),s&&J.jsx("div",Object.assign({className:`${c}--secondary-navigation__additional`},{children:s}))]}))}))}function Da({className:e,children:s}){const{prefix:a}=xe(),t=H(`${a}--secondary-navigation__title`,e);return J.jsx("h1",Object.assign({className:t},{children:s}))}function Pa({inline:e,small:a,vertical:n,className:i,role:r,children:c}){const{prefix:l}=xe(),[o]=t(!0),d=s.Children.map(c,(e=>e)),p={tabs:H(i,{[`${l}--step-navigation`]:!0,[`${l}--step-navigation--vertical`]:n,[`${l}--step-navigation--small`]:a,[`${l}--step-navigation--regular`]:!a}),tablist:H(`${l}--step-navigation__nav`,{[`${l}--step-navigation__nav--hidden`]:o,[`${l}--step-navigation__nav--inline`]:e})};return J.jsx(J.Fragment,{children:J.jsx("nav",Object.assign({className:p.tabs,role:r},{children:J.jsx("ul",Object.assign({role:"tablist",className:p.tablist},{children:d}))}))})}Ta.displayName="ReadMore",Ca.displayName="SecondaryNavigation",Da.displayName="SecondaryNavigationTitle";const Sa=({className:s,handleTabClick:a=(()=>{}),index:t,label:n,status:i,helperText:r,selectedPage:c=0,onClick:l=(()=>{}),page:o=0,renderAnchor:d})=>{var p;const{prefix:m}=xe(),g=H(`${m}--step-navigation__nav-item`,{[`${m}--step-navigation__nav-item--before`]:o<c},{[`${m}--step-navigation__nav-item--selected`]:o===c},{[`${m}--step-navigation__nav-item--${i}`]:i},s),h={className:`${m}--step-navigation__nav-link`},u=i?null===(p={"not-started":{icon:E},warning:{icon:M},locked:{icon:A},skip:{icon:B},disabled:{icon:C},complete:{icon:R},summary:{icon:W}}[i])||void 0===p?void 0:p.icon:null;return J.jsx("li",Object.assign({tabIndex:-1,className:g,onClick:e=>{"locked"!==i&&(a(e,t,n),l(e))},role:"presentation"},{children:J.jsx(J.Fragment,{children:d?d(h):J.jsxs(e.Fragment,{children:[J.jsx("div",Object.assign({className:`${m}--step-navigation__nav-item__indicator`},{children:i&&o!==c?J.jsx(u,{width:"14",height:"14",description:"Step Item"}):J.jsx("span",{children:o+1})})),J.jsxs("div",{children:[J.jsx("span",Object.assign({className:`${m}--step-navigation__nav-item__text`},{children:n})),r&&J.jsx("span",Object.assign({className:`${m}--step-navigation__nav-item__helper-text`},{children:r}))]})]})})}))};function Ia(e){var{children:s,className:a,disabled:t,label:n}=e,i=G(e,["children","className","disabled","label"]);const{prefix:r}=xe(),c=H(`${r}--select-optgroup`,a);return J.jsx("optgroup",Object.assign({className:c,label:n,disabled:t},i,{children:s}))}const Fa=e=>{var{active:s,children:a,className:t,sidebar:n}=e,i=G(e,["active","children","className","sidebar"]);const{prefix:r}=xe(),c=H(`${r}--sidebar-content__container`,t,{[`${r}--sidebar-content__container--active`]:s});return J.jsxs("div",Object.assign({className:c},i,{children:[J.jsx("div",Object.assign({className:`${r}--sidebar-item-content`},{children:n})),J.jsx("div",Object.assign({className:`${r}--content-section`},{children:a}))]}))},qa=e=>{var{className:s,children:a,noPadding:t}=e,n=G(e,["className","children","noPadding"]);const{prefix:i}=xe(),r=H(`${i}--sidebar-content__header`,s,{[`${i}--sidebar-content__header--no-padding`]:t});return J.jsx("div",Object.assign({className:r},n,{children:a}))},La=e=>{var{className:s,children:a}=e,t=G(e,["className","children"]);const{prefix:n}=xe(),i=H(`${n}--sidebar-content-mobile-header`,s,{});return J.jsx("div",Object.assign({className:i},t,{children:a}))},Ea=e=>{var{className:s,children:a}=e,t=G(e,["className","children"]);const{prefix:n}=xe(),i=H(`${n}--sidebar-content__children`,s,{});return J.jsx("div",Object.assign({id:"scroll-container",className:i},t,{children:a}))},Ma=e=>{var{children:s}=e,a=G(e,["children"]);const{prefix:t}=xe();return J.jsx("div",Object.assign({className:`${t}--sidebar-content__scroll`},a,{children:s}))},Aa=e=>{var{children:s}=e,a=G(e,["children"]);const{prefix:t}=xe();return J.jsxs("div",Object.assign({className:`${t}--sidebar-content__back-button`},a,{children:[J.jsx(F,{}),s]}))},Ba=e.forwardRef(((e,s)=>{const{hideLabel:a,helperText:t,pattern:n,required:i}=e,{prefix:r}=xe(),c=H(`${r}--input`,`${r}--text-input`,{[`${r}--text--helpertext`]:t,[`${r}--text--nolabel`]:a,[`${r}--text--required`]:i}),l=e,{inputProps:o,wrapperProps:d}=Re(Object.assign(Object.assign({},l),{inputClassName:c}));return J.jsx(Be,Object.assign({},d,{children:J.jsx("input",Object.assign({pattern:n},o,{ref:s}))}))}));Ba.displayName="TextInput";const Ra=(e,s)=>"function"==typeof s?s(e):`${e}${s||""}`;function Wa(e,s,a){if(!(a<=s))return e<s&&(e=s),e>a&&(e=a),(e-s)/(a-s)*100}const Ha=e.forwardRef(((s,a)=>{const{ariaLabelInput:t,className:n,disabled:i,formatLabel:r=Ra,fullWidth:c,id:l,inputType:o,hideLabel:d,hideControls:p,hideTextInput:m,min:g,minLabel:h,max:u,maxLabel:b,step:x=1,onChange:j=(()=>{}),helperText:f}=s,_=G(s,["ariaLabelInput","className","disabled","formatLabel","fullWidth","id","inputType","hideLabel","hideControls","hideTextInput","min","minLabel","max","maxLabel","step","onChange","helperText"]),{prefix:v}=xe(),$=s.value,[N,O]=e.useState($);e.useEffect((()=>{O(s.value)}),[s.value]);const y=e.useRef(null),w=a||y,k=e=>{i||(e.persist(),e.imaginaryTarget=w,e.target.value>u?(O(u),j(e)):(O(e.target.value),j(e)))},T=H(`${v}--slider--wrapper`,n,{[`${v}--slider--helpertext`]:f,[`${v}--slider--nolabel`]:d,[`${v}--slider--nocontrols`]:p}),C=H(`${v}--slider-container`,{[`${v}--slider-container--full-width`]:c}),D={disabled:i,id:l,max:u,min:g,step:x,onChange:k,value:N},P=H(`${v}--input`,`${v}--slider-text-input`),S=H(`${v}--slider`,{[`${v}--slider--disabled`]:i},n),I=H(`${v}--slider__range-wrapper`,{[`${v}--slider__range-wrapper--disabled`]:i},n),F=N&&N<g?g:N,q=Re(s);return console.log("valueMinimal",F),J.jsx(Be,Object.assign({},q.wrapperProps,{formItemClassName:T},{children:J.jsxs("div",Object.assign({className:C},{children:[J.jsx("span",Object.assign({className:`${v}--slider__range-label`},{children:r(g,h)})),J.jsxs("div",Object.assign({className:I},{children:[J.jsx("div",{className:`${v}--slider__range-before`,style:{width:`${Wa(F,g,u)}%`}}),J.jsx("input",Object.assign({className:S,type:"range"},_,D,{ref:w}))]})),J.jsx("span",Object.assign({className:`${v}--slider__range-label`},{children:r(u,b)})),!m&&J.jsx(Ba,{disabled:i,type:o,id:"input-for-slider",className:P,value:N,onChange:k,"aria-label":t})]}))}))}));Ha.displayName="Slider";const za=e.forwardRef(((e,s)=>{var{active:a,additional:t,children:n,className:i,subContent:r,image:c,hint:l,noImage:o,unread:d,showAdditionalIcon:p,title:m,kind:g="large",wrapper:h="none"}=e,u=G(e,["active","additional","children","className","subContent","image","hint","noImage","unread","showAdditionalIcon","title","kind","wrapper"]);const{prefix:b}=xe(),x=H({[`${b}--item`]:!0,[`${b}--item--${g}`]:g,[`${b}--item--${h}`]:h,[`${b}--item--active`]:a,[`${b}--item--unread`]:d},i);return J.jsxs("div",Object.assign({className:x},u,{ref:s},{children:[c?J.jsx("div",Object.assign({className:`${b}--item__image`},{children:c})):o?J.jsx("div",{className:`${b}--item__image ${b}--item__image-empty`}):null,m&&J.jsx("div",Object.assign({className:`${b}--item__title-wrapper`},{children:J.jsx("h2",Object.assign({className:`${b}--item__title`},{children:m}))})),t&&J.jsxs("div",Object.assign({className:`${b}--item__additional`},{children:[t,p&&J.jsx(q,{className:`${b}--item__additional-icon`})]})),n&&J.jsx("div",Object.assign({className:`${b}--item__text`},{children:n})),r&&J.jsx("div",Object.assign({className:`${b}--item__sub-content`},{children:r})),l&&J.jsx("div",Object.assign({className:`${b}--item__hint`},{children:l})),d&&J.jsx("div",{className:`${b}--item__unread`})]}))}));za.displayName="Item";const Ka=({data:e,page:s,pageSizeOptions:a,paginationClassName:t,totalItems:n,style:i,onPageChange:r,onPageSizeChange:c,isLastPage:l,pages:o,pageInputDisabled:d,pageSize:p,pagesUnknown:m,backwardText:g,forwardText:h,itemsPerPageText:u,itemsPerPageFollowsText:b,itemRangeText:x,pageRangeText:j,pageSizesDisabled:f,itemText:_,pageNumberText:v})=>{const{prefix:$}=xe(),N=e=>(isNaN(e)&&(e=s),e),O={isLastPage:l,pages:o,pageInputDisabled:d,pageSize:p,pagesUnknown:m,backwardText:g,forwardText:h,itemsPerPageText:u,itemsPerPageFollowsText:b,itemRangeText:x,pageRangeText:j,pageSizesDisabled:f,itemText:_,pageNumberText:v};return J.jsx("div",Object.assign({className:H(t,"-pagination"),style:i},{children:J.jsx("div",Object.assign({className:`${$}-pagination`},{children:J.jsx($a,Object.assign({onChange:e=>{const s=N(e.page-1);e!==s&&r(s),p!==e.pageSize&&c(e.pageSize)},pageSizes:a,page:s,totalItems:n||(e?e.length:void 0)},O))}))}))};function Ua(e){const{prefix:s}=xe(),{className:a,disabled:t,handleTabClick:n=(()=>{}),handleTabAnchorFocus:i=(()=>{}),handleTabKeyDown:r=(()=>{}),href:c,index:l=0,label:o,selected:d,tabIndex:p,onClick:m=(()=>{}),onKeyDown:g=(()=>{})}=e,h=G(e,["className","disabled","handleTabClick","handleTabAnchorFocus","handleTabKeyDown","href","index","label","selected","tabIndex","onClick","onKeyDown"]),u=H(`${s}--tabs__nav-item`,{[`${s}--tabs__nav-item--disabled`]:t},{[`${s}--tabs__nav-item--selected`]:d},a),b=H(`${s}--tabs__nav-item`,`${s}--tabs__nav-item--selected`,a),x={className:"wfp--tabs__nav-link",href:t?void 0:c,label:o,role:"tab",tabIndex:p,"aria-selected":d};return{liProps:Object.assign({tabIndex:-1,className:u,onClick:e=>{t||(n(l,o,e),m(e))},onKeyDown:e=>{t||((e=>{if(37===e.which&&i)i(l-1);else{if(39!==e.which||!i)return;i(l+1)}})(e),r(l,o,e),g(e))},role:"presentation",selected:d},h),anchorProps:x,selectedClasses:b}}Ka.displayName="ReactTablePagination";const Va=s=>{const{disabled:a,label:t,renderAnchor:n,renderListElement:i}=s,{anchorProps:r,liProps:c,selectedClasses:l}=Ua(s);return J.jsx(e.Fragment,{children:i?"function"==typeof i?i(Object.assign(Object.assign(Object.assign({},s),c),{anchor:r,selectedClasses:l})):J.jsx(J.Fragment,{children:i}):J.jsx("li",Object.assign({},c,{children:n?n(r):a?J.jsx("span",Object.assign({},r,{children:t})):J.jsx("a",Object.assign({},r,{children:t}))}))})},Ga=e=>{const{selected:s=!1,children:a}=e,t=G(e,["selected","children"]);return J.jsx("div",Object.assign({},t,{"data-selected":s,hidden:!s},{children:a}))};Ga.displayName="TabContent";const Ya=s.createContext({handleTabClick:()=>{},handleTabKeyDown:()=>{},handleTabAnchorFocus:()=>{}}),Za=s=>{const{disableAnimation:a,inline:t,className:n,role:i="navigation",selected:r=null}=s,c=G(s,["disableAnimation","inline","className","role","selected"]),{prefix:l}=xe(),[o,d]=e.useState(r),p=e.useRef(null);e.useEffect((()=>{r!==o&&d(r)}),[r]);const m={tabs:H(`${l}--tabs`,{[`${l}--tabs--no-animation`]:a},n),tablist:H(`${l}--tabs__nav`,{[`${l}--tabs__nav--inline`]:t})};return J.jsx(Ya.Provider,Object.assign({value:{handleTabClick:()=>(e,s,a)=>{a&&a.preventDefault()},handleTabKeyDown:()=>(e,s,a)=>{},handleTabAnchorFocus:()=>{}}},{children:J.jsxs("nav",Object.assign({},c,{className:m.tabs,role:i},{children:[J.jsx("div",{className:`${l}--tabs__nav__bar`}),J.jsx("ul",Object.assign({ref:p,role:"tablist",className:m.tablist},{children:s.children}))]}))}))};Za.displayName="Tabs";const Qa=e.forwardRef(((e,s)=>{const{className:a,fullWidth:t}=e,{prefix:n}=xe(),i=H(`${n}--text-area`,a,{[`${n}--textarea-fullwidth`]:t}),r=e,c=Re(Object.assign(Object.assign({},r),{inputClassName:i}));return J.jsx(Be,Object.assign({},c.wrapperProps,{children:J.jsx("textarea",Object.assign({},c.inputProps,{ref:s}))}))}));Qa.displayName="TextArea";const Ja=e.forwardRef(((e,s)=>{const{className:a,defaultToggled:t=!1,id:n,labelA:i="Off",labelB:r="On"}=e,c=G(e,["className","defaultToggled","id","labelA","labelB"]),{prefix:l}=xe(),o=H({[`${l}--form-item`]:!0},a),d=n||c.name,p=Re(e),m=c;return J.jsxs(Be,Object.assign({className:o},e,{children:[J.jsx("input",Object.assign({},m,p.inputProps,{defaultChecked:t,type:"checkbox",id:d,className:`${l}--toggle`,ref:s})),J.jsxs("label",Object.assign({className:`${l}--toggle__label`,htmlFor:d},{children:[J.jsx("span",Object.assign({className:`${l}--toggle__text--left`},{children:i})),J.jsx("span",{className:`${l}--toggle__appearance`}),J.jsx("span",Object.assign({className:`${l}--toggle__text--right`},{children:r}))]}))]}))}));Ja.displayName="Toggle";const Xa=e=>{const{className:s,children:a,components:t={},description:n,ellipsis:i,extendedDescription:r,showName:c,small:l,name:o,missingImage:d}=e,p=G(e,["className","children","components","description","ellipsis","extendedDescription","showName","small","name","missingImage"]),{prefix:m}=xe(),g={Avatar:Ke},h=Object.assign(Object.assign({},g),t),u=H(`${m}--user`,s,{[`${m}--user--has-description`]:n,[`${m}--user--has-extended-description`]:r}),b=H({[`${m}--user__title`]:!0,[`${m}--user__title--ellipsis`]:i,[`${m}--user__title--small`]:l});return J.jsxs("div",Object.assign({className:u},p,{children:[J.jsx(h.Avatar,Object.assign({},e,{missingImage:d})),c&&J.jsxs("span",Object.assign({className:b},{children:[J.jsx("span",{children:o}),n&&J.jsx("div",Object.assign({className:`${m}--user__description`},{children:n}))]})),a,r&&J.jsx("div",Object.assign({className:`${m}--user__extended-description`},{children:r}))]}))},et={thousand:{pow:1e3,defaultmaximumFractionDigits:2,default:{after:"T"}},million:{pow:1e6,defaultmaximumFractionDigits:1,default:{after:"M"}},billion:{pow:1e9,defaultmaximumFractionDigits:2,default:{after:"B"}}},st=e=>J.jsx("span",Object.assign({className:e.className+" invalid"},{children:"–"})),at=e=>J.jsx("tspan",Object.assign({className:e.className+" invalid"},{children:"–"})),tt=e=>{if(e){const s=e.before?e.before+" ":"",a=e.output&&e.output.default?e.output.default.after+"":"",t=e.after?" "+e.after:"";return s+e.value+a+t}return""},nt=(e,s)=>{const{style:a}=s,t=G(s,["style"]);return e?J.jsxs("text",Object.assign({className:s.className},t,{children:[J.jsxs("tspan",Object.assign({style:a},{children:[e.before," "]})),J.jsx("tspan",Object.assign({style:a},{children:e.value})),J.jsxs("tspan",Object.assign({style:a},{children:[" ",e.output?e.output.default.after+"":"",e.after]}))]})):J.jsx(at,{className:s.className})},it=(e,s,a,t,n)=>{const{children:i,input:r,output:c,minimumFractionDigits:l,maximumFractionDigits:o,localeStringLanguage:d="en-EN",calcOnly:p,string:m,svg:g,hideZero:h}=e;var u="string"==typeof i?i.replace(/,/g,""):i;u=0!==(u=parseFloat(u))&&r&&et[r]?et[r].pow*u:u;const b=c&&et[c]?et[c]:void 0;u=0!==u&&c?u/b.pow:u;const x=!0===n&&void 0===c?0===l:"number"==typeof l?l:b&&b.defaultmaximumFractionDigits?b.defaultmaximumFractionDigits:2,j=!0===n&&void 0===c?0===o:u<=.005?4:u<=.05?3:u<=.5?2:0===o?0:"number"==typeof o?o:b&&b.defaultmaximumFractionDigits?b.defaultmaximumFractionDigits:2,f={minimumFractionDigits:x,maximumFractionDigits:j>x?j:x},_={value:u=u.toLocaleString(d,f),before:a,after:s,output:b};let v=e.className;return"1"===u&&t&&(v+=" wfp--unit--singular"),!((!u||"NaN"===u||0===parseFloat(u))&&h)&&(p?_:g?nt(_,e):m?tt(_):!1!==u?J.jsx("span",Object.assign({className:v},{children:u})):J.jsx(st,{className:e.className}))},rt=(e,s,a)=>{const{calcOnly:t,className:n,children:i,string:r,svg:c,hideUnit:l}=e,o=i,d=l?"":a+i+(s||""),p={value:o,before:a,after:s,output:o+d};return t?p:c?nt({value:o+d,before:a,after:s},e):r?tt(p):!1!==o?J.jsx("span",Object.assign({className:n},{children:o})):void 0},ct=e=>{const{className:s,string:a,svg:t,calcOnly:n}=e,i=(e=>{const{children:s}=e,a=s;let t;if("number"==typeof a&&a.toString().length>=7)t=new Date(a,e);else if(a.getMonth)t=a;else{const e=a.toString().substring(0,4),s=parseInt(a.toString().substring(4,7),10)-1;t=new Date(e,s,1)}return{monthName:t.toLocaleString("en-us",{month:"short"}),monthNameFull:t.toLocaleString("en-us",{month:"long"}),year:t.getFullYear(),date:t}})(e),r={value:i.monthName+" "+i.year,before:"",after:"",output:void 0};return n?r:t?nt(r,e):a?tt(r):(null==r?void 0:r.value)?J.jsx("span",Object.assign({className:s},{children:r.value})):void 0},lt={Usd:e=>it(e,"","US$"),Partners:e=>it(e,"Partners",void 0,!0,!0),Beneficiaries:e=>it(e,"Beneficaries",void 0,!0,!0),Households:e=>it(e,"Households",void 0,!0,!0),Months:e=>it(e,"Months",void 0,!0,"Month"),Mt:e=>it(e,"MT",void 0,!0),Kg:e=>rt(e,"kg"),MetricTons:e=>it(e,"MetricTons",void 0,!0),Num:e=>it(e,""),Level:e=>rt(e,""),None:e=>rt(e,""),Trips:e=>it(e,"Trips",void 0,!0,!0),Countries:e=>rt(e,"Countries"),People:e=>it(e,"People",void 0,!0,!0),Percentage:e=>((e,s,a)=>{const{calcOnly:t,children:n,from:i,string:r,svg:c,hideZero:l,maximumSignificantDigits:o,maximumFractionDigits:d}=e;var p="string"==typeof n?n.replace(/,/g,""):n;p=parseFloat(p),0===parseFloat(i)?p=!1:i&&(p=p/parseFloat(i)*100);const m={value:p=p.toLocaleString("en-EN",{minimumFractionDigits:o||0,maximumSignificantDigits:o,maximumFractionDigits:p<=.5?5:d||1}),before:a,after:s,output:void 0};return!((!p||"NaN"===p||0===parseFloat(p))&&l)&&(t?m:c?nt(m,e):r?tt(m):!1!==p?J.jsx("span",Object.assign({className:e.className},{children:p})):J.jsx(st,{className:e.className}))})(e,"%"),YearMonth:e=>ct(e)},ot=e=>{const{prefix:s}=xe(),{className:a,output:t,string:n,textAnchor:i,localeStringLanguage:r="en-EN",type:c="none",setup:l}=e,o=e.type.charAt(0).toUpperCase()+e.type.slice(1),d=lt[o],p=i||"start",m=`${s}--unit ${a} ${c?`${s}--unit--${c.toLowerCase()}`:""} ${t&&et[t]?`${s}--unit--${t}`:""} ${l?`${s}--unit--${l}`:""}`;return n?d(e):void 0===d?null:J.jsx(d,Object.assign({},e,{className:m,textAnchor:p,localeStringLanguage:r}))},dt=e=>{var{value:s,secondaryValue:a,className:t,title:n}=e,i=G(e,["value","secondaryValue","className","title"]);const{prefix:r}=xe(),c=H(`${r}--value`,t);return J.jsxs("div",Object.assign({className:c},i,{children:[J.jsx("h4",Object.assign({className:`${r}--value__title`},{children:n})),J.jsx("div",Object.assign({className:`${r}--value__primary-value`},{children:s})),J.jsx("div",Object.assign({className:`${r}--value__secondary-value`},{children:a}))]}))},pt=e=>s=>{const a=xe(),t=Object.assign(Object.assign({},a),s);return J.jsx(e,Object.assign({},t))};function mt(){return i(he)}const gt=e=>{var{paragraph:s=!1,lineCount:a=3,width:t="100%",heading:n=!1,className:i}=e,r=G(e,["paragraph","lineCount","width","heading","className"]);const{prefix:c}=xe(),l=H({[`${c}--skeleton__text`]:!0,[`${c}--skeleton__heading`]:n},i),o="string"==typeof t?parseInt(t,10):t,d="string"==typeof t&&t.includes("px");function p(e,s){return Math.floor(Math.random()*(s-e+1))+e}if("string"==typeof t&&t.includes("%")&&s){const e=[];for(let s=0;s<a;s++){const a=p(0,75)+"px";e.push(J.jsx("p",Object.assign({className:l,style:{width:`calc(${t} - ${a})`}},r),s))}return J.jsx("div",{children:e})}if(d&&s){const e=[];for(let s=0;s<a;s++){const a=p(o-75,o)+"px";e.push(J.jsx("p",Object.assign({className:l,style:{width:a}},r),s))}return J.jsx("div",{children:e})}return J.jsx("p",Object.assign({className:l,style:{width:t}},r))};gt.displayName="SkeletonText";var ht={main:{name:"main",hex:"#007DBC",scss:"$color__main",type:"communications"},"sequential-default-07":{name:"sequential-default-07",hex:"#9DEAFF",scss:"$color__sequential-default-07",type:"sequential-default",shortDescription:"sequential default 07"},"sequential-default-06":{name:"sequential-default-06",hex:"#73C3FE",scss:"$color__sequential-default-06",type:"sequential-default",shortDescription:"sequential default 06"},"sequential-default-05":{name:"sequential-default-05",hex:"#4AA1E2",scss:"$color__sequential-default-05",type:"sequential-default",shortDescription:"sequential default 05"},"sequential-default-04":{name:"sequential-default-04",hex:"#0780C0",scss:"$color__sequential-default-04",type:"sequential-default",shortDescription:"sequential default 04"},"sequential-default-03":{name:"sequential-default-03",hex:"#005F9B",scss:"$color__sequential-default-03",type:"sequential-default",shortDescription:"sequential default 03"},"sequential-default-02":{name:"sequential-default-02",hex:"#003F76",scss:"$color__sequential-default-02",type:"sequential-default",shortDescription:"sequential default 02"},"sequential-default-01":{name:"sequential-default-01",hex:"#002153",scss:"$color__sequential-default-01",type:"sequential-default",shortDescription:"sequential default 01"},"sequential-secondary-07":{name:"sequential-secondary-07",hex:"#bdf9c4",scss:"$color__sequential-secondary-07",type:"sequential-secondary",shortDescription:"sequential secondary 07"},"sequential-secondary-06":{name:"sequential-secondary-06",hex:"#89eaa8",scss:"$color__sequential-secondary-06",type:"sequential-secondary",shortDescription:"sequential secondary 06"},"sequential-secondary-05":{name:"sequential-secondary-05",hex:"#5fd79a",scss:"$color__sequential-secondary-05",type:"sequential-secondary",shortDescription:"sequential secondary 05"},"sequential-secondary-04":{name:"sequential-secondary-04",hex:"#41c196",scss:"$color__sequential-secondary-04",type:"sequential-secondary",shortDescription:"sequential secondary 04"},"sequential-secondary-03":{name:"sequential-secondary-03",hex:"#33aa96",scss:"$color__sequential-secondary-03",type:"sequential-secondary",shortDescription:"sequential secondary 03"},"sequential-secondary-02":{name:"sequential-secondary-02",hex:"#319298",scss:"$color__sequential-secondary-02",type:"sequential-secondary",shortDescription:"sequential secondary 02"},"sequential-secondary-01":{name:"sequential-secondary-01",hex:"#367a96",scss:"$color__sequential-secondary-01",type:"sequential-secondary",shortDescription:"sequential secondary 01"},"categorical-corporate-01":{name:"categorical-01",hex:"#007DBC",scss:"$color__categorical-corporate-01",type:"categorical",shortDescription:"categorical-01"},"categorical-corporate-02":{name:"categorical-02",hex:"#36B5C5",scss:"$color__categorical-corporate-02",type:"categorical",shortDescription:"categorical-02"},"categorical-corporate-03":{name:"categorical-03",hex:"#00B485",scss:"$color__categorical-corporate-03",type:"categorical",shortDescription:"categorical-03"},"categorical-corporate-04":{name:"categorical-04",hex:"#008868",scss:"$color__categorical-corporate-04",type:"categorical",shortDescription:"categorical-04"},"categorical-corporate-05":{name:"categorical-05",hex:"#1A4262",scss:"$color__categorical-corporate-05",type:"categorical",shortDescription:"categorical-05"},"categorical-corporate-06":{name:"categorical-06",hex:"#982B56",scss:"$color__categorical-corporate-06",type:"categorical",shortDescription:"categorical-06"},"categorical-corporate-07":{name:"categorical-07",hex:"#EF404C",scss:"$color__categorical-corporate-07",type:"categorical",shortDescription:"categorical-07"},"categorical-corporate-08":{name:"categorical-08",hex:"#F47847",scss:"$color__categorical-corporate-08",type:"categorical",shortDescription:"categorical-08"},"categorical-corporate-09":{name:"categorical-09",hex:"#B79F8D",scss:"$color__categorical-corporate-09",type:"categorical",shortDescription:"categorical-09"},"categorical-corporate-10":{name:"categorical-10",hex:"#ECDFBB",scss:"$color__categorical-corporate-10",type:"categorical",shortDescription:"categorical-10"},female:{name:"female",hex:"#3f7e44",scss:"$color__female",type:"symbolic",shortDescription:"Indicate female"},male:{name:"male",hex:"#26bde2",scss:"$color__male",type:"symbolic",shortDescription:"Indicate male"},national:{name:"national",hex:"#3C5979",scss:"$color__national",type:"symbolic",shortDescription:"Indicate national staff"},international:{name:"international",hex:"#fcc30b",scss:"$color__international",type:"symbolic",shortDescription:"Indicate international staff"},"brand-01":{name:"brand-01",hex:"#007DBC",scss:"var(--brand-01)",css:"color__brand-01",type:"brand",shortDescription:"WFP brand color"},"interactive-01":{name:"interactive-01",hex:"#0b77c2",scss:"var(--interactive-01)",css:"color__interactive-01",type:"brand",shortDescription:"Primary interactive color, Primary buttons"},"interactive-02":{name:"interactive-02",hex:"#085387",scss:"$action-default-fill-primary-default-02",css:"color__interactive-02",type:"brand",shortDescription:"BannerNavigation"},"accent-01":{name:"accent-01",hex:"#f7b825",scss:"$accent-01",css:"color__accent-01",type:"brand-accent",shortDescription:"Accent colour (recommended)"},"brand-01-20":{name:"brand-01-20",hex:"#c2dbec",scss:"$brand-01-20",css:"color__brand-01-20",type:"brand-extended"},"brand-01-30":{name:"brand-01-30",hex:"#85b7da",scss:"$brand-01-30",css:"color__brand-01-30",type:"brand-extended"},"brand-01-40":{name:"brand-01-40",hex:"#4792c7",scss:"$brand-01-40",css:"color__brand-01-40",type:"brand-extended"},"brand-01-60":{name:"brand-01-60",hex:"#085387",scss:"$brand-01-60",css:"color__brand-01-60",type:"brand-extended"},"brand-01-70":{name:"brand-01-70",hex:"#05375a",scss:"$brand-01-70",css:"color__brand-01-70",type:"brand-extended"},"brand-01-80":{name:"brand-01-80",hex:"#031c2d",scss:"$brand-01-80",css:"color__brand-01-80",type:"brand-extended"},"ui-01":{name:"ui-01",hex:"#ffffff",scss:"$ui-01",css:"color__ui-01",type:"ui",shortDescription:"Primary container background; Secondary page background",description:"This colour is used as the page background if there are no Modules on top of it."},"ui-02":{name:"ui-02",hex:"#eff2f5",scss:"var(--ui-02)",css:"color__ui-02",type:"ui",shortDescription:"Primary page background; Secondary container background",description:"Use this colour as page background if there are modules on top of it to increase the contrast between the modules."},"ui-03":{name:"ui-03",hex:"#f0f3f6",scss:"$ui-03",css:"color__ui-03",type:"ui",shortDescription:"Subtle border, Tertiary background color"},"ui-04":{name:"ui-04",hex:"#dfe3e6",scss:"$ui-04",css:"color__ui-04",type:"ui",shortDescription:"3:1 AA element contrast; Medium contrast border"},"ui-05":{name:"ui-05",hex:"#8c9ba5",scss:"$ui-03",css:"color__ui-05",type:"ui",shortDescription:"4.5:1 AA element contrast; High contrast border; Emphasis elements"},"ui-06":{name:"ui-06",hex:"#0b1923",scss:"$ui-06",css:"color__ui-06",type:"ui",shortDescription:""},"text-01":{name:"text-01",hex:"#031c2d",scss:"$text-01",css:"color__text-01",type:"ui",shortDescription:"Primary text colour; Input labels;"},"text-02":{name:"text-02",hex:"#5a6872",scss:"$text-02",css:"color__text-02",type:"ui",shortDescription:"Secondary text; Help text"},"text-03":{name:"text-03",hex:"#dfe6eb",scss:"$text-03",css:"color__text-03",type:"ui",shortDescription:"Placeholder text"},"text-04":{name:"text-04",hex:"#ffffff",scss:"$text-04",css:"color__text-04",type:"ui",shortDescription:""},"inverse-01":{name:"inverse-01",hex:"#ffffff",scss:"$inverse-01",css:"color__inverse-01",type:"ui",shortDescription:"Inverse text color; Inverse icon color"},"field-01":{name:"field-01",hex:"#ffffff",scss:"$field-02",css:"color__field-01",type:"ui",shortDescription:"Default input fields; Fields on $ui-backgrounds"},"field-border-01":{name:"field-border-01",hex:"#d4d7d9",scss:"$field-border-01",css:"color__field-border-01",type:"ui",shortDescription:""},"disabled-01":{name:"disabled-01",hex:"#f9fbfc",scss:"$disabled-01",css:"color__disabled-01",type:"ui",shortDescription:""},"disabled-02":{name:"disabled-02",hex:"#dfe6eb",scss:"$disabled-02",css:"color__disabled-02",type:"ui",shortDescription:""},"sdg-01":{name:"sdg-01",hex:"#E5243B",scss:"$sdg-01",css:"color__sdg-01",type:"sdg",shortDescription:"No poverty, red"},"sdg-02":{name:"sdg-02",hex:"#DDA63A",scss:"$sdg-02",css:"color__sdg-02",type:"sdg",shortDescription:"Zero hunger, mustard"},"sdg-03":{name:"sdg-03",hex:"#4C9F38",scss:"$sdg-03",css:"color__sdg-03",type:"sdg",shortDescription:"Good health and well-being, kelly green"},"sdg-04":{name:"sdg-04",hex:"#C5192D",scss:"$sdg-04",css:"color__sdg-04",type:"sdg",shortDescription:"Quality education, dark red"},"sdg-05":{name:"sdg-05",hex:"#FF3A21",scss:"$sdg-05",css:"color__sdg-05",type:"sdg",shortDescription:"Gender equality, red orange"},"sdg-06":{name:"sdg-06",hex:"#26BDE2",scss:"$sdg-06",css:"color__sdg-06",type:"sdg",shortDescription:"Clean water and sanitation, bright blue"},"sdg-07":{name:"sdg-07",hex:"#FCC30B",scss:"$sdg-07",css:"color__sdg-07",type:"sdg",shortDescription:"Affordable and clean energy, yellow"},"sdg-08":{name:"sdg-08",hex:"#A21942",scss:"$sdg-08",css:"color__sdg-08",type:"sdg",shortDescription:"Decent work and economic growth, burgundy red"},"sdg-09":{name:"sdg-09",hex:"#FD6925",scss:"$sdg-09",css:"color__sdg-09",type:"sdg",shortDescription:"Industry, innovation and infrastructure, orange"},"sdg-10":{name:"sdg-10",hex:"#DD1367",scss:"$sdg-10",css:"color__sdg-10",type:"sdg",shortDescription:"Reduced inequalities, magentas"},"sdg-11":{name:"sdg-11",hex:"#FD9D24",scss:"$sdg-11",css:"color__sdg-11",type:"sdg",shortDescription:"Sustainable cities and communities, golden yellow"},"sdg-12":{name:"sdg-12",hex:"#BF8B2E",scss:"$sdg-12",css:"color__sdg-12",type:"sdg",shortDescription:"Responsible consumption and production, dark mustard"},"sdg-13":{name:"sdg-13",hex:"#3F7E44",scss:"$sdg-10",css:"color__sdg-13",type:"sdg",shortDescription:"Climate action, dark green"},"sdg-14":{name:"sdg-14",hex:"#0A97D9",scss:"$sdg-14",css:"color__sdg-14",type:"sdg",shortDescription:"Life below water, blue"},"sdg-15":{name:"sdg-15",hex:"#56C02B",scss:"$sdg-15",css:"color__sdg-15",type:"sdg",shortDescription:"Life on land, lime green"},"sdg-16":{name:"sdg-16",hex:"#00689D",scss:"$sdg-16",css:"color__sdg-16",type:"sdg",shortDescription:"Peace, justice and stron institutions, royal blue"},"sdg-17":{name:"sdg-17",hex:"#19486A",scss:"$sdg-17",css:"color__sdg-17",type:"sdg",shortDescription:"Partnership for the goals, navy blue"},"support-01":{name:"support-01",hex:"#c5192d",scss:"$support-01",css:"color__support-01",type:"support",shortDescription:"Error (same as color__red)",description:"Use the error color to indicate an error or to focus the attention on something which is crucial to see. Paired with a cross icon, red delivers the message that something went wrong."},"support-light-01":{name:"support-light-01",hex:"#f1c6cb",scss:"$support-light-01",css:"color__support-light-01",type:"support",shortDescription:"Lighter version of color-red",description:""},"support-02":{name:"support-02",hex:"#689e18",scss:"$support-02",css:"color__support-02",type:"support",shortDescription:"Success",description:"Use green to indicate success state. Paired with a checkmark icon the user knows that the operation was successfully completed."},"support-light-02":{name:"support-light-02",hex:"#ccdbcd",scss:"$support-light-02",css:"color__support-light-02",type:"support",shortDescription:"Lighter version of green",description:""},"support-03":{name:"support-03",hex:"#f7b825",scss:"$support-03",css:"color__support-03",type:"support",shortDescription:"Warning (same as color__yellow)",description:"Use yellow to indicate a transient warning which is less important than an error message. Yellow typically consists of items which require the user’s immediate attention, or indicate a waiting period. Although this overlaps with the use of red, yellow is more transient in nature."},"support-light-03":{name:"support-light-03",hex:"#fdedc9",scss:"$support-light-03",css:"color__support-light-03",type:"support",shortDescription:"Lighter version of yellow",description:""},"support-04":{name:"support-04",hex:"#85b7da",scss:"$support-04",css:"color__support-04",type:"support",shortDescription:"Info",description:""},"support-light-04":{name:"support-light-04",hex:"#c2dbec",scss:"$support-light-04",css:"color__support-light-04",type:"support",shortDescription:"",description:""}};const ut="undefined"!=typeof window?c:n,bt="undefined"==typeof window;function xt(e,s){var a,n;const i="boolean"==typeof s?s:null!==(a=null==s?void 0:s.defaultValue)&&void 0!==a&&a,r="boolean"==typeof s?void 0:null!==(n=null==s?void 0:s.initializeWithValue)&&void 0!==n?n:void 0,c=e=>bt?i:window.matchMedia(e).matches,[l,o]=t((()=>r?c(e):i));function d(){o(c(e))}return ut((()=>{const s=window.matchMedia(e);return d(),s.addListener?s.addListener(d):s.addEventListener("change",d),()=>{s.removeListener?s.removeListener(d):s.removeEventListener("change",d)}}),[e]),l}export{me as Accordion,ke as AccordionItem,Le as AddonAfter,qe as AddonBefore,Te as AuthLayout,Ke as Avatar,Ce as BackgroundContent,Ie as BannerNavigation,Se as BannerNavigationItem,ze as BannerNavigationWithContent,aa as BlockNotification,Ue as Breadcrumb,Ye as BreadcrumbHome,Ge as BreadcrumbItem,Ze as Button,aa as Callout,ns as Card,cs as CardExternal,ms as Checkbox,hs as ContentSwitcher,fs as ContextMenu,_s as ContextMenuGroup,vs as ContextMenuItem,gs as Credits,os as DatePicker,ls as DatePickerInput,ps as DateRangePicker,ds as DateRangePickerInput,ss as Empty,$s as Footer,Ns as FooterExternal,ys as FooterMetaLink,ws as Form,ks as FormGroup,Ts as FormHint,Fe as FormItem,Cs as FormLabel,Ae as Helper,as as Hero,ts as HeroExternal,Ds as InfoBar,Ee as InlineErrorMessage,Ss as InlineLoading,Be as Input,wa as InputGroup,za as Item,Me as Label,He as Link,Os as LinksColumn,Is as List,Fs as ListItem,Ps as Loading,Es as MainNavigation,qs as MainNavigationContext,As as MainNavigationItem,da as Modal,la as ModalFooter,pa as ModalWrapper,ma as Module,ga as ModuleBody,ua as ModuleFooter,ha as ModuleHeader,Qs as NotificationActionButton,Zs as NotificationButton,Js as NotificationTextDetails,ja as NumberInput,$a as Pagination,ya as RadioButton,Ta as ReadMore,We as Search,Ca as SecondaryNavigation,Da as SecondaryNavigationTitle,fa as Select,_a as SelectItem,Ia as SelectItemGroup,Fa as Sidebar,Aa as SidebarBackButton,Ea as SidebarContentBody,La as SidebarContentHeader,qa as SidebarHeader,Ma as SidebarScroll,gt as SkeletonText,Ha as Slider,Pa as StepNavigation,Sa as StepNavigationItem,Ys as Story,Bs as SubNavigation,Us as SubNavigationContent,Ks as SubNavigationFilter,Gs as SubNavigationGroup,Ws as SubNavigationHeader,Rs as SubNavigationItem,zs as SubNavigationLink,Vs as SubNavigationList,Hs as SubNavigationTitle,Va as Tab,Ga as TabContent,ta as Table,Ka as TablePagination,na as TableSorting,Za as Tabs,rs as Tag,ra as Text,Qa as TextArea,Ba as TextInput,sa as ToastNotification,Ja as Toggle,xs as Tooltip,ot as Unit,Xa as User,dt as Value,he as WFPCoreContext,be as WFPCoreProvider,Pe as Wrapper,Qe as buttonKinds,ht as colors,ge as defaultWFPContext,ca as mdxComponents,Je as notificationtypes,De as pageWidths,us as tooltipStyle,bs as tooltipStyleDark,Oa as uniqueId,Re as useInput,ut as useIsomorphicLayoutEffect,Ms as useMainNavigation,xt as useMediaQuery,Ua as useTab,mt as useTheme,pt as withWFPCoreSettings};