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

package/dist/tools/shared/point/arrow-point.d.ts

@@ -0,0 +1,56 @@
+/**
+ * @synced-from pie-lib/packages/graphing/src/tools/shared/point/arrow-point.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 RawArrow extends React.Component {
+    static propTypes: {
+        className: PropTypes.Requireable<string>;
+        correctness: PropTypes.Requireable<string>;
+        disabled: PropTypes.Requireable<boolean>;
+        x: PropTypes.Validator<number>;
+        y: PropTypes.Validator<number>;
+        from: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+            x: PropTypes.Requireable<number>;
+            y: PropTypes.Requireable<number>;
+        }>>>;
+        to: PropTypes.Requireable<PropTypes.InferProps<{
+            x: PropTypes.Requireable<number>;
+            y: PropTypes.Requireable<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>;
+            }>>>;
+        }>>>;
+    };
+    static defaultProps: {
+        from: {};
+        to: {};
+    };
+    render(): React.JSX.Element;
+}

package/dist/tools/shared/point/arrow-point.js

@@ -0,0 +1,41 @@
+import { arrowDimensions as e, getAngleDeg as t } from "../../../utils.js";
+import n from "react";
+import r from "prop-types";
+import { types as i } from "@pie-lib/plot";
+import { jsx as a } from "react/jsx-runtime";
+//#region src/tools/shared/point/arrow-point.tsx
+var o = class extends n.Component {
+	static propTypes = {
+		className: r.string,
+		correctness: r.string,
+		disabled: r.bool,
+		x: r.number.isRequired,
+		y: r.number.isRequired,
+		from: r.shape({
+			x: r.number,
+			y: r.number
+		}).isRequired,
+		to: r.shape({
+			x: r.number,
+			y: r.number
+		}),
+		graphProps: i.GraphPropsType.isRequired
+	};
+	static defaultProps = {
+		from: {},
+		to: {}
+	};
+	render() {
+		let { className: n, x: r, y: i, graphProps: o, from: s, to: c, ...l } = this.props, { scale: u } = o, d = s && c ? t(s.x, s.y, c.x, c.y) : 0, f = s && c && (s.x !== c.x || s.y !== c.y) ? `0,0 ${e.vector},${e.vector * 2} -${e.vector},${e.vector * 2}` : "0,0 0,0 0,0";
+		return /* @__PURE__ */ a("g", {
+			className: n,
+			...l,
+			children: /* @__PURE__ */ a("polygon", {
+				points: f,
+				transform: `translate(${u.x(r)}, ${u.y(i)}) rotate(${d} 0 0)`
+			})
+		});
+	}
+};
+//#endregion
+export { o as RawArrow };

package/dist/tools/shared/point/arrow.d.ts

@@ -0,0 +1,45 @@
+/**
+ * @synced-from pie-lib/packages/graphing/src/tools/shared/point/arrow.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 BaseArrow extends React.Component {
+    static propTypes: {
+        className: PropTypes.Requireable<string>;
+        correctness: PropTypes.Requireable<string>;
+        disabled: PropTypes.Requireable<boolean>;
+        x: PropTypes.Validator<number>;
+        y: PropTypes.Validator<number>;
+        angle: 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>;
+            }>>>;
+        }>>>;
+    };
+    render(): React.JSX.Element;
+}

package/dist/tools/shared/point/arrow.js

@@ -0,0 +1,35 @@
+import { thinnerShapesNeeded as e } from "../../../utils.js";
+import { ArrowHead as t } from "../arrow-head.js";
+import n from "react";
+import r from "prop-types";
+import { types as i } from "@pie-lib/plot";
+import { jsx as a } from "react/jsx-runtime";
+//#region src/tools/shared/point/arrow.tsx
+var o = class extends n.Component {
+	static propTypes = {
+		className: r.string,
+		correctness: r.string,
+		disabled: r.bool,
+		x: r.number.isRequired,
+		y: r.number.isRequired,
+		angle: r.number.isRequired,
+		graphProps: i.GraphPropsType.isRequired
+	};
+	render() {
+		let { className: n, angle: r, x: i, y: o, correctness: s, graphProps: c, ...l } = this.props, u = e(c) ? 12 : 14, { scale: d } = c, f = d.x(i), p = d.y(o), m = `rotate(${-r}, ${f},${p})`, h = `${f},${p}
+        ${f - u},${p - u / 2}
+        ${f - u},${p + u / 2}`;
+		return /* @__PURE__ */ a("g", {
+			className: n,
+			...l,
+			children: /* @__PURE__ */ a(t, {
+				size: u,
+				transform: m,
+				points: h,
+				correctness: s
+			})
+		});
+	}
+};
+//#endregion
+export { o as BaseArrow };

