@vielzeug/prism 1.1.1

package/README.md

@@ -0,0 +1,83 @@
+# @vielzeug/prism
+
+> Reactive SVG charting library — line, bar, area, pie, and sparkline charts. Zero external dependencies, signal-driven updates.
+
+[![npm version](https://img.shields.io/npm/v/@vielzeug/prism)](https://www.npmjs.com/package/@vielzeug/prism) [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
+
+<details>
+<summary>Quick Reference</summary>
+
+**Package:** `@vielzeug/prism` &nbsp;·&nbsp; **Category:** UI / Visualization
+
+**Key exports:** `createLineChart`, `createBarChart`, `createAreaChart`, `createPieChart`, `createSparkline`, `linearScale`, `timeScale`, `bandScale`, `seriesColor`, `setTheme`
+
+**When to use:** Data visualization with reactive charts that auto-update when signal-based data sources change. Renders accessible SVG, themeable via CSS custom properties.
+
+**Related:** [@vielzeug/ripple](https://vielzeug.dev/ripple/) · [@vielzeug/refine](https://vielzeug.dev/refine/) · [@vielzeug/orbit](https://vielzeug.dev/orbit/)
+
+</details>
+
+`@vielzeug/prism` is part of Vielzeug. It depends on `@vielzeug/ripple` for reactivity and ships as a TypeScript package with ESM+CJS output.
+
+## Installation
+
+```sh
+# pnpm
+pnpm add @vielzeug/prism
+# npm
+npm install @vielzeug/prism
+# yarn
+yarn add @vielzeug/prism
+```
+
+## Sub-paths
+
+| Import                     | Purpose                                                        |
+| -------------------------- | -------------------------------------------------------------- |
+| `@vielzeug/prism`          | Chart factories, scales, and types                             |
+| `@vielzeug/prism/theme`    | Default CSS custom properties (light + dark mode)              |
+| `@vielzeug/prism/devtools` | `warn` / `issue` helpers (dev-only, tree-shaken in production) |
+
+## Quick Start
+
+```ts
+import { createLineChart, setTheme } from '@vielzeug/prism';
+import { signal } from '@vielzeug/ripple';
+import '@vielzeug/prism/theme';
+
+// Optional: apply a custom color palette at startup
+setTheme({ colors: ['#6366f1', '#22d3ee', '#f59e0b', '#10b981'] });
+
+const data = signal([
+  { x: 1, y: 10 },
+  { x: 2, y: 25 },
+  { x: 3, y: 18 },
+  { x: 4, y: 32 },
+]);
+
+const chart = createLineChart(document.getElementById('chart')!, {
+  series: [{ name: 'Revenue', data, color: '#3b82f6' }],
+  xAxis: { position: 'bottom' },
+  yAxis: { position: 'left', grid: true },
+  tooltip: true,
+  crosshair: true,
+  onHover: (event) => console.log(event?.point),
+});
+
+// Data updates → chart re-renders automatically
+data.value = [...data.value, { x: 5, y: 28 }];
+
+// Cleanup (also works with TC39 `using` declarations)
+chart.dispose();
+```
+
+## Documentation
+
+- [Overview](https://vielzeug.dev/prism/)
+- [Usage Guide](https://vielzeug.dev/prism/usage)
+- [API Reference](https://vielzeug.dev/prism/api)
+- [Examples](https://vielzeug.dev/prism/examples)
+
+## License
+
+MIT © [Helmuth Saatkamp](https://github.com/helmuthdu) — part of the [Vielzeug](https://github.com/helmuthdu/vielzeug) monorepo.

package/dist/_dev.cjs

@@ -0,0 +1,2 @@
+var e=!globalThis.__PRISM_PROD__;function t(t){e&&console.warn(`[@vielzeug/prism] ${t}`)}function n(t,...n){e&&console.error(`[@vielzeug/prism] ${t}`,...n)}exports.error=n,exports.warn=t;
+//# sourceMappingURL=_dev.cjs.map

package/dist/_dev.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"_dev.cjs","names":[],"sources":["../src/_dev.ts"],"sourcesContent":["/** @internal */\nconst isDev = !(globalThis as { __PRISM_PROD__?: boolean }).__PRISM_PROD__;\n\n/**\n * Emits a `console.warn` in development builds only.\n * @internal\n * @security Messages may include user-supplied data (e.g. category names, x-values).\n * Never pass PII, tokens, or secrets as chart data labels.\n */\nexport function warn(msg: string): void {\n  if (isDev) console.warn(`[@vielzeug/prism] ${msg}`);\n}\n\n/**\n * Emits a `console.error` in development builds only.\n * @internal\n */\nexport function error(msg: string, ...args: unknown[]): void {\n  if (isDev) console.error(`[@vielzeug/prism] ${msg}`, ...args);\n}\n\n/** @internal — Run fn only in dev builds. Use when dev-only logic goes beyond a single warn() / error() call. */\nexport function devOnly(fn: () => void): void {\n  if (isDev) fn();\n}\n"],"mappings":"AACA,IAAM,EAAQ,CAAE,WAA4C,eAQ5D,SAAgB,EAAK,EAAmB,CAClC,GAAO,QAAQ,KAAK,qBAAqB,GAAK,CACpD,CAMA,SAAgB,EAAM,EAAa,GAAG,EAAuB,CACvD,GAAO,QAAQ,MAAM,qBAAqB,IAAO,GAAG,CAAI,CAC9D"}

package/dist/_dev.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=_dev.d.ts.map

package/dist/_dev.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"_dev.d.ts","sourceRoot":"","sources":["../src/_dev.ts"],"names":[],"mappings":""}

package/dist/_dev.js

@@ -0,0 +1,12 @@
+//#region src/_dev.ts
+var e = !globalThis.__PRISM_PROD__;
+function t(t) {
+	e && console.warn(`[@vielzeug/prism] ${t}`);
+}
+function n(t, ...n) {
+	e && console.error(`[@vielzeug/prism] ${t}`, ...n);
+}
+//#endregion
+export { n as error, t as warn };
+
+//# sourceMappingURL=_dev.js.map

package/dist/_dev.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_dev.js","names":[],"sources":["../src/_dev.ts"],"sourcesContent":["/** @internal */\nconst isDev = !(globalThis as { __PRISM_PROD__?: boolean }).__PRISM_PROD__;\n\n/**\n * Emits a `console.warn` in development builds only.\n * @internal\n * @security Messages may include user-supplied data (e.g. category names, x-values).\n * Never pass PII, tokens, or secrets as chart data labels.\n */\nexport function warn(msg: string): void {\n  if (isDev) console.warn(`[@vielzeug/prism] ${msg}`);\n}\n\n/**\n * Emits a `console.error` in development builds only.\n * @internal\n */\nexport function error(msg: string, ...args: unknown[]): void {\n  if (isDev) console.error(`[@vielzeug/prism] ${msg}`, ...args);\n}\n\n/** @internal — Run fn only in dev builds. Use when dev-only logic goes beyond a single warn() / error() call. */\nexport function devOnly(fn: () => void): void {\n  if (isDev) fn();\n}\n"],"mappings":";AACA,IAAM,IAAQ,CAAE,WAA4C;AAQ5D,SAAgB,EAAK,GAAmB;CACtC,AAAI,KAAO,QAAQ,KAAK,qBAAqB,GAAK;AACpD;AAMA,SAAgB,EAAM,GAAa,GAAG,GAAuB;CAC3D,AAAI,KAAO,QAAQ,MAAM,qBAAqB,KAAO,GAAG,CAAI;AAC9D"}

package/dist/animation/easing.cjs

@@ -0,0 +1,2 @@
+var e={"ease-in":e=>e*e,"ease-in-out":e=>e<.5?2*e*e:1-(-2*e+2)**2/2,"ease-out":e=>1-(1-e)*(1-e),linear:e=>e};function t(t){return typeof t==`function`?t:t!==void 0&&Object.hasOwn(e,t)?e[t]:e[`ease-out`]}exports.easings=e,exports.resolveEasing=t;
+//# sourceMappingURL=easing.cjs.map

package/dist/animation/easing.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"easing.cjs","names":[],"sources":["../../src/animation/easing.ts"],"sourcesContent":["export type EasingFn = (t: number) => number;\n\nexport const easings: Record<string, EasingFn> = {\n  'ease-in': (t) => t * t,\n  'ease-in-out': (t) => (t < 0.5 ? 2 * t * t : 1 - Math.pow(-2 * t + 2, 2) / 2),\n  'ease-out': (t) => 1 - (1 - t) * (1 - t),\n  linear: (t) => t,\n};\n\nexport function resolveEasing(easing: string | ((t: number) => number) | undefined): EasingFn {\n  if (typeof easing === 'function') return easing;\n\n  // `Object.hasOwn` guards against `easing` being a prototype-chain key (e.g. `'__proto__'`,\n  // `'constructor'`) — a plain bracket lookup on those would silently resolve to an\n  // `Object.prototype` value instead of `undefined`, which is either not callable (throws)\n  // or callable but not an easing function (produces garbage interpolation).\n  if (easing !== undefined && Object.hasOwn(easings, easing)) return easings[easing];\n\n  return easings['ease-out'];\n}\n"],"mappings":"AAEA,IAAa,EAAoC,CAC/C,UAAY,GAAM,EAAI,EACtB,cAAgB,GAAO,EAAI,GAAM,EAAI,EAAI,EAAI,GAAa,GAAK,EAAI,IAAG,EAAK,EAC3E,WAAa,GAAM,GAAK,EAAI,IAAM,EAAI,GACtC,OAAS,GAAM,CACjB,EAEA,SAAgB,EAAc,EAAgE,CAS5F,OARI,OAAO,GAAW,WAAmB,EAMrC,IAAW,IAAA,IAAa,OAAO,OAAO,EAAS,CAAM,EAAU,EAAQ,GAEpE,EAAQ,WACjB"}

package/dist/animation/easing.d.ts

@@ -0,0 +1,4 @@
+export type EasingFn = (t: number) => number;
+export declare const easings: Record<string, EasingFn>;
+export declare function resolveEasing(easing: string | ((t: number) => number) | undefined): EasingFn;
+//# sourceMappingURL=easing.d.ts.map

package/dist/animation/easing.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"easing.d.ts","sourceRoot":"","sources":["../../src/animation/easing.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,QAAQ,GAAG,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;AAE7C,eAAO,MAAM,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,CAK5C,CAAC;AAEF,wBAAgB,aAAa,CAAC,MAAM,EAAE,MAAM,GAAG,CAAC,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC,GAAG,SAAS,GAAG,QAAQ,CAU5F"}

package/dist/animation/easing.js

@@ -0,0 +1,14 @@
+//#region src/animation/easing.ts
+var e = {
+	"ease-in": (e) => e * e,
+	"ease-in-out": (e) => e < .5 ? 2 * e * e : 1 - (-2 * e + 2) ** 2 / 2,
+	"ease-out": (e) => 1 - (1 - e) * (1 - e),
+	linear: (e) => e
+};
+function t(t) {
+	return typeof t == "function" ? t : t !== void 0 && Object.hasOwn(e, t) ? e[t] : e["ease-out"];
+}
+//#endregion
+export { e as easings, t as resolveEasing };
+
+//# sourceMappingURL=easing.js.map

package/dist/animation/easing.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"easing.js","names":[],"sources":["../../src/animation/easing.ts"],"sourcesContent":["export type EasingFn = (t: number) => number;\n\nexport const easings: Record<string, EasingFn> = {\n  'ease-in': (t) => t * t,\n  'ease-in-out': (t) => (t < 0.5 ? 2 * t * t : 1 - Math.pow(-2 * t + 2, 2) / 2),\n  'ease-out': (t) => 1 - (1 - t) * (1 - t),\n  linear: (t) => t,\n};\n\nexport function resolveEasing(easing: string | ((t: number) => number) | undefined): EasingFn {\n  if (typeof easing === 'function') return easing;\n\n  // `Object.hasOwn` guards against `easing` being a prototype-chain key (e.g. `'__proto__'`,\n  // `'constructor'`) — a plain bracket lookup on those would silently resolve to an\n  // `Object.prototype` value instead of `undefined`, which is either not callable (throws)\n  // or callable but not an easing function (produces garbage interpolation).\n  if (easing !== undefined && Object.hasOwn(easings, easing)) return easings[easing];\n\n  return easings['ease-out'];\n}\n"],"mappings":";AAEA,IAAa,IAAoC;CAC/C,YAAY,MAAM,IAAI;CACtB,gBAAgB,MAAO,IAAI,KAAM,IAAI,IAAI,IAAI,KAAa,KAAK,IAAI,MAAG,IAAK;CAC3E,aAAa,MAAM,KAAK,IAAI,MAAM,IAAI;CACtC,SAAS,MAAM;AACjB;AAEA,SAAgB,EAAc,GAAgE;CAS5F,OARI,OAAO,KAAW,aAAmB,IAMrC,MAAW,KAAA,KAAa,OAAO,OAAO,GAAS,CAAM,IAAU,EAAQ,KAEpE,EAAQ;AACjB"}

package/dist/animation/index.d.ts

@@ -0,0 +1,6 @@
+export { resolveEasing } from './easing';
+export type { EasingFn } from './easing';
+export { animate } from './transition';
+export type { AnimationTarget } from './transition';
+export { tweenColor, tweenNumber } from './tween';
+//# sourceMappingURL=index.d.ts.map

package/dist/animation/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/animation/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AACzC,YAAY,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC"}

package/dist/animation/transition.cjs

@@ -0,0 +1,2 @@
+const e=require("./easing.cjs"),t=require("./tween.cjs");function n(n,r,i,a){let o=r?.duration??300,s=e.resolveEasing(r?.easing),c=Math.max(0,r?.stagger??0);if(o===0||n.length===0){for(let e of n)for(let[t,{to:n}]of Object.entries(e.attrs))e.el.setAttribute(t,String(n));return i?.(),()=>{}}let l=null,u=!1,d=Math.max(o,o+c*(n.length-1));function f(e){if(u||a?.aborted)return;l===null&&(l=e);let r=e-l;for(let e=0;e<n.length;e++){let i=n[e],a=c*e,l=Math.max(0,r-a),u=Math.min(1,l/o),d=s(u);for(let[e,{from:n,to:r}]of Object.entries(i.attrs))i.el.setAttribute(e,String(t.tweenNumber(n,r,d)))}r<d?requestAnimationFrame(f):i?.()}return requestAnimationFrame(f),()=>{u=!0}}exports.animate=n;
+//# sourceMappingURL=transition.cjs.map

package/dist/animation/transition.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"transition.cjs","names":[],"sources":["../../src/animation/transition.ts"],"sourcesContent":["import type { TransitionConfig } from '../types';\n\nimport { resolveEasing } from './easing';\nimport { tweenNumber } from './tween';\n\nexport interface AnimationTarget {\n  attrs: Record<string, { from: number; to: number }>;\n  el: SVGElement;\n}\n\n/**\n * Runs a batch of attribute tweens, sharing one `requestAnimationFrame` loop.\n * Returns a `cancel()` function the caller can invoke to stop the loop early\n * (e.g. a fresh render superseding this batch, or `signal` aborting).\n */\nexport function animate(\n  targets: AnimationTarget[],\n  config?: TransitionConfig,\n  onComplete?: () => void,\n  signal?: AbortSignal,\n): () => void {\n  const duration = config?.duration ?? 300;\n  const easing = resolveEasing(config?.easing);\n  const stagger = Math.max(0, config?.stagger ?? 0);\n\n  if (duration === 0 || targets.length === 0) {\n    for (const target of targets) {\n      for (const [attr, { to }] of Object.entries(target.attrs)) {\n        target.el.setAttribute(attr, String(to));\n      }\n    }\n\n    onComplete?.();\n\n    return () => {};\n  }\n\n  let startTime: number | null = null;\n  let cancelled = false;\n  const totalDuration = Math.max(duration, duration + stagger * (targets.length - 1));\n\n  function frame(timestamp: number) {\n    if (cancelled || signal?.aborted) return;\n\n    if (startTime === null) startTime = timestamp;\n\n    const elapsed = timestamp - startTime;\n\n    for (let i = 0; i < targets.length; i++) {\n      const target = targets[i];\n      const delay = stagger * i;\n      const localElapsed = Math.max(0, elapsed - delay);\n      const t = Math.min(1, localElapsed / duration);\n      const eased = easing(t);\n\n      for (const [attr, { from, to }] of Object.entries(target.attrs)) {\n        target.el.setAttribute(attr, String(tweenNumber(from, to, eased)));\n      }\n    }\n\n    if (elapsed < totalDuration) {\n      requestAnimationFrame(frame);\n    } else {\n      onComplete?.();\n    }\n  }\n\n  requestAnimationFrame(frame);\n\n  return () => {\n    cancelled = true;\n  };\n}\n"],"mappings":"yDAeA,SAAgB,EACd,EACA,EACA,EACA,EACY,CACZ,IAAM,EAAW,GAAQ,UAAY,IAC/B,EAAS,EAAA,cAAc,GAAQ,MAAM,EACrC,EAAU,KAAK,IAAI,EAAG,GAAQ,SAAW,CAAC,EAEhD,GAAI,IAAa,GAAK,EAAQ,SAAW,EAAG,CAC1C,IAAK,IAAM,KAAU,EACnB,IAAK,GAAM,CAAC,EAAM,CAAE,SAAS,OAAO,QAAQ,EAAO,KAAK,EACtD,EAAO,GAAG,aAAa,EAAM,OAAO,CAAE,CAAC,EAM3C,OAFA,IAAa,MAEA,CAAC,CAChB,CAEA,IAAI,EAA2B,KAC3B,EAAY,GACV,EAAgB,KAAK,IAAI,EAAU,EAAW,GAAW,EAAQ,OAAS,EAAE,EAElF,SAAS,EAAM,EAAmB,CAChC,GAAI,GAAa,GAAQ,QAAS,OAE9B,IAAc,OAAM,EAAY,GAEpC,IAAM,EAAU,EAAY,EAE5B,IAAK,IAAI,EAAI,EAAG,EAAI,EAAQ,OAAQ,IAAK,CACvC,IAAM,EAAS,EAAQ,GACjB,EAAQ,EAAU,EAClB,EAAe,KAAK,IAAI,EAAG,EAAU,CAAK,EAC1C,EAAI,KAAK,IAAI,EAAG,EAAe,CAAQ,EACvC,EAAQ,EAAO,CAAC,EAEtB,IAAK,GAAM,CAAC,EAAM,CAAE,OAAM,SAAS,OAAO,QAAQ,EAAO,KAAK,EAC5D,EAAO,GAAG,aAAa,EAAM,OAAO,EAAA,YAAY,EAAM,EAAI,CAAK,CAAC,CAAC,CAErE,CAEI,EAAU,EACZ,sBAAsB,CAAK,EAE3B,IAAa,CAEjB,CAIA,OAFA,sBAAsB,CAAK,MAEd,CACX,EAAY,EACd,CACF"}

package/dist/animation/transition.d.ts

@@ -0,0 +1,15 @@
+import type { TransitionConfig } from '../types';
+export interface AnimationTarget {
+    attrs: Record<string, {
+        from: number;
+        to: number;
+    }>;
+    el: SVGElement;
+}
+/**
+ * Runs a batch of attribute tweens, sharing one `requestAnimationFrame` loop.
+ * Returns a `cancel()` function the caller can invoke to stop the loop early
+ * (e.g. a fresh render superseding this batch, or `signal` aborting).
+ */
+export declare function animate(targets: AnimationTarget[], config?: TransitionConfig, onComplete?: () => void, signal?: AbortSignal): () => void;
+//# sourceMappingURL=transition.d.ts.map

package/dist/animation/transition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"transition.d.ts","sourceRoot":"","sources":["../../src/animation/transition.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAKjD,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACpD,EAAE,EAAE,UAAU,CAAC;CAChB;AAED;;;;GAIG;AACH,wBAAgB,OAAO,CACrB,OAAO,EAAE,eAAe,EAAE,EAC1B,MAAM,CAAC,EAAE,gBAAgB,EACzB,UAAU,CAAC,EAAE,MAAM,IAAI,EACvB,MAAM,CAAC,EAAE,WAAW,GACnB,MAAM,IAAI,CAoDZ"}

package/dist/animation/transition.js

@@ -0,0 +1,28 @@
+import { resolveEasing as e } from "./easing.js";
+import { tweenNumber as t } from "./tween.js";
+//#region src/animation/transition.ts
+function n(n, r, i, a) {
+	let o = r?.duration ?? 300, s = e(r?.easing), c = Math.max(0, r?.stagger ?? 0);
+	if (o === 0 || n.length === 0) {
+		for (let e of n) for (let [t, { to: n }] of Object.entries(e.attrs)) e.el.setAttribute(t, String(n));
+		return i?.(), () => {};
+	}
+	let l = null, u = !1, d = Math.max(o, o + c * (n.length - 1));
+	function f(e) {
+		if (u || a?.aborted) return;
+		l === null && (l = e);
+		let r = e - l;
+		for (let e = 0; e < n.length; e++) {
+			let i = n[e], a = c * e, l = Math.max(0, r - a), u = Math.min(1, l / o), d = s(u);
+			for (let [e, { from: n, to: r }] of Object.entries(i.attrs)) i.el.setAttribute(e, String(t(n, r, d)));
+		}
+		r < d ? requestAnimationFrame(f) : i?.();
+	}
+	return requestAnimationFrame(f), () => {
+		u = !0;
+	};
+}
+//#endregion
+export { n as animate };
+
+//# sourceMappingURL=transition.js.map

package/dist/animation/transition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"transition.js","names":[],"sources":["../../src/animation/transition.ts"],"sourcesContent":["import type { TransitionConfig } from '../types';\n\nimport { resolveEasing } from './easing';\nimport { tweenNumber } from './tween';\n\nexport interface AnimationTarget {\n  attrs: Record<string, { from: number; to: number }>;\n  el: SVGElement;\n}\n\n/**\n * Runs a batch of attribute tweens, sharing one `requestAnimationFrame` loop.\n * Returns a `cancel()` function the caller can invoke to stop the loop early\n * (e.g. a fresh render superseding this batch, or `signal` aborting).\n */\nexport function animate(\n  targets: AnimationTarget[],\n  config?: TransitionConfig,\n  onComplete?: () => void,\n  signal?: AbortSignal,\n): () => void {\n  const duration = config?.duration ?? 300;\n  const easing = resolveEasing(config?.easing);\n  const stagger = Math.max(0, config?.stagger ?? 0);\n\n  if (duration === 0 || targets.length === 0) {\n    for (const target of targets) {\n      for (const [attr, { to }] of Object.entries(target.attrs)) {\n        target.el.setAttribute(attr, String(to));\n      }\n    }\n\n    onComplete?.();\n\n    return () => {};\n  }\n\n  let startTime: number | null = null;\n  let cancelled = false;\n  const totalDuration = Math.max(duration, duration + stagger * (targets.length - 1));\n\n  function frame(timestamp: number) {\n    if (cancelled || signal?.aborted) return;\n\n    if (startTime === null) startTime = timestamp;\n\n    const elapsed = timestamp - startTime;\n\n    for (let i = 0; i < targets.length; i++) {\n      const target = targets[i];\n      const delay = stagger * i;\n      const localElapsed = Math.max(0, elapsed - delay);\n      const t = Math.min(1, localElapsed / duration);\n      const eased = easing(t);\n\n      for (const [attr, { from, to }] of Object.entries(target.attrs)) {\n        target.el.setAttribute(attr, String(tweenNumber(from, to, eased)));\n      }\n    }\n\n    if (elapsed < totalDuration) {\n      requestAnimationFrame(frame);\n    } else {\n      onComplete?.();\n    }\n  }\n\n  requestAnimationFrame(frame);\n\n  return () => {\n    cancelled = true;\n  };\n}\n"],"mappings":";;;AAeA,SAAgB,EACd,GACA,GACA,GACA,GACY;CACZ,IAAM,IAAW,GAAQ,YAAY,KAC/B,IAAS,EAAc,GAAQ,MAAM,GACrC,IAAU,KAAK,IAAI,GAAG,GAAQ,WAAW,CAAC;CAEhD,IAAI,MAAa,KAAK,EAAQ,WAAW,GAAG;EAC1C,KAAK,IAAM,KAAU,GACnB,KAAK,IAAM,CAAC,GAAM,EAAE,YAAS,OAAO,QAAQ,EAAO,KAAK,GACtD,EAAO,GAAG,aAAa,GAAM,OAAO,CAAE,CAAC;EAM3C,OAFA,IAAa,SAEA,CAAC;CAChB;CAEA,IAAI,IAA2B,MAC3B,IAAY,IACV,IAAgB,KAAK,IAAI,GAAU,IAAW,KAAW,EAAQ,SAAS,EAAE;CAElF,SAAS,EAAM,GAAmB;EAChC,IAAI,KAAa,GAAQ,SAAS;EAElC,AAAI,MAAc,SAAM,IAAY;EAEpC,IAAM,IAAU,IAAY;EAE5B,KAAK,IAAI,IAAI,GAAG,IAAI,EAAQ,QAAQ,KAAK;GACvC,IAAM,IAAS,EAAQ,IACjB,IAAQ,IAAU,GAClB,IAAe,KAAK,IAAI,GAAG,IAAU,CAAK,GAC1C,IAAI,KAAK,IAAI,GAAG,IAAe,CAAQ,GACvC,IAAQ,EAAO,CAAC;GAEtB,KAAK,IAAM,CAAC,GAAM,EAAE,SAAM,YAAS,OAAO,QAAQ,EAAO,KAAK,GAC5D,EAAO,GAAG,aAAa,GAAM,OAAO,EAAY,GAAM,GAAI,CAAK,CAAC,CAAC;EAErE;EAEA,AAAI,IAAU,IACZ,sBAAsB,CAAK,IAE3B,IAAa;CAEjB;CAIA,OAFA,sBAAsB,CAAK,SAEd;EACX,IAAY;CACd;AACF"}

package/dist/animation/tween.cjs

@@ -0,0 +1,2 @@
+function e(e,t,n){return e+(t-e)*n}exports.tweenNumber=e;
+//# sourceMappingURL=tween.cjs.map

package/dist/animation/tween.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tween.cjs","names":[],"sources":["../../src/animation/tween.ts"],"sourcesContent":["export function tweenNumber(from: number, to: number, t: number): number {\n  return from + (to - from) * t;\n}\n\nexport function tweenColor(from: string, to: string, t: number): string {\n  const f = parseColor(from);\n  const toC = parseColor(to);\n\n  if (!f || !toC) return t < 0.5 ? from : to;\n\n  const r = Math.round(tweenNumber(f.r, toC.r, t));\n  const g = Math.round(tweenNumber(f.g, toC.g, t));\n  const b = Math.round(tweenNumber(f.b, toC.b, t));\n\n  return `rgb(${r},${g},${b})`;\n}\n\ninterface RGB {\n  b: number;\n  g: number;\n  r: number;\n}\n\nfunction parseColor(color: string): RGB | null {\n  if (color.startsWith('#')) {\n    const hex = color.slice(1);\n\n    if (hex.length === 3) {\n      return {\n        b: parseInt(hex[2] + hex[2], 16),\n        g: parseInt(hex[1] + hex[1], 16),\n        r: parseInt(hex[0] + hex[0], 16),\n      };\n    }\n\n    if (hex.length === 6) {\n      return {\n        b: parseInt(hex.slice(4, 6), 16),\n        g: parseInt(hex.slice(2, 4), 16),\n        r: parseInt(hex.slice(0, 2), 16),\n      };\n    }\n  }\n\n  const rgbMatch = color.match(/rgb\\((\\d+),\\s*(\\d+),\\s*(\\d+)\\)/);\n\n  if (rgbMatch) {\n    return { b: +rgbMatch[3], g: +rgbMatch[2], r: +rgbMatch[1] };\n  }\n\n  return null;\n}\n"],"mappings":"AAAA,SAAgB,EAAY,EAAc,EAAY,EAAmB,CACvE,OAAO,GAAQ,EAAK,GAAQ,CAC9B"}

package/dist/animation/tween.d.ts

@@ -0,0 +1,3 @@
+export declare function tweenNumber(from: number, to: number, t: number): number;
+export declare function tweenColor(from: string, to: string, t: number): string;
+//# sourceMappingURL=tween.d.ts.map

package/dist/animation/tween.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tween.d.ts","sourceRoot":"","sources":["../../src/animation/tween.ts"],"names":[],"mappings":"AAAA,wBAAgB,WAAW,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAEvE;AAED,wBAAgB,UAAU,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAWtE"}

package/dist/animation/tween.js

@@ -0,0 +1,8 @@
+//#region src/animation/tween.ts
+function e(e, t, n) {
+	return e + (t - e) * n;
+}
+//#endregion
+export { e as tweenNumber };
+
+//# sourceMappingURL=tween.js.map

package/dist/animation/tween.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tween.js","names":[],"sources":["../../src/animation/tween.ts"],"sourcesContent":["export function tweenNumber(from: number, to: number, t: number): number {\n  return from + (to - from) * t;\n}\n\nexport function tweenColor(from: string, to: string, t: number): string {\n  const f = parseColor(from);\n  const toC = parseColor(to);\n\n  if (!f || !toC) return t < 0.5 ? from : to;\n\n  const r = Math.round(tweenNumber(f.r, toC.r, t));\n  const g = Math.round(tweenNumber(f.g, toC.g, t));\n  const b = Math.round(tweenNumber(f.b, toC.b, t));\n\n  return `rgb(${r},${g},${b})`;\n}\n\ninterface RGB {\n  b: number;\n  g: number;\n  r: number;\n}\n\nfunction parseColor(color: string): RGB | null {\n  if (color.startsWith('#')) {\n    const hex = color.slice(1);\n\n    if (hex.length === 3) {\n      return {\n        b: parseInt(hex[2] + hex[2], 16),\n        g: parseInt(hex[1] + hex[1], 16),\n        r: parseInt(hex[0] + hex[0], 16),\n      };\n    }\n\n    if (hex.length === 6) {\n      return {\n        b: parseInt(hex.slice(4, 6), 16),\n        g: parseInt(hex.slice(2, 4), 16),\n        r: parseInt(hex.slice(0, 2), 16),\n      };\n    }\n  }\n\n  const rgbMatch = color.match(/rgb\\((\\d+),\\s*(\\d+),\\s*(\\d+)\\)/);\n\n  if (rgbMatch) {\n    return { b: +rgbMatch[3], g: +rgbMatch[2], r: +rgbMatch[1] };\n  }\n\n  return null;\n}\n"],"mappings":";AAAA,SAAgB,EAAY,GAAc,GAAY,GAAmB;CACvE,OAAO,KAAQ,IAAK,KAAQ;AAC9B"}

package/dist/axes/axis.cjs

@@ -0,0 +1,2 @@
+const e=require("../svg/element.cjs"),t=require("../svg/text.cjs"),n=require("./scale-utils.cjs");var r=e=>e instanceof Date?e.toLocaleDateString(void 0,{month:`short`,year:`numeric`}):String(e);function i(e,t,n){let r=e.position??n,i=r===`bottom`||r===`top`?Math.max(2,Math.floor(t/80)):Math.max(2,Math.floor(t/50));return e.tickCount??i}function a(a,o,s,c,l=`bottom`){e.removeChildren(a);let u=s.position??l,d=u===`bottom`||u===`top`,f=u===`top`||u===`left`,p=f?-1:1,m=e.createSvgElement(`line`,{"aria-hidden":`true`,class:`prism-axis-line`,x1:0,x2:d?c:0,y1:0,y2:d?0:c});a.appendChild(m);let h=o.ticks(i(s,c,l)),g=s.tickFormat??r;for(let r of h){let i=n.mapTick(o,r),s=e.createSvgElement(`line`,{"aria-hidden":`true`,class:`prism-axis-tick`,x1:d?i:0,x2:d?i:6*p,y1:d?0:i,y2:d?6*p:i});a.appendChild(s);let c=t.createTextElement(g(r),{"aria-hidden":`true`,class:`prism-axis-label`,"dominant-baseline":d?f?`auto`:`hanging`:`middle`,"text-anchor":d?`middle`:f?`end`:`start`,x:d?i:6*p*1.5,y:d?6*p*1.5:i});a.appendChild(c)}if(s.label){let n=t.createTextElement(s.label,{class:`prism-axis-title`,"dominant-baseline":`middle`,"text-anchor":`middle`});d?e.setAttributes(n,{x:c/2,y:6*p*3.5}):e.setAttributes(n,{transform:`translate(${6*p*4}, ${c/2}) rotate(-90)`}),a.appendChild(n)}}exports.renderAxis=a,exports.resolveTickCount=i;
+//# sourceMappingURL=axis.cjs.map

package/dist/axes/axis.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"axis.cjs","names":[],"sources":["../../src/axes/axis.ts"],"sourcesContent":["import type { AxisConfig, AxisPosition } from '../types';\n\nimport { createSvgElement, removeChildren, setAttributes } from '../svg/element';\nimport { createTextElement } from '../svg/text';\nimport { type AnyScale, mapTick } from './scale-utils';\n\nconst defaultTickFormat = (v: Date | number | string): string =>\n  v instanceof Date ? v.toLocaleDateString(undefined, { month: 'short', year: 'numeric' }) : String(v);\n\n/**\n * Resolves the tick count an axis will render for a given scale/length — shared with\n * `renderGrid` so gridlines line up with axis ticks. `defaultPosition` must match the\n * one passed to the corresponding `renderAxis` call ('bottom' for xAxis, 'left' for yAxis).\n */\nexport function resolveTickCount(config: AxisConfig, length: number, defaultPosition: AxisPosition): number {\n  const position = config.position ?? defaultPosition;\n  const isHorizontal = position === 'bottom' || position === 'top';\n  const defaultTickCount = isHorizontal ? Math.max(2, Math.floor(length / 80)) : Math.max(2, Math.floor(length / 50));\n\n  return config.tickCount ?? defaultTickCount;\n}\n\n/**\n * `defaultPosition` is applied when `config.position` is unset — pass `'bottom'` for an\n * xAxis call and `'left'` for a yAxis call so an unconfigured axis renders on its\n * conventional side instead of always defaulting to a horizontal bottom axis.\n */\nexport function renderAxis(\n  parent: SVGGElement,\n  scale: AnyScale,\n  config: AxisConfig,\n  length: number,\n  defaultPosition: AxisPosition = 'bottom',\n): void {\n  removeChildren(parent);\n\n  const position = config.position ?? defaultPosition;\n  const isHorizontal = position === 'bottom' || position === 'top';\n  const isInverted = position === 'top' || position === 'left';\n  const tickSize = 6;\n  const tickDirection = isInverted ? -1 : 1;\n\n  const axisLine = createSvgElement('line', {\n    'aria-hidden': 'true',\n    class: 'prism-axis-line',\n    x1: isHorizontal ? 0 : 0,\n    x2: isHorizontal ? length : 0,\n    y1: isHorizontal ? 0 : 0,\n    y2: isHorizontal ? 0 : length,\n  });\n\n  parent.appendChild(axisLine);\n\n  const ticks = scale.ticks(resolveTickCount(config, length, defaultPosition));\n  const format = config.tickFormat ?? defaultTickFormat;\n\n  for (const tick of ticks) {\n    const pos = mapTick(scale, tick);\n    const tickLine = createSvgElement('line', {\n      'aria-hidden': 'true',\n      class: 'prism-axis-tick',\n      x1: isHorizontal ? pos : 0,\n      x2: isHorizontal ? pos : tickSize * tickDirection,\n      y1: isHorizontal ? 0 : pos,\n      y2: isHorizontal ? tickSize * tickDirection : pos,\n    });\n\n    parent.appendChild(tickLine);\n\n    const label = createTextElement(format(tick), {\n      'aria-hidden': 'true',\n      class: 'prism-axis-label',\n      'dominant-baseline': isHorizontal ? (isInverted ? 'auto' : 'hanging') : 'middle',\n      'text-anchor': isHorizontal ? 'middle' : isInverted ? 'end' : 'start',\n      x: isHorizontal ? pos : tickSize * tickDirection * 1.5,\n      y: isHorizontal ? tickSize * tickDirection * 1.5 : pos,\n    });\n\n    parent.appendChild(label);\n  }\n\n  if (config.label) {\n    const labelEl = createTextElement(config.label, {\n      class: 'prism-axis-title',\n      'dominant-baseline': 'middle',\n      'text-anchor': 'middle',\n    });\n\n    if (isHorizontal) {\n      setAttributes(labelEl, { x: length / 2, y: tickSize * tickDirection * 3.5 });\n    } else {\n      setAttributes(labelEl, {\n        transform: `translate(${tickSize * tickDirection * 4}, ${length / 2}) rotate(-90)`,\n      });\n    }\n\n    parent.appendChild(labelEl);\n  }\n}\n"],"mappings":"kGAMA,IAAM,EAAqB,GACzB,aAAa,KAAO,EAAE,mBAAmB,IAAA,GAAW,CAAE,MAAO,QAAS,KAAM,SAAU,CAAC,EAAI,OAAO,CAAC,EAOrG,SAAgB,EAAiB,EAAoB,EAAgB,EAAuC,CAC1G,IAAM,EAAW,EAAO,UAAY,EAE9B,EADe,IAAa,UAAY,IAAa,MACnB,KAAK,IAAI,EAAG,KAAK,MAAM,EAAS,EAAE,CAAC,EAAI,KAAK,IAAI,EAAG,KAAK,MAAM,EAAS,EAAE,CAAC,EAElH,OAAO,EAAO,WAAa,CAC7B,CAOA,SAAgB,EACd,EACA,EACA,EACA,EACA,EAAgC,SAC1B,CACN,EAAA,eAAe,CAAM,EAErB,IAAM,EAAW,EAAO,UAAY,EAC9B,EAAe,IAAa,UAAY,IAAa,MACrD,EAAa,IAAa,OAAS,IAAa,OAEhD,EAAgB,EAAa,GAAK,EAElC,EAAW,EAAA,iBAAiB,OAAQ,CACxC,cAAe,OACf,MAAO,kBACP,GAAmB,EACnB,GAAI,EAAe,EAAS,EAC5B,GAAmB,EACnB,GAAI,EAAe,EAAI,CACzB,CAAC,EAED,EAAO,YAAY,CAAQ,EAE3B,IAAM,EAAQ,EAAM,MAAM,EAAiB,EAAQ,EAAQ,CAAe,CAAC,EACrE,EAAS,EAAO,YAAc,EAEpC,IAAK,IAAM,KAAQ,EAAO,CACxB,IAAM,EAAM,EAAA,QAAQ,EAAO,CAAI,EACzB,EAAW,EAAA,iBAAiB,OAAQ,CACxC,cAAe,OACf,MAAO,kBACP,GAAI,EAAe,EAAM,EACzB,GAAI,EAAe,EAAM,EAAW,EACpC,GAAI,EAAe,EAAI,EACvB,GAAI,EAAe,EAAW,EAAgB,CAChD,CAAC,EAED,EAAO,YAAY,CAAQ,EAE3B,IAAM,EAAQ,EAAA,kBAAkB,EAAO,CAAI,EAAG,CAC5C,cAAe,OACf,MAAO,mBACP,oBAAqB,EAAgB,EAAa,OAAS,UAAa,SACxE,cAAe,EAAe,SAAW,EAAa,MAAQ,QAC9D,EAAG,EAAe,EAAM,EAAW,EAAgB,IACnD,EAAG,EAAe,EAAW,EAAgB,IAAM,CACrD,CAAC,EAED,EAAO,YAAY,CAAK,CAC1B,CAEA,GAAI,EAAO,MAAO,CAChB,IAAM,EAAU,EAAA,kBAAkB,EAAO,MAAO,CAC9C,MAAO,mBACP,oBAAqB,SACrB,cAAe,QACjB,CAAC,EAEG,EACF,EAAA,cAAc,EAAS,CAAE,EAAG,EAAS,EAAG,EAAG,EAAW,EAAgB,GAAI,CAAC,EAE3E,EAAA,cAAc,EAAS,CACrB,UAAW,aAAa,EAAW,EAAgB,EAAE,IAAI,EAAS,EAAE,cACtE,CAAC,EAGH,EAAO,YAAY,CAAO,CAC5B,CACF"}

package/dist/axes/axis.d.ts

@@ -0,0 +1,15 @@
+import type { AxisConfig, AxisPosition } from '../types';
+import { type AnyScale } from './scale-utils';
+/**
+ * Resolves the tick count an axis will render for a given scale/length — shared with
+ * `renderGrid` so gridlines line up with axis ticks. `defaultPosition` must match the
+ * one passed to the corresponding `renderAxis` call ('bottom' for xAxis, 'left' for yAxis).
+ */
+export declare function resolveTickCount(config: AxisConfig, length: number, defaultPosition: AxisPosition): number;
+/**
+ * `defaultPosition` is applied when `config.position` is unset — pass `'bottom'` for an
+ * xAxis call and `'left'` for a yAxis call so an unconfigured axis renders on its
+ * conventional side instead of always defaulting to a horizontal bottom axis.
+ */
+export declare function renderAxis(parent: SVGGElement, scale: AnyScale, config: AxisConfig, length: number, defaultPosition?: AxisPosition): void;
+//# sourceMappingURL=axis.d.ts.map

package/dist/axes/axis.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"axis.d.ts","sourceRoot":"","sources":["../../src/axes/axis.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAIzD,OAAO,EAAE,KAAK,QAAQ,EAAW,MAAM,eAAe,CAAC;AAKvD;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,EAAE,eAAe,EAAE,YAAY,GAAG,MAAM,CAM1G;AAED;;;;GAIG;AACH,wBAAgB,UAAU,CACxB,MAAM,EAAE,WAAW,EACnB,KAAK,EAAE,QAAQ,EACf,MAAM,EAAE,UAAU,EAClB,MAAM,EAAE,MAAM,EACd,eAAe,GAAE,YAAuB,GACvC,IAAI,CAiEN"}

package/dist/axes/axis.js

@@ -0,0 +1,60 @@
+import { createSvgElement as e, removeChildren as t, setAttributes as n } from "../svg/element.js";
+import { createTextElement as r } from "../svg/text.js";
+import { mapTick as i } from "./scale-utils.js";
+//#region src/axes/axis.ts
+var a = (e) => e instanceof Date ? e.toLocaleDateString(void 0, {
+	month: "short",
+	year: "numeric"
+}) : String(e);
+function o(e, t, n) {
+	let r = e.position ?? n, i = r === "bottom" || r === "top" ? Math.max(2, Math.floor(t / 80)) : Math.max(2, Math.floor(t / 50));
+	return e.tickCount ?? i;
+}
+function s(s, c, l, u, d = "bottom") {
+	t(s);
+	let f = l.position ?? d, p = f === "bottom" || f === "top", m = f === "top" || f === "left", h = m ? -1 : 1, g = e("line", {
+		"aria-hidden": "true",
+		class: "prism-axis-line",
+		x1: 0,
+		x2: p ? u : 0,
+		y1: 0,
+		y2: p ? 0 : u
+	});
+	s.appendChild(g);
+	let _ = c.ticks(o(l, u, d)), v = l.tickFormat ?? a;
+	for (let t of _) {
+		let n = i(c, t), a = e("line", {
+			"aria-hidden": "true",
+			class: "prism-axis-tick",
+			x1: p ? n : 0,
+			x2: p ? n : 6 * h,
+			y1: p ? 0 : n,
+			y2: p ? 6 * h : n
+		});
+		s.appendChild(a);
+		let o = r(v(t), {
+			"aria-hidden": "true",
+			class: "prism-axis-label",
+			"dominant-baseline": p ? m ? "auto" : "hanging" : "middle",
+			"text-anchor": p ? "middle" : m ? "end" : "start",
+			x: p ? n : 6 * h * 1.5,
+			y: p ? 6 * h * 1.5 : n
+		});
+		s.appendChild(o);
+	}
+	if (l.label) {
+		let e = r(l.label, {
+			class: "prism-axis-title",
+			"dominant-baseline": "middle",
+			"text-anchor": "middle"
+		});
+		p ? n(e, {
+			x: u / 2,
+			y: 6 * h * 3.5
+		}) : n(e, { transform: `translate(${6 * h * 4}, ${u / 2}) rotate(-90)` }), s.appendChild(e);
+	}
+}
+//#endregion
+export { s as renderAxis, o as resolveTickCount };
+
+//# sourceMappingURL=axis.js.map

package/dist/axes/axis.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"axis.js","names":[],"sources":["../../src/axes/axis.ts"],"sourcesContent":["import type { AxisConfig, AxisPosition } from '../types';\n\nimport { createSvgElement, removeChildren, setAttributes } from '../svg/element';\nimport { createTextElement } from '../svg/text';\nimport { type AnyScale, mapTick } from './scale-utils';\n\nconst defaultTickFormat = (v: Date | number | string): string =>\n  v instanceof Date ? v.toLocaleDateString(undefined, { month: 'short', year: 'numeric' }) : String(v);\n\n/**\n * Resolves the tick count an axis will render for a given scale/length — shared with\n * `renderGrid` so gridlines line up with axis ticks. `defaultPosition` must match the\n * one passed to the corresponding `renderAxis` call ('bottom' for xAxis, 'left' for yAxis).\n */\nexport function resolveTickCount(config: AxisConfig, length: number, defaultPosition: AxisPosition): number {\n  const position = config.position ?? defaultPosition;\n  const isHorizontal = position === 'bottom' || position === 'top';\n  const defaultTickCount = isHorizontal ? Math.max(2, Math.floor(length / 80)) : Math.max(2, Math.floor(length / 50));\n\n  return config.tickCount ?? defaultTickCount;\n}\n\n/**\n * `defaultPosition` is applied when `config.position` is unset — pass `'bottom'` for an\n * xAxis call and `'left'` for a yAxis call so an unconfigured axis renders on its\n * conventional side instead of always defaulting to a horizontal bottom axis.\n */\nexport function renderAxis(\n  parent: SVGGElement,\n  scale: AnyScale,\n  config: AxisConfig,\n  length: number,\n  defaultPosition: AxisPosition = 'bottom',\n): void {\n  removeChildren(parent);\n\n  const position = config.position ?? defaultPosition;\n  const isHorizontal = position === 'bottom' || position === 'top';\n  const isInverted = position === 'top' || position === 'left';\n  const tickSize = 6;\n  const tickDirection = isInverted ? -1 : 1;\n\n  const axisLine = createSvgElement('line', {\n    'aria-hidden': 'true',\n    class: 'prism-axis-line',\n    x1: isHorizontal ? 0 : 0,\n    x2: isHorizontal ? length : 0,\n    y1: isHorizontal ? 0 : 0,\n    y2: isHorizontal ? 0 : length,\n  });\n\n  parent.appendChild(axisLine);\n\n  const ticks = scale.ticks(resolveTickCount(config, length, defaultPosition));\n  const format = config.tickFormat ?? defaultTickFormat;\n\n  for (const tick of ticks) {\n    const pos = mapTick(scale, tick);\n    const tickLine = createSvgElement('line', {\n      'aria-hidden': 'true',\n      class: 'prism-axis-tick',\n      x1: isHorizontal ? pos : 0,\n      x2: isHorizontal ? pos : tickSize * tickDirection,\n      y1: isHorizontal ? 0 : pos,\n      y2: isHorizontal ? tickSize * tickDirection : pos,\n    });\n\n    parent.appendChild(tickLine);\n\n    const label = createTextElement(format(tick), {\n      'aria-hidden': 'true',\n      class: 'prism-axis-label',\n      'dominant-baseline': isHorizontal ? (isInverted ? 'auto' : 'hanging') : 'middle',\n      'text-anchor': isHorizontal ? 'middle' : isInverted ? 'end' : 'start',\n      x: isHorizontal ? pos : tickSize * tickDirection * 1.5,\n      y: isHorizontal ? tickSize * tickDirection * 1.5 : pos,\n    });\n\n    parent.appendChild(label);\n  }\n\n  if (config.label) {\n    const labelEl = createTextElement(config.label, {\n      class: 'prism-axis-title',\n      'dominant-baseline': 'middle',\n      'text-anchor': 'middle',\n    });\n\n    if (isHorizontal) {\n      setAttributes(labelEl, { x: length / 2, y: tickSize * tickDirection * 3.5 });\n    } else {\n      setAttributes(labelEl, {\n        transform: `translate(${tickSize * tickDirection * 4}, ${length / 2}) rotate(-90)`,\n      });\n    }\n\n    parent.appendChild(labelEl);\n  }\n}\n"],"mappings":";;;;AAMA,IAAM,KAAqB,MACzB,aAAa,OAAO,EAAE,mBAAmB,KAAA,GAAW;CAAE,OAAO;CAAS,MAAM;AAAU,CAAC,IAAI,OAAO,CAAC;AAOrG,SAAgB,EAAiB,GAAoB,GAAgB,GAAuC;CAC1G,IAAM,IAAW,EAAO,YAAY,GAE9B,IADe,MAAa,YAAY,MAAa,QACnB,KAAK,IAAI,GAAG,KAAK,MAAM,IAAS,EAAE,CAAC,IAAI,KAAK,IAAI,GAAG,KAAK,MAAM,IAAS,EAAE,CAAC;CAElH,OAAO,EAAO,aAAa;AAC7B;AAOA,SAAgB,EACd,GACA,GACA,GACA,GACA,IAAgC,UAC1B;CACN,EAAe,CAAM;CAErB,IAAM,IAAW,EAAO,YAAY,GAC9B,IAAe,MAAa,YAAY,MAAa,OACrD,IAAa,MAAa,SAAS,MAAa,QAEhD,IAAgB,IAAa,KAAK,GAElC,IAAW,EAAiB,QAAQ;EACxC,eAAe;EACf,OAAO;EACP,IAAmB;EACnB,IAAI,IAAe,IAAS;EAC5B,IAAmB;EACnB,IAAI,IAAe,IAAI;CACzB,CAAC;CAED,EAAO,YAAY,CAAQ;CAE3B,IAAM,IAAQ,EAAM,MAAM,EAAiB,GAAQ,GAAQ,CAAe,CAAC,GACrE,IAAS,EAAO,cAAc;CAEpC,KAAK,IAAM,KAAQ,GAAO;EACxB,IAAM,IAAM,EAAQ,GAAO,CAAI,GACzB,IAAW,EAAiB,QAAQ;GACxC,eAAe;GACf,OAAO;GACP,IAAI,IAAe,IAAM;GACzB,IAAI,IAAe,IAAM,IAAW;GACpC,IAAI,IAAe,IAAI;GACvB,IAAI,IAAe,IAAW,IAAgB;EAChD,CAAC;EAED,EAAO,YAAY,CAAQ;EAE3B,IAAM,IAAQ,EAAkB,EAAO,CAAI,GAAG;GAC5C,eAAe;GACf,OAAO;GACP,qBAAqB,IAAgB,IAAa,SAAS,YAAa;GACxE,eAAe,IAAe,WAAW,IAAa,QAAQ;GAC9D,GAAG,IAAe,IAAM,IAAW,IAAgB;GACnD,GAAG,IAAe,IAAW,IAAgB,MAAM;EACrD,CAAC;EAED,EAAO,YAAY,CAAK;CAC1B;CAEA,IAAI,EAAO,OAAO;EAChB,IAAM,IAAU,EAAkB,EAAO,OAAO;GAC9C,OAAO;GACP,qBAAqB;GACrB,eAAe;EACjB,CAAC;EAUD,AARI,IACF,EAAc,GAAS;GAAE,GAAG,IAAS;GAAG,GAAG,IAAW,IAAgB;EAAI,CAAC,IAE3E,EAAc,GAAS,EACrB,WAAW,aAAa,IAAW,IAAgB,EAAE,IAAI,IAAS,EAAE,eACtE,CAAC,GAGH,EAAO,YAAY,CAAO;CAC5B;AACF"}

