@pie-lib/math-input 8.1.1-next.3 → 8.1.1-next.5

package/dist/horizontal-keypad.d.ts

@@ -19,7 +19,6 @@ export default class HorizontalKeypad extends React.Component {
         noDecimal: PropTypes.Requireable<boolean>;
         additionalKeys: PropTypes.Requireable<any[]>;
         setKeypadInteraction: PropTypes.Requireable<(...args: any[]) => any>;
-        onRequestClose: PropTypes.Requireable<(...args: any[]) => any>;
     };
     static defaultProps: {
         mode: string;

package/dist/horizontal-keypad.js

@@ -1,6 +1,6 @@
 import { extendKeySet as e } from "./keys/utils.js";
 import { keysForGrade as t, normalizeAdditionalKeys as n } from "./keys/grades.js";
-import r from "./keypad/accessible-keypad.js";
+import { KeyPad as r } from "./keypad/index.js";
 import i from "react";
 import a from "prop-types";
 import { jsx as o } from "react/jsx-runtime";
@@ -25,8 +25,7 @@ var s = (e) => {
 		onFocus: a.func,
 		noDecimal: a.bool,
 		additionalKeys: a.array,
-		setKeypadInteraction: a.func,
-		onRequestClose: a.func
+		setKeypadInteraction: a.func
 	};
 	static defaultProps = {
 		mode: "scientific",
@@ -38,18 +37,17 @@ var s = (e) => {
 		t(s(e));
 	};
 	render() {
-		let { mode: i, onFocus: a, controlledKeypadMode: s, noDecimal: c, className: l, additionalKeys: u, layoutForKeyPad: d, setKeypadInteraction: f, onRequestClose: p } = this.props, m = n(u);
+		let { mode: i, onFocus: a, controlledKeypadMode: s, noDecimal: c, className: l, additionalKeys: u, layoutForKeyPad: d, setKeypadInteraction: f } = this.props, p = n(u);
 		return /* @__PURE__ */ o(r, {
 			className: l,
 			controlledKeypadMode: s,
 			onFocus: a,
 			noDecimal: c,
 			layoutForKeyPad: d,
-			additionalKeys: e(t(i), m),
+			additionalKeys: e(t(i), p),
 			onPress: this.keypadPress,
 			mode: i,
-			setKeypadInteraction: f,
-			onRequestClose: p
+			setKeypadInteraction: f
 		});
 	}
 };

package/dist/index.d.ts

@@ -6,13 +6,12 @@
  * Manual edits will be overwritten on next sync.
  * To make changes, edit the upstream JavaScript file and run sync again.
  */
-import { keysForGrade } from './keys/grades';
-import { updateSpans } from './updateSpans';
-import * as keys from './keys';
-import HorizontalKeypad from './horizontal-keypad';
-import * as mq from './mq';
+import { keysForGrade } from './keys/grades.js';
+import { updateSpans } from './updateSpans.js';
+import * as keys from './keys/index.js';
+import HorizontalKeypad from './horizontal-keypad.js';
+import * as mq from './mq/index.js';
+import { registerEmbed, applyStaticMath } from './mq/mathquill-instance.js';
 declare const addBrackets: (s: any) => any;
 declare const removeBrackets: (s: any) => any;
-declare const registerEmbed: (name: any, factory: any) => void;
-declare const applyStaticMath: (element: any, latex?: string) => any;
 export { keysForGrade, addBrackets, removeBrackets, keys, HorizontalKeypad, mq, updateSpans, registerEmbed, applyStaticMath, };

package/dist/index.js

@@ -1,19 +1,10 @@
 import { keysForGrade as e } from "./keys/grades.js";
 import { updateSpans as t } from "./updateSpans.js";
 import { keys_exports as n } from "./keys/index.js";
-import r from "./horizontal-keypad.js";
-import { mq_exports as i } from "./mq/index.js";
-import a from "@pie-framework/mathquill";
+import { applyStaticMath as r, registerEmbed as i } from "./mq/mathquill-instance.js";
+import { mq_exports as a } from "./mq/index.js";
+import o from "./horizontal-keypad.js";
 //#region src/index.tsx
-var o = (e) => e.indexOf("\\(") === 0 ? e : `\\(${e}`, s = (e) => e.indexOf("\\)") === e.length - 2 ? e : `${e}\\)`, c = (e) => e.indexOf("\\(") === 0 ? e.substring(2) : e, l = (e) => e.indexOf("\\)") === e.length - 2 ? e.substring(0, e.length - 2) : e, u = (e) => s(o(e)), d = (e) => l(c(e)), f = () => typeof window > "u" ? null : a.getInterface(2), p = (e, t) => {
-	let n = f();
-	n?.registerEmbed && n.registerEmbed(e, t);
-}, m = (e, n = "") => {
-	let r = f();
-	if (!r?.StaticMath || !e) return null;
-	e.textContent = "";
-	let i = r.StaticMath(e);
-	return typeof i?.latex == "function" && i.latex(n), t(e), i;
-};
+var s = (e) => e.indexOf("\\(") === 0 ? e : `\\(${e}`, c = (e) => e.indexOf("\\)") === e.length - 2 ? e : `${e}\\)`, l = (e) => e.indexOf("\\(") === 0 ? e.substring(2) : e, u = (e) => e.indexOf("\\)") === e.length - 2 ? e.substring(0, e.length - 2) : e, d = (e) => c(s(e)), f = (e) => u(l(e));
 //#endregion
-export { r as HorizontalKeypad, u as addBrackets, m as applyStaticMath, n as keys, e as keysForGrade, i as mq, p as registerEmbed, d as removeBrackets, t as updateSpans };
+export { o as HorizontalKeypad, d as addBrackets, r as applyStaticMath, n as keys, e as keysForGrade, a as mq, i as registerEmbed, f as removeBrackets, t as updateSpans };

package/dist/keypad/index.d.ts

@@ -1,2 +1,37 @@
-export { default as KeyPad } from './accessible-keypad';
-export { default } from './accessible-keypad';
+/**
+ * @synced-from pie-lib/packages/math-input/src/keypad/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';
+import PropTypes from 'prop-types';
+export declare class KeyPad extends React.Component {
+    static propTypes: {
+        className: PropTypes.Requireable<string>;
+        controlledKeypadMode: PropTypes.Requireable<boolean>;
+        baseSet: PropTypes.Requireable<any[]>;
+        additionalKeys: PropTypes.Requireable<any[]>;
+        layoutForKeyPad: PropTypes.Requireable<object>;
+        onPress: PropTypes.Validator<(...args: any[]) => any>;
+        onFocus: PropTypes.Requireable<(...args: any[]) => any>;
+        noDecimal: PropTypes.Requireable<boolean>;
+        setKeypadInteraction: PropTypes.Requireable<(...args: any[]) => any>;
+        mode: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+    };
+    static defaultProps: {
+        baseSet: any[][];
+        noDecimal: boolean;
+    };
+    constructor(props: any);
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    handleKeypadInteraction: any;
+    buttonClick: any;
+    flowKeys: any;
+    keyIsNotAllowed: any;
+    render(): React.JSX.Element;
+}
+export default KeyPad;

package/dist/keypad/index.js

@@ -0,0 +1,277 @@
+import { baseSet as e } from "../keys/index.js";
+import t from "../mq/static.js";
+import { commonMqKeyboardStyles as n } from "../mq/common-mq-styles.js";
+import { sortKeys as r } from "./keys-layout.js";
+import { flatten as i } from "@pie-element/shared-lodash";
+import a from "react";
+import o from "prop-types";
+import s from "@mui/material/Button";
+import c from "@mui/material/IconButton";
+import { styled as l } from "@mui/material/styles";
+import u from "debug";
+import { color as d } from "@pie-lib/render-ui";
+import { jsx as f } from "react/jsx-runtime";
+//#region src/keypad/index.tsx
+var p = u("pie-lib:math-inline:keypad"), m = l(t)(({ latex: e }) => {
+	let t = {
+		pointerEvents: "none",
+		textTransform: "none !important",
+		color: d.text(),
+		"& .mq-scaled.mq-sqrt-prefix": { transform: "scale(1, 0.9) !important" },
+		"& .mq-sup-only .mq-sup": { marginBottom: "0.9px !important" },
+		"& .mq-empty": { backgroundColor: `${d.keypadEmptyPlaceholder()} !important` },
+		"& .mq-overline .mq-overline-inner": { borderTop: "2px solid black" },
+		"& .mq-non-leaf.mq-overline": { borderTop: "none !important" },
+		"& .mq-overarrow": {
+			width: "30px",
+			marginTop: "0 !important",
+			borderTop: "2px solid black",
+			fontFamily: "Roboto, Helvetica, Arial, sans-serif !important",
+			"&.mq-arrow-both": {
+				top: "0px !important",
+				"& *": {
+					lineHeight: "1 !important",
+					borderTop: "none !important"
+				},
+				"&:before": {
+					fontSize: "80%",
+					left: "calc(-13%) !important",
+					top: "-0.31em !important"
+				},
+				"&:after": {
+					fontSize: "80% !important",
+					right: "calc(-13%) !important",
+					top: "-1.5em"
+				},
+				"&.mq-empty:before": {
+					fontSize: "80%",
+					left: "calc(-13%)",
+					top: "-0.26em"
+				},
+				"&.mq-empty:after": {
+					fontSize: "80%",
+					right: "calc(-13%)",
+					top: "-0.26em"
+				},
+				"&.mq-empty": { minHeight: "1.4em" }
+			},
+			"&.mq-arrow-right:before": {
+				fontSize: "80%",
+				right: "calc(-13%) !important",
+				top: "-0.26em !important"
+			},
+			"& .mq-overarrow-inner": { border: "none !important" },
+			"& .mq-overarrow-inner .mq-overarrow-inner-right": { display: "none !important" }
+		},
+		"& .mq-root-block": { padding: "5px !important" },
+		"& .mq-overarrow.mq-arrow-both.mq-empty:after": {
+			right: "-6px",
+			fontSize: "80% !important",
+			top: "-3px"
+		},
+		"& .mq-overarrow.mq-arrow-right.mq-empty:before": {
+			right: "-5px",
+			fontSize: "80% !important",
+			top: "-3px"
+		},
+		"& .mq-overarrow.mq-arrow-both.mq-empty:before": {
+			left: "-6px",
+			fontSize: "80% !important",
+			top: "-3px"
+		},
+		"& .mq-longdiv-inner": {
+			borderTop: "1px solid !important",
+			paddingTop: "1.5px !important"
+		},
+		"& .mq-parallelogram": { lineHeight: .85 },
+		"& .mq-overarc": {
+			borderTop: "2px solid black !important",
+			"& .mq-overline": { borderTop: "none !important" },
+			"& .mq-overline-inner": {
+				borderTop: "none !important",
+				paddingTop: "0 !important"
+			}
+		}
+	};
+	return e === "\\parallel" ? {
+		...t,
+		fontStyle: "italic !important"
+	} : e === "\\overleftrightarrow{\\overline{}}" ? {
+		...t,
+		"& .mq-overarrow.mq-arrow-both": {
+			"& .mq-overline-inner": {
+				borderTop: "none !important",
+				paddingTop: "0 !important"
+			},
+			"&:after": {
+				position: "absolute !important",
+				top: "0px !important"
+			}
+		}
+	} : t;
+});
+m.propTypes = { latex: o.string.isRequired };
+var h = (e) => e ? {
+	gridTemplateColumns: `repeat(${e.columns}, minmax(min-content, 150px))`,
+	gridTemplateRows: `repeat(${e.rows}, minmax(40px, 60px))`,
+	gridAutoFlow: "initial"
+} : {}, g = l("div")(() => ({
+	...n,
+	width: "100%",
+	display: "grid",
+	gridTemplateRows: "repeat(5, minmax(40px, 60px))",
+	gridRowGap: "0px",
+	gridColumnGap: "0px",
+	gridAutoFlow: "column",
+	"&.character": {
+		textTransform: "initial !important",
+		gridTemplateRows: "repeat(5, minmax(40px, 50px)) !important"
+	},
+	"&.language": {
+		gridTemplateRows: "repeat(4, minmax(40px, 50px)) !important",
+		"& *": { fontFamily: "Roboto, Helvetica, Arial, sans-serif !important" }
+	}
+})), _ = l(s)(({ category: e, isDelete: t, isComma: n, isDot: r }) => ({
+	minWidth: "auto",
+	textTransform: "none",
+	fontSize: n || r ? "200% !important" : "140% !important",
+	lineHeight: n || r ? "100%" : "normal",
+	color: d.text(),
+	backgroundColor: e === "operators" ? d.keypadButtonOperator() : d.keypadButton(),
+	"&:hover": { backgroundColor: e === "operators" ? d.keypadButtonOperatorHover() : d.keypadButtonHover() },
+	borderRadius: 0,
+	...t && { fontFamily: "Roboto, Helvetica, Arial, sans-serif !important" }
+})), v = l(s)(({ category: e }) => ({
+	textTransform: "none",
+	padding: 0,
+	margin: 0,
+	fontSize: "110% !important",
+	minWidth: "auto",
+	borderRadius: 0,
+	backgroundColor: e === "operators" ? d.keypadButtonOperator() : d.keypadButton(),
+	"&:hover": { backgroundColor: e === "operators" ? d.keypadButtonOperatorHover() : d.keypadButtonHover() }
+})), y = l(c)(({ category: e }) => ({
+	minWidth: "auto",
+	backgroundColor: e === "operators" ? d.keypadButtonOperator() : d.keypadButton(),
+	"&:hover": { backgroundColor: e === "operators" ? d.keypadButtonOperatorHover() : d.keypadButtonHover() },
+	borderRadius: 0,
+	"& .icon": { height: "30px" }
+})), b = class extends a.Component {
+	static propTypes = {
+		className: o.string,
+		controlledKeypadMode: o.bool,
+		baseSet: o.array,
+		additionalKeys: o.array,
+		layoutForKeyPad: o.object,
+		onPress: o.func.isRequired,
+		onFocus: o.func,
+		noDecimal: o.bool,
+		setKeypadInteraction: o.func,
+		mode: o.oneOfType([o.string, o.number])
+	};
+	static defaultProps = {
+		baseSet: e,
+		noDecimal: !1
+	};
+	constructor(e) {
+		super(e), this.keypadRef = a.createRef();
+	}
+	componentDidMount() {
+		let e = this.keypadRef?.current, t = e?.closest(".main-container"), n = e?.closest(".pie-toolbar");
+		if (this.props.controlledKeypadMode && t && n) {
+			let e = t.getBoundingClientRect(), r = n.getBoundingClientRect(), i = e.top + e.height - (r.top + r.height);
+			if (i < 0) {
+				let n = e.height + e.top - i;
+				t && (t.style.height = `${n}px`);
+			}
+		}
+		e && (e.addEventListener("touchstart", this.handleKeypadInteraction, !0), e.addEventListener("mousedown", this.handleKeypadInteraction, !0));
+	}
+	componentWillUnmount() {
+		let e = this.keypadRef?.current;
+		if (this.props.controlledKeypadMode && e) {
+			let t = e.closest(".main-container");
+			t && (t.style.height = "unset");
+		}
+		e && (e.removeEventListener("touchstart", this.handleKeypadInteraction, !0), e.removeEventListener("mousedown", this.handleKeypadInteraction, !0));
+	}
+	handleKeypadInteraction = () => {
+		this.props.setKeypadInteraction && this.props.setKeypadInteraction(!0);
+	};
+	buttonClick = (e) => {
+		p("[buttonClick]", e);
+		let { onPress: t } = this.props;
+		t(e);
+	};
+	flowKeys = (e, t) => i([...r(e), ...r(t)]);
+	keyIsNotAllowed = (e) => {
+		let { noDecimal: t } = this.props;
+		return !!((e.write === "." && e.label === "." || e.write === "," && e.label === ",") && t);
+	};
+	render() {
+		let { className: e, baseSet: t, additionalKeys: n, layoutForKeyPad: r, onFocus: i, mode: a } = this.props, o = [
+			"non-negative-integers",
+			"integers",
+			"decimals",
+			"fractions",
+			"item-authoring",
+			"language"
+		].includes(a), s = o ? this.flowKeys([], n || []) : this.flowKeys(t, n || []), c = s.length % 5 ? 1 : 0, l = {
+			gridTemplateColumns: `repeat(${Math.floor(s.length / 5) + c}, minmax(min-content, 150px))`,
+			...h(r)
+		};
+		return /* @__PURE__ */ f(g, {
+			ref: this.keypadRef,
+			className: [e, a].filter(Boolean).join(" "),
+			style: l,
+			onFocus: i,
+			children: s.map((e, t) => {
+				let n = this.buttonClick.bind(this, e);
+				if (!e) return /* @__PURE__ */ f("span", {}, `empty-${t}`);
+				let r = {
+					onClick: n,
+					disabled: this.keyIsNotAllowed(e),
+					key: `${e.label || e.latex || e.command}-${t}`,
+					...e.actions || {},
+					...e.extraProps || {}
+				};
+				if (e.latex) return /* @__PURE__ */ f(v, {
+					onClick: r.onClick,
+					disabled: r.disabled,
+					category: o ? void 0 : e.category,
+					"aria-label": e.ariaLabel ? e.ariaLabel : e.name || e.label,
+					...e.actions || {},
+					...e.extraProps || {},
+					children: /* @__PURE__ */ f(m, { latex: e.latex })
+				}, r.key);
+				if (e.label) return /* @__PURE__ */ f(_, {
+					onClick: r.onClick,
+					disabled: r.disabled,
+					category: o ? void 0 : e.category,
+					isDelete: e.label === "⌫",
+					isComma: e.label === ",",
+					isDot: e.label === ".",
+					"aria-label": e.ariaLabel ? e.ariaLabel : e.name || e.label,
+					...e.actions || {},
+					...e.extraProps || {},
+					children: e.label
+				}, r.key);
+				{
+					let t = e.icon ? e.icon : "div";
+					return /* @__PURE__ */ f(y, {
+						tabIndex: "-1",
+						onClick: r.onClick,
+						disabled: r.disabled,
+						category: o ? void 0 : e.category,
+						size: "large",
+						...e.actions || {},
+						...e.extraProps || {},
+						children: /* @__PURE__ */ f(t, { className: "icon" })
+					}, r.key);
+				}
+			})
+		});
+	}
+};
+//#endregion
+export { b as KeyPad, b as default };

