@embeddable.com/remarkable-ui 0.1.29 → 0.1.30

package/dist/index.js

@@ -1,238 +1,253 @@
-import { I as j } from "./ChartCard-Duhwxov3.js";
-import { C as us, S as hs } from "./ChartCard-Duhwxov3.js";
-import { j as s, a6 as u, a7 as v, a8 as S, a9 as I, aa as N, ab as C } from "./component.constants-XB5gaz8Z.js";
-import { ac as ds, aj as ps, ad as bs, a0 as fs, ai as _s, ak as Cs, af as ys, ag as gs, ae as ws, ah as js, T as vs, d as Ss, al as Is, c as Ns, z as Ts, W as $s, b as ks, ax as Ps, ay as Ls, Y as As, Z as Ms, am as Bs, X as Ds, F as Fs, C as Rs, U as zs, i as Os, a3 as Ws, A as Es, w as qs, a as Ks, a5 as Vs, r as Xs, p as Us, h as Ys, s as Gs, g as Hs, e as Zs, az as Js, B as Qs, f as sa, at as aa, a1 as ea, as as ta, au as oa, ar as na, ap as ra, av as ia, aq as ca, an as la, ao as ma, aw as ua, t as ha, x as xa, v as da, l as pa, k as ba, y as fa, n as _a, u as Ca, q as ya } from "./component.constants-XB5gaz8Z.js";
-import { useRef as T, useState as $, useEffect as k } from "react";
-import { B as P } from "./BaseButton-MxdswwJX.js";
-import { E as wa, S as ja } from "./EditorCard-CTCoSiam.js";
-import { B as _ } from "./index-CrfsmcHa.js";
-import { b as Sa, i as Ia } from "./index-CrfsmcHa.js";
-import { S as Ta } from "./SingleSelectField-J0EWFhqx.js";
-import { K as ka } from "./KpiChart-DINLNXzY.js";
-import { r as La, s as Aa } from "./charts.utils-CKlua6UT.js";
-import { g as Ba } from "./object.utils-BNKDL7Y9.js";
-import { g as Fa } from "./formatter.utils-BmqMNSUB.js";
-import { a as za, g as Oa } from "./pies.utils-DotuA_5l.js";
-import { i as Ea } from "./index-CydUf2Tu.js";
-import { i as Ka } from "./index-E75P_2R2.js";
-import { i as Xa } from "./index-vk45FCxb.js";
-import { i as Ya } from "./index-DK57EImz.js";
-import { i as Ha } from "./index-jl_48we-.js";
-import { C as Ja } from "./ComparisonPeriod.type.emb-BsVeAHPK.js";
-import { i as se, s as ae } from "./color.utils-CVyp-fGP.js";
-const L = "_container_436fl_1", A = "_column_436fl_10", M = "_box_436fl_20", B = "_short_436fl_26", D = "_tall_436fl_34", a = {
+import { I as v } from "./ChartCard-CACbKXZ7.js";
+import { C as bs, S as _s } from "./ChartCard-CACbKXZ7.js";
+import { j as s, a6 as m, a7 as _, a8 as S, a9 as I, aa as N, ab as $ } from "./component.constants-B1QqUi2G.js";
+import { ac as Cs, aj as gs, ad as ys, a0 as js, ai as ws, ak as vs, af as Ss, ag as Is, ae as Ns, ah as $s, T as Ts, d as ks, al as Ps, c as Bs, z as Ls, W as As, b as Ms, ax as Ds, ay as Fs, Y as Rs, Z as zs, am as Os, X as Ws, F as Es, C as qs, U as Ks, i as Vs, a3 as Xs, A as Gs, w as Us, a as Ys, a5 as Hs, r as Zs, p as Js, h as Qs, s as sa, g as aa, e as ea, az as ta, B as oa, f as na, at as ra, a1 as ia, as as ca, au as la, ar as ma, ap as ua, av as ha, aq as xa, an as da, ao as pa, aw as ba, t as _a, x as fa, v as Ca, l as ga, k as ya, y as ja, n as wa, u as va, q as Sa } from "./component.constants-B1QqUi2G.js";
+import { useRef as T, useState as k, useEffect as P } from "react";
+import { B } from "./BaseButton-Bf7IgH4E.js";
+import { E as Na, S as $a } from "./EditorCard-CNU8sUaR.js";
+import { B as g } from "./index-BcXLOYYi.js";
+import { b as ka, i as Pa } from "./index-BcXLOYYi.js";
+import { S as La } from "./SingleSelectField-AZ79m6bQ.js";
+import { K as Ma } from "./KpiChart-C-SmtMQp.js";
+import { r as Fa, s as Ra } from "./charts.utils-CQtEx-IN.js";
+import { g as Oa } from "./object.utils-BNKDL7Y9.js";
+import { g as Ea } from "./formatter.utils-B3HZzPUm.js";
+import { a as Ka, g as Va } from "./pies.utils-CPE4fxFn.js";
+import { i as Ga } from "./index-SdQVlaEz.js";
+import { i as Ya } from "./index-DyMUkLDE.js";
+import { i as Za } from "./index-Fs7N8msy.js";
+import { i as Qa } from "./index-Dye21BCa.js";
+import { i as ae } from "./index-CS8g--Wz.js";
+import { C as te } from "./ComparisonPeriod.type.emb-Q_A2MmQY.js";
+import { i as ne, s as re } from "./color.utils-CVyp-fGP.js";
+const L = "_container_436fl_1", A = "_column_436fl_10", M = "_box_436fl_20", D = "_short_436fl_26", F = "_tall_436fl_34", e = {
   container: L,
   column: A,
   box: M,
-  short: B,
-  tall: D
-}, ns = ({ className: o }) => {
-  const e = T(null), [n, l] = $(2);
-  k(() => {
-    const t = () => {
-      if (!e.current) return;
-      const h = e.current.offsetWidth, y = 32, m = 16, g = 128, b = 256, x = h - y, d = Math.floor((x + m) / (g + m)), w = (x - (d - 1) * m) / d;
-      let f = d;
-      w > b && (f = Math.floor((x + m) / (b + m))), l(Math.max(2, f));
+  short: D,
+  tall: F
+}, ls = ({ className: t }) => {
+  const a = T(null), [o, l] = k(2);
+  P(() => {
+    const n = () => {
+      if (!a.current) return;
+      const x = a.current.offsetWidth, y = 32, u = 16, j = 128, f = 256, d = x - y, p = Math.floor((d + u) / (j + u)), w = (d - (p - 1) * u) / p;
+      let C = p;
+      w > f && (C = Math.floor((d + u) / (f + u))), l(Math.max(2, C));
     };
-    t();
-    const r = new ResizeObserver(t);
-    return e.current && r.observe(e.current), () => r.disconnect();
+    n();
+    const r = new ResizeObserver(n);
+    return a.current && r.observe(a.current), () => r.disconnect();
   }, []);
-  const c = (t) => {
-    const r = t % 2 === 0;
-    return /* @__PURE__ */ s.jsx("div", { className: a.column, children: r ? /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
-      /* @__PURE__ */ s.jsx("div", { className: `${a.box} ${a.short}` }),
-      /* @__PURE__ */ s.jsx("div", { className: `${a.box} ${a.tall}` }),
-      /* @__PURE__ */ s.jsx("div", { className: `${a.box} ${a.short}` }),
-      /* @__PURE__ */ s.jsx("div", { className: `${a.box} ${a.tall}` })
+  const c = (n) => {
+    const r = n % 2 === 0;
+    return /* @__PURE__ */ s.jsx("div", { className: e.column, children: r ? /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+      /* @__PURE__ */ s.jsx("div", { className: `${e.box} ${e.short}` }),
+      /* @__PURE__ */ s.jsx("div", { className: `${e.box} ${e.tall}` }),
+      /* @__PURE__ */ s.jsx("div", { className: `${e.box} ${e.short}` }),
+      /* @__PURE__ */ s.jsx("div", { className: `${e.box} ${e.tall}` })
     ] }) : /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
-      /* @__PURE__ */ s.jsx("div", { className: `${a.box} ${a.tall}` }),
-      /* @__PURE__ */ s.jsx("div", { className: `${a.box} ${a.short}` }),
-      /* @__PURE__ */ s.jsx("div", { className: `${a.box} ${a.tall}` }),
-      /* @__PURE__ */ s.jsx("div", { className: `${a.box} ${a.short}` })
-    ] }) }, t);
+      /* @__PURE__ */ s.jsx("div", { className: `${e.box} ${e.tall}` }),
+      /* @__PURE__ */ s.jsx("div", { className: `${e.box} ${e.short}` }),
+      /* @__PURE__ */ s.jsx("div", { className: `${e.box} ${e.tall}` }),
+      /* @__PURE__ */ s.jsx("div", { className: `${e.box} ${e.short}` })
+    ] }) }, n);
   };
