@pie-lib/charting 7.1.0-beta.7 → 8.0.0-next.35

package/dist/node_modules/.bun/reduce-css-calc@1.3.0/node_modules/reduce-css-calc/index.js

@@ -0,0 +1,49 @@
+import { __commonJSMin as e } from "../../../../../_virtual/_rolldown/runtime.js";
+import { require_balanced_match as t } from "../../../balanced-match@0.4.2/node_modules/balanced-match/index.js";
+import { require_reduce_function_call as n } from "../../../reduce-function-call@1.0.3/node_modules/reduce-function-call/index.js";
+import { require_formula_evaluator as r } from "../../../math-expression-evaluator@1.4.0/node_modules/math-expression-evaluator/src/formula_evaluator.js";
+//#region ../../../node_modules/.bun/reduce-css-calc@1.3.0/node_modules/reduce-css-calc/index.js
+var i = /* @__PURE__ */ e(((e, i) => {
+	var a = t(), o = n(), s = r(), c = 100, l = /(\+|\-|\*|\\|[^a-z]|)(\s*)(\()/g, u;
+	i.exports = d;
+	function d(e, t) {
+		u = 0, t = 10 ** (t === void 0 ? 5 : t), e = e.replace(/\n+/g, " ");
+		function n(e, n, i) {
+			if (u++ > c) throw u = 0, Error("Call stack overflow for " + i);
+			if (e === "") throw Error(n + "(): '" + i + "' must contain a non-whitespace string");
+			e = r(e, i);
+			var a = f(e);
+			if (a.length > 1 || e.indexOf("var(") > -1) return n + "(" + e + ")";
+			var o = a[0] || "";
+			o === "%" && (e = e.replace(/\b[0-9\.]+%/g, function(e) {
+				return parseFloat(e.slice(0, -1)) * .01;
+			}));
+			var l = e.replace(new RegExp(o, "gi"), ""), d;
+			try {
+				d = s.eval(l);
+			} catch {
+				return n + "(" + e + ")";
+			}
+			return o === "%" && (d *= 100), (n.length || o === "%") && (d = Math.round(d * t) / t), d += o, d;
+		}
+		function r(e, t) {
+			e = e.replace(/((?:\-[a-z]+\-)?calc)/g, "");
+			for (var r = "", i = e, o; o = l.exec(i);) {
+				o[0].index > 0 && (r += i.substring(0, o[0].index));
+				var s = a("(", ")", i.substring([0].index));
+				if (s.body === "") throw Error("'" + e + "' must contain a non-whitespace string");
+				var c = n(s.body, "", t);
+				r += s.pre + c, i = s.post;
+			}
+			return r + i;
+		}
+		return o(e, /((?:\-[a-z]+\-)?calc)\(/, n);
+	}
+	function f(e) {
+		for (var t = [], n = [], r = /[\.0-9]([%a-z]+)/gi, i = r.exec(e); i;) !i || !i[1] || (n.indexOf(i[1].toLowerCase()) === -1 && (t.push(i[1]), n.push(i[1].toLowerCase())), i = r.exec(e));
+		return t;
+	}
+}));
+//#endregion
+export default i();
+export { i as require_reduce_css_calc };

package/dist/node_modules/.bun/reduce-function-call@1.0.3/node_modules/reduce-function-call/index.js

@@ -0,0 +1,34 @@
+import { __commonJSMin as e } from "../../../../../_virtual/_rolldown/runtime.js";
+import { require_balanced_match as t } from "../../../balanced-match@1.0.2/node_modules/balanced-match/index.js";
+//#region ../../../node_modules/.bun/reduce-function-call@1.0.3/node_modules/reduce-function-call/index.js
+var n = /* @__PURE__ */ e(((e, n) => {
+	var r = t();
+	n.exports = i;
+	function i(e, t, n) {
+		var r = e;
+		return a(e, t).reduce(function(e, i) {
+			return e.replace(i.functionIdentifier + "(" + i.matches.body + ")", o(i.matches.body, i.functionIdentifier, n, r, t));
+		}, e);
+	}
+	function a(e, t) {
+		var n = [], i = typeof t == "string" ? RegExp("\\b(" + t + ")\\(") : t;
+		do {
+			var a = i.exec(e);
+			if (!a) return n;
+			if (a[1] === void 0) throw Error("Missing the first couple of parenthesis to get the function identifier in " + t);
+			var o = a[1], s = a.index, c = r("(", ")", e.substring(s));
+			if (!c || c.start !== a[0].length - 1) throw SyntaxError(o + "(): missing closing ')' in the value '" + e + "'");
+			n.push({
+				matches: c,
+				functionIdentifier: o
+			}), e = c.post;
+		} while (i.test(e));
+		return n;
+	}
+	function o(e, t, n, r, a) {
+		return n(i(e, a, n), t, r);
+	}
+}));
+//#endregion
+export default n();
+export { n as require_reduce_function_call };

package/dist/plot/common/plot.d.ts

@@ -0,0 +1,103 @@
+/**
+ * @synced-from pie-lib/packages/charting/src/plot/common/plot.jsx
+ * @auto-generated
+ *
+ * This file is automatically synced from pie-elements and converted to TypeScript.
+ * Manual edits will be overwritten on next sync.
+ * To make changes, edit the upstream JavaScript file and run sync again.
+ */
+import React from 'react';
+import PropTypes from 'prop-types';
+export declare class RawPlot extends React.Component {
+    static propTypes: {
+        onChangeCategory: PropTypes.Requireable<(...args: any[]) => any>;
+        value: PropTypes.Requireable<number>;
+        label: PropTypes.Requireable<string>;
+        xBand: PropTypes.Requireable<(...args: any[]) => any>;
+        index: PropTypes.Validator<number>;
+        graphProps: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+            scale: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+                x: PropTypes.Validator<(...args: any[]) => any>;
+                y: PropTypes.Validator<(...args: any[]) => any>;
+            }>>>;
+            snap: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+                x: PropTypes.Validator<(...args: any[]) => any>;
+                y: PropTypes.Validator<(...args: any[]) => any>;
+            }>>>;
+            domain: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+                min: PropTypes.Validator<number>;
+                max: PropTypes.Validator<number>;
+                step: PropTypes.Requireable<number>;
+            }>>>;
+            range: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+                min: PropTypes.Validator<number>;
+                max: PropTypes.Validator<number>;
+                step: PropTypes.Requireable<number>;
+            }>>>;
+            size: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+                width: PropTypes.Validator<number>;
+                height: PropTypes.Validator<number>;
+            }>>>;
+        }>>>;
+        CustomBarElement: PropTypes.Requireable<(...args: any[]) => any>;
+        interactive: PropTypes.Requireable<boolean>;
+        correctness: PropTypes.Requireable<PropTypes.InferProps<{
+            value: PropTypes.Requireable<string>;
+            label: PropTypes.Requireable<string>;
+        }>>;
+        defineChart: PropTypes.Requireable<boolean>;
+        correctData: PropTypes.Requireable<(PropTypes.InferProps<{
+            value: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+            label: PropTypes.Requireable<string>;
+        }> | null | undefined)[]>;
+        className: PropTypes.Requireable<string>;
+    };
+    constructor(props: any);
+    handleMouseEnter: any;
+    handleMouseLeave: any;
+    setDragValue: (dragValue: any) => void;
+    dragStop: any;
+    dragValue: any;
+    renderCorrectnessIcon: any;
+    render(): React.JSX.Element;
+}
+export declare class Plot extends React.Component {
+    static propTypes: {
+        data: PropTypes.Requireable<any[]>;
+        onChangeCategory: PropTypes.Requireable<(...args: any[]) => any>;
+        xBand: PropTypes.Requireable<(...args: any[]) => any>;
+        graphProps: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+            scale: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+                x: PropTypes.Validator<(...args: any[]) => any>;
+                y: PropTypes.Validator<(...args: any[]) => any>;
+            }>>>;
+            snap: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+                x: PropTypes.Validator<(...args: any[]) => any>;
+                y: PropTypes.Validator<(...args: any[]) => any>;
+            }>>>;
+            domain: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+                min: PropTypes.Validator<number>;
+                max: PropTypes.Validator<number>;
+                step: PropTypes.Requireable<number>;
+            }>>>;
+            range: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+                min: PropTypes.Validator<number>;
+                max: PropTypes.Validator<number>;
+                step: PropTypes.Requireable<number>;
+            }>>>;
+            size: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+                width: PropTypes.Validator<number>;
+                height: PropTypes.Validator<number>;
+            }>>>;
+        }>>>;
+        defineChart: PropTypes.Requireable<boolean>;
+        CustomBarElement: PropTypes.Requireable<(...args: any[]) => any>;
+        correctData: PropTypes.Requireable<(PropTypes.InferProps<{
+            value: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+            label: PropTypes.Requireable<string>;
+        }> | null | undefined)[]>;
+        className: PropTypes.Requireable<string>;
+    };
+    render(): React.JSX.Element;
+}
+export default Plot;

