@pie-lib/graphing 4.1.0-beta.7 → 5.0.0-next.36

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

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

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

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

package/dist/node_modules/.bun/redux-undo@1.1.0/node_modules/redux-undo/dist/redux-undo.js

@@ -0,0 +1,185 @@
+//#region ../../../node_modules/.bun/redux-undo@1.1.0/node_modules/redux-undo/dist/redux-undo.mjs
+var e = {
+	UNDO: "@@redux-undo/UNDO",
+	REDO: "@@redux-undo/REDO",
+	JUMP_TO_FUTURE: "@@redux-undo/JUMP_TO_FUTURE",
+	JUMP_TO_PAST: "@@redux-undo/JUMP_TO_PAST",
+	JUMP: "@@redux-undo/JUMP",
+	CLEAR_HISTORY: "@@redux-undo/CLEAR_HISTORY"
+}, t = {
+	undo() {
+		return { type: e.UNDO };
+	},
+	redo() {
+		return { type: e.REDO };
+	},
+	jumpToFuture(t) {
+		return {
+			type: e.JUMP_TO_FUTURE,
+			index: t
+		};
+	},
+	jumpToPast(t) {
+		return {
+			type: e.JUMP_TO_PAST,
+			index: t
+		};
+	},
+	jump(t) {
+		return {
+			type: e.JUMP,
+			index: t
+		};
+	},
+	clearHistory() {
+		return { type: e.CLEAR_HISTORY };
+	}
+};
+function n(e, t = []) {
+	return Array.isArray(e) ? e : typeof e == "string" ? [e] : t;
+}
+function r(e) {
+	return typeof e.present < "u" && typeof e.future < "u" && typeof e.past < "u" && Array.isArray(e.future) && Array.isArray(e.past);
+}
+function i(e, t, n, r = null) {
+	return {
+		past: e,
+		present: t,
+		future: n,
+		group: r,
+		_latestUnfiltered: t,
+		index: e.length,
+		limit: e.length + n.length + 1
+	};
+}
+var a, o, s = {
+	prevState: "#9E9E9E",
+	action: "#03A9F4",
+	nextState: "#4CAF50"
+};
+function c() {
+	o = {
+		header: [],
+		prev: [],
+		action: [],
+		next: [],
+		msgs: []
+	};
+}
+function l() {
+	let { header: e, prev: t, next: n, action: r, msgs: i } = o;
+	console.group ? (console.groupCollapsed(...e), console.log(...t), console.log(...r), console.log(...n), console.log(...i), console.groupEnd()) : (console.log(...e), console.log(...t), console.log(...r), console.log(...n), console.log(...i));
+}
+function u(e, t, n) {
+	return [
+		`%c${e}`,
+		`color: ${t}; font-weight: bold`,
+		n
+	];
+}
+function d(e, t) {
+	c(), a && (console.group ? (o.header = [
+		"%credux-undo",
+		"font-style: italic",
+		"action",
+		e.type
+	], o.action = u("action", s.action, e), o.prev = u("prev history", s.prevState, t)) : (o.header = ["redux-undo action", e.type], o.action = ["action", e], o.prev = ["prev history", t]));
+}
+function f(e) {
+	a && (console.group ? o.next = u("next history", s.nextState, e) : o.next = ["next history", e], l());
+}
+function p(...e) {
+	a && (o.msgs = o.msgs.concat([...e, "\n"]));
+}
+function m(e) {
+	a = e;
+}
+function h(e, t) {
+	let n = i([], e, []);
+	return t && (n._latestUnfiltered = null), n;
+}
+function g(e, t, n, r) {
+	let a = e.past.length + 1;
+	p("inserting", t), p("new free: ", n - a);
+	let { past: o, _latestUnfiltered: s } = e, c = n && n <= a, l = o.slice(+!!c);
+	return i(s == null ? l : [...l, s], t, [], r);
+}
+function _(e, t) {
+	if (t < 0 || t >= e.future.length) return e;
+	let { past: n, future: r, _latestUnfiltered: a } = e, o = [
+		...n,
+		a,
+		...r.slice(0, t)
+	], s = r[t];
+	return i(o, s, r.slice(t + 1));
+}
+function v(e, t) {
+	if (t < 0 || t >= e.past.length) return e;
+	let { past: n, future: r, _latestUnfiltered: a } = e, o = n.slice(0, t), s = [
+		...n.slice(t + 1),
+		a,
+		...r
+	], c = n[t];
+	return i(o, c, s);
+}
+function y(e, t) {
+	return t > 0 ? _(e, t - 1) : t < 0 ? v(e, e.past.length + t) : e;
+}
+function b(e, t) {
+	return t.indexOf(e) > -1 ? e : !e;
+}
+function x(t, a = {}) {
+	m(a.debug);
+	let o = {
+		limit: void 0,
+		filter: () => !0,
+		groupBy: () => null,
+		undoType: e.UNDO,
+		redoType: e.REDO,
+		jumpToPastType: e.JUMP_TO_PAST,
+		jumpToFutureType: e.JUMP_TO_FUTURE,
+		jumpType: e.JUMP,
+		neverSkipReducer: !1,
+		ignoreInitialState: !1,
+		syncFilter: !1,
+		...a,
+		initTypes: n(a.initTypes, ["@@redux-undo/INIT"]),
+		clearHistoryType: n(a.clearHistoryType, [e.CLEAR_HISTORY])
+	}, s = o.neverSkipReducer ? (e, n, ...r) => ({
+		...e,
+		present: t(e.present, n, ...r)
+	}) : (e) => e, c;
+	return (e = c, n = {}, ...a) => {
+		d(n, e);
+		let l = e;
+		if (!c) {
+			if (p("history is uninitialized"), e === void 0) return l = h(t(e, { type: "@@redux-undo/CREATE_HISTORY" }, ...a), o.ignoreInitialState), p("do not set initialState on probe actions"), f(l), l;
+			r(e) ? (l = c = o.ignoreInitialState ? e : i(e.past, e.present, e.future), p("initialHistory initialized: initialState is a history", c)) : (l = c = h(e, o.ignoreInitialState), p("initialHistory initialized: initialState is not a history", c));
+		}
+		let u;
+		switch (n.type) {
+			case void 0: return l;
+			case o.undoType: return u = y(l, -1), p("perform undo"), f(u), s(u, n, ...a);
+			case o.redoType: return u = y(l, 1), p("perform redo"), f(u), s(u, n, ...a);
+			case o.jumpToPastType: return u = v(l, n.index), p(`perform jumpToPast to ${n.index}`), f(u), s(u, n, ...a);
+			case o.jumpToFutureType: return u = _(l, n.index), p(`perform jumpToFuture to ${n.index}`), f(u), s(u, n, ...a);
+			case o.jumpType: return u = y(l, n.index), p(`perform jump to ${n.index}`), f(u), s(u, n, ...a);
+			case b(n.type, o.clearHistoryType): return u = h(l.present, o.ignoreInitialState), p("perform clearHistory"), f(u), s(u, n, ...a);
+			default:
+				if (u = t(l.present, n, ...a), o.initTypes.some((e) => e === n.type)) return p("reset history due to init action"), f(c), c;
+				if (l._latestUnfiltered === u) return l;
+				if (typeof o.filter == "function" && !o.filter(n, u, l)) {
+					let e = i(l.past, u, l.future, l.group);
+					return o.syncFilter || (e._latestUnfiltered = l._latestUnfiltered), p("filter ignored action, not storing it in past"), f(e), e;
+				}
+				let e = o.groupBy(n, u, l);
+				if (e != null && e === l.group) {
+					let e = i(l.past, u, l.future, l.group);
+					return p("groupBy grouped the action with the previous action"), f(e), e;
+				}
+				return l = g(l, u, o.limit, e), p("inserted new state into history"), f(l), l;
+		}
+	};
+}
+//#endregion
+export { t as ActionCreators, e as ActionTypes, x as default, r as isHistory, i as newHistory, n as parseActions };

