@carto/ps-react-ui 5.3.0 → 6.1.0

package/dist/{chart-config-B_fdIcD3.js → option-builders-DQivvvbb.js}

@@ -1,11 +1,10 @@
-import { _ as e, v as t } from "./actions-CGJD6q0t.js";
-//#region src/widgets/utils/chart-config/option-builders.ts
-function n(e) {
+//#region src/widgets/utils/option-builders.ts
+function e(e) {
 	if (e === 0) return 0;
 	let t = Math.abs(e), n = 10 ** Math.floor(Math.log10(t)), r = Math.ceil(t / n) * n;
 	return e < 0 ? -r : r;
 }
-function r({ hasLegend: e, labelFormatter: t }) {
+function t({ hasLegend: e, labelFormatter: t }) {
 	return {
 		show: e,
 		icon: "circle",
@@ -16,49 +15,26 @@ function r({ hasLegend: e, labelFormatter: t }) {
 		...t && { formatter: (e) => String(t(e)) }
 	};
 }
-function i(e, t) {
+function n(e, t) {
 	return {
 		...!e && { bottom: parseInt(t.spacing(3)) },
 		...e && { bottom: parseInt(t.spacing(7)) }
 	};
 }
-function a(e) {
+function r(e) {
 	return {
 		fontSize: e.typography.overlineDelicate?.fontSize,
 		fontFamily: e.typography.overlineDelicate?.fontFamily,
 		color: e.palette.black?.[60] ?? e.palette.text.secondary
 	};
 }
-function o(e) {
+function i(e) {
 	return function(t, n, r, i, a) {
 		let o = { top: parseInt(e.spacing(.5)) };
 		return a.contentSize[0] < a.viewSize[0] - t[0] ? o.left = t[0] : o.right = a.viewSize[0] - t[0], o;
 	};
 }
-function s(e) {
-	if (e) return (t) => e(t);
-}
-function c(e, t) {
-	let n = e && !Array.isArray(e), r = e, i = t && n ? (e) => String(t(e)) : void 0;
-	return {
-		...r,
-		axisLabel: {
-			...typeof r.axisLabel == "object" && r.axisLabel ? r.axisLabel : {},
-			formatter: i
-		}
-	};
-}
-function l(e, t) {
-	let n = s(t), r = e && !Array.isArray(e), i = e;
-	return (!r || i.type !== "value") && (n = void 0), {
-		...i,
-		axisLabel: {
-			...typeof i.axisLabel == "object" && i.axisLabel ? i.axisLabel : {},
-			formatter: n
-		}
-	};
-}
-function u(e) {
+function a(e) {
 	return (t) => {
 		let n = Array.isArray(t) ? t : [t], r = (e, t) => `<div style="margin: 0px 0 0;line-height:1;">${e ? `<div style="font-size:11px;color:#FFFFFF;font-weight:400;line-height:1; margin-bottom: 10px">${e}</div>` : ""}<div style="margin: 0;line-height:1;">${t}</div><div style="clear:both"></div></div>`, i = n.map((t) => {
 			let { name: r, seriesName: i, marker: a, value: o } = e(t, n);
@@ -72,7 +48,7 @@ function u(e) {
 		return r(a, i.map(({ seriesName: e, marker: t, value: n }) => `<div style="${o}"><div style="margin: 0px 0 0;line-height:1;">${t}${e ? `<span style="font-size:11px;color:#FFFFFF;font-weight:400;margin-left:2px;margin-right:10px">${e}</span>` : ""}<span style="float:right;margin-left:10px;font-size:11px;color:#FFFFFF;font-weight:900">${n}</span></div></div>`).join(""));
 	};
 }
-function d(e, t = "y") {
+function o(e, t = "y") {
 	return e ? { label: { formatter: (n) => {
 		let r = n.encode?.[t]?.[0];
 		if (r === void 0) return "";
@@ -80,29 +56,7 @@ function d(e, t = "y") {
 		return typeof o == "number" ? e(o) : String(o ?? "");
 	} } } : {};
 }
-function f(e) {
-	return e ? { label: { formatter: (t) => {
-		let n = t.value;
-		return typeof n == "number" ? e(n) : String(n ?? "");
-	} } } : {};
-}
-//#endregion
-//#region src/widgets/utils/chart-config/download-config.ts
-function p(n) {
-	return function({ refUI: r }) {
-		return [{
-			...t,
-			modifier: () => t.modifier(r)
-		}, {
-			...e,
-			modifier: async (t) => {
-				let r = n(t);
-				return e.modifier(r);
-			}
-		}];
-	};
-}
 //#endregion
-export { i as a, d as c, o as d, n as f, a as i, s as l, c as n, f as o, l as r, r as s, p as t, u };
+export { a, o as i, n, i as o, t as r, e as s, r as t };
 
-//# sourceMappingURL=chart-config-B_fdIcD3.js.map
+//# sourceMappingURL=option-builders-DQivvvbb.js.map

package/dist/option-builders-DQivvvbb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"option-builders-DQivvvbb.js","names":[],"sources":["../src/widgets/utils/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 * Builds the shared axis-label text style for chart widgets, matching the\n * design's \"Overline (Delicate)\" token (Inter, 10px) in the secondary text\n * colour (`rgba(44,48,50,0.6)`). Spread into an ECharts `axisLabel` for both\n * x and y axes so every chart's labels stay consistent.\n *\n * Note: the token's `letterSpacing` and `textTransform: uppercase` are not\n * representable in ECharts canvas text, so only font size/family/colour are\n * applied.\n *\n * @param theme - MUI theme providing the typography token and palette\n * @returns `{ fontSize, fontFamily, color }` for an ECharts `axisLabel`\n */\nexport function buildAxisLabelStyle(theme: Theme): {\n  fontSize: string | number | undefined\n  fontFamily: string | undefined\n  color: string\n} {\n  return {\n    fontSize: theme.typography.overlineDelicate?.fontSize,\n    fontFamily: theme.typography.overlineDelicate?.fontFamily,\n    color: theme.palette.black?.[60] ?? theme.palette.text.secondary,\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"],"mappings":";AAiBA,SAAgB,EAAQ,GAAuB;CAC7C,IAAI,MAAU,GAAG,OAAO;CACxB,IAAM,IAAW,KAAK,IAAI,CAAK,GACzB,IAAgB,MAAI,KAAK,MAAM,KAAK,MAAM,CAAQ,CAAC,GACnD,IAAU,KAAK,KAAK,IAAW,CAAI,IAAI;CAC7C,OAAO,IAAQ,IAAI,CAAC,IAAU;AAChC;AAUA,SAAgB,EAAkB,EAChC,cACA,qBAIwB;CACxB,OAAO;EACL,MAAM;EACN,MAAM;EACN,MAAM;EACN,QAAQ;EACR,QAAQ;EACR,MAAM;EACN,GAAI,KAAkB,EACpB,YAAY,MAAiB,OAAO,EAAe,CAAI,CAAC,EAC1D;CACF;AACF;AAUA,SAAgB,EAAgB,GAAoB,GAAc;CAChE,OAAO;EACL,GAAI,CAAC,KAAa,EAAE,QAAQ,SAAS,EAAM,QAAQ,CAAC,CAAC,EAAE;EACvD,GAAI,KAAa,EAAE,QAAQ,SAAS,EAAM,QAAQ,CAAC,CAAC,EAAE;CACxD;AACF;AAeA,SAAgB,EAAoB,GAIlC;CACA,OAAO;EACL,UAAU,EAAM,WAAW,kBAAkB;EAC7C,YAAY,EAAM,WAAW,kBAAkB;EAC/C,OAAO,EAAM,QAAQ,QAAQ,OAAO,EAAM,QAAQ,KAAK;CACzD;AACF;AASA,SAAgB,EAAwB,GAAc;CACpD,OAAO,SACL,GACA,GACA,GACA,GACA,GACA;EACA,IAAM,IAAW,EAAE,KAAK,SAAS,EAAM,QAAQ,EAAG,CAAC,EAAE;EAYrD,OANI,EAAK,YAAY,KAAK,EAAK,SAAS,KAAK,EAAM,KACjD,EAAS,OAAO,EAAM,KAEtB,EAAS,QAAQ,EAAK,SAAS,KAAK,EAAM,IAGrC;CACT;AACF;AAuFA,SAAgB,EACd,GASA;CACA,QAAQ,MAAoC;EAE1C,IAAM,IAAQ,MAAM,QAAQ,CAAM,IAAI,IAAS,CAAC,CAAM,GAEhD,KAAW,GAAc,MAC7B,+CAA+C,IAAO,gGAAgG,EAAK,UAAU,GAAG,wCAAwC,EAAS,6CAErN,IAAS,EAAM,KAAK,MAAS;GACjC,IAAM,EAAE,SAAM,eAAY,WAAQ,aAAU,EAAS,GAAM,CAAK;GAChE,OAAO;IACL;IACA;IACA;IACA;GACF;EACF,CAAC,GAEK,IAAO,EAAO,EAAE,EAAE,QAAQ,IAG1B,IADa,KAAQ,EAAM,SAAS,IAEtC,oCACA;EAOJ,OAAO,EAAQ,GALS,EAAO,KAC5B,EAAE,eAAY,WAAQ,eACrB,eAAe,EAAY,gDAAgD,IAAS,IAAa,gGAAgG,EAAW,WAAW,GAAG,0FAA0F,EAAM,oBAGzS,CAAA,CAAgB,KAAK,EAAE,CAAC;CAC/C;AACF;AAWA,SAAgB,EACd,GACA,IAAY,KAC+D;CAG3E,OAFK,IAEE,EACL,OAAO,EACL,YAAY,MAA+B;EACzC,IAAM,IAAc,EAAO,SAAS,EAAU,GAAG;EACjD,IAAI,MAAgB,KAAA,GAAW,OAAO;EACtC,IAAM,IAAU,EAAO,iBAAiB,IAClC,IAAM,EAAO,OACb,IAAQ,IAAU,EAAI,KAAW,KAAA;EACvC,OAAO,OAAO,KAAU,WACpB,EAAU,CAAK,IACf,OAAO,KAAS,EAAE;CACxB,EACF,EACF,IAfuB,CAAC;AAgB1B"}

package/dist/{range-BCMAl5xf.js → range-BpU2zBmq.js}

@@ -1,9 +1,9 @@
-import { C as e, T as t } from "./stores-tiFePP0A.js";
+import { C as e, D as t } from "./stores-DcBOZlU3.js";
 import { c as n } from "react/compiler-runtime";
 import { useState as r } from "react";
 import { Box as i, Skeleton as a, Slider as o, TextField as s, Typography as c } from "@mui/material";
 import { jsx as l, jsxs as u } from "react/jsx-runtime";
-//#region src/widgets-v2/range/style.ts
+//#region src/widgets/range/style.ts
 var d = {
 	root: {
 		display: "flex",
@@ -38,7 +38,7 @@ var d = {
 	note: { color: "text.secondary" }
 };
 //#endregion
-//#region src/widgets-v2/range/range-ui.tsx
+//#region src/widgets/range/range-ui.tsx
 function f(e) {
 	let t = n(11), { items: r, onChange: a, onChangeCommitted: o, formatter: s } = e, c = s ?? p, u;
 	if (t[0] !== c || t[1] !== r || t[2] !== a || t[3] !== o) {
@@ -189,7 +189,7 @@ function h(e) {
 	let C = S, w;
 	t[15] === Symbol.for("react.memo_cache_sentinel") ? (w = (e) => _(e.target.value), t[15] = w) : w = t[15];
 	let T;
-	t[16] === h ? T = t[17] : (T = { "aria-label": h }, t[16] = h, t[17] = T);
+	t[16] === h ? T = t[17] : (T = { htmlInput: { "aria-label": h } }, t[16] = h, t[17] = T);
 	let E;
 	return t[18] !== y || t[19] !== b || t[20] !== C || t[21] !== x || t[22] !== o.disabled || t[23] !== i || t[24] !== T ? (E = /* @__PURE__ */ l(s, {
 		name: i,
@@ -201,14 +201,14 @@ function h(e) {
 		disabled: o.disabled,
 		size: "small",
 		sx: d.input,
-		inputProps: T
+		slotProps: T
 	}), t[18] = y, t[19] = b, t[20] = C, t[21] = x, t[22] = o.disabled, t[23] = i, t[24] = T, t[25] = E) : E = t[25], E;
 }
 function g(e) {
 	if (e != null) return typeof e == "boolean" ? e : [...e];
 }
 //#endregion
-//#region src/widgets-v2/range/range.tsx
+//#region src/widgets/range/range.tsx
 var _ = (e) => ({
 	data: e.data ?? [],
 	formatter: e.formatter
@@ -223,7 +223,7 @@ function v(r) {
 	}), i[0] = a, i[1] = o, i[2] = c.data, i[3] = c.formatter, i[4] = u) : u = i[4], u;
 }
 //#endregion
-//#region src/widgets-v2/range/skeleton.tsx
+//#region src/widgets/range/skeleton.tsx
 var y = {
 	root: {
 		display: "flex",
@@ -274,4 +274,4 @@ function x(e, t) {
 //#endregion
 export { v as n, f as r, b as t };
 
-//# sourceMappingURL=range-BCMAl5xf.js.map
+//# sourceMappingURL=range-BpU2zBmq.js.map

package/dist/range-BpU2zBmq.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"range-BpU2zBmq.js","names":["{\n  items,\n  onChange,\n  onChangeCommitted,\n  formatter,\n}: RangeUIProps","(n: number) => String(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          onChangeCommitted={onChangeCommitted}\n        />\n      ))","(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          onChangeCommitted={onChangeCommitted}\n        />\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          onChangeCommitted={onChangeCommitted}\n        />\n      ))}\n    </Box>","{\n  index,\n  item,\n  fmt,\n  onChange,\n  onChangeCommitted,\n}: RangeRowProps","item.value ?? [item.min, item.max]","max","min","value","(next: readonly [number, number]): readonly [number, number] => {\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      return low <= high ? [low, high] : [high, low]\n    }","useCallback(\n    (next: readonly [number, number]): readonly [number, number] => {\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      return low <= high ? [low, high] : [high, low]\n    },\n    [item.min, item.max],\n  )","(next: readonly [number, number]) => {\n      onChange?.(index, normalize(next))\n    }","next","useCallback(\n    (next: readonly [number, number]) => {\n      onChange?.(index, normalize(next))\n    },\n    [index, normalize, onChange],\n  )","(next: readonly [number, number]) => {\n      onChangeCommitted?.(index, normalize(next))\n    }","useCallback(\n    (next: readonly [number, number]) => {\n      onChangeCommitted?.(index, normalize(next))\n    },\n    [index, normalize, onChangeCommitted],\n  )","(next: readonly [number, number]) => {\n      const value = normalize(next)\n      onChange?.(index, value)\n      onChangeCommitted?.(index, value)\n    }","useCallback(\n    (next: readonly [number, number]) => {\n      const value = normalize(next)\n      onChange?.(index, value)\n      onChangeCommitted?.(index, value)\n    },\n    [index, normalize, onChange, onChangeCommitted],\n  )","(_: 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  }","low","high","(\n    _: Event | React.SyntheticEvent,\n    raw: number | number[],\n  ) => {\n    if (!Array.isArray(raw)) return\n    const low = raw[0] ?? item.min\n    const high = raw[1] ?? item.max\n    commitFinal([low, high])\n  }","raw","item.color ? { color: item.color } : null","color","{\n            ...styles.slider,\n            ...(item.color ? { color: item.color } : null),\n          }","[...current]","resolveMarks(item.marks)","marks","<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          onChangeCommitted={handleSliderCommitted}\n        />\n      </Box>","disabled","item.step ?? 1","item.min","item.max","<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={commitText}\n          current={current}\n          ariaLabel='Minimum value'\n        />","current[0]","`min-${current[0]}`","<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={commitText}\n          current={current}\n          ariaLabel='Maximum value'\n        />","current[1]","`max-${current[1]}`","<Box sx={styles.inputsRow}>\n        {/* Text-input commits (blur / Enter) are final, but also notify\n            `onChange` — see `commitText` — so consumers that only wired\n            `onChange` still update on a typed value. */}\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={commitText}\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={commitText}\n          current={current}\n          ariaLabel='Maximum value'\n        />\n      </Box>","item.note ? (\n        <Typography variant='caption' sx={styles.note}>\n          {item.note}\n        </Typography>\n      ) : null","note","<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          onChangeCommitted={handleSliderCommitted}\n        />\n      </Box>\n      <Box sx={styles.inputsRow}>\n        {/* Text-input commits (blur / Enter) are final, but also notify\n            `onChange` — see `commitText` — so consumers that only wired\n            `onChange` still update on a typed value. */}\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={commitText}\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={commitText}\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  name,\n  value,\n  item,\n  fmt,\n  editing,\n  setEditing,\n  commit,\n  current,\n  ariaLabel,\n}: BoundInputProps","() => {\n    setEditing(name)\n  }","e","editing === name ? raw : fmt(Number(raw))","(e) => setRaw(e.target.value)","{\n        htmlInput: { 'aria-label': ariaLabel },\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      slotProps={{\n        htmlInput: { 'aria-label': ariaLabel },\n      }}\n    />","{ onChange, onChangeCommitted }: RangeProps","<RangeUI\n      items={slice.data}\n      formatter={slice.formatter}\n      onChange={onChange}\n      onChangeCommitted={onChangeCommitted}\n    />","data","formatter","{ count = 1 }: RangeSkeletonProps","count = 1","<Box sx={styles.root}>\n      {Array.from({ length: count }).map((_, i) => (\n        <Box key={`item-${i}`} sx={styles.item}>\n          <Skeleton variant='rectangular' sx={styles.track} />\n          <Box sx={styles.inputsRow}>\n            <Skeleton variant='rectangular' sx={styles.input} />\n            <Skeleton variant='rectangular' sx={styles.input} />\n          </Box>\n        </Box>\n      ))}\n    </Box>","(_, i) => (\n        <Box key={`item-${i}`} sx={styles.item}>\n          <Skeleton variant='rectangular' sx={styles.track} />\n          <Box sx={styles.inputsRow}>\n            <Skeleton variant='rectangular' sx={styles.input} />\n            <Skeleton variant='rectangular' sx={styles.input} />\n          </Box>\n        </Box>\n      )"],"sources":["../src/widgets/range/style.ts","../src/widgets/range/range-ui.tsx","../src/widgets/range/range.tsx","../src/widgets/range/skeleton.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 on every pointer tick while a thumb is being dragged (mirrors\n   * MUI `<Slider>`'s `onChange`). Use this to update local UI state —\n   * not to persist expensive operations like remote queries.\n   */\n  onChange?: (index: number, value: RangeItemValue) => void\n  /**\n   * Fires once when the user *releases* a slider thumb after dragging,\n   * after an arrow-key adjustment commits, or when the text inputs\n   * blur / Enter. Mirrors MUI `<Slider>`'s `onChangeCommitted`. Use\n   * this for side-effects you want to throttle to \"drag end\" — e.g.\n   * writing the value to a source filter that triggers refetches.\n   */\n  onChangeCommitted?: (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({\n  items,\n  onChange,\n  onChangeCommitted,\n  formatter,\n}: 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          onChangeCommitted={onChangeCommitted}\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  onChangeCommitted?: (index: number, value: RangeItemValue) => void\n}\n\nfunction RangeRow({\n  index,\n  item,\n  fmt,\n  onChange,\n  onChangeCommitted,\n}: RangeRowProps) {\n  const current: readonly [number, number] = item.value ?? [item.min, item.max]\n  const [editing, setEditing] = useState<'' | Bound>('')\n\n  // Clamp inside [min, max] and keep `low <= high`. Pulled out so both the\n  // live `onChange` path and the commit path share the same normalization.\n  const normalize = useCallback(\n    (next: readonly [number, number]): readonly [number, number] => {\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      return low <= high ? [low, high] : [high, low]\n    },\n    [item.min, item.max],\n  )\n\n  const commit = useCallback(\n    (next: readonly [number, number]) => {\n      onChange?.(index, normalize(next))\n    },\n    [index, normalize, onChange],\n  )\n\n  const commitFinal = useCallback(\n    (next: readonly [number, number]) => {\n      onChangeCommitted?.(index, normalize(next))\n    },\n    [index, normalize, onChangeCommitted],\n  )\n\n  // A text-input commit (blur / Enter) is both a value change AND a final\n  // commit, so it fires `onChange` *and* `onChangeCommitted`. Firing both\n  // keeps the widget responsive for consumers that only wired `onChange`\n  // (the pre-`onChangeCommitted` API) — without it, typing a value and\n  // pressing Enter would silently no-op for them.\n  const commitText = useCallback(\n    (next: readonly [number, number]) => {\n      const value = normalize(next)\n      onChange?.(index, value)\n      onChangeCommitted?.(index, value)\n    },\n    [index, normalize, onChange, onChangeCommitted],\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  const handleSliderCommitted = (\n    _: Event | React.SyntheticEvent,\n    raw: number | number[],\n  ) => {\n    if (!Array.isArray(raw)) return\n    const low = raw[0] ?? item.min\n    const high = raw[1] ?? item.max\n    commitFinal([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          onChangeCommitted={handleSliderCommitted}\n        />\n      </Box>\n      <Box sx={styles.inputsRow}>\n        {/* Text-input commits (blur / Enter) are final, but also notify\n            `onChange` — see `commitText` — so consumers that only wired\n            `onChange` still update on a typed value. */}\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={commitText}\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={commitText}\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  /**\n   * Called when the user commits a new value (blur / Enter). Text input\n   * edits never produce intermediate \"live\" values, so the consumer\n   * only needs one callback — the row wires this to `commitFinal`.\n   */\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      slotProps={{\n        htmlInput: { 'aria-label': ariaLabel },\n      }}\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 on every pointer tick while a thumb is being dragged. Use this\n   * for cheap UI updates (local state, optimistic display).\n   */\n  onChange?: (index: number, value: RangeItemValue) => void\n  /**\n   * Fires once when the user *releases* a slider thumb (or when the text\n   * inputs blur / Enter, or when an arrow-key adjustment settles). Use\n   * this for expensive side-effects you want throttled to drag end —\n   * e.g. writing the value to a source filter that refetches widgets.\n   */\n  onChangeCommitted?: (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` (per-tick) and `onChangeCommitted` (drag end) — the consumer\n * is expected to update the data prop on `<Provider>`. Use `disabled` on\n * individual `RangeDataItem`s to disable specific rows.\n */\nexport function Range({ onChange, onChangeCommitted }: 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      onChangeCommitted={onChangeCommitted}\n    />\n  )\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: 3,\n    py: 1,\n  },\n  item: {\n    display: 'flex',\n    flexDirection: 'column',\n    gap: 1.5,\n  },\n  track: { height: 32 },\n  inputsRow: {\n    display: 'flex',\n    gap: 2,\n  },\n  input: { flex: 1, height: 40 },\n} satisfies Record<string, SxProps<Theme>>\n\nexport interface RangeSkeletonProps {\n  count?: number\n}\n\n/**\n * Loading placeholder for the Range widget. Renders `count` rows, each\n * matching the slider-then-inputs layout of {@link RangeUI} so the layout\n * doesn't jump when data resolves.\n */\nexport function RangeSkeleton({ count = 1 }: RangeSkeletonProps) {\n  return (\n    <Box sx={styles.root}>\n      {Array.from({ length: count }).map((_, i) => (\n        <Box key={`item-${i}`} sx={styles.item}>\n          <Skeleton variant='rectangular' sx={styles.track} />\n          <Box sx={styles.inputsRow}>\n            <Skeleton variant='rectangular' sx={styles.input} />\n            <Skeleton variant='rectangular' sx={styles.input} />\n          </Box>\n        </Box>\n      ))}\n    </Box>\n  )\n}\n"],"mappings":"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"}

package/dist/smart-tooltip-Dc_rHhyI.js

@@ -0,0 +1,51 @@
+import { c as e } from "react/compiler-runtime";
+import { useLayoutEffect as t, useRef as n, useState as r } from "react";
+import { Tooltip as i } from "@mui/material";
+import { jsx as a } from "react/jsx-runtime";
+//#region src/components/tooltip/tooltip.tsx
+var o = 500;
+function s(t) {
+	let n = e(10), r, s, c, l;
+	n[0] === t ? (r = n[1], s = n[2], c = n[3], l = n[4]) : ({children: r, title: l, enterNextDelay: c, ...s} = t, n[0] = t, n[1] = r, n[2] = s, n[3] = c, n[4] = l);
+	let u = c === void 0 ? o : c, d;
+	return n[5] !== r || n[6] !== u || n[7] !== s || n[8] !== l ? (d = /* @__PURE__ */ a(i, {
+		title: l,
+		enterNextDelay: u,
+		...s,
+		children: r
+	}), n[5] = r, n[6] = u, n[7] = s, n[8] = l, n[9] = d) : d = n[9], d;
+}
+function c(e) {
+	o = e;
+}
+//#endregion
+//#region src/components/smart-tooltip/smart-tooltip.tsx
+var l = [];
+function u(i) {
+	let o = e(13), { title: c, dependencies: u, timeout: d, TooltipProps: f, children: p } = i, m = u === void 0 ? l : u, h = d === void 0 ? 500 : d, g = n(null), [_, v] = r(!1), y;
+	o[0] === m ? y = o[1] : (y = JSON.stringify(m), o[0] = m, o[1] = y);
+	let b = y, x;
+	o[2] === h ? x = o[3] : (x = () => {
+		let e = () => {
+			let e = g.current;
+			e && v(e.scrollWidth > e.clientWidth || e.scrollHeight > e.clientHeight);
+		}, t = setTimeout(e, h), n = g.current, r = n && typeof ResizeObserver < "u" ? new ResizeObserver(e) : null;
+		return n && r?.observe(n), () => {
+			clearTimeout(t), r?.disconnect();
+		};
+	}, o[2] = h, o[3] = x);
+	let S;
+	o[4] !== b || o[5] !== h ? (S = [b, h], o[4] = b, o[5] = h, o[6] = S) : S = o[6], t(x, S);
+	let C = _ && c, w;
+	o[7] === p ? w = o[8] : (w = p({ ref: g }), o[7] = p, o[8] = w);
+	let T;
+	return o[9] !== f || o[10] !== C || o[11] !== w ? (T = /* @__PURE__ */ a(s, {
+		title: C,
+		...f,
+		children: w
+	}), o[9] = f, o[10] = C, o[11] = w, o[12] = T) : T = o[12], T;
+}
+//#endregion
+export { s as n, c as r, u as t };
+
+//# sourceMappingURL=smart-tooltip-Dc_rHhyI.js.map

package/dist/smart-tooltip-Dc_rHhyI.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"smart-tooltip-Dc_rHhyI.js","names":["enterNextDelay = tooltipEnterDelay","{\n  children,\n  title,\n  enterNextDelay = tooltipEnterDelay,\n  ...props\n}: TooltipProps","<MuiTooltip title={title} enterNextDelay={enterNextDelay} {...props}>\n      {children}\n    </MuiTooltip>","{\n  title,\n  dependencies = EMPTY_DEPENDENCIES,\n  timeout = 500,\n  TooltipProps,\n  children,\n}: {\n  title: string | undefined\n  dependencies?: unknown[]\n  timeout?: number\n  children: (props: { ref: Ref<T> }) => JSX.Element\n  TooltipProps?: Partial<TooltipProps>\n}","dependencies = EMPTY_DEPENDENCIES","timeout = 500","JSON.stringify(dependencies)","() => {\n    const checkOverflow = () => {\n      const el = ref.current\n      if (!el) return\n      setIsOverflowing(\n        el.scrollWidth > el.clientWidth || el.scrollHeight > el.clientHeight,\n      )\n    }\n\n    // Initial measure after layout settles (fonts, flex collapse, …).\n    const timerId = setTimeout(checkOverflow, timeout)\n    // Re-measure when the element is resized (e.g. legend title reflows as\n    // hover-faded actions collapse/expand).\n    const el = ref.current\n    const resizeObserver =\n      el && typeof ResizeObserver !== 'undefined'\n        ? new ResizeObserver(checkOverflow)\n        : null\n    if (el) resizeObserver?.observe(el)\n\n    return () => {\n      clearTimeout(timerId)\n      resizeObserver?.disconnect()\n    }\n  }","el","[dependenciesKey, timeout]","children({ ref })","<Tooltip title={isOverflowing && title} {...TooltipProps}>\n      {children({ ref })}\n    </Tooltip>","isOverflowing && title"],"sources":["../src/components/tooltip/tooltip.tsx","../src/components/smart-tooltip/smart-tooltip.tsx"],"sourcesContent":["import { Tooltip as MuiTooltip, type TooltipProps } from '@mui/material'\n\nlet tooltipEnterDelay = 500\n\n/**\n * A wrapper around MUI's Tooltip component with enterNextDelay set to 1000ms by default.\n *\n * This component ensures consistent tooltip behavior across the application.\n *\n * @example\n * <Tooltip title=\"This is a tooltip\">\n *   <Button>Hover me</Button>\n * </Tooltip>\n */\nexport function Tooltip({\n  children,\n  title,\n  enterNextDelay = tooltipEnterDelay,\n  ...props\n}: TooltipProps) {\n  return (\n    <MuiTooltip title={title} enterNextDelay={enterNextDelay} {...props}>\n      {children}\n    </MuiTooltip>\n  )\n}\n\n/**\n * Sets the global default `enterNextDelay` for all Tooltip components in the application.\n *\n * @param delay - Delay in milliseconds before showing tooltips on subsequent hovers.\n *\n * @example\n * ```tsx\n * import { setTooltipEnterDelay } from '@carto/ps-react-ui/components';\n *\n * // Set global delay to 300ms at app initialization\n * setTooltipEnterDelay(300);\n * ```\n */\nexport function setTooltipEnterDelay(delay: number) {\n  tooltipEnterDelay = delay\n}\n","import type { TooltipProps } from '@mui/material'\nimport { useLayoutEffect, useRef, useState, type JSX, type Ref } from 'react'\nimport { Tooltip } from '../tooltip/tooltip'\n\nconst EMPTY_DEPENDENCIES: unknown[] = []\n\n/**\n * An intelligent tooltip wrapper that automatically detects text overflow and displays a tooltip only when content is truncated.\n *\n * @remarks\n * Uses a render prop pattern. The child function receives a `ref` that must be attached to the element being monitored for overflow. Use the `dependencies` array to trigger re-evaluation when content or container size changes.\n *\n * @example\n * ```tsx\n * <SmartTooltip title=\"This is a long text that might get truncated\">\n *   {({ ref }) => (\n *     <Typography ref={ref} noWrap sx={{ overflow: 'hidden', textOverflow: 'ellipsis' }}>\n *       This is a long text that might get truncated\n *     </Typography>\n *   )}\n * </SmartTooltip>\n * ```\n */\nexport function SmartTooltip<T extends HTMLElement>({\n  title,\n  dependencies = EMPTY_DEPENDENCIES,\n  timeout = 500,\n  TooltipProps,\n  children,\n}: {\n  title: string | undefined\n  dependencies?: unknown[]\n  timeout?: number\n  children: (props: { ref: Ref<T> }) => JSX.Element\n  TooltipProps?: Partial<TooltipProps>\n}) {\n  const ref = useRef<T>(null)\n  const [isOverflowing, setIsOverflowing] = useState(false)\n  // Call sites pass a fresh `dependencies={[…]}` literal each render; key by\n  // value so the effect does not churn ResizeObserver on referential churn.\n  const dependenciesKey = JSON.stringify(dependencies)\n\n  useLayoutEffect(() => {\n    const checkOverflow = () => {\n      const el = ref.current\n      if (!el) return\n      setIsOverflowing(\n        el.scrollWidth > el.clientWidth || el.scrollHeight > el.clientHeight,\n      )\n    }\n\n    // Initial measure after layout settles (fonts, flex collapse, …).\n    const timerId = setTimeout(checkOverflow, timeout)\n    // Re-measure when the element is resized (e.g. legend title reflows as\n    // hover-faded actions collapse/expand).\n    const el = ref.current\n    const resizeObserver =\n      el && typeof ResizeObserver !== 'undefined'\n        ? new ResizeObserver(checkOverflow)\n        : null\n    if (el) resizeObserver?.observe(el)\n\n    return () => {\n      clearTimeout(timerId)\n      resizeObserver?.disconnect()\n    }\n  }, [dependenciesKey, timeout])\n\n  return (\n    <Tooltip title={isOverflowing && title} {...TooltipProps}>\n      {children({ ref })}\n    </Tooltip>\n  )\n}\n"],"mappings":";;;;;AAEA,IAAI,IAAoB;AAYxB,SAAgB,EAAA,GAKC;gBAJf,GAGG,GADHA,GADA;CAFsBC,AAAAA,EAAAA,OAAAA,gDACtB,wBAEA,gBAAA,GACA,GAAA,KAJsBA;CAGtB,IAAA,IAAA,MAAA,KAAA,IAAiB,IAAjBD,GAIEE;CADF,OAEK,EAAA,OAAA,KAAA,EAAA,OADuC,KAAA,EAAA,OAAoB,KAAA,EAAA,OAA3C,KAAnB,IAAA,kBAAC,GAAD;EAAmB;EAAuB;EAAgB,GAAI;EAC3D;CACS,CAAA,GADT,EAAA,KAAA,GADuC,EAAA,KAAA,GAAoB,EAAA,KAAA,GAA3C,EAAA,KAAA,yBAAnBA;AAIJ;AAeA,SAAgB,EAAqB,GAAe;CAClD,IAAoB;AACtB;;;ACtCA,IAAM,IAAgC,CAAC;AAmBvC,SAAgB,EAAA,GAYb;gBAZiD,EAClD,UACA,cAAA,GACA,SAAA,GACA,iBACA,gBALkDC,GAElD,IAAA,MAAA,KAAA,IAAe,IAAfC,GACA,IAAA,MAAA,KAAA,IAAU,MAAVC,GAUM,IAAM,EAAU,IAAI,GACpB,CAAC,GAAe,KAAoB,EAAS,EAAK,GAGhCC;CAAe,AAAA,EAAA,OAAA,gBAAf,IAAA,KAAK,UAAU,CAAY,GAAZ,EAAA,KAAA;CAAvC,IAAM,IAAkBA,GAERC;CAU4B,AAAA,EAAA,OAAA,gBAV5B,UAAM;EACpB,IAAM,UAAsB;GAC1B,IAAM,IAAK,EAAI;GACV,KACL,EACE,EAAG,cAAc,EAAG,eAAe,EAAG,eAAe,EAAG,YAC1D;EACF,GAGM,IAAU,WAAW,GAAe,CAAO,GAG3CC,IAAK,EAAI,SACT,IACJA,KAAM,OAAO,iBAAmB,MAC5B,IAAI,eAAe,CAAa,IAChC;EAGN,OAFIA,KAAI,GAAgB,QAAQA,CAAE,SAErB;GAEX,AADA,aAAa,CAAO,GACpB,GAAgB,WAAW;EAC7B;CACF,GAd4C,EAAA,KAAA;CAczCC,IAAAA;CAxBH,AAwBI,EAAA,OAAA,KAAA,EAAA,OAAiB,KAAlB,IAAA,CAAC,GAAiB,CAAO,GAAxB,EAAA,KAAA,GAAiB,EAAA,KAAA,yBAxBrB,EAAgBF,GAwBbE,CAA0B;CAGX,IAAA,IAAA,KAAiB,GAC9BC;0BAAS,IAAA,EAAA,EAAE,OAAI,CAAC,GAAhB,EAAA,KAAA;CADHC,IAAAA;CADF,OAC8C,EAAA,OAAA,KAAA,EAAA,QAA5BC,KAAAA,EAAAA,QACbF,KADH,IAAA,kBAAC,GAAD;EAAS,OAAOE;EAAwB,GAAI;EACzCF,UAAAA;CACM,CAAA,GAFmC,EAAA,KAAA,GAA5BE,EAAAA,MAAAA,GACbF,EAAAA,MAAAA,2BADHC;AAIJ"}

package/dist/{spread-CgCTKPQD.js → spread-CQwFIwuz.js}

@@ -1,10 +1,10 @@
-import { C as e, T as t } from "./stores-tiFePP0A.js";
-import { n, t as r } from "./download-DGgFOaXj.js";
-import { a as i, c as a, l as o, o as s, s as c, u as l } from "./formula-BIxJr1P3.js";
+import { C as e, D as t } from "./stores-DcBOZlU3.js";
+import { n, t as r } from "./download-B4sykOFm.js";
+import { a as i, c as a, l as o, o as s, s as c, u as l } from "./formula-DJS-JLpk.js";
 import { c as u } from "react/compiler-runtime";
 import { Box as d, Skeleton as f } from "@mui/material";
 import { jsx as p, jsxs as m } from "react/jsx-runtime";
-//#region src/widgets-v2/spread/separator.tsx
+//#region src/widgets/spread/separator.tsx
 function h() {
 	let e = u(1), t;
 	return e[0] === Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ p(s, {
@@ -13,7 +13,7 @@ function h() {
 	}), e[0] = t) : t = e[0], t;
 }
 //#endregion
-//#region src/widgets-v2/spread/spread-ui.tsx
+//#region src/widgets/spread/spread-ui.tsx
 function g(e) {
 	let t = u(8), { items: n, formatter: r, ref: f } = e, g = r ?? _, v;
 	if (t[0] !== g || t[1] !== n) {
@@ -55,7 +55,7 @@ function _(e) {
 	return String(e);
 }
 //#endregion
-//#region src/widgets-v2/spread/spread.tsx
+//#region src/widgets/spread/spread.tsx
 var v = Object.freeze([]), y = (e) => ({
 	data: e.data ?? v,
 	formatter: e.formatter
@@ -68,7 +68,7 @@ function b() {
 	}), n[0] = i.data, n[1] = i.formatter, n[2] = a) : a = n[2], a;
 }
 //#endregion
-//#region src/widgets-v2/spread/skeleton.tsx
+//#region src/widgets/spread/skeleton.tsx
 var x = {
 	root: {
 		display: "flex",
@@ -103,15 +103,9 @@ function C(e, t) {
 	}, `row-${t}`);
 }
 //#endregion
-//#region src/widgets-v2/spread/download.ts
+//#region src/widgets/spread/download.ts
 function w(e) {
-	let t = [];
-	return e.getCaptureEl && t.push(n({
-		filename: e.filename,
-		getCaptureEl: e.getCaptureEl,
-		pixelRatio: e.pngPixelRatio,
-		backgroundColor: e.pngBackgroundColor
-	})), t.push(r({
+	return r(e, n({
 		filename: e.filename,
 		getRows: (t) => {
 			let n = e.getData(t), r = [[
@@ -132,10 +126,10 @@ function w(e) {
 			]);
 			return r;
 		}
-	})), t;
+	}));
 }
 //#endregion
-//#region src/widgets-v2/spread/band.ts
+//#region src/widgets/spread/band.ts
 function T({ value: e, spread: t, variant: n = "percentage" }) {
 	let r = n === "absolute" ? t : t / 100 * e, i = Math.abs(r);
 	return {
@@ -146,4 +140,4 @@ function T({ value: e, spread: t, variant: n = "percentage" }) {
 //#endregion
 export { g as a, b as i, w as n, h as o, S as r, T as t };
 
-//# sourceMappingURL=spread-CgCTKPQD.js.map
+//# sourceMappingURL=spread-CQwFIwuz.js.map

package/dist/spread-CQwFIwuz.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spread-CQwFIwuz.js","names":["<Value color='inherit'>-</Value>","{ items, formatter, ref }: SpreadUIProps","(n: number) => String(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      ))","(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      )","<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>","<SpreadUI items={slice.data} formatter={slice.formatter} />","data","formatter","{ count = 1 }: SpreadSkeletonProps","count = 1","<Box sx={styles.root}>\n      {Array.from({ length: count }).map((_, i) => (\n        <Box key={`row-${i}`} sx={styles.row}>\n          <Skeleton variant='rectangular' sx={styles.block} />\n        </Box>\n      ))}\n    </Box>","(_, i) => (\n        <Box key={`row-${i}`} sx={styles.row}>\n          <Skeleton variant='rectangular' sx={styles.block} />\n        </Box>\n      )"],"sources":["../src/widgets/spread/separator.tsx","../src/widgets/spread/spread-ui.tsx","../src/widgets/spread/spread.tsx","../src/widgets/spread/skeleton.tsx","../src/widgets/spread/download.ts","../src/widgets/spread/band.ts"],"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","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: 2,\n    py: 1,\n  },\n  row: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: 1.5,\n  },\n  block: { width: 200, height: 32 },\n} satisfies Record<string, SxProps<Theme>>\n\nexport interface SpreadSkeletonProps {\n  count?: number\n}\n\n/**\n * Loading placeholder for the Spread widget. Renders `count` rows, each\n * sized for the `min — max` pair so the layout doesn't jump once data\n * resolves. Mirrors the row-per-item structure of {@link SpreadUI}.\n */\nexport function SpreadSkeleton({ count = 1 }: SpreadSkeletonProps) {\n  return (\n    <Box sx={styles.root}>\n      {Array.from({ length: count }).map((_, i) => (\n        <Box key={`row-${i}`} sx={styles.row}>\n          <Skeleton variant='rectangular' sx={styles.block} />\n        </Box>\n      ))}\n    </Box>\n  )\n}\n","import {\n  buildCsvDownloadItem,\n  withPngItem,\n  type DownloadItem,\n  type WidgetDownloadArgs,\n} from '../actions/download'\nimport type { SpreadWidgetData } from './types'\n\n/**\n * Download menu items for the Spread widget. Always includes a CSV item with\n * `series, prefix, min, max, suffix, note` columns (one row per entry). When\n * `getCaptureEl` is given, prepends a PNG item that rasterises the captured\n * element via `html2canvas`.\n */\nexport function createSpreadDownloadConfig(\n  args: WidgetDownloadArgs<SpreadWidgetData>,\n): DownloadItem[] {\n  return withPngItem(\n    args,\n    buildCsvDownloadItem({\n      filename: args.filename,\n      getRows: (ctx) => {\n        const data = args.getData(ctx)\n        const rows: unknown[][] = [\n          ['series', 'prefix', 'min', 'max', 'suffix', 'note'],\n        ]\n        for (const item of data) {\n          rows.push([\n            item.series?.name ?? '',\n            item.prefix ?? '',\n            item.min,\n            item.max,\n            item.suffix ?? '',\n            item.note ?? '',\n          ])\n        }\n        return rows\n      },\n    }),\n  )\n}\n","/**\n * How a `spread` amount is applied to a centre value.\n *\n * - `percentage` — `spread` is a whole-number percentage of the centre\n *   value, so `5` means +/-5%.\n * - `absolute` — `spread` is a raw offset in the value's own units.\n */\nexport type SpreadVariant = 'percentage' | 'absolute'\n\nexport interface GetSpreadBandOptions {\n  /** The centre value the band is drawn around. */\n  value: number\n  /** Half-width of the band, read according to `variant`. */\n  spread: number\n  /** Defaults to `percentage`. */\n  variant?: SpreadVariant\n}\n\n/**\n * Derives the `min` / `max` band around a centre value, for feeding a\n * {@link SpreadDataItem} from a single aggregated number (a prediction, a\n * target) plus a tolerance — rather than from a real column range.\n *\n * `spread` is read as a percentage by default, which is what a tolerance\n * almost always is: an absolute offset is meaningless without knowing the\n * value's magnitude, and gets visually lost on large values (+/-5 on a\n * prediction of 204,113 renders as a range indistinguishable from a single\n * number).\n *\n * @example\n * getSpreadBand({ value: 1000, spread: 5 })\n * // -> { min: 950, max: 1050 }\n * getSpreadBand({ value: 1000, spread: 5, variant: 'absolute' })\n * // -> { min: 995, max: 1005 }\n */\nexport function getSpreadBand({\n  value,\n  spread,\n  variant = 'percentage',\n}: GetSpreadBandOptions): { min: number; max: number } {\n  const offset = variant === 'absolute' ? spread : (spread / 100) * value\n  // Keep `min <= max`: a percentage of a negative centre value (or a negative\n  // `spread`) yields a negative offset, which would invert the band.\n  const width = Math.abs(offset)\n\n  return { min: value - width, max: value + width }\n}\n"],"mappings":"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"}

package/dist/{stores-tiFePP0A.js → stores-DcBOZlU3.js}

@@ -5,7 +5,7 @@ import { useStore as s } from "zustand";
 import { createStore as c } from "zustand/vanilla";
 import { devtools as l } from "zustand/middleware";
 import { useShallow as u } from "zustand/react/shallow";
-//#region src/widgets-v2/stores/transforms.ts
+//#region src/widgets/stores/transforms.ts
 function d(e, t, n) {
 	let r = /* @__PURE__ */ new Set();
 	for (let e of t) if (e.enabled && e.disables?.length) for (let t of e.disables) r.add(t);
@@ -14,7 +14,7 @@ function d(e, t, n) {
 		i = e.fn(i);
 	} catch (t) {
 		let r = t instanceof Error ? t : Error(String(t));
-		console.warn(`[widgets-v2] Transform "${e.id}" failed:`, r), n?.(e.id, r);
+		console.warn(`[widgets] Transform "${e.id}" failed:`, r), n?.(e.id, r);
 	}
 	return i;
 }
@@ -36,7 +36,7 @@ function m(e, t) {
 	return !0;
 }
 //#endregion
-//#region src/widgets-v2/stores/pipeline-middleware.ts
+//#region src/widgets/stores/pipeline-middleware.ts
 var h = /* @__PURE__ */ new WeakSet(), g = ((e) => (t, n, r) => {
 	let i = r.setState, a = r, o = (e) => ((t, n) => {
 		let i = r.getState(), o = typeof t == "function" ? t(i) : t, s = (e) => Object.prototype.hasOwnProperty.call(o, e), c = s("rawData") && !Object.is(o.rawData, i.rawData), l = s("dataTransforms") && o.dataTransforms !== i.dataTransforms;
@@ -54,11 +54,11 @@ function v() {
 	return e;
 }
 //#endregion
-//#region src/widgets-v2/stores/widget-store-registry.ts
+//#region src/widgets/stores/widget-store-registry.ts
 var y = /* @__PURE__ */ new Map(), b = /* @__PURE__ */ new Map(), x = /* @__PURE__ */ new Set(), S = /* @__PURE__ */ new Map(), C = /* @__PURE__ */ new Map(), w = /* @__PURE__ */ new Map();
 function T(e) {
 	let t = y.get(e);
-	if (!t) throw Error(`[widgets-v2] Widget store "${e}" not found.`);
+	if (!t) throw Error(`[widgets] Widget store "${e}" not found.`);
 	return t;
 }
 function E(e) {
@@ -80,32 +80,38 @@ function A(e, t) {
 function j(e) {
 	return S.get(e) ?? null;
 }
-function M() {
+function M(e) {
+	return (t) => T(t.id ?? e).getState().data;
+}
+function N(e) {
+	return (t) => j(t.id ?? e);
+}
+function P() {
 	S.clear();
 }
-function N(e, t) {
+function F(e, t) {
 	t == null ? C.delete(e) : C.set(e, t), w.get(e)?.forEach((e) => e(t));
 }
-function P(e) {
+function I(e) {
 	return C.get(e) ?? null;
 }
-function F(e, t) {
+function L(e, t) {
 	let n = w.get(e);
 	return n || (n = /* @__PURE__ */ new Set(), w.set(e, n)), n.add(t), () => {
 		let n = w.get(e);
 		n && (n.delete(t), n.size === 0 && w.delete(e));
 	};
 }
-function I() {
+function R() {
 	C.clear(), w.clear();
 }
-function L() {
+function z() {
 	return Array.from(y.keys());
 }
-function R(e, t) {
+function B(e, t) {
 	y.set(e, t);
 }
-function z(e, t) {
+function V(e, t) {
 	let n = g(() => ({
 		rawData: t.data,
 		data: t.data,
@@ -124,35 +130,35 @@ function z(e, t) {
 		enabled: o()
 	}));
 }
-function B(e, t) {
+function H(e, t) {
 	y.set(e, t);
 	let n = (b.get(e) ?? 0) + 1;
-	b.set(e, n), n > 1 && o() && !x.has(e) && (console.warn(`[widgets-v2] Duplicate <Widget.Provider id="${e}"> detected. Multiple providers sharing an id will race on prop sync and corrupt the store. Use unique ids per widget instance.`), x.add(e));
+	b.set(e, n), n > 1 && o() && !x.has(e) && (console.warn(`[widgets] Duplicate <Widget.Provider id="${e}"> detected. Multiple providers sharing an id will race on prop sync and corrupt the store. Use unique ids per widget instance.`), x.add(e));
 }
-function V(e, t) {
+function U(e, t) {
 	let n = (b.get(e) ?? 1) - 1;
 	n <= 0 ? (b.delete(e), t.keepAlive || y.delete(e)) : b.set(e, n);
 }
-function H(t, n) {
+function W(t, n) {
 	let r = e(2), i;
 	return r[0] === t ? i = r[1] : (i = T(t), r[0] = t, r[1] = i), s(i, n);
 }
-function U(t, n) {
+function G(t, n) {
 	let r = e(2), i;
 	return r[0] === t ? i = r[1] : (i = T(t), r[0] = t, r[1] = i), s(i, u(n));
 }
 //#endregion
-//#region src/widgets-v2/stores/use-echart-instance.ts
-var W = () => null;
-function G(t) {
+//#region src/widgets/stores/use-echart-instance.ts
+var K = () => null;
+function q(t) {
 	let n = e(3), r, i;
-	return n[0] === t ? (r = n[1], i = n[2]) : (r = (e) => F(t, e), i = () => P(t), n[0] = t, n[1] = r, n[2] = i), a(r, i, W);
+	return n[0] === t ? (r = n[1], i = n[2]) : (r = (e) => L(t, e), i = () => I(t), n[0] = t, n[1] = r, n[2] = i), a(r, i, K);
 }
 //#endregion
-//#region src/widgets-v2/stores/use-transform.ts
-function K(t, n, a) {
+//#region src/widgets/stores/use-transform.ts
+function J(t, n, a) {
 	let o = e(29);
-	if (n.length === 0) throw Error("[widgets-v2] useTransform requires at least one pair.");
+	if (n.length === 0) throw Error("[widgets] useTransform requires at least one pair.");
 	let c;
 	o[0] === t ? c = o[1] : (c = T(t), o[0] = t, o[1] = c);
 	let l = c, u = n[0].descriptor.id, d = a?.initialEnabled ?? !0, m;
@@ -213,7 +219,7 @@ function K(t, n, a) {
 		S.current = [];
 	}, D = [l], o[20] = l, o[21] = E, o[22] = D), r(E, D);
 	let O;
-	o[23] === b ? O = o[24] : (O = () => b(q), o[23] = b, o[24] = O);
+	o[23] === b ? O = o[24] : (O = () => b(Y), o[23] = b, o[24] = O);
 	let k = O, A;
 	return o[25] !== g || o[26] !== b || o[27] !== k ? (A = {
 		enabled: g,
@@ -221,23 +227,23 @@ function K(t, n, a) {
 		toggle: k
 	}, o[25] = g, o[26] = b, o[27] = k, o[28] = A) : A = o[28], A;
 }
-function q(e) {
+function Y(e) {
 	return !e;
 }
-function J(t, n, r, i) {
+function X(t, n, r, i) {
 	let a = e(3), o;
 	return a[0] !== n || a[1] !== r ? (o = [{
 		descriptor: n,
 		fn: r
-	}], a[0] = n, a[1] = r, a[2] = o) : o = a[2], K(t, o, i);
+	}], a[0] = n, a[1] = r, a[2] = o) : o = a[2], J(t, o, i);
 }
 //#endregion
-//#region src/widgets-v2/stores/use-transform-enabled.ts
-function Y(t, n) {
+//#region src/widgets/stores/use-transform-enabled.ts
+function Z(t, n) {
 	let r = e(2), i;
-	return r[0] === n ? i = r[1] : (i = (e) => e.transformStates?.[n]?.enabled === !0, r[0] = n, r[1] = i), U(t, i);
+	return r[0] === n ? i = r[1] : (i = (e) => e.transformStates?.[n]?.enabled === !0, r[0] = n, r[1] = i), G(t, i);
 }
 //#endregion
-export { U as C, d as D, g as E, p as O, H as S, v as T, A as _, L as a, F as b, k as c, j as d, P as f, O as g, B as h, G as i, f as k, z as l, E as m, J as n, M as o, T as p, K as r, I as s, Y as t, D as u, N as v, _ as w, V as x, R as y };
+export { p as A, G as C, v as D, _ as E, g as O, W as S, M as T, A as _, z as a, L as b, k as c, j as d, I as f, O as g, H as h, q as i, f as j, d as k, V as l, E as m, X as n, P as o, T as p, J as r, R as s, Z as t, D as u, F as v, N as w, U as x, B as y };
 
-//# sourceMappingURL=stores-tiFePP0A.js.map
+//# sourceMappingURL=stores-DcBOZlU3.js.map