@embeddable.com/remarkable-pro 0.1.9 → 0.1.11

package/dist/ColorEditor.js

@@ -1,6 +1,6 @@
 import { defineEditor as e } from "@embeddable.com/react";
-import { C as a, V as i } from "./Color.type.emb-JBTB4VAn.js";
-import { C as l } from "./index-BfrhwVwQ.js";
+import { C as a, V as i } from "./Color.type.emb-Ba6kRLMO.js";
+import { C as l } from "./index-21gf7llZ.js";
 const m = {
   name: "ColorEditor",
   label: "Color editor",

package/dist/ComparisonPeriodSelectFieldPro.js

@@ -1,7 +1,7 @@
 import { definePreview as t, defineComponent as n } from "@embeddable.com/react";
-import { V as r } from "./Color.type.emb-JBTB4VAn.js";
-import { D as i } from "./index-Ci4fIfj8.js";
-import { C as a, c as e } from "./component.inputs.constants-Cj-atN8w.js";
+import { V as r } from "./Color.type.emb-Ba6kRLMO.js";
+import { D as i } from "./index-Ce0UWspv.js";
+import { C as a, i as e } from "./component.inputs.constants-CafM9zee.js";
 const l = {
   name: "ComparisonPeriodSelectFieldPro",
   label: "Comparison Period Select Field",

package/dist/DateRangePickerCustomPro.js

@@ -1,7 +1,7 @@
 import { definePreview as o, defineComponent as l } from "@embeddable.com/react";
-import { V as t } from "./Color.type.emb-JBTB4VAn.js";
-import { D as n } from "./index-CWoNbj8I.js";
-import { c as e } from "./component.inputs.constants-Cj-atN8w.js";
+import { V as t } from "./Color.type.emb-Ba6kRLMO.js";
+import { D as n } from "./index-qtPDcHs8.js";
+import { i as e } from "./component.inputs.constants-CafM9zee.js";
 const r = {
   name: "DateRangePickerCustomPro",
   label: "Date-Range Picker - Custom",

package/dist/DateRangeSelectFieldPro.js

@@ -1,7 +1,7 @@
 import { definePreview as o, defineComponent as l } from "@embeddable.com/react";
-import { V as t } from "./Color.type.emb-JBTB4VAn.js";
-import { D as n } from "./index-BwwtBJde.js";
-import { c as e } from "./component.inputs.constants-Cj-atN8w.js";
+import { V as t } from "./Color.type.emb-Ba6kRLMO.js";
+import { D as n } from "./index-CMHKa6yP.js";
+import { i as e } from "./component.inputs.constants-CafM9zee.js";
 const r = {
   name: "DateRangeSelectFieldPro",
   label: "Date-Range Picker - Presets",

package/dist/{DimensionAndMeasureSingleSelectField-C5B9m3hv.js → DimensionAndMeasureSingleSelectField-Btd0k1WN.js}

@@ -1,7 +1,7 @@
-import { j as f, S as d } from "./Color.type.emb-JBTB4VAn.js";
+import { j as f, S as d } from "./Color.type.emb-Ba6kRLMO.js";
 import { useTheme as S } from "@embeddable.com/react";
 import { useState as g, useEffect as p } from "react";
-import { g as C } from "./preview.data.constants-DWqfMVjy.js";
+import { g as C } from "./preview.data.constants-1No1RU-q.js";
 const v = ({
   dimensionsAndMeasures: s,
   searchValue: r,
@@ -43,4 +43,4 @@ export {
   M as D,
   v as g
 };
-//# sourceMappingURL=DimensionAndMeasureSingleSelectField-C5B9m3hv.js.map
+//# sourceMappingURL=DimensionAndMeasureSingleSelectField-Btd0k1WN.js.map

package/dist/{DimensionAndMeasureSingleSelectField-C5B9m3hv.js.map → DimensionAndMeasureSingleSelectField-Btd0k1WN.js.map}

@@ -1 +1 @@
-{"version":3,"file":"DimensionAndMeasureSingleSelectField-C5B9m3hv.js","sources":["../src/components/editors/utils/dimensionsAndMeasures.utils.ts","../src/components/editors/shared/DimensionAndMeasureSingleSelectField/DimensionAndMeasureSingleSelectField.tsx"],"sourcesContent":["import { DimensionOrMeasure } from '@embeddable.com/core';\nimport { Theme } from '../../../theme/theme.types';\nimport { SelectListOptionProps } from '@embeddable.com/remarkable-ui';\nimport { getThemeFormatter } from '../../../theme/formatter/formatter.utils';\n\nexport const getDimensionAndMeasureOptions = ({\n  dimensionsAndMeasures,\n  searchValue,\n  theme,\n}: {\n  dimensionsAndMeasures: DimensionOrMeasure[];\n  searchValue: string;\n  theme: Theme;\n}): SelectListOptionProps[] => {\n  const themeFormatter = getThemeFormatter(theme);\n\n  return dimensionsAndMeasures\n    .filter((dimensionOrMeasure) => {\n      return themeFormatter\n        .dimensionOrMeasureTitle(dimensionOrMeasure)\n        .toLowerCase()\n        .includes(searchValue.toLowerCase());\n    })\n    .map((dimensionOrMeasure) => {\n      return {\n        value: dimensionOrMeasure.name,\n        label: themeFormatter.dimensionOrMeasureTitle(dimensionOrMeasure),\n      };\n    });\n};\n","import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { useEffect, useState } from 'react';\nimport { SingleSelectField } from '@embeddable.com/remarkable-ui';\nimport { getDimensionAndMeasureOptions } from '../../utils/dimensionsAndMeasures.utils';\nimport { Dimension, Measure } from '@embeddable.com/core';\n\nexport type DimensionAndMeasureSingleSelectFieldProps<T> = {\n  selectedValue?: T;\n  options: T[];\n  placeholder?: string;\n  clearable?: boolean;\n  onChange: (value: T | undefined) => void;\n};\n\nexport const DimensionAndMeasureSingleSelectField = <T extends Dimension | Measure>(\n  props: DimensionAndMeasureSingleSelectFieldProps<T>,\n) => {\n  const theme = useTheme() as Theme;\n\n  const [searchValue, setSearchValue] = useState<string>('');\n\n  const { selectedValue, options, clearable, placeholder, onChange } = props;\n\n  const handleChange = (newValue: string) => {\n    const newSelection = options.find((option) => option.name === newValue);\n    onChange(newSelection);\n  };\n\n  // Auto-select first dimensionOrMeasure when is not clearable and there is no selection\n  useEffect(() => {\n    const autoSelectActive = !clearable && !selectedValue;\n\n    if (!autoSelectActive) return;\n\n    const firstDimension = options?.[0];\n\n    if (firstDimension) {\n      onChange(firstDimension);\n    }\n  }, [clearable, selectedValue, options, onChange]);\n\n  return (\n    <SingleSelectField\n      searchable\n      clearable={clearable}\n      placeholder={placeholder}\n      value={selectedValue?.name}\n      onChange={handleChange}\n      onSearch={setSearchValue}\n      options={getDimensionAndMeasureOptions({\n        dimensionsAndMeasures: options,\n        searchValue,\n        theme,\n      })}\n      avoidCollisions={false}\n    />\n  );\n};\n"],"names":["getDimensionAndMeasureOptions","dimensionsAndMeasures","searchValue","theme","themeFormatter","getThemeFormatter","dimensionOrMeasure","DimensionAndMeasureSingleSelectField","props","useTheme","setSearchValue","useState","selectedValue","options","clearable","placeholder","onChange","handleChange","newValue","newSelection","option","useEffect","firstDimension","jsx","SingleSelectField"],"mappings":";;;;AAKO,MAAMA,IAAgC,CAAC;AAAA,EAC5C,uBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AACF,MAI+B;AAC7B,QAAMC,IAAiBC,EAAkBF,CAAK;AAE9C,SAAOF,EACJ,OAAO,CAACK,MACAF,EACJ,wBAAwBE,CAAkB,EAC1C,cACA,SAASJ,EAAY,aAAa,CACtC,EACA,IAAI,CAACI,OACG;AAAA,IACL,OAAOA,EAAmB;AAAA,IAC1B,OAAOF,EAAe,wBAAwBE,CAAkB;AAAA,EAAA,EAEnE;AACL,GCdaC,IAAuC,CAClDC,MACG;AACH,QAAML,IAAQM,EAAA,GAER,CAACP,GAAaQ,CAAc,IAAIC,EAAiB,EAAE,GAEnD,EAAE,eAAAC,GAAe,SAAAC,GAAS,WAAAC,GAAW,aAAAC,GAAa,UAAAC,MAAaR,GAE/DS,IAAe,CAACC,MAAqB;AACzC,UAAMC,IAAeN,EAAQ,KAAK,CAACO,MAAWA,EAAO,SAASF,CAAQ;AACtE,IAAAF,EAASG,CAAY;AAAA,EACvB;AAGA,SAAAE,EAAU,MAAM;AAGd,QAAI,EAFqB,CAACP,KAAa,CAACF,GAEjB;AAEvB,UAAMU,IAAiBT,KAAA,gBAAAA,EAAU;AAEjC,IAAIS,KACFN,EAASM,CAAc;AAAA,EAE3B,GAAG,CAACR,GAAWF,GAAeC,GAASG,CAAQ,CAAC,GAG9CO,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,YAAU;AAAA,MACV,WAAAV;AAAA,MACA,aAAAC;AAAA,MACA,OAAOH,KAAA,gBAAAA,EAAe;AAAA,MACtB,UAAUK;AAAA,MACV,UAAUP;AAAA,MACV,SAASV,EAA8B;AAAA,QACrC,uBAAuBa;AAAA,QACvB,aAAAX;AAAA,QACA,OAAAC;AAAA,MAAA,CACD;AAAA,MACD,iBAAiB;AAAA,IAAA;AAAA,EAAA;AAGvB;"}
+{"version":3,"file":"DimensionAndMeasureSingleSelectField-Btd0k1WN.js","sources":["../src/components/editors/utils/dimensionsAndMeasures.utils.ts","../src/components/editors/shared/DimensionAndMeasureSingleSelectField/DimensionAndMeasureSingleSelectField.tsx"],"sourcesContent":["import { DimensionOrMeasure } from '@embeddable.com/core';\nimport { Theme } from '../../../theme/theme.types';\nimport { SelectListOptionProps } from '@embeddable.com/remarkable-ui';\nimport { getThemeFormatter } from '../../../theme/formatter/formatter.utils';\n\nexport const getDimensionAndMeasureOptions = ({\n  dimensionsAndMeasures,\n  searchValue,\n  theme,\n}: {\n  dimensionsAndMeasures: DimensionOrMeasure[];\n  searchValue: string;\n  theme: Theme;\n}): SelectListOptionProps[] => {\n  const themeFormatter = getThemeFormatter(theme);\n\n  return dimensionsAndMeasures\n    .filter((dimensionOrMeasure) => {\n      return themeFormatter\n        .dimensionOrMeasureTitle(dimensionOrMeasure)\n        .toLowerCase()\n        .includes(searchValue.toLowerCase());\n    })\n    .map((dimensionOrMeasure) => {\n      return {\n        value: dimensionOrMeasure.name,\n        label: themeFormatter.dimensionOrMeasureTitle(dimensionOrMeasure),\n      };\n    });\n};\n","import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { useEffect, useState } from 'react';\nimport { SingleSelectField } from '@embeddable.com/remarkable-ui';\nimport { getDimensionAndMeasureOptions } from '../../utils/dimensionsAndMeasures.utils';\nimport { Dimension, Measure } from '@embeddable.com/core';\n\nexport type DimensionAndMeasureSingleSelectFieldProps<T> = {\n  selectedValue?: T;\n  options: T[];\n  placeholder?: string;\n  clearable?: boolean;\n  onChange: (value: T | undefined) => void;\n};\n\nexport const DimensionAndMeasureSingleSelectField = <T extends Dimension | Measure>(\n  props: DimensionAndMeasureSingleSelectFieldProps<T>,\n) => {\n  const theme = useTheme() as Theme;\n\n  const [searchValue, setSearchValue] = useState<string>('');\n\n  const { selectedValue, options, clearable, placeholder, onChange } = props;\n\n  const handleChange = (newValue: string) => {\n    const newSelection = options.find((option) => option.name === newValue);\n    onChange(newSelection);\n  };\n\n  // Auto-select first dimensionOrMeasure when is not clearable and there is no selection\n  useEffect(() => {\n    const autoSelectActive = !clearable && !selectedValue;\n\n    if (!autoSelectActive) return;\n\n    const firstDimension = options?.[0];\n\n    if (firstDimension) {\n      onChange(firstDimension);\n    }\n  }, [clearable, selectedValue, options, onChange]);\n\n  return (\n    <SingleSelectField\n      searchable\n      clearable={clearable}\n      placeholder={placeholder}\n      value={selectedValue?.name}\n      onChange={handleChange}\n      onSearch={setSearchValue}\n      options={getDimensionAndMeasureOptions({\n        dimensionsAndMeasures: options,\n        searchValue,\n        theme,\n      })}\n      avoidCollisions={false}\n    />\n  );\n};\n"],"names":["getDimensionAndMeasureOptions","dimensionsAndMeasures","searchValue","theme","themeFormatter","getThemeFormatter","dimensionOrMeasure","DimensionAndMeasureSingleSelectField","props","useTheme","setSearchValue","useState","selectedValue","options","clearable","placeholder","onChange","handleChange","newValue","newSelection","option","useEffect","firstDimension","jsx","SingleSelectField"],"mappings":";;;;AAKO,MAAMA,IAAgC,CAAC;AAAA,EAC5C,uBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AACF,MAI+B;AAC7B,QAAMC,IAAiBC,EAAkBF,CAAK;AAE9C,SAAOF,EACJ,OAAO,CAACK,MACAF,EACJ,wBAAwBE,CAAkB,EAC1C,cACA,SAASJ,EAAY,aAAa,CACtC,EACA,IAAI,CAACI,OACG;AAAA,IACL,OAAOA,EAAmB;AAAA,IAC1B,OAAOF,EAAe,wBAAwBE,CAAkB;AAAA,EAAA,EAEnE;AACL,GCdaC,IAAuC,CAClDC,MACG;AACH,QAAML,IAAQM,EAAA,GAER,CAACP,GAAaQ,CAAc,IAAIC,EAAiB,EAAE,GAEnD,EAAE,eAAAC,GAAe,SAAAC,GAAS,WAAAC,GAAW,aAAAC,GAAa,UAAAC,MAAaR,GAE/DS,IAAe,CAACC,MAAqB;AACzC,UAAMC,IAAeN,EAAQ,KAAK,CAACO,MAAWA,EAAO,SAASF,CAAQ;AACtE,IAAAF,EAASG,CAAY;AAAA,EACvB;AAGA,SAAAE,EAAU,MAAM;AAGd,QAAI,EAFqB,CAACP,KAAa,CAACF,GAEjB;AAEvB,UAAMU,IAAiBT,KAAA,gBAAAA,EAAU;AAEjC,IAAIS,KACFN,EAASM,CAAc;AAAA,EAE3B,GAAG,CAACR,GAAWF,GAAeC,GAASG,CAAQ,CAAC,GAG9CO,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,YAAU;AAAA,MACV,WAAAV;AAAA,MACA,aAAAC;AAAA,MACA,OAAOH,KAAA,gBAAAA,EAAe;AAAA,MACtB,UAAUK;AAAA,MACV,UAAUP;AAAA,MACV,SAASV,EAA8B;AAAA,QACrC,uBAAuBa;AAAA,QACvB,aAAAX;AAAA,QACA,OAAAC;AAAA,MAAA,CACD;AAAA,MACD,iBAAiB;AAAA,IAAA;AAAA,EAAA;AAGvB;"}

package/dist/DimensionSingleSelectFieldPro.js

@@ -1,8 +1,8 @@
-import { V as o } from "./Color.type.emb-JBTB4VAn.js";
+import { V as o } from "./Color.type.emb-Ba6kRLMO.js";
 import { definePreview as l, defineComponent as a } from "@embeddable.com/react";
-import { D as t } from "./index-BLtSOe_I.js";
-import { c as e } from "./component.inputs.constants-Cj-atN8w.js";
-import { p as i } from "./preview.data.constants-DWqfMVjy.js";
+import { D as t } from "./index-BvV-vs_w.js";
+import { i as e } from "./component.inputs.constants-CafM9zee.js";
+import { p as i } from "./preview.data.constants-1No1RU-q.js";
 const s = {
   name: "DimensionSingleSelectFieldPro",
   label: "Dimension Single Select Field",

package/dist/DonutChartPro.js

@@ -1,8 +1,8 @@
-import { V as n, l as a } from "./Color.type.emb-JBTB4VAn.js";
-import { definePreview as r, defineComponent as i } from "@embeddable.com/react";
-import { D as s } from "./index-DILo_r4-.js";
-import { c as e } from "./component.inputs.constants-Cj-atN8w.js";
-import { p as o } from "./preview.data.constants-DWqfMVjy.js";
+import { V as n, l as a } from "./Color.type.emb-Ba6kRLMO.js";
+import { definePreview as i, defineComponent as r } from "@embeddable.com/react";
+import { D as s } from "./index-DjT6EyFA.js";
+import { i as e } from "./component.inputs.constants-CafM9zee.js";
+import { p as o } from "./preview.data.constants-1No1RU-q.js";
 const m = {
   name: "DonutChartPro",
   label: "Donut Chart",
@@ -32,13 +32,13 @@ const m = {
       ]
     }
   ]
-}, f = r(s, {
+}, f = i(s, {
   dimension: o.dimension,
   measure: o.measure,
   results: o.results1Measure1Dimension,
   showValueLabels: !1,
   hideMenu: !0
-}), h = i(s, m, {
+}), h = r(s, m, {
   props: (t) => ({
     ...t,
     results: a({

package/dist/DonutLabelChartPro.js

@@ -1,8 +1,8 @@
-import { D as r } from "./index-DK0M5jbC.js";
-import { V as s, l as t } from "./Color.type.emb-JBTB4VAn.js";
+import { D as r } from "./index-DmCl_k4C.js";
+import { V as s, l as t } from "./Color.type.emb-Ba6kRLMO.js";
 import { definePreview as o, defineComponent as i } from "@embeddable.com/react";
-import { c as e } from "./component.inputs.constants-Cj-atN8w.js";
-import { p as n } from "./preview.data.constants-DWqfMVjy.js";
+import { i as e } from "./component.inputs.constants-CafM9zee.js";
+import { p as n } from "./preview.data.constants-1No1RU-q.js";
 const l = {
   name: "DonutLabelChartPro",
   label: "Donut Label Chart",

package/dist/{EditorCard-DlwWVuY3.js → EditorCard-CvzyUx4Z.js}

@@ -1,6 +1,6 @@
-import { j as r, n as c, o as m, p as C, q as l } from "./Color.type.emb-JBTB4VAn.js";
+import { j as r, n as c, o as m, p as C, q as l } from "./Color.type.emb-Ba6kRLMO.js";
 import { useTheme as p } from "@embeddable.com/react";
-import { b as u, I as x, i as j } from "./component.inputs.constants-Cj-atN8w.js";
+import { a as u, I as x, i as j } from "./component.utils-DIYAoUYH.js";
 const f = "_editorCard_1q85m_1", h = {
   editorCard: f
 }, q = ({
@@ -30,4 +30,4 @@ const f = "_editorCard_1q85m_1", h = {
 export {
   q as E
 };
-//# sourceMappingURL=EditorCard-DlwWVuY3.js.map
+//# sourceMappingURL=EditorCard-CvzyUx4Z.js.map

package/dist/{EditorCard-DlwWVuY3.js.map → EditorCard-CvzyUx4Z.js.map}

@@ -1 +1 @@
-{"version":3,"file":"EditorCard-DlwWVuY3.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\nexport type EditorCardHeaderProps = {\n  title?: string;\n  description?: string;\n  tooltip?: string;\n};\n\nexport type EditorCardProps = {\n  children: React.ReactNode;\n  errorMessage?: string;\n} & EditorCardHeaderProps;\n\nexport const EditorCard: FC<EditorCardProps> = ({\n  title,\n  description,\n  tooltip,\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.editorCard} {...props}>\n      <CardHeader title={title} subtitle={description} tooltip={tooltip} />\n      <CardContent>{getDisplay()}</CardContent>\n    </Card>\n  );\n};\n"],"names":["EditorCard","title","description","tooltip","children","errorMessage","props","theme","useTheme","i18nSetup","getDisplay","jsx","CardFeedback","IconAlertCircle","i18n","Card","styles","CardHeader","CardContent"],"mappings":";;;;;GAmBaA,IAAkC,CAAC;AAAA,EAC9C,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,SAAAC;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,YAAa,GAAGV,GACtC,UAAA;AAAA,IAAAK,gBAAAA,EAAAA,IAACM,GAAA,EAAW,OAAAhB,GAAc,UAAUC,GAAa,SAAAC,GAAkB;AAAA,IACnEQ,gBAAAA,EAAAA,IAACO,GAAA,EAAa,UAAAR,EAAA,EAAW,CAAE;AAAA,EAAA,GAC7B;AAEJ;"}
+{"version":3,"file":"EditorCard-CvzyUx4Z.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\nexport type EditorCardHeaderProps = {\n  title?: string;\n  description?: string;\n  tooltip?: string;\n};\n\nexport type EditorCardProps = {\n  children: React.ReactNode;\n  errorMessage?: string;\n} & EditorCardHeaderProps;\n\nexport const EditorCard: FC<EditorCardProps> = ({\n  title,\n  description,\n  tooltip,\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.editorCard} {...props}>\n      <CardHeader title={title} subtitle={description} tooltip={tooltip} />\n      <CardContent>{getDisplay()}</CardContent>\n    </Card>\n  );\n};\n"],"names":["EditorCard","title","description","tooltip","children","errorMessage","props","theme","useTheme","i18nSetup","getDisplay","jsx","CardFeedback","IconAlertCircle","i18n","Card","styles","CardHeader","CardContent"],"mappings":";;;;;GAmBaA,IAAkC,CAAC;AAAA,EAC9C,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,SAAAC;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,YAAa,GAAGV,GACtC,UAAA;AAAA,IAAAK,gBAAAA,EAAAA,IAACM,GAAA,EAAW,OAAAhB,GAAc,UAAUC,GAAa,SAAAC,GAAkB;AAAA,IACnEQ,gBAAAA,EAAAA,IAACO,GAAA,EAAa,UAAAR,EAAA,EAAW,CAAE;AAAA,EAAA,GAC7B;AAEJ;"}

package/dist/{GranularitySelectField-DpCZ47f8.js → GranularitySelectField-YRGQFZcI.js}

@@ -1,10 +1,11 @@
-import { j as g, S as E } from "./Color.type.emb-JBTB4VAn.js";
+import { j as g, S as E } from "./Color.type.emb-Ba6kRLMO.js";
 import { useMemo as F, useEffect as d } from "react";
 import { useTheme as C } from "@embeddable.com/react";
-import { d as G, e as N, b as w } from "./component.inputs.constants-Cj-atN8w.js";
-const D = 1, v = 100, x = () => G.map((e) => ({
+import { b as G, a as N } from "./component.utils-DIYAoUYH.js";
+import { d as w } from "./component.inputs.constants-CafM9zee.js";
+const D = 1, v = 100, x = () => w.map((e) => ({
   ...e,
-  label: N(e.label)
+  label: G(e.label)
 })), m = (e) => {
   if (e instanceof Date) return Number.isNaN(e.getTime()) ? null : e;
   if (typeof e == "string" || typeof e == "number") {
@@ -44,12 +45,12 @@ const k = (e, t, r) => {
   const r = m(e == null ? void 0 : e.from), o = m(e == null ? void 0 : e.to);
   if (!r || !o) return t;
   const a = /* @__PURE__ */ new Set();
-  for (const c of t) {
-    const i = c.value;
-    k(r, o, i) && a.add(i);
+  for (const i of t) {
+    const c = i.value;
+    k(r, o, c) && a.add(c);
   }
-  return t.filter((c) => a.has(c.value));
-}, S = (e, t) => {
+  return t.filter((i) => a.has(i.value));
+}, p = (e, t) => {
   var o;
   if (!t)
     return;
@@ -57,38 +58,38 @@ const k = (e, t, r) => {
     return t;
   const r = e.length > 2 ? 1 : 0;
   return (o = e[r]) == null ? void 0 : o.value;
-}, K = (e) => {
+}, L = (e) => {
   const t = C();
-  w(t);
+  N(t);
   const {
     granularity: r,
     granularities: o,
     clearable: a,
-    placeholder: c,
-    primaryTimeRange: i,
-    variant: p,
+    placeholder: i,
+    primaryTimeRange: c,
+    variant: S,
     side: T,
     align: y,
     onChange: f
   } = e, b = x(), l = F(() => A(
-    i,
+    c,
     b.filter(
       (n) => o == null ? void 0 : o.includes(n.value)
     )
-  ), [i, o]);
+  ), [c, o]);
   d(() => {
     if (r && !l.some((n) => n.value === r)) {
-      const n = S(l, r);
+      const n = p(l, r);
       n && f(n);
     }
   }, [l, r, f]);
-  const h = S(l, r);
+  const h = p(l, r);
   return /* @__PURE__ */ g.jsx(
     E,
     {
-      variant: p,
+      variant: S,
       clearable: a,
-      placeholder: c,
+      placeholder: i,
       value: h,
       options: l,
       onChange: (n) => f(n),
@@ -99,9 +100,9 @@ const k = (e, t, r) => {
   );
 };
 export {
-  K as G,
+  L as G,
   x as a,
-  S as b,
+  p as b,
   A as g
 };
-//# sourceMappingURL=GranularitySelectField-DpCZ47f8.js.map
+//# sourceMappingURL=GranularitySelectField-YRGQFZcI.js.map

package/dist/{GranularitySelectField-DpCZ47f8.js.map → GranularitySelectField-YRGQFZcI.js.map}

@@ -1 +1 @@
-{"version":3,"file":"GranularitySelectField-DpCZ47f8.js","sources":["../src/components/editors/shared/GranularitySelectField/GranularitySelectField.utils.ts","../src/components/editors/shared/GranularitySelectField/GranularitySelectField.tsx"],"sourcesContent":["import { SelectListOptionProps } from '@embeddable.com/remarkable-ui';\nimport { Granularity, TimeRange } from '@embeddable.com/core';\nimport {\n  defaultGranularitySelectFieldOptions,\n  TGranularityValue,\n} from '../../../../theme/defaults/defaults.GranularityOptions.constants';\nimport { resolveI18nString } from '../../../component.utils';\n\nconst DEFAULT_MIN_BUCKETS = 1;\nconst DEFAULT_MAX_BUCKETS = 100;\n\nexport const getGranularitySelectFieldOptions = (): SelectListOptionProps[] => {\n  return defaultGranularitySelectFieldOptions.map((opt) => ({\n    ...opt,\n    label: resolveI18nString(opt.label),\n  }));\n};\n\n// Convert possibly-string timestamps to Date safely.\nconst toDate = (d: unknown): Date | null => {\n  if (d instanceof Date) return Number.isNaN(d.getTime()) ? null : d;\n  if (typeof d === 'string' || typeof d === 'number') {\n    const parsed = new Date(d);\n    return Number.isNaN(parsed.getTime()) ? null : parsed;\n  }\n  return null;\n};\n\n// Inclusive end -> Exclusive end helper (only used for sub-day diffs)\nconst toExclusiveEnd = (endInclusive: Date): Date => new Date(endInclusive.getTime() + 1);\n\nconst bucketCountByUnit = (start: Date, endExclusive: Date, unitMs: number): number => {\n  return (endExclusive.getTime() - start.getTime()) / unitMs;\n};\n\n// Bucket counting (treat end as INCLUSIVE)\nfunction bucketCount(start: Date, endInclusive: Date, granularity: Granularity): number {\n  if (start > endInclusive) return 0;\n\n  switch (granularity) {\n    case 'second':\n      return bucketCountByUnit(start, toExclusiveEnd(endInclusive), 1000);\n\n    case 'minute':\n      return bucketCountByUnit(start, toExclusiveEnd(endInclusive), 60 * 1000);\n\n    case 'hour':\n      return bucketCountByUnit(start, toExclusiveEnd(endInclusive), 60 * 60 * 1000);\n\n    case 'day':\n      return bucketCountByUnit(start, toExclusiveEnd(endInclusive), 24 * 60 * 60 * 1000);\n\n    case 'week':\n      return bucketCountByUnit(start, toExclusiveEnd(endInclusive), 7 * 24 * 60 * 60 * 1000);\n\n    case 'month':\n      return bucketCountByUnit(start, toExclusiveEnd(endInclusive), 28 * 24 * 60 * 60 * 1000); // shortest month\n\n    case 'quarter':\n      return bucketCountByUnit(start, toExclusiveEnd(endInclusive), 90 * 24 * 60 * 60 * 1000); // shortest quarter\n\n    case 'year':\n      return bucketCountByUnit(start, toExclusiveEnd(endInclusive), 365 * 24 * 60 * 60 * 1000); // shortest year\n  }\n}\n\nconst isGranularityValid = (\n  start: Date,\n  endInclusive: Date,\n  granularity: TGranularityValue,\n): boolean => {\n  const buckets = bucketCount(start, endInclusive, granularity);\n  return buckets >= DEFAULT_MIN_BUCKETS && buckets <= DEFAULT_MAX_BUCKETS;\n};\n\nexport const getAvailableGranularityOptionsFromTimeRange = (\n  timeRange: TimeRange,\n  allOptions: SelectListOptionProps[],\n): SelectListOptionProps[] => {\n  if (!timeRange) return allOptions;\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const from = toDate((timeRange as any)?.from);\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const to = toDate((timeRange as any)?.to);\n\n  // If we can’t parse range, don’t hide anything (fail open)\n  if (!from || !to) return allOptions;\n\n  const validSet = new Set<TGranularityValue>();\n\n  for (const opt of allOptions) {\n    const g = opt.value as TGranularityValue;\n    if (isGranularityValid(from, to, g)) {\n      validSet.add(g);\n    }\n  }\n\n  // preserve original UI ordering\n  return allOptions.filter((opt) => validSet.has(opt.value as TGranularityValue));\n};\n\nexport const getSafeSelection = (\n  availableOptions: SelectListOptionProps[],\n  granularity?: Granularity,\n): Granularity | undefined => {\n  if (!granularity) {\n    return undefined;\n  }\n\n  if (availableOptions.some((opt) => opt.value === granularity)) {\n    return granularity;\n  }\n\n  const optionToSelect = availableOptions.length > 2 ? 1 : 0;\n\n  return availableOptions[optionToSelect]?.value as Granularity;\n};\n","import { useEffect, useMemo } from 'react';\nimport { useTheme } from '@embeddable.com/react';\nimport { SingleSelectField, SingleSelectFieldProps } from '@embeddable.com/remarkable-ui';\nimport { Granularity, TimeRange } from '@embeddable.com/core';\nimport { Theme } from '../../../../theme/theme.types';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport {\n  getAvailableGranularityOptionsFromTimeRange,\n  getGranularitySelectFieldOptions,\n  getSafeSelection,\n} from './GranularitySelectField.utils';\nimport { TGranularityValue } from '../../../../theme/defaults/defaults.GranularityOptions.constants';\nimport { ChartCardHeaderProps } from '../../../charts/shared/ChartCard/ChartCard';\n\nexport type GranularitySelectFieldProps = {\n  onChange: (newGranularity: Granularity) => void;\n  primaryTimeRange?: TimeRange;\n  granularity?: TGranularityValue;\n  granularities?: TGranularityValue[];\n} & ChartCardHeaderProps &\n  Pick<SingleSelectFieldProps, 'variant' | 'side' | 'align' | 'clearable' | 'placeholder'>;\n\nexport const GranularitySelectField = (props: GranularitySelectFieldProps) => {\n  const theme: Theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const {\n    granularity,\n    granularities,\n    clearable,\n    placeholder,\n    primaryTimeRange,\n    variant,\n    side,\n    align,\n    onChange,\n  } = props;\n\n  const granularitySelectFieldOptions = getGranularitySelectFieldOptions();\n\n  const availableOptions = useMemo(() => {\n    return getAvailableGranularityOptionsFromTimeRange(\n      primaryTimeRange,\n      granularitySelectFieldOptions.filter((opt) =>\n        granularities?.includes(opt.value as TGranularityValue),\n      ),\n    );\n  }, [primaryTimeRange, granularities]);\n\n  useEffect(() => {\n    if (granularity) {\n      // Selected granularity is not available\n      // Select 1st available option when number of options is =< 2\n      // Select 2nd option to avoid when number of options > 2\n      if (!availableOptions.some((opt) => opt.value === granularity)) {\n        const newGranularity = getSafeSelection(availableOptions, granularity);\n        if (newGranularity) {\n          onChange(newGranularity as Granularity);\n        }\n      }\n    }\n  }, [availableOptions, granularity, onChange]);\n\n  const safeValue = getSafeSelection(availableOptions, granularity);\n\n  return (\n    <SingleSelectField\n      variant={variant}\n      clearable={clearable}\n      placeholder={placeholder}\n      value={safeValue}\n      options={availableOptions}\n      onChange={(newValue) => onChange(newValue as Granularity)}\n      avoidCollisions={false}\n      side={side}\n      align={align}\n    />\n  );\n};\n"],"names":["DEFAULT_MIN_BUCKETS","DEFAULT_MAX_BUCKETS","getGranularitySelectFieldOptions","defaultGranularitySelectFieldOptions","opt","resolveI18nString","toDate","d","parsed","toExclusiveEnd","endInclusive","bucketCountByUnit","start","endExclusive","unitMs","bucketCount","granularity","isGranularityValid","buckets","getAvailableGranularityOptionsFromTimeRange","timeRange","allOptions","from","to","validSet","g","getSafeSelection","availableOptions","optionToSelect","_a","GranularitySelectField","props","theme","useTheme","i18nSetup","granularities","clearable","placeholder","primaryTimeRange","variant","side","align","onChange","granularitySelectFieldOptions","useMemo","useEffect","newGranularity","safeValue","jsx","SingleSelectField","newValue"],"mappings":"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"}
+{"version":3,"file":"GranularitySelectField-YRGQFZcI.js","sources":["../src/components/editors/shared/GranularitySelectField/GranularitySelectField.utils.ts","../src/components/editors/shared/GranularitySelectField/GranularitySelectField.tsx"],"sourcesContent":["import { SelectListOptionProps } from '@embeddable.com/remarkable-ui';\nimport { Granularity, TimeRange } from '@embeddable.com/core';\nimport {\n  defaultGranularitySelectFieldOptions,\n  TGranularityValue,\n} from '../../../../theme/defaults/defaults.GranularityOptions.constants';\nimport { resolveI18nString } from '../../../component.utils';\n\nconst DEFAULT_MIN_BUCKETS = 1;\nconst DEFAULT_MAX_BUCKETS = 100;\n\nexport const getGranularitySelectFieldOptions = (): SelectListOptionProps[] => {\n  return defaultGranularitySelectFieldOptions.map((opt) => ({\n    ...opt,\n    label: resolveI18nString(opt.label),\n  }));\n};\n\n// Convert possibly-string timestamps to Date safely.\nconst toDate = (d: unknown): Date | null => {\n  if (d instanceof Date) return Number.isNaN(d.getTime()) ? null : d;\n  if (typeof d === 'string' || typeof d === 'number') {\n    const parsed = new Date(d);\n    return Number.isNaN(parsed.getTime()) ? null : parsed;\n  }\n  return null;\n};\n\n// Inclusive end -> Exclusive end helper (only used for sub-day diffs)\nconst toExclusiveEnd = (endInclusive: Date): Date => new Date(endInclusive.getTime() + 1);\n\nconst bucketCountByUnit = (start: Date, endExclusive: Date, unitMs: number): number => {\n  return (endExclusive.getTime() - start.getTime()) / unitMs;\n};\n\n// Bucket counting (treat end as INCLUSIVE)\nfunction bucketCount(start: Date, endInclusive: Date, granularity: Granularity): number {\n  if (start > endInclusive) return 0;\n\n  switch (granularity) {\n    case 'second':\n      return bucketCountByUnit(start, toExclusiveEnd(endInclusive), 1000);\n\n    case 'minute':\n      return bucketCountByUnit(start, toExclusiveEnd(endInclusive), 60 * 1000);\n\n    case 'hour':\n      return bucketCountByUnit(start, toExclusiveEnd(endInclusive), 60 * 60 * 1000);\n\n    case 'day':\n      return bucketCountByUnit(start, toExclusiveEnd(endInclusive), 24 * 60 * 60 * 1000);\n\n    case 'week':\n      return bucketCountByUnit(start, toExclusiveEnd(endInclusive), 7 * 24 * 60 * 60 * 1000);\n\n    case 'month':\n      return bucketCountByUnit(start, toExclusiveEnd(endInclusive), 28 * 24 * 60 * 60 * 1000); // shortest month\n\n    case 'quarter':\n      return bucketCountByUnit(start, toExclusiveEnd(endInclusive), 90 * 24 * 60 * 60 * 1000); // shortest quarter\n\n    case 'year':\n      return bucketCountByUnit(start, toExclusiveEnd(endInclusive), 365 * 24 * 60 * 60 * 1000); // shortest year\n  }\n}\n\nconst isGranularityValid = (\n  start: Date,\n  endInclusive: Date,\n  granularity: TGranularityValue,\n): boolean => {\n  const buckets = bucketCount(start, endInclusive, granularity);\n  return buckets >= DEFAULT_MIN_BUCKETS && buckets <= DEFAULT_MAX_BUCKETS;\n};\n\nexport const getAvailableGranularityOptionsFromTimeRange = (\n  timeRange: TimeRange,\n  allOptions: SelectListOptionProps[],\n): SelectListOptionProps[] => {\n  if (!timeRange) return allOptions;\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const from = toDate((timeRange as any)?.from);\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const to = toDate((timeRange as any)?.to);\n\n  // If we can’t parse range, don’t hide anything (fail open)\n  if (!from || !to) return allOptions;\n\n  const validSet = new Set<TGranularityValue>();\n\n  for (const opt of allOptions) {\n    const g = opt.value as TGranularityValue;\n    if (isGranularityValid(from, to, g)) {\n      validSet.add(g);\n    }\n  }\n\n  // preserve original UI ordering\n  return allOptions.filter((opt) => validSet.has(opt.value as TGranularityValue));\n};\n\nexport const getSafeSelection = (\n  availableOptions: SelectListOptionProps[],\n  granularity?: Granularity,\n): Granularity | undefined => {\n  if (!granularity) {\n    return undefined;\n  }\n\n  if (availableOptions.some((opt) => opt.value === granularity)) {\n    return granularity;\n  }\n\n  const optionToSelect = availableOptions.length > 2 ? 1 : 0;\n\n  return availableOptions[optionToSelect]?.value as Granularity;\n};\n","import { useEffect, useMemo } from 'react';\nimport { useTheme } from '@embeddable.com/react';\nimport { SingleSelectField, SingleSelectFieldProps } from '@embeddable.com/remarkable-ui';\nimport { Granularity, TimeRange } from '@embeddable.com/core';\nimport { Theme } from '../../../../theme/theme.types';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport {\n  getAvailableGranularityOptionsFromTimeRange,\n  getGranularitySelectFieldOptions,\n  getSafeSelection,\n} from './GranularitySelectField.utils';\nimport { TGranularityValue } from '../../../../theme/defaults/defaults.GranularityOptions.constants';\nimport { ChartCardHeaderProps } from '../../../charts/shared/ChartCard/ChartCard';\n\nexport type GranularitySelectFieldProps = {\n  onChange: (newGranularity: Granularity) => void;\n  primaryTimeRange?: TimeRange;\n  granularity?: TGranularityValue;\n  granularities?: TGranularityValue[];\n} & ChartCardHeaderProps &\n  Pick<SingleSelectFieldProps, 'variant' | 'side' | 'align' | 'clearable' | 'placeholder'>;\n\nexport const GranularitySelectField = (props: GranularitySelectFieldProps) => {\n  const theme: Theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const {\n    granularity,\n    granularities,\n    clearable,\n    placeholder,\n    primaryTimeRange,\n    variant,\n    side,\n    align,\n    onChange,\n  } = props;\n\n  const granularitySelectFieldOptions = getGranularitySelectFieldOptions();\n\n  const availableOptions = useMemo(() => {\n    return getAvailableGranularityOptionsFromTimeRange(\n      primaryTimeRange,\n      granularitySelectFieldOptions.filter((opt) =>\n        granularities?.includes(opt.value as TGranularityValue),\n      ),\n    );\n  }, [primaryTimeRange, granularities]);\n\n  useEffect(() => {\n    if (granularity) {\n      // Selected granularity is not available\n      // Select 1st available option when number of options is =< 2\n      // Select 2nd option to avoid when number of options > 2\n      if (!availableOptions.some((opt) => opt.value === granularity)) {\n        const newGranularity = getSafeSelection(availableOptions, granularity);\n        if (newGranularity) {\n          onChange(newGranularity as Granularity);\n        }\n      }\n    }\n  }, [availableOptions, granularity, onChange]);\n\n  const safeValue = getSafeSelection(availableOptions, granularity);\n\n  return (\n    <SingleSelectField\n      variant={variant}\n      clearable={clearable}\n      placeholder={placeholder}\n      value={safeValue}\n      options={availableOptions}\n      onChange={(newValue) => onChange(newValue as Granularity)}\n      avoidCollisions={false}\n      side={side}\n      align={align}\n    />\n  );\n};\n"],"names":["DEFAULT_MIN_BUCKETS","DEFAULT_MAX_BUCKETS","getGranularitySelectFieldOptions","defaultGranularitySelectFieldOptions","opt","resolveI18nString","toDate","d","parsed","toExclusiveEnd","endInclusive","bucketCountByUnit","start","endExclusive","unitMs","bucketCount","granularity","isGranularityValid","buckets","getAvailableGranularityOptionsFromTimeRange","timeRange","allOptions","from","to","validSet","g","getSafeSelection","availableOptions","optionToSelect","_a","GranularitySelectField","props","theme","useTheme","i18nSetup","granularities","clearable","placeholder","primaryTimeRange","variant","side","align","onChange","granularitySelectFieldOptions","useMemo","useEffect","newGranularity","safeValue","jsx","SingleSelectField","newValue"],"mappings":"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"}

package/dist/GranularitySelectFieldPro.js

@@ -1,7 +1,7 @@
-import { definePreview as l, defineComponent as n } from "@embeddable.com/react";
-import { V as i } from "./Color.type.emb-JBTB4VAn.js";
-import { G as e, c as a } from "./component.inputs.constants-Cj-atN8w.js";
-import { G as t } from "./index-CKM7Eu4P.js";
+import { definePreview as l, defineComponent as i } from "@embeddable.com/react";
+import { V as n } from "./Color.type.emb-Ba6kRLMO.js";
+import { G as e, i as a } from "./component.inputs.constants-CafM9zee.js";
+import { G as t } from "./index-MLteceEX.js";
 const o = {
   name: "GranularitySelectFieldPro",
   label: "Granularity Select Field",
@@ -66,13 +66,13 @@ const o = {
     e.year
   ],
   onChange: () => null
-}), y = n(t, o, {
+}), y = i(t, o, {
   props: (r) => ({
     ...r
   }),
   events: {
     onChange: (r) => ({
-      value: r ?? i.noFilter()
+      value: r ?? n.noFilter()
     })
   }
 });

package/dist/HeatMapPro.js

@@ -1,8 +1,8 @@
-import { g as a, l as i } from "./Color.type.emb-JBTB4VAn.js";
+import { g as a, l as i } from "./Color.type.emb-Ba6kRLMO.js";
 import { definePreview as r, defineComponent as l } from "@embeddable.com/react";
-import { H as n } from "./index-ChBjG9Oi.js";
-import { c as e } from "./component.inputs.constants-Cj-atN8w.js";
-import { p as t } from "./preview.data.constants-DWqfMVjy.js";
+import { H as n } from "./index-BXFoQPId.js";
+import { i as e } from "./component.inputs.constants-CafM9zee.js";
+import { p as t } from "./preview.data.constants-1No1RU-q.js";
 const m = {
   name: "HeatMapPro",
   label: "Heat Map",

package/dist/HorizontalDividerPro.js

@@ -0,0 +1,34 @@
+import { definePreview as s, defineComponent as a } from "@embeddable.com/react";
+import { j as i, r as l, g as d } from "./Color.type.emb-Ba6kRLMO.js";
+import { i as o } from "./component.inputs.constants-CafM9zee.js";
+const c = "_horizontalDividerContainer_y6kms_1", m = {
+  horizontalDividerContainer: c
+}, r = (e) => {
+  const { color: t, thickness: n } = e;
+  return /* @__PURE__ */ i.jsx("div", { className: m.horizontalDividerContainer, children: /* @__PURE__ */ i.jsx(l, { color: t, thickness: n }) });
+}, p = {
+  name: "HorizontalDividerPro",
+  label: "Horizontal Divider",
+  category: "Layout",
+  defaultWidth: 450,
+  defaultHeight: 120,
+  inputs: [
+    {
+      ...o.number,
+      name: "thickness",
+      label: "Thickness",
+      category: "Component Settings",
+      description: "Thickness of the divider in pixels"
+    },
+    { ...o.color, defaultValue: d("--em-divider-color", "#e4e4ea") }
+  ]
+}, f = s(r, {}), D = a(r, p, {
+  /* @ts-expect-error - to be fixed in @embeddable.com/react */
+  props: (e) => ({ ...e })
+});
+export {
+  D as default,
+  p as meta,
+  f as preview
+};
+//# sourceMappingURL=HorizontalDividerPro.js.map

package/dist/HorizontalDividerPro.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HorizontalDividerPro.js","sources":["../src/components/shared/HorizontalDividerPro/index.tsx","../src/components/shared/HorizontalDividerPro/HorizontalDividerPro.emb.ts"],"sourcesContent":["import { Divider } from '@embeddable.com/remarkable-ui';\nimport styles from './HorizontalDividerPro.module.css';\n\ntype HorizontalDividerProProps = {\n  color?: string;\n  thickness?: number;\n};\n\nconst HorizontalDividerPro = (props: HorizontalDividerProProps) => {\n  const { color, thickness } = props;\n\n  return (\n    <div className={styles.horizontalDividerContainer}>\n      <Divider color={color} thickness={thickness} />\n    </div>\n  );\n};\n\nexport default HorizontalDividerPro;\n","import {\n  defineComponent,\n  definePreview,\n  EmbeddedComponentMeta,\n  Inputs,\n} from '@embeddable.com/react';\nimport HorizontalDividerPro from './index';\nimport { inputs } from '../../component.inputs.constants';\nimport { getStyle } from '@embeddable.com/remarkable-ui';\n\nexport const meta = {\n  name: 'HorizontalDividerPro',\n  label: 'Horizontal Divider',\n  category: 'Layout',\n  defaultWidth: 450,\n  defaultHeight: 120,\n  inputs: [\n    {\n      ...inputs.number,\n      name: 'thickness',\n      label: 'Thickness',\n      category: 'Component Settings',\n      description: 'Thickness of the divider in pixels',\n    },\n    { ...inputs.color, defaultValue: getStyle('--em-divider-color', '#e4e4ea') },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport const preview = definePreview(HorizontalDividerPro, {});\nexport default defineComponent(HorizontalDividerPro, meta, {\n  /* @ts-expect-error - to be fixed in @embeddable.com/react */\n  props: (inputs: Inputs<typeof meta>) => {\n    return { ...inputs };\n  },\n});\n"],"names":["HorizontalDividerPro","props","color","thickness","jsx","styles","Divider","meta","inputs","getStyle","preview","definePreview","HorizontalDividerPro_emb","defineComponent"],"mappings":";;;;;GAQMA,IAAuB,CAACC,MAAqC;AACjE,QAAM,EAAE,OAAAC,GAAO,WAAAC,EAAA,IAAcF;AAE7B,SACEG,gBAAAA,EAAAA,IAAC,SAAI,WAAWC,EAAO,4BACrB,UAAAD,gBAAAA,EAAAA,IAACE,GAAA,EAAQ,OAAAJ,GAAc,WAAAC,EAAA,CAAsB,EAAA,CAC/C;AAEJ,GCNaI,IAAO;AAAA,EAClB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,cAAc;AAAA,EACd,eAAe;AAAA,EACf,QAAQ;AAAA,IACN;AAAA,MACE,GAAGC,EAAO;AAAA,MACV,MAAM;AAAA,MACN,OAAO;AAAA,MACP,UAAU;AAAA,MACV,aAAa;AAAA,IAAA;AAAA,IAEf,EAAE,GAAGA,EAAO,OAAO,cAAcC,EAAS,sBAAsB,SAAS,EAAA;AAAA,EAAE;AAE/E,GAEaC,IAAUC,EAAcX,GAAsB,CAAA,CAAE,GAC7DY,IAAeC,EAAgBb,GAAsBO,GAAM;AAAA;AAAA,EAEzD,OAAO,CAACC,OACC,EAAE,GAAGA,EAAAA;AAEhB,CAAC;"}

package/dist/{IconCalendarFilled-DPibPYqC.js → IconCalendarFilled-Bez59Tbf.js}

@@ -1,4 +1,4 @@
-import { h as a } from "./Color.type.emb-JBTB4VAn.js";
+import { h as a } from "./Color.type.emb-Ba6kRLMO.js";
 /**
  * @license @tabler/icons-react v3.36.1 - MIT
  *
@@ -9,4 +9,4 @@ const l = [["path", { d: "M16 2a1 1 0 0 1 .993 .883l.007 .117v1h1a3 3 0 0 1 2.99
 export {
   v as I
 };
-//# sourceMappingURL=IconCalendarFilled-DPibPYqC.js.map
+//# sourceMappingURL=IconCalendarFilled-Bez59Tbf.js.map

package/dist/{IconCalendarFilled-DPibPYqC.js.map → IconCalendarFilled-Bez59Tbf.js.map}

@@ -1 +1 @@
-{"version":3,"file":"IconCalendarFilled-DPibPYqC.js","sources":["../node_modules/@tabler/icons-react/dist/esm/icons/IconCalendarFilled.mjs"],"sourcesContent":["/**\n * @license @tabler/icons-react v3.36.1 - 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\": \"M16 2a1 1 0 0 1 .993 .883l.007 .117v1h1a3 3 0 0 1 2.995 2.824l.005 .176v12a3 3 0 0 1 -2.824 2.995l-.176 .005h-12a3 3 0 0 1 -2.995 -2.824l-.005 -.176v-12a3 3 0 0 1 2.824 -2.995l.176 -.005h1v-1a1 1 0 0 1 1.993 -.117l.007 .117v1h6v-1a1 1 0 0 1 1 -1zm3 7h-14v9.625c0 .705 .386 1.286 .883 1.366l.117 .009h12c.513 0 .936 -.53 .993 -1.215l.007 -.16v-9.625z\", \"key\": \"svg-0\" }], [\"path\", { \"d\": \"M12 12a1 1 0 0 1 .993 .883l.007 .117v3a1 1 0 0 1 -1.993 .117l-.007 -.117v-2a1 1 0 0 1 -.117 -1.993l.117 -.007h1z\", \"key\": \"svg-1\" }]];\nconst IconCalendarFilled = createReactComponent(\"filled\", \"calendar-filled\", \"CalendarFilled\", __iconNode);\n\nexport { __iconNode, IconCalendarFilled as default };\n//# sourceMappingURL=IconCalendarFilled.mjs.map\n"],"names":["__iconNode","IconCalendarFilled","createReactComponent"],"mappings":";AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASA,MAAMA,IAAa,CAAC,CAAC,QAAQ,EAAE,GAAK,iWAAiW,KAAO,QAAO,CAAE,GAAG,CAAC,QAAQ,EAAE,GAAK,oHAAoH,KAAO,QAAO,CAAE,CAAC,GACviBC,IAAqBC,EAAqB,UAAU,mBAAmB,kBAAkBF,CAAU;","x_google_ignoreList":[0]}
+{"version":3,"file":"IconCalendarFilled-Bez59Tbf.js","sources":["../node_modules/@tabler/icons-react/dist/esm/icons/IconCalendarFilled.mjs"],"sourcesContent":["/**\n * @license @tabler/icons-react v3.36.1 - 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\": \"M16 2a1 1 0 0 1 .993 .883l.007 .117v1h1a3 3 0 0 1 2.995 2.824l.005 .176v12a3 3 0 0 1 -2.824 2.995l-.176 .005h-12a3 3 0 0 1 -2.995 -2.824l-.005 -.176v-12a3 3 0 0 1 2.824 -2.995l.176 -.005h1v-1a1 1 0 0 1 1.993 -.117l.007 .117v1h6v-1a1 1 0 0 1 1 -1zm3 7h-14v9.625c0 .705 .386 1.286 .883 1.366l.117 .009h12c.513 0 .936 -.53 .993 -1.215l.007 -.16v-9.625z\", \"key\": \"svg-0\" }], [\"path\", { \"d\": \"M12 12a1 1 0 0 1 .993 .883l.007 .117v3a1 1 0 0 1 -1.993 .117l-.007 -.117v-2a1 1 0 0 1 -.117 -1.993l.117 -.007h1z\", \"key\": \"svg-1\" }]];\nconst IconCalendarFilled = createReactComponent(\"filled\", \"calendar-filled\", \"CalendarFilled\", __iconNode);\n\nexport { __iconNode, IconCalendarFilled as default };\n//# sourceMappingURL=IconCalendarFilled.mjs.map\n"],"names":["__iconNode","IconCalendarFilled","createReactComponent"],"mappings":";AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASA,MAAMA,IAAa,CAAC,CAAC,QAAQ,EAAE,GAAK,iWAAiW,KAAO,QAAO,CAAE,GAAG,CAAC,QAAQ,EAAE,GAAK,oHAAoH,KAAO,QAAO,CAAE,CAAC,GACviBC,IAAqBC,EAAqB,UAAU,mBAAmB,kBAAkBF,CAAU;","x_google_ignoreList":[0]}

package/dist/KpiChartNumberComparisonPro.js

@@ -1,8 +1,8 @@
 import { definePreview as s, defineComponent as l } from "@embeddable.com/react";
-import { K as t } from "./index-CWAfLnlR.js";
-import { l as i } from "./Color.type.emb-JBTB4VAn.js";
-import { c as e } from "./component.inputs.constants-Cj-atN8w.js";
-import { p as o } from "./preview.data.constants-DWqfMVjy.js";
+import { K as t } from "./index-BpXWgDYM.js";
+import { l as i } from "./Color.type.emb-Ba6kRLMO.js";
+import { i as e } from "./component.inputs.constants-CafM9zee.js";
+import { p as o } from "./preview.data.constants-1No1RU-q.js";
 const p = {
   name: "KpiChartNumberComparisonPro",
   label: "Kpi Chart - Number Comparison",

package/dist/KpiChartNumberPro.js

@@ -1,8 +1,8 @@
 import { definePreview as o, defineComponent as s } from "@embeddable.com/react";
-import { K as a } from "./index-BownhTSN.js";
-import { l as i } from "./Color.type.emb-JBTB4VAn.js";
-import { c as e } from "./component.inputs.constants-Cj-atN8w.js";
-import { p as t } from "./preview.data.constants-DWqfMVjy.js";
+import { K as a } from "./index-D4PsdoMC.js";
+import { l as i } from "./Color.type.emb-Ba6kRLMO.js";
+import { i as e } from "./component.inputs.constants-CafM9zee.js";
+import { p as t } from "./preview.data.constants-1No1RU-q.js";
 const m = {
   name: "KpiChartNumberPro",
   label: "Kpi Chart - Number",
@@ -23,7 +23,7 @@ const m = {
   results: t.results1Measure,
   fontSize: 100,
   hideMenu: !0
-}), c = s(a, m, {
+}), b = s(a, m, {
   props: (r) => ({
     ...r,
     results: i({
@@ -33,7 +33,7 @@ const m = {
   })
 });
 export {
-  c as default,
+  b as default,
   m as meta,
   d as preview
 };

package/dist/LineChartComparisonDefaultPro.js

@@ -1,9 +1,9 @@
 import { definePreview as d, defineComponent as c } from "@embeddable.com/react";
-import { L as u } from "./index-CDfc3oko.js";
-import { V as g, l as p } from "./Color.type.emb-JBTB4VAn.js";
-import { c as e, s as r } from "./component.inputs.constants-Cj-atN8w.js";
-import { p as s } from "./preview.data.constants-DWqfMVjy.js";
-import { g as y } from "./granularity.utils-COYhEZ3f.js";
+import { L as u } from "./index-Fd2bQqMW.js";
+import { V as g, l as p } from "./Color.type.emb-Ba6kRLMO.js";
+import { i as e, s as r } from "./component.inputs.constants-CafM9zee.js";
+import { p as s } from "./preview.data.constants-1No1RU-q.js";
+import { g as y } from "./granularity.utils-SZItYXwU.js";
 const D = {
   name: "LineChartComparisonDefaultPro",
   label: "Line Chart Comparison - Default",

package/dist/LineChartDefaultPro.js

@@ -1,9 +1,9 @@
 import { definePreview as m, defineComponent as u } from "@embeddable.com/react";
-import { L as r } from "./index-DA8SRHFS.js";
-import { V as d, l as x } from "./Color.type.emb-JBTB4VAn.js";
-import { c as e, s as i } from "./component.inputs.constants-Cj-atN8w.js";
-import { p as n } from "./preview.data.constants-DWqfMVjy.js";
-import { g as p } from "./granularity.utils-COYhEZ3f.js";
+import { L as r } from "./index-CfEzNLT4.js";
+import { V as d, l as x } from "./Color.type.emb-Ba6kRLMO.js";
+import { i as e, s as i } from "./component.inputs.constants-CafM9zee.js";
+import { p as n } from "./preview.data.constants-1No1RU-q.js";
+import { g as p } from "./granularity.utils-SZItYXwU.js";
 const c = {
   name: "LineChartDefaultPro",
   label: "Line Chart - Default",

package/dist/LineChartGroupedPro.js

@@ -1,9 +1,9 @@
 import { definePreview as m, defineComponent as u } from "@embeddable.com/react";
-import { L as s } from "./index-d6y81S-C.js";
-import { V as o, l as p } from "./Color.type.emb-JBTB4VAn.js";
-import { c as e } from "./component.inputs.constants-Cj-atN8w.js";
-import { p as n } from "./preview.data.constants-DWqfMVjy.js";
-import { g as d } from "./granularity.utils-COYhEZ3f.js";
+import { L as s } from "./index-bL_N9uYo.js";
+import { V as o, l as p } from "./Color.type.emb-Ba6kRLMO.js";
+import { i as e } from "./component.inputs.constants-CafM9zee.js";
+import { p as n } from "./preview.data.constants-1No1RU-q.js";
+import { g as d } from "./granularity.utils-SZItYXwU.js";
 const g = {
   name: "LineChartGroupedPro",
   label: "Line Chart - Grouped",

package/dist/MeasureSingleSelectFieldPro.js

@@ -1,8 +1,8 @@
-import { V as r } from "./Color.type.emb-JBTB4VAn.js";
+import { V as r } from "./Color.type.emb-Ba6kRLMO.js";
 import { definePreview as s, defineComponent as n } from "@embeddable.com/react";
-import { M as l } from "./index-5qsLc5gK.js";
-import { c as e } from "./component.inputs.constants-Cj-atN8w.js";
-import { p as t } from "./preview.data.constants-DWqfMVjy.js";
+import { M as l } from "./index-CIEihjtV.js";
+import { i as e } from "./component.inputs.constants-CafM9zee.js";
+import { p as t } from "./preview.data.constants-1No1RU-q.js";
 const o = {
   name: "MeasureSingleSelectFieldPro",
   label: "Measure Single Select Field",

package/dist/MultiSelectFieldPro.js

@@ -1,8 +1,8 @@
 import { definePreview as d, defineComponent as u } from "@embeddable.com/react";
-import { V as l, l as m } from "./Color.type.emb-JBTB4VAn.js";
-import { M as p, a as o } from "./index-DN5C1NTk.js";
-import { c as a } from "./component.inputs.constants-Cj-atN8w.js";
-import { p as t } from "./preview.data.constants-DWqfMVjy.js";
+import { V as l, l as m } from "./Color.type.emb-Ba6kRLMO.js";
+import { M as p, a as o } from "./index-BIO7gVaq.js";
+import { i as a } from "./component.inputs.constants-CafM9zee.js";
+import { p as t } from "./preview.data.constants-1No1RU-q.js";
 const c = {
   name: "MultiSelectFieldPro",
   label: "Multi Select Field",

package/dist/PieChartPro.js

@@ -1,8 +1,8 @@
-import { V as o, l as a } from "./Color.type.emb-JBTB4VAn.js";
+import { V as o, l as a } from "./Color.type.emb-Ba6kRLMO.js";
 import { definePreview as r, defineComponent as n } from "@embeddable.com/react";
-import { P as t } from "./index-r9MBmJ_q.js";
-import { c as e } from "./component.inputs.constants-Cj-atN8w.js";
-import { p as i } from "./preview.data.constants-DWqfMVjy.js";
+import { P as t } from "./index-C944U_JG.js";
+import { i as e } from "./component.inputs.constants-CafM9zee.js";
+import { p as i } from "./preview.data.constants-1No1RU-q.js";
 const m = {
   name: "PieChartPro",
   label: "Pie Chart",

package/dist/PivotTablePro.js

@@ -1,8 +1,8 @@
-import { l as t } from "./Color.type.emb-JBTB4VAn.js";
+import { l as t } from "./Color.type.emb-Ba6kRLMO.js";
 import { definePreview as d, defineComponent as u } from "@embeddable.com/react";
-import { P as r } from "./index-1LMAV7gp.js";
-import { c as o, s as i } from "./component.inputs.constants-Cj-atN8w.js";
-import { p as a } from "./preview.data.constants-DWqfMVjy.js";
+import { P as r } from "./index-S9WNhMoH.js";
+import { i as o, s as i } from "./component.inputs.constants-CafM9zee.js";
+import { p as a } from "./preview.data.constants-1No1RU-q.js";
 const w = {
   name: "PivotTablePro",
   label: "Pivot Table",

package/dist/SingleSelectFieldPro.js

@@ -1,8 +1,8 @@
 import { definePreview as d, defineComponent as m } from "@embeddable.com/react";
-import { V as o, l as u } from "./Color.type.emb-JBTB4VAn.js";
-import { M as p, S as i } from "./index-B0Z1wHFa.js";
-import { c as n } from "./component.inputs.constants-Cj-atN8w.js";
-import { p as l } from "./preview.data.constants-DWqfMVjy.js";
+import { V as o, l as u } from "./Color.type.emb-Ba6kRLMO.js";
+import { M as p, S as i } from "./index-BdxHzCYZ.js";
+import { i as n } from "./component.inputs.constants-CafM9zee.js";
+import { p as l } from "./preview.data.constants-1No1RU-q.js";
 const c = {
   name: "SingleSelectFieldPro",
   label: "Single Select Field",