@pie-element/charting 13.0.1-next.20261005143122 → 13.0.1-next.20261005184705

package/dist/browser/author/index.js

@@ -1,18 +1,18 @@
 import { i as e } from "../rolldown-runtime-CWhphoD1.js";
-import { $ as t, B as n, C as r, D as i, E as a, F as o, G as s, I as c, J as l, K as u, L as d, M as f, N as p, P as m, Q as h, R as g, S as _, T as v, U 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, g as j, i as M, k as N, l as P, m as F, n as ee, p as I, q as te, r as L, s as ne, t as R, u as z, w as B, z as V } from "../chart-CUS3uPUZ.js";
-import { f as re, g as ie, i as H, r as U, t as ae, v as oe } from "../dist-Csg_Ufh1.js";
-import * as W from "react";
-import G, { Component as se, createElement as ce, useEffect as le, useId as ue, useState as de } from "react";
-import { createRoot as fe } from "react-dom/client";
-import { jsx as K, jsxs as q } from "react/jsx-runtime";
+import { $ as t, B as n, C as r, D as i, E as a, F as o, G as s, I as c, J as l, K as u, L as d, M as f, N as p, P as m, Q as h, R as g, S as _, T as v, U 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, g as j, i as M, k as N, l as P, m as F, n as ee, p as I, q as te, r as L, s as ne, t as R, u as z, w as B, z as V } from "../chart-CkyRyeg6.js";
+import { d as re, i as ie, p as H, s as U, t as W, v as ae } from "../dist-C8LYVZbH.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+eb26afe407ed7030/node_modules/@mui/material/esm/utils/createChainedFunction.js
-var pe = g;
+var fe = g;
 //#endregion
 //#region ../../../node_modules/.bun/@mui+material@7.3.11+eb26afe407ed7030/node_modules/@mui/material/esm/FormControlLabel/formControlLabelClasses.js