package/dist/keys/geometry.js

@@ -124,4 +124,4 @@ var t = /* @__PURE__ */ e({
 	command: "\\leftrightarrow"
 });
 //#endregion
-export { u as angle, y as congruentTo, _ as degree, S as doublePrimeArcSecond, t as geometry_exports, C as leftArrow, T as leftrightArrow, f as measureOfAngle, b as notCongruentTo, d as overArc, a as overLeftRightArrow, i as overRightArrow, r as overline, s as parallel, l as perpindicular, x as primeArcminute, w as rightArrow, v as similarTo, m as square, p as triangle };
+export { u as angle, g as circledDot, y as congruentTo, _ as degree, S as doublePrimeArcSecond, t as geometry_exports, C as leftArrow, T as leftrightArrow, f as measureOfAngle, b as notCongruentTo, c as notParallel, d as overArc, a as overLeftRightArrow, i as overRightArrow, r as overline, s as parallel, h as parallelogram, l as perpindicular, x as primeArcminute, w as rightArrow, o as segment, v as similarTo, m as square, p as triangle };

package/dist/keys/grades.js

@@ -411,4 +411,4 @@ var Q = [
 	return t && n || e;
 });
 //#endregion
-export { Ne as keysForGrade, Fe as normalizeAdditionalKeys };
+export { $ as gradeSets, Ne as keysForGrade, Fe as normalizeAdditionalKeys };

