@undp/data-viz 2.6.0 → 2.6.1

package/dist/GeoHubMapWithLayerSelection.cjs

@@ -1,2 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./compiler-runtime-oPPev21o.cjs"),u=require("react"),de=require("./index-BS2TADPj.cjs"),le=require("@undp/design-system-react/DropdownSelect"),pe=require("@undp/design-system-react/Spacer"),U=require("maplibre-gl"),fe=require("pmtiles");;/* empty css                       */const ne=require("./fetchAndParseData-QTF6tjij.cjs"),oe=require("./filterData-T5DQBE9b.cjs"),ge=require("./string2HTML-30nfIm8R.cjs"),ie=require("./index-DbSnila_.cjs"),ae=require("./GraphContainer-gaG9TSy4.cjs"),xe=require("./select-Bnfk0lJx.cjs"),he=require("./GraphHeader.cjs"),ye=require("./GraphFooter.cjs");function be(a){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const n in a)if(n!=="default"){const m=Object.getOwnPropertyDescriptor(a,n);Object.defineProperty(e,n,m.get?m:{enumerable:!0,get:()=>a[n]})}}return e.default=a,Object.freeze(e)}const je=be(fe);function Se(a){const e=o.compilerRuntimeExports.c(25),{mapStyle:n,center:m,zoomLevel:y,selectedLayer:r,layerIdList:d,excludeLayers:c,mapLegend:f}=a,[p,T]=u.useState(0),[D,V]=u.useState(0),[E,O]=u.useState(!0),[b,W]=u.useState(void 0),_=u.useRef(null),t=u.useRef(null),g=u.useRef(null);let S,L;e[0]===Symbol.for("react.memo_cache_sentinel")?(S=()=>{const i=new ResizeObserver(h=>{T(h[0].target.clientWidth||620),V(h[0].target.clientHeight||480)});return _.current&&i.observe(_.current),()=>i.disconnect()},L=[],e[0]=S,e[1]=L):(S=e[0],L=e[1]),u.useEffect(S,L);let s,l;e[2]!==m||e[3]!==c||e[4]!==d||e[5]!==n||e[6]!==r||e[7]!==p||e[8]!==y?(s=()=>{t.current&&p&&!g.current&&ne.fetchAndParseJSON(n).then(i=>{W(i),xe.select(t.current).selectAll("div").remove();const C=new je.Protocol;U.addProtocol("pmtiles",C.tile);const w={container:t.current,style:{...i,layers:oe.filterData(i.layers,[{column:"id",excludeValues:[...c,...d.filter(q=>r.indexOf(q)===-1)]}])},attributionControl:!0};m&&(w.center=m),y&&(w.zoom=y),g.current=new U.Map(w),g.current.addControl(new U.NavigationControl({visualizePitch:!0,showZoom:!0,showCompass:!0}),"bottom-right"),g.current.addControl(new U.ScaleControl,"bottom-left")})},l=[p,m,y,d,n,c,r],e[2]=m,e[3]=c,e[4]=d,e[5]=n,e[6]=r,e[7]=p,e[8]=y,e[9]=s,e[10]=l):(s=e[9],l=e[10]),u.useEffect(s,l);let j,v;e[11]!==c||e[12]!==d||e[13]!==n||e[14]!==b||e[15]!==r?(j=()=>{if(g.current)if(b){const i={...b,layers:oe.filterData(b.layers,[{column:"id",excludeValues:[...c,...d.filter(h=>r.indexOf(h)===-1)]}])};g.current.setStyle(i)}else ne.fetchAndParseJSON(n).then(i=>{const h={...i,layers:oe.filterData(i.layers,[{column:"id",excludeValues:[...c,...d.filter(C=>r.indexOf(C)===-1)]}])};g.current.setStyle(h)})},v=[c,d,n,b,r],e[11]=c,e[12]=d,e[13]=n,e[14]=b,e[15]=r,e[16]=j,e[17]=v):(j=e[16],v=e[17]),u.useEffect(j,v);let x;e[18]!==f||e[19]!==E||e[20]!==D||e[21]!==p?(x=p&&D?o.jsxRuntimeExports.jsxs("div",{style:{width:p,height:D},children:[o.jsxRuntimeExports.jsx("div",{ref:t,className:"map maplibre-show-control w-full h-full"}),f?o.jsxRuntimeExports.jsx("div",{className:"absolute left-[22px] bottom-13",children:E?o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[o.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:()=>{O(!1)},children:o.jsxRuntimeExports.jsx(ie.X,{})}),o.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 f=="string"?{__html:ge.string2HTML(f)}:void 0,children:u.isValidElement(f)?f:null})]}):o.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:()=>{O(!0)},children:o.jsxRuntimeExports.jsx(ie.ExpandIcon,{})})}):null]}):null,e[18]=f,e[19]=E,e[20]=D,e[21]=p,e[22]=x):x=e[22];let R;return e[23]!==x?(R=o.jsxRuntimeExports.jsx(ae.GraphArea,{ref:_,children:x}),e[23]=x,e[24]=R):R=e[24],R}function ve(a){const e=o.compilerRuntimeExports.c(69),{mapStyle:n,graphTitle:m,height:y,width:r,relativeHeight:d,sources:c,graphDescription:f,footNote:p,padding:T,backgroundColor:D,center:V,zoomLevel:E,graphID:O,language:b,minHeight:W,theme:_,layerSelection:t,excludeLayers:g,ariaLabel:S,uiMode:L,styles:s,classNames:l,mapLegend:j}=a,v=D===void 0?!1:D,x=b===void 0?"en":b,R=W===void 0?0:W,i=_===void 0?"light":_;let h;e[0]!==g?(h=g===void 0?[]:g,e[0]=g,e[1]=h):h=e[1];const C=h,w=L===void 0?"normal":L;let q;e[2]!==j?(q=j===void 0?[]:j,e[2]=j,e[3]=q):q=e[3];const Y=q,[I,se]=u.useState(t[0].layerID),ce=u.useRef(null);let F;e[4]!==t[0].layerID?(F=()=>{se(t[0].layerID)},e[4]=t[0].layerID,e[5]=F):F=e[5];let $;e[6]!==t?($=[t],e[6]=t,e[7]=$):$=e[7],u.useEffect(F,$);let J;e[8]===Symbol.for("react.memo_cache_sentinel")?(J={ignoreCase:!0,ignoreAccents:!0,trim:!0},e[8]=J):J=e[8];const ue=J,ee=l?.graphContainer,te=s?.graphContainer;let N;e[9]!==l?.description||e[10]!==l?.title||e[11]!==f||e[12]!==m||e[13]!==s?.description||e[14]!==s?.title||e[15]!==r?(N=m||f?o.jsxRuntimeExports.jsx(he.GraphHeader,{styles:{title:s?.title,description:s?.description},classNames:{title:l?.title,description:l?.description},graphTitle:m,graphDescription:f,width:r}):null,e[9]=l?.description,e[10]=l?.title,e[11]=f,e[12]=m,e[13]=s?.description,e[14]=s?.title,e[15]=r,e[16]=N):N=e[16];let H;e[17]!==t?(H=t.map(De),e[17]=t,e[18]=H):H=e[18];const re=x==="he"||x==="ar";let X;e[19]===Symbol.for("react.memo_cache_sentinel")?(X=le.createFilter(ue),e[19]=X):X=e[19];let M;e[20]!==t[0].layerID||e[21]!==t[0].name?(M={label:t[0].name,value:t[0].layerID},e[20]=t[0].layerID,e[21]=t[0].name,e[22]=M):M=e[22];let Z;e[23]===Symbol.for("react.memo_cache_sentinel")?(Z=Q=>{Q&&se(Q.value)},e[23]=Z):Z=e[23];let z;e[24]!==H||e[25]!==re||e[26]!==M||e[27]!==w?(z=o.jsxRuntimeExports.jsx(le.DropdownSelect,{options:H,size:"sm",isClearable:!1,variant:w,isRtl:re,isSearchable:!0,filterOption:X,defaultValue:M,controlShouldRenderValue:!0,onChange:Z}),e[24]=H,e[25]=re,e[26]=M,e[27]=w,e[28]=z):z=e[28];let B;e[29]===Symbol.for("react.memo_cache_sentinel")?(B=o.jsxRuntimeExports.jsx(pe.Spacer,{size:"lg"}),e[29]=B):B=e[29];let G;e[30]!==t?(G=de.flattenDeep(t.map(Re)),e[30]=t,e[31]=G):G=e[31];let P;e[32]!==t||e[33]!==Y||e[34]!==I?(P=Y.find(Q=>Q.mapStyleName===t.find(me=>me.layerID===I)?.name)?.legend,e[32]=t,e[33]=Y,e[34]=I,e[35]=P):P=e[35];let k;e[36]!==V||e[37]!==C||e[38]!==n||e[39]!==I||e[40]!==G||e[41]!==P||e[42]!==E?(k=o.jsxRuntimeExports.jsx(Se,{mapStyle:n,center:V,zoomLevel:E,selectedLayer:I,layerIdList:G,excludeLayers:C,mapLegend:P}),e[36]=V,e[37]=C,e[38]=n,e[39]=I,e[40]=G,e[41]=P,e[42]=E,e[43]=k):k=e[43];let A;e[44]!==l?.footnote||e[45]!==l?.source||e[46]!==p||e[47]!==c||e[48]!==s?.footnote||e[49]!==s?.source||e[50]!==r?(A=c||p?o.jsxRuntimeExports.jsx(ye.GraphFooter,{styles:{footnote:s?.footnote,source:s?.source},classNames:{footnote:l?.footnote,source:l?.source},sources:c,footNote:p,width:r}):null,e[44]=l?.footnote,e[45]=l?.source,e[46]=p,e[47]=c,e[48]=s?.footnote,e[49]=s?.source,e[50]=r,e[51]=A):A=e[51];let K;return e[52]!==S||e[53]!==v||e[54]!==O||e[55]!==y||e[56]!==x||e[57]!==R||e[58]!==T||e[59]!==d||e[60]!==ee||e[61]!==te||e[62]!==N||e[63]!==z||e[64]!==k||e[65]!==A||e[66]!==i||e[67]!==r?(K=o.jsxRuntimeExports.jsxs(ae.GraphContainer,{className:ee,style:te,id:O,ref:ce,"aria-label":S,backgroundColor:v,theme:i,language:x,minHeight:R,width:r,height:y,relativeHeight:d,padding:T,children:[N,z,B,k,A]}),e[52]=S,e[53]=v,e[54]=O,e[55]=y,e[56]=x,e[57]=R,e[58]=T,e[59]=d,e[60]=ee,e[61]=te,e[62]=N,e[63]=z,e[64]=k,e[65]=A,e[66]=i,e[67]=r,e[68]=K):K=e[68],K}function Re(a){return a.layerID}function De(a){return{label:a.name,value:a.layerID}}exports.GeoHubMapWithLayerSelection=ve;
-//# sourceMappingURL=GeoHubMapWithLayerSelection.cjs.map
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`./chunk-gGpyby2o.cjs`);const e=require(`./MapWithLayerSelection-BVxg3gYq.cjs`);exports.GeoHubMapWithLayerSelection=e.t;

