@pie-lib/graphing 4.0.5-next.3 → 4.0.5-next.30

package/dist/tools/polygon/line.d.ts

@@ -0,0 +1,125 @@
+/**
+ * @synced-from pie-lib/packages/graphing/src/tools/polygon/line.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';
+declare class RawLine extends React.Component {
+    static propTypes: {
+        className: PropTypes.Requireable<string>;
+        from: PropTypes.Requireable<PropTypes.InferProps<{
+            x: PropTypes.Validator<number>;
+            y: PropTypes.Validator<number>;
+        }>>;
+        to: PropTypes.Requireable<PropTypes.InferProps<{
+            x: PropTypes.Validator<number>;
+            y: 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>;
+            }>>>;
+        }>>>;
+        disabled: PropTypes.Requireable<boolean>;
+        correctness: PropTypes.Requireable<string>;
+    };
+    static defaultProps: {
+        from: {};
+        to: {};
+    };
+    render(): React.JSX.Element;
+}
+export declare const Line: typeof RawLine;
+declare const _default: {
+    new (props: any): {
+        grid: any;
+        onStart: any;
+        position: any;
+        tiny: any;
+        getScaledBounds: any;
+        getClientPoint: any;
+        skipDragOutsideOfBounds: any;
+        onDrag: any;
+        getDelta: any;
+        applyDelta: any;
+        onStop: any;
+        render(): React.JSX.Element;
+        context: unknown;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<{}>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<{}>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<{}>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<{}>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<{}>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    propTypes: {
+        disabled: PropTypes.Requireable<boolean>;
+        onDragStart: PropTypes.Requireable<(...args: any[]) => any>;
+        onDrag: PropTypes.Requireable<(...args: any[]) => any>;
+        onDragStop: PropTypes.Requireable<(...args: any[]) => any>;
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+        onMove: 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>;
+            }>>>;
+        }>>>;
+    };
+    contextType?: React.Context<any> | undefined;
+};
+export default _default;

package/dist/tools/polygon/line.js

@@ -0,0 +1,63 @@
+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 { color as l } from "@pie-lib/render-ui";
+//#region src/tools/polygon/line.tsx
+var u = s("line")(({ disabled: e, correctness: t }) => ({
+	strokeWidth: 7,
+	transition: "stroke-width 200ms ease-in, stroke 200ms ease-in",
+	stroke: "transparent",
+	pointerEvents: "stroke",
+	"&:hover": {
+		strokeWidth: 4,
+		stroke: l.defaults.BLACK
+	},
+	...(e || t) && { pointerEvents: "none" }
+})), d = class extends r.Component {
+	static propTypes = {
+		className: i.string,
+		from: o.PointType,
+		to: o.PointType,
+		graphProps: o.GraphPropsType.isRequired,
+		disabled: i.bool,
+		correctness: i.string
+	};
+	static defaultProps = {
+		from: {},
+		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),
+			className: r,
+			disabled: i,
+			correctness: a,
+			...o
+		});
+	}
+}, f = a({
+	bounds: (n, { domain: r, range: i }) => {
+		let { from: a, to: o } = n;
+		return e(t(a, o), r, i);
+	},
+	anchorPoint: (e) => {
+		let { from: t } = e;
+		return t;
+	},
+	fromDelta: (e, t) => {
+		let { from: r, to: i } = e;
+		return {
+			from: n(r).add(n(t)),
+			to: n(i).add(n(t))
+		};
+	}
+})(d);
+//#endregion
+export { f as default };

package/dist/tools/polygon/polygon.d.ts

@@ -0,0 +1,122 @@
+/**
+ * @synced-from pie-lib/packages/graphing/src/tools/polygon/polygon.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 getPointString: (points: any, scale: any) => any;
+export declare class RawPolygon extends React.Component {
+    static propTypes: {
+        className: PropTypes.Requireable<string>;
+        disabled: PropTypes.Requireable<boolean>;
+        points: PropTypes.Requireable<(PropTypes.InferProps<{
+            x: PropTypes.Validator<number>;
+            y: PropTypes.Validator<number>;
+        }> | null | undefined)[]>;
+        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>;
+            }>>>;
+        }>>>;
+        closed: PropTypes.Validator<boolean>;
+        correctness: PropTypes.Requireable<string>;
+    };
+    static defaultProps: {
+        points: never[];
+    };
+    render(): React.JSX.Element;
+}
+export declare const Polygon: typeof RawPolygon;
+declare const _default: {
+    new (props: any): {
+        grid: any;
+        onStart: any;
+        position: any;
+        tiny: any;
+        getScaledBounds: any;
+        getClientPoint: any;
+        skipDragOutsideOfBounds: any;
+        onDrag: any;
+        getDelta: any;
+        applyDelta: any;
+        onStop: any;
+        render(): React.JSX.Element;
+        context: unknown;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<{}>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<{}>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<{}>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<{}>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<{}>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    propTypes: {
+        disabled: PropTypes.Requireable<boolean>;
+        onDragStart: PropTypes.Requireable<(...args: any[]) => any>;
+        onDrag: PropTypes.Requireable<(...args: any[]) => any>;
+        onDragStop: PropTypes.Requireable<(...args: any[]) => any>;
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+        onMove: 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>;
+            }>>>;
+        }>>>;
+    };
+    contextType?: React.Context<any> | undefined;
+};
+export default _default;

package/dist/tools/polygon/polygon.js

@@ -0,0 +1,74 @@
+import { bounds as e, point as t, polygonToArea as n } from "../../utils.js";
+import { correct as r, disabledSecondary as i, graphingShapeFill as a, incorrect as o, missing as s } from "../shared/styles.js";
+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 { 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),
+	strokeWidth: 3,
+	stroke: h.defaults.BLACK,
+	...e && i("stroke"),
+	...t === "correct" && r("stroke"),
+	...t === "incorrect" && o("stroke"),
+	...t === "missing" && {
+		...s("stroke"),
+		stroke: "inherit"
+	}
+})), _ = p("polyline")(({ disabled: e, correctness: t }) => ({
+	fill: f(a(), 0),
+	strokeWidth: 3,
+	stroke: h.defaults.BLACK,
+	pointerEvents: "none",
+	...e && i("stroke"),
+	...t === "correct" && r("stroke"),
+	...t === "incorrect" && o("stroke"),
+	...t === "missing" && {
+		...s("stroke"),
+		stroke: "inherit"
+	}
+})), v = (e, t) => (e || []).map((e) => {
+	let n = {
+		x: t.x(e.x),
+		y: t.y(e.y)
+	};
+	return `${n.x},${n.y}`;
+}).join(" "), y = class extends c.Component {
+	static propTypes = {
+		className: l.string,
+		disabled: l.bool,
+		points: l.arrayOf(d.PointType),
+		graphProps: d.GraphPropsType.isRequired,
+		closed: l.bool.isRequired,
+		correctness: l.string
+	};
+	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 : _, {
+			points: c,
+			className: t,
+			disabled: n,
+			correctness: r,
+			...o
+		});
+	}
+}, b = u({
+	bounds: (t, { domain: r, range: i }) => {
+		let { points: a } = t;
+		return e(n(a), r, i);
+	},
+	anchorPoint: (e) => {
+		let { points: t } = e;
+		return t[0];
+	},
+	fromDelta: (e, n) => {
+		let { points: r } = e;
+		return r.map((e) => t(e).add(t(n)));
+	}
+})(y);
+//#endregion
+export { y as Polygon, b as default };

package/dist/tools/ray/component.d.ts

@@ -0,0 +1,101 @@
+/**
+ * @synced-from pie-lib/packages/graphing/src/tools/ray/component.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 RayLine: {
+    (props: any): React.JSX.Element;
+    propTypes: {
+        className: PropTypes.Requireable<string>;
+        disabled: PropTypes.Requireable<boolean>;
+        correctness: PropTypes.Requireable<string>;
+        graphProps: PropTypes.Requireable<any>;
+        from: PropTypes.Requireable<PropTypes.InferProps<{
+            x: PropTypes.Validator<number>;
+            y: PropTypes.Validator<number>;
+        }>>;
+        to: PropTypes.Requireable<PropTypes.InferProps<{
+            x: PropTypes.Validator<number>;
+            y: PropTypes.Validator<number>;
+        }>>;
+        markerId: PropTypes.Requireable<string>;
+    };
+};
+declare const Component: {
+    new (props: any): {
+        startDrag: any;
+        stopDrag: any;
+        changeMark: any;
+        changeMarkProps: any;
+        render(): React.JSX.Element;
+        context: unknown;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<{}>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<{}>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<{}>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<{}>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<{}>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    propTypes: {
+        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>;
+            }>>>;
+        }>>>;
+        limitLabeling: PropTypes.Requireable<boolean>;
+        changeMarkProps: PropTypes.Requireable<(...args: any[]) => any>;
+        disabled: PropTypes.Requireable<boolean>;
+        from: PropTypes.Requireable<PropTypes.InferProps<{
+            x: PropTypes.Validator<number>;
+            y: PropTypes.Validator<number>;
+        }>>;
+        to: PropTypes.Requireable<PropTypes.InferProps<{
+            x: PropTypes.Validator<number>;
+            y: PropTypes.Validator<number>;
+        }>>;
+        labelModeEnabled: PropTypes.Requireable<boolean>;
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+        mark: PropTypes.Requireable<object>;
+        onChange: PropTypes.Requireable<(...args: any[]) => any>;
+        onDelete: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+    contextType?: React.Context<any> | undefined;
+};
+export default Component;

package/dist/tools/ray/component.js

@@ -0,0 +1,71 @@
+import { getAdjustedGraphLimits as e, thinnerShapesNeeded as t } from "../../utils.js";
+import n from "../../node_modules/.bun/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
+import { ArrowMarker as r, genUid as i } from "../shared/arrow-head.js";
+import { lineBase as a, lineToolComponent as o, styles as s } from "../shared/line/index.js";
+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";
+//#region src/tools/ray/component.tsx
+var m = d("g")(({ theme: e, disabled: t, correctness: n }) => ({
+	"& line:not(.hit-area)": {
+		...s.line(e),
+		...t && s.disabledSecondary(e),
+		...n === "correct" && s.correct(e, "stroke"),
+		...n === "incorrect" && s.incorrect(e, "stroke"),
+		...n === "missing" && s.missing(e, "stroke")
+	},
+	"& .enabledArrow": { ...s.arrow(e) },
+	"& .disabledArrow": { ...s.disabledArrow(e) },
+	"& .correctArrow": { ...s.correct(e) },
+	"& .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,
+		correctness: h,
+		children: [
+			/* @__PURE__ */ f("defs", { children: /* @__PURE__ */ f(r, {
+				size: t(s) ? 4 : 5,
+				id: `${w}-${C}`,
+				className: n(C === "enabled" ? "enabledArrow" : C === "disabled" ? "disabledArrow" : `${C}Arrow`)
+			}) }),
+			/* @__PURE__ */ f("line", {
+				x1: y.x(c.x),
+				y1: y.y(c.y),
+				x2: y.x(S.x),
+				y2: y.y(S.y),
+				className: "hit-area",
+				stroke: "transparent",
+				strokeWidth: 7,
+				style: {
+					cursor: "pointer",
+					pointerEvents: "stroke"
+				}
+			}),
+			/* @__PURE__ */ f("line", {
+				x1: y.x(c.x),
+				y1: y.y(c.y),
+				x2: y.x(S.x),
+				y2: y.y(S.y),
+				className: g,
+				markerEnd: `url(#${w}-${C})`,
+				...v
+			})
+		]
+	});
+};
+h.propTypes = {
+	className: c.string,
+	disabled: c.bool,
+	correctness: c.string,
+	graphProps: c.any,
+	from: u.PointType,
+	to: u.PointType,
+	markerId: c.string
+};
+var g = o(a(h));
+//#endregion
+export { g as default };

