@pie-lib/render-ui 8.0.1-next.20261005184705 → 8.0.1-next.20261006003311

package/dist/feedback.js

@@ -1,28 +1,28 @@
-import { correct as e, disabled as t, incorrect as n } from "./color.js";
-import r from "react";
-import i from "prop-types";
-import { styled as a } from "@mui/material/styles";
-import { CSSTransition as o, TransitionGroup as s } from "react-transition-group";
-import { jsx as c } from "react/jsx-runtime";
+import { backgroundDark as e, correctSecondary as t, incorrectSecondary as n, text as r } from "./color.js";
+import i from "react";
+import a from "prop-types";
+import { styled as o } from "@mui/material/styles";
+import { CSSTransition as s, TransitionGroup as c } from "react-transition-group";
+import { jsx as l } from "react/jsx-runtime";
 //#region src/feedback.tsx
-var l = a("div")({
+var u = o("div")({
 	transformOrigin: "0% 0px 0px",
 	width: "100%",
 	display: "block",
 	overflow: "hidden",
 	"&.incorrect": { color: "#946202" }
-}), u = a("div")({
+}), d = o("div")({
 	WebkitFontSmoothing: "antialiased",
-	backgroundColor: `var(--feedback-bg-color, ${t()})`,
+	backgroundColor: `var(--feedback-bg-color, ${e()})`,
 	borderRadius: "4px",
 	lineHeight: "25px",
 	margin: "0px",
 	padding: "10px",
 	verticalAlign: "middle",
-	color: "var(--feedback-color, white)",
-	"&.correct": { backgroundColor: `var(--feedback-correct-bg-color, ${e()})` },
+	color: `var(--feedback-color, ${r()})`,
+	"&.correct": { backgroundColor: `var(--feedback-correct-bg-color, ${t()})` },
 	"&.incorrect": { backgroundColor: `var(--feedback-incorrect-bg-color, ${n()})` }
-}), d = a("div")({
+}), f = o("div")({
 	"&.feedback-enter": { height: "1px" },
 	"&.feedback-enter-active": {
 		height: "45px",
@@ -33,24 +33,24 @@ var l = a("div")({
 		height: "1px",
 		transition: "height 200ms"
 	}
-}), f = class extends r.Component {
+}), p = class extends i.Component {
 	static propTypes = {
-		correctness: i.string,
-		feedback: i.string
+		correctness: a.string,
+		feedback: a.string
 	};
-	nodeRef = r.createRef();
+	nodeRef = i.createRef();
 	renderFeedback() {
 		let { correctness: e, feedback: t } = this.props;
-		return !e || !t ? null : /* @__PURE__ */ c(o, {
+		return !e || !t ? null : /* @__PURE__ */ l(s, {
 			nodeRef: this.nodeRef,
 			timeout: {
 				enter: 500,
 				exit: 200
 			},
 			classNames: "feedback",
-			children: /* @__PURE__ */ c(d, {
+			children: /* @__PURE__ */ l(f, {
 				ref: this.nodeRef,
-				children: /* @__PURE__ */ c(l, { children: /* @__PURE__ */ c(u, {
+				children: /* @__PURE__ */ l(u, { children: /* @__PURE__ */ l(d, {
 					className: e,
 					dangerouslySetInnerHTML: { __html: t }
 				}) })
@@ -58,8 +58,8 @@ var l = a("div")({
 		}, "hasFeedback");
 	}
 	render() {
-		return /* @__PURE__ */ c("div", { children: /* @__PURE__ */ c(s, { children: this.renderFeedback() }) });
+		return /* @__PURE__ */ l("div", { children: /* @__PURE__ */ l(c, { children: this.renderFeedback() }) });
 	}
 };
 //#endregion
-export { f as Feedback, f as default };
+export { p as Feedback, p as default };

package/dist/inline-menu.d.ts

@@ -1,20 +1,20 @@
 /**
  * InlineMenu - A wrapper around MUI's Menu component for inline contexts
  *
- * This component fixes the issue where MUI's Menu creates a modal overlay
- * that covers the entire screen with a white background. It's designed for
- * use in inline contexts like dropdowns within text or other UI elements.
+ * MUI's Menu renders inside a modal root that covers the viewport, and
+ * `styled(Menu)` puts its class on that root, so a background styled onto the
+ * menu paints over the whole page. InlineMenu keeps the page visible under an
+ * open menu. It's designed for use in inline contexts like dropdowns within
+ * text or other UI elements.
  *
  * Key differences from standard MUI Menu:
- * - No backdrop (hideBackdrop)
- * - Transparent modal root (doesn't block UI)
+ * - Transparent modal root, whatever background the menu is styled with
  * - No scroll locking (disableScrollLock)
- * - Menu itself remains interactive
  */
 import React from 'react';
 import { MenuProps } from '@mui/material/Menu';
 /**
- * InlineMenu component that wraps MUI Menu without the blocking backdrop
+ * InlineMenu component that wraps MUI Menu without painting over the page
  *
  * @example
  * ```tsx

package/dist/inline-menu.js

@@ -5,23 +5,18 @@ import t from "@mui/material/Menu";
 var n = ({ slotProps: n, ...r }) => /* @__PURE__ */ e(t, {
 	...r,
 	disableScrollLock: !0,
-	hideBackdrop: !0,
 	slotProps: {
 		...n,
 		root: {
 			...n?.root,
 			style: {
 				backgroundColor: "transparent",
-				pointerEvents: "none",
 				...n?.root?.style
 			}
 		},
-		paper: {
-			...n?.paper,
-			style: {
-				pointerEvents: "auto",
-				...n?.paper?.style
-			}
+		backdrop: {
+			invisible: !0,
+			...n?.backdrop
 		}
 	}
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pie-lib/render-ui",
-  "version": "8.0.1-next.20261005184705",
+  "version": "8.0.1-next.20261006003311",
   "description": "Some shared ui elements when rendering - but not worthy of their own package yet.",
   "repository": {
     "type": "git",
@@ -18,7 +18,7 @@
     "prop-types": "^15.7.2",
     "react-transition-group": "^4.4.5",
     "@pie-element/shared-math-rendering-mathjax": "0.1.2-next.20261003161149",
-    "@pie-element/shared-lodash": "0.1.2-next.20261005182602"
+    "@pie-element/shared-lodash": "0.1.2-next.20261005190856"
   },
   "type": "module",
   "main": "./dist/index.js",