package/dist/node_modules/.bun/redux@5.0.1/node_modules/redux/dist/redux.js

@@ -0,0 +1,198 @@
+//#region ../../../node_modules/.bun/redux@5.0.1/node_modules/redux/dist/redux.mjs
+function e(e) {
+	return `Minified Redux error #${e}; visit https://redux.js.org/Errors?code=${e} for the full message or use the non-minified dev environment for full errors. `;
+}
+var t = typeof Symbol == "function" && Symbol.observable || "@@observable", n = () => Math.random().toString(36).substring(7).split("").join("."), r = {
+	INIT: `@@redux/INIT${/* @__PURE__ */ n()}`,
+	REPLACE: `@@redux/REPLACE${/* @__PURE__ */ n()}`,
+	PROBE_UNKNOWN_ACTION: () => `@@redux/PROBE_UNKNOWN_ACTION${n()}`
+};
+function i(e) {
+	if (typeof e != "object" || !e) return !1;
+	let t = e;
+	for (; Object.getPrototypeOf(t) !== null;) t = Object.getPrototypeOf(t);
+	return Object.getPrototypeOf(e) === t || Object.getPrototypeOf(e) === null;
+}
+function a(e) {
+	if (e === void 0) return "undefined";
+	if (e === null) return "null";
+	let t = typeof e;
+	switch (t) {
+		case "boolean":
+		case "string":
+		case "number":
+		case "symbol":
+		case "function": return t;
+	}
+	if (Array.isArray(e)) return "array";
+	if (c(e)) return "date";
+	if (s(e)) return "error";
+	let n = o(e);
+	switch (n) {
+		case "Symbol":
+		case "Promise":
+		case "WeakMap":
+		case "WeakSet":
+		case "Map":
+		case "Set": return n;
+	}
+	return Object.prototype.toString.call(e).slice(8, -1).toLowerCase().replace(/\s/g, "");
+}
+function o(e) {
+	return typeof e.constructor == "function" ? e.constructor.name : null;
+}
+function s(e) {
+	return e instanceof Error || typeof e.message == "string" && e.constructor && typeof e.constructor.stackTraceLimit == "number";
+}
+function c(e) {
+	return e instanceof Date || typeof e.toDateString == "function" && typeof e.getDate == "function" && typeof e.setDate == "function";
+}
+function l(e) {
+	let t = typeof e;
+	return process.env.NODE_ENV !== "production" && (t = a(e)), t;
+}
+function u(n, a, o) {
+	if (typeof n != "function") throw Error(process.env.NODE_ENV === "production" ? e(2) : `Expected the root reducer to be a function. Instead, received: '${l(n)}'`);
+	if (typeof a == "function" && typeof o == "function" || typeof o == "function" && typeof arguments[3] == "function") throw Error(process.env.NODE_ENV === "production" ? e(0) : "It looks like you are passing several store enhancers to createStore(). This is not supported. Instead, compose them together to a single function. See https://redux.js.org/tutorials/fundamentals/part-4-store#creating-a-store-with-enhancers for an example.");
+	if (typeof a == "function" && o === void 0 && (o = a, a = void 0), o !== void 0) {
+		if (typeof o != "function") throw Error(process.env.NODE_ENV === "production" ? e(1) : `Expected the enhancer to be a function. Instead, received: '${l(o)}'`);
+		return o(u)(n, a);
+	}
+	let s = n, c = a, d = /* @__PURE__ */ new Map(), f = d, p = 0, m = !1;
+	function h() {
+		f === d && (f = /* @__PURE__ */ new Map(), d.forEach((e, t) => {
+			f.set(t, e);
+		}));
+	}
+	function g() {
+		if (m) throw Error(process.env.NODE_ENV === "production" ? e(3) : "You may not call store.getState() while the reducer is executing. The reducer has already received the state as an argument. Pass it down from the top reducer instead of reading it from the store.");
+		return c;
+	}
+	function _(t) {
+		if (typeof t != "function") throw Error(process.env.NODE_ENV === "production" ? e(4) : `Expected the listener to be a function. Instead, received: '${l(t)}'`);
+		if (m) throw Error(process.env.NODE_ENV === "production" ? e(5) : "You may not call store.subscribe() while the reducer is executing. If you would like to be notified after the store has been updated, subscribe from a component and invoke store.getState() in the callback to access the latest state. See https://redux.js.org/api/store#subscribelistener for more details.");
+		let n = !0;
+		h();
+		let r = p++;
+		return f.set(r, t), function() {
+			if (n) {
+				if (m) throw Error(process.env.NODE_ENV === "production" ? e(6) : "You may not unsubscribe from a store listener while the reducer is executing. See https://redux.js.org/api/store#subscribelistener for more details.");
+				n = !1, h(), f.delete(r), d = null;
+			}
+		};
+	}
+	function v(t) {
+		if (!i(t)) throw Error(process.env.NODE_ENV === "production" ? e(7) : `Actions must be plain objects. Instead, the actual type was: '${l(t)}'. You may need to add middleware to your store setup to handle dispatching other values, such as 'redux-thunk' to handle dispatching functions. See https://redux.js.org/tutorials/fundamentals/part-4-store#middleware and https://redux.js.org/tutorials/fundamentals/part-6-async-logic#using-the-redux-thunk-middleware for examples.`);
+		if (t.type === void 0) throw Error(process.env.NODE_ENV === "production" ? e(8) : "Actions may not have an undefined \"type\" property. You may have misspelled an action type string constant.");
+		if (typeof t.type != "string") throw Error(process.env.NODE_ENV === "production" ? e(17) : `Action "type" property must be a string. Instead, the actual type was: '${l(t.type)}'. Value was: '${t.type}' (stringified)`);
+		if (m) throw Error(process.env.NODE_ENV === "production" ? e(9) : "Reducers may not dispatch actions.");
+		try {
+			m = !0, c = s(c, t);
+		} finally {
+			m = !1;
+		}
+		return (d = f).forEach((e) => {
+			e();
+		}), t;
+	}
+	function y(t) {
+		if (typeof t != "function") throw Error(process.env.NODE_ENV === "production" ? e(10) : `Expected the nextReducer to be a function. Instead, received: '${l(t)}`);
+		s = t, v({ type: r.REPLACE });
+	}
+	function b() {
+		let n = _;
+		return {
+			subscribe(t) {
+				if (typeof t != "object" || !t) throw Error(process.env.NODE_ENV === "production" ? e(11) : `Expected the observer to be an object. Instead, received: '${l(t)}'`);
+				function r() {
+					let e = t;
+					e.next && e.next(g());
+				}
+				return r(), { unsubscribe: n(r) };
+			},
+			[t]() {
+				return this;
+			}
+		};
+	}
+	return v({ type: r.INIT }), {
+		dispatch: v,
+		subscribe: _,
+		getState: g,
+		replaceReducer: y,
+		[t]: b
+	};
+}
+function d(e) {
+	typeof console < "u" && typeof console.error == "function" && console.error(e);
+	try {
+		throw Error(e);
+	} catch {}
+}
+function f(e, t, n, a) {
+	let o = Object.keys(t), s = n && n.type === r.INIT ? "preloadedState argument passed to createStore" : "previous state received by the reducer";
+	if (o.length === 0) return "Store does not have a valid reducer. Make sure the argument passed to combineReducers is an object whose values are reducers.";
+	if (!i(e)) return `The ${s} has unexpected type of "${l(e)}". Expected argument to be an object with the following keys: "${o.join("\", \"")}"`;
+	let c = Object.keys(e).filter((e) => !t.hasOwnProperty(e) && !a[e]);
+	if (c.forEach((e) => {
+		a[e] = !0;
+	}), !(n && n.type === r.REPLACE) && c.length > 0) return `Unexpected ${c.length > 1 ? "keys" : "key"} "${c.join("\", \"")}" found in ${s}. Expected to find one of the known reducer keys instead: "${o.join("\", \"")}". Unexpected keys will be ignored.`;
+}
+function p(t) {
+	Object.keys(t).forEach((n) => {
+		let i = t[n];
+		if (i(void 0, { type: r.INIT }) === void 0) throw Error(process.env.NODE_ENV === "production" ? e(12) : `The slice reducer for key "${n}" returned undefined during initialization. If the state passed to the reducer is undefined, you must explicitly return the initial state. The initial state may not be undefined. If you don't want to set a value for this reducer, you can use null instead of undefined.`);
+		if (i(void 0, { type: r.PROBE_UNKNOWN_ACTION() }) === void 0) throw Error(process.env.NODE_ENV === "production" ? e(13) : `The slice reducer for key "${n}" returned undefined when probed with a random type. Don't try to handle '${r.INIT}' or other actions in "redux/*" namespace. They are considered private. Instead, you must return the current state for any unknown actions, unless it is undefined, in which case you must return the initial state, regardless of the action type. The initial state may not be undefined, but can be null.`);
+	});
+}
+function m(t) {
+	let n = Object.keys(t), r = {};
+	for (let e = 0; e < n.length; e++) {
+		let i = n[e];
+		process.env.NODE_ENV !== "production" && t[i] === void 0 && d(`No reducer provided for key "${i}"`), typeof t[i] == "function" && (r[i] = t[i]);
+	}
+	let i = Object.keys(r), a;
+	process.env.NODE_ENV !== "production" && (a = {});
+	let o;
+	try {
+		p(r);
+	} catch (e) {
+		o = e;
+	}
+	return function(t = {}, n) {
+		if (o) throw o;
+		if (process.env.NODE_ENV !== "production") {
+			let e = f(t, r, n, a);
+			e && d(e);
+		}
+		let s = !1, c = {};
+		for (let a = 0; a < i.length; a++) {
+			let o = i[a], l = r[o], u = t[o], d = l(u, n);
+			if (d === void 0) {
+				let t = n && n.type;
+				throw Error(process.env.NODE_ENV === "production" ? e(14) : `When called with an action of type ${t ? `"${String(t)}"` : "(unknown type)"}, the slice reducer for key "${o}" returned undefined. To ignore an action, you must explicitly return the previous state. If you want this reducer to hold no value, you can return null instead of undefined.`);
+			}
+			c[o] = d, s ||= d !== u;
+		}
+		return s ||= i.length !== Object.keys(t).length, s ? c : t;
+	};
+}
+function h(...e) {
+	return e.length === 0 ? (e) => e : e.length === 1 ? e[0] : e.reduce((e, t) => (...n) => e(t(...n)));
+}
+function g(...t) {
+	return (n) => (r, i) => {
+		let a = n(r, i), o = () => {
+			throw Error(process.env.NODE_ENV === "production" ? e(15) : "Dispatching while constructing your middleware is not allowed. Other middleware would not be applied to this dispatch.");
+		}, s = {
+			getState: a.getState,
+			dispatch: (e, ...t) => o(e, ...t)
+		};
+		return o = h(...t.map((e) => e(s)))(a.dispatch), {
+			...a,
+			dispatch: o
+		};
+	};
+}
+//#endregion
+export { r as __DO_NOT_USE__ActionTypes, g as applyMiddleware, m as combineReducers, h as compose, u as createStore, i as isPlainObject };