package/dist/tools/ray/index.d.ts

@@ -0,0 +1,13 @@
+/**
+ * @synced-from pie-lib/packages/graphing/src/tools/ray/index.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.
+ */
+export declare const tool: () => {
+    type: any;
+    Component: any;
+    addPoint: (point: any, mark: any) => any;
+};

package/dist/tools/ray/index.js

@@ -0,0 +1,6 @@
+import { lineTool as e } from "../shared/line/index.js";
+import t from "./component.js";
+//#region src/tools/ray/index.ts
+var n = e("ray", t);
+//#endregion
+export { n as tool };

package/dist/tools/segment/component.d.ts

@@ -0,0 +1,100 @@
+/**
+ * @synced-from pie-lib/packages/graphing/src/tools/segment/component.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 Line: {
+    (props: any): React.JSX.Element;
+    propTypes: {
+        className: PropTypes.Requireable<string>;
+        correctness: PropTypes.Requireable<string>;
+        disabled: PropTypes.Requireable<boolean>;
+        graphProps: PropTypes.Requireable<any>;
+        from: PropTypes.Requireable<PropTypes.InferProps<{
+            x: PropTypes.Validator<number>;
+            y: PropTypes.Validator<number>;
+        }>>;
+        to: PropTypes.Requireable<PropTypes.InferProps<{
+            x: PropTypes.Validator<number>;
+            y: PropTypes.Validator<number>;
+        }>>;
+    };
+};
+declare const Component: {
+    new (props: any): {
+        startDrag: any;
+        stopDrag: any;
+        changeMark: any;
+        changeMarkProps: any;
+        render(): React.JSX.Element;
+        context: unknown;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<{}>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<{}>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<{}>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<{}>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<{}>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    propTypes: {
+        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>;
+            }>>>;
+        }>>>;
+        limitLabeling: PropTypes.Requireable<boolean>;
+        changeMarkProps: PropTypes.Requireable<(...args: any[]) => any>;
+        disabled: PropTypes.Requireable<boolean>;
+        from: PropTypes.Requireable<PropTypes.InferProps<{
+            x: PropTypes.Validator<number>;
+            y: PropTypes.Validator<number>;
+        }>>;
+        to: PropTypes.Requireable<PropTypes.InferProps<{
+            x: PropTypes.Validator<number>;
+            y: PropTypes.Validator<number>;
+        }>>;
+        labelModeEnabled: PropTypes.Requireable<boolean>;
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+        mark: PropTypes.Requireable<object>;
+        onChange: PropTypes.Requireable<(...args: any[]) => any>;
+        onDelete: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+    contextType?: React.Context<any> | undefined;
+};
+export default Component;