package/dist/GeoHubMapWithLayerSelection.d.ts

@@ -1,120 +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) and [pmtiles](https://www.npmjs.com/package/pmtiles) package to your project */
-export declare function GeoHubMapWithLayerSelection(props: Props): JSX.Element;
-
-declare type Languages = 'en' | 'ar' | 'az' | 'bn' | 'cy' | 'he' | 'hi' | 'ja' | 'ka' | 'km' | 'ko' | 'my' | 'ne' | 'zh' | 'custom';
-
-declare interface MapLegendDataType {
-    mapStyleName: string;
-    legend: string | React.ReactNode;
-}
-
-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;
-    /** URL for mapStyle JSON  */
-    mapStyle: string;
-    /** Starting center point of the map */
-    center?: [number, number];
-    /** Starting zoom level of the map */
-    zoomLevel?: number;
-    /** List of the layers that the user select and switch between sing a drop down */
-    layerSelection: {
-        layerID: string[];
-        name: string;
-    }[];
-    /** Defines the legend for the map. mapLegend is of type { mapStyleName: string; legend: string | React.ReactNode }[] where mapStyleName corresponds to the each name in the layerSelection. */
-    mapLegend?: MapLegendDataType[];
-    /** List of layer IDs to be excluded from the visualization */
-    excludeLayers?: string[];
-    /** Language setting  */
-    language?: Languages;
-    /** Color theme */
-    theme?: 'light' | 'dark';
-    /** Theme for the UI elements */
-    uiMode?: 'light' | 'normal';
-    /** 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/MapWithLayerSelection/index'
+export {}

package/dist/GeoHubMapWithLayerSelection.js

@@ -1,208 +1,2 @@
-import { c as ne, j as s } from "./compiler-runtime-qHgugrLy.js";
-import fe, { useState as F, useRef as Y, useEffect as ee } from "react";
-import { f as de } from "./index-EArKRVKg.js";
-import { createFilter as pe, DropdownSelect as ge } from "@undp/design-system-react/DropdownSelect";
-import { Spacer as he } from "@undp/design-system-react/Spacer";
-import U from "maplibre-gl";
-import * as ye from "pmtiles";
-/* empty css                     */
-import { b as ie } from "./fetchAndParseData-CDjQZ1fL.js";
-import { f as se } from "./filterData-DsAiFzKY.js";
-import { s as be } from "./string2HTML-DL-pInUB.js";
-import { X as ve, E as xe } from "./index-D_ls5oK8.js";
-import { a as Se, G as je } from "./GraphContainer-DcOM2CI6.js";
-import { s as De } from "./select-DKy99ogv.js";
-import { GraphHeader as Le } from "./GraphHeader.js";
-import { GraphFooter as Ce } from "./GraphFooter.js";
-function _e(v) {
-  const e = ne.c(25), {
-    mapStyle: m,
-    center: g,
-    zoomLevel: h,
-    selectedLayer: r,
-    layerIdList: n,
-    excludeLayers: i,
-    mapLegend: u
-  } = v, [c, A] = F(0), [D, W] = F(0), [L, I] = F(!0), [y, T] = F(void 0), N = Y(null), t = Y(null), f = Y(null);
-  let x, C;
-  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (x = () => {
-    const a = new ResizeObserver((p) => {
-      A(p[0].target.clientWidth || 620), W(p[0].target.clientHeight || 480);
-    });
-    return N.current && a.observe(N.current), () => a.disconnect();
-  }, C = [], e[0] = x, e[1] = C) : (x = e[0], C = e[1]), ee(x, C);
-  let l, o;
-  e[2] !== g || e[3] !== i || e[4] !== n || e[5] !== m || e[6] !== r || e[7] !== c || e[8] !== h ? (l = () => {
-    t.current && c && !f.current && ie(m).then((a) => {
-      T(a), De(t.current).selectAll("div").remove();
-      const _ = new ye.Protocol();
-      U.addProtocol("pmtiles", _.tile);
-      const w = {
-        container: t.current,
-        style: {
-          ...a,
-          layers: se(a.layers, [{
-            column: "id",
-            excludeValues: [...i, ...n.filter((H) => r.indexOf(H) === -1)]
-          }])
-        },
-        attributionControl: !0
-      };
-      g && (w.center = g), h && (w.zoom = h), f.current = new U.Map(w), f.current.addControl(new U.NavigationControl({
-        visualizePitch: !0,
-        showZoom: !0,
-        showCompass: !0
-      }), "bottom-right"), f.current.addControl(new U.ScaleControl(), "bottom-left");
-    });
-  }, o = [c, g, h, n, m, i, r], e[2] = g, e[3] = i, e[4] = n, e[5] = m, e[6] = r, e[7] = c, e[8] = h, e[9] = l, e[10] = o) : (l = e[9], o = e[10]), ee(l, o);
-  let b, S;
-  e[11] !== i || e[12] !== n || e[13] !== m || e[14] !== y || e[15] !== r ? (b = () => {
-    if (f.current)
-      if (y) {
-        const a = {
-          ...y,
-          layers: se(y.layers, [{
-            column: "id",
-            excludeValues: [...i, ...n.filter((p) => r.indexOf(p) === -1)]
-          }])
-        };
-        f.current.setStyle(a);
-      } else
-        ie(m).then((a) => {
-          const p = {
-            ...a,
-            layers: se(a.layers, [{
-              column: "id",
-              excludeValues: [...i, ...n.filter((_) => r.indexOf(_) === -1)]
-            }])
-          };
-          f.current.setStyle(p);
-        });
-  }, S = [i, n, m, y, r], e[11] = i, e[12] = n, e[13] = m, e[14] = y, e[15] = r, e[16] = b, e[17] = S) : (b = e[16], S = e[17]), ee(b, S);
-  let d;
-  e[18] !== u || e[19] !== L || e[20] !== D || e[21] !== c ? (d = c && D ? /* @__PURE__ */ s.jsxs("div", { style: {
-    width: c,
-    height: D
-  }, children: [
-    /* @__PURE__ */ s.jsx("div", { ref: t, className: "map maplibre-show-control w-full h-full" }),
-    u ? /* @__PURE__ */ s.jsx("div", { className: "absolute left-[22px] bottom-13", children: L ? /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
-      /* @__PURE__ */ s.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: () => {
-        I(!1);
-      }, children: /* @__PURE__ */ s.jsx(ve, {}) }),
-      /* @__PURE__ */ s.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 u == "string" ? {
-        __html: be(u)
-      } : void 0, children: fe.isValidElement(u) ? u : null })
-    ] }) : /* @__PURE__ */ s.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: () => {
-      I(!0);
-    }, children: /* @__PURE__ */ s.jsx(xe, {}) }) }) : null
-  ] }) : null, e[18] = u, e[19] = L, e[20] = D, e[21] = c, e[22] = d) : d = e[22];
-  let j;
-  return e[23] !== d ? (j = /* @__PURE__ */ s.jsx(Se, { ref: N, children: d }), e[23] = d, e[24] = j) : j = e[24], j;
-}
-function $e(v) {
-  const e = ne.c(69), {
-    mapStyle: m,
-    graphTitle: g,
-    height: h,
-    width: r,
-    relativeHeight: n,
-    sources: i,
-    graphDescription: u,
-    footNote: c,
-    padding: A,
-    backgroundColor: D,
-    center: W,
-    zoomLevel: L,
-    graphID: I,
-    language: y,
-    minHeight: T,
-    theme: N,
-    layerSelection: t,
-    excludeLayers: f,
-    ariaLabel: x,
-    uiMode: C,
-    styles: l,
-    classNames: o,
-    mapLegend: b
-  } = v, S = D === void 0 ? !1 : D, d = y === void 0 ? "en" : y, j = T === void 0 ? 0 : T, a = N === void 0 ? "light" : N;
-  let p;
-  e[0] !== f ? (p = f === void 0 ? [] : f, e[0] = f, e[1] = p) : p = e[1];
-  const _ = p, w = C === void 0 ? "normal" : C;
-  let H;
-  e[2] !== b ? (H = b === void 0 ? [] : b, e[2] = b, e[3] = H) : H = e[3];
-  const te = H, [O, ae] = F(t[0].layerID), ce = Y(null);
-  let $;
-  e[4] !== t[0].layerID ? ($ = () => {
-    ae(t[0].layerID);
-  }, e[4] = t[0].layerID, e[5] = $) : $ = e[5];
-  let J;
-  e[6] !== t ? (J = [t], e[6] = t, e[7] = J) : J = e[7], ee($, J);
-  let X;
-  e[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (X = {
-    ignoreCase: !0,
-    ignoreAccents: !0,
-    trim: !0
-  }, e[8] = X) : X = e[8];
-  const me = X, re = o?.graphContainer, le = l?.graphContainer;
-  let z;
-  e[9] !== o?.description || e[10] !== o?.title || e[11] !== u || e[12] !== g || e[13] !== l?.description || e[14] !== l?.title || e[15] !== r ? (z = g || u ? /* @__PURE__ */ s.jsx(Le, { styles: {
-    title: l?.title,
-    description: l?.description
-  }, classNames: {
-    title: o?.title,
-    description: o?.description
-  }, graphTitle: g, graphDescription: u, width: r }) : null, e[9] = o?.description, e[10] = o?.title, e[11] = u, e[12] = g, e[13] = l?.description, e[14] = l?.title, e[15] = r, e[16] = z) : z = e[16];
-  let M;
-  e[17] !== t ? (M = t.map(Ie), e[17] = t, e[18] = M) : M = e[18];
-  const oe = d === "he" || d === "ar";
-  let Z;
-  e[19] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (Z = pe(me), e[19] = Z) : Z = e[19];
-  let R;
-  e[20] !== t[0].layerID || e[21] !== t[0].name ? (R = {
-    label: t[0].name,
-    value: t[0].layerID
-  }, e[20] = t[0].layerID, e[21] = t[0].name, e[22] = R) : R = e[22];
-  let q;
-  e[23] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (q = (Q) => {
-    Q && ae(Q.value);
-  }, e[23] = q) : q = e[23];
-  let k;
-  e[24] !== M || e[25] !== oe || e[26] !== R || e[27] !== w ? (k = /* @__PURE__ */ s.jsx(ge, { options: M, size: "sm", isClearable: !1, variant: w, isRtl: oe, isSearchable: !0, filterOption: Z, defaultValue: R, controlShouldRenderValue: !0, onChange: q }), e[24] = M, e[25] = oe, e[26] = R, e[27] = w, e[28] = k) : k = e[28];
-  let B;
-  e[29] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (B = /* @__PURE__ */ s.jsx(he, { size: "lg" }), e[29] = B) : B = e[29];
-  let E;
-  e[30] !== t ? (E = de(t.map(we)), e[30] = t, e[31] = E) : E = e[31];
-  let G;
-  e[32] !== t || e[33] !== te || e[34] !== O ? (G = te.find((Q) => Q.mapStyleName === t.find((ue) => ue.layerID === O)?.name)?.legend, e[32] = t, e[33] = te, e[34] = O, e[35] = G) : G = e[35];
-  let V;
-  e[36] !== W || e[37] !== _ || e[38] !== m || e[39] !== O || e[40] !== E || e[41] !== G || e[42] !== L ? (V = /* @__PURE__ */ s.jsx(_e, { mapStyle: m, center: W, zoomLevel: L, selectedLayer: O, layerIdList: E, excludeLayers: _, mapLegend: G }), e[36] = W, e[37] = _, e[38] = m, e[39] = O, e[40] = E, e[41] = G, e[42] = L, e[43] = V) : V = e[43];
-  let P;
-  e[44] !== o?.footnote || e[45] !== o?.source || e[46] !== c || e[47] !== i || e[48] !== l?.footnote || e[49] !== l?.source || e[50] !== r ? (P = i || c ? /* @__PURE__ */ s.jsx(Ce, { styles: {
-    footnote: l?.footnote,
-    source: l?.source
-  }, classNames: {
-    footnote: o?.footnote,
-    source: o?.source
-  }, sources: i, footNote: c, width: r }) : null, e[44] = o?.footnote, e[45] = o?.source, e[46] = c, e[47] = i, e[48] = l?.footnote, e[49] = l?.source, e[50] = r, e[51] = P) : P = e[51];
-  let K;
-  return e[52] !== x || e[53] !== S || e[54] !== I || e[55] !== h || e[56] !== d || e[57] !== j || e[58] !== A || e[59] !== n || e[60] !== re || e[61] !== le || e[62] !== z || e[63] !== k || e[64] !== V || e[65] !== P || e[66] !== a || e[67] !== r ? (K = /* @__PURE__ */ s.jsxs(je, { className: re, style: le, id: I, ref: ce, "aria-label": x, backgroundColor: S, theme: a, language: d, minHeight: j, width: r, height: h, relativeHeight: n, padding: A, children: [
-    z,
-    k,
-    B,
-    V,
-    P
-  ] }), e[52] = x, e[53] = S, e[54] = I, e[55] = h, e[56] = d, e[57] = j, e[58] = A, e[59] = n, e[60] = re, e[61] = le, e[62] = z, e[63] = k, e[64] = V, e[65] = P, e[66] = a, e[67] = r, e[68] = K) : K = e[68], K;
-}
-function we(v) {
-  return v.layerID;
-}
-function Ie(v) {
-  return {
-    label: v.name,
-    value: v.layerID
-  };
-}
-export {
-  $e as GeoHubMapWithLayerSelection
-};
-//# sourceMappingURL=GeoHubMapWithLayerSelection.js.map
+import { t as e } from "./MapWithLayerSelection-D67zxor8.js";
+export { e as GeoHubMapWithLayerSelection };

package/dist/GraphContainer-7xAPK4Tb.cjs

@@ -0,0 +1,2 @@
+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);var i=t.t(),a=r.default.forwardRef(({className:e,width:t,height:r,backgroundColor:a,theme:o,language:s,relativeHeight:c,minHeight:l,padding:u,children:d,style:f,graphID:p,ariaLabel:m,...h},g)=>(0,i.jsx)(`div`,{...h,className:(0,n.cn)(`${o||`light`} ${s||`en`} mx-auto box-border flex ${t?`grow-0`:`grow w-full`}${c?``:` h-full`} flex-col`,a?a===!0?`bg-primary-gray-200 dark:bg-primary-gray-650`:``:`bg-transparent`,e),dir:s===`he`||s===`ar`?`rtl`:void 0,style:{...f||{},...t?{width:`${t}px`}:{},...r?{height:`${r}px`}:{},minHeight:l?`${l}px`:`auto`,...c?{aspectRatio:1/c}:{},padding:a?u||`1rem`:u||0,...a&&a!==!0?{backgroundColor:a}:{}},id:p,ref:g,children:(0,i.jsx)(`div`,{className:`flex flex-col w-full h-full grow justify-between`,children:d})})),o=r.default.forwardRef(({children:e,className:t,...r},a)=>(0,i.jsx)(`div`,{...r,className:(0,n.cn)(`w-full grow min-h-0 leading-0`,t),ref:a,children:e}));Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return o}});
+//# sourceMappingURL=GraphContainer-7xAPK4Tb.cjs.map