package/dist/toggle-bar.d.ts

@@ -0,0 +1,40 @@
+/**
+ * @synced-from pie-lib/packages/graphing/src/toggle-bar.jsx
+ * @auto-generated
+ *
+ * This file is automatically synced from pie-elements and converted to TypeScript.
+ * Manual edits will be overwritten on next sync.
+ * To make changes, edit the upstream JavaScript file and run sync again.
+ */
+import React from 'react';
+import PropTypes from 'prop-types';
+export declare const MiniButton: {
+    (props: any): React.JSX.Element;
+    propTypes: {
+        disabled: PropTypes.Requireable<boolean>;
+        className: PropTypes.Requireable<string>;
+        disabledClassName: PropTypes.Requireable<string>;
+        selected: PropTypes.Requireable<boolean>;
+        value: PropTypes.Requireable<string>;
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+        language: PropTypes.Requireable<string>;
+    };
+};
+export declare class ToggleBar extends React.Component {
+    static propTypes: {
+        className: PropTypes.Requireable<string>;
+        options: PropTypes.Requireable<(string | null | undefined)[]>;
+        selectedToolType: PropTypes.Requireable<string>;
+        disabled: PropTypes.Requireable<boolean>;
+        draggableTools: PropTypes.Requireable<boolean>;
+        onChange: PropTypes.Requireable<(...args: any[]) => any>;
+        onChangeToolsOrder: PropTypes.Requireable<(...args: any[]) => any>;
+        language: PropTypes.Requireable<string>;
+    };
+    static defaultProps: {};
+    select: (e: any) => any;
+    moveTool: any;
+    handleDragEnd: any;
+    render(): React.JSX.Element;
+}
+export default ToggleBar;

