@undp/data-viz 2.5.4 → 2.6.1

package/dist/EmptyState-Bq7ZJmZB.cjs

@@ -0,0 +1,2 @@
+require(`./chunk-gGpyby2o.cjs`);const e=require(`./jsx-runtime-Cd1vCQjn.cjs`),t=require(`./Icons-DXw7FqJ_.cjs`);let n=require(`@undp/design-system-react/Typography`);var r=e.t();function i(){return(0,r.jsxs)(`div`,{className:`flex w-full flex-col justify-center grow items-center gap-2 p-6 h-full`,children:[(0,r.jsx)(t.t,{}),(0,r.jsx)(n.P,{marginBottom:`none`,leading:`none`,size:`lg`,className:`text-primary-gray-550 dark:text-primary-gray-550`,children:`No data available`})]})}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return i}});
+//# sourceMappingURL=EmptyState-Bq7ZJmZB.cjs.map

package/dist/EmptyState-Bq7ZJmZB.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState-Bq7ZJmZB.cjs","names":[],"sources":["../src/Components/Elements/EmptyState.tsx"],"sourcesContent":["import { P } from '@undp/design-system-react/Typography';\n\nimport { Alert } from '@/Components/Icons';\n\nexport function EmptyState() {\n  return (\n    <div className='flex w-full flex-col justify-center grow items-center gap-2 p-6 h-full'>\n      <Alert />\n      <P\n        marginBottom='none'\n        leading='none'\n        size='lg'\n        className='text-primary-gray-550 dark:text-primary-gray-550'\n      >\n        No data available\n      </P>\n    </div>\n  );\n}\n"],"mappings":"kLAIA,SAAgB,GAAa,CAC3B,OACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,kFAAf,EACE,EAAA,EAAA,KAAC,EAAA,EAAD,CAAQ,CAAA,GACR,EAAA,EAAA,KAAC,EAAA,EAAD,CACE,aAAa,OACb,QAAQ,OACR,KAAK,KACL,UAAU,4DACX,mBAEE,CAAA,CACA,GAET"}

package/dist/EmptyState-DBmT1Adf.js

@@ -0,0 +1,21 @@
+import { t as e } from "./jsx-runtime-C76bEyh7.js";
+import { t } from "./Icons-BLXwPP3h.js";
+import { P as n } from "@undp/design-system-react/Typography";
+//#region src/Components/Elements/EmptyState.tsx
+var r = e();
+function i() {
+	return /* @__PURE__ */ (0, r.jsxs)("div", {
+		className: "flex w-full flex-col justify-center grow items-center gap-2 p-6 h-full",
+		children: [/* @__PURE__ */ (0, r.jsx)(t, {}), /* @__PURE__ */ (0, r.jsx)(n, {
+			marginBottom: "none",
+			leading: "none",
+			size: "lg",
+			className: "text-primary-gray-550 dark:text-primary-gray-550",
+			children: "No data available"
+		})]
+	});
+}
+//#endregion
+export { i as t };
+
+//# sourceMappingURL=EmptyState-DBmT1Adf.js.map

package/dist/EmptyState-DBmT1Adf.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState-DBmT1Adf.js","names":[],"sources":["../src/Components/Elements/EmptyState.tsx"],"sourcesContent":["import { P } from '@undp/design-system-react/Typography';\n\nimport { Alert } from '@/Components/Icons';\n\nexport function EmptyState() {\n  return (\n    <div className='flex w-full flex-col justify-center grow items-center gap-2 p-6 h-full'>\n      <Alert />\n      <P\n        marginBottom='none'\n        leading='none'\n        size='lg'\n        className='text-primary-gray-550 dark:text-primary-gray-550'\n      >\n        No data available\n      </P>\n    </div>\n  );\n}\n"],"mappings":";;;;;AAIA,SAAgB,IAAa;CAC3B,OACE,iBAAA,GAAA,EAAA,MAAC,OAAD;EAAK,WAAU;YAAf,CACE,iBAAA,GAAA,EAAA,KAAC,GAAD,CAAQ,CAAA,GACR,iBAAA,GAAA,EAAA,KAAC,GAAD;GACE,cAAa;GACb,SAAQ;GACR,MAAK;GACL,WAAU;aACX;EAEE,CAAA,CACA;;AAET"}

package/dist/ExcelDownloadButton.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index-CHPV5EwG-D4pAp7u0.cjs"),v=require("./index-BhI7mBJx.cjs"),E=require("./excelDownload-BQpsCa62.cjs");function j(y){const e=s.compilerRuntimeExports.c(16),{buttonContent:a,buttonType:f,csvData:i,fileName:w,headers:c,xlsxHeader:r,wscols:d,buttonSmall:D,className:b}=y,u=f===void 0?"tertiary":f,x=w===void 0?"data":w,m=b===void 0?"":b,p=D?"p-2":"py-4 px-6";let t;e[0]!==m||e[1]!==p?(t=s.mo(p,m),e[0]=m,e[1]=p,e[2]=t):t=e[2];let o;e[3]!==i||e[4]!==x||e[5]!==c||e[6]!==d||e[7]!==r?(o=()=>E.excelDownload(i,x,c,r,d),e[3]=i,e[4]=x,e[5]=c,e[6]=d,e[7]=r,e[8]=o):o=e[8];let l;e[9]!==a?(l=a||s.jsxRuntimeExports.jsx(v.FileDown,{}),e[9]=a,e[10]=l):l=e[10];let n;return e[11]!==u||e[12]!==t||e[13]!==o||e[14]!==l?(n=s.jsxRuntimeExports.jsx(v.u,{variant:u,className:t,onClick:o,"aria-label":"Click to download the data as xlsx",children:l}),e[11]=u,e[12]=t,e[13]=o,e[14]=l,e[15]=n):n=e[15],n}exports.ExcelDownloadButton=j;
-//# sourceMappingURL=ExcelDownloadButton.cjs.map
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`./chunk-gGpyby2o.cjs`);const e=require(`./jsx-runtime-Cd1vCQjn.cjs`),t=require(`./Icons-DXw7FqJ_.cjs`),n=require(`./excelDownload-CVpK5TPY.cjs`);let r=require(`@undp/design-system-react/Button`),i=require(`@undp/design-system-react/cn`);var a=e.t();function o(e){let{buttonContent:o,buttonType:s=`tertiary`,csvData:c,fileName:l=`data`,headers:u,xlsxHeader:d,wscols:f,buttonSmall:p,className:m=``}=e;return(0,a.jsx)(r.Button,{variant:s,className:(0,i.cn)(p?`p-2`:`py-4 px-6`,m),onClick:()=>n.t(c,l,u,d,f),"aria-label":`Click to download the data as xlsx`,children:o||(0,a.jsx)(t.a,{})})}exports.ExcelDownloadButton=o;
+//# sourceMappingURL=ExcelDownloadButton.cjs.map

