@carto/ps-react-ui 5.0.0 → 6.0.0

package/dist/formula-YfZmmuYX.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"formula-YfZmmuYX.js","names":["<Typography\n      sx={styles.item}\n      variant='h5'\n      fontWeight='medium'\n      data-disabled={props.disabled}\n      color='default'\n      {...props.TypographyProps}\n    >\n      {props.children}\n    </Typography>","TypographyProps","children","disabled","index = 0","{ id, index = 0, ...props }: ValueProps","(w) => {\n    const widget = w as FormulaWidgetState | undefined\n    return {\n      value: widget?.data?.[index]?.value,\n      color: widget?.data?.[index]?.color,\n      formatter: widget?.formatter ?? defaultFormatter,\n    }\n  }","{ color }","formatter(value ?? 0)","value ?? 0","<Item TypographyProps={{ color }} {...props}>\n      {formatter(value ?? 0)}\n    </Item>","index = 0","{ id, index = 0, ...props }: ValueProps","(w) => (w as FormulaWidgetState | undefined)?.data?.[index]?.prefix","<Item {...props}>{prefix}</Item>","index = 0","{ id, index = 0, ...props }: ValueProps","(w) => (w as FormulaWidgetState | undefined)?.data?.[index]?.suffix","{\n        color: (theme: Theme) => theme.palette.text.secondary,\n      }","(theme: Theme) => theme.palette.text.secondary","<Item\n      TypographyProps={{\n        color: (theme: Theme) => theme.palette.text.secondary,\n      }}\n      {...props}\n    >\n      {suffix}\n    </Item>","{ id, index = 0 }: Pick<ValueProps, 'id' | 'index'>","index = 0","(w) => (w as FormulaWidgetState | undefined)?.series?.[index]","color && {\n          color: (theme) => theme.palette.getContrastText(color),\n        }","{\n        bgcolor: color,\n        width: 32,\n        height: 32,\n        fontSize: '0.875rem',\n        fontWeight: 'medium',\n        ...(color && {\n          color: (theme) => theme.palette.getContrastText(color),\n        }),\n      }","name.charAt(0).toUpperCase()","<Avatar\n      sx={{\n        bgcolor: color,\n        width: 32,\n        height: 32,\n        fontSize: '0.875rem',\n        fontWeight: 'medium',\n        ...(color && {\n          color: (theme) => theme.palette.getContrastText(color),\n        }),\n      }}\n    >\n      {name.charAt(0).toUpperCase()}\n    </Avatar>","({ index }) => (\n          <>\n            <Series id={props.id} index={index} />\n            <Prefix id={props.id} index={index} />\n            <Value id={props.id} index={index} />\n            <Suffix id={props.id} index={index} />\n          </>\n        )","id","{ index }","<Row id={props.id}>\n        {({ index }) => (\n          <>\n            <Series id={props.id} index={index} />\n            <Prefix id={props.id} index={index} />\n            <Value id={props.id} index={index} />\n            <Suffix id={props.id} index={index} />\n          </>\n        )}\n      </Row>","<Box ref={ref}>\n      <Row id={props.id}>\n        {({ index }) => (\n          <>\n            <Series id={props.id} index={index} />\n            <Prefix id={props.id} index={index} />\n            <Value id={props.id} index={index} />\n            <Suffix id={props.id} index={index} />\n          </>\n        )}\n      </Row>\n    </Box>","<Box sx={styles.row} aria-label='Formula skeleton'>\n      <Skeleton width={120} height={32} />\n    </Box>"],"sources":["../src/widgets/formula/components/item.tsx","../src/widgets/formula/components/value.tsx","../src/widgets/formula/components/prefix.tsx","../src/widgets/formula/components/suffix.tsx","../src/widgets/formula/components/series.tsx","../src/widgets/formula/config.ts","../src/widgets/formula/formula-ui.tsx","../src/widgets/formula/skeleton.tsx","../src/widgets/formula/serializer.ts"],"sourcesContent":["import { Typography } from '@mui/material'\nimport type { ItemProps } from '../types'\nimport { styles } from '../style'\n\n/**\n * Base typography wrapper used by formula sub-components (Value, Prefix, Suffix) to render styled text.\n */\nexport function Item(props: ItemProps) {\n  return (\n    <Typography\n      sx={styles.item}\n      variant='h5'\n      fontWeight='medium'\n      data-disabled={props.disabled}\n      color='default'\n      {...props.TypographyProps}\n    >\n      {props.children}\n    </Typography>\n  )\n}\n","import { type FormulaWidgetState, type ValueProps } from '../types'\nimport { Item } from './item'\nimport { defaultFormatter } from '../../utils/formatter'\nimport { useWidgetSelector } from '../../stores/use-widget-selector'\n\n/**\n * Displays the formatted numeric value for a formula widget data item, applying the widget's formatter and color.\n */\nexport function Value({ id, index = 0, ...props }: ValueProps) {\n  const { value, color, formatter } = useWidgetSelector(id, (w) => {\n    const widget = w as FormulaWidgetState | undefined\n    return {\n      value: widget?.data?.[index]?.value,\n      color: widget?.data?.[index]?.color,\n      formatter: widget?.formatter ?? defaultFormatter,\n    }\n  })\n\n  return (\n    <Item TypographyProps={{ color }} {...props}>\n      {formatter(value ?? 0)}\n    </Item>\n  )\n}\n","import { type FormulaWidgetState, type ValueProps } from '../types'\nimport { Item } from './item'\nimport { useWidgetSelector } from '../../stores/use-widget-selector'\n\n/**\n * Renders the prefix content (e.g., currency symbol) before a formula value, if defined in the data item.\n */\nexport function Prefix({ id, index = 0, ...props }: ValueProps) {\n  const prefix = useWidgetSelector(\n    id,\n    (w) => (w as FormulaWidgetState | undefined)?.data?.[index]?.prefix,\n  )\n\n  if (!prefix) {\n    return null\n  }\n\n  return <Item {...props}>{prefix}</Item>\n}\n","import { type FormulaWidgetState, type ValueProps } from '../types'\nimport { Item } from './item'\nimport type { Theme } from '@mui/material'\nimport { useWidgetSelector } from '../../stores/use-widget-selector'\n\n/**\n * Renders the suffix content (e.g., unit label) after a formula value, if defined in the data item.\n */\nexport function Suffix({ id, index = 0, ...props }: ValueProps) {\n  const suffix = useWidgetSelector(\n    id,\n    (w) => (w as FormulaWidgetState | undefined)?.data?.[index]?.suffix,\n  )\n\n  if (!suffix) {\n    return null\n  }\n\n  return (\n    <Item\n      TypographyProps={{\n        color: (theme: Theme) => theme.palette.text.secondary,\n      }}\n      {...props}\n    >\n      {suffix}\n    </Item>\n  )\n}\n","import { Avatar } from '@mui/material'\nimport type { FormulaWidgetState, ValueProps } from '../types'\nimport { useWidgetSelector } from '../../stores/use-widget-selector'\n\n/**\n * Renders a colored avatar badge showing the first letter of the series name for multi-value formula widgets.\n */\nexport function Series({ id, index = 0 }: Pick<ValueProps, 'id' | 'index'>) {\n  const serie = useWidgetSelector(\n    id,\n    (w) => (w as FormulaWidgetState | undefined)?.series?.[index],\n  )\n  if (!serie) {\n    return null\n  }\n\n  const { name, color } = serie\n\n  return (\n    <Avatar\n      sx={{\n        bgcolor: color,\n        width: 32,\n        height: 32,\n        fontSize: '0.875rem',\n        fontWeight: 'medium',\n        ...(color && {\n          color: (theme) => theme.palette.getContrastText(color),\n        }),\n      }}\n    >\n      {name.charAt(0).toUpperCase()}\n    </Avatar>\n  )\n}\n","import { downloadToCSV, downloadToPNG } from '../actions'\nimport type { ConfigProps } from '../loader/types'\nimport type { FormulaDownloadConfig, FormulaWidgetConfig } from './types'\n\n/**\n * Creates download configuration for formula widgets, supporting PNG (screenshot) and CSV (data) exports.\n *\n * @param props - Configuration with `refUI` reference for PNG export.\n * @returns Array of download items for use with the Download action.\n */\nexport function formulaDownloadConfig({\n  refUI,\n}: ConfigProps): FormulaDownloadConfig {\n  return [\n    {\n      ...downloadToPNG,\n      modifier: () => downloadToPNG.modifier(refUI),\n    },\n    {\n      ...downloadToCSV,\n      modifier: async (data) => {\n        const formulaData = [data?.map((item) => item.value) ?? []]\n        return downloadToCSV.modifier(formulaData)\n      },\n    },\n  ]\n}\n\n/**\n * Returns the default configuration for formula (single or multiple numeric value) widgets.\n *\n * @returns Default formula widget config with empty series.\n */\nexport function formulaConfig(): FormulaWidgetConfig {\n  return {\n    series: [],\n  }\n}\n","import type { FormulaUIProps } from './types'\nimport { Row } from './components/row'\nimport { Value } from './components/value'\nimport { Prefix } from './components/prefix'\nimport { Suffix } from './components/suffix'\nimport { Series } from './components/series'\nimport { useWidgetRef } from '../../hooks'\nimport { Box } from '@mui/material'\n\n/**\n * Renders a formula widget displaying one or more KPI values with optional prefixes, suffixes, and series indicators.\n */\nexport function FormulaUI(props: FormulaUIProps) {\n  const { ref } = useWidgetRef(props.id)\n\n  return (\n    <Box ref={ref}>\n      <Row id={props.id}>\n        {({ index }) => (\n          <>\n            <Series id={props.id} index={index} />\n            <Prefix id={props.id} index={index} />\n            <Value id={props.id} index={index} />\n            <Suffix id={props.id} index={index} />\n          </>\n        )}\n      </Row>\n    </Box>\n  )\n}\n","import { Box, Skeleton } from '@mui/material'\nimport { styles } from './style'\n\nexport function FormulaSkeleton() {\n  return (\n    <Box sx={styles.row} aria-label='Formula skeleton'>\n      <Skeleton width={120} height={32} />\n    </Box>\n  )\n}\n","import type { DataItem } from './types'\n\n/**\n * Sanitizes DataItem by converting ReactNode prefix/suffix values to undefined.\n * This ensures only string values are stored in the widget state.\n *\n * @param item - The DataItem to sanitize\n * @returns A new DataItem with ReactNode prefix/suffix values converted to undefined\n */\nexport function sanitizeDataItem(item: DataItem): DataItem {\n  return {\n    ...item,\n    prefix: typeof item.prefix === 'string' ? item.prefix : undefined,\n    suffix: typeof item.suffix === 'string' ? item.suffix : undefined,\n  }\n}\n\n/**\n * Sanitizes an array of DataItems by converting ReactNode prefix/suffix values to undefined.\n *\n * @param items - Array of DataItems to sanitize\n * @returns A new array with sanitized DataItems\n */\nexport function sanitizeDataItems(\n  items: DataItem[] | undefined,\n): DataItem[] | undefined {\n  return items?.map(sanitizeDataItem)\n}\n"],"mappings":";;;;;;;;;AAOA,SAAgB,EAAK,GAAkB;eAEnCA;CADF,OAOcC,EAAAA,OAAAA,EAAAA,mBAAAA,EAAAA,OAEHC,EAAAA,YAAAA,EAAAA,OAJcC,EAAAA,YAJvB,IAAA,kBAAC,GAAD;EACE,IAAI,EAAO;EACX,SAAQ;EACR,YAAW;EACX,iBAAe,EAAM;EACrB,OAAM;EACN,GAAI,EAAM;EAET,UAAA,EAAM;CACG,CAAA,GAHAF,EAAAA,KAAAA,EAAAA,iBAEHC,EAAAA,KAAAA,EAAAA,UAJcC,EAAAA,KAAAA,EAAAA,gCAJvBH;AAWJ;;;ACZA,SAAgB,EAAA,GAA+C;gBAAvC,GAAkB,GAAdI;CAANC,AAAAA,EAAAA,OAAAA,sCAAE,QAAI,OAAA,GAAW,GAAA,KAAjBA;CAAM,IAAA,IAAA,MAAA,KAAA,IAAQ,IAARD,GACgCE;CAGhC,AAAA,EAAA,OAAA,gBAHgC,KAAC,MAAM;EAC/D,IAAM,IAAS;EACf,OAAO;GACL,OAAO,GAAQ,OAAO,EAAM,EAAE;GAC9B,OAAO,GAAQ,OAAO,EAAM,EAAE;GAC9B,WAAW,GAAQ,aAAa;EAClC;CACF,GAJ0B,EAAA,KAAA;CAH1B,IAAM,EAAE,UAAO,UAAO,iBAAc,EAAkB,GAAIA,CAOzD,GAGwBC;CAAE,AAAA,EAAA,OAAA,gBAAF,IAAA,EAAE,SAAM,GAAN,EAAA,KAAA;CACZ,IAAA,IAAA,KAAS,GAAnBC;CAAUC,AAAAA,EAAAA,OAAAA,KAAAA,EAAAA,OAAAA,KAAV,IAAA,EAAUA,CAAU,GAApB,EAAA,KAAA,GAAUA,EAAAA,KAAAA;CADbC,IAAAA;CADF,OACwC,EAAA,QAAA,KAAA,EAAA,QAAfH,KAAAA,EAAAA,QACpBC,KADH,IAAA,kBAAC,GAAD;EAAM,iBAAiBD;EAAW,GAAI;EACnCC,UAAAA;CACG,CAAA,GAFgC,EAAA,MAAA,GAAfD,EAAAA,MAAAA,GACpBC,EAAAA,MAAAA,2BADHE;AAIJ;;;AChBA,SAAgB,EAAA,GAAgD;eAAvC,GAAkB,GAAdC;CAANC,AAAAA,EAAAA,OAAAA,sCAAE,QAAI,OAAA,GAAW,GAAA,KAAjBA;CAAM,IAAA,IAAA,MAAA,KAAA,IAAQ,IAARD,GAGzBE;CAAqD,AAAA,EAAA,OAAA,gBAArD,KAAC,MAAO,GAAsC,OAAO,EAAM,EAAE,QAAR,EAAA,KAAA;CAFvD,IAAM,IAAS,EACb,GACAA,CACF;CAEA,IAAI,CAAC,GACH,OAAO;CAGFC,IAAAA;CAAP,OAAyB,EAAA,OAAA,KAAA,EAAA,OAAR,KAAV,IAAA,kBAAC,GAAD;EAAM,GAAI;EAAQ,UAAA;CAAa,CAAA,GAAb,EAAA,KAAA,GAAR,EAAA,KAAA,yBAAVA;AACT;;;ACVA,SAAgB,EAAA,GAAgD;gBAAvC,GAAkB,GAAdC;CAANC,AAAAA,EAAAA,OAAAA,sCAAE,QAAI,OAAA,GAAW,GAAA,KAAjBA;CAAM,IAAA,IAAA,MAAA,KAAA,IAAQ,IAARD,GAGzBE;CAAqD,AAAA,EAAA,OAAA,gBAArD,KAAC,MAAO,GAAsC,OAAO,EAAM,EAAE,QAAR,EAAA,KAAA;CAFvD,IAAM,IAAS,EACb,GACAA,CACF;CAEA,IAAI,CAAC,GACH,OAAO;CAKYC,IAAAA;qDACf,IAAA,EAAA,OAAOC,EACT;CAHFC,IAAAA;CADF,OAKQ,EAAA,OAAA,KAAA,EAAA,OAEH,KANH,IAAA,kBAAC,GAAD;EACE,iBAAiBF;EAGjB,GAAI;EAEH,UAAA;CACG,CAAA,GAHA,EAAA,KAAA,GAEH,EAAA,KAAA,yBANHE;AASJ;AAPe,SAAA,EAAC,GAAA;CAAiB,OAAA,EAAM,QAAQ,KAAK;;;;ACdpD,SAAgB,EAAA,GAA4D;gBAArD,EAAE,OAAI,OAAA,MAANC,GAAM,IAAA,MAAA,KAAA,IAAQ,IAARC,GAGzBC;CAAuD,AAAA,EAAA,OAAA,gBAAvD,KAAC,MAAO,GAAsC,SAAS;CAFzD,IAAM,IAAQ,EACZ,GACAA,CACF;CACA,IAAI,CAAC,GACH,OAAO;CAGT,IAAM,EAAE,SAAM,aAAU,GAUdC;0BAAS,IAAA,KAAA,EACX,QAAQ,MAAU,EAAM,QAAQ,gBAAgB,CAAK,EACvD,GAFI,EAAA,KAAA;CANFC,IAAAA;CACO,AAAA,EAAA,OAAA,KAAA,EAAA,OAKLD,KANF,IAAA;EACF,SAAS;EACT,OAAO;EACP,QAAQ;EACR,UAAU;EACV,YAAY;EACZ,GAAIA;CAGN,GARW,EAAA,KAAA,GAKLA,EAAAA,KAAAA;CAKLE,IAAAA;0BAAK,IAAA,EAAA,OAAO,CAAC,CAAC,CAAC,YAAY,GAA3B,EAAA,KAAA;CAZHC,IAAAA;CADF,OAEQF,EAAAA,OAAAA,KAAAA,EAAAA,QAWHC,KAZH,IAAA,kBAAC,GAAD;EACE,IAAID;EAWHC,UAAAA;CACK,CAAA,GAZFD,EAAAA,KAAAA,GAWHC,EAAAA,MAAAA,2BAZHC;AAeJ;;;ACxBA,SAAgB,EAAsB,EACpC,YACqC;CACrC,OAAO,CACL;EACE,GAAG;EACH,gBAAgB,EAAc,SAAS,CAAK;CAC9C,GACA;EACE,GAAG;EACH,UAAU,OAAO,MAAS;GACxB,IAAM,IAAc,CAAC,GAAM,KAAK,MAAS,EAAK,KAAK,KAAK,CAAC,CAAC;GAC1D,OAAO,EAAc,SAAS,CAAW;EAC3C;CACF,CACF;AACF;AAOA,SAAgB,IAAqC;CACnD,OAAO,EACL,QAAQ,CAAC,EACX;AACF;;;ACzBA,SAAgB,EAAU,GAAuB;eACzC,EAAE,WAAQ,EAAa,EAAM,EAAE,GAK9BC;CAEqBC,AAAAA,EAAAA,OAAAA,EAAAA,iBAFrB,KAAA,MAAC;EAAE,IAAA,EAAA,aAAFC;EACA,OAAA,kBAAA,GAAA,EAAA,UAAA;GACE,kBAAC,GAAD;IAAQ,IAAI,EAAM;IAAW;GAAQ,CAAA;GACrC,kBAAC,GAAD;IAAQ,IAAI,EAAM;IAAW;GAAQ,CAAA;GACrC,kBAAC,GAAD;IAAO,IAAI,EAAM;IAAW;GAAQ,CAAA;GACpC,kBAAC,GAAD;IAAQ,IAAI,EAAM;IAAW;GAAQ,CAAA;EACrC,EAAA,CAAA;CANM,GAEYD,EAAAA,KAAAA,EAAAA;CAHxBE,IAAAA;CAAeF,AAAAA,EAAAA,OAAAA,EAAAA,MAAAA,EAAAA,OACZD,KADH,IAAA,kBAAC,GAAD;EAAK,IAAI,EAAM;EACZA,UAAAA;CAQE,CAAA,GATUC,EAAAA,KAAAA,EAAAA,IACZD,EAAAA,KAAAA;CAFLI,IAAAA;CADF,OACY,EAAA,OAAA,KAAA,EAAA,OACRD,KADF,IAAA,kBAAC,GAAD;EAAU;EACRA,UAAAA;CAUG,CAAA,GAXK,EAAA,KAAA,GACRA,EAAAA,KAAAA,yBADFC;AAaJ;;;AC1BA,SAAgB,IAAkB;eAE9BC;CADF,2DACG,IAAA,kBAAA,GAAD;EAAK,IAAI,EAAO;EAAK,cAAW;EAC9B,UAAA,kBAAC,GAAD;GAAU,OAAO;GAAK,QAAQ;EAAK,CAAA;CAChC,CAAA,yBAFLA;AAIJ;;;ACAA,SAAgB,EAAiB,GAA0B;CACzD,OAAO;EACL,GAAG;EACH,QAAQ,OAAO,EAAK,UAAW,WAAW,EAAK,SAAS,KAAA;EACxD,QAAQ,OAAO,EAAK,UAAW,WAAW,EAAK,SAAS,KAAA;CAC1D;AACF;AAQA,SAAgB,EACd,GACwB;CACxB,OAAO,GAAO,IAAI,CAAgB;AACpC"}