package/dist/axes/grid.cjs

@@ -0,0 +1,2 @@
+const e=require("../svg/element.cjs"),t=require("./scale-utils.cjs");function n(n,r,i,a,o,s=10){e.removeChildren(n);let c=i!==!0&&i.color||void 0,l=i!==!0&&i.dash||void 0,u=r.ticks(s);for(let i of u){let s=t.mapTick(r,i),u={class:`prism-grid-line`,stroke:c??`var(--prism-grid-color)`,"stroke-dasharray":l,"stroke-opacity":`var(--prism-grid-opacity)`};o===`vertical`?Object.assign(u,{x1:s,x2:s,y1:0,y2:a}):Object.assign(u,{x1:0,x2:a,y1:s,y2:s}),n.appendChild(e.createSvgElement(`line`,u))}}exports.renderGrid=n;
+//# sourceMappingURL=grid.cjs.map

package/dist/axes/grid.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid.cjs","names":[],"sources":["../../src/axes/grid.ts"],"sourcesContent":["import type { GridConfig } from '../types';\n\nimport { createSvgElement, removeChildren } from '../svg/element';\nimport { type AnyScale, mapTick } from './scale-utils';\n\nexport function renderGrid(\n  parent: SVGGElement,\n  scale: AnyScale,\n  config: GridConfig | true,\n  crossLength: number,\n  direction: 'horizontal' | 'vertical',\n  tickCount = 10,\n): void {\n  removeChildren(parent);\n\n  const color = (config !== true && config.color) || undefined;\n  const dash = (config !== true && config.dash) || undefined;\n  const ticks = scale.ticks(tickCount);\n\n  for (const tick of ticks) {\n    const pos = mapTick(scale, tick);\n    const attrs: Record<string, number | string | undefined> = {\n      class: 'prism-grid-line',\n      stroke: color ?? 'var(--prism-grid-color)',\n      'stroke-dasharray': dash,\n      'stroke-opacity': 'var(--prism-grid-opacity)',\n    };\n\n    if (direction === 'vertical') {\n      Object.assign(attrs, { x1: pos, x2: pos, y1: 0, y2: crossLength });\n    } else {\n      Object.assign(attrs, { x1: 0, x2: crossLength, y1: pos, y2: pos });\n    }\n\n    parent.appendChild(createSvgElement('line', attrs));\n  }\n}\n"],"mappings":"qEAKA,SAAgB,EACd,EACA,EACA,EACA,EACA,EACA,EAAY,GACN,CACN,EAAA,eAAe,CAAM,EAErB,IAAM,EAAS,IAAW,IAAQ,EAAO,OAAU,IAAA,GAC7C,EAAQ,IAAW,IAAQ,EAAO,MAAS,IAAA,GAC3C,EAAQ,EAAM,MAAM,CAAS,EAEnC,IAAK,IAAM,KAAQ,EAAO,CACxB,IAAM,EAAM,EAAA,QAAQ,EAAO,CAAI,EACzB,EAAqD,CACzD,MAAO,kBACP,OAAQ,GAAS,0BACjB,mBAAoB,EACpB,iBAAkB,2BACpB,EAEI,IAAc,WAChB,OAAO,OAAO,EAAO,CAAE,GAAI,EAAK,GAAI,EAAK,GAAI,EAAG,GAAI,CAAY,CAAC,EAEjE,OAAO,OAAO,EAAO,CAAE,GAAI,EAAG,GAAI,EAAa,GAAI,EAAK,GAAI,CAAI,CAAC,EAGnE,EAAO,YAAY,EAAA,iBAAiB,OAAQ,CAAK,CAAC,CACpD,CACF"}