package/dist/ExcelDownloadButton.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ExcelDownloadButton.cjs","sources":["../src/Components/Actions/ExcelDownloadButton.tsx"],"sourcesContent":["import { Button } from '@undp/design-system-react/Button';\r\nimport { JSX } from 'react';\r\nimport { cn } from '@undp/design-system-react/cn';\r\n\r\nimport { excelDownload } from '@/Utils/excelDownload';\r\nimport { FileDown } from '@/Components/Icons';\r\n\r\ninterface WsColInterface {\r\n  wch: number;\r\n}\r\n\r\ninterface Props {\r\n  buttonContent?: string | JSX.Element;\r\n  buttonType?:\r\n    | 'primary'\r\n    | 'primary-without-icon'\r\n    | 'secondary'\r\n    | 'secondary-without-icon'\r\n    | 'tertiary';\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  csvData: any;\r\n  fileName?: string;\r\n  headers: string[];\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  xlsxHeader: any;\r\n  wscols: WsColInterface[];\r\n  buttonSmall?: boolean;\r\n  className?: string;\r\n}\r\n\r\nexport function ExcelDownloadButton(props: Props) {\r\n  const {\r\n    buttonContent,\r\n    buttonType = 'tertiary',\r\n    csvData,\r\n    fileName = 'data',\r\n    headers,\r\n    xlsxHeader,\r\n    wscols,\r\n    buttonSmall,\r\n    className = '',\r\n  } = props;\r\n  return (\r\n    <Button\r\n      variant={buttonType}\r\n      className={cn(buttonSmall ? 'p-2' : 'py-4 px-6', className)}\r\n      onClick={() => excelDownload(csvData, fileName, headers, xlsxHeader, wscols)}\r\n      aria-label='Click to download the data as xlsx'\r\n    >\r\n      {buttonContent || <FileDown />}\r\n    </Button>\r\n  );\r\n}\r\n"],"names":["ExcelDownloadButton","props","$","_c","buttonContent","buttonType","t0","csvData","fileName","t1","headers","xlsxHeader","wscols","buttonSmall","className","t2","undefined","t3","t4","cn","t5","excelDownload","t6","FileDown","t7","jsx","Button"],"mappings":"6MA8BO,SAAAA,EAAAC,EAAA,CAAA,MAAAC,EAAAC,EAAAA,uBAAAA,EAAA,EAAA,EACL,CAAAC,cAAAA,EAAAC,WAAAC,EAAAC,QAAAA,EAAAC,SAAAC,EAAAC,QAAAA,EAAAC,WAAAA,EAAAC,OAAAA,EAAAC,YAAAA,EAAAC,UAAAC,CAAAA,EAUId,EARFI,EAAAC,IAAAU,OAAA,WAAAV,EAEAE,EAAAC,IAAAO,OAAA,OAAAP,EAKAK,EAAAC,IAAAC,OAAA,GAAAD,EAKgBE,EAAAJ,EAAA,MAAA,YAAiC,IAAAK,EAAAhB,EAAA,CAAA,IAAAY,GAAAZ,OAAAe,GAApCC,EAAAC,EAAAA,GAAGF,EAAmCH,CAAS,EAACZ,KAAAY,EAAAZ,KAAAe,EAAAf,KAAAgB,GAAAA,EAAAhB,EAAA,CAAA,EAAA,IAAAkB,EAAAlB,EAAA,CAAA,IAAAK,GAAAL,EAAA,CAAA,IAAAM,GAAAN,EAAA,CAAA,IAAAQ,GAAAR,EAAA,CAAA,IAAAU,GAAAV,OAAAS,GAClDS,EAAAA,IAAMC,EAAAA,cAAcd,EAASC,EAAUE,EAASC,EAAYC,CAAM,EAACV,KAAAK,EAAAL,KAAAM,EAAAN,KAAAQ,EAAAR,KAAAU,EAAAV,KAAAS,EAAAT,KAAAkB,GAAAA,EAAAlB,EAAA,CAAA,EAAA,IAAAoB,EAAApB,OAAAE,GAG3EkB,EAAAlB,2BAAkBmB,EAAAA,SAAA,CAAA,CAAQ,EAAGrB,KAAAE,EAAAF,MAAAoB,GAAAA,EAAApB,EAAA,EAAA,EAAA,IAAAsB,EAAA,OAAAtB,EAAA,EAAA,IAAAG,GAAAH,EAAA,EAAA,IAAAgB,GAAAhB,EAAA,EAAA,IAAAkB,GAAAlB,QAAAoB,GANhCE,EAAAC,EAAAA,kBAAAA,IAACC,EAAAA,EAAA,CACUrB,QAAAA,EACE,UAAAa,EACF,QAAAE,EACE,aAAA,qCAEVE,SAAAA,CAAAA,CACH,EAASpB,MAAAG,EAAAH,MAAAgB,EAAAhB,MAAAkB,EAAAlB,MAAAoB,EAAApB,MAAAsB,GAAAA,EAAAtB,EAAA,EAAA,EAPTsB,CAOS"}
+{"version":3,"file":"ExcelDownloadButton.cjs","names":[],"sources":["../src/Components/Actions/ExcelDownloadButton.tsx"],"sourcesContent":["import { Button } from '@undp/design-system-react/Button';\nimport { cn } from '@undp/design-system-react/cn';\nimport type { JSX } from 'react';\nimport { FileDown } from '@/Components/Icons';\nimport { excelDownload } from '@/Utils/excelDownload';\n\ninterface WsColInterface {\n  wch: number;\n}\n\ninterface Props {\n  buttonContent?: string | JSX.Element;\n  buttonType?:\n    | 'primary'\n    | 'primary-without-icon'\n    | 'secondary'\n    | 'secondary-without-icon'\n    | 'tertiary';\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  csvData: any;\n  fileName?: string;\n  headers: string[];\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  xlsxHeader: any;\n  wscols: WsColInterface[];\n  buttonSmall?: boolean;\n  className?: string;\n}\n\nexport function ExcelDownloadButton(props: Props) {\n  const {\n    buttonContent,\n    buttonType = 'tertiary',\n    csvData,\n    fileName = 'data',\n    headers,\n    xlsxHeader,\n    wscols,\n    buttonSmall,\n    className = '',\n  } = props;\n  return (\n    <Button\n      variant={buttonType}\n      className={cn(buttonSmall ? 'p-2' : 'py-4 px-6', className)}\n      onClick={() => excelDownload(csvData, fileName, headers, xlsxHeader, wscols)}\n      aria-label='Click to download the data as xlsx'\n    >\n      {buttonContent || <FileDown />}\n    </Button>\n  );\n}\n"],"mappings":"qUA6BA,SAAgB,EAAoB,EAAc,CAChD,GAAM,CACJ,gBACA,aAAa,WACb,UACA,WAAW,OACX,UACA,aACA,SACA,cACA,YAAY,IACV,EACJ,OACE,EAAA,EAAA,KAAC,EAAA,OAAD,CACE,QAAS,EACT,WAAA,EAAA,EAAA,IAAc,EAAc,MAAQ,YAAa,CAAS,EAC1D,YAAe,EAAA,EAAc,EAAS,EAAU,EAAS,EAAY,CAAM,EAC3E,aAAW,8CAEV,IAAiB,EAAA,EAAA,KAAC,EAAA,EAAD,CAAW,CAAA,CACvB,CAAA,CAEZ"}

package/dist/ExcelDownloadButton.d.ts