package/dist/formula-noJzQwKo.js

@@ -1,285 +0,0 @@
-import { C as e, T as t } from "./stores-tiFePP0A.js";
-import { n, t as r } from "./download-DdaK3qgC.js";
-import { c as i } from "react/compiler-runtime";
-import { Avatar as a, Box as o, Chip as s, Skeleton as c, Typography as l } from "@mui/material";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
-//#region src/widgets-v2/formula/delta.tsx
-var f = new Intl.NumberFormat(void 0, {
-	style: "percent",
-	signDisplay: "always",
-	maximumFractionDigits: 1
-}), p = {
-	positive: "success",
-	negative: "error",
-	neutral: "default"
-};
-function m(e) {
-	let t = i(9), { value: n, label: r, severity: a, format: o, ChipProps: c } = e, l = a ?? h(n), d;
-	t[0] !== o || t[1] !== r || t[2] !== n ? (d = r ?? (o ? o(n) : f.format(n)), t[0] = o, t[1] = r, t[2] = n, t[3] = d) : d = t[3];
-	let m = d, g = p[l], _;
-	t[4] === Symbol.for("react.memo_cache_sentinel") ? (_ = { fontWeight: 600 }, t[4] = _) : _ = t[4];
-	let v;
-	return t[5] !== c || t[6] !== g || t[7] !== m ? (v = /* @__PURE__ */ u(s, {
-		size: "small",
-		color: g,
-		label: m,
-		sx: _,
-		...c
-	}), t[5] = c, t[6] = g, t[7] = m, t[8] = v) : v = t[8], v;
-}
-function h(e) {
-	return e > 0 ? "positive" : e < 0 ? "negative" : "neutral";
-}
-//#endregion
-//#region src/widgets-v2/formula/note.tsx
-function g(e) {
-	let t = i(4), { children: n, TypographyProps: r } = e, a;
-	t[0] === Symbol.for("react.memo_cache_sentinel") ? (a = { m: 0 }, t[0] = a) : a = t[0];
-	let o;
-	return t[1] !== r || t[2] !== n ? (o = /* @__PURE__ */ u(l, {
-		variant: "caption",
-		component: "p",
-		color: "text.secondary",
-		sx: a,
-		...r,
-		children: n
-	}), t[1] = r, t[2] = n, t[3] = o) : o = t[3], o;
-}
-//#endregion
-//#region src/widgets-v2/formula/prefix.tsx
-function _(e) {
-	let t = i(4), { children: n, TypographyProps: r } = e, a;
-	t[0] === Symbol.for("react.memo_cache_sentinel") ? (a = {
-		fontWeight: 600,
-		color: "text.secondary",
-		lineHeight: 1
-	}, t[0] = a) : a = t[0];
-	let o;
-	return t[1] !== r || t[2] !== n ? (o = /* @__PURE__ */ u(l, {
-		variant: "h5",
-		component: "span",
-		sx: a,
-		...r,
-		children: n
-	}), t[1] = r, t[2] = n, t[3] = o) : o = t[3], o;
-}
-//#endregion
-//#region src/widgets-v2/formula/series.tsx
-function v(e) {
-	let t = i(14), { name: n, color: r, size: o, AvatarProps: s } = e, c = o === void 0 ? 24 : o, l;
-	t[0] === n ? l = t[1] : (l = n.charAt(0).toUpperCase(), t[0] = n, t[1] = l);
-	let d = l, f = c * .5, p = r ?? "action.disabledBackground", m;
-	t[2] === r ? m = t[3] : (m = r ? (e) => e.palette.getContrastText(y(e, r)) : "text.primary", t[2] = r, t[3] = m);
-	let h;
-	t[4] !== c || t[5] !== f || t[6] !== p || t[7] !== m ? (h = {
-		width: c,
-		height: c,
-		fontSize: f,
-		fontWeight: 600,
-		bgcolor: p,
-		color: m
-	}, t[4] = c, t[5] = f, t[6] = p, t[7] = m, t[8] = h) : h = t[8];
-	let g;
-	return t[9] !== s || t[10] !== d || t[11] !== n || t[12] !== h ? (g = /* @__PURE__ */ u(a, {
-		"aria-label": n,
-		sx: h,
-		...s,
-		children: d
-	}), t[9] = s, t[10] = d, t[11] = n, t[12] = h, t[13] = g) : g = t[13], g;
-}
-function y(e, t) {
-	if (!t.includes(".")) return t;
-	let n = t.split("."), r = e.palette;
-	for (let e of n) if (r && typeof r == "object" && e in r) r = r[e];
-	else return t;
-	return typeof r == "string" ? r : t;
-}
-//#endregion
-//#region src/widgets-v2/formula/suffix.tsx
-function b(e) {
-	let t = i(4), { children: n, TypographyProps: r } = e, a;
-	t[0] === Symbol.for("react.memo_cache_sentinel") ? (a = {
-		fontWeight: 600,
-		color: "text.secondary",
-		lineHeight: 1
-	}, t[0] = a) : a = t[0];
-	let o;
-	return t[1] !== r || t[2] !== n ? (o = /* @__PURE__ */ u(l, {
-		variant: "h5",
-		component: "span",
-		sx: a,
-		...r,
-		children: n
-	}), t[1] = r, t[2] = n, t[3] = o) : o = t[3], o;
-}
-//#endregion
-//#region src/widgets-v2/formula/value.tsx
-function x(e) {
-	let t = i(6), { children: n, color: r, TypographyProps: a } = e, o = r ?? "text.primary", s;
-	t[0] === o ? s = t[1] : (s = {
-		fontWeight: 600,
-		color: o,
-		lineHeight: 1
-	}, t[0] = o, t[1] = s);
-	let c;
-	return t[2] !== a || t[3] !== n || t[4] !== s ? (c = /* @__PURE__ */ u(l, {
-		variant: "h5",
-		component: "span",
-		sx: s,
-		...a,
-		children: n
-	}), t[2] = a, t[3] = n, t[4] = s, t[5] = c) : c = t[5], c;
-}
-//#endregion
-//#region src/widgets-v2/formula/style.ts
-var S = {
-	root: {
-		display: "flex",
-		flexDirection: "column",
-		gap: 2,
-		alignItems: "stretch"
-	},
-	row: {
-		display: "flex",
-		alignItems: "flex-start",
-		gap: 1.5
-	},
-	body: {
-		flex: 1,
-		minWidth: 0,
-		display: "flex",
-		flexDirection: "column",
-		gap: .25
-	},
-	valueRow: {
-		display: "inline-flex",
-		alignItems: "baseline",
-		gap: .25
-	},
-	delta: {
-		alignSelf: "center",
-		flexShrink: 0
-	}
-};
-//#endregion
-//#region src/widgets-v2/formula/formula-ui.tsx
-function C(e) {
-	let t = i(8), { items: n, formatter: r, ref: a } = e, s;
-	if (t[0] !== r || t[1] !== n) {
-		let e;
-		t[3] === r ? e = t[4] : (e = (e, t) => /* @__PURE__ */ d(o, {
-			sx: S.row,
-			children: [
-				e.series ? /* @__PURE__ */ u(v, {
-					name: e.series.name,
-					color: e.series.color
-				}) : null,
-				/* @__PURE__ */ d(o, {
-					sx: S.body,
-					children: [/* @__PURE__ */ d(o, {
-						sx: S.valueRow,
-						children: [
-							e.prefix ? /* @__PURE__ */ u(_, { children: e.prefix }) : null,
-							/* @__PURE__ */ u(x, {
-								color: e.color,
-								children: r ? r(e.value) : String(e.value)
-							}),
-							e.suffix ? /* @__PURE__ */ u(b, { children: e.suffix }) : null
-						]
-					}), e.note ? /* @__PURE__ */ u(g, { children: e.note }) : null]
-				}),
-				e.delta ? /* @__PURE__ */ u(o, {
-					sx: S.delta,
-					children: /* @__PURE__ */ u(m, {
-						value: e.delta.value,
-						label: e.delta.label,
-						severity: e.delta.severity
-					})
-				}) : null
-			]
-		}, `formula-${e.series?.name ?? `${e.prefix ?? ""}${e.value}${e.suffix ?? ""}`}-${t}`), t[3] = r, t[4] = e), s = n.map(e), t[0] = r, t[1] = n, t[2] = s;
-	} else s = t[2];
-	let c;
-	return t[5] !== a || t[6] !== s ? (c = /* @__PURE__ */ u(o, {
-		ref: a,
-		sx: S.root,
-		children: s
-	}), t[5] = a, t[6] = s, t[7] = c) : c = t[7], c;
-}
-//#endregion
-//#region src/widgets-v2/formula/formula.tsx
-var w = Object.freeze([]), T = (e) => ({
-	data: e.data ?? w,
-	formatter: e.formatter
-});
-function E() {
-	let n = i(3), r = t(), a = e(r, T), o;
-	return n[0] !== a.data || n[1] !== a.formatter ? (o = /* @__PURE__ */ u(C, {
-		items: a.data,
-		formatter: a.formatter
-	}), n[0] = a.data, n[1] = a.formatter, n[2] = o) : o = n[2], o;
-}
-//#endregion
-//#region src/widgets-v2/formula/skeleton.tsx
-var D = {
-	root: {
-		display: "flex",
-		gap: 3,
-		alignItems: "baseline",
-		minHeight: 64,
-		py: 1
-	},
-	block: {
-		width: 120,
-		height: 36
-	}
-};
-function O(e) {
-	let t = i(2), { count: n } = e, r = n === void 0 ? 1 : n, a;
-	return t[0] === r ? a = t[1] : (a = /* @__PURE__ */ u(o, {
-		sx: D.root,
-		children: Array.from({ length: r }).map(k)
-	}), t[0] = r, t[1] = a), a;
-}
-function k(e, t) {
-	return /* @__PURE__ */ u(c, {
-		variant: "rectangular",
-		sx: D.block
-	}, `row-${t}`);
-}
-//#endregion
-//#region src/widgets-v2/formula/download.tsx
-function A(e) {
-	let t = [];
-	return e.getCaptureEl && t.push(n({
-		filename: e.filename,
-		getCaptureEl: e.getCaptureEl,
-		pixelRatio: e.pngPixelRatio,
-		backgroundColor: e.pngBackgroundColor
-	})), t.push(r({
-		filename: e.filename,
-		getRows: () => {
-			let t = e.getData(), n = [[
-				"series",
-				"prefix",
-				"value",
-				"suffix",
-				"note",
-				"delta"
-			]];
-			for (let e of t) n.push([
-				e.series?.name ?? "",
-				e.prefix ?? "",
-				e.value,
-				e.suffix ?? "",
-				e.note ?? "",
-				e.delta?.value ?? ""
-			]);
-			return n;
-		}
-	})), t;
-}
-//#endregion
-export { S as a, v as c, m as d, C as i, _ as l, O as n, x as o, E as r, b as s, A as t, g as u };
-
-//# sourceMappingURL=formula-noJzQwKo.js.map