package/dist/tools/shared/point/base-point.d.ts

@@ -0,0 +1,52 @@
+/**
+ * @synced-from pie-lib/packages/graphing/src/tools/shared/point/base-point.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 RawBp extends React.Component {
+    static propTypes: {
+        className: PropTypes.Requireable<string>;
+        coordinatesOnHover: PropTypes.Requireable<boolean>;
+        correctness: PropTypes.Requireable<string>;
+        disabled: PropTypes.Requireable<boolean>;
+        labelNode: PropTypes.Requireable<object>;
+        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>;
+            }>>>;
+        }>>>;
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+        onTouchStart: PropTypes.Requireable<(...args: any[]) => any>;
+        onTouchEnd: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+    state: {
+        showCoordinates: boolean;
+    };
+    render(): React.JSX.Element;
+}

package/dist/tools/shared/point/base-point.js

@@ -0,0 +1,103 @@
+import { thinnerShapesNeeded as e } from "../../../utils.js";
+import t from "../../../coordinates-label.js";
+import n from "../icons/MissingSVG.js";
+import r from "../icons/CorrectSVG.js";
+import i from "../icons/IncorrectSVG.js";
+import { correct as a, disabled as o, incorrect as s, missing as c } from "../styles.js";
+import l from "react";
+import u from "prop-types";
+import { types as d } from "@pie-lib/plot";
+import { styled as f } from "@mui/material/styles";
+import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
+import g from "react-dom";
+//#region src/tools/shared/point/base-point.tsx
+var _ = f("g")(({ disabled: e, correctness: t }) => ({
+	cursor: "pointer",
+	"& circle": { fill: "currentColor" },
+	...e && {
+		...o("fill"),
+		...o("color")
+	},
+	...t === "correct" && {
+		...a("fill"),
+		...a("color")
+	},
+	...t === "incorrect" && {
+		...s("fill"),
+		...s("color")
+	},
+	...t === "missing" && {
+		...c("fill"),
+		...c("color")
+	}
+})), v = class extends l.Component {
+	static propTypes = {
+		className: u.string,
+		coordinatesOnHover: u.bool,
+		correctness: u.string,
+		disabled: u.bool,
+		labelNode: u.object,
+		x: u.number.isRequired,
+		y: u.number.isRequired,
+		graphProps: d.GraphPropsType.isRequired,
+		onClick: u.func,
+		onTouchStart: u.func,
+		onTouchEnd: u.func
+	};
+	state = { showCoordinates: !1 };
+	render() {
+		let { className: a, coordinatesOnHover: o, x: s, y: c, disabled: l, correctness: u, graphProps: d, labelNode: f, onClick: v, onTouchStart: y, onTouchEnd: b } = this.props, { showCoordinates: x } = this.state, { scale: S } = d, C = e(d) ? 5 : 7, w;
+		switch (u) {
+			case "missing":
+				w = n;
+				break;
+			case "correct":
+				w = r;
+				break;
+			case "incorrect":
+				w = i;
+				break;
+			default: w = null;
+		}
+		return /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m("circle", {
+			style: {
+				fill: "transparent",
+				cursor: "pointer",
+				pointerEvents: "all"
+			},
+			r: C * 3,
+			cx: S.x(s),
+			cy: S.y(c),
+			onMouseEnter: () => this.setState({ showCoordinates: !0 }),
+			onMouseLeave: () => this.setState({ showCoordinates: !1 }),
+			onTouchStart: y,
+			onTouchEnd: b,
+			onClick: v
+		}), /* @__PURE__ */ h(_, {
+			className: a,
+			disabled: l,
+			correctness: u,
+			onMouseEnter: () => this.setState({ showCoordinates: !0 }),
+			onMouseLeave: () => this.setState({ showCoordinates: !1 }),
+			children: [
+				/* @__PURE__ */ m("circle", {
+					r: C,
+					cx: S.x(s),
+					cy: S.y(c)
+				}),
+				w && /* @__PURE__ */ m(w, {
+					scale: S,
+					x: s,
+					y: c
+				}),
+				f && o && x && g.createPortal(/* @__PURE__ */ m(t, {
+					graphProps: d,
+					x: s,
+					y: c
+				}), f)
+			]
+		})] });
+	}
+};
+//#endregion
+export { v as RawBp };