package/dist/axes/grid.d.ts

@@ -0,0 +1,4 @@
+import type { GridConfig } from '../types';
+import { type AnyScale } from './scale-utils';
+export declare function renderGrid(parent: SVGGElement, scale: AnyScale, config: GridConfig | true, crossLength: number, direction: 'horizontal' | 'vertical', tickCount?: number): void;
+//# sourceMappingURL=grid.d.ts.map

package/dist/axes/grid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid.d.ts","sourceRoot":"","sources":["../../src/axes/grid.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAG3C,OAAO,EAAE,KAAK,QAAQ,EAAW,MAAM,eAAe,CAAC;AAEvD,wBAAgB,UAAU,CACxB,MAAM,EAAE,WAAW,EACnB,KAAK,EAAE,QAAQ,EACf,MAAM,EAAE,UAAU,GAAG,IAAI,EACzB,WAAW,EAAE,MAAM,EACnB,SAAS,EAAE,YAAY,GAAG,UAAU,EACpC,SAAS,SAAK,GACb,IAAI,CAwBN"}

package/dist/axes/grid.js

@@ -0,0 +1,30 @@
+import { createSvgElement as e, removeChildren as t } from "../svg/element.js";
+import { mapTick as n } from "./scale-utils.js";
+//#region src/axes/grid.ts
+function r(r, i, a, o, s, c = 10) {
+	t(r);
+	let l = a !== !0 && a.color || void 0, u = a !== !0 && a.dash || void 0, d = i.ticks(c);
+	for (let t of d) {
+		let a = n(i, t), c = {
+			class: "prism-grid-line",
+			stroke: l ?? "var(--prism-grid-color)",
+			"stroke-dasharray": u,
+			"stroke-opacity": "var(--prism-grid-opacity)"
+		};
+		s === "vertical" ? Object.assign(c, {
+			x1: a,
+			x2: a,
+			y1: 0,
+			y2: o
+		}) : Object.assign(c, {
+			x1: 0,
+			x2: o,
+			y1: a,
+			y2: a
+		}), r.appendChild(e("line", c));
+	}
+}
+//#endregion
+export { r as renderGrid };
+
+//# sourceMappingURL=grid.js.map

