@embeddable.com/remarkable-ui 0.1.12 → 0.1.13

package/dist/index.js

@@ -1,285 +1,228 @@
-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 = () => {
+import { I as w } from "./ChartCard-11lQWjXq.js";
+import { C as us, S as hs } from "./ChartCard-11lQWjXq.js";
+import { j as s, a1 as u, a2 as v, a3 as S, a4 as I, a5 as N, a6 as C } from "./component.constants-DIhZCTG3.js";
+import { a7 as xs, ae as ps, a8 as bs, ad as fs, af as _s, aa as Cs, ab as gs, a9 as ys, ac as js, Q as ws, d as vs, ag as Ss, c as Is, z as Ns, T as $s, b as Ts, aq as ks, as as Ps, W as Ls, X as As, ar as Ms, U as Bs, C as Ds, B as Rs, R as Fs, i as zs, Y as Os, w as Ws, a as Es, _ as qs, r as Ks, p as Xs, h as Us, s as Vs, g as Ys, e as Gs, at as Hs, A as Qs, f as Js, an as Zs, am as sa, ao as aa, al as ea, aj as ta, ap as na, ak as oa, ah as ra, ai as ia, t as ca, x as la, v as ma, l as ua, k as ha, y as da, n as xa, u as pa, q as ba } from "./component.constants-DIhZCTG3.js";
+import { useRef as $, useState as T, useEffect as k } from "react";
+import { B as P } from "./BaseButton-BbhHQD9t.js";
+import { E as _a, S as Ca } from "./EditorCard-BriyqUva.js";
+import { B as _ } from "./index-DqKfDjMs.js";
+import { b as ya, i as ja } from "./index-DqKfDjMs.js";
+import { S as va } from "./SingleSelectField-D1E9OJxC.js";
+import { K as Ia } from "./KpiChart-BLMULQMh.js";
+import { g as $a, r as Ta, s as ka } from "./object.utils-CMJleY-P.js";
+import { g as La } from "./formatter.utils-CuZlh4EL.js";
+import { a as Ma, g as Ba } from "./pies.utils-DluC4GlY.js";
+import { i as Ra } from "./index-B7KNswsW.js";
+import { i as za } from "./index-Bgj2EBb8.js";
+import { i as Wa } from "./index-C8pGCEGw.js";
+import { i as qa } from "./index-C-zjH8iP.js";
+import { i as Xa } from "./index-B_4rK6tI.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] = T(2);
+  k(() => {
+    const t = () => {
       if (!e.current) return;
-      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));
+      const h = e.current.offsetWidth, g = 32, m = 16, y = 128, b = 256, d = h - g, x = Math.floor((d + m) / (y + m)), j = (d - (x - 1) * m) / x;
+      let f = x;
+      j > b && (f = Math.floor((d + m) / (b + m))), l(Math.max(2, f));
     };
-    i();
-    const n = new ResizeObserver(i);
-    return e.current && n.observe(e.current), () => n.disconnect();
+    t();
+    const r = new ResizeObserver(t);
+    return e.current && r.observe(e.current), () => r.disconnect();
   }, []);
-  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}` })
+  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}` })
     ] }) : /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
-      /* @__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);
+      /* @__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);
   };
-  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,
+  return /* @__PURE__ */ s.jsx("div", { ref: e, className: `${a.container} ${n || ""}`, children: Array.from({ length: o }, (t, r) => c(r)) });
+}, R = "_icon_bk4b5_1", F = "_iconPrimary_bk4b5_6", z = "_iconSecondary_bk4b5_9", O = "_buttonIcon_bk4b5_12", p = {
+  icon: R,
+  iconPrimary: F,
+  iconSecondary: z,
+  buttonIcon: O
+}, rs = ({
+  icon: n,
   variant: e = "primary",
   ...o
-}) => /* @__PURE__ */ s.jsx(B, { variant: e, size: "medium", className: f.buttonIcon, ...o, children: /* @__PURE__ */ s.jsx(
-  a,
+}) => /* @__PURE__ */ s.jsx(P, { variant: e, size: "medium", className: p.buttonIcon, ...o, children: /* @__PURE__ */ s.jsx(
+  n,
   {
-    className: h(
-      f.icon,
-      f[`icon${e.charAt(0).toUpperCase() + e.slice(1)}`]
+    className: u(
+      p.icon,
+      p[`icon${e.charAt(0).toUpperCase() + e.slice(1)}`]
     )
   }
-) }), 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,
+) }), W = "_overlay_1wzuc_1", E = {
+  overlay: W
+}, q = ({ className: n, children: e }) => /* @__PURE__ */ s.jsx("div", { className: u(E.overlay, n), children: e }), K = "_actions_pvzr9_1", X = {
+  actions: K
+}, is = ({
+  title: n,
   message: e,
   confirmLabel: o = "Confirm",
-  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 })
+  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(w, { 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(_, { variant: "secondary", size: "medium", onClick: t, children: l }),
+      /* @__PURE__ */ s.jsx(_, { variant: "primary", size: "medium", onClick: c, children: o })
     ] })
   ] })
