@undp/data-viz 2.6.0 → 2.6.1

package/dist/AnimatePresence-CE6xBsMZ.js

@@ -0,0 +1,175 @@
+import { t as e } from "./jsx-runtime-C76bEyh7.js";
+import { c as t, i as n, l as r, n as i, o as a, r as o, s } from "./proxy-BiRrIImK.js";
+import * as c from "react";
+import { Children as l, isValidElement as u, useContext as d, useId as f, useInsertionEffect as p, useMemo as m, useRef as h, useState as g } from "react";
+//#region node_modules/framer-motion/dist/es/utils/use-composed-ref.mjs
+var _ = e();
+function v(e, t) {
+	if (typeof e == "function") return e(t);
+	e != null && (e.current = t);
+}
+function y(...e) {
+	return (t) => {
+		let n = !1, r = e.map((e) => {
+			let r = v(e, t);
+			return !n && typeof r == "function" && (n = !0), r;
+		});
+		if (n) return () => {
+			for (let t = 0; t < r.length; t++) {
+				let n = r[t];
+				typeof n == "function" ? n() : v(e[t], null);
+			}
+		};
+	};
+}
+function b(...e) {
+	return c.useCallback(y(...e), e);
+}
+//#endregion
+//#region node_modules/framer-motion/dist/es/components/AnimatePresence/PopChild.mjs
+var x = class extends c.Component {
+	getSnapshotBeforeUpdate(e) {
+		let t = this.props.childRef.current;
+		if (t && e.isPresent && !this.props.isPresent) {
+			let e = t.offsetParent, r = n(e) && e.offsetWidth || 0, i = this.props.sizeRef.current;
+			i.height = t.offsetHeight || 0, i.width = t.offsetWidth || 0, i.top = t.offsetTop, i.left = t.offsetLeft, i.right = r - i.width - i.left;
+		}
+		return null;
+	}
+	componentDidUpdate() {}
+	render() {
+		return this.props.children;
+	}
+};
+function S({ children: e, isPresent: t, anchorX: n, root: r }) {
+	let i = f(), a = h(null), s = h({
+		width: 0,
+		height: 0,
+		top: 0,
+		left: 0,
+		right: 0
+	}), { nonce: l } = d(o), u = b(a, e.props?.ref ?? e?.ref);
+	return p(() => {
+		let { width: e, height: o, top: c, left: u, right: d } = s.current;
+		if (t || !a.current || !e || !o) return;
+		let f = n === "left" ? `left: ${u}` : `right: ${d}`;
+		a.current.dataset.motionPopId = i;
+		let p = document.createElement("style");
+		l && (p.nonce = l);
+		let m = r ?? document.head;
+		return m.appendChild(p), p.sheet && p.sheet.insertRule(`
+          [data-motion-pop-id="${i}"] {
+            position: absolute !important;
+            width: ${e}px !important;
+            height: ${o}px !important;
+            ${f}px !important;
+            top: ${c}px !important;
+          }
+        `), () => {
+			m.contains(p) && m.removeChild(p);
+		};
+	}, [t]), (0, _.jsx)(x, {
+		isPresent: t,
+		childRef: a,
+		sizeRef: s,
+		children: c.cloneElement(e, { ref: u })
+	});
+}
+//#endregion
+//#region node_modules/framer-motion/dist/es/components/AnimatePresence/PresenceChild.mjs
+var C = ({ children: e, initial: n, isPresent: r, onExitComplete: i, custom: o, presenceAffectsLayout: s, mode: l, anchorX: u, root: d }) => {
+	let p = t(w), h = f(), g = !0, v = m(() => (g = !1, {
+		id: h,
+		initial: n,
+		isPresent: r,
+		custom: o,
+		onExitComplete: (e) => {
+			p.set(e, !0);
+			for (let e of p.values()) if (!e) return;
+			i && i();
+		},
+		register: (e) => (p.set(e, !1), () => p.delete(e))
+	}), [
+		r,
+		p,
+		i
+	]);
+	return s && g && (v = { ...v }), m(() => {
+		p.forEach((e, t) => p.set(t, !1));
+	}, [r]), c.useEffect(() => {
+		!r && !p.size && i && i();
+	}, [r]), l === "popLayout" && (e = (0, _.jsx)(S, {
+		isPresent: r,
+		anchorX: u,
+		root: d,
+		children: e
+	})), (0, _.jsx)(a.Provider, {
+		value: v,
+		children: e
+	});
+};
+function w() {
+	return /* @__PURE__ */ new Map();
+}
+//#endregion
+//#region node_modules/framer-motion/dist/es/components/AnimatePresence/utils.mjs
+var T = (e) => e.key || "";
+function E(e) {
+	let t = [];
+	return l.forEach(e, (e) => {
+		u(e) && t.push(e);
+	}), t;
+}
+//#endregion
+//#region node_modules/framer-motion/dist/es/components/AnimatePresence/index.mjs
+var D = ({ children: e, custom: n, initial: a = !0, onExitComplete: o, presenceAffectsLayout: c = !0, mode: l = "sync", propagate: u = !1, anchorX: f = "left", root: p }) => {
+	let [v, y] = i(u), b = m(() => E(e), [e]), x = u && !v ? [] : b.map(T), S = h(!0), w = h(b), D = t(() => /* @__PURE__ */ new Map()), O = h(/* @__PURE__ */ new Set()), [k, A] = g(b), [j, M] = g(b);
+	s(() => {
+		S.current = !1, w.current = b;
+		for (let e = 0; e < j.length; e++) {
+			let t = T(j[e]);
+			x.includes(t) ? (D.delete(t), O.current.delete(t)) : D.get(t) !== !0 && D.set(t, !1);
+		}
+	}, [
+		j,
+		x.length,
+		x.join("-")
+	]);
+	let N = [];
+	if (b !== k) {
+		let e = [...b];
+		for (let t = 0; t < j.length; t++) {
+			let n = j[t], r = T(n);
+			x.includes(r) || (e.splice(t, 0, n), N.push(n));
+		}
+		return l === "wait" && N.length && (e = N), M(E(e)), A(b), null;
+	}
+	process.env.NODE_ENV !== "production" && l === "wait" && j.length > 1 && console.warn("You're attempting to animate multiple children within AnimatePresence, but its mode is set to \"wait\". This will lead to odd visual behaviour.");
+	let { forceRender: P } = d(r);
+	return (0, _.jsx)(_.Fragment, { children: j.map((e) => {
+		let t = T(e), r = u && !v ? !1 : b === j || x.includes(t);
+		return (0, _.jsx)(C, {
+			isPresent: r,
+			initial: !S.current || a ? void 0 : !1,
+			custom: n,
+			presenceAffectsLayout: c,
+			mode: l,
+			root: p,
+			onExitComplete: r ? void 0 : () => {
+				if (O.current.has(t)) return;
+				if (O.current.add(t), D.has(t)) D.set(t, !0);
+				else return;
+				let e = !0;
+				D.forEach((t) => {
+					t || (e = !1);
+				}), e && (P?.(), M(w.current), u && y?.(), o && o());
+			},
+			anchorX: f,
+			children: e
+		}, t);
+	}) });
+};
+//#endregion
+export { D as t };
+
+//# sourceMappingURL=AnimatePresence-CE6xBsMZ.js.map