package/dist/tools/shared/point/index.d.ts

@@ -0,0 +1,216 @@
+/**
+ * @synced-from pie-lib/packages/graphing/src/tools/shared/point/index.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';
+export declare const BasePoint: {
+    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: import("prop-types").Requireable<boolean>;
+        onDragStart: import("prop-types").Requireable<(...args: any[]) => any>;
+        onDrag: import("prop-types").Requireable<(...args: any[]) => any>;
+        onDragStop: import("prop-types").Requireable<(...args: any[]) => any>;
+        onClick: import("prop-types").Requireable<(...args: any[]) => any>;
+        onMove: import("prop-types").Requireable<(...args: any[]) => any>;
+        graphProps: import("prop-types").Validator<NonNullable<import("prop-types").InferProps<{
+            scale: import("prop-types").Validator<NonNullable<import("prop-types").InferProps<{
+                x: import("prop-types").Validator<(...args: any[]) => any>;
+                y: import("prop-types").Validator<(...args: any[]) => any>;
+            }>>>;
+            snap: import("prop-types").Validator<NonNullable<import("prop-types").InferProps<{
+                x: import("prop-types").Validator<(...args: any[]) => any>;
+                y: import("prop-types").Validator<(...args: any[]) => any>;
+            }>>>;
+            domain: import("prop-types").Validator<NonNullable<import("prop-types").InferProps<{
+                min: import("prop-types").Validator<number>;
+                max: import("prop-types").Validator<number>;
+                step: import("prop-types").Requireable<number>;
+            }>>>;
+            range: import("prop-types").Validator<NonNullable<import("prop-types").InferProps<{
+                min: import("prop-types").Validator<number>;
+                max: import("prop-types").Validator<number>;
+                step: import("prop-types").Requireable<number>;
+            }>>>;
+            size: import("prop-types").Validator<NonNullable<import("prop-types").InferProps<{
+                width: import("prop-types").Validator<number>;
+                height: import("prop-types").Validator<number>;
+            }>>>;
+        }>>>;
+    };
+    contextType?: React.Context<any> | undefined;
+};
+export declare const ArrowPoint: {
+    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: import("prop-types").Requireable<boolean>;
+        onDragStart: import("prop-types").Requireable<(...args: any[]) => any>;
+        onDrag: import("prop-types").Requireable<(...args: any[]) => any>;
+        onDragStop: import("prop-types").Requireable<(...args: any[]) => any>;
+        onClick: import("prop-types").Requireable<(...args: any[]) => any>;
+        onMove: import("prop-types").Requireable<(...args: any[]) => any>;
+        graphProps: import("prop-types").Validator<NonNullable<import("prop-types").InferProps<{
+            scale: import("prop-types").Validator<NonNullable<import("prop-types").InferProps<{
+                x: import("prop-types").Validator<(...args: any[]) => any>;
+                y: import("prop-types").Validator<(...args: any[]) => any>;
+            }>>>;
+            snap: import("prop-types").Validator<NonNullable<import("prop-types").InferProps<{
+                x: import("prop-types").Validator<(...args: any[]) => any>;
+                y: import("prop-types").Validator<(...args: any[]) => any>;
+            }>>>;
+            domain: import("prop-types").Validator<NonNullable<import("prop-types").InferProps<{
+                min: import("prop-types").Validator<number>;
+                max: import("prop-types").Validator<number>;
+                step: import("prop-types").Requireable<number>;
+            }>>>;
+            range: import("prop-types").Validator<NonNullable<import("prop-types").InferProps<{
+                min: import("prop-types").Validator<number>;
+                max: import("prop-types").Validator<number>;
+                step: import("prop-types").Requireable<number>;
+            }>>>;
+            size: import("prop-types").Validator<NonNullable<import("prop-types").InferProps<{
+                width: import("prop-types").Validator<number>;
+                height: import("prop-types").Validator<number>;
+            }>>>;
+        }>>>;
+    };
+    contextType?: React.Context<any> | undefined;
+};
+export declare const Arrow: {
+    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: import("prop-types").Requireable<boolean>;
+        onDragStart: import("prop-types").Requireable<(...args: any[]) => any>;
+        onDrag: import("prop-types").Requireable<(...args: any[]) => any>;
+        onDragStop: import("prop-types").Requireable<(...args: any[]) => any>;
+        onClick: import("prop-types").Requireable<(...args: any[]) => any>;
+        onMove: import("prop-types").Requireable<(...args: any[]) => any>;
+        graphProps: import("prop-types").Validator<NonNullable<import("prop-types").InferProps<{
+            scale: import("prop-types").Validator<NonNullable<import("prop-types").InferProps<{
+                x: import("prop-types").Validator<(...args: any[]) => any>;
+                y: import("prop-types").Validator<(...args: any[]) => any>;
+            }>>>;
+            snap: import("prop-types").Validator<NonNullable<import("prop-types").InferProps<{
+                x: import("prop-types").Validator<(...args: any[]) => any>;
+                y: import("prop-types").Validator<(...args: any[]) => any>;
+            }>>>;
+            domain: import("prop-types").Validator<NonNullable<import("prop-types").InferProps<{
+                min: import("prop-types").Validator<number>;
+                max: import("prop-types").Validator<number>;
+                step: import("prop-types").Requireable<number>;
+            }>>>;
+            range: import("prop-types").Validator<NonNullable<import("prop-types").InferProps<{
+                min: import("prop-types").Validator<number>;
+                max: import("prop-types").Validator<number>;
+                step: import("prop-types").Requireable<number>;
+            }>>>;
+            size: import("prop-types").Validator<NonNullable<import("prop-types").InferProps<{
+                width: import("prop-types").Validator<number>;
+                height: import("prop-types").Validator<number>;
+            }>>>;
+        }>>>;
+    };
+    contextType?: React.Context<any> | undefined;
+};

package/dist/tools/shared/point/index.js

@@ -0,0 +1,45 @@
+import { bounds as e, point as t } from "../../../utils.js";
+import { RawBp as n } from "./base-point.js";
+import { RawArrow as r } from "./arrow-point.js";
+import { BaseArrow as i } from "./arrow.js";
+import "react";
+import { gridDraggable as a } from "@pie-lib/plot";
+import { styled as o } from "@mui/material/styles";
+import { jsx as s } from "react/jsx-runtime";
+import { color as c } from "@pie-lib/render-ui";
+//#region src/tools/shared/point/index.tsx
+var l = {
+	bounds: (t, { domain: n, range: r }) => {
+		let { x: i, y: a } = t;
+		return e({
+			left: i,
+			top: a,
+			bottom: a,
+			right: i
+		}, n, r);
+	},
+	anchorPoint: (e) => {
+		let { x: t, y: n } = e;
+		return {
+			x: t,
+			y: n
+		};
+	},
+	fromDelta: (e, n) => t(e).add(t(n))
+}, u = o("g")(() => ({
+	"& circle, & polygon": { cursor: "pointer" },
+	"&[disabled]": { "& circle, & polygon": { fill: c.disabledSecondary() } }
+})), d = a(l)((e) => /* @__PURE__ */ s(u, {
+	...e,
+	children: /* @__PURE__ */ s(n, { ...e })
+}));
+a(l)((e) => /* @__PURE__ */ s(u, {
+	...e,
+	children: /* @__PURE__ */ s(r, { ...e })
+}));
+var f = a(l)((e) => /* @__PURE__ */ s(u, {
+	...e,
+	children: /* @__PURE__ */ s(i, { ...e })
+}));
+//#endregion
+export { f as Arrow, d as BasePoint };