package/dist/keys/index.d.ts

@@ -6,9 +6,9 @@
  * Manual edits will be overwritten on next sync.
  * To make changes, edit the upstream JavaScript file and run sync again.
  */
-import * as comparison from './comparison';
-import * as fractions from './fractions';
-import * as exponent from './exponent';
-import * as misc from './misc';
+import * as comparison from './comparison.js';
+import * as fractions from './fractions.js';
+import * as exponent from './exponent.js';
+import * as misc from './misc.js';
 export declare const baseSet: any[][];
 export { comparison, fractions, exponent, misc };

package/dist/keys/index.js

@@ -47,4 +47,4 @@ var m = /* @__PURE__ */ e({
 	]
 ];
 //#endregion
-export { D as baseSet, m as keys_exports };
+export { D as baseSet, t as comparison, r as exponent, n as fractions, m as keys_exports, i as misc };

package/dist/keys/matrices.js

@@ -14,4 +14,4 @@ var n = /* @__PURE__ */ e({
 	write: "\\begin{bmatrix}&\\\\&\\end{bmatrix}"
 });
 //#endregion
-export { n as matrices_exports };
+export { a as doubleCellMatrix, n as matrices_exports, i as singleCellMatrix };

package/dist/keys/misc.js

@@ -57,4 +57,4 @@ var n = /* @__PURE__ */ e({
 	ariaLabel: "Not similar"
 });
 //#endregion