package/dist/GraphContainer-7xAPK4Tb.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"GraphContainer-7xAPK4Tb.cjs","names":[],"sources":["../src/Components/Elements/GraphContainer.tsx"],"sourcesContent":["import { cn } from '@undp/design-system-react/cn';\nimport React from 'react';\n\nimport type { Languages } from '@/Types';\n\ninterface Props extends React.HTMLAttributes<HTMLDivElement> {\n  width?: number;\n  height?: number;\n  backgroundColor: string | boolean;\n  theme: 'light' | 'dark';\n  language: Languages;\n  relativeHeight?: number;\n  minHeight?: number;\n  padding?: string;\n  graphID?: string;\n  ariaLabel?: string;\n}\n\nexport const GraphContainer = React.forwardRef<HTMLDivElement, Props>(\n  (\n    {\n      className,\n      width,\n      height,\n      backgroundColor,\n      theme,\n      language,\n      relativeHeight,\n      minHeight,\n      padding,\n      children,\n      style,\n      graphID,\n      ariaLabel,\n      ...props\n    },\n    ref,\n  ) => {\n    return (\n      <div\n        {...props}\n        className={cn(\n          `${theme || 'light'} ${language || 'en'} mx-auto box-border flex ${width ? 'grow-0' : 'grow w-full'}${relativeHeight ? '' : ' h-full'} flex-col`,\n          // Merge background color logic here\n          !backgroundColor\n            ? 'bg-transparent'\n            : backgroundColor === true\n              ? 'bg-primary-gray-200 dark:bg-primary-gray-650'\n              : '',\n          className,\n        )}\n        dir={language === 'he' || language === 'ar' ? 'rtl' : undefined}\n        style={{\n          ...(style || {}),\n          ...(width ? { width: `${width}px` } : {}),\n          ...(height ? { height: `${height}px` } : {}),\n          minHeight: minHeight ? `${minHeight}px` : 'auto',\n          ...(relativeHeight ? { aspectRatio: 1 / relativeHeight } : {}),\n          // Merge padding and background color logic\n          padding: backgroundColor ? padding || '1rem' : padding || 0,\n          ...(backgroundColor && backgroundColor !== true ? { backgroundColor } : {}),\n        }}\n        id={graphID}\n        ref={ref}\n      >\n        <div className='flex flex-col w-full h-full grow justify-between'>{children}</div>\n      </div>\n    );\n  },\n);\n\nexport const GraphArea = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ children, className, ...props }, ref) => {\n    return (\n      <div {...props} className={cn('w-full grow min-h-0 leading-0', className)} ref={ref}>\n        {children}\n      </div>\n    );\n  },\n);\n"],"mappings":"wKAkBa,EAAiB,EAAA,QAAM,YAEhC,CACE,YACA,QACA,SACA,kBACA,QACA,WACA,iBACA,YACA,UACA,WACA,QACA,UACA,YACA,GAAG,GAEL,KAGE,EAAA,EAAA,KAAC,MAAD,CACE,GAAI,EACJ,WAAA,EAAA,EAAA,IACE,GAAG,GAAS,QAAQ,GAAG,GAAY,KAAK,2BAA2B,EAAQ,SAAW,gBAAgB,EAAiB,GAAK,UAAU,WAErI,EAEG,IAAoB,GAClB,+CACA,GAHF,iBAIJ,CACF,EACA,IAAK,IAAa,MAAQ,IAAa,KAAO,MAAQ,IAAA,GACtD,MAAO,CACL,GAAI,GAAS,CAAC,EACd,GAAI,EAAQ,CAAE,MAAO,GAAG,EAAM,GAAI,EAAI,CAAC,EACvC,GAAI,EAAS,CAAE,OAAQ,GAAG,EAAO,GAAI,EAAI,CAAC,EAC1C,UAAW,EAAY,GAAG,EAAU,IAAM,OAC1C,GAAI,EAAiB,CAAE,YAAa,EAAI,CAAe,EAAI,CAAC,EAE5D,QAAS,EAAkB,GAAW,OAAS,GAAW,EAC1D,GAAI,GAAmB,IAAoB,GAAO,CAAE,iBAAgB,EAAI,CAAC,CAC3E,EACA,GAAI,EACC,gBAEL,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,mDAAoD,UAAc,CAAA,CAC9E,CAAA,CAGX,EAEa,EAAY,EAAA,QAAM,YAC5B,CAAE,WAAU,YAAW,GAAG,GAAS,KAEhC,EAAA,EAAA,KAAC,MAAD,CAAK,GAAI,EAAO,WAAA,EAAA,EAAA,IAAc,gCAAiC,CAAS,EAAQ,MAC7E,UACE,CAAA,CAGX"}

