@embeddable.com/remarkable-ui 0.1.52 → 1.0.2

package/dist/{index-BZmaPHSu.js.map → index-b_iMiCHA.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-BZmaPHSu.js","sources":["../node_modules/@tabler/icons-react/dist/esm/icons/IconCalendarFilled.mjs","../src/remarkable-pro/components/editors/DateRangeSelectFieldPro/DateRangeSelectFieldPro.utils.ts","../src/remarkable-pro/components/editors/DateRangeSelectFieldPro/index.tsx"],"sourcesContent":["/**\n * @license @tabler/icons-react v3.35.0 - MIT\n *\n * This source code is licensed under the MIT license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createReactComponent from '../createReactComponent.mjs';\n\nconst __iconNode = [[\"path\", { \"d\": \"M16 2a1 1 0 0 1 .993 .883l.007 .117v1h1a3 3 0 0 1 2.995 2.824l.005 .176v12a3 3 0 0 1 -2.824 2.995l-.176 .005h-12a3 3 0 0 1 -2.995 -2.824l-.005 -.176v-12a3 3 0 0 1 2.824 -2.995l.176 -.005h1v-1a1 1 0 0 1 1.993 -.117l.007 .117v1h6v-1a1 1 0 0 1 1 -1zm3 7h-14v9.625c0 .705 .386 1.286 .883 1.366l.117 .009h12c.513 0 .936 -.53 .993 -1.215l.007 -.16v-9.625z\", \"key\": \"svg-0\" }], [\"path\", { \"d\": \"M12 12a1 1 0 0 1 .993 .883l.007 .117v3a1 1 0 0 1 -1.993 .117l-.007 -.117v-2a1 1 0 0 1 -.117 -1.993l.117 -.007h1z\", \"key\": \"svg-1\" }]];\nconst IconCalendarFilled = createReactComponent(\"filled\", \"calendar-filled\", \"CalendarFilled\", __iconNode);\n\nexport { __iconNode, IconCalendarFilled as default };\n//# sourceMappingURL=IconCalendarFilled.mjs.map\n","import { DateRangeSelectFieldProOption } from './DateRangeSelectFieldPro.types';\nimport { SelectListOptionProps } from '../../../../remarkable-ui';\nimport { getTimeRangeLabel } from '../editors.timeRange.utils';\nimport { resolveI18nString } from '../../component.utils';\n\nexport const getDateRangeSelectFieldProOptions = (\n  dateRangeSelectFieldProOptions: DateRangeSelectFieldProOption[],\n): SelectListOptionProps[] => {\n  return dateRangeSelectFieldProOptions.map((option) => {\n    return {\n      rightLabel: getTimeRangeLabel(option.getRange(), option.dateFormat),\n      value: option.value,\n      label: resolveI18nString(option.label),\n    };\n  });\n};\n","import { useTheme } from '@embeddable.com/react';\nimport { SingleSelectField } from '../../../../remarkable-ui';\nimport { Theme } from '../../../theme/theme.types';\nimport { useLoadDayjsLocale } from '../../../utils.ts/date.utils';\nimport { getDateRangeSelectFieldProOptions } from './DateRangeSelectFieldPro.utils';\nimport { TimeRange } from '@embeddable.com/core';\nimport { resolveI18nProps } from '../../component.utils';\nimport { EditorCard } from '../shared/EditorCard/EditorCard';\nimport { IconCalendarFilled } from '@tabler/icons-react';\nimport { i18n } from '../../../theme/i18n/i18n';\nimport { useEffect, useState } from 'react';\n\ntype DateRangeSelectFieldProProps = {\n  description?: string;\n  onChange: (newDateRange: TimeRange) => void;\n  placeholder?: string;\n  selectedValue: TimeRange;\n  title?: string;\n};\n\nconst DateRangeSelectFieldPro = (props: DateRangeSelectFieldProProps) => {\n  const theme: Theme = useTheme() as Theme;\n  const { dayjsLocaleReady } = useLoadDayjsLocale();\n\n  const { selectedValue, onChange } = props;\n  const [internalValue, setInternalValue] = useState<string | undefined>(\n    selectedValue?.relativeTimeString,\n  );\n\n  // When updation the selectedValue in the builder, the defined value value can:\n  // 1. exist in the options: relativeTimeString converted into TimeRange and onChange is called with the TimeRange\n  // 2. not exist in the options: onChange is called with undefined (resets)\n\n  const dateRangeOptions = theme.defaults.dateRangesOptions;\n\n  const selectedValueRelativeTimeString = selectedValue?.relativeTimeString;\n\n  useEffect(() => {\n    if (!selectedValueRelativeTimeString) return;\n\n    const matchedOption = dateRangeOptions.find(\n      (option) => option.value === selectedValueRelativeTimeString,\n    );\n\n    setInternalValue(matchedOption ? matchedOption.value : undefined);\n  }, [selectedValueRelativeTimeString, dateRangeOptions]);\n\n  useEffect(() => {\n    if (!selectedValue && !internalValue) return;\n\n    const matchedOption = dateRangeOptions.find((option) => option.value === internalValue);\n\n    const newChangeValue = matchedOption ? matchedOption.getRange() : undefined;\n\n    onChange(newChangeValue);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [internalValue, dateRangeOptions]);\n\n  useEffect(() => {\n    if (!selectedValue) {\n      setInternalValue(undefined);\n    }\n  }, [selectedValue]);\n\n  if (!dayjsLocaleReady) {\n    return null;\n  }\n\n  const { description, placeholder, title } = resolveI18nProps(props);\n\n  const options = getDateRangeSelectFieldProOptions(dateRangeOptions);\n\n  return (\n    <EditorCard title={title} subtitle={description}>\n      <SingleSelectField\n        startIcon={IconCalendarFilled}\n        isClearable\n        placeholder={placeholder}\n        value={internalValue}\n        onChange={(value) => setInternalValue(value || undefined)}\n        options={options}\n        noOptionsMessage={i18n.t('common.noOptionsAvailable')}\n      />\n    </EditorCard>\n  );\n};\n\nexport default DateRangeSelectFieldPro;\n"],"names":["__iconNode","IconCalendarFilled","createReactComponent","getDateRangeSelectFieldProOptions","dateRangeSelectFieldProOptions","option","getTimeRangeLabel","resolveI18nString","DateRangeSelectFieldPro","props","theme","useTheme","dayjsLocaleReady","useLoadDayjsLocale","selectedValue","onChange","internalValue","setInternalValue","useState","dateRangeOptions","selectedValueRelativeTimeString","useEffect","matchedOption","newChangeValue","description","placeholder","title","resolveI18nProps","options","jsx","EditorCard","SingleSelectField","value","i18n"],"mappings":";;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASA,MAAMA,IAAa,CAAC,CAAC,QAAQ,EAAE,GAAK,iWAAiW,KAAO,QAAO,CAAE,GAAG,CAAC,QAAQ,EAAE,GAAK,oHAAoH,KAAO,QAAO,CAAE,CAAC,GACviBC,IAAqBC,EAAqB,UAAU,mBAAmB,kBAAkBF,CAAU,GCL5FG,IAAoC,CAC/CC,MAEOA,EAA+B,IAAI,CAACC,OAClC;AAAA,EACL,YAAYC,EAAkBD,EAAO,SAAA,GAAYA,EAAO,UAAU;AAAA,EAClE,OAAOA,EAAO;AAAA,EACd,OAAOE,EAAkBF,EAAO,KAAK;AAAA,EAExC,GCMGG,IAA0B,CAACC,MAAwC;AACvE,QAAMC,IAAeC,EAAA,GACf,EAAE,kBAAAC,EAAA,IAAqBC,EAAA,GAEvB,EAAE,eAAAC,GAAe,UAAAC,EAAA,IAAaN,GAC9B,CAACO,GAAeC,CAAgB,IAAIC;AAAA,IACxCJ,KAAA,gBAAAA,EAAe;AAAA,EAAA,GAOXK,IAAmBT,EAAM,SAAS,mBAElCU,IAAkCN,KAAA,gBAAAA,EAAe;AA6BvD,MA3BAO,EAAU,MAAM;AACd,QAAI,CAACD,EAAiC;AAEtC,UAAME,IAAgBH,EAAiB;AAAA,MACrC,CAACd,MAAWA,EAAO,UAAUe;AAAA,IAAA;AAG/B,IAAAH,EAAiBK,IAAgBA,EAAc,QAAQ,MAAS;AAAA,EAClE,GAAG,CAACF,GAAiCD,CAAgB,CAAC,GAEtDE,EAAU,MAAM;AACd,QAAI,CAACP,KAAiB,CAACE,EAAe;AAEtC,UAAMM,IAAgBH,EAAiB,KAAK,CAACd,MAAWA,EAAO,UAAUW,CAAa,GAEhFO,IAAiBD,IAAgBA,EAAc,SAAA,IAAa;AAElE,IAAAP,EAASQ,CAAc;AAAA,EAEzB,GAAG,CAACP,GAAeG,CAAgB,CAAC,GAEpCE,EAAU,MAAM;AACd,IAAKP,KACHG,EAAiB,MAAS;AAAA,EAE9B,GAAG,CAACH,CAAa,CAAC,GAEd,CAACF;AACH,WAAO;AAGT,QAAM,EAAE,aAAAY,GAAa,aAAAC,GAAa,OAAAC,EAAA,IAAUC,EAAiBlB,CAAK,GAE5DmB,IAAUzB,EAAkCgB,CAAgB;AAElE,SACEU,gBAAAA,EAAAA,IAACC,GAAA,EAAW,OAAAJ,GAAc,UAAUF,GAClC,UAAAK,gBAAAA,EAAAA;AAAAA,IAACE;AAAA,IAAA;AAAA,MACC,WAAW9B;AAAA,MACX,aAAW;AAAA,MACX,aAAAwB;AAAA,MACA,OAAOT;AAAA,MACP,UAAU,CAACgB,MAAUf,EAAiBe,KAAS,MAAS;AAAA,MACxD,SAAAJ;AAAA,MACA,kBAAkBK,EAAK,EAAE,2BAA2B;AAAA,IAAA;AAAA,EAAA,GAExD;AAEJ;;;;","x_google_ignoreList":[0]}
+{"version":3,"file":"index-b_iMiCHA.js","sources":["../node_modules/@tabler/icons-react/dist/esm/icons/IconCalendarFilled.mjs","../src/remarkable-pro/components/editors/DateRangeSelectFieldPro/DateRangeSelectFieldPro.utils.ts","../src/remarkable-pro/components/editors/DateRangeSelectFieldPro/index.tsx"],"sourcesContent":["/**\n * @license @tabler/icons-react v3.35.0 - MIT\n *\n * This source code is licensed under the MIT license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createReactComponent from '../createReactComponent.mjs';\n\nconst __iconNode = [[\"path\", { \"d\": \"M16 2a1 1 0 0 1 .993 .883l.007 .117v1h1a3 3 0 0 1 2.995 2.824l.005 .176v12a3 3 0 0 1 -2.824 2.995l-.176 .005h-12a3 3 0 0 1 -2.995 -2.824l-.005 -.176v-12a3 3 0 0 1 2.824 -2.995l.176 -.005h1v-1a1 1 0 0 1 1.993 -.117l.007 .117v1h6v-1a1 1 0 0 1 1 -1zm3 7h-14v9.625c0 .705 .386 1.286 .883 1.366l.117 .009h12c.513 0 .936 -.53 .993 -1.215l.007 -.16v-9.625z\", \"key\": \"svg-0\" }], [\"path\", { \"d\": \"M12 12a1 1 0 0 1 .993 .883l.007 .117v3a1 1 0 0 1 -1.993 .117l-.007 -.117v-2a1 1 0 0 1 -.117 -1.993l.117 -.007h1z\", \"key\": \"svg-1\" }]];\nconst IconCalendarFilled = createReactComponent(\"filled\", \"calendar-filled\", \"CalendarFilled\", __iconNode);\n\nexport { __iconNode, IconCalendarFilled as default };\n//# sourceMappingURL=IconCalendarFilled.mjs.map\n","import { DateRangeSelectFieldProOption } from './DateRangeSelectFieldPro.types';\nimport { SelectListOptionProps } from '../../../../remarkable-ui';\nimport { getTimeRangeLabel } from '../editors.timeRange.utils';\nimport { resolveI18nString } from '../../component.utils';\n\nexport const getDateRangeSelectFieldProOptions = (\n  dateRangeSelectFieldProOptions: DateRangeSelectFieldProOption[],\n): SelectListOptionProps[] => {\n  return dateRangeSelectFieldProOptions.map((option) => {\n    return {\n      rightLabel: getTimeRangeLabel(option.getRange(), option.dateFormat),\n      value: option.value,\n      label: resolveI18nString(option.label),\n    };\n  });\n};\n","import { useTheme } from '@embeddable.com/react';\nimport { SingleSelectField } from '../../../../remarkable-ui';\nimport { Theme } from '../../../theme/theme.types';\nimport { useLoadDayjsLocale } from '../../../utils.ts/date.utils';\nimport { getDateRangeSelectFieldProOptions } from './DateRangeSelectFieldPro.utils';\nimport { TimeRange } from '@embeddable.com/core';\nimport { resolveI18nProps } from '../../component.utils';\nimport { EditorCard } from '../shared/EditorCard/EditorCard';\nimport { IconCalendarFilled } from '@tabler/icons-react';\nimport { i18n } from '../../../theme/i18n/i18n';\nimport { useEffect, useState } from 'react';\n\ntype DateRangeSelectFieldProProps = {\n  description?: string;\n  onChange: (newDateRange: TimeRange) => void;\n  placeholder?: string;\n  selectedValue: TimeRange;\n  title?: string;\n};\n\nconst DateRangeSelectFieldPro = (props: DateRangeSelectFieldProProps) => {\n  const theme: Theme = useTheme() as Theme;\n  const { dayjsLocaleReady } = useLoadDayjsLocale();\n\n  const { selectedValue, onChange } = props;\n  const [internalValue, setInternalValue] = useState<string | undefined>(\n    selectedValue?.relativeTimeString,\n  );\n\n  // When updation the selectedValue in the builder, the defined value value can:\n  // 1. exist in the options: relativeTimeString converted into TimeRange and onChange is called with the TimeRange\n  // 2. not exist in the options: onChange is called with undefined (resets)\n\n  const dateRangeOptions = theme.defaults.dateRangesOptions;\n\n  const selectedValueRelativeTimeString = selectedValue?.relativeTimeString;\n\n  useEffect(() => {\n    if (!selectedValueRelativeTimeString) return;\n\n    const matchedOption = dateRangeOptions.find(\n      (option) => option.value === selectedValueRelativeTimeString,\n    );\n\n    setInternalValue(matchedOption ? matchedOption.value : undefined);\n  }, [selectedValueRelativeTimeString, dateRangeOptions]);\n\n  useEffect(() => {\n    if (!selectedValue && !internalValue) return;\n\n    const matchedOption = dateRangeOptions.find((option) => option.value === internalValue);\n\n    const newChangeValue = matchedOption ? matchedOption.getRange() : undefined;\n\n    onChange(newChangeValue);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [internalValue, dateRangeOptions]);\n\n  useEffect(() => {\n    if (!selectedValue) {\n      setInternalValue(undefined);\n    }\n  }, [selectedValue]);\n\n  if (!dayjsLocaleReady) {\n    return null;\n  }\n\n  const { description, placeholder, title } = resolveI18nProps(props);\n\n  const options = getDateRangeSelectFieldProOptions(dateRangeOptions);\n\n  return (\n    <EditorCard title={title} subtitle={description}>\n      <SingleSelectField\n        startIcon={IconCalendarFilled}\n        isClearable\n        placeholder={placeholder}\n        value={internalValue}\n        onChange={(value) => setInternalValue(value || undefined)}\n        options={options}\n        noOptionsMessage={i18n.t('common.noOptionsAvailable')}\n      />\n    </EditorCard>\n  );\n};\n\nexport default DateRangeSelectFieldPro;\n"],"names":["__iconNode","IconCalendarFilled","createReactComponent","getDateRangeSelectFieldProOptions","dateRangeSelectFieldProOptions","option","getTimeRangeLabel","resolveI18nString","DateRangeSelectFieldPro","props","theme","useTheme","dayjsLocaleReady","useLoadDayjsLocale","selectedValue","onChange","internalValue","setInternalValue","useState","dateRangeOptions","selectedValueRelativeTimeString","useEffect","matchedOption","newChangeValue","description","placeholder","title","resolveI18nProps","options","jsx","EditorCard","SingleSelectField","value","i18n"],"mappings":";;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASA,MAAMA,IAAa,CAAC,CAAC,QAAQ,EAAE,GAAK,iWAAiW,KAAO,QAAO,CAAE,GAAG,CAAC,QAAQ,EAAE,GAAK,oHAAoH,KAAO,QAAO,CAAE,CAAC,GACviBC,IAAqBC,EAAqB,UAAU,mBAAmB,kBAAkBF,CAAU,GCL5FG,IAAoC,CAC/CC,MAEOA,EAA+B,IAAI,CAACC,OAClC;AAAA,EACL,YAAYC,EAAkBD,EAAO,SAAA,GAAYA,EAAO,UAAU;AAAA,EAClE,OAAOA,EAAO;AAAA,EACd,OAAOE,EAAkBF,EAAO,KAAK;AAAA,EAExC,GCMGG,IAA0B,CAACC,MAAwC;AACvE,QAAMC,IAAeC,EAAA,GACf,EAAE,kBAAAC,EAAA,IAAqBC,EAAA,GAEvB,EAAE,eAAAC,GAAe,UAAAC,EAAA,IAAaN,GAC9B,CAACO,GAAeC,CAAgB,IAAIC;AAAA,IACxCJ,KAAA,gBAAAA,EAAe;AAAA,EAAA,GAOXK,IAAmBT,EAAM,SAAS,mBAElCU,IAAkCN,KAAA,gBAAAA,EAAe;AA6BvD,MA3BAO,EAAU,MAAM;AACd,QAAI,CAACD,EAAiC;AAEtC,UAAME,IAAgBH,EAAiB;AAAA,MACrC,CAACd,MAAWA,EAAO,UAAUe;AAAA,IAAA;AAG/B,IAAAH,EAAiBK,IAAgBA,EAAc,QAAQ,MAAS;AAAA,EAClE,GAAG,CAACF,GAAiCD,CAAgB,CAAC,GAEtDE,EAAU,MAAM;AACd,QAAI,CAACP,KAAiB,CAACE,EAAe;AAEtC,UAAMM,IAAgBH,EAAiB,KAAK,CAACd,MAAWA,EAAO,UAAUW,CAAa,GAEhFO,IAAiBD,IAAgBA,EAAc,SAAA,IAAa;AAElE,IAAAP,EAASQ,CAAc;AAAA,EAEzB,GAAG,CAACP,GAAeG,CAAgB,CAAC,GAEpCE,EAAU,MAAM;AACd,IAAKP,KACHG,EAAiB,MAAS;AAAA,EAE9B,GAAG,CAACH,CAAa,CAAC,GAEd,CAACF;AACH,WAAO;AAGT,QAAM,EAAE,aAAAY,GAAa,aAAAC,GAAa,OAAAC,EAAA,IAAUC,EAAiBlB,CAAK,GAE5DmB,IAAUzB,EAAkCgB,CAAgB;AAElE,SACEU,gBAAAA,EAAAA,IAACC,GAAA,EAAW,OAAAJ,GAAc,UAAUF,GAClC,UAAAK,gBAAAA,EAAAA;AAAAA,IAACE;AAAA,IAAA;AAAA,MACC,WAAW9B;AAAA,MACX,aAAW;AAAA,MACX,aAAAwB;AAAA,MACA,OAAOT;AAAA,MACP,UAAU,CAACgB,MAAUf,EAAiBe,KAAS,MAAS;AAAA,MACxD,SAAAJ;AAAA,MACA,kBAAkBK,EAAK,EAAE,2BAA2B;AAAA,IAAA;AAAA,EAAA,GAExD;AAEJ;;;;","x_google_ignoreList":[0]}

package/dist/index.js

@@ -1,275 +1,240 @@
-import { C as xs, S as bs } from "./ChartCard-9vU81B9E.js";
-import { j as s, a2 as w, a3 as u, a4 as _, a5 as I, a6 as S, a7 as N, a8 as T, a9 as $ } from "./component.constants-BysG97Au.js";
-import { B as _s, aa as Cs, am as fs, ac as gs, ab as ys, N as js, ah as vs, an as ws, ae as Is, af as Ss, ad as Ns, U as Ts, W as $s, as as Ps, ag as ks, D as Bs, d as Ls, ap as As, aq as Ds, ao as Ms, c as Os, z as Fs, aF as Rs, $ as zs, G as Ws, b as Es, aE as Gs, Y as Hs, aG as Ks, I as qs, J as Vs, R as Xs, H as Us, ai as Ys, aj as Js, ak as Qs, al as Zs, ar as sa, K as aa, X as ea, F as ta, i as oa, S as na, Q as ra, A as ia, w as ca, a as la, a1 as ua, r as ma, p as ha, h as da, s as xa, g as ba, e as pa, aH as _a, C as Ca, f as fa, aA as ga, _ as ya, O as ja, az as va, aB as wa, ay as Ia, av as Sa, T as Na, aw as Ta, aC as $a, ax as Pa, at as ka, au as Ba, Z as La, aD as Aa, t as Da, x as Ma, v as Oa, l as Fa, k as Ra, y as za, n as Wa, u as Ea, q as Ga } from "./component.constants-BysG97Au.js";
-import { useRef as P, useState as k, useEffect as B } from "react";
-import { E as Ka, S as qa } from "./EditorCard-CQCOOD0u.js";
-import { B as g } from "./index-Ys3psTd9.js";
-import { b as Xa, i as Ua } from "./index-Ys3psTd9.js";
-import { S as Ja } from "./SingleSelectField-Cu5phRJ-.js";
-import { K as Za } from "./KpiChart-CtIsMk4c.js";
-import { P as ae } from "./PivotTable-BTtSAZkU.js";
-import { H as te } from "./HeatMap-EjQRtDvC.js";
-import { r as ne, s as re } from "./charts.utils-BHaQCnGS.js";
-import { g as ce } from "./object.utils-D_Zzon-H.js";
-import { g as ue } from "./formatter.utils-tk7xEyBO.js";
-import { a as he, g as de } from "./pies.utils-DKG--4_R.js";
-import { i as be } from "./index-CAZ9r1pH.js";
-import { i as _e } from "./index-B149xfYw.js";
-import { i as fe } from "./index-HfLTeWS9.js";
-import { i as ye } from "./index-Cdd-V_lk.js";
-import { i as ve } from "./index-BZmaPHSu.js";
-import { C as Ie } from "./ComparisonPeriod.type.emb-Bc58XXHO.js";
-import { i as Ne, s as Te } from "./color.utils-CVyp-fGP.js";
-const L = "_container_436fl_1", A = "_column_436fl_10", D = "_box_436fl_20", M = "_short_436fl_26", O = "_tall_436fl_34", e = {
-  container: L,
-  column: A,
-  box: D,
-  short: M,
-  tall: O
-}, is = ({ className: t }) => {
-  const a = P(null), [o, l] = k(2);
-  B(() => {
-    const n = () => {
-      if (!a.current) return;
-      const d = a.current.offsetWidth, y = 32, m = 16, j = 128, C = 256, x = d - y, b = Math.floor((x + m) / (j + m)), v = (x - (b - 1) * m) / b;
-      let f = b;
-      v > C && (f = Math.floor((x + m) / (C + m))), l(Math.max(2, f));
-    };
-    n();
-    const r = new ResizeObserver(n);
-    return a.current && r.observe(a.current), () => r.disconnect();
-  }, []);
-  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: `${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: a, className: `${e.container} ${t || ""}`, children: Array.from({ length: o }, (n, r) => c(r)) });
-}, F = "_icon_bk4b5_1", R = "_iconPrimary_bk4b5_6", z = "_iconSecondary_bk4b5_9", W = "_buttonIcon_bk4b5_12", p = {
-  icon: F,
-  iconPrimary: R,
-  iconSecondary: z,
-  buttonIcon: W
-}, cs = ({
-  icon: t,
-  variant: a = "primary",
-  ...o
-}) => /* @__PURE__ */ s.jsx(w, { variant: a, size: "medium", className: p.buttonIcon, ...o, children: /* @__PURE__ */ s.jsx(
-  t,
+import { C as M, S as O } from "./ChartCard-CyemTSay.js";
+import { j as a, a2 as n } from "./component.constants-CYS5-3qd.js";
+import { a7 as G, B as H, a3 as $, a4 as E, a6 as K, a5 as q, al as W, a8 as z, aa as V, ab as X, N as Y, ag as J, am as Q, ad as U, ae as Z, ac as aa, a9 as sa, U as ea, W as ta, ar as ra, af as oa, D as ia, E as na, L as la, M as ca, d as ua, c as ma, z as pa, aE as ha, $ as da, G as ba, b as xa, aD as ga, Y as ya, aF as Ca, I as _a, J as wa, R as fa, H as Sa, ah as Ta, ai as ka, ap as Ia, aj as Pa, ak as Aa, an as Da, ao as ja, aq as va, K as La, X as Fa, F as Ba, i as Na, S as Ma, Q as Oa, A as Ra, w as Ga, a as Ha, a1 as $a, r as Ea, p as Ka, h as qa, s as Wa, g as za, e as Va, aG as Xa, C as Ya, f as Ja, az as Qa, _ as Ua, O as Za, ay as as, aA as ss, ax as es, au as ts, T as rs, av as os, aB as is, aw as ns, as as ls, at as cs, Z as us, aC as ms, t as ps, x as hs, v as ds, l as bs, k as xs, y as gs, n as ys, u as Cs, q as _s } from "./component.constants-CYS5-3qd.js";
+import { B as fs, b as Ss, i as Ts } from "./index-B7QvKSGz.js";
+import { S as Is } from "./SingleSelectField-CSJOpQeh.js";
+import { E as As, S as Ds } from "./EditorCard-BICCSvPo.js";
+import { K as vs } from "./KpiChart-BxmGCIn5.js";
+import { P as Fs } from "./PivotTable-DrN-dl-H.js";
+import { H as Ns } from "./HeatMap-BueWUQTI.js";
+import { a as Os, u as Rs } from "./useDebounce.hook-DxiPFcz9.js";
+import { r as Hs, s as $s } from "./charts.utils-eHB_o46Z.js";
+import { g as Ks } from "./object.utils-D_Zzon-H.js";
+import { g as Ws } from "./formatter.utils-CaFr8SlX.js";
+import { i as Vs } from "./index-B_mqJfRw.js";
+import { i as Ys } from "./index-CrDfwceI.js";
+import { i as Qs } from "./index-MerCnebu.js";
+import { g as Zs, a as ae } from "./pies.utils-DoDczq1K.js";
+import { i as ee } from "./index-BYxqGfuR.js";
+import { i as re } from "./index-b_iMiCHA.js";
+import { C as ie } from "./ComparisonPeriod.type.emb-i3iGuRJI.js";
+import { i as le, s as ce } from "./color.utils-CVyp-fGP.js";
+const p = "_typography_g1one_1", h = {
+  typography: p
+};
+function D({
+  children: s,
+  as: e = "p",
+  className: t,
+  style: o,
+  title: r
+}) {
+  return /* @__PURE__ */ a.jsx(e, { title: r, className: n(h.typography, t), style: o, children: s });
+}
+const d = "_buttonIcon_17kgb_1", b = "_small_17kgb_11", x = "_medium_17kgb_18", g = "_primary_17kgb_25", y = "_secondary_17kgb_42", l = {
+  buttonIcon: d,
+  small: b,
+  medium: x,
+  primary: g,
+  secondary: y
+}, j = ({
+  icon: s,
+  size: e = "medium",
+  variant: t = "primary",
+  className: o,
+  ...r
+}) => /* @__PURE__ */ a.jsx(
+  "button",
   {
-    className: u(
-      p.icon,
-      p[`icon${a.charAt(0).toUpperCase() + a.slice(1)}`]
-    )
+    className: n(l.buttonIcon, l[t], l[e], o),
+    ...r,
+    children: /* @__PURE__ */ a.jsx(s, {})
   }
-) }), E = "_ghostButton_1cvh9_1", G = "_icon_1cvh9_38", H = "_label_1cvh9_42", h = {
-  ghostButton: E,
-  icon: G,
-  label: H
-}, ls = ({
-  startIcon: t,
-  endIcon: a,
-  children: o,
-  className: l,
+), C = "_ghostButton_118d3_1", _ = {
+  ghostButton: C
+}, v = ({
+  startIcon: s,
+  endIcon: e,
+  children: t,
+  className: o,
+  ...r
+}) => /* @__PURE__ */ a.jsxs("button", { className: n(_.ghostButton, o), ...r, children: [
+  s && /* @__PURE__ */ a.jsx(s, {}),
+  /* @__PURE__ */ a.jsx("span", { children: t }),
+  e && /* @__PURE__ */ a.jsx(e, {})
+] }), w = "_overlay_1t3tm_1", f = {
+  overlay: w
+}, L = ({ className: s, children: e }) => /* @__PURE__ */ a.jsx("div", { className: n(f.overlay, s), children: e }), S = "_disabled_vkmwe_8", T = "_switchTrack_vkmwe_19", k = "_switchThumb_vkmwe_30", I = "_checked_vkmwe_41", P = "_switchLabel_vkmwe_60", i = {
+  switch: "_switch_vkmwe_1",
+  disabled: S,
+  switchTrack: T,
+  switchThumb: k,
+  checked: I,
+  switchLabel: P
+}, F = ({
+  checked: s,
+  onChange: e,
+  disabled: t = !1,
+  className: o,
+  label: r,
   ...c
-}) => /* @__PURE__ */ s.jsxs("button", { className: u(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 })
-] }), K = "_overlay_1wzuc_1", q = {
-  overlay: K
-}, V = ({ className: t, children: a }) => /* @__PURE__ */ s.jsx("div", { className: u(q.overlay, t), children: a }), X = "_actions_pvzr9_1", U = {
-  actions: X
-}, us = ({
-  title: t,
-  message: a,
-  confirmLabel: o = "Confirm",
-  cancelLabel: l = "Cancel",
-  onConfirm: c,
-  onCancel: n,
-  className: r
-}) => /* @__PURE__ */ s.jsx(V, { children: /* @__PURE__ */ s.jsxs(I, { className: r, children: [
-  /* @__PURE__ */ s.jsx(S, { title: t, rightContent: /* @__PURE__ */ s.jsx(N, { icon: T, onClick: n }) }),
-  /* @__PURE__ */ s.jsxs($, { children: [
-    /* @__PURE__ */ s.jsx(_, { as: "span", children: a }),
-    /* @__PURE__ */ s.jsxs("div", { className: U.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 })
-    ] })
-  ] })
-] }) }), Y = "_switchContainer_5ud0u_1", J = "_switchLabel_5ud0u_8", Q = "_switchInput_5ud0u_14", Z = "_switchTrack_5ud0u_21", ss = "_switchThumb_5ud0u_51", as = "_checked_5ud0u_66", es = "_disabled_5ud0u_78", ts = "_labelText_5ud0u_91", i = {
-  switchContainer: Y,
-  switchLabel: J,
-  switchInput: Q,
-  switchTrack: Z,
-  switchThumb: ss,
-  checked: as,
-  disabled: es,
-  labelText: ts
-}, ms = ({
-  checked: t,
-  onChange: a,
-  disabled: o = !1,
-  className: l,
-  label: c,
-  ...n
 }) => {
-  const r = (d) => {
-    !o && a && a(d.target.checked);
+  const u = (m) => {
+    !t && e && e(m.target.checked);
   };
-  return n["aria-label"] || console.warn(
+  return c["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__ */ a.jsxs(
     "label",
     {
-      className: u(i.switchLabel, t && i.checked, o && i.disabled),
+      className: n(
+        o,
+        i.switch,
+        s && i.checked,
+        t && i.disabled
+      ),
       children: [
-        /* @__PURE__ */ s.jsx(
+        /* @__PURE__ */ a.jsx(
           "input",
           {
             type: "checkbox",
-            checked: t,
-            onChange: r,
-            disabled: o,
-            className: i.switchInput,
+            checked: s,
+            onChange: u,
+            disabled: t,
             role: "switch",
-            "aria-checked": t,
-            "aria-disabled": o,
-            ...n
+            "aria-checked": s,
+            "aria-disabled": t,
+            ...c
           }
         ),
-        /* @__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(_, { as: "span", className: u(i.labelText, o && i.disabled), children: c })
+        /* @__PURE__ */ a.jsx("span", { className: i.switchTrack, "aria-hidden": "true", children: /* @__PURE__ */ a.jsx("span", { className: i.switchThumb, "aria-hidden": "true" }) }),
+        r && /* @__PURE__ */ a.jsx("span", { className: n(i.switchLabel), children: r })
       ]
     }
-  ) });
+  );
 };
 export {
-  _s as BarChart,
-  g as Button,
-  cs as ButtonIcon,
-  I as Card,
-  $ as CardContent,
-  Cs as CardContentInfo,
-  S as CardHeader,
-  xs as ChartCard,
-  Ie as ComparisonPeriodType,
-  us as ConfirmCancelModal,
-  ve as DateRangeSelectFieldPro,
-  fs as DonutChart,
-  _e as DonutChartPro,
-  fe as DonutLabelChartPro,
-  gs as Dropdown,
-  Ka as EditorCard,
-  is as EmptyStateSkeleton,
-  ys as FieldErrorMessage,
-  ls as GhostButton,
-  te as HeatMap,
-  N as IconButton,
-  Za as KpiChart,
-  js as LineChart,
-  Xa as MultiSelectField,
-  Ua as MultiSelectFieldPro,
-  vs as NumberField,
-  V as PageOverlay,
-  ws as PieChart,
-  be as PieChartPro,
-  ae as PivotTable,
-  Is as SelectButton,
-  Ss as SelectList,
-  Ns as SelectListOption,
-  qa as SelectListOptions,
-  Ja as SingleSelectField,
-  ye as SingleSelectFieldPro,
-  bs as Skeleton,
-  ms as Switch,
-  Ts as TableHeaderAlign,
-  $s as TablePaginated,
-  Ps as TableSortDirection,
-  ks as TextField,
-  _ as Typography,
-  Bs as chartColors,
-  Ls as dataset,
-  As as defaultDonutChartOptions,
-  Ds as defaultDonutLabelChartOptions,
-  Ms as defaultPieChartOptions,
-  Os as description,
-  Fs as dimension,
-  Rs as dimensionOrMeasure,
-  zs as dimensionSimple,
-  Ws as dimensionTime,
-  Es as dimensionWithDateBounds,
-  Gs as dimensions,
-  Hs as dimensionsAndMeasures,
-  Ks as displayPercentages,
-  qs as genericBoolean,
-  Vs as genericNumber,
-  Xs as genericString,
-  Us as genericTimeRange,
-  Ys as getBarChartData,
-  Js as getBarChartOptions,
-  he as getDefaultPieChartOptions,
-  Qs as getLineChartData,
-  Zs as getLineChartOptions,
-  ce as getObjectStableKey,
-  de as getPieChartData,
-  sa as getStyle,
-  aa as getStyleNumber,
-  ea as getTableTotalPages,
-  ue as getThemeFormatter,
-  ta as i18n,
-  oa as i18nSetup,
-  na as inputColor,
-  Ne as isColorValid,
-  ra as maxLegendItems,
-  ia as maxResults,
-  ca as measure,
-  la as measures,
-  ua as placeholder,
-  ne as remarkableTheme,
-  ma as resolveI18nProps,
-  ha as reverseXAxis,
-  da as reverseYAxis,
-  Te as setColorAlpha,
-  xa as showLegend,
-  ba as showLogarithmicScale,
-  pa as showTooltips,
-  _a as showTopItems,
-  Ca as showTotalLabels,
-  fa as showValueLabels,
-  re as styles,
-  ga as subInputAbbreviateLargeNumber,
-  ya as subInputAlign,
-  ja as subInputColor,
-  va as subInputCurrency,
-  wa as subInputDateBounds,
-  Ia as subInputDecimalPlaces,
-  Sa as subInputDisplayName,
-  Na as subInputGenericBoolean,
-  Ta as subInputGenericNumber,
-  $a as subInputGranularity,
-  Pa as subInputMaxCharacters,
-  ka as subInputPrefix,
-  Ba as subInputSuffix,
-  La as subInputWidth,
-  Aa as timeDimensionSubInputs,
-  Da as title,
-  Ma as xAxisLabel,
-  Oa as xAxisMaxItems,
-  Fa as xAxisRangeMax,
-  Ra as xAxisRangeMin,
-  za as yAxisLabel,
-  Wa as yAxisMaxItems,
-  Ea as yAxisRangeMax,
-  Ga as yAxisRangeMin
+  G as ActionIcon,
+  H as BarChart,
+  fs as Button,
+  j as ButtonIcon,
+  $ as Card,
+  E as CardContent,
+  K as CardFeedback,
+  q as CardHeader,
+  M as ChartCard,
+  ie as ComparisonPeriodType,
+  re as DateRangeSelectFieldPro,
+  W as DonutChart,
+  Ys as DonutChartPro,
+  Qs as DonutLabelChartPro,
+  z as Dropdown,
+  As as EditorCard,
+  V as FieldFeedback,
+  X as FieldHeader,
+  v as GhostButton,
+  Ns as HeatMap,
+  vs as KpiChart,
+  Y as LineChart,
+  Ss as MultiSelectField,
+  Ts as MultiSelectFieldPro,
+  J as NumberField,
+  L as PageOverlay,
+  Q as PieChart,
+  Vs as PieChartPro,
+  Fs as PivotTable,
+  Ds as SelectFieldCategory,
+  U as SelectFieldContent,
+  Z as SelectFieldContentList,
+  aa as SelectFieldTrigger,
+  sa as SelectListOption,
+  Is as SingleSelectField,
+  ee as SingleSelectFieldPro,
+  O as Skeleton,
+  F as Switch,
+  ea as TableHeaderAlign,
+  ta as TablePaginated,
+  ra as TableSortDirection,
+  oa as TextField,
+  D as Typography,
+  ia as chartColors,
+  na as chartContrastColors,
+  la as chartjsAxisOptionsScalesTicksDefault,
+  ca as chartjsAxisOptionsScalesTitle,
+  ua as dataset,
+  ma as description,
+  pa as dimension,
+  ha as dimensionOrMeasure,
+  da as dimensionSimple,
+  ba as dimensionTime,
+  xa as dimensionWithDateBounds,
+  ga as dimensions,
+  ya as dimensionsAndMeasures,
+  Ca as displayPercentages,
+  _a as genericBoolean,
+  wa as genericNumber,
+  fa as genericString,
+  Sa as genericTimeRange,
+  Ta as getBarChartData,
+  ka as getBarChartOptions,
+  Ia as getDonutChartOptions,
+  Pa as getLineChartData,
+  Aa as getLineChartOptions,
+  Ks as getObjectStableKey,
+  Da as getPieChartData,
+  ja as getPieChartOptions,
+  Zs as getPieChartProData,
+  ae as getPieChartProOptions,
+  va as getStyle,
+  La as getStyleNumber,
+  Fa as getTableTotalPages,
+  Ws as getThemeFormatter,
+  Ba as i18n,
+  Na as i18nSetup,
+  Ma as inputColor,
+  le as isColorValid,
+  Oa as maxLegendItems,
+  Ra as maxResults,
+  Ga as measure,
+  Ha as measures,
+  $a as placeholder,
+  Hs as remarkableTheme,
+  Ea as resolveI18nProps,
+  Ka as reverseXAxis,
+  qa as reverseYAxis,
+  ce as setColorAlpha,
+  Wa as showLegend,
+  za as showLogarithmicScale,
+  Va as showTooltips,
+  Xa as showTopItems,
+  Ya as showTotalLabels,
+  Ja as showValueLabels,
+  $s as styles,
+  Qa as subInputAbbreviateLargeNumber,
+  Ua as subInputAlign,
+  Za as subInputColor,
+  as as subInputCurrency,
+  ss as subInputDateBounds,
+  es as subInputDecimalPlaces,
+  ts as subInputDisplayName,
+  rs as subInputGenericBoolean,
+  os as subInputGenericNumber,
+  is as subInputGranularity,
+  ns as subInputMaxCharacters,
+  ls as subInputPrefix,
+  cs as subInputSuffix,
+  us as subInputWidth,
+  ms as timeDimensionSubInputs,
+  ps as title,
+  Os as useDebounce,
+  Rs as useTableGetRowsPerPage,
+  hs as xAxisLabel,
+  ds as xAxisMaxItems,
+  bs as xAxisRangeMax,
+  xs as xAxisRangeMin,
+  gs as yAxisLabel,
+  ys as yAxisMaxItems,
+  Cs as yAxisRangeMax,
+  _s 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/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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"}
+{"version":3,"file":"index.js","sources":["../src/remarkable-ui/components/shared/Typography/Typography.tsx","../src/remarkable-ui/components/shared/ButtonIcon/ButtonIcon.tsx","../src/remarkable-ui/components/shared/GhostButton/GhostButton.tsx","../src/remarkable-ui/components/shared/PageOverlay/PageOverlay.tsx","../src/remarkable-ui/components/editors/Switch/Switch.tsx"],"sourcesContent":["import React from 'react';\nimport styles from './Typography.module.css';\nimport clsx from 'clsx';\n\ntype TypographyElement = 'p' | 'span' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'label' | 'div';\n\ntype TypographyProps = {\n  children: React.ReactNode;\n  as?: TypographyElement;\n  className?: string;\n  title?: string;\n  style?: React.CSSProperties;\n};\n\nexport function Typography({\n  children,\n  as: Component = 'p',\n  className,\n  style,\n  title,\n}: TypographyProps): React.JSX.Element {\n  return (\n    <Component title={title} className={clsx(styles.typography, className)} style={style}>\n      {children}\n    </Component>\n  );\n}\n","import React from 'react';\nimport clsx from 'clsx';\nimport styles from './ButtonIcon.module.css';\nimport { TablerIcon } from '@tabler/icons-react';\n\ntype ButtonIconProps = {\n  variant?: 'primary' | 'secondary';\n  size?: 'small' | 'medium';\n  icon: TablerIcon;\n} & React.ButtonHTMLAttributes<HTMLButtonElement>;\n\nexport const ButtonIcon: React.FC<ButtonIconProps> = ({\n  icon: Icon,\n  size = 'medium',\n  variant = 'primary',\n  className,\n  ...props\n}) => {\n  return (\n    <button\n      className={clsx(styles.buttonIcon, styles[variant], styles[size], className)}\n      {...props}\n    >\n      <Icon />\n    </button>\n  );\n};\n","import React from 'react';\nimport { Icon } from '@tabler/icons-react';\nimport clsx from 'clsx';\nimport styles from './GhostButton.module.css';\n\ntype GhostButtonProps = {\n  startIcon?: Icon;\n  endIcon?: Icon;\n} & React.ButtonHTMLAttributes<HTMLButtonElement>;\n\nexport const GhostButton: React.FC<GhostButtonProps> = ({\n  startIcon: StartIcon,\n  endIcon: EndIcon,\n  children,\n  className,\n  ...props\n}) => {\n  return (\n    <button className={clsx(styles.ghostButton, className)} {...props}>\n      {StartIcon && <StartIcon />}\n      <span>{children}</span>\n      {EndIcon && <EndIcon />}\n    </button>\n  );\n};\n","import clsx from 'clsx';\nimport styles from './PageOverlay.module.css';\nimport type { PageOverlayProps } from './PageOverlay.types';\n\nexport const PageOverlay: React.FC<PageOverlayProps> = ({ className, children }) => {\n  return <div className={clsx(styles.overlay, className)}>{children}</div>;\n};\n","import React from 'react';\nimport clsx from 'clsx';\nimport styles from './Switch.module.css';\n\ntype SwitchProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange'> & {\n  onChange?: (checked: boolean) => void;\n  disabled?: boolean;\n  className?: string;\n  label?: string;\n};\n\nexport const Switch: React.FC<SwitchProps> = ({\n  checked,\n  onChange,\n  disabled = false,\n  className,\n  label,\n  ...props\n}) => {\n  const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    if (!disabled && onChange) {\n      onChange(event.target.checked);\n    }\n  };\n\n  // Ensure accessibility: either aria-label must be provided\n  if (!props['aria-label']) {\n    console.warn(\n      'Switch component requires either a label prop or aria-label prop for accessibility',\n    );\n  }\n\n  return (\n    <label\n      className={clsx(\n        className,\n        styles.switch,\n        checked && styles.checked,\n        disabled && styles.disabled,\n      )}\n    >\n      <input\n        type=\"checkbox\"\n        checked={checked}\n        onChange={handleChange}\n        disabled={disabled}\n        role=\"switch\"\n        aria-checked={checked}\n        aria-disabled={disabled}\n        {...props}\n      />\n      <span className={styles.switchTrack} aria-hidden=\"true\">\n        <span className={styles.switchThumb} aria-hidden=\"true\" />\n      </span>\n      {label && <span className={clsx(styles.switchLabel)}>{label}</span>}\n    </label>\n  );\n};\n"],"names":["Typography","children","Component","className","style","title","jsx","clsx","styles","ButtonIcon","Icon","size","variant","props","GhostButton","StartIcon","EndIcon","jsxs","PageOverlay","Switch","checked","onChange","disabled","label","handleChange","event"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAcO,SAASA,EAAW;AAAA,EACzB,UAAAC;AAAA,EACA,IAAIC,IAAY;AAAA,EAChB,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AACF,GAAuC;AACrC,SACEC,gBAAAA,MAACJ,GAAA,EAAU,OAAAG,GAAc,WAAWE,EAAKC,EAAO,YAAYL,CAAS,GAAG,OAAAC,GACrE,UAAAH,EAAA,CACH;AAEJ;;;;;;;GCfaQ,IAAwC,CAAC;AAAA,EACpD,MAAMC;AAAA,EACN,MAAAC,IAAO;AAAA,EACP,SAAAC,IAAU;AAAA,EACV,WAAAT;AAAA,EACA,GAAGU;AACL,MAEIP,gBAAAA,EAAAA;AAAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC,EAAKC,EAAO,YAAYA,EAAOI,CAAO,GAAGJ,EAAOG,CAAI,GAAGR,CAAS;AAAA,IAC1E,GAAGU;AAAA,IAEJ,gCAACH,GAAA,CAAA,CAAK;AAAA,EAAA;AAAA;;GCbCI,IAA0C,CAAC;AAAA,EACtD,WAAWC;AAAA,EACX,SAASC;AAAA,EACT,UAAAf;AAAA,EACA,WAAAE;AAAA,EACA,GAAGU;AACL,MAEII,gBAAAA,OAAC,YAAO,WAAWV,EAAKC,EAAO,aAAaL,CAAS,GAAI,GAAGU,GACzD,UAAA;AAAA,EAAAE,2BAAcA,GAAA,EAAU;AAAA,EACzBT,gBAAAA,MAAC,UAAM,UAAAL,GAAS;AAAA,EACfe,2BAAYA,GAAA,CAAA,CAAQ;AAAA,GACvB;;GClBSE,IAA0C,CAAC,EAAE,WAAAf,GAAW,UAAAF,QAC5DK,gBAAAA,EAAAA,IAAC,SAAI,WAAWC,EAAKC,EAAO,SAASL,CAAS,GAAI,UAAAF,GAAS;;;;;;;GCMvDkB,IAAgC,CAAC;AAAA,EAC5C,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,WAAAnB;AAAA,EACA,OAAAoB;AAAA,EACA,GAAGV;AACL,MAAM;AACJ,QAAMW,IAAe,CAACC,MAA+C;AACnE,IAAI,CAACH,KAAYD,KACfA,EAASI,EAAM,OAAO,OAAO;AAAA,EAEjC;AAGA,SAAKZ,EAAM,YAAY,KACrB,QAAQ;AAAA,IACN;AAAA,EAAA,GAKFI,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWV;AAAA,QACTJ;AAAA,QACAK,EAAO;AAAA,QACPY,KAAWZ,EAAO;AAAA,QAClBc,KAAYd,EAAO;AAAA,MAAA;AAAA,MAGrB,UAAA;AAAA,QAAAF,gBAAAA,EAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAAc;AAAA,YACA,UAAUI;AAAA,YACV,UAAAF;AAAA,YACA,MAAK;AAAA,YACL,gBAAcF;AAAA,YACd,iBAAeE;AAAA,YACd,GAAGT;AAAA,UAAA;AAAA,QAAA;AAAA,QAENP,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAWE,EAAO,aAAa,eAAY,QAC/C,UAAAF,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAWE,EAAO,aAAa,eAAY,QAAO,GAC1D;AAAA,QACCe,2BAAU,QAAA,EAAK,WAAWhB,EAAKC,EAAO,WAAW,GAAI,UAAAe,EAAA,CAAM;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGlE;"}