@progressiveui/react 1.22.0 → 1.22.1

package/es/dist/components/Input/useInput.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React from "react";
 export interface UseInputProps {
     /**
      * Specify an optional className to be applied to the <input> node
@@ -111,6 +111,7 @@ export declare const useInput: ({ addonAfter, className, inputClassName, id, pla
         className: string;
     };
     wrapperProps: {
+        calculatedId: string | undefined;
         className: string | undefined;
         addonAfter: React.ReactNode;
         labelText: React.ReactNode;

package/es/index.js

@@ -1697,14 +1697,14 @@ const Input = (_a) => {
     var { additional, addonBefore, addonAfter, labelText, children, components: componentsOverride = {}, 
     //className,
     // iconDescription,
-    id, className, inputWrapperClassName, 
+    id, className, calculatedId, inputWrapperClassName, 
     //placeholder,
     //type,
     //onChange,
     //onClick,
-    hideLabel, name, invalid, invalidText, helperText, required } = _a, other = __rest(_a, ["additional", "addonBefore", "addonAfter", "labelText", "children", "components", "id", "className", "inputWrapperClassName", "hideLabel", "name", "invalid", "invalidText", "helperText", "required"]);
+    hideLabel, name, invalid, invalidText, helperText, required } = _a, other = __rest(_a, ["additional", "addonBefore", "addonAfter", "labelText", "children", "components", "id", "className", "calculatedId", "inputWrapperClassName", "hideLabel", "name", "invalid", "invalidText", "helperText", "required"]);
     const { prefix } = useSettings();
-    const calculatedId = id ? id : name;
+    // const calculatedId = id ? id : name;
     /* const inputProps = {
       id: calculatedId,
       onChange: (evt) => {
@@ -1764,7 +1764,7 @@ Input.displayName = "Input";
 /**
  * Input is a wrapper for custom inputs providing the label, helperText and errors. */
 const useInput = (_a) => {
-    var { addonAfter, className, inputClassName = 'wfp--input', id, placeholder, type = 'text', onChange = () => { }, onClick = () => { }, hideLabel, name, invalid, invalidText, labelText, helperText, light, value = undefined } = _a, 
+    var { addonAfter, className, inputClassName = "wfp--input", id, placeholder, type = "text", onChange = () => { }, onClick = () => { }, hideLabel, name, invalid, invalidText, labelText, helperText, light, value = undefined } = _a, 
     //required,
     other = __rest(_a, ["addonAfter", "className", "inputClassName", "id", "placeholder", "type", "onChange", "onClick", "hideLabel", "name", "invalid", "invalidText", "labelText", "helperText", "light", "value"]);
     const { prefix } = useSettings();
@@ -1784,7 +1784,9 @@ const useInput = (_a) => {
         }, placeholder,
         value,
         type });
+    console.log("useInput", { calculatedId });
     const wrapperProps = {
+        calculatedId,
         className,
         addonAfter,
         labelText,
@@ -1793,7 +1795,7 @@ const useInput = (_a) => {
         invalid,
         invalidText,
     };
-    const errorId = calculatedId + '-error-msg';
+    const errorId = calculatedId + "-error-msg";
     /*const labelClasses = classNames(`${prefix}--label`, {
       [`${prefix}--visually-hidden`]: hideLabel || !labelText,
       [`${prefix}--label--disabled`]: other.disabled,
@@ -1805,9 +1807,9 @@ const useInput = (_a) => {
       </label>
     );*/
     if (invalid) {
-        inputProps['data-invalid'] = true;
-        inputProps['aria-invalid'] = true;
-        inputProps['aria-describedby'] = errorId;
+        inputProps["data-invalid"] = true;
+        inputProps["aria-invalid"] = true;
+        inputProps["aria-describedby"] = errorId;
     }
     return { inputProps, wrapperProps };
 };
@@ -2442,7 +2444,7 @@ Footer.displayName = "Footer";
 const FooterExternal = ({ className, productName, children, metaContent, pageWidth = "lg", metaLinks, }) => {
     const { prefix } = useSettings();
     const externalClasses = classNames(`${prefix}--footer-ext`, className);
-    return (jsxRuntimeExports.jsx("footer", Object.assign({ className: externalClasses }, { children: jsxRuntimeExports.jsxs(Wrapper, Object.assign({ pageWidth: pageWidth }, { children: [jsxRuntimeExports.jsxs("div", Object.assign({ className: `${prefix}--footer-ext__content` }, { children: [jsxRuntimeExports.jsxs("div", Object.assign({ className: `${prefix}--footer-ext__info` }, { children: [jsxRuntimeExports.jsxs("div", Object.assign({ className: `${prefix}--footer-ext__branding` }, { children: [jsxRuntimeExports.jsx(WfpLogoVerticalEn, { alt: "WFP", className: `${prefix}--footer-ext__logo` }), jsxRuntimeExports.jsx("div", Object.assign({ className: `${prefix}--footer-ext__product-name` }, { children: productName }))] })), jsxRuntimeExports.jsx("div", Object.assign({ className: `${prefix}--footer-ext__address` }, { children: metaContent })), jsxRuntimeExports.jsxs("div", Object.assign({ className: `${prefix}--footer-ext__social-wrapper` }, { children: [jsxRuntimeExports.jsx("p", { children: "Follow WFP on:" }), jsxRuntimeExports.jsxs("ul", Object.assign({ className: `${prefix}--footer-ext__social-icons-list` }, { children: [jsxRuntimeExports.jsx("li", Object.assign({ className: `${prefix}--footer-ext__social-icon` }, { children: jsxRuntimeExports.jsx("a", Object.assign({ href: "https://twitter.com/WFP", target: "_blank", rel: "noopener" }, { children: jsxRuntimeExports.jsx(Twitter, {}) })) })), jsxRuntimeExports.jsx("li", Object.assign({ className: `${prefix}--footer-ext__social-icon` }, { children: jsxRuntimeExports.jsx("a", Object.assign({ href: "https://www.facebook.com/WorldFoodProgramme", target: "_blank", rel: "noopener" }, { children: jsxRuntimeExports.jsx(Facebook, {}) })) })), jsxRuntimeExports.jsx("li", Object.assign({ className: `${prefix}--footer-ext__social-icon` }, { children: jsxRuntimeExports.jsx("a", Object.assign({ href: "https://www.instagram.com/Worldfoodprogramme/", target: "_blank", rel: "noopener" }, { children: jsxRuntimeExports.jsx(Instagram, {}) })) })), jsxRuntimeExports.jsx("li", Object.assign({ className: `${prefix}--footer-ext__social-icon` }, { children: jsxRuntimeExports.jsx("a", Object.assign({ href: "https://www.linkedin.com/company/world-food-programme", target: "_blank", rel: "noopener" }, { children: jsxRuntimeExports.jsx(LinkedIn, {}) })) })), jsxRuntimeExports.jsx("li", Object.assign({ className: `${prefix}--footer-ext__social-icon` }, { children: jsxRuntimeExports.jsx("a", Object.assign({ href: "https://www.youtube.com/user/WORLDFOODPROGRAM", target: "_blank", rel: "noopener" }, { children: jsxRuntimeExports.jsx(YouTube, {}) })) })), jsxRuntimeExports.jsx("li", Object.assign({ className: `${prefix}--footer-ext__social-icon` }, { children: jsxRuntimeExports.jsx("a", Object.assign({ href: "https://www.tiktok.com/@worldfoodprogramme", target: "_blank", rel: "noopener" }, { children: jsxRuntimeExports.jsx(TikTok, {}) })) }))] }))] }))] })), jsxRuntimeExports.jsx("div", Object.assign({ className: `${prefix}--footer-ext__nav-wrapper` }, { children: children }))] })), jsxRuntimeExports.jsxs("div", Object.assign({ className: `${prefix}--footer-ext__legal` }, { children: [jsxRuntimeExports.jsxs("span", { children: [new Date().getFullYear(), " \u00A9 World Food Programme"] }), jsxRuntimeExports.jsx("nav", Object.assign({ className: `${prefix}--footer-ext__nav-legal` }, { children: jsxRuntimeExports.jsx("ul", Object.assign({ className: `${prefix}--footer-ext__legal-links` }, { children: metaLinks })) }))] }))] })) })));
+    return (jsxRuntimeExports.jsx("footer", Object.assign({ className: externalClasses }, { children: jsxRuntimeExports.jsxs(Wrapper, Object.assign({ pageWidth: pageWidth }, { children: [jsxRuntimeExports.jsxs("div", Object.assign({ className: `${prefix}--footer-ext__content` }, { children: [jsxRuntimeExports.jsxs("div", Object.assign({ className: `${prefix}--footer-ext__info` }, { children: [jsxRuntimeExports.jsx("div", Object.assign({ className: `${prefix}--footer-ext__branding` }, { children: jsxRuntimeExports.jsx("div", Object.assign({ className: `${prefix}--footer-ext__product-name` }, { children: productName })) })), jsxRuntimeExports.jsx("div", Object.assign({ className: `${prefix}--footer-ext__address` }, { children: metaContent })), jsxRuntimeExports.jsxs("div", Object.assign({ className: `${prefix}--footer-ext__social-wrapper` }, { children: [jsxRuntimeExports.jsx("p", { children: "Follow WFP on:" }), jsxRuntimeExports.jsxs("ul", Object.assign({ className: `${prefix}--footer-ext__social-icons-list` }, { children: [jsxRuntimeExports.jsx("li", Object.assign({ className: `${prefix}--footer-ext__social-icon` }, { children: jsxRuntimeExports.jsx("a", Object.assign({ href: "https://twitter.com/WFP", target: "_blank", rel: "noopener" }, { children: jsxRuntimeExports.jsx(Twitter, {}) })) })), jsxRuntimeExports.jsx("li", Object.assign({ className: `${prefix}--footer-ext__social-icon` }, { children: jsxRuntimeExports.jsx("a", Object.assign({ href: "https://www.facebook.com/WorldFoodProgramme", target: "_blank", rel: "noopener" }, { children: jsxRuntimeExports.jsx(Facebook, {}) })) })), jsxRuntimeExports.jsx("li", Object.assign({ className: `${prefix}--footer-ext__social-icon` }, { children: jsxRuntimeExports.jsx("a", Object.assign({ href: "https://www.instagram.com/Worldfoodprogramme/", target: "_blank", rel: "noopener" }, { children: jsxRuntimeExports.jsx(Instagram, {}) })) })), jsxRuntimeExports.jsx("li", Object.assign({ className: `${prefix}--footer-ext__social-icon` }, { children: jsxRuntimeExports.jsx("a", Object.assign({ href: "https://www.linkedin.com/company/world-food-programme", target: "_blank", rel: "noopener" }, { children: jsxRuntimeExports.jsx(LinkedIn, {}) })) })), jsxRuntimeExports.jsx("li", Object.assign({ className: `${prefix}--footer-ext__social-icon` }, { children: jsxRuntimeExports.jsx("a", Object.assign({ href: "https://www.youtube.com/user/WORLDFOODPROGRAM", target: "_blank", rel: "noopener" }, { children: jsxRuntimeExports.jsx(YouTube, {}) })) })), jsxRuntimeExports.jsx("li", Object.assign({ className: `${prefix}--footer-ext__social-icon` }, { children: jsxRuntimeExports.jsx("a", Object.assign({ href: "https://www.tiktok.com/@worldfoodprogramme", target: "_blank", rel: "noopener" }, { children: jsxRuntimeExports.jsx(TikTok, {}) })) }))] }))] }))] })), jsxRuntimeExports.jsx("div", Object.assign({ className: `${prefix}--footer-ext__nav-wrapper` }, { children: children }))] })), jsxRuntimeExports.jsxs("div", Object.assign({ className: `${prefix}--footer-ext__legal` }, { children: [jsxRuntimeExports.jsxs("span", { children: [new Date().getFullYear(), " \u00A9 World Food Programme"] }), jsxRuntimeExports.jsx("nav", Object.assign({ className: `${prefix}--footer-ext__nav-legal` }, { children: jsxRuntimeExports.jsx("ul", Object.assign({ className: `${prefix}--footer-ext__legal-links` }, { children: metaLinks })) }))] }))] })) })));
 };
 const LinksColumn = ({ title, children }) => {
     const { prefix } = useSettings();

package/lib/dist/components/Input/useInput.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React from "react";
 export interface UseInputProps {
     /**
      * Specify an optional className to be applied to the <input> node
@@ -111,6 +111,7 @@ export declare const useInput: ({ addonAfter, className, inputClassName, id, pla
         className: string;
     };
     wrapperProps: {
+        calculatedId: string | undefined;
         className: string | undefined;
         addonAfter: React.ReactNode;
         labelText: React.ReactNode;

package/lib/index.js

@@ -1766,14 +1766,14 @@ const Input = (_a) => {
     var { additional, addonBefore, addonAfter, labelText, children, components: componentsOverride = {}, 
     //className,
     // iconDescription,
-    id, className, inputWrapperClassName, 
+    id, className, calculatedId, inputWrapperClassName, 
     //placeholder,
     //type,
     //onChange,
     //onClick,
-    hideLabel, name, invalid, invalidText, helperText, required } = _a, other = __rest(_a, ["additional", "addonBefore", "addonAfter", "labelText", "children", "components", "id", "className", "inputWrapperClassName", "hideLabel", "name", "invalid", "invalidText", "helperText", "required"]);
+    hideLabel, name, invalid, invalidText, helperText, required } = _a, other = __rest(_a, ["additional", "addonBefore", "addonAfter", "labelText", "children", "components", "id", "className", "calculatedId", "inputWrapperClassName", "hideLabel", "name", "invalid", "invalidText", "helperText", "required"]);
     const { prefix } = useSettings();
-    const calculatedId = id ? id : name;
+    // const calculatedId = id ? id : name;
     /* const inputProps = {
       id: calculatedId,
       onChange: (evt) => {
@@ -1833,7 +1833,7 @@ Input.displayName = "Input";
 /**
  * Input is a wrapper for custom inputs providing the label, helperText and errors. */
 const useInput = (_a) => {
-    var { addonAfter, className, inputClassName = 'wfp--input', id, placeholder, type = 'text', onChange = () => { }, onClick = () => { }, hideLabel, name, invalid, invalidText, labelText, helperText, light, value = undefined } = _a, 
+    var { addonAfter, className, inputClassName = "wfp--input", id, placeholder, type = "text", onChange = () => { }, onClick = () => { }, hideLabel, name, invalid, invalidText, labelText, helperText, light, value = undefined } = _a, 
     //required,
     other = __rest(_a, ["addonAfter", "className", "inputClassName", "id", "placeholder", "type", "onChange", "onClick", "hideLabel", "name", "invalid", "invalidText", "labelText", "helperText", "light", "value"]);
     const { prefix } = useSettings();
@@ -1853,7 +1853,9 @@ const useInput = (_a) => {
         }, placeholder,
         value,
         type });
+    console.log("useInput", { calculatedId });
     const wrapperProps = {
+        calculatedId,
         className,
         addonAfter,
         labelText,
@@ -1862,7 +1864,7 @@ const useInput = (_a) => {
         invalid,
         invalidText,
     };
-    const errorId = calculatedId + '-error-msg';
+    const errorId = calculatedId + "-error-msg";
     /*const labelClasses = classNames(`${prefix}--label`, {
       [`${prefix}--visually-hidden`]: hideLabel || !labelText,
       [`${prefix}--label--disabled`]: other.disabled,
@@ -1874,9 +1876,9 @@ const useInput = (_a) => {
       </label>
     );*/
     if (invalid) {
-        inputProps['data-invalid'] = true;
-        inputProps['aria-invalid'] = true;
-        inputProps['aria-describedby'] = errorId;
+        inputProps["data-invalid"] = true;
+        inputProps["aria-invalid"] = true;
+        inputProps["aria-describedby"] = errorId;
     }
     return { inputProps, wrapperProps };
 };
@@ -2511,7 +2513,7 @@ Footer.displayName = "Footer";
 const FooterExternal = ({ className, productName, children, metaContent, pageWidth = "lg", metaLinks, }) => {
     const { prefix } = useSettings();
     const externalClasses = classNames__default["default"](`${prefix}--footer-ext`, className);
-    return (jsxRuntimeExports.jsx("footer", Object.assign({ className: externalClasses }, { children: jsxRuntimeExports.jsxs(Wrapper, Object.assign({ pageWidth: pageWidth }, { children: [jsxRuntimeExports.jsxs("div", Object.assign({ className: `${prefix}--footer-ext__content` }, { children: [jsxRuntimeExports.jsxs("div", Object.assign({ className: `${prefix}--footer-ext__info` }, { children: [jsxRuntimeExports.jsxs("div", Object.assign({ className: `${prefix}--footer-ext__branding` }, { children: [jsxRuntimeExports.jsx(iconsReact.WfpLogoVerticalEn, { alt: "WFP", className: `${prefix}--footer-ext__logo` }), jsxRuntimeExports.jsx("div", Object.assign({ className: `${prefix}--footer-ext__product-name` }, { children: productName }))] })), jsxRuntimeExports.jsx("div", Object.assign({ className: `${prefix}--footer-ext__address` }, { children: metaContent })), jsxRuntimeExports.jsxs("div", Object.assign({ className: `${prefix}--footer-ext__social-wrapper` }, { children: [jsxRuntimeExports.jsx("p", { children: "Follow WFP on:" }), jsxRuntimeExports.jsxs("ul", Object.assign({ className: `${prefix}--footer-ext__social-icons-list` }, { children: [jsxRuntimeExports.jsx("li", Object.assign({ className: `${prefix}--footer-ext__social-icon` }, { children: jsxRuntimeExports.jsx("a", Object.assign({ href: "https://twitter.com/WFP", target: "_blank", rel: "noopener" }, { children: jsxRuntimeExports.jsx(iconsReact.Twitter, {}) })) })), jsxRuntimeExports.jsx("li", Object.assign({ className: `${prefix}--footer-ext__social-icon` }, { children: jsxRuntimeExports.jsx("a", Object.assign({ href: "https://www.facebook.com/WorldFoodProgramme", target: "_blank", rel: "noopener" }, { children: jsxRuntimeExports.jsx(iconsReact.Facebook, {}) })) })), jsxRuntimeExports.jsx("li", Object.assign({ className: `${prefix}--footer-ext__social-icon` }, { children: jsxRuntimeExports.jsx("a", Object.assign({ href: "https://www.instagram.com/Worldfoodprogramme/", target: "_blank", rel: "noopener" }, { children: jsxRuntimeExports.jsx(iconsReact.Instagram, {}) })) })), jsxRuntimeExports.jsx("li", Object.assign({ className: `${prefix}--footer-ext__social-icon` }, { children: jsxRuntimeExports.jsx("a", Object.assign({ href: "https://www.linkedin.com/company/world-food-programme", target: "_blank", rel: "noopener" }, { children: jsxRuntimeExports.jsx(iconsReact.LinkedIn, {}) })) })), jsxRuntimeExports.jsx("li", Object.assign({ className: `${prefix}--footer-ext__social-icon` }, { children: jsxRuntimeExports.jsx("a", Object.assign({ href: "https://www.youtube.com/user/WORLDFOODPROGRAM", target: "_blank", rel: "noopener" }, { children: jsxRuntimeExports.jsx(iconsReact.YouTube, {}) })) })), jsxRuntimeExports.jsx("li", Object.assign({ className: `${prefix}--footer-ext__social-icon` }, { children: jsxRuntimeExports.jsx("a", Object.assign({ href: "https://www.tiktok.com/@worldfoodprogramme", target: "_blank", rel: "noopener" }, { children: jsxRuntimeExports.jsx(iconsReact.TikTok, {}) })) }))] }))] }))] })), jsxRuntimeExports.jsx("div", Object.assign({ className: `${prefix}--footer-ext__nav-wrapper` }, { children: children }))] })), jsxRuntimeExports.jsxs("div", Object.assign({ className: `${prefix}--footer-ext__legal` }, { children: [jsxRuntimeExports.jsxs("span", { children: [new Date().getFullYear(), " \u00A9 World Food Programme"] }), jsxRuntimeExports.jsx("nav", Object.assign({ className: `${prefix}--footer-ext__nav-legal` }, { children: jsxRuntimeExports.jsx("ul", Object.assign({ className: `${prefix}--footer-ext__legal-links` }, { children: metaLinks })) }))] }))] })) })));
+    return (jsxRuntimeExports.jsx("footer", Object.assign({ className: externalClasses }, { children: jsxRuntimeExports.jsxs(Wrapper, Object.assign({ pageWidth: pageWidth }, { children: [jsxRuntimeExports.jsxs("div", Object.assign({ className: `${prefix}--footer-ext__content` }, { children: [jsxRuntimeExports.jsxs("div", Object.assign({ className: `${prefix}--footer-ext__info` }, { children: [jsxRuntimeExports.jsx("div", Object.assign({ className: `${prefix}--footer-ext__branding` }, { children: jsxRuntimeExports.jsx("div", Object.assign({ className: `${prefix}--footer-ext__product-name` }, { children: productName })) })), jsxRuntimeExports.jsx("div", Object.assign({ className: `${prefix}--footer-ext__address` }, { children: metaContent })), jsxRuntimeExports.jsxs("div", Object.assign({ className: `${prefix}--footer-ext__social-wrapper` }, { children: [jsxRuntimeExports.jsx("p", { children: "Follow WFP on:" }), jsxRuntimeExports.jsxs("ul", Object.assign({ className: `${prefix}--footer-ext__social-icons-list` }, { children: [jsxRuntimeExports.jsx("li", Object.assign({ className: `${prefix}--footer-ext__social-icon` }, { children: jsxRuntimeExports.jsx("a", Object.assign({ href: "https://twitter.com/WFP", target: "_blank", rel: "noopener" }, { children: jsxRuntimeExports.jsx(iconsReact.Twitter, {}) })) })), jsxRuntimeExports.jsx("li", Object.assign({ className: `${prefix}--footer-ext__social-icon` }, { children: jsxRuntimeExports.jsx("a", Object.assign({ href: "https://www.facebook.com/WorldFoodProgramme", target: "_blank", rel: "noopener" }, { children: jsxRuntimeExports.jsx(iconsReact.Facebook, {}) })) })), jsxRuntimeExports.jsx("li", Object.assign({ className: `${prefix}--footer-ext__social-icon` }, { children: jsxRuntimeExports.jsx("a", Object.assign({ href: "https://www.instagram.com/Worldfoodprogramme/", target: "_blank", rel: "noopener" }, { children: jsxRuntimeExports.jsx(iconsReact.Instagram, {}) })) })), jsxRuntimeExports.jsx("li", Object.assign({ className: `${prefix}--footer-ext__social-icon` }, { children: jsxRuntimeExports.jsx("a", Object.assign({ href: "https://www.linkedin.com/company/world-food-programme", target: "_blank", rel: "noopener" }, { children: jsxRuntimeExports.jsx(iconsReact.LinkedIn, {}) })) })), jsxRuntimeExports.jsx("li", Object.assign({ className: `${prefix}--footer-ext__social-icon` }, { children: jsxRuntimeExports.jsx("a", Object.assign({ href: "https://www.youtube.com/user/WORLDFOODPROGRAM", target: "_blank", rel: "noopener" }, { children: jsxRuntimeExports.jsx(iconsReact.YouTube, {}) })) })), jsxRuntimeExports.jsx("li", Object.assign({ className: `${prefix}--footer-ext__social-icon` }, { children: jsxRuntimeExports.jsx("a", Object.assign({ href: "https://www.tiktok.com/@worldfoodprogramme", target: "_blank", rel: "noopener" }, { children: jsxRuntimeExports.jsx(iconsReact.TikTok, {}) })) }))] }))] }))] })), jsxRuntimeExports.jsx("div", Object.assign({ className: `${prefix}--footer-ext__nav-wrapper` }, { children: children }))] })), jsxRuntimeExports.jsxs("div", Object.assign({ className: `${prefix}--footer-ext__legal` }, { children: [jsxRuntimeExports.jsxs("span", { children: [new Date().getFullYear(), " \u00A9 World Food Programme"] }), jsxRuntimeExports.jsx("nav", Object.assign({ className: `${prefix}--footer-ext__nav-legal` }, { children: jsxRuntimeExports.jsx("ul", Object.assign({ className: `${prefix}--footer-ext__legal-links` }, { children: metaLinks })) }))] }))] })) })));
 };
 const LinksColumn = ({ title, children }) => {
     const { prefix } = useSettings();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progressiveui/react",
-  "version": "1.22.0",
+  "version": "1.22.1",
   "description": "WFP UI Kit",
   "license": "Apache-2",
   "main": "lib/index.js",
@@ -68,7 +68,6 @@
     "@babel/traverse": "^7.23.2",
     "@fontsource-variable/open-sans": "^5.0.13",
     "@progressiveui/icons-react": "^10.38.0",
-    "@progressiveui/pictograms-react": "^11.18.0",
     "@progressiveui/styles": "^10.30.0",
     "@progressiveui/themes-core": "^0.4.0",
     "@rollup/plugin-babel": "^6.0.4",
@@ -96,6 +95,7 @@
     "@types/react-dom": "^18.0.6",
     "@typescript-eslint/eslint-plugin": "^5.56.0",
     "@typescript-eslint/parser": "^5.56.0",
+    "@wfp/pictograms-react": "^11.18.1",
     "all-contributors-cli": "^6.17.0",
     "autoprefixer": "^9.8.6",
     "babel-eslint": "^10.1.0",
@@ -166,5 +166,5 @@
     "url": "https://github.com/wfp/ui.git"
   },
   "bundleSizeThreshold": 80000,
-  "gitHead": "a5bec728bba7e239d3d00104c0e24d1b13dd554b"
+  "gitHead": "9c36893d901567f83003609c366c9da8ed2beb4d"
 }

package/src/components/Empty/Empty.stories.tsx

@@ -2,7 +2,7 @@ import React from "react";
 import markdown from "./README.mdx";
 import Empty from "./Empty";
 import Button from "../Button";