package/dist/GraphContainer-DgEB1AVN.js

@@ -0,0 +1,33 @@
+import { t as e } from "./jsx-runtime-C76bEyh7.js";
+import { cn as t } from "@undp/design-system-react/cn";
+import n from "react";
+//#region src/Components/Elements/GraphContainer.tsx
+var r = e(), i = n.forwardRef(({ className: e, width: n, height: i, backgroundColor: a, theme: o, language: s, relativeHeight: c, minHeight: l, padding: u, children: d, style: f, graphID: p, ariaLabel: m, ...h }, g) => /* @__PURE__ */ (0, r.jsx)("div", {
+	...h,
+	className: t(`${o || "light"} ${s || "en"} mx-auto box-border flex ${n ? "grow-0" : "grow w-full"}${c ? "" : " h-full"} flex-col`, a ? a === !0 ? "bg-primary-gray-200 dark:bg-primary-gray-650" : "" : "bg-transparent", e),
+	dir: s === "he" || s === "ar" ? "rtl" : void 0,
+	style: {
+		...f || {},
+		...n ? { width: `${n}px` } : {},
+		...i ? { height: `${i}px` } : {},
+		minHeight: l ? `${l}px` : "auto",
+		...c ? { aspectRatio: 1 / c } : {},
+		padding: a ? u || "1rem" : u || 0,
+		...a && a !== !0 ? { backgroundColor: a } : {}
+	},
+	id: p,
+	ref: g,
+	children: /* @__PURE__ */ (0, r.jsx)("div", {
+		className: "flex flex-col w-full h-full grow justify-between",
+		children: d
+	})
+})), a = n.forwardRef(({ children: e, className: n, ...i }, a) => /* @__PURE__ */ (0, r.jsx)("div", {
+	...i,
+	className: t("w-full grow min-h-0 leading-0", n),
+	ref: a,
+	children: e
+}));
+//#endregion
+export { i as n, a as t };
+
+//# sourceMappingURL=GraphContainer-DgEB1AVN.js.map