package/dist/plot/common/plot.js

@@ -0,0 +1,227 @@
+import e from "../../node_modules/.bun/@visx_group@4.0.0_d84c32d47042070f/node_modules/@visx/group/esm/Group.js";
+import { bandKey as t } from "../../utils.js";
+import { correct as n, incorrect as r } from "../../common/styles.js";
+import { D as i, DragHandle as a } from "../../common/drag-handle.js";
+import o from "react";
+import s from "prop-types";
+import { styled as c } from "@mui/material/styles";
+import l from "debug";
+import { types as u } from "@pie-lib/plot";
+import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
+import { color as m } from "@pie-lib/render-ui";
+import h from "@mui/icons-material/Check";
+//#region src/plot/common/plot.tsx
+var g = l("pie-lib:chart:bars"), _ = 16, v = class extends o.Component {
+	static propTypes = {
+		onChangeCategory: s.func,
+		value: s.number,
+		label: s.string,
+		xBand: s.func,
+		index: s.number.isRequired,
+		graphProps: u.GraphPropsType.isRequired,
+		CustomBarElement: s.func,
+		interactive: s.bool,
+		correctness: s.shape({
+			value: s.string,
+			label: s.string
+		}),
+		defineChart: s.bool,
+		correctData: s.arrayOf(s.shape({
+			value: s.oneOfType([s.string, s.number]),
+			label: s.string
+		})),
+		className: s.string
+	};
+	constructor(e) {
+		super(e), this.state = {
+			dragValue: void 0,
+			isHovered: !1
+		};
+	}
+	handleMouseEnter = () => {
+		this.setState({ isHovered: !0 });
+	};
+	handleMouseLeave = () => {
+		this.setState({ isHovered: !1 });
+	};
+	setDragValue = (e) => this.setState({ dragValue: e });
+	dragStop = () => {
+		let { label: e, onChangeCategory: t } = this.props, { dragValue: n } = this.state;
+		g("[dragStop]", n), n !== void 0 && t({
+			label: e,
+			value: n
+		}), this.setDragValue(void 0);
+	};
+	dragValue = (e, t) => {
+		g("[dragValue] next:", t), this.setDragValue(t);
+	};
+	renderCorrectnessIcon = (e, t, n, r, i, a, o) => {
+		let s;
+		if (n === 0) s = i.y(0) - _ / 2;
+		else {
+			let e = n - 1;
+			s = i.y(e) - (a - o) / 2 - o / 2 - _ / 2;
+		}
+		return /* @__PURE__ */ f("foreignObject", {
+			x: e + t / 2 - _ / 2,
+			y: s,
+			width: _,
+			height: _,
+			children: /* @__PURE__ */ f(h, {
+				className: "correctnessIcon correctIcon smallIcon",
+				title: r.label
+			})
+		});
+	};
+	render() {
+		let { graphProps: e, value: n, label: r, xBand: s, index: c, CustomBarElement: l, interactive: u, correctness: h, defineChart: _, correctData: v, className: y } = this.props, { scale: b, range: x, size: S } = e, { max: C } = x || {}, { dragValue: w, isHovered: T } = this.state, E = Number.isFinite(w) ? w : n, D = s.bandwidth(), O = b.y(x.max - E), k = s(t({ label: r }, c));
+		g("label:", r, "barX:", k, "v: ", E, "barHeight:", O, "barWidth: ", D);
+		let A = [];
+		for (let e = 0; e < E; e++) A.push(e);
+		let j = S.height / C, M = (j > D ? D : j) * .8, N = u ? i : a, P = u && !h;
+		return /* @__PURE__ */ f(o.Fragment, { children: /* @__PURE__ */ p("g", {
+			className: y,
+			onMouseEnter: this.handleMouseEnter,
+			onMouseLeave: this.handleMouseLeave,
+			onTouchStart: this.handleMouseEnter,
+			onTouchEnd: this.handleMouseLeave,
+			children: [
+				T && P && /* @__PURE__ */ f("rect", {
+					x: k,
+					y: b.y(E),
+					width: D,
+					height: A?.length ? j * A.length : 0,
+					stroke: m.defaults.BORDER_GRAY,
+					strokeWidth: "4px",
+					fill: "transparent"
+				}),
+				A.map((e) => l({
+					index: e,
+					pointDiameter: M,
+					barX: k,
+					barWidth: D,
+					pointHeight: j,
+					label: r,
+					value: n,
+					scale: b
+				})),
+				h && h.value === "incorrect" && (() => {
+					let e = parseFloat(v[c] && v[c].value);
+					if (isNaN(e)) return null;
+					let i = E;
+					if (e === 0) return this.renderCorrectnessIcon(k, D, e, h, b, j, M);
+					if (i > e) {
+						let i = [];
+						for (let t = 0; t < e; t++) i.push(t);
+						let a = i[i.length - 1], o = s(t({ label: r }, c)), u = s.bandwidth(), m = S.height / C, g = (m > u ? u : m) * .8;
+						return /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f(l, {
+							index: a,
+							pointDiameter: g + 10,
+							barX: o,
+							barWidth: u,
+							pointHeight: m,
+							label: r,
+							value: n,
+							scale: b,
+							dottedOverline: !0
+						}), this.renderCorrectnessIcon(o, u, e, h, b, m, g)] });
+					}
+					let a = [];
+					for (let t = i; t < e; t++) a.push(t);
+					return /* @__PURE__ */ p(d, { children: [a.map((e) => l({
+						index: e,
+						pointDiameter: M,
+						barX: k,
+						barWidth: D,
+						pointHeight: j,
+						label: r,
+						value: n,
+						scale: b,
+						dottedOverline: !0
+					})), this.renderCorrectnessIcon(k, D, e, h, b, j, M)] });
+				})(),
+				/* @__PURE__ */ f(N, {
+					x: k,
+					y: E,
+					interactive: u,
+					width: D,
+					onDrag: (e) => this.dragValue(n, e),
+					onDragStop: this.dragStop,
+					graphProps: e,
+					correctness: h,
+					isHovered: T,
+					defineChart: _,
+					color: m.primaryDark(),
+					isPlot: !0
+				})
+			]
+		}) });
+	}
+}, y = c(v)(({ theme: e }) => ({
+	"& .dot": {
+		fill: m.visualElementsColors.PLOT_FILL_COLOR,
+		"&.correct": n("stroke"),
+		"&.incorrect": r("stroke")
+	},
+	"& .dotColor": {
+		fill: m.visualElementsColors.PLOT_FILL_COLOR,
+		"&.correct": n("fill"),
+		"&.incorrect": r("fill")
+	},
+	"& .line": {
+		stroke: m.visualElementsColors.PLOT_FILL_COLOR,
+		"&.correct": n("stroke"),
+		"&.incorrect": r("stroke")
+	},
+	"& .correctIcon": { backgroundColor: m.correct() },
+	"& .incorrectIcon": { backgroundColor: m.incorrectWithIcon() },
+	"& .correctnessIcon": {
+		borderRadius: e.spacing(2),
+		color: m.defaults.WHITE,
+		fontSize: "16px",
+		width: "16px",
+		height: "16px",
+		padding: "2px",
+		border: `1px solid ${m.defaults.WHITE}`,
+		stroke: "initial",
+		boxSizing: "unset",
+		display: "block"
+	},
+	"& .smallIcon": {
+		fontSize: "10px",
+		width: "10px",
+		height: "10px"
+	}
+})), b = class extends o.Component {
+	static propTypes = {
+		data: s.array,
+		onChangeCategory: s.func,
+		xBand: s.func,
+		graphProps: u.GraphPropsType.isRequired,
+		defineChart: s.bool,
+		CustomBarElement: s.func,
+		correctData: s.arrayOf(s.shape({
+			value: s.oneOfType([s.string, s.number]),
+			label: s.string
+		})),
+		className: s.string
+	};
+	render() {
+		let { data: t, graphProps: n, xBand: r, CustomBarElement: i, onChangeCategory: a, defineChart: o, correctData: s } = this.props;
+		return /* @__PURE__ */ f(e, { children: (t || []).map((e, t) => /* @__PURE__ */ f(y, {
+			value: e.value,
+			label: e.label,
+			interactive: o || e.interactive,
+			defineChart: o,
+			xBand: r,
+			index: t,
+			onChangeCategory: (e) => a(t, e),
+			graphProps: n,
+			CustomBarElement: i,
+			correctness: e.correctness,
+			correctData: s
+		}, `bar-${e.label}-${e.value}-${t}`)) });
+	}
+};
+//#endregion
+export { b as Plot, b as default, v as RawPlot };

