@pie-element/categorize 13.2.0-next.18 → 13.2.0-next.20

package/dist/browser/delivery/index.js

@@ -1,5 +1,5 @@
 import { i as e } from "../rolldown-runtime-CWhphoD1.js";
-import { Bt as t, C as n, Dt as r, E as i, F as a, H as o, Ht as s, Mt as c, Nt as l, St as u, T as d, Tt as f, _ as p, bt as m, d as h, f as g, g as ee, gt as _, h as v, jt as y, l as b, m as x, p as S, s as te, t as ne, u as re, w as C, yt as ie, zt as ae } from "../alert-dialog-D7zUk8HM.js";
+import { Bt as t, C as n, Dt as r, E as i, F as a, H as o, Mt as s, Nt as c, St as l, T as u, Tt as d, Ut as f, _ as p, bt as m, d as h, f as g, g as ee, gt as _, h as v, jt as y, l as b, m as x, p as S, s as te, t as ne, u as re, w as C, yt as ie, zt as ae } from "../alert-dialog-Cxmcc8UK.js";
 import { D as oe, E as w, l as T, r as E, t as se } from "../dist-Denz71xw.js";
 import * as D from "react";
 import O, { useRef as k, useState as ce } from "react";
@@ -77,7 +77,7 @@ de.propTypes = {
 	fgFill: M.default.string.isRequired,
 	borderFill: M.default.string.isRequired
 };