package/dist/axes/grid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid.js","names":[],"sources":["../../src/axes/grid.ts"],"sourcesContent":["import type { GridConfig } from '../types';\n\nimport { createSvgElement, removeChildren } from '../svg/element';\nimport { type AnyScale, mapTick } from './scale-utils';\n\nexport function renderGrid(\n  parent: SVGGElement,\n  scale: AnyScale,\n  config: GridConfig | true,\n  crossLength: number,\n  direction: 'horizontal' | 'vertical',\n  tickCount = 10,\n): void {\n  removeChildren(parent);\n\n  const color = (config !== true && config.color) || undefined;\n  const dash = (config !== true && config.dash) || undefined;\n  const ticks = scale.ticks(tickCount);\n\n  for (const tick of ticks) {\n    const pos = mapTick(scale, tick);\n    const attrs: Record<string, number | string | undefined> = {\n      class: 'prism-grid-line',\n      stroke: color ?? 'var(--prism-grid-color)',\n      'stroke-dasharray': dash,\n      'stroke-opacity': 'var(--prism-grid-opacity)',\n    };\n\n    if (direction === 'vertical') {\n      Object.assign(attrs, { x1: pos, x2: pos, y1: 0, y2: crossLength });\n    } else {\n      Object.assign(attrs, { x1: 0, x2: crossLength, y1: pos, y2: pos });\n    }\n\n    parent.appendChild(createSvgElement('line', attrs));\n  }\n}\n"],"mappings":";;;AAKA,SAAgB,EACd,GACA,GACA,GACA,GACA,GACA,IAAY,IACN;CACN,EAAe,CAAM;CAErB,IAAM,IAAS,MAAW,MAAQ,EAAO,SAAU,KAAA,GAC7C,IAAQ,MAAW,MAAQ,EAAO,QAAS,KAAA,GAC3C,IAAQ,EAAM,MAAM,CAAS;CAEnC,KAAK,IAAM,KAAQ,GAAO;EACxB,IAAM,IAAM,EAAQ,GAAO,CAAI,GACzB,IAAqD;GACzD,OAAO;GACP,QAAQ,KAAS;GACjB,oBAAoB;GACpB,kBAAkB;EACpB;EAQA,AANI,MAAc,aAChB,OAAO,OAAO,GAAO;GAAE,IAAI;GAAK,IAAI;GAAK,IAAI;GAAG,IAAI;EAAY,CAAC,IAEjE,OAAO,OAAO,GAAO;GAAE,IAAI;GAAG,IAAI;GAAa,IAAI;GAAK,IAAI;EAAI,CAAC,GAGnE,EAAO,YAAY,EAAiB,QAAQ,CAAK,CAAC;CACpD;AACF"}

