@pie-lib/math-input 9.0.8-next.20261027193325 → 9.0.8-next.20261103123052

package/dist/keypad/index.js

@@ -12,15 +12,14 @@ 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 = 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 }) => {
+var p = u("pie-lib:math-inline:keypad"), m = [d.text(), d.keypadInk()], h = { "& .MuiTouchRipple-root": { color: `rgb(from ${d.text()} min(r, 255 - r) min(g, 255 - g) min(b, 255 - b))` } }, g = { "&.Mui-focusVisible": {
+	outline: `4px solid ${d.keyboardFocusOutline()}`,
+	outlineOffset: "-4px"
+} }, _ = l(n)(({ latex: e }) => {
 	let t = {
 		pointerEvents: "none",
 		textTransform: "none !important",
-		color: h,
+		color: m,
 		"& .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` },
@@ -114,12 +113,12 @@ var p = u("pie-lib:math-inline:keypad"), m = d.v("pie"), h = [d.text(), d.keypad
 		}
 	} : t;
 });
-v.propTypes = { latex: o.string.isRequired };
-var y = (e) => e ? {
+_.propTypes = { latex: o.string.isRequired };
+var v = (e) => e ? {
 	gridTemplateColumns: `repeat(${e.columns}, minmax(min-content, 150px))`,
 	gridTemplateRows: `repeat(${e.rows}, minmax(40px, 60px))`,
 	gridAutoFlow: "initial"
-} : {}, b = l("div")(() => ({
+} : {}, y = l("div")(() => ({
 	...t,
 	width: "100%",
 	display: "grid",
@@ -135,19 +134,19 @@ var y = (e) => e ? {
 		gridTemplateRows: "repeat(4, minmax(40px, 50px)) !important",
 		"& *": { fontFamily: "Roboto, Helvetica, Arial, sans-serif !important" }
 	}
-})), x = l(s)(({ category: e, isDelete: t, isComma: n, isDot: r }) => ({
+})), b = 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: h,
+	color: m,
 	backgroundColor: e === "operators" ? d.keypadButtonOperator() : d.keypadButton(),
 	"&:hover": { backgroundColor: e === "operators" ? d.keypadButtonOperatorHover() : d.keypadButtonHover() },
+	...h,
 	...g,
-	..._,
 	borderRadius: 0,
 	...t && { fontFamily: "Roboto, Helvetica, Arial, sans-serif !important" }
-})), S = l(s)(({ category: e }) => ({
+})), x = l(s)(({ category: e }) => ({
 	textTransform: "none",
 	padding: 0,
 	margin: 0,
@@ -156,15 +155,15 @@ var y = (e) => e ? {
 	borderRadius: 0,
 	backgroundColor: e === "operators" ? d.keypadButtonOperator() : d.keypadButton(),
 	"&:hover": { backgroundColor: e === "operators" ? d.keypadButtonOperatorHover() : d.keypadButtonHover() },
-	...g,
-	..._
-})), C = l(c)(({ category: e }) => ({
+	...h,
+	...g
+})), S = 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" }
-})), w = class extends a.Component {
+})), C = class extends a.Component {
 	static propTypes = {
 		className: o.string,
 		controlledKeypadMode: o.bool,
@@ -229,9 +228,9 @@ var y = (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))`,
-			...y(r)
+			...v(r)
 		};
-		return /* @__PURE__ */ f(b, {
+		return /* @__PURE__ */ f(y, {
 			ref: this.keypadRef,
 			className: [e, a].filter(Boolean).join(" "),
 			style: l,
@@ -239,7 +238,7 @@ var y = (e) => e ? {
 			children: s.map((e, t) => {
 				let n = this.buttonClick.bind(this, e);
 				if (!e) return /* @__PURE__ */ f("span", {}, `empty-${t}`);
-				if (!(e.label || e.latex || e.icon || e.command || e.keystroke || e.write || e.type || e.actions || e.extraProps)) return /* @__PURE__ */ f(x, {
+				if (!(e.label || e.latex || e.icon || e.command || e.keystroke || e.write || e.type || e.actions || e.extraProps)) return /* @__PURE__ */ f(b, {
 					disabled: !0,
 					"aria-hidden": "true",
 					tabIndex: -1,
@@ -252,16 +251,18 @@ var y = (e) => e ? {
 					...e.actions || {},
 					...e.extraProps || {}
 				};
-				if (e.latex) return /* @__PURE__ */ f(S, {
+				if (e.latex) return /* @__PURE__ */ f(x, {
+					disableFocusRipple: !0,
 					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(v, { latex: e.latex })
+					children: /* @__PURE__ */ f(_, { latex: e.latex })
 				}, r.key);
-				if (e.label) return /* @__PURE__ */ f(x, {
+				if (e.label) return /* @__PURE__ */ f(b, {
+					disableFocusRipple: !0,
 					onClick: r.onClick,
 					disabled: r.disabled,
 					category: o ? void 0 : e.category,
@@ -275,7 +276,8 @@ var y = (e) => e ? {
 				}, r.key);
 				{
 					let t = e.icon ? e.icon : "div";
-					return /* @__PURE__ */ f(C, {
+					return /* @__PURE__ */ f(S, {
+						disableFocusRipple: !0,
 						tabIndex: "-1",
 						onClick: r.onClick,
 						disabled: r.disabled,
@@ -291,4 +293,4 @@ var y = (e) => e ? {
 	}
 };
 //#endregion
-export { w as KeyPad, w as default };
+export { C as KeyPad, C as default };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pie-lib/math-input",
-  "version": "9.0.8-next.20261027193325",
+  "version": "9.0.8-next.20261103123052",
   "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.4-next.20261026212738",
-    "@pie-lib/render-ui": "8.0.8-next.20261027193325",
-    "@pie-lib/translator": "5.0.3-next.20261027184745"
+    "@pie-lib/render-ui": "8.0.8-next.20261103123052",
+    "@pie-lib/translator": "5.0.3-next.20261103123052"
   },
   "type": "module",
   "main": "./dist/index.js",