-export { a as absValue, s as brackets, n as misc_exports, d as notEqual, p as notSimilar, o as parenthesis, c as percentage, i as plusMinus };
+export { a as absValue, l as approx, s as brackets, n as misc_exports, u as nApprox, d as notEqual, p as notSimilar, o as parenthesis, c as percentage, i as plusMinus, f as similar };

package/dist/keys/sub-sup.js

@@ -14,4 +14,4 @@ var n = /* @__PURE__ */ e({
 	command: "_"
 });
 //#endregion
-export { n as sub_sup_exports, a as subscript };
+export { n as sub_sup_exports, a as subscript, i as superscript };

package/dist/keys/utils.js

@@ -21,4 +21,4 @@ var n = (e) => (t) => ({
 	return a;
 };
 //#endregion
-export { a as extendKeySet, n as mkSet };
+export { a as extendKeySet, n as mkSet, r as transformToKeySetStructure };

package/dist/mq/common-mq-styles.d.ts

@@ -69,6 +69,9 @@ export declare const commonMqKeyboardStyles: {
         '& .mq-math-mode .mq-empty': {
             padding: string;
         };
+        '& .mq-math-mode .mq-longdiv-inner .mq-empty': {
+            padding: string;
+        };
         '& .mq-math-mode .mq-supsub': {
             fontSize: string;
         };
@@ -177,6 +180,9 @@ declare const _default: {
             '& .mq-math-mode .mq-empty': {
                 padding: string;
             };
+            '& .mq-math-mode .mq-longdiv-inner .mq-empty': {
+                padding: string;
+            };
             '& .mq-math-mode .mq-supsub': {
                 fontSize: string;
             };

package/dist/mq/common-mq-styles.js

@@ -36,6 +36,7 @@ var e = {
 	...t,
 	"& .mq-math-mode .mq-sqrt-prefix": { top: "0 !important" },
 	"& .mq-math-mode .mq-empty": { padding: "9px 1px !important" },
+	"& .mq-math-mode .mq-longdiv-inner .mq-empty": { padding: "0 !important" },
 	"& .mq-math-mode .mq-supsub": { fontSize: "70.7% !important" },
 	"& .mq-math-mode .mq-sqrt-stem": {
 		marginTop: "-5px",
@@ -51,4 +52,4 @@ var e = {
 	commonMqKeyboardStyles: r
 };
 //#endregion
-export { r as commonMqKeyboardStyles, i as default };
+export { e as commonMqFontStyles, r as commonMqKeyboardStyles, i as default, t as longdivStyles, n as supsubStyles };

package/dist/mq/index.d.ts

@@ -6,7 +6,7 @@
  * Manual edits will be overwritten on next sync.
  * To make changes, edit the upstream JavaScript file and run sync again.
  */
-import Input from './input';
-import Static from './static';
-import CommonMqStyles from './common-mq-styles';
+import Input from './input.js';
+import Static from './static.js';
+import CommonMqStyles from './common-mq-styles.js';
 export { Input, Static, CommonMqStyles };

package/dist/mq/index.js

@@ -1,12 +1,12 @@
 import { __exportAll as e } from "../_virtual/_rolldown/runtime.js";
-import t from "./common-mq-styles.js";
-import n from "./input.js";
-import r from "./static.js";
+import { Input as t } from "./input.js";
+import n from "./static.js";
+import r from "./common-mq-styles.js";
 //#region src/mq/index.ts
 var i = /* @__PURE__ */ e({
-	CommonMqStyles: () => t,
-	Input: () => n,
-	Static: () => r
+	CommonMqStyles: () => r,
+	Input: () => t,
+	Static: () => n
 });
 //#endregion
-export { i as mq_exports };
+export { r as CommonMqStyles, t as Input, n as Static, i as mq_exports };

package/dist/mq/input.d.ts

@@ -1,6 +1,10 @@
 /**
  * @synced-from pie-lib/packages/math-input/src/mq/input.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';

package/dist/mq/input.js

@@ -1,25 +1,22 @@
-import { registerLineBreak as e } from "./custom-elements.js";
-import t from "@pie-framework/mathquill";
-import n from "react";
-import r from "prop-types";
-import { styled as i } from "@mui/material/styles";
-import a from "debug";
-import { jsx as o } from "react/jsx-runtime";
+import { MQ as e } from "./mathquill-instance.js";
+import t from "react";
+import n from "prop-types";
+import { styled as r } from "@mui/material/styles";
+import i from "debug";
+import { jsx as a } from "react/jsx-runtime";
 //#region src/mq/input.tsx
-var s;
-typeof window < "u" && (s = t.getInterface(2), s && s.registerEmbed && e(s));
-var c = a("math-input:mq:input"), l = i("span")({}), u = class extends n.Component {
+var o = i("math-input:mq:input"), s = r("span")({}), c = class extends t.Component {
 	static propTypes = {
-		className: r.string,
-		onClick: r.func,
-		onChange: r.func,
-		latex: r.string,
-		onFocus: r.func,
-		onBlur: r.func
+		className: n.string,
+		onClick: n.func,
+		onChange: n.func,
+		latex: n.string,
+		onFocus: n.func,
+		onBlur: n.func
 	};
 	componentDidMount() {
-		if (!s) throw Error("MQ is not defined - but component has mounted?");
-		this.mathField = s.MathField(this.input, { handlers: { edit: this.onInputEdit.bind(this) } }), this.updateLatex();
+		if (!e) throw Error("MQ is not defined - but component has mounted?");
+		this.mathField = e.MathField(this.input, { handlers: { edit: this.onInputEdit.bind(this) } }), this.updateLatex();
 	}
 	componentDidUpdate() {
 		this.updateLatex();
@@ -33,13 +30,13 @@ var c = a("math-input:mq:input"), l = i("span")({}), u = class extends n.Compone
 		return this.mathField.latex(""), "";
 	}
 	blur() {
-		c("blur mathfield"), this.mathField.blur();
+		o("blur mathfield"), this.mathField.blur();
 	}
 	focus() {
-		c("focus mathfield..."), this.mathField.focus();
+		o("focus mathfield..."), this.mathField.focus();
 	}
 	command(e) {
-		return c("command: ", e), Array.isArray(e) ? e.forEach((e) => {
+		return o("command: ", e), Array.isArray(e) ? e.forEach((e) => {
 			this.mathField.cmd(e);
 		}) : this.mathField.cmd(e), this.mathField.focus(), this.mathField.latex();
 	}
@@ -47,10 +44,10 @@ var c = a("math-input:mq:input"), l = i("span")({}), u = class extends n.Compone
 		return this.mathField.keystroke(e), this.mathField.focus(), this.mathField.latex();
 	}
 	write(e) {
-		return c("write: ", e), this.mathField.write(e), this.mathField.focus(), this.mathField.latex();
+		return o("write: ", e), this.mathField.write(e), this.mathField.focus(), this.mathField.latex();
 	}
 	onInputEdit = () => {
-		c("[onInputEdit] ...");
+		o("[onInputEdit] ...");
 		let { onChange: e } = this.props;
 		this.mathField && e && e(this.mathField.latex());
 	};
@@ -58,18 +55,21 @@ var c = a("math-input:mq:input"), l = i("span")({}), u = class extends n.Compone
 		this.blur(), this.focus();
 	};
 	onKeyPress = (e) => {
-		e.charCode === 13 && e.preventDefault();
+		if (Object.keys(this.mathField.__controller.options).indexOf("ignoreNextMousedown") < 0 && this.refresh(), e.charCode === 13) {
+			e.preventDefault();
+			return;
+		}
 	};
 	onClick = (e) => {
 		let { onClick: t } = this.props;
 		this.refresh(), t && t(e);
 	};
 	shouldComponentUpdate(e) {
-		return c("next: ", e.latex), c("current: ", this.mathField.latex()), e.latex !== this.mathField.latex();
+		return o("next: ", e.latex), o("current: ", this.mathField.latex()), e.latex !== this.mathField.latex();
 	}
 	render() {
 		let { onFocus: e, onBlur: t, className: n } = this.props;
-		return /* @__PURE__ */ o(l, {
+		return /* @__PURE__ */ a(s, {
 			className: n,
 			onKeyDown: this.onKeyPress,
 			onClick: this.onClick,
@@ -80,4 +80,4 @@ var c = a("math-input:mq:input"), l = i("span")({}), u = class extends n.Compone
 	}
 };
 //#endregion
-export { u as default };
+export { c as Input, c as default };