package/dist/axes/index.d.ts

@@ -0,0 +1,3 @@
+export { renderAxis } from './axis';
+export { renderGrid } from './grid';
+//# sourceMappingURL=index.d.ts.map

package/dist/axes/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/axes/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AACpC,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC"}

package/dist/axes/scale-utils.cjs

@@ -0,0 +1,2 @@
+function e(e){return typeof e.bandwidth==`function`}function t(t,n){return e(t)?t.map(n)+t.bandwidth()/2:t.map(n)}exports.mapTick=t;
+//# sourceMappingURL=scale-utils.cjs.map

package/dist/axes/scale-utils.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"scale-utils.cjs","names":[],"sources":["../../src/axes/scale-utils.ts"],"sourcesContent":["import type { BandScale, Scale } from '../types';\n\nexport type AnyScale = BandScale | Scale<Date> | Scale<number>;\n\nfunction isBandScale(scale: AnyScale): scale is BandScale {\n  return typeof (scale as BandScale).bandwidth === 'function';\n}\n\n/**\n * Maps a tick value through any of prism's three scale kinds, centering band-scale\n * ticks on their band (bandScale.map() returns a band's left edge by design).\n *\n * Overloaded so a caller's `tick` type must match the scale kind it's paired with —\n * `AxisConfig`/`GridConfig` accept any scale kind, so the runtime discrimination\n * inside the implementation is unavoidable, but the overload set keeps that a single\n * isolated cast here instead of an unchecked `Date | number | string` accepted at\n * every call site.\n */\nexport function mapTick(scale: BandScale, tick: string): number;\nexport function mapTick(scale: Scale<Date>, tick: Date): number;\nexport function mapTick(scale: Scale<number>, tick: number): number;\n// Fallback overload for callers (axis.ts/grid.ts) holding an already-erased `AnyScale`\n// union — the type-correlated overloads above are what protect a caller with a\n// narrower, known scale type from mismatching it with the wrong tick type.\nexport function mapTick(scale: AnyScale, tick: Date | number | string): number;\nexport function mapTick(scale: AnyScale, tick: Date | number | string): number {\n  if (isBandScale(scale)) return scale.map(tick as string) + scale.bandwidth() / 2;\n\n  return (scale as Scale<Date | number>).map(tick as Date | number);\n}\n"],"mappings":"AAIA,SAAS,EAAY,EAAqC,CACxD,OAAO,OAAQ,EAAoB,WAAc,UACnD,CAmBA,SAAgB,EAAQ,EAAiB,EAAsC,CAG7E,OAFI,EAAY,CAAK,EAAU,EAAM,IAAI,CAAc,EAAI,EAAM,UAAU,EAAI,EAEvE,EAA+B,IAAI,CAAqB,CAClE"}