package/dist/AnimatePresence-CE6xBsMZ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnimatePresence-CE6xBsMZ.js","names":["React","React","Fragment"],"sources":["../node_modules/framer-motion/dist/es/utils/use-composed-ref.mjs","../node_modules/framer-motion/dist/es/components/AnimatePresence/PopChild.mjs","../node_modules/framer-motion/dist/es/components/AnimatePresence/PresenceChild.mjs","../node_modules/framer-motion/dist/es/components/AnimatePresence/utils.mjs","../node_modules/framer-motion/dist/es/components/AnimatePresence/index.mjs"],"sourcesContent":["import * as React from 'react';\n\n/**\n * Taken from https://github.com/radix-ui/primitives/blob/main/packages/react/compose-refs/src/compose-refs.tsx\n */\n/**\n * Set a given ref to a given value\n * This utility takes care of different types of refs: callback refs and RefObject(s)\n */\nfunction setRef(ref, value) {\n    if (typeof ref === \"function\") {\n        return ref(value);\n    }\n    else if (ref !== null && ref !== undefined) {\n        ref.current = value;\n    }\n}\n/**\n * A utility to compose multiple refs together\n * Accepts callback refs and RefObject(s)\n */\nfunction composeRefs(...refs) {\n    return (node) => {\n        let hasCleanup = false;\n        const cleanups = refs.map((ref) => {\n            const cleanup = setRef(ref, node);\n            if (!hasCleanup && typeof cleanup === \"function\") {\n                hasCleanup = true;\n            }\n            return cleanup;\n        });\n        // React <19 will log an error to the console if a callback ref returns a\n        // value. We don't use ref cleanups internally so this will only happen if a\n        // user's ref callback returns a value, which we only expect if they are\n        // using the cleanup functionality added in React 19.\n        if (hasCleanup) {\n            return () => {\n                for (let i = 0; i < cleanups.length; i++) {\n                    const cleanup = cleanups[i];\n                    if (typeof cleanup === \"function\") {\n                        cleanup();\n                    }\n                    else {\n                        setRef(refs[i], null);\n                    }\n                }\n            };\n        }\n    };\n}\n/**\n * A custom hook that composes multiple refs\n * Accepts callback refs and RefObject(s)\n */\nfunction useComposedRefs(...refs) {\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    return React.useCallback(composeRefs(...refs), refs);\n}\n\nexport { useComposedRefs };\n//# sourceMappingURL=use-composed-ref.mjs.map\n","\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport { isHTMLElement } from 'motion-dom';\nimport * as React from 'react';\nimport { useId, useRef, useContext, useInsertionEffect } from 'react';\nimport { MotionConfigContext } from '../../context/MotionConfigContext.mjs';\nimport { useComposedRefs } from '../../utils/use-composed-ref.mjs';\n\n/**\n * Measurement functionality has to be within a separate component\n * to leverage snapshot lifecycle.\n */\nclass PopChildMeasure extends React.Component {\n    getSnapshotBeforeUpdate(prevProps) {\n        const element = this.props.childRef.current;\n        if (element && prevProps.isPresent && !this.props.isPresent) {\n            const parent = element.offsetParent;\n            const parentWidth = isHTMLElement(parent)\n                ? parent.offsetWidth || 0\n                : 0;\n            const size = this.props.sizeRef.current;\n            size.height = element.offsetHeight || 0;\n            size.width = element.offsetWidth || 0;\n            size.top = element.offsetTop;\n            size.left = element.offsetLeft;\n            size.right = parentWidth - size.width - size.left;\n        }\n        return null;\n    }\n    /**\n     * Required with getSnapshotBeforeUpdate to stop React complaining.\n     */\n    componentDidUpdate() { }\n    render() {\n        return this.props.children;\n    }\n}\nfunction PopChild({ children, isPresent, anchorX, root }) {\n    const id = useId();\n    const ref = useRef(null);\n    const size = useRef({\n        width: 0,\n        height: 0,\n        top: 0,\n        left: 0,\n        right: 0,\n    });\n    const { nonce } = useContext(MotionConfigContext);\n    /**\n     * In React 19, refs are passed via props.ref instead of element.ref.\n     * We check props.ref first (React 19) and fall back to element.ref (React 18).\n     */\n    const childRef = children.props?.ref ??\n        children?.ref;\n    const composedRef = useComposedRefs(ref, childRef);\n    /**\n     * We create and inject a style block so we can apply this explicit\n     * sizing in a non-destructive manner by just deleting the style block.\n     *\n     * We can't apply size via render as the measurement happens\n     * in getSnapshotBeforeUpdate (post-render), likewise if we apply the\n     * styles directly on the DOM node, we might be overwriting\n     * styles set via the style prop.\n     */\n    useInsertionEffect(() => {\n        const { width, height, top, left, right } = size.current;\n        if (isPresent || !ref.current || !width || !height)\n            return;\n        const x = anchorX === \"left\" ? `left: ${left}` : `right: ${right}`;\n        ref.current.dataset.motionPopId = id;\n        const style = document.createElement(\"style\");\n        if (nonce)\n            style.nonce = nonce;\n        const parent = root ?? document.head;\n        parent.appendChild(style);\n        if (style.sheet) {\n            style.sheet.insertRule(`\n          [data-motion-pop-id=\"${id}\"] {\n            position: absolute !important;\n            width: ${width}px !important;\n            height: ${height}px !important;\n            ${x}px !important;\n            top: ${top}px !important;\n          }\n        `);\n        }\n        return () => {\n            if (parent.contains(style)) {\n                parent.removeChild(style);\n            }\n        };\n    }, [isPresent]);\n    return (jsx(PopChildMeasure, { isPresent: isPresent, childRef: ref, sizeRef: size, children: React.cloneElement(children, { ref: composedRef }) }));\n}\n\nexport { PopChild };\n//# sourceMappingURL=PopChild.mjs.map\n","\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport * as React from 'react';\nimport { useId, useMemo } from 'react';\nimport { PresenceContext } from '../../context/PresenceContext.mjs';\nimport { useConstant } from '../../utils/use-constant.mjs';\nimport { PopChild } from './PopChild.mjs';\n\nconst PresenceChild = ({ children, initial, isPresent, onExitComplete, custom, presenceAffectsLayout, mode, anchorX, root }) => {\n    const presenceChildren = useConstant(newChildrenMap);\n    const id = useId();\n    let isReusedContext = true;\n    let context = useMemo(() => {\n        isReusedContext = false;\n        return {\n            id,\n            initial,\n            isPresent,\n            custom,\n            onExitComplete: (childId) => {\n                presenceChildren.set(childId, true);\n                for (const isComplete of presenceChildren.values()) {\n                    if (!isComplete)\n                        return; // can stop searching when any is incomplete\n                }\n                onExitComplete && onExitComplete();\n            },\n            register: (childId) => {\n                presenceChildren.set(childId, false);\n                return () => presenceChildren.delete(childId);\n            },\n        };\n    }, [isPresent, presenceChildren, onExitComplete]);\n    /**\n     * If the presence of a child affects the layout of the components around it,\n     * we want to make a new context value to ensure they get re-rendered\n     * so they can detect that layout change.\n     */\n    if (presenceAffectsLayout && isReusedContext) {\n        context = { ...context };\n    }\n    useMemo(() => {\n        presenceChildren.forEach((_, key) => presenceChildren.set(key, false));\n    }, [isPresent]);\n    /**\n     * If there's no `motion` components to fire exit animations, we want to remove this\n     * component immediately.\n     */\n    React.useEffect(() => {\n        !isPresent &&\n            !presenceChildren.size &&\n            onExitComplete &&\n            onExitComplete();\n    }, [isPresent]);\n    if (mode === \"popLayout\") {\n        children = (jsx(PopChild, { isPresent: isPresent, anchorX: anchorX, root: root, children: children }));\n    }\n    return (jsx(PresenceContext.Provider, { value: context, children: children }));\n};\nfunction newChildrenMap() {\n    return new Map();\n}\n\nexport { PresenceChild };\n//# sourceMappingURL=PresenceChild.mjs.map\n","import { Children, isValidElement } from 'react';\n\nconst getChildKey = (child) => child.key || \"\";\nfunction onlyElements(children) {\n    const filtered = [];\n    // We use forEach here instead of map as map mutates the component key by preprending `.$`\n    Children.forEach(children, (child) => {\n        if (isValidElement(child))\n            filtered.push(child);\n    });\n    return filtered;\n}\n\nexport { getChildKey, onlyElements };\n//# sourceMappingURL=utils.mjs.map\n","\"use client\";\nimport { jsx, Fragment } from 'react/jsx-runtime';\nimport { useMemo, useRef, useState, useContext } from 'react';\nimport { LayoutGroupContext } from '../../context/LayoutGroupContext.mjs';\nimport { useConstant } from '../../utils/use-constant.mjs';\nimport { useIsomorphicLayoutEffect } from '../../utils/use-isomorphic-effect.mjs';\nimport { PresenceChild } from './PresenceChild.mjs';\nimport { usePresence } from './use-presence.mjs';\nimport { onlyElements, getChildKey } from './utils.mjs';\n\n/**\n * `AnimatePresence` enables the animation of components that have been removed from the tree.\n *\n * When adding/removing more than a single child, every child **must** be given a unique `key` prop.\n *\n * Any `motion` components that have an `exit` property defined will animate out when removed from\n * the tree.\n *\n * ```jsx\n * import { motion, AnimatePresence } from 'framer-motion'\n *\n * export const Items = ({ items }) => (\n *   <AnimatePresence>\n *     {items.map(item => (\n *       <motion.div\n *         key={item.id}\n *         initial={{ opacity: 0 }}\n *         animate={{ opacity: 1 }}\n *         exit={{ opacity: 0 }}\n *       />\n *     ))}\n *   </AnimatePresence>\n * )\n * ```\n *\n * You can sequence exit animations throughout a tree using variants.\n *\n * If a child contains multiple `motion` components with `exit` props, it will only unmount the child\n * once all `motion` components have finished animating out. Likewise, any components using\n * `usePresence` all need to call `safeToRemove`.\n *\n * @public\n */\nconst AnimatePresence = ({ children, custom, initial = true, onExitComplete, presenceAffectsLayout = true, mode = \"sync\", propagate = false, anchorX = \"left\", root }) => {\n    const [isParentPresent, safeToRemove] = usePresence(propagate);\n    /**\n     * Filter any children that aren't ReactElements. We can only track components\n     * between renders with a props.key.\n     */\n    const presentChildren = useMemo(() => onlyElements(children), [children]);\n    /**\n     * Track the keys of the currently rendered children. This is used to\n     * determine which children are exiting.\n     */\n    const presentKeys = propagate && !isParentPresent ? [] : presentChildren.map(getChildKey);\n    /**\n     * If `initial={false}` we only want to pass this to components in the first render.\n     */\n    const isInitialRender = useRef(true);\n    /**\n     * A ref containing the currently present children. When all exit animations\n     * are complete, we use this to re-render the component with the latest children\n     * *committed* rather than the latest children *rendered*.\n     */\n    const pendingPresentChildren = useRef(presentChildren);\n    /**\n     * Track which exiting children have finished animating out.\n     */\n    const exitComplete = useConstant(() => new Map());\n    /**\n     * Track which components are currently processing exit to prevent duplicate processing.\n     */\n    const exitingComponents = useRef(new Set());\n    /**\n     * Save children to render as React state. To ensure this component is concurrent-safe,\n     * we check for exiting children via an effect.\n     */\n    const [diffedChildren, setDiffedChildren] = useState(presentChildren);\n    const [renderedChildren, setRenderedChildren] = useState(presentChildren);\n    useIsomorphicLayoutEffect(() => {\n        isInitialRender.current = false;\n        pendingPresentChildren.current = presentChildren;\n        /**\n         * Update complete status of exiting children.\n         */\n        for (let i = 0; i < renderedChildren.length; i++) {\n            const key = getChildKey(renderedChildren[i]);\n            if (!presentKeys.includes(key)) {\n                if (exitComplete.get(key) !== true) {\n                    exitComplete.set(key, false);\n                }\n            }\n            else {\n                exitComplete.delete(key);\n                exitingComponents.current.delete(key);\n            }\n        }\n    }, [renderedChildren, presentKeys.length, presentKeys.join(\"-\")]);\n    const exitingChildren = [];\n    if (presentChildren !== diffedChildren) {\n        let nextChildren = [...presentChildren];\n        /**\n         * Loop through all the currently rendered components and decide which\n         * are exiting.\n         */\n        for (let i = 0; i < renderedChildren.length; i++) {\n            const child = renderedChildren[i];\n            const key = getChildKey(child);\n            if (!presentKeys.includes(key)) {\n                nextChildren.splice(i, 0, child);\n                exitingChildren.push(child);\n            }\n        }\n        /**\n         * If we're in \"wait\" mode, and we have exiting children, we want to\n         * only render these until they've all exited.\n         */\n        if (mode === \"wait\" && exitingChildren.length) {\n            nextChildren = exitingChildren;\n        }\n        setRenderedChildren(onlyElements(nextChildren));\n        setDiffedChildren(presentChildren);\n        /**\n         * Early return to ensure once we've set state with the latest diffed\n         * children, we can immediately re-render.\n         */\n        return null;\n    }\n    if (process.env.NODE_ENV !== \"production\" &&\n        mode === \"wait\" &&\n        renderedChildren.length > 1) {\n        console.warn(`You're attempting to animate multiple children within AnimatePresence, but its mode is set to \"wait\". This will lead to odd visual behaviour.`);\n    }\n    /**\n     * If we've been provided a forceRender function by the LayoutGroupContext,\n     * we can use it to force a re-render amongst all surrounding components once\n     * all components have finished animating out.\n     */\n    const { forceRender } = useContext(LayoutGroupContext);\n    return (jsx(Fragment, { children: renderedChildren.map((child) => {\n            const key = getChildKey(child);\n            const isPresent = propagate && !isParentPresent\n                ? false\n                : presentChildren === renderedChildren ||\n                    presentKeys.includes(key);\n            const onExit = () => {\n                if (exitingComponents.current.has(key)) {\n                    return;\n                }\n                exitingComponents.current.add(key);\n                if (exitComplete.has(key)) {\n                    exitComplete.set(key, true);\n                }\n                else {\n                    return;\n                }\n                let isEveryExitComplete = true;\n                exitComplete.forEach((isExitComplete) => {\n                    if (!isExitComplete)\n                        isEveryExitComplete = false;\n                });\n                if (isEveryExitComplete) {\n                    forceRender?.();\n                    setRenderedChildren(pendingPresentChildren.current);\n                    propagate && safeToRemove?.();\n                    onExitComplete && onExitComplete();\n                }\n            };\n            return (jsx(PresenceChild, { isPresent: isPresent, initial: !isInitialRender.current || initial\n                    ? undefined\n                    : false, custom: custom, presenceAffectsLayout: presenceAffectsLayout, mode: mode, root: root, onExitComplete: isPresent ? undefined : onExit, anchorX: anchorX, children: child }, key));\n        }) }));\n};\n\nexport { AnimatePresence };\n//# sourceMappingURL=index.mjs.map\n"],"x_google_ignoreList":[0,1,2,3,4],"mappings":"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"}

