@carto/ps-react-ui 5.0.0-widgets.9 → 5.0.0

package/dist/range-BCMAl5xf.js

@@ -0,0 +1,277 @@
+import { C as e, T as t } from "./stores-tiFePP0A.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
+var d = {
+	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: (e) => e.palette.text.disabled }
+	},
+	inputsRow: {
+		display: "flex",
+		gap: 2,
+		alignItems: "center"
+	},
+	input: {
+		flex: 1,
+		"& .MuiInputBase-input": { textAlign: "center" }
+	},
+	note: { color: "text.secondary" }
+};
+//#endregion
+//#region src/widgets-v2/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) {
+		let e;
+		t[5] !== c || t[6] !== a || t[7] !== o ? (e = (e, t) => /* @__PURE__ */ l(m, {
+			index: t,
+			item: e,
+			fmt: c,
+			onChange: a,
+			onChangeCommitted: o
+		}, `range-${e.min}-${e.max}-${t}`), t[5] = c, t[6] = a, t[7] = o, t[8] = e) : e = t[8], u = r.map(e), t[0] = c, t[1] = r, t[2] = a, t[3] = o, t[4] = u;
+	} else u = t[4];
+	let f;
+	return t[9] === u ? f = t[10] : (f = /* @__PURE__ */ l(i, {
+		sx: d.root,
+		children: u
+	}), t[9] = u, t[10] = f), f;
+}
+function p(e) {
+	return String(e);
+}
+function m(e) {
+	let t = n(70), { index: a, item: s, fmt: f, onChange: p, onChangeCommitted: m } = e, _;
+	t[0] !== s.max || t[1] !== s.min || t[2] !== s.value ? (_ = s.value ?? [s.min, s.max], t[0] = s.max, t[1] = s.min, t[2] = s.value, t[3] = _) : _ = t[3];
+	let v = _, [y, b] = r(""), x;
+	t[4] !== s.max || t[5] !== s.min ? (x = (e) => {
+		let [t, n] = e, r = Math.min(Math.max(t, s.min), s.max), i = Math.min(Math.max(n, s.min), s.max);
+		return r <= i ? [r, i] : [i, r];
+	}, t[4] = s.max, t[5] = s.min, t[6] = x) : x = t[6];
+	let S = x, C;
+	t[7] !== a || t[8] !== S || t[9] !== p ? (C = (e) => {
+		p?.(a, S(e));
+	}, t[7] = a, t[8] = S, t[9] = p, t[10] = C) : C = t[10];
+	let w = C, T;
+	t[11] !== a || t[12] !== S || t[13] !== m ? (T = (e) => {
+		m?.(a, S(e));
+	}, t[11] = a, t[12] = S, t[13] = m, t[14] = T) : T = t[14];
+	let E = T, D;
+	t[15] !== a || t[16] !== S || t[17] !== p || t[18] !== m ? (D = (e) => {
+		let t = S(e);
+		p?.(a, t), m?.(a, t);
+	}, t[15] = a, t[16] = S, t[17] = p, t[18] = m, t[19] = D) : D = t[19];
+	let O = D, k;
+	t[20] !== w || t[21] !== s.max || t[22] !== s.min ? (k = (e, t) => {
+		if (!Array.isArray(t)) return;
+		let n = t[0] ?? s.min, r = t[1] ?? s.max;
+		w([n, r]);
+	}, t[20] = w, t[21] = s.max, t[22] = s.min, t[23] = k) : k = t[23];
+	let A = k, j;
+	t[24] !== E || t[25] !== s.max || t[26] !== s.min ? (j = (e, t) => {
+		if (!Array.isArray(t)) return;
+		let n = t[0] ?? s.min, r = t[1] ?? s.max;
+		E([n, r]);
+	}, t[24] = E, t[25] = s.max, t[26] = s.min, t[27] = j) : j = t[27];
+	let M = j, N;
+	t[28] === s.color ? N = t[29] : (N = s.color ? { color: s.color } : null, t[28] = s.color, t[29] = N);
+	let P;
+	t[30] === N ? P = t[31] : (P = {
+		...d.slider,
+		...N
+	}, t[30] = N, t[31] = P);
+	let F;
+	t[32] === v ? F = t[33] : (F = [...v], t[32] = v, t[33] = F);
+	let I = s.min, L = s.max, R = s.step ?? 1, z;
+	t[34] === s.marks ? z = t[35] : (z = g(s.marks), t[34] = s.marks, t[35] = z);
+	let B;
+	t[36] !== f || t[37] !== A || t[38] !== M || t[39] !== s.disabled || t[40] !== s.max || t[41] !== s.min || t[42] !== F || t[43] !== R || t[44] !== z || t[45] !== P ? (B = /* @__PURE__ */ l(i, {
+		sx: d.sliderContainer,
+		children: /* @__PURE__ */ l(o, {
+			sx: P,
+			value: F,
+			min: I,
+			max: L,
+			step: R,
+			marks: z,
+			disabled: s.disabled,
+			valueLabelDisplay: "auto",
+			valueLabelFormat: f,
+			onChange: A,
+			onChangeCommitted: M
+		})
+	}), t[36] = f, t[37] = A, t[38] = M, t[39] = s.disabled, t[40] = s.max, t[41] = s.min, t[42] = F, t[43] = R, t[44] = z, t[45] = P, t[46] = B) : B = t[46];
+	let V = `min-${v[0]}`, H;
+	t[47] !== O || t[48] !== v || t[49] !== y || t[50] !== f || t[51] !== s || t[52] !== V ? (H = /* @__PURE__ */ l(h, {
+		name: "min",
+		value: v[0],
+		item: s,
+		fmt: f,
+		editing: y,
+		setEditing: b,
+		commit: O,
+		current: v,
+		ariaLabel: "Minimum value"
+	}, V), t[47] = O, t[48] = v, t[49] = y, t[50] = f, t[51] = s, t[52] = V, t[53] = H) : H = t[53];
+	let U = `max-${v[1]}`, W;
+	t[54] !== O || t[55] !== v || t[56] !== y || t[57] !== f || t[58] !== s || t[59] !== U ? (W = /* @__PURE__ */ l(h, {
+		name: "max",
+		value: v[1],
+		item: s,
+		fmt: f,
+		editing: y,
+		setEditing: b,
+		commit: O,
+		current: v,
+		ariaLabel: "Maximum value"
+	}, U), t[54] = O, t[55] = v, t[56] = y, t[57] = f, t[58] = s, t[59] = U, t[60] = W) : W = t[60];
+	let G;
+	t[61] !== H || t[62] !== W ? (G = /* @__PURE__ */ u(i, {
+		sx: d.inputsRow,
+		children: [H, W]
+	}), t[61] = H, t[62] = W, t[63] = G) : G = t[63];
+	let K;
+	t[64] === s.note ? K = t[65] : (K = s.note ? /* @__PURE__ */ l(c, {
+		variant: "caption",
+		sx: d.note,
+		children: s.note
+	}) : null, t[64] = s.note, t[65] = K);
+	let q;
+	return t[66] !== B || t[67] !== G || t[68] !== K ? (q = /* @__PURE__ */ u(i, {
+		sx: d.item,
+		children: [
+			B,
+			G,
+			K
+		]
+	}), t[66] = B, t[67] = G, t[68] = K, t[69] = q) : q = t[69], q;
+}
+function h(e) {
+	let t = n(26), { name: i, value: a, item: o, fmt: c, editing: u, setEditing: f, commit: p, current: m, ariaLabel: h } = e, [g, _] = r(String(a)), v;
+	t[0] !== i || t[1] !== f ? (v = () => {
+		f(i);
+	}, t[0] = i, t[1] = f, t[2] = v) : v = t[2];
+	let y = v, b, x;
+	if (t[3] !== p || t[4] !== m || t[5] !== i || t[6] !== f || t[7] !== a) {
+		x = (t) => {
+			f(""), e(t.target.value);
+		}, b = (t) => {
+			t.key === "Enter" && (e(t.target.value), t.target.blur());
+		};
+		function e(e) {
+			let t = parseFloat(e), n = Number.isFinite(t) ? t : a, r = i === "min" ? [n, m[1]] : [m[0], n];
+			p(r);
+		}
+		t[3] = p, t[4] = m, t[5] = i, t[6] = f, t[7] = a, t[8] = b, t[9] = x;
+	} else b = t[8], x = t[9];
+	let S;
+	t[10] !== u || t[11] !== c || t[12] !== i || t[13] !== g ? (S = u === i ? g : c(Number(g)), t[10] = u, t[11] = c, t[12] = i, t[13] = g, t[14] = S) : S = t[14];
+	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);
+	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,
+		value: C,
+		onChange: w,
+		onFocus: y,
+		onBlur: x,
+		onKeyDown: b,
+		disabled: o.disabled,
+		size: "small",
+		sx: d.input,
+		inputProps: 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
+var _ = (e) => ({
+	data: e.data ?? [],
+	formatter: e.formatter
+});
+function v(r) {
+	let i = n(5), { onChange: a, onChangeCommitted: o } = r, s = t(), c = e(s, _), u;
+	return i[0] !== a || i[1] !== o || i[2] !== c.data || i[3] !== c.formatter ? (u = /* @__PURE__ */ l(f, {
+		items: c.data,
+		formatter: c.formatter,
+		onChange: a,
+		onChangeCommitted: o
+	}), 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
+var y = {
+	root: {
+		display: "flex",
+		flexDirection: "column",
+		gap: 3,
+		py: 1
+	},
+	item: {
+		display: "flex",
+		flexDirection: "column",
+		gap: 1.5
+	},
+	track: { height: 32 },
+	inputsRow: {
+		display: "flex",
+		gap: 2
+	},
+	input: {
+		flex: 1,
+		height: 40
+	}
+};
+function b(e) {
+	let t = n(2), { count: r } = e, a = r === void 0 ? 1 : r, o;
+	return t[0] === a ? o = t[1] : (o = /* @__PURE__ */ l(i, {
+		sx: y.root,
+		children: Array.from({ length: a }).map(x)
+	}), t[0] = a, t[1] = o), o;
+}
+function x(e, t) {
+	return /* @__PURE__ */ u(i, {
+		sx: y.item,
+		children: [/* @__PURE__ */ l(a, {
+			variant: "rectangular",
+			sx: y.track
+		}), /* @__PURE__ */ u(i, {
+			sx: y.inputsRow,
+			children: [/* @__PURE__ */ l(a, {
+				variant: "rectangular",
+				sx: y.input
+			}), /* @__PURE__ */ l(a, {
+				variant: "rectangular",
+				sx: y.input
+			})]
+		})]
+	}, `item-${t}`);
+}
+//#endregion
+export { v as n, f as r, b as t };
+
+//# sourceMappingURL=range-BCMAl5xf.js.map

package/dist/range-BCMAl5xf.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"range-BCMAl5xf.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)","{ 'aria-label': ariaLabel }","<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    />","{ 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-v2/range/style.ts","../src/widgets-v2/range/range-ui.tsx","../src/widgets-v2/range/range.tsx","../src/widgets-v2/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      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 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/rolldown-runtime-B0aSnxlc.js

@@ -0,0 +1,20 @@
+//#region \0rolldown/runtime.js
+var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescriptor, r = Object.getOwnPropertyNames, i = Object.getPrototypeOf, a = Object.prototype.hasOwnProperty, o = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), s = (e, n) => {
+	let r = {};
+	for (var i in e) t(r, i, {
+		get: e[i],
+		enumerable: !0
+	});
+	return n || t(r, Symbol.toStringTag, { value: "Module" }), r;
+}, c = (e, i, o, s) => {
+	if (i && typeof i == "object" || typeof i == "function") for (var c = r(i), l = 0, u = c.length, d; l < u; l++) d = c[l], !a.call(e, d) && d !== o && t(e, d, {
+		get: ((e) => i[e]).bind(null, d),
+		enumerable: !(s = n(i, d)) || s.enumerable
+	});
+	return e;
+}, l = (n, r, o) => (o = n == null ? {} : e(i(n)), c(r || !n || !n.__esModule || !a.call(n, "default") ? t(o, "default", {
+	value: n,
+	enumerable: !0
+}) : o, n));
+//#endregion
+export { s as n, l as r, o as t };

package/dist/row-CvVGBuy_.js

@@ -0,0 +1,35 @@
+import { t as e } from "./use-widget-selector-VSPhfhNm.js";
+import { c as t } from "react/compiler-runtime";
+import { Box as n } from "@mui/material";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/widgets/formula/style.ts
+var i = {
+	root: {
+		display: "flex",
+		flexDirection: "column",
+		gap: (e) => e.spacing(2)
+	},
+	item: { "&[data-disabled=\"true\"]": { color: (e) => e.palette.text.disabled } },
+	row: {
+		display: "flex",
+		alignItems: "center",
+		gap: (e) => e.spacing(1),
+		"& + &": { marginTop: (e) => e.spacing(1) }
+	}
+};
+//#endregion
+//#region src/widgets/formula/components/row.tsx
+function a(a) {
+	let s = t(3), c = e(a.id, o), l;
+	return s[0] !== c || s[1] !== a ? (l = c?.map((e, t) => /* @__PURE__ */ r(n, {
+		sx: i.row,
+		children: typeof a.children == "function" ? a.children({ index: t }) : a.children
+	}, `row-${t}`)), s[0] = c, s[1] = a, s[2] = l) : l = s[2], l;
+}
+function o(e) {
+	return e?.data;
+}
+//#endregion
+export { i as n, a as t };
+
+//# sourceMappingURL=row-CvVGBuy_.js.map

package/dist/row-CvVGBuy_.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"row-CvVGBuy_.js","names":["(w) => (w as FormulaWidgetState | undefined)?.data","data?.map((_, index) => {\n    return (\n      <Box sx={styles.row} key={`row-${index}`}>\n        {typeof props.children === 'function'\n          ? props.children({ index })\n          : props.children}\n      </Box>\n    )\n  })","props.children","data?.map"],"sources":["../src/widgets/formula/style.ts","../src/widgets/formula/components/row.tsx"],"sourcesContent":["import type { SxProps, Theme } from '@mui/material'\n\nexport const styles = {\n  root: {\n    display: 'flex',\n    flexDirection: 'column',\n    gap: (theme: Theme) => theme.spacing(2),\n  },\n  item: {\n    '&[data-disabled=\"true\"]': {\n      color: (theme: Theme) => theme.palette.text.disabled,\n    },\n  },\n  row: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: (theme: Theme) => theme.spacing(1),\n\n    '& + &': {\n      marginTop: (theme: Theme) => theme.spacing(1),\n    },\n  },\n} satisfies Record<string, SxProps<Theme>>\n","import { Box } from '@mui/material'\nimport { styles } from '../style'\nimport type { FormulaWidgetState, RowProps } from '../types'\nimport { useWidgetSelector } from '../../stores/use-widget-selector'\n\n/**\n * Iterates over the widget's data items and renders a row for each one using render props.\n */\nexport function Row(props: RowProps) {\n  const data = useWidgetSelector(\n    props.id,\n    (w) => (w as FormulaWidgetState | undefined)?.data,\n  )\n\n  return data?.map((_, index) => {\n    return (\n      <Box sx={styles.row} key={`row-${index}`}>\n        {typeof props.children === 'function'\n          ? props.children({ index })\n          : props.children}\n      </Box>\n    )\n  })\n}\n"],"mappings":";;;;;AAEA,IAAa,IAAS;CACpB,MAAM;EACJ,SAAS;EACT,eAAe;EACf,MAAM,MAAiB,EAAM,QAAQ,CAAC;CACxC;CACA,MAAM,EACJ,6BAA2B,EACzB,QAAQ,MAAiB,EAAM,QAAQ,KAAK,SAC9C,EACF;CACA,KAAK;EACH,SAAS;EACT,YAAY;EACZ,MAAM,MAAiB,EAAM,QAAQ,CAAC;EAEtC,SAAS,EACP,YAAY,MAAiB,EAAM,QAAQ,CAAC,EAC9C;CACF;AACF;;;ACdA,SAAgB,EAAI,GAAiB;eAC7B,IAAO,EACX,EAAM,IACNA,CACF,GAEOC;CAAP,OAGcC,EAAAA,OAAAA,KAAAA,EAAAA,OAAAA,KAHP,IAAA,GAAM,KAAK,GAAG,MAEjB,kBAAC,GAAD;EAAK,IAAI,EAAO;EACb,UAAA,OAAO,EAAM,YAAa,aACvB,EAAM,SAAS,EAAE,SAAM,CAAC,IACxB,EAAM;CACP,GAJqB,OAAO,GAI5B,CAER,GARMC,EAAAA,KAAAA,GAGOD,EAAAA,KAAAA,yBAHPD;AAST;AAZI,SAAA,EAAC,GAAA;CAAO,OAAA,GAAsC"}

