@embeddable.com/remarkable-ui 1.0.5 → 1.0.6

package/dist/index.js

@@ -1,35 +1,36 @@
-import { C as N, S as M } from "./ChartCard-BzLW_64B.js";
-import { j as a, a2 as n } from "./component.constants-B5vygi6l.js";
-import { a7 as G, B as H, a3 as K, a4 as $, a6 as E, a5 as q, al as W, a8 as z, aa as J, ab as V, N as X, ag as Y, am as Q, ad as U, ae as Z, ac as aa, a9 as sa, U as ea, W as ta, ar as ra, af as oa, D as ia, E as na, aw as ca, ax as la, as as ua, av as pa, d as ha, c as ma, z as da, aL as xa, $ as ga, G as ba, b as Ca, aK as ya, Y as _a, aM as wa, I as Sa, J as fa, R as Ta, H as ka, ah as Ia, ai as Pa, au as Aa, ay as ja, L as La, at as Da, M as va, ap as Oa, aj as Fa, ak as Ba, an as Na, ao as Ma, aq as Ra, K as Ga, X as Ha, F as Ka, i as $a, S as Ea, Q as qa, A as Wa, w as za, a as Ja, a1 as Va, r as Xa, p as Ya, h as Qa, s as Ua, g as Za, e as as, aN as ss, C as es, f as ts, aG as rs, _ as os, O as is, aF as ns, aH as cs, aE as ls, aB as us, T as ps, aC as hs, aI as ms, aD as ds, az as xs, aA as gs, Z as bs, aJ as Cs, t as ys, x as _s, v as ws, l as Ss, k as fs, y as Ts, n as ks, u as Is, q as Ps } from "./component.constants-B5vygi6l.js";
-import { B as js, b as Ls, i as Ds } from "./index-Jm7acUco.js";
-import { S as Os } from "./SingleSelectField-CX2hEN0u.js";
-import { E as Bs, S as Ns } from "./EditorCard-BLudeyiZ.js";
-import { K as Rs } from "./KpiChart-DWnEF3iA.js";
-import { P as Hs } from "./PivotTable-Diy2xzoH.js";
-import { H as $s } from "./HeatMap-HTlj76CN.js";
-import { a as qs, u as Ws } from "./useDebounce.hook-DxiPFcz9.js";
-import { r as Js, s as Vs } from "./charts.utils-Cw4SeX2m.js";
-import { g as Ys } from "./object.utils-D_Zzon-H.js";
-import { g as Us } from "./formatter.utils-N2gk49ys.js";
-import { i as ae } from "./index-BKkfcfXT.js";
-import { i as ee } from "./index-DhfbSAKi.js";
-import { i as re } from "./index-BOcQ7e6Q.js";
-import { g as ie, a as ne } from "./pies.utils-E8f3Hj1h.js";
-import { i as le } from "./index-Dwe8JLUr.js";
-import { i as pe } from "./index-_mthkdMa.js";
-import { C as me } from "./ComparisonPeriod.type.emb-D0_AP_PM.js";
-import { i as xe, s as ge } from "./color.utils-CVyp-fGP.js";
-const h = "_typography_g1one_1", m = {
-  typography: h
+import { C as N, S as M } from "./ChartCard-FOSghcoD.js";
+import { j as s, k as n } from "./TablePaginated-pVrIngVd.js";
+import { A as G, B as H, C as K, n as $, o as q, D as E, F as V, p as W, L as z, N as J, P as X, S as Y, T as Q, e as U, z as Z, q as ss, c as as, a as es, K as ts, M as rs, E as os, J as is, r as ns, s as cs, H as ls, O as ps, b as ms, G as us, d as hs, x as ds, t as xs, u as gs, v as bs, w as Cs, y as ys, g as _s, f as ws } from "./TablePaginated-pVrIngVd.js";
+import { N as fs, O as Ts, P as Ps, Q as ks, S as As, d as js, b as Is, u as Ls, a2 as Ds, L as Os, A as vs, a as Fs, a1 as Bs, I as Ns, a3 as Ms, C as Rs, D as Gs, G as Hs, B as Ks, z as $s, i as qs, F as Es, v as Vs, q as Ws, m as zs, M as Js, r as Xs, l as Ys, g as Qs, s as Us, f as Zs, c as sa, a4 as aa, w as ea, e as ta, Z as ra, K as oa, Y as ia, _ as na, X as ca, U as la, H as pa, V as ma, $ as ua, W as ha, R as da, T as xa, J as ga, a0 as ba, t as Ca, x as ya, p as _a, j as wa, h as Sa, y as fa, k as Ta, o as Pa, n as ka } from "./component.constants-VpbbPSIL.js";
+import { B as ja, b as Ia, i as La } from "./index-CCJCuW1J.js";
+import { S as Oa } from "./SingleSelectField-ammJ2Zc2.js";
+import { E as Fa, S as Ba } from "./EditorCard-CB-re8Qn.js";
+import { K as Ma } from "./KpiChart-lEsVao_M.js";
+import { P as Ga } from "./PivotTable-DlBkWU2O.js";
+import { H as Ka } from "./HeatMap-DwXoxYyu.js";
+import { a as qa, u as Ea } from "./useDebounce.hook-DxiPFcz9.js";
+import { r as Wa, s as za } from "./charts.utils-Cbyzr0nO.js";
+import { g as Xa } from "./object.utils-D_Zzon-H.js";
+import { g as Qa } from "./formatter.utils-BLz3TSY0.js";
+import { i as Za } from "./index-mMCdUsGD.js";
+import { i as ae } from "./index-DcyTRz2V.js";
+import { i as te } from "./index-DtmAIOuh.js";
+import { g as oe, a as ie } from "./pies.utils-Cr-a3NjZ.js";
+import { i as ce } from "./index-B7Pv2FEr.js";
+import { i as pe } from "./index-BYbp2vA7.js";
+import { C as ue } from "./ComparisonPeriod.type.emb-CQ63PFtq.js";
+import { i as de, s as xe } from "./color.utils-CVyp-fGP.js";
+const u = "_typography_g1one_1", h = {
+  typography: u
 };
-function j({
-  children: s,
+function I({
+  children: a,
   as: e = "p",
   className: t,
   style: o,
   title: r
 }) {
-  return /* @__PURE__ */ a.jsx(e, { title: r, className: n(m.typography, t), style: o, children: s });
+  return /* @__PURE__ */ s.jsx(e, { title: r, className: n(h.typography, t), style: o, children: a });
 }
 const d = "_buttonIcon_17kgb_1", x = "_small_17kgb_11", g = "_medium_17kgb_18", b = "_primary_17kgb_25", C = "_secondary_17kgb_42", c = {
   buttonIcon: d,
@@ -38,77 +39,77 @@ const d = "_buttonIcon_17kgb_1", x = "_small_17kgb_11", g = "_medium_17kgb_18",
   primary: b,
   secondary: C
 }, L = ({
-  icon: s,
+  icon: a,
   size: e = "medium",
   variant: t = "primary",
   className: o,
   ...r
-}) => /* @__PURE__ */ a.jsx(
+}) => /* @__PURE__ */ s.jsx(
   "button",
   {
     className: n(c.buttonIcon, c[t], c[e], o),
     ...r,
-    children: /* @__PURE__ */ a.jsx(s, {})
+    children: /* @__PURE__ */ s.jsx(a, {})
   }
 ), y = "_ghostButton_118d3_1", _ = {
   ghostButton: y
 }, D = ({
-  startIcon: s,
+  startIcon: a,
   endIcon: e,
   children: t,
   className: o,
   ...r
-}) => /* @__PURE__ */ a.jsxs("button", { className: n(_.ghostButton, o), ...r, children: [
-  s && /* @__PURE__ */ a.jsx(s, {}),
-  /* @__PURE__ */ a.jsx("span", { children: t }),
-  e && /* @__PURE__ */ a.jsx(e, {})
+}) => /* @__PURE__ */ s.jsxs("button", { className: n(_.ghostButton, o), ...r, children: [
+  a && /* @__PURE__ */ s.jsx(a, {}),
+  /* @__PURE__ */ s.jsx("span", { children: t }),
+  e && /* @__PURE__ */ s.jsx(e, {})
 ] }), w = "_overlay_1t3tm_1", S = {
   overlay: w
-}, v = ({ className: s, children: e }) => /* @__PURE__ */ a.jsx("div", { className: n(S.overlay, s), children: e }), f = "_disabled_vkmwe_8", T = "_switchTrack_vkmwe_19", k = "_switchThumb_vkmwe_30", I = "_checked_vkmwe_41", P = "_switchLabel_vkmwe_60", i = {
+}, O = ({ className: a, children: e }) => /* @__PURE__ */ s.jsx("div", { className: n(S.overlay, a), children: e }), f = "_disabled_vkmwe_8", T = "_switchTrack_vkmwe_19", P = "_switchThumb_vkmwe_30", k = "_checked_vkmwe_41", A = "_switchLabel_vkmwe_60", i = {
   switch: "_switch_vkmwe_1",
   disabled: f,
   switchTrack: T,
-  switchThumb: k,
-  checked: I,
-  switchLabel: P
-}, O = ({
-  checked: s,
+  switchThumb: P,
+  checked: k,
+  switchLabel: A
+}, v = ({
+  checked: a,
   onChange: e,
   disabled: t = !1,
   className: o,
   label: r,
   ...l
 }) => {
-  const u = (p) => {
-    !t && e && e(p.target.checked);
+  const p = (m) => {
+    !t && e && e(m.target.checked);
   };
   return l["aria-label"] || console.warn(
     "Switch component requires either a label prop or aria-label prop for accessibility"
-  ), /* @__PURE__ */ a.jsxs(
+  ), /* @__PURE__ */ s.jsxs(
     "label",
     {
       className: n(
         o,
         i.switch,
-        s && i.checked,
+        a && i.checked,
         t && i.disabled
       ),
       children: [
-        /* @__PURE__ */ a.jsx(
+        /* @__PURE__ */ s.jsx(
           "input",
           {
             type: "checkbox",
-            checked: s,
-            onChange: u,
+            checked: a,
+            onChange: p,
             disabled: t,
             role: "switch",
-            "aria-checked": s,
+            "aria-checked": a,
             "aria-disabled": t,
             ...l
           }
         ),
-        /* @__PURE__ */ a.jsx("span", { className: i.switchTrack, "aria-hidden": "true", children: /* @__PURE__ */ a.jsx("span", { className: i.switchThumb, "aria-hidden": "true" }) }),
-        r && /* @__PURE__ */ a.jsx("span", { className: n(i.switchLabel), children: r })
+        /* @__PURE__ */ s.jsx("span", { className: i.switchTrack, "aria-hidden": "true", children: /* @__PURE__ */ s.jsx("span", { className: i.switchThumb, "aria-hidden": "true" }) }),
+        r && /* @__PURE__ */ s.jsx("span", { className: n(i.switchLabel), children: r })
       ]
     }
   );
@@ -116,132 +117,130 @@ const d = "_buttonIcon_17kgb_1", x = "_small_17kgb_11", g = "_medium_17kgb_18",
 export {
   G as ActionIcon,
   H as BarChart,
-  js as Button,
+  ja as Button,
   L as ButtonIcon,
   K as Card,
   $ as CardContent,
-  E as CardFeedback,
+  fs as CardFeedback,
   q as CardHeader,
   N as ChartCard,
-  me as ComparisonPeriodType,
+  ue as ComparisonPeriodType,
   pe as DateRangeSelectFieldPro,
-  W as DonutChart,
-  ee as DonutChartPro,
-  re as DonutLabelChartPro,
-  z as Dropdown,
-  Bs as EditorCard,
-  J as FieldFeedback,
-  V as FieldHeader,
+  E as DonutChart,
+  ae as DonutChartPro,
+  te as DonutLabelChartPro,
+  Ts as Dropdown,
+  Fa as EditorCard,
+  V as FieldFeedback,
+  W as FieldHeader,
   D as GhostButton,
-  $s as HeatMap,
-  Rs as KpiChart,
-  X as LineChart,
-  Ls as MultiSelectField,
-  Ds as MultiSelectFieldPro,
-  Y as NumberField,
-  v as PageOverlay,
-  Q as PieChart,
-  ae as PieChartPro,
-  Hs as PivotTable,
-  Ns as SelectFieldCategory,
-  U as SelectFieldContent,
-  Z as SelectFieldContentList,
-  aa as SelectFieldTrigger,
-  sa as SelectListOption,
-  Os as SingleSelectField,
-  le as SingleSelectFieldPro,
+  Ka as HeatMap,
+  Ma as KpiChart,
+  z as LineChart,
+  Ia as MultiSelectField,
+  La as MultiSelectFieldPro,
+  J as NumberField,
+  O as Overlay,
+  X as PieChart,
+  Za as PieChartPro,
+  Ga as PivotTable,
+  Ba as SelectFieldCategory,
+  Ps as SelectFieldContent,
+  ks as SelectFieldContentList,
+  Y as SelectFieldTrigger,
+  As as SelectListOption,
+  Oa as SingleSelectField,
+  ce as SingleSelectFieldPro,
   M as Skeleton,
-  O as Switch,
-  ea as TableHeaderAlign,
-  ta as TablePaginated,
-  ra as TableSortDirection,
-  oa as TextField,
-  j as Typography,
-  ia as chartColors,
-  na as chartContrastColors,
-  ca as chartjsAxisOptions,
-  la as chartjsAxisOptionsLayoutPadding,
-  ua as chartjsAxisOptionsPlugins,
-  pa as chartjsAxisOptionsScales,
-  ha as dataset,
-  ma as description,
-  da as dimension,
-  xa as dimensionOrMeasure,
-  ga as dimensionSimple,
-  ba as dimensionTime,
-  Ca as dimensionWithDateBounds,
-  ya as dimensions,
-  _a as dimensionsAndMeasures,
-  wa as displayPercentages,
-  Sa as genericBoolean,
-  fa as genericNumber,
-  Ta as genericString,
-  ka as genericTimeRange,
-  Ia as getBarChartData,
-  Pa as getBarChartOptions,
-  Aa as getChartjsAxisOptionsScalesGrid,
-  ja as getChartjsAxisOptionsScalesGridColor,
-  La as getChartjsAxisOptionsScalesTicksDefault,
-  Da as getChartjsAxisOptionsScalesTicksMuted,
-  va as getChartjsAxisOptionsScalesTitle,
-  Oa as getDonutChartOptions,
-  Fa as getLineChartData,
-  Ba as getLineChartOptions,
-  Ys as getObjectStableKey,
-  Na as getPieChartData,
-  Ma as getPieChartOptions,
-  ie as getPieChartProData,
-  ne as getPieChartProOptions,
-  Ra as getStyle,
-  Ga as getStyleNumber,
-  Ha as getTableTotalPages,
-  Us as getThemeFormatter,
-  Ka as i18n,
-  $a as i18nSetup,
-  Ea as inputColor,
-  xe as isColorValid,
-  qa as maxLegendItems,
-  Wa as maxResults,
-  za as measure,
-  Ja as measures,
-  Va as placeholder,
-  Js as remarkableTheme,
-  Xa as resolveI18nProps,
-  Ya as reverseXAxis,
-  Qa as reverseYAxis,
-  ge as setColorAlpha,
-  Ua as showLegend,
-  Za as showLogarithmicScale,
-  as as showTooltips,
-  ss as showTopItems,
-  es as showTotalLabels,
-  ts as showValueLabels,
-  Vs as styles,
-  rs as subInputAbbreviateLargeNumber,
-  os as subInputAlign,
-  is as subInputColor,
-  ns as subInputCurrency,
-  cs as subInputDateBounds,
-  ls as subInputDecimalPlaces,
-  us as subInputDisplayName,
-  ps as subInputGenericBoolean,
-  hs as subInputGenericNumber,
-  ms as subInputGranularity,
-  ds as subInputMaxCharacters,
-  xs as subInputPrefix,
-  gs as subInputSuffix,
-  bs as subInputWidth,
-  Cs as timeDimensionSubInputs,
-  ys as title,
-  qs as useDebounce,
-  Ws as useTableGetRowsPerPage,
-  _s as xAxisLabel,
-  ws as xAxisMaxItems,
-  Ss as xAxisRangeMax,
-  fs as xAxisRangeMin,
-  Ts as yAxisLabel,
-  ks as yAxisMaxItems,
-  Is as yAxisRangeMax,
-  Ps as yAxisRangeMin
+  v as Switch,
+  Q as TableHeaderAlign,
+  U as TablePaginated,
+  Z as TableSortDirection,
+  ss as TextField,
+  I as Typography,
+  as as chartColors,
+  es as chartContrastColors,
+  ts as chartjsAxisOptions,
+  rs as chartjsAxisOptionsLayoutPadding,
+  os as chartjsAxisOptionsPlugins,
+  is as chartjsAxisOptionsScales,
+  js as dataset,
+  Is as description,
+  Ls as dimension,
+  Ds as dimensionOrMeasure,
+  Os as dimensionSimple,
+  vs as dimensionTime,
+  Fs as dimensionWithDateBounds,
+  Bs as dimensions,
+  Ns as dimensionsAndMeasures,
+  Ms as displayPercentages,
+  Rs as genericBoolean,
+  Gs as genericNumber,
+  Hs as genericString,
+  Ks as genericTimeRange,
+  ns as getBarChartData,
+  cs as getBarChartOptions,
+  ls as getChartjsAxisOptionsScalesGrid,
+  ps as getChartjsAxisOptionsScalesGridColor,
+  ms as getChartjsAxisOptionsScalesTicksDefault,
+  us as getChartjsAxisOptionsScalesTicksMuted,
+  hs as getChartjsAxisOptionsScalesTitle,
+  ds as getDonutChartOptions,
+  xs as getLineChartData,
+  gs as getLineChartOptions,
+  Xa as getObjectStableKey,
+  bs as getPieChartData,
+  Cs as getPieChartOptions,
+  oe as getPieChartProData,
+  ie as getPieChartProOptions,
+  ys as getStyle,
+  _s as getStyleNumber,
+  ws as getTableTotalPages,
+  Qa as getThemeFormatter,
+  $s as i18n,
+  qs as i18nSetup,
+  de as isColorValid,
+  Es as maxLegendItems,
+  Vs as maxResults,
+  Ws as measure,
+  zs as measures,
+  Js as placeholder,
+  Wa as remarkableTheme,
+  Xs as resolveI18nProps,
+  Ys as reverseXAxis,
+  Qs as reverseYAxis,
+  xe as setColorAlpha,
+  Us as showLegend,
+  Zs as showLogarithmicScale,
+  sa as showTooltips,
+  aa as showTopItems,
+  ea as showTotalLabels,
+  ta as showValueLabels,
+  za as styles,
+  ra as subInputAbbreviateLargeNumber,
+  oa as subInputAlign,
+  ia as subInputCurrency,
+  na as subInputDateBounds,
+  ca as subInputDecimalPlaces,
+  la as subInputDisplayName,
+  pa as subInputGenericBoolean,
+  ma as subInputGenericNumber,
+  ua as subInputGranularity,
+  ha as subInputMaxCharacters,
+  da as subInputPrefix,
+  xa as subInputSuffix,
+  ga as subInputWidth,
+  ba as timeDimensionSubInputs,
+  Ca as title,
+  qa as useDebounce,
+  Ea as useTableGetRowsPerPage,
+  ya as xAxisLabel,
+  _a as xAxisMaxItems,
+  wa as xAxisRangeMax,
+  Sa as xAxisRangeMin,
+  fa as yAxisLabel,
+  Ta as yAxisMaxItems,
+  Pa as yAxisRangeMax,
+  ka as yAxisRangeMin
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/remarkable-ui/components/shared/Typography/Typography.tsx","../src/remarkable-ui/components/shared/ButtonIcon/ButtonIcon.tsx","../src/remarkable-ui/components/shared/GhostButton/GhostButton.tsx","../src/remarkable-ui/components/shared/PageOverlay/PageOverlay.tsx","../src/remarkable-ui/components/editors/Switch/Switch.tsx"],"sourcesContent":["import React from 'react';\nimport styles from './Typography.module.css';\nimport clsx from 'clsx';\n\ntype TypographyElement = 'p' | 'span' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'label' | 'div';\n\ntype TypographyProps = {\n  children: React.ReactNode;\n  as?: TypographyElement;\n  className?: string;\n  title?: string;\n  style?: React.CSSProperties;\n};\n\nexport function Typography({\n  children,\n  as: Component = 'p',\n  className,\n  style,\n  title,\n}: TypographyProps): React.JSX.Element {\n  return (\n    <Component title={title} className={clsx(styles.typography, className)} style={style}>\n      {children}\n    </Component>\n  );\n}\n","import React from 'react';\nimport clsx from 'clsx';\nimport styles from './ButtonIcon.module.css';\nimport { TablerIcon } from '@tabler/icons-react';\n\ntype ButtonIconProps = {\n  variant?: 'primary' | 'secondary';\n  size?: 'small' | 'medium';\n  icon: TablerIcon;\n} & React.ButtonHTMLAttributes<HTMLButtonElement>;\n\nexport const ButtonIcon: React.FC<ButtonIconProps> = ({\n  icon: Icon,\n  size = 'medium',\n  variant = 'primary',\n  className,\n  ...props\n}) => {\n  return (\n    <button\n      className={clsx(styles.buttonIcon, styles[variant], styles[size], className)}\n      {...props}\n    >\n      <Icon />\n    </button>\n  );\n};\n","import React from 'react';\nimport { Icon } from '@tabler/icons-react';\nimport clsx from 'clsx';\nimport styles from './GhostButton.module.css';\n\ntype GhostButtonProps = {\n  startIcon?: Icon;\n  endIcon?: Icon;\n} & React.ButtonHTMLAttributes<HTMLButtonElement>;\n\nexport const GhostButton: React.FC<GhostButtonProps> = ({\n  startIcon: StartIcon,\n  endIcon: EndIcon,\n  children,\n  className,\n  ...props\n}) => {\n  return (\n    <button className={clsx(styles.ghostButton, className)} {...props}>\n      {StartIcon && <StartIcon />}\n      <span>{children}</span>\n      {EndIcon && <EndIcon />}\n    </button>\n  );\n};\n","import clsx from 'clsx';\nimport styles from './PageOverlay.module.css';\nimport type { PageOverlayProps } from './PageOverlay.types';\n\nexport const PageOverlay: React.FC<PageOverlayProps> = ({ className, children }) => {\n  return <div className={clsx(styles.overlay, className)}>{children}</div>;\n};\n","import React from 'react';\nimport clsx from 'clsx';\nimport styles from './Switch.module.css';\n\ntype SwitchProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange'> & {\n  onChange?: (checked: boolean) => void;\n  disabled?: boolean;\n  className?: string;\n  label?: string;\n};\n\nexport const Switch: React.FC<SwitchProps> = ({\n  checked,\n  onChange,\n  disabled = false,\n  className,\n  label,\n  ...props\n}) => {\n  const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    if (!disabled && onChange) {\n      onChange(event.target.checked);\n    }\n  };\n\n  // Ensure accessibility: either aria-label must be provided\n  if (!props['aria-label']) {\n    console.warn(\n      'Switch component requires either a label prop or aria-label prop for accessibility',\n    );\n  }\n\n  return (\n    <label\n      className={clsx(\n        className,\n        styles.switch,\n        checked && styles.checked,\n        disabled && styles.disabled,\n      )}\n    >\n      <input\n        type=\"checkbox\"\n        checked={checked}\n        onChange={handleChange}\n        disabled={disabled}\n        role=\"switch\"\n        aria-checked={checked}\n        aria-disabled={disabled}\n        {...props}\n      />\n      <span className={styles.switchTrack} aria-hidden=\"true\">\n        <span className={styles.switchThumb} aria-hidden=\"true\" />\n      </span>\n      {label && <span className={clsx(styles.switchLabel)}>{label}</span>}\n    </label>\n  );\n};\n"],"names":["Typography","children","Component","className","style","title","jsx","clsx","styles","ButtonIcon","Icon","size","variant","props","GhostButton","StartIcon","EndIcon","jsxs","PageOverlay","Switch","checked","onChange","disabled","label","handleChange","event"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAcO,SAASA,EAAW;AAAA,EACzB,UAAAC;AAAA,EACA,IAAIC,IAAY;AAAA,EAChB,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AACF,GAAuC;AACrC,SACEC,gBAAAA,MAACJ,GAAA,EAAU,OAAAG,GAAc,WAAWE,EAAKC,EAAO,YAAYL,CAAS,GAAG,OAAAC,GACrE,UAAAH,EAAA,CACH;AAEJ;;;;;;;GCfaQ,IAAwC,CAAC;AAAA,EACpD,MAAMC;AAAA,EACN,MAAAC,IAAO;AAAA,EACP,SAAAC,IAAU;AAAA,EACV,WAAAT;AAAA,EACA,GAAGU;AACL,MAEIP,gBAAAA,EAAAA;AAAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC,EAAKC,EAAO,YAAYA,EAAOI,CAAO,GAAGJ,EAAOG,CAAI,GAAGR,CAAS;AAAA,IAC1E,GAAGU;AAAA,IAEJ,gCAACH,GAAA,CAAA,CAAK;AAAA,EAAA;AAAA;;GCbCI,IAA0C,CAAC;AAAA,EACtD,WAAWC;AAAA,EACX,SAASC;AAAA,EACT,UAAAf;AAAA,EACA,WAAAE;AAAA,EACA,GAAGU;AACL,MAEII,gBAAAA,OAAC,YAAO,WAAWV,EAAKC,EAAO,aAAaL,CAAS,GAAI,GAAGU,GACzD,UAAA;AAAA,EAAAE,2BAAcA,GAAA,EAAU;AAAA,EACzBT,gBAAAA,MAAC,UAAM,UAAAL,GAAS;AAAA,EACfe,2BAAYA,GAAA,CAAA,CAAQ;AAAA,GACvB;;GClBSE,IAA0C,CAAC,EAAE,WAAAf,GAAW,UAAAF,QAC5DK,gBAAAA,EAAAA,IAAC,SAAI,WAAWC,EAAKC,EAAO,SAASL,CAAS,GAAI,UAAAF,GAAS;;;;;;;GCMvDkB,IAAgC,CAAC;AAAA,EAC5C,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,WAAAnB;AAAA,EACA,OAAAoB;AAAA,EACA,GAAGV;AACL,MAAM;AACJ,QAAMW,IAAe,CAACC,MAA+C;AACnE,IAAI,CAACH,KAAYD,KACfA,EAASI,EAAM,OAAO,OAAO;AAAA,EAEjC;AAGA,SAAKZ,EAAM,YAAY,KACrB,QAAQ;AAAA,IACN;AAAA,EAAA,GAKFI,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWV;AAAA,QACTJ;AAAA,QACAK,EAAO;AAAA,QACPY,KAAWZ,EAAO;AAAA,QAClBc,KAAYd,EAAO;AAAA,MAAA;AAAA,MAGrB,UAAA;AAAA,QAAAF,gBAAAA,EAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAAc;AAAA,YACA,UAAUI;AAAA,YACV,UAAAF;AAAA,YACA,MAAK;AAAA,YACL,gBAAcF;AAAA,YACd,iBAAeE;AAAA,YACd,GAAGT;AAAA,UAAA;AAAA,QAAA;AAAA,QAENP,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAWE,EAAO,aAAa,eAAY,QAC/C,UAAAF,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAWE,EAAO,aAAa,eAAY,QAAO,GAC1D;AAAA,QACCe,2BAAU,QAAA,EAAK,WAAWhB,EAAKC,EAAO,WAAW,GAAI,UAAAe,EAAA,CAAM;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGlE;"}
+{"version":3,"file":"index.js","sources":["../src/remarkable-ui/components/shared/Typography/Typography.tsx","../src/remarkable-ui/components/shared/ButtonIcon/ButtonIcon.tsx","../src/remarkable-ui/components/shared/GhostButton/GhostButton.tsx","../src/remarkable-ui/components/shared/Overlay/Overlay.tsx","../src/remarkable-ui/components/editors/Switch/Switch.tsx"],"sourcesContent":["import React from 'react';\nimport styles from './Typography.module.css';\nimport clsx from 'clsx';\n\ntype TypographyElement = 'p' | 'span' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'label' | 'div';\n\ntype TypographyProps = {\n  children: React.ReactNode;\n  as?: TypographyElement;\n  className?: string;\n  title?: string;\n  style?: React.CSSProperties;\n};\n\nexport function Typography({\n  children,\n  as: Component = 'p',\n  className,\n  style,\n  title,\n}: TypographyProps): React.JSX.Element {\n  return (\n    <Component title={title} className={clsx(styles.typography, className)} style={style}>\n      {children}\n    </Component>\n  );\n}\n","import React from 'react';\nimport clsx from 'clsx';\nimport styles from './ButtonIcon.module.css';\nimport { TablerIcon } from '@tabler/icons-react';\n\ntype ButtonIconProps = {\n  variant?: 'primary' | 'secondary';\n  size?: 'small' | 'medium';\n  icon: TablerIcon;\n} & React.ButtonHTMLAttributes<HTMLButtonElement>;\n\nexport const ButtonIcon: React.FC<ButtonIconProps> = ({\n  icon: Icon,\n  size = 'medium',\n  variant = 'primary',\n  className,\n  ...props\n}) => {\n  return (\n    <button\n      className={clsx(styles.buttonIcon, styles[variant], styles[size], className)}\n      {...props}\n    >\n      <Icon />\n    </button>\n  );\n};\n","import React from 'react';\nimport { Icon } from '@tabler/icons-react';\nimport clsx from 'clsx';\nimport styles from './GhostButton.module.css';\n\ntype GhostButtonProps = {\n  startIcon?: Icon;\n  endIcon?: Icon;\n} & React.ButtonHTMLAttributes<HTMLButtonElement>;\n\nexport const GhostButton: React.FC<GhostButtonProps> = ({\n  startIcon: StartIcon,\n  endIcon: EndIcon,\n  children,\n  className,\n  ...props\n}) => {\n  return (\n    <button className={clsx(styles.ghostButton, className)} {...props}>\n      {StartIcon && <StartIcon />}\n      <span>{children}</span>\n      {EndIcon && <EndIcon />}\n    </button>\n  );\n};\n","import clsx from 'clsx';\nimport styles from './Overlay.module.css';\nimport { FC, ReactNode } from 'react';\n\ntype OverlayProps = {\n  className?: string;\n  children?: ReactNode;\n};\n\nexport const Overlay: FC<OverlayProps> = ({ className, children }) => {\n  return <div className={clsx(styles.overlay, className)}>{children}</div>;\n};\n","import React from 'react';\nimport clsx from 'clsx';\nimport styles from './Switch.module.css';\n\ntype SwitchProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange'> & {\n  onChange?: (checked: boolean) => void;\n  disabled?: boolean;\n  className?: string;\n  label?: string;\n};\n\nexport const Switch: React.FC<SwitchProps> = ({\n  checked,\n  onChange,\n  disabled = false,\n  className,\n  label,\n  ...props\n}) => {\n  const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    if (!disabled && onChange) {\n      onChange(event.target.checked);\n    }\n  };\n\n  // Ensure accessibility: either aria-label must be provided\n  if (!props['aria-label']) {\n    console.warn(\n      'Switch component requires either a label prop or aria-label prop for accessibility',\n    );\n  }\n\n  return (\n    <label\n      className={clsx(\n        className,\n        styles.switch,\n        checked && styles.checked,\n        disabled && styles.disabled,\n      )}\n    >\n      <input\n        type=\"checkbox\"\n        checked={checked}\n        onChange={handleChange}\n        disabled={disabled}\n        role=\"switch\"\n        aria-checked={checked}\n        aria-disabled={disabled}\n        {...props}\n      />\n      <span className={styles.switchTrack} aria-hidden=\"true\">\n        <span className={styles.switchThumb} aria-hidden=\"true\" />\n      </span>\n      {label && <span className={clsx(styles.switchLabel)}>{label}</span>}\n    </label>\n  );\n};\n"],"names":["Typography","children","Component","className","style","title","jsx","clsx","styles","ButtonIcon","Icon","size","variant","props","GhostButton","StartIcon","EndIcon","jsxs","Overlay","Switch","checked","onChange","disabled","label","handleChange","event"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAcO,SAASA,EAAW;AAAA,EACzB,UAAAC;AAAA,EACA,IAAIC,IAAY;AAAA,EAChB,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AACF,GAAuC;AACrC,SACEC,gBAAAA,MAACJ,GAAA,EAAU,OAAAG,GAAc,WAAWE,EAAKC,EAAO,YAAYL,CAAS,GAAG,OAAAC,GACrE,UAAAH,EAAA,CACH;AAEJ;;;;;;;GCfaQ,IAAwC,CAAC;AAAA,EACpD,MAAMC;AAAA,EACN,MAAAC,IAAO;AAAA,EACP,SAAAC,IAAU;AAAA,EACV,WAAAT;AAAA,EACA,GAAGU;AACL,MAEIP,gBAAAA,EAAAA;AAAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC,EAAKC,EAAO,YAAYA,EAAOI,CAAO,GAAGJ,EAAOG,CAAI,GAAGR,CAAS;AAAA,IAC1E,GAAGU;AAAA,IAEJ,gCAACH,GAAA,CAAA,CAAK;AAAA,EAAA;AAAA;;GCbCI,IAA0C,CAAC;AAAA,EACtD,WAAWC;AAAA,EACX,SAASC;AAAA,EACT,UAAAf;AAAA,EACA,WAAAE;AAAA,EACA,GAAGU;AACL,MAEII,gBAAAA,OAAC,YAAO,WAAWV,EAAKC,EAAO,aAAaL,CAAS,GAAI,GAAGU,GACzD,UAAA;AAAA,EAAAE,2BAAcA,GAAA,EAAU;AAAA,EACzBT,gBAAAA,MAAC,UAAM,UAAAL,GAAS;AAAA,EACfe,2BAAYA,GAAA,CAAA,CAAQ;AAAA,GACvB;;GCbSE,IAA4B,CAAC,EAAE,WAAAf,GAAW,UAAAF,QAC9CK,gBAAAA,EAAAA,IAAC,SAAI,WAAWC,EAAKC,EAAO,SAASL,CAAS,GAAI,UAAAF,GAAS;;;;;;;GCCvDkB,IAAgC,CAAC;AAAA,EAC5C,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,WAAAnB;AAAA,EACA,OAAAoB;AAAA,EACA,GAAGV;AACL,MAAM;AACJ,QAAMW,IAAe,CAACC,MAA+C;AACnE,IAAI,CAACH,KAAYD,KACfA,EAASI,EAAM,OAAO,OAAO;AAAA,EAEjC;AAGA,SAAKZ,EAAM,YAAY,KACrB,QAAQ;AAAA,IACN;AAAA,EAAA,GAKFI,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWV;AAAA,QACTJ;AAAA,QACAK,EAAO;AAAA,QACPY,KAAWZ,EAAO;AAAA,QAClBc,KAAYd,EAAO;AAAA,MAAA;AAAA,MAGrB,UAAA;AAAA,QAAAF,gBAAAA,EAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAAc;AAAA,YACA,UAAUI;AAAA,YACV,UAAAF;AAAA,YACA,MAAK;AAAA,YACL,gBAAcF;AAAA,YACd,iBAAeE;AAAA,YACd,GAAGT;AAAA,UAAA;AAAA,QAAA;AAAA,QAENP,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAWE,EAAO,aAAa,eAAY,QAC/C,UAAAF,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAWE,EAAO,aAAa,eAAY,QAAO,GAC1D;AAAA,QACCe,2BAAU,QAAA,EAAK,WAAWhB,EAAKC,EAAO,WAAW,GAAI,UAAAe,EAAA,CAAM;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGlE;"}

package/dist/{pies.utils-E8f3Hj1h.js → pies.utils-Cr-a3NjZ.js}

@@ -1,9 +1,10 @@
-import { r as g, g as b } from "./charts.utils-Cw4SeX2m.js";
-import { g as u } from "./formatter.utils-N2gk49ys.js";
+import { r as g, g as b } from "./charts.utils-Cbyzr0nO.js";
+import { g as u } from "./formatter.utils-BLz3TSY0.js";
 import { g as h, a as l } from "./object.utils-D_Zzon-H.js";
-import { D as c, F as C } from "./component.constants-B5vygi6l.js";
+import { c } from "./TablePaginated-pVrIngVd.js";
 import "react";
-const D = (a, r = g) => {
+import { z as C } from "./component.constants-VpbbPSIL.js";
+const T = (a, r = g) => {
   const s = u(r);
   if (!a.data)
     return {
@@ -22,7 +23,7 @@ const D = (a, r = g) => {
       r.charts.backgroundColors ?? c,
       o
     )
-  ), d = t.map(
+  ), i = t.map(
     (e, o) => l(
       `${n}.charts.borderColors`,
       `${a.dimension.name}.${e[a.dimension.name]}`,
@@ -32,18 +33,18 @@ const D = (a, r = g) => {
   );
   return {
     labels: t.map((e) => {
-      const o = e[a.dimension.name], i = s.data(a.dimension, o);
-      return o === i ? C.t(o) : i;
+      const o = e[a.dimension.name], d = s.data(a.dimension, o);
+      return o === d ? C.t(o) : d;
     }),
     datasets: [
       {
         data: t.map((e) => e[a.measure.name]),
         backgroundColor: m,
-        borderColor: d
+        borderColor: i
       }
     ]
   };
-}, O = (a, r = g) => {
+}, w = (a, r = g) => {
   const s = u(r);
   return {
     plugins: {
@@ -58,8 +59,8 @@ const D = (a, r = g) => {
               // eslint-disable-next-line @typescript-eslint/no-explicit-any
               (e, o) => e + parseFloat(o),
               0
-            ), d = Math.round(n / m * 100);
-            return `${s.data(a, n)} (${d}%)`;
+            ), i = Math.round(n / m * 100);
+            return `${s.data(a, n)} (${i}%)`;
           }
         }
       }
@@ -67,7 +68,7 @@ const D = (a, r = g) => {
   };
 };
 export {
-  O as a,
-  D as g
+  w as a,
+  T as g
 };
-//# sourceMappingURL=pies.utils-E8f3Hj1h.js.map
+//# sourceMappingURL=pies.utils-Cr-a3NjZ.js.map

package/dist/{pies.utils-E8f3Hj1h.js.map → pies.utils-Cr-a3NjZ.js.map}

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

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

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

package/dist/remarkable-pro/components/charts/shared/ChartCard/ChartCard.d.ts

@@ -1,6 +1,6 @@
 import { default as React, CSSProperties } from 'react';
 import { DataResponse, Dimension, Measure } from '@embeddable.com/core';
-import { ChartCardMenuProOptionOnClickProps } from './ChartCardMenuPro/ChartCardMenuPro.types';
+import { ChartCardMenuOptionOnClickProps } from '../../../../theme/defaults/defaults.ChartCardMenu.constants';
 type ChartCardProps = {
     title: string;
     subtitle?: string;
@@ -10,7 +10,7 @@ type ChartCardProps = {
     errorMessage?: string;
     style?: CSSProperties;
     dimensionsAndMeasures?: (Dimension | Measure)[];
-    onCustomDownload?: (props: (props: ChartCardMenuProOptionOnClickProps) => void) => void;
+    onCustomDownload?: (props: (props: ChartCardMenuOptionOnClickProps) => void) => void;
 };
 export declare const ChartCard: React.ForwardRefExoticComponent<ChartCardProps & React.RefAttributes<HTMLDivElement>>;
 export {};

package/dist/remarkable-pro/components/charts/shared/ChartCard/ChartCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChartCard.d.ts","sourceRoot":"","sources":["../../../../../../src/remarkable-pro/components/charts/shared/ChartCard/ChartCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAU,MAAM,OAAO,CAAC;AAUrD,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAMxE,OAAO,EAAE,kCAAkC,EAAE,MAAM,2CAA2C,CAAC;AAG/F,KAAK,cAAc,GAAG;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,EAAE,YAAY,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,qBAAqB,CAAC,EAAE,CAAC,SAAS,GAAG,OAAO,CAAC,EAAE,CAAC;IAChD,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,kCAAkC,KAAK,IAAI,KAAK,IAAI,CAAC;CACzF,CAAC;AAEF,eAAO,MAAM,SAAS,uFAyErB,CAAC"}
+{"version":3,"file":"ChartCard.d.ts","sourceRoot":"","sources":["../../../../../../src/remarkable-pro/components/charts/shared/ChartCard/ChartCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAU,MAAM,OAAO,CAAC;AAUrD,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAOxE,OAAO,EAAE,+BAA+B,EAAE,MAAM,6DAA6D,CAAC;AAE9G,KAAK,cAAc,GAAG;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,EAAE,YAAY,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,qBAAqB,CAAC,EAAE,CAAC,SAAS,GAAG,OAAO,CAAC,EAAE,CAAC;IAChD,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,+BAA+B,KAAK,IAAI,KAAK,IAAI,CAAC;CACtF,CAAC;AAEF,eAAO,MAAM,SAAS,uFAyErB,CAAC"}

package/dist/remarkable-pro/components/charts/shared/ChartCard/ChartCardMenuPro/ChartCardMenuPro.d.ts

@@ -1,6 +1,10 @@
 import { default as React } from 'react';
-import { ChartCardMenuProOptionOnClickProps } from './ChartCardMenuPro.types';
-type ChartCardMenuProProps = Omit<ChartCardMenuProOptionOnClickProps, 'theme'>;
+import { ChartCardMenuOptionOnClickProps } from '../../../../../theme/defaults/defaults.ChartCardMenu.constants';
+type InlineSvgFromDataProps = React.HTMLAttributes<HTMLSpanElement> & {
+    src: string;
+};
+export declare function InlineSvgFromData({ src, className, ...rest }: InlineSvgFromDataProps): import("react/jsx-runtime").JSX.Element;
+type ChartCardMenuProProps = Omit<ChartCardMenuOptionOnClickProps, 'theme'>;
 export declare const ChartCardMenuPro: React.FC<ChartCardMenuProProps>;
 export {};
 //# sourceMappingURL=ChartCardMenuPro.d.ts.map

package/dist/remarkable-pro/components/charts/shared/ChartCard/ChartCardMenuPro/ChartCardMenuPro.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChartCardMenuPro.d.ts","sourceRoot":"","sources":["../../../../../../../src/remarkable-pro/components/charts/shared/ChartCard/ChartCardMenuPro/ChartCardMenuPro.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,OAAO,EAAE,kCAAkC,EAAE,MAAM,0BAA0B,CAAC;AAG9E,KAAK,qBAAqB,GAAG,IAAI,CAAC,kCAAkC,EAAE,OAAO,CAAC,CAAC;AAE/E,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAmD5D,CAAC"}
+{"version":3,"file":"ChartCardMenuPro.d.ts","sourceRoot":"","sources":["../../../../../../../src/remarkable-pro/components/charts/shared/ChartCard/ChartCardMenuPro/ChartCardMenuPro.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,OAAO,EAAE,+BAA+B,EAAE,MAAM,gEAAgE,CAAC;AAEjH,KAAK,sBAAsB,GAAG,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,GAAG;IACpE,GAAG,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,sBAAsB,2CAKpF;AAED,KAAK,qBAAqB,GAAG,IAAI,CAAC,+BAA+B,EAAE,OAAO,CAAC,CAAC;AAE5E,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAiD5D,CAAC"}

package/dist/remarkable-pro/components/charts/tables/PivotTablePro/PivotPro.utils.d.ts

@@ -8,7 +8,6 @@ export declare const getPivotMeasures: (props: {
 export declare const getPivotDimension: (props: {
     dimension: Dimension;
 }, theme: Theme) => PivotTableProps<any>["rowDimension" | "columnDimension"];
-export declare const getPivotColumnTotalsFor: (props: {
-    measures: Measure[];
-}) => PivotTableProps<any>["columnTotalsFor"] | undefined;
+export declare const getPivotColumnTotalsFor: (measures: Measure[]) => PivotTableProps<any>["columnTotalsFor"] | undefined;
+export declare const getPivotRowTotalsFor: (measures: Measure[]) => PivotTableProps<any>["rowTotalsFor"] | undefined;
 //# sourceMappingURL=PivotPro.utils.d.ts.map

package/dist/remarkable-pro/components/charts/tables/PivotTablePro/PivotPro.utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PivotPro.utils.d.ts","sourceRoot":"","sources":["../../../../../../src/remarkable-pro/components/charts/tables/PivotTablePro/PivotPro.utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAK/D,eAAO,MAAM,gBAAgB,GAC3B,OAAO;IAAE,QAAQ,EAAE,OAAO,EAAE,CAAC;IAAC,aAAa,CAAC,EAAE,MAAM,CAAA;CAAE,EACtD,OAAO,KAAK,KACX,eAAe,CAAC,GAAG,CAAC,CAAC,UAAU,CAkBjC,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAC5B,OAAO;IAAE,SAAS,EAAE,SAAS,CAAA;CAAE,EAC/B,OAAO,KAAK,KACX,eAAe,CAAC,GAAG,CAAC,CAAC,cAAc,GAAG,iBAAiB,CAQzD,CAAC;AAEF,eAAO,MAAM,uBAAuB,GAAI,OAAO;IAC7C,QAAQ,EAAE,OAAO,EAAE,CAAC;CACrB,KAAG,eAAe,CAAC,GAAG,CAAC,CAAC,iBAAiB,CAAC,GAAG,SAE7C,CAAC"}
+{"version":3,"file":"PivotPro.utils.d.ts","sourceRoot":"","sources":["../../../../../../src/remarkable-pro/components/charts/tables/PivotTablePro/PivotPro.utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAK/D,eAAO,MAAM,gBAAgB,GAC3B,OAAO;IAAE,QAAQ,EAAE,OAAO,EAAE,CAAC;IAAC,aAAa,CAAC,EAAE,MAAM,CAAA;CAAE,EACtD,OAAO,KAAK,KACX,eAAe,CAAC,GAAG,CAAC,CAAC,UAAU,CAkBjC,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAC5B,OAAO;IAAE,SAAS,EAAE,SAAS,CAAA;CAAE,EAC/B,OAAO,KAAK,KACX,eAAe,CAAC,GAAG,CAAC,CAAC,cAAc,GAAG,iBAAiB,CAQzD,CAAC;AAEF,eAAO,MAAM,uBAAuB,GAClC,UAAU,OAAO,EAAE,KAClB,eAAe,CAAC,GAAG,CAAC,CAAC,iBAAiB,CAAC,GAAG,SAE5C,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAC/B,UAAU,OAAO,EAAE,KAClB,eAAe,CAAC,GAAG,CAAC,CAAC,cAAc,CAAC,GAAG,SAEzC,CAAC"}