package/dist/AnimatePresence-CapU-Sxd.cjs

@@ -0,0 +1,10 @@
+const e=require(`./chunk-gGpyby2o.cjs`),t=require(`./jsx-runtime-Cd1vCQjn.cjs`),n=require(`./proxy-DaRMphjR.cjs`);let r=require(`react`);r=e.a(r,1);var i=t.t();function a(e,t){if(typeof e==`function`)return e(t);e!=null&&(e.current=t)}function o(...e){return t=>{let n=!1,r=e.map(e=>{let r=a(e,t);return!n&&typeof r==`function`&&(n=!0),r});if(n)return()=>{for(let t=0;t<r.length;t++){let n=r[t];typeof n==`function`?n():a(e[t],null)}}}}function s(...e){return r.useCallback(o(...e),e)}var c=class extends r.Component{getSnapshotBeforeUpdate(e){let t=this.props.childRef.current;if(t&&e.isPresent&&!this.props.isPresent){let e=t.offsetParent,r=n.i(e)&&e.offsetWidth||0,i=this.props.sizeRef.current;i.height=t.offsetHeight||0,i.width=t.offsetWidth||0,i.top=t.offsetTop,i.left=t.offsetLeft,i.right=r-i.width-i.left}return null}componentDidUpdate(){}render(){return this.props.children}};function l({children:e,isPresent:t,anchorX:a,root:o}){let l=(0,r.useId)(),u=(0,r.useRef)(null),d=(0,r.useRef)({width:0,height:0,top:0,left:0,right:0}),{nonce:f}=(0,r.useContext)(n.r),p=s(u,e.props?.ref??e?.ref);return(0,r.useInsertionEffect)(()=>{let{width:e,height:n,top:r,left:i,right:s}=d.current;if(t||!u.current||!e||!n)return;let c=a===`left`?`left: ${i}`:`right: ${s}`;u.current.dataset.motionPopId=l;let p=document.createElement(`style`);f&&(p.nonce=f);let m=o??document.head;return m.appendChild(p),p.sheet&&p.sheet.insertRule(`
+          [data-motion-pop-id="${l}"] {
+            position: absolute !important;
+            width: ${e}px !important;
+            height: ${n}px !important;
+            ${c}px !important;
+            top: ${r}px !important;
+          }
+        `),()=>{m.contains(p)&&m.removeChild(p)}},[t]),(0,i.jsx)(c,{isPresent:t,childRef:u,sizeRef:d,children:r.cloneElement(e,{ref:p})})}var u=({children:e,initial:t,isPresent:a,onExitComplete:o,custom:s,presenceAffectsLayout:c,mode:u,anchorX:f,root:p})=>{let m=n.c(d),h=(0,r.useId)(),g=!0,_=(0,r.useMemo)(()=>(g=!1,{id:h,initial:t,isPresent:a,custom:s,onExitComplete:e=>{m.set(e,!0);for(let e of m.values())if(!e)return;o&&o()},register:e=>(m.set(e,!1),()=>m.delete(e))}),[a,m,o]);return c&&g&&(_={..._}),(0,r.useMemo)(()=>{m.forEach((e,t)=>m.set(t,!1))},[a]),r.useEffect(()=>{!a&&!m.size&&o&&o()},[a]),u===`popLayout`&&(e=(0,i.jsx)(l,{isPresent:a,anchorX:f,root:p,children:e})),(0,i.jsx)(n.o.Provider,{value:_,children:e})};function d(){return new Map}var f=e=>e.key||``;function p(e){let t=[];return r.Children.forEach(e,e=>{(0,r.isValidElement)(e)&&t.push(e)}),t}var m=({children:e,custom:t,initial:a=!0,onExitComplete:o,presenceAffectsLayout:s=!0,mode:c=`sync`,propagate:l=!1,anchorX:d=`left`,root:m})=>{let[h,g]=n.n(l),_=(0,r.useMemo)(()=>p(e),[e]),v=l&&!h?[]:_.map(f),y=(0,r.useRef)(!0),b=(0,r.useRef)(_),x=n.c(()=>new Map),S=(0,r.useRef)(new Set),[C,w]=(0,r.useState)(_),[T,E]=(0,r.useState)(_);n.s(()=>{y.current=!1,b.current=_;for(let e=0;e<T.length;e++){let t=f(T[e]);v.includes(t)?(x.delete(t),S.current.delete(t)):x.get(t)!==!0&&x.set(t,!1)}},[T,v.length,v.join(`-`)]);let D=[];if(_!==C){let e=[..._];for(let t=0;t<T.length;t++){let n=T[t],r=f(n);v.includes(r)||(e.splice(t,0,n),D.push(n))}return c===`wait`&&D.length&&(e=D),E(p(e)),w(_),null}process.env.NODE_ENV!==`production`&&c===`wait`&&T.length>1&&console.warn(`You're attempting to animate multiple children within AnimatePresence, but its mode is set to "wait". This will lead to odd visual behaviour.`);let{forceRender:O}=(0,r.useContext)(n.l);return(0,i.jsx)(i.Fragment,{children:T.map(e=>{let n=f(e),r=l&&!h?!1:_===T||v.includes(n);return(0,i.jsx)(u,{isPresent:r,initial:!y.current||a?void 0:!1,custom:t,presenceAffectsLayout:s,mode:c,root:m,onExitComplete:r?void 0:()=>{if(S.current.has(n))return;if(S.current.add(n),x.has(n))x.set(n,!0);else return;let e=!0;x.forEach(t=>{t||(e=!1)}),e&&(O?.(),E(b.current),l&&g?.(),o&&o())},anchorX:d,children:e},n)})})};Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return m}});
+//# sourceMappingURL=AnimatePresence-CapU-Sxd.cjs.map