package/dist/axes/scale-utils.d.ts

@@ -0,0 +1,17 @@
+import type { BandScale, Scale } from '../types';
+export type AnyScale = BandScale | Scale<Date> | Scale<number>;
+/**
+ * Maps a tick value through any of prism's three scale kinds, centering band-scale
+ * ticks on their band (bandScale.map() returns a band's left edge by design).
+ *
+ * Overloaded so a caller's `tick` type must match the scale kind it's paired with —
+ * `AxisConfig`/`GridConfig` accept any scale kind, so the runtime discrimination
+ * inside the implementation is unavoidable, but the overload set keeps that a single
+ * isolated cast here instead of an unchecked `Date | number | string` accepted at
+ * every call site.
+ */
+export declare function mapTick(scale: BandScale, tick: string): number;
+export declare function mapTick(scale: Scale<Date>, tick: Date): number;
+export declare function mapTick(scale: Scale<number>, tick: number): number;
+export declare function mapTick(scale: AnyScale, tick: Date | number | string): number;
+//# sourceMappingURL=scale-utils.d.ts.map

package/dist/axes/scale-utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scale-utils.d.ts","sourceRoot":"","sources":["../../src/axes/scale-utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEjD,MAAM,MAAM,QAAQ,GAAG,SAAS,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC;AAM/D;;;;;;;;;GASG;AACH,wBAAgB,OAAO,CAAC,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,GAAG,MAAM,CAAC;AAChE,wBAAgB,OAAO,CAAC,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,GAAG,MAAM,CAAC;AAChE,wBAAgB,OAAO,CAAC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,EAAE,IAAI,EAAE,MAAM,GAAG,MAAM,CAAC;AAIpE,wBAAgB,OAAO,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC"}