-//import { IllustrationsMovingVanWithBackground } from '@progressiveui/pictograms-react';
+//import { IllustrationsMovingVanWithBackground } from '@wfp/pictograms-react';
 
 export default {
   title: "Components/UI Elements/Empty",
@@ -32,7 +32,7 @@ EmptyDefault.args = {
 
 const emptysourcecode = `
 import { Empty, Button  } from "@progressiveui/react";
-import { IllustrationsMovingVanWithBackground } from '@progressiveui/pictograms-react';
+import { IllustrationsMovingVanWithBackground } from '@wfp/pictograms-react';
 
 <Empty
   button={<Button kind="accent">New entry</Button>}

package/src/components/Footer/FooterExternal.tsx

@@ -2,7 +2,6 @@ import * as React from "react";
 import Wrapper from "../Wrapper";
 import type { PropsWithChildren } from "react";
 import classNames from "classnames";
-import { WfpLogoVerticalEn } from "@progressiveui/icons-react";
 import {
   LinkedIn,
   Facebook,
@@ -40,10 +39,6 @@ const FooterExternal: React.FC<FooterExternalProps> = ({
         <div className={`${prefix}--footer-ext__content`}>
           <div className={`${prefix}--footer-ext__info`}>
             <div className={`${prefix}--footer-ext__branding`}>
-              <WfpLogoVerticalEn
-                alt="WFP"
-                className={`${prefix}--footer-ext__logo`}
-              />
               <div className={`${prefix}--footer-ext__product-name`}>
                 {productName}
               </div>

package/src/components/Hero/Hero.stories.tsx

@@ -4,7 +4,7 @@ import markdown from "./README.mdx";
 
 import { Hero, HeroExternal } from ".";
 import Button from "../Button";
-import { WfpHumEmergencyResponsePos } from "@progressiveui/pictograms-react";
+import { WfpHumEmergencyResponsePos } from "@wfp/pictograms-react";
 //import heroTwig from './Hero.twig';
 
 export default {

package/src/components/Input/Input.tsx

@@ -238,6 +238,7 @@ const Input: React.FC<PropsWithChildren<InputPropsI>> = ({
   // iconDescription,
   id,
   className,
+
   inputWrapperClassName,
   //placeholder,
   //type,

package/src/components/Input/useInput.tsx

@@ -1,7 +1,7 @@
 /* eslint-disable @typescript-eslint/no-empty-function */
-import React from 'react';
-import classNames from 'classnames';
-import useSettings from '../../hooks/useSettings';
+import React from "react";
+import classNames from "classnames";
+import useSettings from "../../hooks/useSettings";
 
 export interface UseInputProps {
   /**
@@ -108,10 +108,10 @@ export interface UseInputProps {
 export const useInput = ({
   addonAfter,
   className,
-  inputClassName = 'wfp--input',
+  inputClassName = "wfp--input",
   id,
   placeholder,
-  type = 'text',
+  type = "text",
   onChange = () => {},
   onClick = () => {},
   hideLabel,
@@ -155,6 +155,9 @@ export const useInput = ({
   };
 
   const wrapperProps = {
+    calculatedId,
+    id,
+    name,
     className,
     addonAfter,
     labelText,
@@ -164,7 +167,7 @@ export const useInput = ({
     invalidText,
   };
 
-  const errorId = calculatedId + '-error-msg';
+  const errorId = calculatedId + "-error-msg";
 
   /*const labelClasses = classNames(`${prefix}--label`, {
     [`${prefix}--visually-hidden`]: hideLabel || !labelText,
@@ -179,9 +182,9 @@ export const useInput = ({
   );*/
 
   if (invalid) {
-    inputProps['data-invalid'] = true;
-    inputProps['aria-invalid'] = true;
-    inputProps['aria-describedby'] = errorId;
+    inputProps["data-invalid"] = true;
+    inputProps["aria-invalid"] = true;
+    inputProps["aria-describedby"] = errorId;
   }
   return { inputProps, wrapperProps };
 };

package/umd/dist/components/Input/useInput.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React from "react";
 export interface UseInputProps {
     /**
      * Specify an optional className to be applied to the <input> node
@@ -111,6 +111,7 @@ export declare const useInput: ({ addonAfter, className, inputClassName, id, pla
         className: string;
     };
     wrapperProps: {
+        calculatedId: string | undefined;
         className: string | undefined;
         addonAfter: React.ReactNode;
         labelText: React.ReactNode;

package/umd/index.js

@@ -1697,14 +1697,14 @@ const Input = (_a) => {
     var { additional, addonBefore, addonAfter, labelText, children, components: componentsOverride = {}, 
     //className,
     // iconDescription,
-    id, className, inputWrapperClassName, 
+    id, className, calculatedId, inputWrapperClassName, 
     //placeholder,
     //type,
     //onChange,
     //onClick,
-    hideLabel, name, invalid, invalidText, helperText, required } = _a, other = __rest(_a, ["additional", "addonBefore", "addonAfter", "labelText", "children", "components", "id", "className", "inputWrapperClassName", "hideLabel", "name", "invalid", "invalidText", "helperText", "required"]);
+    hideLabel, name, invalid, invalidText, helperText, required } = _a, other = __rest(_a, ["additional", "addonBefore", "addonAfter", "labelText", "children", "components", "id", "className", "calculatedId", "inputWrapperClassName", "hideLabel", "name", "invalid", "invalidText", "helperText", "required"]);
     const { prefix } = useSettings();
-    const calculatedId = id ? id : name;
+    // const calculatedId = id ? id : name;
     /* const inputProps = {
       id: calculatedId,
       onChange: (evt) => {
@@ -1764,7 +1764,7 @@ Input.displayName = "Input";
 /**
  * Input is a wrapper for custom inputs providing the label, helperText and errors. */
 const useInput = (_a) => {
-    var { addonAfter, className, inputClassName = 'wfp--input', id, placeholder, type = 'text', onChange = () => { }, onClick = () => { }, hideLabel, name, invalid, invalidText, labelText, helperText, light, value = undefined } = _a, 
+    var { addonAfter, className, inputClassName = "wfp--input", id, placeholder, type = "text", onChange = () => { }, onClick = () => { }, hideLabel, name, invalid, invalidText, labelText, helperText, light, value = undefined } = _a, 
     //required,
     other = __rest(_a, ["addonAfter", "className", "inputClassName", "id", "placeholder", "type", "onChange", "onClick", "hideLabel", "name", "invalid", "invalidText", "labelText", "helperText", "light", "value"]);
     const { prefix } = useSettings();
@@ -1784,7 +1784,9 @@ const useInput = (_a) => {
         }, placeholder,
         value,
         type });
+    console.log("useInput", { calculatedId });
     const wrapperProps = {
+        calculatedId,
         className,
         addonAfter,
         labelText,
@@ -1793,7 +1795,7 @@ const useInput = (_a) => {
         invalid,
         invalidText,
     };
-    const errorId = calculatedId + '-error-msg';
+    const errorId = calculatedId + "-error-msg";
     /*const labelClasses = classNames(`${prefix}--label`, {
       [`${prefix}--visually-hidden`]: hideLabel || !labelText,
       [`${prefix}--label--disabled`]: other.disabled,
@@ -1805,9 +1807,9 @@ const useInput = (_a) => {
       </label>
     );*/
     if (invalid) {
-        inputProps['data-invalid'] = true;
-        inputProps['aria-invalid'] = true;
-        inputProps['aria-describedby'] = errorId;
+        inputProps["data-invalid"] = true;
+        inputProps["aria-invalid"] = true;
+        inputProps["aria-describedby"] = errorId;
     }
     return { inputProps, wrapperProps };
 };
@@ -2442,7 +2444,7 @@ Footer.displayName = "Footer";
 const FooterExternal = ({ className, productName, children, metaContent, pageWidth = "lg", metaLinks, }) => {
     const { prefix } = useSettings();
     const externalClasses = classNames(`${prefix}--footer-ext`, className);
-    return (jsxRuntimeExports.jsx("footer", Object.assign({ className: externalClasses }, { children: jsxRuntimeExports.jsxs(Wrapper, Object.assign({ pageWidth: pageWidth }, { children: [jsxRuntimeExports.jsxs("div", Object.assign({ className: `${prefix}--footer-ext__content` }, { children: [jsxRuntimeExports.jsxs("div", Object.assign({ className: `${prefix}--footer-ext__info` }, { children: [jsxRuntimeExports.jsxs("div", Object.assign({ className: `${prefix}--footer-ext__branding` }, { children: [jsxRuntimeExports.jsx(WfpLogoVerticalEn, { alt: "WFP", className: `${prefix}--footer-ext__logo` }), jsxRuntimeExports.jsx("div", Object.assign({ className: `${prefix}--footer-ext__product-name` }, { children: productName }))] })), jsxRuntimeExports.jsx("div", Object.assign({ className: `${prefix}--footer-ext__address` }, { children: metaContent })), jsxRuntimeExports.jsxs("div", Object.assign({ className: `${prefix}--footer-ext__social-wrapper` }, { children: [jsxRuntimeExports.jsx("p", { children: "Follow WFP on:" }), jsxRuntimeExports.jsxs("ul", Object.assign({ className: `${prefix}--footer-ext__social-icons-list` }, { children: [jsxRuntimeExports.jsx("li", Object.assign({ className: `${prefix}--footer-ext__social-icon` }, { children: jsxRuntimeExports.jsx("a", Object.assign({ href: "https://twitter.com/WFP", target: "_blank", rel: "noopener" }, { children: jsxRuntimeExports.jsx(Twitter, {}) })) })), jsxRuntimeExports.jsx("li", Object.assign({ className: `${prefix}--footer-ext__social-icon` }, { children: jsxRuntimeExports.jsx("a", Object.assign({ href: "https://www.facebook.com/WorldFoodProgramme", target: "_blank", rel: "noopener" }, { children: jsxRuntimeExports.jsx(Facebook, {}) })) })), jsxRuntimeExports.jsx("li", Object.assign({ className: `${prefix}--footer-ext__social-icon` }, { children: jsxRuntimeExports.jsx("a", Object.assign({ href: "https://www.instagram.com/Worldfoodprogramme/", target: "_blank", rel: "noopener" }, { children: jsxRuntimeExports.jsx(Instagram, {}) })) })), jsxRuntimeExports.jsx("li", Object.assign({ className: `${prefix}--footer-ext__social-icon` }, { children: jsxRuntimeExports.jsx("a", Object.assign({ href: "https://www.linkedin.com/company/world-food-programme", target: "_blank", rel: "noopener" }, { children: jsxRuntimeExports.jsx(LinkedIn, {}) })) })), jsxRuntimeExports.jsx("li", Object.assign({ className: `${prefix}--footer-ext__social-icon` }, { children: jsxRuntimeExports.jsx("a", Object.assign({ href: "https://www.youtube.com/user/WORLDFOODPROGRAM", target: "_blank", rel: "noopener" }, { children: jsxRuntimeExports.jsx(YouTube, {}) })) })), jsxRuntimeExports.jsx("li", Object.assign({ className: `${prefix}--footer-ext__social-icon` }, { children: jsxRuntimeExports.jsx("a", Object.assign({ href: "https://www.tiktok.com/@worldfoodprogramme", target: "_blank", rel: "noopener" }, { children: jsxRuntimeExports.jsx(TikTok, {}) })) }))] }))] }))] })), jsxRuntimeExports.jsx("div", Object.assign({ className: `${prefix}--footer-ext__nav-wrapper` }, { children: children }))] })), jsxRuntimeExports.jsxs("div", Object.assign({ className: `${prefix}--footer-ext__legal` }, { children: [jsxRuntimeExports.jsxs("span", { children: [new Date().getFullYear(), " \u00A9 World Food Programme"] }), jsxRuntimeExports.jsx("nav", Object.assign({ className: `${prefix}--footer-ext__nav-legal` }, { children: jsxRuntimeExports.jsx("ul", Object.assign({ className: `${prefix}--footer-ext__legal-links` }, { children: metaLinks })) }))] }))] })) })));
+    return (jsxRuntimeExports.jsx("footer", Object.assign({ className: externalClasses }, { children: jsxRuntimeExports.jsxs(Wrapper, Object.assign({ pageWidth: pageWidth }, { children: [jsxRuntimeExports.jsxs("div", Object.assign({ className: `${prefix}--footer-ext__content` }, { children: [jsxRuntimeExports.jsxs("div", Object.assign({ className: `${prefix}--footer-ext__info` }, { children: [jsxRuntimeExports.jsx("div", Object.assign({ className: `${prefix}--footer-ext__branding` }, { children: jsxRuntimeExports.jsx("div", Object.assign({ className: `${prefix}--footer-ext__product-name` }, { children: productName })) })), jsxRuntimeExports.jsx("div", Object.assign({ className: `${prefix}--footer-ext__address` }, { children: metaContent })), jsxRuntimeExports.jsxs("div", Object.assign({ className: `${prefix}--footer-ext__social-wrapper` }, { children: [jsxRuntimeExports.jsx("p", { children: "Follow WFP on:" }), jsxRuntimeExports.jsxs("ul", Object.assign({ className: `${prefix}--footer-ext__social-icons-list` }, { children: [jsxRuntimeExports.jsx("li", Object.assign({ className: `${prefix}--footer-ext__social-icon` }, { children: jsxRuntimeExports.jsx("a", Object.assign({ href: "https://twitter.com/WFP", target: "_blank", rel: "noopener" }, { children: jsxRuntimeExports.jsx(Twitter, {}) })) })), jsxRuntimeExports.jsx("li", Object.assign({ className: `${prefix}--footer-ext__social-icon` }, { children: jsxRuntimeExports.jsx("a", Object.assign({ href: "https://www.facebook.com/WorldFoodProgramme", target: "_blank", rel: "noopener" }, { children: jsxRuntimeExports.jsx(Facebook, {}) })) })), jsxRuntimeExports.jsx("li", Object.assign({ className: `${prefix}--footer-ext__social-icon` }, { children: jsxRuntimeExports.jsx("a", Object.assign({ href: "https://www.instagram.com/Worldfoodprogramme/", target: "_blank", rel: "noopener" }, { children: jsxRuntimeExports.jsx(Instagram, {}) })) })), jsxRuntimeExports.jsx("li", Object.assign({ className: `${prefix}--footer-ext__social-icon` }, { children: jsxRuntimeExports.jsx("a", Object.assign({ href: "https://www.linkedin.com/company/world-food-programme", target: "_blank", rel: "noopener" }, { children: jsxRuntimeExports.jsx(LinkedIn, {}) })) })), jsxRuntimeExports.jsx("li", Object.assign({ className: `${prefix}--footer-ext__social-icon` }, { children: jsxRuntimeExports.jsx("a", Object.assign({ href: "https://www.youtube.com/user/WORLDFOODPROGRAM", target: "_blank", rel: "noopener" }, { children: jsxRuntimeExports.jsx(YouTube, {}) })) })), jsxRuntimeExports.jsx("li", Object.assign({ className: `${prefix}--footer-ext__social-icon` }, { children: jsxRuntimeExports.jsx("a", Object.assign({ href: "https://www.tiktok.com/@worldfoodprogramme", target: "_blank", rel: "noopener" }, { children: jsxRuntimeExports.jsx(TikTok, {}) })) }))] }))] }))] })), jsxRuntimeExports.jsx("div", Object.assign({ className: `${prefix}--footer-ext__nav-wrapper` }, { children: children }))] })), jsxRuntimeExports.jsxs("div", Object.assign({ className: `${prefix}--footer-ext__legal` }, { children: [jsxRuntimeExports.jsxs("span", { children: [new Date().getFullYear(), " \u00A9 World Food Programme"] }), jsxRuntimeExports.jsx("nav", Object.assign({ className: `${prefix}--footer-ext__nav-legal` }, { children: jsxRuntimeExports.jsx("ul", Object.assign({ className: `${prefix}--footer-ext__legal-links` }, { children: metaLinks })) }))] }))] })) })));
 };
 const LinksColumn = ({ title, children }) => {
     const { prefix } = useSettings();

package/umd/index.min.js

@@ -1 +1 @@
-import*as e from"react";import s,{createContext as a,useState as n,useEffect as t,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 u,Close as h,User as b,Home as x,CalendarAltRegular as j,ArrowRight as f,WfpLogoStandardBlackEn as _,WfpLogoVerticalEn as v,Twitter as $,Facebook as N,Instagram as O,LinkedIn as y,YouTube as w,TikTok as k,InfoSolid as T,Cross as C,Check as D,ChevronUp as P,Error as S,CheckmarkCircle as L,InfoCircle as I,CaretDown as E,CaretUp as F,ChevronLeft as q,ChevronRight as A,Ellipsis as M,WarningOutline as B,Locked as R,OverflowMenu as W,Checkmark as H,Menu as z}from"@progressiveui/icons-react";import U from"classnames";import K,{oneOf as V}from"prop-types";import G from"react-dom";import{usePopperTooltip as Y}from"react-popper-tooltip";function Z(e,s){return function(e){if(Array.isArray(e))return e}(e)||function(e,s){var a=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=a){var n,t,i,r,c=[],l=!0,o=!1;try{if(i=(a=a.call(e)).next,0===s){if(Object(a)!==a)return;l=!1}else for(;!(l=(n=i.call(a)).done)&&(c.push(n.value),c.length!==s);l=!0);}catch(e){o=!0,t=e}finally{try{if(!l&&null!=a.return&&(r=a.return(),Object(r)!==r))return}finally{if(o)throw t}}return c}}(e,s)||function(e,s){if(!e)return;if("string"==typeof e)return Q(e,s);var a=Object.prototype.toString.call(e).slice(8,-1);"Object"===a&&e.constructor&&(a=e.constructor.name);if("Map"===a||"Set"===a)return Array.from(e);if("Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a))return Q(e,s)}(e,s)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Q(e,s){(null==s||s>e.length)&&(s=e.length);for(var a=0,n=new Array(s);a<s;a++)n[a]=e[a];return n}function J(e,s){var a={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&s.indexOf(n)<0&&(a[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var t=0;for(n=Object.getOwnPropertySymbols(e);t<n.length;t++)s.indexOf(n[t])<0&&Object.prototype.propertyIsEnumerable.call(e,n[t])&&(a[n[t]]=e[n[t]])}return a}"function"==typeof SuppressedError&&SuppressedError;var X,ee={exports:{}},se={};ee.exports=function(){if(X)return se;X=1;var e=s,a=Symbol.for("react.element"),n=Symbol.for("react.fragment"),t=Object.prototype.hasOwnProperty,i=e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,r={key:!0,ref:!0,__self:!0,__source:!0};function c(e,s,n){var c,l={},o=null,d=null;for(c in void 0!==n&&(o=""+n),void 0!==s.key&&(o=""+s.key),void 0!==s.ref&&(d=s.ref),s)t.call(s,c)&&!r.hasOwnProperty(c)&&(l[c]=s[c]);if(e&&e.defaultProps)for(c in s=e.defaultProps)void 0===l[c]&&(l[c]=s[c]);return{$$typeof:a,type:e,key:o,ref:d,props:l,_owner:i.current}}return se.Fragment=n,se.jsx=c,se.jsxs=c,se}();var ae=ee.exports;const ne=(e,s)=>!0===e||!(!e||!e[s]),te="szh-accordion",ie="szh-adn",re=`data-${ie}`,ce=`data-${ie}-btn`,le=a({}),oe=(e,s,a)=>(n,t)=>{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 n?n(t):n;return"string"==typeof c&&(c=c.trim(),c&&(r+=` ${c}`)),r},de=(e,s)=>{if(!s)return e;const a=Object.assign({},e);return Object.keys(s).forEach((n=>{const t=e[n],i=s[n];a[n]="function"==typeof i&&t?(...e)=>{t(...e),i(...e)}:i})),a},pe=e=>ae.jsx(le.Provider,Object.assign({},e)),me=e=>{do{e=e.parentElement}while(e&&!e.hasAttribute(re));return e},ge=(e,s,a)=>e?s>0?s-1:a-1:(s+1)%a,ue=(e,s)=>{const{activeElement:a}=document;if(!a||!a.hasAttribute(ce)||me(a)!==s.currentTarget)return;const n=s.currentTarget.querySelectorAll(`[${ce}]`),{length:t}=n;for(let i=0;i<t;i++)if(n[i]===a){let a=ge(e,i,t);for(;me(n[i])!==me(n[a]);)a=ge(e,a,t);i!==a&&(s.preventDefault(),n[a].focus());break}},he=e.forwardRef(((e,s)=>{var{providerValue:a,className:n}=e,t=J(e,["providerValue","className"]);const{accordionProps:i}={accordionProps:{[re]:"",onKeyDown:e=>"ArrowUp"===e.key?ue(!0,e):"ArrowDown"===e.key&&ue(!1,e)}};return ae.jsx(pe,Object.assign({value:a},{children:ae.jsx("div",Object.assign({},de(i,t),{ref:s,className:oe(te)(n)}))}))}));he.displayName="ControlledAccordion";const be=e.forwardRef(((e,s)=>{var{allowMultiple:a,initialEntered:n,mountOnEnter:t,unmountOnExit:i,transition:r,transitionTimeout:c,onStateChange:l}=e,o=J(e,["allowMultiple","initialEntered","mountOnEnter","unmountOnExit","transition","transitionTimeout","onStateChange"]);const d=((e={})=>{var{transition:s,transitionTimeout:a}=e,n=J(e,["transition","transitionTimeout"]);const t=p(Object.assign({timeout:a,enter:ne(s,"enter"),exit:ne(s,"exit"),preEnter:ne(s,"preEnter"),preExit:ne(s,"preExit")},n));return Object.assign({mountOnEnter:!!n.mountOnEnter,initialEntered:!!n.initialEntered},t)})({allowMultiple:a,initialEntered:n,mountOnEnter:t,unmountOnExit:i,transition:r,transitionTimeout:c,onStateChange:l});return ae.jsx(he,Object.assign({},o,{ref:s,providerValue:d}))}));be.displayName="Accordion";const xe={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")}},je=a(xe),fe=()=>"undefined"!=typeof window&&window.matchMedia("(prefers-color-scheme: dark)").matches,_e=e=>{var{children:s,wrapperElement:a,prefix:i="wfp",initialTheme:r="light"}=e,c=J(e,["children","wrapperElement","prefix","initialTheme"]);const l=e=>{const s=`${i}--theme--`;"auto"===e&&fe();const n="auto"===e&&fe()?"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--${n}`)}return n},o=()=>{const e="undefined"!=typeof window&&window.localStorage.getItem("theme")||r;return l(e),e},[d,p]=n(o()),[m,g]=n((()=>{const e=o();return"auto"===e?fe()?"dark":"light":e})());t((()=>{const e=window.matchMedia("(prefers-color-scheme: dark)");return e.addListener(u),()=>e.removeListener(u)}),[]);const u=()=>{if("auto"===d){const e=l("auto");g(e)}},h=Object.assign(Object.assign(Object.assign({},xe),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 ae.jsx(je.Provider,Object.assign({value:h},{children:s}))};function ve(){const e=i(je);return void 0===e?xe:e}let $e=0;const Ne=r||(()=>{const[e,s]=n();return t((()=>s(++$e)),[]),e&&`${ie}-${e}`}),Oe="undefined"!=typeof window&&void 0!==window.document&&void 0!==window.document.createElement?c:t;function ye(e,s){"function"==typeof e?e(s):e.current=s}function we(e,s){return o((()=>e?s?a=>{ye(e,a),ye(s,a)}:e:s),[e,s])}const ke=({itemKey:e,initialEntered:s,disabled:a}={})=>{const n=l(null),r=i(le),c=null!=e?e:n.current,o=((e,s,a)=>{const{stateMap:n,mountOnEnter:t,initialEntered:i}=e,r=null!=a?a:i;return n.get(s)||{status:r?"entered":t?"unmounted":"exited",isMounted:!t,isEnter:r,isResolved:!0}})(r,c,s),{setItem:p,deleteItem:m,toggle:g}=r;return t((()=>{if(a)return;const t=null!=e?e:n.current;return p(t,{initialEntered:s}),()=>{m(t)}}),[p,m,e,s,a]),{itemRef:n,state:o,toggle:d((e=>g(c,e)),[g,c])}},Te=s=>{const a=e.forwardRef(((e,a)=>{var{itemKey:n,initialEntered:t}=e,i=J(e,["itemKey","initialEntered"]);return ae.jsx(s,Object.assign({forwardedRef:a},i,ke({itemKey:n,initialEntered:t,disabled:i.disabled})))}));return a.displayName="withAccordionItem",a};Te.displayName="withAccordionItem";const Ce=(e,s)=>"function"==typeof e?e(s):e,De=e.memo((e=>{var{forwardedRef:s,itemRef:a,state:t,toggle:i,className:r,disabled:c,header:o,headingTag:d="h3",headingProps:p,buttonProps:g,contentProps:u,panelProps:h,children:b}=e,x=J(e,["forwardedRef","itemRef","state","toggle","className","disabled","header","headingTag","headingProps","buttonProps","contentProps","panelProps","children"]);const j={state:t,toggle:i,disabled:c},{buttonProps:f,panelProps:_}=(({state:e,toggle:s,disabled:a})=>{const n=Ne(),t=n&&n+"-",i={id:n,"aria-controls":t,"aria-expanded":e.isEnter,onClick:s};return a?i.disabled=!0:i[ce]="",{buttonProps:i,panelProps:{id:t,"aria-labelledby":n,role:"region"}}})(j),[v,$]=(({status:e,isResolved:s})=>{const[a,t]=n(),i=l(null);return Oe((()=>{("preEnter"===e||"preExit"===e)&&t(i.current.getBoundingClientRect().height)}),[e]),[{height:"preEnter"===e||"exiting"===e?0:"entering"===e||"preExit"===e?a:void 0,overflow:s?void 0:"hidden"},i]})(t),N=we(h&&h.ref,$),{status:O,isMounted:y,isEnter:w}=t,{prefix:k}=ve(),T=U(`${k}--accordion--button`,{[`${k}--accordion--button__expanded`]:w});return ae.jsxs("div",Object.assign({},x,{ref:we(s,a),className:oe(te,"item",{status:O,expanded:w})(r,t)},{children:[ae.jsx(d,Object.assign({},p,{style:Object.assign({margin:0},p&&p.style),className:oe(te,"item-heading")(p&&p.className,t)},{children:ae.jsxs("button",Object.assign({},de(f,g),{type:"button",className:oe(te,"item-btn")(g&&g.className,t)},{children:[ae.jsx(m,{description:"open",className:T}),Ce(o,j)]}))})),y&&ae.jsx("div",Object.assign({},u,{style:Object.assign(Object.assign({display:"exited"===O?"none":void 0},v),u&&u.style),className:oe(te,"item-content")(u&&u.className,t)},{children:ae.jsx("div",Object.assign({},de(_,h),{ref:N,className:oe(te,"item-panel")(h&&h.className,t)},{children:Ce(b,j)}))}))]}))}));De.displayName="AccordionItem";const Pe=Te(De);Pe.displayName="AccordionItem";const Se=e=>{var{image:s,backgroundContent:a,children:n,className:t}=e,i=J(e,["image","backgroundContent","children","className"]);const{prefix:r}=ve(),c=s?{backgroundImage:`url(${s})`}:{},l=U(`${r}--auth-background-wrapper`,{[`${r}--auth-background-image`]:s,[`${t}`]:t});return ae.jsxs("div",Object.assign({className:`${r}--auth-wrapper`},i,{children:[ae.jsx("div",Object.assign({className:l,style:c},{children:a})),ae.jsx("div",Object.assign({className:`${r}--auth-content-wrapper`},{children:n}))]}))},Le=e=>{var{children:s}=e,a=J(e,["children"]);const{prefix:n}=ve();return ae.jsx("div",Object.assign({},a,{className:`${n}--auth-background-content`},{children:s}))},Ie=["sm","md","lg","full"],Ee=e=>{const{prefix:s}=ve(),{background:a,backgroundClassName:n,backgroundStyle:t,children:i,className:r,pageWidth:c,mobilePageWidth:l,spacing:o}=e,d=J(e,["background","backgroundClassName","backgroundStyle","children","className","pageWidth","mobilePageWidth","spacing"]),p=U({[`${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||t||n){const e=U(n,{[`${s}--wrapper--background-${a}`]:a});return ae.jsx("div",Object.assign({className:e,style:t},{children:ae.jsx("div",Object.assign({className:p},d,{children:i}))}))}return ae.jsx("div",Object.assign({className:p},d,{children:i}))},Fe=({className:e,children:s})=>{const{prefix:a}=ve(),n=U(`${a}--banner-navigation__item`,e);return ae.jsx("li",Object.assign({className:n},{children:s}))},qe=e=>{var{children:s,className:a}=e,n=J(e,["children","className"]);const{prefix:t}=ve(),i=U(`${t}--banner-navigation`,a);return ae.jsx("div",Object.assign({className:i},{children:ae.jsx(Ee,Object.assign({},n,{children:ae.jsx("ul",Object.assign({className:`${t}--banner-navigation__list`},{children:s}))}))}))},Ae=e=>{var{className:s,children:a,invalid:n,inline:t}=e,i=J(e,["className","children","invalid","inline"]);const{prefix:r}=ve(),c=U(`${r}--form-item`,{[`${r}--form-item--inline`]:t,[`${r}--form-item--invalid`]:n},s);return ae.jsx("div",Object.assign({className:c},i,{children:a}))};function Me({addonBefore:e,prefix:s}){return e?ae.jsx("div",Object.assign({className:`${s}--input-addon-before`},{children:e})):null}function Be({addonAfter:e,prefix:s}){return e?ae.jsx("div",Object.assign({className:`${s}--input-addon-after`},{children:e})):null}function Re({errorId:e,errorClasses:s,invalid:a,invalidText:n}){if(a){const t=ae.jsx(g,{fill:"#c5192d"});return ae.jsxs("div",Object.assign({className:s,id:e},{children:[t," ",ae.jsx("span",{children:"object"==typeof a&&a.message?a.message:"string"==typeof a?a:n||"required"})]}))}return null}function We({labelClasses:e,calculatedId:s,labelText:a,required:n,hideLabel:t}){return t?null:ae.jsxs("label",Object.assign({htmlFor:s,className:e},{children:[a&&a,n&&"*"]}))}function He({helperTextClasses:e,helperText:s}){return s?ae.jsx("div",Object.assign({className:e},{children:s})):null}const ze=e=>{var{additional:s,addonBefore:a,addonAfter:n,labelText:t,children:i,components:r={},id:c,className:l,inputWrapperClassName:o,hideLabel:d,name:p,invalid:m,invalidText:g,helperText:u,required:h}=e,b=J(e,["additional","addonBefore","addonAfter","labelText","children","components","id","className","inputWrapperClassName","hideLabel","name","invalid","invalidText","helperText","required"]);const{prefix:x}=ve(),j=c||p,f=j+"-error-msg",_=U(`${x}--label`,{[`${x}--visually-hidden`]:d||!t,[`${x}--label--disabled`]:b.disabled}),v=U(`${x}--input-wrapper`,{[`${x}--form-item--invalid`]:m},o),$=U(`${x}--form__helper-text`,{[`${x}--form__helper-text--disabled`]:b.disabled}),N=`${x}--form-requirement`,O=Object.assign({AddonAfter:Be,AddonBefore:Me,Label:We,Helper:He,InlineErrorMessage:Re},r),y=O.AddonAfter,w=O.AddonBefore,k=O.Label,T=O.Helper,C=O.InlineErrorMessage,D={labelText:t,labelClasses:_,calculatedId:j,required:h,helperTextClasses:$,helperText:u,errorClasses:N,errorId:f,invalid:m,invalidText:g,addonAfter:n,addonBefore:a,hideLabel:d,prefix:x};return ae.jsxs(Ae,Object.assign({className:l,inline:b.inline},{children:[ae.jsx(k,Object.assign({},D)),ae.jsx(T,Object.assign({},D)),s,ae.jsxs("div",Object.assign({className:v},{children:[ae.jsx(w,Object.assign({},D)),i,ae.jsx(y,Object.assign({},D))]})),ae.jsx(C,Object.assign({},D))]}))};ze.displayName="Input";const Ue=e=>{var{addonAfter:s,className:a,inputClassName:n="wfp--input",id:t,placeholder:i,type:r="text",onChange:c=(()=>{}),onClick:l=(()=>{}),hideLabel:o,name:d,invalid:p,invalidText:m,labelText:g,helperText:u,light:h,value:b}=e,x=J(e,["addonAfter","className","inputClassName","id","placeholder","type","onChange","onClick","hideLabel","name","invalid","invalidText","labelText","helperText","light","value"]);const{prefix:j}=ve(),f=t||d,_=U(`${j}--input`,n,{[`${j}--input--light`]:h,[`${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}),$={className:a,addonAfter:s,labelText:g,helperText:u,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:$}},Ke=e.forwardRef(((s,a)=>{const{prefix:n}=ve(),{className:t,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=U(`${n}--number`,t,{[`${n}--number--light`]:b,[`${n}--number--helpertext`]:g,[`${n}--number--nolabel`]:c,[`${n}--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=U({"wfp--search-close":!0,"wfp--search-close--hidden":!f}),y=U(`${n}--search-input`,t,{[`${n}--search-input--rounded`]:x}),w=s,{wrapperProps:k,inputProps:T}=Ue(Object.assign(Object.assign({},w),{onChange:e=>{r||(e.persist(),e.imaginaryTarget=$,_(e.target.value),p(e,e.target.value))},className:`${n}--search-input__wrapper`,inputClassName:y}));return ae.jsxs(ze,Object.assign({},k,{inputWrapperClassName:N},{children:[ae.jsx(u,{description:o,className:`${n}--search-magnifier-icon`,onClick:m}),ae.jsx("input",Object.assign({},T,{ref:$,value:f})),ae.jsx("button",Object.assign({className:O,onClick:()=>{_(""),p(evt,"")},type:"button","aria-label":i},{children:ae.jsx(h,{description:i})}))]}))}));Ke.displayName="Search";const Ve=e.forwardRef((function(s,a){const{children:n,className:t,href:i,disabled:r,inline:c,visited:l,icon:o,size:d,linkSolid:p}=s,m=J(s,["children","className","href","disabled","inline","visited","icon","size","linkSolid"]),{prefix:g}=ve(),u=U(`${g}--link`,t,{[`${g}--link--disabled`]:r,[`${g}--link--inline`]:c,[`${g}--link--visited`]:l,[`${g}--link--${d}`]:d,[`${g}--link--icon`]:o,[`${g}--link--solid`]:p}),h="_blank"===m.target?"noopener":void 0,b=o;return ae.jsxs("a",Object.assign({href:r?void 0:i,className:u,rel:h,ref:a,"aria-disabled":r},m,{children:[n,o&&e.isValidElement(o)?ae.jsx("span",Object.assign({className:`${g}--link__icon`},{children:o})):o?ae.jsx(b,{}):null]}))}));Ve.displayName="Link";const Ge=e=>{var{searchOnChange:s,search:a}=e,n=J(e,["searchOnChange","search"]);return ae.jsxs(qe,Object.assign({},n,{children:[ae.jsx(Fe,{children:ae.jsx(Ve,Object.assign({href:"http://communities.wfp.org",target:"_blank"},{children:"Communities"}))}),ae.jsx(Fe,{children:ae.jsx(Ve,Object.assign({href:"http://manuals.wfp.org",target:"_blank"},{children:"Manuals"}))}),ae.jsx(Fe,{children:ae.jsx(Ve,Object.assign({href:"https://newgo.docs.wfp.org",target:"_blank"},{children:"GoDocs"}))}),ae.jsx(Fe,{children:ae.jsx(Ve,Object.assign({href:"https://welearn.wfp.org",target:"_blank"},{children:"WeLearn"}))}),ae.jsx(Fe,{children:ae.jsx(Ve,Object.assign({href:"https://dashboard.wfp.org",target:"_blank"},{children:"Dashboard"}))}),ae.jsx(Fe,{children:ae.jsx(Ve,Object.assign({href:"http://opweb.wfp.org",target:"_blank"},{children:"OPweb"}))}),ae.jsx(Fe,{children:ae.jsx(Ve,Object.assign({href:"https://selfservice.go.wfp.org",target:"_blank"},{children:"Self-Service"}))}),ae.jsx(Fe,{children:ae.jsx(Ve,Object.assign({href:"https://erpapps.wfp.org/fiori",target:"_blank"},{children:"WeTravel"}))}),ae.jsx(Fe,{children:ae.jsx(Ve,Object.assign({href:"https://unbooking.org/",target:"_blank"},{children:"UN Booking Hub"}))}),ae.jsx(Fe,{children:ae.jsx(Ve,Object.assign({href:"https://wfp.org",target:"_blank"},{children:"WFP.org"}))}),a&&ae.jsx(Fe,{children:ae.jsx("form",Object.assign({action:"http://gtd.wfp.org",method:"GET",acceptCharset:"UTF-8",target:"_blank"},{children:ae.jsx(Ke,{kind:"banner",id:"search-2",labelText:"Find People",name:"q",placeholder:"Find People",onChange:s})}))})]}))};function Ye(e){var{alt:s,className:a,image:n,missingImage:t="avatar",name:i,userIconProps:r}=e,c=J(e,["alt","className","image","missingImage","name","userIconProps"]);const{prefix:l}=ve();if(n||"avatar"!==t){if(void 0===n&&"letter"===t){const e=U(`${l}--avatar`,`${l}--avatar--empty`,`${l}--avatar--letter`,a);return ae.jsx("svg",Object.assign({id:"avatar-layer",className:e,x:"0px",y:"0px",viewBox:"0 0 25 25",height:"25px",width:"25px"},{children:ae.jsx("text",Object.assign({x:"50%",y:"57%",dominantBaseline:"middle",textAnchor:"middle"},{children:i&&i.toUpperCase()[0]}))}))}{const e=U(`${l}--avatar`,a);return ae.jsx("div",Object.assign({},c,{className:e},{children:ae.jsx("img",{alt:s,src:n})}))}}{const e=U(`${l}--avatar`,`${l}--avatar--empty`,`${l}--avatar--missing`,a);return ae.jsx(b,Object.assign({fill:"#ffffff",description:s,className:e},r,c))}}Ye.displayName="Avatar";const Ze=e=>{var{children:s,className:a}=e,n=J(e,["children","className"]);const{prefix:t}=ve(),i=U(a,{[`${t}--breadcrumb`]:!0,[`${t}--breadcrumb--no-trailing-slash`]:!0});return ae.jsx("div",Object.assign({className:i},n,{children:s}))},Qe=(e,a,n)=>{const{prefix:t}=ve();return!0===a?ae.jsx("span",{children:e}):"string"==typeof e&&void 0!==n?ae.jsx(Ve,Object.assign({href:n},{children:e})):s.cloneElement(s.Children.only(e),{className:`${t}--link`})},Je=e=>{var{children:s,className:a,disableLink:n,href:t}=e,i=J(e,["children","className","disableLink","href"]);const{prefix:r}=ve(),c=U(`${r}--breadcrumb-item`,a);return ae.jsx("div",Object.assign({className:c},i,{children:Qe(s,n,t)}))},Xe=e=>{var{className:s,hometext:a}=e,n=J(e,["className","hometext"]);const{prefix:t}=ve(),i=U(`${t}--breadcrumb-home`,s);return ae.jsx(x,Object.assign({fill:"#0b77c2",width:"14",height:"14",description:a,className:i},n))},es=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:u,type:h="button",icon:b,iconDescription:x,onClick:j,id:f}=s,_=J(s,["children","className","disabled","small","large","btnSolid","kind","iconReverse","tabIndex","useFlexbox","type","icon","iconDescription","onClick","id"]),{prefix:v}=ve(),[$,N]=n(!1);t((()=>{const e=setTimeout((()=>w()),500);return()=>{clearTimeout(e)}}),[$]);const O={tabIndex:g,className:U(r,{[`${v}--btn`]:!0,[`${v}--btn--sm`]:l,[`${v}--btn--lg`]:o,[`${v}--btn--icon-reverse`]:m,[`${v}--btn--flexbox`]:u,[`${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=ae.jsx("span",Object.assign({className:`${v}--btn__icon`},{children:b}));else if(b){const e=b;y=ae.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 ae.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 ae.jsxs("button",Object.assign({},T,O,{disabled:c,type:h,onClick:k,ref:a,id:f},{children:[m&&y,i,!m&&y]}))}));es.displayName="Button",V(["primary","secondary","accent","danger","ghost","inverse--primary","inverse","danger--primary","tertiary","navigation"]);const ss=["primary","secondary","tertiary","accent","danger--primary","danger","ghost","inverse--primary","inverse","navigation"],as=["info","success","warning","error"],ns=({icon:e})=>{const{prefix:s}=ve();return e?ae.jsx("div",Object.assign({className:`${s}--empty__icon`},{children:e})):null},ts=({title:e,children:s})=>{const{prefix:a}=ve();return ae.jsxs("div",Object.assign({className:`${a}--empty__text`},{children:[e&&ae.jsx("h2",{children:e}),ae.jsx("div",{children:s})]}))},is=e=>{var{button:s,children:a,className:n,components:t,icon:i,title:r,kind:c="large"}=e,l=J(e,["button","children","className","components","icon","title","kind"]);const{prefix:o}=ve(),d=U({[`${o}--empty`]:!0,[`${o}--empty--${c}`]:c},n),p={Icon:ns,Text:ts},m=Object.assign(Object.assign({},p),t),g=m.Icon,u=m.Text;return ae.jsxs("div",Object.assign({className:d},l,{children:[ae.jsx(g,{icon:i}),ae.jsx(u,{title:r,children:a}),ae.jsx("div",Object.assign({className:`${o}--empty__button`},{children:s}))]}))};is.displayName="Empty";const rs=s=>{var{children:a,className:n,image:t,isExternal:i,isLink:r,metadata:c,more:l,subTitle:o,title:d,kind:p,url:m}=s,g=J(s,["children","className","image","isExternal","isLink","metadata","more","subTitle","title","kind","url"]);const{prefix:u}=ve(),h="related"!==p?{backgroundImage:`url(${t})`}:{},b=U(`${u}--photo-card`,{[`${u}--photo-card--${p}`]:p,[`${u}--photo-card--no-background`]:!t,[`${u}--photo-card--link`]:r,[`${n}`]:n}),x=ae.jsxs(e.Fragment,{children:[ae.jsx("div",{className:`${u}--photo-card__background`,style:h}),t&&"related"===p&&ae.jsx("img",{src:t}),ae.jsxs("div",Object.assign({className:`${u}--photo-card__info`},{children:[ae.jsxs("div",{children:[("landscape"===p||"hero"===p)&&ae.jsx("div",{className:`${u}--photo-card__info__background`,style:h}),c&&ae.jsx("p",Object.assign({className:`${u}--photo-card__info__metadata`},{children:c})),d&&("hero"===p||"splash-compact"===p)&&ae.jsx("h2",Object.assign({className:`${u}--photo-card__info__title`},{children:d})),d&&"hero"!==p&&"splash-compact"!==p&&ae.jsx("h3",Object.assign({className:`${u}--photo-card__info__title`},{children:d})),o&&ae.jsx("p",Object.assign({className:`${u}--photo-card__info__subtitle`},{children:o}))]}),"hero"===p||"splash-image"===p||"splash-compact"===p&&ae.jsx("div",Object.assign({className:`${u}--photo-card__info__more`},{children:l}))]})),a]});return r?ae.jsx("a",Object.assign({href:m,target:i?"_blank":"",className:b},g,{children:x})):ae.jsx("div",Object.assign({className:b},g,{children:x}))};rs.displayName="Hero";const cs=({title:e,subTitle:s,image:a,children:n,className:t})=>{const{prefix:i}=ve(),r=U(`${i}--hero-ext`,{[`${t}`]:t});return ae.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:ae.jsxs(Ee,Object.assign({pageWidth:"md"},{children:[ae.jsxs("div",Object.assign({className:`${i}--hero-ext__content`},{children:[e&&ae.jsx("h1",Object.assign({className:`${i}--hero-ext__heading`},{children:e})),s&&ae.jsx("p",Object.assign({className:`${i}--hero-ext__body-copy`},{children:s}))]})),n]}))}))},ls=e=>{var{children:s,className:a,image:n,isExternal:t,isLink:i,metadata:r,subTitle:c,title:l,alt:o,kind:d,url:p,cardWidth:m,cardHeight:g}=e,u=J(e,["children","className","image","isExternal","isLink","metadata","subTitle","title","alt","kind","url","cardWidth","cardHeight"]);const{prefix:h}=ve(),b="overlay"==d?{backgroundImage:`url(${n})`}:{},x=m||"300px",j=g||"260px",f=U([`${h}--card-box`],{[`${h}--photo-cardnew--${d}`]:d,[`${h}--photo-cardnew--link`]:i,[`${a}`]:a}),_=ae.jsxs(ae.Fragment,{children:["overlay"===d?ae.jsx("div",{className:`${h}--photo-cardnew__background`,style:b}):null,n&&"simple-card"===d?ae.jsx("img",{src:n,alt:o,className:`${h}--header-photo`}):null,ae.jsx("div",Object.assign({className:`${h}--photo-cardnew__info`},{children:ae.jsxs("div",{children:["overlay"===d&&ae.jsx("div",{className:`${h}--photo-cardnew__info__background`,style:b}),r&&ae.jsx("p",Object.assign({className:`${h}--photo-cardnew__info__metadata`},{children:r})),l&&ae.jsx("h3",Object.assign({className:`${h}--photo-cardnew__info__title`},{children:l})),c&&ae.jsx("p",Object.assign({className:`${h}--photo-cardnew__info__subtitle`},{children:c}))]})})),s]});return i?ae.jsx("div",Object.assign({className:f,style:{width:x,minHeight:j}},{children:ae.jsx("a",Object.assign({href:p,target:t?"_blank":"",style:{width:x,minHeight:j}},u,{children:_}))})):ae.jsx("div",Object.assign({className:f},u,{style:{width:x,minHeight:j}},{children:_}))};ls.displayName="Card";const os={info:"Info",error:"error",success:"Success",warning:"Warning",custom:"Custom"},ds=e=>{var{children:s,className:a,type:n="info"}=e,t=J(e,["children","className","type"]);const{prefix:i}=ve(),r=U(`${i}--tag`,`${i}--tag--${n}`,a);return ae.jsx("span",Object.assign({className:r},t,{children:s||os[n]}))};ds.displayName="Tag";const ps=e=>{var{label:s,labelStatus:a,interactive:i,image:r,heading:c,subHeading:o,caption:d,tag:p,children:m,className:g}=e,u=J(e,["label","labelStatus","interactive","image","heading","subHeading","caption","tag","children","className"]);const{prefix:h}=ve(),b=l(null),[x,j]=n(63),f=a?"success":"neutral",_=U(`${h}--card-ext`,{[`${h}--card-ext--interactive`]:i,[`${g}`]:g});return t((()=>{b.current&&j(b.current.offsetHeight)}),[b]),ae.jsxs("div",Object.assign({className:_},{children:[s&&ae.jsx("div",Object.assign({className:`${h}--card-ext__label ${h}--card-ext__label--${f}`},{children:s})),ae.jsx("figure",Object.assign({className:`${h}--card-ext__media`},{children:ae.jsx("img",{className:`${h}--card-ext__image`,src:r,alt:"Card picture"})})),ae.jsxs("div",Object.assign({className:`${h}--card-ext__info-wrapper ${h}--card-ext__info-wrapper--with-divider`},{children:[ae.jsxs("div",Object.assign({className:`${h}--card-ext__primary-title`},{children:[o&&ae.jsx("p",Object.assign({className:`${h}--card-ext__subheading`},{children:o})),c&&ae.jsx("p",Object.assign({className:`${h}--card-ext__heading`},{children:c}))]})),ae.jsx("div",Object.assign({className:u.truncated?`${h}--card-ext__supportive-text ${h}--card-ext__supportive-text--truncated`:`${h}--card-ext__supportive-text`,ref:b},{children:ae.jsx("p",Object.assign({style:{WebkitLineClamp:Math.floor(x/1.5/14)}},{children:d}))})),p&&ae.jsx("div",Object.assign({className:`${h}--card-ext__tags`},{children:ae.jsx(ds,Object.assign({className:`${h}--card-ext__tag`,type:"custom"},{children:p}))}))]})),m]}))};ps.propTypes={label:K.string,labelStatus:K.bool,image:K.string,heading:K.string,subHeading:K.string,caption:K.string,tag:K.string,children:K.node,interactive:K.bool,className:K.string};const ms=e.forwardRef((({startDate:e,endDate:s,setStartDate:a,datePicker:n,datePickerProps:t={}},i)=>{const{prefix:r}=ve(),c=n;return c?ae.jsx("div",Object.assign({className:`${r}--date-picker`},{children:ae.jsxs("div",Object.assign({className:`${r}--date-picker__input`},{children:[ae.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`},t,{ref:i})),ae.jsx(j,{className:`${r}--date-picker__icon`})]}))})):ae.jsx("div",{children:"Add a datepicker component"})}));ms.displayName="DatePickerInput";const gs=e.forwardRef(((e,s)=>{const{datePickerProps:a,hideLabel:n,helperText:t,required:i}=e,{prefix:r}=ve(),c=U(`${r}--input`,`${r}--date-picker`,{[`${r}--date-picker--helpertext`]:t,[`${r}--date-picker--nolabel`]:n,[`${r}--date-picker--required`]:i}),l=e,{inputProps:o,wrapperProps:d}=Ue(Object.assign(Object.assign({},l),{inputClassName:c}));return ae.jsx(ze,Object.assign({},d,{children:ae.jsx(ms,Object.assign({},o,{ref:s,datePickerProps:a}))}))}));gs.displayName="DatePicker";const us=e.forwardRef((({startDate:e,endDate:s,setStartDate:a,setEndDate:n,datePicker:t,fromProps:i={},toProps:r={}},c)=>{const{prefix:l}=ve(),o=t;return o?ae.jsxs("div",Object.assign({className:`${l}--date-ranger-picker`},{children:[ae.jsxs("div",Object.assign({className:`${l}--date-ranger-picker__input`},{children:[ae.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})),ae.jsx(j,{className:`${l}--date-ranger-picker__icon`})]})),ae.jsx(f,{className:`${l}--date-ranger-picker__arrow`}),ae.jsxs("div",Object.assign({className:`${l}--date-ranger-picker__input`},{children:[ae.jsx(o,Object.assign({selected:s,className:`${l}--input ${l}--date-ranger__input__start-date`,onChange:n,selectsEnd:!0,startDate:e,endDate:s,minDate:e,wrapperClassName:`${l}--date-picker__wrapper`},r)),ae.jsx(j,{className:`${l}--date-ranger-picker__icon`})]}))]})):ae.jsx("div",{children:"Add a datepicker component"})}));us.displayName="DateRangePickerInput";const hs=e.forwardRef(((e,s)=>{const{fromProps:a,toProps:n,hideLabel:t,helperText:i,required:r}=e,{prefix:c}=ve(),l=U(`${c}--input`,`${c}--date-range-picker`,{[`${c}--date-range-picker--helpertext`]:i,[`${c}--date-range-picker--nolabel`]:t,[`${c}--date-range-picker--required`]:r}),o=e,{inputProps:d,wrapperProps:p}=Ue(Object.assign(Object.assign({},o),{inputClassName:l}));return ae.jsx(ze,Object.assign({},p,{children:ae.jsx(us,Object.assign({},d,{ref:s,fromProps:a,toProps:n}))}))}));hs.displayName="DateRangePicker";const bs=e.forwardRef(((e,s)=>{var{className:a,id:n,labelText:t,onChange:i=(()=>{}),indeterminate:r,invalid:c,invalidText:l,hideLabel:o,wrapperClassName:d,title:p=""}=e,m=J(e,["className","id","labelText","onChange","indeterminate","invalid","invalidText","hideLabel","wrapperClassName","title"]);const{prefix:g}=ve(),u=U(`${g}--checkbox-label`,a),h=U(`${g}--checkbox-label-text`,{[`${g}--visually-hidden`]:o}),b=U(`${g}--form-item`,`${g}--checkbox-wrapper`,{[`${g}--checkbox-wrapper--invalid`]:c},d);return ae.jsxs("div",Object.assign({className:b},{children:[ae.jsx("input",Object.assign({},m,{"aria-invalid":c,"data-invalid":c,type:"checkbox",onChange:e=>{i(e,e.target.checked,n)},className:`${g}--checkbox`,id:n||m.name,ref:e=>{e&&r&&(e.indeterminate=r),"function"==typeof s?s(e):Object(s)===s&&s&&(s.current=e)}})),ae.jsx("label",Object.assign({htmlFor:n||m.name,className:u,title:p||void 0},{children:ae.jsx("span",Object.assign({className:h},{children:t}))})),ae.jsx(Re,{errorClasses:`${g}--form-requirement`,invalid:c,invalidText:l})]}))}));bs.displayName="Checkbox";const xs=e=>{var{children:s,className:a,info:n}=e,t=J(e,["children","className","info"]);const{prefix:i}=ve(),r=U(`${i}--credits`,a);return ae.jsxs("div",Object.assign({className:r},t,{children:[ae.jsx("div",Object.assign({className:`${i}--credits__info`},{children:n})),s]}))};xs.displayName="Credits";const js=e=>{var{children:a,className:t,selectedIndex:i,small:r,onChange:c}=e,l=J(e,["children","className","selectedIndex","small","onChange"]);const{prefix:o}=ve(),[d,p]=n(i),m=e=>{const{index:s}=e;d!==s&&(p(s),c(e))},g=U(`${o}--content-switcher`,t,{[`${o}--content-switcher--sm`]:r});return ae.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)}))},fs={duration:100,animation:"fade",theme:"light",arrow:!0},_s={duration:100,animation:"fade",theme:"dark",arrow:!0},vs=({className:s,dark:a,noPadding:n,children:t,content:i,trigger:r="hover",placement:c="top",createRefWrapper:l,closeOnOutsideClick:o,closeOnTriggerHidden:d,defaultVisible:p,delayHide:m,delayShow:g,followCursor:u,interactive:h,mutationObserverOptions:b,offset:x,onVisibleChange:j,usePortal:f})=>{const{prefix:_}=ve(),[v,$]=e.useState(!1),N=U(s,{[`${_}--tooltip`]:!0,[`${_}--tooltip--disable-padding`]:n,[`${_}--tooltip--visible`]:v,[`${_}--tooltip--${r}`]:r,[`${_}--tooltip--dark`]:a}),{getArrowProps:O,getTooltipProps:y,setTooltipRef:w,setTriggerRef:k,visible:T}=Y({closeOnOutsideClick:o,closeOnTriggerHidden:d,defaultVisible:p,delayHide:m,delayShow:g,followCursor:u,interactive:h,mutationObserverOptions:b,offset:x,onVisibleChange:j,placement:c,trigger:r}),C=U({[`${_}--tooltip--trigger`]:!0}),D=U(s,{[`${_}--tooltip--trigger`]:!0}),P=l||"string"==typeof t?ae.jsx("span",Object.assign({ref:k,className:D},{children:t})):e.cloneElement(t,{ref:k,className:C}),S=ae.jsxs("div",Object.assign({ref:w},y({className:N}),{children:["function"==typeof i?i({setVisibility:$,visibilityChange:e=>{$(e),j&&j(e)}}):i,ae.jsx("div",Object.assign({},O({className:`${_}--tooltip__arrow`})))]}));return ae.jsxs(ae.Fragment,{children:[P,T&&f&&ae.jsx($s,{children:S}),T&&!f&&S]})};function $s({children:e}){return G.createPortal(e,document.body)}const Ns=({children:e,className:s,content:a})=>{const{prefix:n}=ve(),t=U({[`${n}--context-menu`]:!0},s);return ae.jsx(vs,Object.assign({className:t,content:a,noPadding:!0,trigger:"click"},{children:e}))},Os=e=>{var{className:s}=e,a=J(e,["className"]);const{prefix:n}=ve(),t=U({[`${n}--context-menu__group`]:!0},s);return ae.jsx("div",Object.assign({className:t},a))},ys=e=>{var{className:s}=e,a=J(e,["className"]);const{prefix:n}=ve(),t=U({[`${n}--context-menu__item`]:!0},s);return ae.jsx("div",Object.assign({className:t},a))},ws=({className:e,children:s,labelOne:a,linkTextOne:n,linkHrefOne:t,labelTwo:i,linkTextTwo:r,linkHrefTwo:c,logo:l,logoExtended:o,metaContent:d,metaLinks:p,secondary:m,pageWidth:g="lg"})=>{const{prefix:u}=ve(),h=U(`${u}--footer`,e);return ae.jsxs("footer",Object.assign({className:h},{children:[ae.jsx(Ee,Object.assign({pageWidth:g},{children:ae.jsxs("div",Object.assign({className:`${u}--footer__content`},{children:[s?ae.jsx("div",Object.assign({className:`${u}--footer__info`},{children:s})):ae.jsxs("div",Object.assign({className:`${u}--footer__info`},{children:[ae.jsxs("div",Object.assign({className:`${u}--footer__info__item`},{children:[ae.jsx("p",Object.assign({className:`${u}--footer__label`},{children:a})),ae.jsx("ul",Object.assign({className:`${u}--footer__list`},{children:ae.jsx("li",{children:ae.jsx(Ve,Object.assign({href:t},{children:n}))})}))]})),ae.jsxs("div",Object.assign({className:`${u}--footer__info__item`},{children:[ae.jsx("p",Object.assign({className:`${u}--footer__label`},{children:i})),ae.jsx("ul",Object.assign({className:`${u}--footer__list`},{children:ae.jsx("li",{children:ae.jsx(Ve,Object.assign({href:c},{children:r}))})}))]}))]})),ae.jsxs("div",Object.assign({className:`${u}--footer__cta`},{children:[o&&"string"==typeof o?ae.jsx("img",{className:`${u}--footer__cta-logo`,src:o,alt:"World Food Programme Logo"}):o||ae.jsx(_,{className:`${u}--footer__cta-logo`,alt:"WFP"}),l&&"string"==typeof l?ae.jsx("img",{className:`${u}--footer__cta-logo-small`,src:l,alt:"WFP Logo"}):l||ae.jsx(v,{description:"WFP",className:`${u}--footer__cta-logo-small`}),m&&ae.jsx("div",Object.assign({className:`${u}--footer__secondary`},{children:m}))]}))]}))})),ae.jsxs(Ee,Object.assign({className:`${u}--footer__meta`,pageWidth:g},{children:[p&&ae.jsx("div",Object.assign({className:`${u}--footer__meta__links`},{children:p})),d&&ae.jsx("div",Object.assign({className:`${u}--footer__meta__content`},{children:d}))]}))]}))};ws.displayName="Footer";const ks=({className:e,productName:s,children:a,metaContent:n,pageWidth:t="lg",metaLinks:i})=>{const{prefix:r}=ve(),c=U(`${r}--footer-ext`,e);return ae.jsx("footer",Object.assign({className:c},{children:ae.jsxs(Ee,Object.assign({pageWidth:t},{children:[ae.jsxs("div",Object.assign({className:`${r}--footer-ext__content`},{children:[ae.jsxs("div",Object.assign({className:`${r}--footer-ext__info`},{children:[ae.jsxs("div",Object.assign({className:`${r}--footer-ext__branding`},{children:[ae.jsx(v,{alt:"WFP",className:`${r}--footer-ext__logo`}),ae.jsx("div",Object.assign({className:`${r}--footer-ext__product-name`},{children:s}))]})),ae.jsx("div",Object.assign({className:`${r}--footer-ext__address`},{children:n})),ae.jsxs("div",Object.assign({className:`${r}--footer-ext__social-wrapper`},{children:[ae.jsx("p",{children:"Follow WFP on:"}),ae.jsxs("ul",Object.assign({className:`${r}--footer-ext__social-icons-list`},{children:[ae.jsx("li",Object.assign({className:`${r}--footer-ext__social-icon`},{children:ae.jsx("a",Object.assign({href:"https://twitter.com/WFP",target:"_blank",rel:"noopener"},{children:ae.jsx($,{})}))})),ae.jsx("li",Object.assign({className:`${r}--footer-ext__social-icon`},{children:ae.jsx("a",Object.assign({href:"https://www.facebook.com/WorldFoodProgramme",target:"_blank",rel:"noopener"},{children:ae.jsx(N,{})}))})),ae.jsx("li",Object.assign({className:`${r}--footer-ext__social-icon`},{children:ae.jsx("a",Object.assign({href:"https://www.instagram.com/Worldfoodprogramme/",target:"_blank",rel:"noopener"},{children:ae.jsx(O,{})}))})),ae.jsx("li",Object.assign({className:`${r}--footer-ext__social-icon`},{children:ae.jsx("a",Object.assign({href:"https://www.linkedin.com/company/world-food-programme",target:"_blank",rel:"noopener"},{children:ae.jsx(y,{})}))})),ae.jsx("li",Object.assign({className:`${r}--footer-ext__social-icon`},{children:ae.jsx("a",Object.assign({href:"https://www.youtube.com/user/WORLDFOODPROGRAM",target:"_blank",rel:"noopener"},{children:ae.jsx(w,{})}))})),ae.jsx("li",Object.assign({className:`${r}--footer-ext__social-icon`},{children:ae.jsx("a",Object.assign({href:"https://www.tiktok.com/@worldfoodprogramme",target:"_blank",rel:"noopener"},{children:ae.jsx(k,{})}))}))]}))]}))]})),ae.jsx("div",Object.assign({className:`${r}--footer-ext__nav-wrapper`},{children:a}))]})),ae.jsxs("div",Object.assign({className:`${r}--footer-ext__legal`},{children:[ae.jsxs("span",{children:[(new Date).getFullYear()," © World Food Programme"]}),ae.jsx("nav",Object.assign({className:`${r}--footer-ext__nav-legal`},{children:ae.jsx("ul",Object.assign({className:`${r}--footer-ext__legal-links`},{children:i}))}))]}))]}))}))},Ts=({title:e,children:s})=>{const{prefix:a}=ve();return ae.jsxs("div",Object.assign({className:`${a}--links-column`},{children:[e&&ae.jsxs("p",Object.assign({className:`${a}--links-column__title`},{children:[" ",e," "]})),ae.jsx("nav",{children:ae.jsx("ul",Object.assign({className:`${a}--links-column__nav-list`},{children:s}))})]}))},Cs=({className:e,href:s,children:a})=>{const{prefix:n}=ve(),t=U(`${n}--footer-ext__legal-link`,e);return ae.jsx("li",Object.assign({className:t},{children:ae.jsx("a",Object.assign({href:s},{children:a}))}))},Ds=e=>{var{className:s,children:a,longForm:n=!0}=e,t=J(e,["className","children","longForm"]);const{prefix:i}=ve(),r=U(`${i}--form`,{[`${i}--form-long`]:!0===n},s);return ae.jsx("form",Object.assign({className:r},t,{children:a}))};Ds.displayName="Form";const Ps=({align:e,breakpoint:s,legendText:a,inline:n,children:t,className:i,inputSpacing:r,message:c,messageText:l})=>{const{prefix:o}=ve(),d=U(`${o}--form-group__title`,i),p=U(`${o}--fieldset`,{[`${o}--fieldset__inline`]:n,[`${o}--fieldset__align-${e}`]:e,[`${o}--fieldset__breakpoint-${s}`]:s,[`${o}--fieldset__input-spacing-${r}`]:r},i);return ae.jsxs("div",Object.assign({className:p},{children:[ae.jsx("legend",Object.assign({className:d},{children:a})),ae.jsx("div",Object.assign({className:`${o}--fieldset__content`},{children:t})),c?ae.jsx("div",Object.assign({className:`${o}--form__requirements`},{children:l})):null]}))},Ss=({className:e,children:s,description:a})=>{const{prefix:n}=ve(),t=U(`${n}--form-hint`,e);return ae.jsx(vs,Object.assign({content:s},{children:ae.jsx("div",Object.assign({className:t},{children:ae.jsx(T,{width:"15",height:"15",description:a})}))}))},Ls=e=>{var{className:s,children:a,id:n}=e,t=J(e,["className","children","id"]);const{prefix:i}=ve(),r=U(`${i}--label`,s);return ae.jsx("label",Object.assign({htmlFor:n,className:r},t,{children:a}))},Is=({children:e,className:s,id:a,pageWidth:n})=>{const{prefix:t}=ve(),i=U(`${t}--info-bar`,s);return ae.jsx("div",Object.assign({id:a,className:i},{children:ae.jsx(Ee,Object.assign({pageWidth:n},{children:e}))}))};Is.displayName="InfoBar";const Es=e=>{const{active:s=!0,className:a,withOverlay:n=!0,small:t=!1}=e,i=J(e,["active","className","withOverlay","small"]),{prefix:r}=ve(),c=U(`${r}--loading`,a,{[`${r}--loading--small`]:t,[`${r}--loading--stop`]:!s}),l=U(`${r}--loading-overlay`,{[`${r}--loading-overlay--stop`]:!s}),o=ae.jsx("div",Object.assign({},i,{"aria-live":s?"assertive":"off",className:c},{children:ae.jsxs("svg",Object.assign({className:`${r}--loading__svg`,viewBox:"-75 -75 150 150"},{children:[ae.jsx("title",{children:"Loading"}),null,ae.jsx("circle",{className:void 0,cx:"0",cy:"0",r:"37.5"})]}))}));return n?ae.jsx("div",Object.assign({className:l},{children:o})):o};Es.displayName="Loading";const Fs=e=>{const{className:s,success:a,description:n,onSuccess:t,successDelay:i}=e,r=J(e,["className","success","description","onSuccess","successDelay"]),{prefix:c}=ve(),l=U(`${c}--inline-loading`,s),o=ae.jsx("p",Object.assign({className:`${c}--inline-loading__text`},{children:n}));return ae.jsxs("div",Object.assign({className:l},r,{children:[ae.jsx("div",Object.assign({className:`${c}--inline-loading__animation`},{children:a?(setTimeout((()=>{t&&t()}),i),ae.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:ae.jsx("polyline",{className:`${c}--inline-loading__checkmark`,points:"0.74 3.4 3.67 6.34 9.24 0.74"})}))):ae.jsx(Es,{small:!0,withOverlay:!1})})),n&&o]}))};Fs.displayName="InlineLoading";const qs=e.forwardRef(((e,s)=>{var{children:a,className:n,colon:t,kind:i,small:r}=e,c=J(e,["children","className","colon","kind","small"]);const{prefix:l}=ve(),o=U(`${l}--list`,n,{[`${l}--list--${i}`]:i,[`${l}--list--small`]:r,[`${l}--list--colon`]:t}),d=Object.assign({},c);return ae.jsx("ul",Object.assign({className:o},d,{ref:s},{children:a}))}));qs.displayName="List";const As=e=>{var{children:s,className:a,title:n,kind:t,icon:i}=e,r=J(e,["children","className","title","kind","icon"]);const c=U("wfp--list__element",a,{"wfp--list-item--checkmark":"checkmark"===t,"wfp--list-item--cross":"cross"===t});return ae.jsxs("li",Object.assign({className:c},r,{children:["cross"===t&&ae.jsx(C,{className:"wfp--list-item__icon"}),"checkmark"===t&&ae.jsx(D,{className:"wfp--list-item__icon"}),i&&ae.jsx("span",Object.assign({className:"wfp--list__element__icon"},{children:i})),n&&ae.jsx("span",Object.assign({className:"wfp--list__element__title"},{children:n})),ae.jsx("span",Object.assign({className:"wfp--list__element__content"},{children:s}))]}))},Ms=s.createContext({onChangeSub:e=>e,activeMenuItem:null,openMobileMenu:!1,toggleMenu:()=>{},setOpenMobileMenu:()=>{}}),Bs=({toggleMenu:e,prefix:s})=>ae.jsx(es,Object.assign({className:`${s}--main-navigation__button`,onClick:e},{children:"Menu"})),Rs=({children:e,components:s={},className:a,id:t,logo:i,line:r=!1,logoRibbon:c="default",mobilePageWidth:l,pageWidth:o})=>{const{prefix:d}=ve(),[p,m]=n(!1),[g,u]=n(null),h=()=>{m(!p)},b=U(`${d}--main-navigation`,{[`${d}--main-navigation--line`]:r},a),x=U(`${d}--main-navigation__list`,{[`${d}--main-navigation__list--open`]:p}),j=Object.assign({Wrapper:Ee,MobileButton:Bs},s),f=j.Wrapper,$=j.MobileButton;return ae.jsx("nav",Object.assign({id:t,className:b},{children:ae.jsx(Ms.Provider,Object.assign({value:{activeMenuItem:g,openMobileMenu:p,toggleMenu:h,onChangeSub:(e,s,a)=>{if(a&&a.preventDefault(),"close"===e)u(null);else if("toggle"===e){const e=null===g||g!==s?s:null;void 0!==e&&u(e)}},setOpenMobileMenu:m}},{children:ae.jsxs(f,Object.assign({pageWidth:o,mobilePageWidth:l,className:`${d}--main-navigation__wrapper`},{children:[ae.jsxs("div",Object.assign({className:`${d}--main-navigation__logo-wrapper`},{children:[ae.jsx($,Object.assign({toggleMenu:h,prefix:d,openMobileMenu:p},{children:"Menu"})),ae.jsx("div",Object.assign({className:`${d}--main-navigation__logo`},{children:"default"===c?ae.jsxs("div",Object.assign({className:`${d}--main-navigation__logo__default`},{children:[ae.jsx("div",Object.assign({className:`${d}--main-navigation__logo__default__ribbon`},{children:ae.jsx(v,{description:"WFP"})})),i]})):"offShelf"===c?ae.jsxs("div",Object.assign({className:`${d}--main-navigation__logo__offShelf`},{children:[ae.jsx(_,{description:"WFP"}),i]})):i}))]})),ae.jsx("ul",Object.assign({className:x},{children:e}))]}))}))}))};Rs.displayName="MainNavigation";const Ws=e=>{const{className:s,children:a,components:n={},description:t,ellipsis:i,extendedDescription:r,showName:c,small:l,name:o,missingImage:d}=e,p=J(e,["className","children","components","description","ellipsis","extendedDescription","showName","small","name","missingImage"]),{prefix:m}=ve(),g={Avatar:Ye},u=Object.assign(Object.assign({},g),n),h=U(`${m}--user`,s,{[`${m}--user--has-description`]:t,[`${m}--user--has-extended-description`]:r}),b=U({[`${m}--user__title`]:!0,[`${m}--user__title--ellipsis`]:i,[`${m}--user__title--small`]:l});return ae.jsxs("div",Object.assign({className:h},p,{children:[ae.jsx(u.Avatar,Object.assign({},e,{missingImage:d})),c&&ae.jsxs("span",Object.assign({className:b},{children:[ae.jsx("span",{children:o}),t&&ae.jsx("div",Object.assign({className:`${m}--user__description`},{children:t}))]})),a,r&&ae.jsx("div",Object.assign({className:`${m}--user__extended-description`},{children:r}))]}))};var Hs=function(){var e=Z(n(!1),2),s=e[0],a=e[1];return{isOpen:s,open:function(){return a(!0)},close:function(){return a(!1)}}};const zs=({children:e,primaryLanguage:s})=>{const{prefix:a}=ve(),n=l(null),i=Hs();return t((()=>{const e=e=>{i.isOpen&&n.current&&!n.current.contains(e.target)&&i.close()};return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}}),[i.isOpen]),ae.jsxs("div",Object.assign({className:`${a}--language-ext`,ref:n},{children:[ae.jsxs("div",Object.assign({className:`${a}--language-ext__trigger`,role:"presentation",onClick:()=>i.isOpen?i.close():i.open()},{children:[ae.jsx("span",{children:s}),i.isOpen?ae.jsx(P,{}):ae.jsx(m,{})]})),ae.jsx("ul",Object.assign({className:`${a}--language-ext__dropdown ${i.isOpen?`${a}--language-ext__dropdown--is-shown`:""}`},{children:e}))]}))},Us=({username:e,children:s,userImage:a})=>{const{prefix:n}=ve(),i=l(null),r=Hs();return t((()=>{const e=e=>{r.isOpen&&(null==i?void 0:i.current)&&!i.current.contains(e.target)&&r.close()};return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}}),[r.isOpen]),ae.jsxs("div",Object.assign({className:`${n}--user-ext`,ref:i},{children:[ae.jsxs("div",Object.assign({className:`${n}--user-ext__trigger`,role:"presentation",onClick:()=>r.isOpen?r.close():r.open()},{children:[ae.jsx(Ws,{alt:"User avatar",name:e,image:a}),r.isOpen?ae.jsx(P,{}):ae.jsx(m,{})]})),ae.jsx("ul",Object.assign({className:`${n}--user-ext__dropdown ${r.isOpen?`${n}--user-ext__dropdown--is-shown`:""}`},{children:s}))]}))},Ks=({productName:e,primaryLanguage:s,languageList:a,username:n,pageWidth:i="full",components:r={},userImage:c,userDetails:o,children:d})=>{const{prefix:p}=ve(),m=l(null),g=Hs();t((()=>{const e=e=>{g.isOpen&&m.current&&!m.current.contains(e.target)&&g.close()};return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}}),[g.isOpen]);const u={LanguageExternal:zs,UserExternal:Us},h=Object.assign(Object.assign({},u),r);return ae.jsx("header",Object.assign({className:`${p}--main-navigation-ext`},{children:ae.jsxs(Ee,Object.assign({pageWidth:i,className:`${p}--main-navigation-ext__wrapper`},{children:[ae.jsxs("div",Object.assign({className:`${p}--main-navigation-ext__branding`},{children:[ae.jsx("div",Object.assign({className:`${p}--main-navigation-ext__wfp-logo`},{children:ae.jsx(v,{className:`${p}--main-navigation-ext__wfp-logo-svg`,alt:"WFP",width:"100%"})})),ae.jsx("div",Object.assign({className:`${p}--main-navigation-ext__product-name`},{children:e}))]})),ae.jsxs("div",Object.assign({className:`${p}--main-navigation-ext__main`},{children:[ae.jsxs("div",Object.assign({className:`${p}--main-navigation-ext__settings`},{children:[ae.jsx(h.LanguageExternal,Object.assign({primaryLanguage:s},{children:a})),ae.jsx(h.UserExternal,Object.assign({username:n,userImage:c},{children:o}))]})),ae.jsxs("div",Object.assign({className:`${p}--main-navigation-ext__nav`,ref:m},{children:[ae.jsx("div",Object.assign({className:`${p}--main-navigation-ext__mobile-menu-button`},{children:ae.jsx(es,Object.assign({kind:"secondary",small:!0,onClick:()=>g.isOpen?g.close():g.open()},{children:"Menu"}))})),ae.jsx("div",Object.assign({className:`${p}--main-navigation-ext__nav-wrapper\n            ${g.isOpen?"wfp--main-navigation-ext--is-shown":""}`},{children:ae.jsx("nav",Object.assign({className:`${p}--main-navigation-ext__site-nav ${g.isOpen?"wfp--main-navigation-ext--is-shown":""}`},{children:ae.jsxs("ul",Object.assign({className:`${p}--main-navigation-ext__site-nav-list`},{children:[d,ae.jsxs("div",Object.assign({className:`${p}--main-navigation-ext__mobile-settings`},{children:[ae.jsx("li",Object.assign({className:`${p}--main-navigation-ext__site-link`},{children:ae.jsx(zs,Object.assign({primaryLanguage:s},{children:a}))})),ae.jsx("li",Object.assign({className:`${p}--main-navigation-ext__site-link`},{children:ae.jsx(Us,Object.assign({username:n,userImage:c},{children:o}))}))]}))]}))}))}))]}))]}))]}))}))};function Vs(){return i(Ms)}Ks.propTypes={productName:K.node,className:K.string,languageList:K.node,username:K.node,userImage:K.string,userDetails:K.node,primaryLanguage:K.string},Ks.defaultProps={primaryLanguage:"English"},Vs.displayName="useMainNavigation";const Gs=({className:e,children:s,kind:a,subNavigation:i,subNavWideAsContent:r})=>{const{prefix:c}=ve(),{onChangeSub:o,activeMenuItem:d}=Vs(),[p]=n(Math.random().toString(36)),g=l(null);t((()=>(p===d?document.addEventListener("mousedown",u):document.removeEventListener("mousedown",u),()=>{document.removeEventListener("mousedown",u)})),[d]);const u=e=>{(null==g?void 0:g.current)&&!g.current.contains(e.target)&&o("close")},b=U(e,{[`${c}--main-navigation__item`]:!0,[`${c}--main-navigation__item--open`]:p===d,[`${c}--content-width`]:i&&r}),x=U({[`${c}--main-navigation__trigger`]:!0,[`${c}--main-navigation__trigger--has-sub`]:i,[`${c}--main-navigation__trigger--open`]:p===d}),j=p===d?h:m,f=U({[`${c}--main-navigation__sub`]:!0,[`${c}--main-navigation__sub--${a}`]:a,[`${c}--main-navigation__sub--open`]:p===d});return ae.jsxs("li",Object.assign({className:b,ref:g},{children:[ae.jsxs("div",Object.assign({className:x,onClick:()=>o("toggle",p)},{children:[s,i&&ae.jsx(j,{className:`${c}--main-navigation__trigger__icon`,description:p===d?"close icon":"expand icon"})]})),i&&ae.jsx("div",Object.assign({className:f},{children:i}))]}))},Ys=e=>{var{children:s}=e,a=J(e,["children"]);return ae.jsx("div",Object.assign({},a,{children:s}))},Zs=e=>{var{children:s,className:a}=e,n=J(e,["children","className"]);const{prefix:t}=ve(),i=U(`${t}--sub-navigation__item`,a);return ae.jsx("div",Object.assign({className:i},n,{children:s}))},Qs=e=>{var{children:s,className:a}=e,n=J(e,["children","className"]);const{prefix:t}=ve(),i=U(`${t}--sub-navigation__header`,a);return ae.jsx("div",Object.assign({className:i},n,{children:s}))},Js=e=>{var{children:s,className:a}=e,n=J(e,["children","className"]);const{prefix:t}=ve(),i=U(`${t}--sub-navigation__title`,a);return ae.jsx("div",Object.assign({className:i},n,{children:s}))},Xs=e=>{var{children:s,className:a}=e,n=J(e,["children","className"]);const{prefix:t}=ve(),i=U(`${t}--sub-navigation__link`,a);return ae.jsx("div",Object.assign({className:i},n,{children:s}))},ea=e=>{var{children:s,className:a}=e,n=J(e,["children","className"]);const{prefix:t}=ve(),i=U(`${t}--sub-navigation__filter`,a);return ae.jsx("div",Object.assign({className:i},n,{children:s}))},sa=e=>{var{children:s,className:a}=e,n=J(e,["children","className"]);const{prefix:t}=ve(),i=U(`${t}--sub-navigation__content`,a);return ae.jsx("div",Object.assign({className:i},n,{children:s}))},aa=e=>{var{children:s,className:a}=e,n=J(e,["children","className"]);const{prefix:t}=ve(),i=U(`${t}--sub-navigation__list`,a);return ae.jsx("div",Object.assign({className:i},n,{children:s}))},na=e=>{var{children:s,columns:a,className:n,title:t}=e,i=J(e,["children","columns","className","title"]);const{prefix:r}=ve(),c=U(`${r}--sub-navigation__group`,{className:n},{[`${r}--sub-navigation__group--columns`]:a,[`${r}--sub-navigation__group--columns--${a}`]:a});return ae.jsxs("div",Object.assign({className:c},i,{children:[t&&ae.jsx("h3",Object.assign({className:`${r}--sub-navigation__group__title`},{children:t})),ae.jsx("div",{children:s})]}))},ta=e=>{var{children:s,className:a}=e,n=J(e,["children","className"]);const{prefix:t}=ve(),i=U({[`${t}--story`]:!0,[`${a}`]:a});return ae.jsx("div",Object.assign({className:i},n,{children:s}))},ia=e=>{var{ariaLabel:s="close notification",className:a,iconDescription:n="close icon",type:t="button",renderIcon:i=h,name:r,notificationType:c="toast"}=e,l=J(e,["ariaLabel","className","iconDescription","type","renderIcon","name","notificationType"]);const{prefix:o}=ve(),d=U(a,{[`${o}--${c}-notification__close-button`]:c}),p=U({[`${o}--${c}-notification__close-icon`]:c});return ae.jsx("button",Object.assign({},l,{type:t,"aria-label":n,title:n,className:d},{children:i&&ae.jsx(i,{"aria-label":s,className:p,name:r})}))},ra=e=>{var{children:s,className:a,onClick:n}=e,t=J(e,["children","className","onClick"]);const{prefix:i}=ve(),r=U(a,`${i}--inline-notification__action-button`);return ae.jsx(es,Object.assign({className:r,kind:"ghost",onClick:n,small:!0},t,{children:s}))},ca=e=>{var{title:s,subtitle:a,caption:n,notificationType:t="toast",children:i}=e,r=J(e,["title","subtitle","caption","notificationType","children"]);const{prefix:c}=ve();return"toast"===t?ae.jsxs("div",Object.assign({},r,{className:`${c}--toast-notification__details`},{children:[s&&ae.jsx("h3",Object.assign({className:`${c}--toast-notification__title`},{children:s})),ae.jsx("div",Object.assign({className:`${c}--toast-notification__subtitle`},{children:a})),ae.jsx("div",Object.assign({className:`${c}--toast-notification__caption`},{children:n})),i]})):ae.jsxs("div",Object.assign({},r,{className:`${c}--inline-notification__text-wrapper`},{children:[s&&ae.jsx("p",Object.assign({className:`${c}--inline-notification__title`},{children:s})),ae.jsx("div",Object.assign({className:`${c}--inline-notification__subtitle`},{children:i||a}))]}))},la={error:S,success:L,warning:g,info:I},oa=({iconDescription:e,kind:s="info",notificationType:a="toast"})=>{const{prefix:n}=ve(),t=s?la[s]:void 0;return t?ae.jsx(t,Object.assign({className:`${n}--${a}-notification__icon`},{children:ae.jsx("title",{children:e})})):null},da=s=>{var{role:a="alert",notificationType:n="toast",onClose:t=(()=>{}),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:u,timeout:h=0}=s,b=J(s,["role","notificationType","onClose","onCloseButtonClick","iconDescription","statusIconDescription","className","subtitle","title","kind","lowContrast","hideCloseButton","children","timeout"]);const{prefix:x}=ve(),[j,f]=e.useState(!0),_=U(l,{[`${x}--toast-notification`]:!0,[`${x}--toast-notification--low-contrast`]:m,[`${x}--toast-notification--${p}`]:p});const v=e.useRef(t);return e.useEffect((()=>{v.current=t})),e.useEffect((()=>{if(!h)return;const e=window.setTimeout((e=>{f(!1),v.current&&v.current(e)}),h);return()=>{window.clearTimeout(e)}}),[h]),j?ae.jsxs("div",Object.assign({},b,{role:a,className:_},{children:[ae.jsx(oa,{kind:p,iconDescription:c||`${p} icon`,notificationType:n}),ae.jsx(ca,Object.assign({title:d,subtitle:o,notificationType:n},{children:u})),!g&&ae.jsx(ia,{iconDescription:r,notificationType:n,onClick:function(e){i(e),(e=>{t&&!1===t(e)||f(!1)})(e)}})]})):null},pa=e.forwardRef(((e,s)=>{const{actions:a,role:n="alert",notificationType:t="inline",icon:i,statusIconDescription:r,className:c,subtitle:l,title:o,kind:d="info",lowContrast:p=!0,hideCloseButton:m=!1,children:g}=e,u=J(e,["actions","role","notificationType","icon","statusIconDescription","className","subtitle","title","kind","lowContrast","hideCloseButton","children"]),{prefix:h}=ve(),b=U(c,{[`${h}--inline-notification`]:!0,[`${h}--block-notification`]:!0,[`${h}--inline-notification--low-contrast`]:p,[`${h}--inline-notification--${d}`]:d,[`${h}--inline-notification--hide-close-button`]:m});return ae.jsx("div",Object.assign({},u,{ref:s,role:n,className:b},{children:ae.jsxs("div",Object.assign({className:`${h}--inline-notification__details`},{children:[void 0===i&&ae.jsx(oa,{notificationType:t,kind:d,iconDescription:r||`${d} icon`}),i&&ae.jsx("div",Object.assign({className:`${h}--${t}-notification__icon`},{children:i})),ae.jsx(ca,Object.assign({title:o,subtitle:l,notificationType:t},{children:g})),a&&ae.jsx("div",Object.assign({className:`${h}--inline-notification__actions-wrapper`},{children:a}))]}))}))}));pa.displayName="Callout";const ma=e=>{var{className:s,children:a,responsive:n,withBorder:t}=e,i=J(e,["className","children","responsive","withBorder"]);const{prefix:r}=ve(),c=U(`${r}--table`,{[`${r}--table--responsive`]:n,[`${r}--table--with-border`]:t},s);return ae.jsx("table",Object.assign({},i,{className:c},{children:a}))};var ga=Object.freeze({__proto__:null,default:({className:e,isSorted:s,isSortedDesc:a,sortType:n})=>{const t=U(e,"wfp--table--sorting",{"wfp--table--is-sorted":s,"wfp--table--is-sortable":n});return ae.jsx("span",Object.assign({className:t},{children:s?a?ae.jsx(E,{}):ae.jsx(F,{}):""}))}});const ua={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"},ha=({children:s,className:a,kind:n,spacingTop:t,spacingBottom:i})=>{const{prefix:r}=ve(),c=n&&ua[n]?ua[n]:"div",l=U({[`${r}--text`]:!0,[`${r}--text__${n}`]:n,[`${r}--text__spacing-top-${t}`]:t,[`${r}--text__spacing-bottom-${i}`]:i},a);return e.createElement(c,{className:l},s)};ha.displayName="Text";const ba={wrapper:e=>ae.jsx(ta,Object.assign({},e)),h1:e=>ae.jsx(ha,Object.assign({kind:"h1"},e,{children:e.children})),h2:e=>ae.jsx(ha,Object.assign({kind:"h2"},e,{children:e.children})),h3:e=>ae.jsx(ha,Object.assign({kind:"h3"},e,{children:e.children})),h4:e=>ae.jsx(ha,Object.assign({kind:"h4"},e,{children:e.children})),h5:e=>ae.jsx(ha,Object.assign({kind:"h5"},e,{children:e.children})),p:e=>ae.jsx("p",Object.assign({},e,{children:e.children})),li:e=>{const s="string"==typeof e.children?e.children.substring(0,1):"";return"✓"===s||"✗"===s?ae.jsx(As,Object.assign({kind:"✓"===s?"checkmark":"cross"},e,{children:e.children.substring(1,e.children.length)})):ae.jsx("li",Object.assign({},e,{children:e.children}))},a:e=>ae.jsx(Ve,Object.assign({inline:!0},e,{children:e.children})),ul:e=>{var{children:s}=e,a=J(e,["children"]);return ae.jsx(qs,Object.assign({},a,{kind:"bullets"},{children:s}))},ol:e=>{var{children:s}=e,a=J(e,["children"]);return ae.jsx(qs,Object.assign({},a,{kind:"ordered"},{children:s}))},code:e=>{const s=ve();return ae.jsx("code",Object.assign({className:`${s.prefix}--story__code`},e,{children:e.children}))},pre:e=>{const s=ve();return ae.jsx("pre",Object.assign({className:`${s.prefix}--story__pre`},e,{children:e.children}))},table:e=>ae.jsx(ma,Object.assign({},e,{children:e.children})),blockquote:e=>{var{children:s}=e,a=J(e,["children"]);return Array.isArray(s)&&s.length>=2&&s[0].props?ae.jsx(pa,Object.assign({kind:"info"},a,{subtitle:s.map(((e,s)=>{if(s>0)return e})),title:s[0].props.children})):ae.jsx(pa,Object.assign({kind:"info"},a,{subtitle:s}))},Button:es,Accordion:be,AccordionItem:Pe},xa=({passiveModal:e,secondaryButtonText:s,onSecondaryButtonClick:a,primaryButtonText:n,onRequestSubmit:t,primaryButtonDisabled:i,secondaryButtonDisabled:r,danger:c,primaryButtonRef:l,secondaryButtonRef:o})=>{const{prefix:d}=ve();return e?null:ae.jsx("div",Object.assign({className:`${d}--modal-footer`},{children:ae.jsxs("div",Object.assign({className:`${d}--modal__buttons-container`},{children:[s&&ae.jsx(es,Object.assign({kind:"secondary",disabled:r,id:"secondaryButton",onClick:e=>{a&&a(e,"button")},ref:o},{children:s})),ae.jsx(es,Object.assign({kind:c?"danger":"primary",disabled:i,onClick:t,id:"primaryButton",ref:l},{children:n}))]}))}))},ja="undefined"!=typeof Element&&["matches","webkitMatchesSelector","msMatchesSelector"].filter((e=>"function"==typeof Element.prototype[e]))[0];function fa(e){const{modalHeading:a,modalLabel:n,className:t,components:i={},modalSecondaryAction:r,modalAriaLabel:c,passiveModal:o,children:d,elementToAppend:p,backgroundImage:m,open:g,lazyLoad:u,onRequestClose:b=(()=>{}),onSecondarySubmit:x,iconDescription:j,inPortal:f=!0,hideClose:_,handleBlur:v=(()=>{}),wide:$,type:N,selectorPrimaryFocus:O,primaryButtonRef:y,secondaryButtonRef:w}=e,k=J(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}=ve(),C=l(null),D=l(null),P=l(null),S=p||("undefined"!=typeof document?document.body:void 0),[L,I]=s.useState(!1),E=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(ja&&"function"==typeof s[ja]&&a.some((e=>s[ja](e))))return!0;s=s.parentNode}return!1},F=()=>{D.current&&D.current.focus()};if(!1===g&&u)return null;const q=Object.assign({ModalFooter:xa},i).ModalFooter,A=x||b,M=U({[`${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},t),B=_?null:ae.jsx("button",Object.assign({className:`${T}--modal-close`,type:"button",id:"closeButton",onClick:e=>{b(e,"button")},ref:C},{children:ae.jsx(h,{className:`${T}--modal-close__icon`,description:j})})),R=ae.jsxs("div",Object.assign({ref:P,role:"dialog",className:`${T}--modal-container`,"aria-label":c},{children:[ae.jsxs("div",Object.assign({className:`${T}--modal-header`},{children:[o&&B,ae.jsxs("div",{children:[n&&ae.jsx("h4",Object.assign({className:`${T}--modal-header__label`},{children:n})),ae.jsx("h2",Object.assign({className:`${T}--modal-header__heading`},{children:a}))]}),r&&ae.jsx(ae.Fragment,{children:r}),!o&&B]})),ae.jsx("div",Object.assign({className:`${T}--modal-content`},{children:d})),ae.jsx(q,Object.assign({},e,{prefix:T,onSecondaryButtonClick:A,primaryButtonRef:y,secondaryButtonRef:w}))]})),W=ae.jsx("div",Object.assign({},k,{onBlur:e=>{v?v({evt:e,innerModal:P,open:g,elementOrParentIsFloatingMenu:E,focusModal:F}):P.current&&g&&e.relatedTarget&&!P.current.contains(e.relatedTarget)&&!E(e.relatedTarget)&&F()},className:M,style:m?{backgroundImage:`url(${m})`}:void 0,role:"presentation",tabIndex:-1,onTransitionEnd:g?e=>{D.current&&D.current.offsetWidth&&D.current.offsetHeight&&L&&((e=>{if(!1===O)return;const s=e.querySelector(O);s?s.focus():(null==C?void 0:C.current)&&C.current.focus()})(e.currentTarget),I(!1))}:void 0,ref:D},{children:ae.jsx("div",Object.assign({className:`${T}--modal-inner`},{children:R}))}));return f&&S?G.createPortal(W,S):W}fa.displayName="Modal";const _a=s=>{var{children:a,customButton:n,id:t,onKeyDown:i,buttonTriggerText:r,buttonTriggerClassName:c,triggerButtonKind:l,disabled:o,handleSubmit:d=(()=>{}),shouldCloseAfterSubmit:p=!0}=s,m=J(s,["children","customButton","id","onKeyDown","buttonTriggerText","buttonTriggerClassName","triggerButtonKind","disabled","handleSubmit","shouldCloseAfterSubmit"]);const{prefix:g}=ve(),u=e.createRef(),[h,b]=e.useState(!1),x=()=>{b(!0)},j=()=>{b(!1),h||(u.current&&u.current.focus(),j&&j())},f=Object.assign(Object.assign({},m),{open:h,onRequestClose:j,onRequestSubmit:()=>{d&&(d(j),p&&j())}}),_=n?e.cloneElement(n,{disabled:o,onClick:x,inputref:u}):void 0;return ae.jsxs("div",Object.assign({role:"presentation",className:`${g}--modal__wrapper`,onKeyDown:e=>{27===e.which&&(j(),i&&i(e))}},{children:[n?ae.jsx(e.Fragment,{children:_}):ae.jsx(es,Object.assign({id:t,className:c,disabled:o,kind:l,onClick:x,ref:u},{children:r})),ae.jsx(fa,Object.assign({},f,{children:a}))]}))};_a.displayName="ModalWrapper";const va=e=>{var{dark:s,light:a,children:n,className:t,margin:i,fullHeight:r,noMargin:c,withHover:l}=e,o=J(e,["dark","light","children","className","margin","fullHeight","noMargin","withHover"]);const{prefix:d}=ve(),p=U({[`${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},t,[`${d}--module`]);return ae.jsx("div",Object.assign({className:p},o,{children:ae.jsx("div",Object.assign({className:`${d}--module__inner`},{children:n}))}))},$a=e=>{var{children:s,className:a,centered:n,noPadding:t}=e,i=J(e,["children","className","centered","noPadding"]);const r=U("wfp--module__content",a,{"wfp--module__content--centered":n,"wfp--module__content--no-padding":t});return ae.jsx("div",Object.assign({className:r},i,{children:s}))},Na=e=>{var{filter:s,children:a,className:n}=e,t=J(e,["filter","children","className"]);const i=U("wfp--module__header",n);return ae.jsxs("div",Object.assign({className:i},t,{children:[ae.jsx("h1",Object.assign({className:"wfp--module__title"},{children:a})),s&&ae.jsx("div",Object.assign({className:"wfp--module__filter"},{children:s}))]}))},Oa=e=>{var{children:s,className:a}=e,n=J(e,["children","className"]);const t=U("wfp--module__footer",a);return ae.jsx("div",Object.assign({className:t},n,{children:s}))},ya=(e,s)=>isNaN(e)||!e&&0!==e||isNaN(s)||!s&&0!==s?s:Math.max(e,s),wa=(e,s)=>isNaN(e)||!e&&0!==e||isNaN(s)||!s&&0!==s?s:Math.min(e,s),ka=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:u=(()=>{}),helperText:h,light:b,pattern:x="[0-9]*"}=e,{prefix:j}=ve(),f=wa(d,ya(p,e.value)),[_,v]=n(f);t((()=>{v(e.value)}),[e.value]);const $=l(null),N=s||$,O=(e,s)=>{let a="string"==typeof _?Number(_):_;a=isNaN(a)?0:a;const n="down"===s?void 0!==p&&a>p||void 0===p:void 0!==d&&a<d||void 0===d,t=m.toString();a="down"===s?a-m:a+parseFloat(t),a=wa(d,ya(p,a)),a=parseFloat(a.toFixed((e=>{const s=parseFloat(e);return Math.floor(s)===s?0:e.split(".")[1].length||0})(t))),!i&&n&&(e.persist(),e.imaginaryTarget=N,e.target.value=parseFloat(a),u(e,s),v(a),g(e,a,s))},y=U(`${j}--number`,a,{[`${j}--number--light`]:b,[`${j}--number--helpertext`]:h,[`${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}=Ue(Object.assign(Object.assign({},k),{type:"number"}));return ae.jsx(ze,Object.assign({},C,{inputWrapperClassName:y},{children:ae.jsxs("div",Object.assign({className:`${j}--number__controls`},{children:[ae.jsx("button",Object.assign({className:`${j}--number__control-btn up-icon`,type:"button",disabled:i,onClick:e=>O(e,"up")},{children:"+"})),ae.jsx("button",Object.assign({className:`${j}--number__control-btn down-icon`,type:"button",disabled:i,onClick:e=>O(e,"down")},{children:"−"})),ae.jsx("input",Object.assign({pattern:x},T,w,{ref:s}))]}))}))}));ka.displayName="NumberInput";const Ta=e.forwardRef(((e,s)=>{const{className:a,inline:n,disabled:t,children:i,iconDescription:r,light:c,hideLabel:l}=e,{prefix:o}=ve(),d=U({[`${o}--select-input`]:!0,[`${o}--select--inline`]:n,[`${o}--select--light`]:c,[`${o}--select--disabled`]:t},a),p=e,{inputProps:g,wrapperProps:u}=Ue(Object.assign(Object.assign({},p),{inputClassName:d}));return ae.jsxs(ze,Object.assign({},u,{inputWrapperClassName:`${o}--select`,hideLabel:l},{children:[ae.jsx("select",Object.assign({},g,{ref:s},{children:i})),ae.jsx(m,{className:`${o}--select__arrow`,description:r})]}))}));function Ca(e){var{className:s,value:a,disabled:n,hidden:t,text:i}=e,r=J(e,["className","value","disabled","hidden","text"]);const{prefix:c}=ve(),l=U({[`${c}--select-option`]:!0,[`${s}`]:s});return ae.jsx("option",Object.assign({},r,{className:l,value:a,disabled:n,hidden:t},{children:i}))}Ta.displayName="Select",Ca.displayName="SelectItem";let Da=0;const Pa=e=>{const{backwardText:a="Backward",className:t,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:u=((e,s)=>`${e}-${s} items`),pageText:h=(e=>`page ${e}`),pageNumberText:b="Page Number",pagesUnknown:x=!1,isLastPage:j=!1,pageInputDisabled:f=!1,totalItems:_,onChange:v,page:$=1}=e,N=J(e,["backwardText","className","forwardText","id","itemsPerPageText","itemsPerPageFollowsText","itemRangeText","pageRangeText","pageSize","pageSizesDisabled","pageSizes","itemText","pageText","pageNumberText","pagesUnknown","isLastPage","pageInputDisabled","totalItems","onChange","page"]),[O,y]=n($),[w,k]=n(e.pageSize?e.pageSize:g[0]),T=n((()=>++Da))[0],C=U("wfp--pagination",t),D=U("wfp--pagination__button","wfp--pagination__button--backward",{"wfp--pagination__button--no-index":f}),P=r||T,S=Math.max(Math.ceil(_/w),1),L=(e=>{let s=1;const a=[];for(;s<=e;)a.push(ae.jsx(Ca,{value:s,text:String(s)},s)),s++;return a})(S);return ae.jsxs("div",Object.assign({className:C},N,{children:[ae.jsxs("div",Object.assign({className:"wfp--pagination__left"},{children:[!m&&ae.jsxs(s.Fragment,{children:[ae.jsx("span",Object.assign({className:"wfp--pagination__text"},{children:l||c})),ae.jsx(Ta,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=>ae.jsx(Ca,{value:e,text:String(e)},e)))})),ae.jsxs("span",Object.assign({className:"wfp--pagination__text"},{children:[" ","  |  "]}))]}),ae.jsx("span",Object.assign({className:"wfp--pagination__text"},{children:x?u(w*(O-1)+1,O*w):o(Math.min(w*(O-1)+1,_),Math.min(O*w,_),_)}))]})),ae.jsxs("div",Object.assign({className:"wfp--pagination__right wfp--pagination--inline"},{children:[ae.jsx("span",Object.assign({className:"wfp--pagination__text"},{children:x?h(O):d(O,S)})),ae.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:ae.jsx(q,{className:"wfp--pagination__button-icon",description:a})})),f?null:ae.jsx(Ta,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:L})),ae.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:ae.jsx(A,{className:"wfp--pagination__button-icon",description:i})}))]}))]}))};Pa.displayName="Pagination";let Sa=0;function La(e="id"){return Sa++,`${e}${Sa}`}const Ia=e.forwardRef(((e,s)=>{const{labelText:a,id:t,className:i,value:r,name:c,onChange:l}=e,o=J(e,["labelText","id","className","value","name","onChange"]),[d]=n(t||La()),{prefix:p}=ve(),m=U("radioButtonWrapper",i),g=l?{onChange:e=>{null==l||l(e,r,c)}}:{};return ae.jsxs("div",Object.assign({className:m},{children:[ae.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})),ae.jsxs("label",Object.assign({htmlFor:d,className:`${p}--radio-button__label`},{children:[ae.jsx("span",{className:`${p}--radio-button__appearance`}),a]}))]}))}));Ia.displayName="RadioButton";const Ea=e=>{const{prefix:s}=ve(),{children:a,labelText:i,helperText:r,vertical:c,hideLabel:l,className:o=`${s}--input-group`,wrapperClassName:d,valueSelected:p,defaultSelected:m}=e,[g,u]=n(p||m);t((()=>{p!==g&&u(p)}),[p,m]);const h=U(`${s}--label`,{[`${s}--visually-hidden`]:l}),b=U(`${s}--form-item`,{[`${s}--input-group__vertical`]:c,wrapperClassName:d}),x=i?ae.jsx("span",Object.assign({className:h},{children:i})):null,j=r?ae.jsx("div",Object.assign({className:`${s}--form__helper-text`},{children:r})):null;return ae.jsx("div",Object.assign({className:b},{children:ae.jsxs("div",Object.assign({className:o},{children:[x,j,ae.jsx("div",Object.assign({className:`${s}--input-group-inside`},{children:a}))]}))}))};Ea.displayName="InputGroup";const Fa=({handleToggleClick:e,link:a,text:n,showMore:t,contentId:i})=>{const{prefix:r}=ve(),c={"aria-expanded":t,"aria-controls":i};if(a){return s.cloneElement(a,Object.assign({onClick:e},c))}{const s=P,a=U({[`${r}--read-more__trigger`]:!0,[`${r}--read-more__trigger--expanded`]:t});return ae.jsxs(Ve,Object.assign({className:a,size:"sm",onClick:e},c,{children:[n,ae.jsx(s,{width:"10",height:"10",description:t?"icon up":"icon down"})]}))}};function qa({collapseLink:e,collapseText:s="Show less",children:a,collapsed:t,className:i,disableAutoscroll:r,expandLink:c,expandText:o="Show more",fade:d,maxHeight:p}){const{prefix:m}=ve(),[g,u]=n(!1),[h,b]=n(0),x=l(null),j=l(null),f=`${Ne()}-read-more-content`,_=U(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:h+20}:{undefined:void 0},$=g?{display:"none"}:{display:"block"};return ae.jsxs("div",Object.assign({className:_},{children:[ae.jsxs("div",Object.assign({className:`${m}--read-more__content`,style:v,id:f},{children:[ae.jsx("div",{className:`${m}--read-more__fake-height`,ref:j,style:{height:`${h+30}px`}}),ae.jsxs("div",Object.assign({ref:x},{children:[(g||!t)&&a,t&&ae.jsx("div",Object.assign({style:$},{children:t}))]}))]})),ae.jsx(Fa,{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),u(!g),a&&b(a)},showMore:g,link:g?e:c,text:g?s:o,contentId:f})]}))}function Aa(e){var{additional:s,children:a,className:n,id:t,pageWidth:i}=e,r=J(e,["additional","children","className","id","pageWidth"]);const{prefix:c}=ve(),l=U(`${c}--secondary-navigation`,n);return ae.jsx("div",Object.assign({id:t,className:l},r,{children:ae.jsxs(Ee,Object.assign({pageWidth:i,className:`${c}--secondary-navigation__wrapper`},{children:[ae.jsx("div",Object.assign({className:`${c}--secondary-navigation__list`},{children:a})),s&&ae.jsx("div",Object.assign({className:`${c}--secondary-navigation__additional`},{children:s}))]}))}))}function Ma({className:e,children:s}){const{prefix:a}=ve(),n=U(`${a}--secondary-navigation__title`,e);return ae.jsx("h1",Object.assign({className:n},{children:s}))}function Ba({inline:e,small:a,vertical:t,className:i,role:r,children:c}){const{prefix:l}=ve(),[o]=n(!0),d=s.Children.map(c,(e=>e)),p={tabs:U(i,{[`${l}--step-navigation`]:!0,[`${l}--step-navigation--vertical`]:t,[`${l}--step-navigation--small`]:a,[`${l}--step-navigation--regular`]:!a}),tablist:U(`${l}--step-navigation__nav`,{[`${l}--step-navigation__nav--hidden`]:o,[`${l}--step-navigation__nav--inline`]:e})};return ae.jsx(ae.Fragment,{children:ae.jsx("nav",Object.assign({className:p.tabs,role:r},{children:ae.jsx("ul",Object.assign({role:"tablist",className:p.tablist},{children:d}))}))})}qa.displayName="ReadMore",Aa.displayName="SecondaryNavigation",Ma.displayName="SecondaryNavigationTitle";const Ra=({className:s,handleTabClick:a=(()=>{}),index:n,label:t,status:i,helperText:r,selectedPage:c=0,onClick:l=(()=>{}),page:o=0,renderAnchor:d})=>{var p;const{prefix:m}=ve(),g=U(`${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),u={className:`${m}--step-navigation__nav-link`},h=i?null===(p={"not-started":{icon:M},warning:{icon:B},locked:{icon:R},skip:{icon:W},disabled:{icon:S},complete:{icon:H},summary:{icon:z}}[i])||void 0===p?void 0:p.icon:null;return ae.jsx("li",Object.assign({tabIndex:-1,className:g,onClick:e=>{"locked"!==i&&(a(e,n,t),l(e))},role:"presentation"},{children:ae.jsx(ae.Fragment,{children:d?d(u):ae.jsxs(e.Fragment,{children:[ae.jsx("div",Object.assign({className:`${m}--step-navigation__nav-item__indicator`},{children:i&&o!==c?ae.jsx(h,{width:"14",height:"14",description:"Step Item"}):ae.jsx("span",{children:o+1})})),ae.jsxs("div",{children:[ae.jsx("span",Object.assign({className:`${m}--step-navigation__nav-item__text`},{children:t})),r&&ae.jsx("span",Object.assign({className:`${m}--step-navigation__nav-item__helper-text`},{children:r}))]})]})})}))};function Wa(e){var{children:s,className:a,disabled:n,label:t}=e,i=J(e,["children","className","disabled","label"]);const{prefix:r}=ve(),c=U(`${r}--select-optgroup`,a);return ae.jsx("optgroup",Object.assign({className:c,label:t,disabled:n},i,{children:s}))}const Ha=e=>{var{active:s,children:a,className:n,sidebar:t}=e,i=J(e,["active","children","className","sidebar"]);const{prefix:r}=ve(),c=U(`${r}--sidebar-content__container`,n,{[`${r}--sidebar-content__container--active`]:s});return ae.jsxs("div",Object.assign({className:c},i,{children:[ae.jsx("div",Object.assign({className:`${r}--sidebar-item-content`},{children:t})),ae.jsx("div",Object.assign({className:`${r}--content-section`},{children:a}))]}))},za=e=>{var{className:s,children:a,noPadding:n}=e,t=J(e,["className","children","noPadding"]);const{prefix:i}=ve(),r=U(`${i}--sidebar-content__header`,s,{[`${i}--sidebar-content__header--no-padding`]:n});return ae.jsx("div",Object.assign({className:r},t,{children:a}))},Ua=e=>{var{className:s,children:a}=e,n=J(e,["className","children"]);const{prefix:t}=ve(),i=U(`${t}--sidebar-content-mobile-header`,s,{});return ae.jsx("div",Object.assign({className:i},n,{children:a}))},Ka=e=>{var{className:s,children:a}=e,n=J(e,["className","children"]);const{prefix:t}=ve(),i=U(`${t}--sidebar-content__children`,s,{});return ae.jsx("div",Object.assign({id:"scroll-container",className:i},n,{children:a}))},Va=e=>{var{children:s}=e,a=J(e,["children"]);const{prefix:n}=ve();return ae.jsx("div",Object.assign({className:`${n}--sidebar-content__scroll`},a,{children:s}))},Ga=e=>{var{children:s}=e,a=J(e,["children"]);const{prefix:n}=ve();return ae.jsxs("div",Object.assign({className:`${n}--sidebar-content__back-button`},a,{children:[ae.jsx(q,{}),s]}))},Ya=e.forwardRef(((e,s)=>{const{hideLabel:a,helperText:n,pattern:t,required:i}=e,{prefix:r}=ve(),c=U(`${r}--input`,`${r}--text-input`,{[`${r}--text--helpertext`]:n,[`${r}--text--nolabel`]:a,[`${r}--text--required`]:i}),l=e,{inputProps:o,wrapperProps:d}=Ue(Object.assign(Object.assign({},l),{inputClassName:c}));return ae.jsx(ze,Object.assign({},d,{children:ae.jsx("input",Object.assign({pattern:t},o,{ref:s}))}))}));Ya.displayName="TextInput";const Za=(e,s)=>"function"==typeof s?s(e):`${e}${s||""}`;function Qa(e,s,a){if(!(a<=s))return e<s&&(e=s),e>a&&(e=a),(e-s)/(a-s)*100}const Ja=e.forwardRef(((s,a)=>{const{ariaLabelInput:n,className:t,disabled:i,formatLabel:r=Za,fullWidth:c,id:l,inputType:o,hideLabel:d,hideControls:p,hideTextInput:m,min:g,minLabel:u,max:h,maxLabel:b,step:x=1,onChange:j=(()=>{}),helperText:f}=s,_=J(s,["ariaLabelInput","className","disabled","formatLabel","fullWidth","id","inputType","hideLabel","hideControls","hideTextInput","min","minLabel","max","maxLabel","step","onChange","helperText"]),{prefix:v}=ve(),$=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>h?(O(h),j(e)):(O(e.target.value),j(e)))},T=U(`${v}--slider--wrapper`,t,{[`${v}--slider--helpertext`]:f,[`${v}--slider--nolabel`]:d,[`${v}--slider--nocontrols`]:p}),C=U(`${v}--slider-container`,{[`${v}--slider-container--full-width`]:c}),D={disabled:i,id:l,max:h,min:g,step:x,onChange:k,value:N},P=U(`${v}--input`,`${v}--slider-text-input`),S=U(`${v}--slider`,{[`${v}--slider--disabled`]:i},t),L=U(`${v}--slider__range-wrapper`,{[`${v}--slider__range-wrapper--disabled`]:i},t),I=N&&N<g?g:N,E=Ue(s);return console.log("valueMinimal",I),ae.jsx(ze,Object.assign({},E.wrapperProps,{formItemClassName:T},{children:ae.jsxs("div",Object.assign({className:C},{children:[ae.jsx("span",Object.assign({className:`${v}--slider__range-label`},{children:r(g,u)})),ae.jsxs("div",Object.assign({className:L},{children:[ae.jsx("div",{className:`${v}--slider__range-before`,style:{width:`${Qa(I,g,h)}%`}}),ae.jsx("input",Object.assign({className:S,type:"range"},_,D,{ref:w}))]})),ae.jsx("span",Object.assign({className:`${v}--slider__range-label`},{children:r(h,b)})),!m&&ae.jsx(Ya,{disabled:i,type:o,id:"input-for-slider",className:P,value:N,onChange:k,"aria-label":n})]}))}))}));Ja.displayName="Slider";const Xa=e.forwardRef(((e,s)=>{var{active:a,additional:n,children:t,className:i,subContent:r,image:c,hint:l,noImage:o,unread:d,showAdditionalIcon:p,title:m,kind:g="large",wrapper:u="none"}=e,h=J(e,["active","additional","children","className","subContent","image","hint","noImage","unread","showAdditionalIcon","title","kind","wrapper"]);const{prefix:b}=ve(),x=U({[`${b}--item`]:!0,[`${b}--item--${g}`]:g,[`${b}--item--${u}`]:u,[`${b}--item--active`]:a,[`${b}--item--unread`]:d},i);return ae.jsxs("div",Object.assign({className:x},h,{ref:s},{children:[c?ae.jsx("div",Object.assign({className:`${b}--item__image`},{children:c})):o?ae.jsx("div",{className:`${b}--item__image ${b}--item__image-empty`}):null,m&&ae.jsx("div",Object.assign({className:`${b}--item__title-wrapper`},{children:ae.jsx("h2",Object.assign({className:`${b}--item__title`},{children:m}))})),n&&ae.jsxs("div",Object.assign({className:`${b}--item__additional`},{children:[n,p&&ae.jsx(A,{className:`${b}--item__additional-icon`})]})),t&&ae.jsx("div",Object.assign({className:`${b}--item__text`},{children:t})),r&&ae.jsx("div",Object.assign({className:`${b}--item__sub-content`},{children:r})),l&&ae.jsx("div",Object.assign({className:`${b}--item__hint`},{children:l})),d&&ae.jsx("div",{className:`${b}--item__unread`})]}))}));Xa.displayName="Item";const en=({data:e,page:s,pageSizeOptions:a,paginationClassName:n,totalItems:t,style:i,onPageChange:r,onPageSizeChange:c,isLastPage:l,pages:o,pageInputDisabled:d,pageSize:p,pagesUnknown:m,backwardText:g,forwardText:u,itemsPerPageText:h,itemsPerPageFollowsText:b,itemRangeText:x,pageRangeText:j,pageSizesDisabled:f,itemText:_,pageNumberText:v})=>{const{prefix:$}=ve(),N=e=>(isNaN(e)&&(e=s),e),O={isLastPage:l,pages:o,pageInputDisabled:d,pageSize:p,pagesUnknown:m,backwardText:g,forwardText:u,itemsPerPageText:h,itemsPerPageFollowsText:b,itemRangeText:x,pageRangeText:j,pageSizesDisabled:f,itemText:_,pageNumberText:v};return ae.jsx("div",Object.assign({className:U(n,"-pagination"),style:i},{children:ae.jsx("div",Object.assign({className:`${$}-pagination`},{children:ae.jsx(Pa,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:t||(e?e.length:void 0)},O))}))}))};function sn(e){const{prefix:s}=ve(),{className:a,disabled:n,handleTabClick:t=(()=>{}),handleTabAnchorFocus:i=(()=>{}),handleTabKeyDown:r=(()=>{}),href:c,index:l=0,label:o,selected:d,tabIndex:p,onClick:m=(()=>{}),onKeyDown:g=(()=>{})}=e,u=J(e,["className","disabled","handleTabClick","handleTabAnchorFocus","handleTabKeyDown","href","index","label","selected","tabIndex","onClick","onKeyDown"]),h=U(`${s}--tabs__nav-item`,{[`${s}--tabs__nav-item--disabled`]:n},{[`${s}--tabs__nav-item--selected`]:d},a),b=U(`${s}--tabs__nav-item`,`${s}--tabs__nav-item--selected`,a),x={className:"wfp--tabs__nav-link",href:n?void 0:c,label:o,role:"tab",tabIndex:p,"aria-selected":d};return{liProps:Object.assign({tabIndex:-1,className:h,onClick:e=>{n||(t(l,o,e),m(e))},onKeyDown:e=>{n||((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},u),anchorProps:x,selectedClasses:b}}en.displayName="ReactTablePagination";const an=s=>{const{disabled:a,label:n,renderAnchor:t,renderListElement:i}=s,{anchorProps:r,liProps:c,selectedClasses:l}=sn(s);return ae.jsx(e.Fragment,{children:i?"function"==typeof i?i(Object.assign(Object.assign(Object.assign({},s),c),{anchor:r,selectedClasses:l})):ae.jsx(ae.Fragment,{children:i}):ae.jsx("li",Object.assign({},c,{children:t?t(r):a?ae.jsx("span",Object.assign({},r,{children:n})):ae.jsx("a",Object.assign({},r,{children:n}))}))})},nn=e=>{const{selected:s=!1,children:a}=e,n=J(e,["selected","children"]);return ae.jsx("div",Object.assign({},n,{"data-selected":s,hidden:!s},{children:a}))};nn.displayName="TabContent";const tn=s.createContext({handleTabClick:()=>{},handleTabKeyDown:()=>{},handleTabAnchorFocus:()=>{}}),rn=s=>{const{disableAnimation:a,inline:n,className:t,role:i="navigation",selected:r=null}=s,c=J(s,["disableAnimation","inline","className","role","selected"]),{prefix:l}=ve(),[o,d]=e.useState(r),p=e.useRef(null);e.useEffect((()=>{r!==o&&d(r)}),[r]);const m={tabs:U(`${l}--tabs`,{[`${l}--tabs--no-animation`]:a},t),tablist:U(`${l}--tabs__nav`,{[`${l}--tabs__nav--inline`]:n})};return ae.jsx(tn.Provider,Object.assign({value:{handleTabClick:()=>(e,s,a)=>{a&&a.preventDefault()},handleTabKeyDown:()=>(e,s,a)=>{},handleTabAnchorFocus:()=>{}}},{children:ae.jsxs("nav",Object.assign({},c,{className:m.tabs,role:i},{children:[ae.jsx("div",{className:`${l}--tabs__nav__bar`}),ae.jsx("ul",Object.assign({ref:p,role:"tablist",className:m.tablist},{children:s.children}))]}))}))};rn.displayName="Tabs";const cn=e.forwardRef(((e,s)=>{const{className:a,fullWidth:n}=e,{prefix:t}=ve(),i=U(`${t}--text-area`,a,{[`${t}--textarea-fullwidth`]:n}),r=e,c=Ue(Object.assign(Object.assign({},r),{inputClassName:i}));return ae.jsx(ze,Object.assign({},c.wrapperProps,{children:ae.jsx("textarea",Object.assign({},c.inputProps,{ref:s}))}))}));cn.displayName="TextArea";const ln=e.forwardRef(((e,s)=>{const{className:a,defaultToggled:n=!1,id:t,labelA:i="Off",labelB:r="On"}=e,c=J(e,["className","defaultToggled","id","labelA","labelB"]),{prefix:l}=ve(),o=U({[`${l}--form-item`]:!0},a),d=t||c.name,p=Ue(e),m=c;return ae.jsxs(ze,Object.assign({className:o},e,{children:[ae.jsx("input",Object.assign({},m,p.inputProps,{defaultChecked:n,type:"checkbox",id:d,className:`${l}--toggle`,ref:s})),ae.jsxs("label",Object.assign({className:`${l}--toggle__label`,htmlFor:d},{children:[ae.jsx("span",Object.assign({className:`${l}--toggle__text--left`},{children:i})),ae.jsx("span",{className:`${l}--toggle__appearance`}),ae.jsx("span",Object.assign({className:`${l}--toggle__text--right`},{children:r}))]}))]}))}));ln.displayName="Toggle";const on={thousand:{pow:1e3,defaultmaximumFractionDigits:2,default:{after:"T"}},million:{pow:1e6,defaultmaximumFractionDigits:1,default:{after:"M"}},billion:{pow:1e9,defaultmaximumFractionDigits:2,default:{after:"B"}}},dn=e=>ae.jsx("span",Object.assign({className:e.className+" invalid"},{children:"–"})),pn=e=>ae.jsx("tspan",Object.assign({className:e.className+" invalid"},{children:"–"})),mn=e=>{if(e){const s=e.before?e.before+" ":"",a=e.output&&e.output.default?e.output.default.after+"":"",n=e.after?" "+e.after:"";return s+e.value+a+n}return""},gn=(e,s)=>{const{style:a}=s,n=J(s,["style"]);return e?ae.jsxs("text",Object.assign({className:s.className},n,{children:[ae.jsxs("tspan",Object.assign({style:a},{children:[e.before," "]})),ae.jsx("tspan",Object.assign({style:a},{children:e.value})),ae.jsxs("tspan",Object.assign({style:a},{children:[" ",e.output?e.output.default.after+"":"",e.after]}))]})):ae.jsx(pn,{className:s.className})},un=(e,s,a,n,t)=>{const{children:i,input:r,output:c,minimumFractionDigits:l,maximumFractionDigits:o,localeStringLanguage:d="en-EN",calcOnly:p,string:m,svg:g,hideZero:u}=e;var h="string"==typeof i?i.replace(/,/g,""):i;h=0!==(h=parseFloat(h))&&r&&on[r]?on[r].pow*h:h;const b=c&&on[c]?on[c]:void 0;h=0!==h&&c?h/b.pow:h;const x=!0===t&&void 0===c?0===l:"number"==typeof l?l:b&&b.defaultmaximumFractionDigits?b.defaultmaximumFractionDigits:2,j=!0===t&&void 0===c?0===o:h<=.005?4:h<=.05?3:h<=.5?2:0===o?0:"number"==typeof o?o:b&&b.defaultmaximumFractionDigits?b.defaultmaximumFractionDigits:2,f={minimumFractionDigits:x,maximumFractionDigits:j>x?j:x},_={value:h=h.toLocaleString(d,f),before:a,after:s,output:b};let v=e.className;return"1"===h&&n&&(v+=" wfp--unit--singular"),!((!h||"NaN"===h||0===parseFloat(h))&&u)&&(p?_:g?gn(_,e):m?mn(_):!1!==h?ae.jsx("span",Object.assign({className:v},{children:h})):ae.jsx(dn,{className:e.className}))},hn=(e,s,a)=>{const{calcOnly:n,className:t,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 n?p:c?gn({value:o+d,before:a,after:s},e):r?mn(p):!1!==o?ae.jsx("span",Object.assign({className:t},{children:o})):void 0},bn=e=>{const{className:s,string:a,svg:n,calcOnly:t}=e,i=(e=>{const{children:s}=e,a=s;let n;if("number"==typeof a&&a.toString().length>=7)n=new Date(a,e);else if(a.getMonth)n=a;else{const e=a.toString().substring(0,4),s=parseInt(a.toString().substring(4,7),10)-1;n=new Date(e,s,1)}return{monthName:n.toLocaleString("en-us",{month:"short"}),monthNameFull:n.toLocaleString("en-us",{month:"long"}),year:n.getFullYear(),date:n}})(e),r={value:i.monthName+" "+i.year,before:"",after:"",output:void 0};return t?r:n?gn(r,e):a?mn(r):(null==r?void 0:r.value)?ae.jsx("span",Object.assign({className:s},{children:r.value})):void 0},xn={Usd:e=>un(e,"","US$"),Partners:e=>un(e,"Partners",void 0,!0,!0),Beneficiaries:e=>un(e,"Beneficaries",void 0,!0,!0),Households:e=>un(e,"Households",void 0,!0,!0),Months:e=>un(e,"Months",void 0,!0,"Month"),Mt:e=>un(e,"MT",void 0,!0),Kg:e=>hn(e,"kg"),MetricTons:e=>un(e,"MetricTons",void 0,!0),Num:e=>un(e,""),Level:e=>hn(e,""),None:e=>hn(e,""),Trips:e=>un(e,"Trips",void 0,!0,!0),Countries:e=>hn(e,"Countries"),People:e=>un(e,"People",void 0,!0,!0),Percentage:e=>((e,s,a)=>{const{calcOnly:n,children:t,from:i,string:r,svg:c,hideZero:l,maximumSignificantDigits:o,maximumFractionDigits:d}=e;var p="string"==typeof t?t.replace(/,/g,""):t;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)&&(n?m:c?gn(m,e):r?mn(m):!1!==p?ae.jsx("span",Object.assign({className:e.className},{children:p})):ae.jsx(dn,{className:e.className}))})(e,"%"),YearMonth:e=>bn(e)},jn=e=>{const{prefix:s}=ve(),{className:a,output:n,string:t,textAnchor:i,localeStringLanguage:r="en-EN",type:c="none",setup:l}=e,o=e.type.charAt(0).toUpperCase()+e.type.slice(1),d=xn[o],p=i||"start",m=`${s}--unit ${a} ${c?`${s}--unit--${c.toLowerCase()}`:""} ${n&&on[n]?`${s}--unit--${n}`:""} ${l?`${s}--unit--${l}`:""}`;return t?d(e):void 0===d?null:ae.jsx(d,Object.assign({},e,{className:m,textAnchor:p,localeStringLanguage:r}))},fn=e=>{var{value:s,secondaryValue:a,className:n,title:t}=e,i=J(e,["value","secondaryValue","className","title"]);const{prefix:r}=ve(),c=U(`${r}--value`,n);return ae.jsxs("div",Object.assign({className:c},i,{children:[ae.jsx("h4",Object.assign({className:`${r}--value__title`},{children:t})),ae.jsx("div",Object.assign({className:`${r}--value__primary-value`},{children:s})),ae.jsx("div",Object.assign({className:`${r}--value__secondary-value`},{children:a}))]}))},_n=e=>s=>{const a=ve(),n=Object.assign(Object.assign({},a),s);return ae.jsx(e,Object.assign({},n))};function vn(){return i(je)}const $n=e=>{var{paragraph:s=!1,lineCount:a=3,width:n="100%",heading:t=!1,className:i}=e,r=J(e,["paragraph","lineCount","width","heading","className"]);const{prefix:c}=ve(),l=U({[`${c}--skeleton__text`]:!0,[`${c}--skeleton__heading`]:t},i),o="string"==typeof n?parseInt(n,10):n,d="string"==typeof n&&n.includes("px");function p(e,s){return Math.floor(Math.random()*(s-e+1))+e}if("string"==typeof n&&n.includes("%")&&s){const e=[];for(let s=0;s<a;s++){const a=p(0,75)+"px";e.push(ae.jsx("p",Object.assign({className:l,style:{width:`calc(${n} - ${a})`}},r),s))}return ae.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(ae.jsx("p",Object.assign({className:l,style:{width:a}},r),s))}return ae.jsx("div",{children:e})}return ae.jsx("p",Object.assign({className:l,style:{width:n}},r))};$n.displayName="SkeletonText";var Nn={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 On="undefined"!=typeof window?c:t,yn="undefined"==typeof window;function wn(e,s){var a,t;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!==(t=null==s?void 0:s.initializeWithValue)&&void 0!==t?t:void 0,c=e=>yn?i:window.matchMedia(e).matches,[l,o]=n((()=>r?c(e):i));function d(){o(c(e))}return On((()=>{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{be as Accordion,Pe as AccordionItem,Be as AddonAfter,Me as AddonBefore,Se as AuthLayout,Ye as Avatar,Le as BackgroundContent,qe as BannerNavigation,Fe as BannerNavigationItem,Ge as BannerNavigationWithContent,pa as BlockNotification,Ze as Breadcrumb,Xe as BreadcrumbHome,Je as BreadcrumbItem,es as Button,pa as Callout,ls as Card,ps as CardExternal,bs as Checkbox,js as ContentSwitcher,Ns as ContextMenu,Os as ContextMenuGroup,ys as ContextMenuItem,xs as Credits,gs as DatePicker,ms as DatePickerInput,hs as DateRangePicker,us as DateRangePickerInput,is as Empty,ws as Footer,ks as FooterExternal,Cs as FooterMetaLink,Ds as Form,Ps as FormGroup,Ss as FormHint,Ae as FormItem,Ls as FormLabel,He as Helper,rs as Hero,cs as HeroExternal,Is as InfoBar,Re as InlineErrorMessage,Fs as InlineLoading,ze as Input,Ea as InputGroup,Xa as Item,We as Label,Ve as Link,Ts as LinksColumn,qs as List,As as ListItem,Es as Loading,Rs as MainNavigation,Ms as MainNavigationContext,Ks as MainNavigationExternal,Gs as MainNavigationItem,fa as Modal,xa as ModalFooter,_a as ModalWrapper,va as Module,$a as ModuleBody,Oa as ModuleFooter,Na as ModuleHeader,ra as NotificationActionButton,ia as NotificationButton,ca as NotificationTextDetails,ka as NumberInput,Pa as Pagination,Ia as RadioButton,qa as ReadMore,Ke as Search,Aa as SecondaryNavigation,Ma as SecondaryNavigationTitle,Ta as Select,Ca as SelectItem,Wa as SelectItemGroup,Ha as Sidebar,Ga as SidebarBackButton,Ka as SidebarContentBody,Ua as SidebarContentHeader,za as SidebarHeader,Va as SidebarScroll,$n as SkeletonText,Ja as Slider,Ba as StepNavigation,Ra as StepNavigationItem,ta as Story,Ys as SubNavigation,sa as SubNavigationContent,ea as SubNavigationFilter,na as SubNavigationGroup,Qs as SubNavigationHeader,Zs as SubNavigationItem,Xs as SubNavigationLink,aa as SubNavigationList,Js as SubNavigationTitle,an as Tab,nn as TabContent,ma as Table,en as TablePagination,ga as TableSorting,rn as Tabs,ds as Tag,ha as Text,cn as TextArea,Ya as TextInput,da as ToastNotification,ln as Toggle,vs as Tooltip,jn as Unit,Ws as User,fn as Value,je as WFPCoreContext,_e as WFPCoreProvider,Ee as Wrapper,ss as buttonKinds,Nn as colors,xe as defaultWFPContext,ba as mdxComponents,as as notificationtypes,Ie as pageWidths,fs as tooltipStyle,_s as tooltipStyleDark,La as uniqueId,Ue as useInput,On as useIsomorphicLayoutEffect,Vs as useMainNavigation,wn as useMediaQuery,sn as useTab,vn as useTheme,_n as withWFPCoreSettings};
+import*as e from"react";import s,{createContext as a,useState as n,useEffect as t,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 u,Close as h,User as b,Home as x,CalendarAltRegular as j,ArrowRight as f,WfpLogoStandardBlackEn as _,WfpLogoVerticalEn as v,Twitter as $,Facebook as N,Instagram as O,LinkedIn as y,YouTube as w,TikTok as k,InfoSolid as T,Cross as C,Check as D,ChevronUp as P,Error as S,CheckmarkCircle as I,InfoCircle as L,CaretDown as E,CaretUp as F,ChevronLeft as q,ChevronRight as A,Ellipsis as M,WarningOutline as B,Locked as R,OverflowMenu as W,Checkmark as H,Menu as z}from"@progressiveui/icons-react";import U from"classnames";import K,{oneOf as V}from"prop-types";import G from"react-dom";import{usePopperTooltip as Y}from"react-popper-tooltip";function Z(e,s){return function(e){if(Array.isArray(e))return e}(e)||function(e,s){var a=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=a){var n,t,i,r,c=[],l=!0,o=!1;try{if(i=(a=a.call(e)).next,0===s){if(Object(a)!==a)return;l=!1}else for(;!(l=(n=i.call(a)).done)&&(c.push(n.value),c.length!==s);l=!0);}catch(e){o=!0,t=e}finally{try{if(!l&&null!=a.return&&(r=a.return(),Object(r)!==r))return}finally{if(o)throw t}}return c}}(e,s)||function(e,s){if(!e)return;if("string"==typeof e)return Q(e,s);var a=Object.prototype.toString.call(e).slice(8,-1);"Object"===a&&e.constructor&&(a=e.constructor.name);if("Map"===a||"Set"===a)return Array.from(e);if("Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a))return Q(e,s)}(e,s)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Q(e,s){(null==s||s>e.length)&&(s=e.length);for(var a=0,n=new Array(s);a<s;a++)n[a]=e[a];return n}function J(e,s){var a={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&s.indexOf(n)<0&&(a[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var t=0;for(n=Object.getOwnPropertySymbols(e);t<n.length;t++)s.indexOf(n[t])<0&&Object.prototype.propertyIsEnumerable.call(e,n[t])&&(a[n[t]]=e[n[t]])}return a}"function"==typeof SuppressedError&&SuppressedError;var X,ee={exports:{}},se={};ee.exports=function(){if(X)return se;X=1;var e=s,a=Symbol.for("react.element"),n=Symbol.for("react.fragment"),t=Object.prototype.hasOwnProperty,i=e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,r={key:!0,ref:!0,__self:!0,__source:!0};function c(e,s,n){var c,l={},o=null,d=null;for(c in void 0!==n&&(o=""+n),void 0!==s.key&&(o=""+s.key),void 0!==s.ref&&(d=s.ref),s)t.call(s,c)&&!r.hasOwnProperty(c)&&(l[c]=s[c]);if(e&&e.defaultProps)for(c in s=e.defaultProps)void 0===l[c]&&(l[c]=s[c]);return{$$typeof:a,type:e,key:o,ref:d,props:l,_owner:i.current}}return se.Fragment=n,se.jsx=c,se.jsxs=c,se}();var ae=ee.exports;const ne=(e,s)=>!0===e||!(!e||!e[s]),te="szh-accordion",ie="szh-adn",re=`data-${ie}`,ce=`data-${ie}-btn`,le=a({}),oe=(e,s,a)=>(n,t)=>{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 n?n(t):n;return"string"==typeof c&&(c=c.trim(),c&&(r+=` ${c}`)),r},de=(e,s)=>{if(!s)return e;const a=Object.assign({},e);return Object.keys(s).forEach((n=>{const t=e[n],i=s[n];a[n]="function"==typeof i&&t?(...e)=>{t(...e),i(...e)}:i})),a},pe=e=>ae.jsx(le.Provider,Object.assign({},e)),me=e=>{do{e=e.parentElement}while(e&&!e.hasAttribute(re));return e},ge=(e,s,a)=>e?s>0?s-1:a-1:(s+1)%a,ue=(e,s)=>{const{activeElement:a}=document;if(!a||!a.hasAttribute(ce)||me(a)!==s.currentTarget)return;const n=s.currentTarget.querySelectorAll(`[${ce}]`),{length:t}=n;for(let i=0;i<t;i++)if(n[i]===a){let a=ge(e,i,t);for(;me(n[i])!==me(n[a]);)a=ge(e,a,t);i!==a&&(s.preventDefault(),n[a].focus());break}},he=e.forwardRef(((e,s)=>{var{providerValue:a,className:n}=e,t=J(e,["providerValue","className"]);const{accordionProps:i}={accordionProps:{[re]:"",onKeyDown:e=>"ArrowUp"===e.key?ue(!0,e):"ArrowDown"===e.key&&ue(!1,e)}};return ae.jsx(pe,Object.assign({value:a},{children:ae.jsx("div",Object.assign({},de(i,t),{ref:s,className:oe(te)(n)}))}))}));he.displayName="ControlledAccordion";const be=e.forwardRef(((e,s)=>{var{allowMultiple:a,initialEntered:n,mountOnEnter:t,unmountOnExit:i,transition:r,transitionTimeout:c,onStateChange:l}=e,o=J(e,["allowMultiple","initialEntered","mountOnEnter","unmountOnExit","transition","transitionTimeout","onStateChange"]);const d=((e={})=>{var{transition:s,transitionTimeout:a}=e,n=J(e,["transition","transitionTimeout"]);const t=p(Object.assign({timeout:a,enter:ne(s,"enter"),exit:ne(s,"exit"),preEnter:ne(s,"preEnter"),preExit:ne(s,"preExit")},n));return Object.assign({mountOnEnter:!!n.mountOnEnter,initialEntered:!!n.initialEntered},t)})({allowMultiple:a,initialEntered:n,mountOnEnter:t,unmountOnExit:i,transition:r,transitionTimeout:c,onStateChange:l});return ae.jsx(he,Object.assign({},o,{ref:s,providerValue:d}))}));be.displayName="Accordion";const xe={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")}},je=a(xe),fe=()=>"undefined"!=typeof window&&window.matchMedia("(prefers-color-scheme: dark)").matches,_e=e=>{var{children:s,wrapperElement:a,prefix:i="wfp",initialTheme:r="light"}=e,c=J(e,["children","wrapperElement","prefix","initialTheme"]);const l=e=>{const s=`${i}--theme--`;"auto"===e&&fe();const n="auto"===e&&fe()?"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--${n}`)}return n},o=()=>{const e="undefined"!=typeof window&&window.localStorage.getItem("theme")||r;return l(e),e},[d,p]=n(o()),[m,g]=n((()=>{const e=o();return"auto"===e?fe()?"dark":"light":e})());t((()=>{const e=window.matchMedia("(prefers-color-scheme: dark)");return e.addListener(u),()=>e.removeListener(u)}),[]);const u=()=>{if("auto"===d){const e=l("auto");g(e)}},h=Object.assign(Object.assign(Object.assign({},xe),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 ae.jsx(je.Provider,Object.assign({value:h},{children:s}))};function ve(){const e=i(je);return void 0===e?xe:e}let $e=0;const Ne=r||(()=>{const[e,s]=n();return t((()=>s(++$e)),[]),e&&`${ie}-${e}`}),Oe="undefined"!=typeof window&&void 0!==window.document&&void 0!==window.document.createElement?c:t;function ye(e,s){"function"==typeof e?e(s):e.current=s}function we(e,s){return o((()=>e?s?a=>{ye(e,a),ye(s,a)}:e:s),[e,s])}const ke=({itemKey:e,initialEntered:s,disabled:a}={})=>{const n=l(null),r=i(le),c=null!=e?e:n.current,o=((e,s,a)=>{const{stateMap:n,mountOnEnter:t,initialEntered:i}=e,r=null!=a?a:i;return n.get(s)||{status:r?"entered":t?"unmounted":"exited",isMounted:!t,isEnter:r,isResolved:!0}})(r,c,s),{setItem:p,deleteItem:m,toggle:g}=r;return t((()=>{if(a)return;const t=null!=e?e:n.current;return p(t,{initialEntered:s}),()=>{m(t)}}),[p,m,e,s,a]),{itemRef:n,state:o,toggle:d((e=>g(c,e)),[g,c])}},Te=s=>{const a=e.forwardRef(((e,a)=>{var{itemKey:n,initialEntered:t}=e,i=J(e,["itemKey","initialEntered"]);return ae.jsx(s,Object.assign({forwardedRef:a},i,ke({itemKey:n,initialEntered:t,disabled:i.disabled})))}));return a.displayName="withAccordionItem",a};Te.displayName="withAccordionItem";const Ce=(e,s)=>"function"==typeof e?e(s):e,De=e.memo((e=>{var{forwardedRef:s,itemRef:a,state:t,toggle:i,className:r,disabled:c,header:o,headingTag:d="h3",headingProps:p,buttonProps:g,contentProps:u,panelProps:h,children:b}=e,x=J(e,["forwardedRef","itemRef","state","toggle","className","disabled","header","headingTag","headingProps","buttonProps","contentProps","panelProps","children"]);const j={state:t,toggle:i,disabled:c},{buttonProps:f,panelProps:_}=(({state:e,toggle:s,disabled:a})=>{const n=Ne(),t=n&&n+"-",i={id:n,"aria-controls":t,"aria-expanded":e.isEnter,onClick:s};return a?i.disabled=!0:i[ce]="",{buttonProps:i,panelProps:{id:t,"aria-labelledby":n,role:"region"}}})(j),[v,$]=(({status:e,isResolved:s})=>{const[a,t]=n(),i=l(null);return Oe((()=>{("preEnter"===e||"preExit"===e)&&t(i.current.getBoundingClientRect().height)}),[e]),[{height:"preEnter"===e||"exiting"===e?0:"entering"===e||"preExit"===e?a:void 0,overflow:s?void 0:"hidden"},i]})(t),N=we(h&&h.ref,$),{status:O,isMounted:y,isEnter:w}=t,{prefix:k}=ve(),T=U(`${k}--accordion--button`,{[`${k}--accordion--button__expanded`]:w});return ae.jsxs("div",Object.assign({},x,{ref:we(s,a),className:oe(te,"item",{status:O,expanded:w})(r,t)},{children:[ae.jsx(d,Object.assign({},p,{style:Object.assign({margin:0},p&&p.style),className:oe(te,"item-heading")(p&&p.className,t)},{children:ae.jsxs("button",Object.assign({},de(f,g),{type:"button",className:oe(te,"item-btn")(g&&g.className,t)},{children:[ae.jsx(m,{description:"open",className:T}),Ce(o,j)]}))})),y&&ae.jsx("div",Object.assign({},u,{style:Object.assign(Object.assign({display:"exited"===O?"none":void 0},v),u&&u.style),className:oe(te,"item-content")(u&&u.className,t)},{children:ae.jsx("div",Object.assign({},de(_,h),{ref:N,className:oe(te,"item-panel")(h&&h.className,t)},{children:Ce(b,j)}))}))]}))}));De.displayName="AccordionItem";const Pe=Te(De);Pe.displayName="AccordionItem";const Se=e=>{var{image:s,backgroundContent:a,children:n,className:t}=e,i=J(e,["image","backgroundContent","children","className"]);const{prefix:r}=ve(),c=s?{backgroundImage:`url(${s})`}:{},l=U(`${r}--auth-background-wrapper`,{[`${r}--auth-background-image`]:s,[`${t}`]:t});return ae.jsxs("div",Object.assign({className:`${r}--auth-wrapper`},i,{children:[ae.jsx("div",Object.assign({className:l,style:c},{children:a})),ae.jsx("div",Object.assign({className:`${r}--auth-content-wrapper`},{children:n}))]}))},Ie=e=>{var{children:s}=e,a=J(e,["children"]);const{prefix:n}=ve();return ae.jsx("div",Object.assign({},a,{className:`${n}--auth-background-content`},{children:s}))},Le=["sm","md","lg","full"],Ee=e=>{const{prefix:s}=ve(),{background:a,backgroundClassName:n,backgroundStyle:t,children:i,className:r,pageWidth:c,mobilePageWidth:l,spacing:o}=e,d=J(e,["background","backgroundClassName","backgroundStyle","children","className","pageWidth","mobilePageWidth","spacing"]),p=U({[`${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||t||n){const e=U(n,{[`${s}--wrapper--background-${a}`]:a});return ae.jsx("div",Object.assign({className:e,style:t},{children:ae.jsx("div",Object.assign({className:p},d,{children:i}))}))}return ae.jsx("div",Object.assign({className:p},d,{children:i}))},Fe=({className:e,children:s})=>{const{prefix:a}=ve(),n=U(`${a}--banner-navigation__item`,e);return ae.jsx("li",Object.assign({className:n},{children:s}))},qe=e=>{var{children:s,className:a}=e,n=J(e,["children","className"]);const{prefix:t}=ve(),i=U(`${t}--banner-navigation`,a);return ae.jsx("div",Object.assign({className:i},{children:ae.jsx(Ee,Object.assign({},n,{children:ae.jsx("ul",Object.assign({className:`${t}--banner-navigation__list`},{children:s}))}))}))},Ae=e=>{var{className:s,children:a,invalid:n,inline:t}=e,i=J(e,["className","children","invalid","inline"]);const{prefix:r}=ve(),c=U(`${r}--form-item`,{[`${r}--form-item--inline`]:t,[`${r}--form-item--invalid`]:n},s);return ae.jsx("div",Object.assign({className:c},i,{children:a}))};function Me({addonBefore:e,prefix:s}){return e?ae.jsx("div",Object.assign({className:`${s}--input-addon-before`},{children:e})):null}function Be({addonAfter:e,prefix:s}){return e?ae.jsx("div",Object.assign({className:`${s}--input-addon-after`},{children:e})):null}function Re({errorId:e,errorClasses:s,invalid:a,invalidText:n}){if(a){const t=ae.jsx(g,{fill:"#c5192d"});return ae.jsxs("div",Object.assign({className:s,id:e},{children:[t," ",ae.jsx("span",{children:"object"==typeof a&&a.message?a.message:"string"==typeof a?a:n||"required"})]}))}return null}function We({labelClasses:e,calculatedId:s,labelText:a,required:n,hideLabel:t}){return t?null:ae.jsxs("label",Object.assign({htmlFor:s,className:e},{children:[a&&a,n&&"*"]}))}function He({helperTextClasses:e,helperText:s}){return s?ae.jsx("div",Object.assign({className:e},{children:s})):null}const ze=e=>{var{additional:s,addonBefore:a,addonAfter:n,labelText:t,children:i,components:r={},id:c,className:l,calculatedId:o,inputWrapperClassName:d,hideLabel:p,name:m,invalid:g,invalidText:u,helperText:h,required:b}=e,x=J(e,["additional","addonBefore","addonAfter","labelText","children","components","id","className","calculatedId","inputWrapperClassName","hideLabel","name","invalid","invalidText","helperText","required"]);const{prefix:j}=ve(),f=o+"-error-msg",_=U(`${j}--label`,{[`${j}--visually-hidden`]:p||!t,[`${j}--label--disabled`]:x.disabled}),v=U(`${j}--input-wrapper`,{[`${j}--form-item--invalid`]:g},d),$=U(`${j}--form__helper-text`,{[`${j}--form__helper-text--disabled`]:x.disabled}),N=`${j}--form-requirement`,O=Object.assign({AddonAfter:Be,AddonBefore:Me,Label:We,Helper:He,InlineErrorMessage:Re},r),y=O.AddonAfter,w=O.AddonBefore,k=O.Label,T=O.Helper,C=O.InlineErrorMessage,D={labelText:t,labelClasses:_,calculatedId:o,required:b,helperTextClasses:$,helperText:h,errorClasses:N,errorId:f,invalid:g,invalidText:u,addonAfter:n,addonBefore:a,hideLabel:p,prefix:j};return ae.jsxs(Ae,Object.assign({className:l,inline:x.inline},{children:[ae.jsx(k,Object.assign({},D)),ae.jsx(T,Object.assign({},D)),s,ae.jsxs("div",Object.assign({className:v},{children:[ae.jsx(w,Object.assign({},D)),i,ae.jsx(y,Object.assign({},D))]})),ae.jsx(C,Object.assign({},D))]}))};ze.displayName="Input";const Ue=e=>{var{addonAfter:s,className:a,inputClassName:n="wfp--input",id:t,placeholder:i,type:r="text",onChange:c=(()=>{}),onClick:l=(()=>{}),hideLabel:o,name:d,invalid:p,invalidText:m,labelText:g,helperText:u,light:h,value:b}=e,x=J(e,["addonAfter","className","inputClassName","id","placeholder","type","onChange","onClick","hideLabel","name","invalid","invalidText","labelText","helperText","light","value"]);const{prefix:j}=ve(),f=t||d,_=U(`${j}--input`,n,{[`${j}--input--light`]:h,[`${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});console.log("useInput",{calculatedId:f});const $={calculatedId:f,className:a,addonAfter:s,labelText:g,helperText:u,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:$}},Ke=e.forwardRef(((s,a)=>{const{prefix:n}=ve(),{className:t,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=U(`${n}--number`,t,{[`${n}--number--light`]:b,[`${n}--number--helpertext`]:g,[`${n}--number--nolabel`]:c,[`${n}--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=U({"wfp--search-close":!0,"wfp--search-close--hidden":!f}),y=U(`${n}--search-input`,t,{[`${n}--search-input--rounded`]:x}),w=s,{wrapperProps:k,inputProps:T}=Ue(Object.assign(Object.assign({},w),{onChange:e=>{r||(e.persist(),e.imaginaryTarget=$,_(e.target.value),p(e,e.target.value))},className:`${n}--search-input__wrapper`,inputClassName:y}));return ae.jsxs(ze,Object.assign({},k,{inputWrapperClassName:N},{children:[ae.jsx(u,{description:o,className:`${n}--search-magnifier-icon`,onClick:m}),ae.jsx("input",Object.assign({},T,{ref:$,value:f})),ae.jsx("button",Object.assign({className:O,onClick:()=>{_(""),p(evt,"")},type:"button","aria-label":i},{children:ae.jsx(h,{description:i})}))]}))}));Ke.displayName="Search";const Ve=e.forwardRef((function(s,a){const{children:n,className:t,href:i,disabled:r,inline:c,visited:l,icon:o,size:d,linkSolid:p}=s,m=J(s,["children","className","href","disabled","inline","visited","icon","size","linkSolid"]),{prefix:g}=ve(),u=U(`${g}--link`,t,{[`${g}--link--disabled`]:r,[`${g}--link--inline`]:c,[`${g}--link--visited`]:l,[`${g}--link--${d}`]:d,[`${g}--link--icon`]:o,[`${g}--link--solid`]:p}),h="_blank"===m.target?"noopener":void 0,b=o;return ae.jsxs("a",Object.assign({href:r?void 0:i,className:u,rel:h,ref:a,"aria-disabled":r},m,{children:[n,o&&e.isValidElement(o)?ae.jsx("span",Object.assign({className:`${g}--link__icon`},{children:o})):o?ae.jsx(b,{}):null]}))}));Ve.displayName="Link";const Ge=e=>{var{searchOnChange:s,search:a}=e,n=J(e,["searchOnChange","search"]);return ae.jsxs(qe,Object.assign({},n,{children:[ae.jsx(Fe,{children:ae.jsx(Ve,Object.assign({href:"http://communities.wfp.org",target:"_blank"},{children:"Communities"}))}),ae.jsx(Fe,{children:ae.jsx(Ve,Object.assign({href:"http://manuals.wfp.org",target:"_blank"},{children:"Manuals"}))}),ae.jsx(Fe,{children:ae.jsx(Ve,Object.assign({href:"https://newgo.docs.wfp.org",target:"_blank"},{children:"GoDocs"}))}),ae.jsx(Fe,{children:ae.jsx(Ve,Object.assign({href:"https://welearn.wfp.org",target:"_blank"},{children:"WeLearn"}))}),ae.jsx(Fe,{children:ae.jsx(Ve,Object.assign({href:"https://dashboard.wfp.org",target:"_blank"},{children:"Dashboard"}))}),ae.jsx(Fe,{children:ae.jsx(Ve,Object.assign({href:"http://opweb.wfp.org",target:"_blank"},{children:"OPweb"}))}),ae.jsx(Fe,{children:ae.jsx(Ve,Object.assign({href:"https://selfservice.go.wfp.org",target:"_blank"},{children:"Self-Service"}))}),ae.jsx(Fe,{children:ae.jsx(Ve,Object.assign({href:"https://erpapps.wfp.org/fiori",target:"_blank"},{children:"WeTravel"}))}),ae.jsx(Fe,{children:ae.jsx(Ve,Object.assign({href:"https://unbooking.org/",target:"_blank"},{children:"UN Booking Hub"}))}),ae.jsx(Fe,{children:ae.jsx(Ve,Object.assign({href:"https://wfp.org",target:"_blank"},{children:"WFP.org"}))}),a&&ae.jsx(Fe,{children:ae.jsx("form",Object.assign({action:"http://gtd.wfp.org",method:"GET",acceptCharset:"UTF-8",target:"_blank"},{children:ae.jsx(Ke,{kind:"banner",id:"search-2",labelText:"Find People",name:"q",placeholder:"Find People",onChange:s})}))})]}))};function Ye(e){var{alt:s,className:a,image:n,missingImage:t="avatar",name:i,userIconProps:r}=e,c=J(e,["alt","className","image","missingImage","name","userIconProps"]);const{prefix:l}=ve();if(n||"avatar"!==t){if(void 0===n&&"letter"===t){const e=U(`${l}--avatar`,`${l}--avatar--empty`,`${l}--avatar--letter`,a);return ae.jsx("svg",Object.assign({id:"avatar-layer",className:e,x:"0px",y:"0px",viewBox:"0 0 25 25",height:"25px",width:"25px"},{children:ae.jsx("text",Object.assign({x:"50%",y:"57%",dominantBaseline:"middle",textAnchor:"middle"},{children:i&&i.toUpperCase()[0]}))}))}{const e=U(`${l}--avatar`,a);return ae.jsx("div",Object.assign({},c,{className:e},{children:ae.jsx("img",{alt:s,src:n})}))}}{const e=U(`${l}--avatar`,`${l}--avatar--empty`,`${l}--avatar--missing`,a);return ae.jsx(b,Object.assign({fill:"#ffffff",description:s,className:e},r,c))}}Ye.displayName="Avatar";const Ze=e=>{var{children:s,className:a}=e,n=J(e,["children","className"]);const{prefix:t}=ve(),i=U(a,{[`${t}--breadcrumb`]:!0,[`${t}--breadcrumb--no-trailing-slash`]:!0});return ae.jsx("div",Object.assign({className:i},n,{children:s}))},Qe=(e,a,n)=>{const{prefix:t}=ve();return!0===a?ae.jsx("span",{children:e}):"string"==typeof e&&void 0!==n?ae.jsx(Ve,Object.assign({href:n},{children:e})):s.cloneElement(s.Children.only(e),{className:`${t}--link`})},Je=e=>{var{children:s,className:a,disableLink:n,href:t}=e,i=J(e,["children","className","disableLink","href"]);const{prefix:r}=ve(),c=U(`${r}--breadcrumb-item`,a);return ae.jsx("div",Object.assign({className:c},i,{children:Qe(s,n,t)}))},Xe=e=>{var{className:s,hometext:a}=e,n=J(e,["className","hometext"]);const{prefix:t}=ve(),i=U(`${t}--breadcrumb-home`,s);return ae.jsx(x,Object.assign({fill:"#0b77c2",width:"14",height:"14",description:a,className:i},n))},es=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:u,type:h="button",icon:b,iconDescription:x,onClick:j,id:f}=s,_=J(s,["children","className","disabled","small","large","btnSolid","kind","iconReverse","tabIndex","useFlexbox","type","icon","iconDescription","onClick","id"]),{prefix:v}=ve(),[$,N]=n(!1);t((()=>{const e=setTimeout((()=>w()),500);return()=>{clearTimeout(e)}}),[$]);const O={tabIndex:g,className:U(r,{[`${v}--btn`]:!0,[`${v}--btn--sm`]:l,[`${v}--btn--lg`]:o,[`${v}--btn--icon-reverse`]:m,[`${v}--btn--flexbox`]:u,[`${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=ae.jsx("span",Object.assign({className:`${v}--btn__icon`},{children:b}));else if(b){const e=b;y=ae.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 ae.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 ae.jsxs("button",Object.assign({},T,O,{disabled:c,type:h,onClick:k,ref:a,id:f},{children:[m&&y,i,!m&&y]}))}));es.displayName="Button",V(["primary","secondary","accent","danger","ghost","inverse--primary","inverse","danger--primary","tertiary","navigation"]);const ss=["primary","secondary","tertiary","accent","danger--primary","danger","ghost","inverse--primary","inverse","navigation"],as=["info","success","warning","error"],ns=({icon:e})=>{const{prefix:s}=ve();return e?ae.jsx("div",Object.assign({className:`${s}--empty__icon`},{children:e})):null},ts=({title:e,children:s})=>{const{prefix:a}=ve();return ae.jsxs("div",Object.assign({className:`${a}--empty__text`},{children:[e&&ae.jsx("h2",{children:e}),ae.jsx("div",{children:s})]}))},is=e=>{var{button:s,children:a,className:n,components:t,icon:i,title:r,kind:c="large"}=e,l=J(e,["button","children","className","components","icon","title","kind"]);const{prefix:o}=ve(),d=U({[`${o}--empty`]:!0,[`${o}--empty--${c}`]:c},n),p={Icon:ns,Text:ts},m=Object.assign(Object.assign({},p),t),g=m.Icon,u=m.Text;return ae.jsxs("div",Object.assign({className:d},l,{children:[ae.jsx(g,{icon:i}),ae.jsx(u,{title:r,children:a}),ae.jsx("div",Object.assign({className:`${o}--empty__button`},{children:s}))]}))};is.displayName="Empty";const rs=s=>{var{children:a,className:n,image:t,isExternal:i,isLink:r,metadata:c,more:l,subTitle:o,title:d,kind:p,url:m}=s,g=J(s,["children","className","image","isExternal","isLink","metadata","more","subTitle","title","kind","url"]);const{prefix:u}=ve(),h="related"!==p?{backgroundImage:`url(${t})`}:{},b=U(`${u}--photo-card`,{[`${u}--photo-card--${p}`]:p,[`${u}--photo-card--no-background`]:!t,[`${u}--photo-card--link`]:r,[`${n}`]:n}),x=ae.jsxs(e.Fragment,{children:[ae.jsx("div",{className:`${u}--photo-card__background`,style:h}),t&&"related"===p&&ae.jsx("img",{src:t}),ae.jsxs("div",Object.assign({className:`${u}--photo-card__info`},{children:[ae.jsxs("div",{children:[("landscape"===p||"hero"===p)&&ae.jsx("div",{className:`${u}--photo-card__info__background`,style:h}),c&&ae.jsx("p",Object.assign({className:`${u}--photo-card__info__metadata`},{children:c})),d&&("hero"===p||"splash-compact"===p)&&ae.jsx("h2",Object.assign({className:`${u}--photo-card__info__title`},{children:d})),d&&"hero"!==p&&"splash-compact"!==p&&ae.jsx("h3",Object.assign({className:`${u}--photo-card__info__title`},{children:d})),o&&ae.jsx("p",Object.assign({className:`${u}--photo-card__info__subtitle`},{children:o}))]}),"hero"===p||"splash-image"===p||"splash-compact"===p&&ae.jsx("div",Object.assign({className:`${u}--photo-card__info__more`},{children:l}))]})),a]});return r?ae.jsx("a",Object.assign({href:m,target:i?"_blank":"",className:b},g,{children:x})):ae.jsx("div",Object.assign({className:b},g,{children:x}))};rs.displayName="Hero";const cs=({title:e,subTitle:s,image:a,children:n,className:t})=>{const{prefix:i}=ve(),r=U(`${i}--hero-ext`,{[`${t}`]:t});return ae.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:ae.jsxs(Ee,Object.assign({pageWidth:"md"},{children:[ae.jsxs("div",Object.assign({className:`${i}--hero-ext__content`},{children:[e&&ae.jsx("h1",Object.assign({className:`${i}--hero-ext__heading`},{children:e})),s&&ae.jsx("p",Object.assign({className:`${i}--hero-ext__body-copy`},{children:s}))]})),n]}))}))},ls=e=>{var{children:s,className:a,image:n,isExternal:t,isLink:i,metadata:r,subTitle:c,title:l,alt:o,kind:d,url:p,cardWidth:m,cardHeight:g}=e,u=J(e,["children","className","image","isExternal","isLink","metadata","subTitle","title","alt","kind","url","cardWidth","cardHeight"]);const{prefix:h}=ve(),b="overlay"==d?{backgroundImage:`url(${n})`}:{},x=m||"300px",j=g||"260px",f=U([`${h}--card-box`],{[`${h}--photo-cardnew--${d}`]:d,[`${h}--photo-cardnew--link`]:i,[`${a}`]:a}),_=ae.jsxs(ae.Fragment,{children:["overlay"===d?ae.jsx("div",{className:`${h}--photo-cardnew__background`,style:b}):null,n&&"simple-card"===d?ae.jsx("img",{src:n,alt:o,className:`${h}--header-photo`}):null,ae.jsx("div",Object.assign({className:`${h}--photo-cardnew__info`},{children:ae.jsxs("div",{children:["overlay"===d&&ae.jsx("div",{className:`${h}--photo-cardnew__info__background`,style:b}),r&&ae.jsx("p",Object.assign({className:`${h}--photo-cardnew__info__metadata`},{children:r})),l&&ae.jsx("h3",Object.assign({className:`${h}--photo-cardnew__info__title`},{children:l})),c&&ae.jsx("p",Object.assign({className:`${h}--photo-cardnew__info__subtitle`},{children:c}))]})})),s]});return i?ae.jsx("div",Object.assign({className:f,style:{width:x,minHeight:j}},{children:ae.jsx("a",Object.assign({href:p,target:t?"_blank":"",style:{width:x,minHeight:j}},u,{children:_}))})):ae.jsx("div",Object.assign({className:f},u,{style:{width:x,minHeight:j}},{children:_}))};ls.displayName="Card";const os={info:"Info",error:"error",success:"Success",warning:"Warning",custom:"Custom"},ds=e=>{var{children:s,className:a,type:n="info"}=e,t=J(e,["children","className","type"]);const{prefix:i}=ve(),r=U(`${i}--tag`,`${i}--tag--${n}`,a);return ae.jsx("span",Object.assign({className:r},t,{children:s||os[n]}))};ds.displayName="Tag";const ps=e=>{var{label:s,labelStatus:a,interactive:i,image:r,heading:c,subHeading:o,caption:d,tag:p,children:m,className:g}=e,u=J(e,["label","labelStatus","interactive","image","heading","subHeading","caption","tag","children","className"]);const{prefix:h}=ve(),b=l(null),[x,j]=n(63),f=a?"success":"neutral",_=U(`${h}--card-ext`,{[`${h}--card-ext--interactive`]:i,[`${g}`]:g});return t((()=>{b.current&&j(b.current.offsetHeight)}),[b]),ae.jsxs("div",Object.assign({className:_},{children:[s&&ae.jsx("div",Object.assign({className:`${h}--card-ext__label ${h}--card-ext__label--${f}`},{children:s})),ae.jsx("figure",Object.assign({className:`${h}--card-ext__media`},{children:ae.jsx("img",{className:`${h}--card-ext__image`,src:r,alt:"Card picture"})})),ae.jsxs("div",Object.assign({className:`${h}--card-ext__info-wrapper ${h}--card-ext__info-wrapper--with-divider`},{children:[ae.jsxs("div",Object.assign({className:`${h}--card-ext__primary-title`},{children:[o&&ae.jsx("p",Object.assign({className:`${h}--card-ext__subheading`},{children:o})),c&&ae.jsx("p",Object.assign({className:`${h}--card-ext__heading`},{children:c}))]})),ae.jsx("div",Object.assign({className:u.truncated?`${h}--card-ext__supportive-text ${h}--card-ext__supportive-text--truncated`:`${h}--card-ext__supportive-text`,ref:b},{children:ae.jsx("p",Object.assign({style:{WebkitLineClamp:Math.floor(x/1.5/14)}},{children:d}))})),p&&ae.jsx("div",Object.assign({className:`${h}--card-ext__tags`},{children:ae.jsx(ds,Object.assign({className:`${h}--card-ext__tag`,type:"custom"},{children:p}))}))]})),m]}))};ps.propTypes={label:K.string,labelStatus:K.bool,image:K.string,heading:K.string,subHeading:K.string,caption:K.string,tag:K.string,children:K.node,interactive:K.bool,className:K.string};const ms=e.forwardRef((({startDate:e,endDate:s,setStartDate:a,datePicker:n,datePickerProps:t={}},i)=>{const{prefix:r}=ve(),c=n;return c?ae.jsx("div",Object.assign({className:`${r}--date-picker`},{children:ae.jsxs("div",Object.assign({className:`${r}--date-picker__input`},{children:[ae.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`},t,{ref:i})),ae.jsx(j,{className:`${r}--date-picker__icon`})]}))})):ae.jsx("div",{children:"Add a datepicker component"})}));ms.displayName="DatePickerInput";const gs=e.forwardRef(((e,s)=>{const{datePickerProps:a,hideLabel:n,helperText:t,required:i}=e,{prefix:r}=ve(),c=U(`${r}--input`,`${r}--date-picker`,{[`${r}--date-picker--helpertext`]:t,[`${r}--date-picker--nolabel`]:n,[`${r}--date-picker--required`]:i}),l=e,{inputProps:o,wrapperProps:d}=Ue(Object.assign(Object.assign({},l),{inputClassName:c}));return ae.jsx(ze,Object.assign({},d,{children:ae.jsx(ms,Object.assign({},o,{ref:s,datePickerProps:a}))}))}));gs.displayName="DatePicker";const us=e.forwardRef((({startDate:e,endDate:s,setStartDate:a,setEndDate:n,datePicker:t,fromProps:i={},toProps:r={}},c)=>{const{prefix:l}=ve(),o=t;return o?ae.jsxs("div",Object.assign({className:`${l}--date-ranger-picker`},{children:[ae.jsxs("div",Object.assign({className:`${l}--date-ranger-picker__input`},{children:[ae.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})),ae.jsx(j,{className:`${l}--date-ranger-picker__icon`})]})),ae.jsx(f,{className:`${l}--date-ranger-picker__arrow`}),ae.jsxs("div",Object.assign({className:`${l}--date-ranger-picker__input`},{children:[ae.jsx(o,Object.assign({selected:s,className:`${l}--input ${l}--date-ranger__input__start-date`,onChange:n,selectsEnd:!0,startDate:e,endDate:s,minDate:e,wrapperClassName:`${l}--date-picker__wrapper`},r)),ae.jsx(j,{className:`${l}--date-ranger-picker__icon`})]}))]})):ae.jsx("div",{children:"Add a datepicker component"})}));us.displayName="DateRangePickerInput";const hs=e.forwardRef(((e,s)=>{const{fromProps:a,toProps:n,hideLabel:t,helperText:i,required:r}=e,{prefix:c}=ve(),l=U(`${c}--input`,`${c}--date-range-picker`,{[`${c}--date-range-picker--helpertext`]:i,[`${c}--date-range-picker--nolabel`]:t,[`${c}--date-range-picker--required`]:r}),o=e,{inputProps:d,wrapperProps:p}=Ue(Object.assign(Object.assign({},o),{inputClassName:l}));return ae.jsx(ze,Object.assign({},p,{children:ae.jsx(us,Object.assign({},d,{ref:s,fromProps:a,toProps:n}))}))}));hs.displayName="DateRangePicker";const bs=e.forwardRef(((e,s)=>{var{className:a,id:n,labelText:t,onChange:i=(()=>{}),indeterminate:r,invalid:c,invalidText:l,hideLabel:o,wrapperClassName:d,title:p=""}=e,m=J(e,["className","id","labelText","onChange","indeterminate","invalid","invalidText","hideLabel","wrapperClassName","title"]);const{prefix:g}=ve(),u=U(`${g}--checkbox-label`,a),h=U(`${g}--checkbox-label-text`,{[`${g}--visually-hidden`]:o}),b=U(`${g}--form-item`,`${g}--checkbox-wrapper`,{[`${g}--checkbox-wrapper--invalid`]:c},d);return ae.jsxs("div",Object.assign({className:b},{children:[ae.jsx("input",Object.assign({},m,{"aria-invalid":c,"data-invalid":c,type:"checkbox",onChange:e=>{i(e,e.target.checked,n)},className:`${g}--checkbox`,id:n||m.name,ref:e=>{e&&r&&(e.indeterminate=r),"function"==typeof s?s(e):Object(s)===s&&s&&(s.current=e)}})),ae.jsx("label",Object.assign({htmlFor:n||m.name,className:u,title:p||void 0},{children:ae.jsx("span",Object.assign({className:h},{children:t}))})),ae.jsx(Re,{errorClasses:`${g}--form-requirement`,invalid:c,invalidText:l})]}))}));bs.displayName="Checkbox";const xs=e=>{var{children:s,className:a,info:n}=e,t=J(e,["children","className","info"]);const{prefix:i}=ve(),r=U(`${i}--credits`,a);return ae.jsxs("div",Object.assign({className:r},t,{children:[ae.jsx("div",Object.assign({className:`${i}--credits__info`},{children:n})),s]}))};xs.displayName="Credits";const js=e=>{var{children:a,className:t,selectedIndex:i,small:r,onChange:c}=e,l=J(e,["children","className","selectedIndex","small","onChange"]);const{prefix:o}=ve(),[d,p]=n(i),m=e=>{const{index:s}=e;d!==s&&(p(s),c(e))},g=U(`${o}--content-switcher`,t,{[`${o}--content-switcher--sm`]:r});return ae.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)}))},fs={duration:100,animation:"fade",theme:"light",arrow:!0},_s={duration:100,animation:"fade",theme:"dark",arrow:!0},vs=({className:s,dark:a,noPadding:n,children:t,content:i,trigger:r="hover",placement:c="top",createRefWrapper:l,closeOnOutsideClick:o,closeOnTriggerHidden:d,defaultVisible:p,delayHide:m,delayShow:g,followCursor:u,interactive:h,mutationObserverOptions:b,offset:x,onVisibleChange:j,usePortal:f})=>{const{prefix:_}=ve(),[v,$]=e.useState(!1),N=U(s,{[`${_}--tooltip`]:!0,[`${_}--tooltip--disable-padding`]:n,[`${_}--tooltip--visible`]:v,[`${_}--tooltip--${r}`]:r,[`${_}--tooltip--dark`]:a}),{getArrowProps:O,getTooltipProps:y,setTooltipRef:w,setTriggerRef:k,visible:T}=Y({closeOnOutsideClick:o,closeOnTriggerHidden:d,defaultVisible:p,delayHide:m,delayShow:g,followCursor:u,interactive:h,mutationObserverOptions:b,offset:x,onVisibleChange:j,placement:c,trigger:r}),C=U({[`${_}--tooltip--trigger`]:!0}),D=U(s,{[`${_}--tooltip--trigger`]:!0}),P=l||"string"==typeof t?ae.jsx("span",Object.assign({ref:k,className:D},{children:t})):e.cloneElement(t,{ref:k,className:C}),S=ae.jsxs("div",Object.assign({ref:w},y({className:N}),{children:["function"==typeof i?i({setVisibility:$,visibilityChange:e=>{$(e),j&&j(e)}}):i,ae.jsx("div",Object.assign({},O({className:`${_}--tooltip__arrow`})))]}));return ae.jsxs(ae.Fragment,{children:[P,T&&f&&ae.jsx($s,{children:S}),T&&!f&&S]})};function $s({children:e}){return G.createPortal(e,document.body)}const Ns=({children:e,className:s,content:a})=>{const{prefix:n}=ve(),t=U({[`${n}--context-menu`]:!0},s);return ae.jsx(vs,Object.assign({className:t,content:a,noPadding:!0,trigger:"click"},{children:e}))},Os=e=>{var{className:s}=e,a=J(e,["className"]);const{prefix:n}=ve(),t=U({[`${n}--context-menu__group`]:!0},s);return ae.jsx("div",Object.assign({className:t},a))},ys=e=>{var{className:s}=e,a=J(e,["className"]);const{prefix:n}=ve(),t=U({[`${n}--context-menu__item`]:!0},s);return ae.jsx("div",Object.assign({className:t},a))},ws=({className:e,children:s,labelOne:a,linkTextOne:n,linkHrefOne:t,labelTwo:i,linkTextTwo:r,linkHrefTwo:c,logo:l,logoExtended:o,metaContent:d,metaLinks:p,secondary:m,pageWidth:g="lg"})=>{const{prefix:u}=ve(),h=U(`${u}--footer`,e);return ae.jsxs("footer",Object.assign({className:h},{children:[ae.jsx(Ee,Object.assign({pageWidth:g},{children:ae.jsxs("div",Object.assign({className:`${u}--footer__content`},{children:[s?ae.jsx("div",Object.assign({className:`${u}--footer__info`},{children:s})):ae.jsxs("div",Object.assign({className:`${u}--footer__info`},{children:[ae.jsxs("div",Object.assign({className:`${u}--footer__info__item`},{children:[ae.jsx("p",Object.assign({className:`${u}--footer__label`},{children:a})),ae.jsx("ul",Object.assign({className:`${u}--footer__list`},{children:ae.jsx("li",{children:ae.jsx(Ve,Object.assign({href:t},{children:n}))})}))]})),ae.jsxs("div",Object.assign({className:`${u}--footer__info__item`},{children:[ae.jsx("p",Object.assign({className:`${u}--footer__label`},{children:i})),ae.jsx("ul",Object.assign({className:`${u}--footer__list`},{children:ae.jsx("li",{children:ae.jsx(Ve,Object.assign({href:c},{children:r}))})}))]}))]})),ae.jsxs("div",Object.assign({className:`${u}--footer__cta`},{children:[o&&"string"==typeof o?ae.jsx("img",{className:`${u}--footer__cta-logo`,src:o,alt:"World Food Programme Logo"}):o||ae.jsx(_,{className:`${u}--footer__cta-logo`,alt:"WFP"}),l&&"string"==typeof l?ae.jsx("img",{className:`${u}--footer__cta-logo-small`,src:l,alt:"WFP Logo"}):l||ae.jsx(v,{description:"WFP",className:`${u}--footer__cta-logo-small`}),m&&ae.jsx("div",Object.assign({className:`${u}--footer__secondary`},{children:m}))]}))]}))})),ae.jsxs(Ee,Object.assign({className:`${u}--footer__meta`,pageWidth:g},{children:[p&&ae.jsx("div",Object.assign({className:`${u}--footer__meta__links`},{children:p})),d&&ae.jsx("div",Object.assign({className:`${u}--footer__meta__content`},{children:d}))]}))]}))};ws.displayName="Footer";const ks=({className:e,productName:s,children:a,metaContent:n,pageWidth:t="lg",metaLinks:i})=>{const{prefix:r}=ve(),c=U(`${r}--footer-ext`,e);return ae.jsx("footer",Object.assign({className:c},{children:ae.jsxs(Ee,Object.assign({pageWidth:t},{children:[ae.jsxs("div",Object.assign({className:`${r}--footer-ext__content`},{children:[ae.jsxs("div",Object.assign({className:`${r}--footer-ext__info`},{children:[ae.jsx("div",Object.assign({className:`${r}--footer-ext__branding`},{children:ae.jsx("div",Object.assign({className:`${r}--footer-ext__product-name`},{children:s}))})),ae.jsx("div",Object.assign({className:`${r}--footer-ext__address`},{children:n})),ae.jsxs("div",Object.assign({className:`${r}--footer-ext__social-wrapper`},{children:[ae.jsx("p",{children:"Follow WFP on:"}),ae.jsxs("ul",Object.assign({className:`${r}--footer-ext__social-icons-list`},{children:[ae.jsx("li",Object.assign({className:`${r}--footer-ext__social-icon`},{children:ae.jsx("a",Object.assign({href:"https://twitter.com/WFP",target:"_blank",rel:"noopener"},{children:ae.jsx($,{})}))})),ae.jsx("li",Object.assign({className:`${r}--footer-ext__social-icon`},{children:ae.jsx("a",Object.assign({href:"https://www.facebook.com/WorldFoodProgramme",target:"_blank",rel:"noopener"},{children:ae.jsx(N,{})}))})),ae.jsx("li",Object.assign({className:`${r}--footer-ext__social-icon`},{children:ae.jsx("a",Object.assign({href:"https://www.instagram.com/Worldfoodprogramme/",target:"_blank",rel:"noopener"},{children:ae.jsx(O,{})}))})),ae.jsx("li",Object.assign({className:`${r}--footer-ext__social-icon`},{children:ae.jsx("a",Object.assign({href:"https://www.linkedin.com/company/world-food-programme",target:"_blank",rel:"noopener"},{children:ae.jsx(y,{})}))})),ae.jsx("li",Object.assign({className:`${r}--footer-ext__social-icon`},{children:ae.jsx("a",Object.assign({href:"https://www.youtube.com/user/WORLDFOODPROGRAM",target:"_blank",rel:"noopener"},{children:ae.jsx(w,{})}))})),ae.jsx("li",Object.assign({className:`${r}--footer-ext__social-icon`},{children:ae.jsx("a",Object.assign({href:"https://www.tiktok.com/@worldfoodprogramme",target:"_blank",rel:"noopener"},{children:ae.jsx(k,{})}))}))]}))]}))]})),ae.jsx("div",Object.assign({className:`${r}--footer-ext__nav-wrapper`},{children:a}))]})),ae.jsxs("div",Object.assign({className:`${r}--footer-ext__legal`},{children:[ae.jsxs("span",{children:[(new Date).getFullYear()," © World Food Programme"]}),ae.jsx("nav",Object.assign({className:`${r}--footer-ext__nav-legal`},{children:ae.jsx("ul",Object.assign({className:`${r}--footer-ext__legal-links`},{children:i}))}))]}))]}))}))},Ts=({title:e,children:s})=>{const{prefix:a}=ve();return ae.jsxs("div",Object.assign({className:`${a}--links-column`},{children:[e&&ae.jsxs("p",Object.assign({className:`${a}--links-column__title`},{children:[" ",e," "]})),ae.jsx("nav",{children:ae.jsx("ul",Object.assign({className:`${a}--links-column__nav-list`},{children:s}))})]}))},Cs=({className:e,href:s,children:a})=>{const{prefix:n}=ve(),t=U(`${n}--footer-ext__legal-link`,e);return ae.jsx("li",Object.assign({className:t},{children:ae.jsx("a",Object.assign({href:s},{children:a}))}))},Ds=e=>{var{className:s,children:a,longForm:n=!0}=e,t=J(e,["className","children","longForm"]);const{prefix:i}=ve(),r=U(`${i}--form`,{[`${i}--form-long`]:!0===n},s);return ae.jsx("form",Object.assign({className:r},t,{children:a}))};Ds.displayName="Form";const Ps=({align:e,breakpoint:s,legendText:a,inline:n,children:t,className:i,inputSpacing:r,message:c,messageText:l})=>{const{prefix:o}=ve(),d=U(`${o}--form-group__title`,i),p=U(`${o}--fieldset`,{[`${o}--fieldset__inline`]:n,[`${o}--fieldset__align-${e}`]:e,[`${o}--fieldset__breakpoint-${s}`]:s,[`${o}--fieldset__input-spacing-${r}`]:r},i);return ae.jsxs("div",Object.assign({className:p},{children:[ae.jsx("legend",Object.assign({className:d},{children:a})),ae.jsx("div",Object.assign({className:`${o}--fieldset__content`},{children:t})),c?ae.jsx("div",Object.assign({className:`${o}--form__requirements`},{children:l})):null]}))},Ss=({className:e,children:s,description:a})=>{const{prefix:n}=ve(),t=U(`${n}--form-hint`,e);return ae.jsx(vs,Object.assign({content:s},{children:ae.jsx("div",Object.assign({className:t},{children:ae.jsx(T,{width:"15",height:"15",description:a})}))}))},Is=e=>{var{className:s,children:a,id:n}=e,t=J(e,["className","children","id"]);const{prefix:i}=ve(),r=U(`${i}--label`,s);return ae.jsx("label",Object.assign({htmlFor:n,className:r},t,{children:a}))},Ls=({children:e,className:s,id:a,pageWidth:n})=>{const{prefix:t}=ve(),i=U(`${t}--info-bar`,s);return ae.jsx("div",Object.assign({id:a,className:i},{children:ae.jsx(Ee,Object.assign({pageWidth:n},{children:e}))}))};Ls.displayName="InfoBar";const Es=e=>{const{active:s=!0,className:a,withOverlay:n=!0,small:t=!1}=e,i=J(e,["active","className","withOverlay","small"]),{prefix:r}=ve(),c=U(`${r}--loading`,a,{[`${r}--loading--small`]:t,[`${r}--loading--stop`]:!s}),l=U(`${r}--loading-overlay`,{[`${r}--loading-overlay--stop`]:!s}),o=ae.jsx("div",Object.assign({},i,{"aria-live":s?"assertive":"off",className:c},{children:ae.jsxs("svg",Object.assign({className:`${r}--loading__svg`,viewBox:"-75 -75 150 150"},{children:[ae.jsx("title",{children:"Loading"}),null,ae.jsx("circle",{className:void 0,cx:"0",cy:"0",r:"37.5"})]}))}));return n?ae.jsx("div",Object.assign({className:l},{children:o})):o};Es.displayName="Loading";const Fs=e=>{const{className:s,success:a,description:n,onSuccess:t,successDelay:i}=e,r=J(e,["className","success","description","onSuccess","successDelay"]),{prefix:c}=ve(),l=U(`${c}--inline-loading`,s),o=ae.jsx("p",Object.assign({className:`${c}--inline-loading__text`},{children:n}));return ae.jsxs("div",Object.assign({className:l},r,{children:[ae.jsx("div",Object.assign({className:`${c}--inline-loading__animation`},{children:a?(setTimeout((()=>{t&&t()}),i),ae.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:ae.jsx("polyline",{className:`${c}--inline-loading__checkmark`,points:"0.74 3.4 3.67 6.34 9.24 0.74"})}))):ae.jsx(Es,{small:!0,withOverlay:!1})})),n&&o]}))};Fs.displayName="InlineLoading";const qs=e.forwardRef(((e,s)=>{var{children:a,className:n,colon:t,kind:i,small:r}=e,c=J(e,["children","className","colon","kind","small"]);const{prefix:l}=ve(),o=U(`${l}--list`,n,{[`${l}--list--${i}`]:i,[`${l}--list--small`]:r,[`${l}--list--colon`]:t}),d=Object.assign({},c);return ae.jsx("ul",Object.assign({className:o},d,{ref:s},{children:a}))}));qs.displayName="List";const As=e=>{var{children:s,className:a,title:n,kind:t,icon:i}=e,r=J(e,["children","className","title","kind","icon"]);const c=U("wfp--list__element",a,{"wfp--list-item--checkmark":"checkmark"===t,"wfp--list-item--cross":"cross"===t});return ae.jsxs("li",Object.assign({className:c},r,{children:["cross"===t&&ae.jsx(C,{className:"wfp--list-item__icon"}),"checkmark"===t&&ae.jsx(D,{className:"wfp--list-item__icon"}),i&&ae.jsx("span",Object.assign({className:"wfp--list__element__icon"},{children:i})),n&&ae.jsx("span",Object.assign({className:"wfp--list__element__title"},{children:n})),ae.jsx("span",Object.assign({className:"wfp--list__element__content"},{children:s}))]}))},Ms=s.createContext({onChangeSub:e=>e,activeMenuItem:null,openMobileMenu:!1,toggleMenu:()=>{},setOpenMobileMenu:()=>{}}),Bs=({toggleMenu:e,prefix:s})=>ae.jsx(es,Object.assign({className:`${s}--main-navigation__button`,onClick:e},{children:"Menu"})),Rs=({children:e,components:s={},className:a,id:t,logo:i,line:r=!1,logoRibbon:c="default",mobilePageWidth:l,pageWidth:o})=>{const{prefix:d}=ve(),[p,m]=n(!1),[g,u]=n(null),h=()=>{m(!p)},b=U(`${d}--main-navigation`,{[`${d}--main-navigation--line`]:r},a),x=U(`${d}--main-navigation__list`,{[`${d}--main-navigation__list--open`]:p}),j=Object.assign({Wrapper:Ee,MobileButton:Bs},s),f=j.Wrapper,$=j.MobileButton;return ae.jsx("nav",Object.assign({id:t,className:b},{children:ae.jsx(Ms.Provider,Object.assign({value:{activeMenuItem:g,openMobileMenu:p,toggleMenu:h,onChangeSub:(e,s,a)=>{if(a&&a.preventDefault(),"close"===e)u(null);else if("toggle"===e){const e=null===g||g!==s?s:null;void 0!==e&&u(e)}},setOpenMobileMenu:m}},{children:ae.jsxs(f,Object.assign({pageWidth:o,mobilePageWidth:l,className:`${d}--main-navigation__wrapper`},{children:[ae.jsxs("div",Object.assign({className:`${d}--main-navigation__logo-wrapper`},{children:[ae.jsx($,Object.assign({toggleMenu:h,prefix:d,openMobileMenu:p},{children:"Menu"})),ae.jsx("div",Object.assign({className:`${d}--main-navigation__logo`},{children:"default"===c?ae.jsxs("div",Object.assign({className:`${d}--main-navigation__logo__default`},{children:[ae.jsx("div",Object.assign({className:`${d}--main-navigation__logo__default__ribbon`},{children:ae.jsx(v,{description:"WFP"})})),i]})):"offShelf"===c?ae.jsxs("div",Object.assign({className:`${d}--main-navigation__logo__offShelf`},{children:[ae.jsx(_,{description:"WFP"}),i]})):i}))]})),ae.jsx("ul",Object.assign({className:x},{children:e}))]}))}))}))};Rs.displayName="MainNavigation";const Ws=e=>{const{className:s,children:a,components:n={},description:t,ellipsis:i,extendedDescription:r,showName:c,small:l,name:o,missingImage:d}=e,p=J(e,["className","children","components","description","ellipsis","extendedDescription","showName","small","name","missingImage"]),{prefix:m}=ve(),g={Avatar:Ye},u=Object.assign(Object.assign({},g),n),h=U(`${m}--user`,s,{[`${m}--user--has-description`]:t,[`${m}--user--has-extended-description`]:r}),b=U({[`${m}--user__title`]:!0,[`${m}--user__title--ellipsis`]:i,[`${m}--user__title--small`]:l});return ae.jsxs("div",Object.assign({className:h},p,{children:[ae.jsx(u.Avatar,Object.assign({},e,{missingImage:d})),c&&ae.jsxs("span",Object.assign({className:b},{children:[ae.jsx("span",{children:o}),t&&ae.jsx("div",Object.assign({className:`${m}--user__description`},{children:t}))]})),a,r&&ae.jsx("div",Object.assign({className:`${m}--user__extended-description`},{children:r}))]}))};var Hs=function(){var e=Z(n(!1),2),s=e[0],a=e[1];return{isOpen:s,open:function(){return a(!0)},close:function(){return a(!1)}}};const zs=({children:e,primaryLanguage:s})=>{const{prefix:a}=ve(),n=l(null),i=Hs();return t((()=>{const e=e=>{i.isOpen&&n.current&&!n.current.contains(e.target)&&i.close()};return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}}),[i.isOpen]),ae.jsxs("div",Object.assign({className:`${a}--language-ext`,ref:n},{children:[ae.jsxs("div",Object.assign({className:`${a}--language-ext__trigger`,role:"presentation",onClick:()=>i.isOpen?i.close():i.open()},{children:[ae.jsx("span",{children:s}),i.isOpen?ae.jsx(P,{}):ae.jsx(m,{})]})),ae.jsx("ul",Object.assign({className:`${a}--language-ext__dropdown ${i.isOpen?`${a}--language-ext__dropdown--is-shown`:""}`},{children:e}))]}))},Us=({username:e,children:s,userImage:a})=>{const{prefix:n}=ve(),i=l(null),r=Hs();return t((()=>{const e=e=>{r.isOpen&&(null==i?void 0:i.current)&&!i.current.contains(e.target)&&r.close()};return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}}),[r.isOpen]),ae.jsxs("div",Object.assign({className:`${n}--user-ext`,ref:i},{children:[ae.jsxs("div",Object.assign({className:`${n}--user-ext__trigger`,role:"presentation",onClick:()=>r.isOpen?r.close():r.open()},{children:[ae.jsx(Ws,{alt:"User avatar",name:e,image:a}),r.isOpen?ae.jsx(P,{}):ae.jsx(m,{})]})),ae.jsx("ul",Object.assign({className:`${n}--user-ext__dropdown ${r.isOpen?`${n}--user-ext__dropdown--is-shown`:""}`},{children:s}))]}))},Ks=({productName:e,primaryLanguage:s,languageList:a,username:n,pageWidth:i="full",components:r={},userImage:c,userDetails:o,children:d})=>{const{prefix:p}=ve(),m=l(null),g=Hs();t((()=>{const e=e=>{g.isOpen&&m.current&&!m.current.contains(e.target)&&g.close()};return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}}),[g.isOpen]);const u={LanguageExternal:zs,UserExternal:Us},h=Object.assign(Object.assign({},u),r);return ae.jsx("header",Object.assign({className:`${p}--main-navigation-ext`},{children:ae.jsxs(Ee,Object.assign({pageWidth:i,className:`${p}--main-navigation-ext__wrapper`},{children:[ae.jsxs("div",Object.assign({className:`${p}--main-navigation-ext__branding`},{children:[ae.jsx("div",Object.assign({className:`${p}--main-navigation-ext__wfp-logo`},{children:ae.jsx(v,{className:`${p}--main-navigation-ext__wfp-logo-svg`,alt:"WFP",width:"100%"})})),ae.jsx("div",Object.assign({className:`${p}--main-navigation-ext__product-name`},{children:e}))]})),ae.jsxs("div",Object.assign({className:`${p}--main-navigation-ext__main`},{children:[ae.jsxs("div",Object.assign({className:`${p}--main-navigation-ext__settings`},{children:[ae.jsx(h.LanguageExternal,Object.assign({primaryLanguage:s},{children:a})),ae.jsx(h.UserExternal,Object.assign({username:n,userImage:c},{children:o}))]})),ae.jsxs("div",Object.assign({className:`${p}--main-navigation-ext__nav`,ref:m},{children:[ae.jsx("div",Object.assign({className:`${p}--main-navigation-ext__mobile-menu-button`},{children:ae.jsx(es,Object.assign({kind:"secondary",small:!0,onClick:()=>g.isOpen?g.close():g.open()},{children:"Menu"}))})),ae.jsx("div",Object.assign({className:`${p}--main-navigation-ext__nav-wrapper\n            ${g.isOpen?"wfp--main-navigation-ext--is-shown":""}`},{children:ae.jsx("nav",Object.assign({className:`${p}--main-navigation-ext__site-nav ${g.isOpen?"wfp--main-navigation-ext--is-shown":""}`},{children:ae.jsxs("ul",Object.assign({className:`${p}--main-navigation-ext__site-nav-list`},{children:[d,ae.jsxs("div",Object.assign({className:`${p}--main-navigation-ext__mobile-settings`},{children:[ae.jsx("li",Object.assign({className:`${p}--main-navigation-ext__site-link`},{children:ae.jsx(zs,Object.assign({primaryLanguage:s},{children:a}))})),ae.jsx("li",Object.assign({className:`${p}--main-navigation-ext__site-link`},{children:ae.jsx(Us,Object.assign({username:n,userImage:c},{children:o}))}))]}))]}))}))}))]}))]}))]}))}))};function Vs(){return i(Ms)}Ks.propTypes={productName:K.node,className:K.string,languageList:K.node,username:K.node,userImage:K.string,userDetails:K.node,primaryLanguage:K.string},Ks.defaultProps={primaryLanguage:"English"},Vs.displayName="useMainNavigation";const Gs=({className:e,children:s,kind:a,subNavigation:i,subNavWideAsContent:r})=>{const{prefix:c}=ve(),{onChangeSub:o,activeMenuItem:d}=Vs(),[p]=n(Math.random().toString(36)),g=l(null);t((()=>(p===d?document.addEventListener("mousedown",u):document.removeEventListener("mousedown",u),()=>{document.removeEventListener("mousedown",u)})),[d]);const u=e=>{(null==g?void 0:g.current)&&!g.current.contains(e.target)&&o("close")},b=U(e,{[`${c}--main-navigation__item`]:!0,[`${c}--main-navigation__item--open`]:p===d,[`${c}--content-width`]:i&&r}),x=U({[`${c}--main-navigation__trigger`]:!0,[`${c}--main-navigation__trigger--has-sub`]:i,[`${c}--main-navigation__trigger--open`]:p===d}),j=p===d?h:m,f=U({[`${c}--main-navigation__sub`]:!0,[`${c}--main-navigation__sub--${a}`]:a,[`${c}--main-navigation__sub--open`]:p===d});return ae.jsxs("li",Object.assign({className:b,ref:g},{children:[ae.jsxs("div",Object.assign({className:x,onClick:()=>o("toggle",p)},{children:[s,i&&ae.jsx(j,{className:`${c}--main-navigation__trigger__icon`,description:p===d?"close icon":"expand icon"})]})),i&&ae.jsx("div",Object.assign({className:f},{children:i}))]}))},Ys=e=>{var{children:s}=e,a=J(e,["children"]);return ae.jsx("div",Object.assign({},a,{children:s}))},Zs=e=>{var{children:s,className:a}=e,n=J(e,["children","className"]);const{prefix:t}=ve(),i=U(`${t}--sub-navigation__item`,a);return ae.jsx("div",Object.assign({className:i},n,{children:s}))},Qs=e=>{var{children:s,className:a}=e,n=J(e,["children","className"]);const{prefix:t}=ve(),i=U(`${t}--sub-navigation__header`,a);return ae.jsx("div",Object.assign({className:i},n,{children:s}))},Js=e=>{var{children:s,className:a}=e,n=J(e,["children","className"]);const{prefix:t}=ve(),i=U(`${t}--sub-navigation__title`,a);return ae.jsx("div",Object.assign({className:i},n,{children:s}))},Xs=e=>{var{children:s,className:a}=e,n=J(e,["children","className"]);const{prefix:t}=ve(),i=U(`${t}--sub-navigation__link`,a);return ae.jsx("div",Object.assign({className:i},n,{children:s}))},ea=e=>{var{children:s,className:a}=e,n=J(e,["children","className"]);const{prefix:t}=ve(),i=U(`${t}--sub-navigation__filter`,a);return ae.jsx("div",Object.assign({className:i},n,{children:s}))},sa=e=>{var{children:s,className:a}=e,n=J(e,["children","className"]);const{prefix:t}=ve(),i=U(`${t}--sub-navigation__content`,a);return ae.jsx("div",Object.assign({className:i},n,{children:s}))},aa=e=>{var{children:s,className:a}=e,n=J(e,["children","className"]);const{prefix:t}=ve(),i=U(`${t}--sub-navigation__list`,a);return ae.jsx("div",Object.assign({className:i},n,{children:s}))},na=e=>{var{children:s,columns:a,className:n,title:t}=e,i=J(e,["children","columns","className","title"]);const{prefix:r}=ve(),c=U(`${r}--sub-navigation__group`,{className:n},{[`${r}--sub-navigation__group--columns`]:a,[`${r}--sub-navigation__group--columns--${a}`]:a});return ae.jsxs("div",Object.assign({className:c},i,{children:[t&&ae.jsx("h3",Object.assign({className:`${r}--sub-navigation__group__title`},{children:t})),ae.jsx("div",{children:s})]}))},ta=e=>{var{children:s,className:a}=e,n=J(e,["children","className"]);const{prefix:t}=ve(),i=U({[`${t}--story`]:!0,[`${a}`]:a});return ae.jsx("div",Object.assign({className:i},n,{children:s}))},ia=e=>{var{ariaLabel:s="close notification",className:a,iconDescription:n="close icon",type:t="button",renderIcon:i=h,name:r,notificationType:c="toast"}=e,l=J(e,["ariaLabel","className","iconDescription","type","renderIcon","name","notificationType"]);const{prefix:o}=ve(),d=U(a,{[`${o}--${c}-notification__close-button`]:c}),p=U({[`${o}--${c}-notification__close-icon`]:c});return ae.jsx("button",Object.assign({},l,{type:t,"aria-label":n,title:n,className:d},{children:i&&ae.jsx(i,{"aria-label":s,className:p,name:r})}))},ra=e=>{var{children:s,className:a,onClick:n}=e,t=J(e,["children","className","onClick"]);const{prefix:i}=ve(),r=U(a,`${i}--inline-notification__action-button`);return ae.jsx(es,Object.assign({className:r,kind:"ghost",onClick:n,small:!0},t,{children:s}))},ca=e=>{var{title:s,subtitle:a,caption:n,notificationType:t="toast",children:i}=e,r=J(e,["title","subtitle","caption","notificationType","children"]);const{prefix:c}=ve();return"toast"===t?ae.jsxs("div",Object.assign({},r,{className:`${c}--toast-notification__details`},{children:[s&&ae.jsx("h3",Object.assign({className:`${c}--toast-notification__title`},{children:s})),ae.jsx("div",Object.assign({className:`${c}--toast-notification__subtitle`},{children:a})),ae.jsx("div",Object.assign({className:`${c}--toast-notification__caption`},{children:n})),i]})):ae.jsxs("div",Object.assign({},r,{className:`${c}--inline-notification__text-wrapper`},{children:[s&&ae.jsx("p",Object.assign({className:`${c}--inline-notification__title`},{children:s})),ae.jsx("div",Object.assign({className:`${c}--inline-notification__subtitle`},{children:i||a}))]}))},la={error:S,success:I,warning:g,info:L},oa=({iconDescription:e,kind:s="info",notificationType:a="toast"})=>{const{prefix:n}=ve(),t=s?la[s]:void 0;return t?ae.jsx(t,Object.assign({className:`${n}--${a}-notification__icon`},{children:ae.jsx("title",{children:e})})):null},da=s=>{var{role:a="alert",notificationType:n="toast",onClose:t=(()=>{}),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:u,timeout:h=0}=s,b=J(s,["role","notificationType","onClose","onCloseButtonClick","iconDescription","statusIconDescription","className","subtitle","title","kind","lowContrast","hideCloseButton","children","timeout"]);const{prefix:x}=ve(),[j,f]=e.useState(!0),_=U(l,{[`${x}--toast-notification`]:!0,[`${x}--toast-notification--low-contrast`]:m,[`${x}--toast-notification--${p}`]:p});const v=e.useRef(t);return e.useEffect((()=>{v.current=t})),e.useEffect((()=>{if(!h)return;const e=window.setTimeout((e=>{f(!1),v.current&&v.current(e)}),h);return()=>{window.clearTimeout(e)}}),[h]),j?ae.jsxs("div",Object.assign({},b,{role:a,className:_},{children:[ae.jsx(oa,{kind:p,iconDescription:c||`${p} icon`,notificationType:n}),ae.jsx(ca,Object.assign({title:d,subtitle:o,notificationType:n},{children:u})),!g&&ae.jsx(ia,{iconDescription:r,notificationType:n,onClick:function(e){i(e),(e=>{t&&!1===t(e)||f(!1)})(e)}})]})):null},pa=e.forwardRef(((e,s)=>{const{actions:a,role:n="alert",notificationType:t="inline",icon:i,statusIconDescription:r,className:c,subtitle:l,title:o,kind:d="info",lowContrast:p=!0,hideCloseButton:m=!1,children:g}=e,u=J(e,["actions","role","notificationType","icon","statusIconDescription","className","subtitle","title","kind","lowContrast","hideCloseButton","children"]),{prefix:h}=ve(),b=U(c,{[`${h}--inline-notification`]:!0,[`${h}--block-notification`]:!0,[`${h}--inline-notification--low-contrast`]:p,[`${h}--inline-notification--${d}`]:d,[`${h}--inline-notification--hide-close-button`]:m});return ae.jsx("div",Object.assign({},u,{ref:s,role:n,className:b},{children:ae.jsxs("div",Object.assign({className:`${h}--inline-notification__details`},{children:[void 0===i&&ae.jsx(oa,{notificationType:t,kind:d,iconDescription:r||`${d} icon`}),i&&ae.jsx("div",Object.assign({className:`${h}--${t}-notification__icon`},{children:i})),ae.jsx(ca,Object.assign({title:o,subtitle:l,notificationType:t},{children:g})),a&&ae.jsx("div",Object.assign({className:`${h}--inline-notification__actions-wrapper`},{children:a}))]}))}))}));pa.displayName="Callout";const ma=e=>{var{className:s,children:a,responsive:n,withBorder:t}=e,i=J(e,["className","children","responsive","withBorder"]);const{prefix:r}=ve(),c=U(`${r}--table`,{[`${r}--table--responsive`]:n,[`${r}--table--with-border`]:t},s);return ae.jsx("table",Object.assign({},i,{className:c},{children:a}))};var ga=Object.freeze({__proto__:null,default:({className:e,isSorted:s,isSortedDesc:a,sortType:n})=>{const t=U(e,"wfp--table--sorting",{"wfp--table--is-sorted":s,"wfp--table--is-sortable":n});return ae.jsx("span",Object.assign({className:t},{children:s?a?ae.jsx(E,{}):ae.jsx(F,{}):""}))}});const ua={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"},ha=({children:s,className:a,kind:n,spacingTop:t,spacingBottom:i})=>{const{prefix:r}=ve(),c=n&&ua[n]?ua[n]:"div",l=U({[`${r}--text`]:!0,[`${r}--text__${n}`]:n,[`${r}--text__spacing-top-${t}`]:t,[`${r}--text__spacing-bottom-${i}`]:i},a);return e.createElement(c,{className:l},s)};ha.displayName="Text";const ba={wrapper:e=>ae.jsx(ta,Object.assign({},e)),h1:e=>ae.jsx(ha,Object.assign({kind:"h1"},e,{children:e.children})),h2:e=>ae.jsx(ha,Object.assign({kind:"h2"},e,{children:e.children})),h3:e=>ae.jsx(ha,Object.assign({kind:"h3"},e,{children:e.children})),h4:e=>ae.jsx(ha,Object.assign({kind:"h4"},e,{children:e.children})),h5:e=>ae.jsx(ha,Object.assign({kind:"h5"},e,{children:e.children})),p:e=>ae.jsx("p",Object.assign({},e,{children:e.children})),li:e=>{const s="string"==typeof e.children?e.children.substring(0,1):"";return"✓"===s||"✗"===s?ae.jsx(As,Object.assign({kind:"✓"===s?"checkmark":"cross"},e,{children:e.children.substring(1,e.children.length)})):ae.jsx("li",Object.assign({},e,{children:e.children}))},a:e=>ae.jsx(Ve,Object.assign({inline:!0},e,{children:e.children})),ul:e=>{var{children:s}=e,a=J(e,["children"]);return ae.jsx(qs,Object.assign({},a,{kind:"bullets"},{children:s}))},ol:e=>{var{children:s}=e,a=J(e,["children"]);return ae.jsx(qs,Object.assign({},a,{kind:"ordered"},{children:s}))},code:e=>{const s=ve();return ae.jsx("code",Object.assign({className:`${s.prefix}--story__code`},e,{children:e.children}))},pre:e=>{const s=ve();return ae.jsx("pre",Object.assign({className:`${s.prefix}--story__pre`},e,{children:e.children}))},table:e=>ae.jsx(ma,Object.assign({},e,{children:e.children})),blockquote:e=>{var{children:s}=e,a=J(e,["children"]);return Array.isArray(s)&&s.length>=2&&s[0].props?ae.jsx(pa,Object.assign({kind:"info"},a,{subtitle:s.map(((e,s)=>{if(s>0)return e})),title:s[0].props.children})):ae.jsx(pa,Object.assign({kind:"info"},a,{subtitle:s}))},Button:es,Accordion:be,AccordionItem:Pe},xa=({passiveModal:e,secondaryButtonText:s,onSecondaryButtonClick:a,primaryButtonText:n,onRequestSubmit:t,primaryButtonDisabled:i,secondaryButtonDisabled:r,danger:c,primaryButtonRef:l,secondaryButtonRef:o})=>{const{prefix:d}=ve();return e?null:ae.jsx("div",Object.assign({className:`${d}--modal-footer`},{children:ae.jsxs("div",Object.assign({className:`${d}--modal__buttons-container`},{children:[s&&ae.jsx(es,Object.assign({kind:"secondary",disabled:r,id:"secondaryButton",onClick:e=>{a&&a(e,"button")},ref:o},{children:s})),ae.jsx(es,Object.assign({kind:c?"danger":"primary",disabled:i,onClick:t,id:"primaryButton",ref:l},{children:n}))]}))}))},ja="undefined"!=typeof Element&&["matches","webkitMatchesSelector","msMatchesSelector"].filter((e=>"function"==typeof Element.prototype[e]))[0];function fa(e){const{modalHeading:a,modalLabel:n,className:t,components:i={},modalSecondaryAction:r,modalAriaLabel:c,passiveModal:o,children:d,elementToAppend:p,backgroundImage:m,open:g,lazyLoad:u,onRequestClose:b=(()=>{}),onSecondarySubmit:x,iconDescription:j,inPortal:f=!0,hideClose:_,handleBlur:v=(()=>{}),wide:$,type:N,selectorPrimaryFocus:O,primaryButtonRef:y,secondaryButtonRef:w}=e,k=J(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}=ve(),C=l(null),D=l(null),P=l(null),S=p||("undefined"!=typeof document?document.body:void 0),[I,L]=s.useState(!1),E=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(ja&&"function"==typeof s[ja]&&a.some((e=>s[ja](e))))return!0;s=s.parentNode}return!1},F=()=>{D.current&&D.current.focus()};if(!1===g&&u)return null;const q=Object.assign({ModalFooter:xa},i).ModalFooter,A=x||b,M=U({[`${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},t),B=_?null:ae.jsx("button",Object.assign({className:`${T}--modal-close`,type:"button",id:"closeButton",onClick:e=>{b(e,"button")},ref:C},{children:ae.jsx(h,{className:`${T}--modal-close__icon`,description:j})})),R=ae.jsxs("div",Object.assign({ref:P,role:"dialog",className:`${T}--modal-container`,"aria-label":c},{children:[ae.jsxs("div",Object.assign({className:`${T}--modal-header`},{children:[o&&B,ae.jsxs("div",{children:[n&&ae.jsx("h4",Object.assign({className:`${T}--modal-header__label`},{children:n})),ae.jsx("h2",Object.assign({className:`${T}--modal-header__heading`},{children:a}))]}),r&&ae.jsx(ae.Fragment,{children:r}),!o&&B]})),ae.jsx("div",Object.assign({className:`${T}--modal-content`},{children:d})),ae.jsx(q,Object.assign({},e,{prefix:T,onSecondaryButtonClick:A,primaryButtonRef:y,secondaryButtonRef:w}))]})),W=ae.jsx("div",Object.assign({},k,{onBlur:e=>{v?v({evt:e,innerModal:P,open:g,elementOrParentIsFloatingMenu:E,focusModal:F}):P.current&&g&&e.relatedTarget&&!P.current.contains(e.relatedTarget)&&!E(e.relatedTarget)&&F()},className:M,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),L(!1))}:void 0,ref:D},{children:ae.jsx("div",Object.assign({className:`${T}--modal-inner`},{children:R}))}));return f&&S?G.createPortal(W,S):W}fa.displayName="Modal";const _a=s=>{var{children:a,customButton:n,id:t,onKeyDown:i,buttonTriggerText:r,buttonTriggerClassName:c,triggerButtonKind:l,disabled:o,handleSubmit:d=(()=>{}),shouldCloseAfterSubmit:p=!0}=s,m=J(s,["children","customButton","id","onKeyDown","buttonTriggerText","buttonTriggerClassName","triggerButtonKind","disabled","handleSubmit","shouldCloseAfterSubmit"]);const{prefix:g}=ve(),u=e.createRef(),[h,b]=e.useState(!1),x=()=>{b(!0)},j=()=>{b(!1),h||(u.current&&u.current.focus(),j&&j())},f=Object.assign(Object.assign({},m),{open:h,onRequestClose:j,onRequestSubmit:()=>{d&&(d(j),p&&j())}}),_=n?e.cloneElement(n,{disabled:o,onClick:x,inputref:u}):void 0;return ae.jsxs("div",Object.assign({role:"presentation",className:`${g}--modal__wrapper`,onKeyDown:e=>{27===e.which&&(j(),i&&i(e))}},{children:[n?ae.jsx(e.Fragment,{children:_}):ae.jsx(es,Object.assign({id:t,className:c,disabled:o,kind:l,onClick:x,ref:u},{children:r})),ae.jsx(fa,Object.assign({},f,{children:a}))]}))};_a.displayName="ModalWrapper";const va=e=>{var{dark:s,light:a,children:n,className:t,margin:i,fullHeight:r,noMargin:c,withHover:l}=e,o=J(e,["dark","light","children","className","margin","fullHeight","noMargin","withHover"]);const{prefix:d}=ve(),p=U({[`${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},t,[`${d}--module`]);return ae.jsx("div",Object.assign({className:p},o,{children:ae.jsx("div",Object.assign({className:`${d}--module__inner`},{children:n}))}))},$a=e=>{var{children:s,className:a,centered:n,noPadding:t}=e,i=J(e,["children","className","centered","noPadding"]);const r=U("wfp--module__content",a,{"wfp--module__content--centered":n,"wfp--module__content--no-padding":t});return ae.jsx("div",Object.assign({className:r},i,{children:s}))},Na=e=>{var{filter:s,children:a,className:n}=e,t=J(e,["filter","children","className"]);const i=U("wfp--module__header",n);return ae.jsxs("div",Object.assign({className:i},t,{children:[ae.jsx("h1",Object.assign({className:"wfp--module__title"},{children:a})),s&&ae.jsx("div",Object.assign({className:"wfp--module__filter"},{children:s}))]}))},Oa=e=>{var{children:s,className:a}=e,n=J(e,["children","className"]);const t=U("wfp--module__footer",a);return ae.jsx("div",Object.assign({className:t},n,{children:s}))},ya=(e,s)=>isNaN(e)||!e&&0!==e||isNaN(s)||!s&&0!==s?s:Math.max(e,s),wa=(e,s)=>isNaN(e)||!e&&0!==e||isNaN(s)||!s&&0!==s?s:Math.min(e,s),ka=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:u=(()=>{}),helperText:h,light:b,pattern:x="[0-9]*"}=e,{prefix:j}=ve(),f=wa(d,ya(p,e.value)),[_,v]=n(f);t((()=>{v(e.value)}),[e.value]);const $=l(null),N=s||$,O=(e,s)=>{let a="string"==typeof _?Number(_):_;a=isNaN(a)?0:a;const n="down"===s?void 0!==p&&a>p||void 0===p:void 0!==d&&a<d||void 0===d,t=m.toString();a="down"===s?a-m:a+parseFloat(t),a=wa(d,ya(p,a)),a=parseFloat(a.toFixed((e=>{const s=parseFloat(e);return Math.floor(s)===s?0:e.split(".")[1].length||0})(t))),!i&&n&&(e.persist(),e.imaginaryTarget=N,e.target.value=parseFloat(a),u(e,s),v(a),g(e,a,s))},y=U(`${j}--number`,a,{[`${j}--number--light`]:b,[`${j}--number--helpertext`]:h,[`${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}=Ue(Object.assign(Object.assign({},k),{type:"number"}));return ae.jsx(ze,Object.assign({},C,{inputWrapperClassName:y},{children:ae.jsxs("div",Object.assign({className:`${j}--number__controls`},{children:[ae.jsx("button",Object.assign({className:`${j}--number__control-btn up-icon`,type:"button",disabled:i,onClick:e=>O(e,"up")},{children:"+"})),ae.jsx("button",Object.assign({className:`${j}--number__control-btn down-icon`,type:"button",disabled:i,onClick:e=>O(e,"down")},{children:"−"})),ae.jsx("input",Object.assign({pattern:x},T,w,{ref:s}))]}))}))}));ka.displayName="NumberInput";const Ta=e.forwardRef(((e,s)=>{const{className:a,inline:n,disabled:t,children:i,iconDescription:r,light:c,hideLabel:l}=e,{prefix:o}=ve(),d=U({[`${o}--select-input`]:!0,[`${o}--select--inline`]:n,[`${o}--select--light`]:c,[`${o}--select--disabled`]:t},a),p=e,{inputProps:g,wrapperProps:u}=Ue(Object.assign(Object.assign({},p),{inputClassName:d}));return ae.jsxs(ze,Object.assign({},u,{inputWrapperClassName:`${o}--select`,hideLabel:l},{children:[ae.jsx("select",Object.assign({},g,{ref:s},{children:i})),ae.jsx(m,{className:`${o}--select__arrow`,description:r})]}))}));function Ca(e){var{className:s,value:a,disabled:n,hidden:t,text:i}=e,r=J(e,["className","value","disabled","hidden","text"]);const{prefix:c}=ve(),l=U({[`${c}--select-option`]:!0,[`${s}`]:s});return ae.jsx("option",Object.assign({},r,{className:l,value:a,disabled:n,hidden:t},{children:i}))}Ta.displayName="Select",Ca.displayName="SelectItem";let Da=0;const Pa=e=>{const{backwardText:a="Backward",className:t,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:u=((e,s)=>`${e}-${s} items`),pageText:h=(e=>`page ${e}`),pageNumberText:b="Page Number",pagesUnknown:x=!1,isLastPage:j=!1,pageInputDisabled:f=!1,totalItems:_,onChange:v,page:$=1}=e,N=J(e,["backwardText","className","forwardText","id","itemsPerPageText","itemsPerPageFollowsText","itemRangeText","pageRangeText","pageSize","pageSizesDisabled","pageSizes","itemText","pageText","pageNumberText","pagesUnknown","isLastPage","pageInputDisabled","totalItems","onChange","page"]),[O,y]=n($),[w,k]=n(e.pageSize?e.pageSize:g[0]),T=n((()=>++Da))[0],C=U("wfp--pagination",t),D=U("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(ae.jsx(Ca,{value:s,text:String(s)},s)),s++;return a})(S);return ae.jsxs("div",Object.assign({className:C},N,{children:[ae.jsxs("div",Object.assign({className:"wfp--pagination__left"},{children:[!m&&ae.jsxs(s.Fragment,{children:[ae.jsx("span",Object.assign({className:"wfp--pagination__text"},{children:l||c})),ae.jsx(Ta,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=>ae.jsx(Ca,{value:e,text:String(e)},e)))})),ae.jsxs("span",Object.assign({className:"wfp--pagination__text"},{children:[" ","  |  "]}))]}),ae.jsx("span",Object.assign({className:"wfp--pagination__text"},{children:x?u(w*(O-1)+1,O*w):o(Math.min(w*(O-1)+1,_),Math.min(O*w,_),_)}))]})),ae.jsxs("div",Object.assign({className:"wfp--pagination__right wfp--pagination--inline"},{children:[ae.jsx("span",Object.assign({className:"wfp--pagination__text"},{children:x?h(O):d(O,S)})),ae.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:ae.jsx(q,{className:"wfp--pagination__button-icon",description:a})})),f?null:ae.jsx(Ta,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})),ae.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:ae.jsx(A,{className:"wfp--pagination__button-icon",description:i})}))]}))]}))};Pa.displayName="Pagination";let Sa=0;function Ia(e="id"){return Sa++,`${e}${Sa}`}const La=e.forwardRef(((e,s)=>{const{labelText:a,id:t,className:i,value:r,name:c,onChange:l}=e,o=J(e,["labelText","id","className","value","name","onChange"]),[d]=n(t||Ia()),{prefix:p}=ve(),m=U("radioButtonWrapper",i),g=l?{onChange:e=>{null==l||l(e,r,c)}}:{};return ae.jsxs("div",Object.assign({className:m},{children:[ae.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})),ae.jsxs("label",Object.assign({htmlFor:d,className:`${p}--radio-button__label`},{children:[ae.jsx("span",{className:`${p}--radio-button__appearance`}),a]}))]}))}));La.displayName="RadioButton";const Ea=e=>{const{prefix:s}=ve(),{children:a,labelText:i,helperText:r,vertical:c,hideLabel:l,className:o=`${s}--input-group`,wrapperClassName:d,valueSelected:p,defaultSelected:m}=e,[g,u]=n(p||m);t((()=>{p!==g&&u(p)}),[p,m]);const h=U(`${s}--label`,{[`${s}--visually-hidden`]:l}),b=U(`${s}--form-item`,{[`${s}--input-group__vertical`]:c,wrapperClassName:d}),x=i?ae.jsx("span",Object.assign({className:h},{children:i})):null,j=r?ae.jsx("div",Object.assign({className:`${s}--form__helper-text`},{children:r})):null;return ae.jsx("div",Object.assign({className:b},{children:ae.jsxs("div",Object.assign({className:o},{children:[x,j,ae.jsx("div",Object.assign({className:`${s}--input-group-inside`},{children:a}))]}))}))};Ea.displayName="InputGroup";const Fa=({handleToggleClick:e,link:a,text:n,showMore:t,contentId:i})=>{const{prefix:r}=ve(),c={"aria-expanded":t,"aria-controls":i};if(a){return s.cloneElement(a,Object.assign({onClick:e},c))}{const s=P,a=U({[`${r}--read-more__trigger`]:!0,[`${r}--read-more__trigger--expanded`]:t});return ae.jsxs(Ve,Object.assign({className:a,size:"sm",onClick:e},c,{children:[n,ae.jsx(s,{width:"10",height:"10",description:t?"icon up":"icon down"})]}))}};function qa({collapseLink:e,collapseText:s="Show less",children:a,collapsed:t,className:i,disableAutoscroll:r,expandLink:c,expandText:o="Show more",fade:d,maxHeight:p}){const{prefix:m}=ve(),[g,u]=n(!1),[h,b]=n(0),x=l(null),j=l(null),f=`${Ne()}-read-more-content`,_=U(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:h+20}:{undefined:void 0},$=g?{display:"none"}:{display:"block"};return ae.jsxs("div",Object.assign({className:_},{children:[ae.jsxs("div",Object.assign({className:`${m}--read-more__content`,style:v,id:f},{children:[ae.jsx("div",{className:`${m}--read-more__fake-height`,ref:j,style:{height:`${h+30}px`}}),ae.jsxs("div",Object.assign({ref:x},{children:[(g||!t)&&a,t&&ae.jsx("div",Object.assign({style:$},{children:t}))]}))]})),ae.jsx(Fa,{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),u(!g),a&&b(a)},showMore:g,link:g?e:c,text:g?s:o,contentId:f})]}))}function Aa(e){var{additional:s,children:a,className:n,id:t,pageWidth:i}=e,r=J(e,["additional","children","className","id","pageWidth"]);const{prefix:c}=ve(),l=U(`${c}--secondary-navigation`,n);return ae.jsx("div",Object.assign({id:t,className:l},r,{children:ae.jsxs(Ee,Object.assign({pageWidth:i,className:`${c}--secondary-navigation__wrapper`},{children:[ae.jsx("div",Object.assign({className:`${c}--secondary-navigation__list`},{children:a})),s&&ae.jsx("div",Object.assign({className:`${c}--secondary-navigation__additional`},{children:s}))]}))}))}function Ma({className:e,children:s}){const{prefix:a}=ve(),n=U(`${a}--secondary-navigation__title`,e);return ae.jsx("h1",Object.assign({className:n},{children:s}))}function Ba({inline:e,small:a,vertical:t,className:i,role:r,children:c}){const{prefix:l}=ve(),[o]=n(!0),d=s.Children.map(c,(e=>e)),p={tabs:U(i,{[`${l}--step-navigation`]:!0,[`${l}--step-navigation--vertical`]:t,[`${l}--step-navigation--small`]:a,[`${l}--step-navigation--regular`]:!a}),tablist:U(`${l}--step-navigation__nav`,{[`${l}--step-navigation__nav--hidden`]:o,[`${l}--step-navigation__nav--inline`]:e})};return ae.jsx(ae.Fragment,{children:ae.jsx("nav",Object.assign({className:p.tabs,role:r},{children:ae.jsx("ul",Object.assign({role:"tablist",className:p.tablist},{children:d}))}))})}qa.displayName="ReadMore",Aa.displayName="SecondaryNavigation",Ma.displayName="SecondaryNavigationTitle";const Ra=({className:s,handleTabClick:a=(()=>{}),index:n,label:t,status:i,helperText:r,selectedPage:c=0,onClick:l=(()=>{}),page:o=0,renderAnchor:d})=>{var p;const{prefix:m}=ve(),g=U(`${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),u={className:`${m}--step-navigation__nav-link`},h=i?null===(p={"not-started":{icon:M},warning:{icon:B},locked:{icon:R},skip:{icon:W},disabled:{icon:S},complete:{icon:H},summary:{icon:z}}[i])||void 0===p?void 0:p.icon:null;return ae.jsx("li",Object.assign({tabIndex:-1,className:g,onClick:e=>{"locked"!==i&&(a(e,n,t),l(e))},role:"presentation"},{children:ae.jsx(ae.Fragment,{children:d?d(u):ae.jsxs(e.Fragment,{children:[ae.jsx("div",Object.assign({className:`${m}--step-navigation__nav-item__indicator`},{children:i&&o!==c?ae.jsx(h,{width:"14",height:"14",description:"Step Item"}):ae.jsx("span",{children:o+1})})),ae.jsxs("div",{children:[ae.jsx("span",Object.assign({className:`${m}--step-navigation__nav-item__text`},{children:t})),r&&ae.jsx("span",Object.assign({className:`${m}--step-navigation__nav-item__helper-text`},{children:r}))]})]})})}))};function Wa(e){var{children:s,className:a,disabled:n,label:t}=e,i=J(e,["children","className","disabled","label"]);const{prefix:r}=ve(),c=U(`${r}--select-optgroup`,a);return ae.jsx("optgroup",Object.assign({className:c,label:t,disabled:n},i,{children:s}))}const Ha=e=>{var{active:s,children:a,className:n,sidebar:t}=e,i=J(e,["active","children","className","sidebar"]);const{prefix:r}=ve(),c=U(`${r}--sidebar-content__container`,n,{[`${r}--sidebar-content__container--active`]:s});return ae.jsxs("div",Object.assign({className:c},i,{children:[ae.jsx("div",Object.assign({className:`${r}--sidebar-item-content`},{children:t})),ae.jsx("div",Object.assign({className:`${r}--content-section`},{children:a}))]}))},za=e=>{var{className:s,children:a,noPadding:n}=e,t=J(e,["className","children","noPadding"]);const{prefix:i}=ve(),r=U(`${i}--sidebar-content__header`,s,{[`${i}--sidebar-content__header--no-padding`]:n});return ae.jsx("div",Object.assign({className:r},t,{children:a}))},Ua=e=>{var{className:s,children:a}=e,n=J(e,["className","children"]);const{prefix:t}=ve(),i=U(`${t}--sidebar-content-mobile-header`,s,{});return ae.jsx("div",Object.assign({className:i},n,{children:a}))},Ka=e=>{var{className:s,children:a}=e,n=J(e,["className","children"]);const{prefix:t}=ve(),i=U(`${t}--sidebar-content__children`,s,{});return ae.jsx("div",Object.assign({id:"scroll-container",className:i},n,{children:a}))},Va=e=>{var{children:s}=e,a=J(e,["children"]);const{prefix:n}=ve();return ae.jsx("div",Object.assign({className:`${n}--sidebar-content__scroll`},a,{children:s}))},Ga=e=>{var{children:s}=e,a=J(e,["children"]);const{prefix:n}=ve();return ae.jsxs("div",Object.assign({className:`${n}--sidebar-content__back-button`},a,{children:[ae.jsx(q,{}),s]}))},Ya=e.forwardRef(((e,s)=>{const{hideLabel:a,helperText:n,pattern:t,required:i}=e,{prefix:r}=ve(),c=U(`${r}--input`,`${r}--text-input`,{[`${r}--text--helpertext`]:n,[`${r}--text--nolabel`]:a,[`${r}--text--required`]:i}),l=e,{inputProps:o,wrapperProps:d}=Ue(Object.assign(Object.assign({},l),{inputClassName:c}));return ae.jsx(ze,Object.assign({},d,{children:ae.jsx("input",Object.assign({pattern:t},o,{ref:s}))}))}));Ya.displayName="TextInput";const Za=(e,s)=>"function"==typeof s?s(e):`${e}${s||""}`;function Qa(e,s,a){if(!(a<=s))return e<s&&(e=s),e>a&&(e=a),(e-s)/(a-s)*100}const Ja=e.forwardRef(((s,a)=>{const{ariaLabelInput:n,className:t,disabled:i,formatLabel:r=Za,fullWidth:c,id:l,inputType:o,hideLabel:d,hideControls:p,hideTextInput:m,min:g,minLabel:u,max:h,maxLabel:b,step:x=1,onChange:j=(()=>{}),helperText:f}=s,_=J(s,["ariaLabelInput","className","disabled","formatLabel","fullWidth","id","inputType","hideLabel","hideControls","hideTextInput","min","minLabel","max","maxLabel","step","onChange","helperText"]),{prefix:v}=ve(),$=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>h?(O(h),j(e)):(O(e.target.value),j(e)))},T=U(`${v}--slider--wrapper`,t,{[`${v}--slider--helpertext`]:f,[`${v}--slider--nolabel`]:d,[`${v}--slider--nocontrols`]:p}),C=U(`${v}--slider-container`,{[`${v}--slider-container--full-width`]:c}),D={disabled:i,id:l,max:h,min:g,step:x,onChange:k,value:N},P=U(`${v}--input`,`${v}--slider-text-input`),S=U(`${v}--slider`,{[`${v}--slider--disabled`]:i},t),I=U(`${v}--slider__range-wrapper`,{[`${v}--slider__range-wrapper--disabled`]:i},t),L=N&&N<g?g:N,E=Ue(s);return console.log("valueMinimal",L),ae.jsx(ze,Object.assign({},E.wrapperProps,{formItemClassName:T},{children:ae.jsxs("div",Object.assign({className:C},{children:[ae.jsx("span",Object.assign({className:`${v}--slider__range-label`},{children:r(g,u)})),ae.jsxs("div",Object.assign({className:I},{children:[ae.jsx("div",{className:`${v}--slider__range-before`,style:{width:`${Qa(L,g,h)}%`}}),ae.jsx("input",Object.assign({className:S,type:"range"},_,D,{ref:w}))]})),ae.jsx("span",Object.assign({className:`${v}--slider__range-label`},{children:r(h,b)})),!m&&ae.jsx(Ya,{disabled:i,type:o,id:"input-for-slider",className:P,value:N,onChange:k,"aria-label":n})]}))}))}));Ja.displayName="Slider";const Xa=e.forwardRef(((e,s)=>{var{active:a,additional:n,children:t,className:i,subContent:r,image:c,hint:l,noImage:o,unread:d,showAdditionalIcon:p,title:m,kind:g="large",wrapper:u="none"}=e,h=J(e,["active","additional","children","className","subContent","image","hint","noImage","unread","showAdditionalIcon","title","kind","wrapper"]);const{prefix:b}=ve(),x=U({[`${b}--item`]:!0,[`${b}--item--${g}`]:g,[`${b}--item--${u}`]:u,[`${b}--item--active`]:a,[`${b}--item--unread`]:d},i);return ae.jsxs("div",Object.assign({className:x},h,{ref:s},{children:[c?ae.jsx("div",Object.assign({className:`${b}--item__image`},{children:c})):o?ae.jsx("div",{className:`${b}--item__image ${b}--item__image-empty`}):null,m&&ae.jsx("div",Object.assign({className:`${b}--item__title-wrapper`},{children:ae.jsx("h2",Object.assign({className:`${b}--item__title`},{children:m}))})),n&&ae.jsxs("div",Object.assign({className:`${b}--item__additional`},{children:[n,p&&ae.jsx(A,{className:`${b}--item__additional-icon`})]})),t&&ae.jsx("div",Object.assign({className:`${b}--item__text`},{children:t})),r&&ae.jsx("div",Object.assign({className:`${b}--item__sub-content`},{children:r})),l&&ae.jsx("div",Object.assign({className:`${b}--item__hint`},{children:l})),d&&ae.jsx("div",{className:`${b}--item__unread`})]}))}));Xa.displayName="Item";const en=({data:e,page:s,pageSizeOptions:a,paginationClassName:n,totalItems:t,style:i,onPageChange:r,onPageSizeChange:c,isLastPage:l,pages:o,pageInputDisabled:d,pageSize:p,pagesUnknown:m,backwardText:g,forwardText:u,itemsPerPageText:h,itemsPerPageFollowsText:b,itemRangeText:x,pageRangeText:j,pageSizesDisabled:f,itemText:_,pageNumberText:v})=>{const{prefix:$}=ve(),N=e=>(isNaN(e)&&(e=s),e),O={isLastPage:l,pages:o,pageInputDisabled:d,pageSize:p,pagesUnknown:m,backwardText:g,forwardText:u,itemsPerPageText:h,itemsPerPageFollowsText:b,itemRangeText:x,pageRangeText:j,pageSizesDisabled:f,itemText:_,pageNumberText:v};return ae.jsx("div",Object.assign({className:U(n,"-pagination"),style:i},{children:ae.jsx("div",Object.assign({className:`${$}-pagination`},{children:ae.jsx(Pa,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:t||(e?e.length:void 0)},O))}))}))};function sn(e){const{prefix:s}=ve(),{className:a,disabled:n,handleTabClick:t=(()=>{}),handleTabAnchorFocus:i=(()=>{}),handleTabKeyDown:r=(()=>{}),href:c,index:l=0,label:o,selected:d,tabIndex:p,onClick:m=(()=>{}),onKeyDown:g=(()=>{})}=e,u=J(e,["className","disabled","handleTabClick","handleTabAnchorFocus","handleTabKeyDown","href","index","label","selected","tabIndex","onClick","onKeyDown"]),h=U(`${s}--tabs__nav-item`,{[`${s}--tabs__nav-item--disabled`]:n},{[`${s}--tabs__nav-item--selected`]:d},a),b=U(`${s}--tabs__nav-item`,`${s}--tabs__nav-item--selected`,a),x={className:"wfp--tabs__nav-link",href:n?void 0:c,label:o,role:"tab",tabIndex:p,"aria-selected":d};return{liProps:Object.assign({tabIndex:-1,className:h,onClick:e=>{n||(t(l,o,e),m(e))},onKeyDown:e=>{n||((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},u),anchorProps:x,selectedClasses:b}}en.displayName="ReactTablePagination";const an=s=>{const{disabled:a,label:n,renderAnchor:t,renderListElement:i}=s,{anchorProps:r,liProps:c,selectedClasses:l}=sn(s);return ae.jsx(e.Fragment,{children:i?"function"==typeof i?i(Object.assign(Object.assign(Object.assign({},s),c),{anchor:r,selectedClasses:l})):ae.jsx(ae.Fragment,{children:i}):ae.jsx("li",Object.assign({},c,{children:t?t(r):a?ae.jsx("span",Object.assign({},r,{children:n})):ae.jsx("a",Object.assign({},r,{children:n}))}))})},nn=e=>{const{selected:s=!1,children:a}=e,n=J(e,["selected","children"]);return ae.jsx("div",Object.assign({},n,{"data-selected":s,hidden:!s},{children:a}))};nn.displayName="TabContent";const tn=s.createContext({handleTabClick:()=>{},handleTabKeyDown:()=>{},handleTabAnchorFocus:()=>{}}),rn=s=>{const{disableAnimation:a,inline:n,className:t,role:i="navigation",selected:r=null}=s,c=J(s,["disableAnimation","inline","className","role","selected"]),{prefix:l}=ve(),[o,d]=e.useState(r),p=e.useRef(null);e.useEffect((()=>{r!==o&&d(r)}),[r]);const m={tabs:U(`${l}--tabs`,{[`${l}--tabs--no-animation`]:a},t),tablist:U(`${l}--tabs__nav`,{[`${l}--tabs__nav--inline`]:n})};return ae.jsx(tn.Provider,Object.assign({value:{handleTabClick:()=>(e,s,a)=>{a&&a.preventDefault()},handleTabKeyDown:()=>(e,s,a)=>{},handleTabAnchorFocus:()=>{}}},{children:ae.jsxs("nav",Object.assign({},c,{className:m.tabs,role:i},{children:[ae.jsx("div",{className:`${l}--tabs__nav__bar`}),ae.jsx("ul",Object.assign({ref:p,role:"tablist",className:m.tablist},{children:s.children}))]}))}))};rn.displayName="Tabs";const cn=e.forwardRef(((e,s)=>{const{className:a,fullWidth:n}=e,{prefix:t}=ve(),i=U(`${t}--text-area`,a,{[`${t}--textarea-fullwidth`]:n}),r=e,c=Ue(Object.assign(Object.assign({},r),{inputClassName:i}));return ae.jsx(ze,Object.assign({},c.wrapperProps,{children:ae.jsx("textarea",Object.assign({},c.inputProps,{ref:s}))}))}));cn.displayName="TextArea";const ln=e.forwardRef(((e,s)=>{const{className:a,defaultToggled:n=!1,id:t,labelA:i="Off",labelB:r="On"}=e,c=J(e,["className","defaultToggled","id","labelA","labelB"]),{prefix:l}=ve(),o=U({[`${l}--form-item`]:!0},a),d=t||c.name,p=Ue(e),m=c;return ae.jsxs(ze,Object.assign({className:o},e,{children:[ae.jsx("input",Object.assign({},m,p.inputProps,{defaultChecked:n,type:"checkbox",id:d,className:`${l}--toggle`,ref:s})),ae.jsxs("label",Object.assign({className:`${l}--toggle__label`,htmlFor:d},{children:[ae.jsx("span",Object.assign({className:`${l}--toggle__text--left`},{children:i})),ae.jsx("span",{className:`${l}--toggle__appearance`}),ae.jsx("span",Object.assign({className:`${l}--toggle__text--right`},{children:r}))]}))]}))}));ln.displayName="Toggle";const on={thousand:{pow:1e3,defaultmaximumFractionDigits:2,default:{after:"T"}},million:{pow:1e6,defaultmaximumFractionDigits:1,default:{after:"M"}},billion:{pow:1e9,defaultmaximumFractionDigits:2,default:{after:"B"}}},dn=e=>ae.jsx("span",Object.assign({className:e.className+" invalid"},{children:"–"})),pn=e=>ae.jsx("tspan",Object.assign({className:e.className+" invalid"},{children:"–"})),mn=e=>{if(e){const s=e.before?e.before+" ":"",a=e.output&&e.output.default?e.output.default.after+"":"",n=e.after?" "+e.after:"";return s+e.value+a+n}return""},gn=(e,s)=>{const{style:a}=s,n=J(s,["style"]);return e?ae.jsxs("text",Object.assign({className:s.className},n,{children:[ae.jsxs("tspan",Object.assign({style:a},{children:[e.before," "]})),ae.jsx("tspan",Object.assign({style:a},{children:e.value})),ae.jsxs("tspan",Object.assign({style:a},{children:[" ",e.output?e.output.default.after+"":"",e.after]}))]})):ae.jsx(pn,{className:s.className})},un=(e,s,a,n,t)=>{const{children:i,input:r,output:c,minimumFractionDigits:l,maximumFractionDigits:o,localeStringLanguage:d="en-EN",calcOnly:p,string:m,svg:g,hideZero:u}=e;var h="string"==typeof i?i.replace(/,/g,""):i;h=0!==(h=parseFloat(h))&&r&&on[r]?on[r].pow*h:h;const b=c&&on[c]?on[c]:void 0;h=0!==h&&c?h/b.pow:h;const x=!0===t&&void 0===c?0===l:"number"==typeof l?l:b&&b.defaultmaximumFractionDigits?b.defaultmaximumFractionDigits:2,j=!0===t&&void 0===c?0===o:h<=.005?4:h<=.05?3:h<=.5?2:0===o?0:"number"==typeof o?o:b&&b.defaultmaximumFractionDigits?b.defaultmaximumFractionDigits:2,f={minimumFractionDigits:x,maximumFractionDigits:j>x?j:x},_={value:h=h.toLocaleString(d,f),before:a,after:s,output:b};let v=e.className;return"1"===h&&n&&(v+=" wfp--unit--singular"),!((!h||"NaN"===h||0===parseFloat(h))&&u)&&(p?_:g?gn(_,e):m?mn(_):!1!==h?ae.jsx("span",Object.assign({className:v},{children:h})):ae.jsx(dn,{className:e.className}))},hn=(e,s,a)=>{const{calcOnly:n,className:t,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 n?p:c?gn({value:o+d,before:a,after:s},e):r?mn(p):!1!==o?ae.jsx("span",Object.assign({className:t},{children:o})):void 0},bn=e=>{const{className:s,string:a,svg:n,calcOnly:t}=e,i=(e=>{const{children:s}=e,a=s;let n;if("number"==typeof a&&a.toString().length>=7)n=new Date(a,e);else if(a.getMonth)n=a;else{const e=a.toString().substring(0,4),s=parseInt(a.toString().substring(4,7),10)-1;n=new Date(e,s,1)}return{monthName:n.toLocaleString("en-us",{month:"short"}),monthNameFull:n.toLocaleString("en-us",{month:"long"}),year:n.getFullYear(),date:n}})(e),r={value:i.monthName+" "+i.year,before:"",after:"",output:void 0};return t?r:n?gn(r,e):a?mn(r):(null==r?void 0:r.value)?ae.jsx("span",Object.assign({className:s},{children:r.value})):void 0},xn={Usd:e=>un(e,"","US$"),Partners:e=>un(e,"Partners",void 0,!0,!0),Beneficiaries:e=>un(e,"Beneficaries",void 0,!0,!0),Households:e=>un(e,"Households",void 0,!0,!0),Months:e=>un(e,"Months",void 0,!0,"Month"),Mt:e=>un(e,"MT",void 0,!0),Kg:e=>hn(e,"kg"),MetricTons:e=>un(e,"MetricTons",void 0,!0),Num:e=>un(e,""),Level:e=>hn(e,""),None:e=>hn(e,""),Trips:e=>un(e,"Trips",void 0,!0,!0),Countries:e=>hn(e,"Countries"),People:e=>un(e,"People",void 0,!0,!0),Percentage:e=>((e,s,a)=>{const{calcOnly:n,children:t,from:i,string:r,svg:c,hideZero:l,maximumSignificantDigits:o,maximumFractionDigits:d}=e;var p="string"==typeof t?t.replace(/,/g,""):t;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)&&(n?m:c?gn(m,e):r?mn(m):!1!==p?ae.jsx("span",Object.assign({className:e.className},{children:p})):ae.jsx(dn,{className:e.className}))})(e,"%"),YearMonth:e=>bn(e)},jn=e=>{const{prefix:s}=ve(),{className:a,output:n,string:t,textAnchor:i,localeStringLanguage:r="en-EN",type:c="none",setup:l}=e,o=e.type.charAt(0).toUpperCase()+e.type.slice(1),d=xn[o],p=i||"start",m=`${s}--unit ${a} ${c?`${s}--unit--${c.toLowerCase()}`:""} ${n&&on[n]?`${s}--unit--${n}`:""} ${l?`${s}--unit--${l}`:""}`;return t?d(e):void 0===d?null:ae.jsx(d,Object.assign({},e,{className:m,textAnchor:p,localeStringLanguage:r}))},fn=e=>{var{value:s,secondaryValue:a,className:n,title:t}=e,i=J(e,["value","secondaryValue","className","title"]);const{prefix:r}=ve(),c=U(`${r}--value`,n);return ae.jsxs("div",Object.assign({className:c},i,{children:[ae.jsx("h4",Object.assign({className:`${r}--value__title`},{children:t})),ae.jsx("div",Object.assign({className:`${r}--value__primary-value`},{children:s})),ae.jsx("div",Object.assign({className:`${r}--value__secondary-value`},{children:a}))]}))},_n=e=>s=>{const a=ve(),n=Object.assign(Object.assign({},a),s);return ae.jsx(e,Object.assign({},n))};function vn(){return i(je)}const $n=e=>{var{paragraph:s=!1,lineCount:a=3,width:n="100%",heading:t=!1,className:i}=e,r=J(e,["paragraph","lineCount","width","heading","className"]);const{prefix:c}=ve(),l=U({[`${c}--skeleton__text`]:!0,[`${c}--skeleton__heading`]:t},i),o="string"==typeof n?parseInt(n,10):n,d="string"==typeof n&&n.includes("px");function p(e,s){return Math.floor(Math.random()*(s-e+1))+e}if("string"==typeof n&&n.includes("%")&&s){const e=[];for(let s=0;s<a;s++){const a=p(0,75)+"px";e.push(ae.jsx("p",Object.assign({className:l,style:{width:`calc(${n} - ${a})`}},r),s))}return ae.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(ae.jsx("p",Object.assign({className:l,style:{width:a}},r),s))}return ae.jsx("div",{children:e})}return ae.jsx("p",Object.assign({className:l,style:{width:n}},r))};$n.displayName="SkeletonText";var Nn={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 On="undefined"!=typeof window?c:t,yn="undefined"==typeof window;function wn(e,s){var a,t;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!==(t=null==s?void 0:s.initializeWithValue)&&void 0!==t?t:void 0,c=e=>yn?i:window.matchMedia(e).matches,[l,o]=n((()=>r?c(e):i));function d(){o(c(e))}return On((()=>{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{be as Accordion,Pe as AccordionItem,Be as AddonAfter,Me as AddonBefore,Se as AuthLayout,Ye as Avatar,Ie as BackgroundContent,qe as BannerNavigation,Fe as BannerNavigationItem,Ge as BannerNavigationWithContent,pa as BlockNotification,Ze as Breadcrumb,Xe as BreadcrumbHome,Je as BreadcrumbItem,es as Button,pa as Callout,ls as Card,ps as CardExternal,bs as Checkbox,js as ContentSwitcher,Ns as ContextMenu,Os as ContextMenuGroup,ys as ContextMenuItem,xs as Credits,gs as DatePicker,ms as DatePickerInput,hs as DateRangePicker,us as DateRangePickerInput,is as Empty,ws as Footer,ks as FooterExternal,Cs as FooterMetaLink,Ds as Form,Ps as FormGroup,Ss as FormHint,Ae as FormItem,Is as FormLabel,He as Helper,rs as Hero,cs as HeroExternal,Ls as InfoBar,Re as InlineErrorMessage,Fs as InlineLoading,ze as Input,Ea as InputGroup,Xa as Item,We as Label,Ve as Link,Ts as LinksColumn,qs as List,As as ListItem,Es as Loading,Rs as MainNavigation,Ms as MainNavigationContext,Ks as MainNavigationExternal,Gs as MainNavigationItem,fa as Modal,xa as ModalFooter,_a as ModalWrapper,va as Module,$a as ModuleBody,Oa as ModuleFooter,Na as ModuleHeader,ra as NotificationActionButton,ia as NotificationButton,ca as NotificationTextDetails,ka as NumberInput,Pa as Pagination,La as RadioButton,qa as ReadMore,Ke as Search,Aa as SecondaryNavigation,Ma as SecondaryNavigationTitle,Ta as Select,Ca as SelectItem,Wa as SelectItemGroup,Ha as Sidebar,Ga as SidebarBackButton,Ka as SidebarContentBody,Ua as SidebarContentHeader,za as SidebarHeader,Va as SidebarScroll,$n as SkeletonText,Ja as Slider,Ba as StepNavigation,Ra as StepNavigationItem,ta as Story,Ys as SubNavigation,sa as SubNavigationContent,ea as SubNavigationFilter,na as SubNavigationGroup,Qs as SubNavigationHeader,Zs as SubNavigationItem,Xs as SubNavigationLink,aa as SubNavigationList,Js as SubNavigationTitle,an as Tab,nn as TabContent,ma as Table,en as TablePagination,ga as TableSorting,rn as Tabs,ds as Tag,ha as Text,cn as TextArea,Ya as TextInput,da as ToastNotification,ln as Toggle,vs as Tooltip,jn as Unit,Ws as User,fn as Value,je as WFPCoreContext,_e as WFPCoreProvider,Ee as Wrapper,ss as buttonKinds,Nn as colors,xe as defaultWFPContext,ba as mdxComponents,as as notificationtypes,Le as pageWidths,fs as tooltipStyle,_s as tooltipStyleDark,Ia as uniqueId,Ue as useInput,On as useIsomorphicLayoutEffect,Vs as useMainNavigation,wn as useMediaQuery,sn as useTab,vn as useTheme,_n as withWFPCoreSettings};