package/dist/AnimatePresence-CapU-Sxd.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnimatePresence-CapU-Sxd.cjs","names":["React","React","isHTMLElement","MotionConfigContext","useConstant","PresenceContext","usePresence","useConstant","LayoutGroupContext","Fragment"],"sources":["../node_modules/framer-motion/dist/es/utils/use-composed-ref.mjs","../node_modules/framer-motion/dist/es/components/AnimatePresence/PopChild.mjs","../node_modules/framer-motion/dist/es/components/AnimatePresence/PresenceChild.mjs","../node_modules/framer-motion/dist/es/components/AnimatePresence/utils.mjs","../node_modules/framer-motion/dist/es/components/AnimatePresence/index.mjs"],"sourcesContent":["import * as React from 'react';\n\n/**\n * Taken from https://github.com/radix-ui/primitives/blob/main/packages/react/compose-refs/src/compose-refs.tsx\n */\n/**\n * Set a given ref to a given value\n * This utility takes care of different types of refs: callback refs and RefObject(s)\n */\nfunction setRef(ref, value) {\n    if (typeof ref === \"function\") {\n        return ref(value);\n    }\n    else if (ref !== null && ref !== undefined) {\n        ref.current = value;\n    }\n}\n/**\n * A utility to compose multiple refs together\n * Accepts callback refs and RefObject(s)\n */\nfunction composeRefs(...refs) {\n    return (node) => {\n        let hasCleanup = false;\n        const cleanups = refs.map((ref) => {\n            const cleanup = setRef(ref, node);\n            if (!hasCleanup && typeof cleanup === \"function\") {\n                hasCleanup = true;\n            }\n            return cleanup;\n        });\n        // React <19 will log an error to the console if a callback ref returns a\n        // value. We don't use ref cleanups internally so this will only happen if a\n        // user's ref callback returns a value, which we only expect if they are\n        // using the cleanup functionality added in React 19.\n        if (hasCleanup) {\n            return () => {\n                for (let i = 0; i < cleanups.length; i++) {\n                    const cleanup = cleanups[i];\n                    if (typeof cleanup === \"function\") {\n                        cleanup();\n                    }\n                    else {\n                        setRef(refs[i], null);\n                    }\n                }\n            };\n        }\n    };\n}\n/**\n * A custom hook that composes multiple refs\n * Accepts callback refs and RefObject(s)\n */\nfunction useComposedRefs(...refs) {\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    return React.useCallback(composeRefs(...refs), refs);\n}\n\nexport { useComposedRefs };\n//# sourceMappingURL=use-composed-ref.mjs.map\n","\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport { isHTMLElement } from 'motion-dom';\nimport * as React from 'react';\nimport { useId, useRef, useContext, useInsertionEffect } from 'react';\nimport { MotionConfigContext } from '../../context/MotionConfigContext.mjs';\nimport { useComposedRefs } from '../../utils/use-composed-ref.mjs';\n\n/**\n * Measurement functionality has to be within a separate component\n * to leverage snapshot lifecycle.\n */\nclass PopChildMeasure extends React.Component {\n    getSnapshotBeforeUpdate(prevProps) {\n        const element = this.props.childRef.current;\n        if (element && prevProps.isPresent && !this.props.isPresent) {\n            const parent = element.offsetParent;\n            const parentWidth = isHTMLElement(parent)\n                ? parent.offsetWidth || 0\n                : 0;\n            const size = this.props.sizeRef.current;\n            size.height = element.offsetHeight || 0;\n            size.width = element.offsetWidth || 0;\n            size.top = element.offsetTop;\n            size.left = element.offsetLeft;\n            size.right = parentWidth - size.width - size.left;\n        }\n        return null;\n    }\n    /**\n     * Required with getSnapshotBeforeUpdate to stop React complaining.\n     */\n    componentDidUpdate() { }\n    render() {\n        return this.props.children;\n    }\n}\nfunction PopChild({ children, isPresent, anchorX, root }) {\n    const id = useId();\n    const ref = useRef(null);\n    const size = useRef({\n        width: 0,\n        height: 0,\n        top: 0,\n        left: 0,\n        right: 0,\n    });\n    const { nonce } = useContext(MotionConfigContext);\n    /**\n     * In React 19, refs are passed via props.ref instead of element.ref.\n     * We check props.ref first (React 19) and fall back to element.ref (React 18).\n     */\n    const childRef = children.props?.ref ??\n        children?.ref;\n    const composedRef = useComposedRefs(ref, childRef);\n    /**\n     * We create and inject a style block so we can apply this explicit\n     * sizing in a non-destructive manner by just deleting the style block.\n     *\n     * We can't apply size via render as the measurement happens\n     * in getSnapshotBeforeUpdate (post-render), likewise if we apply the\n     * styles directly on the DOM node, we might be overwriting\n     * styles set via the style prop.\n     */\n    useInsertionEffect(() => {\n        const { width, height, top, left, right } = size.current;\n        if (isPresent || !ref.current || !width || !height)\n            return;\n        const x = anchorX === \"left\" ? `left: ${left}` : `right: ${right}`;\n        ref.current.dataset.motionPopId = id;\n        const style = document.createElement(\"style\");\n        if (nonce)\n            style.nonce = nonce;\n        const parent = root ?? document.head;\n        parent.appendChild(style);\n        if (style.sheet) {\n            style.sheet.insertRule(`\n          [data-motion-pop-id=\"${id}\"] {\n            position: absolute !important;\n            width: ${width}px !important;\n            height: ${height}px !important;\n            ${x}px !important;\n            top: ${top}px !important;\n          }\n        `);\n        }\n        return () => {\n            if (parent.contains(style)) {\n                parent.removeChild(style);\n            }\n        };\n    }, [isPresent]);\n    return (jsx(PopChildMeasure, { isPresent: isPresent, childRef: ref, sizeRef: size, children: React.cloneElement(children, { ref: composedRef }) }));\n}\n\nexport { PopChild };\n//# sourceMappingURL=PopChild.mjs.map\n","\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport * as React from 'react';\nimport { useId, useMemo } from 'react';\nimport { PresenceContext } from '../../context/PresenceContext.mjs';\nimport { useConstant } from '../../utils/use-constant.mjs';\nimport { PopChild } from './PopChild.mjs';\n\nconst PresenceChild = ({ children, initial, isPresent, onExitComplete, custom, presenceAffectsLayout, mode, anchorX, root }) => {\n    const presenceChildren = useConstant(newChildrenMap);\n    const id = useId();\n    let isReusedContext = true;\n    let context = useMemo(() => {\n        isReusedContext = false;\n        return {\n            id,\n            initial,\n            isPresent,\n            custom,\n            onExitComplete: (childId) => {\n                presenceChildren.set(childId, true);\n                for (const isComplete of presenceChildren.values()) {\n                    if (!isComplete)\n                        return; // can stop searching when any is incomplete\n                }\n                onExitComplete && onExitComplete();\n            },\n            register: (childId) => {\n                presenceChildren.set(childId, false);\n                return () => presenceChildren.delete(childId);\n            },\n        };\n    }, [isPresent, presenceChildren, onExitComplete]);\n    /**\n     * If the presence of a child affects the layout of the components around it,\n     * we want to make a new context value to ensure they get re-rendered\n     * so they can detect that layout change.\n     */\n    if (presenceAffectsLayout && isReusedContext) {\n        context = { ...context };\n    }\n    useMemo(() => {\n        presenceChildren.forEach((_, key) => presenceChildren.set(key, false));\n    }, [isPresent]);\n    /**\n     * If there's no `motion` components to fire exit animations, we want to remove this\n     * component immediately.\n     */\n    React.useEffect(() => {\n        !isPresent &&\n            !presenceChildren.size &&\n            onExitComplete &&\n            onExitComplete();\n    }, [isPresent]);\n    if (mode === \"popLayout\") {\n        children = (jsx(PopChild, { isPresent: isPresent, anchorX: anchorX, root: root, children: children }));\n    }\n    return (jsx(PresenceContext.Provider, { value: context, children: children }));\n};\nfunction newChildrenMap() {\n    return new Map();\n}\n\nexport { PresenceChild };\n//# sourceMappingURL=PresenceChild.mjs.map\n","import { Children, isValidElement } from 'react';\n\nconst getChildKey = (child) => child.key || \"\";\nfunction onlyElements(children) {\n    const filtered = [];\n    // We use forEach here instead of map as map mutates the component key by preprending `.$`\n    Children.forEach(children, (child) => {\n        if (isValidElement(child))\n            filtered.push(child);\n    });\n    return filtered;\n}\n\nexport { getChildKey, onlyElements };\n//# sourceMappingURL=utils.mjs.map\n","\"use client\";\nimport { jsx, Fragment } from 'react/jsx-runtime';\nimport { useMemo, useRef, useState, useContext } from 'react';\nimport { LayoutGroupContext } from '../../context/LayoutGroupContext.mjs';\nimport { useConstant } from '../../utils/use-constant.mjs';\nimport { useIsomorphicLayoutEffect } from '../../utils/use-isomorphic-effect.mjs';\nimport { PresenceChild } from './PresenceChild.mjs';\nimport { usePresence } from './use-presence.mjs';\nimport { onlyElements, getChildKey } from './utils.mjs';\n\n/**\n * `AnimatePresence` enables the animation of components that have been removed from the tree.\n *\n * When adding/removing more than a single child, every child **must** be given a unique `key` prop.\n *\n * Any `motion` components that have an `exit` property defined will animate out when removed from\n * the tree.\n *\n * ```jsx\n * import { motion, AnimatePresence } from 'framer-motion'\n *\n * export const Items = ({ items }) => (\n *   <AnimatePresence>\n *     {items.map(item => (\n *       <motion.div\n *         key={item.id}\n *         initial={{ opacity: 0 }}\n *         animate={{ opacity: 1 }}\n *         exit={{ opacity: 0 }}\n *       />\n *     ))}\n *   </AnimatePresence>\n * )\n * ```\n *\n * You can sequence exit animations throughout a tree using variants.\n *\n * If a child contains multiple `motion` components with `exit` props, it will only unmount the child\n * once all `motion` components have finished animating out. Likewise, any components using\n * `usePresence` all need to call `safeToRemove`.\n *\n * @public\n */\nconst AnimatePresence = ({ children, custom, initial = true, onExitComplete, presenceAffectsLayout = true, mode = \"sync\", propagate = false, anchorX = \"left\", root }) => {\n    const [isParentPresent, safeToRemove] = usePresence(propagate);\n    /**\n     * Filter any children that aren't ReactElements. We can only track components\n     * between renders with a props.key.\n     */\n    const presentChildren = useMemo(() => onlyElements(children), [children]);\n    /**\n     * Track the keys of the currently rendered children. This is used to\n     * determine which children are exiting.\n     */\n    const presentKeys = propagate && !isParentPresent ? [] : presentChildren.map(getChildKey);\n    /**\n     * If `initial={false}` we only want to pass this to components in the first render.\n     */\n    const isInitialRender = useRef(true);\n    /**\n     * A ref containing the currently present children. When all exit animations\n     * are complete, we use this to re-render the component with the latest children\n     * *committed* rather than the latest children *rendered*.\n     */\n    const pendingPresentChildren = useRef(presentChildren);\n    /**\n     * Track which exiting children have finished animating out.\n     */\n    const exitComplete = useConstant(() => new Map());\n    /**\n     * Track which components are currently processing exit to prevent duplicate processing.\n     */\n    const exitingComponents = useRef(new Set());\n    /**\n     * Save children to render as React state. To ensure this component is concurrent-safe,\n     * we check for exiting children via an effect.\n     */\n    const [diffedChildren, setDiffedChildren] = useState(presentChildren);\n    const [renderedChildren, setRenderedChildren] = useState(presentChildren);\n    useIsomorphicLayoutEffect(() => {\n        isInitialRender.current = false;\n        pendingPresentChildren.current = presentChildren;\n        /**\n         * Update complete status of exiting children.\n         */\n        for (let i = 0; i < renderedChildren.length; i++) {\n            const key = getChildKey(renderedChildren[i]);\n            if (!presentKeys.includes(key)) {\n                if (exitComplete.get(key) !== true) {\n                    exitComplete.set(key, false);\n                }\n            }\n            else {\n                exitComplete.delete(key);\n                exitingComponents.current.delete(key);\n            }\n        }\n    }, [renderedChildren, presentKeys.length, presentKeys.join(\"-\")]);\n    const exitingChildren = [];\n    if (presentChildren !== diffedChildren) {\n        let nextChildren = [...presentChildren];\n        /**\n         * Loop through all the currently rendered components and decide which\n         * are exiting.\n         */\n        for (let i = 0; i < renderedChildren.length; i++) {\n            const child = renderedChildren[i];\n            const key = getChildKey(child);\n            if (!presentKeys.includes(key)) {\n                nextChildren.splice(i, 0, child);\n                exitingChildren.push(child);\n            }\n        }\n        /**\n         * If we're in \"wait\" mode, and we have exiting children, we want to\n         * only render these until they've all exited.\n         */\n        if (mode === \"wait\" && exitingChildren.length) {\n            nextChildren = exitingChildren;\n        }\n        setRenderedChildren(onlyElements(nextChildren));\n        setDiffedChildren(presentChildren);\n        /**\n         * Early return to ensure once we've set state with the latest diffed\n         * children, we can immediately re-render.\n         */\n        return null;\n    }\n    if (process.env.NODE_ENV !== \"production\" &&\n        mode === \"wait\" &&\n        renderedChildren.length > 1) {\n        console.warn(`You're attempting to animate multiple children within AnimatePresence, but its mode is set to \"wait\". This will lead to odd visual behaviour.`);\n    }\n    /**\n     * If we've been provided a forceRender function by the LayoutGroupContext,\n     * we can use it to force a re-render amongst all surrounding components once\n     * all components have finished animating out.\n     */\n    const { forceRender } = useContext(LayoutGroupContext);\n    return (jsx(Fragment, { children: renderedChildren.map((child) => {\n            const key = getChildKey(child);\n            const isPresent = propagate && !isParentPresent\n                ? false\n                : presentChildren === renderedChildren ||\n                    presentKeys.includes(key);\n            const onExit = () => {\n                if (exitingComponents.current.has(key)) {\n                    return;\n                }\n                exitingComponents.current.add(key);\n                if (exitComplete.has(key)) {\n                    exitComplete.set(key, true);\n                }\n                else {\n                    return;\n                }\n                let isEveryExitComplete = true;\n                exitComplete.forEach((isExitComplete) => {\n                    if (!isExitComplete)\n                        isEveryExitComplete = false;\n                });\n                if (isEveryExitComplete) {\n                    forceRender?.();\n                    setRenderedChildren(pendingPresentChildren.current);\n                    propagate && safeToRemove?.();\n                    onExitComplete && onExitComplete();\n                }\n            };\n            return (jsx(PresenceChild, { isPresent: isPresent, initial: !isInitialRender.current || initial\n                    ? undefined\n                    : false, custom: custom, presenceAffectsLayout: presenceAffectsLayout, mode: mode, root: root, onExitComplete: isPresent ? undefined : onExit, anchorX: anchorX, children: child }, key));\n        }) }));\n};\n\nexport { AnimatePresence };\n//# sourceMappingURL=index.mjs.map\n"],"x_google_ignoreList":[0,1,2,3,4],"mappings":"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"}