package/dist/axes/scale-utils.js

@@ -0,0 +1,11 @@
+//#region src/axes/scale-utils.ts
+function e(e) {
+	return typeof e.bandwidth == "function";
+}
+function t(t, n) {
+	return e(t) ? t.map(n) + t.bandwidth() / 2 : t.map(n);
+}
+//#endregion
+export { t as mapTick };
+
+//# sourceMappingURL=scale-utils.js.map

package/dist/axes/scale-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scale-utils.js","names":[],"sources":["../../src/axes/scale-utils.ts"],"sourcesContent":["import type { BandScale, Scale } from '../types';\n\nexport type AnyScale = BandScale | Scale<Date> | Scale<number>;\n\nfunction isBandScale(scale: AnyScale): scale is BandScale {\n  return typeof (scale as BandScale).bandwidth === 'function';\n}\n\n/**\n * Maps a tick value through any of prism's three scale kinds, centering band-scale\n * ticks on their band (bandScale.map() returns a band's left edge by design).\n *\n * Overloaded so a caller's `tick` type must match the scale kind it's paired with —\n * `AxisConfig`/`GridConfig` accept any scale kind, so the runtime discrimination\n * inside the implementation is unavoidable, but the overload set keeps that a single\n * isolated cast here instead of an unchecked `Date | number | string` accepted at\n * every call site.\n */\nexport function mapTick(scale: BandScale, tick: string): number;\nexport function mapTick(scale: Scale<Date>, tick: Date): number;\nexport function mapTick(scale: Scale<number>, tick: number): number;\n// Fallback overload for callers (axis.ts/grid.ts) holding an already-erased `AnyScale`\n// union — the type-correlated overloads above are what protect a caller with a\n// narrower, known scale type from mismatching it with the wrong tick type.\nexport function mapTick(scale: AnyScale, tick: Date | number | string): number;\nexport function mapTick(scale: AnyScale, tick: Date | number | string): number {\n  if (isBandScale(scale)) return scale.map(tick as string) + scale.bandwidth() / 2;\n\n  return (scale as Scale<Date | number>).map(tick as Date | number);\n}\n"],"mappings":";AAIA,SAAS,EAAY,GAAqC;CACxD,OAAO,OAAQ,EAAoB,aAAc;AACnD;AAmBA,SAAgB,EAAQ,GAAiB,GAAsC;CAG7E,OAFI,EAAY,CAAK,IAAU,EAAM,IAAI,CAAc,IAAI,EAAM,UAAU,IAAI,IAEvE,EAA+B,IAAI,CAAqB;AAClE"}

package/dist/axes/types.d.ts

@@ -0,0 +1,2 @@
+export type { AxisConfig, AxisPosition, GridConfig } from '../types';
+//# sourceMappingURL=types.d.ts.map

package/dist/axes/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/axes/types.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,UAAU,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC"}

package/dist/charts/area/area-chart.cjs

@@ -0,0 +1,2 @@
+const e=require("../../_dev.cjs"),t=require("../../svg/element.cjs"),n=require("../../axes/axis.cjs"),r=require("../../axes/grid.cjs"),i=require("../../core/cartesian-scales.cjs"),a=require("../../core/layout.cjs"),o=require("../../core/chart-scaffold.cjs"),s=require("../../interaction/crosshair.cjs"),c=require("../../interaction/series-interaction.cjs"),l=require("../../theme/index.cjs"),u=require("./area-renderer.cjs");let d=require("@vielzeug/ripple");function f(f,p){let m=null;return o.createChartScaffold(f,p,f=>{let{groups:h,legend:g,tooltip:_}=f,v=f.dimensions.value,y=a.chartArea(v.width,v.height,v.margin),b=(0,d.isReactive)(p.series)?p.series.value:p.series,x=b.map(e=>(0,d.isReactive)(e.data)?e.data.value:e.data),S=x.flat().map(e=>e.key),C=x.flat().map(e=>e.value);if(S.length===0){e.warn(`createAreaChart: no data`),o.clearCartesianDom(h,g,_,m);return}p.crosshair&&!m&&(m=s.createCrosshair(f.chartArea,p.crosshair));let w=i.buildXScale(S,y.width),T=i.buildYScale(C,y.height),E=T.map(0);for(p.yAxis?.grid&&r.renderGrid(h.grid,T,p.yAxis.grid,y.width,`horizontal`,n.resolveTickCount(p.yAxis,y.height,`left`)),p.xAxis?.grid&&r.renderGrid(h.grid,w,p.xAxis.grid,y.height,`vertical`,n.resolveTickCount(p.xAxis,y.width,`bottom`)),p.xAxis&&(h.xAxis.setAttribute(`transform`,`translate(0,${y.height})`),n.renderAxis(h.xAxis,w,p.xAxis,y.width,`bottom`)),p.yAxis&&n.renderAxis(h.yAxis,T,p.yAxis,y.height,`left`);h.series.children.length>b.length;)h.series.removeChild(h.series.lastChild);let D=[];for(let e=0;e<b.length;e++){let n=b[e],r=h.series.children[e];r||(r=t.createSvgElement(`g`,{class:`prism-area-series`}),h.series.appendChild(r));let i=u.computeAreaPoints(x[e],w,T);D.push(i),u.renderArea(r,i,E,{color:l.seriesColor(e,n.color),curve:n.curve??`linear`,disposalSignal:f.disposalSignal,fillOpacity:n.fillOpacity??.3,showLine:n.showLine!==!1,transition:p.transition})}return g?.update(b.map((e,t)=>({color:l.seriesColor(t,e.color),name:e.name}))),_?.hide(),c.createSeriesInteraction({crosshair:m,dims:()=>f.dimensions.value,getData:()=>x,getPoints:()=>D,getSeriesList:()=>(0,d.isReactive)(p.series)?p.series.value:p.series,onClick:p.onClick,onHover:p.onHover,svg:f.svg,tooltip:_})})}exports.createAreaChart=f;
+//# sourceMappingURL=area-chart.cjs.map