package/dist/plot/dot.d.ts

@@ -0,0 +1,47 @@
+/**
+ * @synced-from pie-lib/packages/charting/src/plot/dot.js
+ * @auto-generated
+ *
+ * This file is automatically synced from pie-elements and converted to TypeScript.
+ * Manual edits will be overwritten on next sync.
+ * To make changes, edit the upstream JavaScript file and run sync again.
+ */
+import React from 'react';
+import PropTypes from 'prop-types';
+export declare class DotPlot extends React.Component {
+    static propTypes: {
+        data: PropTypes.Requireable<any[]>;
+        onChange: PropTypes.Requireable<(...args: any[]) => any>;
+        graphProps: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+            scale: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+                x: PropTypes.Validator<(...args: any[]) => any>;
+                y: PropTypes.Validator<(...args: any[]) => any>;
+            }>>>;
+            snap: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+                x: PropTypes.Validator<(...args: any[]) => any>;
+                y: PropTypes.Validator<(...args: any[]) => any>;
+            }>>>;
+            domain: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+                min: PropTypes.Validator<number>;
+                max: PropTypes.Validator<number>;
+                step: PropTypes.Requireable<number>;
+            }>>>;
+            range: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+                min: PropTypes.Validator<number>;
+                max: PropTypes.Validator<number>;
+                step: PropTypes.Requireable<number>;
+            }>>>;
+            size: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+                width: PropTypes.Validator<number>;
+                height: PropTypes.Validator<number>;
+            }>>>;
+        }>>>;
+    };
+    render(): React.JSX.Element;
+}
+declare const _default: () => {
+    type: string;
+    Component: typeof DotPlot;
+    name: string;
+};
+export default _default;

