@pie-lib/graphing 4.0.5-next.33 → 4.0.5-next.35

package/dist/node_modules/.bun/{@visx_scale@3.12.0 → @visx_scale@4.0.0}/node_modules/@visx/scale/esm/utils/coerceNumber.js

@@ -1,7 +1,7 @@
-//#region ../../../node_modules/.bun/@visx+scale@3.12.0/node_modules/@visx/scale/esm/utils/coerceNumber.js
+//#region ../../../node_modules/.bun/@visx+scale@4.0.0/node_modules/@visx/scale/esm/utils/coerceNumber.js
 function e(e) {
 	if ((typeof e == "function" || typeof e == "object" && e) && "valueOf" in e) {
-		var t = e.valueOf();
+		let t = e.valueOf();
 		if (typeof t == "number") return t;
 	}
 	return e;

package/dist/node_modules/.bun/@visx_scale@4.0.0/node_modules/@visx/scale/esm/utils/getTicks.js

@@ -0,0 +1,7 @@
+//#region ../../../node_modules/.bun/@visx+scale@4.0.0/node_modules/@visx/scale/esm/utils/getTicks.js
+function e(e, t) {
+	let n = e;
+	return "ticks" in n ? n.ticks(t) : n.domain().filter((e, n, r) => t == null || r.length <= t || n % Math.round((r.length - 1) / t) === 0);
+}
+//#endregion
+export { e as default };

package/dist/node_modules/.bun/@visx_scale@4.0.0/node_modules/@visx/scale/esm/utils/toString.js

@@ -0,0 +1,6 @@
+//#region ../../../node_modules/.bun/@visx+scale@4.0.0/node_modules/@visx/scale/esm/utils/toString.js
+function e(e) {
+	return e?.toString();
+}
+//#endregion
+export { e as default };

package/dist/node_modules/.bun/@visx_shape@4.0.0_d84c32d47042070f/node_modules/@visx/shape/esm/shapes/Line.js

@@ -0,0 +1,27 @@
+import { __toESM as e } from "../../../../../../../../_virtual/_rolldown/runtime.js";
+import { require_classnames as t } from "../../../../../../classnames@2.5.1/node_modules/classnames/index.js";
+import { jsx as n } from "react/jsx-runtime";
+//#region ../../../node_modules/.bun/@visx+shape@4.0.0+d84c32d47042070f/node_modules/@visx/shape/esm/shapes/Line.js
+var r = /* @__PURE__ */ e(t());
+function i(e) {
+	let { from: t = {
+		x: 0,
+		y: 0
+	}, to: i = {
+		x: 1,
+		y: 1
+	}, fill: a = "transparent", className: o, innerRef: s, ...c } = e, l = t.x === i.x || t.y === i.y;
+	return /*#__PURE__*/ n("line", {
+		ref: s,
+		className: (0, r.default)("visx-line", o),
+		x1: t.x,
+		y1: t.y,
+		x2: i.x,
+		y2: i.y,
+		fill: a,
+		shapeRendering: l ? "crispEdges" : "auto",
+		...c
+	});
+}
+//#endregion
+export { i as default };

package/dist/node_modules/.bun/@visx_shape@4.0.0_d84c32d47042070f/node_modules/@visx/shape/esm/shapes/LinePath.js

@@ -0,0 +1,24 @@
+import { __toESM as e } from "../../../../../../../../_virtual/_rolldown/runtime.js";
+import { require_classnames as t } from "../../../../../../classnames@2.5.1/node_modules/classnames/index.js";
+import { line as n } from "../util/D3ShapeFactories.js";
+import { Fragment as r, jsx as i } from "react/jsx-runtime";
+//#region ../../../node_modules/.bun/@visx+shape@4.0.0+d84c32d47042070f/node_modules/@visx/shape/esm/shapes/LinePath.js
+var a = /* @__PURE__ */ e(t());
+function o(e) {
+	let { children: t, data: o = [], x: s, y: c, fill: l = "transparent", className: u, curve: d, innerRef: f, defined: p = () => !0, ...m } = e, h = n({
+		x: s,
+		y: c,
+		defined: p,
+		curve: d
+	});
+	return t ? /*#__PURE__*/ i(r, { children: t({ path: h }) }) : /*#__PURE__*/ i("path", {
+		ref: f,
+		className: (0, a.default)("visx-linepath", u),
+		d: h(o) || "",
+		fill: l,
+		strokeLinecap: "round",
+		...m
+	});
+}
+//#endregion
+export { o as default };

package/dist/node_modules/.bun/@visx_shape@4.0.0_d84c32d47042070f/node_modules/@visx/shape/esm/util/D3ShapeFactories.js

@@ -0,0 +1,9 @@
+import { d3_shape_exports as e } from "../../../../../../@visx_vendor@4.0.0/node_modules/@visx/vendor/esm/d3-shape.js";
+import t from "./setNumberOrNumberAccessor.js";
+//#region ../../../node_modules/.bun/@visx+shape@4.0.0+d84c32d47042070f/node_modules/@visx/shape/esm/util/D3ShapeFactories.js
+function n() {
+	let { x: n, y: r, defined: i, curve: a } = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, o = (0, e.line)();
+	return n && t(o.x, n), r && t(o.y, r), i && o.defined(i), a && o.curve(a), o;
+}
+//#endregion
+export { n as line };

package/dist/node_modules/.bun/@visx_shape@4.0.0_d84c32d47042070f/node_modules/@visx/shape/esm/util/setNumberOrNumberAccessor.js

@@ -0,0 +1,6 @@
+//#region ../../../node_modules/.bun/@visx+shape@4.0.0+d84c32d47042070f/node_modules/@visx/shape/esm/util/setNumberOrNumberAccessor.js
+function e(e, t) {
+	e(t);
+}
+//#endregion
+export { e as default };

package/dist/node_modules/.bun/@visx_text@4.0.0_d84c32d47042070f/node_modules/@visx/text/esm/Text.js

@@ -0,0 +1,27 @@
+import e from "./hooks/useText.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region ../../../node_modules/.bun/@visx+text@4.0.0+d84c32d47042070f/node_modules/@visx/text/esm/Text.js
+var n = { overflow: "visible" };
+function r(r) {
+	let { dx: i = 0, dy: a = 0, textAnchor: o = "start", innerRef: s, innerTextRef: c, verticalAnchor: l, angle: u, lineHeight: d = "1em", scaleToFit: f = !1, capHeight: p, width: m, ...h } = r, { x: g = 0, fontSize: _ } = h, { wordsByLines: v, startDy: y, transform: b } = e(r);
+	return /*#__PURE__*/ t("svg", {
+		ref: s,
+		x: i,
+		y: a,
+		fontSize: _,
+		style: n,
+		children: v.length > 0 ? /*#__PURE__*/ t("text", {
+			ref: c,
+			transform: b,
+			...h,
+			textAnchor: o,
+			children: v.map((e, n) => /*#__PURE__*/ t("tspan", {
+				x: g,
+				dy: n === 0 ? y : d,
+				children: e.words.join(" ")
+			}, n))
+		}) : null
+	});
+}
+//#endregion
+export { r as default };

package/dist/node_modules/.bun/@visx_text@4.0.0_d84c32d47042070f/node_modules/@visx/text/esm/hooks/useText.js

@@ -0,0 +1,68 @@
+import { __toESM as e } from "../../../../../../../../_virtual/_rolldown/runtime.js";
+import { require_reduce_css_calc as t } from "../../../../../../reduce-css-calc@1.3.0/node_modules/reduce-css-calc/index.js";
+import n from "../util/getStringWidth.js";
+import { useMemo as r } from "react";
+//#region ../../../node_modules/.bun/@visx+text@4.0.0+d84c32d47042070f/node_modules/@visx/text/esm/hooks/useText.js
+var i = /* @__PURE__ */ e(t());
+function a(e) {
+	return typeof e == "number";
+}
+function o(e) {
+	return typeof e == "number" && Number.isFinite(e) || typeof e == "string";
+}
+function s(e) {
+	let { verticalAnchor: t = "end", scaleToFit: s = !1, angle: c, width: l, lineHeight: u = "1em", capHeight: d = "0.71em", children: f, style: p, ...m } = e, { x: h = 0, y: g = 0 } = m, _ = !o(h) || !o(g), { wordsWithWidth: v, spaceWidth: y } = r(() => ({
+		wordsWithWidth: (f == null ? [] : f.toString().split(/(?:(?!\u00A0+)\s+)/)).map((e) => ({
+			word: e,
+			wordWidth: n(e, p) || 0
+		})),
+		spaceWidth: n("\xA0", p) || 0
+	}), [f, p]), b = r(() => _ ? [] : l || s ? v.reduce((e, t) => {
+		let { word: n, wordWidth: r } = t, i = e[e.length - 1];
+		if (i && (l == null || s || (i.width || 0) + r + y < l)) i.words.push(n), i.width = i.width || 0, i.width += r + y;
+		else {
+			let t = {
+				words: [n],
+				width: r
+			};
+			e.push(t);
+		}
+		return e;
+	}, []) : [{ words: f == null ? [] : f.toString().split(/(?:(?!\u00A0+)\s+)/) }], [
+		_,
+		l,
+		s,
+		f,
+		v,
+		y
+	]);
+	return {
+		wordsByLines: b,
+		startDy: r(() => _ ? "" : t === "start" ? (0, i.default)(`calc(${d})`) : t === "middle" ? (0, i.default)(`calc(${(b.length - 1) / 2} * -${u} + (${d} / 2))`) : (0, i.default)(`calc(${b.length - 1} * -${u})`), [
+			_,
+			t,
+			d,
+			b.length,
+			u
+		]),
+		transform: r(() => {
+			let e = [];
+			if (_) return "";
+			if (a(h) && a(g) && a(l) && s && b.length > 0) {
+				let t = b[0].width || 1, n = s === "shrink-only" ? Math.min(l / t, 1) : l / t, r = n, i = h - n * h, a = g - r * g;
+				e.push(`matrix(${n}, 0, 0, ${r}, ${i}, ${a})`);
+			}
+			return c && e.push(`rotate(${c}, ${h}, ${g})`), e.length > 0 ? e.join(" ") : "";
+		}, [
+			_,
+			h,
+			g,
+			l,
+			s,
+			b,
+			c
+		])
+	};
+}
+//#endregion
+export { s as default };

package/dist/node_modules/.bun/@visx_text@4.0.0_d84c32d47042070f/node_modules/@visx/text/esm/util/getStringWidth.js

@@ -0,0 +1,19 @@
+import e from "./memoize.js";
+//#region ../../../node_modules/.bun/@visx+text@4.0.0+d84c32d47042070f/node_modules/@visx/text/esm/util/getStringWidth.js
+var t = "__react_svg_text_measurement_id";
+function n(e, n) {
+	if (typeof document > "u") return null;
+	try {
+		let r = document.getElementById(t);
+		if (!r) {
+			let e = document.createElementNS("http://www.w3.org/2000/svg", "svg");
+			e.setAttribute("aria-hidden", "true"), e.style.width = "0", e.style.height = "0", e.style.position = "absolute", e.style.top = "-100%", e.style.left = "-100%", r = document.createElementNS("http://www.w3.org/2000/svg", "text"), r.setAttribute("id", t), e.appendChild(r), document.body.appendChild(e);
+		}
+		return Object.assign(r.style, n), r.textContent = e, r.getComputedTextLength();
+	} catch {
+		return null;
+	}
+}
+var r = e(n, (e, t) => `${e}_${JSON.stringify(t)}`);
+//#endregion
+export { r as default };

package/dist/node_modules/.bun/@visx_text@4.0.0_d84c32d47042070f/node_modules/@visx/text/esm/util/memoize.js

@@ -0,0 +1,13 @@
+//#region ../../../node_modules/.bun/@visx+text@4.0.0+d84c32d47042070f/node_modules/@visx/text/esm/util/memoize.js
+function e(e, t) {
+	let n = /* @__PURE__ */ new Map();
+	return function() {
+		var r = [...arguments];
+		let i = t(...r);
+		if (n.has(i)) return n.get(i);
+		let a = e.apply(this, r);
+		return n.set(i, a), a;
+	};
+}
+//#endregion
+export { e as default };

package/dist/toggle-bar.js

@@ -1,8 +1,8 @@
 import { allTools as e } from "./tools/index.js";
 import t from "react";
 import n from "prop-types";
-import { styled as r } from "@mui/material/styles";
-import { jsx as i } from "react/jsx-runtime";
+import { jsx as r } from "react/jsx-runtime";
+import { styled as i } from "@mui/material/styles";
 import { color as a } from "@pie-lib/render-ui";
 import o from "@mui/material/Button";
 import { DragProvider as s } from "@pie-lib/drag";
@@ -11,7 +11,7 @@ import { CSS as u } from "@dnd-kit/utilities";
 import { arrayMove as d } from "@dnd-kit/sortable";
 import f from "@pie-lib/translator";
 //#region src/toggle-bar.tsx
-var { translator: p } = f, m = r(o, { shouldForwardProp: (e) => !["selected"].includes(e) })(({ selected: e, disabled: t }) => ({
+var { translator: p } = f, m = i(o, { shouldForwardProp: (e) => !["selected"].includes(e) })(({ selected: e, disabled: t }) => ({
 	color: a.text(),
 	backgroundColor: a.background(),
 	border: `1px solid ${a.buttonBorder()}`,
@@ -23,12 +23,12 @@ var { translator: p } = f, m = r(o, { shouldForwardProp: (e) => !["selected"].in
 		backgroundColor: a.disabled()
 	}
 })), h = (e) => {
-	let { disabled: t, className: n, selected: r, value: a, onClick: o, language: s } = e, c = a.toLowerCase();
-	return /* @__PURE__ */ i(m, {
+	let { disabled: t, className: n, selected: i, value: a, onClick: o, language: s } = e, c = a.toLowerCase();
+	return /* @__PURE__ */ r(m, {
 		size: "small",
 		disabled: t,
 		className: n,
-		selected: r,
+		selected: i,
 		value: a,
 		variant: "outlined",
 		onClick: (e) => o({
@@ -47,14 +47,14 @@ h.propTypes = {
 	onClick: n.func,
 	language: n.string
 };
-var g = r("div")(() => ({
+var g = i("div")(() => ({
 	display: "flex",
 	flexWrap: "wrap"
-})), _ = r(h)(({ theme: e }) => ({
+})), _ = i(h)(({ theme: e }) => ({
 	marginRight: e.spacing(.5),
 	marginBottom: e.spacing(.5),
 	color: a.text()
-})), v = r("div")({ position: "relative" }), y = class extends t.Component {
+})), v = i("div")({ position: "relative" }), y = class extends t.Component {
 	static propTypes = {
 		className: n.string,
 		options: n.arrayOf(n.string),
@@ -81,22 +81,22 @@ var g = r("div")(() => ({
 		}
 	};
 	render() {
-		let { className: n, disabled: r, options: a, selectedToolType: o, draggableTools: c, language: l } = this.props;
-		return /* @__PURE__ */ i(s, {
+		let { className: n, disabled: i, options: a, selectedToolType: o, draggableTools: c, language: l } = this.props;
+		return /* @__PURE__ */ r(s, {
 			onDragEnd: this.handleDragEnd,
-			children: /* @__PURE__ */ i(g, {
+			children: /* @__PURE__ */ r(g, {
 				className: n,
 				children: (a || []).map((n, a) => {
 					if ((e || []).includes(n)) {
 						let e = n === o, s = t.createRef();
-						return /* @__PURE__ */ i(b, {
+						return /* @__PURE__ */ r(b, {
 							index: a,
 							value: n,
 							draggable: c,
 							moveTool: this.moveTool,
 							toolRef: s,
-							children: /* @__PURE__ */ i(_, {
-								disabled: r,
+							children: /* @__PURE__ */ r(_, {
+								disabled: i,
 								disableRipple: !0,
 								onClick: this.select,
 								value: n,
@@ -110,7 +110,7 @@ var g = r("div")(() => ({
 		});
 	}
 };
-function b({ children: e, index: t, draggable: n, toolRef: r, value: a }) {
+function b({ children: e, index: t, draggable: n, toolRef: i, value: a }) {
 	let { attributes: o, listeners: s, setNodeRef: d, transform: f, transition: p, isDragging: m } = c({
 		id: `tool-${a}-${t}`,
 		disabled: !n,
@@ -127,16 +127,16 @@ function b({ children: e, index: t, draggable: n, toolRef: r, value: a }) {
 			accepts: ["tool"]
 		}
 	});
-	return /* @__PURE__ */ i(v, {
+	return /* @__PURE__ */ r(v, {
 		ref: (e) => {
-			d(e), h(e), r?.current && (r.current = e);
+			d(e), h(e), i?.current && (i.current = e);
 		},
 		style: {
 			transform: u.Transform.toString(f),
 			transition: p,
 			opacity: m ? .5 : 1
 		},
-		children: /* @__PURE__ */ i("div", {
+		children: /* @__PURE__ */ r("div", {
 			...o,
 			...s,
 			children: e

package/dist/tools/circle/bg-circle.js

@@ -4,8 +4,8 @@ import { correct as r, disabled as i, disabledSecondary as a, incorrect as o, mi
 import c from "react";
 import l from "prop-types";
 import { gridDraggable as u, types as d } from "@pie-lib/plot";
-import { styled as f } from "@mui/material/styles";
-import { jsx as p } from "react/jsx-runtime";
+import { jsx as f } from "react/jsx-runtime";
+import { styled as p } from "@mui/material/styles";
 import { color as m } from "@pie-lib/render-ui";
 //#region src/tools/circle/bg-circle.tsx
 var h = class extends c.Component {
@@ -20,7 +20,7 @@ var h = class extends c.Component {
 	};
 	render() {
 		let { disabled: e, className: t, correctness: r, x: i, y: a, radius: o, graphProps: s, ...c } = this.props, { scale: l } = s, u = Math.abs(l.x(i + o) - l.x(i)), d = Math.abs(l.y(a + o) - l.y(a));
-		return /* @__PURE__ */ p(_, {
+		return /* @__PURE__ */ f(_, {
 			className: n(t, e && "disabledSecondary", r),
 			cx: l.x(i),
 			cy: l.y(a),
@@ -35,7 +35,7 @@ var h = class extends c.Component {
 		strokeWidth: 3,
 		...e("stroke")
 	}
-}), _ = f("ellipse")(() => ({
+}), _ = p("ellipse")(() => ({
 	fill: "transparent",
 	stroke: m.defaults.BLACK,
 	strokeWidth: 3,

package/dist/tools/circle/component.js

@@ -8,12 +8,12 @@ import l from "react";
 import u from "prop-types";
 import { isEmpty as d } from "@pie-element/shared-lodash";
 import { types as f } from "@pie-lib/plot";
-import { keyframes as p, styled as m } from "@mui/material/styles";
-import { jsx as h, jsxs as g } from "react/jsx-runtime";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+import { keyframes as h, styled as g } from "@mui/material/styles";
 import { color as _ } from "@pie-lib/render-ui";
 import v from "react-dom";
 //#region src/tools/circle/component.tsx
-var y = (e) => p({
+var y = (e) => h({
 	"0%": { opacity: "0.0" },
 	"50%": { opacity: e },
 	"100%": { opacity: "0.0" }
@@ -107,49 +107,49 @@ var y = (e) => p({
 	};
 	input = {};
 	render() {
-		let { from: e, to: t, middle: n, disabled: r, building: s, coordinatesOnHover: c, onDragStart: l, onDragStop: u, onClick: d, correctness: f, graphProps: p, labelNode: m, labelModeEnabled: _ } = this.props, { editingLabel: y } = this.state, x = {
+		let { from: e, to: t, middle: n, disabled: r, building: s, coordinatesOnHover: c, onDragStart: l, onDragStop: u, onClick: d, correctness: f, graphProps: h, labelNode: g, labelModeEnabled: _ } = this.props, { editingLabel: y } = this.state, x = {
 			onDragStart: l,
 			onDragStop: u,
-			graphProps: p,
+			graphProps: h,
 			onClick: d
 		};
 		t ||= e;
 		let C = b(e, t), w = null, T = null, E = null;
-		return m && (e?.label !== void 0 && (w = v.createPortal(/* @__PURE__ */ h(o, {
+		return g && (e?.label !== void 0 && (w = v.createPortal(/* @__PURE__ */ p(o, {
 			inputRef: (e) => this.input.from = e,
 			autoFocus: y === "from",
 			disabled: !_,
 			mark: e,
-			graphProps: p,
+			graphProps: h,
 			onBlur: this.stopEditingLabel,
 			onChange: (t) => this.labelChange({
 				...e,
 				label: t
 			}, "from")
-		}), m)), t?.label !== void 0 && (T = v.createPortal(/* @__PURE__ */ h(o, {
+		}), g)), t?.label !== void 0 && (T = v.createPortal(/* @__PURE__ */ p(o, {
 			inputRef: (e) => this.input.to = e,
 			autoFocus: y === "to",
 			disabled: !_,
 			mark: t,
-			graphProps: p,
+			graphProps: h,
 			onBlur: this.stopEditingLabel,
 			onChange: (e) => this.labelChange({
 				...t,
 				label: e
 			}, "to")
-		}), m)), n?.label !== void 0 && (E = v.createPortal(/* @__PURE__ */ h(o, {
+		}), g)), n?.label !== void 0 && (E = v.createPortal(/* @__PURE__ */ p(o, {
 			inputRef: (e) => this.input.middle = e,
 			autoFocus: y === "middle",
 			disabled: !_,
 			mark: n,
-			graphProps: p,
+			graphProps: h,
 			onBlur: this.stopEditingLabel,
 			onChange: (e) => this.labelChange({
 				...n,
 				label: e
 			}, "middle")
-		}), m))), /* @__PURE__ */ g("g", { children: [
-			/* @__PURE__ */ h(S, {
+		}), g))), /* @__PURE__ */ m("g", { children: [
+			/* @__PURE__ */ p(S, {
 				disabled: s || r,
 				correctness: f,
 				className: i(s && "bgCircleBuilding"),
@@ -161,11 +161,11 @@ var y = (e) => p({
 				onClick: (e) => this.clickPoint(n, "middle", e)
 			}),
 			E,
-			/* @__PURE__ */ h(a, {
+			/* @__PURE__ */ p(a, {
 				disabled: s || r,
 				coordinatesOnHover: c,
 				correctness: f,
-				labelNode: m,
+				labelNode: g,
 				x: t.x,
 				y: t.y,
 				onDrag: this.dragTo,
@@ -173,11 +173,11 @@ var y = (e) => p({
 				onClick: (e) => this.clickPoint(t, "to", e)
 			}),
 			T,
-			/* @__PURE__ */ h(a, {
+			/* @__PURE__ */ p(a, {
 				disabled: s || r,
 				coordinatesOnHover: c,
 				correctness: f,
-				labelNode: m,
+				labelNode: g,
 				x: e.x,
 				y: e.y,
 				className: "from",
@@ -188,7 +188,7 @@ var y = (e) => p({
 			w
 		] });
 	}
-}, S = m(s)(() => ({
+}, S = g(s)(() => ({
 	"&.outerLine": {
 		fill: _.transparent(),
 		stroke: _.defaults.BLACK,

package/dist/tools/line/component.js

@@ -5,10 +5,10 @@ import { lineBase as a, lineToolComponent as o, styles as s } from "../shared/li
 import "react";
 import c from "prop-types";
 import { trig as l, types as u } from "@pie-lib/plot";
-import { styled as d } from "@mui/material/styles";
-import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { styled as p } from "@mui/material/styles";
 //#region src/tools/line/component.tsx
-var m = d("g")(({ theme: e, disabled: t, correctness: n }) => ({
+var m = p("g")(({ theme: e, disabled: t, correctness: n }) => ({
 	"& line:not(.hit-area)": {
 		...s.line(e),
 		...t && s.disabledSecondary(e),
@@ -22,17 +22,17 @@ var m = d("g")(({ theme: e, disabled: t, correctness: n }) => ({
 	"& .incorrectArrow": { ...s.incorrect(e) },
 	"& .missingArrow": { ...s.missing(e) }
 })), h = (a) => {
-	let o = i(), { className: s, correctness: c, disabled: u, graphProps: d, from: h, to: g, markerId: _, ...v } = a, { scale: y } = d, { domain: b, range: x } = e(d), [S, C] = l.edges(b, x)(h, g), w = c || u && "disabled" || "enabled", T = _ || o;
-	return /* @__PURE__ */ p(m, {
+	let o = i(), { className: s, correctness: c, disabled: u, graphProps: p, from: h, to: g, markerId: _, ...v } = a, { scale: y } = p, { domain: b, range: x } = e(p), [S, C] = l.edges(b, x)(h, g), w = c || u && "disabled" || "enabled", T = _ || o;
+	return /* @__PURE__ */ f(m, {
 		disabled: u,
 		correctness: c,
 		children: [
-			/* @__PURE__ */ f("defs", { children: /* @__PURE__ */ f(r, {
-				size: t(d) ? 4 : 5,
+			/* @__PURE__ */ d("defs", { children: /* @__PURE__ */ d(r, {
+				size: t(p) ? 4 : 5,
 				id: `${T}-${w}`,
 				className: n(w === "enabled" ? "enabledArrow" : w === "disabled" ? "disabledArrow" : `${w}Arrow`)
 			}) }),
-			/* @__PURE__ */ f("line", {
+			/* @__PURE__ */ d("line", {
 				x1: y.x(S.x),
 				y1: y.y(S.y),
 				x2: y.x(C.x),
@@ -45,7 +45,7 @@ var m = d("g")(({ theme: e, disabled: t, correctness: n }) => ({
 					pointerEvents: "stroke"
 				}
 			}),
-			/* @__PURE__ */ f("line", {
+			/* @__PURE__ */ d("line", {
 				x1: y.x(S.x),
 				y1: y.y(S.y),
 				x2: y.x(C.x),

package/dist/tools/polygon/line.js

@@ -2,11 +2,11 @@ import { bounds as e, lineToArea as t, point as n } from "../../utils.js";
 import r from "react";
 import i from "prop-types";
 import { gridDraggable as a, types as o } from "@pie-lib/plot";
-import { styled as s } from "@mui/material/styles";
-import { jsx as c } from "react/jsx-runtime";
+import { jsx as s } from "react/jsx-runtime";
+import { styled as c } from "@mui/material/styles";
 import { color as l } from "@pie-lib/render-ui";
 //#region src/tools/polygon/line.tsx
-var u = s("line")(({ disabled: e, correctness: t }) => ({
+var u = c("line")(({ disabled: e, correctness: t }) => ({
 	strokeWidth: 7,
 	transition: "stroke-width 200ms ease-in, stroke 200ms ease-in",
 	stroke: "transparent",
@@ -30,12 +30,12 @@ var u = s("line")(({ disabled: e, correctness: t }) => ({
 		to: {}
 	};
 	render() {
-		let { graphProps: e, from: t, to: n, className: r, disabled: i, correctness: a, ...o } = this.props, { scale: s } = e;
-		return /* @__PURE__ */ c(u, {
-			x1: s.x(t.x),
-			y1: s.y(t.y),
-			x2: s.x(n.x),
-			y2: s.y(n.y),
+		let { graphProps: e, from: t, to: n, className: r, disabled: i, correctness: a, ...o } = this.props, { scale: c } = e;
+		return /* @__PURE__ */ s(u, {
+			x1: c.x(t.x),
+			y1: c.y(t.y),
+			x2: c.x(n.x),
+			y2: c.y(n.y),
 			className: r,
 			disabled: i,
 			correctness: a,

package/dist/tools/polygon/polygon.js

@@ -3,12 +3,12 @@ import { correct as r, disabledSecondary as i, graphingShapeFill as a, incorrect
 import c from "react";
 import l from "prop-types";
 import { gridDraggable as u, types as d } from "@pie-lib/plot";
-import { alpha as f, styled as p } from "@mui/material/styles";
-import { jsx as m } from "react/jsx-runtime";
+import { jsx as f } from "react/jsx-runtime";
+import { alpha as p, styled as m } from "@mui/material/styles";
 import { color as h } from "@pie-lib/render-ui";
 //#region src/tools/polygon/polygon.tsx
-var g = p("polygon")(({ disabled: e, correctness: t }) => ({
-	fill: f(a(), .2),
+var g = m("polygon")(({ disabled: e, correctness: t }) => ({
+	fill: p(a(), .2),
 	strokeWidth: 3,
 	stroke: h.defaults.BLACK,
 	...e && i("stroke"),
@@ -18,8 +18,8 @@ var g = p("polygon")(({ disabled: e, correctness: t }) => ({
 		...s("stroke"),
 		stroke: "inherit"
 	}
-})), _ = p("polyline")(({ disabled: e, correctness: t }) => ({
-	fill: f(a(), 0),
+})), _ = m("polyline")(({ disabled: e, correctness: t }) => ({
+	fill: p(a(), 0),
 	strokeWidth: 3,
 	stroke: h.defaults.BLACK,
 	pointerEvents: "none",
@@ -48,7 +48,7 @@ var g = p("polygon")(({ disabled: e, correctness: t }) => ({
 	static defaultProps = { points: [] };
 	render() {
 		let { points: e, className: t, disabled: n, correctness: r, graphProps: i, closed: a, ...o } = this.props, { scale: s } = i, c = v(e, s);
-		return m(a ? g : _, {
+		return f(a ? g : _, {
 			points: c,
 			className: t,
 			disabled: n,

package/dist/tools/ray/component.js

@@ -5,10 +5,10 @@ import { lineBase as a, lineToolComponent as o, styles as s } from "../shared/li
 import "react";
 import c from "prop-types";
 import { trig as l, types as u } from "@pie-lib/plot";
-import { styled as d } from "@mui/material/styles";
-import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { styled as p } from "@mui/material/styles";
 //#region src/tools/ray/component.tsx
-var m = d("g")(({ theme: e, disabled: t, correctness: n }) => ({
+var m = p("g")(({ theme: e, disabled: t, correctness: n }) => ({
 	"& line:not(.hit-area)": {
 		...s.line(e),
 		...t && s.disabledSecondary(e),
@@ -22,17 +22,17 @@ var m = d("g")(({ theme: e, disabled: t, correctness: n }) => ({
 	"& .incorrectArrow": { ...s.incorrect(e) },
 	"& .missingArrow": { ...s.missing(e) }
 })), h = (a) => {
-	let o = i(), { graphProps: s, from: c, to: u, disabled: d, correctness: h, className: g, markerId: _, ...v } = a, { scale: y } = s, { domain: b, range: x } = e(s), [S] = l.edges(b, x)(c, u), C = h || d && "disabled" || "enabled", w = _ || o;
-	return /* @__PURE__ */ p(m, {
-		disabled: d,
+	let o = i(), { graphProps: s, from: c, to: u, disabled: p, correctness: h, className: g, markerId: _, ...v } = a, { scale: y } = s, { domain: b, range: x } = e(s), [S] = l.edges(b, x)(c, u), C = h || p && "disabled" || "enabled", w = _ || o;
+	return /* @__PURE__ */ f(m, {
+		disabled: p,
 		correctness: h,
 		children: [
-			/* @__PURE__ */ f("defs", { children: /* @__PURE__ */ f(r, {
+			/* @__PURE__ */ d("defs", { children: /* @__PURE__ */ d(r, {
 				size: t(s) ? 4 : 5,
 				id: `${w}-${C}`,
 				className: n(C === "enabled" ? "enabledArrow" : C === "disabled" ? "disabledArrow" : `${C}Arrow`)
 			}) }),
-			/* @__PURE__ */ f("line", {
+			/* @__PURE__ */ d("line", {
 				x1: y.x(c.x),
 				y1: y.y(c.y),
 				x2: y.x(S.x),
@@ -45,7 +45,7 @@ var m = d("g")(({ theme: e, disabled: t, correctness: n }) => ({
 					pointerEvents: "stroke"
 				}
 			}),
-			/* @__PURE__ */ f("line", {
+			/* @__PURE__ */ d("line", {
 				x1: y.x(c.x),
 				y1: y.y(c.y),
 				x2: y.x(S.x),