package/dist/charts/area/area-chart.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"area-chart.cjs","names":[],"sources":["../../../src/charts/area/area-chart.ts"],"sourcesContent":["import { isReactive } from '@vielzeug/ripple';\n\nimport type { Point } from '../../svg/path';\nimport type { AreaChartConfig, ChartHandle } from '../../types';\n\nimport { warn } from '../../_dev';\nimport { renderAxis, resolveTickCount } from '../../axes/axis';\nimport { renderGrid } from '../../axes/grid';\nimport { buildXScale, buildYScale } from '../../core/cartesian-scales';\nimport { clearCartesianDom, createChartScaffold } from '../../core/chart-scaffold';\nimport { chartArea } from '../../core/layout';\nimport { createCrosshair } from '../../interaction/crosshair';\nimport { createSeriesInteraction } from '../../interaction/series-interaction';\nimport { createSvgElement } from '../../svg/element';\nimport { seriesColor } from '../../theme';\nimport { computeAreaPoints, renderArea } from './area-renderer';\n\nexport function createAreaChart(container: HTMLElement, config: AreaChartConfig): ChartHandle {\n  let crosshair: ReturnType<typeof createCrosshair> | null = null;\n\n  return createChartScaffold(container, config, (ctx) => {\n    const { groups, legend, tooltip } = ctx;\n    const dims = ctx.dimensions.value;\n    const area = chartArea(dims.width, dims.height, dims.margin);\n    const seriesList = isReactive(config.series) ? config.series.value : config.series;\n    const allData = seriesList.map((s) => (isReactive(s.data) ? s.data.value : s.data));\n    const allX = allData.flat().map((d) => d.key as Date | number);\n    const allY = allData.flat().map((d) => d.value);\n\n    if (allX.length === 0) {\n      warn('createAreaChart: no data');\n      clearCartesianDom(groups, legend, tooltip, crosshair);\n\n      return;\n    }\n\n    if (config.crosshair && !crosshair) {\n      crosshair = createCrosshair(ctx.chartArea, config.crosshair);\n    }\n\n    const xScale = buildXScale(allX as (Date | number)[], area.width);\n    const yScale = buildYScale(allY, area.height);\n    const baselineY = yScale.map(0);\n\n    if (config.yAxis?.grid) {\n      renderGrid(\n        groups.grid,\n        yScale,\n        config.yAxis.grid,\n        area.width,\n        'horizontal',\n        resolveTickCount(config.yAxis, area.height, 'left'),\n      );\n    }\n\n    if (config.xAxis?.grid) {\n      renderGrid(\n        groups.grid,\n        xScale,\n        config.xAxis.grid,\n        area.height,\n        'vertical',\n        resolveTickCount(config.xAxis, area.width, 'bottom'),\n      );\n    }\n\n    if (config.xAxis) {\n      groups.xAxis.setAttribute('transform', `translate(0,${area.height})`);\n      renderAxis(groups.xAxis, xScale, config.xAxis, area.width, 'bottom');\n    }\n\n    if (config.yAxis) renderAxis(groups.yAxis, yScale, config.yAxis, area.height, 'left');\n\n    while (groups.series.children.length > seriesList.length) {\n      groups.series.removeChild(groups.series.lastChild!);\n    }\n\n    const allPoints: Point[][] = [];\n\n    for (let i = 0; i < seriesList.length; i++) {\n      const series = seriesList[i];\n      let group = groups.series.children[i] as SVGGElement | undefined;\n\n      if (!group) {\n        group = createSvgElement('g', { class: 'prism-area-series' });\n        groups.series.appendChild(group);\n      }\n\n      const points = computeAreaPoints(allData[i], xScale, yScale);\n\n      allPoints.push(points);\n\n      renderArea(group, points, baselineY, {\n        color: seriesColor(i, series.color),\n        curve: series.curve ?? 'linear',\n        disposalSignal: ctx.disposalSignal,\n        fillOpacity: series.fillOpacity ?? 0.3,\n        showLine: series.showLine !== false,\n        transition: config.transition,\n      });\n    }\n\n    legend?.update(seriesList.map((s, i) => ({ color: seriesColor(i, s.color), name: s.name })));\n    tooltip?.hide();\n\n    return createSeriesInteraction({\n      crosshair,\n      dims: () => ctx.dimensions.value,\n      getData: () => allData,\n      getPoints: () => allPoints,\n      getSeriesList: () => (isReactive(config.series) ? config.series.value : config.series),\n      onClick: config.onClick,\n      onHover: config.onHover,\n      svg: ctx.svg,\n      tooltip,\n    });\n  });\n}\n"],"mappings":"2cAiBA,SAAgB,EAAgB,EAAwB,EAAsC,CAC5F,IAAI,EAAuD,KAE3D,OAAO,EAAA,oBAAoB,EAAW,EAAS,GAAQ,CACrD,GAAM,CAAE,SAAQ,SAAQ,WAAY,EAC9B,EAAO,EAAI,WAAW,MACtB,EAAO,EAAA,UAAU,EAAK,MAAO,EAAK,OAAQ,EAAK,MAAM,EACrD,GAAA,EAAA,EAAA,WAAA,CAAwB,EAAO,MAAM,EAAI,EAAO,OAAO,MAAQ,EAAO,OACtE,EAAU,EAAW,IAAK,IAAA,EAAA,EAAA,WAAA,CAAkB,EAAE,IAAI,EAAI,EAAE,KAAK,MAAQ,EAAE,IAAK,EAC5E,EAAO,EAAQ,KAAK,CAAC,CAAC,IAAK,GAAM,EAAE,GAAoB,EACvD,EAAO,EAAQ,KAAK,CAAC,CAAC,IAAK,GAAM,EAAE,KAAK,EAE9C,GAAI,EAAK,SAAW,EAAG,CACrB,EAAA,KAAK,0BAA0B,EAC/B,EAAA,kBAAkB,EAAQ,EAAQ,EAAS,CAAS,EAEpD,MACF,CAEI,EAAO,WAAa,CAAC,IACvB,EAAY,EAAA,gBAAgB,EAAI,UAAW,EAAO,SAAS,GAG7D,IAAM,EAAS,EAAA,YAAY,EAA2B,EAAK,KAAK,EAC1D,EAAS,EAAA,YAAY,EAAM,EAAK,MAAM,EACtC,EAAY,EAAO,IAAI,CAAC,EA+B9B,IA7BI,EAAO,OAAO,MAChB,EAAA,WACE,EAAO,KACP,EACA,EAAO,MAAM,KACb,EAAK,MACL,aACA,EAAA,iBAAiB,EAAO,MAAO,EAAK,OAAQ,MAAM,CACpD,EAGE,EAAO,OAAO,MAChB,EAAA,WACE,EAAO,KACP,EACA,EAAO,MAAM,KACb,EAAK,OACL,WACA,EAAA,iBAAiB,EAAO,MAAO,EAAK,MAAO,QAAQ,CACrD,EAGE,EAAO,QACT,EAAO,MAAM,aAAa,YAAa,eAAe,EAAK,OAAO,EAAE,EACpE,EAAA,WAAW,EAAO,MAAO,EAAQ,EAAO,MAAO,EAAK,MAAO,QAAQ,GAGjE,EAAO,OAAO,EAAA,WAAW,EAAO,MAAO,EAAQ,EAAO,MAAO,EAAK,OAAQ,MAAM,EAE7E,EAAO,OAAO,SAAS,OAAS,EAAW,QAChD,EAAO,OAAO,YAAY,EAAO,OAAO,SAAU,EAGpD,IAAM,EAAuB,CAAC,EAE9B,IAAK,IAAI,EAAI,EAAG,EAAI,EAAW,OAAQ,IAAK,CAC1C,IAAM,EAAS,EAAW,GACtB,EAAQ,EAAO,OAAO,SAAS,GAE9B,IACH,EAAQ,EAAA,iBAAiB,IAAK,CAAE,MAAO,mBAAoB,CAAC,EAC5D,EAAO,OAAO,YAAY,CAAK,GAGjC,IAAM,EAAS,EAAA,kBAAkB,EAAQ,GAAI,EAAQ,CAAM,EAE3D,EAAU,KAAK,CAAM,EAErB,EAAA,WAAW,EAAO,EAAQ,EAAW,CACnC,MAAO,EAAA,YAAY,EAAG,EAAO,KAAK,EAClC,MAAO,EAAO,OAAS,SACvB,eAAgB,EAAI,eACpB,YAAa,EAAO,aAAe,GACnC,SAAU,EAAO,WAAa,GAC9B,WAAY,EAAO,UACrB,CAAC,CACH,CAKA,OAHA,GAAQ,OAAO,EAAW,KAAK,EAAG,KAAO,CAAE,MAAO,EAAA,YAAY,EAAG,EAAE,KAAK,EAAG,KAAM,EAAE,IAAK,EAAE,CAAC,EAC3F,GAAS,KAAK,EAEP,EAAA,wBAAwB,CAC7B,YACA,SAAY,EAAI,WAAW,MAC3B,YAAe,EACf,cAAiB,EACjB,mBAAA,EAAA,EAAA,WAAA,CAAiC,EAAO,MAAM,EAAI,EAAO,OAAO,MAAQ,EAAO,OAC/E,QAAS,EAAO,QAChB,QAAS,EAAO,QAChB,IAAK,EAAI,IACT,SACF,CAAC,CACH,CAAC,CACH"}

package/dist/charts/area/area-chart.d.ts

@@ -0,0 +1,3 @@
+import type { AreaChartConfig, ChartHandle } from '../../types';
+export declare function createAreaChart(container: HTMLElement, config: AreaChartConfig): ChartHandle;
+//# sourceMappingURL=area-chart.d.ts.map

package/dist/charts/area/area-chart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"area-chart.d.ts","sourceRoot":"","sources":["../../../src/charts/area/area-chart.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAchE,wBAAgB,eAAe,CAAC,SAAS,EAAE,WAAW,EAAE,MAAM,EAAE,eAAe,GAAG,WAAW,CAoG5F"}