package/dist/shared-resize-observer-BEiP2rQt.js

@@ -0,0 +1,157 @@
+import { r as e } from "./rolldown-runtime-B0aSnxlc.js";
+import { t } from "./cjs-CBrZjPCj.js";
+//#region src/widgets/echart/const.ts
+var n = /* @__PURE__ */ e(t(), 1), r = "stacked";
+//#endregion
+//#region src/widgets/echart/utils.ts
+function i(e, t, r) {
+	return (0, n.default)(e ?? {}, t ?? {}, { customMerge: (e) => {
+		let t = r?.(e);
+		if (t) return t;
+		if (e === "color") return (e, t) => t;
+		if (e === "axisLabel") return (e, t) => {
+			let n = {
+				...e,
+				...t
+			};
+			if (typeof e?.formatter == "function" && typeof t?.formatter == "function") {
+				let r = e.formatter, i = t.formatter;
+				n.formatter = (e) => r(e) === "" ? "" : i(e);
+			}
+			return n;
+		};
+		if (e === "series") return (e, t) => {
+			let r = Math.max(e?.length ?? 0, t?.length ?? 0);
+			return Array.from({ length: r }, (r, i) => {
+				let a = e?.[i] ?? {}, o = t?.[i] ?? {};
+				return (0, n.default)(a, o);
+			});
+		};
+	} });
+}
+function a({ start: e, end: t } = {
+	start: 0,
+	end: 100
+}, { inside: n = !0, xSlider: r = !0, ySlider: i = !1, showSliders: a = !0, xAxisLabelFormatter: s, bottomOffset: c = 0 } = {}, l) {
+	let u = l ? o(l) : {};
+	return { dataZoom: [
+		n && {
+			throttle: 0,
+			type: "inside",
+			xAxisIndex: r ? [0] : [],
+			yAxisIndex: i ? [0] : [],
+			show: !0,
+			zoomLock: !1,
+			start: e,
+			end: t
+		},
+		n && i && {
+			throttle: 0,
+			type: "inside",
+			show: !0,
+			zoomLock: !1,
+			start: e,
+			end: t,
+			orientation: "vertical"
+		},
+		r && {
+			throttle: 0,
+			type: "slider",
+			xAxisIndex: [0],
+			bottom: c,
+			height: parseInt(l?.spacing?.(4) ?? "32"),
+			show: a,
+			zoomLock: !1,
+			start: e,
+			end: t,
+			labelFormatter: s,
+			showDetail: !1,
+			...u,
+			brushSelect: !1,
+			moveHandleSize: 8,
+			handleSize: "100%",
+			handleIcon: "image://data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSIzNiIgdmlld0JveD0iMCAwIDkgMzYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IHg9IjAuNSIgeT0iLTAuNSIgd2lkdGg9IjgiIGhlaWdodD0iMTgiIHJ4PSI0IiB0cmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAtMSAwIDI3KSIgZmlsbD0id2hpdGUiIHN0cm9rZT0iIzM1OEJFNyIvPgo8cmVjdCB3aWR0aD0iMyIgaGVpZ2h0PSIyIiByeD0iMSIgdHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgLTEgMyAyMykiIGZpbGw9IiMzNThCRTciLz4KPHJlY3Qgd2lkdGg9IjMiIGhlaWdodD0iMiIgcng9IjEiIHRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIDMgMTkpIiBmaWxsPSIjMzU4QkU3Ii8+CjxyZWN0IHdpZHRoPSIzIiBoZWlnaHQ9IjIiIHJ4PSIxIiB0cmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAtMSAzIDE1KSIgZmlsbD0iIzM1OEJFNyIvPgo8L3N2Zz4="
+		},
+		i && {
+			throttle: 0,
+			type: "slider",
+			left: parseInt(l?.spacing?.(6) ?? "48"),
+			width: parseInt(l?.spacing?.(4) ?? "32"),
+			yAxisIndex: [0],
+			show: a,
+			zoomLock: !1,
+			start: e,
+			end: t,
+			...u,
+			brushSelect: !1,
+			moveHandleSize: 8,
+			handleSize: "100%",
+			handleIcon: "image://data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDM2IDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IHg9IjAuNSIgeT0iMC41IiB3aWR0aD0iOCIgaGVpZ2h0PSIxOCIgcng9IjQiIHRyYW5zZm9ybT0icm90YXRlKC05MCAwLjUgMC41KSIgZmlsbD0id2hpdGUiIHN0cm9rZT0iIzM1OEJFNyIvPgo8cmVjdCB3aWR0aD0iMyIgaGVpZ2h0PSIyIiByeD0iMSIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDEzIDYpIiBmaWxsPSIjMzU4QkU3Ii8+CjxyZWN0IHdpZHRoPSIzIiBoZWlnaHQ9IjIiIHJ4PSIxIiB0cmFuc2Zvcm09InJvdGF0ZSgtOTAgMTcgNikiIGZpbGw9IiMzNThCRTciLz4KPHJlY3Qgd2lkdGg9IjMiIGhlaWdodD0iMiIgcng9IjEiIHRyYW5zZm9ybT0icm90YXRlKC05MCAyMSA2KSIgZmlsbD0iIzM1OEJFNyIvPgo8L3N2Zz4="
+		}
+	].filter((e) => !!e) };
+}
+function o(e) {
+	return {
+		fillerColor: "rgba(53, 139, 231, 0.25)",
+		borderColor: "rgba(53, 139, 231, 0.3)",
+		borderWidth: .5,
+		backgroundColor: "transparent",
+		borderRadius: 4,
+		dataBackground: {
+			lineStyle: { opacity: 0 },
+			areaStyle: {
+				opacity: 1,
+				color: e.palette.secondary.main
+			}
+		},
+		selectedDataBackground: {
+			lineStyle: { opacity: 0 },
+			areaStyle: {
+				opacity: 1,
+				color: e.palette.secondary.main
+			}
+		},
+		handleStyle: {
+			color: e.palette.common.white,
+			borderColor: "rgba(3, 111, 226, 0.08)",
+			borderWidth: 1,
+			shadowBlur: 3,
+			shadowColor: "rgba(0, 0, 0, 0.1)",
+			shadowOffsetX: 0,
+			shadowOffsetY: 1
+		},
+		textStyle: {
+			color: e.palette.black[60],
+			fontSize: parseInt(e.typography.overlineDelicate.fontSize),
+			fontFamily: e.typography.overlineDelicate.fontFamily
+		}
+	};
+}
+function s({ brushType: e = "lineX", brushMode: t = "single", xAxisIndex: n = 0 } = {}) {
+	return { brush: {
+		toolbox: ["lineX", "clear"],
+		brushType: e,
+		brushMode: t,
+		xAxisIndex: n
+	} };
+}
+function c(e = r) {
+	return { stack: e };
+}
+//#endregion
+//#region src/widgets/echart/shared-resize-observer.ts
+var l = /* @__PURE__ */ new Map(), u = null;
+function d() {
+	return u ??= new ResizeObserver((e) => {
+		for (let t of e) l.get(t.target)?.();
+	}), u;
+}
+function f(e, t) {
+	return l.set(e, t), d().observe(e), () => {
+		l.delete(e), d().unobserve(e);
+	};
+}
+//#endregion
+export { i as a, a as i, s as n, r as o, c as r, f as t };
+
+//# sourceMappingURL=shared-resize-observer-BEiP2rQt.js.map