package/dist/plot/dot.js

@@ -0,0 +1,62 @@
+import e from "../node_modules/.bun/@visx_shape@4.0.0_d84c32d47042070f/node_modules/@visx/shape/esm/shapes/Circle.js";
+import { dataToXBand as t } from "../utils.js";
+import { correct as n, incorrect as r } from "../common/styles.js";
+import { Plot as i } from "./common/plot.js";
+import a from "react";
+import o from "prop-types";
+import { styled as s } from "@mui/material/styles";
+import { types as c } from "@pie-lib/plot";
+import { jsx as l } from "react/jsx-runtime";
+import { color as u } from "@pie-lib/render-ui";
+//#region src/plot/dot.tsx
+var d = s(e)(() => ({
+	fill: u.visualElementsColors.PLOT_FILL_COLOR,
+	"&.correct": n("stroke"),
+	"&.incorrect": r("stroke")
+})), f = (t) => {
+	let { index: n, pointDiameter: r, barX: i, barWidth: a, pointHeight: o, label: s, value: c, scale: f, dottedOverline: p } = t, m = r / 2, h = i + (a - r) / 2 + m, g = f.y(n) - (o - r) / 2 - m;
+	return p ? /* @__PURE__ */ l(e, {
+		cx: h,
+		cy: g,
+		r: m + 2,
+		strokeDasharray: "4,4",
+		stroke: u.defaults.BORDER_GRAY,
+		fill: "none"
+	}, `point-${s}-${c}-${n}`) : /* @__PURE__ */ l(d, {
+		cx: h,
+		cy: g,
+		r: m
+	}, `point-${s}-${c}-${n}`);
+};
+f.propTypes = {
+	index: o.number,
+	pointDiameter: o.number,
+	barX: o.number,
+	barWidth: o.number,
+	pointHeight: o.number,
+	value: o.number,
+	label: o.string,
+	scale: o.object,
+	dottedOverline: o.bool
+};
+var p = class extends a.Component {
+	static propTypes = {
+		data: o.array,
+		onChange: o.func,
+		graphProps: c.GraphPropsType.isRequired
+	};
+	render() {
+		let e = this.props, { data: n, graphProps: r } = e, { scale: a = {}, size: o = {} } = r || {}, s = t(a.x, n, o.width, "dotPlot");
+		return /* @__PURE__ */ l(i, {
+			...e,
+			xBand: s,
+			CustomBarElement: f
+		});
+	}
+}, m = () => ({
+	type: "dotPlot",
+	Component: p,
+	name: "Dot Plot"
+});
+//#endregion
+export { p as DotPlot, m as default };

