@pie-lib/graphing 4.0.4 → 4.0.5-next.0

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>;
+}>>;

package/dist/tools/shared/types.js

@@ -0,0 +1,11 @@
+import e from "prop-types";
+//#region src/tools/shared/types.ts
+var t = {
+	mark: e.any,
+	onChange: e.func,
+	onDragStart: e.func,
+	onDragStop: e.func
+};
+e.shape(t);
+//#endregion
+export { t as ToolPropTypeFields };

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

@@ -0,0 +1,16 @@
+/**
+ * @synced-from pie-lib/packages/graphing/src/tools/sine/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.
+ */
+declare const Component: {
+    (props: any): import("react").JSX.Element;
+    propTypes: {
+        onChange: import("prop-types").Requireable<(...args: any[]) => any>;
+        mark: import("prop-types").Requireable<object>;
+    };
+};
+export default Component;

package/dist/tools/sine/component.js

@@ -0,0 +1,22 @@
+import { rootEdgeComponent as e, withRootEdge as t } from "../shared/line/with-root-edge.js";
+import n from "debug";
+import { FREQ_DIVIDER as r, buildDataPoints as i, getAmplitudeAndFreq as a, sinY as o } from "@pie-lib/graphing-utils";
+//#region src/tools/sine/component.tsx
+var s = n("pie-lib:graphing:sine"), c = e(t((e) => {
+	let { root: t, edge: n, graphProps: c } = e, { domain: l, range: u } = c, { amplitude: d, freq: f } = a(t, n), p = f / r;
+	s("[getPoints] amplitude:", d, "freq:", f);
+	let m = n && n.x === t.x ? [] : i({
+		...l,
+		step: p
+	}, u, t, n, o(d, f, {
+		phase: t.x,
+		vertical: t.y
+	}));
+	return {
+		root: e.root,
+		edge: e.edge,
+		dataPoints: m
+	};
+}));
+//#endregion
+export { c as default };

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

@@ -0,0 +1,20 @@
+/**
+ * @synced-from pie-lib/packages/graphing/src/tools/sine/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: string;
+    Component: {
+        (props: any): import("react").JSX.Element;
+        propTypes: {
+            onChange: import("prop-types").Requireable<(...args: any[]) => any>;
+            mark: import("prop-types").Requireable<object>;
+        };
+    };
+    complete: (data: any, mark: any) => any;
+    addPoint: (point: any, mark: any) => any;
+};

package/dist/tools/sine/index.js

@@ -0,0 +1,32 @@
+import { equalPoints as e, sameAxes as t } from "../../utils.js";
+import n from "./component.js";
+import r from "debug";
+//#region src/tools/sine/index.ts
+var i = r("pie-lib:graphing:sine"), a = () => ({
+	type: "sine",
+	Component: n,
+	complete: (e, t) => ({
+		...t,
+		building: !1,
+		closed: !0
+	}),
+	addPoint: (n, r) => {
+		if (i("add point to sine model: ", n, "mark: ", r), r && (e(r.root, n) || t(r.root, n))) return r;
+		if (!r) return {
+			type: "sine",
+			root: n,
+			edge: void 0,
+			closed: !1,
+			building: !0
+		};
+		if (r && !r.root) throw Error("no root - should never happen");
+		return {
+			...r,
+			edge: n,
+			closed: !0,
+			building: !1
+		};
+	}
+});
+//#endregion
+export { a as tool };

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

@@ -0,0 +1,100 @@
+/**
+ * @synced-from pie-lib/packages/graphing/src/tools/vector/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>;
+        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>;
+        }>>;
+    };
+};
+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/vector/component.js

@@ -0,0 +1,44 @@
+import { getDistanceBetweenTwoPoints as e } from "../../utils.js";
+import { Arrow as t } from "../shared/point/index.js";
+import { lineBase as n, lineToolComponent as r, styles as i } from "../shared/line/index.js";
+import "react";
+import a from "prop-types";
+import { types as o } from "@pie-lib/plot";
+import { styled as s } from "@mui/material/styles";
+import { jsx as c } from "react/jsx-runtime";
+//#region src/tools/vector/component.tsx
+var l = s("line")(({ theme: e, disabled: t, correctness: n }) => ({
+	...i.line(e),
+	...t && i.disabledSecondary(e),
+	...n && i[n] && i[n](e, "stroke")
+})), u = (t) => {
+	let { className: n, disabled: r, correctness: i, graphProps: { scale: a }, from: o, to: s, ...u } = t, d = {
+		x: a.x(o.x),
+		y: a.y(o.y)
+	}, f = {
+		x: a.x(s.x),
+		y: a.y(s.y)
+	}, p = e(d, f);
+	return /* @__PURE__ */ c(l, {
+		className: n,
+		disabled: r,
+		correctness: i,
+		x1: d.x,
+		y1: d.y,
+		x2: f.x,
+		y2: f.y,
+		strokeDasharray: p - 7,
+		...u
+	});
+};
+u.propTypes = {
+	className: a.string,
+	disabled: a.bool,
+	correctness: a.string,
+	graphProps: a.any,
+	from: o.PointType,
+	to: o.PointType
+};
+var d = r(n(u, { to: t }));
+//#endregion
+export { d as default };

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

@@ -0,0 +1,13 @@
+/**
+ * @synced-from pie-lib/packages/graphing/src/tools/vector/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/vector/index.js

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

package/dist/undo-redo.d.ts

@@ -0,0 +1,22 @@
+/**
+ * @synced-from pie-lib/packages/graphing/src/undo-redo.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 UndoRedo extends React.Component {
+    static propTypes: {
+        className: PropTypes.Requireable<string>;
+        onUndo: PropTypes.Validator<(...args: any[]) => any>;
+        onRedo: PropTypes.Validator<(...args: any[]) => any>;
+        onReset: PropTypes.Validator<(...args: any[]) => any>;
+        language: PropTypes.Requireable<string>;
+    };
+    static defaultProps: {};
+    render(): React.JSX.Element;
+}
+export default UndoRedo;