-function me(e) {
+function pe(e) {
 	return w("MuiFormControlLabel", e);
 }
-var J = S("MuiFormControlLabel", [
+var Y = S("MuiFormControlLabel", [
 	"root",
 	"labelPlacementStart",
 	"labelPlacementTop",
@@ -22,7 +22,7 @@ var J = S("MuiFormControlLabel", [
 	"error",
 	"required",
 	"asterisk"
-]), he = (e) => {
+]), me = (e) => {
 	let { classes: t, disabled: n, labelPlacement: r, error: i, required: a } = e;
 	return C({
 		root: [
@@ -34,14 +34,14 @@ var J = S("MuiFormControlLabel", [
 		],
 		label: ["label", n && "disabled"],
 		asterisk: ["asterisk", i && "error"]
-	}, me, t);
-}, ge = s("label", {
+	}, pe, t);
+}, he = s("label", {
 	name: "MuiFormControlLabel",
 	slot: "Root",
 	overridesResolver: (e, t) => {
 		let { ownerState: n } = e;
 		return [
-			{ [`& .${J.label}`]: t.label },
+			{ [`& .${Y.label}`]: t.label },
 			t.root,
 			t[`labelPlacement${d(n.labelPlacement)}`]
 		];
@@ -54,8 +54,8 @@ var J = S("MuiFormControlLabel", [
 	WebkitTapHighlightColor: "transparent",
 	marginLeft: -11,
 	marginRight: 16,
-	[`&.${J.disabled}`]: { cursor: "default" },
-	[`& .${J.label}`]: { [`&.${J.disabled}`]: { color: (e.vars || e).palette.text.disabled } },
+	[`&.${Y.disabled}`]: { cursor: "default" },
+	[`& .${Y.label}`]: { [`&.${Y.disabled}`]: { color: (e.vars || e).palette.text.disabled } },
 	variants: [
 		{
 			props: { labelPlacement: "start" },
@@ -77,10 +77,10 @@ var J = S("MuiFormControlLabel", [
 			style: { marginLeft: 16 }
 		}
 	]
-}))), _e = s("span", {
+}))), ge = s("span", {
 	name: "MuiFormControlLabel",
 	slot: "Asterisk"
-})(n(({ theme: e }) => ({ [`&.${J.error}`]: { color: (e.vars || e).palette.error.main } }))), ve = /*#__PURE__*/ W.forwardRef(function(e, t) {
+})(n(({ theme: e }) => ({ [`&.${Y.error}`]: { color: (e.vars || e).palette.error.main } }))), _e = /*#__PURE__*/ G.forwardRef(function(e, t) {
 	let n = b({
 		props: e,
 		name: "MuiFormControlLabel"
@@ -107,7 +107,7 @@ var J = S("MuiFormControlLabel", [
 		labelPlacement: f,
 		required: T,
 		error: D.error
-	}, k = he(O), [A, j] = V("typography", {
+	}, k = me(O), [A, j] = V("typography", {
 		elementType: F,
 		externalForwardedProps: {
 			slots: _,
@@ -118,17 +118,17 @@ var J = S("MuiFormControlLabel", [
 		},
 		ownerState: O
 	}), M = d;
-	return M != null && M.type !== F && !l && (M = /*#__PURE__*/ K(A, {
+	return M != null && M.type !== F && !l && (M = /*#__PURE__*/ q(A, {
 		component: "span",
 		...j,
 		className: h(k.label, j?.className),
 		children: M
-	})), /*#__PURE__*/ q(ge, {
+	})), /*#__PURE__*/ J(he, {
 		className: h(k.root, a),
 		ownerState: O,
 		ref: t,
 		...S,
-		children: [/*#__PURE__*/ W.cloneElement(s, E), T ? /*#__PURE__*/ q("div", { children: [M, /*#__PURE__*/ q(_e, {
+		children: [/*#__PURE__*/ G.cloneElement(s, E), T ? /*#__PURE__*/ J("div", { children: [M, /*#__PURE__*/ J(ge, {
 			ownerState: O,
 			"aria-hidden": !0,
 			className: k.asterisk,
@@ -138,10 +138,10 @@ var J = S("MuiFormControlLabel", [
 });
 //#endregion
 //#region ../../../node_modules/.bun/@mui+material@7.3.11+eb26afe407ed7030/node_modules/@mui/material/esm/InputAdornment/inputAdornmentClasses.js
-function ye(e) {
+function ve(e) {
 	return w("MuiInputAdornment", e);
 }
-var be = S("MuiInputAdornment", [
+var ye = S("MuiInputAdornment", [
 	"root",
 	"filled",
 	"standard",
@@ -151,7 +151,7 @@ var be = S("MuiInputAdornment", [
 	"disablePointerEvents",
 	"hiddenLabel",
 	"sizeSmall"
-]), xe, Se = (e, t) => {
+]), be, xe = (e, t) => {
 	let { ownerState: n } = e;
 	return [
 		t.root,
@@ -159,7 +159,7 @@ var be = S("MuiInputAdornment", [
 		n.disablePointerEvents === !0 && t.disablePointerEvents,
 		t[n.variant]
 	];
-}, Ce = (e) => {
+}, Se = (e) => {
 	let { classes: t, disablePointerEvents: n, hiddenLabel: r, position: i, size: a, variant: o } = e;
 	return C({ root: [
 		"root",
@@ -168,11 +168,11 @@ var be = S("MuiInputAdornment", [
 		o,
 		r && "hiddenLabel",
 		a && `size${d(a)}`
-	] }, ye, t);
-}, we = s("div", {
+	] }, ve, t);
+}, Ce = s("div", {
 	name: "MuiInputAdornment",
 	slot: "Root",
-	overridesResolver: Se
+	overridesResolver: xe
 })(n(({ theme: e }) => ({
 	display: "flex",
 	maxHeight: "2em",
@@ -182,7 +182,7 @@ var be = S("MuiInputAdornment", [
 	variants: [
 		{
 			props: { variant: "filled" },
-			style: { [`&.${be.positionStart}&:not(.${be.hiddenLabel})`]: { marginTop: 16 } }
+			style: { [`&.${ye.positionStart}&:not(.${ye.hiddenLabel})`]: { marginTop: 16 } }
 		},
 		{
 			props: { position: "start" },
@@ -197,7 +197,7 @@ var be = S("MuiInputAdornment", [
 			style: { pointerEvents: "none" }
 		}
 	]
-}))), Te = /*#__PURE__*/ W.forwardRef(function(e, t) {
+}))), we = /*#__PURE__*/ G.forwardRef(function(e, t) {
 	let n = b({
 		props: e,
 		name: "MuiInputAdornment"
@@ -210,32 +210,32 @@ var be = S("MuiInputAdornment", [
 		disablePointerEvents: s,
 		position: l,
 		variant: p
-	}, g = Ce(m);
-	return /*#__PURE__*/ K(a.Provider, {
+	}, g = Se(m);
+	return /*#__PURE__*/ q(a.Provider, {
 		value: null,
-		children: /*#__PURE__*/ K(we, {
+		children: /*#__PURE__*/ q(Ce, {
 			as: o,
 			ownerState: m,
 			className: h(g.root, i),
 			ref: t,
 			...d,
-			children: typeof r == "string" && !c ? /*#__PURE__*/ K(F, {
+			children: typeof r == "string" && !c ? /*#__PURE__*/ q(F, {
 				color: "textSecondary",
 				children: r
-			}) : /*#__PURE__*/ q(W.Fragment, { children: [l === "start" ? xe ||= /*#__PURE__*/ K("span", {
+			}) : /*#__PURE__*/ J(G.Fragment, { children: [l === "start" ? be ||= /*#__PURE__*/ q("span", {
 				className: "notranslate",
 				"aria-hidden": !0,
 				children: "​"
 			}) : null, r] })
 		})
 	});
-}), Ee = c(/*#__PURE__*/ K("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"), De = c(/*#__PURE__*/ K("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"), Oe = s("span", {
+}), Te = c(/*#__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 = c(/*#__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 = s("span", {
 	name: "MuiRadioButtonIcon",
 	shouldForwardProp: u
 })({
 	position: "relative",
 	display: "flex"
-}), ke = s(Ee, { name: "MuiRadioButtonIcon" })({ transform: "scale(1)" }), Ae = s(De, { name: "MuiRadioButtonIcon" })(n(({ theme: e }) => ({
+}), Oe = s(Te, { name: "MuiRadioButtonIcon" })({ transform: "scale(1)" }), ke = s(Ee, { name: "MuiRadioButtonIcon" })(n(({ theme: e }) => ({
 	left: 0,
 	position: "absolute",
 	transform: "scale(0)",
@@ -254,19 +254,19 @@ var be = S("MuiInputAdornment", [
 		}
 	}]
 })));
-function je(e) {
+function Ae(e) {
 	let { checked: t = !1, classes: n = {}, fontSize: r } = e, i = {
 		...e,
 		checked: t
 	};
-	return /*#__PURE__*/ q(Oe, {
+	return /*#__PURE__*/ J(De, {
 		className: n.root,
 		ownerState: i,
-		children: [/*#__PURE__*/ K(ke, {
+		children: [/*#__PURE__*/ q(Oe, {
 			fontSize: r,
 			className: n.background,
 			ownerState: i
-		}), /*#__PURE__*/ K(Ae, {
+		}), /*#__PURE__*/ q(ke, {
 			fontSize: r,
 			className: n.dot,
 			ownerState: i
@@ -275,25 +275,25 @@ function je(e) {
 }
 //#endregion
 //#region ../../../node_modules/.bun/@mui+material@7.3.11+eb26afe407ed7030/node_modules/@mui/material/esm/RadioGroup/RadioGroupContext.js
-var Me = /*#__PURE__*/ W.createContext(void 0);
+var je = /*#__PURE__*/ G.createContext(void 0);
 //#endregion
 //#region ../../../node_modules/.bun/@mui+material@7.3.11+eb26afe407ed7030/node_modules/@mui/material/esm/RadioGroup/useRadioGroup.js
-function Ne() {
-	return W.useContext(Me);
+function Me() {
+	return G.useContext(je);
 }
 //#endregion
 //#region ../../../node_modules/.bun/@mui+material@7.3.11+eb26afe407ed7030/node_modules/@mui/material/esm/Radio/radioClasses.js
-function Pe(e) {
+function Ne(e) {
 	return w("MuiRadio", e);
 }
-var Fe = S("MuiRadio", [
+var Pe = S("MuiRadio", [
 	"root",
 	"checked",
 	"disabled",
 	"colorPrimary",
 	"colorSecondary",
 	"sizeSmall"
-]), Ie = (e) => {
+]), Fe = (e) => {
 	let { classes: t, color: n, size: r } = e, i = { root: [
 		"root",
 		`color${d(n)}`,
@@ -301,9 +301,9 @@ var Fe = S("MuiRadio", [
 	] };
 	return {
 		...t,
-		...C(i, Pe, t)
+		...C(i, Ne, t)
 	};
-}, Le = s(M, {
+}, Ie = s(M, {
 	shouldForwardProp: (e) => u(e) || e === "classes",
 	name: "MuiRadio",
 	slot: "Root",
@@ -317,7 +317,7 @@ var Fe = S("MuiRadio", [
 	}
 })(n(({ theme: e }) => ({
 	color: (e.vars || e).palette.text.secondary,
-	[`&.${Fe.disabled}`]: { color: (e.vars || e).palette.action.disabled },
+	[`&.${Pe.disabled}`]: { color: (e.vars || e).palette.action.disabled },
 	variants: [
 		{
 			props: {
@@ -340,7 +340,7 @@ var Fe = S("MuiRadio", [
 				color: t,
 				disabled: !1
 			},
-			style: { [`&.${Fe.checked}`]: { color: (e.vars || e).palette[t].main } }
+			style: { [`&.${Pe.checked}`]: { color: (e.vars || e).palette[t].main } }
 		})),
 		{
 			props: { disableRipple: !1 },
@@ -348,14 +348,14 @@ var Fe = S("MuiRadio", [
 		}
 	]
 })));
-function Re(e, t) {
+function Le(e, t) {
 	return typeof t == "object" && t ? e === t : String(e) === String(t);
 }
-var ze = /*#__PURE__*/ K(je, { checked: !0 }), Be = /*#__PURE__*/ K(je, {}), Ve = /*#__PURE__*/ W.forwardRef(function(e, t) {
+var Re = /*#__PURE__*/ q(Ae, { checked: !0 }), ze = /*#__PURE__*/ q(Ae, {}), Be = /*#__PURE__*/ G.forwardRef(function(e, t) {
 	let n = b({
 		props: e,
 		name: "MuiRadio"
-	}), { checked: r, checkedIcon: i = ze, color: a = "primary", icon: o = Be, name: s, onChange: c, size: l = "medium", className: u, disabled: d, disableRipple: f = !1, slots: p = {}, slotProps: m = {}, inputProps: g, ..._ } = n, y = v(), x = d;
+	}), { checked: r, checkedIcon: i = Re, color: a = "primary", icon: o = ze, name: s, onChange: c, size: l = "medium", className: u, disabled: d, disableRipple: f = !1, slots: p = {}, slotProps: m = {}, inputProps: g, ..._ } = n, y = v(), x = d;
 	y && x === void 0 && (x = y.disabled), x ??= !1;
 	let S = {
 		...n,
@@ -363,11 +363,11 @@ var ze = /*#__PURE__*/ K(je, { checked: !0 }), Be = /*#__PURE__*/ K(je, {}), Ve
 		disableRipple: f,
 		color: a,
 		size: l
-	}, C = Ie(S), w = Ne(), T = r, E = pe(c, w && w.onChange), D = s;
-	w && (T === void 0 && (T = Re(w.value, n.value)), D === void 0 && (D = w.name));
+	}, C = Fe(S), w = Me(), T = r, E = fe(c, w && w.onChange), D = s;
+	w && (T === void 0 && (T = Le(w.value, n.value)), D === void 0 && (D = w.name));
 	let O = m.input ?? g, [k, A] = V("root", {
 		ref: t,
-		elementType: Le,
+		elementType: Ie,
 		className: h(C.root, u),
 		shouldForwardComponentProp: !0,
 		externalForwardedProps: {
@@ -384,8 +384,8 @@ var ze = /*#__PURE__*/ K(je, { checked: !0 }), Be = /*#__PURE__*/ K(je, {}), Ve
 		ownerState: S,
 		additionalProps: {
 			type: "radio",
-			icon: /*#__PURE__*/ W.cloneElement(o, { fontSize: o.props.fontSize ?? l }),
-			checkedIcon: /*#__PURE__*/ W.cloneElement(i, { fontSize: i.props.fontSize ?? l }),
+			icon: /*#__PURE__*/ G.cloneElement(o, { fontSize: o.props.fontSize ?? l }),
+			checkedIcon: /*#__PURE__*/ G.cloneElement(i, { fontSize: i.props.fontSize ?? l }),
 			disabled: x,
 			name: D,
 			checked: T,
@@ -393,17 +393,17 @@ var ze = /*#__PURE__*/ K(je, { checked: !0 }), Be = /*#__PURE__*/ K(je, {}), Ve
 			slotProps: { input: typeof O == "function" ? O(S) : O }
 		}
 	});
-	return /*#__PURE__*/ K(k, {
+	return /*#__PURE__*/ q(k, {
 		...A,
 		classes: C
 	});
 });
 //#endregion
 //#region ../../../node_modules/.bun/@mui+material@7.3.11+eb26afe407ed7030/node_modules/@mui/material/esm/Switch/switchClasses.js
-function He(e) {
+function Ve(e) {
 	return w("MuiSwitch", e);
 }
-var Y = S("MuiSwitch", [
+var X = S("MuiSwitch", [
 	"root",
 	"edgeStart",
 	"edgeEnd",
@@ -417,7 +417,7 @@ var Y = S("MuiSwitch", [
 	"input",
 	"thumb",
 	"track"
-]), Ue = (e) => {
+]), He = (e) => {
 	let { classes: t, edge: n, size: r, color: i, checked: a, disabled: o } = e, s = C({
 		root: [
 			"root",
@@ -433,12 +433,12 @@ var Y = S("MuiSwitch", [
 		thumb: ["thumb"],
 		track: ["track"],
 		input: ["input"]
-	}, He, t);
+	}, Ve, t);
 	return {
 		...t,
 		...s
 	};
-}, We = s("span", {
+}, Ue = s("span", {
 	name: "MuiSwitch",
 	slot: "Root",
 	overridesResolver: (e, t) => {
@@ -476,25 +476,25 @@ var Y = S("MuiSwitch", [
 				width: 40,
 				height: 24,
 				padding: 7,
-				[`& .${Y.thumb}`]: {
+				[`& .${X.thumb}`]: {
 					width: 16,
 					height: 16
 				},
-				[`& .${Y.switchBase}`]: {
+				[`& .${X.switchBase}`]: {
 					padding: 4,
-					[`&.${Y.checked}`]: { transform: "translateX(16px)" }
+					[`&.${X.checked}`]: { transform: "translateX(16px)" }
 				}
 			}
 		}
 	]
-}), Ge = s(M, {
+}), We = s(M, {
 	name: "MuiSwitch",
 	slot: "SwitchBase",
 	overridesResolver: (e, t) => {
 		let { ownerState: n } = e;
 		return [
 			t.switchBase,
-			{ [`& .${Y.input}`]: t.input },
+			{ [`& .${X.input}`]: t.input },
 			n.color !== "default" && t[`color${d(n.color)}`]
 		];
 	}
@@ -505,11 +505,11 @@ var Y = S("MuiSwitch", [
 	zIndex: 1,
 	color: e.vars ? e.vars.palette.Switch.defaultColor : `${e.palette.mode === "light" ? e.palette.common.white : e.palette.grey[300]}`,
 	transition: e.transitions.create(["left", "transform"], { duration: e.transitions.duration.shortest }),
-	[`&.${Y.checked}`]: { transform: "translateX(20px)" },
-	[`&.${Y.disabled}`]: { color: e.vars ? e.vars.palette.Switch.defaultDisabledColor : `${e.palette.mode === "light" ? e.palette.grey[100] : e.palette.grey[600]}` },
-	[`&.${Y.checked} + .${Y.track}`]: { opacity: .5 },
-	[`&.${Y.disabled} + .${Y.track}`]: { opacity: e.vars ? e.vars.opacity.switchTrackDisabled : `${e.palette.mode === "light" ? .12 : .2}` },
-	[`& .${Y.input}`]: {
+	[`&.${X.checked}`]: { transform: "translateX(20px)" },
+	[`&.${X.disabled}`]: { color: e.vars ? e.vars.palette.Switch.defaultDisabledColor : `${e.palette.mode === "light" ? e.palette.grey[100] : e.palette.grey[600]}` },
+	[`&.${X.checked} + .${X.track}`]: { opacity: .5 },
+	[`&.${X.disabled} + .${X.track}`]: { opacity: e.vars ? e.vars.opacity.switchTrackDisabled : `${e.palette.mode === "light" ? .12 : .2}` },
+	[`& .${X.input}`]: {
 		left: "-100%",
 		width: "300%"
 	}
@@ -521,18 +521,18 @@ var Y = S("MuiSwitch", [
 	variants: [...Object.entries(e.palette).filter(N(["light"])).map(([t]) => ({
 		props: { color: t },
 		style: {
-			[`&.${Y.checked}`]: {
+			[`&.${X.checked}`]: {
 				color: (e.vars || e).palette[t].main,
 				"&:hover": {
 					backgroundColor: e.alpha((e.vars || e).palette[t].main, (e.vars || e).palette.action.hoverOpacity),
 					"@media (hover: none)": { backgroundColor: "transparent" }
 				},
-				[`&.${Y.disabled}`]: { color: e.vars ? e.vars.palette.Switch[`${t}DisabledColor`] : `${e.palette.mode === "light" ? e.lighten(e.palette[t].main, .62) : e.darken(e.palette[t].main, .55)}` }
+				[`&.${X.disabled}`]: { color: e.vars ? e.vars.palette.Switch[`${t}DisabledColor`] : `${e.palette.mode === "light" ? e.lighten(e.palette[t].main, .62) : e.darken(e.palette[t].main, .55)}` }
 			},
-			[`&.${Y.checked} + .${Y.track}`]: { backgroundColor: (e.vars || e).palette[t].main }
+			[`&.${X.checked} + .${X.track}`]: { backgroundColor: (e.vars || e).palette[t].main }
 		}
 	}))]
-}))), Ke = s("span", {
+}))), Ge = s("span", {
 	name: "MuiSwitch",
 	slot: "Track"
 })(n(({ theme: e }) => ({
@@ -545,7 +545,7 @@ var Y = S("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}`
-}))), qe = s("span", {
+}))), Ke = s("span", {
 	name: "MuiSwitch",
 	slot: "Thumb"
 })(n(({ theme: e }) => ({
@@ -556,7 +556,7 @@ var Y = S("MuiSwitch", [
 	width: 20,
 	height: 20,
 	borderRadius: "50%"
-}))), Je = /*#__PURE__*/ W.forwardRef(function(e, t) {
+}))), qe = /*#__PURE__*/ G.forwardRef(function(e, t) {
 	let n = b({
 		props: e,
 		name: "MuiSwitch"
@@ -565,29 +565,29 @@ var Y = S("MuiSwitch", [
 		color: i,
 		edge: a,
 		size: s
-	}, p = Ue(f), m = u.input, g = {
+	}, p = He(f), m = u.input, g = {
 		slots: l,
 		slotProps: u
 	}, [_, v] = V("root", {
 		className: h(p.root, r),
-		elementType: We,
+		elementType: Ue,
 		externalForwardedProps: g,
 		ownerState: f,
 		additionalProps: { sx: c }
 	}), [y, x] = V("thumb", {
 		className: p.thumb,
-		elementType: qe,
+		elementType: Ke,
 		externalForwardedProps: g,
 		ownerState: f
-	}), S = /*#__PURE__*/ K(y, { ...x }), [C, w] = V("track", {
+	}), S = /*#__PURE__*/ q(y, { ...x }), [C, w] = V("track", {
 		className: p.track,
-		elementType: Ke,
+		elementType: Ge,
 		externalForwardedProps: g,
 		ownerState: f
 	});
-	return /*#__PURE__*/ q(_, {
+	return /*#__PURE__*/ J(_, {
 		...v,
-		children: [/*#__PURE__*/ K(Ge, {
+		children: [/*#__PURE__*/ q(We, {
 			type: "checkbox",
 			icon: S,
 			checkedIcon: S,
@@ -606,33 +606,33 @@ var Y = S("MuiSwitch", [
 				...u.switchBase && { root: typeof u.switchBase == "function" ? u.switchBase(f) : u.switchBase },
 				input: o(typeof m == "function" ? m(f) : m, { role: "switch" })
 			}
-		}), /*#__PURE__*/ K(C, { ...w })]
+		}), /*#__PURE__*/ q(C, { ...w })]
 	});
-}), Ye = /* @__PURE__ */ e(oe(), 1), X = /* @__PURE__ */ e(k(), 1), Xe = s(ve)(() => ({ "& .MuiFormControlLabel-label": {
+}), Je = /* @__PURE__ */ e(ae(), 1), Z = /* @__PURE__ */ e(k(), 1), Ye = s(_e)(() => ({ "& .MuiFormControlLabel-label": {
 	left: "-5px",
 	position: "relative"
-} })), Ze = s(Ve)(() => ({ color: `${y.tertiary()} !important` })), Qe = ({ label: e, value: t, checked: n, onChange: r }) => /* @__PURE__ */ K(Xe, {
+} })), Xe = s(Be)(() => ({ color: `${y.tertiary()} !important` })), Ze = ({ label: e, value: t, checked: n, onChange: r }) => /* @__PURE__ */ q(Ye, {
 	value: t,
-	control: /* @__PURE__ */ K(Ze, {
+	control: /* @__PURE__ */ q(Xe, {
 		checked: n,
 		onChange: r
 	}),
 	label: e
 });
-Qe.propTypes = {
-	label: X.default.string,
-	value: X.default.string,
-	checked: X.default.bool,
-	onChange: X.default.func
+Ze.propTypes = {
+	label: Z.default.string,
+	value: Z.default.string,
+	checked: Z.default.bool,
+	onChange: Z.default.func
 };
 //#endregion
 //#region ../../lib-react/config-ui/dist/tabs/index.js
-var $e = s(D)(() => ({})), et = class extends G.Component {
+var Qe = s(D)(() => ({})), $e = class extends K.Component {
 	static propTypes = {
-		className: X.default.string,
-		contentClassName: X.default.string,
-		contentStyle: X.default.object,
-		children: X.default.oneOfType([X.default.arrayOf(X.default.node), X.default.node]).isRequired
+		className: Z.default.string,
+		contentClassName: Z.default.string,
+		contentStyle: Z.default.object,
+		children: Z.default.oneOfType([Z.default.arrayOf(Z.default.node), Z.default.node]).isRequired
 	};
 	constructor(e) {
 		super(e), this.state = { value: 0 };
@@ -642,21 +642,21 @@ var $e = s(D)(() => ({})), et = class extends G.Component {
 	};
 	render() {
 		let { value: e } = this.state, { children: t, className: n, contentClassName: r, contentStyle: i = {} } = this.props;
-		return /* @__PURE__ */ q("div", {
+		return /* @__PURE__ */ J("div", {
 			className: n,
-			children: [/* @__PURE__ */ K(P, {
+			children: [/* @__PURE__ */ q(P, {
 				indicatorColor: "primary",
 				value: e,
 				onChange: this.handleChange,
-				children: G.Children.map(t, (e, t) => e && e.props.title ? /* @__PURE__ */ K($e, { label: e.props.title }, t) : null)
-			}), /* @__PURE__ */ K("div", {
+				children: K.Children.map(t, (e, t) => e && e.props.title ? /* @__PURE__ */ q(Qe, { label: e.props.title }, t) : null)
+			}), /* @__PURE__ */ q("div", {
 				className: r,
 				style: i,
 				children: t[e]
 			})]
 		});
 	}
-}, tt = s(ve)(({ theme: e, mini: t }) => ({
+}, et = s(_e)(({ theme: e, mini: t }) => ({
 	margin: 0,
 	marginLeft: 0,
 	padding: 0,
@@ -670,7 +670,7 @@ var $e = s(D)(() => ({})), et = class extends G.Component {
 			fontSize: e.typography.fontSize - 3
 		}
 	}
-})), nt = s(L)(({ theme: e, mini: t, error: n }) => ({
+})), tt = s(L)(({ theme: e, mini: t, error: n }) => ({
 	color: `${y.tertiary()} !important`,
 	...t && {
 		margin: 0,
@@ -679,9 +679,9 @@ var $e = s(D)(() => ({})), et = class extends G.Component {
 		height: e.spacing(3)
 	},
 	...n && { color: `${e.palette.error.main} !important` }
-})), rt = ({ mini: e, checked: t, onChange: n, value: r, label: i, error: a }) => /* @__PURE__ */ K(tt, {
+})), nt = ({ mini: e, checked: t, onChange: n, value: r, label: i, error: a }) => /* @__PURE__ */ q(et, {
 	mini: e,
-	control: /* @__PURE__ */ K(nt, {
+	control: /* @__PURE__ */ q(tt, {
 		checked: t,
 		onChange: n,
 		value: r,
@@ -690,21 +690,21 @@ var $e = s(D)(() => ({})), et = class extends G.Component {
 	}),
 	label: i
 });
-rt.propTypes = {
-	mini: X.default.bool,
-	checked: X.default.bool.isRequired,
-	onChange: X.default.func.isRequired,
-	value: X.default.string,
-	label: X.default.string.isRequired,
-	error: X.default.bool
-}, rt.defaultProps = {
+nt.propTypes = {
+	mini: Z.default.bool,
+	checked: Z.default.bool.isRequired,
+	onChange: Z.default.func.isRequired,
+	value: Z.default.string,
+	label: Z.default.string.isRequired,
+	error: Z.default.bool
+}, nt.defaultProps = {
 	value: "",
 	mini: !1,
 	error: !1
 };
 //#endregion
 //#region ../../lib-react/config-ui/dist/number-text-field.js
-var it = (0, Ye.default)("@pie-lib:config-ui:number-text-field"), at = s(z)(({ theme: e }) => ({
+var rt = (0, Je.default)("@pie-lib:config-ui:number-text-field"), it = s(z)(({ theme: e }) => ({
 	marginRight: e.spacing(1),
 	"& .MuiInputLabel-root": {
 		width: "auto",
@@ -726,24 +726,24 @@ var it = (0, Ye.default)("@pie-lib:config-ui:number-text-field"), at = s(z)(({ t
 		minHeight: "auto",
 		padding: "6px 0 7px"
 	}
-})), ot = (e, t) => {
-	if (!H(e) && !H(t)) return 0;
-	if (!H(e) && H(t)) return t;
-	if (H(e)) return e;
-}, st = class extends G.Component {
+})), at = (e, t) => {
+	if (!W(e) && !W(t)) return 0;
+	if (!W(e) && W(t)) return t;
+	if (W(e)) return e;
+}, ot = class extends K.Component {
 	static propTypes = {
-		disabled: X.default.bool,
-		className: X.default.string,
-		inputClassName: X.default.string,
-		onChange: X.default.func.isRequired,
-		value: X.default.number,
-		min: X.default.number,
-		max: X.default.number,
-		label: X.default.string,
-		suffix: X.default.string,
-		showErrorWhenOutsideRange: X.default.bool,
-		disableUnderline: X.default.bool,
-		variant: X.default.string
+		disabled: Z.default.bool,
+		className: Z.default.string,
+		inputClassName: Z.default.string,
+		onChange: Z.default.func.isRequired,
+		value: Z.default.number,
+		min: Z.default.number,
+		max: Z.default.number,
+		label: Z.default.string,
+		suffix: Z.default.string,
+		showErrorWhenOutsideRange: Z.default.bool,
+		disableUnderline: Z.default.bool,
+		variant: Z.default.string
 	};
 	static defaultProps = { showErrorWhenOutsideRange: !1 };
 	constructor(e) {
@@ -756,13 +756,13 @@ var it = (0, Ye.default)("@pie-lib:config-ui:number-text-field"), at = s(z)(({ t
 		this.setState({ value: t });
 	}
 	clamp(e, t = this.props.min, n = this.props.max) {
-		return H(e) ? (H(n) && (e = Math.min(e, n)), H(t) && (e = Math.max(e, t)), e) : ot(t, n);
+		return W(e) ? (W(n) && (e = Math.min(e, n)), W(t) && (e = Math.max(e, t)), e) : at(t, n);
 	}
 	onBlur = (e) => {
 		let t = e.target.value, n = parseFloat(t);
-		it("rawNumber: ", n);
+		rt("rawNumber: ", n);
 		let r = this.clamp(n);
-		it("number: ", r), r !== this.state.value && (it("trigger update..."), this.setState({ value: r.toString() }, () => {
+		rt("number: ", r), r !== this.state.value && (rt("trigger update..."), this.setState({ value: r.toString() }, () => {
 			this.props.onChange(e, r);
 		}));
 	};
@@ -782,7 +782,7 @@ var it = (0, Ye.default)("@pie-lib:config-ui:number-text-field"), at = s(z)(({ t
 	};
 	render() {
 		let { className: e, label: t, disabled: n, suffix: r, min: i, max: a, inputClassName: o, disableUnderline: s, showErrorWhenOutsideRange: c, variant: l } = this.props, u = c && this.getError();
-		return /* @__PURE__ */ K(at, {
+		return /* @__PURE__ */ q(it, {
 			variant: s ? "filled" : l || "standard",
 			inputRef: (e) => {
 				this.inputRef = e;
@@ -801,7 +801,7 @@ var it = (0, Ye.default)("@pie-lib:config-ui:number-text-field"), at = s(z)(({ t
 			type: "number",
 			className: e,
 			slotProps: { input: {
-				endAdornment: r && /* @__PURE__ */ K(Te, {
+				endAdornment: r && /* @__PURE__ */ q(we, {
 					position: "end",
 					children: r
 				}),
@@ -814,12 +814,12 @@ var it = (0, Ye.default)("@pie-lib:config-ui:number-text-field"), at = s(z)(({ t
 			margin: "normal"
 		});
 	}
-}, ct = (e) => typeof e == "object" && !!e && typeof e.n == "number" && typeof e.d == "number", lt = (e) => {
+}, st = (e) => typeof e == "object" && !!e && typeof e.n == "number" && typeof e.d == "number", ct = (e) => {
 	if (typeof e == "number") return e;
-	if (ct(e)) return (e.s ?? 1) * e.n / e.d;
+	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);
-}, ut = c(/*#__PURE__*/ K("path", { d: "M19 13H5v-2h14z" }), "Remove"), dt = c(/*#__PURE__*/ K("path", { d: "M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6z" }), "Add"), ft = s(z)(() => ({
+}, lt = c(/*#__PURE__*/ q("path", { d: "M19 13H5v-2h14z" }), "Remove"), ut = c(/*#__PURE__*/ q("path", { d: "M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6z" }), "Add"), dt = s(z)(() => ({
 	"& input[type=number]": { MozAppearance: "textfield" },
 	"& input[type=number]::-webkit-outer-spin-button": {
 		WebkitAppearance: "none",
@@ -829,29 +829,29 @@ var it = (0, Ye.default)("@pie-lib:config-ui:number-text-field"), at = s(z)(({ t
 		WebkitAppearance: "none",
 		margin: 0
 	}
-})), pt = s(j)(() => ({ padding: "2px" })), mt = (e, t) => {
-	if (!H(e) && !H(t)) return 0;
-	if (!H(e) && H(t)) return t;
-	if (H(e)) return e;
-}, ht = class extends G.Component {
+})), ft = s(j)(() => ({ padding: "2px" })), pt = (e, t) => {
+	if (!W(e) && !W(t)) return 0;
+	if (!W(e) && W(t)) return t;
+	if (W(e)) return e;
+}, mt = class extends K.Component {
 	static propTypes = {
-		className: X.default.string,
-		customValues: X.default.array,
-		disabled: X.default.bool,
-		error: X.default.bool,
-		inputClassName: X.default.string,
-		helperText: X.default.string,
-		onChange: X.default.func.isRequired,
-		onlyIntegersAllowed: X.default.bool,
-		value: X.default.any,
-		min: X.default.number,
-		max: X.default.number,
-		step: X.default.number,
-		label: X.default.string,
-		disableUnderline: X.default.bool,
-		textAlign: X.default.string,
-		variant: X.default.string,
-		type: X.default.string
+		className: Z.default.string,
+		customValues: Z.default.array,
+		disabled: Z.default.bool,
+		error: Z.default.bool,
+		inputClassName: Z.default.string,
+		helperText: Z.default.string,
+		onChange: Z.default.func.isRequired,
+		onlyIntegersAllowed: Z.default.bool,
+		value: Z.default.any,
+		min: Z.default.number,
+		max: Z.default.number,
+		step: Z.default.number,
+		label: Z.default.string,
+		disableUnderline: Z.default.bool,
+		textAlign: Z.default.string,
+		variant: Z.default.string,
+		type: Z.default.string
 	};
 	static defaultProps = {
 		step: 1,
@@ -877,7 +877,7 @@ var it = (0, Ye.default)("@pie-lib:config-ui:number-text-field"), at = s(z)(({ t
 	}
 	clamp(e, t = this.props.min, n = this.props.max) {
 		let { customValues: r } = this.props;
-		return (r || []).length > 0 ? e : H(e) ? (H(n) && (e = Math.min(e, n)), H(t) && (e = Math.max(e, t)), e) : mt(t, n);
+		return (r || []).length > 0 ? e : W(e) ? (W(n) && (e = Math.min(e, n)), W(t) && (e = Math.max(e, t)), e) : pt(t, n);
 	}
 	normalizeValueAndIndex = (e, t, n, r) => {
 		let { type: i } = this.props, a = this.clamp(t, n, r), o = (e || []).findIndex((e) => e === a);
@@ -900,7 +900,7 @@ var it = (0, Ye.default)("@pie-lib:config-ui:number-text-field"), at = s(z)(({ t
 		value: e[0],
 		index: 0
 	});
-	getClosestFractionValue = (e, t) => e.reduce((e, n, r) => Math.abs(lt(n) - lt(t)) < Math.abs(lt(e.value) - lt(t)) ? {
+	getClosestFractionValue = (e, t) => e.reduce((e, n, r) => Math.abs(ct(n) - ct(t)) < Math.abs(ct(e.value) - ct(t)) ? {
 		value: n,
 		index: r
 	} : e, {
@@ -948,7 +948,7 @@ var it = (0, Ye.default)("@pie-lib:config-ui:number-text-field"), at = s(z)(({ t
 	}
 	render() {
 		let { className: e, label: t, disabled: n, error: r, min: i, max: a, customValues: o, inputClassName: s, disableUnderline: c, helperText: l, variant: u, textAlign: d, type: f = "number" } = this.props, { value: p } = this.state, m = e, h = !1, g = !1;
-		return o.length > 0 ? (h = p === o[0], g = p === o[o.length - 1]) : H(i) && H(a) && (h = p === i, g = p === a), /* @__PURE__ */ K(ft, {
+		return o.length > 0 ? (h = p === o[0], g = p === o[o.length - 1]) : W(i) && W(a) && (h = p === i, g = p === a), /* @__PURE__ */ q(dt, {
 			variant: u,
 			inputRef: (e) => this.inputRef = e,
 			disabled: n,
@@ -970,22 +970,22 @@ var it = (0, Ye.default)("@pie-lib:config-ui:number-text-field"), at = s(z)(({ t
 			InputProps: {
 				className: s,
 				disableUnderline: c,
-				startAdornment: /* @__PURE__ */ K(Te, {
+				startAdornment: /* @__PURE__ */ q(we, {
 					position: "start",
-					children: /* @__PURE__ */ K(pt, {
+					children: /* @__PURE__ */ q(ft, {
 						disabled: n || h,
 						onClick: (e) => this.changeValue(e, -1, !0),
 						size: "large",
-						children: /* @__PURE__ */ K(ut, { fontSize: "small" })
+						children: /* @__PURE__ */ q(lt, { fontSize: "small" })
 					})
 				}),
-				endAdornment: /* @__PURE__ */ K(Te, {
+				endAdornment: /* @__PURE__ */ q(we, {
 					position: "end",
-					children: /* @__PURE__ */ K(pt, {
+					children: /* @__PURE__ */ q(ft, {
 						disabled: n || g,
 						onClick: (e) => this.changeValue(e, 1, !0),
 						size: "large",
-						children: /* @__PURE__ */ K(dt, { fontSize: "small" })
+						children: /* @__PURE__ */ q(ut, { fontSize: "small" })
 					})
 				})
 			},
@@ -999,27 +999,27 @@ var it = (0, Ye.default)("@pie-lib:config-ui:number-text-field"), at = s(z)(({ t
 };
 //#endregion
 //#region ../../lib-react/config-ui/dist/two-choice.js
-function gt(e) {
+function ht(e) {
 	return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
 }
-function _t(e, t) {
-	return !e || gt(e) ? e : gt(e.default) ? e.default : t && gt(e[t]) ? e[t] : t && gt(e[t]?.default) ? e[t].default : 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 vt = _t(_, "InputContainer") || _t(xt.InputContainer, "InputContainer"), yt = T, bt = yt.default, xt = bt && typeof bt == "object" ? bt : yt, St = s("div")(({ theme: e, direction: t }) => ({
+var _t = gt(_, "InputContainer") || gt(bt.InputContainer, "InputContainer"), vt = T, yt = vt.default, bt = yt && typeof yt == "object" ? yt : vt, xt = s("div")(({ theme: e, direction: t }) => ({
 	display: "flex",
 	flexWrap: "wrap",
 	paddingLeft: 0,
 	marginTop: e.spacing(1),
 	...t === "vertical" && { flexDirection: "column" }
-})), Ct = class extends G.Component {
+})), St = class extends K.Component {
 	static propTypes = {
-		header: X.default.string.isRequired,
-		className: X.default.string,
-		customLabel: X.default.func,
-		opts: X.default.array.isRequired,
-		value: X.default.string,
-		onChange: X.default.func.isRequired,
-		direction: X.default.oneOf(["horizontal", "vertical"])
+		header: Z.default.string.isRequired,
+		className: Z.default.string,
+		customLabel: Z.default.func,
+		opts: Z.default.array.isRequired,
+		value: Z.default.string,
+		onChange: Z.default.func.isRequired,
+		direction: Z.default.oneOf(["horizontal", "vertical"])
 	};
 	handleChange = (e) => {
 		this.props.onChange(e.currentTarget.value);
@@ -1028,13 +1028,13 @@ var vt = _t(_, "InputContainer") || _t(xt.InputContainer, "InputContainer"), yt
 		let { header: e, className: t, customLabel: n, opts: r, value: i, direction: a } = this.props, o = r.map((e) => typeof e == "string" ? {
 			label: e,
 			value: e
-		} : e), s = n || Qe;
-		return /* @__PURE__ */ K(vt, {
+		} : e), s = n || Ze;
+		return /* @__PURE__ */ q(_t, {
 			label: e,
 			className: t,
-			children: /* @__PURE__ */ K(St, {
+			children: /* @__PURE__ */ q(xt, {
 				direction: a,
-				children: o.map((e, t) => /* @__PURE__ */ K(s, {
+				children: o.map((e, t) => /* @__PURE__ */ q(s, {
 					value: e.value,
 					checked: e.value === i,
 					onChange: this.handleChange,
@@ -1043,23 +1043,23 @@ var vt = _t(_, "InputContainer") || _t(xt.InputContainer, "InputContainer"), yt
 			})
 		});
 	}
-}, wt = X.default.shape({
-	label: X.default.string,
-	value: X.default.string
+}, Ct = Z.default.shape({
+	label: Z.default.string,
+	value: Z.default.string
 });
-(class extends G.Component {
+(class extends K.Component {
 	static propTypes = {
-		header: X.default.string.isRequired,
-		value: X.default.string.isRequired,
-		onChange: X.default.func.isRequired,
-		one: X.default.oneOfType([wt, X.default.string]),
-		two: X.default.oneOfType([wt, X.default.string]),
-		className: X.default.string,
-		customLabel: X.default.func
+		header: Z.default.string.isRequired,
+		value: Z.default.string.isRequired,
+		onChange: Z.default.func.isRequired,
+		one: Z.default.oneOfType([Ct, Z.default.string]),
+		two: Z.default.oneOfType([Ct, Z.default.string]),
+		className: Z.default.string,
+		customLabel: Z.default.func
 	};
 	render() {
 		let { one: e, two: t, header: n, className: r, customLabel: i, value: a, onChange: o } = this.props;
-		return /* @__PURE__ */ K(Ct, {
+		return /* @__PURE__ */ q(St, {
 			customLabel: i,
 			header: n,
 			className: r,
@@ -1071,26 +1071,26 @@ var vt = _t(_, "InputContainer") || _t(xt.InputContainer, "InputContainer"), yt
 });
 //#endregion
 //#region ../../lib-react/config-ui/dist/_virtual/_rolldown/runtime.js
-var Tt = Object.defineProperty, Et = (e, t) => {
+var wt = Object.defineProperty, Tt = (e, t) => {
 	let n = {};
-	for (var r in e) Tt(n, r, {
+	for (var r in e) wt(n, r, {
 		get: e[r],
 		enumerable: !0
 	});
-	return t || Tt(n, Symbol.toStringTag, { value: "Module" }), n;
-}, Dt = s("div")(() => ({
+	return t || wt(n, Symbol.toStringTag, { value: "Module" }), n;
+}, Et = s("div")(() => ({
 	display: "flex",
 	flexDirection: "column",
 	position: "relative"
-})), Ot = s("div")(() => ({
+})), Dt = s("div")(() => ({
 	display: "flex",
 	justifyContent: "space-between"
-})), kt = s("div")(({ theme: e }) => ({ padding: `${e.spacing(2)} 0` })), At = s("div")(() => ({ flex: "1" })), jt = s("div")(({ theme: e }) => ({ marginLeft: e.spacing(2) })), Mt = class extends G.Component {
+})), Ot = s("div")(({ theme: e }) => ({ padding: `${e.spacing(2)} 0` })), kt = s("div")(() => ({ flex: "1" })), At = s("div")(({ theme: e }) => ({ marginLeft: e.spacing(2) })), jt = class extends K.Component {
 	static propTypes = {
-		mode: X.default.oneOf(["tabbed", "inline"]),
-		secondary: X.default.oneOfType([X.default.arrayOf(X.default.node), X.default.node]),
-		children: X.default.oneOfType([X.default.arrayOf(X.default.node), X.default.node]),
-		dimensions: X.default.object
+		mode: Z.default.oneOf(["tabbed", "inline"]),
+		secondary: Z.default.oneOfType([Z.default.arrayOf(Z.default.node), Z.default.node]),
+		children: Z.default.oneOfType([Z.default.arrayOf(Z.default.node), Z.default.node]),
+		dimensions: Z.default.object
 	};
 	getConfiguration = () => {
 		let { secondary: e } = this.props;
@@ -1103,7 +1103,7 @@ var Tt = Object.defineProperty, Et = (e, t) => {
 		} catch (e) {
 			console.log(e.toString());
 		}
-		return /* @__PURE__ */ q(Dt, {
+		return /* @__PURE__ */ J(Et, {
 			style: {
 				minHeight: i,
 				minWidth: a,
@@ -1111,28 +1111,28 @@ var Tt = Object.defineProperty, Et = (e, t) => {
 				maxWidth: s
 			},
 			children: [
-				e === "inline" && /* @__PURE__ */ q(Ot, { children: [/* @__PURE__ */ K(At, {
+				e === "inline" && /* @__PURE__ */ J(Dt, { children: [/* @__PURE__ */ q(kt, {
 					className: "design-container",
 					children: n
-				}), l && /* @__PURE__ */ K(jt, {
+				}), l && /* @__PURE__ */ q(At, {
 					className: "settings-container",
 					children: t
 				})] }),
-				e === "tabbed" && l && /* @__PURE__ */ q(et, {
+				e === "tabbed" && l && /* @__PURE__ */ J($e, {
 					onChange: this.onTabsChange,
 					contentClassName: "content-container",
 					indicatorColor: "primary",
-					children: [/* @__PURE__ */ K(kt, {
+					children: [/* @__PURE__ */ q(Ot, {
 						title: "Design",
 						className: "design-container",
 						children: n
-					}), /* @__PURE__ */ K(kt, {
+					}), /* @__PURE__ */ q(Ot, {
 						title: "Settings",
 						className: "settings-container",
 						children: t
 					})]
 				}),
-				e === "tabbed" && !l && /* @__PURE__ */ K(kt, {
+				e === "tabbed" && !l && /* @__PURE__ */ q(Ot, {
 					className: "design-container",
 					children: n
 				})
@@ -1142,18 +1142,18 @@ var Tt = Object.defineProperty, Et = (e, t) => {
 };
 //#endregion
 //#region ../../lib-react/config-ui/dist/node_modules/.bun/@babel_runtime@7.29.7/node_modules/@babel/runtime/helpers/esm/extends.js
-function Nt() {
-	return Nt = Object.assign ? Object.assign.bind() : function(e) {
+function Mt() {
+	return Mt = Object.assign ? Object.assign.bind() : function(e) {
 		for (var t = 1; t < arguments.length; t++) {
 			var n = arguments[t];
 			for (var r in n) ({}).hasOwnProperty.call(n, r) && (e[r] = n[r]);
 		}
 		return e;
-	}, Nt.apply(null, arguments);
+	}, Mt.apply(null, arguments);
 }
 //#endregion
 //#region ../../lib-react/config-ui/dist/node_modules/.bun/@babel_runtime@7.29.7/node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js
-function Pt(e, t) {
+function Nt(e, t) {
 	if (e == null) return {};
 	var n = {};
 	for (var r in e) if ({}.hasOwnProperty.call(e, r)) {
@@ -1164,19 +1164,19 @@ function Pt(e, t) {
 }
 //#endregion
 //#region ../../lib-react/config-ui/dist/node_modules/.bun/@babel_runtime@7.29.7/node_modules/@babel/runtime/helpers/esm/setPrototypeOf.js
-function Ft(e, t) {
-	return Ft = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
+function Pt(e, t) {
+	return Pt = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
 		return e.__proto__ = t, e;
-	}, Ft(e, t);
+	}, Pt(e, t);
 }
 //#endregion
 //#region ../../lib-react/config-ui/dist/node_modules/.bun/@babel_runtime@7.29.7/node_modules/@babel/runtime/helpers/esm/inheritsLoose.js
-function It(e, t) {
-	e.prototype = Object.create(t.prototype), e.prototype.constructor = e, Ft(e, t);
+function Ft(e, t) {
+	e.prototype = Object.create(t.prototype), e.prototype.constructor = e, Pt(e, t);
 }
 //#endregion
 //#region ../../lib-react/config-ui/dist/node_modules/.bun/resize-observer-polyfill@1.5.1/node_modules/resize-observer-polyfill/dist/ResizeObserver.es.js
-var Lt = (function() {
+var It = (function() {
 	if (typeof Map < "u") return Map;
 	function e(e, t) {
 		var n = -1;
@@ -1215,34 +1215,34 @@ var Lt = (function() {
 			}
 		}, t;
 	}();
-})(), Rt = typeof window < "u" && typeof document < "u" && window.document === document, zt = (function() {
+})(), Lt = typeof window < "u" && typeof document < "u" && window.document === document, Rt = (function() {
 	return typeof global < "u" && global.Math === Math ? global : typeof self < "u" && self.Math === Math ? self : typeof window < "u" && window.Math === Math ? window : Function("return this")();
-})(), Bt = (function() {
-	return typeof requestAnimationFrame == "function" ? requestAnimationFrame.bind(zt) : function(e) {
+})(), zt = (function() {
+	return typeof requestAnimationFrame == "function" ? requestAnimationFrame.bind(Rt) : function(e) {
 		return setTimeout(function() {
 			return e(Date.now());
 		}, 1e3 / 60);
 	};
-})(), Vt = 2;
-function Ht(e, t) {
+})(), Bt = 2;
+function Vt(e, t) {
 	var n = !1, r = !1, i = 0;
 	function a() {
 		n && (n = !1, e()), r && s();
 	}
 	function o() {
-		Bt(a);
+		zt(a);
 	}
 	function s() {
 		var e = Date.now();
 		if (n) {
-			if (e - i < Vt) return;
+			if (e - i < Bt) return;
 			r = !0;
 		} else n = !0, r = !1, setTimeout(o, t);
 		i = e;
 	}
 	return s;
 }
-var Ut = 20, Wt = [
+var Ht = 20, Ut = [
 	"top",
 	"right",
 	"bottom",
@@ -1251,9 +1251,9 @@ var Ut = 20, Wt = [
 	"height",
 	"size",
 	"weight"
-], Gt = typeof MutationObserver < "u", Kt = function() {
+], Wt = typeof MutationObserver < "u", Gt = function() {
 	function e() {
-		this.connected_ = !1, this.mutationEventsAdded_ = !1, this.mutationsObserver_ = null, this.observers_ = [], this.onTransitionEnd_ = this.onTransitionEnd_.bind(this), this.refresh = Ht(this.refresh.bind(this), Ut);
+		this.connected_ = !1, this.mutationEventsAdded_ = !1, this.mutationsObserver_ = null, this.observers_ = [], this.onTransitionEnd_ = this.onTransitionEnd_.bind(this), this.refresh = Vt(this.refresh.bind(this), Ht);
 	}
 	return e.prototype.addObserver = function(e) {
 		~this.observers_.indexOf(e) || this.observers_.push(e), this.connected_ || this.connect_();
@@ -1270,23 +1270,23 @@ var Ut = 20, Wt = [
 			return e.broadcastActive();
 		}), e.length > 0;
 	}, e.prototype.connect_ = function() {
-		!Rt || this.connected_ || (document.addEventListener("transitionend", this.onTransitionEnd_), window.addEventListener("resize", this.refresh), Gt ? (this.mutationsObserver_ = new MutationObserver(this.refresh), this.mutationsObserver_.observe(document, {
+		!Lt || this.connected_ || (document.addEventListener("transitionend", this.onTransitionEnd_), window.addEventListener("resize", this.refresh), Wt ? (this.mutationsObserver_ = new MutationObserver(this.refresh), this.mutationsObserver_.observe(document, {
 			attributes: !0,
 			childList: !0,
 			characterData: !0,
 			subtree: !0
 		})) : (document.addEventListener("DOMSubtreeModified", this.refresh), this.mutationEventsAdded_ = !0), this.connected_ = !0);
 	}, e.prototype.disconnect_ = function() {
-		!Rt || !this.connected_ || (document.removeEventListener("transitionend", this.onTransitionEnd_), window.removeEventListener("resize", this.refresh), this.mutationsObserver_ && this.mutationsObserver_.disconnect(), this.mutationEventsAdded_ && document.removeEventListener("DOMSubtreeModified", this.refresh), this.mutationsObserver_ = null, this.mutationEventsAdded_ = !1, this.connected_ = !1);
+		!Lt || !this.connected_ || (document.removeEventListener("transitionend", this.onTransitionEnd_), window.removeEventListener("resize", this.refresh), this.mutationsObserver_ && this.mutationsObserver_.disconnect(), this.mutationEventsAdded_ && document.removeEventListener("DOMSubtreeModified", this.refresh), this.mutationsObserver_ = null, this.mutationEventsAdded_ = !1, this.connected_ = !1);
 	}, e.prototype.onTransitionEnd_ = function(e) {
 		var t = e.propertyName, n = t === void 0 ? "" : t;
-		Wt.some(function(e) {
+		Ut.some(function(e) {
 			return !!~n.indexOf(e);
 		}) && this.refresh();
 	}, e.getInstance = function() {
 		return this.instance_ ||= new e(), this.instance_;
 	}, e.instance_ = null, e;
-}(), qt = (function(e, t) {
+}(), Kt = (function(e, t) {
 	for (var n = 0, r = Object.keys(t); n < r.length; n++) {
 		var i = r[n];
 		Object.defineProperty(e, i, {
@@ -1297,19 +1297,19 @@ var Ut = 20, Wt = [
 		});
 	}
 	return e;
-}), Z = (function(e) {
-	return e && e.ownerDocument && e.ownerDocument.defaultView || zt;
-}), Jt = an(0, 0, 0, 0);
-function Yt(e) {
+}), Q = (function(e) {
+	return e && e.ownerDocument && e.ownerDocument.defaultView || Rt;
+}), qt = rn(0, 0, 0, 0);
+function Jt(e) {
 	return parseFloat(e) || 0;
 }
-function Xt(e) {
+function Yt(e) {
 	return [...arguments].slice(1).reduce(function(t, n) {
 		var r = e["border-" + n + "-width"];
-		return t + Yt(r);
+		return t + Jt(r);
 	}, 0);
 }
-function Zt(e) {
+function Xt(e) {
 	for (var t = [
 		"top",
 		"right",
@@ -1317,40 +1317,40 @@ function Zt(e) {
 		"left"
 	], n = {}, r = 0, i = t; r < i.length; r++) {
 		var a = i[r], o = e["padding-" + a];
-		n[a] = Yt(o);
+		n[a] = Jt(o);
 	}
 	return n;
 }
-function Qt(e) {
+function Zt(e) {
 	var t = e.getBBox();
-	return an(0, 0, t.width, t.height);
+	return rn(0, 0, t.width, t.height);
 }
-function $t(e) {
+function Qt(e) {
 	var t = e.clientWidth, n = e.clientHeight;
-	if (!t && !n) return Jt;
-	var r = Z(e).getComputedStyle(e), i = Zt(r), a = i.left + i.right, o = i.top + i.bottom, s = Yt(r.width), c = Yt(r.height);
-	if (r.boxSizing === "border-box" && (Math.round(s + a) !== t && (s -= Xt(r, "left", "right") + a), Math.round(c + o) !== n && (c -= Xt(r, "top", "bottom") + o)), !tn(e)) {
+	if (!t && !n) return qt;
+	var r = Q(e).getComputedStyle(e), i = Xt(r), a = i.left + i.right, o = i.top + i.bottom, s = Jt(r.width), c = Jt(r.height);
+	if (r.boxSizing === "border-box" && (Math.round(s + a) !== t && (s -= Yt(r, "left", "right") + a), Math.round(c + o) !== n && (c -= Yt(r, "top", "bottom") + o)), !en(e)) {
 		var l = Math.round(s + a) - t, u = Math.round(c + o) - n;
 		Math.abs(l) !== 1 && (s -= l), Math.abs(u) !== 1 && (c -= u);
 	}
-	return an(i.left, i.top, s, c);
+	return rn(i.left, i.top, s, c);
 }
-var en = (function() {
+var $t = (function() {
 	return typeof SVGGraphicsElement < "u" ? function(e) {
-		return e instanceof Z(e).SVGGraphicsElement;
+		return e instanceof Q(e).SVGGraphicsElement;
 	} : function(e) {
-		return e instanceof Z(e).SVGElement && typeof e.getBBox == "function";
+		return e instanceof Q(e).SVGElement && typeof e.getBBox == "function";
 	};
 })();
+function en(e) {
+	return e === Q(e).document.documentElement;
+}
 function tn(e) {
-	return e === Z(e).document.documentElement;
+	return Lt ? $t(e) ? Zt(e) : Qt(e) : qt;
 }
 function nn(e) {
-	return Rt ? en(e) ? Qt(e) : $t(e) : Jt;
-}
-function rn(e) {
 	var t = e.x, n = e.y, r = e.width, i = e.height, a = Object.create((typeof DOMRectReadOnly < "u" ? DOMRectReadOnly : Object).prototype);
-	return qt(a, {
+	return Kt(a, {
 		x: t,
 		y: n,
 		width: r,
@@ -1361,7 +1361,7 @@ function rn(e) {
 		left: t
 	}), a;
 }
-function an(e, t, n, r) {
+function rn(e, t, n, r) {
 	return {
 		x: e,
 		y: t,
@@ -1369,42 +1369,42 @@ function an(e, t, n, r) {
 		height: r
 	};
 }
-var on = function() {
+var an = function() {
 	function e(e) {
-		this.broadcastWidth = 0, this.broadcastHeight = 0, this.contentRect_ = an(0, 0, 0, 0), this.target = e;
+		this.broadcastWidth = 0, this.broadcastHeight = 0, this.contentRect_ = rn(0, 0, 0, 0), this.target = e;
 	}
 	return e.prototype.isActive = function() {
-		var e = nn(this.target);
+		var e = tn(this.target);
 		return this.contentRect_ = e, e.width !== this.broadcastWidth || e.height !== this.broadcastHeight;
 	}, e.prototype.broadcastRect = function() {
 		var e = this.contentRect_;
 		return this.broadcastWidth = e.width, this.broadcastHeight = e.height, e;
 	}, e;
-}(), sn = function() {
+}(), on = function() {
 	function e(e, t) {
-		var n = rn(t);
-		qt(this, {
+		var n = nn(t);
+		Kt(this, {
 			target: e,
 			contentRect: n
 		});
 	}
 	return e;
-}(), cn = function() {
+}(), sn = function() {
 	function e(e, t, n) {
-		if (this.activeObservations_ = [], this.observations_ = new Lt(), typeof e != "function") throw TypeError("The callback provided as parameter 1 is not a function.");
+		if (this.activeObservations_ = [], this.observations_ = new It(), typeof e != "function") throw TypeError("The callback provided as parameter 1 is not a function.");
 		this.callback_ = e, this.controller_ = t, this.callbackCtx_ = n;
 	}
 	return e.prototype.observe = function(e) {
 		if (!arguments.length) throw TypeError("1 argument required, but only 0 present.");
 		if (!(typeof Element > "u" || !(Element instanceof Object))) {
-			if (!(e instanceof Z(e).Element)) throw TypeError("parameter 1 is not of type \"Element\".");
+			if (!(e instanceof Q(e).Element)) throw TypeError("parameter 1 is not of type \"Element\".");
 			var t = this.observations_;
-			t.has(e) || (t.set(e, new on(e)), this.controller_.addObserver(this), this.controller_.refresh());
+			t.has(e) || (t.set(e, new an(e)), this.controller_.addObserver(this), this.controller_.refresh());
 		}
 	}, e.prototype.unobserve = function(e) {
 		if (!arguments.length) throw TypeError("1 argument required, but only 0 present.");
 		if (!(typeof Element > "u" || !(Element instanceof Object))) {
-			if (!(e instanceof Z(e).Element)) throw TypeError("parameter 1 is not of type \"Element\".");
+			if (!(e instanceof Q(e).Element)) throw TypeError("parameter 1 is not of type \"Element\".");
 			var t = this.observations_;
 			t.has(e) && (t.delete(e), t.size || this.controller_.removeObserver(this));
 		}
@@ -1418,7 +1418,7 @@ var on = function() {
 	}, e.prototype.broadcastActive = function() {
 		if (this.hasActive()) {
 			var e = this.callbackCtx_, t = this.activeObservations_.map(function(e) {
-				return new sn(e.target, e.broadcastRect());
+				return new on(e.target, e.broadcastRect());
 			});
 			this.callback_.call(e, t, e), this.clearActive();
 		}
@@ -1427,12 +1427,12 @@ var on = function() {
 	}, e.prototype.hasActive = function() {
 		return this.activeObservations_.length > 0;
 	}, e;
-}(), ln = typeof WeakMap < "u" ? /* @__PURE__ */ new WeakMap() : new Lt(), un = function() {
+}(), cn = typeof WeakMap < "u" ? /* @__PURE__ */ new WeakMap() : new It(), ln = function() {
 	function e(t) {
 		if (!(this instanceof e)) throw TypeError("Cannot call a class as a function.");
 		if (!arguments.length) throw TypeError("1 argument required, but only 0 present.");
-		var n = new cn(t, Kt.getInstance(), this);
-		ln.set(this, n);
+		var n = new sn(t, Gt.getInstance(), this);
+		cn.set(this, n);
 	}
 	return e;
 }();
@@ -1441,27 +1441,27 @@ var on = function() {
 	"unobserve",
 	"disconnect"
 ].forEach(function(e) {
-	un.prototype[e] = function() {
+	ln.prototype[e] = function() {
 		var t;
-		return (t = ln.get(this))[e].apply(t, arguments);
+		return (t = cn.get(this))[e].apply(t, arguments);
 	};
 });
-var dn = (function() {
-	return zt.ResizeObserver === void 0 ? un : zt.ResizeObserver;
-})(), fn = [
+var un = (function() {
+	return Rt.ResizeObserver === void 0 ? ln : Rt.ResizeObserver;
+})(), dn = [
 	"client",
 	"offset",
 	"scroll",
 	"bounds",
 	"margin"
 ];
-function pn(e) {
+function fn(e) {
 	var t = [];
-	return fn.forEach(function(n) {
+	return dn.forEach(function(n) {
 		e[n] && t.push(n);
 	}), t;
 }
-function mn(e, t) {
+function pn(e, t) {
 	var n = {};
 	if (t.indexOf("client") > -1 && (n.client = {
 		top: e.clientTop,
@@ -1500,14 +1500,14 @@ function mn(e, t) {
 	}
 	return n;
 }
-function hn(e) {
+function mn(e) {
 	return e && e.ownerDocument && e.ownerDocument.defaultView || window;
 }
-function gn(e) {
+function hn(e) {
 	return function(t) {
 		var n, r;
 		return r = n = /*#__PURE__*/ function(n) {
-			It(r, n);
+			Ft(r, n);
 			function r() {
 				var t, r = [...arguments];
 				return t = n.call.apply(n, [this].concat(r)) || this, t.state = { contentRect: {
@@ -1518,41 +1518,41 @@ function gn(e) {
 					bounds: {},
 					margin: {}
 				} }, t._animationFrameID = null, t._resizeObserver = null, t._node = null, t._window = null, t.measure = function(n) {
-					var r = mn(t._node, e || pn(t.props));
+					var r = pn(t._node, e || fn(t.props));
 					n && (r.entry = n[0].contentRect), t._animationFrameID = t._window.requestAnimationFrame(function() {
 						t._resizeObserver !== null && (t.setState({ contentRect: r }), typeof t.props.onResize == "function" && t.props.onResize(r));
 					});
 				}, t._handleRef = function(e) {
-					t._resizeObserver !== null && t._node !== null && t._resizeObserver.unobserve(t._node), t._node = e, t._window = hn(t._node);
+					t._resizeObserver !== null && t._node !== null && t._resizeObserver.unobserve(t._node), t._node = e, t._window = mn(t._node);
 					var n = t.props.innerRef;
 					n && (typeof n == "function" ? n(t._node) : n.current = t._node), t._resizeObserver !== null && t._node !== null && t._resizeObserver.observe(t._node);
 				}, t;
 			}
 			var i = r.prototype;
 			return i.componentDidMount = function() {
-				this._resizeObserver = this._window !== null && this._window.ResizeObserver ? new this._window.ResizeObserver(this.measure) : new dn(this.measure), this._node !== null && (this._resizeObserver.observe(this._node), typeof this.props.onResize == "function" && this.props.onResize(mn(this._node, e || pn(this.props))));
+				this._resizeObserver = this._window !== null && this._window.ResizeObserver ? new this._window.ResizeObserver(this.measure) : new un(this.measure), this._node !== null && (this._resizeObserver.observe(this._node), typeof this.props.onResize == "function" && this.props.onResize(pn(this._node, e || fn(this.props))));
 			}, i.componentWillUnmount = function() {
 				this._window !== null && this._window.cancelAnimationFrame(this._animationFrameID), this._resizeObserver !== null && (this._resizeObserver.disconnect(), this._resizeObserver = null);
 			}, i.render = function() {
 				var e = this.props;
-				return e.innerRef, e.onResize, ce(t, Nt({}, Pt(e, ["innerRef", "onResize"]), {
+				return e.innerRef, e.onResize, se(t, Mt({}, Nt(e, ["innerRef", "onResize"]), {
 					measureRef: this._handleRef,
 					measure: this.measure,
 					contentRect: this.state.contentRect
 				}));
 			}, r;
-		}(se), n.propTypes = {
-			client: X.default.bool,
-			offset: X.default.bool,
-			scroll: X.default.bool,
-			bounds: X.default.bool,
-			margin: X.default.bool,
-			innerRef: X.default.oneOfType([X.default.object, X.default.func]),
-			onResize: X.default.func
+		}(oe), n.propTypes = {
+			client: Z.default.bool,
+			offset: Z.default.bool,
+			scroll: Z.default.bool,
+			bounds: Z.default.bool,
+			margin: Z.default.bool,
+			innerRef: Z.default.oneOfType([Z.default.object, Z.default.func]),
+			onResize: Z.default.func
 		}, r;
 	};
 }
-var _n = gn()(function(e) {
+var gn = hn()(function(e) {
 	var t = e.measure, n = e.measureRef, r = e.contentRect, i = e.children;
 	return i({
 		measure: t,
@@ -1560,10 +1560,10 @@ var _n = gn()(function(e) {
 		contentRect: r
 	});
 });
-_n.displayName = "Measure", _n.propTypes.children = X.default.func;
+gn.displayName = "Measure", gn.propTypes.children = Z.default.func;
 //#endregion
 //#region ../../lib-react/config-ui/dist/layout/settings-box.js
-var vn = s("div")(() => ({
+var _n = s("div")(() => ({
 	backgroundColor: y.white(),
 	border: `2px solid ${y.border()}`,
 	display: "flex",
@@ -1573,41 +1573,41 @@ var vn = s("div")(() => ({
 	maxWidth: "300px",
 	padding: "20px 4px 4px 20px",
 	zIndex: 99
-})), yn = class extends G.Component {
+})), vn = class extends K.Component {
 	static propTypes = {
-		className: X.default.string,
-		children: X.default.oneOfType([X.default.arrayOf(X.default.node), X.default.node]).isRequired
+		className: Z.default.string,
+		children: Z.default.oneOfType([Z.default.arrayOf(Z.default.node), Z.default.node]).isRequired
 	};
 	static defaultProps = {};
 	render() {
 		let { className: e, children: t } = this.props;
-		return /* @__PURE__ */ K(vn, {
+		return /* @__PURE__ */ q(_n, {
 			className: e,
 			children: t
 		});
 	}
-}, bn = te({
+}, yn = te({
 	typography: { fontFamily: "inherit" },
 	components: { MuiButton: { styleOverrides: { contained: {
 		backgroundColor: "#e0e0e0",
 		color: "#000000",
 		"&:hover": { backgroundColor: "#bdbdbd" }
 	} } } }
-}), xn = class extends G.Component {
+}), bn = class extends K.Component {
 	static propTypes = {
-		children: X.default.oneOfType([
-			X.default.string,
-			X.default.arrayOf(X.default.element),
-			X.default.element
+		children: Z.default.oneOfType([
+			Z.default.string,
+			Z.default.arrayOf(Z.default.element),
+			Z.default.element
 		]),
-		className: X.default.string,
-		dimensions: X.default.object,
-		settings: X.default.element,
-		sidePanelMinWidth: X.default.number,
-		hideSettings: X.default.bool,
-		extraCSSRules: X.default.shape({
-			names: X.default.arrayOf(X.default.string),
-			rules: X.default.string
+		className: Z.default.string,
+		dimensions: Z.default.object,
+		settings: Z.default.element,
+		sidePanelMinWidth: Z.default.number,
+		hideSettings: Z.default.bool,
+		extraCSSRules: Z.default.shape({
+			names: Z.default.arrayOf(Z.default.string),
+			rules: Z.default.string
 		})
 	};
 	static defaultProps = {
@@ -1624,22 +1624,22 @@ var vn = s("div")(() => ({
 		a !== this.state.layoutMode && this.setState({ layoutMode: a });
 	};
 	render() {
-		return /* @__PURE__ */ K(t, {
+		return /* @__PURE__ */ q(t, {
 			injectFirst: !0,
-			children: /* @__PURE__ */ K(x, {
-				theme: bn,
-				children: /* @__PURE__ */ K(_n, {
+			children: /* @__PURE__ */ q(x, {
+				theme: yn,
+				children: /* @__PURE__ */ q(gn, {
 					bounds: !0,
 					onResize: this.onResize,
 					children: ({ measureRef: e }) => {
-						let { children: t, settings: n, hideSettings: r, dimensions: i, extraCSSRules: a } = this.props, { layoutMode: o } = this.state, s = r ? null : o === "inline" ? /* @__PURE__ */ K(yn, {
+						let { children: t, settings: n, hideSettings: r, dimensions: i, extraCSSRules: a } = this.props, { layoutMode: o } = this.state, s = r ? null : o === "inline" ? /* @__PURE__ */ q(vn, {
 							className: "settings-box",
 							children: n
 						}) : n;
-						return /* @__PURE__ */ q("div", {
+						return /* @__PURE__ */ J("div", {
 							ref: e,
 							className: `main-container extraCSSRules ${this.scopeClass}`,
-							children: [a?.rules ? /* @__PURE__ */ K("style", { dangerouslySetInnerHTML: { __html: `.${this.scopeClass} { ${a.rules} }` } }) : null, /* @__PURE__ */ K(Mt, {
+							children: [a?.rules ? /* @__PURE__ */ q("style", { dangerouslySetInnerHTML: { __html: `.${this.scopeClass} { ${a.rules} }` } }) : null, /* @__PURE__ */ q(jt, {
 								mode: o,
 								secondary: s,
 								dimensions: i,
@@ -1651,70 +1651,70 @@ var vn = s("div")(() => ({
 			})
 		});
 	}
-}, Sn = gn("bounds")(xn), Cn = /* @__PURE__ */ Et({
-	ConfigLayout: () => Sn,
-	LayoutContents: () => Mt
-}), wn = s("div")(() => ({
+}, xn = hn("bounds")(bn), Sn = /* @__PURE__ */ Tt({
+	ConfigLayout: () => xn,
+	LayoutContents: () => jt
+}), Cn = s("div")(() => ({
 	display: "flex",
 	width: "100%",
 	justifyContent: "space-between"
-})), Tn = s(B)(({ theme: e }) => ({
+})), wn = s(B)(({ theme: e }) => ({
 	color: "rgba(0, 0, 0, 0.89)",
 	fontSize: e.typography.fontSize,
 	paddingTop: e.spacing(2)
-})), En = s(Je)(({ checked: e }) => ({
+})), Tn = s(qe)(({ checked: e }) => ({
 	"&.Mui-checked .MuiSwitch-thumb": { color: `${y.tertiary()} !important` },
 	"&.Mui-checked .MuiSwitch-track": { backgroundColor: `${y.tertiaryLight()} !important` },
 	"& .MuiSwitch-track": { backgroundColor: e ? `${y.tertiaryLight()} !important` : void 0 }
-})), Dn = ({ checked: e, disabled: t, label: n, toggle: r }) => {
-	let i = ue();
-	return /* @__PURE__ */ q(wn, { children: [/* @__PURE__ */ K(Tn, {
+})), En = ({ checked: e, disabled: t, label: n, toggle: r }) => {
+	let i = le();
+	return /* @__PURE__ */ J(Cn, { children: [/* @__PURE__ */ q(wn, {
 		htmlFor: i,
 		children: n
-	}), /* @__PURE__ */ K(En, {
+	}), /* @__PURE__ */ q(Tn, {
 		id: i,
 		checked: e,
 		disabled: t,
 		onChange: (e) => r(e.target.checked)
 	})] });
 };
-Dn.propTypes = {
-	checked: X.default.bool,
-	disabled: X.default.bool,
-	label: X.default.string.isRequired,
-	toggle: X.default.func.isRequired
+En.propTypes = {
+	checked: Z.default.bool,
+	disabled: Z.default.bool,
+	label: Z.default.string.isRequired,
+	toggle: Z.default.func.isRequired
 };
 //#endregion
 //#region ../../lib-react/config-ui/dist/settings/settings-radio-label.js
-var On = s(ve)(({ theme: e }) => ({ "& .MuiFormControlLabel-label": {
+var Dn = s(_e)(({ theme: e }) => ({ "& .MuiFormControlLabel-label": {
 	color: "rgba(0, 0, 0, 0.89)",
 	fontSize: e.typography.fontSize - 2,
 	left: "-5px",
 	position: "relative"
-} })), kn = s(Ve)(() => ({ color: `${y.tertiary()} !important` })), An = ({ label: e, value: t, checked: n, onChange: r }) => /* @__PURE__ */ K(On, {
+} })), On = s(Be)(() => ({ color: `${y.tertiary()} !important` })), kn = ({ label: e, value: t, checked: n, onChange: r }) => /* @__PURE__ */ q(Dn, {
 	value: t,
-	control: /* @__PURE__ */ K(kn, {
+	control: /* @__PURE__ */ q(On, {
 		checked: n,
 		onChange: r
 	}),
 	label: e
 });
-An.propTypes = {
-	label: X.default.string,
-	value: X.default.string,
-	checked: X.default.bool,
-	onChange: X.default.func
+kn.propTypes = {
+	label: Z.default.string,
+	value: Z.default.string,
+	checked: Z.default.bool,
+	onChange: Z.default.func
 };
 //#endregion
 //#region ../../lib-react/config-ui/dist/settings/panel.js
-var jn = (0, Ye.default)("pie-lib:config-ui:settings:panel"), Mn = {
-	label: X.default.string,
-	value: X.default.string
-}, Q = {
-	label: X.default.string,
-	value: X.default.string,
-	onChange: X.default.func
-}, Nn = ({ label: e, value: t, onChange: n }) => /* @__PURE__ */ K(rt, {
+var An = (0, Je.default)("pie-lib:config-ui:settings:panel"), jn = {
+	label: Z.default.string,
+	value: Z.default.string
+}, Mn = {
+	label: Z.default.string,
+	value: Z.default.string,
+	onChange: Z.default.func
+}, Nn = ({ label: e, value: t, onChange: n }) => /* @__PURE__ */ q(nt, {
 	checked: t,
 	label: e,
 	onChange: (e) => {
@@ -1722,11 +1722,11 @@ var jn = (0, Ye.default)("pie-lib:config-ui:settings:panel"), Mn = {
 	}
 });
 Nn.propTypes = {
-	label: X.default.string,
-	value: X.default.bool,
-	onChange: X.default.func
+	label: Z.default.string,
+	value: Z.default.bool,
+	onChange: Z.default.func
 };
-var Pn = s(Ct)(({ theme: e }) => ({
+var Pn = s(St)(({ theme: e }) => ({
 	marginTop: e.spacing(.5),
 	paddingBottom: e.spacing(.5),
 	width: "100%",
@@ -1737,17 +1737,17 @@ var Pn = s(Ct)(({ theme: e }) => ({
 		marginTop: e.spacing(2.5)
 	},
 	"& > div": { marginTop: e.spacing(2.5) }
-})), Fn = ({ label: e, value: t, onChange: n, choices: r }) => /* @__PURE__ */ K(Pn, {
+})), Fn = ({ label: e, value: t, onChange: n, choices: r }) => /* @__PURE__ */ q(Pn, {
 	direction: "horizontal",
-	customLabel: An,
+	customLabel: kn,
 	value: t,
 	header: e,
 	opts: r,
 	onChange: n
 });
 Fn.propTypes = {
-	...Q,
-	choices: X.default.arrayOf(X.default.shape(Mn))
+	...Mn,
+	choices: Z.default.arrayOf(Z.default.shape(jn))
 };
 var In = Fn, Ln = s("p")(({ theme: e }) => ({
 	margin: 0,
@@ -1759,29 +1759,29 @@ var In = Fn, Ln = s("p")(({ theme: e }) => ({
 	borderRadius: "4px"
 })), zn = ({ label: e, value: t, onChange: n, choices: r = [] }) => {
 	let i = (e) => typeof e == "string" ? e : e.label, a = (e) => typeof e == "string" ? e : e.value;
-	return /* @__PURE__ */ q("div", { children: [e && /* @__PURE__ */ K(Ln, { children: e }), /* @__PURE__ */ K(Rn, {
+	return /* @__PURE__ */ J("div", { children: [e && /* @__PURE__ */ q(Ln, { children: e }), /* @__PURE__ */ q(Rn, {
 		value: t || r && r[0],
 		onChange: ({ target: e }) => n(e.value),
-		input: /* @__PURE__ */ K(I, { id: `dropdown-${e}` }),
+		input: /* @__PURE__ */ q(I, { id: `dropdown-${e}` }),
 		disableUnderline: !0,
 		MenuProps: { transitionDuration: {
 			enter: 225,
 			exit: 195
 		} },
-		children: r.map((e, t) => /* @__PURE__ */ K(O, {
+		children: r.map((e, t) => /* @__PURE__ */ q(O, {
 			value: a(e),
 			children: i(e)
 		}, t))
 	})] });
 };
 zn.propTypes = {
-	...Q,
-	choices: X.default.arrayOf(X.default.string)
+	...Mn,
+	choices: Z.default.arrayOf(Z.default.string)
 };
 var Bn = s(F)(({ theme: e }) => ({
 	marginRight: e.spacing(3),
 	marginTop: e.spacing(1)
-})), Vn = ({ label: e }) => /* @__PURE__ */ K(Bn, { children: e }), Hn = s(st)(({ theme: e }) => ({
+})), Vn = ({ label: e }) => /* @__PURE__ */ q(Bn, { children: e }), Hn = s(ot)(({ theme: e }) => ({
 	width: "35%",
 	marginRight: e.spacing(3),
 	marginTop: e.spacing(1),
@@ -1792,7 +1792,7 @@ var Bn = s(F)(({ theme: e }) => ({
 		padding: `0 ${e.spacing(1)}`,
 		backgroundColor: "transparent"
 	}
-})), Un = ({ label: e, value: t, onChange: n = () => {}, suffix: r, min: i, max: a }) => /* @__PURE__ */ K(Hn, {
+})), Un = ({ label: e, value: t, onChange: n = () => {}, suffix: r, min: i, max: a }) => /* @__PURE__ */ q(Hn, {
 	variant: "standard",
 	label: e || "Label",
 	value: t,
@@ -1804,21 +1804,21 @@ var Bn = s(F)(({ theme: e }) => ({
 	disableUnderline: !0
 });
 Un.propTypes = {
-	...Q,
-	suffix: X.default.string,
-	min: X.default.number,
-	max: X.default.number,
-	value: X.default.number
-}, Vn.propTypes = { ...Q };
-var Wn = ({ disabled: e, label: t, value: n, onChange: r }) => /* @__PURE__ */ K(Dn, {
+	...Mn,
+	suffix: Z.default.string,
+	min: Z.default.number,
+	max: Z.default.number,
+	value: Z.default.number
+}, Vn.propTypes = { ...Mn };
+var Wn = ({ disabled: e, label: t, value: n, onChange: r }) => /* @__PURE__ */ q(En, {
 	label: t,
 	checked: !!n,
 	disabled: !!e,
 	toggle: r
 });
 Wn.propTypes = {
-	...Q,
-	value: X.default.bool
+	...Mn,
+	value: Z.default.bool
 };
 var Gn = {
 	toggle: Wn,
@@ -1837,12 +1837,12 @@ var Gn = {
 	marginBottom: 0
 })), Yn = (e) => {
 	let { model: t, label: n, group: r, configuration: i, onChange: a } = e, o = (e, n, r) => {
-		let { isConfigProperty: o, ...s } = ie(e, r || n), c = ie(o ? i : t, n), l = {
+		let { isConfigProperty: o, ...s } = re(e, r || n), c = re(o ? i : t, n), l = {
 			...s,
 			key: n,
 			value: c
 		}, u = Gn[l.type];
-		return /* @__PURE__ */ K(u, {
+		return /* @__PURE__ */ q(u, {
 			...l,
 			onChange: (e) => a(n, e, o)
 		}, n);
@@ -1850,38 +1850,38 @@ var Gn = {
 		let n = e[t];
 		if (!n) return null;
 		let { type: r, label: i, fields: a, choices: s } = n;
-		return r === "numberFields" ? /* @__PURE__ */ q("div", { children: [/* @__PURE__ */ K(Jn, { children: i }), Object.keys(a).map((n) => o(e, `${t}.${n}`, `${t}.fields.${n}`))] }, `numberField-${i}`) : r === "checkboxes" ? /* @__PURE__ */ q("div", { children: [/* @__PURE__ */ K("p", { children: i }), Object.keys(s).map((n) => o(e, `${t}.${n}`, `${t}.choices.${n}`))] }, `checkbox-${i}`) : o(e, t);
+		return r === "numberFields" ? /* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q(Jn, { children: i }), Object.keys(a).map((n) => o(e, `${t}.${n}`, `${t}.fields.${n}`))] }, `numberField-${i}`) : r === "checkboxes" ? /* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q("p", { children: i }), Object.keys(s).map((n) => o(e, `${t}.${n}`, `${t}.choices.${n}`))] }, `checkbox-${i}`) : o(e, t);
 	};
-	return /* @__PURE__ */ q(Kn, { children: [/* @__PURE__ */ K(qn, { children: n }), Object.keys(r).map((e) => s(r, e))] });
+	return /* @__PURE__ */ J(Kn, { children: [/* @__PURE__ */ q(qn, { children: n }), Object.keys(r).map((e) => s(r, e))] });
 };
 Yn.propTypes = {
-	model: X.default.object,
-	label: X.default.string,
-	group: X.default.object,
-	configuration: X.default.object,
-	onChange: X.default.func
+	model: Z.default.object,
+	label: Z.default.string,
+	group: Z.default.object,
+	configuration: Z.default.object,
+	onChange: Z.default.func
 };
-var Xn = class extends G.Component {
+var Xn = class extends K.Component {
 	static propTypes = {
-		model: X.default.object,
-		configuration: X.default.object,
-		groups: X.default.object,
-		onChangeModel: X.default.func,
-		onChangeConfiguration: X.default.func,
-		modal: X.default.object
+		model: Z.default.object,
+		configuration: Z.default.object,
+		groups: Z.default.object,
+		onChangeModel: Z.default.func,
+		onChangeConfiguration: Z.default.func,
+		modal: Z.default.object
 	};
 	static defaultProps = {
 		onChangeModel: () => {},
 		onChangeConfiguration: () => {}
 	};
 	change = (e, t, n = !1) => {
-		jn("[changeModel]", e, t);
+		An("[changeModel]", e, t);
 		let { onChangeModel: r, onChangeConfiguration: i } = this.props, a = { ...this.props.model }, o = { ...this.props.configuration };
-		n ? (U(o, e, t), i(o, e)) : (U(a, e, t), r(a, e));
+		n ? (H(o, e, t), i(o, e)) : (H(a, e, t), r(a, e));
 	};
 	render() {
 		let { groups: e, model: t, configuration: n, modal: r } = this.props;
-		return jn("render:", t), /* @__PURE__ */ q("div", { children: [Object.keys(e || {}).map((r) => Object.entries(e[r]).some(([, e]) => !!e) ? /* @__PURE__ */ K(Yn, {
+		return An("render:", t), /* @__PURE__ */ J("div", { children: [Object.keys(e || {}).map((r) => Object.entries(e[r]).some(([, e]) => !!e) ? /* @__PURE__ */ q(Yn, {
 			label: r,
 			model: t,
 			configuration: n,
@@ -1889,7 +1889,7 @@ var Xn = class extends G.Component {
 			onChange: this.change
 		}, r) : null), r] });
 	}
-}, Zn = /* @__PURE__ */ Et({
+}, Zn = /* @__PURE__ */ Tt({
 	Panel: () => Xn,
 	checkbox: () => ar,
 	checkboxes: () => or,
@@ -1957,12 +1957,12 @@ function cr(e, t) {
 }
 var lr = cr(_, "InputContainer") || cr(fr.InputContainer, "InputContainer"), ur = T, dr = ur.default, fr = dr && typeof dr == "object" ? dr : ur, pr = s("div")(() => ({ width: "160px" })), mr = s(r)(() => ({ width: "160px" })), hr = s(B)(() => ({ backgroundColor: "transparent" })), gr = ({ onChange: e, value: t, availableChartTypes: n, chartTypeLabel: r }) => {
 	let i = p("chart-type-label");
-	return /* @__PURE__ */ K(pr, { children: /* @__PURE__ */ q(mr, {
+	return /* @__PURE__ */ q(pr, { children: /* @__PURE__ */ J(mr, {
 		variant: "outlined",
-		children: [/* @__PURE__ */ K(hr, {
+		children: [/* @__PURE__ */ q(hr, {
 			id: i,
 			children: r
-		}), /* @__PURE__ */ q(A, {
+		}), /* @__PURE__ */ J(A, {
 			labelId: i,
 			id: `${i}-select`,
 			name: "chartType",
@@ -1974,27 +1974,27 @@ var lr = cr(_, "InputContainer") || cr(fr.InputContainer, "InputContainer"), ur
 				exit: 195
 			} },
 			children: [
-				n?.histogram && /* @__PURE__ */ K(O, {
+				n?.histogram && /* @__PURE__ */ q(O, {
 					value: "histogram",
 					children: n.histogram
 				}),
-				n?.bar && /* @__PURE__ */ K(O, {
+				n?.bar && /* @__PURE__ */ q(O, {
 					value: "bar",
 					children: n.bar
 				}),
-				n?.lineDot && /* @__PURE__ */ K(O, {
+				n?.lineDot && /* @__PURE__ */ q(O, {
 					value: "lineDot",
 					children: n.lineDot
 				}),
-				n?.lineCross && /* @__PURE__ */ K(O, {
+				n?.lineCross && /* @__PURE__ */ q(O, {
 					value: "lineCross",
 					children: n.lineCross
 				}),
-				n?.dotPlot && /* @__PURE__ */ K(O, {
+				n?.dotPlot && /* @__PURE__ */ q(O, {
 					value: "dotPlot",
 					children: n.dotPlot
 				}),
-				n?.linePlot && /* @__PURE__ */ K(O, {
+				n?.linePlot && /* @__PURE__ */ q(O, {
 					value: "linePlot",
 					children: n.linePlot
 				})
@@ -2003,17 +2003,17 @@ var lr = cr(_, "InputContainer") || cr(fr.InputContainer, "InputContainer"), ur
 	}) });
 };
 gr.propTypes = {
-	onChange: X.default.func.isRequired,
-	value: X.default.string.isRequired,
-	availableChartTypes: X.default.shape({
-		histogram: X.default.string,
-		bar: X.default.string,
-		lineDot: X.default.string,
-		lineCross: X.default.string,
-		dotPlot: X.default.string,
-		linePlot: X.default.string
+	onChange: Z.default.func.isRequired,
+	value: Z.default.string.isRequired,
+	availableChartTypes: Z.default.shape({
+		histogram: Z.default.string,
+		bar: Z.default.string,
+		lineDot: Z.default.string,
+		lineCross: Z.default.string,
+		dotPlot: Z.default.string,
+		linePlot: Z.default.string
 	}),
-	chartTypeLabel: X.default.string
+	chartTypeLabel: Z.default.string
 };
 //#endregion
 //#region ../../lib-react/charting/dist/chart-setup.js
@@ -2038,10 +2038,10 @@ var _r = (e, t, n, r, i) => {
 	display: "flex",
 	justifyContent: "space-around",
 	alignItems: "center"
-})), Sr = s(ht)(({ theme: e }) => ({
+})), Sr = s(mt)(({ theme: e }) => ({
 	width: "130px",
 	margin: `${e.spacing(1)} ${e.spacing(.5)}`
-})), Cr = s(ht)(({ theme: e }) => ({
+})), Cr = s(mt)(({ theme: e }) => ({
 	width: "160px",
 	margin: `${e.spacing(1)} ${e.spacing(.5)}`
 })), wr = s("div")(({ theme: e }) => ({
@@ -2050,13 +2050,13 @@ var _r = (e, t, n, r, i) => {
 	alignItems: "center",
 	margin: `${e.spacing(3)} 0`
 })), Tr = s(F)(() => ({ color: y.disabled() })), Er = (e) => {
-	let { model: t, onChange: n, chartDimensions: r, gridValues: i = {}, labelValues: a = {}, studentNewCategoryDefaultLabel: o = {}, availableChartTypes: s = {}, chartTypeLabel: c } = e, [l, u] = de({
+	let { model: t, onChange: n, chartDimensions: r, gridValues: i = {}, labelValues: a = {}, studentNewCategoryDefaultLabel: o = {}, availableChartTypes: s = {}, chartTypeLabel: c } = e, [l, u] = ue({
 		open: !1,
 		title: "",
 		text: "",
 		onClose: null,
 		onConfirm: null
-	}), [d, f] = de(!1), [p, m] = de(""), [h, g] = de(0), { range: _ = {}, correctAnswer: v, changeInteractiveEnabled: y, changeEditableEnabled: b } = t, x = t.graph, { showInConfigPanel: S, width: C, height: w } = r || {}, T = {
+	}), [d, f] = ue(!1), [p, m] = ue(""), [h, g] = ue(0), { range: _ = {}, correctAnswer: v, changeInteractiveEnabled: y, changeEditableEnabled: b } = t, x = t.graph, { showInConfigPanel: S, width: C, height: w } = r || {}, T = {
 		min: C?.min ? Math.max(50, C.min) : 50,
 		max: C?.max ? Math.min(700, C.max) : 700,
 		step: C?.step >= 1 ? Math.min(200, C.step) : 20
@@ -2070,13 +2070,13 @@ var _r = (e, t, n, r, i) => {
 	}, O = a && a.range ? { customValues: a.range } : {
 		min: 0,
 		max: 1e4
-	}, k = /* @__PURE__ */ q(xr, { children: [/* @__PURE__ */ K(Cr, {
+	}, k = /* @__PURE__ */ J(xr, { children: [/* @__PURE__ */ q(Cr, {
 		label: "Grid Interval",
 		value: _.step,
 		variant: "outlined",
 		onChange: (e, t) => L("step", t, e),
 		...D
-	}), /* @__PURE__ */ K(Cr, {
+	}), /* @__PURE__ */ q(Cr, {
 		label: "Label Interval",
 		value: _.labelStep,
 		variant: "outlined",
@@ -2117,9 +2117,9 @@ var _r = (e, t, n, r, i) => {
 			range: _
 		});
 	};
-	le(() => {
+	ce(() => {
 		M(!0), N();
-	}, []), le(() => {
+	}, []), ce(() => {
 		d && u({
 			open: !0,
 			title: "Warning",
@@ -2172,18 +2172,18 @@ var _r = (e, t, n, r, i) => {
 			chartType: e
 		});
 	};
-	return /* @__PURE__ */ q(vr, { children: [
-		/* @__PURE__ */ K(F, {
+	return /* @__PURE__ */ J(vr, { children: [
+		/* @__PURE__ */ q(F, {
 			variant: "subtitle1",
 			children: "Configure Chart"
 		}),
-		/* @__PURE__ */ q(yr, { children: [
-			/* @__PURE__ */ q(xr, { children: [/* @__PURE__ */ K(gr, {
+		/* @__PURE__ */ J(yr, { children: [
+			/* @__PURE__ */ J(xr, { children: [/* @__PURE__ */ q(gr, {
 				value: t.chartType,
 				onChange: (e) => z(e.target.value),
 				availableChartTypes: s,
 				chartTypeLabel: c
-			}), /* @__PURE__ */ K(Cr, {
+			}), /* @__PURE__ */ q(Cr, {
 				label: "Max Value",
 				value: _.max,
 				min: P(t.chartType).min,
@@ -2192,9 +2192,9 @@ var _r = (e, t, n, r, i) => {
 				onChange: (e, t) => L("max", t, e)
 			})] }),
 			!t.chartType.includes("Plot") && k,
-			S && /* @__PURE__ */ q(wr, { children: [
-				/* @__PURE__ */ K("div", { children: /* @__PURE__ */ K(F, { children: "Dimensions(px)" }) }),
-				/* @__PURE__ */ q(br, { children: [/* @__PURE__ */ K(Sr, {
+			S && /* @__PURE__ */ J(wr, { children: [
+				/* @__PURE__ */ q("div", { children: /* @__PURE__ */ q(F, { children: "Dimensions(px)" }) }),
+				/* @__PURE__ */ J(br, { children: [/* @__PURE__ */ q(Sr, {
 					label: "Width",
 					value: x.width,
 					min: T.min,
@@ -2202,8 +2202,8 @@ var _r = (e, t, n, r, i) => {
 					step: T.step,
 					variant: "outlined",
 					onChange: (e, t) => I("width", t)
-				}), /* @__PURE__ */ K(Tr, { children: "Min 50, Max 700" })] }),
-				/* @__PURE__ */ q(br, { children: [/* @__PURE__ */ K(Sr, {
+				}), /* @__PURE__ */ q(Tr, { children: "Min 50, Max 700" })] }),
+				/* @__PURE__ */ J(br, { children: [/* @__PURE__ */ q(Sr, {
 					label: "Height",
 					value: x.height,
 					min: E.min,
@@ -2211,10 +2211,10 @@ var _r = (e, t, n, r, i) => {
 					step: E.step,
 					variant: "outlined",
 					onChange: (e, t) => I("height", t)
-				}), /* @__PURE__ */ K(Tr, { children: "Min 400, Max 700" })] })
+				}), /* @__PURE__ */ q(Tr, { children: "Min 400, Max 700" })] })
 			] })
 		] }),
-		/* @__PURE__ */ K(ee, {
+		/* @__PURE__ */ q(ee, {
 			open: l.open,
 			title: l.title,
 			text: l.text,
@@ -2224,18 +2224,18 @@ var _r = (e, t, n, r, i) => {
 	] });
 };
 Er.propTypes = {
-	chartDimensions: X.default.object,
-	domain: X.default.object,
-	gridValues: X.default.object,
-	labelValues: X.default.object,
-	model: X.default.object,
-	onChange: X.default.func,
-	range: X.default.object,
-	chartDimension: X.default.object,
-	size: X.default.object,
-	studentNewCategoryDefaultLabel: X.default.object,
-	availableChartTypes: X.default.object,
-	chartTypeLabel: X.default.string
+	chartDimensions: Z.default.object,
+	domain: Z.default.object,
+	gridValues: Z.default.object,
+	labelValues: Z.default.object,
+	model: Z.default.object,
+	onChange: Z.default.func,
+	range: Z.default.object,
+	chartDimension: Z.default.object,
+	size: Z.default.object,
+	studentNewCategoryDefaultLabel: Z.default.object,
+	availableChartTypes: Z.default.object,
+	chartTypeLabel: Z.default.string
 };
 //#endregion
 //#region ../../shared/configure-events/dist/index.js
@@ -2314,16 +2314,16 @@ var Dr = class e extends CustomEvent {
 			interactive: t.interactive
 		};
 	}), n;
-}, Lr = class extends W.Component {
+}, Lr = class extends G.Component {
 	static propTypes = {
-		model: X.default.object.isRequired,
-		onChange: X.default.func.isRequired,
-		charts: X.default.array,
-		labelsPlaceholders: X.default.object,
-		titlePlaceholder: X.default.object,
-		showPixelGuides: X.default.bool,
-		authorNewCategoryDefaults: X.default.object,
-		chartingOptions: X.default.object
+		model: Z.default.object.isRequired,
+		onChange: Z.default.func.isRequired,
+		charts: Z.default.array,
+		labelsPlaceholders: Z.default.object,
+		titlePlaceholder: Z.default.object,
+		showPixelGuides: Z.default.bool,
+		authorNewCategoryDefaults: Z.default.object,
+		chartingOptions: Z.default.object
 	};
 	constructor(e) {
 		super(e), this.state = { dialog: { open: !1 } };
@@ -2363,13 +2363,13 @@ 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__ */ q("div", { children: [/* @__PURE__ */ K(Nr, { children: "Define Initial Chart Attributes" }), /* @__PURE__ */ K(Mr, { children: /* @__PURE__ */ q(Pr, { children: [
-			/* @__PURE__ */ K(F, {
+		return /* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q(Nr, { children: "Define Initial Chart Attributes" }), /* @__PURE__ */ q(Mr, { children: /* @__PURE__ */ J(Pr, { children: [
+			/* @__PURE__ */ q(F, {
 				component: "div",
 				type: "body1",
-				children: /* @__PURE__ */ K("span", { children: "Use the tools below to set up the chart as it will initially appear to students." })
+				children: /* @__PURE__ */ q("span", { children: "Use the tools below to set up the chart as it will initially appear to students." })
 			}),
-			/* @__PURE__ */ K(R, {
+			/* @__PURE__ */ q(R, {
 				defineChart: !0,
 				chartingOptions: o,
 				showPixelGuides: i,
@@ -2396,13 +2396,13 @@ var Dr = class e extends CustomEvent {
 				mathMlOptions: s,
 				labelsCharactersLimit: c
 			}),
-			e.changeAddCategoryEnabled && /* @__PURE__ */ q("div", { children: [/* @__PURE__ */ K(Fr, {
+			e.changeAddCategoryEnabled && /* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q(Fr, {
 				checked: e.addCategoryEnabled,
 				onChange: (e) => {
 					this.changeAddRemoveEnabled(e.target.checked);
 				}
 			}), o?.addCategory?.authoringLabel] }),
-			/* @__PURE__ */ K(ee, {
+			/* @__PURE__ */ q(ee, {
 				open: l.open,
 				title: l.title,
 				text: l.text,
@@ -2444,7 +2444,7 @@ var Dr = class e extends CustomEvent {
 	let n = t.length - 1, { editable: r, interactive: i, deletable: a, ...o } = t[t.length - 1];
 	return (e || []).splice(n, 0, o), Ur([...e], t);
 }, Kr = (e, t, n) => ((e || []).splice(n, 1), Ur([...e], t)), qr = (e, t, n) => {
-	let r = e && e.model && e.model.data || [], i = t && t.model && t.model.data || [], a = re(e && e.model && e.model.correctAnswer && e.model.correctAnswer.data || []), o = re(n ? n.categories : []), s = [];
+	let r = e && e.model && e.model.data || [], i = t && t.model && t.model.data || [], a = U(e && e.model && e.model.correctAnswer && e.model.correctAnswer.data || []), o = U(n ? n.categories : []), s = [];
 	if (r.length > i.length) return s = Gr(a, r), s;
 	if (r.length < i.length) {
 		let e = r.length;
@@ -2455,14 +2455,14 @@ var Dr = class e extends CustomEvent {
 		return s = Kr(o, r, e), s;
 	}
 	return s = Wr(a, r), s;
-}, Jr = class extends W.Component {
+}, Jr = class extends G.Component {
 	static propTypes = {
-		correctAnswerErrors: X.default.object,
-		studentNewCategoryDefaultLabel: X.default.string,
-		model: X.default.object.isRequired,
-		onChange: X.default.func.isRequired,
-		charts: X.default.array,
-		error: X.default.string
+		correctAnswerErrors: Z.default.object,
+		studentNewCategoryDefaultLabel: Z.default.string,
+		model: Z.default.object.isRequired,
+		onChange: Z.default.func.isRequired,
+		charts: Z.default.array,
+		error: Z.default.string
 	};
 	constructor(e) {
 		super(e), this.state = { categories: [] };
@@ -2483,17 +2483,17 @@ var Dr = class e extends CustomEvent {
 	}
 	componentDidUpdate(e, t) {
 		let n = qr(this.props, e, t);
-		n && !ae(n, this.state.categories) && (this.changeData(n), this.setState({ categories: n }));
+		n && !ie(n, this.state.categories) && (this.changeData(n), this.setState({ categories: n }));
 	}
 	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__ */ q("div", { children: [/* @__PURE__ */ K(Hr, { children: "Define Correct Response" }), /* @__PURE__ */ K(Rr, { children: /* @__PURE__ */ q(zr, { children: [
-			/* @__PURE__ */ K(F, {
+		return /* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q(Hr, { children: "Define Correct Response" }), /* @__PURE__ */ q(Rr, { children: /* @__PURE__ */ J(zr, { children: [
+			/* @__PURE__ */ q(F, {
 				component: "div",
 				type: "body1",
-				children: /* @__PURE__ */ K("span", { children: "Use the tools below to define the correct answer." })
+				children: /* @__PURE__ */ q("span", { children: "Use the tools below to define the correct answer." })
 			}),
-			K(u || d ? Br : "div", { children: /* @__PURE__ */ K(R, {
+			q(u || d ? Br : "div", { children: /* @__PURE__ */ q(R, {
 				chartType: e.chartType,
 				size: e.graph,
 				domain: c,
@@ -2508,10 +2508,10 @@ var Dr = class e extends CustomEvent {
 				mathMlOptions: a,
 				labelsPlaceholders: o
 			}) }, `correct-response-graph-${e.correctAnswer.name}`),
-			(u || d) && /* @__PURE__ */ K(Vr, {
+			(u || d) && /* @__PURE__ */ q(Vr, {
 				component: "div",
 				type: "body1",
-				children: /* @__PURE__ */ K("span", { children: u || d })
+				children: /* @__PURE__ */ q("span", { children: u || d })
 			})
 		] }, "graph") })] });
 	}
@@ -2743,18 +2743,18 @@ var Dr = class e extends CustomEvent {
 	return (!n || a ? Yr : Xr).filter((e) => e >= r && e <= i);
 }, $r = (e) => Zr[e] || [], ei = (e, t, n, r) => {
 	let i = Qr(e, t), a = $r(e.step || 1);
-	if (!ae(n, i) && !i.includes(e.step)) {
+	if (!ie(n, i) && !i.includes(e.step)) {
 		let n = Qr(e, t, !0)[0] || 1;
 		return e.step = n, a = $r(n), a.includes(e.labelStep) || (e.labelStep = n), {
 			gridValues: i,
 			labelValues: a
 		};
 	}
-	return !ae(r, a) && !a.includes(e.labelStep) && (e.labelStep = e.step), {
+	return !ie(r, a) && !a.includes(e.labelStep) && (e.labelStep = e.step), {
 		gridValues: i,
 		labelValues: a
 	};
-}, ti = (0, Ye.default)("@pie-element:graphing:configure"), { Panel: ni, toggle: $, radio: ri, dropdown: ii, textField: ai } = Zn, oi = s(lr)(({ theme: e }) => ({
+}, ti = (0, Je.default)("@pie-element:graphing:configure"), { Panel: ni, toggle: $, radio: ri, dropdown: ii, textField: ai } = Zn, oi = s(lr)(({ theme: e }) => ({
 	width: "100%",
 	paddingTop: e.spacing(2),
 	marginBottom: e.spacing(2)
@@ -2769,15 +2769,15 @@ var Dr = class e extends CustomEvent {
 	E.LineCross(),
 	E.DotPlot(),
 	E.LinePlot()
-], ui = class extends G.Component {
+], ui = class extends K.Component {
 	static propTypes = {
-		onModelChanged: X.default.func,
-		onConfigurationChanged: X.default.func,
-		imageSupport: X.default.object,
-		uploadSoundSupport: X.default.object,
-		model: X.default.object.isRequired,
-		configuration: X.default.object.isRequired,
-		chartingOptions: X.default.object
+		onModelChanged: Z.default.func,
+		onConfigurationChanged: Z.default.func,
+		imageSupport: Z.default.object,
+		uploadSoundSupport: Z.default.object,
+		model: Z.default.object.isRequired,
+		configuration: Z.default.object.isRequired,
+		chartingOptions: Z.default.object
 	};
 	constructor(e) {
 		super(e);
@@ -2816,11 +2816,11 @@ 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: ee, studentNewCategoryDefaultLabel: I } = n || {}, { categoryErrors: te, correctAnswerErrors: L, prompt: R, rationale: z, teacherInstructions: B } = j || {}, { gridValues: V, labelValues: re } = this.state, ie = l.showInConfigPanel || !0, H = p && p.prompt, U = m && m.prompt, ae = {
+		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: ee, studentNewCategoryDefaultLabel: I } = n || {}, { categoryErrors: te, correctAnswerErrors: L, prompt: R, rationale: z, teacherInstructions: B } = 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)
-		}, oe = {
+		}, ae = {
 			teacherInstructionsEnabled: x.settings && $(x.label),
 			studentInstructionsEnabled: b.settings && $(b.label),
 			rationaleEnabled: g.settings && $(g.label),
@@ -2831,50 +2831,50 @@ var Dr = class e extends CustomEvent {
 			"language.enabled": O.settings && $(O.label, !0),
 			language: O.settings && O.enabled && ii(k.label, k.options),
 			instruction: f.settings && ai(f.label)
-		}, W = (e = {}) => ({
+		}, G = (e = {}) => ({
 			...s,
 			...e
 		});
-		return /* @__PURE__ */ q(Cn.ConfigLayout, {
+		return /* @__PURE__ */ J(Sn.ConfigLayout, {
 			extraCSSRules: M,
 			dimensions: c,
 			hideSettings: v,
-			settings: /* @__PURE__ */ K(ni, {
+			settings: /* @__PURE__ */ q(ni, {
 				model: n,
 				configuration: e,
 				onChangeModel: i,
 				onChangeConfiguration: r,
 				groups: {
-					Settings: ae,
-					Properties: oe
+					Settings: W,
+					Properties: ae
 				}
 			}),
 			children: [
-				/* @__PURE__ */ K(si, {
+				/* @__PURE__ */ q(si, {
 					component: "div",
 					type: "body1",
 					children: f?.label || ""
 				}),
-				ee && /* @__PURE__ */ q(oi, {
+				ee && /* @__PURE__ */ J(oi, {
 					label: x.label,
-					children: [/* @__PURE__ */ K(ne, {
+					children: [/* @__PURE__ */ q(ne, {
 						markup: n.teacherInstructions || "",
 						onChange: this.onTeacherInstructionsChange,
 						imageSupport: t,
 						nonEmpty: !1,
 						error: B,
 						spellCheck: F,
-						pluginProps: W(x?.inputConfiguration),
+						pluginProps: G(x?.inputConfiguration),
 						maxImageWidth: p && p.teacherInstructions || H,
 						maxImageHeight: m && m.teacherInstructions || U,
 						uploadSoundSupport: a,
 						languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
 						mathMlOptions: E
-					}), B && /* @__PURE__ */ K(ci, { children: B })]
+					}), B && /* @__PURE__ */ q(ci, { children: B })]
 				}),
-				N && /* @__PURE__ */ q(oi, {
+				N && /* @__PURE__ */ J(oi, {
 					label: h.label,
-					children: [/* @__PURE__ */ K(ne, {
+					children: [/* @__PURE__ */ q(ne, {
 						markup: n.prompt,
 						onChange: this.onPromptChange,
 						imageSupport: t,
@@ -2882,15 +2882,15 @@ var Dr = class e extends CustomEvent {
 						error: R,
 						spellCheck: F,
 						disableUnderline: !0,
-						pluginProps: W(h?.inputConfiguration),
+						pluginProps: G(h?.inputConfiguration),
 						maxImageWidth: H,
 						maxImageHeight: U,
 						uploadSoundSupport: a,
 						languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
 						mathMlOptions: E
-					}), R && /* @__PURE__ */ K(ci, { children: R })]
+					}), R && /* @__PURE__ */ q(ci, { children: R })]
 				}),
-				/* @__PURE__ */ K(Er, {
+				/* @__PURE__ */ q(Er, {
 					model: n,
 					onChange: this.onConfigChange,
 					gridValues: V,
@@ -2901,7 +2901,7 @@ var Dr = class e extends CustomEvent {
 					availableChartTypes: T,
 					chartTypeLabel: D
 				}),
-				/* @__PURE__ */ K(Lr, {
+				/* @__PURE__ */ q(Lr, {
 					model: n,
 					onChange: i,
 					charts: li,
@@ -2913,7 +2913,7 @@ var Dr = class e extends CustomEvent {
 					mathMlOptions: E,
 					labelsCharactersLimit: A
 				}),
-				/* @__PURE__ */ K(Jr, {
+				/* @__PURE__ */ q(Jr, {
 					config: o,
 					model: n,
 					onChange: i,
@@ -2924,21 +2924,21 @@ var Dr = class e extends CustomEvent {
 					mathMlOptions: E,
 					labelsPlaceholders: d
 				}),
-				P && /* @__PURE__ */ q(oi, {
+				P && /* @__PURE__ */ J(oi, {
 					label: g.label || "Rationale",
-					children: [/* @__PURE__ */ K(ne, {
+					children: [/* @__PURE__ */ q(ne, {
 						markup: n.rationale || "",
 						onChange: this.onRationaleChange,
 						imageSupport: t,
 						error: z,
 						spellCheck: F,
-						pluginProps: W(g?.inputConfiguration),
+						pluginProps: G(g?.inputConfiguration),
 						maxImageWidth: p && p.rationale || H,
 						maxImageHeight: m && m.rationale || U,
 						uploadSoundSupport: a,
 						languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
 						mathMlOptions: E
-					}), z && /* @__PURE__ */ K(ci, { children: z })]
+					}), z && /* @__PURE__ */ q(ci, { children: z })]
 				})
 			]
 		});
@@ -3125,7 +3125,7 @@ var Dr = class e extends CustomEvent {
 			}
 		}
 	}
-}, fi = (0, Ye.default)("pie-elements:graphing:configure"), pi = class e extends HTMLElement {
+}, fi = (0, Je.default)("pie-elements:graphing:configure"), pi = class e extends HTMLElement {
 	static createDefaultModel = (e = {}) => ({
 		...di.model,
 		...e
@@ -3166,7 +3166,7 @@ var Dr = class e extends CustomEvent {
 	}
 	_render() {
 		if (this._model) {
-			let e = G.createElement(ui, {
+			let e = K.createElement(ui, {
 				onModelChanged: this.onModelChanged.bind(this),
 				onConfigurationChanged: this.onConfigurationChanged.bind(this),
 				model: this._model,
@@ -3180,7 +3180,7 @@ var Dr = class e extends CustomEvent {
 					delete: this.onDeleteSound.bind(this)
 				}
 			});
-			this._root ||= fe(this), this._root.render(e), queueMicrotask(() => {
+			this._root ||= de(this), this._root.render(e), queueMicrotask(() => {
 				f(this);
 			});
 		}