package/dist/plot/line.d.ts

@@ -0,0 +1,47 @@
+/**
+ * @synced-from pie-lib/packages/charting/src/plot/line.js
+ * @auto-generated
+ *
+ * This file is automatically synced from pie-elements and converted to TypeScript.
+ * Manual edits will be overwritten on next sync.
+ * To make changes, edit the upstream JavaScript file and run sync again.
+ */
+import React from 'react';
+import PropTypes from 'prop-types';
+export declare class LinePlot extends React.Component {
+    static propTypes: {
+        data: PropTypes.Requireable<any[]>;
+        onChange: PropTypes.Requireable<(...args: any[]) => any>;
+        graphProps: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+            scale: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+                x: PropTypes.Validator<(...args: any[]) => any>;
+                y: PropTypes.Validator<(...args: any[]) => any>;
+            }>>>;
+            snap: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+                x: PropTypes.Validator<(...args: any[]) => any>;
+                y: PropTypes.Validator<(...args: any[]) => any>;
+            }>>>;
+            domain: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+                min: PropTypes.Validator<number>;
+                max: PropTypes.Validator<number>;
+                step: PropTypes.Requireable<number>;
+            }>>>;
+            range: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+                min: PropTypes.Validator<number>;
+                max: PropTypes.Validator<number>;
+                step: PropTypes.Requireable<number>;
+            }>>>;
+            size: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+                width: PropTypes.Validator<number>;
+                height: PropTypes.Validator<number>;
+            }>>>;
+        }>>>;
+    };
+    render(): React.JSX.Element;
+}
+declare const _default: () => {
+    type: string;
+    Component: typeof LinePlot;
+    name: string;
+};
+export default _default;