package/dist/AreaChart.cjs

@@ -1,2 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./compiler-runtime-oPPev21o.cjs"),S=require("react"),E=require("./parse-xYI9yrvL.cjs"),Rt=require("./index-CSNtgibC.cjs"),vt=require("@undp/design-system-react/cn"),Ot=require("./index-Cno4Q0YE.cjs"),Et=require("./numberFormattingFunction-u2iNHL_c.cjs"),Lt=require("./Tooltip-DwUFLDrj.cjs"),at=require("./checkIfNullOrUndefined-BCW3Y1ML.cjs"),jt=require("./customArea-BCGIYDQa.cjs"),qt=require("./AxisTitle-CyFFbdNU.cjs"),St=require("./Axis-DY7jsk1Y.cjs"),kt=require("./XTicksAndGridLines-BO6KJc8d.cjs"),$t=require("./ReferenceLine-CxITVT1K.cjs"),Dt=require("./YTicksAndGridLines-C7glLI5b.cjs"),Tt=require("./index-BaXzoD4r.cjs"),Nt=require("./time-CkcKbhwe.cjs"),Mt=require("./linear-CgUCbw9F.cjs"),Ft=require("./area-C1gxfNGD.cjs"),Gt=require("./line-DaEMhXmx.cjs"),lt=require("./step-BZ3C8QFW.cjs"),Ht=require("./select-Bnfk0lJx.cjs"),ct=require("./proxy-QMeVVqam.cjs"),Vt=require("./init-DU0ybBc_.cjs"),Yt=require("./pointer-Dkq5NV1q.cjs"),It=require("./use-in-view-DjR_gqJP.cjs"),Pt=require("./index-5BQWR1Z8.cjs"),Xt=require("./GraphFooter.cjs"),Wt=require("./GraphHeader.cjs"),Ut=require("./ColorLegend.cjs"),Zt=require("./Colors.cjs"),Bt=require("./EmptyState-BoaUUuo6.cjs"),Ct=require("./GraphContainer-gaG9TSy4.cjs");function zt(i){const e=n.compilerRuntimeExports.c(135),{data:f,width:X,height:we,colors:Oe,dateFormat:o,noOfXTicks:He,rightMargin:C,leftMargin:j,topMargin:Ee,bottomMargin:Le,yAxisTitle:W,tooltip:U,onSeriesMouseOver:ae,highlightAreaSettings:le,refValues:ce,minValue:Ve,maxValue:ue,rtl:F,annotations:Z,customHighlightAreaSettings:xe,noOfYTicks:Ye,prefix:G,suffix:k,curveType:B,styles:d,classNames:g,precision:z,customLayers:H,animate:c,locale:J,padZeros:K}=i,fe=S.useRef(null);let V;e[0]!==c.amount||e[1]!==c.once?(V={once:c.once,amount:c.amount},e[0]=c.amount,e[1]=c.once,e[2]=V):V=e[2];const y=It.useInView(fe,V),Ie=B==="linear"?Gt.curveLinear:B==="step"?lt.curveStep:B==="stepAfter"?lt.stepAfter:B==="stepBefore"?lt.stepBefore:lt.monotoneX,[A,Pe]=S.useState(void 0),[me,p]=S.useState(void 0),[l,pe]=S.useState(void 0),qe=W?j+30:j;let m;e[3]!==Le||e[4]!==C||e[5]!==qe||e[6]!==Ee?(m={top:Ee,bottom:Le,left:qe,right:C},e[3]=Le,e[4]=C,e[5]=qe,e[6]=Ee,e[7]=m):m=e[7];const u=m,Q=S.useRef(null);let _;e[8]!==o?(_=s=>({...s,date:E.parse(`${s.date}`,o,new Date)}),e[8]=o,e[9]=_):_=e[9];const v=Ot.orderBy(f.map(_),["date"],["asc"]);let ee;if(e[10]!==o||e[11]!==le){let s;e[13]!==o?(s=t=>({...t,coordinates:[t.coordinates[0]===null?null:E.parse(`${t.coordinates[0]}`,o,new Date),t.coordinates[1]===null?null:E.parse(`${t.coordinates[1]}`,o,new Date)]}),e[13]=o,e[14]=s):s=e[14],ee=le.map(s),e[10]=o,e[11]=le,e[12]=ee}else ee=e[12];const de=ee;let te;if(e[15]!==xe||e[16]!==o){let s;e[18]!==o?(s=t=>({...t,coordinates:t.coordinates.map((O,P)=>P%2===0?E.parse(`${O}`,o,new Date):O)}),e[18]=o,e[19]=s):s=e[19],te=xe.map(s),e[15]=xe,e[16]=o,e[17]=te}else te=e[17];const Xe=te,Se=v[0].y.map((s,t)=>v.map(O=>({date:O.date,y0:t===0?0:Rt.sum(O.y.filter((P,Be)=>Be<t)),y1:Rt.sum(O.y.filter((P,Be)=>Be<=t))}))),x=X-u.left-u.right,h=we-u.top-u.bottom,We=v[0].date,ke=v[v.length-1].date,R=at.checkIfNullOrUndefined(Ve)?0:Ve;let se;e[20]!==f||e[21]!==ue?(se=at.checkIfNullOrUndefined(ue)?Math.max(...f.map(is)):ue,e[20]=f,e[21]=ue,e[22]=se):se=e[22];const $=se,r=Nt.time().domain([We,ke]).range([0,x]),a=Mt.linear().domain([R,$]).range([h,0]).nice(),ge=Ft.area().x(s=>r(s.date)).y0(s=>a(s.y0)).y1(s=>a(s.y1)).curve(Ie),he=a.ticks(Ye),$e=r.ticks(He);S.useEffect(()=>{const s=O=>{const P=v[Vt.bisectCenter(v.map(os),r.invert(Yt.pointer(O)[0]),0)];Pe(P||v[v.length-1]),ae?.(P||v[v.length-1]),pe(O.clientY),p(O.clientX)},t=()=>{Pe(void 0),p(void 0),pe(void 0),ae?.(void 0)};Ht.select(Q.current).on("mousemove",s).on("mouseout",t),ae?.(void 0)},[r,v,ae]);let oe;e[23]!==c||e[24]!==h||e[25]!==x||e[26]!==de||e[27]!==y||e[28]!==r?(oe=n.jsxRuntimeExports.jsx(Tt.HighlightArea,{areaSettings:de,width:x,height:h,scale:r,animate:c,isInView:y}),e[23]=c,e[24]=h,e[25]=x,e[26]=de,e[27]=y,e[28]=r,e[29]=oe):oe=e[29];const ye=d?.yAxis?.gridLines,ve=d?.yAxis?.labels;let Y;e[30]!==ye||e[31]!==ve?(Y={gridLines:ye,labels:ve},e[30]=ye,e[31]=ve,e[32]=Y):Y=e[32];const je=g?.yAxis?.gridLines,ie=g?.yAxis?.labels;let I;e[33]!==je||e[34]!==ie?(I={gridLines:je,labels:ie},e[33]=je,e[34]=ie,e[35]=I):I=e[35];const Ue=a(R<0?0:R),ne=a(R<0?0:R),Ze=0-j,Re=x+u.right,De=R<0?0:R;let L;e[36]!==J||e[37]!==K||e[38]!==z||e[39]!==G||e[40]!==k||e[41]!==De?(L=Et.numberFormattingFunction(De,void 0,z,G,k,J,K),e[36]=J,e[37]=K,e[38]=z,e[39]=G,e[40]=k,e[41]=De,e[42]=L):L=e[42];const re=0-j,Ce=$<0?"1em":-5,Ae=a(R<0?0:R);let b;e[43]!==re||e[44]!==Ce||e[45]!==Ae?(b={x:re,dx:0,dy:Ce,y:Ae},e[43]=re,e[44]=Ce,e[45]=Ae,e[46]=b):b=e[46];const D=g?.xAxis?.axis,T=g?.yAxis?.labels;let w;e[47]!==D||e[48]!==T?(w={axis:D,label:T},e[47]=D,e[48]=T,e[49]=w):w=e[49];const N=d?.xAxis?.axis,M=d?.yAxis?.labels;let q;e[50]!==N||e[51]!==M?(q={axis:N,label:M},e[50]=N,e[51]=M,e[52]=q):q=e[52];let be;e[53]!==Ue||e[54]!==ne||e[55]!==Ze||e[56]!==Re||e[57]!==L||e[58]!==b||e[59]!==w||e[60]!==q?(be=n.jsxRuntimeExports.jsx(St.Axis,{y1:Ue,y2:ne,x1:Ze,x2:Re,label:L,labelPos:b,classNames:w,styles:q}),e[53]=Ue,e[54]=ne,e[55]=Ze,e[56]=Re,e[57]=L,e[58]=b,e[59]=w,e[60]=q,e[61]=be):be=e[61];const Te=0-j-15,ut=h/2,xt=d?.yAxis?.title,ft=g?.yAxis?.title;let ze;e[62]!==Te||e[63]!==ut||e[64]!==xt||e[65]!==ft||e[66]!==W?(ze=n.jsxRuntimeExports.jsx(qt.AxisTitle,{x:Te,y:ut,style:xt,className:ft,text:W,rotate90:!0}),e[62]=Te,e[63]=ut,e[64]=xt,e[65]=ft,e[66]=W,e[67]=ze):ze=e[67];let Je;e[68]!==o?(Je=s=>E.format(s,o),e[68]=o,e[69]=Je):Je=e[69];const At=$e.map(Je),bt=$e.map(s=>r(s)),mt=d?.xAxis?.gridLines,pt=d?.xAxis?.labels;let Ke;e[70]!==mt||e[71]!==pt?(Ke={gridLines:mt,labels:pt},e[70]=mt,e[71]=pt,e[72]=Ke):Ke=e[72];const dt=g?.xAxis?.gridLines;let Ne;e[73]!==dt?(Ne=vt.cn("opacity-0",dt),e[73]=dt,e[74]=Ne):Ne=e[74];const gt=g?.xAxis?.labels;let Me;e[75]!==gt?(Me=vt.cn("fill-primary-gray-700 dark:fill-primary-gray-300 xs:max-[360px]:hidden text-[8px] sm:text-[9px] md:text-[10px] lg:text-xs",gt),e[75]=gt,e[76]=Me):Me=e[76];let Qe;e[77]!==Ne||e[78]!==Me?(Qe={gridLines:Ne,labels:Me},e[77]=Ne,e[78]=Me,e[79]=Qe):Qe=e[79];let _e;e[80]!==H?(_e=H.filter(es).map(_t),e[80]=H,e[81]=_e):_e=e[81];const ht=ct.motion,yt=Se.map((s,t)=>n.jsxRuntimeExports.jsx(ct.motion.path,{d:ge(s),exit:{opacity:0,transition:{duration:c.duration}},variants:{initial:{d:ge(s.map(Qt)),opacity:0},whileInView:{d:ge(s),opacity:1,transition:{duration:c.duration}}},initial:"initial",animate:y?"whileInView":"initial",style:{fill:Oe[t],opacity:.8}},t));let Fe;e[82]!==g?.mouseOverLine||e[83]!==h||e[84]!==A||e[85]!==d?.mouseOverLine||e[86]!==r?(Fe=A?n.jsxRuntimeExports.jsx("line",{y1:0,y2:h,x1:r(A.date),x2:r(A.date),className:vt.cn("undp-tick-line stroke-primary-gray-700 dark:stroke-primary-gray-100",g?.mouseOverLine),style:d?.mouseOverLine}):null,e[82]=g?.mouseOverLine,e[83]=h,e[84]=A,e[85]=d?.mouseOverLine,e[86]=r,e[87]=Fe):Fe=e[87];let et;e[88]!==ht.g||e[89]!==yt||e[90]!==Fe?(et=n.jsxRuntimeExports.jsxs(ht.g,{children:[yt,Fe]}),e[88]=ht.g,e[89]=yt,e[90]=Fe,e[91]=et):et=e[91];let tt;e[92]!==c||e[93]!==x||e[94]!==y||e[95]!==j||e[96]!==u.right||e[97]!==ce||e[98]!==a?(tt=ce?n.jsxRuntimeExports.jsx(n.jsxRuntimeExports.Fragment,{children:ce.map((s,t)=>n.jsxRuntimeExports.jsx($t.RefLineY,{text:s.text,color:s.color,y:a(s.value),x1:0-j,x2:x+u.right,classNames:s.classNames,styles:s.styles,animate:c,isInView:y},t))}):null,e[92]=c,e[93]=x,e[94]=y,e[95]=j,e[96]=u.right,e[97]=ce,e[98]=a,e[99]=tt):tt=e[99];let Ge;if(e[100]!==c||e[101]!==Z||e[102]!==o||e[103]!==x||e[104]!==y||e[105]!==u.right||e[106]!==F||e[107]!==r||e[108]!==a){let s;e[110]!==c||e[111]!==o||e[112]!==x||e[113]!==y||e[114]!==u.right||e[115]!==F||e[116]!==r||e[117]!==a?(s=(t,O)=>{const P=jt.getLineEndPoint({x:t.xCoordinate?r(E.parse(`${t.xCoordinate}`,o,new Date))+(t.xOffset||0):0+(t.xOffset||0),y:t.yCoordinate?a(t.yCoordinate)+(t.yOffset||0)-8:0+(t.yOffset||0)-8},{x:t.xCoordinate?r(E.parse(`${t.xCoordinate}`,o,new Date)):0,y:t.yCoordinate?a(t.yCoordinate):0},at.checkIfNullOrUndefined(t.connectorRadius)?3.5:t.connectorRadius),Be=t.showConnector?{y1:P.y,x1:P.x,y2:t.yCoordinate?a(t.yCoordinate)+(t.yOffset||0):0+(t.yOffset||0),x2:t.xCoordinate?r(E.parse(`${t.xCoordinate}`,o,new Date))+(t.xOffset||0):0+(t.xOffset||0),cx:t.xCoordinate?r(E.parse(`${t.xCoordinate}`,o,new Date)):0,cy:t.yCoordinate?a(t.yCoordinate):0,circleRadius:at.checkIfNullOrUndefined(t.connectorRadius)?3.5:t.connectorRadius,strokeWidth:t.showConnector===!0?2:Math.min(t.showConnector||0,1)}:void 0,wt={y:t.yCoordinate?a(t.yCoordinate)+(t.yOffset||0)-8:0+(t.yOffset||0)-8,x:F?0:t.xCoordinate?r(E.parse(`${t.xCoordinate}`,o,new Date))+(t.xOffset||0):0+(t.xOffset||0),width:F?t.xCoordinate?r(E.parse(`${t.xCoordinate}`,o,new Date))+(t.xOffset||0):0+(t.xOffset||0):x+u.right-(t.xCoordinate?r(E.parse(`${t.xCoordinate}`,o,new Date))+(t.xOffset||0):0+(t.xOffset||0)),maxWidth:t.maxWidth,fontWeight:t.fontWeight,align:t.align};return n.jsxRuntimeExports.jsx(jt.Annotation,{color:t.color,connectorsSettings:Be,labelSettings:wt,text:t.text,classNames:t.classNames,styles:t.styles,animate:c,isInView:y},O)},e[110]=c,e[111]=o,e[112]=x,e[113]=y,e[114]=u.right,e[115]=F,e[116]=r,e[117]=a,e[118]=s):s=e[118],Ge=Z.map(s),e[100]=c,e[101]=Z,e[102]=o,e[103]=x,e[104]=y,e[105]=u.right,e[106]=F,e[107]=r,e[108]=a,e[109]=Ge}else Ge=e[109];let st;e[119]!==Ge?(st=n.jsxRuntimeExports.jsx("g",{children:Ge}),e[119]=Ge,e[120]=st):st=e[120];let ot;e[121]!==H?(ot=H.filter(Kt).map(Jt),e[121]=H,e[122]=ot):ot=e[122];let it;e[123]===Symbol.for("react.memo_cache_sentinel")?(it={fill:"none",pointerEvents:"all"},e[123]=it):it=e[123];let nt;e[124]!==Q||e[125]!==h||e[126]!==x?(nt=n.jsxRuntimeExports.jsx("rect",{ref:Q,style:it,width:x,height:h}),e[124]=Q,e[125]=h,e[126]=x,e[127]=nt):nt=e[127];let rt;return e[128]!==g?.tooltip||e[129]!==me||e[130]!==l||e[131]!==A||e[132]!==d?.tooltip||e[133]!==U?(rt=A&&U&&me&&l?n.jsxRuntimeExports.jsx(Lt.Tooltip,{data:A,body:U,xPos:me,yPos:l,backgroundStyle:d?.tooltip,className:g?.tooltip}):null,e[128]=g?.tooltip,e[129]=me,e[130]=l,e[131]=A,e[132]=d?.tooltip,e[133]=U,e[134]=rt):rt=e[134],n.jsxRuntimeExports.jsxs(n.jsxRuntimeExports.Fragment,{children:[n.jsxRuntimeExports.jsx(ct.motion.svg,{width:`${X}px`,height:`${we}px`,viewBox:`0 0 ${X} ${we}`,direction:"ltr",ref:fe,children:n.jsxRuntimeExports.jsx(Pt.AnimatePresence,{children:n.jsxRuntimeExports.jsxs(ct.motion.g,{transform:`translate(${u.left},${u.top})`,children:[oe,n.jsxRuntimeExports.jsx(jt.CustomArea,{animate:c,areaSettings:Xe,scaleX:r,scaleY:a,isInView:y}),n.jsxRuntimeExports.jsxs("g",{children:[n.jsxRuntimeExports.jsx(Dt.YTicksAndGridLines,{values:he.filter(ss),y:he.filter(ts).map(s=>a(s)),x1:0-j,x2:x+u.right,styles:Y,classNames:I,suffix:k,prefix:G,labelType:"secondary",showGridLines:!0,labelPos:"vertical",precision:z,locale:J,padZeros:K}),be,ze]}),n.jsxRuntimeExports.jsx(kt.XTicksAndGridLines,{values:At,x:bt,y1:0,y2:h,styles:Ke,classNames:Qe,suffix:k,prefix:G,labelType:"primary",showGridLines:!0,precision:z,locale:J,padZeros:K}),_e,et,tt,st,ot,nt]})})}),rt]})}function Jt(i){return i.layer}function Kt(i){return i.position==="after"}function Qt(i){return{...i,y0:0,y1:0}}function _t(i){return i.layer}function es(i){return i.position==="before"}function ts(i){return i!==0}function ss(i){return i!==0}function os(i){return i.date}function is(i){return Rt.sum(i.y)||0}function ns(i){const e=n.compilerRuntimeExports.c(92),{data:f,graphTitle:X,colors:we,sources:Oe,graphDescription:o,height:He,width:C,footNote:j,noOfXTicks:Ee,dateFormat:Le,colorDomain:W,padding:U,backgroundColor:ae,colorLegendTitle:le,leftMargin:ce,rightMargin:Ve,topMargin:ue,bottomMargin:F,highlightAreaSettings:Z,tooltip:xe,relativeHeight:Ye,onSeriesMouseOver:G,refValues:k,graphID:B,minValue:d,maxValue:g,graphDownload:z,dataDownload:H,showColorScale:c,language:J,minHeight:K,annotations:fe,customHighlightAreaSettings:V,theme:y,ariaLabel:Ie,yAxisTitle:A,noOfYTicks:Pe,curveType:me,styles:p,classNames:l,customLayers:pe,animate:qe,numberDisplayOptions:m}=i,u=we===void 0?Zt.Colors.light.categoricalColors.colors:we,Q=Ee===void 0?10:Ee,_=Le===void 0?"yyyy":Le,v=ae===void 0?!1:ae,ee=ce===void 0?50:ce,de=Ve===void 0?20:Ve,te=ue===void 0?20:ue,Xe=F===void 0?25:F;let Se;e[0]!==Z?(Se=Z===void 0?[]:Z,e[0]=Z,e[1]=Se):Se=e[1];const x=Se;let h;e[2]!==k?(h=k===void 0?[]:k,e[2]=k,e[3]=h):h=e[3];const We=h,ke=z===void 0?!1:z,R=H===void 0?!1:H,se=c===void 0?!0:c,$=J===void 0?"en":J,r=K===void 0?0:K;let a;e[4]!==fe?(a=fe===void 0?[]:fe,e[4]=fe,e[5]=a):a=e[5];const ge=a;let he;e[6]!==V?(he=V===void 0?[]:V,e[6]=V,e[7]=he):he=e[7];const $e=he,oe=y===void 0?"light":y,ye=Pe===void 0?5:Pe,ve=me===void 0?"curve":me;let Y;e[8]!==pe?(Y=pe===void 0?[]:pe,e[8]=pe,e[9]=Y):Y=e[9];const je=Y,ie=qe===void 0?!1:qe,[I,Ue]=S.useState(0),[ne,Ze]=S.useState(0),Re=S.useRef(null),De=S.useRef(null);let L,re;e[10]===Symbol.for("react.memo_cache_sentinel")?(L=()=>{const be=new ResizeObserver(Te=>{Ue(Te[0].target.clientWidth||620),Ze(Te[0].target.clientHeight||480)});return Re.current&&be.observe(Re.current),()=>be.disconnect()},re=[],e[10]=L,e[11]=re):(L=e[10],re=e[11]),S.useEffect(L,re);const Ce=l?.graphContainer,Ae=p?.graphContainer;let b;e[12]!==l?.description||e[13]!==l?.title||e[14]!==f||e[15]!==R||e[16]!==o||e[17]!==ke||e[18]!==X||e[19]!==p?.description||e[20]!==p?.title||e[21]!==C?(b=X||o||ke||R?n.jsxRuntimeExports.jsx(Wt.GraphHeader,{styles:{title:p?.title,description:p?.description},classNames:{title:l?.title,description:l?.description},graphTitle:X,graphDescription:o,width:C,graphDownload:ke?De:void 0,dataDownload:R?f.map(us).filter(cs).length>0?f.map(ls).filter(as):f.filter(rs):null}):null,e[12]=l?.description,e[13]=l?.title,e[14]=f,e[15]=R,e[16]=o,e[17]=ke,e[18]=X,e[19]=p?.description,e[20]=p?.title,e[21]=C,e[22]=b):b=e[22];let D;e[23]!==l?.colorLegend||e[24]!==W||e[25]!==le||e[26]!==u||e[27]!==f.length||e[28]!==se?(D=se!==!1&&f.length>0?n.jsxRuntimeExports.jsx(Ut.ColorLegend,{colorDomain:W,colors:u,colorLegendTitle:le,showNAColor:!1,className:l?.colorLegend}):null,e[23]=l?.colorLegend,e[24]=W,e[25]=le,e[26]=u,e[27]=f.length,e[28]=se,e[29]=D):D=e[29];let T;e[30]!==f.length?(T=f.length===0&&n.jsxRuntimeExports.jsx(Bt.EmptyState,{}),e[30]=f.length,e[31]=T):T=e[31];let w;e[32]!==ie||e[33]!==ge||e[34]!==Xe||e[35]!==l||e[36]!==u||e[37]!==ve||e[38]!==$e||e[39]!==je||e[40]!==f||e[41]!==_||e[42]!==x||e[43]!==$||e[44]!==ee||e[45]!==g||e[46]!==d||e[47]!==Q||e[48]!==ye||e[49]!==m?.locale||e[50]!==m?.padZeros||e[51]!==m?.precision||e[52]!==m?.prefix||e[53]!==m?.suffix||e[54]!==G||e[55]!==We||e[56]!==de||e[57]!==p||e[58]!==ne||e[59]!==I||e[60]!==xe||e[61]!==te||e[62]!==A?(w=I&&ne&&f.length>0?n.jsxRuntimeExports.jsx(zt,{data:f,colors:u,width:I,height:ne,dateFormat:_,noOfXTicks:Q,leftMargin:ee,rightMargin:de,topMargin:te,bottomMargin:Xe,tooltip:xe,onSeriesMouseOver:G,highlightAreaSettings:x,refValues:We,minValue:d,maxValue:g,rtl:$==="he"||$==="ar",annotations:ge,customHighlightAreaSettings:$e,yAxisTitle:A,noOfYTicks:ye,curveType:ve,styles:p,classNames:l,customLayers:je,animate:ie===!0?{duration:.5,once:!0,amount:.5}:ie||{duration:0,once:!0,amount:0},locale:m?.locale||"en",padZeros:m?.padZeros||!1,suffix:m?.suffix||"",prefix:m?.prefix||"",precision:m?.precision??2}):null,e[32]=ie,e[33]=ge,e[34]=Xe,e[35]=l,e[36]=u,e[37]=ve,e[38]=$e,e[39]=je,e[40]=f,e[41]=_,e[42]=x,e[43]=$,e[44]=ee,e[45]=g,e[46]=d,e[47]=Q,e[48]=ye,e[49]=m?.locale,e[50]=m?.padZeros,e[51]=m?.precision,e[52]=m?.prefix,e[53]=m?.suffix,e[54]=G,e[55]=We,e[56]=de,e[57]=p,e[58]=ne,e[59]=I,e[60]=xe,e[61]=te,e[62]=A,e[63]=w):w=e[63];let N;e[64]!==T||e[65]!==w?(N=n.jsxRuntimeExports.jsxs(Ct.GraphArea,{ref:Re,children:[T,w]}),e[64]=T,e[65]=w,e[66]=N):N=e[66];let M;e[67]!==l?.footnote||e[68]!==l?.source||e[69]!==j||e[70]!==Oe||e[71]!==p?.footnote||e[72]!==p?.source||e[73]!==C?(M=Oe||j?n.jsxRuntimeExports.jsx(Xt.GraphFooter,{styles:{footnote:p?.footnote,source:p?.source},classNames:{footnote:l?.footnote,source:l?.source},sources:Oe,footNote:j,width:C}):null,e[67]=l?.footnote,e[68]=l?.source,e[69]=j,e[70]=Oe,e[71]=p?.footnote,e[72]=p?.source,e[73]=C,e[74]=M):M=e[74];let q;return e[75]!==Ie||e[76]!==v||e[77]!==B||e[78]!==He||e[79]!==$||e[80]!==r||e[81]!==U||e[82]!==Ye||e[83]!==Ce||e[84]!==Ae||e[85]!==b||e[86]!==D||e[87]!==N||e[88]!==M||e[89]!==oe||e[90]!==C?(q=n.jsxRuntimeExports.jsxs(Ct.GraphContainer,{className:Ce,style:Ae,id:B,ref:De,"aria-label":Ie,backgroundColor:v,theme:oe,language:$,minHeight:r,width:C,height:He,relativeHeight:Ye,padding:U,children:[b,D,N,M]}),e[75]=Ie,e[76]=v,e[77]=B,e[78]=He,e[79]=$,e[80]=r,e[81]=U,e[82]=Ye,e[83]=Ce,e[84]=Ae,e[85]=b,e[86]=D,e[87]=N,e[88]=M,e[89]=oe,e[90]=C,e[91]=q):q=e[91],q}function rs(i){return i!==void 0}function as(i){return i!==void 0}function ls(i){return i.data}function cs(i){return i!==void 0}function us(i){return i.data}exports.AreaChart=ns;
-//# sourceMappingURL=AreaChart.cjs.map
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`./chunk-gGpyby2o.cjs`);const e=require(`./StackedAreaChart-Du-YaLNf.cjs`);exports.AreaChart=e.t;