-] }) }), 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,
+] }) }), U = "_switchContainer_nupfs_1", V = "_switchLabel_nupfs_8", Y = "_switchInput_nupfs_14", G = "_switchTrack_nupfs_21", H = "_switchThumb_nupfs_51", Q = "_checked_nupfs_66", J = "_disabled_nupfs_78", Z = "_labelText_nupfs_100", i = {
+  switchContainer: U,
+  switchLabel: V,
+  switchInput: Y,
+  switchTrack: G,
+  switchThumb: H,
+  checked: Q,
+  disabled: J,
+  labelText: Z
+}, cs = ({
+  checked: n,
   onChange: e,
   disabled: o = !1,
-  className: c,
-  label: r,
-  ...i
+  className: l,
+  label: c,
+  ...t
 }) => {
-  const n = (l) => {
-    !o && e && e(l.target.checked);
+  const r = (h) => {
+    !o && e && e(h.target.checked);
   };
-  return i["aria-label"] || console.warn(
+  return t["aria-label"] || console.warn(
     "Switch component requires either a label prop or aria-label prop for accessibility"
-  ), /* @__PURE__ */ s.jsx("div", { className: h(d.switchContainer, c), children: /* @__PURE__ */ s.jsxs(
+  ), /* @__PURE__ */ s.jsx("div", { className: u(i.switchContainer, l), children: /* @__PURE__ */ s.jsxs(
     "label",
     {
-      className: h(d.switchLabel, a && d.checked, o && d.disabled),
+      className: u(i.switchLabel, n && i.checked, o && i.disabled),
       children: [
         /* @__PURE__ */ s.jsx(
           "input",
           {
             type: "checkbox",
-            checked: a,
-            onChange: n,
+            checked: n,
+            onChange: r,
             disabled: o,
-            className: d.switchInput,
+            className: i.switchInput,
             role: "switch",
-            "aria-checked": a,
+            "aria-checked": n,
             "aria-disabled": o,
-            ...i
+            ...t
           }
         ),
-        /* @__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 })
+        /* @__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 })
       ]
     }
   ) });
-}, 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 {
-  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
+  _ as Button,
+  rs as ButtonIcon,
+  v as Card,
+  N as CardContent,
+  xs as CardContentInfo,
+  S as CardHeader,
+  us as ChartCard,
+  is as ConfirmCancelModal,
+  Xa as DateRangeSelectFieldPro,
+  ps as DonutChart,
+  za as DonutChartPro,
+  Wa as DonutLabelChartPro,
+  bs as Dropdown,
+  _a as EditorCard,
+  os as EmptyStateSkeleton,
+  w as IconButton,
+  Ia as KpiChart,
+  ya as MultiSelectField,
+  ja as MultiSelectFieldPro,
+  fs as NumberField,
+  q as PageOverlay,
+  _s as PieChart,
+  Ra as PieChartPro,
+  Cs as SelectButton,
+  gs as SelectList,
+  ys as SelectListOption,
+  Ca as SelectListOptions,
+  va as SingleSelectField,
+  qa as SingleSelectFieldPro,
+  hs as Skeleton,
+  cs as Switch,
+  js as TextField,
+  C as Typography,
+  ws as chartColors,
+  vs as dataset,
+  Ss as defaultPieChartOptions,
+  Is as description,
+  Ns as dimension,
+  $s as dimensionTime,
+  Ts as dimensionWithDateBounds,
+  ks as dimensions,
+  Ps as displayPercentages,
+  Ls as genericBoolean,
+  As as genericNumber,
+  Ms as genericString,
+  Bs as genericTimeRange,
+  Ma as getDefaultPieChartOptions,
+  $a as getObjectStableKey,
+  Ba as getPieChartData,
+  Ds as getStyle,
+  Rs as getStyleNumber,
+  La as getThemeFormatter,
+  Fs as i18n,
+  zs as i18nSetup,
+  Os as maxLegendItems,
+  Ws as measure,
+  Es as measures,
+  qs as placeholder,
+  Ta as remarkableTheme,
+  Ks as resolveI18nProps,
+  Xs as reverseXAxis,
+  Us as reverseYAxis,
+  Vs as showLegend,
+  Ys as showLogarithmicScale,
+  Gs as showTooltips,
+  Hs as showTopItems,
+  Qs as showTotalLabels,
+  Js as showValueLabels,
+  ka as styles,
+  Zs as subInputAbbreviateLargeNumber,
+  sa as subInputCurrency,
+  aa as subInputDateBounds,
+  ea as subInputDecimalPlaces,
+  ta as subInputDisplayName,
+  na as subInputGranularity,
+  oa as subInputMaxCharacters,
+  ra as subInputPrefix,
+  ia as subInputSuffix,
+  ca as title,
+  la as xAxisLabel,
+  ma as xAxisMaxItems,
+  ua as xAxisRangeMax,
+  ha as xAxisRangeMin,
+  da as yAxisLabel,
+  xa as yAxisMaxItems,
+  pa as yAxisRangeMax,
+  ba as yAxisRangeMin
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"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":"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","x_google_ignoreList":[0,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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"}