package/dist/formula-noJzQwKo.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"formula-noJzQwKo.js","names":["{\n  value,\n  label,\n  severity,\n  format,\n  ChipProps: chipProps,\n}: DeltaProps","label ?? (format ? format(value) : defaultPercentFormatter.format(value))","{ fontWeight: 600 }","<Chip\n      size='small'\n      color={SEVERITY_TO_COLOR[resolvedSeverity]}\n      label={text}\n      sx={{ fontWeight: 600 }}\n      {...chipProps}\n    />","SEVERITY_TO_COLOR[resolvedSeverity]","{ children, TypographyProps }: NoteProps","{ m: 0 }","<Typography\n      variant='caption'\n      component='p'\n      color='text.secondary'\n      sx={{ m: 0 }}\n      {...TypographyProps}\n    >\n      {children}\n    </Typography>","{ children, TypographyProps }: PrefixProps","{ fontWeight: 600, color: 'text.secondary', lineHeight: 1 }","<Typography\n      variant='h5'\n      component='span'\n      sx={{ fontWeight: 600, color: 'text.secondary', lineHeight: 1 }}\n      {...TypographyProps}\n    >\n      {children}\n    </Typography>","{\n  name,\n  color,\n  size = 24,\n  AvatarProps: avatarProps,\n}: SeriesProps","size = 24","name.charAt(0).toUpperCase()","color\n          ? (theme: Theme) =>\n              theme.palette.getContrastText(toCssColor(theme, color))\n          : 'text.primary'","{\n        width: size,\n        height: size,\n        fontSize: size * 0.5,\n        fontWeight: 600,\n        bgcolor: color ?? 'action.disabledBackground',\n        color: color\n          ? (theme: Theme) =>\n              theme.palette.getContrastText(toCssColor(theme, color))\n          : 'text.primary',\n      }","size * 0.5","color ?? 'action.disabledBackground'","<Avatar\n      aria-label={name}\n      sx={{\n        width: size,\n        height: size,\n        fontSize: size * 0.5,\n        fontWeight: 600,\n        bgcolor: color ?? 'action.disabledBackground',\n        color: color\n          ? (theme: Theme) =>\n              theme.palette.getContrastText(toCssColor(theme, color))\n          : 'text.primary',\n      }}\n      {...avatarProps}\n    >\n      {letter}\n    </Avatar>","{ children, TypographyProps }: SuffixProps","{ fontWeight: 600, color: 'text.secondary', lineHeight: 1 }","<Typography\n      variant='h5'\n      component='span'\n      sx={{ fontWeight: 600, color: 'text.secondary', lineHeight: 1 }}\n      {...TypographyProps}\n    >\n      {children}\n    </Typography>","{ children, color, TypographyProps }: ValueProps","{\n        fontWeight: 600,\n        color: color ?? 'text.primary',\n        lineHeight: 1,\n      }","color ?? 'text.primary'","<Typography\n      variant='h5'\n      component='span'\n      sx={{\n        fontWeight: 600,\n        color: color ?? 'text.primary',\n        lineHeight: 1,\n      }}\n      {...TypographyProps}\n    >\n      {children}\n    </Typography>","{ items, formatter, ref }: FormulaUIProps","items.map((item, i) => (\n        // Series name is the closest stable id; fall back to the literal\n        // value (numeric KPIs rarely repeat with the same prefix/suffix).\n        <Box\n          key={`formula-${item.series?.name ?? `${item.prefix ?? ''}${item.value}${item.suffix ?? ''}`}-${i}`}\n          sx={styles.row}\n        >\n          {item.series ? (\n            <Series name={item.series.name} color={item.series.color} />\n          ) : null}\n          <Box sx={styles.body}>\n            <Box sx={styles.valueRow}>\n              {item.prefix ? <Prefix>{item.prefix}</Prefix> : null}\n              <Value color={item.color}>\n                {formatter ? formatter(item.value) : String(item.value)}\n              </Value>\n              {item.suffix ? <Suffix>{item.suffix}</Suffix> : null}\n            </Box>\n            {item.note ? <Note>{item.note}</Note> : null}\n          </Box>\n          {item.delta ? (\n            <Box sx={styles.delta}>\n              <Delta\n                value={item.delta.value}\n                label={item.delta.label}\n                severity={item.delta.severity}\n              />\n            </Box>\n          ) : null}\n        </Box>\n      ))","(item, i) => (\n        // Series name is the closest stable id; fall back to the literal\n        // value (numeric KPIs rarely repeat with the same prefix/suffix).\n        <Box\n          key={`formula-${item.series?.name ?? `${item.prefix ?? ''}${item.value}${item.suffix ?? ''}`}-${i}`}\n          sx={styles.row}\n        >\n          {item.series ? (\n            <Series name={item.series.name} color={item.series.color} />\n          ) : null}\n          <Box sx={styles.body}>\n            <Box sx={styles.valueRow}>\n              {item.prefix ? <Prefix>{item.prefix}</Prefix> : null}\n              <Value color={item.color}>\n                {formatter ? formatter(item.value) : String(item.value)}\n              </Value>\n              {item.suffix ? <Suffix>{item.suffix}</Suffix> : null}\n            </Box>\n            {item.note ? <Note>{item.note}</Note> : null}\n          </Box>\n          {item.delta ? (\n            <Box sx={styles.delta}>\n              <Delta\n                value={item.delta.value}\n                label={item.delta.label}\n                severity={item.delta.severity}\n              />\n            </Box>\n          ) : null}\n        </Box>\n      )","<Box ref={ref} sx={styles.root}>\n      {items.map((item, i) => (\n        // Series name is the closest stable id; fall back to the literal\n        // value (numeric KPIs rarely repeat with the same prefix/suffix).\n        <Box\n          key={`formula-${item.series?.name ?? `${item.prefix ?? ''}${item.value}${item.suffix ?? ''}`}-${i}`}\n          sx={styles.row}\n        >\n          {item.series ? (\n            <Series name={item.series.name} color={item.series.color} />\n          ) : null}\n          <Box sx={styles.body}>\n            <Box sx={styles.valueRow}>\n              {item.prefix ? <Prefix>{item.prefix}</Prefix> : null}\n              <Value color={item.color}>\n                {formatter ? formatter(item.value) : String(item.value)}\n              </Value>\n              {item.suffix ? <Suffix>{item.suffix}</Suffix> : null}\n            </Box>\n            {item.note ? <Note>{item.note}</Note> : null}\n          </Box>\n          {item.delta ? (\n            <Box sx={styles.delta}>\n              <Delta\n                value={item.delta.value}\n                label={item.delta.label}\n                severity={item.delta.severity}\n              />\n            </Box>\n          ) : null}\n        </Box>\n      ))}\n    </Box>","<FormulaUI items={slice.data} formatter={slice.formatter} />","data","formatter","{ count = 1 }: FormulaSkeletonProps","count = 1","<Box sx={styles.root}>\n      {Array.from({ length: count }).map((_, i) => (\n        <Skeleton key={`row-${i}`} variant='rectangular' sx={styles.block} />\n      ))}\n    </Box>","(_, i) => (\n        <Skeleton key={`row-${i}`} variant='rectangular' sx={styles.block} />\n      )"],"sources":["../src/widgets-v2/formula/delta.tsx","../src/widgets-v2/formula/note.tsx","../src/widgets-v2/formula/prefix.tsx","../src/widgets-v2/formula/series.tsx","../src/widgets-v2/formula/suffix.tsx","../src/widgets-v2/formula/value.tsx","../src/widgets-v2/formula/style.ts","../src/widgets-v2/formula/formula-ui.tsx","../src/widgets-v2/formula/formula.tsx","../src/widgets-v2/formula/skeleton.tsx","../src/widgets-v2/formula/download.tsx"],"sourcesContent":["import { Chip, type ChipProps } from '@mui/material'\nimport type { DeltaSeverity } from './types'\n\nexport interface DeltaProps {\n  /** Numeric magnitude. Used for the default percent label and severity inference. */\n  value: number\n  /** Pre-formatted label override; skips the default percent formatter. */\n  label?: string\n  /**\n   * Visual treatment. When omitted it's derived from the sign of `value`:\n   * `>0 → 'positive'`, `<0 → 'negative'`, `=0 → 'neutral'`.\n   */\n  severity?: DeltaSeverity\n  /** Override the default `Intl.NumberFormat({style:'percent'})` formatter. */\n  format?: (value: number) => string\n  ChipProps?: ChipProps\n}\n\nconst defaultPercentFormatter = new Intl.NumberFormat(undefined, {\n  style: 'percent',\n  signDisplay: 'always',\n  maximumFractionDigits: 1,\n})\n\nconst SEVERITY_TO_COLOR: Record<DeltaSeverity, ChipProps['color']> = {\n  positive: 'success',\n  negative: 'error',\n  neutral: 'default',\n}\n\n/**\n * Comparative delta rendered as a small filled chip. Colour is driven by\n * `severity` (or the sign of `value`); content is `label`, the result of\n * `format(value)`, or the default percent format.\n */\nexport function Delta({\n  value,\n  label,\n  severity,\n  format,\n  ChipProps: chipProps,\n}: DeltaProps) {\n  const resolvedSeverity = severity ?? inferSeverity(value)\n  const text =\n    label ?? (format ? format(value) : defaultPercentFormatter.format(value))\n  return (\n    <Chip\n      size='small'\n      color={SEVERITY_TO_COLOR[resolvedSeverity]}\n      label={text}\n      sx={{ fontWeight: 600 }}\n      {...chipProps}\n    />\n  )\n}\n\nfunction inferSeverity(value: number): DeltaSeverity {\n  if (value > 0) return 'positive'\n  if (value < 0) return 'negative'\n  return 'neutral'\n}\n","import { Typography, type TypographyProps } from '@mui/material'\nimport type { ReactNode } from 'react'\n\nexport interface NoteProps {\n  children: ReactNode\n  TypographyProps?: TypographyProps\n}\n\n/**\n * Small subdued caption rendered below a Formula value. Use for short\n * descriptive text (e.g. \"Last 7 days\", \"Excludes refunds\").\n */\nexport function Note({ children, TypographyProps }: NoteProps) {\n  return (\n    <Typography\n      variant='caption'\n      component='p'\n      color='text.secondary'\n      sx={{ m: 0 }}\n      {...TypographyProps}\n    >\n      {children}\n    </Typography>\n  )\n}\n","import { Typography, type TypographyProps } from '@mui/material'\nimport type { ReactNode } from 'react'\n\nexport interface PrefixProps {\n  children: ReactNode\n  TypographyProps?: TypographyProps\n}\n\n/**\n * Prefix slot for a Formula KPI — large, bold, muted (`text.secondary`).\n * Composable building block for custom formula layouts; the canonical\n * {@link FormulaUI} renders one of these per item when `prefix` is set.\n */\nexport function Prefix({ children, TypographyProps }: PrefixProps) {\n  return (\n    <Typography\n      variant='h5'\n      component='span'\n      sx={{ fontWeight: 600, color: 'text.secondary', lineHeight: 1 }}\n      {...TypographyProps}\n    >\n      {children}\n    </Typography>\n  )\n}\n","import { Avatar, type AvatarProps, type Theme } from '@mui/material'\n\nexport interface SeriesProps {\n  /** Used for the avatar's first-letter glyph and as accessible label. */\n  name: string\n  /** Avatar background colour (any MUI palette path or CSS colour). */\n  color?: string\n  /** Diameter in px. Default `24`. */\n  size?: number\n  AvatarProps?: AvatarProps\n}\n\n/**\n * Series indicator — circular avatar showing the first letter of `name`.\n * Background colour is `color` (consumer-supplied) or a neutral disabled\n * colour, with text colour computed for contrast against it.\n */\nexport function Series({\n  name,\n  color,\n  size = 24,\n  AvatarProps: avatarProps,\n}: SeriesProps) {\n  const letter = name.charAt(0).toUpperCase()\n  return (\n    <Avatar\n      aria-label={name}\n      sx={{\n        width: size,\n        height: size,\n        fontSize: size * 0.5,\n        fontWeight: 600,\n        bgcolor: color ?? 'action.disabledBackground',\n        color: color\n          ? (theme: Theme) =>\n              theme.palette.getContrastText(toCssColor(theme, color))\n          : 'text.primary',\n      }}\n      {...avatarProps}\n    >\n      {letter}\n    </Avatar>\n  )\n}\n\n/**\n * Resolve a palette path (e.g. `\"primary.main\"`) to a hex/rgb string so that\n * `getContrastText` — which doesn't accept dotted paths — produces a sensible\n * text colour. Non-palette strings (raw `#hex`, `rgb(...)`) pass through.\n */\nfunction toCssColor(theme: Theme, value: string): string {\n  if (!value.includes('.')) return value\n  const parts = value.split('.')\n  let cur: unknown = theme.palette\n  for (const p of parts) {\n    if (\n      cur &&\n      typeof cur === 'object' &&\n      p in (cur as Record<string, unknown>)\n    ) {\n      cur = (cur as Record<string, unknown>)[p]\n    } else {\n      return value\n    }\n  }\n  return typeof cur === 'string' ? cur : value\n}\n","import { Typography, type TypographyProps } from '@mui/material'\nimport type { ReactNode } from 'react'\n\nexport interface SuffixProps {\n  children: ReactNode\n  TypographyProps?: TypographyProps\n}\n\n/**\n * Suffix slot for a Formula KPI — large, bold, muted (`text.secondary`).\n * Composable building block for custom formula layouts; the canonical\n * {@link FormulaUI} renders one of these per item when `suffix` is set.\n */\nexport function Suffix({ children, TypographyProps }: SuffixProps) {\n  return (\n    <Typography\n      variant='h5'\n      component='span'\n      sx={{ fontWeight: 600, color: 'text.secondary', lineHeight: 1 }}\n      {...TypographyProps}\n    >\n      {children}\n    </Typography>\n  )\n}\n","import { Typography, type TypographyProps } from '@mui/material'\nimport type { ReactNode } from 'react'\n\nexport interface ValueProps {\n  children: ReactNode\n  /** Override the default `text.primary` color — useful for sparkline tints. */\n  color?: string\n  TypographyProps?: TypographyProps\n}\n\n/**\n * Value slot for a Formula KPI — large, bold, primary text color. Composable\n * building block for custom formula layouts; the canonical {@link FormulaUI}\n * renders one of these per item.\n */\nexport function Value({ children, color, TypographyProps }: ValueProps) {\n  return (\n    <Typography\n      variant='h5'\n      component='span'\n      sx={{\n        fontWeight: 600,\n        color: color ?? 'text.primary',\n        lineHeight: 1,\n      }}\n      {...TypographyProps}\n    >\n      {children}\n    </Typography>\n  )\n}\n","import type { SxProps, Theme } from '@mui/material'\n\nexport const styles = {\n  root: {\n    display: 'flex',\n    flexDirection: 'column',\n    gap: 2,\n    alignItems: 'stretch',\n  },\n  row: {\n    display: 'flex',\n    alignItems: 'flex-start',\n    gap: 1.5,\n  },\n  body: {\n    flex: 1,\n    minWidth: 0,\n    display: 'flex',\n    flexDirection: 'column',\n    gap: 0.25,\n  },\n  valueRow: {\n    display: 'inline-flex',\n    alignItems: 'baseline',\n    gap: 0.25,\n  },\n  delta: {\n    alignSelf: 'center',\n    flexShrink: 0,\n  },\n} satisfies Record<string, SxProps<Theme>>\n","import { Box } from '@mui/material'\nimport type { Ref } from 'react'\nimport type { FormulaDataItem } from './types'\nimport { Delta } from './delta'\nimport { Note } from './note'\nimport { Prefix } from './prefix'\nimport { Series } from './series'\nimport { Suffix } from './suffix'\nimport { Value } from './value'\nimport { styles } from './style'\n\nexport interface FormulaUIProps {\n  items: readonly FormulaDataItem[]\n  /** Number formatter — applied to each item's `value`. */\n  formatter?: (value: number) => string\n  /** Forwarded to the root `<Box>` so consumers can capture the DOM (PNG export). */\n  ref?: Ref<HTMLDivElement>\n}\n\n/**\n * Pure presentational component for the Formula widget. Each item renders as\n * a row containing (in order): optional `Series` avatar, a body with\n * `[prefix] value [suffix]` plus optional `Note`, and an optional `Delta`\n * chip pushed to the right edge.\n *\n * For fully custom layouts, compose {@link Series}, {@link Prefix},\n * {@link Value}, {@link Suffix}, {@link Note}, and {@link Delta} directly\n * instead of passing `items`.\n */\nexport function FormulaUI({ items, formatter, ref }: FormulaUIProps) {\n  return (\n    <Box ref={ref} sx={styles.root}>\n      {items.map((item, i) => (\n        // Series name is the closest stable id; fall back to the literal\n        // value (numeric KPIs rarely repeat with the same prefix/suffix).\n        <Box\n          key={`formula-${item.series?.name ?? `${item.prefix ?? ''}${item.value}${item.suffix ?? ''}`}-${i}`}\n          sx={styles.row}\n        >\n          {item.series ? (\n            <Series name={item.series.name} color={item.series.color} />\n          ) : null}\n          <Box sx={styles.body}>\n            <Box sx={styles.valueRow}>\n              {item.prefix ? <Prefix>{item.prefix}</Prefix> : null}\n              <Value color={item.color}>\n                {formatter ? formatter(item.value) : String(item.value)}\n              </Value>\n              {item.suffix ? <Suffix>{item.suffix}</Suffix> : null}\n            </Box>\n            {item.note ? <Note>{item.note}</Note> : null}\n          </Box>\n          {item.delta ? (\n            <Box sx={styles.delta}>\n              <Delta\n                value={item.delta.value}\n                label={item.delta.label}\n                severity={item.delta.severity}\n              />\n            </Box>\n          ) : null}\n        </Box>\n      ))}\n    </Box>\n  )\n}\n","import { useWidgetId, useWidgetShallow } from '../stores'\nimport { FormulaUI } from './formula-ui'\nimport type { FormulaWidgetData } from './types'\n\ninterface FormulaSlice {\n  data: FormulaWidgetData\n  formatter?: (value: number) => string\n}\n\n// Stable empty-data sentinel — keeps the slice's `data` reference stable\n// when the underlying store value is null/undefined so the shallow-equality\n// gate in `useWidgetShallow` doesn't re-render every commit.\nconst EMPTY_DATA: FormulaWidgetData = Object.freeze([]) as FormulaWidgetData\n\nconst formulaSelector = (s: {\n  data: unknown\n  formatter?: (value: number) => string\n}): FormulaSlice => ({\n  data: (s.data ?? EMPTY_DATA) as FormulaWidgetData,\n  formatter: s.formatter,\n})\n\n/**\n * Stateful Formula bridge — reads `data` (post-pipeline) and `formatter` from\n * the per-widget store and forwards them to the pure {@link FormulaUI}. Sits\n * inside `<Widget.Provider>`. Demonstrates that the composition shell\n * (Provider, Wrapper, State) doesn't care whether the rendered child is\n * ECharts (Bar) or a custom DOM tree (Formula).\n */\nexport function Formula() {\n  const id = useWidgetId()\n  const slice = useWidgetShallow(id, formulaSelector)\n  return <FormulaUI items={slice.data} formatter={slice.formatter} />\n}\n","import { Box, Skeleton } from '@mui/material'\nimport type { SxProps, Theme } from '@mui/material'\n\nconst styles = {\n  root: {\n    display: 'flex',\n    gap: 3,\n    alignItems: 'baseline',\n    minHeight: 64,\n    py: 1,\n  },\n  block: { width: 120, height: 36 },\n} satisfies Record<string, SxProps<Theme>>\n\nexport interface FormulaSkeletonProps {\n  count?: number\n}\n\nexport function FormulaSkeleton({ count = 1 }: FormulaSkeletonProps) {\n  return (\n    <Box sx={styles.root}>\n      {Array.from({ length: count }).map((_, i) => (\n        <Skeleton key={`row-${i}`} variant='rectangular' sx={styles.block} />\n      ))}\n    </Box>\n  )\n}\n","import {\n  buildCsvDownloadItem,\n  buildPngDownloadItem,\n  type DownloadItem,\n} from '../actions/download'\nimport type { FormulaWidgetData } from './types'\n\nexport interface FormulaDownloadConfigArgs {\n  filename: string\n  getData: () => FormulaWidgetData\n  /**\n   * Optional getter for the widget's capture element (registered by\n   * `Widget.State`). When provided, a PNG item is prepended.\n   */\n  getCaptureEl?: () => HTMLElement | null\n  pngPixelRatio?: number\n  pngBackgroundColor?: string | null\n}\n\n/**\n * Builds download items for the Formula widget. Always includes a CSV item\n * with one row per KPI (`prefix`, `value`, `suffix`, `note`, `delta`).\n * When `getCaptureEl` is supplied, prepends a PNG item that rasterises the\n * captured element via `html2canvas`.\n */\nexport function createFormulaDownloadConfig(\n  args: FormulaDownloadConfigArgs,\n): DownloadItem[] {\n  const items: DownloadItem[] = []\n  if (args.getCaptureEl) {\n    items.push(\n      buildPngDownloadItem({\n        filename: args.filename,\n        getCaptureEl: args.getCaptureEl,\n        pixelRatio: args.pngPixelRatio,\n        backgroundColor: args.pngBackgroundColor,\n      }),\n    )\n  }\n  items.push(\n    buildCsvDownloadItem({\n      filename: args.filename,\n      getRows: () => {\n        const data = args.getData()\n        const rows: unknown[][] = [\n          ['series', 'prefix', 'value', 'suffix', 'note', 'delta'],\n        ]\n        for (const d of data) {\n          rows.push([\n            d.series?.name ?? '',\n            d.prefix ?? '',\n            d.value,\n            d.suffix ?? '',\n            d.note ?? '',\n            d.delta?.value ?? '',\n          ])\n        }\n        return rows\n      },\n    }),\n  )\n  return items\n}\n"],"mappings":"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"}