package/dist/toggle-bar.js

@@ -0,0 +1,155 @@
+import { allTools as e } from "./tools/index.js";
+import t from "react";
+import n from "prop-types";
+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";
+import { useDraggable as c, useDroppable as l } from "@dnd-kit/core";
+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 = i(o, { shouldForwardProp: (e) => !["selected"].includes(e) })(({ selected: e, disabled: t }) => ({
+	color: a.text(),
+	backgroundColor: a.background(),
+	border: `1px solid ${a.buttonBorder()}`,
+	"&:hover": { backgroundColor: a.buttonHoverBg() },
+	...e && { border: `1px solid ${a.secondary()}` },
+	...!e && { "& span": { color: a.primary() } },
+	...t && {
+		"& span": { color: a.primary() },
+		backgroundColor: a.disabled()
+	}
+})), h = (e) => {
+	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: i,
+		value: a,
+		variant: "outlined",
+		onClick: (e) => o({
+			...e,
+			buttonValue: a
+		}),
+		children: p.t(`graphing.${c}`, { lng: s })
+	}, a);
+};
+h.propTypes = {
+	disabled: n.bool,
+	className: n.string,
+	disabledClassName: n.string,
+	selected: n.bool,
+	value: n.string,
+	onClick: n.func,
+	language: n.string
+};
+var g = i("div")(() => ({
+	display: "flex",
+	flexWrap: "wrap"
+})), _ = i(h)(({ theme: e }) => ({
+	marginRight: e.spacing(.5),
+	marginBottom: e.spacing(.5),
+	color: a.text()
+})), v = i("div")({ position: "relative" }), y = class extends t.Component {
+	static propTypes = {
+		className: n.string,
+		options: n.arrayOf(n.string),
+		selectedToolType: n.string,
+		disabled: n.bool,
+		draggableTools: n.bool,
+		onChange: n.func,
+		onChangeToolsOrder: n.func,
+		language: n.string
+	};
+	static defaultProps = {};
+	select = (e) => this.props.onChange(e.buttonValue || e.target.textContent);
+	moveTool = (e, t) => {
+		let { options: n, onChangeToolsOrder: r } = this.props;
+		r(d(n, e, t));
+	};
+	handleDragEnd = (e) => {
+		let { active: t, over: n } = e;
+		if (!n || !t) return;
+		let r = t.data.current, i = n.data.current;
+		if (r?.type === "tool" && i?.type === "tool") {
+			let e = r.index, t = i.index;
+			e !== t && this.moveTool(e, t);
+		}
+	};
+	render() {
+		let { className: n, disabled: i, options: a, selectedToolType: o, draggableTools: c, language: l } = this.props;
+		return /* @__PURE__ */ r(s, {
+			onDragEnd: this.handleDragEnd,
+			children: /* @__PURE__ */ r(g, {
+				className: n,
+				children: (a || []).map((n, a) => {
+					if ((e || []).includes(n)) {
+						let e = n === o, s = t.createRef();
+						return /* @__PURE__ */ r(b, {
+							index: a,
+							value: n,
+							draggable: c,
+							moveTool: this.moveTool,
+							toolRef: s,
+							children: /* @__PURE__ */ r(_, {
+								disabled: i,
+								disableRipple: !0,
+								onClick: this.select,
+								value: n,
+								selected: e,
+								language: l
+							})
+						}, n);
+					}
+				})
+			})
+		});
+	}
+};
+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,
+		data: {
+			type: "tool",
+			index: t,
+			value: a
+		}
+	}), { setNodeRef: h } = l({
+		id: `drop-tool-${a}-${t}`,
+		data: {
+			type: "tool",
+			index: t,
+			accepts: ["tool"]
+		}
+	});
+	return /* @__PURE__ */ r(v, {
+		ref: (e) => {
+			d(e), h(e), i?.current && (i.current = e);
+		},
+		style: {
+			transform: u.Transform.toString(f),
+			transition: p,
+			opacity: m ? .5 : 1
+		},
+		children: /* @__PURE__ */ r("div", {
+			...o,
+			...s,
+			children: e
+		})
+	});
+}
+b.propTypes = {
+	children: n.node,
+	index: n.number,
+	draggable: n.bool,
+	moveTool: n.func,
+	toolRef: n.object,
+	value: n.string
+};
+//#endregion
+export { h as MiniButton, y as ToggleBar, y as default };