package/dist/AreaChart.d.ts

@@ -1,231 +1,2 @@
-import { JSX } from 'react/jsx-runtime';
-
-declare interface AnimateDataType {
-    duration: number;
-    once: boolean;
-    amount: 'some' | 'all' | number;
-}
-
-declare interface AnnotationSettingsDataType {
-    text: string;
-    maxWidth?: number;
-    xCoordinate?: number | string;
-    yCoordinate?: number | string;
-    xOffset?: number;
-    yOffset?: number;
-    align?: 'center' | 'left' | 'right';
-    color?: string;
-    fontWeight?: 'regular' | 'bold' | 'medium';
-    showConnector?: boolean | number;
-    connectorRadius?: number;
-    classNames?: {
-        connector?: string;
-        text?: string;
-    };
-    styles?: {
-        connector?: React.CSSProperties;
-        text?: React.CSSProperties;
-    };
-}
-
-export declare function AreaChart(props: Props): JSX.Element;
-
-declare interface AreaChartDataType {
-    date: number | string;
-    y: number[];
-    data?: object;
-}
-
-declare interface AxesClassNameObject {
-    gridLines?: string;
-    labels?: string;
-    title?: string;
-    axis?: string;
-}
-
-declare interface AxesStyleObject {
-    gridLines?: React.CSSProperties;
-    labels?: React.CSSProperties;
-    title?: React.CSSProperties;
-    axis?: React.CSSProperties;
-}
-
-declare interface ClassNameObject {
-    title?: string;
-    footnote?: string;
-    source?: string;
-    description?: string;
-    tooltip?: string;
-    xAxis?: AxesClassNameObject;
-    yAxis?: AxesClassNameObject;
-    legend?: string;
-    graphContainer?: string;
-    graphObjectValues?: string;
-    dataConnectors?: string;
-    mouseOverLine?: string;
-    regLine?: string;
-    dataCards?: string;
-    colorLegend?: string;
-    modal?: string;
-}
-
-declare type CurveTypes = 'linear' | 'curve' | 'step' | 'stepAfter' | 'stepBefore';
-
-declare interface CustomHighlightAreaSettingsDataType {
-    coordinates: (number | string)[];
-    closePath?: boolean;
-    style?: React.CSSProperties;
-    className?: string;
-    color?: string;
-    strokeWidth?: number;
-}
-
-declare interface CustomLayerDataType {
-    position: 'before' | 'after';
-    layer: React.ReactNode;
-}
-
-declare interface HighlightAreaSettingsDataType {
-    coordinates: [number | string | null, number | string | null];
-    style?: React.CSSProperties;
-    className?: string;
-    color?: string;
-    strokeWidth?: number;
-}
-
-declare type Languages = 'en' | 'ar' | 'az' | 'bn' | 'cy' | 'he' | 'hi' | 'ja' | 'ka' | 'km' | 'ko' | 'my' | 'ne' | 'zh' | 'custom';
-
-declare interface NumberFormatOptions {
-    locale?: string;
-    precision?: number;
-    prefix?: string;
-    suffix?: string;
-    padZeros?: boolean;
-}
-
-declare interface Props {
-    /** Array of data objects */
-    data: AreaChartDataType[];
-    /** Title of the graph */
-    graphTitle?: string | React.ReactNode;
-    /** Description of the graph */
-    graphDescription?: string | React.ReactNode;
-    /** Footnote for the graph */
-    footNote?: string | React.ReactNode;
-    /** Source data for the graph */
-    sources?: SourcesDataType[];
-    /** Accessibility label */
-    ariaLabel?: string;
-    /** array of colors for different lines and areas */
-    colors?: string[];
-    /** Domain of colors for the graph */
-    colorDomain: string[];
-    /** Title for the color legend */
-    colorLegendTitle?: string;
-    /** Background color of the graph */
-    backgroundColor?: string | boolean;
-    /** Custom styles for the graph. Each object should be a valid React CSS style object. */
-    styles?: StyleObject;
-    /** Custom class names */
-    classNames?: ClassNameObject;
-    /** Width of the graph */
-    width?: number;
-    /** Height of the graph */
-    height?: number;
-    /** Minimum height of the graph */
-    minHeight?: number;
-    /** Relative height scaling factor. This overwrites the height props */
-    relativeHeight?: number;
-    /** Padding around the graph. Defaults to 0 if no backgroundColor is mentioned else defaults to 1rem */
-    padding?: string;
-    /** Left margin of the graph */
-    leftMargin?: number;
-    /** Right margin of the graph */
-    rightMargin?: number;
-    /** Top margin of the graph */
-    topMargin?: number;
-    /** Bottom margin of the graph */
-    bottomMargin?: number;
-    /** Maximum value for the chart */
-    maxValue?: number;
-    /** Minimum value for the chart */
-    minValue?: number;
-    /** Reference values for comparison */
-    refValues?: ReferenceDataType[];
-    /** No. of ticks on the x-axis  */
-    noOfXTicks?: number;
-    /** No. of ticks on the y-axis  */
-    noOfYTicks?: number;
-    /** Format of the date in the data object. Available formats can be found [here](https://date-fns.org/docs/format)  */
-    dateFormat?: string;
-    /** Toggle visibility of color scale. This is only applicable if the data props hae color parameter */
-    showColorScale?: boolean;
-    /** Title for the Y-axis */
-    yAxisTitle?: string;
-    /** Annotations on the chart */
-    annotations?: AnnotationSettingsDataType[];
-    /** Highlighted area(square) on the chart  */
-    highlightAreaSettings?: HighlightAreaSettingsDataType[];
-    /** Highlighted area(custom shape) on the chart  */
-    customHighlightAreaSettings?: CustomHighlightAreaSettingsDataType[];
-    /** Curve type for the line */
-    curveType?: CurveTypes;
-    /** Configuration options for controlling number formatting, localization, prefixes/suffixes, precision, and zero padding. */
-    numberDisplayOptions?: NumberFormatOptions;
-    /** Optional SVG <g> element or function that renders custom content behind or in front of the graph. */
-    customLayers?: CustomLayerDataType[];
-    /** Toggles if the graph animates in when loaded.  */
-    animate?: boolean | AnimateDataType;
-    /** Enable graph download option as png */
-    graphDownload?: boolean;
-    /** Enable data download option as a csv */
-    dataDownload?: boolean;
-    /** Tooltip content. If the type is string then this uses the [handlebar](../?path=/docs/misc-handlebars-templates-and-custom-helpers--docs) template to display the data */
-    tooltip?: string | ((_d: any) => React.ReactNode);
-    /** Callback for mouse over event */
-    onSeriesMouseOver?: (_d: any) => void;
-    /** Language setting  */
-    language?: Languages;
-    /** Color theme */
-    theme?: 'light' | 'dark';
-    /** Unique ID for the graph */
-    graphID?: string;
-}
-
-declare interface ReferenceDataType {
-    value: number | null;
-    text: string;
-    color?: string;
-    styles?: {
-        line?: React.CSSProperties;
-        text?: React.CSSProperties;
-    };
-    classNames?: {
-        line?: string;
-        text?: string;
-    };
-}
-
-declare interface SourcesDataType {
-    source: string;
-    link?: string;
-}
-
-declare interface StyleObject {
-    title?: React.CSSProperties;
-    footnote?: React.CSSProperties;
-    source?: React.CSSProperties;
-    description?: React.CSSProperties;
-    graphContainer?: React.CSSProperties;
-    tooltip?: React.CSSProperties;
-    xAxis?: AxesStyleObject;
-    yAxis?: AxesStyleObject;
-    graphObjectValues?: React.CSSProperties;
-    dataConnectors?: React.CSSProperties;
-    mouseOverLine?: React.CSSProperties;
-    regLine?: React.CSSProperties;
-    dataCards?: React.CSSProperties;
-    modal?: React.CSSProperties;
-}
-
-export { }
+export * from './Components/Graphs/StackedAreaChart/index'
+export {}