package/dist/tools/shared/styles.d.ts

@@ -0,0 +1,29 @@
+/**
+ * @synced-from pie-lib/packages/graphing/src/tools/shared/styles.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 graphingShapeFill: () => string;
+export declare const disabled: (key?: string) => {
+    [x: string]: any;
+    pointerEvents: string;
+};
+export declare const disabledSecondary: (key?: string) => {
+    [x: string]: any;
+    pointerEvents: string;
+};
+export declare const correct: (key?: string) => {
+    [x: string]: any;
+    pointerEvents: string;
+};
+export declare const incorrect: (key?: string) => {
+    [x: string]: any;
+    pointerEvents: string;
+};
+export declare const missing: (key?: string) => {
+    [x: string]: any;
+    pointerEvents: string;
+};

package/dist/tools/shared/styles.js

@@ -0,0 +1,20 @@
+import { color as e } from "@pie-lib/render-ui";
+//#region src/tools/shared/styles.ts
+var t = () => e.visualElementsColors.SHAPES_FILL_COLOR, n = (t = "fill") => ({
+	[t]: e.disabledSecondary(),
+	pointerEvents: "none"
+}), r = (t = "fill") => ({
+	[t]: e.disabledSecondary(),
+	pointerEvents: "none"
+}), i = (t = "fill") => ({
+	[t]: e.correctWithIcon(),
+	pointerEvents: "none"
+}), a = (t = "fill") => ({
+	[t]: e.incorrectWithIcon(),
+	pointerEvents: "none"
+}), o = (t = "fill") => ({
+	[t]: e.missingWithIcon(),
+	pointerEvents: "none"
+});
+//#endregion
+export { i as correct, n as disabled, r as disabledSecondary, t as graphingShapeFill, a as incorrect, o as missing };

package/dist/tools/shared/types.d.ts

@@ -0,0 +1,21 @@
+/**
+ * @synced-from pie-lib/packages/graphing/src/tools/shared/types.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 PropTypes from 'prop-types';
+export declare const ToolPropTypeFields: {
+    mark: PropTypes.Requireable<any>;
+    onChange: PropTypes.Requireable<(...args: any[]) => any>;
+    onDragStart: PropTypes.Requireable<(...args: any[]) => any>;
+    onDragStop: PropTypes.Requireable<(...args: any[]) => any>;
+};
+export declare const ToolPropType: PropTypes.Requireable<PropTypes.InferProps<{
+    mark: PropTypes.Requireable<any>;
+    onChange: PropTypes.Requireable<(...args: any[]) => any>;
+    onDragStart: PropTypes.Requireable<(...args: any[]) => any>;
+    onDragStop: PropTypes.Requireable<(...args: any[]) => any>;
+}>>;