@pie-element/charting 13.0.7-next.20261019015909 → 13.0.7-next.20261019062545

package/dist/browser/author/index.js

@@ -1,18 +1,18 @@
 import { i as e } from "../rolldown-runtime-CWhphoD1.js";
-import { $ as t, A as n, B as r, C as i, D as a, E as o, F as s, G as c, H as l, I as u, J as d, K as f, L as p, M as m, O as h, P as g, Q as _, R as v, T as y, V as b, W as x, X as S, Y as C, Z as w, _ as T, a as E, c as D, d as O, et as k, f as A, i as j, l as M, m as N, n as P, p as F, q as I, r as L, s as R, t as z, tt as ee, u as B, v as V, w as te, z as ne } from "../chart-CX7vDvbm.js";
+import { $ as t, A as n, B as r, C as i, D as a, E as o, F as s, G as c, H as l, I as u, J as d, K as f, L as p, M as m, O as h, Q as g, R as _, T as v, U as y, V as b, X as x, Y as S, Z as C, _ as w, a as T, c as E, d as D, et as O, f as k, i as A, l as j, m as M, n as N, nt as P, p as F, q as I, r as L, s as ee, t as R, tt as te, u as z, v as B, w as ne, z as V } from "../chart-DKqh2rSP.js";
 import { f as re, g as ie, l as H, m as U, n as W, v as ae } from "../dist-kMt4MdSv.js";
 import * as G from "react";
 import K, { Component as oe, createElement as se, useEffect as ce, useId as le, useState as ue } from "react";
 import { createRoot as de } from "react-dom/client";
 import { jsx as q, jsxs as J } from "react/jsx-runtime";
 //#region ../../../node_modules/.bun/@mui+material@7.3.11+cb46ce523248780c/node_modules/@mui/material/esm/utils/createChainedFunction.js
-var fe = ne;
+var fe = r;
 //#endregion
 //#region ../../../node_modules/.bun/@mui+material@7.3.11+cb46ce523248780c/node_modules/@mui/material/esm/FormControlLabel/formControlLabelClasses.js
 function pe(e) {
-	return _("MuiFormControlLabel", e);
+	return t("MuiFormControlLabel", e);
 }