-var fe = u("div")(({ size: e }) => ({
+var fe = l("div")(({ size: e }) => ({
 	width: e || "25px",
 	height: e || "25px"
 })), N = ({ open: e, size: t }) => /* @__PURE__ */ A(fe, {
@@ -134,7 +134,7 @@ function he(e, t, n) {
 var ge = (e) => {
 	let { draggingNodeRect: t, transform: n, scrollableAncestorRects: r } = e, i = r[0];
 	return !t || !i ? n : he(n, t, i);
-}, _e = "height ease-in 300ms, opacity ease-in 300ms", ve = u("div")(() => ({
+}, _e = "height ease-in 300ms, opacity ease-in 300ms", ve = l("div")(() => ({
 	position: "relative",
 	height: 0,
 	overflow: "hidden",
@@ -202,21 +202,21 @@ function F(e) {
 function be(e, t) {
 	return !e || F(e) ? e : F(e.default) ? e.default : t && F(e[t]) ? e[t] : t && F(e[t]?.default) ? e[t].default : e;
 }
-var xe = be(d, "Readable") || be(Se.Readable, "Readable"), I = p, L = I.default, Se = L && typeof L == "object" ? L : I, { translator: R } = w, Ce = {
+var xe = be(u, "Readable") || be(Se.Readable, "Readable"), I = p, L = I.default, Se = L && typeof L == "object" ? L : I, { translator: R } = w, Ce = {
 	WebkitTouchCallout: "none",
 	WebkitUserSelect: "none",
 	KhtmlUserSelect: "none",
 	MozUserSelect: "none",
 	msUserSelect: "none",
 	userSelect: "none"
-}, we = u("div")(() => ({
+}, we = l("div")(() => ({
 	width: "100%",
 	cursor: "pointer"
-})), Te = u("div")(() => ({
+})), Te = l("div")(() => ({
 	margin: "0 auto",
 	textAlign: "center",
 	display: "flex"
-})), Ee = u("div")(() => ({
+})), Ee = l("div")(() => ({
 	width: "fit-content",
 	minWidth: "140px",
 	alignSelf: "center",
@@ -224,7 +224,7 @@ var xe = be(d, "Readable") || be(Se.Readable, "Readable"), I = p, L = I.default,
 	color: `var(--correct-answer-toggle-label-color, ${t.text()})`,
 	fontWeight: "normal",
 	...Ce
-})), z = u("div")(() => ({
+})), z = l("div")(() => ({
 	position: "absolute",
 	width: "25px",
 	"&.enter": { opacity: "0" },
@@ -237,7 +237,7 @@ var xe = be(d, "Readable") || be(Se.Readable, "Readable"), I = p, L = I.default,
 		opacity: "0",
 		transition: "opacity 0.3s ease-in"
 	}
-})), De = u("div")(() => ({
+})), De = l("div")(() => ({
 	width: "25px",
 	marginRight: "5px",
 	display: "flex",
@@ -332,7 +332,7 @@ var xe = be(d, "Readable") || be(Se.Readable, "Readable"), I = p, L = I.default,
 //#endregion
 //#region ../../../node_modules/.bun/@mui+material@7.3.11+eb26afe407ed7030/node_modules/@mui/material/esm/CardContent/cardContentClasses.js
 function ke(e) {
-	return c("MuiCardContent", e);
+	return s("MuiCardContent", e);
 }
 y("MuiCardContent", ["root"]);
 //#endregion
@@ -340,7 +340,7 @@ y("MuiCardContent", ["root"]);
 var Ae = (e) => {
 	let { classes: t } = e;
 	return r({ root: ["root"] }, ke, t);
-}, je = u("div", {
+}, je = l("div", {
 	name: "MuiCardContent",
 	slot: "Root"
 })({
@@ -356,7 +356,7 @@ var Ae = (e) => {
 	};
 	return /*#__PURE__*/ A(je, {
 		as: i,
-		className: l(Ae(o).root, r),
+		className: c(Ae(o).root, r),
 		ownerState: o,
 		ref: t,
 		...a
@@ -368,7 +368,7 @@ var Ae = (e) => {
 var B = {
 	content: M.default.string.isRequired,
 	id: M.default.string
-}, Ne = u("div", { shouldForwardProp: (e) => ![
+}, Ne = l("div", { shouldForwardProp: (e) => ![
 	"isDragging",
 	"disabled",
 	"correct",
@@ -381,12 +381,12 @@ var B = {
 	...i && { border: `solid 2px ${t.buttonFocusOutline()}` },
 	...r === !0 && { border: `solid 2px ${t.correct()}` },
 	...r === !1 && { border: `solid 2px ${t.incorrect()}` }
-})), Pe = u(te, { shouldForwardProp: (e) => e !== "isSelected" })(({ isSelected: e }) => ({
+})), Pe = l(te, { shouldForwardProp: (e) => e !== "isSelected" })(({ isSelected: e }) => ({
 	color: t.text(),
 	backgroundColor: t.background(),
 	width: "100%",
 	opacity: e ? .5 : 1
-})), Fe = u(Me)(({ theme: e }) => ({
+})), Fe = l(Me)(({ theme: e }) => ({
 	color: t.text(),
 	backgroundColor: t.white(),
 	"&:last-child": { paddingBottom: e.spacing(2) },
@@ -469,14 +469,14 @@ var H = b.withUid(V);
 //#region src/delivery/categorize/droppable-placeholder.tsx
 (0, P.default)("@pie-ui:categorize:droppable-placeholder");
 var U = ({ children: e, grid: n, disabled: r, choiceBoard: i, minRowHeight: a, id: o, correct: s, selectedItem: c, onPlacementClick: l }) => {
-	let u = f(), [d, p] = ce(!1), { setNodeRef: m, isOver: g } = ee({
+	let u = d(), [f, p] = ce(!1), { setNodeRef: m, isOver: g } = ee({
 		id: o,
 		data: {
 			itemType: "categorize",
 			categoryId: o
 		},
 		disabled: r
-	}), _ = !!c, v = g || _ && d && !r, y = !r, b = () => {
+	}), _ = !!c, v = g || _ && f && !r, y = !r, b = () => {
 		r || !c || l?.(o);
 	}, x = (e) => {
 		e.target === e.currentTarget && (e.code === "Space" || e.code === "Enter") && (e.preventDefault(), b());
@@ -535,10 +535,10 @@ U.propTypes = {
 };
 //#endregion
 //#region src/delivery/categorize/choices.tsx
-var Le = u("div")({
+var Le = l("div")({
 	flex: 1,
 	touchAction: "none"
-}), Re = u("div")(({ theme: e }) => ({
+}), Re = l("div")(({ theme: e }) => ({
 	margin: "0 auto",
 	textAlign: "center",
 	paddingTop: e.spacing(1)
@@ -607,7 +607,7 @@ var Le = u("div")({
 			children: t
 		});
 	}
-}, Ve = u("div")(({ theme: e }) => ({
+}, Ve = l("div")(({ theme: e }) => ({
 	display: "grid",
 	columnGap: e.spacing(1),
 	gridColumnGap: e.spacing(1),
@@ -655,7 +655,7 @@ var Le = u("div")({
 			})
 		});
 	}
-}, We = u("div")(({ theme: e }) => ({
+}, We = l("div")(({ theme: e }) => ({
 	display: "flex",
 	flexDirection: "column",
 	flex: 2
@@ -705,18 +705,18 @@ var Le = u("div")({
 			})
 		});
 	}
-}, Ke = u("div")(({ theme: e }) => ({
+}, Ke = l("div")(({ theme: e }) => ({
 	color: t.text(),
 	backgroundColor: t.background(),
 	textAlign: "center",
 	paddingTop: e.spacing(1)
-})), qe = u("div")({
+})), qe = l("div")({
 	alignItems: "center",
 	display: "flex",
 	justifyContent: "center",
 	flex: .5,
 	marginRight: "12px"
-}), Je = u("div")({
+}), Je = l("div")({
 	display: "flex",
 	flex: "2",
 	flexDirection: "column"
@@ -777,7 +777,7 @@ var Qe = G(a, "UiLayout") || G(Y.UiLayout, "UiLayout"), K = G(i, "PreviewPrompt"
 	static propTypes = { children: M.default.node };
 	containerRef = O.createRef();
 	componentDidMount() {
-		this.containerRef.current && s(this.containerRef.current);
+		this.containerRef.current && f(this.containerRef.current);
 	}
 	render() {
 		return /* @__PURE__ */ A("div", {
@@ -1055,19 +1055,19 @@ var Qe = G(a, "UiLayout") || G(Y.UiLayout, "UiLayout"), K = G(i, "PreviewPrompt"
 			})
 		});
 	}
-}, ot = u(Qe)({
+}, ot = l(Qe)({
 	color: t.text(),
 	backgroundColor: t.background(),
 	position: "relative"
-}), st = u("div")(({ theme: e }) => ({ marginBottom: e.spacing(2) })), ct = u("div")(({ theme: e }) => ({
+}), st = l("div")(({ theme: e }) => ({ marginBottom: e.spacing(2) })), ct = l("div")(({ theme: e }) => ({
 	marginBottom: e.spacing(1),
 	maxWidth: "100%",
 	overflowX: "auto",
 	overflowY: "hidden"
-})), lt = u("div")(() => ({
+})), lt = l("div")(() => ({
 	display: "flex",
 	minWidth: "min-content"
-})), ut = u($e)(({ theme: e }) => ({ paddingBottom: e.spacing(2) }));
+})), ut = l($e)(({ theme: e }) => ({ paddingBottom: e.spacing(2) }));
 //#endregion
 //#region src/delivery/index.ts
 function Q(e) {
@@ -1082,7 +1082,7 @@ var ft = dt("data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAMCAgICAgMC
 	}
 	_scheduleMathRender = () => {
 		this._mathRenderPending || (this._mathRenderPending = !0, requestAnimationFrame(() => {
-			this._mathObserver && !this._mathObserverPaused && this._mathObserver.disconnect(), s(this), this._mathRenderPending = !1, setTimeout(() => {
+			this._mathObserver && !this._mathObserverPaused && this._mathObserver.disconnect(), f(this), this._mathRenderPending = !1, setTimeout(() => {
 				this._mathObserver && !this._mathObserverPaused && this._mathObserver.observe(this, {
 					childList: !0,
 					subtree: !0,
@@ -1144,7 +1144,7 @@ var ft = dt("data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAMCAgICAgMC
 		this._session.answers = e, this._session.selector = "Mouse", this.dispatchEvent(new me(this.tagName.toLowerCase(), this.isComplete())), this.render();
 	}
 	onShowCorrectToggle() {
-		s(this);
+		f(this);
 	}
 	_createAudioInfoToast() {
 		let e = document.createElement("div");