@@ -1,22 +1,2 @@
-import { JSX } from 'react';
-import { JSX as JSX_2 } from 'react/jsx-runtime';
-
-export declare function ExcelDownloadButton(props: Props): JSX_2.Element;
-
-declare interface Props {
-    buttonContent?: string | JSX.Element;
-    buttonType?: 'primary' | 'primary-without-icon' | 'secondary' | 'secondary-without-icon' | 'tertiary';
-    csvData: any;
-    fileName?: string;
-    headers: string[];
-    xlsxHeader: any;
-    wscols: WsColInterface[];
-    buttonSmall?: boolean;
-    className?: string;
-}
-
-declare interface WsColInterface {
-    wch: number;
-}
-
-export { }
+export * from './Components/Actions/ExcelDownloadButton'
+export {}

package/dist/ExcelDownloadButton.js

@@ -1,28 +1,21 @@
-import { c as j, m as y, j as v } from "./index-CHPV5EwG-BzibaIRc.js";
-import { d as D, u as h } from "./index-ApTBN0kp.js";
-import { e as C } from "./excelDownload-BEC1AyQW.js";
-function T(w) {
-  const t = j.c(16), {
-    buttonContent: l,
-    buttonType: f,
-    csvData: n,
-    fileName: u,
-    headers: i,
-    xlsxHeader: c,
-    wscols: r,
-    buttonSmall: N,
-    className: b
-  } = w, m = f === void 0 ? "tertiary" : f, d = u === void 0 ? "data" : u, x = b === void 0 ? "" : b, p = N ? "p-2" : "py-4 px-6";
-  let e;
-  t[0] !== x || t[1] !== p ? (e = y(p, x), t[0] = x, t[1] = p, t[2] = e) : e = t[2];
-  let o;
-  t[3] !== n || t[4] !== d || t[5] !== i || t[6] !== r || t[7] !== c ? (o = () => C(n, d, i, c, r), t[3] = n, t[4] = d, t[5] = i, t[6] = r, t[7] = c, t[8] = o) : o = t[8];
-  let s;
-  t[9] !== l ? (s = l || /* @__PURE__ */ v.jsx(D, {}), t[9] = l, t[10] = s) : s = t[10];
-  let a;
-  return t[11] !== m || t[12] !== e || t[13] !== o || t[14] !== s ? (a = /* @__PURE__ */ v.jsx(h, { variant: m, className: e, onClick: o, "aria-label": "Click to download the data as xlsx", children: s }), t[11] = m, t[12] = e, t[13] = o, t[14] = s, t[15] = a) : a = t[15], a;
+import { t as e } from "./jsx-runtime-C76bEyh7.js";
+import { a as t } from "./Icons-BLXwPP3h.js";
+import { t as n } from "./excelDownload-lQy9nEu2.js";
+import { Button as r } from "@undp/design-system-react/Button";
+import { cn as i } from "@undp/design-system-react/cn";
+//#region src/Components/Actions/ExcelDownloadButton.tsx
+var a = e();
+function o(e) {
+	let { buttonContent: o, buttonType: s = "tertiary", csvData: c, fileName: l = "data", headers: u, xlsxHeader: d, wscols: f, buttonSmall: p, className: m = "" } = e;
+	return /* @__PURE__ */ (0, a.jsx)(r, {
+		variant: s,
+		className: i(p ? "p-2" : "py-4 px-6", m),
+		onClick: () => n(c, l, u, d, f),
+		"aria-label": "Click to download the data as xlsx",
+		children: o || /* @__PURE__ */ (0, a.jsx)(t, {})
+	});
 }
-export {
-  T as ExcelDownloadButton
-};
-//# sourceMappingURL=ExcelDownloadButton.js.map
+//#endregion
+export { o as ExcelDownloadButton };
+
+//# sourceMappingURL=ExcelDownloadButton.js.map

package/dist/ExcelDownloadButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExcelDownloadButton.js","sources":["../src/Components/Actions/ExcelDownloadButton.tsx"],"sourcesContent":["import { Button } from '@undp/design-system-react/Button';\r\nimport { JSX } from 'react';\r\nimport { cn } from '@undp/design-system-react/cn';\r\n\r\nimport { excelDownload } from '@/Utils/excelDownload';\r\nimport { FileDown } from '@/Components/Icons';\r\n\r\ninterface WsColInterface {\r\n  wch: number;\r\n}\r\n\r\ninterface Props {\r\n  buttonContent?: string | JSX.Element;\r\n  buttonType?:\r\n    | 'primary'\r\n    | 'primary-without-icon'\r\n    | 'secondary'\r\n    | 'secondary-without-icon'\r\n    | 'tertiary';\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  csvData: any;\r\n  fileName?: string;\r\n  headers: string[];\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  xlsxHeader: any;\r\n  wscols: WsColInterface[];\r\n  buttonSmall?: boolean;\r\n  className?: string;\r\n}\r\n\r\nexport function ExcelDownloadButton(props: Props) {\r\n  const {\r\n    buttonContent,\r\n    buttonType = 'tertiary',\r\n    csvData,\r\n    fileName = 'data',\r\n    headers,\r\n    xlsxHeader,\r\n    wscols,\r\n    buttonSmall,\r\n    className = '',\r\n  } = props;\r\n  return (\r\n    <Button\r\n      variant={buttonType}\r\n      className={cn(buttonSmall ? 'p-2' : 'py-4 px-6', className)}\r\n      onClick={() => excelDownload(csvData, fileName, headers, xlsxHeader, wscols)}\r\n      aria-label='Click to download the data as xlsx'\r\n    >\r\n      {buttonContent || <FileDown />}\r\n    </Button>\r\n  );\r\n}\r\n"],"names":["ExcelDownloadButton","props","$","_c","buttonContent","buttonType","t0","csvData","fileName","t1","headers","xlsxHeader","wscols","buttonSmall","className","t2","undefined","t3","t4","cn","t5","excelDownload","t6","FileDown","t7","jsx","Button"],"mappings":";;;AA8BO,SAAAA,EAAAC,GAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,EAAA,GACL;AAAA,IAAAC,eAAAA;AAAAA,IAAAC,YAAAC;AAAAA,IAAAC,SAAAA;AAAAA,IAAAC,UAAAC;AAAAA,IAAAC,SAAAA;AAAAA,IAAAC,YAAAA;AAAAA,IAAAC,QAAAA;AAAAA,IAAAC,aAAAA;AAAAA,IAAAC,WAAAC;AAAAA,EAAAA,IAUId,GARFI,IAAAC,MAAAU,SAAA,aAAAV,GAEAE,IAAAC,MAAAO,SAAA,SAAAP,GAKAK,IAAAC,MAAAC,SAAA,KAAAD,GAKgBE,IAAAJ,IAAA,QAAA;AAAiC,MAAAK;AAAA,EAAAhB,EAAA,CAAA,MAAAY,KAAAZ,SAAAe,KAApCC,IAAAC,EAAGF,GAAmCH,CAAS,GAACZ,OAAAY,GAAAZ,OAAAe,GAAAf,OAAAgB,KAAAA,IAAAhB,EAAA,CAAA;AAAA,MAAAkB;AAAA,EAAAlB,EAAA,CAAA,MAAAK,KAAAL,EAAA,CAAA,MAAAM,KAAAN,EAAA,CAAA,MAAAQ,KAAAR,EAAA,CAAA,MAAAU,KAAAV,SAAAS,KAClDS,IAAAA,MAAMC,EAAcd,GAASC,GAAUE,GAASC,GAAYC,CAAM,GAACV,OAAAK,GAAAL,OAAAM,GAAAN,OAAAQ,GAAAR,OAAAU,GAAAV,OAAAS,GAAAT,OAAAkB,KAAAA,IAAAlB,EAAA,CAAA;AAAA,MAAAoB;AAAA,EAAApB,SAAAE,KAG3EkB,IAAAlB,2BAAkBmB,GAAA,CAAA,CAAQ,GAAGrB,OAAAE,GAAAF,QAAAoB,KAAAA,IAAApB,EAAA,EAAA;AAAA,MAAAsB;AAAA,SAAAtB,EAAA,EAAA,MAAAG,KAAAH,EAAA,EAAA,MAAAgB,KAAAhB,EAAA,EAAA,MAAAkB,KAAAlB,UAAAoB,KANhCE,IAAAC,gBAAAA,EAAAA,IAACC,GAAA,EACUrB,SAAAA,GACE,WAAAa,GACF,SAAAE,GACE,cAAA,sCAEVE,UAAAA,EAAAA,CACH,GAASpB,QAAAG,GAAAH,QAAAgB,GAAAhB,QAAAkB,GAAAlB,QAAAoB,GAAApB,QAAAsB,KAAAA,IAAAtB,EAAA,EAAA,GAPTsB;AAOS;"}
+{"version":3,"file":"ExcelDownloadButton.js","names":[],"sources":["../src/Components/Actions/ExcelDownloadButton.tsx"],"sourcesContent":["import { Button } from '@undp/design-system-react/Button';\nimport { cn } from '@undp/design-system-react/cn';\nimport type { JSX } from 'react';\nimport { FileDown } from '@/Components/Icons';\nimport { excelDownload } from '@/Utils/excelDownload';\n\ninterface WsColInterface {\n  wch: number;\n}\n\ninterface Props {\n  buttonContent?: string | JSX.Element;\n  buttonType?:\n    | 'primary'\n    | 'primary-without-icon'\n    | 'secondary'\n    | 'secondary-without-icon'\n    | 'tertiary';\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  csvData: any;\n  fileName?: string;\n  headers: string[];\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  xlsxHeader: any;\n  wscols: WsColInterface[];\n  buttonSmall?: boolean;\n  className?: string;\n}\n\nexport function ExcelDownloadButton(props: Props) {\n  const {\n    buttonContent,\n    buttonType = 'tertiary',\n    csvData,\n    fileName = 'data',\n    headers,\n    xlsxHeader,\n    wscols,\n    buttonSmall,\n    className = '',\n  } = props;\n  return (\n    <Button\n      variant={buttonType}\n      className={cn(buttonSmall ? 'p-2' : 'py-4 px-6', className)}\n      onClick={() => excelDownload(csvData, fileName, headers, xlsxHeader, wscols)}\n      aria-label='Click to download the data as xlsx'\n    >\n      {buttonContent || <FileDown />}\n    </Button>\n  );\n}\n"],"mappings":";;;;;;;AA6BA,SAAgB,EAAoB,GAAc;CAChD,IAAM,EACJ,kBACA,gBAAa,YACb,YACA,cAAW,QACX,YACA,eACA,WACA,gBACA,eAAY,OACV;CACJ,OACE,iBAAA,GAAA,EAAA,KAAC,GAAD;EACE,SAAS;EACT,WAAW,EAAG,IAAc,QAAQ,aAAa,CAAS;EAC1D,eAAe,EAAc,GAAS,GAAU,GAAS,GAAY,CAAM;EAC3E,cAAW;YAEV,KAAiB,iBAAA,GAAA,EAAA,KAAC,GAAD,CAAW,CAAA;CACvB,CAAA;AAEZ"}

package/dist/FootNote.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./index-CHPV5EwG-D4pAp7u0.cjs"),m=require("./Typography-BqmyF1gP.cjs"),u=require("react");function p(c){const e=a.compilerRuntimeExports.c(12),{text:r,style:n,className:o}=c;let s;e[0]!==n?(s=n===void 0?{}:n,e[0]=n,e[1]=s):s=e[1];const i=s;if(typeof r=="string"){if(r.trim()==="")return null;let t;e[2]!==o?(t=a.mo("text-primary-gray-550 dark:text-primary-gray-40",o),e[2]=o,e[3]=t):t=e[3];let l;return e[4]!==i||e[5]!==t||e[6]!==r?(l=a.jsxRuntimeExports.jsx(m._,{size:"sm",marginBottom:"none",className:t,"aria-label":"Graph footnote",style:i,children:r}),e[4]=i,e[5]=t,e[6]=r,e[7]=l):l=e[7],l}if(u.isValidElement(r)){let t;return e[8]!==o||e[9]!==i||e[10]!==r?(t=a.jsxRuntimeExports.jsx("div",{className:o,style:i,children:r}),e[8]=o,e[9]=i,e[10]=r,e[11]=t):t=e[11],t}return console.error("FootNote: Invalid text type. Expected string or React element."),null}exports.FootNote=p;
-//# sourceMappingURL=FootNote.cjs.map
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./chunk-gGpyby2o.cjs`),t=require(`./jsx-runtime-Cd1vCQjn.cjs`);let n=require(`@undp/design-system-react/cn`),r=require(`react`);r=e.a(r,1);let i=require(`@undp/design-system-react/Typography`);var a=t.t();function o(e){let{text:t,style:o={},className:s}=e;return typeof t==`string`?t.trim()===``?null:(0,a.jsx)(i.P,{size:`sm`,marginBottom:`none`,className:(0,n.cn)(`text-primary-gray-550 dark:text-primary-gray-40`,s),"aria-label":`Graph footnote`,style:o,children:t}):r.default.isValidElement(t)?(0,a.jsx)(`div`,{className:s,style:o,children:t}):(console.error(`FootNote: Invalid text type. Expected string or React element.`),null)}exports.FootNote=o;
+//# sourceMappingURL=FootNote.cjs.map

package/dist/FootNote.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"FootNote.cjs","sources":["../src/Components/Typography/FootNote.tsx"],"sourcesContent":["import { cn } from '@undp/design-system-react/cn';\r\nimport { P } from '@undp/design-system-react/Typography';\r\nimport React from 'react';\r\n\r\ninterface Props {\r\n  text: string | React.ReactNode;\r\n  style?: React.CSSProperties;\r\n  className?: string;\r\n}\r\n\r\nexport function FootNote(props: Props) {\r\n  const { text, style = {}, className } = props;\r\n  if (typeof text === 'string') {\r\n    if (text.trim() === '') return null;\r\n    return (\r\n      <P\r\n        size='sm'\r\n        marginBottom='none'\r\n        className={cn('text-primary-gray-550 dark:text-primary-gray-40', className)}\r\n        aria-label='Graph footnote'\r\n        style={style}\r\n      >\r\n        {text}\r\n      </P>\r\n    );\r\n  }\r\n  if (React.isValidElement(text))\r\n    return (\r\n      <div className={className} style={style}>\r\n        {text}\r\n      </div>\r\n    );\r\n  console.error('FootNote: Invalid text type. Expected string or React element.');\r\n  return null;\r\n}\r\n"],"names":["FootNote","props","$","_c","text","style","t0","className","t1","undefined","trim","t2","cn","t3","jsx","P","React","isValidElement","console","error"],"mappings":"2LAUO,SAAAA,EAAAC,EAAA,CAAA,MAAAC,EAAAC,EAAAA,uBAAAA,EAAA,EAAA,EACL,CAAAC,KAAAA,EAAAC,MAAAC,EAAAC,UAAAA,CAAAA,EAAwCN,EAAM,IAAAO,EAAAN,OAAAI,GAAhCE,EAAAF,IAAAG,OAAA,CAAA,EAAAH,EAAUJ,KAAAI,EAAAJ,KAAAM,GAAAA,EAAAN,EAAA,CAAA,EAAV,MAAAG,EAAAG,EACd,GAAI,OAAOJ,GAAS,SAAQ,CAC1B,GAAIA,EAAIM,KAAAA,IAAY,GAAE,OAAS,KAAK,IAAAC,EAAAT,OAAAK,GAKrBI,EAAAC,EAAAA,GAAG,kDAAmDL,CAAS,EAACL,KAAAK,EAAAL,KAAAS,GAAAA,EAAAT,EAAA,CAAA,EAAA,IAAAW,EAAA,OAAAX,EAAA,CAAA,IAAAG,GAAAH,OAAAS,GAAAT,EAAA,CAAA,IAAAE,GAH7ES,EAAAC,EAAAA,kBAAAA,IAACC,EAAAA,EAAA,CACM,KAAA,KACQ,aAAA,OACF,UAAAJ,EACA,aAAA,iBACJN,MAAAA,EAEND,SAAAA,EACH,EAAIF,KAAAG,EAAAH,KAAAS,EAAAT,KAAAE,EAAAF,KAAAW,GAAAA,EAAAX,EAAA,CAAA,EARJW,CAQI,CAGR,GAAIG,EAAKC,eAAgBb,CAAI,EAAC,CAAA,IAAAO,EAAA,OAAAT,EAAA,CAAA,IAAAK,GAAAL,OAAAG,GAAAH,EAAA,EAAA,IAAAE,GAE1BO,EAAAG,EAAAA,kBAAAA,IAAA,MAAA,CAAgBP,UAAAA,EAAkBF,MAAAA,EAC/BD,SAAAA,EACH,EAAMF,KAAAK,EAAAL,KAAAG,EAAAH,MAAAE,EAAAF,MAAAS,GAAAA,EAAAT,EAAA,EAAA,EAFNS,CAEM,CAEVO,eAAOC,MAAO,gEAAgE,EACvE,IAAI"}
+{"version":3,"file":"FootNote.cjs","names":[],"sources":["../src/Components/Typography/FootNote.tsx"],"sourcesContent":["import { cn } from '@undp/design-system-react/cn';\nimport { P } from '@undp/design-system-react/Typography';\nimport React from 'react';\n\ninterface Props {\n  text: string | React.ReactNode;\n  style?: React.CSSProperties;\n  className?: string;\n}\n\nexport function FootNote(props: Props) {\n  const { text, style = {}, className } = props;\n  if (typeof text === 'string') {\n    if (text.trim() === '') return null;\n    return (\n      <P\n        size='sm'\n        marginBottom='none'\n        className={cn('text-primary-gray-550 dark:text-primary-gray-40', className)}\n        aria-label='Graph footnote'\n        style={style}\n      >\n        {text}\n      </P>\n    );\n  }\n  if (React.isValidElement(text))\n    return (\n      <div className={className} style={style}>\n        {text}\n      </div>\n    );\n  console.error('FootNote: Invalid text type. Expected string or React element.');\n  return null;\n}\n"],"mappings":"iSAUA,SAAgB,EAAS,EAAc,CACrC,GAAM,CAAE,OAAM,QAAQ,CAAC,EAAG,aAAc,EAsBxC,OArBI,OAAO,GAAS,SACd,EAAK,KAAK,IAAM,GAAW,MAE7B,EAAA,EAAA,KAAC,EAAA,EAAD,CACE,KAAK,KACL,aAAa,OACb,WAAA,EAAA,EAAA,IAAc,kDAAmD,CAAS,EAC1E,aAAW,iBACJ,iBAEN,CACA,CAAA,EAGH,EAAA,QAAM,eAAe,CAAI,GAEzB,EAAA,EAAA,KAAC,MAAD,CAAgB,YAAkB,iBAC/B,CACE,CAAA,GAET,QAAQ,MAAM,gEAAgE,EACvE,KACT"}

package/dist/FootNote.d.ts

@@ -1,12 +1,2 @@
-import { default as default_2 } from 'react';
-import { JSX } from 'react/jsx-runtime';
-
-export declare function FootNote(props: Props): JSX.Element | null;
-
-declare interface Props {
-    text: string | default_2.ReactNode;
-    style?: default_2.CSSProperties;
-    className?: string;
-}
-
-export { }
+export * from './Components/Typography/FootNote'
+export {}

package/dist/FootNote.js

@@ -1,30 +1,25 @@
-import { c, m as f, j as a } from "./index-CHPV5EwG-BzibaIRc.js";
-import { _ as p } from "./Typography-BO0gQDIT.js";
-import x from "react";
-function g(m) {
-  const t = c.c(12), {
-    text: r,
-    style: l,
-    className: o
-  } = m;
-  let s;
-  t[0] !== l ? (s = l === void 0 ? {} : l, t[0] = l, t[1] = s) : s = t[1];
-  const i = s;
-  if (typeof r == "string") {
-    if (r.trim() === "")
-      return null;
-    let e;
-    t[2] !== o ? (e = f("text-primary-gray-550 dark:text-primary-gray-40", o), t[2] = o, t[3] = e) : e = t[3];
-    let n;
-    return t[4] !== i || t[5] !== e || t[6] !== r ? (n = /* @__PURE__ */ a.jsx(p, { size: "sm", marginBottom: "none", className: e, "aria-label": "Graph footnote", style: i, children: r }), t[4] = i, t[5] = e, t[6] = r, t[7] = n) : n = t[7], n;
-  }
-  if (x.isValidElement(r)) {
-    let e;
-    return t[8] !== o || t[9] !== i || t[10] !== r ? (e = /* @__PURE__ */ a.jsx("div", { className: o, style: i, children: r }), t[8] = o, t[9] = i, t[10] = r, t[11] = e) : e = t[11], e;
-  }
-  return console.error("FootNote: Invalid text type. Expected string or React element."), null;
+import { t as e } from "./jsx-runtime-C76bEyh7.js";
+import { cn as t } from "@undp/design-system-react/cn";
+import n from "react";
+import { P as r } from "@undp/design-system-react/Typography";
+//#region src/Components/Typography/FootNote.tsx
+var i = e();
+function a(e) {
+	let { text: a, style: o = {}, className: s } = e;
+	return typeof a == "string" ? a.trim() === "" ? null : /* @__PURE__ */ (0, i.jsx)(r, {
+		size: "sm",
+		marginBottom: "none",
+		className: t("text-primary-gray-550 dark:text-primary-gray-40", s),
+		"aria-label": "Graph footnote",
+		style: o,
+		children: a
+	}) : n.isValidElement(a) ? /* @__PURE__ */ (0, i.jsx)("div", {
+		className: s,
+		style: o,
+		children: a
+	}) : (console.error("FootNote: Invalid text type. Expected string or React element."), null);
 }
-export {
-  g as FootNote
-};
-//# sourceMappingURL=FootNote.js.map
+//#endregion
+export { a as FootNote };
+
+//# sourceMappingURL=FootNote.js.map

package/dist/FootNote.js.map

@@ -1 +1 @@
-{"version":3,"file":"FootNote.js","sources":["../src/Components/Typography/FootNote.tsx"],"sourcesContent":["import { cn } from '@undp/design-system-react/cn';\r\nimport { P } from '@undp/design-system-react/Typography';\r\nimport React from 'react';\r\n\r\ninterface Props {\r\n  text: string | React.ReactNode;\r\n  style?: React.CSSProperties;\r\n  className?: string;\r\n}\r\n\r\nexport function FootNote(props: Props) {\r\n  const { text, style = {}, className } = props;\r\n  if (typeof text === 'string') {\r\n    if (text.trim() === '') return null;\r\n    return (\r\n      <P\r\n        size='sm'\r\n        marginBottom='none'\r\n        className={cn('text-primary-gray-550 dark:text-primary-gray-40', className)}\r\n        aria-label='Graph footnote'\r\n        style={style}\r\n      >\r\n        {text}\r\n      </P>\r\n    );\r\n  }\r\n  if (React.isValidElement(text))\r\n    return (\r\n      <div className={className} style={style}>\r\n        {text}\r\n      </div>\r\n    );\r\n  console.error('FootNote: Invalid text type. Expected string or React element.');\r\n  return null;\r\n}\r\n"],"names":["FootNote","props","$","_c","text","style","t0","className","t1","undefined","trim","t2","cn","t3","jsx","P","React","isValidElement","console","error"],"mappings":";;;AAUO,SAAAA,EAAAC,GAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,EAAA,GACL;AAAA,IAAAC,MAAAA;AAAAA,IAAAC,OAAAC;AAAAA,IAAAC,WAAAA;AAAAA,EAAAA,IAAwCN;AAAM,MAAAO;AAAA,EAAAN,SAAAI,KAAhCE,IAAAF,MAAAG,SAAA,CAAA,IAAAH,GAAUJ,OAAAI,GAAAJ,OAAAM,KAAAA,IAAAN,EAAA,CAAA;AAAV,QAAAG,IAAAG;AACd,MAAI,OAAOJ,KAAS,UAAQ;AAC1B,QAAIA,EAAIM,KAAAA,MAAY;AAAE,aAAS;AAAK,QAAAC;AAAA,IAAAT,SAAAK,KAKrBI,IAAAC,EAAG,mDAAmDL,CAAS,GAACL,OAAAK,GAAAL,OAAAS,KAAAA,IAAAT,EAAA,CAAA;AAAA,QAAAW;AAAA,WAAAX,EAAA,CAAA,MAAAG,KAAAH,SAAAS,KAAAT,EAAA,CAAA,MAAAE,KAH7ES,IAAAC,gBAAAA,EAAAA,IAACC,GAAA,EACM,MAAA,MACQ,cAAA,QACF,WAAAJ,GACA,cAAA,kBACJN,OAAAA,GAEND,UAAAA,GACH,GAAIF,OAAAG,GAAAH,OAAAS,GAAAT,OAAAE,GAAAF,OAAAW,KAAAA,IAAAX,EAAA,CAAA,GARJW;AAAAA,EAQI;AAGR,MAAIG,EAAKC,eAAgBb,CAAI,GAAC;AAAA,QAAAO;AAAA,WAAAT,EAAA,CAAA,MAAAK,KAAAL,SAAAG,KAAAH,EAAA,EAAA,MAAAE,KAE1BO,IAAAG,gBAAAA,EAAAA,IAAA,OAAA,EAAgBP,WAAAA,GAAkBF,OAAAA,GAC/BD,UAAAA,GACH,GAAMF,OAAAK,GAAAL,OAAAG,GAAAH,QAAAE,GAAAF,QAAAS,KAAAA,IAAAT,EAAA,EAAA,GAFNS;AAAAA,EAEM;AAEVO,iBAAOC,MAAO,gEAAgE,GACvE;AAAI;"}
+{"version":3,"file":"FootNote.js","names":[],"sources":["../src/Components/Typography/FootNote.tsx"],"sourcesContent":["import { cn } from '@undp/design-system-react/cn';\nimport { P } from '@undp/design-system-react/Typography';\nimport React from 'react';\n\ninterface Props {\n  text: string | React.ReactNode;\n  style?: React.CSSProperties;\n  className?: string;\n}\n\nexport function FootNote(props: Props) {\n  const { text, style = {}, className } = props;\n  if (typeof text === 'string') {\n    if (text.trim() === '') return null;\n    return (\n      <P\n        size='sm'\n        marginBottom='none'\n        className={cn('text-primary-gray-550 dark:text-primary-gray-40', className)}\n        aria-label='Graph footnote'\n        style={style}\n      >\n        {text}\n      </P>\n    );\n  }\n  if (React.isValidElement(text))\n    return (\n      <div className={className} style={style}>\n        {text}\n      </div>\n    );\n  console.error('FootNote: Invalid text type. Expected string or React element.');\n  return null;\n}\n"],"mappings":";;;;;;AAUA,SAAgB,EAAS,GAAc;CACrC,IAAM,EAAE,SAAM,WAAQ,CAAC,GAAG,iBAAc;CAsBxC,OArBI,OAAO,KAAS,WACd,EAAK,KAAK,MAAM,KAAW,OAE7B,iBAAA,GAAA,EAAA,KAAC,GAAD;EACE,MAAK;EACL,cAAa;EACb,WAAW,EAAG,mDAAmD,CAAS;EAC1E,cAAW;EACJ;YAEN;CACA,CAAA,IAGH,EAAM,eAAe,CAAI,IAEzB,iBAAA,GAAA,EAAA,KAAC,OAAD;EAAgB;EAAkB;YAC/B;CACE,CAAA,KAET,QAAQ,MAAM,gEAAgE,GACvE;AACT"}

package/dist/GeoHubCompareMaps.cjs

@@ -1,2 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-CHPV5EwG-D4pAp7u0.cjs"),a=require("react"),ce=require("maplibre-gl"),ae=require("pmtiles");;/* empty css                       */const Q=require("@dnd-kit/core"),ue=require("@dnd-kit/modifiers"),ne=require("./index-BhI7mBJx.cjs"),me=require("./string2HTML-30nfIm8R.cjs"),re=require("./select-Bnfk0lJx.cjs"),fe=require("./GraphHeader.cjs"),pe=require("./GraphFooter.cjs"),ie=require("./GraphContainer-Cul9b74X.cjs");function le(m){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(m){for(const n in m)if(n!=="default"){const o=Object.getOwnPropertyDescriptor(m,n);Object.defineProperty(e,n,o.get?o:{enumerable:!0,get:()=>m[n]})}}return e.default=m,Object.freeze(e)}const T=le(ce),de=le(ae);function ge(m,e){let n=!1;function o(s,f){if(!n){n=!0;const u=s.getCenter(),i=s.getZoom(),r=s.getBearing(),p=s.getPitch();f.jumpTo({center:u,zoom:i,bearing:r,pitch:p}),n=!1}}m.on("move",()=>{o(m,e)}),e.on("move",()=>{o(e,m)})}function he(m){const e=t.compilerRuntimeExports.c(47),{height:n,width:o,mapStyles:s,center:f,zoomLevel:u,mapLegend:i}=m,[r,p]=a.useState(50),[x,b]=a.useState(!1),j=a.useRef(null),[N,W]=a.useState(!0),B=a.useRef(50),$=a.useRef(0);let q;e[0]===Symbol.for("react.memo_cache_sentinel")?(q={activationConstraint:{distance:0}},e[0]=q):q=e[0];const G=Q.useSensors(Q.useSensor(Q.PointerSensor,q));let l;e[1]!==r?(l=()=>{b(!0),B.current=r,j.current&&($.current=j.current.getBoundingClientRect().width)},e[1]=r,e[2]=l):l=e[2];const c=l;let z;e[3]===Symbol.for("react.memo_cache_sentinel")?(z=Y=>{if(!j.current||$.current===0)return;const K=Y.delta.x/$.current*100,ee=Math.max(0,Math.min(100,B.current+K));p(ee)},e[3]=z):z=e[3];const F=z;let S;e[4]===Symbol.for("react.memo_cache_sentinel")?(S=()=>{b(!1)},e[4]=S):S=e[4];const Z=S;let P;e[5]!==x?(P=Y=>{if(x||!j.current)return;const K=j.current.getBoundingClientRect(),te=(Y.clientX-K.left)/K.width*100;p(Math.max(0,Math.min(100,te)))},e[5]=x,e[6]=P):P=e[6];const L=P,V=a.useRef(null),H=a.useRef(null),E=a.useRef(null),J=a.useRef(null);let C,A;e[7]!==f||e[8]!==s||e[9]!==o||e[10]!==u?(C=()=>{if(J.current&&H.current&&E.current&&o){re.select(J.current).selectAll(".maplibregl-compare").remove(),re.select(H.current).selectAll("div").remove(),re.select(E.current).selectAll("div").remove();const te=new de.Protocol;T.addProtocol("pmtiles",te.tile);const oe=new T.Map({container:H.current,style:s[0],center:f||[0,0],zoom:u||4}),se=new T.Map({container:E.current,style:s[1],center:f||[0,0],zoom:u||4});se.addControl(new T.NavigationControl({visualizePitch:!0,showZoom:!0,showCompass:!0}),"bottom-right"),oe.addControl(new T.ScaleControl,"bottom-left"),oe.addControl(new T.NavigationControl({visualizePitch:!0,showZoom:!0,showCompass:!0}),"bottom-right"),se.addControl(new T.ScaleControl,"bottom-left"),ge(oe,se)}},A=[o,s,f,u],e[7]=f,e[8]=s,e[9]=o,e[10]=u,e[11]=C,e[12]=A):(C=e[11],A=e[12]),a.useEffect(C,A);let y;e[13]!==n||e[14]!==o?(y={width:o,height:n},e[13]=n,e[14]=o,e[15]=y):y=e[15];let I;e[16]===Symbol.for("react.memo_cache_sentinel")?(I={inset:0},e[16]=I):I=e[16];let _;e[17]===Symbol.for("react.memo_cache_sentinel")?(_=[ue.restrictToHorizontalAxis],e[17]=_):_=e[17];const k=x?"grabbing":"col-resize";let R;e[18]!==n||e[19]!==k||e[20]!==o?(R={position:"relative",width:o,height:n,overflow:"hidden",cursor:k,userSelect:"none"},e[18]=n,e[19]=k,e[20]=o,e[21]=R):R=e[21];const O=`polygon(${r}% 0%, ${r}% 100%, 100% 100%, 100% 0%)`;let d;e[22]!==O?(d=t.jsxRuntimeExports.jsx("div",{ref:E,className:"absolute h-full rightMap w-full",style:{position:"absolute",top:0,left:0,clipPath:O}}),e[22]=O,e[23]=d):d=e[23];const w=`polygon(0% 0%, ${r}% 0%, ${r}% 100%, 0% 100%)`;let g;e[24]!==w?(g=t.jsxRuntimeExports.jsx("div",{ref:H,className:"absolute h-full leftMap w-full",style:{position:"absolute",top:0,left:0,inset:0,clipPath:w}}),e[24]=w,e[25]=g):g=e[25];let h;e[26]!==r?(h=t.jsxRuntimeExports.jsx(xe,{position:r}),e[26]=r,e[27]=h):h=e[27];let v;e[28]!==L||e[29]!==R||e[30]!==d||e[31]!==g||e[32]!==h?(v=t.jsxRuntimeExports.jsxs("div",{ref:j,style:R,onClick:L,children:[d,g,h]}),e[28]=L,e[29]=R,e[30]=d,e[31]=g,e[32]=h,e[33]=v):v=e[33];let M;e[34]!==c||e[35]!==G||e[36]!==v?(M=t.jsxRuntimeExports.jsx("div",{ref:J,className:"map maplibre-show-control relative w-full h-full",style:I,children:t.jsxRuntimeExports.jsx(Q.DndContext,{sensors:G,modifiers:_,onDragStart:c,onDragMove:F,onDragEnd:Z,children:v})}),e[34]=c,e[35]=G,e[36]=v,e[37]=M):M=e[37];let D;e[38]!==M||e[39]!==y?(D=t.jsxRuntimeExports.jsx("div",{style:y,children:M}),e[38]=M,e[39]=y,e[40]=D):D=e[40];let X;e[41]!==i||e[42]!==N?(X=i?t.jsxRuntimeExports.jsx("div",{className:"absolute left-[22px] bottom-13",children:N?t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx("div",{className:"color-legend-close-button bg-[rgba(240,240,240,0.7)] dark:bg-[rgba(30,30,30,0.7)] border border-[var(--gray-400)] rounded-full w-6 h-6 p-[3px] cursor-pointer z-10 absolute right-[-0.75rem] top-[-0.75rem]",onClick:()=>{W(!1)},children:t.jsxRuntimeExports.jsx(ne.X,{})}),t.jsxRuntimeExports.jsx("div",{className:"color-legend-box p-2 bg-[rgba(240,240,240,0.7)] dark:bg-[rgba(30,30,30,0.7)]",dangerouslySetInnerHTML:typeof i=="string"?{__html:me.string2HTML(i)}:void 0,children:a.isValidElement(i)?i:null})]}):t.jsxRuntimeExports.jsx("button",{type:"button",className:"p-1 border-0 rounded-[2px] text-primary-gray-700 bg-primary-gray-300 dark:bg-primary-gray-500 map-legend-button",onClick:()=>{W(!0)},children:t.jsxRuntimeExports.jsx(ne.ExpandIcon,{})})}):null,e[41]=i,e[42]=N,e[43]=X):X=e[43];let U;return e[44]!==D||e[45]!==X?(U=t.jsxRuntimeExports.jsxs("div",{className:"flex flex-col grow justify-center leading-0",ref:V,"aria-label":"Map area",children:[D,X]}),e[44]=D,e[45]=X,e[46]=U):U=e[46],U}function xe(m){const e=t.compilerRuntimeExports.c(10),{position:n}=m;let o;e[0]===Symbol.for("react.memo_cache_sentinel")?(o={id:"slider-handle"},e[0]=o):o=e[0];const{attributes:s,listeners:f,setNodeRef:u}=Q.useDraggable(o),i=`${n}%`;let r;e[1]!==i?(r={position:"absolute",left:i,top:0,bottom:0,width:"40px",transform:"translateX(-50%)",cursor:"col-resize",display:"flex",justifyContent:"center",alignItems:"center",zIndex:10,touchAction:"none"},e[1]=i,e[2]=r):r=e[2];let p;e[3]===Symbol.for("react.memo_cache_sentinel")?(p=t.jsxRuntimeExports.jsx("div",{className:"h-full bg-primary-blue-600 dark:bg-primary-blue-400",style:{width:"2px"}}),e[3]=p):p=e[3];let x;e[4]===Symbol.for("react.memo_cache_sentinel")?(x=t.jsxRuntimeExports.jsx("div",{className:"flex bg-primary-blue-600 dark:bg-primary-blue-400 rounded-full absolute items-center justify-center text-primary-white font-primary-white",style:{boxShadow:"inset 0 0 0 1px #fff",width:"42px",height:"42px",top:"calc(50% - 21px)",left:"0",cursor:"col-resize"},children:t.jsxRuntimeExports.jsx(ne.ChevronLeftRight,{})}),e[4]=x):x=e[4];let b;return e[5]!==s||e[6]!==f||e[7]!==u||e[8]!==r?(b=t.jsxRuntimeExports.jsxs("div",{ref:u,style:r,...f,...s,children:[p,x]}),e[5]=s,e[6]=f,e[7]=u,e[8]=r,e[9]=b):b=e[9],b}function be(m){const e=t.compilerRuntimeExports.c(45),{graphTitle:n,height:o,width:s,relativeHeight:f,sources:u,graphDescription:i,footNote:r,padding:p,backgroundColor:x,graphID:b,mapStyles:j,center:N,zoomLevel:W,language:B,minHeight:$,theme:q,ariaLabel:G,styles:l,classNames:c,mapLegend:z}=m,F=x===void 0?!1:x;let S;e[0]!==N?(S=N===void 0?[0,0]:N,e[0]=N,e[1]=S):S=e[1];const Z=S,P=W===void 0?3:W,L=B===void 0?"en":B,V=$===void 0?0:$,H=q===void 0?"light":q,[E,J]=a.useState(0),[C,A]=a.useState(0),y=a.useRef(null),I=a.useRef(null);let _,k;e[2]===Symbol.for("react.memo_cache_sentinel")?(_=()=>{const M=new ResizeObserver(D=>{J(D[0].target.clientWidth||620),A(D[0].target.clientHeight||480)});return y.current&&M.observe(y.current),()=>M.disconnect()},k=[],e[2]=_,e[3]=k):(_=e[2],k=e[3]),a.useEffect(_,k);const R=c?.graphContainer,O=l?.graphContainer;let d;e[4]!==c?.description||e[5]!==c?.title||e[6]!==i||e[7]!==n||e[8]!==l?.description||e[9]!==l?.title||e[10]!==s?(d=n||i?t.jsxRuntimeExports.jsx(fe.GraphHeader,{styles:{title:l?.title,description:l?.description},classNames:{title:c?.title,description:c?.description},graphTitle:n,graphDescription:i,width:s}):null,e[4]=c?.description,e[5]=c?.title,e[6]=i,e[7]=n,e[8]=l?.description,e[9]=l?.title,e[10]=s,e[11]=d):d=e[11];let w;e[12]!==Z||e[13]!==z||e[14]!==j||e[15]!==C||e[16]!==E||e[17]!==P?(w=E&&C?t.jsxRuntimeExports.jsx(he,{width:E,height:C,mapStyles:j,center:Z,zoomLevel:P,mapLegend:z}):null,e[12]=Z,e[13]=z,e[14]=j,e[15]=C,e[16]=E,e[17]=P,e[18]=w):w=e[18];let g;e[19]!==w?(g=t.jsxRuntimeExports.jsx(ie.GraphArea,{ref:y,children:w}),e[19]=w,e[20]=g):g=e[20];let h;e[21]!==c?.footnote||e[22]!==c?.source||e[23]!==r||e[24]!==u||e[25]!==l?.footnote||e[26]!==l?.source||e[27]!==s?(h=u||r?t.jsxRuntimeExports.jsx(pe.GraphFooter,{styles:{footnote:l?.footnote,source:l?.source},classNames:{footnote:c?.footnote,source:c?.source},sources:u,footNote:r,width:s}):null,e[21]=c?.footnote,e[22]=c?.source,e[23]=r,e[24]=u,e[25]=l?.footnote,e[26]=l?.source,e[27]=s,e[28]=h):h=e[28];let v;return e[29]!==G||e[30]!==F||e[31]!==b||e[32]!==o||e[33]!==L||e[34]!==V||e[35]!==p||e[36]!==f||e[37]!==O||e[38]!==d||e[39]!==g||e[40]!==h||e[41]!==R||e[42]!==H||e[43]!==s?(v=t.jsxRuntimeExports.jsxs(ie.GraphContainer,{className:R,style:O,id:b,ref:I,"aria-label":G,backgroundColor:F,theme:H,language:L,minHeight:V,width:s,height:o,relativeHeight:f,padding:p,children:[d,g,h]}),e[29]=G,e[30]=F,e[31]=b,e[32]=o,e[33]=L,e[34]=V,e[35]=p,e[36]=f,e[37]=O,e[38]=d,e[39]=g,e[40]=h,e[41]=R,e[42]=H,e[43]=s,e[44]=v):v=e[44],v}exports.GeoHubCompareMaps=be;
-//# sourceMappingURL=GeoHubCompareMaps.cjs.map
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`./chunk-gGpyby2o.cjs`);const e=require(`./CompareMaps-BFz1TfXL.cjs`);exports.GeoHubCompareMaps=e.t;

package/dist/GeoHubCompareMaps.d.ts

@@ -1,106 +1,2 @@
-import { JSX } from 'react/jsx-runtime';
-
-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;
-}
-
-/** For using these maps you will have to install [`maplibre`](https://maplibre.org/maplibre-gl-js/docs/#npm), [pmtiles](https://www.npmjs.com/package/pmtiles), [dnd-kit/core](https://www.npmjs.com/package/@dnd-kit/core), and [dnd-kit/modifier](https://www.npmjs.com/package/@dnd-kit/modifiers) package to your project */
-export declare function GeoHubCompareMaps(props: Props): JSX.Element;
-
-declare type Languages = 'en' | 'ar' | 'az' | 'bn' | 'cy' | 'he' | 'hi' | 'ja' | 'ka' | 'km' | 'ko' | 'my' | 'ne' | 'zh' | 'custom';
-
-declare interface Props {
-    /** 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;
-    /** 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;
-    /** URLs for mapStyles JSON user wants to compare  */
-    mapStyles: [string, string];
-    /** Defines the legend for the map. mapLegend with type string is show as innerHTML. */
-    mapLegend?: string | React.ReactNode;
-    /** Starting center point of the map */
-    center?: [number, number];
-    /** Starting zoom level of the map */
-    zoomLevel?: number;
-    /** Language setting  */
-    language?: Languages;
-    /** Color theme */
-    theme?: 'light' | 'dark';
-    /** Unique ID for the graph */
-    graphID?: 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/Maps/GeoHubMaps/CompareMaps/index'
+export {}