package/dist/hooks-zf5gKZYq.js

@@ -1,22 +0,0 @@
-import { n as e } from "./widget-store-BFPKYm4R.js";
-import { c as t } from "react/compiler-runtime";
-import { useEffect as n, useRef as r } from "react";
-//#region src/hooks/use-widget-ref.ts
-function i(i) {
-	let a = t(4), o = r(null), s = r(null), c, l;
-	a[0] === i ? (c = a[1], l = a[2]) : (c = () => {
-		o.current && e.setWidget(i, {
-			refUI: o,
-			instance: s
-		});
-	}, l = [i], a[0] = i, a[1] = c, a[2] = l), n(c, l);
-	let u;
-	return a[3] === Symbol.for("react.memo_cache_sentinel") ? (u = {
-		ref: o,
-		instance: s
-	}, a[3] = u) : u = a[3], u;
-}
-//#endregion
-export { i as t };
-
-//# sourceMappingURL=hooks-zf5gKZYq.js.map

package/dist/hooks-zf5gKZYq.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"hooks-zf5gKZYq.js","names":["() => {\n    if (ref.current) {\n      widgetStoreActions.setWidget(widgetId, { refUI: ref, instance: instance })\n    }\n  }","[widgetId]","{ ref, instance }"],"sources":["../src/hooks/use-widget-ref.ts"],"sourcesContent":["import { useEffect, useRef } from 'react'\nimport type * as echarts from 'echarts'\nimport { widgetStoreActions } from '../widgets/stores/widget-store'\n\n/**\n * Registers a DOM element ref and an ECharts instance ref with the widget store.\n * This allows other parts of the application (e.g., screenshot export) to access the widget's DOM element.\n *\n * @param widgetId - The widget ID to register the refs under.\n * @returns An object with `ref` (DOM element) and `instance` (ECharts instance) refs.\n *\n * @example\n * ```tsx\n * function MyWidget({ id }: { id: string }) {\n *   const { ref } = useWidgetRef<HTMLDivElement>(id)\n *\n *   return <div ref={ref}>Widget content</div>\n * }\n * ```\n */\nexport function useWidgetRef<T extends HTMLElement = HTMLElement>(\n  widgetId: string,\n) {\n  const ref = useRef<T | null>(null)\n  const instance = useRef<echarts.ECharts | null>(null)\n\n  useEffect(() => {\n    if (ref.current) {\n      widgetStoreActions.setWidget(widgetId, { refUI: ref, instance: instance })\n    }\n  }, [widgetId])\n\n  return { ref, instance }\n}\n"],"mappings":";;;;AAoBA,SAAgB,EACd,GACA;eACM,IAAM,EAAiB,IAAI,GAC3B,IAAW,EAA+B,IAAI,GAE1CA,GAIPC;CAJH,AAEiC,EAAA,OAAA,4BAFvB,UAAM;EACd,AAAI,EAAI,WACN,EAAmB,UAAU,GAAU;GAAE,OAAO;GAAe;EAAS,CAAC;CAE7E,GAAG,IAAA,CAAC,CAAQ,GAFqB,EAAA,KAAA,wBAFjC,EAAUD,GAIPC,CAAU;CAENC,IAAAA;CAAP;EAAS;EAAK;CAAS,yBAAhBA;AACT"}