-  return /* @__PURE__ */ s.jsx("div", { ref: e, className: `${a.container} ${o || ""}`, children: Array.from({ length: n }, (t, r) => c(r)) });
-}, F = "_icon_bk4b5_1", R = "_iconPrimary_bk4b5_6", z = "_iconSecondary_bk4b5_9", O = "_buttonIcon_bk4b5_12", p = {
-  icon: F,
-  iconPrimary: R,
-  iconSecondary: z,
-  buttonIcon: O
-}, rs = ({
-  icon: o,
-  variant: e = "primary",
-  ...n
-}) => /* @__PURE__ */ s.jsx(P, { variant: e, size: "medium", className: p.buttonIcon, ...n, children: /* @__PURE__ */ s.jsx(
-  o,
+  return /* @__PURE__ */ s.jsx("div", { ref: a, className: `${e.container} ${t || ""}`, children: Array.from({ length: o }, (n, r) => c(r)) });
+}, R = "_icon_bk4b5_1", z = "_iconPrimary_bk4b5_6", O = "_iconSecondary_bk4b5_9", W = "_buttonIcon_bk4b5_12", b = {
+  icon: R,
+  iconPrimary: z,
+  iconSecondary: O,
+  buttonIcon: W
+}, ms = ({
+  icon: t,
+  variant: a = "primary",
+  ...o
+}) => /* @__PURE__ */ s.jsx(B, { variant: a, size: "medium", className: b.buttonIcon, ...o, children: /* @__PURE__ */ s.jsx(
+  t,
   {
-    className: u(
-      p.icon,
-      p[`icon${e.charAt(0).toUpperCase() + e.slice(1)}`]
+    className: m(
+      b.icon,
+      b[`icon${a.charAt(0).toUpperCase() + a.slice(1)}`]
     )
   }
-) }), W = "_overlay_1wzuc_1", E = {
-  overlay: W
-}, q = ({ className: o, children: e }) => /* @__PURE__ */ s.jsx("div", { className: u(E.overlay, o), children: e }), K = "_actions_pvzr9_1", V = {
-  actions: K
-}, is = ({
-  title: o,
-  message: e,
-  confirmLabel: n = "Confirm",
+) }), E = "_ghostButton_1cvh9_1", q = "_icon_1cvh9_38", K = "_label_1cvh9_42", h = {
+  ghostButton: E,
+  icon: q,
+  label: K
+}, us = ({
+  startIcon: t,
+  endIcon: a,
+  children: o,
+  className: l,
+  ...c
+}) => /* @__PURE__ */ s.jsxs("button", { className: m(h.ghostButton, l), ...c, children: [
+  t && /* @__PURE__ */ s.jsx(t, { className: h.icon }),
+  /* @__PURE__ */ s.jsx(_, { className: h.label, children: o }),
+  a && /* @__PURE__ */ s.jsx(a, { className: h.icon })
+] }), V = "_overlay_1wzuc_1", X = {
+  overlay: V
+}, G = ({ className: t, children: a }) => /* @__PURE__ */ s.jsx("div", { className: m(X.overlay, t), children: a }), U = "_actions_pvzr9_1", Y = {
+  actions: U
+}, hs = ({
+  title: t,
+  message: a,
+  confirmLabel: o = "Confirm",
   cancelLabel: l = "Cancel",
   onConfirm: c,
-  onCancel: t,
+  onCancel: n,
   className: r
-}) => /* @__PURE__ */ s.jsx(q, { children: /* @__PURE__ */ s.jsxs(v, { className: r, children: [
-  /* @__PURE__ */ s.jsx(S, { title: o, rightContent: /* @__PURE__ */ s.jsx(j, { icon: I, onClick: t }) }),
-  /* @__PURE__ */ s.jsxs(N, { children: [
-    /* @__PURE__ */ s.jsx(C, { as: "span", children: e }),
-    /* @__PURE__ */ s.jsxs("div", { className: V.actions, children: [
-      /* @__PURE__ */ s.jsx(_, { variant: "secondary", size: "medium", onClick: t, children: l }),
-      /* @__PURE__ */ s.jsx(_, { variant: "primary", size: "medium", onClick: c, children: n })
+}) => /* @__PURE__ */ s.jsx(G, { children: /* @__PURE__ */ s.jsxs(S, { className: r, children: [
+  /* @__PURE__ */ s.jsx(I, { title: t, rightContent: /* @__PURE__ */ s.jsx(v, { icon: N, onClick: n }) }),
+  /* @__PURE__ */ s.jsxs($, { children: [
+    /* @__PURE__ */ s.jsx(_, { as: "span", children: a }),
+    /* @__PURE__ */ s.jsxs("div", { className: Y.actions, children: [
+      /* @__PURE__ */ s.jsx(g, { variant: "secondary", size: "medium", onClick: n, children: l }),
+      /* @__PURE__ */ s.jsx(g, { variant: "primary", size: "medium", onClick: c, children: o })
     ] })
   ] })
-] }) }), X = "_switchContainer_nupfs_1", U = "_switchLabel_nupfs_8", Y = "_switchInput_nupfs_14", G = "_switchTrack_nupfs_21", H = "_switchThumb_nupfs_51", Z = "_checked_nupfs_66", J = "_disabled_nupfs_78", Q = "_labelText_nupfs_100", i = {
-  switchContainer: X,
-  switchLabel: U,
-  switchInput: Y,
-  switchTrack: G,
-  switchThumb: H,
-  checked: Z,
-  disabled: J,
-  labelText: Q
-}, cs = ({
-  checked: o,
-  onChange: e,
-  disabled: n = !1,
+] }) }), H = "_switchContainer_nupfs_1", Z = "_switchLabel_nupfs_8", J = "_switchInput_nupfs_14", Q = "_switchTrack_nupfs_21", ss = "_switchThumb_nupfs_51", as = "_checked_nupfs_66", es = "_disabled_nupfs_78", ts = "_labelText_nupfs_100", i = {
+  switchContainer: H,
+  switchLabel: Z,
+  switchInput: J,
+  switchTrack: Q,
+  switchThumb: ss,
+  checked: as,
+  disabled: es,
+  labelText: ts
+}, xs = ({
+  checked: t,
+  onChange: a,
+  disabled: o = !1,
   className: l,
   label: c,
-  ...t
+  ...n
 }) => {
-  const r = (h) => {
-    !n && e && e(h.target.checked);
+  const r = (x) => {
+    !o && a && a(x.target.checked);
   };
-  return t["aria-label"] || console.warn(
+  return n["aria-label"] || console.warn(
     "Switch component requires either a label prop or aria-label prop for accessibility"
-  ), /* @__PURE__ */ s.jsx("div", { className: u(i.switchContainer, l), children: /* @__PURE__ */ s.jsxs(
+  ), /* @__PURE__ */ s.jsx("div", { className: m(i.switchContainer, l), children: /* @__PURE__ */ s.jsxs(
     "label",
     {
-      className: u(i.switchLabel, o && i.checked, n && i.disabled),
+      className: m(i.switchLabel, t && i.checked, o && i.disabled),
       children: [
         /* @__PURE__ */ s.jsx(
           "input",
           {
             type: "checkbox",
-            checked: o,
+            checked: t,
             onChange: r,
-            disabled: n,
+            disabled: o,
             className: i.switchInput,
             role: "switch",
-            "aria-checked": o,
-            "aria-disabled": n,
-            ...t
+            "aria-checked": t,
+            "aria-disabled": o,
+            ...n
           }
         ),
         /* @__PURE__ */ s.jsx("span", { className: i.switchTrack, "aria-hidden": "true", children: /* @__PURE__ */ s.jsx("span", { className: i.switchThumb, "aria-hidden": "true" }) }),
-        c && /* @__PURE__ */ s.jsx(C, { as: "span", className: u(i.labelText, n && i.disabled), children: c })
+        c && /* @__PURE__ */ s.jsx(_, { as: "span", className: m(i.labelText, o && i.disabled), children: c })
       ]
     }
   ) });
 };
 export {
-  _ as Button,
-  rs as ButtonIcon,
-  v as Card,
-  N as CardContent,
-  ds as CardContentInfo,
-  S as CardHeader,
-  us as ChartCard,
-  Ja as ComparisonPeriodType,
-  is as ConfirmCancelModal,
-  Ha as DateRangeSelectFieldPro,
-  ps as DonutChart,
-  Ka as DonutChartPro,
-  Xa as DonutLabelChartPro,
-  bs as Dropdown,
-  wa as EditorCard,
-  ns as EmptyStateSkeleton,
-  j as IconButton,
-  ka as KpiChart,
-  fs as LineChart,
-  Sa as MultiSelectField,
-  Ia as MultiSelectFieldPro,
-  _s as NumberField,
-  q as PageOverlay,
-  Cs as PieChart,
-  Ea as PieChartPro,
-  ys as SelectButton,
-  gs as SelectList,
-  ws as SelectListOption,
-  ja as SelectListOptions,
-  Ta as SingleSelectField,
-  Ya as SingleSelectFieldPro,
-  hs as Skeleton,
-  cs as Switch,
-  js as TextField,
-  C as Typography,
-  vs as chartColors,
-  Ss as dataset,
-  Is as defaultPieChartOptions,
-  Ns as description,
-  Ts as dimension,
-  $s as dimensionTime,
-  ks as dimensionWithDateBounds,
-  Ps as dimensions,
-  Ls as displayPercentages,
-  As as genericBoolean,
-  Ms as genericNumber,
-  Bs as genericString,
-  Ds as genericTimeRange,
-  za as getDefaultPieChartOptions,
-  Ba as getObjectStableKey,
-  Oa as getPieChartData,
-  Fs as getStyle,
-  Rs as getStyleNumber,
-  Fa as getThemeFormatter,
-  zs as i18n,
-  Os as i18nSetup,
-  se as isColorValid,
-  Ws as maxLegendItems,
-  Es as maxResults,
-  qs as measure,
-  Ks as measures,
-  Vs as placeholder,
-  La as remarkableTheme,
-  Xs as resolveI18nProps,
-  Us as reverseXAxis,
-  Ys as reverseYAxis,
-  ae as setColorAlpha,
-  Gs as showLegend,
-  Hs as showLogarithmicScale,
-  Zs as showTooltips,
-  Js as showTopItems,
-  Qs as showTotalLabels,
-  sa as showValueLabels,
-  Aa as styles,
-  aa as subInputAbbreviateLargeNumber,
-  ea as subInputColor,
-  ta as subInputCurrency,
-  oa as subInputDateBounds,
-  na as subInputDecimalPlaces,
-  ra as subInputDisplayName,
-  ia as subInputGranularity,
-  ca as subInputMaxCharacters,
-  la as subInputPrefix,
-  ma as subInputSuffix,
-  ua as timeDimensionSubInputs,
-  ha as title,
-  xa as xAxisLabel,
-  da as xAxisMaxItems,
-  pa as xAxisRangeMax,
-  ba as xAxisRangeMin,
-  fa as yAxisLabel,
-  _a as yAxisMaxItems,
-  Ca as yAxisRangeMax,
-  ya as yAxisRangeMin
+  g as Button,
+  ms as ButtonIcon,
+  S as Card,
+  $ as CardContent,
+  Cs as CardContentInfo,
+  I as CardHeader,
+  bs as ChartCard,
+  te as ComparisonPeriodType,
+  hs as ConfirmCancelModal,
+  ae as DateRangeSelectFieldPro,
+  gs as DonutChart,
+  Ya as DonutChartPro,
+  Za as DonutLabelChartPro,
+  ys as Dropdown,
+  Na as EditorCard,
+  ls as EmptyStateSkeleton,
+  us as GhostButton,
+  v as IconButton,
+  Ma as KpiChart,
+  js as LineChart,
+  ka as MultiSelectField,
+  Pa as MultiSelectFieldPro,
+  ws as NumberField,
+  G as PageOverlay,
+  vs as PieChart,
+  Ga as PieChartPro,
+  Ss as SelectButton,
+  Is as SelectList,
+  Ns as SelectListOption,
+  $a as SelectListOptions,
+  La as SingleSelectField,
+  Qa as SingleSelectFieldPro,
+  _s as Skeleton,
+  xs as Switch,
+  $s as TextField,
+  _ as Typography,
+  Ts as chartColors,
+  ks as dataset,
+  Ps as defaultPieChartOptions,
+  Bs as description,
+  Ls as dimension,
+  As as dimensionTime,
+  Ms as dimensionWithDateBounds,
+  Ds as dimensions,
+  Fs as displayPercentages,
+  Rs as genericBoolean,
+  zs as genericNumber,
+  Os as genericString,
+  Ws as genericTimeRange,
+  Ka as getDefaultPieChartOptions,
+  Oa as getObjectStableKey,
+  Va as getPieChartData,
+  Es as getStyle,
+  qs as getStyleNumber,
+  Ea as getThemeFormatter,
+  Ks as i18n,
+  Vs as i18nSetup,
+  ne as isColorValid,
+  Xs as maxLegendItems,
+  Gs as maxResults,
+  Us as measure,
+  Ys as measures,
+  Hs as placeholder,
+  Fa as remarkableTheme,
+  Zs as resolveI18nProps,
+  Js as reverseXAxis,
+  Qs as reverseYAxis,
+  re as setColorAlpha,
+  sa as showLegend,
+  aa as showLogarithmicScale,
+  ea as showTooltips,
+  ta as showTopItems,
+  oa as showTotalLabels,
+  na as showValueLabels,
+  Ra as styles,
+  ra as subInputAbbreviateLargeNumber,
+  ia as subInputColor,
+  ca as subInputCurrency,
+  la as subInputDateBounds,
+  ma as subInputDecimalPlaces,
+  ua as subInputDisplayName,
+  ha as subInputGranularity,
+  xa as subInputMaxCharacters,
+  da as subInputPrefix,
+  pa as subInputSuffix,
+  ba as timeDimensionSubInputs,
+  _a as title,
+  fa as xAxisLabel,
+  Ca as xAxisMaxItems,
+  ga as xAxisRangeMax,
+  ya as xAxisRangeMin,
+  ja as yAxisLabel,
+  wa as yAxisMaxItems,
+  va as yAxisRangeMax,
+  Sa as yAxisRangeMin
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/remarkable-ui/shared/EmptyStateSkeleton/EmptyStateSkeleton.tsx","../src/remarkable-ui/shared/ButtonIcon/ButtonIcon.tsx","../src/remarkable-ui/shared/PageOverlay/PageOverlay.tsx","../src/remarkable-ui/shared/ConfirmCancelModal/ConfirmCancelModal.tsx","../src/remarkable-ui/shared/Switch/Switch.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef } from 'react';\nimport styles from './EmptyStateSkeleton.module.css';\n\ninterface EmptyStateSkeletonProps {\n  className?: string;\n}\n\nexport const EmptyStateSkeleton: React.FC<EmptyStateSkeletonProps> = ({ className }) => {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const [visibleColumns, setVisibleColumns] = useState(2);\n\n  useEffect(() => {\n    const calculateColumns = () => {\n      if (!containerRef.current) return;\n\n      const containerWidth = containerRef.current.offsetWidth;\n      const padding = 32; // 2rem total padding (1rem each side)\n      const gap = 16; // 1rem gap between columns\n      const minColumnWidth = 128; // 8rem\n      const maxColumnWidth = 256; // 16rem\n\n      const availableWidth = containerWidth - padding;\n\n      // Calculate how many columns can fit at minimum width\n      const maxPossibleColumns = Math.floor((availableWidth + gap) / (minColumnWidth + gap));\n\n      // Calculate actual column width if we use maxPossibleColumns\n      const actualColumnWidth =\n        (availableWidth - (maxPossibleColumns - 1) * gap) / maxPossibleColumns;\n\n      // If columns would be wider than max width, reduce column count\n      let finalColumns = maxPossibleColumns;\n      if (actualColumnWidth > maxColumnWidth) {\n        finalColumns = Math.floor((availableWidth + gap) / (maxColumnWidth + gap));\n      }\n\n      setVisibleColumns(Math.max(2, finalColumns)); // Minimum 2 columns\n    };\n\n    calculateColumns();\n\n    const resizeObserver = new ResizeObserver(calculateColumns);\n    if (containerRef.current) {\n      resizeObserver.observe(containerRef.current);\n    }\n\n    return () => resizeObserver.disconnect();\n  }, []);\n\n  const renderColumn = (index: number) => {\n    const isEvenColumn = index % 2 === 0;\n    return (\n      <div key={index} className={styles.column}>\n        {isEvenColumn ? (\n          <>\n            <div className={`${styles.box} ${styles.short}`}></div>\n            <div className={`${styles.box} ${styles.tall}`}></div>\n            <div className={`${styles.box} ${styles.short}`}></div>\n            <div className={`${styles.box} ${styles.tall}`}></div>\n          </>\n        ) : (\n          <>\n            <div className={`${styles.box} ${styles.tall}`}></div>\n            <div className={`${styles.box} ${styles.short}`}></div>\n            <div className={`${styles.box} ${styles.tall}`}></div>\n            <div className={`${styles.box} ${styles.short}`}></div>\n          </>\n        )}\n      </div>\n    );\n  };\n\n  return (\n    <div ref={containerRef} className={`${styles.container} ${className || ''}`}>\n      {Array.from({ length: visibleColumns }, (_, index) => renderColumn(index))}\n    </div>\n  );\n};\n","import React from 'react';\nimport clsx from 'clsx';\nimport styles from './ButtonIcon.module.css';\nimport { BaseButton, type BaseButtonProps } from '../BaseButton';\nimport { TablerIcon } from '@tabler/icons-react';\n\ntype ButtonIconProps = Omit<BaseButtonProps, 'size'> & {\n  icon: TablerIcon;\n};\n\nexport const ButtonIcon: React.FC<ButtonIconProps> = ({\n  icon: Icon,\n  variant = 'primary',\n  ...props\n}) => {\n  return (\n    <BaseButton variant={variant} size=\"medium\" className={styles.buttonIcon} {...props}>\n      <Icon\n        className={clsx(\n          styles.icon,\n          styles[`icon${variant.charAt(0).toUpperCase() + variant.slice(1)}`],\n        )}\n      />\n    </BaseButton>\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 { Card, CardHeader, CardContent } from '../Card/Card';\nimport { Button } from '../Button/Button';\nimport { Typography } from '../Typography/Typography';\nimport styles from './ConfirmCancelModal.module.css';\nimport type { ConfirmCancelModalProps } from './ConfirmCancelModal.types';\nimport { PageOverlay } from '../PageOverlay';\nimport { IconX } from '@tabler/icons-react';\nimport { IconButton } from '../IconButton/IconButton';\n\nexport const ConfirmCancelModal: React.FC<ConfirmCancelModalProps> = ({\n  title,\n  message,\n  confirmLabel = 'Confirm',\n  cancelLabel = 'Cancel',\n  onConfirm,\n  onCancel,\n  className,\n}) => {\n  return (\n    <PageOverlay>\n      <Card className={className}>\n        <CardHeader title={title} rightContent={<IconButton icon={IconX} onClick={onCancel} />} />\n        <CardContent>\n          <Typography as=\"span\">{message}</Typography>\n          <div className={styles.actions}>\n            <Button variant=\"secondary\" size=\"medium\" onClick={onCancel}>\n              {cancelLabel}\n            </Button>\n            <Button variant=\"primary\" size=\"medium\" onClick={onConfirm}>\n              {confirmLabel}\n            </Button>\n          </div>\n        </CardContent>\n      </Card>\n    </PageOverlay>\n  );\n};\n","import React from 'react';\nimport clsx from 'clsx';\nimport styles from './Switch.module.css';\nimport { Typography } from '../Typography/Typography';\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    <div className={clsx(styles.switchContainer, className)}>\n      <label\n        className={clsx(styles.switchLabel, checked && styles.checked, disabled && styles.disabled)}\n      >\n        <input\n          type=\"checkbox\"\n          checked={checked}\n          onChange={handleChange}\n          disabled={disabled}\n          className={styles.switchInput}\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 && (\n          <Typography as=\"span\" className={clsx(styles.labelText, disabled && styles.disabled)}>\n            {label}\n          </Typography>\n        )}\n      </label>\n    </div>\n  );\n};\n"],"names":["EmptyStateSkeleton","className","containerRef","useRef","visibleColumns","setVisibleColumns","useState","useEffect","calculateColumns","containerWidth","padding","gap","minColumnWidth","maxColumnWidth","availableWidth","maxPossibleColumns","actualColumnWidth","finalColumns","resizeObserver","renderColumn","index","isEvenColumn","styles","jsxs","Fragment","jsx","_","ButtonIcon","Icon","variant","props","BaseButton","clsx","PageOverlay","children","ConfirmCancelModal","title","message","confirmLabel","cancelLabel","onConfirm","onCancel","Card","CardHeader","IconButton","IconX","CardContent","Typography","Button","Switch","checked","onChange","disabled","label","handleChange","event"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../src/remarkable-ui/shared/EmptyStateSkeleton/EmptyStateSkeleton.tsx","../src/remarkable-ui/shared/ButtonIcon/ButtonIcon.tsx","../src/remarkable-ui/shared/GhostButton/GhostButton.tsx","../src/remarkable-ui/shared/PageOverlay/PageOverlay.tsx","../src/remarkable-ui/shared/ConfirmCancelModal/ConfirmCancelModal.tsx","../src/remarkable-ui/shared/Switch/Switch.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef } from 'react';\nimport styles from './EmptyStateSkeleton.module.css';\n\ninterface EmptyStateSkeletonProps {\n  className?: string;\n}\n\nexport const EmptyStateSkeleton: React.FC<EmptyStateSkeletonProps> = ({ className }) => {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const [visibleColumns, setVisibleColumns] = useState(2);\n\n  useEffect(() => {\n    const calculateColumns = () => {\n      if (!containerRef.current) return;\n\n      const containerWidth = containerRef.current.offsetWidth;\n      const padding = 32; // 2rem total padding (1rem each side)\n      const gap = 16; // 1rem gap between columns\n      const minColumnWidth = 128; // 8rem\n      const maxColumnWidth = 256; // 16rem\n\n      const availableWidth = containerWidth - padding;\n\n      // Calculate how many columns can fit at minimum width\n      const maxPossibleColumns = Math.floor((availableWidth + gap) / (minColumnWidth + gap));\n\n      // Calculate actual column width if we use maxPossibleColumns\n      const actualColumnWidth =\n        (availableWidth - (maxPossibleColumns - 1) * gap) / maxPossibleColumns;\n\n      // If columns would be wider than max width, reduce column count\n      let finalColumns = maxPossibleColumns;\n      if (actualColumnWidth > maxColumnWidth) {\n        finalColumns = Math.floor((availableWidth + gap) / (maxColumnWidth + gap));\n      }\n\n      setVisibleColumns(Math.max(2, finalColumns)); // Minimum 2 columns\n    };\n\n    calculateColumns();\n\n    const resizeObserver = new ResizeObserver(calculateColumns);\n    if (containerRef.current) {\n      resizeObserver.observe(containerRef.current);\n    }\n\n    return () => resizeObserver.disconnect();\n  }, []);\n\n  const renderColumn = (index: number) => {\n    const isEvenColumn = index % 2 === 0;\n    return (\n      <div key={index} className={styles.column}>\n        {isEvenColumn ? (\n          <>\n            <div className={`${styles.box} ${styles.short}`}></div>\n            <div className={`${styles.box} ${styles.tall}`}></div>\n            <div className={`${styles.box} ${styles.short}`}></div>\n            <div className={`${styles.box} ${styles.tall}`}></div>\n          </>\n        ) : (\n          <>\n            <div className={`${styles.box} ${styles.tall}`}></div>\n            <div className={`${styles.box} ${styles.short}`}></div>\n            <div className={`${styles.box} ${styles.tall}`}></div>\n            <div className={`${styles.box} ${styles.short}`}></div>\n          </>\n        )}\n      </div>\n    );\n  };\n\n  return (\n    <div ref={containerRef} className={`${styles.container} ${className || ''}`}>\n      {Array.from({ length: visibleColumns }, (_, index) => renderColumn(index))}\n    </div>\n  );\n};\n","import React from 'react';\nimport clsx from 'clsx';\nimport styles from './ButtonIcon.module.css';\nimport { BaseButton, type BaseButtonProps } from '../BaseButton';\nimport { TablerIcon } from '@tabler/icons-react';\n\ntype ButtonIconProps = Omit<BaseButtonProps, 'size'> & {\n  icon: TablerIcon;\n};\n\nexport const ButtonIcon: React.FC<ButtonIconProps> = ({\n  icon: Icon,\n  variant = 'primary',\n  ...props\n}) => {\n  return (\n    <BaseButton variant={variant} size=\"medium\" className={styles.buttonIcon} {...props}>\n      <Icon\n        className={clsx(\n          styles.icon,\n          styles[`icon${variant.charAt(0).toUpperCase() + variant.slice(1)}`],\n        )}\n      />\n    </BaseButton>\n  );\n};\n","import React from 'react';\nimport { Icon } from '@tabler/icons-react';\nimport clsx from 'clsx';\nimport styles from './GhostButton.module.css';\nimport { Typography } from '../Typography/Typography';\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 className={styles.icon} />}\n      <Typography className={styles.label}>{children}</Typography>\n      {EndIcon && <EndIcon className={styles.icon} />}\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 { Card, CardHeader, CardContent } from '../Card/Card';\nimport { Button } from '../Button/Button';\nimport { Typography } from '../Typography/Typography';\nimport styles from './ConfirmCancelModal.module.css';\nimport type { ConfirmCancelModalProps } from './ConfirmCancelModal.types';\nimport { PageOverlay } from '../PageOverlay';\nimport { IconX } from '@tabler/icons-react';\nimport { IconButton } from '../IconButton/IconButton';\n\nexport const ConfirmCancelModal: React.FC<ConfirmCancelModalProps> = ({\n  title,\n  message,\n  confirmLabel = 'Confirm',\n  cancelLabel = 'Cancel',\n  onConfirm,\n  onCancel,\n  className,\n}) => {\n  return (\n    <PageOverlay>\n      <Card className={className}>\n        <CardHeader title={title} rightContent={<IconButton icon={IconX} onClick={onCancel} />} />\n        <CardContent>\n          <Typography as=\"span\">{message}</Typography>\n          <div className={styles.actions}>\n            <Button variant=\"secondary\" size=\"medium\" onClick={onCancel}>\n              {cancelLabel}\n            </Button>\n            <Button variant=\"primary\" size=\"medium\" onClick={onConfirm}>\n              {confirmLabel}\n            </Button>\n          </div>\n        </CardContent>\n      </Card>\n    </PageOverlay>\n  );\n};\n","import React from 'react';\nimport clsx from 'clsx';\nimport styles from './Switch.module.css';\nimport { Typography } from '../Typography/Typography';\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    <div className={clsx(styles.switchContainer, className)}>\n      <label\n        className={clsx(styles.switchLabel, checked && styles.checked, disabled && styles.disabled)}\n      >\n        <input\n          type=\"checkbox\"\n          checked={checked}\n          onChange={handleChange}\n          disabled={disabled}\n          className={styles.switchInput}\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 && (\n          <Typography as=\"span\" className={clsx(styles.labelText, disabled && styles.disabled)}>\n            {label}\n          </Typography>\n        )}\n      </label>\n    </div>\n  );\n};\n"],"names":["EmptyStateSkeleton","className","containerRef","useRef","visibleColumns","setVisibleColumns","useState","useEffect","calculateColumns","containerWidth","padding","gap","minColumnWidth","maxColumnWidth","availableWidth","maxPossibleColumns","actualColumnWidth","finalColumns","resizeObserver","renderColumn","index","isEvenColumn","styles","jsxs","Fragment","jsx","_","ButtonIcon","Icon","variant","props","BaseButton","clsx","GhostButton","StartIcon","EndIcon","children","Typography","PageOverlay","ConfirmCancelModal","title","message","confirmLabel","cancelLabel","onConfirm","onCancel","Card","CardHeader","IconButton","IconX","CardContent","Button","Switch","checked","onChange","disabled","label","handleChange","event"],"mappings":"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"}

package/dist/{pies.utils-DotuA_5l.js → pies.utils-CPE4fxFn.js}

@@ -1,7 +1,7 @@
-import { r as u, g as b } from "./charts.utils-CKlua6UT.js";
-import { g } from "./formatter.utils-BmqMNSUB.js";
+import { r as u, g as b } from "./charts.utils-CQtEx-IN.js";
+import { g } from "./formatter.utils-B3HZzPUm.js";
 import { g as h, a as i } from "./object.utils-BNKDL7Y9.js";
-import { T as c, U as f } from "./component.constants-XB5gaz8Z.js";
+import { T as c, U as f } from "./component.constants-B1QqUi2G.js";
 import "react";
 const y = (a, o = u) => {
   const n = g(o);
@@ -72,4 +72,4 @@ export {
   F as a,
   y as g
 };
-//# sourceMappingURL=pies.utils-DotuA_5l.js.map
+//# sourceMappingURL=pies.utils-CPE4fxFn.js.map

package/dist/{pies.utils-DotuA_5l.js.map → pies.utils-CPE4fxFn.js.map}

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

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

@@ -9,6 +9,7 @@ export { Dropdown } from './shared/Dropdown/Dropdown';
 export { SelectListOption, type SelectListOptionProps, } from './editors/select/shared/SelectList/SelectListOptions/SelectListOption/SelectListOption';
 export { SelectListOptions } from './editors/select/shared/SelectList/SelectListOptions/SelectListOptions';
 export { Button } from './shared/Button/Button';
+export { GhostButton } from './shared/GhostButton/GhostButton';
 export { PageOverlay } from './shared/PageOverlay';
 export type { PageOverlayProps } from './shared/PageOverlay';
 export { ConfirmCancelModal } from './shared/ConfirmCancelModal';

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

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

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

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import { Icon } from '@tabler/icons-react';
+type GhostButtonProps = {
+    startIcon?: Icon;
+    endIcon?: Icon;
+} & React.ButtonHTMLAttributes<HTMLButtonElement>;
+export declare const GhostButton: React.FC<GhostButtonProps>;
+export {};
+//# sourceMappingURL=GhostButton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GhostButton.d.ts","sourceRoot":"","sources":["../../../../src/remarkable-ui/shared/GhostButton/GhostButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAK3C,KAAK,gBAAgB,GAAG;IACtB,SAAS,CAAC,EAAE,IAAI,CAAC;IACjB,OAAO,CAAC,EAAE,IAAI,CAAC;CAChB,GAAG,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAElD,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAclD,CAAC"}