@embeddable.com/remarkable-ui 0.1.11 → 0.1.12

package/dist/index.js

@@ -1,220 +1,285 @@
-import { I as g } from "./object.utils-DB9Hp3Uk.js";
-import { C as us, S as hs, g as ds, r as xs, s as bs } from "./object.utils-DB9Hp3Uk.js";
-import { j as s, Z as u, _ as v, $ as S, a0 as I, a1 as N, a2 as C } from "./component.constants-6skM25Z_.js";
-import { a3 as _s, aa as fs, a4 as Cs, a9 as ys, ab as js, a6 as ws, a7 as gs, a5 as vs, a8 as Ss, Q as Is, d as Ns, ac as $s, c as ks, z as Ps, b as Ts, am as Ls, an as As, C as Ms, B as Bs, R as Ds, i as Fs, S as Rs, w as zs, a as Os, Y as Ws, r as Es, p as qs, h as Vs, s as Xs, g as Ys, e as Gs, ao as Hs, A as Ks, f as Qs, aj as Us, ai as Zs, ak as Js, ah as sa, af as aa, al as ea, ag as ta, ad as na, ae as oa, t as ra, x as ia, v as ca, l as la, k as ma, y as ua, n as ha, u as da, q as xa } from "./component.constants-6skM25Z_.js";
-import { useRef as $, useState as k, useEffect as P } from "react";
-import { B as T } from "./BaseButton-8lCm-nHV.js";
-import { E as pa, S as _a } from "./EditorCard-_U0it3Eb.js";
-import { B as f } from "./index-B9XcOUp_.js";
-import { b as Ca, i as ya } from "./index-B9XcOUp_.js";
-import { S as wa } from "./SingleSelectField-Coqlrz4l.js";
-import { g as va } from "./formatter.utils-DMMBiLDD.js";
-import { a as Ia, g as Na } from "./pies.utils-DrVWhPX3.js";
-import { i as ka } from "./index-DufpVBMb.js";
-import { i as Ta } from "./index-D7GTSbzO.js";
-import { i as Aa } from "./index-pxtCdM0I.js";
-import { i as Ba } from "./index-B3vcfrrk.js";
-import { i as Fa } from "./index-j6OFGLY6.js";
-const L = "_container_436fl_1", A = "_column_436fl_10", M = "_box_436fl_20", B = "_short_436fl_26", D = "_tall_436fl_34", a = {
-  container: L,
-  column: A,
-  box: M,
-  short: B,
-  tall: D
-}, os = ({ className: n }) => {
-  const e = $(null), [o, l] = k(2);
-  P(() => {
-    const t = () => {
+import { I as N } from "./object.utils-B52mECQg.js";
+import { C as Is, S as $s, g as Ts, r as Ps, s as Ms } from "./object.utils-B52mECQg.js";
+import { T as j, j as s, Z as h, _ as S, $ as I, a0 as $, a1 as T, a2 as u } from "./component.constants-6skM25Z_.js";
+import { a3 as Bs, aa as As, a4 as Ds, a9 as Fs, ab as Rs, a6 as zs, a7 as Os, a5 as Ws, a8 as Es, Q as Hs, d as qs, ac as Ks, c as Us, z as Xs, b as Ys, am as Gs, an as Qs, C as Zs, B as Js, R as Vs, i as se, S as ee, w as ae, a as te, Y as ne, r as ie, p as oe, h as re, s as ce, g as le, e as de, ao as he, A as me, f as pe, aj as ue, ai as xe, ak as Ce, ah as _e, af as be, al as ge, ag as fe, ad as ve, ae as ye, t as ke, x as je, v as we, l as Ne, k as Se, y as Ie, n as $e, u as Te, q as Pe } from "./component.constants-6skM25Z_.js";
+import { useRef as P, useState as M, useEffect as L } from "react";
+import { B } from "./BaseButton-8lCm-nHV.js";
+import { E as Le, S as Be } from "./EditorCard-_U0it3Eb.js";
+import { B as k } from "./index-B9XcOUp_.js";
+import { b as De, i as Fe } from "./index-B9XcOUp_.js";
+import { S as ze } from "./SingleSelectField-Coqlrz4l.js";
+import { g as We } from "./formatter.utils-DMMBiLDD.js";
+import { a as He, g as qe } from "./pies.utils-BpooJ8CU.js";
+import { i as Ue } from "./index-rQcWoTcg.js";
+import { i as Ye } from "./index-DUWz6JXu.js";
+import { i as Qe } from "./index-Btli_FdH.js";
+import { i as Je } from "./index-B3vcfrrk.js";
+import { i as sa } from "./index-j6OFGLY6.js";
+/**
+ * @license @tabler/icons-react v3.34.1 - MIT
+ *
+ * This source code is licensed under the MIT license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const A = [["path", { d: "M3 7l6 6l4 -4l8 8", key: "svg-0" }], ["path", { d: "M21 10l0 7l-7 0", key: "svg-1" }]], D = j("outline", "trending-down", "TrendingDown", A);
+/**
+ * @license @tabler/icons-react v3.34.1 - MIT
+ *
+ * This source code is licensed under the MIT license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const F = [["path", { d: "M3 17l6 -6l4 4l8 -8", key: "svg-0" }], ["path", { d: "M14 7l7 0l0 7", key: "svg-1" }]], R = j("outline", "trending-up", "TrendingUp", F), z = "_container_436fl_1", O = "_column_436fl_10", W = "_box_436fl_20", E = "_short_436fl_26", H = "_tall_436fl_34", t = {
+  container: z,
+  column: O,
+  box: W,
+  short: E,
+  tall: H
+}, vs = ({ className: a }) => {
+  const e = P(null), [o, c] = M(2);
+  L(() => {
+    const i = () => {
       if (!e.current) return;
-      const h = e.current.offsetWidth, y = 32, m = 16, j = 128, p = 256, d = h - y, x = Math.floor((d + m) / (j + m)), w = (d - (x - 1) * m) / x;
-      let _ = x;
-      w > p && (_ = Math.floor((d + m) / (p + m))), l(Math.max(2, _));
+      const l = e.current.offsetWidth, x = 32, m = 16, C = 128, _ = 256, b = l - x, g = Math.floor((b + m) / (C + m)), w = (b - (g - 1) * m) / g;
+      let y = g;
+      w > _ && (y = Math.floor((b + m) / (_ + m))), c(Math.max(2, y));
     };
-    t();
-    const r = new ResizeObserver(t);
-    return e.current && r.observe(e.current), () => r.disconnect();
+    i();
+    const n = new ResizeObserver(i);
+    return e.current && n.observe(e.current), () => n.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 r = (i) => {
+    const n = i % 2 === 0;
+    return /* @__PURE__ */ s.jsx("div", { className: t.column, children: n ? /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+      /* @__PURE__ */ s.jsx("div", { className: `${t.box} ${t.short}` }),
+      /* @__PURE__ */ s.jsx("div", { className: `${t.box} ${t.tall}` }),
+      /* @__PURE__ */ s.jsx("div", { className: `${t.box} ${t.short}` }),
+      /* @__PURE__ */ s.jsx("div", { className: `${t.box} ${t.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: `${t.box} ${t.tall}` }),
+      /* @__PURE__ */ s.jsx("div", { className: `${t.box} ${t.short}` }),
+      /* @__PURE__ */ s.jsx("div", { className: `${t.box} ${t.tall}` }),
+      /* @__PURE__ */ s.jsx("div", { className: `${t.box} ${t.short}` })
+    ] }) }, i);
   };
-  return /* @__PURE__ */ s.jsx("div", { ref: e, className: `${a.container} ${n || ""}`, children: Array.from({ length: o }, (t, r) => c(r)) });
-}, F = "_icon_bk4b5_1", R = "_iconPrimary_bk4b5_6", z = "_iconSecondary_bk4b5_9", O = "_buttonIcon_bk4b5_12", b = {
-  icon: F,
-  iconPrimary: R,
-  iconSecondary: z,
-  buttonIcon: O
-}, rs = ({
-  icon: n,
+  return /* @__PURE__ */ s.jsx("div", { ref: e, className: `${t.container} ${a || ""}`, children: Array.from({ length: o }, (i, n) => r(n)) });
+}, q = "_icon_bk4b5_1", K = "_iconPrimary_bk4b5_6", U = "_iconSecondary_bk4b5_9", X = "_buttonIcon_bk4b5_12", f = {
+  icon: q,
+  iconPrimary: K,
+  iconSecondary: U,
+  buttonIcon: X
+}, ys = ({
+  icon: a,
   variant: e = "primary",
   ...o
-}) => /* @__PURE__ */ s.jsx(T, { variant: e, size: "medium", className: b.buttonIcon, ...o, children: /* @__PURE__ */ s.jsx(
-  n,
+}) => /* @__PURE__ */ s.jsx(B, { variant: e, size: "medium", className: f.buttonIcon, ...o, children: /* @__PURE__ */ s.jsx(
+  a,
   {
-    className: u(
-      b.icon,
-      b[`icon${e.charAt(0).toUpperCase() + e.slice(1)}`]
+    className: h(
+      f.icon,
+      f[`icon${e.charAt(0).toUpperCase() + e.slice(1)}`]
     )
   }
-) }), W = "_overlay_1wzuc_1", E = {
-  overlay: W
-}, q = ({ className: n, children: e }) => /* @__PURE__ */ s.jsx("div", { className: u(E.overlay, n), children: e }), V = "_actions_pvzr9_1", X = {
-  actions: V
-}, is = ({
-  title: n,
+) }), Y = "_overlay_1wzuc_1", G = {
+  overlay: Y
+}, Q = ({ className: a, children: e }) => /* @__PURE__ */ s.jsx("div", { className: h(G.overlay, a), children: e }), Z = "_actions_pvzr9_1", J = {
+  actions: Z
+}, ks = ({
+  title: a,
   message: e,
   confirmLabel: o = "Confirm",
-  cancelLabel: l = "Cancel",
-  onConfirm: c,
-  onCancel: t,
-  className: r
-}) => /* @__PURE__ */ s.jsx(q, { children: /* @__PURE__ */ s.jsxs(v, { className: r, children: [
-  /* @__PURE__ */ s.jsx(S, { title: n, rightContent: /* @__PURE__ */ s.jsx(g, { icon: I, onClick: t }) }),
-  /* @__PURE__ */ s.jsxs(N, { children: [
-    /* @__PURE__ */ s.jsx(C, { as: "span", children: e }),
-    /* @__PURE__ */ s.jsxs("div", { className: X.actions, children: [
-      /* @__PURE__ */ s.jsx(f, { variant: "secondary", size: "medium", onClick: t, children: l }),
-      /* @__PURE__ */ s.jsx(f, { variant: "primary", size: "medium", onClick: c, children: o })
+  cancelLabel: c = "Cancel",
+  onConfirm: r,
+  onCancel: i,
+  className: n
+}) => /* @__PURE__ */ s.jsx(Q, { children: /* @__PURE__ */ s.jsxs(S, { className: n, children: [
+  /* @__PURE__ */ s.jsx(I, { title: a, rightContent: /* @__PURE__ */ s.jsx(N, { icon: $, onClick: i }) }),
+  /* @__PURE__ */ s.jsxs(T, { children: [
+    /* @__PURE__ */ s.jsx(u, { as: "span", children: e }),
+    /* @__PURE__ */ s.jsxs("div", { className: J.actions, children: [
+      /* @__PURE__ */ s.jsx(k, { variant: "secondary", size: "medium", onClick: i, children: c }),
+      /* @__PURE__ */ s.jsx(k, { variant: "primary", size: "medium", onClick: r, children: o })
     ] })
   ] })
-] }) }), Y = "_switchContainer_nupfs_1", G = "_switchLabel_nupfs_8", H = "_switchInput_nupfs_14", K = "_switchTrack_nupfs_21", Q = "_switchThumb_nupfs_51", U = "_checked_nupfs_66", Z = "_disabled_nupfs_78", J = "_labelText_nupfs_100", i = {
-  switchContainer: Y,
-  switchLabel: G,
-  switchInput: H,
-  switchTrack: K,
-  switchThumb: Q,
-  checked: U,
-  disabled: Z,
-  labelText: J
-}, cs = ({
-  checked: n,
+] }) }), V = "_switchContainer_nupfs_1", ss = "_switchLabel_nupfs_8", es = "_switchInput_nupfs_14", as = "_switchTrack_nupfs_21", ts = "_switchThumb_nupfs_51", ns = "_checked_nupfs_66", is = "_disabled_nupfs_78", os = "_labelText_nupfs_100", d = {
+  switchContainer: V,
+  switchLabel: ss,
+  switchInput: es,
+  switchTrack: as,
+  switchThumb: ts,
+  checked: ns,
+  disabled: is,
+  labelText: os
+}, js = ({
+  checked: a,
   onChange: e,
   disabled: o = !1,
-  className: l,
-  label: c,
-  ...t
+  className: c,
+  label: r,
+  ...i
 }) => {
-  const r = (h) => {
-    !o && e && e(h.target.checked);
+  const n = (l) => {
+    !o && e && e(l.target.checked);
   };
-  return t["aria-label"] || console.warn(
+  return i["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: h(d.switchContainer, c), children: /* @__PURE__ */ s.jsxs(
     "label",
     {
-      className: u(i.switchLabel, n && i.checked, o && i.disabled),
+      className: h(d.switchLabel, a && d.checked, o && d.disabled),
       children: [
         /* @__PURE__ */ s.jsx(
           "input",
           {
             type: "checkbox",
-            checked: n,
-            onChange: r,
+            checked: a,
+            onChange: n,
             disabled: o,
-            className: i.switchInput,
+            className: d.switchInput,
             role: "switch",
-            "aria-checked": n,
+            "aria-checked": a,
             "aria-disabled": o,
-            ...t
+            ...i
           }
         ),
-        /* @__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, o && i.disabled), children: c })
+        /* @__PURE__ */ s.jsx("span", { className: d.switchTrack, "aria-hidden": "true", children: /* @__PURE__ */ s.jsx("span", { className: d.switchThumb, "aria-hidden": "true" }) }),
+        r && /* @__PURE__ */ s.jsx(u, { as: "span", className: h(d.labelText, o && d.disabled), children: r })
       ]
     }
   ) });
+}, rs = "_kpiChartContainer_1vy2d_1", cs = "_kpiComparisonContainer_1vy2d_21", ls = "_kpiChangeHidden_1vy2d_44", v = {
+  kpiChartContainer: rs,
+  kpiComparisonContainer: cs,
+  kpiChangeHidden: ls
+}, ds = "_kpiChartChangeContainer_9ltmr_1", hs = "_kpiChangeBadge_9ltmr_7", ms = "_positive_9ltmr_26", ps = "_negative_9ltmr_31", p = {
+  kpiChartChangeContainer: ds,
+  kpiChangeBadge: hs,
+  positive: ms,
+  negative: ps
+}, us = (a, e) => a ? e ? p.negative : p.positive : e ? p.positive : p.negative, xs = ({
+  value: a,
+  comparisonValue: e = 0,
+  showChangeAsPercentage: o,
+  invertChangeColors: c = !1,
+  comparisonLabel: r,
+  className: i
+}) => {
+  const n = a - e, l = n > 0;
+  let x = n.toString();
+  o && (x = `${(e === 0 ? 0 : n / e * 100).toFixed(2)}%`);
+  const m = `${l ? "+" : ""}${x}`, C = l ? R : D;
+  return /* @__PURE__ */ s.jsxs("div", { className: h(i, p.kpiChartChangeContainer), children: [
+    /* @__PURE__ */ s.jsxs("div", { className: h(p.kpiChangeBadge, us(l, c)), children: [
+      /* @__PURE__ */ s.jsx(C, {}),
+      /* @__PURE__ */ s.jsx(u, { children: m })
+    ] }),
+    r && /* @__PURE__ */ s.jsx(u, { children: r })
+  ] });
+}, ws = ({
+  value: a,
+  comparisonValue: e,
+  comparisonLabel: o,
+  invertChangeColors: c,
+  showChangeAsPercentage: r,
+  equalComparisonLabel: i = "No change"
+}) => {
+  const n = e !== void 0, l = n && e === a;
+  return /* @__PURE__ */ s.jsxs("div", { className: v.kpiChartContainer, children: [
+    /* @__PURE__ */ s.jsx(u, { children: a }),
+    /* @__PURE__ */ s.jsx("div", { className: v.kpiComparisonContainer, children: l ? /* @__PURE__ */ s.jsx(u, { children: i }) : /* @__PURE__ */ s.jsx(
+      xs,
+      {
+        className: h(!n && v.kpiChangeHidden),
+        value: a,
+        comparisonValue: e,
+        invertChangeColors: c,
+        showChangeAsPercentage: r,
+        comparisonLabel: o
+      }
+    ) })
+  ] });
 };
 export {
-  f as Button,
-  rs as ButtonIcon,
-  v as Card,
-  N as CardContent,
-  _s as CardContentInfo,
-  S as CardHeader,
-  us as ChartCard,
-  is as ConfirmCancelModal,
-  Fa as DateRangeSelectFieldPro,
-  fs as DonutChart,
-  Ta as DonutChartPro,
-  Aa as DonutLabelChartPro,
-  Cs as Dropdown,
-  pa as EditorCard,
-  os as EmptyStateSkeleton,
-  g as IconButton,
-  Ca as MultiSelectField,
-  ya as MultiSelectFieldPro,
-  ys as NumberField,
-  q as PageOverlay,
-  js as PieChart,
-  ka as PieChartPro,
-  ws as SelectButton,
-  gs as SelectList,
-  vs as SelectListOption,
-  _a as SelectListOptions,
-  wa as SingleSelectField,
-  Ba as SingleSelectFieldPro,
-  hs as Skeleton,
-  cs as Switch,
-  Ss as TextField,
-  C as Typography,
-  Is as chartColors,
-  Ns as dataset,
-  $s as defaultPieChartOptions,
-  ks as description,
-  Ps as dimension,
-  Ts as dimensionWithDateBounds,
-  Ls as dimensions,
-  As as displayPercentages,
-  Ia as getDefaultPieChartOptions,
-  ds as getObjectStableKey,
-  Na as getPieChartData,
-  Ms as getStyle,
-  Bs as getStyleNumber,
-  va as getThemeFormatter,
-  Ds as i18n,
-  Fs as i18nSetup,
-  Rs as maxLegendItems,
-  zs as measure,
-  Os as measures,
-  Ws as placeholder,
-  xs as remarkableTheme,
-  Es as resolveI18nProps,
-  qs as reverseXAxis,
-  Vs as reverseYAxis,
-  Xs as showLegend,
-  Ys as showLogarithmicScale,
-  Gs as showTooltips,
-  Hs as showTopItems,
-  Ks as showTotalLabels,
-  Qs as showValueLabels,
-  bs as styles,
-  Us as subInputAbbreviateLargeNumber,
-  Zs as subInputCurrency,
-  Js as subInputDateBounds,
-  sa as subInputDecimalPlaces,
-  aa as subInputDisplayName,
-  ea as subInputGranularity,
-  ta as subInputMaxCharacters,
-  na as subInputPrefix,
-  oa as subInputSuffix,
-  ra as title,
-  ia as xAxisLabel,
-  ca as xAxisMaxItems,
-  la as xAxisRangeMax,
-  ma as xAxisRangeMin,
-  ua as yAxisLabel,
-  ha as yAxisMaxItems,
-  da as yAxisRangeMax,
-  xa as yAxisRangeMin
+  k as Button,
+  ys as ButtonIcon,
+  S as Card,
+  T as CardContent,
+  Bs as CardContentInfo,
+  I as CardHeader,
+  Is as ChartCard,
+  ks as ConfirmCancelModal,
+  sa as DateRangeSelectFieldPro,
+  As as DonutChart,
+  Ye as DonutChartPro,
+  Qe as DonutLabelChartPro,
+  Ds as Dropdown,
+  Le as EditorCard,
+  vs as EmptyStateSkeleton,
+  N as IconButton,
+  ws as KpiChart,
+  De as MultiSelectField,
+  Fe as MultiSelectFieldPro,
+  Fs as NumberField,
+  Q as PageOverlay,
+  Rs as PieChart,
+  Ue as PieChartPro,
+  zs as SelectButton,
+  Os as SelectList,
+  Ws as SelectListOption,
+  Be as SelectListOptions,
+  ze as SingleSelectField,
+  Je as SingleSelectFieldPro,
+  $s as Skeleton,
+  js as Switch,
+  Es as TextField,
+  u as Typography,
+  Hs as chartColors,
+  qs as dataset,
+  Ks as defaultPieChartOptions,
+  Us as description,
+  Xs as dimension,
+  Ys as dimensionWithDateBounds,
+  Gs as dimensions,
+  Qs as displayPercentages,
+  He as getDefaultPieChartOptions,
+  Ts as getObjectStableKey,
+  qe as getPieChartData,
+  Zs as getStyle,
+  Js as getStyleNumber,
+  We as getThemeFormatter,
+  Vs as i18n,
+  se as i18nSetup,
+  ee as maxLegendItems,
+  ae as measure,
+  te as measures,
+  ne as placeholder,
+  Ps as remarkableTheme,
+  ie as resolveI18nProps,
+  oe as reverseXAxis,
+  re as reverseYAxis,
+  ce as showLegend,
+  le as showLogarithmicScale,
+  de as showTooltips,
+  he as showTopItems,
+  me as showTotalLabels,
+  pe as showValueLabels,
+  Ms as styles,
+  ue as subInputAbbreviateLargeNumber,
+  xe as subInputCurrency,
+  Ce as subInputDateBounds,
+  _e as subInputDecimalPlaces,
+  be as subInputDisplayName,
+  ge as subInputGranularity,
+  fe as subInputMaxCharacters,
+  ve as subInputPrefix,
+  ye as subInputSuffix,
+  ke as title,
+  je as xAxisLabel,
+  we as xAxisMaxItems,
+  Ne as xAxisRangeMax,
+  Se as xAxisRangeMin,
+  Ie as yAxisLabel,
+  $e as yAxisMaxItems,
+  Te as yAxisRangeMax,
+  Pe 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":["../node_modules/@tabler/icons-react/dist/esm/icons/IconTrendingDown.mjs","../node_modules/@tabler/icons-react/dist/esm/icons/IconTrendingUp.mjs","../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","../src/remarkable-ui/charts/kpis/components/KpiChartChange.tsx","../src/remarkable-ui/charts/kpis/KpiChart.tsx"],"sourcesContent":["/**\n * @license @tabler/icons-react v3.34.1 - MIT\n *\n * This source code is licensed under the MIT license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createReactComponent from '../createReactComponent.mjs';\n\nconst __iconNode = [[\"path\", { \"d\": \"M3 7l6 6l4 -4l8 8\", \"key\": \"svg-0\" }], [\"path\", { \"d\": \"M21 10l0 7l-7 0\", \"key\": \"svg-1\" }]];\nconst IconTrendingDown = createReactComponent(\"outline\", \"trending-down\", \"TrendingDown\", __iconNode);\n\nexport { __iconNode, IconTrendingDown as default };\n//# sourceMappingURL=IconTrendingDown.mjs.map\n","/**\n * @license @tabler/icons-react v3.34.1 - MIT\n *\n * This source code is licensed under the MIT license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createReactComponent from '../createReactComponent.mjs';\n\nconst __iconNode = [[\"path\", { \"d\": \"M3 17l6 -6l4 4l8 -8\", \"key\": \"svg-0\" }], [\"path\", { \"d\": \"M14 7l7 0l0 7\", \"key\": \"svg-1\" }]];\nconst IconTrendingUp = createReactComponent(\"outline\", \"trending-up\", \"TrendingUp\", __iconNode);\n\nexport { __iconNode, IconTrendingUp as default };\n//# sourceMappingURL=IconTrendingUp.mjs.map\n","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","import { FC } from 'react';\nimport styles from './KpiChartChange.module.css';\nimport clsx from 'clsx';\nimport { Typography } from '../../../shared/Typography/Typography';\nimport { IconTrendingDown, IconTrendingUp } from '@tabler/icons-react';\nimport { KpiChartProps } from '../KpiChart.types';\n\nconst getChangeClass = (isPositive: boolean, invertChangeColors: boolean) => {\n  if (isPositive) return invertChangeColors ? styles.negative : styles.positive;\n  return invertChangeColors ? styles.positive : styles.negative;\n};\n\ntype KpiChartChangeProps = KpiChartProps & { className?: string };\n\nexport const KpiChartChange: FC<KpiChartChangeProps> = ({\n  value,\n  comparisonValue = 0,\n  showChangeAsPercentage,\n  invertChangeColors = false,\n  comparisonLabel,\n  className,\n}) => {\n  const difference = value - comparisonValue;\n  const isPositive = difference > 0;\n\n  let differenceLabel: string = difference.toString();\n\n  if (showChangeAsPercentage) {\n    const percentage = comparisonValue === 0 ? 0 : (difference / comparisonValue) * 100;\n    differenceLabel = `${percentage.toFixed(2)}%`;\n  }\n\n  const displayValue = `${isPositive ? '+' : ''}${differenceLabel}`;\n\n  const Icon = isPositive ? IconTrendingUp : IconTrendingDown;\n\n  return (\n    <div className={clsx(className, styles.kpiChartChangeContainer)}>\n      <div className={clsx(styles.kpiChangeBadge, getChangeClass(isPositive, invertChangeColors))}>\n        <Icon />\n        <Typography>{displayValue}</Typography>\n      </div>\n      {comparisonLabel && <Typography>{comparisonLabel}</Typography>}\n    </div>\n  );\n};\n","import { FC } from 'react';\nimport { Typography } from '../../shared/Typography/Typography';\nimport styles from './KpiChart.module.css';\nimport { KpiChartChange } from './components/KpiChartChange';\nimport { KpiChartProps } from './KpiChart.types';\nimport clsx from 'clsx';\n\nexport const KpiChart: FC<KpiChartProps> = ({\n  value,\n  comparisonValue,\n  comparisonLabel,\n  invertChangeColors,\n  showChangeAsPercentage,\n  equalComparisonLabel = 'No change',\n}) => {\n  const hasComparisonValue = comparisonValue !== undefined;\n  const equalComparison = hasComparisonValue && comparisonValue === value;\n\n  return (\n    <div className={styles.kpiChartContainer}>\n      <Typography>{value}</Typography>\n      <div className={styles.kpiComparisonContainer}>\n        {equalComparison ? (\n          <Typography>{equalComparisonLabel}</Typography>\n        ) : (\n          <KpiChartChange\n            className={clsx(!hasComparisonValue && styles.kpiChangeHidden)}\n            value={value}\n            comparisonValue={comparisonValue}\n            invertChangeColors={invertChangeColors}\n            showChangeAsPercentage={showChangeAsPercentage}\n            comparisonLabel={comparisonLabel}\n          />\n        )}\n      </div>\n    </div>\n  );\n};\n"],"names":["__iconNode","IconTrendingDown","createReactComponent","IconTrendingUp","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","getChangeClass","isPositive","invertChangeColors","KpiChartChange","value","comparisonValue","showChangeAsPercentage","comparisonLabel","difference","differenceLabel","displayValue","KpiChart","equalComparisonLabel","hasComparisonValue","equalComparison"],"mappings":";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASA,MAAMA,IAAa,CAAC,CAAC,QAAQ,EAAE,GAAK,qBAAqB,KAAO,QAAO,CAAE,GAAG,CAAC,QAAQ,EAAE,GAAK,mBAAmB,KAAO,QAAO,CAAE,CAAC,GAC1HC,IAAmBC,EAAqB,WAAW,iBAAiB,gBAAgBF,CAAU;ACVpG;AAAA;AAAA;AAAA;AAAA;AAAA;AASA,MAAMA,IAAa,CAAC,CAAC,QAAQ,EAAE,GAAK,uBAAuB,KAAO,QAAO,CAAE,GAAG,CAAC,QAAQ,EAAE,GAAK,iBAAiB,KAAO,QAAO,CAAE,CAAC,GAC1HG,IAAiBD,EAAqB,WAAW,eAAe,cAAcF,CAAU;;;;;;GCHjFI,KAAwD,CAAC,EAAE,WAAAC,QAAgB;AACtF,QAAMC,IAAeC,EAAuB,IAAI,GAC1C,CAACC,GAAgBC,CAAiB,IAAIC,EAAS,CAAC;AAEtD,EAAAC,EAAU,MAAM;AACd,UAAMC,IAAmB,MAAM;AAC7B,UAAI,CAACN,EAAa,QAAS;AAE3B,YAAMO,IAAiBP,EAAa,QAAQ,aACtCQ,IAAU,IACVC,IAAM,IACNC,IAAiB,KACjBC,IAAiB,KAEjBC,IAAiBL,IAAiBC,GAGlCK,IAAqB,KAAK,OAAOD,IAAiBH,MAAQC,IAAiBD,EAAI,GAG/EK,KACHF,KAAkBC,IAAqB,KAAKJ,KAAOI;AAGtD,UAAIE,IAAeF;AACnB,MAAIC,IAAoBH,MACtBI,IAAe,KAAK,OAAOH,IAAiBH,MAAQE,IAAiBF,EAAI,IAG3EN,EAAkB,KAAK,IAAI,GAAGY,CAAY,CAAC;AAAA,IAC7C;AAEA,IAAAT,EAAA;AAEA,UAAMU,IAAiB,IAAI,eAAeV,CAAgB;AAC1D,WAAIN,EAAa,WACfgB,EAAe,QAAQhB,EAAa,OAAO,GAGtC,MAAMgB,EAAe,WAAA;AAAA,EAC9B,GAAG,CAAA,CAAE;AAEL,QAAMC,IAAe,CAACC,MAAkB;AACtC,UAAMC,IAAeD,IAAQ,MAAM;AACnC,iCACG,OAAA,EAAgB,WAAWE,EAAO,QAChC,cACCC,gBAAAA,EAAAA,KAAAC,EAAAA,UAAA,EACE,UAAA;AAAA,MAAAC,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAW,GAAGH,EAAO,GAAG,IAAIA,EAAO,KAAK,GAAA,CAAI;AAAA,MACjDG,gBAAAA,EAAAA,IAAC,SAAI,WAAW,GAAGH,EAAO,GAAG,IAAIA,EAAO,IAAI,GAAA,CAAI;AAAA,MAChDG,gBAAAA,EAAAA,IAAC,SAAI,WAAW,GAAGH,EAAO,GAAG,IAAIA,EAAO,KAAK,GAAA,CAAI;AAAA,MACjDG,gBAAAA,EAAAA,IAAC,SAAI,WAAW,GAAGH,EAAO,GAAG,IAAIA,EAAO,IAAI,GAAA,CAAI;AAAA,IAAA,EAAA,CAClD,IAEAC,gBAAAA,EAAAA,KAAAC,EAAAA,UAAA,EACE,UAAA;AAAA,MAAAC,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAW,GAAGH,EAAO,GAAG,IAAIA,EAAO,IAAI,GAAA,CAAI;AAAA,MAChDG,gBAAAA,EAAAA,IAAC,SAAI,WAAW,GAAGH,EAAO,GAAG,IAAIA,EAAO,KAAK,GAAA,CAAI;AAAA,MACjDG,gBAAAA,EAAAA,IAAC,SAAI,WAAW,GAAGH,EAAO,GAAG,IAAIA,EAAO,IAAI,GAAA,CAAI;AAAA,MAChDG,gBAAAA,EAAAA,IAAC,SAAI,WAAW,GAAGH,EAAO,GAAG,IAAIA,EAAO,KAAK,GAAA,CAAI;AAAA,IAAA,EAAA,CACnD,KAdMF,CAgBV;AAAA,EAEJ;AAEA,SACEK,gBAAAA,MAAC,OAAA,EAAI,KAAKvB,GAAc,WAAW,GAAGoB,EAAO,SAAS,IAAIrB,KAAa,EAAE,IACtE,gBAAM,KAAK,EAAE,QAAQG,EAAA,GAAkB,CAACsB,GAAGN,MAAUD,EAAaC,CAAK,CAAC,EAAA,CAC3E;AAEJ;;;;;GCnEaO,KAAwC,CAAC;AAAA,EACpD,MAAMC;AAAA,EACN,SAAAC,IAAU;AAAA,EACV,GAAGC;AACL,MAEIL,gBAAAA,MAACM,KAAW,SAAAF,GAAkB,MAAK,UAAS,WAAWP,EAAO,YAAa,GAAGQ,GAC5E,UAAAL,gBAAAA,EAAAA;AAAAA,EAACG;AAAA,EAAA;AAAA,IACC,WAAWI;AAAA,MACTV,EAAO;AAAA,MACPA,EAAO,OAAOO,EAAQ,OAAO,CAAC,EAAE,YAAA,IAAgBA,EAAQ,MAAM,CAAC,CAAC,EAAE;AAAA,IAAA;AAAA,EACpE;AAAA,GAEJ;;GCnBSI,IAA0C,CAAC,EAAE,WAAAhC,GAAW,UAAAiC,QAC5DT,gBAAAA,EAAAA,IAAC,SAAI,WAAWO,EAAKV,EAAO,SAASrB,CAAS,GAAI,UAAAiC,GAAS;;GCKvDC,KAAwD,CAAC;AAAA,EACpE,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,aAAAC,IAAc;AAAA,EACd,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAxC;AACF,MAEIwB,gBAAAA,EAAAA,IAACQ,GAAA,EACC,UAAAV,gBAAAA,EAAAA,KAACmB,GAAA,EAAK,WAAAzC,GACJ,UAAA;AAAA,EAAAwB,gBAAAA,EAAAA,IAACkB,GAAA,EAAW,OAAAP,GAAc,cAAcX,gBAAAA,EAAAA,IAACmB,KAAW,MAAMC,GAAO,SAASJ,EAAA,CAAU,EAAA,CAAI;AAAA,yBACvFK,GAAA,EACC,UAAA;AAAA,IAAArB,gBAAAA,EAAAA,IAACsB,GAAA,EAAW,IAAG,QAAQ,UAAAV,GAAQ;AAAA,IAC/Bd,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAWD,EAAO,SACrB,UAAA;AAAA,MAAAG,gBAAAA,EAAAA,IAACuB,KAAO,SAAQ,aAAY,MAAK,UAAS,SAASP,GAChD,UAAAF,EAAA,CACH;AAAA,MACAd,gBAAAA,EAAAA,IAACuB,KAAO,SAAQ,WAAU,MAAK,UAAS,SAASR,GAC9C,UAAAF,EAAA,CACH;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,EAAA,CACF;AAAA,EAAA,CACF,EAAA,CACF;;;;;;;;;GCvBSW,KAAgC,CAAC;AAAA,EAC5C,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,WAAAnD;AAAA,EACA,OAAAoD;AAAA,EACA,GAAGvB;AACL,MAAM;AACJ,QAAMwB,IAAe,CAACC,MAA+C;AACnE,IAAI,CAACH,KAAYD,KACfA,EAASI,EAAM,OAAO,OAAO;AAAA,EAEjC;AAGA,SAAKzB,EAAM,YAAY,KACrB,QAAQ;AAAA,IACN;AAAA,EAAA,yBAKD,OAAA,EAAI,WAAWE,EAAKV,EAAO,iBAAiBrB,CAAS,GACpD,UAAAsB,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWS,EAAKV,EAAO,aAAa4B,KAAW5B,EAAO,SAAS8B,KAAY9B,EAAO,QAAQ;AAAA,MAE1F,UAAA;AAAA,QAAAG,gBAAAA,EAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAAyB;AAAA,YACA,UAAUI;AAAA,YACV,UAAAF;AAAA,YACA,WAAW9B,EAAO;AAAA,YAClB,MAAK;AAAA,YACL,gBAAc4B;AAAA,YACd,iBAAeE;AAAA,YACd,GAAGtB;AAAA,UAAA;AAAA,QAAA;AAAA,QAENL,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAWH,EAAO,aAAa,eAAY,QAC/C,UAAAG,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAWH,EAAO,aAAa,eAAY,QAAO,GAC1D;AAAA,QACC+B,KACC5B,gBAAAA,EAAAA,IAACsB,GAAA,EAAW,IAAG,QAAO,WAAWf,EAAKV,EAAO,WAAW8B,KAAY9B,EAAO,QAAQ,GAChF,UAAA+B,EAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAGN;AAEJ;;;;;;;;;GCrDMG,KAAiB,CAACC,GAAqBC,MACvCD,IAAmBC,IAAqBpC,EAAO,WAAWA,EAAO,WAC9DoC,IAAqBpC,EAAO,WAAWA,EAAO,UAK1CqC,KAA0C,CAAC;AAAA,EACtD,OAAAC;AAAA,EACA,iBAAAC,IAAkB;AAAA,EAClB,wBAAAC;AAAA,EACA,oBAAAJ,IAAqB;AAAA,EACrB,iBAAAK;AAAA,EACA,WAAA9D;AACF,MAAM;AACJ,QAAM+D,IAAaJ,IAAQC,GACrBJ,IAAaO,IAAa;AAEhC,MAAIC,IAA0BD,EAAW,SAAA;AAEzC,EAAIF,MAEFG,IAAkB,IADCJ,MAAoB,IAAI,IAAKG,IAAaH,IAAmB,KAChD,QAAQ,CAAC,CAAC;AAG5C,QAAMK,IAAe,GAAGT,IAAa,MAAM,EAAE,GAAGQ,CAAe,IAEzDrC,IAAO6B,IAAa1D,IAAiBF;AAE3C,gCACG,OAAA,EAAI,WAAWmC,EAAK/B,GAAWqB,EAAO,uBAAuB,GAC5D,UAAA;AAAA,IAAAC,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAWS,EAAKV,EAAO,gBAAgBkC,GAAeC,GAAYC,CAAkB,CAAC,GACxF,UAAA;AAAA,MAAAjC,gBAAAA,EAAAA,IAACG,GAAA,EAAK;AAAA,MACNH,gBAAAA,EAAAA,IAACsB,KAAY,UAAAmB,EAAA,CAAa;AAAA,IAAA,GAC5B;AAAA,IACCH,KAAmBtC,gBAAAA,EAAAA,IAACsB,GAAA,EAAY,UAAAgB,EAAA,CAAgB;AAAA,EAAA,GACnD;AAEJ,GCtCaI,KAA8B,CAAC;AAAA,EAC1C,OAAAP;AAAA,EACA,iBAAAC;AAAA,EACA,iBAAAE;AAAA,EACA,oBAAAL;AAAA,EACA,wBAAAI;AAAA,EACA,sBAAAM,IAAuB;AACzB,MAAM;AACJ,QAAMC,IAAqBR,MAAoB,QACzCS,IAAkBD,KAAsBR,MAAoBD;AAElE,SACErC,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAWD,EAAO,mBACrB,UAAA;AAAA,IAAAG,gBAAAA,EAAAA,IAACsB,KAAY,UAAAa,EAAA,CAAM;AAAA,IACnBnC,gBAAAA,EAAAA,IAAC,SAAI,WAAWH,EAAO,wBACpB,UAAAgD,IACC7C,gBAAAA,EAAAA,IAACsB,GAAA,EAAY,UAAAqB,EAAA,CAAqB,IAElC3C,gBAAAA,EAAAA;AAAAA,MAACkC;AAAA,MAAA;AAAA,QACC,WAAW3B,EAAK,CAACqC,KAAsB/C,EAAO,eAAe;AAAA,QAC7D,OAAAsC;AAAA,QACA,iBAAAC;AAAA,QACA,oBAAAH;AAAA,QACA,wBAAAI;AAAA,QACA,iBAAAC;AAAA,MAAA;AAAA,IAAA,EACF,CAEJ;AAAA,EAAA,GACF;AAEJ;","x_google_ignoreList":[0,1]}

package/dist/{object.utils-DB9Hp3Uk.js → object.utils-B52mECQg.js}

@@ -685,6 +685,7 @@ const bs = [["path", { d: "M12 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0", key: "svg-
       emptyMessage: "Try adding something."
     },
     editors: {
+      errorTitle: "Something went wrong.",
       ComparisonPeriodSelectFieldPro: {
         previousPeriod: "Previous period",
         previousWeek: "Previous week",
@@ -725,6 +726,7 @@ const bs = [["path", { d: "M12 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0", key: "svg-
       emptyMessage: "Versuchen Sie, etwas hinzuzufügen."
     },
     editors: {
+      errorTitle: "Etwas ist schiefgelaufen.",
       ComparisonPeriodSelectFieldPro: {
         previousPeriod: "Vorheriger Zeitraum",
         previousWeek: "Vorherige Woche",
@@ -17459,4 +17461,4 @@ export {
   Wm as r,
   Ys as s
 };
-//# sourceMappingURL=object.utils-DB9Hp3Uk.js.map
+//# sourceMappingURL=object.utils-B52mECQg.js.map