package/dist/plot/line.js

@@ -0,0 +1,84 @@
+import e from "../node_modules/.bun/@visx_group@4.0.0_d84c32d47042070f/node_modules/@visx/group/esm/Group.js";
+import t from "../node_modules/.bun/@visx_shape@4.0.0_d84c32d47042070f/node_modules/@visx/shape/esm/shapes/LinePath.js";
+import { dataToXBand as n } from "../utils.js";
+import { correct as r, incorrect as i } from "../common/styles.js";
+import { Plot as a } from "./common/plot.js";
+import o from "react";
+import s from "prop-types";
+import { styled as c } from "@mui/material/styles";
+import { types as l } from "@pie-lib/plot";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { color as f } from "@pie-lib/render-ui";
+//#region src/plot/line.tsx
+var p = c(t)(() => ({
+	stroke: f.visualElementsColors.PLOT_FILL_COLOR,
+	"&.correct": r("stroke"),
+	"&.incorrect": i("stroke")
+})), m = (t) => {
+	let { index: n, pointDiameter: r, barX: i, barWidth: a, pointHeight: o, label: s, value: c, scale: l, dottedOverline: m } = t, h = i + (a - r) / 2, g = l.y(n) - (o - r) / 2;
+	return m ? /* @__PURE__ */ u("rect", {
+		x: h - 2,
+		y: g - r - 2,
+		width: r + 4,
+		height: r + 4,
+		strokeDasharray: "4,4",
+		stroke: f.defaults.BORDER_GRAY,
+		fill: "none"
+	}, `point-${s}-${c}-${n}`) : /* @__PURE__ */ d(e, { children: [/* @__PURE__ */ u(p, {
+		data: [{
+			x: h,
+			y: g
+		}, {
+			x: h + r,
+			y: g - r
+		}],
+		className: "line",
+		x: (e) => e.x,
+		y: (e) => e.y,
+		strokeWidth: r / 5
+	}, `point-${s}-${c}-${n}-1`), /* @__PURE__ */ u(p, {
+		data: [{
+			x: h,
+			y: g - r
+		}, {
+			x: h + r,
+			y: g
+		}],
+		x: (e) => e.x,
+		y: (e) => e.y,
+		strokeWidth: r / 5,
+		className: "line"
+	}, `point-${s}-${c}-${n}-2`)] });
+};
+m.propTypes = {
+	index: s.number,
+	pointDiameter: s.number,
+	barX: s.number,
+	barWidth: s.number,
+	pointHeight: s.number,
+	value: s.number,
+	label: s.string,
+	scale: s.object,
+	dottedOverline: s.bool
+};
+var h = class extends o.Component {
+	static propTypes = {
+		data: s.array,
+		onChange: s.func,
+		graphProps: l.GraphPropsType.isRequired
+	};
+	render() {
+		let e = this.props, { data: t, graphProps: r } = e, { scale: i = {}, size: o = {} } = r || {}, s = n(i.x, t, o.width, "linePlot");
+		return /* @__PURE__ */ u(a, {
+			...e,
+			xBand: s,
+			CustomBarElement: m
+		});
+	}
+}, g = () => ({
+	type: "linePlot",
+	Component: h,
+	name: "Line Plot"
+});
+//#endregion
+export { h as LinePlot, g as default };

package/dist/tool-menu.d.ts

@@ -0,0 +1,31 @@
+/**
+ * @synced-from pie-lib/packages/charting/src/tool-menu.jsx
+ * @auto-generated
+ *
+ * This file is automatically synced from pie-elements and converted to TypeScript.
+ * Manual edits will be overwritten on next sync.
+ * To make changes, edit the upstream JavaScript file and run sync again.
+ */
+import React from 'react';
+import PropTypes from 'prop-types';
+export declare const MiniButton: {
+    (props: any): React.JSX.Element;
+    propTypes: {
+        disabled: PropTypes.Requireable<boolean>;
+        className: PropTypes.Requireable<string>;
+        selected: PropTypes.Requireable<boolean>;
+        value: PropTypes.Requireable<string>;
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+};
+export declare class ToolMenu extends React.Component {
+    static propTypes: {
+        className: PropTypes.Requireable<string>;
+        addCategory: PropTypes.Requireable<(...args: any[]) => any>;
+        disabled: PropTypes.Requireable<boolean>;
+        language: PropTypes.Requireable<string>;
+    };
+    static defaultProps: {};
+    render(): React.JSX.Element;
+}
+export default ToolMenu;