@pie-lib/math-input 9.0.1-next.20261006030823 → 9.0.1-next.20261006032932

package/dist/keypad/index.js

@@ -1,6 +1,6 @@
 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 { commonMqKeyboardStyles as t } from "../mq/common-mq-styles.js";
+import n from "../mq/static.js";
 import { sortKeys as r } from "./keys-layout.js";
 import { flatten as i } from "@pie-element/shared-lodash";
 import a from "react";
@@ -12,20 +12,24 @@ 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 }) => {
+var p = u("pie-lib:math-inline:keypad"), m = d.v("pie"), h = [d.text(), d.keypadInk()], g = { "& .MuiTouchRipple-root": { color: `rgb(from ${d.text()} min(r, 255 - r) min(g, 255 - g) min(b, 255 - b))` } }, _ = { "&.Mui-focusVisible": {
+	outline: `2px solid ${d.focusOutline()}`,
+	outlineOffset: "-2px",
+	boxShadow: `inset 0 0 0 4px ${m("background", d.defaults.WHITE)}`
+} }, v = l(n)(({ latex: e }) => {
 	let t = {
 		pointerEvents: "none",
 		textTransform: "none !important",
-		color: d.text(),
+		color: h,
 		"& .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-overline .mq-overline-inner": { borderTop: "2px solid currentColor" },
 		"& .mq-non-leaf.mq-overline": { borderTop: "none !important" },
 		"& .mq-overarrow": {
 			width: "30px",
 			marginTop: "0 !important",
-			borderTop: "2px solid black",
+			borderTop: "2px solid currentColor",
 			fontFamily: "Roboto, Helvetica, Arial, sans-serif !important",
 			"&.mq-arrow-both": {
 				top: "0px !important",
@@ -85,7 +89,7 @@ var p = u("pie-lib:math-inline:keypad"), m = l(t)(({ latex: e }) => {
 		},
 		"& .mq-parallelogram": { lineHeight: .85 },
 		"& .mq-overarc": {
-			borderTop: "2px solid black !important",
+			borderTop: "2px solid currentColor !important",
 			"& .mq-overline": { borderTop: "none !important" },
 			"& .mq-overline-inner": {
 				borderTop: "none !important",
@@ -110,13 +114,13 @@ var p = u("pie-lib:math-inline:keypad"), m = l(t)(({ latex: e }) => {
 		}
 	} : t;
 });
-m.propTypes = { latex: o.string.isRequired };
-var h = (e) => e ? {
+v.propTypes = { latex: o.string.isRequired };
+var y = (e) => e ? {
 	gridTemplateColumns: `repeat(${e.columns}, minmax(min-content, 150px))`,
 	gridTemplateRows: `repeat(${e.rows}, minmax(40px, 60px))`,
 	gridAutoFlow: "initial"
-} : {}, g = l("div")(() => ({
-	...n,
+} : {}, b = l("div")(() => ({
+	...t,
 	width: "100%",
 	display: "grid",
 	gridTemplateRows: "repeat(5, minmax(40px, 60px))",
@@ -131,18 +135,19 @@ var h = (e) => e ? {
 		gridTemplateRows: "repeat(4, minmax(40px, 50px)) !important",
 		"& *": { fontFamily: "Roboto, Helvetica, Arial, sans-serif !important" }
 	}
-})), _ = l(s)(({ category: e, isDelete: t, isComma: n, isDot: r }) => ({
+})), x = 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(),
+	color: h,
 	backgroundColor: e === "operators" ? d.keypadButtonOperator() : d.keypadButton(),
 	"&:hover": { backgroundColor: e === "operators" ? d.keypadButtonOperatorHover() : d.keypadButtonHover() },
-	"& .MuiTouchRipple-root": { color: `rgb(from ${d.text()} min(r, 255 - r) min(g, 255 - g) min(b, 255 - b))` },
+	...g,
+	..._,
 	borderRadius: 0,
 	...t && { fontFamily: "Roboto, Helvetica, Arial, sans-serif !important" }
-})), v = l(s)(({ category: e }) => ({
+})), S = l(s)(({ category: e }) => ({
 	textTransform: "none",
 	padding: 0,
 	margin: 0,
@@ -150,14 +155,16 @@ var h = (e) => e ? {
 	minWidth: "auto",
 	borderRadius: 0,
 	backgroundColor: e === "operators" ? d.keypadButtonOperator() : d.keypadButton(),
-	"&:hover": { backgroundColor: e === "operators" ? d.keypadButtonOperatorHover() : d.keypadButtonHover() }
-})), y = l(c)(({ category: e }) => ({
+	"&:hover": { backgroundColor: e === "operators" ? d.keypadButtonOperatorHover() : d.keypadButtonHover() },
+	...g,
+	..._
+})), C = 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 {
+})), w = class extends a.Component {
 	static propTypes = {
 		className: o.string,
 		controlledKeypadMode: o.bool,
@@ -219,9 +226,9 @@ var h = (e) => e ? {
 			"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)
+			...y(r)
 		};
-		return /* @__PURE__ */ f(g, {
+		return /* @__PURE__ */ f(b, {
 			ref: this.keypadRef,
 			className: [e, a].filter(Boolean).join(" "),
 			style: l,
@@ -236,16 +243,16 @@ var h = (e) => e ? {
 					...e.actions || {},
 					...e.extraProps || {}
 				};
-				if (e.latex) return /* @__PURE__ */ f(v, {
+				if (e.latex) return /* @__PURE__ */ f(S, {
 					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 })
+					children: /* @__PURE__ */ f(v, { latex: e.latex })
 				}, r.key);
-				if (e.label) return /* @__PURE__ */ f(_, {
+				if (e.label) return /* @__PURE__ */ f(x, {
 					onClick: r.onClick,
 					disabled: r.disabled,
 					category: o ? void 0 : e.category,
@@ -259,7 +266,7 @@ var h = (e) => e ? {
 				}, r.key);
 				{
 					let t = e.icon ? e.icon : "div";
-					return /* @__PURE__ */ f(y, {
+					return /* @__PURE__ */ f(C, {
 						tabIndex: "-1",
 						onClick: r.onClick,
 						disabled: r.disabled,
@@ -275,4 +282,4 @@ var h = (e) => e ? {
 	}
 };
 //#endregion
-export { b as KeyPad, b as default };
+export { w as KeyPad, w as default };

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

@@ -1,3 +1,47 @@
+/**
+ * MathQuill's ink, which mathquill.css paints in black, #4d4d4d, grey and gray literals. The caret
+ * and the bars take the field's text colour, and an unfocused field's border takes
+ * --pie-border-dark. A focused field keeps MathQuill's focus border and glow.
+ */
+export declare const mqInkStyles: {
+    [x: string]: {
+        borderLeftColor: string;
+        borderColor?: undefined;
+        borderTopColor?: undefined;
+        borderBottomColor?: undefined;
+        borderRightColor?: undefined;
+    } | {
+        borderColor: any;
+        borderLeftColor?: undefined;
+        borderTopColor?: undefined;
+        borderBottomColor?: undefined;
+        borderRightColor?: undefined;
+    } | {
+        borderTopColor: string;
+        borderLeftColor?: undefined;
+        borderColor?: undefined;
+        borderBottomColor?: undefined;
+        borderRightColor?: undefined;
+    } | {
+        borderBottomColor: string;
+        borderLeftColor?: undefined;
+        borderColor?: undefined;
+        borderTopColor?: undefined;
+        borderRightColor?: undefined;
+    } | {
+        borderLeftColor: string;
+        borderRightColor: string;
+        borderColor?: undefined;
+        borderTopColor?: undefined;
+        borderBottomColor?: undefined;
+    };
+    '&.mq-editable-field .mq-cursor, & .mq-editable-field .mq-cursor': {
+        borderLeftColor: string;
+    };
+    '&.mq-editable-field:not(.mq-focused), & .mq-editable-field:not(.mq-focused)': {
+        borderColor: any;
+    };
+};
 export declare const commonMqFontStyles: {
     fontFamily: string;
     '-webkit-font-smoothing': string;
@@ -109,6 +153,45 @@ export declare const commonMqKeyboardStyles: {
     };
 };
 declare const _default: {
+    mqInkStyles: {
+        [x: string]: {
+            borderLeftColor: string;
+            borderColor?: undefined;
+            borderTopColor?: undefined;
+            borderBottomColor?: undefined;
+            borderRightColor?: undefined;
+        } | {
+            borderColor: any;
+            borderLeftColor?: undefined;
+            borderTopColor?: undefined;
+            borderBottomColor?: undefined;
+            borderRightColor?: undefined;
+        } | {
+            borderTopColor: string;
+            borderLeftColor?: undefined;
+            borderColor?: undefined;
+            borderBottomColor?: undefined;
+            borderRightColor?: undefined;
+        } | {
+            borderBottomColor: string;
+            borderLeftColor?: undefined;
+            borderColor?: undefined;
+            borderTopColor?: undefined;
+            borderRightColor?: undefined;
+        } | {
+            borderLeftColor: string;
+            borderRightColor: string;
+            borderColor?: undefined;
+            borderTopColor?: undefined;
+            borderBottomColor?: undefined;
+        };
+        '&.mq-editable-field .mq-cursor, & .mq-editable-field .mq-cursor': {
+            borderLeftColor: string;
+        };
+        '&.mq-editable-field:not(.mq-focused), & .mq-editable-field:not(.mq-focused)': {
+            borderColor: any;
+        };
+    };
     commonMqFontStyles: {
         fontFamily: string;
         '-webkit-font-smoothing': string;

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

@@ -1,12 +1,30 @@
+import { color as e } from "@pie-lib/render-ui";
 //#region src/mq/common-mq-styles.ts
-var e = {
+var t = (e) => `&.mq-math-mode ${e}, & .mq-math-mode ${e}`, n = {
+	"&.mq-editable-field .mq-cursor, & .mq-editable-field .mq-cursor": { borderLeftColor: "currentColor" },
+	"&.mq-editable-field:not(.mq-focused), & .mq-editable-field:not(.mq-focused)": { borderColor: e.borderDark() },
+	[[
+		".mq-overline .mq-overline-inner",
+		".mq-overarrow",
+		".mq-overarrow .mq-overarrow-inner",
+		".mq-overleftrightarrow .mq-overleftrightarrow-inner",
+		".mq-overarc",
+		".mq-longdiv .mq-longdiv-inner"
+	].map(t).join(", ")]: { borderTopColor: "currentColor" },
+	[[".mq-underline", ".mq-xarrow .mq-xarrow-over"].map(t).join(", ")]: { borderBottomColor: "currentColor" },
+	[t(".mq-abs")]: {
+		borderLeftColor: "currentColor",
+		borderRightColor: "currentColor"
+	},
+	[t(".mq-matrix td.mq-empty")]: { borderColor: "currentColor" }
+}, r = {
 	fontFamily: "MJXZERO, MJXTEX !important",
 	"-webkit-font-smoothing": "antialiased !important",
 	"& .mq-math-mode > span > var": { fontFamily: "MJXZERO, MJXTEX-I !important" },
 	"& .mq-math-mode span var": { fontFamily: "MJXZERO, MJXTEX-I !important" },
 	"& .mq-math-mode .mq-nonSymbola": { fontFamily: "MJXZERO, MJXTEX-I !important" },
 	"& .mq-math-mode > span > var.mq-operator-name": { fontFamily: "MJXZERO, MJXTEX !important" }
-}, t = {
+}, i = {
 	"& .mq-longdiv-inner": {
 		marginTop: "-1px",
 		marginLeft: "5px !important;",
@@ -17,7 +35,7 @@ var e = {
 		}
 	},
 	"& .mq-math-mode .mq-longdiv": { display: "inline-flex !important" }
-}, n = {
+}, a = {
 	"& .mq-math-mode sup.mq-nthroot": {
 		fontSize: "70% !important",
 		verticalAlign: "0.5em !important",
@@ -31,9 +49,9 @@ var e = {
 	},
 	"& .mq-math-mode .mq-fraction + .mq-supsub.mq-sup-only": { verticalAlign: "0.4em !important" },
 	"& .mq-math-mode .mq-supsub.mq-sup-only.mq-after-fraction-group": { verticalAlign: "0.4em !important" }
-}, r = { "& *": {
-	...e,
-	...t,
+}, o = { "& *": {
+	...r,
+	...i,
 	"& .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" },
@@ -45,11 +63,12 @@ var e = {
 	"& .mq-math-mode .mq-paren": { verticalAlign: "middle !important" },
 	"& .mq-math-mode .mq-overarrow .mq-overarrow-inner .mq-empty": { padding: "0 !important" },
 	"& .mq-math-mode .mq-overline .mq-overline-inner .mq-empty ": { padding: "0 !important" }
-} }, i = {
-	commonMqFontStyles: e,
-	longdivStyles: t,
-	supsubStyles: n,
-	commonMqKeyboardStyles: r
+} }, s = {
+	mqInkStyles: n,
+	commonMqFontStyles: r,
+	longdivStyles: i,
+	supsubStyles: a,
+	commonMqKeyboardStyles: o
 };
 //#endregion
-export { e as commonMqFontStyles, r as commonMqKeyboardStyles, i as default, t as longdivStyles, n as supsubStyles };
+export { r as commonMqFontStyles, o as commonMqKeyboardStyles, s as default, i as longdivStyles, n as mqInkStyles, a as supsubStyles };

package/dist/mq/index.js

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

package/dist/mq/input.js

@@ -1,20 +1,21 @@
 import { labelFieldTextareas as e } from "./field-label.js";
 import { MQ as t } from "./mathquill-instance.js";
-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 { mqInkStyles as n } from "./common-mq-styles.js";
+import r from "react";
+import i from "prop-types";
+import { styled as a } from "@mui/material/styles";
+import o from "debug";
+import { jsx as s } from "react/jsx-runtime";
 //#region src/mq/input.tsx
-var s = a("math-input:mq:input"), c = i("span")({}), l = class extends n.Component {
+var c = o("math-input:mq:input"), l = a("span")(n), u = class extends r.Component {
 	static propTypes = {
-		className: r.string,
-		onClick: r.func,
-		onChange: r.func,
-		latex: r.string,
-		onFocus: r.func,
-		onBlur: r.func,
-		language: r.string
+		className: i.string,
+		onClick: i.func,
+		onChange: i.func,
+		latex: i.string,
+		onFocus: i.func,
+		onBlur: i.func,
+		language: i.string
 	};
 	componentDidMount() {
 		if (!t) throw Error("MQ is not defined - but component has mounted?");
@@ -32,13 +33,13 @@ var s = a("math-input:mq:input"), c = i("span")({}), l = class extends n.Compone
 		return this.mathField.latex(""), "";
 	}
 	blur() {
-		s("blur mathfield"), this.mathField.blur();
+		c("blur mathfield"), this.mathField.blur();
 	}
 	focus() {
-		s("focus mathfield..."), this.mathField.focus();
+		c("focus mathfield..."), this.mathField.focus();
 	}
 	command(e) {
-		return s("command: ", e), Array.isArray(e) ? e.forEach((e) => {
+		return c("command: ", e), Array.isArray(e) ? e.forEach((e) => {
 			this.mathField.cmd(e);
 		}) : this.mathField.cmd(e), this.mathField.focus(), this.mathField.latex();
 	}
@@ -46,10 +47,10 @@ var s = a("math-input:mq:input"), c = i("span")({}), l = class extends n.Compone
 		return this.mathField.keystroke(e), this.mathField.focus(), this.mathField.latex();
 	}
 	write(e) {
-		return s("write: ", e), this.mathField.write(e), this.mathField.focus(), this.mathField.latex();
+		return c("write: ", e), this.mathField.write(e), this.mathField.focus(), this.mathField.latex();
 	}
 	onInputEdit = () => {
-		s("[onInputEdit] ...");
+		c("[onInputEdit] ...");
 		let { onChange: e } = this.props;
 		this.mathField && e && e(this.mathField.latex());
 	};
@@ -67,11 +68,11 @@ var s = a("math-input:mq:input"), c = i("span")({}), l = class extends n.Compone
 		this.refresh(), t && t(e);
 	};
 	shouldComponentUpdate(e) {
-		return s("next: ", e.latex), s("current: ", this.mathField.latex()), e.latex !== this.mathField.latex();
+		return c("next: ", e.latex), c("current: ", this.mathField.latex()), e.latex !== this.mathField.latex();
 	}
 	render() {
 		let { onFocus: e, onBlur: t, className: n } = this.props;
-		return /* @__PURE__ */ o(c, {
+		return /* @__PURE__ */ s(l, {
 			className: n,
 			onKeyDown: this.onKeyPress,
 			onClick: this.onClick,
@@ -82,4 +83,4 @@ var s = a("math-input:mq:input"), c = i("span")({}), l = class extends n.Compone
 	}
 };
 //#endregion
-export { l as Input, l as default };
+export { u as Input, u as default };

package/dist/mq/static.js

@@ -1,31 +1,33 @@
 import { updateSpans as e } from "../updateSpans.js";
 import { labelFieldTextareas as t } from "./field-label.js";
 import { MQ as n } from "./mathquill-instance.js";
-import r from "react";
-import i from "prop-types";
-import a from "debug";
-import { jsx as o } from "react/jsx-runtime";
+import { mqInkStyles as r } from "./common-mq-styles.js";
+import i from "react";
+import a from "prop-types";
+import { styled as o } from "@mui/material/styles";
+import s from "debug";
+import { jsx as c } from "react/jsx-runtime";
 //#region src/mq/static.tsx
-var s = a("pie-lib:math-input:mq:static"), c = /\\MathQuillMathField\[r\d*\]\{(.*?)\}/g, l = / /g;
-function u(e = "") {
-	return e.replace(l, "");
+var l = s("pie-lib:math-input:mq:static"), u = /\\MathQuillMathField\[r\d*\]\{(.*?)\}/g, d = / /g;
+function f(e = "") {
+	return e.replace(d, "");
 }
-function d(e) {
+function p(e) {
 	let t = 0;
 	for (let n = 0; n < (e || "").length; n++) e[n] === "{" && t++;
 	return t;
 }
-var f = class extends r.Component {
+var m = o("span")(r), h = class extends i.Component {
 	static propTypes = {
-		latex: i.string.isRequired,
-		onFocus: i.func,
-		onBlur: i.func,
-		className: i.string,
-		getFieldName: i.func,
-		onSubFieldChange: i.func,
-		onSubFieldFocus: i.func,
-		setInput: i.func,
-		language: i.string
+		latex: a.string.isRequired,
+		onFocus: a.func,
+		onBlur: a.func,
+		className: a.string,
+		getFieldName: a.func,
+		onSubFieldChange: a.func,
+		onSubFieldFocus: a.func,
+		setInput: a.func,
+		language: a.string
 	};
 	static defaultProps = { getFieldName: () => {} };
 	constructor(e) {
@@ -34,7 +36,7 @@ var f = class extends r.Component {
 			previousLatex: "",
 			inputSource: null,
 			isDeleteKeyPressed: !1
-		}, this.inputRef = r.createRef();
+		}, this.inputRef = i.createRef();
 	}
 	componentDidMount() {
 		this.update(), e(), this.createLiveRegion(), this.addEventListeners();
@@ -85,7 +87,7 @@ var f = class extends r.Component {
 			return;
 		}
 		let { previousLatex: t, inputSource: n, isDeleteKeyPressed: r } = this.state, i = "Converted to math symbol";
-		if (n === "keyboard" && !r) if (d(e) > d(t)) this.announceMessage(i);
+		if (n === "keyboard" && !r) if (p(e) > p(t)) this.announceMessage(i);
 		else try {
 			this.mathField.parseLatex(t), this.mathField.parseLatex(e), e == t && this.announceMessage(i);
 		} catch (e) {
@@ -114,15 +116,15 @@ var f = class extends r.Component {
 		t(this.inputRef?.current, this.props.language);
 	};
 	blur = () => {
-		s("blur mathfield"), this.mathField.blur();
+		l("blur mathfield"), this.mathField.blur();
 	};
 	focus = () => {
-		s("focus mathfield..."), this.mathField.focus();
+		l("focus mathfield..."), this.mathField.focus();
 	};
 	shouldComponentUpdate(e) {
 		try {
-			let t = u(this.mathField.parseLatex(e.latex)), n = (e.latex.match(c) || []).length, r = t !== u(this.mathField.latex().trim()) || n !== Object.keys(this.mathField.innerFields).length / 2;
-			return s("[shouldComponentUpdate] ", r), r;
+			let t = f(this.mathField.parseLatex(e.latex)), n = (e.latex.match(u) || []).length, r = t !== f(this.mathField.latex().trim()) || n !== Object.keys(this.mathField.innerFields).length / 2;
+			return l("[shouldComponentUpdate] ", r), r;
 		} catch (e) {
 			return console.warn("Error parsing latex:", e.message, "skip update"), console.warn(e), !1;
 		}
@@ -142,7 +144,7 @@ var f = class extends r.Component {
 	};
 	render() {
 		let { onBlur: e, className: t } = this.props;
-		return /* @__PURE__ */ o("span", {
+		return /* @__PURE__ */ c(m, {
 			className: t,
 			onFocus: this.onFocus,
 			onBlur: e,
@@ -151,4 +153,4 @@ var f = class extends r.Component {
 	}
 };
 //#endregion
-export { f as default };
+export { h as default };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pie-lib/math-input",
-  "version": "9.0.1-next.20261006030823",
+  "version": "9.0.1-next.20261006032932",
   "description": "React implementation of @pie-lib/math-input",
   "repository": {
     "type": "git",
@@ -16,8 +16,8 @@
     "debug": "^4.1.1",
     "prop-types": "^15.7.2",
     "@pie-element/shared-lodash": "0.1.2-next.20261005190856",
-    "@pie-lib/render-ui": "8.0.1-next.20261006030823",
-    "@pie-lib/translator": "5.0.1-next.20261006030823"
+    "@pie-lib/render-ui": "8.0.1-next.20261006032932",
+    "@pie-lib/translator": "5.0.1-next.20261006032932"
   },
   "type": "module",
   "main": "./dist/index.js",