@embeddable.com/remarkable-pro 0.0.3 → 0.0.4

package/README.md

@@ -1,26 +1,77 @@
-# Remarkable UI
+# Remarkable PRO is Embeddable’s production-ready component suite.
 
-**Remarkable UI** is an open-source library of **beautiful components** for analytics – charts, controls, tables, and more – designed to be styled with **granular CSS variables**.
+Remarkable PRO is component library to use inside of [Embeddable](https://embeddable.com/).
 
-👉 Remarkable UI forms part of the [Embeddable](https://embeddable.com) ecosystem but can also be used independently.
+It provides [Embeddable](https://embeddable.com/) ready-to-go components, editors and granular styling via CSS variables inside the theme.
 
-## 🎨 Styling with CSS Variables
+Under the hood it uses the open source [Remarkable UI](https://www.npmjs.com/package/@embeddable.com/remarkable-ui) library.
 
-Every part of a Remarkable UI component can be styled with granular CSS variables.
+## 📦 Installation
 
-There are **three layers** of variables in our system:
+```bash
+npm install @embeddable.com/remarkable-pro
+```
 
-1. **Base variables**
-   – Raw CSS primitives (colors, spacing, type scales)  
-   – _Don’t override_—they’re the foundation.
-2. **Semantic variables**  
-   – “Meaningful” tokens built from base vars (e.g. --background-default, --foreground-error, --font-default)  
-   – Control _global_ look-and-feel: light vs. dark palettes, brand colors, default text styles.
-3. **Component variables**  
-   – Element-specific tokens (namespaced by component, e.g. --icn-btn-background-hover, --dropdown-padding)  
-   – Fine-tune individual components without touching global semantics.
+## 🧩 Setup (embeddable.config.ts)
+
+```ts
+export default defineConfig({
+  ...
+  componentLibraries: ["@embeddable.com/remarkable-pro"]
+});
+```
+
+## 🚀 Remarkable PRO includes
+
+- All core visualisations: bar, line, pie/donut, KPI tiles, tables, heatmaps, etc.
+- All essential controls: dropdowns, multi-selects, date pickers (UTC-safe), and - custom filters.
+- In-built interactivity: every chart supports click to filter.
+- i18n: internationalisation, built-in.
+- Consistent colors: automatic color-value assignment. And lots more.
+
+## 🎨 Theme styling
+
+The components and editors are part of the [Remarkable UI](https://www.npmjs.com/package/@embeddable.com/remarkable-ui) library, that uses its own [design system](https://github.com/embeddable-hq/remarkable-ui/blob/main/src/styles/global.tokens.ts) to style them.
+
+To update this styles, simply specify your css variable overrides inside your root embeddable.theme.ts file.
+
+```ts
+const themeProvider = (clientContext: any, parentTheme: Theme): Theme => {
+  const newTheme: DeepPartial<Theme> = {
+    styles: {
+      '--em-button-background--primary': 'gray',
+      '--em-card-border-radius': '20px',
+      ...
+    },
+  };
+  const theme = defineTheme(parentTheme, newTheme) as Theme;
+  return theme;
+};
+```
+
+## 📁 Project Structure
+
+```
+src/
+  assets/        # Icons and static assets
+  components/    # Chart, table, editor components
+  editors/       # Editor components and utilities
+  theme/         # Theme constants, types, and utils
+  types/         # Shared TypeScript types
+  utils.ts/      # Utility functions
+```
 
 ## 🛠 Contributing
 
-Remarkable UI is under active development, and we’d love feedback or contributions.  
-Feel free to open issues or suggest improvements.
+We welcome feedback and contributions!
+
+1. Fork the repository
+2. Create a feature branch
+3. Commit your changes
+4. Open a pull request
+
+Please follow our code style and add tests for new features.
+
+## 📄 License
+
+MIT — see the `LICENSE` file for details.

package/dist/BarChartDefaultHorizontalPro.js

@@ -1,8 +1,8 @@
-import { m as L, j as l, B as M, V, l as w } from "./index-DedIqjbn.js";
+import { m as L, j as l, B as M, V, l as w } from "./index-BR6dp5RX.js";
 import { useTheme as z, defineComponent as P } from "@embeddable.com/react";
-import { a as v, r as y, v as R, E as k, z as H, F as I, G as j, I as F, J as S, K as T, M as Y, N as E, O as G, R as O, U as J, V as K, X as N } from "./component.constants-uP1WYyUb.js";
-import { C as U } from "./ChartCard-CsKQOusx.js";
-import { g as W, a as X } from "./bars.utils-BU_k5fia.js";
+import { a as v, r as y, v as R, E as k, z as H, F as I, G as j, I as F, J as S, K as T, M as Y, N as E, O as G, R as O, U as J, V as K, X as N } from "./component.constants-h6et83ck.js";
+import { C as U } from "./ChartCard-C7c2rTst.js";
+import { g as W, a as X } from "./bars.utils-JRnFN04m.js";
 import { u as _ } from "./charts.fillGaps.hooks-YayOXVmt.js";
 const q = (a) => {
   var i, n;

package/dist/BarChartDefaultPro.js

@@ -1,8 +1,8 @@
-import { m as L, j as l, B as M, V as w, l as y } from "./index-DedIqjbn.js";
+import { m as L, j as l, B as M, V as w, l as y } from "./index-BR6dp5RX.js";
 import { useTheme as P, defineComponent as V } from "@embeddable.com/react";
-import { a as v, r as k, v as I, E as R, z as j, F as S, G as T, I as F, J as X, K as z, M as E, N as G, O, P as W, S as J, T as K, W as N } from "./component.constants-uP1WYyUb.js";
-import { C as _ } from "./ChartCard-CsKQOusx.js";
-import { g as q, a as H } from "./bars.utils-BU_k5fia.js";
+import { a as v, r as k, v as I, E as R, z as j, F as S, G as T, I as F, J as X, K as z, M as E, N as G, O, P as W, S as J, T as K, W as N } from "./component.constants-h6et83ck.js";
+import { C as _ } from "./ChartCard-C7c2rTst.js";
+import { g as q, a as H } from "./bars.utils-JRnFN04m.js";
 import { u as Q } from "./charts.fillGaps.hooks-YayOXVmt.js";
 const U = (a) => {
   var i, n;

package/dist/BarChartGroupedHorizontalPro.js

@@ -1,8 +1,8 @@
-import { m as L, j as m, B as w, V as u, l as G } from "./index-DedIqjbn.js";
+import { m as L, j as m, B as w, V as u, l as G } from "./index-BR6dp5RX.js";
 import { useTheme as z, defineComponent as R } from "@embeddable.com/react";
-import { a as k, r as M, v as P, D as H, z as v, w as j, F, G as S, H as T, I as Y, J as I, K as O, M as E, N as J, O as K, R as N, U, V as W } from "./component.constants-uP1WYyUb.js";
-import { C as _ } from "./ChartCard-CsKQOusx.js";
-import { b as q, a as Q } from "./bars.utils-BU_k5fia.js";
+import { a as k, r as M, v as P, D as H, z as v, w as j, F, G as S, H as T, I as Y, J as I, K as O, M as E, N as J, O as K, R as N, U, V as W } from "./component.constants-h6et83ck.js";
+import { C as _ } from "./ChartCard-C7c2rTst.js";
+import { b as q, a as Q } from "./bars.utils-JRnFN04m.js";
 import { u as X } from "./charts.fillGaps.hooks-YayOXVmt.js";
 const Z = (e) => {
   var n, l;

package/dist/BarChartGroupedPro.js

@@ -1,8 +1,8 @@
-import { m as L, j as m, B as w, V as u, l as G } from "./index-DedIqjbn.js";
+import { m as L, j as m, B as w, V as u, l as G } from "./index-BR6dp5RX.js";
 import { useTheme as P, defineComponent as k } from "@embeddable.com/react";
-import { a as M, r as R, v, D as S, z as T, w as j, F, G as X, H as z, I, J as O, K as E, M as H, N as J, O as K, P as N, S as W, T as _ } from "./component.constants-uP1WYyUb.js";
-import { C as q } from "./ChartCard-CsKQOusx.js";
-import { b as Q, a as U } from "./bars.utils-BU_k5fia.js";
+import { a as M, r as R, v, D as S, z as T, w as j, F, G as X, H as z, I, J as O, K as E, M as H, N as J, O as K, P as N, S as W, T as _ } from "./component.constants-h6et83ck.js";
+import { C as q } from "./ChartCard-C7c2rTst.js";
+import { b as Q, a as U } from "./bars.utils-JRnFN04m.js";
 import { u as Y } from "./charts.fillGaps.hooks-YayOXVmt.js";
 const Z = (e) => {
   var n, l;

package/dist/BarChartStackedHorizontalPro.js

@@ -1,8 +1,8 @@
-import { m as L, j as m, B as f, V as u, l as w } from "./index-DedIqjbn.js";
+import { m as L, j as m, B as f, V as u, l as w } from "./index-BR6dp5RX.js";
 import { useTheme as S, defineComponent as z } from "@embeddable.com/react";
-import { a as R, r as M, v as P, D as H, z as v, w as T, F as j, G as F, H as G, I as Y, J as I, K as O, M as E, N as J, O as K, R as N, U, V as W, L as _ } from "./component.constants-uP1WYyUb.js";
-import { C as q } from "./ChartCard-CsKQOusx.js";
-import { b as Q, a as X } from "./bars.utils-BU_k5fia.js";
+import { a as R, r as M, v as P, D as H, z as v, w as T, F as j, G as F, H as G, I as Y, J as I, K as O, M as E, N as J, O as K, R as N, U, V as W, L as _ } from "./component.constants-h6et83ck.js";
+import { C as q } from "./ChartCard-C7c2rTst.js";
+import { b as Q, a as X } from "./bars.utils-JRnFN04m.js";
 import { u as Z } from "./charts.fillGaps.hooks-YayOXVmt.js";
 const $ = (a) => {
   var n, l;

package/dist/BarChartStackedPro.js

@@ -1,8 +1,8 @@
-import { m as V, j as m, B as f, V as u, l as w } from "./index-DedIqjbn.js";
+import { m as V, j as m, B as f, V as u, l as w } from "./index-BR6dp5RX.js";
 import { useTheme as S, defineComponent as P } from "@embeddable.com/react";
-import { a as M, r as R, v as T, D as v, z as j, w as F, F as G, G as X, H as z, I, J as O, K as E, M as H, N as J, O as K, P as N, S as W, T as _, L as q } from "./component.constants-uP1WYyUb.js";
-import { C as Q } from "./ChartCard-CsKQOusx.js";
-import { b as U, a as Y } from "./bars.utils-BU_k5fia.js";
+import { a as M, r as R, v as T, D as v, z as j, w as F, F as G, G as X, H as z, I, J as O, K as E, M as H, N as J, O as K, P as N, S as W, T as _, L as q } from "./component.constants-h6et83ck.js";
+import { C as Q } from "./ChartCard-C7c2rTst.js";
+import { b as U, a as Y } from "./bars.utils-JRnFN04m.js";
 import { u as Z } from "./charts.fillGaps.hooks-YayOXVmt.js";
 const $ = (a) => {
   var n, l;

package/dist/{ChartCard-CsKQOusx.js → ChartCard-C7c2rTst.js}

@@ -1,7 +1,7 @@
-import { s as R, j as t, t as D, v as w, w as I, x as S, A as k, C as L, c as N, y as x, e as M, z as b, f } from "./index-DedIqjbn.js";
+import { s as R, j as t, t as D, v as w, w as I, x as S, A as k, C as L, c as N, y as x, e as M, z as b, f } from "./index-BR6dp5RX.js";
 import _, { useRef as T } from "react";
 import { useTheme as j } from "@embeddable.com/react";
-import { a as v, i as C, a0 as A } from "./component.constants-uP1WYyUb.js";
+import { a as v, i as C, a0 as A } from "./component.constants-h6et83ck.js";
 /**
  * @license @tabler/icons-react v3.35.0 - MIT
  *
@@ -121,4 +121,4 @@ J.displayName = "ChartCard";
 export {
   J as C
 };
-//# sourceMappingURL=ChartCard-CsKQOusx.js.map
+//# sourceMappingURL=ChartCard-C7c2rTst.js.map

package/dist/{ChartCard-CsKQOusx.js.map → ChartCard-C7c2rTst.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ChartCard-CsKQOusx.js","sources":["../node_modules/@tabler/icons-react/dist/esm/icons/IconDotsVertical.mjs","../src/components/charts/shared/ChartCard/ChartCardLoading/ChartCardLoading.tsx","../src/components/charts/shared/ChartCard/ChartCardMenuPro/ChartCardMenuPro.tsx","../src/components/charts/shared/ChartCard/ChartCard.tsx"],"sourcesContent":["/**\n * @license @tabler/icons-react v3.35.0 - MIT\n *\n * This source code is licensed under the MIT license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createReactComponent from '../createReactComponent.mjs';\n\nconst __iconNode = [[\"path\", { \"d\": \"M12 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0\", \"key\": \"svg-0\" }], [\"path\", { \"d\": \"M12 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0\", \"key\": \"svg-1\" }], [\"path\", { \"d\": \"M12 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0\", \"key\": \"svg-2\" }]];\nconst IconDotsVertical = createReactComponent(\"outline\", \"dots-vertical\", \"DotsVertical\", __iconNode);\n\nexport { __iconNode, IconDotsVertical as default };\n//# sourceMappingURL=IconDotsVertical.mjs.map\n","import { IconLoader2 } from '@tabler/icons-react';\nimport styles from './ChartCardLoading.module.css';\n\nexport const ChartCardLoading = () => <IconLoader2 className={styles.loading} />;\n","import { IconDotsVertical } from '@tabler/icons-react';\nimport React from 'react';\nimport { useTheme } from '@embeddable.com/react';\nimport { ChartCardLoading } from '../ChartCardLoading/ChartCardLoading';\nimport { i18n, i18nSetup } from '../../../../../theme/i18n/i18n';\nimport { Theme } from '../../../../../theme/theme.types';\nimport {\n  Dropdown,\n  ActionIcon,\n  SelectFieldContent,\n  SelectListOption,\n} from '@embeddable.com/remarkable-ui';\nimport styles from './ChartCardMenuPro.module.css';\nimport { ChartCardMenuOptionOnClickProps } from '../../../../../theme/defaults/defaults.ChartCardMenu.constants';\n\ntype InlineSvgFromDataProps = React.HTMLAttributes<HTMLSpanElement> & {\n  src: string;\n};\n\nexport function InlineSvgFromData({ src, className, ...rest }: InlineSvgFromDataProps) {\n  // Remove prefix and URL-decode the SVG markup\n  const svgMarkup = decodeURIComponent(src.replace(/^data:image\\/svg\\+xml,/, ''));\n\n  return <div className={className} {...rest} dangerouslySetInnerHTML={{ __html: svgMarkup }} />;\n}\n\ntype ChartCardMenuProProps = Omit<ChartCardMenuOptionOnClickProps, 'theme'>;\n\nexport const ChartCardMenuPro: React.FC<ChartCardMenuProProps> = (props) => {\n  const theme: Theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const [isLoading, setIsLoading] = React.useState(false);\n\n  const options = theme.defaults.chartMenuOptions ?? [];\n\n  if (options.length === 0) {\n    return null;\n  }\n\n  const startAction = (onClick: () => void | Promise<void>) => {\n    setTimeout(() => {\n      Promise.resolve(onClick()).finally(() => setIsLoading(false));\n    }, 100);\n  };\n\n  const handleExport = (onClick: (props: ChartCardMenuOptionOnClickProps) => void) => {\n    setIsLoading(true);\n    if (props.onCustomDownload) {\n      props.onCustomDownload((args) => startAction(() => onClick(args)));\n      return;\n    }\n    startAction(() => onClick({ ...props, theme }));\n  };\n\n  return (\n    <Dropdown\n      side=\"bottom\"\n      align=\"end\"\n      triggerComponent={isLoading ? <ChartCardLoading /> : <ActionIcon icon={IconDotsVertical} />}\n    >\n      <SelectFieldContent className={styles.list} autoFocus>\n        {options.map((option, index) => {\n          const label = i18n.t(option.labelKey);\n\n          return (\n            <SelectListOption\n              key={index}\n              label={label}\n              onClick={() => handleExport(option.onClick)}\n              startIcon={option.iconSrc ? <InlineSvgFromData src={option.iconSrc} /> : undefined}\n            />\n          );\n        })}\n      </SelectFieldContent>\n    </Dropdown>\n  );\n};\n","import React, { CSSProperties, useRef } from 'react';\nimport { IconAlertCircle } from '@tabler/icons-react';\nimport {\n  Card,\n  CardContent,\n  CardFeedback,\n  CardHeader,\n  Skeleton,\n} from '@embeddable.com/remarkable-ui';\nimport styles from './ChartCard.module.css';\nimport { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport { useTheme } from '@embeddable.com/react';\nimport { ChartCardLoading } from './ChartCardLoading/ChartCardLoading';\nimport { ChartCardMenuPro } from './ChartCardMenuPro/ChartCardMenuPro';\nimport { Theme } from '../../../../theme/theme.types';\nimport { i18n, i18nSetup } from '../../../../theme/i18n/i18n';\nimport clsx from 'clsx';\nimport { ChartCardMenuOptionOnClickProps } from '../../../../theme/defaults/defaults.ChartCardMenu.constants';\n\ntype ChartCardProps = {\n  title: string;\n  subtitle?: string;\n  children: React.ReactNode;\n  data: DataResponse;\n  isLoading?: boolean;\n  errorMessage?: string;\n  style?: CSSProperties;\n  dimensionsAndMeasures?: (Dimension | Measure)[];\n  onCustomDownload?: (props: (props: ChartCardMenuOptionOnClickProps) => void) => void;\n};\n\nexport const ChartCard = React.forwardRef<HTMLDivElement, ChartCardProps>(\n  (\n    { title, subtitle, children, data, errorMessage, dimensionsAndMeasures = [], ...props },\n    ref,\n  ) => {\n    const theme: Theme = useTheme() as Theme;\n    i18nSetup(theme);\n\n    const chartRef = useRef<HTMLDivElement>(null);\n\n    const hasData = Boolean(data?.data && data.data?.length > 0);\n\n    const isLoading = !data || data?.isLoading;\n\n    const getDisplay = () => {\n      if (isLoading && !hasData) {\n        return <Skeleton />;\n      }\n\n      if (errorMessage) {\n        return (\n          <CardFeedback\n            variant=\"error\"\n            icon={IconAlertCircle}\n            title={i18n.t('charts.errorTitle')}\n            message={errorMessage}\n          />\n        );\n      }\n\n      if (!hasData) {\n        return (\n          <CardFeedback\n            title={i18n.t('charts.emptyTitle')}\n            message={i18n.t('charts.emptyMessage')}\n          />\n        );\n      }\n\n      return children;\n    };\n\n    return (\n      <Card className={styles.chartCard} {...props}>\n        <CardHeader\n          title={title}\n          subtitle={subtitle}\n          rightContent={\n            <div className={styles.chartCardRightContent}>\n              <div\n                className={clsx(styles.fixedContent, isLoading ? styles.loading : styles.hidden)}\n              >\n                <ChartCardLoading />\n              </div>\n              <div\n                className={clsx(styles.fixedContent, isLoading ? styles.hidden : styles.visible)}\n              >\n                <ChartCardMenuPro\n                  title={title}\n                  containerRef={chartRef}\n                  data={data?.data}\n                  dimensionsAndMeasures={dimensionsAndMeasures}\n                  onCustomDownload={props.onCustomDownload}\n                />\n              </div>\n            </div>\n          }\n        />\n\n        <CardContent ref={props.onCustomDownload ? ref : chartRef}>{getDisplay()}</CardContent>\n      </Card>\n    );\n  },\n);\n\nChartCard.displayName = 'ChartCard';\n"],"names":["__iconNode","IconDotsVertical","createReactComponent","ChartCardLoading","jsx","IconLoader2","styles","InlineSvgFromData","src","className","rest","svgMarkup","ChartCardMenuPro","props","theme","useTheme","i18nSetup","isLoading","setIsLoading","React","options","startAction","onClick","handleExport","args","Dropdown","ActionIcon","SelectFieldContent","option","index","label","i18n","SelectListOption","ChartCard","title","subtitle","children","data","errorMessage","dimensionsAndMeasures","ref","chartRef","useRef","hasData","_a","getDisplay","Skeleton","CardFeedback","IconAlertCircle","Card","CardHeader","jsxs","clsx","CardContent"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"ChartCard-C7c2rTst.js","sources":["../node_modules/@tabler/icons-react/dist/esm/icons/IconDotsVertical.mjs","../src/components/charts/shared/ChartCard/ChartCardLoading/ChartCardLoading.tsx","../src/components/charts/shared/ChartCard/ChartCardMenuPro/ChartCardMenuPro.tsx","../src/components/charts/shared/ChartCard/ChartCard.tsx"],"sourcesContent":["/**\n * @license @tabler/icons-react v3.35.0 - MIT\n *\n * This source code is licensed under the MIT license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createReactComponent from '../createReactComponent.mjs';\n\nconst __iconNode = [[\"path\", { \"d\": \"M12 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0\", \"key\": \"svg-0\" }], [\"path\", { \"d\": \"M12 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0\", \"key\": \"svg-1\" }], [\"path\", { \"d\": \"M12 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0\", \"key\": \"svg-2\" }]];\nconst IconDotsVertical = createReactComponent(\"outline\", \"dots-vertical\", \"DotsVertical\", __iconNode);\n\nexport { __iconNode, IconDotsVertical as default };\n//# sourceMappingURL=IconDotsVertical.mjs.map\n","import { IconLoader2 } from '@tabler/icons-react';\nimport styles from './ChartCardLoading.module.css';\n\nexport const ChartCardLoading = () => <IconLoader2 className={styles.loading} />;\n","import { IconDotsVertical } from '@tabler/icons-react';\nimport React from 'react';\nimport { useTheme } from '@embeddable.com/react';\nimport { ChartCardLoading } from '../ChartCardLoading/ChartCardLoading';\nimport { i18n, i18nSetup } from '../../../../../theme/i18n/i18n';\nimport { Theme } from '../../../../../theme/theme.types';\nimport {\n  Dropdown,\n  ActionIcon,\n  SelectFieldContent,\n  SelectListOption,\n} from '@embeddable.com/remarkable-ui';\nimport styles from './ChartCardMenuPro.module.css';\nimport { ChartCardMenuOptionOnClickProps } from '../../../../../theme/defaults/defaults.ChartCardMenu.constants';\n\ntype InlineSvgFromDataProps = React.HTMLAttributes<HTMLSpanElement> & {\n  src: string;\n};\n\nexport function InlineSvgFromData({ src, className, ...rest }: InlineSvgFromDataProps) {\n  // Remove prefix and URL-decode the SVG markup\n  const svgMarkup = decodeURIComponent(src.replace(/^data:image\\/svg\\+xml,/, ''));\n\n  return <div className={className} {...rest} dangerouslySetInnerHTML={{ __html: svgMarkup }} />;\n}\n\ntype ChartCardMenuProProps = Omit<ChartCardMenuOptionOnClickProps, 'theme'>;\n\nexport const ChartCardMenuPro: React.FC<ChartCardMenuProProps> = (props) => {\n  const theme: Theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const [isLoading, setIsLoading] = React.useState(false);\n\n  const options = theme.defaults.chartMenuOptions ?? [];\n\n  if (options.length === 0) {\n    return null;\n  }\n\n  const startAction = (onClick: () => void | Promise<void>) => {\n    setTimeout(() => {\n      Promise.resolve(onClick()).finally(() => setIsLoading(false));\n    }, 100);\n  };\n\n  const handleExport = (onClick: (props: ChartCardMenuOptionOnClickProps) => void) => {\n    setIsLoading(true);\n    if (props.onCustomDownload) {\n      props.onCustomDownload((args) => startAction(() => onClick(args)));\n      return;\n    }\n    startAction(() => onClick({ ...props, theme }));\n  };\n\n  return (\n    <Dropdown\n      side=\"bottom\"\n      align=\"end\"\n      triggerComponent={isLoading ? <ChartCardLoading /> : <ActionIcon icon={IconDotsVertical} />}\n    >\n      <SelectFieldContent className={styles.list} autoFocus>\n        {options.map((option, index) => {\n          const label = i18n.t(option.labelKey);\n\n          return (\n            <SelectListOption\n              key={index}\n              label={label}\n              onClick={() => handleExport(option.onClick)}\n              startIcon={option.iconSrc ? <InlineSvgFromData src={option.iconSrc} /> : undefined}\n            />\n          );\n        })}\n      </SelectFieldContent>\n    </Dropdown>\n  );\n};\n","import React, { CSSProperties, useRef } from 'react';\nimport { IconAlertCircle } from '@tabler/icons-react';\nimport {\n  Card,\n  CardContent,\n  CardFeedback,\n  CardHeader,\n  Skeleton,\n} from '@embeddable.com/remarkable-ui';\nimport styles from './ChartCard.module.css';\nimport { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport { useTheme } from '@embeddable.com/react';\nimport { ChartCardLoading } from './ChartCardLoading/ChartCardLoading';\nimport { ChartCardMenuPro } from './ChartCardMenuPro/ChartCardMenuPro';\nimport { Theme } from '../../../../theme/theme.types';\nimport { i18n, i18nSetup } from '../../../../theme/i18n/i18n';\nimport clsx from 'clsx';\nimport { ChartCardMenuOptionOnClickProps } from '../../../../theme/defaults/defaults.ChartCardMenu.constants';\n\ntype ChartCardProps = {\n  title: string;\n  subtitle?: string;\n  children: React.ReactNode;\n  data: DataResponse;\n  isLoading?: boolean;\n  errorMessage?: string;\n  style?: CSSProperties;\n  dimensionsAndMeasures?: (Dimension | Measure)[];\n  onCustomDownload?: (props: (props: ChartCardMenuOptionOnClickProps) => void) => void;\n};\n\nexport const ChartCard = React.forwardRef<HTMLDivElement, ChartCardProps>(\n  (\n    { title, subtitle, children, data, errorMessage, dimensionsAndMeasures = [], ...props },\n    ref,\n  ) => {\n    const theme: Theme = useTheme() as Theme;\n    i18nSetup(theme);\n\n    const chartRef = useRef<HTMLDivElement>(null);\n\n    const hasData = Boolean(data?.data && data.data?.length > 0);\n\n    const isLoading = !data || data?.isLoading;\n\n    const getDisplay = () => {\n      if (isLoading && !hasData) {\n        return <Skeleton />;\n      }\n\n      if (errorMessage) {\n        return (\n          <CardFeedback\n            variant=\"error\"\n            icon={IconAlertCircle}\n            title={i18n.t('charts.errorTitle')}\n            message={errorMessage}\n          />\n        );\n      }\n\n      if (!hasData) {\n        return (\n          <CardFeedback\n            title={i18n.t('charts.emptyTitle')}\n            message={i18n.t('charts.emptyMessage')}\n          />\n        );\n      }\n\n      return children;\n    };\n\n    return (\n      <Card className={styles.chartCard} {...props}>\n        <CardHeader\n          title={title}\n          subtitle={subtitle}\n          rightContent={\n            <div className={styles.chartCardRightContent}>\n              <div\n                className={clsx(styles.fixedContent, isLoading ? styles.loading : styles.hidden)}\n              >\n                <ChartCardLoading />\n              </div>\n              <div\n                className={clsx(styles.fixedContent, isLoading ? styles.hidden : styles.visible)}\n              >\n                <ChartCardMenuPro\n                  title={title}\n                  containerRef={chartRef}\n                  data={data?.data}\n                  dimensionsAndMeasures={dimensionsAndMeasures}\n                  onCustomDownload={props.onCustomDownload}\n                />\n              </div>\n            </div>\n          }\n        />\n\n        <CardContent ref={props.onCustomDownload ? ref : chartRef}>{getDisplay()}</CardContent>\n      </Card>\n    );\n  },\n);\n\nChartCard.displayName = 'ChartCard';\n"],"names":["__iconNode","IconDotsVertical","createReactComponent","ChartCardLoading","jsx","IconLoader2","styles","InlineSvgFromData","src","className","rest","svgMarkup","ChartCardMenuPro","props","theme","useTheme","i18nSetup","isLoading","setIsLoading","React","options","startAction","onClick","handleExport","args","Dropdown","ActionIcon","SelectFieldContent","option","index","label","i18n","SelectListOption","ChartCard","title","subtitle","children","data","errorMessage","dimensionsAndMeasures","ref","chartRef","useRef","hasData","_a","getDisplay","Skeleton","CardFeedback","IconAlertCircle","Card","CardHeader","jsxs","clsx","CardContent"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/{Color.type.emb-9H0O-uuD.js → Color.type.emb-CSPAaucR.js}

@@ -1,4 +1,4 @@
-import { d as e } from "./index-DedIqjbn.js";
+import { d as e } from "./index-BR6dp5RX.js";
 const r = e("color", {
   label: "Color",
   optionLabel: (o) => o.toUpperCase()
@@ -6,4 +6,4 @@ const r = e("color", {
 export {
   r as C
 };
-//# sourceMappingURL=Color.type.emb-9H0O-uuD.js.map
+//# sourceMappingURL=Color.type.emb-CSPAaucR.js.map

package/dist/{Color.type.emb-9H0O-uuD.js.map → Color.type.emb-CSPAaucR.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Color.type.emb-9H0O-uuD.js","sources":["../src/editors/ColorEditor/Color.type.emb.ts"],"sourcesContent":["import { defineType } from '@embeddable.com/core';\n\nconst ColorType = defineType('color', {\n  label: 'Color',\n  optionLabel: (value: string) => value.toUpperCase(),\n});\n\nexport default ColorType;\n"],"names":["ColorType","defineType","value"],"mappings":";AAEA,MAAMA,IAAYC,EAAW,SAAS;AAAA,EACpC,OAAO;AAAA,EACP,aAAa,CAACC,MAAkBA,EAAM,YAAA;AACxC,CAAC;"}
+{"version":3,"file":"Color.type.emb-CSPAaucR.js","sources":["../src/editors/ColorEditor/Color.type.emb.ts"],"sourcesContent":["import { defineType } from '@embeddable.com/core';\n\nconst ColorType = defineType('color', {\n  label: 'Color',\n  optionLabel: (value: string) => value.toUpperCase(),\n});\n\nexport default ColorType;\n"],"names":["ColorType","defineType","value"],"mappings":";AAEA,MAAMA,IAAYC,EAAW,SAAS;AAAA,EACpC,OAAO;AAAA,EACP,aAAa,CAACC,MAAkBA,EAAM,YAAA;AACxC,CAAC;"}

package/dist/ColorEditor.js

@@ -1,6 +1,6 @@
 import { defineEditor as l } from "@embeddable.com/react";
-import { C as a } from "./Color.type.emb-9H0O-uuD.js";
-import { j as n, A as i, I as p, V as u } from "./index-DedIqjbn.js";
+import { C as a } from "./Color.type.emb-CSPAaucR.js";
+import { j as n, A as i, I as p, V as u } from "./index-BR6dp5RX.js";
 import { useState as m, useEffect as C } from "react";
 const I = "_colorInputContainer_1o1qe_1", d = "_colorInput_1o1qe_1", s = {
   colorInputContainer: I,

package/dist/{ComparisonPeriod.type.emb-C3XjaFoD.js → ComparisonPeriod.type.emb-DOpJ1iWj.js}

@@ -1,4 +1,4 @@
-import { d as i, b as o } from "./index-DedIqjbn.js";
+import { d as i, b as o } from "./index-BR6dp5RX.js";
 const e = i("comparisonPeriod", {
   label: "Comparison Period",
   optionLabel: (r) => r
@@ -11,4 +11,4 @@ o(e, "Previous year");
 export {
   e as C
 };
-//# sourceMappingURL=ComparisonPeriod.type.emb-C3XjaFoD.js.map
+//# sourceMappingURL=ComparisonPeriod.type.emb-DOpJ1iWj.js.map

package/dist/{ComparisonPeriod.type.emb-C3XjaFoD.js.map → ComparisonPeriod.type.emb-DOpJ1iWj.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ComparisonPeriod.type.emb-C3XjaFoD.js","sources":["../src/components/types/ComparisonPeriod.type.emb.ts"],"sourcesContent":["import { defineOption, defineType } from '@embeddable.com/core';\n\nconst ComparisonPeriodType = defineType('comparisonPeriod', {\n  label: 'Comparison Period',\n  optionLabel: (value: string) => value,\n});\n\ndefineOption(ComparisonPeriodType, 'Previous period');\ndefineOption(ComparisonPeriodType, 'Previous week');\ndefineOption(ComparisonPeriodType, 'Previous month');\ndefineOption(ComparisonPeriodType, 'Previous quarter');\ndefineOption(ComparisonPeriodType, 'Previous year');\n\nexport default ComparisonPeriodType;\n"],"names":["ComparisonPeriodType","defineType","value","defineOption"],"mappings":";AAEA,MAAMA,IAAuBC,EAAW,oBAAoB;AAAA,EAC1D,OAAO;AAAA,EACP,aAAa,CAACC,MAAkBA;AAClC,CAAC;AAEDC,EAAaH,GAAsB,iBAAiB;AACpDG,EAAaH,GAAsB,eAAe;AAClDG,EAAaH,GAAsB,gBAAgB;AACnDG,EAAaH,GAAsB,kBAAkB;AACrDG,EAAaH,GAAsB,eAAe;"}
+{"version":3,"file":"ComparisonPeriod.type.emb-DOpJ1iWj.js","sources":["../src/components/types/ComparisonPeriod.type.emb.ts"],"sourcesContent":["import { defineOption, defineType } from '@embeddable.com/core';\n\nconst ComparisonPeriodType = defineType('comparisonPeriod', {\n  label: 'Comparison Period',\n  optionLabel: (value: string) => value,\n});\n\ndefineOption(ComparisonPeriodType, 'Previous period');\ndefineOption(ComparisonPeriodType, 'Previous week');\ndefineOption(ComparisonPeriodType, 'Previous month');\ndefineOption(ComparisonPeriodType, 'Previous quarter');\ndefineOption(ComparisonPeriodType, 'Previous year');\n\nexport default ComparisonPeriodType;\n"],"names":["ComparisonPeriodType","defineType","value","defineOption"],"mappings":";AAEA,MAAMA,IAAuBC,EAAW,oBAAoB;AAAA,EAC1D,OAAO;AAAA,EACP,aAAa,CAACC,MAAkBA;AAClC,CAAC;AAEDC,EAAaH,GAAsB,iBAAiB;AACpDG,EAAaH,GAAsB,eAAe;AAClDG,EAAaH,GAAsB,gBAAgB;AACnDG,EAAaH,GAAsB,kBAAkB;AACrDG,EAAaH,GAAsB,eAAe;"}

package/dist/ComparisonPeriodSelectFieldPro.js

@@ -1,10 +1,10 @@
 import { useTheme as v, defineComponent as h } from "@embeddable.com/react";
-import { s as y, j as l, S as P, V as d } from "./index-DedIqjbn.js";
+import { s as y, j as l, S as P, V as d } from "./index-BR6dp5RX.js";
 import { g as f, u as b, a as C } from "./editors.timeRange.utils-DTtRGaCo.js";
-import { $ as S, a as F, r as R, i as M, F as k, G as D, _ as T } from "./component.constants-uP1WYyUb.js";
-import { E as j } from "./EditorCard-BMEwnQuU.js";
+import { $ as S, a as F, r as R, i as M, F as k, G as D, _ as T } from "./component.constants-h6et83ck.js";
+import { E as j } from "./EditorCard-BtlvgP9q.js";
 import { useMemo as x, useEffect as L } from "react";
-import { C as s } from "./ComparisonPeriod.type.emb-C3XjaFoD.js";
+import { C as s } from "./ComparisonPeriod.type.emb-DOpJ1iWj.js";
 /**
  * @license @tabler/icons-react v3.35.0 - MIT
  *

package/dist/DateRangeSelectFieldPro.js

@@ -1,7 +1,7 @@
 import { defineComponent as t } from "@embeddable.com/react";
-import { V as a } from "./index-DedIqjbn.js";
-import { D as l } from "./index-DrosyYQD.js";
-import { F as n, G as r, _ as o, g as i } from "./component.constants-uP1WYyUb.js";
+import { V as a } from "./index-BR6dp5RX.js";
+import { D as l } from "./index-DF-AuKua.js";
+import { F as n, G as r, _ as o, g as i } from "./component.constants-h6et83ck.js";
 const d = {
   name: "DateRangeSelectFieldPro",
   label: "Date Range Select Field",

package/dist/DonutChartPro.js

@@ -1,7 +1,7 @@
-import { V as a, l as s } from "./index-DedIqjbn.js";
+import { V as a, l as s } from "./index-BR6dp5RX.js";
 import { defineComponent as t } from "@embeddable.com/react";
-import { D as o } from "./index-Brb617sy.js";
-import { v as n, D as r, w as i, F as m, G as l, I as d, Z as u, J as p, K as c } from "./component.constants-uP1WYyUb.js";
+import { D as o } from "./index-CWYH2gE2.js";
+import { v as n, D as r, w as i, F as m, G as l, I as d, Z as u, J as p, K as c } from "./component.constants-h6et83ck.js";
 const C = {
   name: "DonutChartPro",
   label: "Donut Chart",

package/dist/DonutLabelChartPro.js

@@ -1,7 +1,7 @@
-import { D as n } from "./index-DLFOG9Ar.js";
-import { V as s, l as a } from "./index-DedIqjbn.js";
+import { D as n } from "./index-B4S34Z5S.js";
+import { V as s, l as a } from "./index-BR6dp5RX.js";
 import { defineComponent as r } from "@embeddable.com/react";
-import { v as o, D as t, w as l, F as i, G as m, I as d, Z as u, J as b, K as c } from "./component.constants-uP1WYyUb.js";
+import { v as o, D as t, w as l, F as i, G as m, I as d, Z as u, J as b, K as c } from "./component.constants-h6et83ck.js";
 const p = {
   name: "DonutLabelChartPro",
   label: "Donut Label Chart",

package/dist/{EditorCard-BMEwnQuU.js → EditorCard-BtlvgP9q.js}

@@ -1,6 +1,6 @@
-import { j as r, C as i, c as d, e as m, f as l } from "./index-DedIqjbn.js";
+import { j as r, C as i, c as d, e as m, f as l } from "./index-BR6dp5RX.js";
 import { useTheme as C } from "@embeddable.com/react";
-import { a as p, i as x, a0 as j } from "./component.constants-uP1WYyUb.js";
+import { a as p, i as x, a0 as j } from "./component.constants-h6et83ck.js";
 const u = "_card_15bw3_1", f = {
   card: u
 }, b = ({
@@ -29,4 +29,4 @@ const u = "_card_15bw3_1", f = {
 export {
   b as E
 };
-//# sourceMappingURL=EditorCard-BMEwnQuU.js.map
+//# sourceMappingURL=EditorCard-BtlvgP9q.js.map

package/dist/{EditorCard-BMEwnQuU.js.map → EditorCard-BtlvgP9q.js.map}

@@ -1 +1 @@
-{"version":3,"file":"EditorCard-BMEwnQuU.js","sources":["../src/components/editors/shared/EditorCard/EditorCard.tsx"],"sourcesContent":["import { useTheme } from '@embeddable.com/react';\nimport { i18n, i18nSetup } from '../../../../theme/i18n/i18n';\nimport styles from './EditorCard.module.css';\nimport { FC } from 'react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { Card, CardContent, CardFeedback, CardHeader } from '@embeddable.com/remarkable-ui';\nimport { IconAlertCircle } from '@tabler/icons-react';\n\ntype EditorCardProps = {\n  title?: string;\n  subtitle?: string;\n  children: React.ReactNode;\n  errorMessage?: string;\n};\n\nexport const EditorCard: FC<EditorCardProps> = ({\n  title,\n  subtitle,\n  children,\n  errorMessage,\n  ...props\n}) => {\n  const theme: Theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const getDisplay = () => {\n    if (errorMessage) {\n      return (\n        <CardFeedback\n          variant=\"error\"\n          icon={IconAlertCircle}\n          title={i18n.t('editors.errorTitle')}\n          message={errorMessage}\n        />\n      );\n    }\n\n    return children;\n  };\n\n  return (\n    <Card className={styles.card} {...props}>\n      <CardHeader title={title} subtitle={subtitle} />\n      <CardContent>{getDisplay()}</CardContent>\n    </Card>\n  );\n};\n"],"names":["EditorCard","title","subtitle","children","errorMessage","props","theme","useTheme","i18nSetup","getDisplay","jsx","CardFeedback","IconAlertCircle","i18n","Card","styles","CardHeader","CardContent"],"mappings":";;;;;GAeaA,IAAkC,CAAC;AAAA,EAC9C,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,cAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAeC,EAAA;AACrB,EAAAC,EAAUF,CAAK;AAEf,QAAMG,IAAa,MACbL,IAEAM,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,MAAMC;AAAA,MACN,OAAOC,EAAK,EAAE,oBAAoB;AAAA,MAClC,SAAST;AAAA,IAAA;AAAA,EAAA,IAKRD;AAGT,gCACGW,GAAA,EAAK,WAAWC,EAAO,MAAO,GAAGV,GAChC,UAAA;AAAA,IAAAK,gBAAAA,EAAAA,IAACM,GAAA,EAAW,OAAAf,GAAc,UAAAC,EAAA,CAAoB;AAAA,IAC9CQ,gBAAAA,EAAAA,IAACO,GAAA,EAAa,UAAAR,EAAA,EAAW,CAAE;AAAA,EAAA,GAC7B;AAEJ;"}
+{"version":3,"file":"EditorCard-BtlvgP9q.js","sources":["../src/components/editors/shared/EditorCard/EditorCard.tsx"],"sourcesContent":["import { useTheme } from '@embeddable.com/react';\nimport { i18n, i18nSetup } from '../../../../theme/i18n/i18n';\nimport styles from './EditorCard.module.css';\nimport { FC } from 'react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { Card, CardContent, CardFeedback, CardHeader } from '@embeddable.com/remarkable-ui';\nimport { IconAlertCircle } from '@tabler/icons-react';\n\ntype EditorCardProps = {\n  title?: string;\n  subtitle?: string;\n  children: React.ReactNode;\n  errorMessage?: string;\n};\n\nexport const EditorCard: FC<EditorCardProps> = ({\n  title,\n  subtitle,\n  children,\n  errorMessage,\n  ...props\n}) => {\n  const theme: Theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const getDisplay = () => {\n    if (errorMessage) {\n      return (\n        <CardFeedback\n          variant=\"error\"\n          icon={IconAlertCircle}\n          title={i18n.t('editors.errorTitle')}\n          message={errorMessage}\n        />\n      );\n    }\n\n    return children;\n  };\n\n  return (\n    <Card className={styles.card} {...props}>\n      <CardHeader title={title} subtitle={subtitle} />\n      <CardContent>{getDisplay()}</CardContent>\n    </Card>\n  );\n};\n"],"names":["EditorCard","title","subtitle","children","errorMessage","props","theme","useTheme","i18nSetup","getDisplay","jsx","CardFeedback","IconAlertCircle","i18n","Card","styles","CardHeader","CardContent"],"mappings":";;;;;GAeaA,IAAkC,CAAC;AAAA,EAC9C,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,cAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAeC,EAAA;AACrB,EAAAC,EAAUF,CAAK;AAEf,QAAMG,IAAa,MACbL,IAEAM,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,MAAMC;AAAA,MACN,OAAOC,EAAK,EAAE,oBAAoB;AAAA,MAClC,SAAST;AAAA,IAAA;AAAA,EAAA,IAKRD;AAGT,gCACGW,GAAA,EAAK,WAAWC,EAAO,MAAO,GAAGV,GAChC,UAAA;AAAA,IAAAK,gBAAAA,EAAAA,IAACM,GAAA,EAAW,OAAAf,GAAc,UAAAC,EAAA,CAAoB;AAAA,IAC9CQ,gBAAAA,EAAAA,IAACO,GAAA,EAAa,UAAAR,EAAA,EAAW,CAAE;AAAA,EAAA,GAC7B;AAEJ;"}

package/dist/HeatMapPro.js

@@ -1,10 +1,10 @@
-import { j as u, H as V, l as W } from "./index-DedIqjbn.js";
+import { j as u, H as V, l as W } from "./index-BR6dp5RX.js";
 import { useTheme as R, defineComponent as j } from "@embeddable.com/react";
-import { a as A, r as N, v as P, D as q, z as d, F as E, G, d as i, g as k, c, H as B } from "./component.constants-uP1WYyUb.js";
-import { C as O } from "./ChartCard-CsKQOusx.js";
-import { g as p } from "./formatter.utils-CeEdL8uQ.js";
+import { a as A, r as N, v as P, D as q, z as d, F as E, G, d as i, g as k, c, H as B } from "./component.constants-h6et83ck.js";
+import { C as O } from "./ChartCard-C7c2rTst.js";
+import { g as p } from "./formatter.utils-DXzI4Hz_.js";
 import { u as h } from "./charts.fillGaps.hooks-YayOXVmt.js";
-import { C as m } from "./Color.type.emb-9H0O-uuD.js";
+import { C as m } from "./Color.type.emb-CSPAaucR.js";
 const z = (e, a) => {
   const t = p(a);
   return {

package/dist/KpiChartNumberComparisonPro.js

@@ -1,11 +1,11 @@
 import { useTheme as j, defineComponent as A } from "@embeddable.com/react";
-import { a as w, r as B, i as l, v as E, D as M, y as Y, b as G, F as I, G as J, g as v, c } from "./component.constants-uP1WYyUb.js";
-import { j as D, K as O, l as f } from "./index-DedIqjbn.js";
-import { C as $ } from "./ChartCard-CsKQOusx.js";
-import { g as k } from "./formatter.utils-CeEdL8uQ.js";
+import { a as w, r as B, i as l, v as E, D as M, y as Y, b as G, F as I, G as J, g as v, c } from "./component.constants-h6et83ck.js";
+import { j as D, K as O, l as f } from "./index-BR6dp5RX.js";
+import { C as $ } from "./ChartCard-C7c2rTst.js";
+import { g as k } from "./formatter.utils-DXzI4Hz_.js";
 import { useEffect as q } from "react";
-import { g as H, a as Q } from "./timeRange.utils-J3a4XL64.js";
-import { C as U } from "./ComparisonPeriod.type.emb-C3XjaFoD.js";
+import { g as H, a as Q } from "./timeRange.utils-CslTQiVA.js";
+import { C as U } from "./ComparisonPeriod.type.emb-DOpJ1iWj.js";
 const W = (e) => {
   var d, C, P, h, y, b;
   const a = j();

package/dist/KpiChartNumberPro.js

@@ -1,8 +1,8 @@
 import { useTheme as h, defineComponent as f } from "@embeddable.com/react";
-import { a as C, r as b, v as K, D as F, F as g, G as v, c as x } from "./component.constants-uP1WYyUb.js";
-import { j as m, K as N, l as S } from "./index-DedIqjbn.js";
-import { C as j } from "./ChartCard-CsKQOusx.js";
-import { g as z } from "./formatter.utils-CeEdL8uQ.js";
+import { a as C, r as b, v as K, D as F, F as g, G as v, c as x } from "./component.constants-h6et83ck.js";
+import { j as m, K as N, l as S } from "./index-BR6dp5RX.js";
+import { C as j } from "./ChartCard-C7c2rTst.js";
+import { g as z } from "./formatter.utils-DXzI4Hz_.js";
 const P = (e) => {
   var s, o;
   const a = h();

package/dist/LineChartComparisonDefaultPro.js

@@ -1,16 +1,16 @@
 import { useTheme as Y, defineComponent as _ } from "@embeddable.com/react";
-import { i as G, a as E, r as K, v as J, E as S, g as v, w as U, b as q, y as z, F as H, G as Q, I as W, J as Z, K as ee, M as ae, N as se, O as te, P as ne, S as oe, T as ie, H as re } from "./component.constants-uP1WYyUb.js";
-import { m as le, a as me, h as V, i as w, k as I, j as B, L as de, V as ce, l as F } from "./index-DedIqjbn.js";
-import { C as pe } from "./ChartCard-CsKQOusx.js";
+import { i as G, a as E, r as K, v as J, E as S, g as v, w as U, b as q, y as z, F as H, G as Q, I as W, J as Z, K as ee, M as ae, N as se, O as te, P as ne, S as oe, T as ie, H as re } from "./component.constants-h6et83ck.js";
+import { m as le, a as me, h as V, i as w, k as I, j as B, L as de, V as ce, l as F } from "./index-BR6dp5RX.js";
+import { C as pe } from "./ChartCard-C7c2rTst.js";
 import { useEffect as ue } from "react";
-import { g as ge } from "./timeRange.utils-J3a4XL64.js";
-import { g as O } from "./formatter.utils-CeEdL8uQ.js";
+import { g as ge } from "./timeRange.utils-CslTQiVA.js";
+import { g as O } from "./formatter.utils-DXzI4Hz_.js";
 import { g as xe, a as he } from "./object.utils-D_Zzon-H.js";
 import { i as be, s as Ce } from "./color.utils-BSg_DFOh.js";
 import { g as fe } from "./lines.utils-CFEUUo4k.js";
 import { u as N } from "./charts.fillGaps.hooks-YayOXVmt.js";
-import { C as ye } from "./ComparisonPeriod.type.emb-C3XjaFoD.js";
-import { C as $ } from "./Color.type.emb-9H0O-uuD.js";
+import { C as ye } from "./ComparisonPeriod.type.emb-DOpJ1iWj.js";
+import { C as $ } from "./Color.type.emb-CSPAaucR.js";
 const R = "mainAxis", P = "comparisonAxis", j = (a, n) => {
   var k, h, u, A;
   const { data: t, measure: o, dimension: s, index: m, isPreviousPeriod: r, hasMinMaxYAxisRange: b, labels: e } = a, p = t == null ? void 0 : t.map((C) => C[s.name]), l = !!((k = o.inputs) != null && k.connectGaps), g = e ? e.map((C) => {

package/dist/LineChartDefaultPro.js

@@ -1,12 +1,12 @@
 import { useTheme as V, defineComponent as v } from "@embeddable.com/react";
-import { a as w, r as R, v as F, E as L, g as x, z as P, F as S, G as T, I as B, J as O, K as j, M as G, N as I, O as $, P as K, S as N, T as X, H as z } from "./component.constants-uP1WYyUb.js";
-import { a as E, h as f, m as U, j as A, L as Y, V as _, l as H } from "./index-DedIqjbn.js";
-import { C as J } from "./ChartCard-CsKQOusx.js";
-import { g as D } from "./formatter.utils-CeEdL8uQ.js";
+import { a as w, r as R, v as F, E as L, g as x, z as P, F as S, G as T, I as B, J as O, K as j, M as G, N as I, O as $, P as K, S as N, T as X, H as z } from "./component.constants-h6et83ck.js";
+import { a as E, h as f, m as U, j as A, L as Y, V as _, l as H } from "./index-BR6dp5RX.js";
+import { C as J } from "./ChartCard-C7c2rTst.js";
+import { g as D } from "./formatter.utils-DXzI4Hz_.js";
 import { g as W, a as k } from "./object.utils-D_Zzon-H.js";
 import { i as y, s as q } from "./color.utils-BSg_DFOh.js";
 import { u as Q } from "./charts.fillGaps.hooks-YayOXVmt.js";
-import { C as Z } from "./Color.type.emb-9H0O-uuD.js";
+import { C as Z } from "./Color.type.emb-CSPAaucR.js";
 const ee = (e, l) => {
   if (!e.data)
     return {

package/dist/LineChartGroupedPro.js

@@ -1,8 +1,8 @@
 import { useTheme as P, defineComponent as R } from "@embeddable.com/react";
-import { a as F, r as $, v, D as w, g as y, z as S, w as j, F as O, G as T, H as B, I as K, J as X, K as N, M as U, N as Y, O as z, P as E, S as H, T as J } from "./component.constants-uP1WYyUb.js";
-import { a as W, m as _, j as D, L as q, V as G, l as Q } from "./index-DedIqjbn.js";
-import { C as Z } from "./ChartCard-CsKQOusx.js";
-import { g as M } from "./formatter.utils-CeEdL8uQ.js";
+import { a as F, r as $, v, D as w, g as y, z as S, w as j, F as O, G as T, H as B, I as K, J as X, K as N, M as U, N as Y, O as z, P as E, S as H, T as J } from "./component.constants-h6et83ck.js";
+import { a as W, m as _, j as D, L as q, V as G, l as Q } from "./index-BR6dp5RX.js";
+import { C as Z } from "./ChartCard-C7c2rTst.js";
+import { g as M } from "./formatter.utils-DXzI4Hz_.js";
 import { g as I, a as V } from "./object.utils-D_Zzon-H.js";
 import { s as ee } from "./color.utils-BSg_DFOh.js";
 import { g as ae } from "./lines.utils-CFEUUo4k.js";

package/dist/MultiSelectFieldPro.js

@@ -1,7 +1,7 @@
 import { defineComponent as i } from "@embeddable.com/react";
-import { V as t, l as r } from "./index-DedIqjbn.js";
-import { v as s, w as d, F as u, G as m, _ as c } from "./component.constants-uP1WYyUb.js";
-import { M as p, a as f } from "./index-BWpUwKTH.js";
+import { V as t, l as r } from "./index-BR6dp5RX.js";
+import { v as s, w as d, F as u, G as m, _ as c } from "./component.constants-h6et83ck.js";
+import { M as p, a as f } from "./index-Czj-HZH9.js";
 const g = {
   name: "MultiSelectFieldPro",
   label: "Multi Select Field",

package/dist/PieChartPro.js

@@ -1,7 +1,7 @@
-import { V as a, l as s } from "./index-DedIqjbn.js";
+import { V as a, l as s } from "./index-BR6dp5RX.js";
 import { defineComponent as t } from "@embeddable.com/react";
-import { P as o } from "./index-B8bT85NR.js";
-import { v as i, D as n, w as r, F as m, G as l, I as d, Z as p, J as c, K as u } from "./component.constants-uP1WYyUb.js";
+import { P as o } from "./index-C8O2asSv.js";
+import { v as i, D as n, w as r, F as m, G as l, I as d, Z as p, J as c, K as u } from "./component.constants-h6et83ck.js";
 const C = {
   name: "PieChartPro",
   label: "Pie Chart",