package/dist/markdown-2dfL6Cmb.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"markdown-2dfL6Cmb.js","names":["{ content }: MarkdownUIProps","<Box sx={styles.root}>\n      <MarkdownContent\n        content={content}\n        components={components}\n        allowHtml\n        allowImages\n      />\n    </Box>","(s) => {\n    const data = s.data as MarkdownWidgetData | undefined\n    return data?.content ?? ''\n  }","<MarkdownUI content={content} />","{ lines = 5 }: MarkdownSkeletonProps","lines = 5","<Box sx={styles.root}>\n      {Array.from({ length: lines }).map((_, i) => (\n        <Skeleton\n          key={`line-${i}`}\n          variant='rectangular'\n          sx={styles.line(widths[i % widths.length] ?? '85%')}\n        />\n      ))}\n    </Box>"],"sources":["../src/widgets-v2/markdown/style.ts","../src/widgets-v2/markdown/markdown-ui.tsx","../src/widgets-v2/markdown/markdown.tsx","../src/widgets-v2/markdown/skeleton.tsx","../src/widgets-v2/markdown/download.tsx"],"sourcesContent":["import type { SxProps, Theme } from '@mui/material'\n\nexport const styles = {\n  root: {\n    color: 'text.primary',\n    '& a': { color: 'primary.main' },\n    '& code': {\n      bgcolor: 'action.hover',\n      px: 0.5,\n      borderRadius: 0.5,\n      fontFamily: 'monospace',\n      fontSize: '0.875em',\n    },\n    '& pre': {\n      bgcolor: 'action.hover',\n      p: 1.5,\n      borderRadius: 1,\n      overflowX: 'auto',\n    },\n    '& blockquote': {\n      borderLeft: '3px solid',\n      borderColor: 'divider',\n      pl: 1.5,\n      ml: 0,\n      color: 'text.secondary',\n      fontStyle: 'italic',\n    },\n    '& ul, & ol': { pl: 3, my: 1 },\n    '& li': { my: 0.25 },\n    '& hr': {\n      border: 'none',\n      borderTop: '1px solid',\n      borderColor: 'divider',\n      my: 1.5,\n    },\n    '& table': { borderCollapse: 'collapse', width: '100%' },\n    '& th, & td': {\n      border: '1px solid',\n      borderColor: 'divider',\n      px: 1,\n      py: 0.5,\n      textAlign: 'left',\n    },\n  },\n  paragraph: {\n    my: 1,\n  },\n  heading: {\n    mt: 2,\n    mb: 1,\n    fontWeight: 600,\n  },\n} satisfies Record<string, SxProps<Theme>>\n","import { Box, Typography, type TypographyProps } from '@mui/material'\nimport type { Components } from 'react-markdown'\nimport { MarkdownContent } from './markdown-content'\nimport { styles } from './style'\n\nexport interface MarkdownUIProps {\n  content: string\n}\n\n/** MUI-styled element mapping for `react-markdown`. */\nconst components: Components = {\n  h1: (props) => mdHeading(props, 'h4'),\n  h2: (props) => mdHeading(props, 'h5'),\n  h3: (props) => mdHeading(props, 'h6'),\n  h4: (props) => mdHeading(props, 'subtitle1'),\n  h5: (props) => mdHeading(props, 'subtitle2'),\n  h6: (props) => mdHeading(props, 'subtitle2'),\n  p: ({ children }) => (\n    <Typography variant='body2' component='p' sx={styles.paragraph}>\n      {children}\n    </Typography>\n  ),\n}\n\nfunction mdHeading(\n  props: { children?: React.ReactNode },\n  variant: TypographyProps['variant'],\n) {\n  return (\n    <Typography variant={variant} component='div' sx={styles.heading}>\n      {props.children}\n    </Typography>\n  )\n}\n\n/**\n * Pure presentational component for the Markdown widget. Delegates the\n * `react-markdown` engine to {@link MarkdownContent} and supplies a\n * document-style MUI element mapping (body2 paragraphs, real heading\n * typography). Opts INTO raw HTML and inline images — the Markdown widget is\n * the one slot in the library where authors can ship rich content. Caption\n * slots like `Note` keep the conservative defaults.\n */\nexport function MarkdownUI({ content }: MarkdownUIProps) {\n  return (\n    <Box sx={styles.root}>\n      <MarkdownContent\n        content={content}\n        components={components}\n        allowHtml\n        allowImages\n      />\n    </Box>\n  )\n}\n","import { useWidgetId, useWidget } from '../stores'\nimport { MarkdownUI } from './markdown-ui'\nimport type { MarkdownWidgetData } from './types'\n\n/**\n * Stateful Markdown bridge — reads `data.content` (post-pipeline) from the\n * per-widget store and forwards it to the pure {@link MarkdownUI}. Sits\n * inside `<Widget.Provider>`.\n */\nexport function Markdown() {\n  const id = useWidgetId()\n  const content = useWidget(id, (s) => {\n    const data = s.data as MarkdownWidgetData | undefined\n    return data?.content ?? ''\n  })\n  return <MarkdownUI content={content} />\n}\n","import { Box, Skeleton } from '@mui/material'\nimport type { SxProps, Theme } from '@mui/material'\n\nconst styles = {\n  root: {\n    display: 'flex',\n    flexDirection: 'column',\n    gap: 1,\n    py: 1,\n  },\n  line: (width: string): SxProps<Theme> => ({ width, height: 18 }),\n} as const\n\nexport interface MarkdownSkeletonProps {\n  lines?: number\n}\n\nexport function MarkdownSkeleton({ lines = 5 }: MarkdownSkeletonProps) {\n  // Vary widths to mimic prose.\n  const widths = ['100%', '95%', '90%', '85%', '70%']\n  return (\n    <Box sx={styles.root}>\n      {Array.from({ length: lines }).map((_, i) => (\n        <Skeleton\n          key={`line-${i}`}\n          variant='rectangular'\n          sx={styles.line(widths[i % widths.length] ?? '85%')}\n        />\n      ))}\n    </Box>\n  )\n}\n","import {\n  DOWNLOAD_ITEM_IDS,\n  MarkdownIcon,\n  buildPngDownloadItem,\n  toCsvString,\n  triggerLinkDownload,\n  type DownloadItem,\n} from '../actions/download'\nimport type { MarkdownWidgetData } from './types'\n\n/**\n * Download menu items for the Markdown widget. Always includes a `.md`\n * item that saves the markdown source verbatim. When `getCaptureEl` is\n * supplied, prepends a PNG item that rasterises the captured element via\n * `html2canvas`.\n */\nexport function createMarkdownDownloadConfig(args: {\n  filename: string\n  getData: () => MarkdownWidgetData\n  getCaptureEl?: () => HTMLElement | null\n  pngPixelRatio?: number\n  pngBackgroundColor?: string | null\n}): DownloadItem[] {\n  const items: DownloadItem[] = []\n  if (args.getCaptureEl) {\n    items.push(\n      buildPngDownloadItem({\n        filename: args.filename,\n        getCaptureEl: args.getCaptureEl,\n        pixelRatio: args.pngPixelRatio,\n        backgroundColor: args.pngBackgroundColor,\n      }),\n    )\n  }\n  items.push({\n    id: DOWNLOAD_ITEM_IDS.markdown,\n    label: 'Markdown',\n    icon: <MarkdownIcon fontSize='small' />,\n    resolve: () => {\n      const data = args.getData()\n      const blob = new Blob([data.content ?? ''], {\n        type: 'text/markdown;charset=utf-8;',\n      })\n      const url = URL.createObjectURL(blob)\n      return Promise.resolve({\n        url,\n        filename: `${args.filename}.md`,\n        revoke: () => URL.revokeObjectURL(url),\n      })\n    },\n  })\n  return items\n}\n\n// Re-export pure helpers consumers may want when building a custom Download item.\nexport { toCsvString, triggerLinkDownload }\n"],"mappings":"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"}