-var Y = w("MuiFormControlLabel", [
+var Y = g("MuiFormControlLabel", [
 	"root",
 	"labelPlacementStart",
 	"labelPlacementTop",
@@ -24,18 +24,18 @@ var Y = w("MuiFormControlLabel", [
 	"asterisk"
 ]), me = (e) => {
 	let { classes: t, disabled: n, labelPlacement: r, error: i, required: a } = e;
-	return S({
+	return C({
 		root: [
 			"root",
 			n && "disabled",
-			`labelPlacement${v(r)}`,
+			`labelPlacement${V(r)}`,
 			i && "error",
 			a && "required"
 		],
 		label: ["label", n && "disabled"],
 		asterisk: ["asterisk", i && "error"]
 	}, pe, t);
-}, he = f("label", {
+}, he = I("label", {
 	name: "MuiFormControlLabel",
 	slot: "Root",
 	overridesResolver: (e, t) => {
@@ -43,10 +43,10 @@ var Y = w("MuiFormControlLabel", [
 		return [
 			{ [`& .${Y.label}`]: t.label },
 			t.root,
-			t[`labelPlacement${v(n.labelPlacement)}`]
+			t[`labelPlacement${V(n.labelPlacement)}`]
 		];
 	}
-})(b(({ theme: e }) => ({
+})(l(({ theme: e }) => ({
 	display: "inline-flex",
 	alignItems: "center",
 	cursor: "pointer",
@@ -77,16 +77,16 @@ var Y = w("MuiFormControlLabel", [
 			style: { marginLeft: 16 }
 		}
 	]
-}))), ge = f("span", {
+}))), ge = I("span", {
 	name: "MuiFormControlLabel",
 	slot: "Asterisk"
-})(b(({ theme: e }) => ({ [`&.${Y.error}`]: { color: (e.vars || e).palette.error.main } }))), _e = /*#__PURE__*/ G.forwardRef(function(e, n) {
-	let i = l({
+})(l(({ theme: e }) => ({ [`&.${Y.error}`]: { color: (e.vars || e).palette.error.main } }))), _e = /*#__PURE__*/ G.forwardRef(function(e, t) {
+	let n = y({
 		props: e,
 		name: "MuiFormControlLabel"
-	}), { checked: a, className: s, componentsProps: c = {}, control: u, disabled: d, disableTypography: f, inputRef: p, label: m, labelPlacement: g = "end", name: _, onChange: v, required: y, slots: b = {}, slotProps: x = {}, value: S, ...C } = i, w = o(), T = d ?? u.props.disabled ?? w?.disabled, E = y ?? u.props.required, D = {
-		disabled: T,
-		required: E
+	}), { checked: r, className: i, componentsProps: a = {}, control: s, disabled: c, disableTypography: l, inputRef: u, label: d, labelPlacement: f = "end", name: p, onChange: m, required: g, slots: _ = {}, slotProps: v = {}, value: x, ...S } = n, C = o(), w = c ?? s.props.disabled ?? C?.disabled, T = g ?? s.props.required, E = {
+		disabled: w,
+		required: T
 	};
 	[
 		"checked",
@@ -95,40 +95,40 @@ var Y = w("MuiFormControlLabel", [
 		"value",
 		"inputRef"
 	].forEach((e) => {
-		u.props[e] === void 0 && i[e] !== void 0 && (D[e] = i[e]);
+		s.props[e] === void 0 && n[e] !== void 0 && (E[e] = n[e]);
 	});
-	let O = h({
-		props: i,
-		muiFormControl: w,
+	let D = h({
+		props: n,
+		muiFormControl: C,
 		states: ["error"]
 	}), k = {
-		...i,
-		disabled: T,
-		labelPlacement: g,
-		required: E,
-		error: O.error
-	}, A = me(k), [j, M] = r("typography", {
-		elementType: N,
+		...n,
+		disabled: w,
+		labelPlacement: f,
+		required: T,
+		error: D.error
+	}, A = me(k), [j, N] = b("typography", {
+		elementType: M,
 		externalForwardedProps: {
-			slots: b,
+			slots: _,
 			slotProps: {
-				...c,
-				...x
+				...a,
+				...v
 			}
 		},
 		ownerState: k
-	}), P = m;
-	return P != null && P.type !== N && !f && (P = /*#__PURE__*/ q(j, {
+	}), P = d;
+	return P != null && P.type !== M && !l && (P = /*#__PURE__*/ q(j, {
 		component: "span",
-		...M,
-		className: t(A.label, M?.className),
+		...N,
+		className: O(A.label, N?.className),
 		children: P
 	})), /*#__PURE__*/ J(he, {
-		className: t(A.root, s),
+		className: O(A.root, i),
 		ownerState: k,
-		ref: n,
-		...C,
-		children: [/*#__PURE__*/ G.cloneElement(u, D), E ? /*#__PURE__*/ J("div", { children: [P, /*#__PURE__*/ J(ge, {
+		ref: t,
+		...S,
+		children: [/*#__PURE__*/ G.cloneElement(s, E), T ? /*#__PURE__*/ J("div", { children: [P, /*#__PURE__*/ J(ge, {
 			ownerState: k,
 			"aria-hidden": !0,
 			className: A.asterisk,
@@ -139,9 +139,9 @@ var Y = w("MuiFormControlLabel", [
 //#endregion
 //#region ../../../node_modules/.bun/@mui+material@7.3.11+cb46ce523248780c/node_modules/@mui/material/esm/InputAdornment/inputAdornmentClasses.js
 function ve(e) {
-	return _("MuiInputAdornment", e);
+	return t("MuiInputAdornment", e);
 }
-var ye = w("MuiInputAdornment", [
+var ye = g("MuiInputAdornment", [
 	"root",
 	"filled",
 	"standard",
@@ -155,25 +155,25 @@ var ye = w("MuiInputAdornment", [
 	let { ownerState: n } = e;
 	return [
 		t.root,
-		t[`position${v(n.position)}`],
+		t[`position${V(n.position)}`],
 		n.disablePointerEvents === !0 && t.disablePointerEvents,
 		t[n.variant]
 	];
 }, Se = (e) => {
 	let { classes: t, disablePointerEvents: n, hiddenLabel: r, position: i, size: a, variant: o } = e;
-	return S({ root: [
+	return C({ root: [
 		"root",
 		n && "disablePointerEvents",
-		i && `position${v(i)}`,
+		i && `position${V(i)}`,
 		o,
 		r && "hiddenLabel",
-		a && `size${v(a)}`
+		a && `size${V(a)}`
 	] }, ve, t);
-}, Ce = f("div", {
+}, Ce = I("div", {
 	name: "MuiInputAdornment",
 	slot: "Root",
 	overridesResolver: xe
-})(b(({ theme: e }) => ({
+})(l(({ theme: e }) => ({
 	display: "flex",
 	maxHeight: "2em",
 	alignItems: "center",
@@ -197,45 +197,45 @@ var ye = w("MuiInputAdornment", [
 			style: { pointerEvents: "none" }
 		}
 	]
-}))), we = /*#__PURE__*/ G.forwardRef(function(e, n) {
-	let r = l({
+}))), we = /*#__PURE__*/ G.forwardRef(function(e, t) {
+	let n = y({
 		props: e,
 		name: "MuiInputAdornment"
-	}), { children: i, className: s, component: c = "div", disablePointerEvents: u = !1, disableTypography: d = !1, position: f, variant: p, ...m } = r, h = o() || {}, g = p;
-	p && h.variant, h && !g && (g = h.variant);
-	let _ = {
-		...r,
-		hiddenLabel: h.hiddenLabel,
-		size: h.size,
-		disablePointerEvents: u,
-		position: f,
-		variant: g
-	}, v = Se(_);
+	}), { children: r, className: i, component: s = "div", disablePointerEvents: c = !1, disableTypography: l = !1, position: u, variant: d, ...f } = n, p = o() || {}, m = d;
+	d && p.variant, p && !m && (m = p.variant);
+	let h = {
+		...n,
+		hiddenLabel: p.hiddenLabel,
+		size: p.size,
+		disablePointerEvents: c,
+		position: u,
+		variant: m
+	}, g = Se(h);
 	return /*#__PURE__*/ q(a.Provider, {
 		value: null,
 		children: /*#__PURE__*/ q(Ce, {
-			as: c,
-			ownerState: _,
-			className: t(v.root, s),
-			ref: n,
-			...m,
-			children: typeof i == "string" && !d ? /*#__PURE__*/ q(N, {
+			as: s,
+			ownerState: h,
+			className: O(g.root, i),
+			ref: t,
+			...f,
+			children: typeof r == "string" && !l ? /*#__PURE__*/ q(M, {
 				color: "textSecondary",
-				children: i
-			}) : /*#__PURE__*/ J(G.Fragment, { children: [f === "start" ? be ||= /*#__PURE__*/ q("span", {
+				children: r
+			}) : /*#__PURE__*/ J(G.Fragment, { children: [u === "start" ? be ||= /*#__PURE__*/ q("span", {
 				className: "notranslate",
 				"aria-hidden": !0,
 				children: "​"
-			}) : null, i] })
+			}) : null, r] })
 		})
 	});
-}), Te = p(/*#__PURE__*/ q("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z" }), "RadioButtonUnchecked"), Ee = p(/*#__PURE__*/ q("path", { d: "M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z" }), "RadioButtonChecked"), De = f("span", {
+}), Te = _(/*#__PURE__*/ q("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z" }), "RadioButtonUnchecked"), Ee = _(/*#__PURE__*/ q("path", { d: "M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z" }), "RadioButtonChecked"), De = I("span", {
 	name: "MuiRadioButtonIcon",
-	shouldForwardProp: I
+	shouldForwardProp: d
 })({
 	position: "relative",
 	display: "flex"
-}), Oe = f(Te, { name: "MuiRadioButtonIcon" })({ transform: "scale(1)" }), ke = f(Ee, { name: "MuiRadioButtonIcon" })(b(({ theme: e }) => ({
+}), Oe = I(Te, { name: "MuiRadioButtonIcon" })({ transform: "scale(1)" }), ke = I(Ee, { name: "MuiRadioButtonIcon" })(l(({ theme: e }) => ({
 	left: 0,
 	position: "absolute",
 	transform: "scale(0)",
@@ -284,9 +284,9 @@ function Me() {
 //#endregion
 //#region ../../../node_modules/.bun/@mui+material@7.3.11+cb46ce523248780c/node_modules/@mui/material/esm/Radio/radioClasses.js
 function Ne(e) {
-	return _("MuiRadio", e);
+	return t("MuiRadio", e);
 }
-var Pe = w("MuiRadio", [
+var Pe = g("MuiRadio", [
 	"root",
 	"checked",
 	"disabled",
@@ -296,26 +296,26 @@ var Pe = w("MuiRadio", [
 ]), Fe = (e) => {
 	let { classes: t, color: n, size: r } = e, i = { root: [
 		"root",
-		`color${v(n)}`,
-		r !== "medium" && `size${v(r)}`
+		`color${V(n)}`,
+		r !== "medium" && `size${V(r)}`
 	] };
 	return {
 		...t,
-		...S(i, Ne, t)
+		...C(i, Ne, t)
 	};
-}, Ie = f(j, {
-	shouldForwardProp: (e) => I(e) || e === "classes",
+}, Ie = I(A, {
+	shouldForwardProp: (e) => d(e) || e === "classes",
 	name: "MuiRadio",
 	slot: "Root",
 	overridesResolver: (e, t) => {
 		let { ownerState: n } = e;
 		return [
 			t.root,
-			n.size !== "medium" && t[`size${v(n.size)}`],
-			t[`color${v(n.color)}`]
+			n.size !== "medium" && t[`size${V(n.size)}`],
+			t[`color${V(n.color)}`]
 		];
 	}
-})(b(({ theme: e }) => ({
+})(l(({ theme: e }) => ({
 	color: (e.vars || e).palette.text.secondary,
 	[`&.${Pe.disabled}`]: { color: (e.vars || e).palette.action.disabled },
 	variants: [
@@ -351,59 +351,59 @@ var Pe = w("MuiRadio", [
 function Le(e, t) {
 	return typeof t == "object" && t ? e === t : String(e) === String(t);
 }
-var Re = /*#__PURE__*/ q(Ae, { checked: !0 }), ze = /*#__PURE__*/ q(Ae, {}), Be = /*#__PURE__*/ G.forwardRef(function(e, n) {
-	let i = l({
+var Re = /*#__PURE__*/ q(Ae, { checked: !0 }), ze = /*#__PURE__*/ q(Ae, {}), Be = /*#__PURE__*/ G.forwardRef(function(e, t) {
+	let n = y({
 		props: e,
 		name: "MuiRadio"
-	}), { checked: a, checkedIcon: s = Re, color: c = "primary", icon: u = ze, name: d, onChange: f, size: p = "medium", className: m, disabled: h, disableRipple: g = !1, slots: _ = {}, slotProps: v = {}, inputProps: y, ...b } = i, x = o(), S = h;
-	x && S === void 0 && (S = x.disabled), S ??= !1;
-	let C = {
-		...i,
-		disabled: S,
-		disableRipple: g,
-		color: c,
-		size: p
-	}, w = Fe(C), T = Me(), E = a, D = fe(f, T && T.onChange), O = d;
-	T && (E === void 0 && (E = Le(T.value, i.value)), O === void 0 && (O = T.name));
-	let k = v.input ?? y, [A, j] = r("root", {
-		ref: n,
+	}), { checked: r, checkedIcon: i = Re, color: a = "primary", icon: s = ze, name: c, onChange: l, size: u = "medium", className: d, disabled: f, disableRipple: p = !1, slots: m = {}, slotProps: h = {}, inputProps: g, ..._ } = n, v = o(), x = f;
+	v && x === void 0 && (x = v.disabled), x ??= !1;
+	let S = {
+		...n,
+		disabled: x,
+		disableRipple: p,
+		color: a,
+		size: u
+	}, C = Fe(S), w = Me(), T = r, E = fe(l, w && w.onChange), D = c;
+	w && (T === void 0 && (T = Le(w.value, n.value)), D === void 0 && (D = w.name));
+	let k = h.input ?? g, [A, j] = b("root", {
+		ref: t,
 		elementType: Ie,
-		className: t(w.root, m),
+		className: O(C.root, d),
 		shouldForwardComponentProp: !0,
 		externalForwardedProps: {
-			slots: _,
-			slotProps: v,
-			...b
+			slots: m,
+			slotProps: h,
+			..._
 		},
 		getSlotProps: (e) => ({
 			...e,
 			onChange: (t, ...n) => {
-				e.onChange?.(t, ...n), D(t, ...n);
+				e.onChange?.(t, ...n), E(t, ...n);
 			}
 		}),
-		ownerState: C,
+		ownerState: S,
 		additionalProps: {
 			type: "radio",
-			icon: /*#__PURE__*/ G.cloneElement(u, { fontSize: u.props.fontSize ?? p }),
-			checkedIcon: /*#__PURE__*/ G.cloneElement(s, { fontSize: s.props.fontSize ?? p }),
-			disabled: S,
-			name: O,
-			checked: E,
-			slots: _,
-			slotProps: { input: typeof k == "function" ? k(C) : k }
+			icon: /*#__PURE__*/ G.cloneElement(s, { fontSize: s.props.fontSize ?? u }),
+			checkedIcon: /*#__PURE__*/ G.cloneElement(i, { fontSize: i.props.fontSize ?? u }),
+			disabled: x,
+			name: D,
+			checked: T,
+			slots: m,
+			slotProps: { input: typeof k == "function" ? k(S) : k }
 		}
 	});
 	return /*#__PURE__*/ q(A, {
 		...j,
-		classes: w
+		classes: C
 	});
 });
 //#endregion
 //#region ../../../node_modules/.bun/@mui+material@7.3.11+cb46ce523248780c/node_modules/@mui/material/esm/Switch/switchClasses.js
 function Ve(e) {
-	return _("MuiSwitch", e);
+	return t("MuiSwitch", e);
 }
-var X = w("MuiSwitch", [
+var X = g("MuiSwitch", [
 	"root",
 	"edgeStart",
 	"edgeEnd",
@@ -418,15 +418,15 @@ var X = w("MuiSwitch", [
 	"thumb",
 	"track"
 ]), He = (e) => {
-	let { classes: t, edge: n, size: r, color: i, checked: a, disabled: o } = e, s = S({
+	let { classes: t, edge: n, size: r, color: i, checked: a, disabled: o } = e, s = C({
 		root: [
 			"root",
-			n && `edge${v(n)}`,
-			`size${v(r)}`
+			n && `edge${V(n)}`,
+			`size${V(r)}`
 		],
 		switchBase: [
 			"switchBase",
-			`color${v(i)}`,
+			`color${V(i)}`,
 			a && "checked",
 			o && "disabled"
 		],
@@ -438,15 +438,15 @@ var X = w("MuiSwitch", [
 		...t,
 		...s
 	};
-}, Ue = f("span", {
+}, Ue = I("span", {
 	name: "MuiSwitch",
 	slot: "Root",
 	overridesResolver: (e, t) => {
 		let { ownerState: n } = e;
 		return [
 			t.root,
-			n.edge && t[`edge${v(n.edge)}`],
-			t[`size${v(n.size)}`]
+			n.edge && t[`edge${V(n.edge)}`],
+			t[`size${V(n.size)}`]
 		];
 	}
 })({
@@ -487,7 +487,7 @@ var X = w("MuiSwitch", [
 			}
 		}
 	]
-}), We = f(j, {
+}), We = I(A, {
 	name: "MuiSwitch",
 	slot: "SwitchBase",
 	overridesResolver: (e, t) => {
@@ -495,10 +495,10 @@ var X = w("MuiSwitch", [
 		return [
 			t.switchBase,
 			{ [`& .${X.input}`]: t.input },
-			n.color !== "default" && t[`color${v(n.color)}`]
+			n.color !== "default" && t[`color${V(n.color)}`]
 		];
 	}
-})(b(({ theme: e }) => ({
+})(l(({ theme: e }) => ({
 	position: "absolute",
 	top: 0,
 	left: 0,
@@ -513,7 +513,7 @@ var X = w("MuiSwitch", [
 		left: "-100%",
 		width: "300%"
 	}
-})), b(({ theme: e }) => ({
+})), l(({ theme: e }) => ({
 	"&:hover": {
 		backgroundColor: e.alpha((e.vars || e).palette.action.active, (e.vars || e).palette.action.hoverOpacity),
 		"@media (hover: none)": { backgroundColor: "transparent" }
@@ -532,10 +532,10 @@ var X = w("MuiSwitch", [
 			[`&.${X.checked} + .${X.track}`]: { backgroundColor: (e.vars || e).palette[t].main }
 		}
 	}))]
-}))), Ge = f("span", {
+}))), Ge = I("span", {
 	name: "MuiSwitch",
 	slot: "Track"
-})(b(({ theme: e }) => ({
+})(l(({ theme: e }) => ({
 	height: "100%",
 	width: "100%",
 	borderRadius: 14 / 2,
@@ -545,10 +545,10 @@ var X = w("MuiSwitch", [
 	transition: e.transitions.create(["opacity", "background-color"], { duration: e.transitions.duration.shortest }),
 	backgroundColor: e.vars ? e.vars.palette.common.onBackground : `${e.palette.mode === "light" ? e.palette.common.black : e.palette.common.white}`,
 	opacity: e.vars ? e.vars.opacity.switchTrack : `${e.palette.mode === "light" ? .38 : .3}`
-}))), Ke = f("span", {
+}))), Ke = I("span", {
 	name: "MuiSwitch",
 	slot: "Thumb"
-})(b(({ theme: e }) => ({
+})(l(({ theme: e }) => ({
 	boxShadow: (e.vars || e).shadows[1],
 	backgroundColor: "currentColor",
 	boxSizing: "border-box",
@@ -556,62 +556,62 @@ var X = w("MuiSwitch", [
 	width: 20,
 	height: 20,
 	borderRadius: "50%"
-}))), qe = /*#__PURE__*/ G.forwardRef(function(e, n) {
-	let i = l({
+}))), qe = /*#__PURE__*/ G.forwardRef(function(e, t) {
+	let n = y({
 		props: e,
 		name: "MuiSwitch"
-	}), { className: a, color: o = "primary", edge: s = !1, size: c = "medium", sx: d, slots: f = {}, slotProps: p = {}, ...m } = i, h = {
-		...i,
-		color: o,
-		edge: s,
-		size: c
-	}, g = He(h), _ = p.input, v = {
-		slots: f,
-		slotProps: p
-	}, [y, b] = r("root", {
-		className: t(g.root, a),
+	}), { className: r, color: i = "primary", edge: a = !1, size: o = "medium", sx: s, slots: c = {}, slotProps: l = {}, ...u } = n, d = {
+		...n,
+		color: i,
+		edge: a,
+		size: o
+	}, f = He(d), m = l.input, h = {
+		slots: c,
+		slotProps: l
+	}, [g, _] = b("root", {
+		className: O(f.root, r),
 		elementType: Ue,
-		externalForwardedProps: v,
-		ownerState: h,
-		additionalProps: { sx: d }
-	}), [x, S] = r("thumb", {
-		className: g.thumb,
+		externalForwardedProps: h,
+		ownerState: d,
+		additionalProps: { sx: s }
+	}), [v, x] = b("thumb", {
+		className: f.thumb,
 		elementType: Ke,
-		externalForwardedProps: v,
-		ownerState: h
-	}), C = /*#__PURE__*/ q(x, { ...S }), [w, T] = r("track", {
-		className: g.track,
+		externalForwardedProps: h,
+		ownerState: d
+	}), S = /*#__PURE__*/ q(v, { ...x }), [C, w] = b("track", {
+		className: f.track,
 		elementType: Ge,
-		externalForwardedProps: v,
-		ownerState: h
+		externalForwardedProps: h,
+		ownerState: d
 	});
-	return /*#__PURE__*/ J(y, {
-		...b,
+	return /*#__PURE__*/ J(g, {
+		..._,
 		children: [/*#__PURE__*/ q(We, {
 			type: "checkbox",
-			icon: C,
-			checkedIcon: C,
-			ref: n,
-			ownerState: h,
-			...m,
+			icon: S,
+			checkedIcon: S,
+			ref: t,
+			ownerState: d,
+			...u,
 			classes: {
-				...g,
-				root: g.switchBase
+				...f,
+				root: f.switchBase
 			},
 			slots: {
-				...f.switchBase && { root: f.switchBase },
-				...f.input && { input: f.input }
+				...c.switchBase && { root: c.switchBase },
+				...c.input && { input: c.input }
 			},
 			slotProps: {
-				...p.switchBase && { root: typeof p.switchBase == "function" ? p.switchBase(h) : p.switchBase },
-				input: u(typeof _ == "function" ? _(h) : _, { role: "switch" })
+				...l.switchBase && { root: typeof l.switchBase == "function" ? l.switchBase(d) : l.switchBase },
+				input: p(typeof m == "function" ? m(d) : m, { role: "switch" })
 			}
-		}), /*#__PURE__*/ q(w, { ...T })]
+		}), /*#__PURE__*/ q(C, { ...w })]
 	});
-}), Je = /* @__PURE__ */ e(ae(), 1), Z = /* @__PURE__ */ e(ee(), 1), Ye = f(_e)(() => ({ "& .MuiFormControlLabel-label": {
+}), Je = /* @__PURE__ */ e(ae(), 1), Z = /* @__PURE__ */ e(P(), 1), Ye = I(_e)(() => ({ "& .MuiFormControlLabel-label": {
 	left: "-5px",
 	position: "relative"
-} })), Xe = f(Be)(() => ({ color: `${x.tertiary()} !important` })), Ze = ({ label: e, value: t, checked: n, onChange: r }) => /* @__PURE__ */ q(Ye, {
+} })), Xe = I(Be)(() => ({ color: `${c.tertiary()} !important` })), Ze = ({ label: e, value: t, checked: n, onChange: r }) => /* @__PURE__ */ q(Ye, {
 	value: t,
 	control: /* @__PURE__ */ q(Xe, {
 		checked: n,
@@ -627,7 +627,7 @@ Ze.propTypes = {
 };
 //#endregion
 //#region ../../lib-react/config-ui/dist/tabs/index.js
-var Qe = f(D)(() => ({})), $e = class extends K.Component {
+var Qe = I(E)(() => ({})), $e = class extends K.Component {
 	static propTypes = {
 		className: Z.default.string,
 		contentClassName: Z.default.string,
@@ -644,7 +644,7 @@ var Qe = f(D)(() => ({})), $e = class extends K.Component {
 		let { value: e } = this.state, { children: t, className: n, contentClassName: r, contentStyle: i = {} } = this.props;
 		return /* @__PURE__ */ J("div", {
 			className: n,
-			children: [/* @__PURE__ */ q(M, {
+			children: [/* @__PURE__ */ q(j, {
 				indicatorColor: "primary",
 				value: e,
 				onChange: this.handleChange,
@@ -656,7 +656,7 @@ var Qe = f(D)(() => ({})), $e = class extends K.Component {
 			})]
 		});
 	}
-}, et = f(_e)(({ theme: e, mini: t }) => ({
+}, et = I(_e)(({ theme: e, mini: t }) => ({
 	margin: 0,
 	marginLeft: 0,
 	padding: 0,
@@ -666,12 +666,12 @@ var Qe = f(D)(() => ({})), $e = class extends K.Component {
 		color: "rgba(0,0,0,1.0)",
 		...t && {
 			marginLeft: e.spacing(1),
-			color: C[700],
+			color: x[700],
 			fontSize: e.typography.fontSize - 3
 		}
 	}
-})), tt = f(L)(({ theme: e, mini: t, error: n }) => ({
-	color: `${x.tertiary()} !important`,
+})), tt = I(L)(({ theme: e, mini: t, error: n }) => ({
+	color: `${c.tertiary()} !important`,
 	...t && {
 		margin: 0,
 		padding: 0,
@@ -704,7 +704,7 @@ nt.propTypes = {
 };
 //#endregion
 //#region ../../lib-react/config-ui/dist/number-text-field.js
-var rt = (0, Je.default)("@pie-lib:config-ui:number-text-field"), it = f(B)(({ theme: e }) => ({
+var rt = (0, Je.default)("@pie-lib:config-ui:number-text-field"), it = I(z)(({ theme: e }) => ({
 	marginRight: e.spacing(1),
 	"& .MuiInputLabel-root": {
 		width: "auto",
@@ -819,7 +819,7 @@ var rt = (0, Je.default)("@pie-lib:config-ui:number-text-field"), it = f(B)(({ t
 	if (st(e)) return (e.s ?? 1) * e.n / e.d;
 	let t = String(e).trim(), n = t.match(/^([+-]?\d+)\s*\/\s*([+-]?\d+)$/);
 	return n ? Number.parseInt(n[1] ?? "0", 10) / Number.parseInt(n[2] ?? "1", 10) : Number(t);
-}, lt = p(/*#__PURE__*/ q("path", { d: "M19 13H5v-2h14z" }), "Remove"), ut = p(/*#__PURE__*/ q("path", { d: "M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6z" }), "Add"), dt = f(B)(() => ({
+}, lt = _(/*#__PURE__*/ q("path", { d: "M19 13H5v-2h14z" }), "Remove"), ut = _(/*#__PURE__*/ q("path", { d: "M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6z" }), "Add"), dt = I(z)(() => ({
 	"& input[type=number]": { MozAppearance: "textfield" },
 	"& input[type=number]::-webkit-outer-spin-button": {
 		WebkitAppearance: "none",
@@ -829,7 +829,7 @@ var rt = (0, Je.default)("@pie-lib:config-ui:number-text-field"), it = f(B)(({ t
 		WebkitAppearance: "none",
 		margin: 0
 	}
-})), ft = f(T)(() => ({ padding: "2px" })), pt = (e, t) => {
+})), ft = I(w)(() => ({ padding: "2px" })), pt = (e, t) => {
 	if (!W(e) && !W(t)) return 0;
 	if (!W(e) && W(t)) return t;
 	if (W(e)) return e;
@@ -1005,7 +1005,7 @@ function ht(e) {
 function gt(e, t) {
 	return !e || ht(e) ? e : ht(e.default) ? e.default : t && ht(e[t]) ? e[t] : t && ht(e[t]?.default) ? e[t].default : e;
 }
-var _t = V, vt = _t.default, yt = vt && typeof vt == "object" ? vt : _t, bt = gt(i, "InputContainer") || gt(yt.InputContainer, "InputContainer"), xt = f("div")(({ theme: e, direction: t }) => ({
+var _t = B, vt = _t.default, yt = vt && typeof vt == "object" ? vt : _t, bt = gt(i, "InputContainer") || gt(yt.InputContainer, "InputContainer"), xt = I("div")(({ theme: e, direction: t }) => ({
 	display: "flex",
 	flexWrap: "wrap",
 	paddingLeft: 0,
@@ -1078,14 +1078,14 @@ var wt = Object.defineProperty, Tt = (e, t) => {
 		enumerable: !0
 	});
 	return t || wt(n, Symbol.toStringTag, { value: "Module" }), n;
-}, Et = f("div")(() => ({
+}, Et = I("div")(() => ({
 	display: "flex",
 	flexDirection: "column",
 	position: "relative"
-})), Dt = f("div")(() => ({
+})), Dt = I("div")(() => ({
 	display: "flex",
 	justifyContent: "space-between"
-})), Ot = f("div")(({ theme: e }) => ({ padding: `${e.spacing(2)} 0` })), kt = f("div")(() => ({ flex: "1" })), At = f("div")(({ theme: e }) => ({ marginLeft: e.spacing(2) })), jt = class extends K.Component {
+})), Ot = I("div")(({ theme: e }) => ({ padding: `${e.spacing(2)} 0` })), kt = I("div")(() => ({ flex: "1" })), At = I("div")(({ theme: e }) => ({ marginLeft: e.spacing(2) })), jt = class extends K.Component {
 	static propTypes = {
 		mode: Z.default.oneOf(["tabbed", "inline"]),
 		secondary: Z.default.oneOfType([Z.default.arrayOf(Z.default.node), Z.default.node]),
@@ -1563,9 +1563,9 @@ var gn = hn()(function(e) {
 gn.displayName = "Measure", gn.propTypes.children = Z.default.func;
 //#endregion
 //#region ../../lib-react/config-ui/dist/layout/settings-box.js
-var _n = f("div")(() => ({
-	backgroundColor: x.white(),
-	border: `2px solid ${x.border()}`,
+var _n = I("div")(() => ({
+	backgroundColor: c.white(),
+	border: `2px solid ${c.border()}`,
 	display: "flex",
 	flexDirection: "column",
 	justifyContent: "flex-start",
@@ -1586,7 +1586,7 @@ var _n = f("div")(() => ({
 			children: t
 		});
 	}
-}, yn = d({
+}, yn = S({
 	typography: { fontFamily: "inherit" },
 	components: { MuiButton: { styleOverrides: { contained: {
 		backgroundColor: "#e0e0e0",
@@ -1618,15 +1618,15 @@ var _n = f("div")(() => ({
 	constructor(...e) {
 		super(...e), this.state = { layoutMode: void 0 };
 	}
-	scopeClass = s("extra-css-rules");
+	scopeClass = u("extra-css-rules");
 	onResize = (e) => {
 		let { bounds: t } = e, { sidePanelMinWidth: n, dimensions: r } = this.props, { maxWidth: i } = r || {}, a = t.width > n && (!i || i > n) ? "inline" : "tabbed";
 		a !== this.state.layoutMode && this.setState({ layoutMode: a });
 	};
 	render() {
-		return /* @__PURE__ */ q(k, {
+		return /* @__PURE__ */ q(te, {
 			injectFirst: !0,
-			children: /* @__PURE__ */ q(c, {
+			children: /* @__PURE__ */ q(f, {
 				theme: yn,
 				children: /* @__PURE__ */ q(gn, {
 					bounds: !0,
@@ -1654,18 +1654,18 @@ var _n = f("div")(() => ({
 }, xn = hn("bounds")(bn), Sn = /* @__PURE__ */ Tt({
 	ConfigLayout: () => xn,
 	LayoutContents: () => jt
-}), Cn = f("div")(() => ({
+}), Cn = I("div")(() => ({
 	display: "flex",
 	width: "100%",
 	justifyContent: "space-between"
-})), wn = f(y)(({ theme: e }) => ({
+})), wn = I(v)(({ theme: e }) => ({
 	color: "rgba(0, 0, 0, 0.89)",
 	fontSize: e.typography.fontSize,
 	paddingTop: e.spacing(2)
-})), Tn = f(qe)(({ checked: e }) => ({
-	"&.Mui-checked .MuiSwitch-thumb": { color: `${x.tertiary()} !important` },
-	"&.Mui-checked .MuiSwitch-track": { backgroundColor: `${x.tertiaryLight()} !important` },
-	"& .MuiSwitch-track": { backgroundColor: e ? `${x.tertiaryLight()} !important` : void 0 }
+})), Tn = I(qe)(({ checked: e }) => ({
+	"&.Mui-checked .MuiSwitch-thumb": { color: `${c.tertiary()} !important` },
+	"&.Mui-checked .MuiSwitch-track": { backgroundColor: `${c.tertiaryLight()} !important` },
+	"& .MuiSwitch-track": { backgroundColor: e ? `${c.tertiaryLight()} !important` : void 0 }
 })), En = ({ checked: e, disabled: t, label: n, toggle: r }) => {
 	let i = le();
 	return /* @__PURE__ */ J(Cn, { children: [/* @__PURE__ */ q(wn, {
@@ -1686,12 +1686,12 @@ En.propTypes = {
 };
 //#endregion
 //#region ../../lib-react/config-ui/dist/settings/settings-radio-label.js
-var Dn = f(_e)(({ theme: e }) => ({ "& .MuiFormControlLabel-label": {
+var Dn = I(_e)(({ theme: e }) => ({ "& .MuiFormControlLabel-label": {
 	color: "rgba(0, 0, 0, 0.89)",
 	fontSize: e.typography.fontSize - 2,
 	left: "-5px",
 	position: "relative"
-} })), On = f(Be)(() => ({ color: `${x.tertiary()} !important` })), kn = ({ label: e, value: t, checked: n, onChange: r }) => /* @__PURE__ */ q(Dn, {
+} })), On = I(Be)(() => ({ color: `${c.tertiary()} !important` })), kn = ({ label: e, value: t, checked: n, onChange: r }) => /* @__PURE__ */ q(Dn, {
 	value: t,
 	control: /* @__PURE__ */ q(On, {
 		checked: n,
@@ -1726,7 +1726,7 @@ Nn.propTypes = {
 	value: Z.default.bool,
 	onChange: Z.default.func
 };
-var Pn = f(St)(({ theme: e }) => ({
+var Pn = I(St)(({ theme: e }) => ({
 	marginTop: e.spacing(.5),
 	paddingBottom: e.spacing(.5),
 	width: "100%",
@@ -1749,10 +1749,10 @@ Fn.propTypes = {
 	...Mn,
 	choices: Z.default.arrayOf(Z.default.shape(jn))
 };
-var In = Fn, Ln = f("p")(({ theme: e }) => ({
+var In = Fn, Ln = I("p")(({ theme: e }) => ({
 	margin: 0,
 	fontSize: e.typography.fontSize
-})), Rn = f(A)(({ theme: e }) => ({
+})), Rn = I(k)(({ theme: e }) => ({
 	marginTop: e.spacing(.5),
 	border: "2px solid lightgrey",
 	padding: `0 ${e.spacing(1)}`,
@@ -1768,7 +1768,7 @@ var In = Fn, Ln = f("p")(({ theme: e }) => ({
 			enter: 225,
 			exit: 195
 		} },
-		children: r.map((e, t) => /* @__PURE__ */ q(O, {
+		children: r.map((e, t) => /* @__PURE__ */ q(D, {
 			value: a(e),
 			children: i(e)
 		}, t))
@@ -1778,10 +1778,10 @@ zn.propTypes = {
 	...Mn,
 	choices: Z.default.arrayOf(Z.default.string)
 };
-var Bn = f(N)(({ theme: e }) => ({
+var Bn = I(M)(({ theme: e }) => ({
 	marginRight: e.spacing(3),
 	marginTop: e.spacing(1)
-})), Vn = ({ label: e }) => /* @__PURE__ */ q(Bn, { children: e }), Hn = f(ot)(({ theme: e }) => ({
+})), Vn = ({ label: e }) => /* @__PURE__ */ q(Bn, { children: e }), Hn = I(ot)(({ theme: e }) => ({
 	width: "35%",
 	marginRight: e.spacing(3),
 	marginTop: e.spacing(1),
@@ -1827,12 +1827,12 @@ var Gn = {
 	numberField: Un,
 	checkbox: Nn,
 	textField: Vn
-}, Kn = f("div")(({ theme: e }) => ({ margin: `0 0 ${e.spacing(2)} 0` })), qn = f("div")(({ theme: e }) => ({
+}, Kn = I("div")(({ theme: e }) => ({ margin: `0 0 ${e.spacing(2)} 0` })), qn = I("div")(({ theme: e }) => ({
 	color: "#495B8F",
 	fontSize: e.typography.fontSize + 2,
 	fontWeight: 600,
 	marginBottom: e.spacing(1)
-})), Jn = f("p")(({ theme: e }) => ({
+})), Jn = I("p")(({ theme: e }) => ({
 	fontSize: e.typography.fontSize,
 	marginBottom: 0
 })), Yn = (e) => {
@@ -1952,14 +1952,14 @@ function sr(e) {
 function cr(e, t) {
 	return !e || sr(e) ? e : sr(e.default) ? e.default : t && sr(e[t]) ? e[t] : t && sr(e[t]?.default) ? e[t].default : e;
 }
-var lr = V, ur = lr.default, dr = ur && typeof ur == "object" ? ur : lr, fr = cr(i, "InputContainer") || cr(dr.InputContainer, "InputContainer"), pr = f("div")(() => ({ width: "160px" })), mr = f(te)(() => ({ width: "160px" })), hr = f(y)(() => ({ backgroundColor: "transparent" })), gr = ({ onChange: e, value: t, availableChartTypes: n, chartTypeLabel: r }) => {
-	let i = g("chart-type-label");
+var lr = B, ur = lr.default, dr = ur && typeof ur == "object" ? ur : lr, fr = cr(i, "InputContainer") || cr(dr.InputContainer, "InputContainer"), pr = I("div")(() => ({ width: "160px" })), mr = I(ne)(() => ({ width: "160px" })), hr = I(v)(() => ({ backgroundColor: "transparent" })), gr = ({ onChange: e, value: t, availableChartTypes: n, chartTypeLabel: r }) => {
+	let i = s("chart-type-label");
 	return /* @__PURE__ */ q(pr, { children: /* @__PURE__ */ J(mr, {
 		variant: "outlined",
 		children: [/* @__PURE__ */ q(hr, {
 			id: i,
 			children: r
-		}), /* @__PURE__ */ J(A, {
+		}), /* @__PURE__ */ J(k, {
 			labelId: i,
 			id: `${i}-select`,
 			name: "chartType",
@@ -1971,27 +1971,27 @@ var lr = V, ur = lr.default, dr = ur && typeof ur == "object" ? ur : lr, fr = cr
 				exit: 195
 			} },
 			children: [
-				n?.histogram && /* @__PURE__ */ q(O, {
+				n?.histogram && /* @__PURE__ */ q(D, {
 					value: "histogram",
 					children: n.histogram
 				}),
-				n?.bar && /* @__PURE__ */ q(O, {
+				n?.bar && /* @__PURE__ */ q(D, {
 					value: "bar",
 					children: n.bar
 				}),
-				n?.lineDot && /* @__PURE__ */ q(O, {
+				n?.lineDot && /* @__PURE__ */ q(D, {
 					value: "lineDot",
 					children: n.lineDot
 				}),
-				n?.lineCross && /* @__PURE__ */ q(O, {
+				n?.lineCross && /* @__PURE__ */ q(D, {
 					value: "lineCross",
 					children: n.lineCross
 				}),
-				n?.dotPlot && /* @__PURE__ */ q(O, {
+				n?.dotPlot && /* @__PURE__ */ q(D, {
 					value: "dotPlot",
 					children: n.dotPlot
 				}),
-				n?.linePlot && /* @__PURE__ */ q(O, {
+				n?.linePlot && /* @__PURE__ */ q(D, {
 					value: "linePlot",
 					children: n.linePlot
 				})
@@ -2022,31 +2022,31 @@ var _r = (e, t, n, r, i) => {
 		...i,
 		data: e
 	});
-}, vr = f("div")(() => ({ width: "450px" })), yr = f("div")(({ theme: e }) => ({
+}, vr = I("div")(() => ({ width: "450px" })), yr = I("div")(({ theme: e }) => ({
 	display: "flex",
 	flexDirection: "column",
 	width: "100%",
 	marginTop: e.spacing(3)
-})), br = f("div")(() => ({
+})), br = I("div")(() => ({
 	display: "flex",
 	flexDirection: "column",
 	alignItems: "center"
-})), xr = f("div")(() => ({
+})), xr = I("div")(() => ({
 	display: "flex",
 	justifyContent: "space-around",
 	alignItems: "center"
-})), Sr = f(mt)(({ theme: e }) => ({
+})), Sr = I(mt)(({ theme: e }) => ({
 	width: "130px",
 	margin: `${e.spacing(1)} ${e.spacing(.5)}`
-})), Cr = f(mt)(({ theme: e }) => ({
+})), Cr = I(mt)(({ theme: e }) => ({
 	width: "160px",
 	margin: `${e.spacing(1)} ${e.spacing(.5)}`
-})), wr = f("div")(({ theme: e }) => ({
+})), wr = I("div")(({ theme: e }) => ({
 	display: "flex",
 	justifyContent: "space-between",
 	alignItems: "center",
 	margin: `${e.spacing(3)} 0`
-})), Tr = f(N)(() => ({ color: x.disabled() })), Er = (e) => {
+})), Tr = I(M)(() => ({ color: c.disabled() })), Er = (e) => {
 	let { model: t, onChange: n, chartDimensions: r, gridValues: i = {}, labelValues: a = {}, studentNewCategoryDefaultLabel: o = {}, availableChartTypes: s = {}, chartTypeLabel: c } = e, [l, u] = ue({
 		open: !1,
 		title: "",
@@ -2071,20 +2071,20 @@ var _r = (e, t, n, r, i) => {
 		label: "Grid Interval",
 		value: _.step,
 		variant: "outlined",
-		onChange: (e, t) => z("step", t, e),
+		onChange: (e, t) => R("step", t, e),
 		...D
 	}), /* @__PURE__ */ q(Cr, {
 		label: "Label Interval",
 		value: _.labelStep,
 		variant: "outlined",
-		onChange: (e, t) => z("labelStep", t, e),
+		onChange: (e, t) => R("labelStep", t, e),
 		...O
 	})] }), A = (e) => {
 		u((t) => ({
 			...t,
 			open: e
 		})), f(e);
-	}, j = (e, t) => e.map((e) => (Object.prototype.hasOwnProperty.call(e, t) && (e[t] = t == "interactive"), e)), M = (e) => {
+	}, j = (e, t) => e.map((e) => (Object.prototype.hasOwnProperty.call(e, t) && (e[t] = t == "interactive"), e)), P = (e) => {
 		let { correctAnswer: r, data: i } = t;
 		y === !1 && j(i, "interactive"), b === !1 && j(i, "editable"), _r(i, e, _, n, t), _r(r.data, !1, _, n, t);
 	}, F = () => {
@@ -2108,21 +2108,21 @@ var _r = (e, t, n, r, i) => {
 			...t,
 			graph: i
 		});
-	}, R = (e, t) => (e || []).find((e) => e.value > t.max || e.value - t.step * Math.floor(e.value / t.step) !== 0), z = (e, r, i) => {
-		g(_[e]), m(e), _[e] = r, (e === "max" || e === "step") && (R(t.data, _) || R(t.correctAnswer.data, _)) && i?.target ? f(!0) : n({
+	}, ee = (e, t) => (e || []).find((e) => e.value > t.max || e.value - t.step * Math.floor(e.value / t.step) !== 0), R = (e, r, i) => {
+		g(_[e]), m(e), _[e] = r, (e === "max" || e === "step") && (ee(t.data, _) || ee(t.correctAnswer.data, _)) && i?.target ? f(!0) : n({
 			...t,
 			range: _
 		});
 	};
 	ce(() => {
-		M(!0), F();
+		P(!0), F();
 	}, []), ce(() => {
 		d && u({
 			open: !0,
 			title: "Warning",
 			text: "This change will remove values defined for one or more categories",
 			onConfirm: () => {
-				M(), A(!1), n({
+				P(), A(!1), n({
 					...t,
 					range: _,
 					correctAnswer: v
@@ -2133,20 +2133,20 @@ var _r = (e, t, n, r, i) => {
 			}
 		});
 	}, [d]);
-	let ee = _.step === 1 && _.labelStep === 1 && 3 <= _.max && _.max <= 10, B = () => {
+	let te = _.step === 1 && _.labelStep === 1 && 3 <= _.max && _.max <= 10, z = () => {
 		I.min = 3, I.max = 10, _.max = 10, _.step = 1, _.labelStep = 1, n({
 			...t,
 			range: _
 		});
-	}, V = (e) => {
+	}, B = (e) => {
 		if (e.includes("Plot")) {
-			if (!ee) {
+			if (!te) {
 				u({
 					open: !0,
 					title: "Warning",
 					text: "The selected chart type does not support the current chart configuration. Reset chart configuration?",
 					onConfirm: () => {
-						B(), M(), A(!1), n({
+						z(), P(), A(!1), n({
 							...t,
 							range: _,
 							chartType: e
@@ -2170,14 +2170,14 @@ var _r = (e, t, n, r, i) => {
 		});
 	};
 	return /* @__PURE__ */ J(vr, { children: [
-		/* @__PURE__ */ q(N, {
+		/* @__PURE__ */ q(M, {
 			variant: "subtitle1",
 			children: "Configure Chart"
 		}),
 		/* @__PURE__ */ J(yr, { children: [
 			/* @__PURE__ */ J(xr, { children: [/* @__PURE__ */ q(gr, {
 				value: t.chartType,
-				onChange: (e) => V(e.target.value),
+				onChange: (e) => B(e.target.value),
 				availableChartTypes: s,
 				chartTypeLabel: c
 			}), /* @__PURE__ */ q(Cr, {
@@ -2186,11 +2186,11 @@ var _r = (e, t, n, r, i) => {
 				min: I(t.chartType).min,
 				max: I(t.chartType).max,
 				variant: "outlined",
-				onChange: (e, t) => z("max", t, e)
+				onChange: (e, t) => R("max", t, e)
 			})] }),
 			!t.chartType.includes("Plot") && k,
 			S && /* @__PURE__ */ J(wr, { children: [
-				/* @__PURE__ */ q("div", { children: /* @__PURE__ */ q(N, { children: "Dimensions(px)" }) }),
+				/* @__PURE__ */ q("div", { children: /* @__PURE__ */ q(M, { children: "Dimensions(px)" }) }),
 				/* @__PURE__ */ J(br, { children: [/* @__PURE__ */ q(Sr, {
 					label: "Width",
 					value: x.width,
@@ -2211,7 +2211,7 @@ var _r = (e, t, n, r, i) => {
 				}), /* @__PURE__ */ q(Tr, { children: "Min 400, Max 700" })] })
 			] })
 		] }),
-		/* @__PURE__ */ q(P, {
+		/* @__PURE__ */ q(N, {
 			open: l.open,
 			title: l.title,
 			text: l.text,
@@ -2295,11 +2295,11 @@ var Dr = class e extends CustomEvent {
 			detail: t
 		}), this.handler = t;
 	}
-}, Mr = f("div")(({ theme: e }) => ({
+}, Mr = I("div")(({ theme: e }) => ({
 	marginBottom: e.spacing(2.5),
 	display: "flex",
 	flex: 1
-})), Nr = f("div")(({ theme: e }) => ({ marginBottom: e.spacing(1) })), Pr = f("div")({ flex: 1 }), Fr = f(L)({ color: `${x.tertiary()} !important` }), Ir = (e, t) => {
+})), Nr = I("div")(({ theme: e }) => ({ marginBottom: e.spacing(1) })), Pr = I("div")({ flex: 1 }), Fr = I(L)({ color: `${c.tertiary()} !important` }), Ir = (e, t) => {
 	if (!e) return t;
 	let n = [];
 	return (t || []).forEach((t, r) => {
@@ -2361,12 +2361,12 @@ var Dr = class e extends CustomEvent {
 	render() {
 		let { model: e, charts: t, labelsPlaceholders: n, titlePlaceholder: r, showPixelGuides: i, authorNewCategoryDefaults: a, chartingOptions: o, mathMlOptions: s = {}, labelsCharactersLimit: c } = this.props, { dialog: l } = this.state, { domain: u = {}, range: d = {} } = e || {};
 		return /* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q(Nr, { children: "Define Initial Chart Attributes" }), /* @__PURE__ */ q(Mr, { children: /* @__PURE__ */ J(Pr, { children: [
-			/* @__PURE__ */ q(N, {
+			/* @__PURE__ */ q(M, {
 				component: "div",
 				type: "body1",
 				children: /* @__PURE__ */ q("span", { children: "Use the tools below to set up the chart as it will initially appear to students." })
 			}),
-			/* @__PURE__ */ q(z, {
+			/* @__PURE__ */ q(R, {
 				defineChart: !0,
 				chartingOptions: o,
 				showPixelGuides: i,
@@ -2399,7 +2399,7 @@ var Dr = class e extends CustomEvent {
 					this.changeAddRemoveEnabled(e.target.checked);
 				}
 			}), o?.addCategory?.authoringLabel] }),
-			/* @__PURE__ */ q(P, {
+			/* @__PURE__ */ q(N, {
 				open: l.open,
 				title: l.title,
 				text: l.text,
@@ -2408,15 +2408,15 @@ var Dr = class e extends CustomEvent {
 			})
 		] }, "graph") })] });
 	}
-}, Rr = f("div")(({ theme: e }) => ({
+}, Rr = I("div")(({ theme: e }) => ({
 	marginBottom: e.spacing(2.5),
 	display: "flex",
 	flex: 1
-})), zr = f("div")({ flex: 1 }), Br = f("div")(({ theme: e }) => ({ border: `2px solid ${e.palette.error.main}` })), Vr = f(N)(({ theme: e }) => ({
+})), zr = I("div")({ flex: 1 }), Br = I("div")(({ theme: e }) => ({ border: `2px solid ${e.palette.error.main}` })), Vr = I(M)(({ theme: e }) => ({
 	fontSize: e.typography.fontSize - 2,
 	color: e.palette.error.main,
 	paddingTop: e.spacing(1)
-})), Hr = f("div")(({ theme: e }) => ({ marginBottom: e.spacing(1) })), Ur = (e, t) => e.map((e, n) => ({
+})), Hr = I("div")(({ theme: e }) => ({ marginBottom: e.spacing(1) })), Ur = (e, t) => e.map((e, n) => ({
 	...e,
 	editable: n < t.length ? t[n].editable : !0,
 	interactive: n < t.length ? t[n].interactive : !0,
@@ -2485,12 +2485,12 @@ var Dr = class e extends CustomEvent {
 	render() {
 		let { model: e, charts: t, error: n, studentNewCategoryDefaultLabel: r, correctAnswerErrors: i, mathMlOptions: a = {}, labelsPlaceholders: o = {} } = this.props, { categories: s } = this.state, { domain: c = {}, range: l = {} } = e || {}, { identicalError: u, categoriesError: d } = i || {};
 		return /* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q(Hr, { children: "Define Correct Response" }), /* @__PURE__ */ q(Rr, { children: /* @__PURE__ */ J(zr, { children: [
-			/* @__PURE__ */ q(N, {
+			/* @__PURE__ */ q(M, {
 				component: "div",
 				type: "body1",
 				children: /* @__PURE__ */ q("span", { children: "Use the tools below to define the correct answer." })
 			}),
-			q(u || d ? Br : "div", { children: /* @__PURE__ */ q(z, {
+			q(u || d ? Br : "div", { children: /* @__PURE__ */ q(R, {
 				chartType: e.chartType,
 				size: e.graph,
 				domain: c,
@@ -2751,21 +2751,21 @@ var Dr = class e extends CustomEvent {
 		gridValues: i,
 		labelValues: a
 	};
-}, ti = (0, Je.default)("@pie-element:graphing:configure"), { Panel: ni, toggle: $, radio: ri, dropdown: ii, textField: ai } = Zn, oi = f(fr)(({ theme: e }) => ({
+}, ti = (0, Je.default)("@pie-element:graphing:configure"), { Panel: ni, toggle: $, radio: ri, dropdown: ii, textField: ai } = Zn, oi = I(fr)(({ theme: e }) => ({
 	width: "100%",
 	paddingTop: e.spacing(2),
 	marginBottom: e.spacing(2)
-})), si = f(N)(({ theme: e }) => ({ marginBottom: e.spacing(2.5) })), ci = f("div")(({ theme: e }) => ({
+})), si = I(M)(({ theme: e }) => ({ marginBottom: e.spacing(2.5) })), ci = I("div")(({ theme: e }) => ({
 	fontSize: e.typography.fontSize - 2,
 	color: e.palette.error.main,
 	paddingTop: e.spacing(1)
 })), li = [
-	E.Bar(),
-	E.Histogram(),
-	E.LineDot(),
-	E.LineCross(),
-	E.DotPlot(),
-	E.LinePlot()
+	T.Bar(),
+	T.Histogram(),
+	T.LineDot(),
+	T.LineCross(),
+	T.DotPlot(),
+	T.LinePlot()
 ], ui = class extends K.Component {
 	constructor(e) {
 		super(e);
@@ -2804,7 +2804,7 @@ var Dr = class e extends CustomEvent {
 	render() {
 		let { configuration: e, imageSupport: t, model: n, onConfigurationChanged: r, onModelChanged: i, uploadSoundSupport: a } = this.props;
 		ti("[render] model", n);
-		let { graph: o } = n, { baseInputConfiguration: s = {}, contentDimensions: c = {}, chartDimensions: l = {}, authorNewCategoryDefaults: u = {}, labelsPlaceholders: d = {}, instruction: f = {}, maxImageWidth: p = {}, maxImageHeight: m = {}, prompt: h = {}, rationale: g = {}, scoringType: _ = {}, settingsPanelDisabled: v, spellCheck: y = {}, studentInstructions: b = {}, teacherInstructions: x = {}, titlePlaceholder: S = {}, withRubric: C = {}, chartingOptions: w = {}, availableChartTypes: T = {}, mathMlOptions: E = {}, chartTypeLabel: D, language: O = {}, languageChoices: k = {}, labelsCharactersLimit: A } = e || {}, { errors: j, extraCSSRules: M, promptEnabled: N, rationaleEnabled: P, spellCheckEnabled: F, teacherInstructionsEnabled: I, studentNewCategoryDefaultLabel: L } = n || {}, { categoryErrors: z, correctAnswerErrors: ee, prompt: B, rationale: V, teacherInstructions: te } = j || {}, { gridValues: ne, labelValues: re } = this.state, ie = l.showInConfigPanel || !0, H = p && p.prompt, U = m && m.prompt, W = {
+		let { graph: o } = n, { baseInputConfiguration: s = {}, contentDimensions: c = {}, chartDimensions: l = {}, authorNewCategoryDefaults: u = {}, labelsPlaceholders: d = {}, instruction: f = {}, maxImageWidth: p = {}, maxImageHeight: m = {}, prompt: h = {}, rationale: g = {}, scoringType: _ = {}, settingsPanelDisabled: v, spellCheck: y = {}, studentInstructions: b = {}, teacherInstructions: x = {}, titlePlaceholder: S = {}, withRubric: C = {}, chartingOptions: w = {}, availableChartTypes: T = {}, mathMlOptions: E = {}, chartTypeLabel: D, language: O = {}, languageChoices: k = {}, labelsCharactersLimit: A } = e || {}, { errors: j, extraCSSRules: M, promptEnabled: N, rationaleEnabled: P, spellCheckEnabled: F, teacherInstructionsEnabled: I, studentNewCategoryDefaultLabel: L } = n || {}, { categoryErrors: R, correctAnswerErrors: te, prompt: z, rationale: B, teacherInstructions: ne } = j || {}, { gridValues: V, labelValues: re } = this.state, ie = l.showInConfigPanel || !0, H = p && p.prompt, U = m && m.prompt, W = {
 			changeInteractiveEnabled: w.changeInteractive?.settings && $(w.changeInteractive.settingsLabel),
 			changeEditableEnabled: w.changeEditable?.settings && $(w.changeEditable.settingsLabel),
 			changeAddCategoryEnabled: w.addCategory?.settings && $(w.addCategory.settingsLabel)
@@ -2845,12 +2845,12 @@ var Dr = class e extends CustomEvent {
 				}),
 				I && /* @__PURE__ */ J(oi, {
 					label: x.label,
-					children: [/* @__PURE__ */ q(R, {
+					children: [/* @__PURE__ */ q(ee, {
 						markup: n.teacherInstructions || "",
 						onChange: this.onTeacherInstructionsChange,
 						imageSupport: t,
 						nonEmpty: !1,
-						error: te,
+						error: ne,
 						spellCheck: F,
 						pluginProps: G(x?.inputConfiguration),
 						maxImageWidth: p && p.teacherInstructions || H,
@@ -2858,16 +2858,16 @@ var Dr = class e extends CustomEvent {
 						uploadSoundSupport: a,
 						languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
 						mathMlOptions: E
-					}), te && /* @__PURE__ */ q(ci, { children: te })]
+					}), ne && /* @__PURE__ */ q(ci, { children: ne })]
 				}),
 				N && /* @__PURE__ */ J(oi, {
 					label: h.label,
-					children: [/* @__PURE__ */ q(R, {
+					children: [/* @__PURE__ */ q(ee, {
 						markup: n.prompt,
 						onChange: this.onPromptChange,
 						imageSupport: t,
 						nonEmpty: !1,
-						error: B,
+						error: z,
 						spellCheck: F,
 						disableUnderline: !0,
 						pluginProps: G(h?.inputConfiguration),
@@ -2876,12 +2876,12 @@ var Dr = class e extends CustomEvent {
 						uploadSoundSupport: a,
 						languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
 						mathMlOptions: E
-					}), B && /* @__PURE__ */ q(ci, { children: B })]
+					}), z && /* @__PURE__ */ q(ci, { children: z })]
 				}),
 				/* @__PURE__ */ q(Er, {
 					model: n,
 					onChange: this.onConfigChange,
-					gridValues: ne,
+					gridValues: V,
 					labelValues: re,
 					chartDimensions: l,
 					studentNewCategoryDefaultLabel: L,
@@ -2905,19 +2905,19 @@ var Dr = class e extends CustomEvent {
 					model: n,
 					onChange: i,
 					charts: li,
-					error: z,
-					correctAnswerErrors: ee,
+					error: R,
+					correctAnswerErrors: te,
 					studentNewCategoryDefaultLabel: L,
 					mathMlOptions: E,
 					labelsPlaceholders: d
 				}),
 				P && /* @__PURE__ */ J(oi, {
 					label: g.label || "Rationale",
-					children: [/* @__PURE__ */ q(R, {
+					children: [/* @__PURE__ */ q(ee, {
 						markup: n.rationale || "",
 						onChange: this.onRationaleChange,
 						imageSupport: t,
-						error: V,
+						error: B,
 						spellCheck: F,
 						pluginProps: G(g?.inputConfiguration),
 						maxImageWidth: p && p.rationale || H,
@@ -2925,7 +2925,7 @@ var Dr = class e extends CustomEvent {
 						uploadSoundSupport: a,
 						languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
 						mathMlOptions: E
-					}), V && /* @__PURE__ */ q(ci, { children: V })]
+					}), B && /* @__PURE__ */ q(ci, { children: B })]
 				})
 			]
 		});
@@ -3188,7 +3188,7 @@ var Dr = class e extends CustomEvent {
 	}
 }, mi = Object.freeze({
 	name: "@pie-element/charting",
-	version: "13.0.7-next.20261019015909"
+	version: "13.0.7-next.20261019062545"
 });
 //#endregion
 export { pi as default, mi as piePackage };