package/dist/GraphContainer-DgEB1AVN.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GraphContainer-DgEB1AVN.js","names":[],"sources":["../src/Components/Elements/GraphContainer.tsx"],"sourcesContent":["import { cn } from '@undp/design-system-react/cn';\nimport React from 'react';\n\nimport type { Languages } from '@/Types';\n\ninterface Props extends React.HTMLAttributes<HTMLDivElement> {\n  width?: number;\n  height?: number;\n  backgroundColor: string | boolean;\n  theme: 'light' | 'dark';\n  language: Languages;\n  relativeHeight?: number;\n  minHeight?: number;\n  padding?: string;\n  graphID?: string;\n  ariaLabel?: string;\n}\n\nexport const GraphContainer = React.forwardRef<HTMLDivElement, Props>(\n  (\n    {\n      className,\n      width,\n      height,\n      backgroundColor,\n      theme,\n      language,\n      relativeHeight,\n      minHeight,\n      padding,\n      children,\n      style,\n      graphID,\n      ariaLabel,\n      ...props\n    },\n    ref,\n  ) => {\n    return (\n      <div\n        {...props}\n        className={cn(\n          `${theme || 'light'} ${language || 'en'} mx-auto box-border flex ${width ? 'grow-0' : 'grow w-full'}${relativeHeight ? '' : ' h-full'} flex-col`,\n          // Merge background color logic here\n          !backgroundColor\n            ? 'bg-transparent'\n            : backgroundColor === true\n              ? 'bg-primary-gray-200 dark:bg-primary-gray-650'\n              : '',\n          className,\n        )}\n        dir={language === 'he' || language === 'ar' ? 'rtl' : undefined}\n        style={{\n          ...(style || {}),\n          ...(width ? { width: `${width}px` } : {}),\n          ...(height ? { height: `${height}px` } : {}),\n          minHeight: minHeight ? `${minHeight}px` : 'auto',\n          ...(relativeHeight ? { aspectRatio: 1 / relativeHeight } : {}),\n          // Merge padding and background color logic\n          padding: backgroundColor ? padding || '1rem' : padding || 0,\n          ...(backgroundColor && backgroundColor !== true ? { backgroundColor } : {}),\n        }}\n        id={graphID}\n        ref={ref}\n      >\n        <div className='flex flex-col w-full h-full grow justify-between'>{children}</div>\n      </div>\n    );\n  },\n);\n\nexport const GraphArea = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ children, className, ...props }, ref) => {\n    return (\n      <div {...props} className={cn('w-full grow min-h-0 leading-0', className)} ref={ref}>\n        {children}\n      </div>\n    );\n  },\n);\n"],"mappings":";;;;aAkBa,IAAiB,EAAM,YAEhC,EACE,cACA,UACA,WACA,oBACA,UACA,aACA,mBACA,cACA,YACA,aACA,UACA,YACA,cACA,GAAG,KAEL,MAGE,iBAAA,GAAA,EAAA,KAAC,OAAD;CACE,GAAI;CACJ,WAAW,EACT,GAAG,KAAS,QAAQ,GAAG,KAAY,KAAK,2BAA2B,IAAQ,WAAW,gBAAgB,IAAiB,KAAK,UAAU,YAErI,IAEG,MAAoB,KAClB,iDACA,KAHF,kBAIJ,CACF;CACA,KAAK,MAAa,QAAQ,MAAa,OAAO,QAAQ,KAAA;CACtD,OAAO;EACL,GAAI,KAAS,CAAC;EACd,GAAI,IAAQ,EAAE,OAAO,GAAG,EAAM,IAAI,IAAI,CAAC;EACvC,GAAI,IAAS,EAAE,QAAQ,GAAG,EAAO,IAAI,IAAI,CAAC;EAC1C,WAAW,IAAY,GAAG,EAAU,MAAM;EAC1C,GAAI,IAAiB,EAAE,aAAa,IAAI,EAAe,IAAI,CAAC;EAE5D,SAAS,IAAkB,KAAW,SAAS,KAAW;EAC1D,GAAI,KAAmB,MAAoB,KAAO,EAAE,mBAAgB,IAAI,CAAC;CAC3E;CACA,IAAI;CACC;WAEL,iBAAA,GAAA,EAAA,KAAC,OAAD;EAAK,WAAU;EAAoD;CAAc,CAAA;AAC9E,CAAA,CAGX,GAEa,IAAY,EAAM,YAC5B,EAAE,aAAU,cAAW,GAAG,KAAS,MAEhC,iBAAA,GAAA,EAAA,KAAC,OAAD;CAAK,GAAI;CAAO,WAAW,EAAG,iCAAiC,CAAS;CAAQ;CAC7E;AACE,CAAA,CAGX"}

package/dist/GraphDescription.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./compiler-runtime-oPPev21o.cjs"),c=require("@undp/design-system-react/cn"),a=require("@undp/design-system-react/Typography"),p=require("react");function u(l){const e=o.compilerRuntimeExports.c(10),{text:r,style:i,className:n}=l;if(typeof r=="string"){if(r.trim()==="")return null;let t;e[0]!==n?(t=c.cn("text-primary-gray-550 dark:text-primary-gray-400",n),e[0]=n,e[1]=t):t=e[1];let s;return e[2]!==i||e[3]!==t||e[4]!==r?(s=o.jsxRuntimeExports.jsx(a.P,{size:"sm",marginBottom:"none",className:t,"aria-label":"Graph description",style:i,children:r}),e[2]=i,e[3]=t,e[4]=r,e[5]=s):s=e[5],s}if(p.isValidElement(r)){let t;return e[6]!==n||e[7]!==i||e[8]!==r?(t=o.jsxRuntimeExports.jsx("div",{className:n,style:i,children:r}),e[6]=n,e[7]=i,e[8]=r,e[9]=t):t=e[9],t}return console.error("GraphDescription: Invalid text type. Expected string or React element."),null}exports.GraphDescription=u;
-//# sourceMappingURL=GraphDescription.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-400`,s),"aria-label":`Graph description`,style:o,children:t}):r.default.isValidElement(t)?(0,a.jsx)(`div`,{className:s,style:o,children:t}):(console.error(`GraphDescription: Invalid text type. Expected string or React element.`),null)}exports.GraphDescription=o;
+//# sourceMappingURL=GraphDescription.cjs.map

package/dist/GraphDescription.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"GraphDescription.cjs","sources":["../src/Components/Typography/GraphDescription.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 GraphDescription(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-400', className)}\r\n        aria-label='Graph description'\r\n        style={style}\r\n      >\r\n        {text}\r\n      </P>\r\n    );\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('GraphDescription: Invalid text type. Expected string or React element.');\r\n  return null;\r\n}\r\n"],"names":["GraphDescription","props","$","_c","text","style","className","trim","t0","cn","t1","jsx","P","React","isValidElement","console","error"],"mappings":"kPAUO,SAAAA,EAAAC,EAAA,CAAA,MAAAC,EAAAC,EAAAA,uBAAAA,EAAA,EAAA,EACL,CAAAC,KAAAA,EAAAC,MAAAA,EAAAC,UAAAA,CAAAA,EAAmCL,EACnC,GAAI,OAAOG,GAAS,SAAQ,CAC1B,GAAIA,EAAIG,KAAAA,IAAY,GAAE,OAAS,KAAK,IAAAC,EAAAN,OAAAI,GAKrBE,EAAAC,EAAAA,GAAG,mDAAoDH,CAAS,EAACJ,KAAAI,EAAAJ,KAAAM,GAAAA,EAAAN,EAAA,CAAA,EAAA,IAAAQ,EAAA,OAAAR,EAAA,CAAA,IAAAG,GAAAH,OAAAM,GAAAN,EAAA,CAAA,IAAAE,GAH9EM,EAAAC,EAAAA,kBAAAA,IAACC,EAAAA,EAAA,CACM,KAAA,KACQ,aAAA,OACF,UAAAJ,EACA,aAAA,oBACJH,MAAAA,EAEND,SAAAA,EACH,EAAIF,KAAAG,EAAAH,KAAAM,EAAAN,KAAAE,EAAAF,KAAAQ,GAAAA,EAAAR,EAAA,CAAA,EARJQ,CAQI,CAIR,GAAIG,EAAKC,eAAgBV,CAAI,EAAC,CAAA,IAAAI,EAAA,OAAAN,EAAA,CAAA,IAAAI,GAAAJ,OAAAG,GAAAH,EAAA,CAAA,IAAAE,GAE1BI,EAAAG,EAAAA,kBAAAA,IAAA,MAAA,CAAgBL,UAAAA,EAAkBD,MAAAA,EAC/BD,SAAAA,EACH,EAAMF,KAAAI,EAAAJ,KAAAG,EAAAH,KAAAE,EAAAF,KAAAM,GAAAA,EAAAN,EAAA,CAAA,EAFNM,CAEM,CAEVO,eAAOC,MAAO,wEAAwE,EAC/E,IAAI"}
+{"version":3,"file":"GraphDescription.cjs","names":[],"sources":["../src/Components/Typography/GraphDescription.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 GraphDescription(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-400', className)}\n        aria-label='Graph description'\n        style={style}\n      >\n        {text}\n      </P>\n    );\n  }\n\n  if (React.isValidElement(text))\n    return (\n      <div className={className} style={style}>\n        {text}\n      </div>\n    );\n  console.error('GraphDescription: Invalid text type. Expected string or React element.');\n  return null;\n}\n"],"mappings":"iSAUA,SAAgB,EAAiB,EAAc,CAC7C,GAAM,CAAE,OAAM,QAAO,aAAc,EAuBnC,OAtBI,OAAO,GAAS,SACd,EAAK,KAAK,IAAM,GAAW,MAE7B,EAAA,EAAA,KAAC,EAAA,EAAD,CACE,KAAK,KACL,aAAa,OACb,WAAA,EAAA,EAAA,IAAc,mDAAoD,CAAS,EAC3E,aAAW,oBACJ,iBAEN,CACA,CAAA,EAIH,EAAA,QAAM,eAAe,CAAI,GAEzB,EAAA,EAAA,KAAC,MAAD,CAAgB,YAAkB,iBAC/B,CACE,CAAA,GAET,QAAQ,MAAM,wEAAwE,EAC/E,KACT"}

package/dist/GraphDescription.d.ts

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

package/dist/GraphDescription.js

@@ -1,28 +1,25 @@
-import { c as a, j as s } from "./compiler-runtime-qHgugrLy.js";
-import { cn as m } from "@undp/design-system-react/cn";
-import { P as p } from "@undp/design-system-react/Typography";
-import c from "react";
-function y(l) {
-  const t = a.c(10), {
-    text: r,
-    style: i,
-    className: n
-  } = l;
-  if (typeof r == "string") {
-    if (r.trim() === "")
-      return null;
-    let e;
-    t[0] !== n ? (e = m("text-primary-gray-550 dark:text-primary-gray-400", n), t[0] = n, t[1] = e) : e = t[1];
-    let o;
-    return t[2] !== i || t[3] !== e || t[4] !== r ? (o = /* @__PURE__ */ s.jsx(p, { size: "sm", marginBottom: "none", className: e, "aria-label": "Graph description", style: i, children: r }), t[2] = i, t[3] = e, t[4] = r, t[5] = o) : o = t[5], o;
-  }
-  if (c.isValidElement(r)) {
-    let e;
-    return t[6] !== n || t[7] !== i || t[8] !== r ? (e = /* @__PURE__ */ s.jsx("div", { className: n, style: i, children: r }), t[6] = n, t[7] = i, t[8] = r, t[9] = e) : e = t[9], e;
-  }
-  return console.error("GraphDescription: 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/GraphDescription.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-400", s),
+		"aria-label": "Graph description",
+		style: o,
+		children: a
+	}) : n.isValidElement(a) ? /* @__PURE__ */ (0, i.jsx)("div", {
+		className: s,
+		style: o,
+		children: a
+	}) : (console.error("GraphDescription: Invalid text type. Expected string or React element."), null);
 }
-export {
-  y as GraphDescription
-};
-//# sourceMappingURL=GraphDescription.js.map
+//#endregion
+export { a as GraphDescription };
+
+//# sourceMappingURL=GraphDescription.js.map

package/dist/GraphDescription.js.map

@@ -1 +1 @@
-{"version":3,"file":"GraphDescription.js","sources":["../src/Components/Typography/GraphDescription.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 GraphDescription(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-400', className)}\r\n        aria-label='Graph description'\r\n        style={style}\r\n      >\r\n        {text}\r\n      </P>\r\n    );\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('GraphDescription: Invalid text type. Expected string or React element.');\r\n  return null;\r\n}\r\n"],"names":["GraphDescription","props","$","_c","text","style","className","trim","t0","cn","t1","jsx","P","React","isValidElement","console","error"],"mappings":";;;;AAUO,SAAAA,EAAAC,GAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,EAAA,GACL;AAAA,IAAAC,MAAAA;AAAAA,IAAAC,OAAAA;AAAAA,IAAAC,WAAAA;AAAAA,EAAAA,IAAmCL;AACnC,MAAI,OAAOG,KAAS,UAAQ;AAC1B,QAAIA,EAAIG,KAAAA,MAAY;AAAE,aAAS;AAAK,QAAAC;AAAA,IAAAN,SAAAI,KAKrBE,IAAAC,EAAG,oDAAoDH,CAAS,GAACJ,OAAAI,GAAAJ,OAAAM,KAAAA,IAAAN,EAAA,CAAA;AAAA,QAAAQ;AAAA,WAAAR,EAAA,CAAA,MAAAG,KAAAH,SAAAM,KAAAN,EAAA,CAAA,MAAAE,KAH9EM,IAAAC,gBAAAA,EAAAA,IAACC,GAAA,EACM,MAAA,MACQ,cAAA,QACF,WAAAJ,GACA,cAAA,qBACJH,OAAAA,GAEND,UAAAA,GACH,GAAIF,OAAAG,GAAAH,OAAAM,GAAAN,OAAAE,GAAAF,OAAAQ,KAAAA,IAAAR,EAAA,CAAA,GARJQ;AAAAA,EAQI;AAIR,MAAIG,EAAKC,eAAgBV,CAAI,GAAC;AAAA,QAAAI;AAAA,WAAAN,EAAA,CAAA,MAAAI,KAAAJ,SAAAG,KAAAH,EAAA,CAAA,MAAAE,KAE1BI,IAAAG,gBAAAA,EAAAA,IAAA,OAAA,EAAgBL,WAAAA,GAAkBD,OAAAA,GAC/BD,UAAAA,GACH,GAAMF,OAAAI,GAAAJ,OAAAG,GAAAH,OAAAE,GAAAF,OAAAM,KAAAA,IAAAN,EAAA,CAAA,GAFNM;AAAAA,EAEM;AAEVO,iBAAOC,MAAO,wEAAwE,GAC/E;AAAI;"}
+{"version":3,"file":"GraphDescription.js","names":[],"sources":["../src/Components/Typography/GraphDescription.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 GraphDescription(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-400', className)}\n        aria-label='Graph description'\n        style={style}\n      >\n        {text}\n      </P>\n    );\n  }\n\n  if (React.isValidElement(text))\n    return (\n      <div className={className} style={style}>\n        {text}\n      </div>\n    );\n  console.error('GraphDescription: Invalid text type. Expected string or React element.');\n  return null;\n}\n"],"mappings":";;;;;;AAUA,SAAgB,EAAiB,GAAc;CAC7C,IAAM,EAAE,SAAM,UAAO,iBAAc;CAuBnC,OAtBI,OAAO,KAAS,WACd,EAAK,KAAK,MAAM,KAAW,OAE7B,iBAAA,GAAA,EAAA,KAAC,GAAD;EACE,MAAK;EACL,cAAa;EACb,WAAW,EAAG,oDAAoD,CAAS;EAC3E,cAAW;EACJ;YAEN;CACA,CAAA,IAIH,EAAM,eAAe,CAAI,IAEzB,iBAAA,GAAA,EAAA,KAAC,OAAD;EAAgB;EAAkB;YAC/B;CACE,CAAA,KAET,QAAQ,MAAM,wEAAwE,GAC/E;AACT"}