package/dist/shared-resize-observer-BEiP2rQt.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared-resize-observer-BEiP2rQt.js","names":[],"sources":["../src/widgets/echart/const.ts","../src/widgets/echart/utils.ts","../src/widgets/echart/shared-resize-observer.ts"],"sourcesContent":["export const DEFAULT_STACK_GROUP = 'stacked'\n","import deepmerge from 'deepmerge'\nimport type { EchartOptionsProps } from './types'\nimport type { Theme } from '@mui/material'\nimport { DEFAULT_STACK_GROUP } from './const'\n\n/**\n * Deep-merges two ECharts option objects with smart handling for `color`, `axisLabel`, and `series` keys.\n *\n * @param optionA - Base ECharts options.\n * @param optionB - Override ECharts options to merge on top.\n * @param customMergeFn - Optional function returning a custom merge strategy per key.\n * @returns The merged ECharts options object.\n *\n * @remarks\n * - `color` arrays are replaced entirely (not concatenated).\n * - `axisLabel` formatters are composed so the base formatter can suppress values by returning `''`.\n * - `series` arrays are merged element-by-element rather than concatenated.\n *\n * @example\n * ```tsx\n * const option = mergeEchartWidgetConfig(props.option, {\n *   series: [{ barWidth: '60%', itemStyle: { borderRadius: [4, 4, 0, 0] } }],\n *   tooltip: { trigger: 'axis' },\n * })\n * ```\n */\nexport function mergeEchartWidgetConfig<T extends EchartOptionsProps>(\n  optionA: T | undefined,\n  optionB: T | undefined,\n  customMergeFn?: (\n    key: string,\n  ) => ((a: unknown, b: unknown) => unknown) | undefined,\n): T {\n  return deepmerge(optionA ?? {}, optionB ?? {}, {\n    customMerge: (key) => {\n      const externalMerge = customMergeFn?.(key)\n      if (externalMerge) return externalMerge\n\n      if (key === 'color') {\n        return (_, b: T['color']) => b\n      }\n      if (key === 'axisLabel') {\n        return (\n          a: Record<string, unknown> | undefined,\n          b: Record<string, unknown> | undefined,\n        ) => {\n          const merged = { ...a, ...b }\n          if (\n            typeof a?.formatter === 'function' &&\n            typeof b?.formatter === 'function'\n          ) {\n            const baseFormatter = a.formatter as (value: unknown) => unknown\n            const customFormatter = b.formatter as (value: unknown) => unknown\n            merged.formatter = (value: unknown) => {\n              const baseResult = baseFormatter(value)\n              if (baseResult === '') return ''\n              return customFormatter(value)\n            }\n          }\n          return merged\n        }\n      }\n      if (key === 'series') {\n        return (a: T['series'][], b: T['series'][]) => {\n          const maxLength = Math.max(a?.length ?? 0, b?.length ?? 0)\n          return Array.from({ length: maxLength }, (_, index) => {\n            const aItem = a?.[index] ?? {}\n            const bItem = b?.[index] ?? {}\n            return deepmerge(aItem, bItem as object)\n          })\n        }\n      }\n    },\n  }) as T\n}\n\n/**\n * Generates ECharts `dataZoom` configuration for interactive zoom and pan on chart axes.\n *\n * @param range - Initial visible range as `{ start, end }` percentages (0-100). Defaults to full range.\n * @param options - Zoom behavior options including axis sliders, inside zoom, and formatter.\n * @param theme - Optional MUI theme for styled slider handles and backgrounds.\n * @returns An object containing the `dataZoom` array configuration.\n */\nexport function getEChartZoomConfig(\n  { start, end }: { start: number; end: number } = { start: 0, end: 100 },\n  {\n    inside = true,\n    xSlider = true,\n    ySlider = false,\n    showSliders = true,\n    xAxisLabelFormatter,\n    bottomOffset = 0,\n  } = {} as {\n    inside?: boolean\n    xSlider?: boolean\n    ySlider?: boolean\n    showSliders?: boolean\n    xAxisLabelFormatter?: (value: number) => string\n    bottomOffset?: number\n  },\n  theme?: Theme,\n) {\n  const zoom = true\n  const sliderStyles = theme ? getEChartZoomSliderStyles(theme) : {}\n\n  return {\n    dataZoom: [\n      inside && {\n        throttle: 0,\n        type: 'inside',\n        xAxisIndex: xSlider ? [0] : [],\n        yAxisIndex: ySlider ? [0] : [],\n        show: zoom,\n        zoomLock: !zoom,\n        start,\n        end,\n      },\n      inside &&\n        ySlider && {\n          throttle: 0,\n          type: 'inside',\n          show: zoom,\n          zoomLock: !zoom,\n          start,\n          end,\n          orientation: 'vertical',\n        },\n      xSlider && {\n        throttle: 0,\n        type: 'slider',\n        xAxisIndex: [0],\n        bottom: bottomOffset,\n        height: parseInt(theme?.spacing?.(4) ?? '32'),\n        show: zoom && showSliders,\n        zoomLock: !zoom,\n        start,\n        end,\n        labelFormatter: xAxisLabelFormatter,\n        showDetail: false,\n        ...sliderStyles,\n        brushSelect: false,\n        moveHandleSize: 8,\n        handleSize: '100%',\n        handleIcon:\n          'image://data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSIzNiIgdmlld0JveD0iMCAwIDkgMzYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IHg9IjAuNSIgeT0iLTAuNSIgd2lkdGg9IjgiIGhlaWdodD0iMTgiIHJ4PSI0IiB0cmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAtMSAwIDI3KSIgZmlsbD0id2hpdGUiIHN0cm9rZT0iIzM1OEJFNyIvPgo8cmVjdCB3aWR0aD0iMyIgaGVpZ2h0PSIyIiByeD0iMSIgdHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgLTEgMyAyMykiIGZpbGw9IiMzNThCRTciLz4KPHJlY3Qgd2lkdGg9IjMiIGhlaWdodD0iMiIgcng9IjEiIHRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIDMgMTkpIiBmaWxsPSIjMzU4QkU3Ii8+CjxyZWN0IHdpZHRoPSIzIiBoZWlnaHQ9IjIiIHJ4PSIxIiB0cmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAtMSAzIDE1KSIgZmlsbD0iIzM1OEJFNyIvPgo8L3N2Zz4=',\n      },\n      ySlider && {\n        throttle: 0,\n        type: 'slider',\n        left: parseInt(theme?.spacing?.(6) ?? '48'),\n        width: parseInt(theme?.spacing?.(4) ?? '32'),\n        yAxisIndex: [0],\n        show: zoom && showSliders,\n        zoomLock: !zoom,\n        start,\n        end,\n        ...sliderStyles,\n        brushSelect: false,\n        moveHandleSize: 8,\n        handleSize: '100%',\n        handleIcon:\n          'image://data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDM2IDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IHg9IjAuNSIgeT0iMC41IiB3aWR0aD0iOCIgaGVpZ2h0PSIxOCIgcng9IjQiIHRyYW5zZm9ybT0icm90YXRlKC05MCAwLjUgMC41KSIgZmlsbD0id2hpdGUiIHN0cm9rZT0iIzM1OEJFNyIvPgo8cmVjdCB3aWR0aD0iMyIgaGVpZ2h0PSIyIiByeD0iMSIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDEzIDYpIiBmaWxsPSIjMzU4QkU3Ii8+CjxyZWN0IHdpZHRoPSIzIiBoZWlnaHQ9IjIiIHJ4PSIxIiB0cmFuc2Zvcm09InJvdGF0ZSgtOTAgMTcgNikiIGZpbGw9IiMzNThCRTciLz4KPHJlY3Qgd2lkdGg9IjMiIGhlaWdodD0iMiIgcng9IjEiIHRyYW5zZm9ybT0icm90YXRlKC05MCAyMSA2KSIgZmlsbD0iIzM1OEJFNyIvPgo8L3N2Zz4=',\n      },\n    ].filter((d) => !!d),\n  }\n}\n\nfunction getEChartZoomSliderStyles(theme: Theme) {\n  return {\n    fillerColor: 'rgba(53, 139, 231, 0.25)',\n    borderColor: 'rgba(53, 139, 231, 0.3)',\n    borderWidth: 0.5,\n    backgroundColor: 'transparent',\n    borderRadius: 4,\n    dataBackground: {\n      lineStyle: {\n        opacity: 0,\n      },\n      areaStyle: {\n        opacity: 1,\n        color: theme.palette.secondary.main,\n      },\n    },\n    selectedDataBackground: {\n      lineStyle: {\n        opacity: 0,\n      },\n      areaStyle: {\n        opacity: 1,\n        color: theme.palette.secondary.main,\n      },\n    },\n    handleStyle: {\n      color: theme.palette.common.white,\n      borderColor: 'rgba(3, 111, 226, 0.08)',\n      borderWidth: 1,\n      shadowBlur: 3,\n      shadowColor: 'rgba(0, 0, 0, 0.1)',\n      shadowOffsetX: 0,\n      shadowOffsetY: 1,\n    },\n    textStyle: {\n      color: theme.palette.black[60],\n      fontSize: parseInt(theme.typography.overlineDelicate.fontSize as string),\n      fontFamily: theme.typography.overlineDelicate.fontFamily,\n    },\n  } as const\n}\n\n/**\n * Generates ECharts `brush` configuration for interactive data selection on charts.\n *\n * @param options - Brush options including type, mode, and target axis index.\n * @returns An object containing the `brush` configuration.\n */\nexport function getEChartBrushConfig(\n  { brushType = 'lineX', brushMode = 'single', xAxisIndex = 0 } = {} as {\n    brushType?: string\n    brushMode?: string\n    xAxisIndex?: number\n    throttleType?: string\n    throttleDelay?: number\n  },\n) {\n  return {\n    brush: {\n      toolbox: ['lineX', 'clear'],\n      brushType,\n      brushMode,\n      xAxisIndex,\n    },\n  }\n}\n\n/**\n * Returns an ECharts `stack` configuration to group series into a stacked layout.\n *\n * @param stackGroup - The stack group identifier. Defaults to the library's default group.\n * @returns An object with the `stack` property set to the group name.\n */\nexport function getEChartStackConfig(stackGroup: string = DEFAULT_STACK_GROUP) {\n  return { stack: stackGroup }\n}\n","/**\n * Shared ResizeObserver singleton for all ECharts instances.\n *\n * Instead of creating 100+ individual ResizeObserver instances (one per chart),\n * this module provides a single shared observer that efficiently handles resize\n * callbacks for all registered elements.\n */\n\ntype ResizeCallback = () => void\n\nconst callbacks = new Map<Element, ResizeCallback>()\n\nlet observer: ResizeObserver | null = null\n\nfunction getObserver(): ResizeObserver {\n  observer ??= new ResizeObserver((entries) => {\n    for (const entry of entries) {\n      const callback = callbacks.get(entry.target)\n      callback?.()\n    }\n  })\n  return observer\n}\n\nexport function observeResize(\n  element: Element,\n  callback: ResizeCallback,\n): () => void {\n  callbacks.set(element, callback)\n  getObserver().observe(element)\n\n  return () => {\n    callbacks.delete(element)\n    getObserver().unobserve(element)\n  }\n}\n\n/** Reset the shared observer (for testing only). */\nexport function resetSharedResizeObserver(): void {\n  if (observer) {\n    observer.disconnect()\n    observer = null\n  }\n  callbacks.clear()\n}\n"],"mappings":";;;mCAAa,IAAsB;;;AC0BnC,SAAgB,EACd,GACA,GACA,GAGG;CACH,QAAA,GAAO,EAAA,QAAA,CAAU,KAAW,CAAC,GAAG,KAAW,CAAC,GAAG,EAC7C,cAAc,MAAQ;EACpB,IAAM,IAAgB,IAAgB,CAAG;EACzC,IAAI,GAAe,OAAO;EAE1B,IAAI,MAAQ,SACV,QAAQ,GAAG,MAAkB;EAE/B,IAAI,MAAQ,aACV,QACE,GACA,MACG;GACH,IAAM,IAAS;IAAE,GAAG;IAAG,GAAG;GAAE;GAC5B,IACE,OAAO,GAAG,aAAc,cACxB,OAAO,GAAG,aAAc,YACxB;IACA,IAAM,IAAgB,EAAE,WAClB,IAAkB,EAAE;IAC1B,EAAO,aAAa,MACC,EAAc,CAC7B,MAAe,KAAW,KACvB,EAAgB,CAAK;GAEhC;GACA,OAAO;EACT;EAEF,IAAI,MAAQ,UACV,QAAQ,GAAkB,MAAqB;GAC7C,IAAM,IAAY,KAAK,IAAI,GAAG,UAAU,GAAG,GAAG,UAAU,CAAC;GACzD,OAAO,MAAM,KAAK,EAAE,QAAQ,EAAU,IAAI,GAAG,MAAU;IACrD,IAAM,IAAQ,IAAI,MAAU,CAAC,GACvB,IAAQ,IAAI,MAAU,CAAC;IAC7B,QAAA,GAAO,EAAA,QAAA,CAAU,GAAO,CAAe;GACzC,CAAC;EACH;CAEJ,EACF,CAAC;AACH;AAUA,SAAgB,EACd,EAAE,UAAO,WAAwC;CAAE,OAAO;CAAG,KAAK;AAAI,GACtE,EACE,YAAS,IACT,aAAU,IACV,aAAU,IACV,iBAAc,IACd,wBACA,kBAAe,MACb,CAAC,GAQL,GACA;CACA,IACM,IAAe,IAAQ,EAA0B,CAAK,IAAI,CAAC;CAEjE,OAAO,EACL,UAAU;EACR,KAAU;GACR,UAAU;GACV,MAAM;GACN,YAAY,IAAU,CAAC,CAAC,IAAI,CAAC;GAC7B,YAAY,IAAU,CAAC,CAAC,IAAI,CAAC;GAC7B,MAAM;GACN,UAAU;GACV;GACA;EACF;EACA,KACE,KAAW;GACT,UAAU;GACV,MAAM;GACN,MAAM;GACN,UAAU;GACV;GACA;GACA,aAAa;EACf;EACF,KAAW;GACT,UAAU;GACV,MAAM;GACN,YAAY,CAAC,CAAC;GACd,QAAQ;GACR,QAAQ,SAAS,GAAO,UAAU,CAAC,KAAK,IAAI;GAC5C,MAAc;GACd,UAAU;GACV;GACA;GACA,gBAAgB;GAChB,YAAY;GACZ,GAAG;GACH,aAAa;GACb,gBAAgB;GAChB,YAAY;GACZ,YACE;EACJ;EACA,KAAW;GACT,UAAU;GACV,MAAM;GACN,MAAM,SAAS,GAAO,UAAU,CAAC,KAAK,IAAI;GAC1C,OAAO,SAAS,GAAO,UAAU,CAAC,KAAK,IAAI;GAC3C,YAAY,CAAC,CAAC;GACd,MAAc;GACd,UAAU;GACV;GACA;GACA,GAAG;GACH,aAAa;GACb,gBAAgB;GAChB,YAAY;GACZ,YACE;EACJ;CACF,CAAC,CAAC,QAAQ,MAAM,CAAC,CAAC,CAAC,EACrB;AACF;AAEA,SAAS,EAA0B,GAAc;CAC/C,OAAO;EACL,aAAa;EACb,aAAa;EACb,aAAa;EACb,iBAAiB;EACjB,cAAc;EACd,gBAAgB;GACd,WAAW,EACT,SAAS,EACX;GACA,WAAW;IACT,SAAS;IACT,OAAO,EAAM,QAAQ,UAAU;GACjC;EACF;EACA,wBAAwB;GACtB,WAAW,EACT,SAAS,EACX;GACA,WAAW;IACT,SAAS;IACT,OAAO,EAAM,QAAQ,UAAU;GACjC;EACF;EACA,aAAa;GACX,OAAO,EAAM,QAAQ,OAAO;GAC5B,aAAa;GACb,aAAa;GACb,YAAY;GACZ,aAAa;GACb,eAAe;GACf,eAAe;EACjB;EACA,WAAW;GACT,OAAO,EAAM,QAAQ,MAAM;GAC3B,UAAU,SAAS,EAAM,WAAW,iBAAiB,QAAkB;GACvE,YAAY,EAAM,WAAW,iBAAiB;EAChD;CACF;AACF;AAQA,SAAgB,EACd,EAAE,eAAY,SAAS,eAAY,UAAU,gBAAa,MAAM,CAAC,GAOjE;CACA,OAAO,EACL,OAAO;EACL,SAAS,CAAC,SAAS,OAAO;EAC1B;EACA;EACA;CACF,EACF;AACF;AAQA,SAAgB,EAAqB,IAAqB,GAAqB;CAC7E,OAAO,EAAE,OAAO,EAAW;AAC7B;;;ACzOA,IAAM,oBAAY,IAAI,IAA6B,GAE/C,IAAkC;AAEtC,SAAS,IAA8B;CAOrC,OANA,MAAa,IAAI,gBAAgB,MAAY;EAC3C,KAAK,IAAM,KAAS,GAElB,EAD2B,IAAI,EAAM,MACrC,CAAA,GAAW;CAEf,CAAC,GACM;AACT;AAEA,SAAgB,EACd,GACA,GACY;CAIZ,OAHA,EAAU,IAAI,GAAS,CAAQ,GAC/B,EAAY,CAAC,CAAC,QAAQ,CAAO,SAEhB;EAEX,AADA,EAAU,OAAO,CAAO,GACxB,EAAY,CAAC,CAAC,UAAU,CAAO;CACjC;AACF"}

package/dist/smart-tooltip-CwGHCqab.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"smart-tooltip-CwGHCqab.js","names":["{\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/smart-tooltip/smart-tooltip.tsx"],"sourcesContent":["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":";;;;;AAIA,IAAM,IAAgC,CAAC;AAmBvC,SAAgB,EAAA,GAYb;gBAZiD,EAClD,UACA,cAAA,GACA,SAAA,GACA,iBACA,gBALkDA,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"}