@embeddable.com/remarkable-ui 0.1.11 → 0.1.13

package/dist/{pies.utils-DrVWhPX3.js → pies.utils-DluC4GlY.js}

@@ -1,6 +1,6 @@
-import { r as u, a as g, g as h, b as i } from "./object.utils-DB9Hp3Uk.js";
-import { g as b } from "./formatter.utils-DMMBiLDD.js";
-import { Q as c, R as C } from "./component.constants-6skM25Z_.js";
+import { r as u, a as g, g as h, b as i } from "./object.utils-CMJleY-P.js";
+import { g as b } from "./formatter.utils-CuZlh4EL.js";
+import { Q as c, R as C } from "./component.constants-DIhZCTG3.js";
 import "react";
 const y = (a, o = u) => {
   const n = b(o);
@@ -71,4 +71,4 @@ export {
   F as a,
   y as g
 };
-//# sourceMappingURL=pies.utils-DrVWhPX3.js.map
+//# sourceMappingURL=pies.utils-DluC4GlY.js.map

package/dist/{pies.utils-DrVWhPX3.js.map → pies.utils-DluC4GlY.js.map}

@@ -1 +1 @@
-{"version":3,"file":"pies.utils-DrVWhPX3.js","sources":["../src/remarkable-pro/components/charts/pies/pies.utils.ts"],"sourcesContent":["import { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport { ChartData, ChartOptions } from 'chart.js';\nimport { groupTailAsOther } from '../charts.utils';\nimport { Theme } from '../../../theme/theme.types';\nimport { remarkableTheme } from '../../../theme/theme.constants';\nimport { getThemeFormatter } from '../../../theme/formatter/formatter.utils';\nimport { getColor } from '../../../theme/styles/styles.utils';\nimport { chartColors } from '../../../../remarkable-ui';\nimport { i18n } from '../../../theme/i18n/i18n';\nimport { getObjectStableKey } from '../../../utils.ts/object.utils';\n\nexport const getPieChartData = (\n  props: {\n    data: DataResponse['data'];\n    dimension: Dimension;\n    measure: Measure;\n    maxLegendItems?: number;\n  },\n  theme: Theme = remarkableTheme,\n): ChartData<'pie'> => {\n  const themeFormatter = getThemeFormatter(theme);\n\n  if (!props.data)\n    return {\n      labels: [],\n      datasets: [{ data: [] }],\n    };\n\n  const groupedData = groupTailAsOther(\n    props.data,\n    props.dimension,\n    [props.measure],\n    props.maxLegendItems,\n  );\n\n  const themeKey = getObjectStableKey(theme);\n\n  const backgroundColor = groupedData.map((item, i) =>\n    getColor(\n      `${themeKey}.charts.backgroundColors`,\n      `${props.dimension.name}.${item[props.dimension.name]}`,\n      theme.charts.backgroundColors ?? chartColors,\n      i,\n    ),\n  );\n\n  const borderColor = groupedData.map((item, i) =>\n    getColor(\n      `${themeKey}.charts.borderColors`,\n      `${props.dimension.name}.${item[props.dimension.name]}`,\n      theme.charts.borderColors ?? chartColors,\n      i,\n    ),\n  );\n\n  return {\n    labels: groupedData.map((item) => {\n      const value = item[props.dimension.name];\n      const formattedValue = themeFormatter.data(props.dimension, value);\n\n      // If formatter did not work, try i18n translation\n      if (value === formattedValue) {\n        return i18n.t(value);\n      }\n      return formattedValue;\n    }),\n    datasets: [\n      {\n        data: groupedData.map((item) => item[props.measure.name]),\n        backgroundColor,\n        borderColor,\n      },\n    ],\n  };\n};\n\nexport type DefaultPieChartOptions = {\n  measure: Measure;\n  showTooltips: boolean;\n  showLegend: boolean;\n  showValueLabels: boolean;\n};\n\nexport const getDefaultPieChartOptions = (\n  options: DefaultPieChartOptions,\n  theme: Theme = remarkableTheme,\n): Partial<ChartOptions<'pie'>> => {\n  const themeFormatter = getThemeFormatter(theme);\n\n  return {\n    plugins: {\n      legend: { display: options.showLegend, position: theme.charts.legendPosition ?? 'bottom' },\n      datalabels: {\n        display: options.showValueLabels ? 'auto' : false,\n        formatter: (value: string | number) => themeFormatter.data(options.measure, value),\n      },\n      tooltip: {\n        enabled: options.showTooltips,\n        callbacks: {\n          label(context) {\n            const raw = context.raw as number;\n            const total = context.dataset.data.reduce(\n              // eslint-disable-next-line @typescript-eslint/no-explicit-any\n              (sum: number, v: any) => sum + parseFloat(v),\n              0,\n            );\n            const pct = Math.round((raw / total) * 100);\n            return `${themeFormatter.data(options.measure, raw)} (${pct}%)`;\n          },\n        },\n      },\n    },\n  };\n};\n"],"names":["getPieChartData","props","theme","remarkableTheme","themeFormatter","getThemeFormatter","groupedData","groupTailAsOther","themeKey","getObjectStableKey","backgroundColor","item","i","getColor","chartColors","borderColor","value","formattedValue","i18n","getDefaultPieChartOptions","options","context","raw","total","sum","v","pct"],"mappings":";;;;AAWO,MAAMA,IAAkB,CAC7BC,GAMAC,IAAeC,MACM;AACrB,QAAMC,IAAiBC,EAAkBH,CAAK;AAE9C,MAAI,CAACD,EAAM;AACT,WAAO;AAAA,MACL,QAAQ,CAAA;AAAA,MACR,UAAU,CAAC,EAAE,MAAM,IAAI;AAAA,IAAA;AAG3B,QAAMK,IAAcC;AAAA,IAClBN,EAAM;AAAA,IACNA,EAAM;AAAA,IACN,CAACA,EAAM,OAAO;AAAA,IACdA,EAAM;AAAA,EAAA,GAGFO,IAAWC,EAAmBP,CAAK,GAEnCQ,IAAkBJ,EAAY;AAAA,IAAI,CAACK,GAAMC,MAC7CC;AAAA,MACE,GAAGL,CAAQ;AAAA,MACX,GAAGP,EAAM,UAAU,IAAI,IAAIU,EAAKV,EAAM,UAAU,IAAI,CAAC;AAAA,MACrDC,EAAM,OAAO,oBAAoBY;AAAA,MACjCF;AAAA,IAAA;AAAA,EACF,GAGIG,IAAcT,EAAY;AAAA,IAAI,CAACK,GAAMC,MACzCC;AAAA,MACE,GAAGL,CAAQ;AAAA,MACX,GAAGP,EAAM,UAAU,IAAI,IAAIU,EAAKV,EAAM,UAAU,IAAI,CAAC;AAAA,MACrDC,EAAM,OAAO,gBAAgBY;AAAA,MAC7BF;AAAA,IAAA;AAAA,EACF;AAGF,SAAO;AAAA,IACL,QAAQN,EAAY,IAAI,CAACK,MAAS;AAChC,YAAMK,IAAQL,EAAKV,EAAM,UAAU,IAAI,GACjCgB,IAAiBb,EAAe,KAAKH,EAAM,WAAWe,CAAK;AAGjE,aAAIA,MAAUC,IACLC,EAAK,EAAEF,CAAK,IAEdC;AAAA,IACT,CAAC;AAAA,IACD,UAAU;AAAA,MACR;AAAA,QACE,MAAMX,EAAY,IAAI,CAACK,MAASA,EAAKV,EAAM,QAAQ,IAAI,CAAC;AAAA,QACxD,iBAAAS;AAAA,QACA,aAAAK;AAAA,MAAA;AAAA,IACF;AAAA,EACF;AAEJ,GASaI,IAA4B,CACvCC,GACAlB,IAAeC,MACkB;AACjC,QAAMC,IAAiBC,EAAkBH,CAAK;AAE9C,SAAO;AAAA,IACL,SAAS;AAAA,MACP,QAAQ,EAAE,SAASkB,EAAQ,YAAY,UAAUlB,EAAM,OAAO,kBAAkB,SAAA;AAAA,MAChF,YAAY;AAAA,QACV,SAASkB,EAAQ,kBAAkB,SAAS;AAAA,QAC5C,WAAW,CAACJ,MAA2BZ,EAAe,KAAKgB,EAAQ,SAASJ,CAAK;AAAA,MAAA;AAAA,MAEnF,SAAS;AAAA,QACP,SAASI,EAAQ;AAAA,QACjB,WAAW;AAAA,UACT,MAAMC,GAAS;AACb,kBAAMC,IAAMD,EAAQ,KACdE,IAAQF,EAAQ,QAAQ,KAAK;AAAA;AAAA,cAEjC,CAACG,GAAaC,MAAWD,IAAM,WAAWC,CAAC;AAAA,cAC3C;AAAA,YAAA,GAEIC,IAAM,KAAK,MAAOJ,IAAMC,IAAS,GAAG;AAC1C,mBAAO,GAAGnB,EAAe,KAAKgB,EAAQ,SAASE,CAAG,CAAC,KAAKI,CAAG;AAAA,UAC7D;AAAA,QAAA;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"pies.utils-DluC4GlY.js","sources":["../src/remarkable-pro/components/charts/pies/pies.utils.ts"],"sourcesContent":["import { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport { ChartData, ChartOptions } from 'chart.js';\nimport { groupTailAsOther } from '../charts.utils';\nimport { Theme } from '../../../theme/theme.types';\nimport { remarkableTheme } from '../../../theme/theme.constants';\nimport { getThemeFormatter } from '../../../theme/formatter/formatter.utils';\nimport { getColor } from '../../../theme/styles/styles.utils';\nimport { chartColors } from '../../../../remarkable-ui';\nimport { i18n } from '../../../theme/i18n/i18n';\nimport { getObjectStableKey } from '../../../utils.ts/object.utils';\n\nexport const getPieChartData = (\n  props: {\n    data: DataResponse['data'];\n    dimension: Dimension;\n    measure: Measure;\n    maxLegendItems?: number;\n  },\n  theme: Theme = remarkableTheme,\n): ChartData<'pie'> => {\n  const themeFormatter = getThemeFormatter(theme);\n\n  if (!props.data)\n    return {\n      labels: [],\n      datasets: [{ data: [] }],\n    };\n\n  const groupedData = groupTailAsOther(\n    props.data,\n    props.dimension,\n    [props.measure],\n    props.maxLegendItems,\n  );\n\n  const themeKey = getObjectStableKey(theme);\n\n  const backgroundColor = groupedData.map((item, i) =>\n    getColor(\n      `${themeKey}.charts.backgroundColors`,\n      `${props.dimension.name}.${item[props.dimension.name]}`,\n      theme.charts.backgroundColors ?? chartColors,\n      i,\n    ),\n  );\n\n  const borderColor = groupedData.map((item, i) =>\n    getColor(\n      `${themeKey}.charts.borderColors`,\n      `${props.dimension.name}.${item[props.dimension.name]}`,\n      theme.charts.borderColors ?? chartColors,\n      i,\n    ),\n  );\n\n  return {\n    labels: groupedData.map((item) => {\n      const value = item[props.dimension.name];\n      const formattedValue = themeFormatter.data(props.dimension, value);\n\n      // If formatter did not work, try i18n translation\n      if (value === formattedValue) {\n        return i18n.t(value);\n      }\n      return formattedValue;\n    }),\n    datasets: [\n      {\n        data: groupedData.map((item) => item[props.measure.name]),\n        backgroundColor,\n        borderColor,\n      },\n    ],\n  };\n};\n\nexport type DefaultPieChartOptions = {\n  measure: Measure;\n  showTooltips: boolean;\n  showLegend: boolean;\n  showValueLabels: boolean;\n};\n\nexport const getDefaultPieChartOptions = (\n  options: DefaultPieChartOptions,\n  theme: Theme = remarkableTheme,\n): Partial<ChartOptions<'pie'>> => {\n  const themeFormatter = getThemeFormatter(theme);\n\n  return {\n    plugins: {\n      legend: { display: options.showLegend, position: theme.charts.legendPosition ?? 'bottom' },\n      datalabels: {\n        display: options.showValueLabels ? 'auto' : false,\n        formatter: (value: string | number) => themeFormatter.data(options.measure, value),\n      },\n      tooltip: {\n        enabled: options.showTooltips,\n        callbacks: {\n          label(context) {\n            const raw = context.raw as number;\n            const total = context.dataset.data.reduce(\n              // eslint-disable-next-line @typescript-eslint/no-explicit-any\n              (sum: number, v: any) => sum + parseFloat(v),\n              0,\n            );\n            const pct = Math.round((raw / total) * 100);\n            return `${themeFormatter.data(options.measure, raw)} (${pct}%)`;\n          },\n        },\n      },\n    },\n  };\n};\n"],"names":["getPieChartData","props","theme","remarkableTheme","themeFormatter","getThemeFormatter","groupedData","groupTailAsOther","themeKey","getObjectStableKey","backgroundColor","item","i","getColor","chartColors","borderColor","value","formattedValue","i18n","getDefaultPieChartOptions","options","context","raw","total","sum","v","pct"],"mappings":";;;;AAWO,MAAMA,IAAkB,CAC7BC,GAMAC,IAAeC,MACM;AACrB,QAAMC,IAAiBC,EAAkBH,CAAK;AAE9C,MAAI,CAACD,EAAM;AACT,WAAO;AAAA,MACL,QAAQ,CAAA;AAAA,MACR,UAAU,CAAC,EAAE,MAAM,IAAI;AAAA,IAAA;AAG3B,QAAMK,IAAcC;AAAA,IAClBN,EAAM;AAAA,IACNA,EAAM;AAAA,IACN,CAACA,EAAM,OAAO;AAAA,IACdA,EAAM;AAAA,EAAA,GAGFO,IAAWC,EAAmBP,CAAK,GAEnCQ,IAAkBJ,EAAY;AAAA,IAAI,CAACK,GAAMC,MAC7CC;AAAA,MACE,GAAGL,CAAQ;AAAA,MACX,GAAGP,EAAM,UAAU,IAAI,IAAIU,EAAKV,EAAM,UAAU,IAAI,CAAC;AAAA,MACrDC,EAAM,OAAO,oBAAoBY;AAAA,MACjCF;AAAA,IAAA;AAAA,EACF,GAGIG,IAAcT,EAAY;AAAA,IAAI,CAACK,GAAMC,MACzCC;AAAA,MACE,GAAGL,CAAQ;AAAA,MACX,GAAGP,EAAM,UAAU,IAAI,IAAIU,EAAKV,EAAM,UAAU,IAAI,CAAC;AAAA,MACrDC,EAAM,OAAO,gBAAgBY;AAAA,MAC7BF;AAAA,IAAA;AAAA,EACF;AAGF,SAAO;AAAA,IACL,QAAQN,EAAY,IAAI,CAACK,MAAS;AAChC,YAAMK,IAAQL,EAAKV,EAAM,UAAU,IAAI,GACjCgB,IAAiBb,EAAe,KAAKH,EAAM,WAAWe,CAAK;AAGjE,aAAIA,MAAUC,IACLC,EAAK,EAAEF,CAAK,IAEdC;AAAA,IACT,CAAC;AAAA,IACD,UAAU;AAAA,MACR;AAAA,QACE,MAAMX,EAAY,IAAI,CAACK,MAASA,EAAKV,EAAM,QAAQ,IAAI,CAAC;AAAA,QACxD,iBAAAS;AAAA,QACA,aAAAK;AAAA,MAAA;AAAA,IACF;AAAA,EACF;AAEJ,GASaI,IAA4B,CACvCC,GACAlB,IAAeC,MACkB;AACjC,QAAMC,IAAiBC,EAAkBH,CAAK;AAE9C,SAAO;AAAA,IACL,SAAS;AAAA,MACP,QAAQ,EAAE,SAASkB,EAAQ,YAAY,UAAUlB,EAAM,OAAO,kBAAkB,SAAA;AAAA,MAChF,YAAY;AAAA,QACV,SAASkB,EAAQ,kBAAkB,SAAS;AAAA,QAC5C,WAAW,CAACJ,MAA2BZ,EAAe,KAAKgB,EAAQ,SAASJ,CAAK;AAAA,MAAA;AAAA,MAEnF,SAAS;AAAA,QACP,SAASI,EAAQ;AAAA,QACjB,WAAW;AAAA,UACT,MAAMC,GAAS;AACb,kBAAMC,IAAMD,EAAQ,KACdE,IAAQF,EAAQ,QAAQ,KAAK;AAAA;AAAA,cAEjC,CAACG,GAAaC,MAAWD,IAAM,WAAWC,CAAC;AAAA,cAC3C;AAAA,YAAA,GAEIC,IAAM,KAAK,MAAOJ,IAAMC,IAAS,GAAG;AAC1C,mBAAO,GAAGnB,EAAe,KAAKgB,EAAQ,SAASE,CAAG,CAAC,KAAKI,CAAG;AAAA,UAC7D;AAAA,QAAA;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEJ;"}

package/dist/remarkable-pro/components/charts/kpis/KpiChartNumberComparisonPro/index.d.ts

@@ -0,0 +1,19 @@
+import { DataResponse, Measure, TimeRange } from '@embeddable.com/core';
+type KpiChartNumberComparisonProProp = {
+    changeFontSize: number;
+    comparisonPeriod?: string;
+    description: string;
+    displayChangeAsPercentage?: boolean;
+    fontSize: number;
+    measure: Measure;
+    primaryDateRange: TimeRange;
+    results: DataResponse;
+    resultsComparison: DataResponse | undefined;
+    reversePositiveNegativeColors?: boolean;
+    title: string;
+    comparisonDateRange: TimeRange;
+    setComparisonDateRange: (dateRange: TimeRange) => void;
+};
+declare const KpiChartNumberComparisonPro: (props: KpiChartNumberComparisonProProp) => import("react/jsx-runtime").JSX.Element;
+export default KpiChartNumberComparisonPro;
+//# sourceMappingURL=index.d.ts.map

package/dist/remarkable-pro/components/charts/kpis/KpiChartNumberComparisonPro/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/remarkable-pro/components/charts/kpis/KpiChartNumberComparisonPro/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAYxE,KAAK,+BAA+B,GAAG;IACrC,cAAc,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,WAAW,EAAE,MAAM,CAAC;IACpB,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,gBAAgB,EAAE,SAAS,CAAC;IAC5B,OAAO,EAAE,YAAY,CAAC;IACtB,iBAAiB,EAAE,YAAY,GAAG,SAAS,CAAC;IAC5C,6BAA6B,CAAC,EAAE,OAAO,CAAC;IACxC,KAAK,EAAE,MAAM,CAAC;IACd,mBAAmB,EAAE,SAAS,CAAC;IAC/B,sBAAsB,EAAE,CAAC,SAAS,EAAE,SAAS,KAAK,IAAI,CAAC;CACxD,CAAC;AAEF,QAAA,MAAM,2BAA2B,GAAI,OAAO,+BAA+B,4CAyD1E,CAAC;AAEF,eAAe,2BAA2B,CAAC"}

package/dist/remarkable-pro/components/charts/kpis/KpiChartNumberPro/index.d.ts

@@ -0,0 +1,11 @@
+import { DataResponse, Measure } from '@embeddable.com/core';
+type KpiChartNumberProProp = {
+    title: string;
+    description: string;
+    results: DataResponse;
+    measure: Measure;
+    fontSize: number;
+};
+declare const KpiChartNumberPro: (props: KpiChartNumberProProp) => import("react/jsx-runtime").JSX.Element;
+export default KpiChartNumberPro;
+//# sourceMappingURL=index.d.ts.map

package/dist/remarkable-pro/components/charts/kpis/KpiChartNumberPro/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/remarkable-pro/components/charts/kpis/KpiChartNumberPro/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAO7D,KAAK,qBAAqB,GAAG;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,YAAY,CAAC;IACtB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,QAAA,MAAM,iBAAiB,GAAI,OAAO,qBAAqB,4CAsBtD,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/dist/remarkable-pro/components/component.constants.d.ts

@@ -39,6 +39,17 @@ export declare const dimension: {
     readonly category: "Component Data";
     readonly inputs: any[];
 };
+export declare const dimensionTime: {
+    readonly name: "dimensionTime";
+    readonly type: "dimension";
+    readonly label: "Dimension Time";
+    readonly config: {
+        readonly dataset: "dataset";
+        readonly supportedTypes: readonly ["time"];
+    };
+    readonly required: true;
+    readonly category: "Component Data";
+};
 export declare const dimensionWithDateBounds: {
     readonly name: "dimension";
     readonly type: "dimension";
@@ -84,6 +95,30 @@ export declare const measures: {
     readonly category: "Component Data";
     readonly inputs: any[];
 };
+export declare const genericBoolean: {
+    readonly name: "boolean";
+    readonly type: "boolean";
+    readonly label: "Boolean";
+    readonly category: "Component Settings";
+};
+export declare const genericTimeRange: {
+    readonly name: "timeRange";
+    readonly type: "timeRange";
+    readonly label: "Time Range";
+    readonly category: "Component Settings";
+};
+export declare const genericNumber: {
+    readonly name: "number";
+    readonly type: "number";
+    readonly label: "Number";
+    readonly category: "Component Settings";
+};
+export declare const genericString: {
+    readonly name: "string";
+    readonly type: "string";
+    readonly label: "String";
+    readonly category: "Component Settings";
+};
 export declare const title: {
     readonly name: "title";
     readonly type: "string";

package/dist/remarkable-pro/components/component.constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"component.constants.d.ts","sourceRoot":"","sources":["../../../src/remarkable-pro/components/component.constants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc;;;;;CAKjB,CAAC;AAEX,eAAO,MAAM,cAAc;;;;;CAKjB,CAAC;AAEX,eAAO,MAAM,mBAAmB;;;;CAItB,CAAC;AAIX,eAAO,MAAM,qBAAqB,EAAE,GAK1B,CAAC;AAIX,eAAO,MAAM,qBAAqB,EAAE,GAK1B,CAAC;AAIX,eAAO,MAAM,gBAAgB,EAAE,GAKrB,CAAC;AAIX,eAAO,MAAM,6BAA6B,EAAE,GAKlC,CAAC;AAIX,eAAO,MAAM,kBAAkB,EAAE,GAMvB,CAAC;AAIX,eAAO,MAAM,mBAAmB,EAAE,GAKxB,CAAC;AAwBX,eAAO,MAAM,OAAO;;;;;;CAMV,CAAC;AAEX,eAAO,MAAM,SAAS;;;;;;;;;;CAUZ,CAAC;AAEX,eAAO,MAAM,uBAAuB;;;;;;;;;;CAU1B,CAAC;AAEX,eAAO,MAAM,UAAU;;;;;;;;;;CAUb,CAAC;AAEX,eAAO,MAAM,OAAO;;;;;;;;;;CAUV,CAAC;AAEX,eAAO,MAAM,QAAQ;;;;;;;;;;;CAWX,CAAC;AAEX,eAAO,MAAM,KAAK;;;;;CAKR,CAAC;AAEX,eAAO,MAAM,WAAW;;;;;CAKd,CAAC;AAEX,eAAO,MAAM,UAAU;;;;;;CAMb,CAAC;AAEX,eAAO,MAAM,YAAY;;;;;;CAMf,CAAC;AAEX,eAAO,MAAM,eAAe;;;;;;CAMlB,CAAC;AAEX,eAAO,MAAM,eAAe;;;;;;CAMlB,CAAC;AAEX,eAAO,MAAM,oBAAoB;;;;;;CAMvB,CAAC;AAEX,eAAO,MAAM,UAAU;;;;;CAKb,CAAC;AAEX,eAAO,MAAM,UAAU;;;;;CAKb,CAAC;AAEX,eAAO,MAAM,YAAY;;;;;;CAMf,CAAC;AAEX,eAAO,MAAM,kBAAkB;;;;;;CAMrB,CAAC;AAEX,eAAO,MAAM,YAAY;;;;;;CAMf,CAAC;AAEX,eAAO,MAAM,aAAa;;;;;CAKhB,CAAC;AAEX,eAAO,MAAM,aAAa;;;;;CAKhB,CAAC;AAEX,eAAO,MAAM,aAAa;;;;;CAKhB,CAAC;AAEX,eAAO,MAAM,aAAa;;;;;CAKhB,CAAC;AAGX,eAAO,MAAM,aAAa;;;;;CAKhB,CAAC;AAEX,eAAO,MAAM,aAAa;;;;;CAKhB,CAAC;AAEX,eAAO,MAAM,YAAY;;;;;;CAMf,CAAC;AAEX,eAAO,MAAM,cAAc;;;;;;CAMjB,CAAC;AAEX,eAAO,MAAM,WAAW;;;;;CAKd,CAAC"}
+{"version":3,"file":"component.constants.d.ts","sourceRoot":"","sources":["../../../src/remarkable-pro/components/component.constants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc;;;;;CAKjB,CAAC;AAEX,eAAO,MAAM,cAAc;;;;;CAKjB,CAAC;AAEX,eAAO,MAAM,mBAAmB;;;;CAItB,CAAC;AAIX,eAAO,MAAM,qBAAqB,EAAE,GAK1B,CAAC;AAIX,eAAO,MAAM,qBAAqB,EAAE,GAK1B,CAAC;AAIX,eAAO,MAAM,gBAAgB,EAAE,GAKrB,CAAC;AAIX,eAAO,MAAM,6BAA6B,EAAE,GAKlC,CAAC;AAIX,eAAO,MAAM,kBAAkB,EAAE,GAMvB,CAAC;AAIX,eAAO,MAAM,mBAAmB,EAAE,GAKxB,CAAC;AAwBX,eAAO,MAAM,OAAO;;;;;;CAMV,CAAC;AAEX,eAAO,MAAM,SAAS;;;;;;;;;;CAUZ,CAAC;AAEX,eAAO,MAAM,aAAa;;;;;;;;;;CAUhB,CAAC;AAEX,eAAO,MAAM,uBAAuB;;;;;;;;;;CAU1B,CAAC;AAEX,eAAO,MAAM,UAAU;;;;;;;;;;CAUb,CAAC;AAEX,eAAO,MAAM,OAAO;;;;;;;;;;CAUV,CAAC;AAEX,eAAO,MAAM,QAAQ;;;;;;;;;;;CAWX,CAAC;AAEX,eAAO,MAAM,cAAc;;;;;CAKjB,CAAC;AAEX,eAAO,MAAM,gBAAgB;;;;;CAKnB,CAAC;AAEX,eAAO,MAAM,aAAa;;;;;CAKhB,CAAC;AAEX,eAAO,MAAM,aAAa;;;;;CAKhB,CAAC;AAEX,eAAO,MAAM,KAAK;;;;;CAKR,CAAC;AAEX,eAAO,MAAM,WAAW;;;;;CAKd,CAAC;AAEX,eAAO,MAAM,UAAU;;;;;;CAMb,CAAC;AAEX,eAAO,MAAM,YAAY;;;;;;CAMf,CAAC;AAEX,eAAO,MAAM,eAAe;;;;;;CAMlB,CAAC;AAEX,eAAO,MAAM,eAAe;;;;;;CAMlB,CAAC;AAEX,eAAO,MAAM,oBAAoB;;;;;;CAMvB,CAAC;AAEX,eAAO,MAAM,UAAU;;;;;CAKb,CAAC;AAEX,eAAO,MAAM,UAAU;;;;;CAKb,CAAC;AAEX,eAAO,MAAM,YAAY;;;;;;CAMf,CAAC;AAEX,eAAO,MAAM,kBAAkB;;;;;;CAMrB,CAAC;AAEX,eAAO,MAAM,YAAY;;;;;;CAMf,CAAC;AAEX,eAAO,MAAM,aAAa;;;;;CAKhB,CAAC;AAEX,eAAO,MAAM,aAAa;;;;;CAKhB,CAAC;AAEX,eAAO,MAAM,aAAa;;;;;CAKhB,CAAC;AAEX,eAAO,MAAM,aAAa;;;;;CAKhB,CAAC;AAGX,eAAO,MAAM,aAAa;;;;;CAKhB,CAAC;AAEX,eAAO,MAAM,aAAa;;;;;CAKhB,CAAC;AAEX,eAAO,MAAM,YAAY;;;;;;CAMf,CAAC;AAEX,eAAO,MAAM,cAAc;;;;;;CAMjB,CAAC;AAEX,eAAO,MAAM,WAAW;;;;;CAKd,CAAC"}

package/dist/remarkable-pro/components/utils/timeRange.utils.d.ts

@@ -0,0 +1,5 @@
+import { TimeRange } from '@embeddable.com/core';
+import { Theme } from '../../theme/theme.types';
+export declare const getComparisonPeriodDateRange: (primaryDateRange: TimeRange, comparisonPeriod: string | undefined, theme: Theme) => TimeRange;
+export declare const getComparisonPeriodLabel: (comparisonPeriod: string | undefined, theme: Theme) => string;
+//# sourceMappingURL=timeRange.utils.d.ts.map

package/dist/remarkable-pro/components/utils/timeRange.utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"timeRange.utils.d.ts","sourceRoot":"","sources":["../../../../src/remarkable-pro/components/utils/timeRange.utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAGhD,eAAO,MAAM,4BAA4B,GACvC,kBAAkB,SAAS,EAC3B,kBAAkB,MAAM,GAAG,SAAS,EACpC,OAAO,KAAK,KACX,SAgBF,CAAC;AAEF,eAAO,MAAM,wBAAwB,GACnC,kBAAkB,MAAM,GAAG,SAAS,EACpC,OAAO,KAAK,KACX,MAKF,CAAC"}

package/dist/remarkable-pro/theme/defaults/defaults.ComparisonPeriods.constants.d.ts

@@ -0,0 +1,9 @@
+import { TimeRange } from '@embeddable.com/core';
+export type ComparisonPeriodOption = {
+    label: string;
+    value: string;
+    dateFormat: string;
+    getRange: (dateRange: TimeRange) => TimeRange;
+};
+export declare const defaultComparisonPeriodOptions: ComparisonPeriodOption[];
+//# sourceMappingURL=defaults.ComparisonPeriods.constants.d.ts.map

package/dist/remarkable-pro/theme/defaults/defaults.ComparisonPeriods.constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.ComparisonPeriods.constants.d.ts","sourceRoot":"","sources":["../../../../src/remarkable-pro/theme/defaults/defaults.ComparisonPeriods.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAA8B,MAAM,sBAAsB,CAAC;AA+F7E,MAAM,MAAM,sBAAsB,GAAG;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,CAAC,SAAS,EAAE,SAAS,KAAK,SAAS,CAAC;CAC/C,CAAC;AAEF,eAAO,MAAM,8BAA8B,EAAE,sBAAsB,EA+BlE,CAAC"}

package/dist/remarkable-pro/theme/defaults/defaults.DateRanges.constants.d.ts

@@ -0,0 +1,9 @@
+import { TimeRange } from '@embeddable.com/core';
+export type DateRangeOption = {
+    label: string;
+    value: string;
+    dateFormat: string;
+    getRange: () => TimeRange;
+};
+export declare const defaultDateRangeOptions: DateRangeOption[];
+//# sourceMappingURL=defaults.DateRanges.constants.d.ts.map

package/dist/remarkable-pro/theme/defaults/defaults.DateRanges.constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.DateRanges.constants.d.ts","sourceRoot":"","sources":["../../../../src/remarkable-pro/theme/defaults/defaults.DateRanges.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAgCjD,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,SAAS,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,eAAe,EAoRpD,CAAC"}

package/dist/remarkable-pro/theme/i18n/translations/de.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"de.d.ts","sourceRoot":"","sources":["../../../../../src/remarkable-pro/theme/i18n/translations/de.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE3C,eAAO,MAAM,EAAE,EAAE,gBAwChB,CAAC"}
+{"version":3,"file":"de.d.ts","sourceRoot":"","sources":["../../../../../src/remarkable-pro/theme/i18n/translations/de.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE3C,eAAO,MAAM,EAAE,EAAE,gBA2ChB,CAAC"}

package/dist/remarkable-pro/theme/i18n/translations/en.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"en.d.ts","sourceRoot":"","sources":["../../../../../src/remarkable-pro/theme/i18n/translations/en.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE3C,eAAO,MAAM,EAAE,EAAE,gBA6BhB,CAAC"}
+{"version":3,"file":"en.d.ts","sourceRoot":"","sources":["../../../../../src/remarkable-pro/theme/i18n/translations/en.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE3C,eAAO,MAAM,EAAE,EAAE,gBAgChB,CAAC"}

package/dist/remarkable-pro/theme/theme.constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme.constants.d.ts","sourceRoot":"","sources":["../../../src/remarkable-pro/theme/theme.constants.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,EAAe,MAAM,eAAe,CAAC;AA6BnD,eAAO,MAAM,eAAe,EAAE,KAMpB,CAAC"}
+{"version":3,"file":"theme.constants.d.ts","sourceRoot":"","sources":["../../../src/remarkable-pro/theme/theme.constants.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,EAA4C,MAAM,eAAe,CAAC;AAkChF,eAAO,MAAM,eAAe,EAAE,KAOpB,CAAC"}

package/dist/remarkable-pro/theme/theme.types.d.ts

@@ -5,6 +5,8 @@ import { ChartOptions } from 'chart.js';
 import { ChartCardMenuProOption } from '../components/charts/shared/ChartCard/ChartCardMenuPro/ChartCardMenuPro.types';
 import { DateRangeSelectFieldProOption } from '../components/editors/DateRangeSelectFieldPro/DateRangeSelectFieldPro.types';
 import { ComparisonPeriodSelectFieldProOption } from '../components/editors/ComparisonPeriodSelectFieldPro/ComparisonPeriodSelectFieldPro.types';
+import { ComparisonPeriodOption } from './defaults/defaults.ComparisonPeriods.constants';
+import { DateRangeOption } from './defaults/defaults.DateRanges.constants';
 export type ThemeI18n = {
     language: string;
     translations: Resource;
@@ -56,11 +58,16 @@ export type ThemeEditors = {
         options: ComparisonPeriodSelectFieldProOption[];
     };
 };
+export type ThemeDefaults = {
+    comparisonPeriodsOptions: ComparisonPeriodOption[];
+    dateRangesOptions: DateRangeOption[];
+};
 export type Theme = {
     i18n: ThemeI18n;
     charts: ThemeCharts;
     styles: ThemeStyles;
     formatter: ThemeFormatter;
     editors: ThemeEditors;
+    defaults: ThemeDefaults;
 };
 //# sourceMappingURL=theme.types.d.ts.map

package/dist/remarkable-pro/theme/theme.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme.types.d.ts","sourceRoot":"","sources":["../../../src/remarkable-pro/theme/theme.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AACnC,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AACxC,OAAO,EAAE,sBAAsB,EAAE,MAAM,+EAA+E,CAAC;AACvH,OAAO,EAAE,6BAA6B,EAAE,MAAM,6EAA6E,CAAC;AAC5H,OAAO,EAAE,oCAAoC,EAAE,MAAM,2FAA2F,CAAC;AAEjJ,MAAM,MAAM,SAAS,GAAG;IAAE,QAAQ,EAAE,MAAM,CAAC;IAAC,YAAY,EAAE,QAAQ,CAAA;CAAE,CAAC;AAErE,MAAM,MAAM,yBAAyB,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE5E,MAAM,MAAM,WAAW,GAAG;IACxB,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC5B,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,cAAc,EAAE,yBAAyB,CAAC;IAC1C,gBAAgB,EAAE;QAAE,OAAO,EAAE,sBAAsB,EAAE,CAAA;KAAE,CAAC;IAGxD,WAAW,CAAC,EAAE;QAAE,OAAO,EAAE,OAAO,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAA;KAAE,CAAC;IACxD,aAAa,CAAC,EAAE;QAAE,OAAO,EAAE,OAAO,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAA;KAAE,CAAC;IAC1D,kBAAkB,CAAC,EAAE;QAAE,OAAO,EAAE,OAAO,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAA;KAAE,CAAC;IAC/D,WAAW,CAAC,EAAE;QAAE,OAAO,EAAE,OAAO,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAA;KAAE,CAAC;IACxD,kBAAkB,CAAC,EAAE;QAAE,OAAO,EAAE,OAAO,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAA;KAAE,CAAC;IAC/D,4BAA4B,CAAC,EAAE;QAAE,OAAO,EAAE,OAAO,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAA;KAAE,CAAC;IACzE,kBAAkB,CAAC,EAAE;QAAE,OAAO,EAAE,OAAO,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAA;KAAE,CAAC;IAC/D,4BAA4B,CAAC,EAAE;QAAE,OAAO,EAAE,OAAO,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAA;KAAE,CAAC;IACzE,kBAAkB,CAAC,EAAE;QAAE,OAAO,EAAE,OAAO,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAA;KAAE,CAAC;IAC/D,4BAA4B,CAAC,EAAE;QAAE,OAAO,EAAE,OAAO,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAA;KAAE,CAAC;CAC1E,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACzB,uBAAuB,EAAE;QACvB,OAAO,EAAE,6BAA6B,EAAE,CAAC;KAC1C,CAAC;IACF,8BAA8B,EAAE;QAC9B,OAAO,EAAE,oCAAoC,EAAE,CAAC;KACjD,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,KAAK,GAAG;IAClB,IAAI,EAAE,SAAS,CAAC;IAChB,MAAM,EAAE,WAAW,CAAC;IACpB,MAAM,EAAE,WAAW,CAAC;IACpB,SAAS,EAAE,cAAc,CAAC;IAC1B,OAAO,EAAE,YAAY,CAAC;CACvB,CAAC"}
+{"version":3,"file":"theme.types.d.ts","sourceRoot":"","sources":["../../../src/remarkable-pro/theme/theme.types.ts"],"names":[],"mappings":"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"}

package/dist/remarkable-ui/charts/kpis/KpiChart.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { KpiChartProps } from './KpiChart.types';
+export declare const KpiChart: FC<KpiChartProps>;
+//# sourceMappingURL=KpiChart.d.ts.map

package/dist/remarkable-ui/charts/kpis/KpiChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"KpiChart.d.ts","sourceRoot":"","sources":["../../../../src/remarkable-ui/charts/kpis/KpiChart.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAI3B,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAGjD,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CAsCtC,CAAC"}

package/dist/remarkable-ui/charts/{kpi/Kpi.stories.d.ts → kpis/KpiChart.stories.d.ts}

@@ -1,6 +1,13 @@
 import { StoryObj } from '@storybook/react-webpack5';
 declare const meta: {
-    component: import('react').FC<import('./Kpi.types').KpiProps>;
+    component: import('react').FC<import('./KpiChart.types').KpiChartProps>;
+    argTypes: {
+        valueFontSize: {
+            control: {
+                type: "number";
+            };
+        };
+    };
 };
 export default meta;
 type Story = StoryObj<typeof meta>;
@@ -12,4 +19,5 @@ export declare const KpiComparisonPositive: Story;
 export declare const KpiComparisonPositivePercentage: Story;
 export declare const KpiComparisonPositiveInvertedColors: Story;
 export declare const KpiComparisonNegativeInvertedColors: Story;
-//# sourceMappingURL=Kpi.stories.d.ts.map
+export declare const KpiComparisonZero: Story;
+//# sourceMappingURL=KpiChart.stories.d.ts.map

package/dist/remarkable-ui/charts/kpis/KpiChart.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"KpiChart.stories.d.ts","sourceRoot":"","sources":["../../../../src/remarkable-ui/charts/kpis/KpiChart.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAIhE,QAAA,MAAM,IAAI;;;;;;;;;CASuB,CAAC;AAElC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,MAAM,EAAE,KAIpB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAOhC,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,KAOnC,CAAC;AAEF,eAAO,MAAM,+BAA+B,EAAE,KAQ7C,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,KAOnC,CAAC;AAEF,eAAO,MAAM,+BAA+B,EAAE,KAQ7C,CAAC;AAEF,eAAO,MAAM,mCAAmC,EAAE,KAQjD,CAAC;AAEF,eAAO,MAAM,mCAAmC,EAAE,KAQjD,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAO/B,CAAC"}

package/dist/remarkable-ui/charts/kpis/KpiChart.types.d.ts

@@ -0,0 +1,13 @@
+import { CssSize } from '../../types/css.types';
+export type KpiChartProps = {
+    value: number;
+    changeFontSize?: number;
+    comparisonValue?: number;
+    showChangeAsPercentage?: boolean;
+    invertChangeColors?: boolean;
+    comparisonLabel?: string;
+    equalComparisonLabel?: string;
+    valueFontSize?: CssSize;
+    valueFormatter?: (value: number) => string;
+};
+//# sourceMappingURL=KpiChart.types.d.ts.map

package/dist/remarkable-ui/charts/kpis/KpiChart.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"KpiChart.types.d.ts","sourceRoot":"","sources":["../../../../src/remarkable-ui/charts/kpis/KpiChart.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAEhD,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CAC5C,CAAC"}

package/dist/remarkable-ui/charts/kpis/components/KpiChartChange.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { KpiChartProps } from '../KpiChart.types';
+type KpiChartChangeProps = KpiChartProps & {
+    className?: string;
+};
+export declare const KpiChartChange: FC<KpiChartChangeProps>;
+export {};
+//# sourceMappingURL=KpiChartChange.d.ts.map

package/dist/remarkable-ui/charts/kpis/components/KpiChartChange.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"KpiChartChange.d.ts","sourceRoot":"","sources":["../../../../../src/remarkable-ui/charts/kpis/components/KpiChartChange.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAK3B,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAOlD,KAAK,mBAAmB,GAAG,aAAa,GAAG;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAElE,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAmClD,CAAC"}

package/dist/remarkable-ui/index.d.ts

@@ -20,6 +20,7 @@ export { SelectList } from './editors/select/shared/SelectList/SelectList';
 export { SingleSelectField } from './editors/select/SingleSelectField/SingleSelectField';
 export { TextField } from './editors/TextField/TextField';
 export { NumberField } from './editors/NumberField/NumberField';
+export { KpiChart } from './charts/kpis/KpiChart';
 export { DonutChart } from './charts/pies/DonutChart';
 export { PieChart } from './charts/pies/PieChart';
 export { defaultPieChartOptions } from './charts/pies/pies.constants';

package/dist/remarkable-ui/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/remarkable-ui/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AACtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,gDAAgD,CAAC;AACpF,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACnE,OAAO,EAAE,eAAe,EAAE,MAAM,+CAA+C,CAAC;AAChF,OAAO,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AACtD,OAAO,EACL,gBAAgB,EAChB,KAAK,qBAAqB,GAC3B,MAAM,wFAAwF,CAAC;AAChG,OAAO,EAAE,iBAAiB,EAAE,MAAM,wEAAwE,CAAC;AAC3G,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,YAAY,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAC7D,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AACjE,YAAY,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AAC3E,OAAO,EAAE,gBAAgB,EAAE,MAAM,oDAAoD,CAAC;AACtF,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAGhD,OAAO,EAAE,YAAY,EAAE,MAAM,mDAAmD,CAAC;AACjF,OAAO,EAAE,UAAU,EAAE,MAAM,+CAA+C,CAAC;AAC3E,OAAO,EAAE,iBAAiB,EAAE,MAAM,sDAAsD,CAAC;AACzF,OAAO,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAGhE,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,sBAAsB,EAAE,MAAM,8BAA8B,CAAC;AAGtE,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,MAAM,EAAE,KAAK,MAAM,EAAE,MAAM,2BAA2B,CAAC;AAGhE,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/remarkable-ui/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AACtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,gDAAgD,CAAC;AACpF,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACnE,OAAO,EAAE,eAAe,EAAE,MAAM,+CAA+C,CAAC;AAChF,OAAO,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AACtD,OAAO,EACL,gBAAgB,EAChB,KAAK,qBAAqB,GAC3B,MAAM,wFAAwF,CAAC;AAChG,OAAO,EAAE,iBAAiB,EAAE,MAAM,wEAAwE,CAAC;AAC3G,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,YAAY,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAC7D,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AACjE,YAAY,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AAC3E,OAAO,EAAE,gBAAgB,EAAE,MAAM,oDAAoD,CAAC;AACtF,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAGhD,OAAO,EAAE,YAAY,EAAE,MAAM,mDAAmD,CAAC;AACjF,OAAO,EAAE,UAAU,EAAE,MAAM,+CAA+C,CAAC;AAC3E,OAAO,EAAE,iBAAiB,EAAE,MAAM,sDAAsD,CAAC;AACzF,OAAO,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAGhE,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,sBAAsB,EAAE,MAAM,8BAA8B,CAAC;AAGtE,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,MAAM,EAAE,KAAK,MAAM,EAAE,MAAM,2BAA2B,CAAC;AAGhE,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/remarkable-ui/shared/Typography/Typography.d.ts

@@ -5,7 +5,8 @@ type TypographyProps = {
     as?: TypographyElement;
     className?: string;
     title?: string;
+    style?: React.CSSProperties;
 };
-export declare function Typography({ children, as: Component, className, title, }: TypographyProps): React.JSX.Element;
+export declare function Typography({ children, as: Component, className, style, title, }: TypographyProps): React.JSX.Element;
 export {};
 //# sourceMappingURL=Typography.d.ts.map

package/dist/remarkable-ui/shared/Typography/Typography.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Typography.d.ts","sourceRoot":"","sources":["../../../../src/remarkable-ui/shared/Typography/Typography.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,KAAK,iBAAiB,GAAG,GAAG,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,OAAO,GAAG,KAAK,CAAC;AAElG,KAAK,eAAe,GAAG;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,EAAE,CAAC,EAAE,iBAAiB,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,EAAE,EAAE,SAAe,EACnB,SAAS,EACT,KAAK,GACN,EAAE,eAAe,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAMrC"}
+{"version":3,"file":"Typography.d.ts","sourceRoot":"","sources":["../../../../src/remarkable-ui/shared/Typography/Typography.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,KAAK,iBAAiB,GAAG,GAAG,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,OAAO,GAAG,KAAK,CAAC;AAElG,KAAK,eAAe,GAAG;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,EAAE,CAAC,EAAE,iBAAiB,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B,CAAC;AAEF,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,EAAE,EAAE,SAAe,EACnB,SAAS,EACT,KAAK,EACL,KAAK,GACN,EAAE,eAAe,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAMrC"}

package/dist/remarkable-ui/types/css.types.d.ts

@@ -0,0 +1,2 @@
+export type CssSize = number | `${number}px` | `${number}rem` | `${number}em` | `${number}%`;
+//# sourceMappingURL=css.types.d.ts.map

package/dist/remarkable-ui/types/css.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"css.types.d.ts","sourceRoot":"","sources":["../../../src/remarkable-ui/types/css.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,OAAO,GAAG,MAAM,GAAG,GAAG,MAAM,IAAI,GAAG,GAAG,MAAM,KAAK,GAAG,GAAG,MAAM,IAAI,GAAG,GAAG,MAAM,GAAG,CAAC"}