@carto/ps-react-ui 4.7.0 → 4.8.0

package/dist/merge-options-DCkkHZIf.js

@@ -0,0 +1,34 @@
+function u(t, n) {
+  if (!n) return t;
+  const c = {
+    ...t
+  };
+  for (const r of Object.keys(n)) {
+    const e = t[r], o = n[r];
+    o !== void 0 && (c[r] = f(e, o));
+  }
+  return c;
+}
+function f(t, n) {
+  if (Array.isArray(t) && Array.isArray(n)) {
+    const c = Math.max(t.length, n.length), r = new Array(c);
+    for (let e = 0; e < c; e++) {
+      const o = t[e], i = n[e];
+      i === void 0 ? r[e] = o : o === void 0 ? r[e] = i : r[e] = f(o, i);
+    }
+    return r;
+  }
+  return s(t) && s(n) ? {
+    ...t,
+    ...n
+  } : n;
+}
+function s(t) {
+  if (t === null || typeof t != "object") return !1;
+  const n = Object.getPrototypeOf(t);
+  return n === Object.prototype || n === null;
+}
+export {
+  u as m
+};
+//# sourceMappingURL=merge-options-DCkkHZIf.js.map

package/dist/merge-options-DCkkHZIf.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"merge-options-DCkkHZIf.js","sources":["../src/widgets-v2/utils/merge-options.ts"],"sourcesContent":["/**\n * Shallow-merges two ECharts option objects:\n *   - Top-level keys from both are combined.\n *   - Arrays are merged by index (element-wise shallow merge, primitive override).\n *   - Plain objects are shallow-merged.\n *   - Primitives are overridden by the override value.\n *\n * Designed for the two-stage memoization pattern: first build a base option\n * object from data + theme + formatters, then call `mergeOptions(base, override)`\n * inside a second `useMemo` keyed on `[base, override]`.\n */\nexport function mergeOptions<T extends Record<string, unknown>>(\n  base: T,\n  override?: Partial<T>,\n): T {\n  if (!override) return base\n  const out: Record<string, unknown> = { ...base }\n  for (const key of Object.keys(override) as (keyof T)[]) {\n    const a = base[key]\n    const b = override[key]\n    if (b === undefined) continue\n    out[key as string] = mergeValue(a, b)\n  }\n  return out as T\n}\n\nfunction mergeValue(a: unknown, b: unknown): unknown {\n  if (Array.isArray(a) && Array.isArray(b)) {\n    const len = Math.max(a.length, b.length)\n    const result = new Array<unknown>(len)\n    for (let i = 0; i < len; i++) {\n      const av: unknown = a[i]\n      const bv: unknown = b[i]\n      if (bv === undefined) result[i] = av\n      else if (av === undefined) result[i] = bv\n      else result[i] = mergeValue(av, bv)\n    }\n    return result\n  }\n  if (isPlainObject(a) && isPlainObject(b)) {\n    return { ...a, ...b }\n  }\n  return b\n}\n\nfunction isPlainObject(v: unknown): v is Record<string, unknown> {\n  if (v === null || typeof v !== 'object') return false\n  const proto = Object.getPrototypeOf(v) as unknown\n  return proto === Object.prototype || proto === null\n}\n"],"names":["mergeOptions","base","override","out","key","Object","keys","a","b","undefined","mergeValue","Array","isArray","len","Math","max","length","result","i","av","bv","isPlainObject","v","proto","getPrototypeOf","prototype"],"mappings":"AAWO,SAASA,EACdC,GACAC,GACG;AACH,MAAI,CAACA,EAAU,QAAOD;AACtB,QAAME,IAA+B;AAAA,IAAE,GAAGF;AAAAA,EAAAA;AAC1C,aAAWG,KAAOC,OAAOC,KAAKJ,CAAQ,GAAkB;AACtD,UAAMK,IAAIN,EAAKG,CAAG,GACZI,IAAIN,EAASE,CAAG;AACtB,IAAII,MAAMC,WACVN,EAAIC,CAAa,IAAIM,EAAWH,GAAGC,CAAC;AAAA,EACtC;AACA,SAAOL;AACT;AAEA,SAASO,EAAWH,GAAYC,GAAqB;AACnD,MAAIG,MAAMC,QAAQL,CAAC,KAAKI,MAAMC,QAAQJ,CAAC,GAAG;AACxC,UAAMK,IAAMC,KAAKC,IAAIR,EAAES,QAAQR,EAAEQ,MAAM,GACjCC,IAAS,IAAIN,MAAeE,CAAG;AACrC,aAASK,IAAI,GAAGA,IAAIL,GAAKK,KAAK;AAC5B,YAAMC,IAAcZ,EAAEW,CAAC,GACjBE,IAAcZ,EAAEU,CAAC;AACvB,MAAIE,MAAOX,SAAWQ,EAAOC,CAAC,IAAIC,IACzBA,MAAOV,SAAWQ,EAAOC,CAAC,IAAIE,IAClCH,EAAOC,CAAC,IAAIR,EAAWS,GAAIC,CAAE;AAAA,IACpC;AACA,WAAOH;AAAAA,EACT;AACA,SAAII,EAAcd,CAAC,KAAKc,EAAcb,CAAC,IAC9B;AAAA,IAAE,GAAGD;AAAAA,IAAG,GAAGC;AAAAA,EAAAA,IAEbA;AACT;AAEA,SAASa,EAAcC,GAA0C;AAC/D,MAAIA,MAAM,QAAQ,OAAOA,KAAM,SAAU,QAAO;AAChD,QAAMC,IAAQlB,OAAOmB,eAAeF,CAAC;AACrC,SAAOC,MAAUlB,OAAOoB,aAAaF,MAAU;AACjD;"}

package/dist/{styles-BYTyKQFP.js → option-builders-F-c9ELi1.js}

@@ -1,4 +1,4 @@
-function d(t) {
+function m(t) {
   if (t === 0) return 0;
   const e = Math.abs(t), n = Math.pow(10, Math.floor(Math.log10(e))), i = Math.ceil(e / n) * n;
   return t < 0 ? -i : i;
@@ -30,41 +30,41 @@ function h(t, e) {
   };
 }
 function y(t) {
-  return function(e, n, i, o, r) {
+  return function(e, n, i, r, o) {
     const a = {
       top: parseInt(t.spacing(0.5))
     };
-    return r.contentSize[0] < r.viewSize[0] - e[0] ? a.left = e[0] : a.right = r.viewSize[0] - e[0], a;
+    return o.contentSize[0] < o.viewSize[0] - e[0] ? a.left = e[0] : a.right = o.viewSize[0] - e[0], a;
   };
 }
-function m(t) {
+function d(t) {
   if (t)
     return (e) => t(e);
 }
 function x(t, e) {
-  const n = t && !Array.isArray(t), i = t, o = e && n ? (r) => String(e(r)) : void 0;
+  const n = t && !Array.isArray(t), i = t, r = e && n ? (o) => String(e(o)) : void 0;
   return {
     ...i,
     axisLabel: {
       ...typeof i.axisLabel == "object" && i.axisLabel ? i.axisLabel : {},
-      formatter: o
+      formatter: r
     }
   };
 }
 function v(t, e) {
-  let n = m(e);
-  const i = t && !Array.isArray(t), o = t;
-  return (!i || o.type !== "value") && (n = void 0), {
-    ...o,
+  let n = d(e);
+  const i = t && !Array.isArray(t), r = t;
+  return (!i || r.type !== "value") && (n = void 0), {
+    ...r,
     axisLabel: {
-      ...typeof o.axisLabel == "object" && o.axisLabel ? o.axisLabel : {},
+      ...typeof r.axisLabel == "object" && r.axisLabel ? r.axisLabel : {},
       formatter: n
     }
   };
 }
 function F(t) {
   return (e) => {
-    const n = Array.isArray(e) ? e : [e], i = (s, l) => `<div style="margin: 0px 0 0;line-height:1;">${s ? `<div style="font-size:11px;color:#FFFFFF;font-weight:400;line-height:1; margin-bottom: 10px">${s}</div>` : ""}<div style="margin: 0;line-height:1;">${l}</div><div style="clear:both"></div></div>`, o = n.map((s) => {
+    const n = Array.isArray(e) ? e : [e], i = (s, l) => `<div style="margin: 0px 0 0;line-height:1;">${s ? `<div style="font-size:11px;color:#FFFFFF;font-weight:400;line-height:1; margin-bottom: 10px">${s}</div>` : ""}<div style="margin: 0;line-height:1;">${l}</div><div style="clear:both"></div></div>`, r = n.map((s) => {
       const {
         name: l,
         seriesName: c,
@@ -77,21 +77,21 @@ function F(t) {
         marker: g,
         value: p
       };
-    }), r = o[0]?.name ?? "", u = r || n.length > 1 ? "margin: 10px 0 0;line-height:1;" : "margin: 0;line-height:1;", f = o.map(({
+    }), o = r[0]?.name ?? "", u = o || n.length > 1 ? "margin: 10px 0 0;line-height:1;" : "margin: 0;line-height:1;", f = r.map(({
       seriesName: s,
       marker: l,
       value: c
     }) => `<div style="${u}"><div style="margin: 0px 0 0;line-height:1;">${l}${s ? `<span style="font-size:11px;color:#FFFFFF;font-weight:400;margin-left:2px;margin-right:10px">${s}</span>` : ""}<span style="float:right;margin-left:10px;font-size:11px;color:#FFFFFF;font-weight:900">${c}</span></div></div>`);
-    return i(r, f.join(""));
+    return i(o, f.join(""));
   };
 }
-function S(t, e = "y") {
+function L(t, e = "y") {
   return t ? {
     label: {
       formatter: (n) => {
         const i = n.encode?.[e]?.[0];
         if (i === void 0) return "";
-        const o = n.dimensionNames?.[i], r = n.value, a = o ? r[o] : void 0;
+        const r = n.dimensionNames?.[i], o = n.value, a = r ? o[r] : void 0;
         return typeof a == "number" ? t(a) : String(a ?? "");
       }
     }
@@ -107,36 +107,16 @@ function w(t) {
     }
   } : {};
 }
-const L = {
-  graph: {
-    /**
-     * Common container style for chart widget skeletons
-     */
-    container: {
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "space-between",
-      flexDirection: "column",
-      gap: ({
-        spacing: t
-      }) => t(1),
-      height: ({
-        spacing: t
-      }) => t(38)
-    }
-  }
-};
 export {
   x as a,
   v as b,
-  L as c,
-  h as d,
-  b as e,
-  m as f,
-  F as g,
-  y as h,
-  S as i,
-  w as j,
-  d as n
+  h as c,
+  b as d,
+  d as e,
+  F as f,
+  y as g,
+  L as h,
+  w as i,
+  m as n
 };
-//# sourceMappingURL=styles-BYTyKQFP.js.map
+//# sourceMappingURL=option-builders-F-c9ELi1.js.map

package/dist/option-builders-F-c9ELi1.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"option-builders-F-c9ELi1.js","sources":["../src/widgets/utils/chart-config/option-builders.ts"],"sourcesContent":["import type { Theme } from '@mui/material'\nimport type { LegendComponentOption } from 'echarts'\nimport type {\n  CallbackDataParams,\n  TopLevelFormatterParams,\n} from 'echarts/types/dist/shared'\n\n/**\n * Shared EChart configuration builders for chart widgets\n */\n\n/**\n * Rounds a value up to the nearest \"nice\" number.\n * A nice number is a multiple of 10^floor(log10(value)).\n *\n * Examples: 547 → 600, 200 → 200, 1200 → 2000, 18 → 20, 5 → 5, -547 → -500\n */\nexport function niceNum(value: number): number {\n  if (value === 0) return 0\n  const absValue = Math.abs(value)\n  const base = Math.pow(10, Math.floor(Math.log10(absValue)))\n  const rounded = Math.ceil(absValue / base) * base\n  return value < 0 ? -rounded : rounded\n}\n\n/**\n * Builds standard legend configuration for chart widgets\n *\n * @param params - Legend configuration parameters\n * @param params.hasLegend - Whether to show the legend\n * @param params.labelFormatter - Optional formatter for legend item names\n * @returns Legend configuration object\n */\nexport function buildLegendConfig({\n  hasLegend,\n  labelFormatter,\n}: {\n  hasLegend: boolean\n  labelFormatter?: (value: string | number) => string | number\n}): LegendComponentOption {\n  return {\n    show: hasLegend,\n    icon: 'circle' as const,\n    left: 0,\n    bottom: 0,\n    orient: 'horizontal',\n    type: 'scroll',\n    ...(labelFormatter && {\n      formatter: (name: string) => String(labelFormatter(name)),\n    }),\n  }\n}\n\n/**\n * Builds standard grid configuration with legend-aware spacing\n *\n * @param hasLegend - Whether the chart has a legend\n * @param theme - MUI theme for spacing\n * @param additionalConfig - Additional grid configuration to merge\n * @returns Grid configuration object\n */\nexport function buildGridConfig(hasLegend: boolean, theme: Theme) {\n  return {\n    ...(!hasLegend && { bottom: parseInt(theme.spacing(3)) }),\n    ...(hasLegend && { bottom: parseInt(theme.spacing(7)) }),\n  }\n}\n\n/**\n * Creates a tooltip position calculator that handles overflow\n * Used by bar, histogram, and scatterplot widgets\n *\n * @param theme - MUI theme for spacing\n * @returns Tooltip position function\n */\nexport function createTooltipPositioner(theme: Theme) {\n  return function (\n    point: [number, number],\n    _params: unknown,\n    _dom: unknown,\n    _rect: unknown,\n    size: { contentSize: [number, number]; viewSize: [number, number] },\n  ) {\n    const position = { top: parseInt(theme.spacing(0.5)) } as Record<\n      string,\n      number\n    >\n\n    // Position tooltip left or right based on available space\n    if (size.contentSize[0] < size.viewSize[0] - point[0]) {\n      position.left = point[0]\n    } else {\n      position.right = size.viewSize[0] - point[0]\n    }\n\n    return position\n  }\n}\n\n/**\n * Creates an axis label formatter for ECharts\n * Used to format numeric axis labels with a widget formatter\n *\n * @param formatter - Optional formatter function from widget config\n * @returns Axis label formatter function or undefined\n */\nexport function createAxisLabelFormatter(\n  formatter?: (value: number) => string,\n) {\n  if (!formatter) return undefined\n  return (value: number) => formatter(value)\n}\n\n/**\n * Applies labelFormatter to xAxis configuration\n * Applies to any xAxis regardless of axis type (category, value, etc.)\n *\n * @param xAxis - Existing xAxis configuration\n * @param labelFormatter - Optional labelFormatter function from widget config\n * @returns Updated xAxis configuration\n */\nexport function applyXAxisFormatter(\n  xAxis: unknown,\n  formatter?: (value: string | number) => string | number,\n) {\n  const xAxisIsObject = xAxis && !Array.isArray(xAxis)\n  const xAxisTyped = xAxis as { type?: string; axisLabel?: unknown }\n\n  const axisFormatter =\n    formatter && xAxisIsObject\n      ? (value: string | number) => String(formatter(value))\n      : undefined\n\n  return {\n    ...xAxisTyped,\n    axisLabel: {\n      ...(typeof xAxisTyped.axisLabel === 'object' && xAxisTyped.axisLabel\n        ? xAxisTyped.axisLabel\n        : {}),\n      formatter: axisFormatter,\n    },\n  }\n}\n\n/**\n * Applies formatter to yAxis configuration\n * Only applies to single axis objects (not arrays) with type 'value'\n *\n * @param yAxis - Existing yAxis configuration\n * @param formatter - Optional formatter function from widget config\n * @returns Updated yAxis configuration or undefined if no changes needed\n */\nexport function applyYAxisFormatter(\n  yAxis: unknown,\n  formatter?: (value: number) => string,\n) {\n  let axisFormatter = createAxisLabelFormatter(formatter)\n\n  const yAxisIsObject = yAxis && !Array.isArray(yAxis)\n  const yAxisTyped = yAxis as { type?: string; axisLabel?: unknown }\n\n  if (!yAxisIsObject || yAxisTyped.type !== 'value') {\n    axisFormatter = undefined\n  }\n\n  return {\n    ...yAxisTyped,\n    axisLabel: {\n      ...(typeof yAxisTyped.axisLabel === 'object' && yAxisTyped.axisLabel\n        ? yAxisTyped.axisLabel\n        : {}),\n      formatter: axisFormatter,\n    },\n  }\n}\n\n/**\n * Creates a tooltip formatter for ECharts\n * Formats numeric values in tooltip using widget formatter\n * Handles both axis trigger (array) and item trigger (object) modes\n *\n * @param formatter - Optional formatter function from widget config\n * @returns Tooltip formatter function or undefined\n */\nexport function createTooltipFormatter(\n  callback: (\n    item: CallbackDataParams,\n    items: CallbackDataParams[],\n  ) => {\n    name: string\n    seriesName: string\n    marker: string\n    value: string | number\n  },\n) {\n  return (params: TopLevelFormatterParams) => {\n    // Handle both array (axis trigger) and object (item trigger)\n    const items = Array.isArray(params) ? params : [params]\n\n    const tooltip = (name: string, callback: string) =>\n      `<div style=\"margin: 0px 0 0;line-height:1;\">${name ? `<div style=\"font-size:11px;color:#FFFFFF;font-weight:400;line-height:1; margin-bottom: 10px\">${name}</div>` : ''}<div style=\"margin: 0;line-height:1;\">${callback}</div><div style=\"clear:both\"></div></div>`\n\n    const values = items.map((item) => {\n      const { name, seriesName, marker, value } = callback(item, items)\n      return {\n        name,\n        seriesName,\n        marker,\n        value,\n      }\n    })\n\n    const name = values[0]?.name ?? ''\n    // Show margin if name exists or there are multiple items\n    const showMargin = name || items.length > 1\n    const marginStyle = showMargin\n      ? 'margin: 10px 0 0;line-height:1;'\n      : 'margin: 0;line-height:1;'\n\n    const formattedValues = values.map(\n      ({ seriesName, marker, value }) =>\n        `<div style=\"${marginStyle}\"><div style=\"margin: 0px 0 0;line-height:1;\">${marker}${seriesName ? `<span style=\"font-size:11px;color:#FFFFFF;font-weight:400;margin-left:2px;margin-right:10px\">${seriesName}</span>` : ''}<span style=\"float:right;margin-left:10px;font-size:11px;color:#FFFFFF;font-weight:900\">${value}</span></div></div>`,\n    )\n\n    return tooltip(name, formattedValues.join(''))\n  }\n}\n\n/**\n * Builds a series `label` config that applies formatter to the data value\n * extracted from a dataset row using ECharts encode/dimensionNames.\n *\n * Does not set `show` — labels remain hidden by default per ECharts defaults.\n *\n * @param formatter - Optional numeric value formatter\n * @param encodeKey - The encode dimension key to extract ('y' for vertical charts, 'x' for horizontal)\n */\nexport function buildSeriesLabelConfig(\n  formatter?: (value: number) => string,\n  encodeKey = 'y',\n): { label: { formatter: (params: CallbackDataParams) => string } } | object {\n  if (!formatter) return {}\n\n  return {\n    label: {\n      formatter: (params: CallbackDataParams) => {\n        const encodeIndex = params.encode?.[encodeKey]?.[0]\n        if (encodeIndex === undefined) return ''\n        const dimName = params.dimensionNames?.[encodeIndex]\n        const row = params.value as Record<string, string | number>\n        const value = dimName ? row[dimName] : undefined\n        return typeof value === 'number'\n          ? formatter(value)\n          : String(value ?? '')\n      },\n    },\n  }\n}\n\n/**\n * Builds a series `label` config that applies formatter to a raw numeric value.\n * Used by histogram where series data is number[] (not datasets).\n *\n * Does not set `show` — labels remain hidden by default per ECharts defaults.\n *\n * @param formatter - Optional numeric value formatter\n */\nexport function buildHistogramSeriesLabelConfig(\n  formatter?: (value: number) => string,\n): { label: { formatter: (params: CallbackDataParams) => string } } | object {\n  if (!formatter) return {}\n\n  return {\n    label: {\n      formatter: (params: CallbackDataParams) => {\n        const value = params.value as number\n        return typeof value === 'number'\n          ? formatter(value)\n          : String(value ?? '')\n      },\n    },\n  }\n}\n"],"names":["niceNum","value","absValue","Math","abs","base","pow","floor","log10","rounded","ceil","buildLegendConfig","hasLegend","labelFormatter","show","icon","left","bottom","orient","type","formatter","name","String","buildGridConfig","theme","parseInt","spacing","createTooltipPositioner","point","_params","_dom","_rect","size","position","top","contentSize","viewSize","right","createAxisLabelFormatter","applyXAxisFormatter","xAxis","xAxisIsObject","Array","isArray","xAxisTyped","axisFormatter","undefined","axisLabel","applyYAxisFormatter","yAxis","yAxisIsObject","yAxisTyped","createTooltipFormatter","callback","params","items","tooltip","values","map","item","seriesName","marker","marginStyle","length","formattedValues","join","buildSeriesLabelConfig","encodeKey","label","encodeIndex","encode","dimName","dimensionNames","row","buildHistogramSeriesLabelConfig"],"mappings":"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"}

package/dist/png-item-CS4z1iSH.js

@@ -0,0 +1,45 @@
+import { jsx as n } from "react/jsx-runtime";
+import { d as a } from "./exports-Cx-f6m6U.js";
+import { c as r } from "react/compiler-runtime";
+import { SvgIcon as i } from "@mui/material";
+import c from "@mui/icons-material/ImageOutlined";
+function m(o) {
+  const e = r(2);
+  let l;
+  return e[0] !== o ? (l = /* @__PURE__ */ n(c, { ...o }), e[0] = o, e[1] = l) : l = e[1], l;
+}
+function s(o) {
+  const e = r(3);
+  let l;
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (l = /* @__PURE__ */ n("path", { fill: "currentColor", d: "M4.313 11.25h2.25v-1.125H4.688v-2.25h1.875V6.75h-2.25a.726.726 0 0 0-.535.216.726.726 0 0 0-.216.534v3c0 .213.072.39.216.534a.726.726 0 0 0 .534.216Zm2.925 0h2.25c.212 0 .39-.072.534-.216a.726.726 0 0 0 .216-.534V9.375a.931.931 0 0 0-.216-.59.658.658 0 0 0-.534-.273H8.363v-.637h1.875V6.75h-2.25a.726.726 0 0 0-.535.216.726.726 0 0 0-.216.534v1.125c0 .213.072.403.216.572a.675.675 0 0 0 .534.253h1.126v.675H7.238v1.125Zm4.95 0h1.124l1.313-4.5H13.5l-.75 2.588L12 6.75h-1.125l1.313 4.5ZM3 15c-.413 0-.766-.147-1.06-.44a1.445 1.445 0 0 1-.44-1.06v-9c0-.412.147-.766.44-1.06C2.235 3.148 2.588 3 3 3h12c.412 0 .766.147 1.06.44.293.294.44.648.44 1.06v9c0 .412-.147.766-.44 1.06-.294.293-.647.44-1.06.44H3Zm0-1.5h12v-9H3v9Z" }), e[0] = l) : l = e[0];
+  let t;
+  return e[1] !== o ? (t = /* @__PURE__ */ n(i, { viewBox: "0 0 18 18", ...o, children: l }), e[1] = o, e[2] = t) : t = e[2], t;
+}
+function b(o) {
+  return {
+    id: "png",
+    label: o.label ?? "PNG",
+    icon: /* @__PURE__ */ n(m, { fontSize: "small" }),
+    resolve: async () => {
+      const e = o.getCaptureEl();
+      if (!e)
+        throw new Error("[widgets-v2] No PNG capture element available");
+      const l = await a({
+        element: e,
+        pixelRatio: o.pixelRatio,
+        backgroundColor: o.backgroundColor
+      });
+      return {
+        url: l.url,
+        filename: `${o.filename}.png`,
+        revoke: l.revoke
+      };
+    }
+  };
+}
+export {
+  s as C,
+  m as P,
+  b
+};
+//# sourceMappingURL=png-item-CS4z1iSH.js.map

package/dist/png-item-CS4z1iSH.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"png-item-CS4z1iSH.js","sources":["../src/widgets-v2/actions/download/icons.tsx","../src/widgets-v2/actions/download/png-item.tsx"],"sourcesContent":["import { SvgIcon, type SvgIconProps } from '@mui/material'\nimport ImageOutlined from '@mui/icons-material/ImageOutlined'\n\n/**\n * Generic \"image\" glyph used for the PNG download item. Wraps MUI's\n * `ImageOutlined` so callers can swap it via the per-widget download\n * config's `icon` override without pulling MUI directly.\n */\nexport function PNGIcon(props: SvgIconProps) {\n  return <ImageOutlined {...props} />\n}\n\n/**\n * \"CSV\" rectangle with the letters spelled inside — matches v1 visual and is\n * easier to recognise in a download menu than a generic table glyph.\n */\nexport function CSVIcon(props: SvgIconProps) {\n  return (\n    <SvgIcon viewBox='0 0 18 18' {...props}>\n      <path\n        fill='currentColor'\n        d='M4.313 11.25h2.25v-1.125H4.688v-2.25h1.875V6.75h-2.25a.726.726 0 0 0-.535.216.726.726 0 0 0-.216.534v3c0 .213.072.39.216.534a.726.726 0 0 0 .534.216Zm2.925 0h2.25c.212 0 .39-.072.534-.216a.726.726 0 0 0 .216-.534V9.375a.931.931 0 0 0-.216-.59.658.658 0 0 0-.534-.273H8.363v-.637h1.875V6.75h-2.25a.726.726 0 0 0-.535.216.726.726 0 0 0-.216.534v1.125c0 .213.072.403.216.572a.675.675 0 0 0 .534.253h1.126v.675H7.238v1.125Zm4.95 0h1.124l1.313-4.5H13.5l-.75 2.588L12 6.75h-1.125l1.313 4.5ZM3 15c-.413 0-.766-.147-1.06-.44a1.445 1.445 0 0 1-.44-1.06v-9c0-.412.147-.766.44-1.06C2.235 3.148 2.588 3 3 3h12c.412 0 .766.147 1.06.44.293.294.44.648.44 1.06v9c0 .412-.147.766-.44 1.06-.294.293-.647.44-1.06.44H3Zm0-1.5h12v-9H3v9Z'\n      />\n    </SvgIcon>\n  )\n}\n","import { downloadDOMToPNG } from './exports'\nimport { PNGIcon } from './icons'\nimport type { DownloadItem } from './types'\n\nexport interface BuildPngDownloadItemArgs {\n  /** Base filename (without extension). The item appends `.png`. */\n  filename: string\n  /**\n   * Reads the capture element to rasterise. Called at click time so the\n   * download config doesn't capture a stale reference. Wire it to\n   * `() => getCaptureEl(id)` from `widgets-v2/stores`.\n   */\n  getCaptureEl: () => HTMLElement | null\n  /** html2canvas `scale`. Default 2. */\n  pixelRatio?: number\n  /** html2canvas `backgroundColor`. Default transparent (`null`). */\n  backgroundColor?: string | null\n  /** Override the menu label. Default `'PNG'`. */\n  label?: string\n}\n\n/**\n * Builds the standard PNG `DownloadItem` used by every per-widget download\n * config. Centralised so the menu label, icon, error message, and filename\n * suffix stay consistent across widgets without each `create*DownloadConfig`\n * re-deriving the same shape.\n */\nexport function buildPngDownloadItem(\n  args: BuildPngDownloadItemArgs,\n): DownloadItem {\n  return {\n    id: 'png',\n    label: args.label ?? 'PNG',\n    icon: <PNGIcon fontSize='small' />,\n    resolve: async () => {\n      const el = args.getCaptureEl()\n      if (!el) {\n        throw new Error('[widgets-v2] No PNG capture element available')\n      }\n      const handle = await downloadDOMToPNG({\n        element: el,\n        pixelRatio: args.pixelRatio,\n        backgroundColor: args.backgroundColor,\n      })\n      return {\n        url: handle.url,\n        filename: `${args.filename}.png`,\n        revoke: handle.revoke,\n      }\n    },\n  }\n}\n"],"names":["PNGIcon","props","$","_c","t0","jsx","ImageOutlined","CSVIcon","Symbol","for","t1","SvgIcon","buildPngDownloadItem","args","id","label","icon","resolve","el","getCaptureEl","Error","handle","downloadDOMToPNG","element","pixelRatio","backgroundColor","url","filename","revoke"],"mappings":";;;;;AAQO,SAAAA,EAAAC,GAAA;AAAA,QAAAC,IAAAC,EAAA,CAAA;AAAA,MAAAC;AAAA,SAAAF,SAAAD,KACEG,IAAA,gBAAAC,EAACC,GAAA,EAAa,GAAKL,EAAAA,CAAK,GAAIC,OAAAD,GAAAC,OAAAE,KAAAA,IAAAF,EAAA,CAAA,GAA5BE;AAA4B;AAO9B,SAAAG,EAAAN,GAAA;AAAA,QAAAC,IAAAC,EAAA,CAAA;AAAA,MAAAC;AAAA,EAAAF,EAAA,CAAA,MAAAM,uBAAAC,IAAA,2BAAA,KAGDL,IAAA,gBAAAC,EAAA,QAAA,EACO,MAAA,gBACH,GAAA,gtBAA8sB,GAChtBH,OAAAE,KAAAA,IAAAF,EAAA,CAAA;AAAA,MAAAQ;AAAA,SAAAR,SAAAD,KAJJS,sBAACC,GAAA,EAAgB,SAAA,aAAW,GAAKV,GAC/BG,UAAAA,GAIF,GAAUF,OAAAD,GAAAC,OAAAQ,KAAAA,IAAAR,EAAA,CAAA,GALVQ;AAKU;ACIP,SAASE,EACdC,GACc;AACd,SAAO;AAAA,IACLC,IAAI;AAAA,IACJC,OAAOF,EAAKE,SAAS;AAAA,IACrBC,MAAM,gBAAAX,EAACL,GAAA,EAAQ,UAAS,QAAA,CAAO;AAAA,IAC/BiB,SAAS,YAAY;AACnB,YAAMC,IAAKL,EAAKM,aAAAA;AAChB,UAAI,CAACD;AACH,cAAM,IAAIE,MAAM,+CAA+C;AAEjE,YAAMC,IAAS,MAAMC,EAAiB;AAAA,QACpCC,SAASL;AAAAA,QACTM,YAAYX,EAAKW;AAAAA,QACjBC,iBAAiBZ,EAAKY;AAAAA,MAAAA,CACvB;AACD,aAAO;AAAA,QACLC,KAAKL,EAAOK;AAAAA,QACZC,UAAU,GAAGd,EAAKc,QAAQ;AAAA,QAC1BC,QAAQP,EAAOO;AAAAA,MAAAA;AAAAA,IAEnB;AAAA,EAAA;AAEJ;"}

package/dist/range-DsqTjSpg.js

@@ -0,0 +1,186 @@
+import { jsx as v, jsxs as N } from "react/jsx-runtime";
+import { c as _ } from "react/compiler-runtime";
+import { u as O } from "./widget-context-DTGO0Yta.js";
+import { u as P } from "./widget-store-registry-_W4Z4xp-.js";
+import { useState as z } from "react";
+import "zustand";
+import { Box as B, Slider as U, Typography as q, TextField as G } from "@mui/material";
+const $ = {
+  root: {
+    display: "flex",
+    flexDirection: "column",
+    gap: 3,
+    py: 1
+  },
+  item: {
+    display: "flex",
+    flexDirection: "column",
+    gap: 1.5
+  },
+  sliderContainer: {
+    display: "flex",
+    flexDirection: "column",
+    gap: 1,
+    px: 1
+  },
+  slider: {
+    width: "100%",
+    "&.Mui-disabled": {
+      color: (a) => a.palette.text.disabled
+    }
+  },
+  inputsRow: {
+    display: "flex",
+    gap: 2,
+    alignItems: "center"
+  },
+  input: {
+    flex: 1,
+    "& .MuiInputBase-input": {
+      textAlign: "center"
+    }
+  },
+  note: {
+    color: "text.secondary"
+  }
+};
+function H(a) {
+  const e = _(9), {
+    items: i,
+    onChange: t,
+    formatter: l
+  } = a, o = l ?? J;
+  let s;
+  if (e[0] !== o || e[1] !== i || e[2] !== t) {
+    let r;
+    e[4] !== o || e[5] !== t ? (r = (x, p) => /* @__PURE__ */ v(Q, { index: p, item: x, fmt: o, onChange: t }, `range-${x.min}-${x.max}-${p}`), e[4] = o, e[5] = t, e[6] = r) : r = e[6], s = i.map(r), e[0] = o, e[1] = i, e[2] = t, e[3] = s;
+  } else
+    s = e[3];
+  let n;
+  return e[7] !== s ? (n = /* @__PURE__ */ v(B, { sx: $.root, children: s }), e[7] = s, e[8] = n) : n = e[8], n;
+}
+function J(a) {
+  return String(a);
+}
+function Q(a) {
+  const e = _(54), {
+    index: i,
+    item: t,
+    fmt: l,
+    onChange: o
+  } = a;
+  let s;
+  e[0] !== t.max || e[1] !== t.min || e[2] !== t.value ? (s = t.value ?? [t.min, t.max], e[0] = t.max, e[1] = t.min, e[2] = t.value, e[3] = s) : s = e[3];
+  const n = s, [r, x] = z("");
+  let p;
+  e[4] !== i || e[5] !== t.max || e[6] !== t.min || e[7] !== o ? (p = (j) => {
+    const [I, k] = j, L = Math.min(Math.max(I, t.min), t.max), T = Math.min(Math.max(k, t.min), t.max), K = L <= T ? [L, T] : [T, L];
+    o?.(i, K);
+  }, e[4] = i, e[5] = t.max, e[6] = t.min, e[7] = o, e[8] = p) : p = e[8];
+  const m = p;
+  let C;
+  e[9] !== m || e[10] !== t.max || e[11] !== t.min ? (C = (j, I) => {
+    if (!Array.isArray(I))
+      return;
+    const k = I[0] ?? t.min, L = I[1] ?? t.max;
+    m([k, L]);
+  }, e[9] = m, e[10] = t.max, e[11] = t.min, e[12] = C) : C = e[12];
+  const y = C;
+  let h;
+  e[13] !== t.color ? (h = t.color ? {
+    color: t.color
+  } : null, e[13] = t.color, e[14] = h) : h = e[14];
+  let d;
+  e[15] !== h ? (d = {
+    ...$.slider,
+    ...h
+  }, e[15] = h, e[16] = d) : d = e[16];
+  let u;
+  e[17] !== n ? (u = [...n], e[17] = n, e[18] = u) : u = e[18];
+  const S = t.min, D = t.max, w = t.step ?? 1;
+  let f;
+  e[19] !== t.marks ? (f = V(t.marks), e[19] = t.marks, e[20] = f) : f = e[20];
+  let g;
+  e[21] !== l || e[22] !== y || e[23] !== t.disabled || e[24] !== t.max || e[25] !== t.min || e[26] !== f || e[27] !== d || e[28] !== u || e[29] !== w ? (g = /* @__PURE__ */ v(B, { sx: $.sliderContainer, children: /* @__PURE__ */ v(U, { sx: d, value: u, min: S, max: D, step: w, marks: f, disabled: t.disabled, valueLabelDisplay: "auto", valueLabelFormat: l, onChange: y }) }), e[21] = l, e[22] = y, e[23] = t.disabled, e[24] = t.max, e[25] = t.min, e[26] = f, e[27] = d, e[28] = u, e[29] = w, e[30] = g) : g = e[30];
+  const R = `min-${n[0]}`;
+  let c;
+  e[31] !== m || e[32] !== n || e[33] !== r || e[34] !== l || e[35] !== t || e[36] !== R ? (c = /* @__PURE__ */ v(W, { name: "min", value: n[0], item: t, fmt: l, editing: r, setEditing: x, commit: m, current: n, ariaLabel: "Minimum value" }, R), e[31] = m, e[32] = n, e[33] = r, e[34] = l, e[35] = t, e[36] = R, e[37] = c) : c = e[37];
+  const E = `max-${n[1]}`;
+  let b;
+  e[38] !== m || e[39] !== n || e[40] !== r || e[41] !== l || e[42] !== t || e[43] !== E ? (b = /* @__PURE__ */ v(W, { name: "max", value: n[1], item: t, fmt: l, editing: r, setEditing: x, commit: m, current: n, ariaLabel: "Maximum value" }, E), e[38] = m, e[39] = n, e[40] = r, e[41] = l, e[42] = t, e[43] = E, e[44] = b) : b = e[44];
+  let M;
+  e[45] !== c || e[46] !== b ? (M = /* @__PURE__ */ N(B, { sx: $.inputsRow, children: [
+    c,
+    b
+  ] }), e[45] = c, e[46] = b, e[47] = M) : M = e[47];
+  let F;
+  e[48] !== t.note ? (F = t.note ? /* @__PURE__ */ v(q, { variant: "caption", sx: $.note, children: t.note }) : null, e[48] = t.note, e[49] = F) : F = e[49];
+  let A;
+  return e[50] !== g || e[51] !== M || e[52] !== F ? (A = /* @__PURE__ */ N(B, { sx: $.item, children: [
+    g,
+    M,
+    F
+  ] }), e[50] = g, e[51] = M, e[52] = F, e[53] = A) : A = e[53], A;
+}
+function W(a) {
+  const e = _(26), {
+    name: i,
+    value: t,
+    item: l,
+    fmt: o,
+    editing: s,
+    setEditing: n,
+    commit: r,
+    current: x,
+    ariaLabel: p
+  } = a, [m, C] = z(String(t));
+  let y;
+  e[0] !== i || e[1] !== n ? (y = () => {
+    n(i);
+  }, e[0] = i, e[1] = n, e[2] = y) : y = e[2];
+  const h = y;
+  let d, u;
+  if (e[3] !== r || e[4] !== x || e[5] !== i || e[6] !== n || e[7] !== t) {
+    let R = function(c) {
+      const E = parseFloat(c), b = Number.isFinite(E) ? E : t, M = i === "min" ? [b, x[1]] : [x[0], b];
+      r(M);
+    };
+    u = (c) => {
+      n(""), R(c.target.value);
+    }, d = (c) => {
+      c.key === "Enter" && (R(c.target.value), c.target.blur());
+    }, e[3] = r, e[4] = x, e[5] = i, e[6] = n, e[7] = t, e[8] = d, e[9] = u;
+  } else
+    d = e[8], u = e[9];
+  let S;
+  e[10] !== s || e[11] !== o || e[12] !== i || e[13] !== m ? (S = s === i ? m : o(Number(m)), e[10] = s, e[11] = o, e[12] = i, e[13] = m, e[14] = S) : S = e[14];
+  const D = S;
+  let w;
+  e[15] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (w = (R) => C(R.target.value), e[15] = w) : w = e[15];
+  let f;
+  e[16] !== p ? (f = {
+    "aria-label": p
+  }, e[16] = p, e[17] = f) : f = e[17];
+  let g;
+  return e[18] !== h || e[19] !== d || e[20] !== D || e[21] !== u || e[22] !== l.disabled || e[23] !== i || e[24] !== f ? (g = /* @__PURE__ */ v(G, { name: i, value: D, onChange: w, onFocus: h, onBlur: u, onKeyDown: d, disabled: l.disabled, size: "small", sx: $.input, inputProps: f }), e[18] = h, e[19] = d, e[20] = D, e[21] = u, e[22] = l.disabled, e[23] = i, e[24] = f, e[25] = g) : g = e[25], g;
+}
+function V(a) {
+  if (a != null)
+    return typeof a == "boolean" ? a : [...a];
+}
+const X = (a) => ({
+  data: a.data ?? [],
+  formatter: a.formatter
+});
+function ae(a) {
+  const e = _(4), {
+    onChange: i
+  } = a, t = O(), l = P(t, X);
+  let o;
+  return e[0] !== i || e[1] !== l.data || e[2] !== l.formatter ? (o = /* @__PURE__ */ v(H, { items: l.data, formatter: l.formatter, onChange: i }), e[0] = i, e[1] = l.data, e[2] = l.formatter, e[3] = o) : o = e[3], o;
+}
+export {
+  ae as R,
+  H as a
+};
+//# sourceMappingURL=range-DsqTjSpg.js.map

package/dist/range-DsqTjSpg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"range-DsqTjSpg.js","sources":["../src/widgets-v2/range/style.ts","../src/widgets-v2/range/range-ui.tsx","../src/widgets-v2/range/range.tsx"],"sourcesContent":["import type { SxProps, Theme } from '@mui/material'\n\nexport const styles = {\n  root: {\n    display: 'flex',\n    flexDirection: 'column',\n    gap: 3,\n    py: 1,\n  },\n  item: {\n    display: 'flex',\n    flexDirection: 'column',\n    gap: 1.5,\n  },\n  sliderContainer: {\n    display: 'flex',\n    flexDirection: 'column',\n    gap: 1,\n    px: 1,\n  },\n  slider: {\n    width: '100%',\n    '&.Mui-disabled': {\n      color: (theme: Theme) => theme.palette.text.disabled,\n    },\n  },\n  inputsRow: {\n    display: 'flex',\n    gap: 2,\n    alignItems: 'center',\n  },\n  input: {\n    flex: 1,\n    '& .MuiInputBase-input': {\n      textAlign: 'center',\n    },\n  },\n  note: {\n    color: 'text.secondary',\n  },\n} satisfies Record<string, SxProps<Theme>>\n","import {\n  useCallback,\n  useState,\n  type FocusEvent,\n  type KeyboardEvent,\n} from 'react'\nimport { Box, Slider, TextField, Typography } from '@mui/material'\nimport type { RangeDataItem, RangeItemValue } from './types'\nimport { styles } from './style'\n\nexport interface RangeUIProps {\n  items: readonly RangeDataItem[]\n  /**\n   * Fires when the user drags a thumb or commits a new value via the text\n   * inputs. Per the destination-owned principle, the consumer owns the\n   * value — this widget surfaces changes but does not store them.\n   */\n  onChange?: (index: number, value: RangeItemValue) => void\n  /** Number formatter for the slider tooltip and the text input display. */\n  formatter?: (value: number) => string\n}\n\ntype Bound = 'min' | 'max'\n\n/**\n * Pure presentational component for the Range widget. Renders one MUI Slider\n * per item with editable min/max text inputs below — matching the Range v1\n * UX. Each item is always a two-thumb range; supply `value` to seed the\n * starting selection, otherwise it defaults to `[min, max]`.\n */\nexport function RangeUI({ items, onChange, formatter }: RangeUIProps) {\n  const fmt = formatter ?? ((n: number) => String(n))\n  return (\n    <Box sx={styles.root}>\n      {items.map((item, i) => (\n        // Composite of the row's track bounds — stable across reorders for\n        // any realistic widget configuration. Falls back to a literal +\n        // index when bounds collide (degenerate same-min-same-max rows).\n        <RangeRow\n          key={`range-${item.min}-${item.max}-${i}`}\n          index={i}\n          item={item}\n          fmt={fmt}\n          onChange={onChange}\n        />\n      ))}\n    </Box>\n  )\n}\n\ninterface RangeRowProps {\n  index: number\n  item: RangeDataItem\n  fmt: (n: number) => string\n  onChange?: (index: number, value: RangeItemValue) => void\n}\n\nfunction RangeRow({ index, item, fmt, onChange }: RangeRowProps) {\n  const current: readonly [number, number] = item.value ?? [item.min, item.max]\n  const [editing, setEditing] = useState<'' | Bound>('')\n\n  const commit = useCallback(\n    (next: readonly [number, number]) => {\n      // Clamp inside [min, max] and keep `low <= high`.\n      const [lowRaw, highRaw] = next\n      const low = Math.min(Math.max(lowRaw, item.min), item.max)\n      const high = Math.min(Math.max(highRaw, item.min), item.max)\n      const ordered: readonly [number, number] =\n        low <= high ? [low, high] : [high, low]\n      onChange?.(index, ordered)\n    },\n    [index, item.min, item.max, onChange],\n  )\n\n  const handleSlider = (_: Event, raw: number | number[]) => {\n    if (!Array.isArray(raw)) return\n    // Hoist defaults out of the destructure: react-compiler can't safely\n    // reorder MemberExpression defaults inside an array pattern.\n    const low = raw[0] ?? item.min\n    const high = raw[1] ?? item.max\n    commit([low, high])\n  }\n\n  return (\n    <Box sx={styles.item}>\n      <Box sx={styles.sliderContainer}>\n        <Slider\n          sx={{\n            ...styles.slider,\n            ...(item.color ? { color: item.color } : null),\n          }}\n          value={[...current]}\n          min={item.min}\n          max={item.max}\n          step={item.step ?? 1}\n          marks={resolveMarks(item.marks)}\n          disabled={item.disabled}\n          valueLabelDisplay='auto'\n          valueLabelFormat={fmt}\n          onChange={handleSlider}\n        />\n      </Box>\n      <Box sx={styles.inputsRow}>\n        <BoundInput\n          // Bumping the key on a fresh external value resets the local\n          // editing state — matches v1's RangeItem behaviour.\n          key={`min-${current[0]}`}\n          name='min'\n          value={current[0]}\n          item={item}\n          fmt={fmt}\n          editing={editing}\n          setEditing={setEditing}\n          commit={commit}\n          current={current}\n          ariaLabel='Minimum value'\n        />\n        <BoundInput\n          key={`max-${current[1]}`}\n          name='max'\n          value={current[1]}\n          item={item}\n          fmt={fmt}\n          editing={editing}\n          setEditing={setEditing}\n          commit={commit}\n          current={current}\n          ariaLabel='Maximum value'\n        />\n      </Box>\n      {item.note ? (\n        <Typography variant='caption' sx={styles.note}>\n          {item.note}\n        </Typography>\n      ) : null}\n    </Box>\n  )\n}\n\ninterface BoundInputProps {\n  name: Bound\n  value: number\n  item: RangeDataItem\n  fmt: (n: number) => string\n  editing: '' | Bound\n  setEditing: (next: '' | Bound) => void\n  commit: (next: readonly [number, number]) => void\n  current: readonly [number, number]\n  ariaLabel: string\n}\n\nfunction BoundInput({\n  name,\n  value,\n  item,\n  fmt,\n  editing,\n  setEditing,\n  commit,\n  current,\n  ariaLabel,\n}: BoundInputProps) {\n  const [raw, setRaw] = useState<string>(String(value))\n\n  const beginEditing = () => {\n    setEditing(name)\n  }\n  const finishEditingAndCommit = (e: FocusEvent<HTMLInputElement>) => {\n    setEditing('')\n    commitFromText(e.target.value)\n  }\n  const commitOnEnter = (e: KeyboardEvent<HTMLInputElement>) => {\n    if (e.key === 'Enter') {\n      commitFromText((e.target as HTMLInputElement).value)\n      ;(e.target as HTMLInputElement).blur()\n    }\n  }\n\n  function commitFromText(input: string) {\n    const parsed = parseFloat(input)\n    const safe = Number.isFinite(parsed) ? parsed : value\n    const next: readonly [number, number] =\n      name === 'min' ? [safe, current[1]] : [current[0], safe]\n    commit(next)\n  }\n\n  const display = editing === name ? raw : fmt(Number(raw))\n\n  return (\n    <TextField\n      name={name}\n      value={display}\n      onChange={(e) => setRaw(e.target.value)}\n      onFocus={beginEditing}\n      onBlur={finishEditingAndCommit}\n      onKeyDown={commitOnEnter}\n      disabled={item.disabled}\n      size='small'\n      sx={styles.input}\n      inputProps={{ 'aria-label': ariaLabel }}\n    />\n  )\n}\n\nfunction resolveMarks(\n  marks: RangeDataItem['marks'],\n): boolean | { value: number; label?: string }[] | undefined {\n  if (marks == null) return undefined\n  if (typeof marks === 'boolean') return marks\n  return [...marks]\n}\n","import { useWidgetId, useWidgetShallow } from '../stores'\nimport { RangeUI } from './range-ui'\nimport type { RangeItemValue, RangeWidgetData } from './types'\n\ninterface RangeSlice {\n  data: RangeWidgetData\n  formatter?: (value: number) => string\n}\n\nconst rangeSelector = (s: {\n  data: unknown\n  formatter?: (value: number) => string\n}): RangeSlice => ({\n  data: (s.data ?? []) as RangeWidgetData,\n  formatter: s.formatter,\n})\n\nexport interface RangeProps {\n  /**\n   * Fires when the user moves a slider thumb or commits a new value via the\n   * text inputs. Receives the item index in `state.data` and the new\n   * `[low, high]` tuple. The consumer owns the data state — the widget\n   * surfaces changes but does not persist them.\n   */\n  onChange?: (index: number, value: RangeItemValue) => void\n}\n\n/**\n * Stateful Range bridge — reads `data` (post-pipeline) and `formatter` from\n * the per-widget store and forwards them to the pure {@link RangeUI}. Per\n * the destination-owned principle, value changes flow back through\n * `onChange` — the consumer is expected to update the data prop on\n * `<Provider>`. Use `disabled` on individual `RangeDataItem`s to disable\n * specific rows.\n */\nexport function Range({ onChange }: RangeProps) {\n  const id = useWidgetId()\n  const slice = useWidgetShallow(id, rangeSelector)\n  return (\n    <RangeUI\n      items={slice.data}\n      formatter={slice.formatter}\n      onChange={onChange}\n    />\n  )\n}\n"],"names":["styles","root","display","flexDirection","gap","py","item","sliderContainer","px","slider","width","color","theme","palette","text","disabled","inputsRow","alignItems","input","flex","textAlign","note","RangeUI","t0","$","_c","items","onChange","formatter","fmt","_temp","t1","t2","i","jsx","RangeRow","min","max","map","Box","n","String","index","value","current","editing","setEditing","useState","next","lowRaw","highRaw","low","Math","high","ordered","commit","t3","_","raw","Array","isArray","low_0","high_0","handleSlider","t4","t5","t6","t7","t8","t9","step","t10","marks","resolveMarks","t11","Slider","t12","t13","BoundInput","t14","t15","t16","t17","Typography","t18","jsxs","name","ariaLabel","setRaw","beginEditing","commitOnEnter","finishEditingAndCommit","commitFromText","parsed","parseFloat","safe","Number","isFinite","e","target","e_0","key","blur","Symbol","for","e_1","TextField","rangeSelector","s","data","Range","id","useWidgetId","slice","useWidgetShallow"],"mappings":";;;;;;;AAEO,MAAMA,IAAS;AAAA,EACpBC,MAAM;AAAA,IACJC,SAAS;AAAA,IACTC,eAAe;AAAA,IACfC,KAAK;AAAA,IACLC,IAAI;AAAA,EAAA;AAAA,EAENC,MAAM;AAAA,IACJJ,SAAS;AAAA,IACTC,eAAe;AAAA,IACfC,KAAK;AAAA,EAAA;AAAA,EAEPG,iBAAiB;AAAA,IACfL,SAAS;AAAA,IACTC,eAAe;AAAA,IACfC,KAAK;AAAA,IACLI,IAAI;AAAA,EAAA;AAAA,EAENC,QAAQ;AAAA,IACNC,OAAO;AAAA,IACP,kBAAkB;AAAA,MAChBC,OAAOA,CAACC,MAAiBA,EAAMC,QAAQC,KAAKC;AAAAA,IAAAA;AAAAA,EAC9C;AAAA,EAEFC,WAAW;AAAA,IACTd,SAAS;AAAA,IACTE,KAAK;AAAA,IACLa,YAAY;AAAA,EAAA;AAAA,EAEdC,OAAO;AAAA,IACLC,MAAM;AAAA,IACN,yBAAyB;AAAA,MACvBC,WAAW;AAAA,IAAA;AAAA,EACb;AAAA,EAEFC,MAAM;AAAA,IACJV,OAAO;AAAA,EAAA;AAEX;ACVO,SAAAW,EAAAC,GAAA;AAAA,QAAAC,IAAAC,EAAA,CAAA,GAAiB;AAAA,IAAAC,OAAAA;AAAAA,IAAAC,UAAAA;AAAAA,IAAAC,WAAAA;AAAAA,EAAAA,IAAAL,GACtBM,IAAYD,KAAAE;AAAuC,MAAAC;AAAA,MAAAP,EAAA,CAAA,MAAAK,KAAAL,SAAAE,KAAAF,EAAA,CAAA,MAAAG,GAAA;AAAA,QAAAK;AAAA,IAAAR,EAAA,CAAA,MAAAK,KAAAL,SAAAG,KAGpCK,IAAAA,CAAA1B,GAAA2B,MAIT,gBAAAC,EAACC,GAAA,EAEQF,OAAAA,GACD3B,MAAAA,GACDuB,KAAAA,GACKF,UAAAA,EAAAA,GAJL,SAASrB,EAAI8B,GAAI,IAAI9B,EAAI+B,GAAI,IAAIJ,CAAC,EAIrB,GAErBT,OAAAK,GAAAL,OAAAG,GAAAH,OAAAQ,KAAAA,IAAAR,EAAA,CAAA,GAXAO,IAAAL,EAAKY,IAAKN,CAWV,GAACR,OAAAK,GAAAL,OAAAE,GAAAF,OAAAG,GAAAH,OAAAO;AAAAA,EAAA;AAAAA,IAAAA,IAAAP,EAAA,CAAA;AAAA,MAAAQ;AAAA,SAAAR,SAAAO,KAZJC,sBAACO,GAAA,EAAQ,IAAAvC,EAAMC,MACZ8B,UAAAA,GAYH,GAAMP,OAAAO,GAAAP,OAAAQ,KAAAA,IAAAR,EAAA,CAAA,GAbNQ;AAaM;AAhBH,SAAAF,EAAAU,GAAA;AAAA,SACoCC,OAAOD,CAAC;AAAC;AA0BpD,SAAAL,EAAAZ,GAAA;AAAA,QAAAC,IAAAC,EAAA,EAAA,GAAkB;AAAA,IAAAiB,OAAAA;AAAAA,IAAApC,MAAAA;AAAAA,IAAAuB,KAAAA;AAAAA,IAAAF,UAAAA;AAAAA,EAAAA,IAAAJ;AAA6C,MAAAQ;AAAA,EAAAP,EAAA,CAAA,MAAAlB,EAAA+B,OAAAb,EAAA,CAAA,MAAAlB,EAAA8B,OAAAZ,EAAA,CAAA,MAAAlB,EAAAqC,SAClBZ,IAAAzB,EAAIqC,SAAJ,CAAerC,EAAI8B,KAAM9B,EAAI+B,GAAI,GAACb,EAAA,CAAA,IAAAlB,EAAA+B,KAAAb,EAAA,CAAA,IAAAlB,EAAA8B,KAAAZ,EAAA,CAAA,IAAAlB,EAAAqC,OAAAnB,OAAAO,KAAAA,IAAAP,EAAA,CAAA;AAA7E,QAAAoB,IAA2Cb,GAC3C,CAAAc,GAAAC,CAAA,IAA8BC,EAAqB,EAAE;AAAC,MAAAf;AAAA,EAAAR,EAAA,CAAA,MAAAkB,KAAAlB,EAAA,CAAA,MAAAlB,EAAA+B,OAAAb,SAAAlB,EAAA8B,OAAAZ,SAAAG,KAGpDK,IAAAgB,CAAAA,MAAA;AAEE,UAAA,CAAAC,GAAAC,CAAA,IAA0BF,GAC1BG,IAAYC,KAAIhB,IAAKgB,KAAIf,IAAKY,GAAQ3C,EAAI8B,GAAI,GAAG9B,EAAI+B,GAAI,GACzDgB,IAAaD,KAAIhB,IAAKgB,KAAIf,IAAKa,GAAS5C,EAAI8B,GAAI,GAAG9B,EAAI+B,GAAI,GAC3DiB,IACEH,KAAOE,IAAP,CAAeF,GAAKE,CAAI,IAAxB,CAA6BA,GAAMF,CAAG;AACxCxB,IAAAA,IAAWe,GAAOY,CAAO;AAAA,EAAC,GAC3B9B,OAAAkB,GAAAlB,EAAA,CAAA,IAAAlB,EAAA+B,KAAAb,EAAA,CAAA,IAAAlB,EAAA8B,KAAAZ,OAAAG,GAAAH,OAAAQ,KAAAA,IAAAR,EAAA,CAAA;AATH,QAAA+B,IAAevB;AAWd,MAAAwB;AAAA,EAAAhC,EAAA,CAAA,MAAA+B,KAAA/B,EAAA,EAAA,MAAAlB,EAAA+B,OAAAb,EAAA,EAAA,MAAAlB,EAAA8B,OAEoBoB,IAAAA,CAAAC,GAAAC,MAAA;AACnB,QAAI,CAACC,MAAKC,QAASF,CAAG;AAAC;AAGvB,UAAAG,IAAYH,QAAUpD,EAAI8B,KAC1B0B,IAAaJ,QAAUpD,EAAI+B;AAC3BkB,IAAAA,EAAO,CAACJ,GAAKE,CAAI,CAAC;AAAA,EAAC,GACpB7B,OAAA+B,GAAA/B,EAAA,EAAA,IAAAlB,EAAA+B,KAAAb,EAAA,EAAA,IAAAlB,EAAA8B,KAAAZ,QAAAgC,KAAAA,IAAAhC,EAAA,EAAA;AAPD,QAAAuC,IAAqBP;AAOpB,MAAAQ;AAAA,EAAAxC,EAAA,EAAA,MAAAlB,EAAAK,SAQaqD,IAAA1D,EAAIK,QAAJ;AAAA,IAAAA,OAAsBL,EAAIK;AAAAA,EAAAA,IAA1B,MAAyCa,EAAA,EAAA,IAAAlB,EAAAK,OAAAa,QAAAwC,KAAAA,IAAAxC,EAAA,EAAA;AAAA,MAAAyC;AAAA,EAAAzC,UAAAwC,KAF3CC,IAAA;AAAA,IAAA,GACCjE,EAAMS;AAAAA,IAAO,GACZuD;AAAAA,EAAAA,GACLxC,QAAAwC,GAAAxC,QAAAyC,KAAAA,IAAAzC,EAAA,EAAA;AAAA,MAAA0C;AAAA,EAAA1C,UAAAoB,KACMsB,IAAA,CAAA,GAAItB,CAAO,GAACpB,QAAAoB,GAAApB,QAAA0C,KAAAA,IAAA1C,EAAA,EAAA;AACd,QAAA2C,IAAA7D,EAAI8B,KACJgC,IAAA9D,EAAI+B,KACHgC,IAAA/D,EAAIgE,QAAJ;AAAc,MAAAC;AAAA,EAAA/C,EAAA,EAAA,MAAAlB,EAAAkE,SACbD,IAAAE,EAAanE,EAAIkE,KAAM,GAAChD,EAAA,EAAA,IAAAlB,EAAAkE,OAAAhD,QAAA+C,KAAAA,IAAA/C,EAAA,EAAA;AAAA,MAAAkD;AAAA,EAAAlD,EAAA,EAAA,MAAAK,KAAAL,EAAA,EAAA,MAAAuC,KAAAvC,EAAA,EAAA,MAAAlB,EAAAS,YAAAS,EAAA,EAAA,MAAAlB,EAAA+B,OAAAb,EAAA,EAAA,MAAAlB,EAAA8B,OAAAZ,EAAA,EAAA,MAAA+C,KAAA/C,EAAA,EAAA,MAAAyC,KAAAzC,EAAA,EAAA,MAAA0C,KAAA1C,UAAA6C,KAVnCK,IAAA,gBAAAxC,EAACK,GAAA,EAAQ,IAAAvC,EAAMO,iBACb,UAAA,gBAAA2B,EAACyC,GAAA,EACK,IAAAV,GAIG,OAAAC,GACF,KAAAC,GACA,KAAAC,GACC,MAAAC,GACC,OAAAE,GACG,UAAAjE,EAAIS,UACI,mBAAA,QACAc,kBAAAA,GACRkC,UAAAA,EAAAA,CAAY,GAE1B,GAAMvC,QAAAK,GAAAL,QAAAuC,GAAAvC,EAAA,EAAA,IAAAlB,EAAAS,UAAAS,EAAA,EAAA,IAAAlB,EAAA+B,KAAAb,EAAA,EAAA,IAAAlB,EAAA8B,KAAAZ,QAAA+C,GAAA/C,QAAAyC,GAAAzC,QAAA0C,GAAA1C,QAAA6C,GAAA7C,QAAAkD,KAAAA,IAAAlD,EAAA,EAAA;AAKG,QAAAoD,IAAA,OAAOhC,EAAO,CAAA,CAAG;AAAE,MAAAiC;AAAA,EAAArD,UAAA+B,KAAA/B,EAAA,EAAA,MAAAoB,KAAApB,EAAA,EAAA,MAAAqB,KAAArB,EAAA,EAAA,MAAAK,KAAAL,UAAAlB,KAAAkB,EAAA,EAAA,MAAAoD,KAH1BC,sBAACC,GAAA,EAIM,MAAA,OACE,OAAAlC,EAAO,CAAA,GACRtC,MAAAA,GACDuB,KAAAA,GACIgB,SAAAA,GACGC,YAAAA,GACJS,QAAAA,GACCX,SAAAA,GACC,WAAA,mBATLgC,CASoB,GACzBpD,QAAA+B,GAAA/B,QAAAoB,GAAApB,QAAAqB,GAAArB,QAAAK,GAAAL,QAAAlB,GAAAkB,QAAAoD,GAAApD,QAAAqD,KAAAA,IAAArD,EAAA,EAAA;AAEK,QAAAuD,IAAA,OAAOnC,EAAO,CAAA,CAAG;AAAE,MAAAoC;AAAA,EAAAxD,UAAA+B,KAAA/B,EAAA,EAAA,MAAAoB,KAAApB,EAAA,EAAA,MAAAqB,KAAArB,EAAA,EAAA,MAAAK,KAAAL,UAAAlB,KAAAkB,EAAA,EAAA,MAAAuD,KAD1BC,sBAACF,GAAA,EAEM,MAAA,OACE,OAAAlC,EAAO,CAAA,GACRtC,MAAAA,GACDuB,KAAAA,GACIgB,SAAAA,GACGC,YAAAA,GACJS,QAAAA,GACCX,SAAAA,GACC,WAAA,mBATLmC,CASoB,GACzBvD,QAAA+B,GAAA/B,QAAAoB,GAAApB,QAAAqB,GAAArB,QAAAK,GAAAL,QAAAlB,GAAAkB,QAAAuD,GAAAvD,QAAAwD,KAAAA,IAAAxD,EAAA,EAAA;AAAA,MAAAyD;AAAA,EAAAzD,EAAA,EAAA,MAAAqD,KAAArD,UAAAwD,KA1BJC,sBAAC1C,GAAA,EAAQ,IAAAvC,EAAMgB,WACb6D,UAAAA;AAAAA,IAAAA;AAAAA,IAcAG;AAAAA,EAAAA,GAYF,GAAMxD,QAAAqD,GAAArD,QAAAwD,GAAAxD,QAAAyD,KAAAA,IAAAzD,EAAA,EAAA;AAAA,MAAA0D;AAAA,EAAA1D,EAAA,EAAA,MAAAlB,EAAAe,QACL6D,IAAA5E,EAAIe,OACH,gBAAAa,EAACiD,GAAA,EAAmB,SAAA,WAAc,IAAAnF,EAAMqB,MACrCf,UAAAA,EAAIe,KAAAA,CACP,IAHD,MAIOG,EAAA,EAAA,IAAAlB,EAAAe,MAAAG,QAAA0D,KAAAA,IAAA1D,EAAA,EAAA;AAAA,MAAA4D;AAAA,SAAA5D,EAAA,EAAA,MAAAkD,KAAAlD,UAAAyD,KAAAzD,EAAA,EAAA,MAAA0D,KAlDVE,IAAA,gBAAAC,EAAC9C,GAAA,EAAQ,IAAAvC,EAAMM,MACboE,UAAAA;AAAAA,IAAAA;AAAAA,IAiBAO;AAAAA,IA4BCC;AAAAA,EAAAA,GAKH,GAAM1D,QAAAkD,GAAAlD,QAAAyD,GAAAzD,QAAA0D,GAAA1D,QAAA4D,KAAAA,IAAA5D,EAAA,EAAA,GAnDN4D;AAmDM;AAgBV,SAAAN,EAAAvD,GAAA;AAAA,QAAAC,IAAAC,EAAA,EAAA,GAAoB;AAAA,IAAA6D,MAAAA;AAAAA,IAAA3C,OAAAA;AAAAA,IAAArC,MAAAA;AAAAA,IAAAuB,KAAAA;AAAAA,IAAAgB,SAAAA;AAAAA,IAAAC,YAAAA;AAAAA,IAAAS,QAAAA;AAAAA,IAAAX,SAAAA;AAAAA,IAAA2C,WAAAA;AAAAA,EAAAA,IAAAhE,GAWlB,CAAAmC,GAAA8B,CAAA,IAAsBzC,EAAiBN,OAAOE,CAAK,CAAC;AAAC,MAAAZ;AAAA,EAAAP,EAAA,CAAA,MAAA8D,KAAA9D,SAAAsB,KAEhCf,IAAAA,MAAA;AACnBe,IAAAA,EAAWwC,CAAI;AAAA,EAAC,GACjB9D,OAAA8D,GAAA9D,OAAAsB,GAAAtB,OAAAO,KAAAA,IAAAP,EAAA,CAAA;AAFD,QAAAiE,IAAqB1D;AAEpB,MAAA2D,GAAAC;AAAA,MAAAnE,EAAA,CAAA,MAAA+B,KAAA/B,EAAA,CAAA,MAAAoB,KAAApB,EAAA,CAAA,MAAA8D,KAAA9D,EAAA,CAAA,MAAAsB,KAAAtB,SAAAmB,GAAA;AAYD,QAAAiD,IAAA,SAAA1E,GAAA;AACE,YAAA2E,IAAeC,WAAW5E,CAAK,GAC/B6E,IAAaC,OAAMC,SAAUJ,CAAuB,IAAvCA,IAAAlD,GACbK,IACEsC,MAAS,QAAT,CAAkBS,GAAMnD,EAAO,CAAA,CAAG,IAAlC,CAAuCA,EAAO,CAAA,GAAKmD,CAAI;AACzDxC,MAAAA,EAAOP,CAAI;AAAA,IAAC;AAhBd2C,IAAAA,IAA+BO,CAAAA,MAAA;AAC7BpD,MAAAA,EAAW,EAAE,GACb8C,EAAeM,EAACC,OAAOxD,KAAM;AAAA,IAAC,GAEhC+C,IAAsBU,CAAAA,MAAA;AACpB,MAAIF,EAACG,QAAS,YACZT,EAAgBM,EAACC,OAA2BxD,KAAO,GACjDuD,EAACC,OAA2BG,KAAAA;AAAAA,IAC/B,GASF9E,OAAA+B,GAAA/B,OAAAoB,GAAApB,OAAA8D,GAAA9D,OAAAsB,GAAAtB,OAAAmB,GAAAnB,OAAAkE,GAAAlE,OAAAmE;AAAAA,EAAA;AAAAD,IAAAA,IAAAlE,EAAA,CAAA,GAAAmE,IAAAnE,EAAA,CAAA;AAAA,MAAAQ;AAAA,EAAAR,EAAA,EAAA,MAAAqB,KAAArB,EAAA,EAAA,MAAAK,KAAAL,EAAA,EAAA,MAAA8D,KAAA9D,UAAAkC,KAEe1B,IAAAa,MAAYyC,IAAZ5B,IAAyB7B,EAAImE,OAAOtC,CAAG,CAAC,GAAClC,QAAAqB,GAAArB,QAAAK,GAAAL,QAAA8D,GAAA9D,QAAAkC,GAAAlC,QAAAQ,KAAAA,IAAAR,EAAA,EAAA;AAAzD,QAAAtB,IAAgB8B;AAAyC,MAAAwB;AAAA,EAAAhC,EAAA,EAAA,MAAA+E,uBAAAC,IAAA,2BAAA,KAM3ChD,IAAAiD,CAAAA,MAAOjB,EAAOU,EAACC,OAAOxD,KAAM,GAACnB,QAAAgC,KAAAA,IAAAhC,EAAA,EAAA;AAAA,MAAAwC;AAAA,EAAAxC,UAAA+D,KAO3BvB,IAAA;AAAA,IAAA,cAAgBuB;AAAAA,EAAAA,GAAW/D,QAAA+D,GAAA/D,QAAAwC,KAAAA,IAAAxC,EAAA,EAAA;AAAA,MAAAyC;AAAA,SAAAzC,EAAA,EAAA,MAAAiE,KAAAjE,EAAA,EAAA,MAAAkE,KAAAlE,EAAA,EAAA,MAAAtB,KAAAsB,EAAA,EAAA,MAAAmE,KAAAnE,EAAA,EAAA,MAAAlB,EAAAS,YAAAS,EAAA,EAAA,MAAA8D,KAAA9D,EAAA,EAAA,MAAAwC,KAVzCC,IAAA,gBAAA/B,EAACwE,KACOpB,MAAAA,GACCpF,OAAAA,GACG,UAAAsD,GACDiC,SAAAA,GACDE,QAAAA,GACGD,WAAAA,GACD,UAAApF,EAAIS,UACT,MAAA,SACD,IAAAf,EAAMkB,OACE,YAAA8C,EAAAA,CAA2B,GACvCxC,QAAAiE,GAAAjE,QAAAkE,GAAAlE,QAAAtB,GAAAsB,QAAAmE,GAAAnE,EAAA,EAAA,IAAAlB,EAAAS,UAAAS,QAAA8D,GAAA9D,QAAAwC,GAAAxC,QAAAyC,KAAAA,IAAAzC,EAAA,EAAA,GAXFyC;AAWE;AAIN,SAASQ,EACPD,GAC2D;AAC3D,MAAIA,KAAS;AACb,WAAI,OAAOA,KAAU,YAAkBA,IAChC,CAAC,GAAGA,CAAK;AAClB;ACzMA,MAAMmC,IAAgBA,CAACC,OAGJ;AAAA,EACjBC,MAAOD,EAAEC,QAAQ,CAAA;AAAA,EACjBjF,WAAWgF,EAAEhF;AACf;AAoBO,SAAAkF,GAAAvF,GAAA;AAAA,QAAAC,IAAAC,EAAA,CAAA,GAAe;AAAA,IAAAE,UAAAA;AAAAA,EAAAA,IAAAJ,GACpBwF,IAAWC,EAAAA,GACXC,IAAcC,EAAiBH,GAAIJ,CAAa;AAAC,MAAA5E;AAAA,SAAAP,EAAA,CAAA,MAAAG,KAAAH,EAAA,CAAA,MAAAyF,EAAAJ,QAAArF,EAAA,CAAA,MAAAyF,EAAArF,aAE/CG,IAAA,gBAAAG,EAACZ,KACQ,OAAA2F,EAAKJ,MACD,WAAAI,EAAKrF,WACND,UAAAA,EAAAA,CAAQ,GAClBH,OAAAG,GAAAH,EAAA,CAAA,IAAAyF,EAAAJ,MAAArF,EAAA,CAAA,IAAAyF,EAAArF,WAAAJ,OAAAO,KAAAA,IAAAP,EAAA,CAAA,GAJFO;AAIE;"}

package/dist/spread-CTuIXZSM.js

@@ -0,0 +1,67 @@
+import { jsx as s, jsxs as d } from "react/jsx-runtime";
+import { c as x } from "react/compiler-runtime";
+import { u as S } from "./widget-context-DTGO0Yta.js";
+import { u as $ } from "./widget-store-registry-_W4Z4xp-.js";
+import "react";
+import "zustand";
+import { Box as f } from "@mui/material";
+import "zustand/vanilla";
+import "zustand/middleware";
+import "zustand/react/shallow";
+import { V as u, s as m, S as b, P as _, a as g, N as j } from "./style-DVnT6HC1.js";
+import "@mui/icons-material/FileDownload";
+import "./lasso-tool-BYbxrJ-7.js";
+import "./cjs-D4KH3azB.js";
+import "@mui/icons-material";
+import "html2canvas";
+import "@mui/icons-material/ImageOutlined";
+function w() {
+  const o = x(1);
+  let r;
+  return o[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (r = /* @__PURE__ */ s(u, { color: "inherit", children: "-" }), o[0] = r) : r = o[0], r;
+}
+function y(o) {
+  const r = x(8), {
+    items: t,
+    formatter: a,
+    ref: p
+  } = o, n = a ?? P;
+  let i;
+  if (r[0] !== n || r[1] !== t) {
+    let c;
+    r[3] !== n ? (c = (e, h) => /* @__PURE__ */ d(f, { sx: m.row, children: [
+      e.series ? /* @__PURE__ */ s(b, { name: e.series.name, color: e.series.color }) : null,
+      /* @__PURE__ */ d(f, { sx: m.body, children: [
+        /* @__PURE__ */ d(f, { sx: m.valueRow, children: [
+          e.prefix ? /* @__PURE__ */ s(_, { children: e.prefix }) : null,
+          /* @__PURE__ */ s(u, { color: e.color, children: n(e.min) }),
+          /* @__PURE__ */ s(w, {}),
+          /* @__PURE__ */ s(u, { color: e.color, children: n(e.max) }),
+          e.suffix ? /* @__PURE__ */ s(g, { children: e.suffix }) : null
+        ] }),
+        e.note ? /* @__PURE__ */ s(j, { children: e.note }) : null
+      ] })
+    ] }, `spread-${e.series?.name ?? ""}-${e.min}-${e.max}-${h}`), r[3] = n, r[4] = c) : c = r[4], i = t.map(c), r[0] = n, r[1] = t, r[2] = i;
+  } else
+    i = r[2];
+  let l;
+  return r[5] !== p || r[6] !== i ? (l = /* @__PURE__ */ s(f, { ref: p, sx: m.root, children: i }), r[5] = p, r[6] = i, r[7] = l) : l = r[7], l;
+}
+function P(o) {
+  return String(o);
+}
+const A = Object.freeze([]), I = (o) => ({
+  data: o.data ?? A,
+  formatter: o.formatter
+});
+function F() {
+  const o = x(3), r = S(), t = $(r, I);
+  let a;
+  return o[0] !== t.data || o[1] !== t.formatter ? (a = /* @__PURE__ */ s(y, { items: t.data, formatter: t.formatter }), o[0] = t.data, o[1] = t.formatter, o[2] = a) : a = o[2], a;
+}
+export {
+  w as S,
+  F as a,
+  y as b
+};
+//# sourceMappingURL=spread-CTuIXZSM.js.map

package/dist/spread-CTuIXZSM.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spread-CTuIXZSM.js","sources":["../src/widgets-v2/spread/separator.tsx","../src/widgets-v2/spread/spread-ui.tsx","../src/widgets-v2/spread/spread.tsx"],"sourcesContent":["import { Value } from '../formula'\n\n/**\n * Em-dash separator placed between a Spread row's `min` and `max` values.\n * Built from the Formula {@link Value} primitive so typography (h5/600,\n * baseline alignment) matches the numbers around it. Renders with\n * `text.secondary` so it visually recedes between the two bounds.\n */\nexport function Separator() {\n  return <Value color='inherit'>-</Value>\n}\n","import { Box } from '@mui/material'\nimport type { Ref } from 'react'\nimport { Note, Prefix, Series, Suffix, Value } from '../formula'\nimport { styles } from '../formula/style'\nimport { Separator } from './separator'\nimport type { SpreadDataItem } from './types'\n\nexport interface SpreadUIProps {\n  items: readonly SpreadDataItem[]\n  /** Number formatter — applied to each item's `min` and `max`. */\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 Spread widget. Each item renders as\n * a row containing (in order): optional `Series` avatar, a body with\n * `[prefix] min — max [suffix]` plus optional `Note`. Reuses the Formula\n * primitives ({@link Series}, {@link Prefix}, {@link Value}, {@link Suffix},\n * {@link Note}) and the Formula row styles so Spread and Formula stay\n * visually aligned when used together.\n */\nexport function SpreadUI({ items, formatter, ref }: SpreadUIProps) {\n  const fmt = formatter ?? ((n: number) => String(n))\n  return (\n    <Box ref={ref} sx={styles.root}>\n      {items.map((item, i) => (\n        // Composite of series name + min/max bounds for stability across\n        // reorders; falls back to the index when bounds happen to collide.\n        <Box\n          key={`spread-${item.series?.name ?? ''}-${item.min}-${item.max}-${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}>{fmt(item.min)}</Value>\n              <Separator />\n              <Value color={item.color}>{fmt(item.max)}</Value>\n              {item.suffix ? <Suffix>{item.suffix}</Suffix> : null}\n            </Box>\n            {item.note ? <Note>{item.note}</Note> : null}\n          </Box>\n        </Box>\n      ))}\n    </Box>\n  )\n}\n","import { useWidgetId, useWidgetShallow } from '../stores'\nimport { SpreadUI } from './spread-ui'\nimport type { SpreadWidgetData } from './types'\n\ninterface SpreadSlice {\n  data: SpreadWidgetData\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: SpreadWidgetData = Object.freeze([]) as SpreadWidgetData\n\nconst spreadSelector = (s: {\n  data: unknown\n  formatter?: (value: number) => string\n}): SpreadSlice => ({\n  data: (s.data ?? EMPTY_DATA) as SpreadWidgetData,\n  formatter: s.formatter,\n})\n\n/**\n * Stateful Spread bridge — reads `data` (post-pipeline) and `formatter` from\n * the per-widget store and forwards them to the pure {@link SpreadUI}.\n */\nexport function Spread() {\n  const id = useWidgetId()\n  const slice = useWidgetShallow(id, spreadSelector)\n  return <SpreadUI items={slice.data} formatter={slice.formatter} />\n}\n"],"names":["Separator","$","_c","t0","Symbol","for","jsx","Value","SpreadUI","items","formatter","ref","fmt","_temp","t1","t2","item","i","Box","styles","row","series","Series","name","color","jsxs","body","valueRow","prefix","Prefix","min","max","suffix","Suffix","note","Note","map","root","n","String","EMPTY_DATA","Object","freeze","spreadSelector","s","data","Spread","id","useWidgetId","slice","useWidgetShallow"],"mappings":"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"}