@pie-element/extended-text-entry 15.1.2-next.4 → 15.1.2-next.6

package/dist/browser/author/index.js

@@ -1,10 +1,2125 @@
-import { a as e } from "../browser-kkT1XVKw.js";
-import { _ as t, a as n, b as r, g as i, h as a, i as o, n as s, r as c, t as l } from "../dist-Cv1iX7rJ.js";
-import u from "react";
-import { jsx as d, jsxs as f } from "react/jsx-runtime";
-import { createRoot as p } from "react-dom/client";
-//#region ../../shared/configure-events/dist/index.js
-var m = class e extends CustomEvent {
+import { a as e, t } from "../browser-kkT1XVKw.js";
+import { A as n, B as r, C as i, D as a, E as o, F as s, G as c, H as l, I as u, J as d, L as f, M as p, N as m, O as h, P as g, R as _, S as v, T as y, U as b, V as x, W as S, Y as C, a as w, b as T, c as E, d as D, f as O, h as k, i as A, j, k as M, l as N, m as P, n as F, o as I, p as L, r as R, s as z, t as ee, w as te, z as B } from "../dist-BbUdUT_D.js";
+import * as V from "react";
+import H, { Component as ne, createElement as re } from "react";
+import { jsx as U, jsxs as W } from "react/jsx-runtime";
+import { createRoot as ie } from "react-dom/client";
+//#region ../../../node_modules/.bun/@mui+material@7.3.11+eb26afe407ed7030/node_modules/@mui/material/esm/utils/createChainedFunction.js
+var ae = a;
+//#endregion
+//#region ../../../node_modules/.bun/@mui+material@7.3.11+eb26afe407ed7030/node_modules/@mui/material/esm/internal/switchBaseClasses.js
+function oe(e) {
+	return r("PrivateSwitchBase", e);
+}
+B("PrivateSwitchBase", [
+	"root",
+	"checked",
+	"disabled",
+	"input",
+	"edgeStart",
+	"edgeEnd"
+]);
+//#endregion
+//#region ../../../node_modules/.bun/@mui+material@7.3.11+eb26afe407ed7030/node_modules/@mui/material/esm/internal/SwitchBase.js
+var se = (e) => {
+	let { classes: t, checked: n, disabled: r, edge: i } = e;
+	return l({
+		root: [
+			"root",
+			n && "checked",
+			r && "disabled",
+			i && `edge${p(i)}`
+		],
+		input: ["input"]
+	}, oe, t);
+}, ce = s(i, { name: "MuiSwitchBase" })({
+	padding: 9,
+	borderRadius: "50%",
+	variants: [
+		{
+			props: {
+				edge: "start",
+				size: "small"
+			},
+			style: { marginLeft: -3 }
+		},
+		{
+			props: ({ edge: e, ownerState: t }) => e === "start" && t.size !== "small",
+			style: { marginLeft: -12 }
+		},
+		{
+			props: {
+				edge: "end",
+				size: "small"
+			},
+			style: { marginRight: -3 }
+		},
+		{
+			props: ({ edge: e, ownerState: t }) => e === "end" && t.size !== "small",
+			style: { marginRight: -12 }
+		}
+	]
+}), le = s("input", {
+	name: "MuiSwitchBase",
+	shouldForwardProp: u
+})({
+	cursor: "inherit",
+	position: "absolute",
+	opacity: 0,
+	width: "100%",
+	height: "100%",
+	top: 0,
+	left: 0,
+	margin: 0,
+	padding: 0,
+	zIndex: 1
+}), ue = /*#__PURE__*/ V.forwardRef(function(e, t) {
+	let { autoFocus: n, checked: r, checkedIcon: i, defaultChecked: a, disabled: o, disableFocusRipple: s = !1, edge: c = !1, icon: l, id: u, inputProps: d, inputRef: f, name: p, onBlur: m, onChange: h, onFocus: g, readOnly: _, required: v = !1, tabIndex: b, type: x, value: S, slots: C = {}, slotProps: w = {}, ...E } = e, [D, O] = y({
+		controlled: r,
+		default: !!a,
+		name: "SwitchBase",
+		state: "checked"
+	}), k = L(), A = (e) => {
+		g && g(e), k && k.onFocus && k.onFocus(e);
+	}, j = (e) => {
+		m && m(e), k && k.onBlur && k.onBlur(e);
+	}, M = (e) => {
+		if (e.nativeEvent.defaultPrevented || _) return;
+		let t = e.target.checked;
+		O(t), h && h(e, t);
+	}, N = o;
+	k && N === void 0 && (N = k.disabled);
+	let P = x === "checkbox" || x === "radio", F = {
+		...e,
+		checked: D,
+		disabled: N,
+		disableFocusRipple: s,
+		edge: c
+	}, I = se(F), R = {
+		slots: C,
+		slotProps: {
+			input: d,
+			...w
+		}
+	}, [z, ee] = T("root", {
+		ref: t,
+		elementType: ce,
+		className: I.root,
+		shouldForwardComponentProp: !0,
+		externalForwardedProps: {
+			...R,
+			component: "span",
+			...E
+		},
+		getSlotProps: (e) => ({
+			...e,
+			onFocus: (t) => {
+				e.onFocus?.(t), A(t);
+			},
+			onBlur: (t) => {
+				e.onBlur?.(t), j(t);
+			}
+		}),
+		ownerState: F,
+		additionalProps: {
+			centerRipple: !0,
+			focusRipple: !s,
+			role: void 0,
+			tabIndex: null
+		}
+	}), [te, B] = T("input", {
+		ref: f,
+		elementType: le,
+		className: I.input,
+		externalForwardedProps: R,
+		getSlotProps: (e) => ({
+			...e,
+			onChange: (t) => {
+				e.onChange?.(t), M(t);
+			}
+		}),
+		ownerState: F,
+		additionalProps: {
+			autoFocus: n,
+			checked: r,
+			defaultChecked: a,
+			disabled: N,
+			id: P ? u : void 0,
+			name: p,
+			readOnly: _,
+			required: v,
+			tabIndex: b,
+			type: x,
+			...x === "checkbox" && S === void 0 ? {} : { value: S }
+		}
+	});
+	return /*#__PURE__*/ W(z, {
+		...ee,
+		children: [/*#__PURE__*/ U(te, { ...B }), D ? i : l]
+	});
+}), de = o(/*#__PURE__*/ U("path", { d: "M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z" }), "CheckBoxOutlineBlank"), fe = o(/*#__PURE__*/ U("path", { d: "M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z" }), "CheckBox"), pe = o(/*#__PURE__*/ U("path", { d: "M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2z" }), "IndeterminateCheckBox");
+//#endregion
+//#region ../../../node_modules/.bun/@mui+material@7.3.11+eb26afe407ed7030/node_modules/@mui/material/esm/Checkbox/checkboxClasses.js
+function me(e) {
+	return r("MuiCheckbox", e);
+}
+var he = B("MuiCheckbox", [
+	"root",
+	"checked",
+	"disabled",
+	"indeterminate",
+	"colorPrimary",
+	"colorSecondary",
+	"sizeSmall",
+	"sizeMedium"
+]), ge = (e) => {
+	let { classes: t, indeterminate: n, color: r, size: i } = e, a = l({ root: [
+		"root",
+		n && "indeterminate",
+		`color${p(r)}`,
+		`size${p(i)}`
+	] }, me, t);
+	return {
+		...t,
+		...a
+	};
+}, _e = s(ue, {
+	shouldForwardProp: (e) => u(e) || e === "classes",
+	name: "MuiCheckbox",
+	slot: "Root",
+	overridesResolver: (e, t) => {
+		let { ownerState: n } = e;
+		return [
+			t.root,
+			n.indeterminate && t.indeterminate,
+			t[`size${p(n.size)}`],
+			n.color !== "default" && t[`color${p(n.color)}`]
+		];
+	}
+})(g(({ theme: e }) => ({
+	color: (e.vars || e).palette.text.secondary,
+	variants: [
+		{
+			props: {
+				color: "default",
+				disableRipple: !1
+			},
+			style: { "&:hover": { backgroundColor: e.alpha((e.vars || e).palette.action.active, (e.vars || e).palette.action.hoverOpacity) } }
+		},
+		...Object.entries(e.palette).filter(j()).map(([t]) => ({
+			props: {
+				color: t,
+				disableRipple: !1
+			},
+			style: { "&:hover": { backgroundColor: e.alpha((e.vars || e).palette[t].main, (e.vars || e).palette.action.hoverOpacity) } }
+		})),
+		...Object.entries(e.palette).filter(j()).map(([t]) => ({
+			props: { color: t },
+			style: {
+				[`&.${he.checked}, &.${he.indeterminate}`]: { color: (e.vars || e).palette[t].main },
+				[`&.${he.disabled}`]: { color: (e.vars || e).palette.action.disabled }
+			}
+		})),
+		{
+			props: { disableRipple: !1 },
+			style: { "&:hover": { "@media (hover: none)": { backgroundColor: "transparent" } } }
+		}
+	]
+}))), ve = /*#__PURE__*/ U(fe, {}), ye = /*#__PURE__*/ U(de, {}), be = /*#__PURE__*/ U(pe, {}), xe = /*#__PURE__*/ V.forwardRef(function(e, t) {
+	let n = m({
+		props: e,
+		name: "MuiCheckbox"
+	}), { checkedIcon: r = ve, color: i = "primary", icon: a = ye, indeterminate: o = !1, indeterminateIcon: s = be, inputProps: c, size: l = "medium", disableRipple: u = !1, className: d, slots: f = {}, slotProps: p = {}, ...h } = n, g = o ? s : a, _ = o ? s : r, v = {
+		...n,
+		disableRipple: u,
+		color: i,
+		indeterminate: o,
+		size: l
+	}, y = ge(v), x = p.input ?? c, [S, C] = T("root", {
+		ref: t,
+		elementType: _e,
+		className: b(y.root, d),
+		shouldForwardComponentProp: !0,
+		externalForwardedProps: {
+			slots: f,
+			slotProps: p,
+			...h
+		},
+		ownerState: v,
+		additionalProps: {
+			type: "checkbox",
+			icon: /*#__PURE__*/ V.cloneElement(g, { fontSize: g.props.fontSize ?? l }),
+			checkedIcon: /*#__PURE__*/ V.cloneElement(_, { fontSize: _.props.fontSize ?? l }),
+			disableRipple: u,
+			slots: f,
+			slotProps: { input: te(typeof x == "function" ? x(v) : x, {
+				"data-indeterminate": o,
+				"aria-checked": o ? "mixed" : void 0
+			}) }
+		}
+	});
+	return /*#__PURE__*/ U(S, {
+		...C,
+		classes: y
+	});
+});
+//#endregion
+//#region ../../../node_modules/.bun/@mui+material@7.3.11+eb26afe407ed7030/node_modules/@mui/material/esm/FormControlLabel/formControlLabelClasses.js
+function Se(e) {
+	return r("MuiFormControlLabel", e);
+}
+var G = B("MuiFormControlLabel", [
+	"root",
+	"labelPlacementStart",
+	"labelPlacementTop",
+	"labelPlacementBottom",
+	"disabled",
+	"label",
+	"error",
+	"required",
+	"asterisk"
+]), Ce = (e) => {
+	let { classes: t, disabled: n, labelPlacement: r, error: i, required: a } = e;
+	return l({
+		root: [
+			"root",
+			n && "disabled",
+			`labelPlacement${p(r)}`,
+			i && "error",
+			a && "required"
+		],
+		label: ["label", n && "disabled"],
+		asterisk: ["asterisk", i && "error"]
+	}, Se, t);
+}, we = s("label", {
+	name: "MuiFormControlLabel",
+	slot: "Root",
+	overridesResolver: (e, t) => {
+		let { ownerState: n } = e;
+		return [
+			{ [`& .${G.label}`]: t.label },
+			t.root,
+			t[`labelPlacement${p(n.labelPlacement)}`]
+		];
+	}
+})(g(({ theme: e }) => ({
+	display: "inline-flex",
+	alignItems: "center",
+	cursor: "pointer",
+	verticalAlign: "middle",
+	WebkitTapHighlightColor: "transparent",
+	marginLeft: -11,
+	marginRight: 16,
+	[`&.${G.disabled}`]: { cursor: "default" },
+	[`& .${G.label}`]: { [`&.${G.disabled}`]: { color: (e.vars || e).palette.text.disabled } },
+	variants: [
+		{
+			props: { labelPlacement: "start" },
+			style: {
+				flexDirection: "row-reverse",
+				marginRight: -11
+			}
+		},
+		{
+			props: { labelPlacement: "top" },
+			style: { flexDirection: "column-reverse" }
+		},
+		{
+			props: { labelPlacement: "bottom" },
+			style: { flexDirection: "column" }
+		},
+		{
+			props: ({ labelPlacement: e }) => e === "start" || e === "top" || e === "bottom",
+			style: { marginLeft: 16 }
+		}
+	]
+}))), Te = s("span", {
+	name: "MuiFormControlLabel",
+	slot: "Asterisk"
+})(g(({ theme: e }) => ({ [`&.${G.error}`]: { color: (e.vars || e).palette.error.main } }))), Ee = /*#__PURE__*/ V.forwardRef(function(e, t) {
+	let r = m({
+		props: e,
+		name: "MuiFormControlLabel"
+	}), { checked: i, className: a, componentsProps: o = {}, control: s, disabled: c, disableTypography: l, inputRef: u, label: d, labelPlacement: f = "end", name: p, onChange: h, required: g, slots: _ = {}, slotProps: v = {}, value: y, ...x } = r, S = L(), C = c ?? s.props.disabled ?? S?.disabled, w = g ?? s.props.required, E = {
+		disabled: C,
+		required: w
+	};
+	[
+		"checked",
+		"name",
+		"onChange",
+		"value",
+		"inputRef"
+	].forEach((e) => {
+		s.props[e] === void 0 && r[e] !== void 0 && (E[e] = r[e]);
+	});
+	let D = k({
+		props: r,
+		muiFormControl: S,
+		states: ["error"]
+	}), O = {
+		...r,
+		disabled: C,
+		labelPlacement: f,
+		required: w,
+		error: D.error
+	}, A = Ce(O), [j, M] = T("typography", {
+		elementType: n,
+		externalForwardedProps: {
+			slots: _,
+			slotProps: {
+				...o,
+				...v
+			}
+		},
+		ownerState: O
+	}), N = d;
+	return N != null && N.type !== n && !l && (N = /*#__PURE__*/ U(j, {
+		component: "span",
+		...M,
+		className: b(A.label, M?.className),
+		children: N
+	})), /*#__PURE__*/ W(we, {
+		className: b(A.root, a),
+		ownerState: O,
+		ref: t,
+		...x,
+		children: [/*#__PURE__*/ V.cloneElement(s, E), w ? /*#__PURE__*/ W("div", { children: [N, /*#__PURE__*/ W(Te, {
+			ownerState: O,
+			"aria-hidden": !0,
+			className: A.asterisk,
+			children: [" ", "*"]
+		})] }) : N]
+	});
+});
+//#endregion
+//#region ../../../node_modules/.bun/@mui+material@7.3.11+eb26afe407ed7030/node_modules/@mui/material/esm/InputAdornment/inputAdornmentClasses.js
+function De(e) {
+	return r("MuiInputAdornment", e);
+}
+var Oe = B("MuiInputAdornment", [
+	"root",
+	"filled",
+	"standard",
+	"outlined",
+	"positionStart",
+	"positionEnd",
+	"disablePointerEvents",
+	"hiddenLabel",
+	"sizeSmall"
+]), ke, Ae = (e, t) => {
+	let { ownerState: n } = e;
+	return [
+		t.root,
+		t[`position${p(n.position)}`],
+		n.disablePointerEvents === !0 && t.disablePointerEvents,
+		t[n.variant]
+	];
+}, je = (e) => {
+	let { classes: t, disablePointerEvents: n, hiddenLabel: r, position: i, size: a, variant: o } = e;
+	return l({ root: [
+		"root",
+		n && "disablePointerEvents",
+		i && `position${p(i)}`,
+		o,
+		r && "hiddenLabel",
+		a && `size${p(a)}`
+	] }, De, t);
+}, Me = s("div", {
+	name: "MuiInputAdornment",
+	slot: "Root",
+	overridesResolver: Ae
+})(g(({ theme: e }) => ({
+	display: "flex",
+	maxHeight: "2em",
+	alignItems: "center",
+	whiteSpace: "nowrap",
+	color: (e.vars || e).palette.action.active,
+	variants: [
+		{
+			props: { variant: "filled" },
+			style: { [`&.${Oe.positionStart}&:not(.${Oe.hiddenLabel})`]: { marginTop: 16 } }
+		},
+		{
+			props: { position: "start" },
+			style: { marginRight: 8 }
+		},
+		{
+			props: { position: "end" },
+			style: { marginLeft: 8 }
+		},
+		{
+			props: { disablePointerEvents: !0 },
+			style: { pointerEvents: "none" }
+		}
+	]
+}))), Ne = /*#__PURE__*/ V.forwardRef(function(e, t) {
+	let r = m({
+		props: e,
+		name: "MuiInputAdornment"
+	}), { children: i, className: a, component: o = "div", disablePointerEvents: s = !1, disableTypography: c = !1, position: l, variant: u, ...d } = r, f = L() || {}, p = u;
+	u && f.variant, f && !p && (p = f.variant);
+	let h = {
+		...r,
+		hiddenLabel: f.hiddenLabel,
+		size: f.size,
+		disablePointerEvents: s,
+		position: l,
+		variant: p
+	}, g = je(h);
+	return /*#__PURE__*/ U(P.Provider, {
+		value: null,
+		children: /*#__PURE__*/ U(Me, {
+			as: o,
+			ownerState: h,
+			className: b(g.root, a),
+			ref: t,
+			...d,
+			children: typeof i == "string" && !c ? /*#__PURE__*/ U(n, {
+				color: "textSecondary",
+				children: i
+			}) : /*#__PURE__*/ W(V.Fragment, { children: [l === "start" ? ke ||= /*#__PURE__*/ U("span", {
+				className: "notranslate",
+				"aria-hidden": !0,
+				children: "​"
+			}) : null, i] })
+		})
+	});
+}), Pe = o(/*#__PURE__*/ U("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"), Fe = o(/*#__PURE__*/ U("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"), Ie = s("span", {
+	name: "MuiRadioButtonIcon",
+	shouldForwardProp: u
+})({
+	position: "relative",
+	display: "flex"
+}), Le = s(Pe, { name: "MuiRadioButtonIcon" })({ transform: "scale(1)" }), Re = s(Fe, { name: "MuiRadioButtonIcon" })(g(({ theme: e }) => ({
+	left: 0,
+	position: "absolute",
+	transform: "scale(0)",
+	transition: e.transitions.create("transform", {
+		easing: e.transitions.easing.easeIn,
+		duration: e.transitions.duration.shortest
+	}),
+	variants: [{
+		props: { checked: !0 },
+		style: {
+			transform: "scale(1)",
+			transition: e.transitions.create("transform", {
+				easing: e.transitions.easing.easeOut,
+				duration: e.transitions.duration.shortest
+			})
+		}
+	}]
+})));
+function ze(e) {
+	let { checked: t = !1, classes: n = {}, fontSize: r } = e, i = {
+		...e,
+		checked: t
+	};
+	return /*#__PURE__*/ W(Ie, {
+		className: n.root,
+		ownerState: i,
+		children: [/*#__PURE__*/ U(Le, {
+			fontSize: r,
+			className: n.background,
+			ownerState: i
+		}), /*#__PURE__*/ U(Re, {
+			fontSize: r,
+			className: n.dot,
+			ownerState: i
+		})]
+	});
+}
+//#endregion
+//#region ../../../node_modules/.bun/@mui+material@7.3.11+eb26afe407ed7030/node_modules/@mui/material/esm/RadioGroup/RadioGroupContext.js
+var Be = /*#__PURE__*/ V.createContext(void 0);
+//#endregion
+//#region ../../../node_modules/.bun/@mui+material@7.3.11+eb26afe407ed7030/node_modules/@mui/material/esm/RadioGroup/useRadioGroup.js
+function Ve() {
+	return V.useContext(Be);
+}
+//#endregion
+//#region ../../../node_modules/.bun/@mui+material@7.3.11+eb26afe407ed7030/node_modules/@mui/material/esm/Radio/radioClasses.js
+function He(e) {
+	return r("MuiRadio", e);
+}
+var Ue = B("MuiRadio", [
+	"root",
+	"checked",
+	"disabled",
+	"colorPrimary",
+	"colorSecondary",
+	"sizeSmall"
+]), We = (e) => {
+	let { classes: t, color: n, size: r } = e, i = { root: [
+		"root",
+		`color${p(n)}`,
+		r !== "medium" && `size${p(r)}`
+	] };
+	return {
+		...t,
+		...l(i, He, t)
+	};
+}, Ge = s(ue, {
+	shouldForwardProp: (e) => u(e) || e === "classes",
+	name: "MuiRadio",
+	slot: "Root",
+	overridesResolver: (e, t) => {
+		let { ownerState: n } = e;
+		return [
+			t.root,
+			n.size !== "medium" && t[`size${p(n.size)}`],
+			t[`color${p(n.color)}`]
+		];
+	}
+})(g(({ theme: e }) => ({
+	color: (e.vars || e).palette.text.secondary,
+	[`&.${Ue.disabled}`]: { color: (e.vars || e).palette.action.disabled },
+	variants: [
+		{
+			props: {
+				color: "default",
+				disabled: !1,
+				disableRipple: !1
+			},
+			style: { "&:hover": { backgroundColor: e.alpha((e.vars || e).palette.action.active, (e.vars || e).palette.action.hoverOpacity) } }
+		},
+		...Object.entries(e.palette).filter(j()).map(([t]) => ({
+			props: {
+				color: t,
+				disabled: !1,
+				disableRipple: !1
+			},
+			style: { "&:hover": { backgroundColor: e.alpha((e.vars || e).palette[t].main, (e.vars || e).palette.action.hoverOpacity) } }
+		})),
+		...Object.entries(e.palette).filter(j()).map(([t]) => ({
+			props: {
+				color: t,
+				disabled: !1
+			},
+			style: { [`&.${Ue.checked}`]: { color: (e.vars || e).palette[t].main } }
+		})),
+		{
+			props: { disableRipple: !1 },
+			style: { "&:hover": { "@media (hover: none)": { backgroundColor: "transparent" } } }
+		}
+	]
+})));
+function Ke(e, t) {
+	return typeof t == "object" && t ? e === t : String(e) === String(t);
+}
+var qe = /*#__PURE__*/ U(ze, { checked: !0 }), Je = /*#__PURE__*/ U(ze, {}), Ye = /*#__PURE__*/ V.forwardRef(function(e, t) {
+	let n = m({
+		props: e,
+		name: "MuiRadio"
+	}), { checked: r, checkedIcon: i = qe, color: a = "primary", icon: o = Je, name: s, onChange: c, size: l = "medium", className: u, disabled: d, disableRipple: f = !1, slots: p = {}, slotProps: h = {}, inputProps: g, ..._ } = n, v = L(), y = d;
+	v && y === void 0 && (y = v.disabled), y ??= !1;
+	let x = {
+		...n,
+		disabled: y,
+		disableRipple: f,
+		color: a,
+		size: l
+	}, S = We(x), C = Ve(), w = r, E = ae(c, C && C.onChange), D = s;
+	C && (w === void 0 && (w = Ke(C.value, n.value)), D === void 0 && (D = C.name));
+	let O = h.input ?? g, [k, A] = T("root", {
+		ref: t,
+		elementType: Ge,
+		className: b(S.root, u),
+		shouldForwardComponentProp: !0,
+		externalForwardedProps: {
+			slots: p,
+			slotProps: h,
+			..._
+		},
+		getSlotProps: (e) => ({
+			...e,
+			onChange: (t, ...n) => {
+				e.onChange?.(t, ...n), E(t, ...n);
+			}
+		}),
+		ownerState: x,
+		additionalProps: {
+			type: "radio",
+			icon: /*#__PURE__*/ V.cloneElement(o, { fontSize: o.props.fontSize ?? l }),
+			checkedIcon: /*#__PURE__*/ V.cloneElement(i, { fontSize: i.props.fontSize ?? l }),
+			disabled: y,
+			name: D,
+			checked: w,
+			slots: p,
+			slotProps: { input: typeof O == "function" ? O(x) : O }
+		}
+	});
+	return /*#__PURE__*/ U(k, {
+		...A,
+		classes: S
+	});
+});
+//#endregion
+//#region ../../../node_modules/.bun/@mui+material@7.3.11+eb26afe407ed7030/node_modules/@mui/material/esm/Switch/switchClasses.js
+function Xe(e) {
+	return r("MuiSwitch", e);
+}
+var K = B("MuiSwitch", [
+	"root",
+	"edgeStart",
+	"edgeEnd",
+	"switchBase",
+	"colorPrimary",
+	"colorSecondary",
+	"sizeSmall",
+	"sizeMedium",
+	"checked",
+	"disabled",
+	"input",
+	"thumb",
+	"track"
+]), Ze = (e) => {
+	let { classes: t, edge: n, size: r, color: i, checked: a, disabled: o } = e, s = l({
+		root: [
+			"root",
+			n && `edge${p(n)}`,
+			`size${p(r)}`
+		],
+		switchBase: [
+			"switchBase",
+			`color${p(i)}`,
+			a && "checked",
+			o && "disabled"
+		],
+		thumb: ["thumb"],
+		track: ["track"],
+		input: ["input"]
+	}, Xe, t);
+	return {
+		...t,
+		...s
+	};
+}, Qe = s("span", {
+	name: "MuiSwitch",
+	slot: "Root",
+	overridesResolver: (e, t) => {
+		let { ownerState: n } = e;
+		return [
+			t.root,
+			n.edge && t[`edge${p(n.edge)}`],
+			t[`size${p(n.size)}`]
+		];
+	}
+})({
+	display: "inline-flex",
+	width: 58,
+	height: 38,
+	overflow: "hidden",
+	padding: 12,
+	boxSizing: "border-box",
+	position: "relative",
+	flexShrink: 0,
+	zIndex: 0,
+	verticalAlign: "middle",
+	"@media print": { colorAdjust: "exact" },
+	variants: [
+		{
+			props: { edge: "start" },
+			style: { marginLeft: -8 }
+		},
+		{
+			props: { edge: "end" },
+			style: { marginRight: -8 }
+		},
+		{
+			props: { size: "small" },
+			style: {
+				width: 40,
+				height: 24,
+				padding: 7,
+				[`& .${K.thumb}`]: {
+					width: 16,
+					height: 16
+				},
+				[`& .${K.switchBase}`]: {
+					padding: 4,
+					[`&.${K.checked}`]: { transform: "translateX(16px)" }
+				}
+			}
+		}
+	]
+}), $e = s(ue, {
+	name: "MuiSwitch",
+	slot: "SwitchBase",
+	overridesResolver: (e, t) => {
+		let { ownerState: n } = e;
+		return [
+			t.switchBase,
+			{ [`& .${K.input}`]: t.input },
+			n.color !== "default" && t[`color${p(n.color)}`]
+		];
+	}
+})(g(({ theme: e }) => ({
+	position: "absolute",
+	top: 0,
+	left: 0,
+	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 }),
+	[`&.${K.checked}`]: { transform: "translateX(20px)" },
+	[`&.${K.disabled}`]: { color: e.vars ? e.vars.palette.Switch.defaultDisabledColor : `${e.palette.mode === "light" ? e.palette.grey[100] : e.palette.grey[600]}` },
+	[`&.${K.checked} + .${K.track}`]: { opacity: .5 },
+	[`&.${K.disabled} + .${K.track}`]: { opacity: e.vars ? e.vars.opacity.switchTrackDisabled : `${e.palette.mode === "light" ? .12 : .2}` },
+	[`& .${K.input}`]: {
+		left: "-100%",
+		width: "300%"
+	}
+})), g(({ theme: e }) => ({
+	"&:hover": {
+		backgroundColor: e.alpha((e.vars || e).palette.action.active, (e.vars || e).palette.action.hoverOpacity),
+		"@media (hover: none)": { backgroundColor: "transparent" }
+	},
+	variants: [...Object.entries(e.palette).filter(j(["light"])).map(([t]) => ({
+		props: { color: t },
+		style: {
+			[`&.${K.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" }
+				},
+				[`&.${K.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)}` }
+			},
+			[`&.${K.checked} + .${K.track}`]: { backgroundColor: (e.vars || e).palette[t].main }
+		}
+	}))]
+}))), et = s("span", {
+	name: "MuiSwitch",
+	slot: "Track"
+})(g(({ theme: e }) => ({
+	height: "100%",
+	width: "100%",
+	borderRadius: 14 / 2,
+	boxSizing: "border-box",
+	border: "1px solid transparent",
+	zIndex: -1,
+	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}`
+}))), tt = s("span", {
+	name: "MuiSwitch",
+	slot: "Thumb"
+})(g(({ theme: e }) => ({
+	boxShadow: (e.vars || e).shadows[1],
+	backgroundColor: "currentColor",
+	boxSizing: "border-box",
+	border: "1px solid transparent",
+	width: 20,
+	height: 20,
+	borderRadius: "50%"
+}))), nt = /*#__PURE__*/ V.forwardRef(function(e, t) {
+	let n = m({
+		props: e,
+		name: "MuiSwitch"
+	}), { className: r, color: i = "primary", edge: a = !1, size: o = "medium", sx: s, slots: c = {}, slotProps: l = {}, ...u } = n, d = {
+		...n,
+		color: i,
+		edge: a,
+		size: o
+	}, f = Ze(d), p = l.input, h = {
+		slots: c,
+		slotProps: l
+	}, [g, _] = T("root", {
+		className: b(f.root, r),
+		elementType: Qe,
+		externalForwardedProps: h,
+		ownerState: d,
+		additionalProps: { sx: s }
+	}), [v, y] = T("thumb", {
+		className: f.thumb,
+		elementType: tt,
+		externalForwardedProps: h,
+		ownerState: d
+	}), x = /*#__PURE__*/ U(v, { ...y }), [S, C] = T("track", {
+		className: f.track,
+		elementType: et,
+		externalForwardedProps: h,
+		ownerState: d
+	});
+	return /*#__PURE__*/ W(g, {
+		..._,
+		children: [/*#__PURE__*/ U($e, {
+			type: "checkbox",
+			icon: x,
+			checkedIcon: x,
+			ref: t,
+			ownerState: d,
+			...u,
+			classes: {
+				...f,
+				root: f.switchBase
+			},
+			slots: {
+				...c.switchBase && { root: c.switchBase },
+				...c.input && { input: c.input }
+			},
+			slotProps: {
+				...l.switchBase && { root: typeof l.switchBase == "function" ? l.switchBase(d) : l.switchBase },
+				input: te(typeof p == "function" ? p(d) : p, { role: "switch" })
+			}
+		}), /*#__PURE__*/ U(S, { ...C })]
+	});
+}), q = /* @__PURE__ */ e(C(), 1), rt = s(Ee)(() => ({ "& .MuiFormControlLabel-label": {
+	left: "-5px",
+	position: "relative"
+} })), it = s(Ye)(() => ({ color: `${v.tertiary()} !important` })), at = ({ label: e, value: t, checked: n, onChange: r }) => /* @__PURE__ */ U(rt, {
+	value: t,
+	control: /* @__PURE__ */ U(it, {
+		checked: n,
+		onChange: r
+	}),
+	label: e
+});
+at.propTypes = {
+	label: q.default.string,
+	value: q.default.string,
+	checked: q.default.bool,
+	onChange: q.default.func
+};
+//#endregion
+//#region ../../lib-react/config-ui/dist/feedback-config/group.js
+var ot = s("div")(() => ({
+	display: "flex",
+	alignItems: "center"
+})), st = s("div")(() => ({
+	display: "flex",
+	alignItems: "center"
+})), ct = s(at)(({ theme: e }) => ({ "& .MuiFormControlLabel-label": { fontSize: e.typography.fontSize - 2 } })), lt = (e) => {
+	let { feedbackLabels: t, value: n, className: r, onChange: i, keys: a } = e;
+	return /* @__PURE__ */ U(ot, {
+		className: r,
+		children: a.map((e) => /* @__PURE__ */ U(st, { children: /* @__PURE__ */ U(ct, {
+			value: e,
+			checked: n === e,
+			onChange: (e) => i(e.currentTarget.value),
+			label: t[e]
+		}) }, e))
+	});
+};
+lt.propTypes = {
+	className: q.default.string,
+	feedbackLabels: q.default.object.isRequired,
+	value: q.default.string.isRequired,
+	keys: q.default.arrayOf(q.default.string),
+	onChange: q.default.func
+};
+//#endregion
+//#region ../../lib-react/config-ui/dist/feedback-config/feedback-selector.js
+function J(e) {
+	return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
+}
+function ut(e, t) {
+	return !e || J(e) ? e : J(e.default) ? e.default : t && J(e[t]) ? e[t] : t && J(e[t]?.default) ? e[t].default : e;
+}
+var dt = ut(D, "InputContainer") || ut(mt.InputContainer, "InputContainer"), ft = N, pt = ft.default, mt = pt && typeof pt == "object" ? pt : ft, ht = s(F)(({ theme: e }) => ({ fontFamily: e.typography.fontFamily })), gt = {
+	default: "Simple Feedback",
+	none: "No Feedback",
+	custom: "Customized Feedback"
+}, _t = s("div")(({ theme: e }) => ({ marginBottom: e.spacing(1) })), vt = s(dt)(() => ({ paddingBottom: 0 })), yt = s("div")(({ theme: e }) => ({
+	marginTop: "0px",
+	background: v.backgroundDark(),
+	padding: 0,
+	marginBottom: e.spacing(2),
+	borderRadius: "4px"
+})), bt = s("div")(({ theme: e }) => ({
+	marginTop: "0px",
+	background: v.backgroundDark(),
+	padding: e.spacing(2),
+	marginBottom: e.spacing(2),
+	borderRadius: "4px",
+	fontFamily: e.typography.fontFamily,
+	cursor: "default"
+})), xt = s(lt)(({ theme: e }) => ({ paddingTop: e.spacing(1) })), St = {
+	type: q.default.oneOf([
+		"default",
+		"custom",
+		"none"
+	]),
+	default: q.default.string,
+	custom: q.default.string
+}, Ct = class extends H.Component {
+	static propTypes = {
+		keys: q.default.arrayOf(q.default.string),
+		label: q.default.string.isRequired,
+		feedback: q.default.shape(St).isRequired,
+		onChange: q.default.func.isRequired,
+		toolbarOpts: q.default.object,
+		mathMlOptions: q.default.object
+	};
+	changeType = (e) => {
+		let { onChange: t, feedback: n } = this.props;
+		t({
+			...n,
+			type: e
+		});
+	};
+	changeCustom = (e) => {
+		let { onChange: t, feedback: n } = this.props;
+		t({
+			...n,
+			type: "custom",
+			custom: e
+		});
+	};
+	render() {
+		let { keys: e, label: t, feedback: n, toolbarOpts: r, mathMlOptions: i = {} } = this.props;
+		return /* @__PURE__ */ W(_t, { children: [
+			/* @__PURE__ */ U(vt, {
+				label: t,
+				extraClasses: { label: { transform: "translateY(-20%)" } },
+				children: /* @__PURE__ */ U(xt, {
+					keys: e || Object.keys(gt),
+					label: t,
+					value: n.type,
+					onChange: this.changeType,
+					feedbackLabels: gt
+				})
+			}),
+			n.type === "custom" && /* @__PURE__ */ U(yt, { children: /* @__PURE__ */ U(ht, {
+				onChange: this.changeCustom,
+				markup: n.custom || "",
+				toolbarOpts: r,
+				languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
+				mathMlOptions: i
+			}) }),
+			n.type === "default" && /* @__PURE__ */ W(bt, { children: [" ", n.default] })
+		] });
+	}
+}, wt = s(R)(() => ({})), Tt = class extends H.Component {
+	static propTypes = {
+		className: q.default.string,
+		contentClassName: q.default.string,
+		contentStyle: q.default.object,
+		children: q.default.oneOfType([q.default.arrayOf(q.default.node), q.default.node]).isRequired
+	};
+	constructor(e) {
+		super(e), this.state = { value: 0 };
+	}
+	handleChange = (e, t) => {
+		this.setState({ value: t });
+	};
+	render() {
+		let { value: e } = this.state, { children: t, className: n, contentClassName: r, contentStyle: i = {} } = this.props;
+		return /* @__PURE__ */ W("div", {
+			className: n,
+			children: [/* @__PURE__ */ U(A, {
+				indicatorColor: "primary",
+				value: e,
+				onChange: this.handleChange,
+				children: H.Children.map(t, (e, t) => e && e.props.title ? /* @__PURE__ */ U(wt, { label: e.props.title }, t) : null)
+			}), /* @__PURE__ */ U("div", {
+				className: r,
+				style: i,
+				children: t[e]
+			})]
+		});
+	}
+}, Et = s(Ee)(({ theme: e, mini: t }) => ({
+	margin: 0,
+	marginLeft: 0,
+	padding: 0,
+	"& .MuiFormControlLabel-label": {
+		fontSize: e.typography.fontSize - 1,
+		transform: "translate(-4%, 2%)",
+		color: "rgba(0,0,0,1.0)",
+		...t && {
+			marginLeft: e.spacing(1),
+			color: _[700],
+			fontSize: e.typography.fontSize - 3
+		}
+	}
+})), Dt = s(xe)(({ theme: e, mini: t, error: n }) => ({
+	color: `${v.tertiary()} !important`,
+	...t && {
+		margin: 0,
+		padding: 0,
+		width: e.spacing(3),
+		height: e.spacing(3)
+	},
+	...n && { color: `${e.palette.error.main} !important` }
+})), Ot = ({ mini: e, checked: t, onChange: n, value: r, label: i, error: a }) => /* @__PURE__ */ U(Et, {
+	mini: e,
+	control: /* @__PURE__ */ U(Dt, {
+		checked: t,
+		onChange: n,
+		value: r,
+		mini: e,
+		error: a
+	}),
+	label: i
+});
+Ot.propTypes = {
+	mini: q.default.bool,
+	checked: q.default.bool.isRequired,
+	onChange: q.default.func.isRequired,
+	value: q.default.string,
+	label: q.default.string.isRequired,
+	error: q.default.bool
+}, Ot.defaultProps = {
+	value: "",
+	mini: !1,
+	error: !1
+};
+//#endregion
+//#region ../../lib-react/config-ui/dist/number-text-field.js
+var kt = /* @__PURE__ */ e(t(), 1), At = (0, kt.default)("@pie-lib:config-ui:number-text-field"), jt = s(w)(({ theme: e }) => ({
+	marginRight: e.spacing(1),
+	"& .MuiInputLabel-root": {
+		width: "auto",
+		minWidth: "max-content",
+		maxWidth: "none",
+		whiteSpace: "nowrap",
+		overflow: "visible",
+		transform: "translate(0, 8px) scale(0.75)",
+		transformOrigin: "top left",
+		position: "relative"
+	},
+	"& .MuiInputBase-root, & .MuiInput-root, & .MuiFilledInput-root, & .MuiOutlinedInput-root": {
+		height: "auto",
+		minHeight: "auto",
+		marginTop: 0
+	},
+	"& .MuiInputBase-input": {
+		height: "auto",
+		minHeight: "auto",
+		padding: "6px 0 7px"
+	}
+})), Mt = (e, t) => {
+	if (!c(e) && !c(t)) return 0;
+	if (!c(e) && c(t)) return t;
+	if (c(e)) return e;
+}, Nt = class extends H.Component {
+	static propTypes = {
+		disabled: q.default.bool,
+		className: q.default.string,
+		inputClassName: q.default.string,
+		onChange: q.default.func.isRequired,
+		value: q.default.number,
+		min: q.default.number,
+		max: q.default.number,
+		label: q.default.string,
+		suffix: q.default.string,
+		showErrorWhenOutsideRange: q.default.bool,
+		disableUnderline: q.default.bool,
+		variant: q.default.string
+	};
+	static defaultProps = { showErrorWhenOutsideRange: !1 };
+	constructor(e) {
+		super(e);
+		let t = this.clamp(e.value);
+		this.state = { value: t }, t !== e.value && this.props.onChange({}, t), this.onChange = this.onChange.bind(this);
+	}
+	UNSAFE_componentWillReceiveProps(e) {
+		let t = this.clamp(e.value, e.min, e.max);
+		this.setState({ value: t });
+	}
+	clamp(e, t = this.props.min, n = this.props.max) {
+		return c(e) ? (c(n) && (e = Math.min(e, n)), c(t) && (e = Math.max(e, t)), e) : Mt(t, n);
+	}
+	onBlur = (e) => {
+		let t = e.target.value, n = parseFloat(t);
+		At("rawNumber: ", n);
+		let r = this.clamp(n);
+		At("number: ", r), r !== this.state.value && (At("trigger update..."), this.setState({ value: r.toString() }, () => {
+			this.props.onChange(e, r);
+		}));
+	};
+	onChange(e) {
+		let t = e.target.value;
+		this.setState({ value: t });
+	}
+	errorMessage = () => {
+		let { min: e, max: t } = this.props;
+		if (e && t) return `The value must be between ${e} and ${t}`;
+		if (e) return `The value must be greater than ${e}`;
+		if (t) return `The value must be less than ${t}`;
+	};
+	getError = () => {
+		let { value: e } = this.state, t = parseFloat(e);
+		if (this.clamp(t) !== t) return this.errorMessage();
+	};
+	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__ */ U(jt, {
+			variant: s ? "filled" : l || "standard",
+			inputRef: (e) => {
+				this.inputRef = e;
+			},
+			disabled: n,
+			label: t,
+			InputLabelProps: { shrink: !0 },
+			value: this.state.value,
+			error: !!u,
+			helperText: u,
+			onChange: this.onChange,
+			onBlur: this.onBlur,
+			onKeyDown: (e) => {
+				e.key === "Enter" && this.inputRef && this.inputRef.blur();
+			},
+			type: "number",
+			className: e,
+			slotProps: { input: {
+				endAdornment: r && /* @__PURE__ */ U(Ne, {
+					position: "end",
+					children: r
+				}),
+				className: o,
+				inputProps: {
+					min: i,
+					max: a
+				}
+			} },
+			margin: "normal"
+		});
+	}
+};
+//#endregion
+//#region ../../lib-react/config-ui/dist/two-choice.js
+function Y(e) {
+	return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
+}
+function Pt(e, t) {
+	return !e || Y(e) ? e : Y(e.default) ? e.default : t && Y(e[t]) ? e[t] : t && Y(e[t]?.default) ? e[t].default : e;
+}
+var Ft = Pt(D, "InputContainer") || Pt(Rt.InputContainer, "InputContainer"), It = N, Lt = It.default, Rt = Lt && typeof Lt == "object" ? Lt : It, zt = s("div")(({ theme: e, direction: t }) => ({
+	display: "flex",
+	flexWrap: "wrap",
+	paddingLeft: 0,
+	marginTop: e.spacing(1),
+	...t === "vertical" && { flexDirection: "column" }
+})), Bt = class extends H.Component {
+	static propTypes = {
+		header: q.default.string.isRequired,
+		className: q.default.string,
+		customLabel: q.default.func,
+		opts: q.default.array.isRequired,
+		value: q.default.string,
+		onChange: q.default.func.isRequired,
+		direction: q.default.oneOf(["horizontal", "vertical"])
+	};
+	handleChange = (e) => {
+		this.props.onChange(e.currentTarget.value);
+	};
+	render() {
+		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 || at;
+		return /* @__PURE__ */ U(Ft, {
+			label: e,
+			className: t,
+			children: /* @__PURE__ */ U(zt, {
+				direction: a,
+				children: o.map((e, t) => /* @__PURE__ */ U(s, {
+					value: e.value,
+					checked: e.value === i,
+					onChange: this.handleChange,
+					label: e.label
+				}, t))
+			})
+		});
+	}
+}, Vt = q.default.shape({
+	label: q.default.string,
+	value: q.default.string
+});
+(class extends H.Component {
+	static propTypes = {
+		header: q.default.string.isRequired,
+		value: q.default.string.isRequired,
+		onChange: q.default.func.isRequired,
+		one: q.default.oneOfType([Vt, q.default.string]),
+		two: q.default.oneOfType([Vt, q.default.string]),
+		className: q.default.string,
+		customLabel: q.default.func
+	};
+	render() {
+		let { one: e, two: t, header: n, className: r, customLabel: i, value: a, onChange: o } = this.props;
+		return /* @__PURE__ */ U(Bt, {
+			customLabel: i,
+			header: n,
+			className: r,
+			opts: [e, t],
+			value: a,
+			onChange: o
+		});
+	}
+});
+//#endregion
+//#region ../../lib-react/config-ui/dist/_virtual/_rolldown/runtime.js
+var Ht = Object.defineProperty, Ut = (e, t) => {
+	let n = {};
+	for (var r in e) Ht(n, r, {
+		get: e[r],
+		enumerable: !0
+	});
+	return t || Ht(n, Symbol.toStringTag, { value: "Module" }), n;
+}, Wt = s("div")(() => ({
+	display: "flex",
+	flexDirection: "column",
+	position: "relative"
+})), Gt = s("div")(() => ({
+	display: "flex",
+	justifyContent: "space-between"
+})), Kt = s("div")(({ theme: e }) => ({ padding: `${e.spacing(2)} 0` })), qt = s("div")(() => ({ flex: "1" })), Jt = s("div")(({ theme: e }) => ({ marginLeft: e.spacing(2) })), Yt = class extends H.Component {
+	static propTypes = {
+		mode: q.default.oneOf(["tabbed", "inline"]),
+		secondary: q.default.oneOfType([q.default.arrayOf(q.default.node), q.default.node]),
+		children: q.default.oneOfType([q.default.arrayOf(q.default.node), q.default.node]),
+		dimensions: q.default.object
+	};
+	getConfiguration = () => {
+		let { secondary: e } = this.props;
+		return e?.props?.configuration || e?.props?.children?.props?.configuration || void 0;
+	};
+	render() {
+		let { mode: e, secondary: t, children: n, dimensions: r } = this.props, { minHeight: i, minWidth: a, maxHeight: o, maxWidth: s } = r || {}, c = this.getConfiguration(), l = Object.entries(c || {}).some(([, e]) => !!e?.settings);
+		if (!l) try {
+			l = JSON.stringify(c)?.match(/settings":true/)?.length;
+		} catch (e) {
+			console.log(e.toString());
+		}
+		return /* @__PURE__ */ W(Wt, {
+			style: {
+				minHeight: i,
+				minWidth: a,
+				maxHeight: o,
+				maxWidth: s
+			},
+			children: [
+				e === "inline" && /* @__PURE__ */ W(Gt, { children: [/* @__PURE__ */ U(qt, {
+					className: "design-container",
+					children: n
+				}), l && /* @__PURE__ */ U(Jt, {
+					className: "settings-container",
+					children: t
+				})] }),
+				e === "tabbed" && l && /* @__PURE__ */ W(Tt, {
+					onChange: this.onTabsChange,
+					contentClassName: "content-container",
+					indicatorColor: "primary",
+					children: [/* @__PURE__ */ U(Kt, {
+						title: "Design",
+						className: "design-container",
+						children: n
+					}), /* @__PURE__ */ U(Kt, {
+						title: "Settings",
+						className: "settings-container",
+						children: t
+					})]
+				}),
+				e === "tabbed" && !l && /* @__PURE__ */ U(Kt, {
+					className: "design-container",
+					children: n
+				})
+			]
+		});
+	}
+};
+//#endregion
+//#region ../../lib-react/config-ui/dist/node_modules/.bun/@babel_runtime@7.29.7/node_modules/@babel/runtime/helpers/esm/extends.js
+function Xt() {
+	return Xt = 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;
+	}, Xt.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 Zt(e, t) {
+	if (e == null) return {};
+	var n = {};
+	for (var r in e) if ({}.hasOwnProperty.call(e, r)) {
+		if (t.indexOf(r) !== -1) continue;
+		n[r] = e[r];
+	}
+	return n;
+}
+//#endregion
+//#region ../../lib-react/config-ui/dist/node_modules/.bun/@babel_runtime@7.29.7/node_modules/@babel/runtime/helpers/esm/setPrototypeOf.js
+function Qt(e, t) {
+	return Qt = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
+		return e.__proto__ = t, e;
+	}, Qt(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 $t(e, t) {
+	e.prototype = Object.create(t.prototype), e.prototype.constructor = e, Qt(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 en = (function() {
+	if (typeof Map < "u") return Map;
+	function e(e, t) {
+		var n = -1;
+		return e.some(function(e, r) {
+			return e[0] === t ? (n = r, !0) : !1;
+		}), n;
+	}
+	return function() {
+		function t() {
+			this.__entries__ = [];
+		}
+		return Object.defineProperty(t.prototype, "size", {
+			get: function() {
+				return this.__entries__.length;
+			},
+			enumerable: !0,
+			configurable: !0
+		}), t.prototype.get = function(t) {
+			var n = e(this.__entries__, t), r = this.__entries__[n];
+			return r && r[1];
+		}, t.prototype.set = function(t, n) {
+			var r = e(this.__entries__, t);
+			~r ? this.__entries__[r][1] = n : this.__entries__.push([t, n]);
+		}, t.prototype.delete = function(t) {
+			var n = this.__entries__, r = e(n, t);
+			~r && n.splice(r, 1);
+		}, t.prototype.has = function(t) {
+			return !!~e(this.__entries__, t);
+		}, t.prototype.clear = function() {
+			this.__entries__.splice(0);
+		}, t.prototype.forEach = function(e, t) {
+			t === void 0 && (t = null);
+			for (var n = 0, r = this.__entries__; n < r.length; n++) {
+				var i = r[n];
+				e.call(t, i[1], i[0]);
+			}
+		}, t;
+	}();
+})(), tn = typeof window < "u" && typeof document < "u" && window.document === document, X = (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")();
+})(), nn = (function() {
+	return typeof requestAnimationFrame == "function" ? requestAnimationFrame.bind(X) : function(e) {
+		return setTimeout(function() {
+			return e(Date.now());
+		}, 1e3 / 60);
+	};
+})(), rn = 2;
+function an(e, t) {
+	var n = !1, r = !1, i = 0;
+	function a() {
+		n && (n = !1, e()), r && s();
+	}
+	function o() {
+		nn(a);
+	}
+	function s() {
+		var e = Date.now();
+		if (n) {
+			if (e - i < rn) return;
+			r = !0;
+		} else n = !0, r = !1, setTimeout(o, t);
+		i = e;
+	}
+	return s;
+}
+var on = 20, sn = [
+	"top",
+	"right",
+	"bottom",
+	"left",
+	"width",
+	"height",
+	"size",
+	"weight"
+], cn = typeof MutationObserver < "u", ln = function() {
+	function e() {
+		this.connected_ = !1, this.mutationEventsAdded_ = !1, this.mutationsObserver_ = null, this.observers_ = [], this.onTransitionEnd_ = this.onTransitionEnd_.bind(this), this.refresh = an(this.refresh.bind(this), on);
+	}
+	return e.prototype.addObserver = function(e) {
+		~this.observers_.indexOf(e) || this.observers_.push(e), this.connected_ || this.connect_();
+	}, e.prototype.removeObserver = function(e) {
+		var t = this.observers_, n = t.indexOf(e);
+		~n && t.splice(n, 1), !t.length && this.connected_ && this.disconnect_();
+	}, e.prototype.refresh = function() {
+		this.updateObservers_() && this.refresh();
+	}, e.prototype.updateObservers_ = function() {
+		var e = this.observers_.filter(function(e) {
+			return e.gatherActive(), e.hasActive();
+		});
+		return e.forEach(function(e) {
+			return e.broadcastActive();
+		}), e.length > 0;
+	}, e.prototype.connect_ = function() {
+		!tn || this.connected_ || (document.addEventListener("transitionend", this.onTransitionEnd_), window.addEventListener("resize", this.refresh), cn ? (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() {
+		!tn || !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;
+		sn.some(function(e) {
+			return !!~n.indexOf(e);
+		}) && this.refresh();
+	}, e.getInstance = function() {
+		return this.instance_ ||= new e(), this.instance_;
+	}, e.instance_ = null, e;
+}(), un = (function(e, t) {
+	for (var n = 0, r = Object.keys(t); n < r.length; n++) {
+		var i = r[n];
+		Object.defineProperty(e, i, {
+			value: t[i],
+			enumerable: !1,
+			writable: !1,
+			configurable: !0
+		});
+	}
+	return e;
+}), Z = (function(e) {
+	return e && e.ownerDocument && e.ownerDocument.defaultView || X;
+}), dn = xn(0, 0, 0, 0);
+function fn(e) {
+	return parseFloat(e) || 0;
+}
+function pn(e) {
+	return [...arguments].slice(1).reduce(function(t, n) {
+		var r = e["border-" + n + "-width"];
+		return t + fn(r);
+	}, 0);
+}
+function mn(e) {
+	for (var t = [
+		"top",
+		"right",
+		"bottom",
+		"left"
+	], n = {}, r = 0, i = t; r < i.length; r++) {
+		var a = i[r], o = e["padding-" + a];
+		n[a] = fn(o);
+	}
+	return n;
+}
+function hn(e) {
+	var t = e.getBBox();
+	return xn(0, 0, t.width, t.height);
+}
+function gn(e) {
+	var t = e.clientWidth, n = e.clientHeight;
+	if (!t && !n) return dn;
+	var r = Z(e).getComputedStyle(e), i = mn(r), a = i.left + i.right, o = i.top + i.bottom, s = fn(r.width), c = fn(r.height);
+	if (r.boxSizing === "border-box" && (Math.round(s + a) !== t && (s -= pn(r, "left", "right") + a), Math.round(c + o) !== n && (c -= pn(r, "top", "bottom") + o)), !vn(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 xn(i.left, i.top, s, c);
+}
+var _n = (function() {
+	return typeof SVGGraphicsElement < "u" ? function(e) {
+		return e instanceof Z(e).SVGGraphicsElement;
+	} : function(e) {
+		return e instanceof Z(e).SVGElement && typeof e.getBBox == "function";
+	};
+})();
+function vn(e) {
+	return e === Z(e).document.documentElement;
+}
+function yn(e) {
+	return tn ? _n(e) ? hn(e) : gn(e) : dn;
+}
+function bn(e) {
+	var t = e.x, n = e.y, r = e.width, i = e.height, a = Object.create((typeof DOMRectReadOnly < "u" ? DOMRectReadOnly : Object).prototype);
+	return un(a, {
+		x: t,
+		y: n,
+		width: r,
+		height: i,
+		top: n,
+		right: t + r,
+		bottom: i + n,
+		left: t
+	}), a;
+}
+function xn(e, t, n, r) {
+	return {
+		x: e,
+		y: t,
+		width: n,
+		height: r
+	};
+}
+var Sn = function() {
+	function e(e) {
+		this.broadcastWidth = 0, this.broadcastHeight = 0, this.contentRect_ = xn(0, 0, 0, 0), this.target = e;
+	}
+	return e.prototype.isActive = function() {
+		var e = yn(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;
+}(), Cn = function() {
+	function e(e, t) {
+		var n = bn(t);
+		un(this, {
+			target: e,
+			contentRect: n
+		});
+	}
+	return e;
+}(), wn = function() {
+	function e(e, t, n) {
+		if (this.activeObservations_ = [], this.observations_ = new en(), 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\".");
+			var t = this.observations_;
+			t.has(e) || (t.set(e, new Sn(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\".");
+			var t = this.observations_;
+			t.has(e) && (t.delete(e), t.size || this.controller_.removeObserver(this));
+		}
+	}, e.prototype.disconnect = function() {
+		this.clearActive(), this.observations_.clear(), this.controller_.removeObserver(this);
+	}, e.prototype.gatherActive = function() {
+		var e = this;
+		this.clearActive(), this.observations_.forEach(function(t) {
+			t.isActive() && e.activeObservations_.push(t);
+		});
+	}, e.prototype.broadcastActive = function() {
+		if (this.hasActive()) {
+			var e = this.callbackCtx_, t = this.activeObservations_.map(function(e) {
+				return new Cn(e.target, e.broadcastRect());
+			});
+			this.callback_.call(e, t, e), this.clearActive();
+		}
+	}, e.prototype.clearActive = function() {
+		this.activeObservations_.splice(0);
+	}, e.prototype.hasActive = function() {
+		return this.activeObservations_.length > 0;
+	}, e;
+}(), Tn = typeof WeakMap < "u" ? /* @__PURE__ */ new WeakMap() : new en(), En = 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 wn(t, ln.getInstance(), this);
+		Tn.set(this, n);
+	}
+	return e;
+}();
+[
+	"observe",
+	"unobserve",
+	"disconnect"
+].forEach(function(e) {
+	En.prototype[e] = function() {
+		var t;
+		return (t = Tn.get(this))[e].apply(t, arguments);
+	};
+});
+var Dn = (function() {
+	return X.ResizeObserver === void 0 ? En : X.ResizeObserver;
+})(), On = [
+	"client",
+	"offset",
+	"scroll",
+	"bounds",
+	"margin"
+];
+function kn(e) {
+	var t = [];
+	return On.forEach(function(n) {
+		e[n] && t.push(n);
+	}), t;
+}
+function An(e, t) {
+	var n = {};
+	if (t.indexOf("client") > -1 && (n.client = {
+		top: e.clientTop,
+		left: e.clientLeft,
+		width: e.clientWidth,
+		height: e.clientHeight
+	}), t.indexOf("offset") > -1 && (n.offset = {
+		top: e.offsetTop,
+		left: e.offsetLeft,
+		width: e.offsetWidth,
+		height: e.offsetHeight
+	}), t.indexOf("scroll") > -1 && (n.scroll = {
+		top: e.scrollTop,
+		left: e.scrollLeft,
+		width: e.scrollWidth,
+		height: e.scrollHeight
+	}), t.indexOf("bounds") > -1) {
+		var r = e.getBoundingClientRect();
+		n.bounds = {
+			top: r.top,
+			right: r.right,
+			bottom: r.bottom,
+			left: r.left,
+			width: r.width,
+			height: r.height
+		};
+	}
+	if (t.indexOf("margin") > -1) {
+		var i = getComputedStyle(e);
+		n.margin = {
+			top: i ? parseInt(i.marginTop) : 0,
+			right: i ? parseInt(i.marginRight) : 0,
+			bottom: i ? parseInt(i.marginBottom) : 0,
+			left: i ? parseInt(i.marginLeft) : 0
+		};
+	}
+	return n;
+}
+function jn(e) {
+	return e && e.ownerDocument && e.ownerDocument.defaultView || window;
+}
+function Mn(e) {
+	return function(t) {
+		var n, r;
+		return r = n = /*#__PURE__*/ function(n) {
+			$t(r, n);
+			function r() {
+				var t, r = [...arguments];
+				return t = n.call.apply(n, [this].concat(r)) || this, t.state = { contentRect: {
+					entry: {},
+					client: {},
+					offset: {},
+					scroll: {},
+					bounds: {},
+					margin: {}
+				} }, t._animationFrameID = null, t._resizeObserver = null, t._node = null, t._window = null, t.measure = function(n) {
+					var r = An(t._node, e || kn(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 = jn(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(An(this._node, e || kn(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, re(t, Xt({}, Zt(e, ["innerRef", "onResize"]), {
+					measureRef: this._handleRef,
+					measure: this.measure,
+					contentRect: this.state.contentRect
+				}));
+			}, r;
+		}(ne), n.propTypes = {
+			client: q.default.bool,
+			offset: q.default.bool,
+			scroll: q.default.bool,
+			bounds: q.default.bool,
+			margin: q.default.bool,
+			innerRef: q.default.oneOfType([q.default.object, q.default.func]),
+			onResize: q.default.func
+		}, r;
+	};
+}
+var Nn = Mn()(function(e) {
+	var t = e.measure, n = e.measureRef, r = e.contentRect, i = e.children;
+	return i({
+		measure: t,
+		measureRef: n,
+		contentRect: r
+	});
+});
+Nn.displayName = "Measure", Nn.propTypes.children = q.default.func;
+//#endregion
+//#region ../../lib-react/config-ui/dist/layout/settings-box.js
+var Pn = s("div")(() => ({
+	backgroundColor: v.white(),
+	border: `2px solid ${v.border()}`,
+	display: "flex",
+	flexDirection: "column",
+	justifyContent: "flex-start",
+	minWidth: "275px",
+	maxWidth: "300px",
+	padding: "20px 4px 4px 20px",
+	zIndex: 99
+})), Fn = class extends H.Component {
+	static propTypes = {
+		className: q.default.string,
+		children: q.default.oneOfType([q.default.arrayOf(q.default.node), q.default.node]).isRequired
+	};
+	static defaultProps = {};
+	render() {
+		let { className: e, children: t } = this.props;
+		return /* @__PURE__ */ U(Pn, {
+			className: e,
+			children: t
+		});
+	}
+}, In = f({
+	typography: { fontFamily: "inherit" },
+	components: { MuiButton: { styleOverrides: { contained: {
+		backgroundColor: "#e0e0e0",
+		color: "#000000",
+		"&:hover": { backgroundColor: "#bdbdbd" }
+	} } } }
+}), Ln = class extends H.Component {
+	static propTypes = {
+		children: q.default.oneOfType([
+			q.default.string,
+			q.default.arrayOf(q.default.element),
+			q.default.element
+		]),
+		className: q.default.string,
+		dimensions: q.default.object,
+		settings: q.default.element,
+		sidePanelMinWidth: q.default.number,
+		hideSettings: q.default.bool,
+		extraCSSRules: q.default.shape({
+			names: q.default.arrayOf(q.default.string),
+			rules: q.default.string
+		})
+	};
+	static defaultProps = {
+		sidePanelMinWidth: 1135,
+		hideSettings: !1,
+		dimensions: {}
+	};
+	constructor(...e) {
+		super(...e), this.state = { layoutMode: void 0 };
+	}
+	onResize = (e) => {
+		let { bounds: t } = e, { sidePanelMinWidth: n, dimensions: r } = this.props, { maxWidth: i } = r || {}, a = t.width > n && (!i || i > n) ? "inline" : "tabbed";
+		a !== this.state.layoutMode && this.setState({ layoutMode: a });
+	};
+	render() {
+		return /* @__PURE__ */ U(x, {
+			injectFirst: !0,
+			children: /* @__PURE__ */ U(M, {
+				theme: In,
+				children: /* @__PURE__ */ U(Nn, {
+					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__ */ U(Fn, {
+							className: "settings-box",
+							children: n
+						}) : n;
+						return /* @__PURE__ */ W("div", {
+							ref: e,
+							className: "main-container extraCSSRules",
+							children: [a?.rules ? /* @__PURE__ */ U("style", { dangerouslySetInnerHTML: { __html: `.extraCSSRules { ${a.rules} }` } }) : null, /* @__PURE__ */ U(Yt, {
+								mode: o,
+								secondary: s,
+								dimensions: i,
+								children: t
+							})]
+						});
+					}
+				})
+			})
+		});
+	}
+}, Rn = Mn("bounds")(Ln), zn = /* @__PURE__ */ Ut({
+	ConfigLayout: () => Rn,
+	LayoutContents: () => Yt
+}), Bn = s("div")(() => ({
+	display: "flex",
+	width: "100%",
+	justifyContent: "space-between"
+})), Vn = s(O)(({ theme: e }) => ({
+	color: "rgba(0, 0, 0, 0.89)",
+	fontSize: e.typography.fontSize,
+	paddingTop: e.spacing(2)
+})), Hn = s(nt)(({ checked: e }) => ({
+	"&.Mui-checked .MuiSwitch-thumb": { color: `${v.tertiary()} !important` },
+	"&.Mui-checked .MuiSwitch-track": { backgroundColor: `${v.tertiaryLight()} !important` },
+	"& .MuiSwitch-track": { backgroundColor: e ? `${v.tertiaryLight()} !important` : void 0 }
+})), Un = ({ checked: e, disabled: t, label: n, toggle: r }) => /* @__PURE__ */ W(Bn, { children: [/* @__PURE__ */ U(Vn, { children: n }), /* @__PURE__ */ U(Hn, {
+	checked: e,
+	disabled: t,
+	onChange: (e) => r(e.target.checked)
+})] });
+Un.propTypes = {
+	checked: q.default.bool,
+	disabled: q.default.bool,
+	label: q.default.string.isRequired,
+	toggle: q.default.func.isRequired
+};
+//#endregion
+//#region ../../lib-react/config-ui/dist/settings/settings-radio-label.js
+var Wn = s(Ee)(({ theme: e }) => ({ "& .MuiFormControlLabel-label": {
+	color: "rgba(0, 0, 0, 0.89)",
+	fontSize: e.typography.fontSize - 2,
+	left: "-5px",
+	position: "relative"
+} })), Gn = s(Ye)(() => ({ color: `${v.tertiary()} !important` })), Kn = ({ label: e, value: t, checked: n, onChange: r }) => /* @__PURE__ */ U(Wn, {
+	value: t,
+	control: /* @__PURE__ */ U(Gn, {
+		checked: n,
+		onChange: r
+	}),
+	label: e
+});
+Kn.propTypes = {
+	label: q.default.string,
+	value: q.default.string,
+	checked: q.default.bool,
+	onChange: q.default.func
+};
+//#endregion
+//#region ../../lib-react/config-ui/dist/settings/panel.js
+var qn = (0, kt.default)("pie-lib:config-ui:settings:panel"), Jn = {
+	label: q.default.string,
+	value: q.default.string
+}, Q = {
+	label: q.default.string,
+	value: q.default.string,
+	onChange: q.default.func
+}, Yn = ({ label: e, value: t, onChange: n }) => /* @__PURE__ */ U(Ot, {
+	checked: t,
+	label: e,
+	onChange: (e) => {
+		n(e.target.checked);
+	}
+});
+Yn.propTypes = {
+	label: q.default.string,
+	value: q.default.bool,
+	onChange: q.default.func
+};
+var Xn = s(Bt)(({ theme: e }) => ({
+	marginTop: e.spacing(.5),
+	paddingBottom: e.spacing(.5),
+	width: "100%",
+	"& > label": {
+		color: "rgba(0, 0, 0, 0.89)",
+		transform: "translate(0, 10px) scale(1)",
+		fontSize: "18px",
+		marginTop: e.spacing(2.5)
+	},
+	"& > div": { marginTop: e.spacing(2.5) }
+})), Zn = ({ label: e, value: t, onChange: n, choices: r }) => /* @__PURE__ */ U(Xn, {
+	direction: "horizontal",
+	customLabel: Kn,
+	value: t,
+	header: e,
+	opts: r,
+	onChange: n
+});
+Zn.propTypes = {
+	...Q,
+	choices: q.default.arrayOf(q.default.shape(Jn))
+};
+var Qn = Zn, $n = s("p")(({ theme: e }) => ({
+	margin: 0,
+	fontSize: e.typography.fontSize
+})), er = s(z)(({ theme: e }) => ({
+	marginTop: e.spacing(.5),
+	border: "2px solid lightgrey",
+	padding: `0 ${e.spacing(1)}`,
+	borderRadius: "4px"
+})), tr = ({ 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__ */ W("div", { children: [e && /* @__PURE__ */ U($n, { children: e }), /* @__PURE__ */ U(er, {
+		value: t || r && r[0],
+		onChange: ({ target: e }) => n(e.value),
+		input: /* @__PURE__ */ U(E, { id: `dropdown-${e}` }),
+		disableUnderline: !0,
+		MenuProps: { transitionDuration: {
+			enter: 225,
+			exit: 195
+		} },
+		children: r.map((e, t) => /* @__PURE__ */ U(I, {
+			value: a(e),
+			children: i(e)
+		}, t))
+	})] });
+};
+tr.propTypes = {
+	...Q,
+	choices: q.default.arrayOf(q.default.string)
+};
+var nr = s(n)(({ theme: e }) => ({
+	marginRight: e.spacing(3),
+	marginTop: e.spacing(1)
+})), rr = ({ label: e }) => /* @__PURE__ */ U(nr, { children: e }), ir = s(Nt)(({ theme: e }) => ({
+	width: "35%",
+	marginRight: e.spacing(3),
+	marginTop: e.spacing(1),
+	"& .MuiInputBase-root": {
+		marginTop: e.spacing(.5),
+		border: "2px solid lightgrey",
+		borderRadius: "4px",
+		padding: `0 ${e.spacing(1)}`,
+		backgroundColor: "transparent"
+	}
+})), ar = ({ label: e, value: t, onChange: n = () => {}, suffix: r, min: i, max: a }) => /* @__PURE__ */ U(ir, {
+	variant: "standard",
+	label: e || "Label",
+	value: t,
+	max: a,
+	min: i,
+	onChange: (e, t) => n(t),
+	suffix: r,
+	showErrorWhenOutsideRange: !0,
+	disableUnderline: !0
+});
+ar.propTypes = {
+	...Q,
+	suffix: q.default.string,
+	min: q.default.number,
+	max: q.default.number,
+	value: q.default.number
+}, rr.propTypes = { ...Q };
+var or = ({ disabled: e, label: t, value: n, onChange: r }) => /* @__PURE__ */ U(Un, {
+	label: t,
+	checked: !!n,
+	disabled: !!e,
+	toggle: r
+});
+or.propTypes = {
+	...Q,
+	value: q.default.bool
+};
+var sr = {
+	toggle: or,
+	radio: Qn,
+	dropdown: tr,
+	numberField: ar,
+	checkbox: Yn,
+	textField: rr
+}, cr = s("div")(({ theme: e }) => ({ margin: `0 0 ${e.spacing(2)} 0` })), lr = s("div")(({ theme: e }) => ({
+	color: "#495B8F",
+	fontSize: e.typography.fontSize + 2,
+	fontWeight: 600,
+	marginBottom: e.spacing(1)
+})), ur = s("p")(({ theme: e }) => ({
+	fontSize: e.typography.fontSize,
+	marginBottom: 0
+})), dr = (e) => {
+	let { model: t, label: n, group: r, configuration: i, onChange: a } = e, o = (e, n, r) => {
+		let { isConfigProperty: o, ...s } = d(e, r || n), c = d(o ? i : t, n), l = {
+			...s,
+			key: n,
+			value: c
+		}, u = sr[l.type];
+		return /* @__PURE__ */ U(u, {
+			...l,
+			onChange: (e) => a(n, e, o)
+		}, n);
+	}, s = (e, t) => {
+		let n = e[t];
+		if (!n) return null;
+		let { type: r, label: i, fields: a, choices: s } = n;
+		return r === "numberFields" ? /* @__PURE__ */ W("div", { children: [/* @__PURE__ */ U(ur, { children: i }), Object.keys(a).map((n) => o(e, `${t}.${n}`, `${t}.fields.${n}`))] }, `numberField-${i}`) : r === "checkboxes" ? /* @__PURE__ */ W("div", { children: [/* @__PURE__ */ U("p", { children: i }), Object.keys(s).map((n) => o(e, `${t}.${n}`, `${t}.choices.${n}`))] }, `checkbox-${i}`) : o(e, t);
+	};
+	return /* @__PURE__ */ W(cr, { children: [/* @__PURE__ */ U(lr, { children: n }), Object.keys(r).map((e) => s(r, e))] });
+};
+dr.propTypes = {
+	model: q.default.object,
+	label: q.default.string,
+	group: q.default.object,
+	configuration: q.default.object,
+	onChange: q.default.func
+};
+var fr = class extends H.Component {
+	static propTypes = {
+		model: q.default.object,
+		configuration: q.default.object,
+		groups: q.default.object,
+		onChangeModel: q.default.func,
+		onChangeConfiguration: q.default.func,
+		modal: q.default.object
+	};
+	static defaultProps = {
+		onChangeModel: () => {},
+		onChangeConfiguration: () => {}
+	};
+	change = (e, t, n = !1) => {
+		qn("[changeModel]", e, t);
+		let { onChangeModel: r, onChangeConfiguration: i } = this.props, a = { ...this.props.model }, o = { ...this.props.configuration };
+		n ? (S(o, e, t), i(o, e)) : (S(a, e, t), r(a, e));
+	};
+	render() {
+		let { groups: e, model: t, configuration: n, modal: r } = this.props;
+		return qn("render:", t), /* @__PURE__ */ W("div", { children: [Object.keys(e || {}).map((r) => Object.entries(e[r]).some(([, e]) => !!e) ? /* @__PURE__ */ U(dr, {
+			label: r,
+			model: t,
+			configuration: n,
+			group: e[r],
+			onChange: this.change
+		}, r) : null), r] });
+	}
+}, pr = /* @__PURE__ */ Ut({
+	Panel: () => fr,
+	checkbox: () => xr,
+	checkboxes: () => Sr,
+	dropdown: () => vr,
+	numberField: () => yr,
+	numberFields: () => br,
+	radio: () => _r,
+	textField: () => mr,
+	toggle: () => hr
+}), mr = (e, t = !0) => ({
+	label: e,
+	type: "textField",
+	isConfigProperty: t
+}), hr = (e, t = !1, n = !1) => ({
+	type: "toggle",
+	label: e,
+	isConfigProperty: t,
+	disabled: n
+}), gr = (e) => typeof e == "string" ? {
+	label: e,
+	value: e
+} : e, _r = function() {
+	let [e, t, n = !1] = Array.prototype.slice.call(arguments);
+	return {
+		type: "radio",
+		label: e,
+		choices: t && t.map((e) => gr(e)),
+		isConfigProperty: n
+	};
+}, vr = (e, t, n = !1) => ({
+	type: "dropdown",
+	label: e,
+	choices: t,
+	isConfigProperty: n
+}), yr = (e, t, n = !1) => ({
+	...t,
+	label: e,
+	type: "numberField",
+	isConfigProperty: n
+}), br = (e, t, n = !1) => (Object.keys(t).map((e) => {
+	t[e] = yr(t[e].label, t[e], n);
+}), {
+	type: "numberFields",
+	label: e,
+	fields: t
+}), xr = (e, t, n = !1) => ({
+	...t,
+	label: e,
+	type: "checkbox",
+	isConfigProperty: n
+}), Sr = (e, t, n = !1) => (Object.keys(t).map((e) => {
+	t[e] = xr(t[e].label, t[e], n);
+}), {
+	type: "checkboxes",
+	label: e,
+	choices: t
+}), Cr = class e extends CustomEvent {
 	static {
 		this.TYPE = "model.updated";
 	}
@@ -17,7 +2132,7 @@ var m = class e extends CustomEvent {
 			}
 		}), this.update = t, this.reset = n;
 	}
-}, h = class e extends CustomEvent {
+}, wr = class e extends CustomEvent {
 	static {
 		this.TYPE = "delete.image";
 	}
@@ -30,7 +2145,7 @@ var m = class e extends CustomEvent {
 			}
 		}), this.src = t, this.done = n;
 	}
-}, g = class e extends CustomEvent {
+}, Tr = class e extends CustomEvent {
 	static {
 		this.TYPE = "insert.image";
 	}
@@ -40,7 +2155,7 @@ var m = class e extends CustomEvent {
 			detail: t
 		}), this.handler = t;
 	}
-}, _ = class e extends CustomEvent {
+}, Er = class e extends CustomEvent {
 	static {
 		this.TYPE = "delete.sound";
 	}
@@ -53,7 +2168,7 @@ var m = class e extends CustomEvent {
 			}
 		}), this.src = t, this.done = n;
 	}
-}, v = class e extends CustomEvent {
+}, Dr = class e extends CustomEvent {
 	static {
 		this.TYPE = "insert.sound";
 	}
@@ -63,26 +2178,26 @@ var m = class e extends CustomEvent {
 			detail: t
 		}), this.handler = t;
 	}
-}, y = /* @__PURE__ */ e(r(), 1), { Panel: b, toggle: x, numberFields: S, dropdown: C } = s, w = {
+}, { Panel: Or, toggle: $, numberFields: kr, dropdown: Ar } = pr, jr = {
 	type: "default",
 	default: "Your answer has been submitted"
-}, T = t(i)(({ theme: e }) => ({ paddingBottom: e.spacing(1) })), E = t(l)(({ theme: e }) => ({
+}, Mr = s(n)(({ theme: e }) => ({ paddingBottom: e.spacing(1) })), Nr = s(ee)(({ theme: e }) => ({
 	paddingTop: e.spacing(1),
 	marginTop: e.spacing(2),
 	marginBottom: e.spacing(2),
 	width: "100%"
-})), D = t("div")(({ theme: e }) => ({
+})), Pr = s("div")(({ theme: e }) => ({
 	fontSize: e.typography.fontSize - 2,
 	color: e.palette.error.main,
 	paddingTop: e.spacing(1)
-})), O = class extends u.Component {
+})), Fr = class extends H.Component {
 	static propTypes = {
-		onModelChanged: y.default.func.isRequired,
-		onConfigurationChanged: y.default.func,
-		model: y.default.object.isRequired,
-		configuration: y.default.object.isRequired,
-		imageSupport: y.default.object.isRequired,
-		uploadSoundSupport: y.default.object.isRequired
+		onModelChanged: q.default.func.isRequired,
+		onConfigurationChanged: q.default.func,
+		model: q.default.object.isRequired,
+		configuration: q.default.object.isRequired,
+		imageSupport: q.default.object.isRequired,
+		uploadSoundSupport: q.default.object.isRequired
 	};
 	constructor(e) {
 		super(e), this.state = { setDimensions: !0 };
@@ -109,9 +2224,9 @@ var m = class e extends CustomEvent {
 		});
 	};
 	render() {
-		let { model: e, configuration: t, imageSupport: r, onConfigurationChanged: i, onModelChanged: s, uploadSoundSupport: l } = this.props, { annotations: p = {}, contentDimensions: m = {}, dimensions: h = {}, equationEditor: g = {}, feedback: _ = {}, playerSpellCheck: v = {}, prompt: y = {}, settingsPanelDisabled: O, spanishInput: k = {}, specialInput: A = {}, spellCheck: j = {}, studentInstructions: M = {}, teacherInstructions: N = {}, mathInput: P = {}, maxImageWidth: F = {}, maxImageHeight: I = {}, multiple: L = {}, withRubric: R = {}, mathMlOptions: z = {}, baseInputConfiguration: B = {} } = t || {}, { errors: V = {}, extraCSSRules: H, feedbackEnabled: U, promptEnabled: W, spellCheckEnabled: G, teacherInstructionsEnabled: K, toolbarEditorPosition: q } = e || {}, { prompt: J, teacherInstructions: Y } = V, X = F && F.prompt, Z = I && I.prompt, Q = { position: q === "top" ? "top" : "bottom" }, ee = {
-			mathInput: P.settings && x(P.label),
-			equationEditor: g.enabled && e.mathInput && C(g.label, [
+		let { model: e, configuration: t, imageSupport: n, onConfigurationChanged: r, onModelChanged: i, uploadSoundSupport: a } = this.props, { annotations: o = {}, contentDimensions: s = {}, dimensions: c = {}, equationEditor: l = {}, feedback: u = {}, playerSpellCheck: d = {}, prompt: f = {}, settingsPanelDisabled: p, spanishInput: m = {}, specialInput: g = {}, spellCheck: _ = {}, studentInstructions: v = {}, teacherInstructions: y = {}, mathInput: b = {}, maxImageWidth: x = {}, maxImageHeight: S = {}, multiple: C = {}, withRubric: w = {}, mathMlOptions: T = {}, baseInputConfiguration: E = {} } = t || {}, { errors: D = {}, extraCSSRules: O, feedbackEnabled: k, promptEnabled: A, spellCheckEnabled: j, teacherInstructionsEnabled: M, toolbarEditorPosition: N } = e || {}, { prompt: P, teacherInstructions: I } = D, L = x && x.prompt, R = S && S.prompt, z = { position: N === "top" ? "top" : "bottom" }, ee = {
+			mathInput: b.settings && $(b.label),
+			equationEditor: l.enabled && e.mathInput && Ar(l.label, [
 				"non-negative-integers",
 				"integers",
 				"decimals",
@@ -125,9 +2240,9 @@ var m = class e extends CustomEvent {
 				"statistics",
 				"item-authoring"
 			]),
-			spanishInput: k.settings && x(k.label),
-			specialInput: A.settings && x(A.label),
-			dimensions: h.settings && S(h.label, {
+			spanishInput: m.settings && $(m.label),
+			specialInput: g.settings && $(g.label),
+			dimensions: c.settings && kr(c.label, {
 				width: {
 					label: "Width (px)",
 					suffix: "px",
@@ -141,84 +2256,84 @@ var m = class e extends CustomEvent {
 					max: 500
 				}
 			}),
-			"multiple.enabled": L.settings && x(L.label, !0),
-			promptEnabled: y.settings && x(y.label),
-			feedbackEnabled: _.settings && x(_.label),
-			annotationsEnabled: p.settings && x(p.label),
-			spellCheckEnabled: j.settings && x(j.label),
-			playerSpellCheckDisabled: v.settings && x(v.label)
+			"multiple.enabled": C.settings && $(C.label, !0),
+			promptEnabled: f.settings && $(f.label),
+			feedbackEnabled: u.settings && $(u.label),
+			annotationsEnabled: o.settings && $(o.label),
+			spellCheckEnabled: _.settings && $(_.label),
+			playerSpellCheckDisabled: d.settings && $(d.label)
 		}, te = {
-			teacherInstructionsEnabled: N.settings && x(N.label),
-			studentInstructionsEnabled: M.settings && x(M.label),
-			rubricEnabled: R?.settings && x(R?.label)
-		}, $ = (e) => Object.assign({ ...B }, e || {});
-		return /* @__PURE__ */ f(c.ConfigLayout, {
-			extraCSSRules: H,
-			dimensions: m,
-			hideSettings: O,
-			settings: /* @__PURE__ */ d(b, {
+			teacherInstructionsEnabled: y.settings && $(y.label),
+			studentInstructionsEnabled: v.settings && $(v.label),
+			rubricEnabled: w?.settings && $(w?.label)
+		}, B = (e) => Object.assign({ ...E }, e || {});
+		return /* @__PURE__ */ W(zn.ConfigLayout, {
+			extraCSSRules: O,
+			dimensions: s,
+			hideSettings: p,
+			settings: /* @__PURE__ */ U(Or, {
 				model: e,
 				configuration: t,
-				onChangeModel: (e) => s(e),
-				onChangeConfiguration: (e) => i(e),
+				onChangeModel: (e) => i(e),
+				onChangeConfiguration: (e) => r(e),
 				groups: {
 					Settings: ee,
 					Properties: te
 				}
 			}),
 			children: [
-				K && /* @__PURE__ */ f(E, {
-					label: N.label,
-					children: [/* @__PURE__ */ d(n, {
+				M && /* @__PURE__ */ W(Nr, {
+					label: y.label,
+					children: [/* @__PURE__ */ U(F, {
 						className: "prompt",
 						markup: e.teacherInstructions || "",
 						onChange: this.changeTeacherInstructions,
-						imageSupport: r,
+						imageSupport: n,
 						nonEmpty: !1,
-						error: Y,
-						toolbarOpts: Q,
-						spellCheck: G,
-						maxImageWidth: F && F.teacherInstructions || X,
-						maxImageHeight: I && I.teacherInstructions || Z,
-						uploadSoundSupport: l,
+						error: I,
+						toolbarOpts: z,
+						spellCheck: j,
+						maxImageWidth: x && x.teacherInstructions || L,
+						maxImageHeight: S && S.teacherInstructions || R,
+						uploadSoundSupport: a,
 						languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
-						mathMlOptions: z,
-						pluginProps: $(N?.inputConfiguration)
-					}), Y && /* @__PURE__ */ d(D, { children: Y })]
+						mathMlOptions: T,
+						pluginProps: B(y?.inputConfiguration)
+					}), I && /* @__PURE__ */ U(Pr, { children: I })]
 				}),
-				W && /* @__PURE__ */ f(E, {
-					label: y.label,
-					children: [/* @__PURE__ */ d(n, {
-						activePlugins: a,
+				A && /* @__PURE__ */ W(Nr, {
+					label: f.label,
+					children: [/* @__PURE__ */ U(F, {
+						activePlugins: h,
 						className: "prompt",
 						markup: e.prompt || "",
 						onChange: this.onPromptChange,
-						imageSupport: r,
+						imageSupport: n,
 						nonEmpty: !1,
-						error: J,
-						toolbarOpts: Q,
-						spellCheck: G,
-						maxImageWidth: X,
-						maxImageHeight: Z,
-						uploadSoundSupport: l,
+						error: P,
+						toolbarOpts: z,
+						spellCheck: j,
+						maxImageWidth: L,
+						maxImageHeight: R,
+						uploadSoundSupport: a,
 						languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
-						mathMlOptions: z,
-						pluginProps: $(y?.inputConfiguration)
-					}), J && /* @__PURE__ */ d(D, { children: J })]
+						mathMlOptions: T,
+						pluginProps: B(f?.inputConfiguration)
+					}), P && /* @__PURE__ */ U(Pr, { children: P })]
 				}),
-				U && /* @__PURE__ */ f(u.Fragment, { children: [/* @__PURE__ */ d(T, {
+				k && /* @__PURE__ */ W(H.Fragment, { children: [/* @__PURE__ */ U(Mr, {
 					variant: "h6",
 					children: "Feedback"
-				}), /* @__PURE__ */ d(o, {
+				}), /* @__PURE__ */ U(Ct, {
 					label: "When submitted, show",
-					feedback: e.feedback || w,
+					feedback: e.feedback || jr,
 					onChange: this.changeFeedback,
-					toolbarOpts: Q
+					toolbarOpts: z
 				})] })
 			]
 		});
 	}
-}, k = {
+}, Ir = {
 	model: {
 		annotationsEnabled: !1,
 		dimensions: {
@@ -423,52 +2538,52 @@ var m = class e extends CustomEvent {
 			mmlEditing: !1
 		}
 	}
-}, A = class e extends HTMLElement {
+}, Lr = class e extends HTMLElement {
 	static createDefaultModel = (e = {}, t) => {
 		let n = {
-			...k.model,
+			...Ir.model,
 			...e
 		};
 		return t?.withRubric?.forceEnabled && !n.rubricEnabled && (n.rubricEnabled = !0), n;
 	};
 	constructor() {
-		super(), this._root = null, this._configuration = k.configuration, this._configuration.withRubric?.forceEnabled && (this._configuration.withRubric.settings = !1), this._model = e.createDefaultModel({}, this._configuration);
+		super(), this._root = null, this._configuration = Ir.configuration, this._configuration.withRubric?.forceEnabled && (this._configuration.withRubric.settings = !1), this._model = e.createDefaultModel({}, this._configuration);
 	}
 	set model(t) {
 		this._model = e.createDefaultModel(t, this._configuration), this.render();
 	}
 	set configuration(e) {
 		this._configuration = {
-			...k.configuration,
+			...Ir.configuration,
 			...e
 		};
 		let { withRubric: t = {} } = e || {};
 		t?.forceEnabled && (this._configuration.withRubric.settings = !1, this._model.rubricEnabled || (this._model.rubricEnabled = !0)), this.render();
 	}
 	onModelChanged(e) {
-		this._model = e, this.render(), this.dispatchEvent(new m(this._model, !1));
+		this._model = e, this.render(), this.dispatchEvent(new Cr(this._model, !1));
 	}
 	onConfigurationChanged(e) {
 		this._configuration = {
-			...k.configuration,
+			...Ir.configuration,
 			...e
 		}, this._model && this.onModelChanged(this._model), this.render();
 	}
 	insertImage(e) {
-		this.dispatchEvent(new g(e));
+		this.dispatchEvent(new Tr(e));
 	}
 	onDeleteImage(e, t) {
-		this.dispatchEvent(new h(e, t));
+		this.dispatchEvent(new wr(e, t));
 	}
 	insertSound(e) {
-		this.dispatchEvent(new v(e));
+		this.dispatchEvent(new Dr(e));
 	}
 	onDeleteSound(e, t) {
-		this.dispatchEvent(new _(e, t));
+		this.dispatchEvent(new Er(e, t));
 	}
 	render() {
 		if (this._model) {
-			let e = u.createElement(O, {
+			let e = H.createElement(Fr, {
 				model: this._model,
 				configuration: this._configuration,
 				onModelChanged: this.onModelChanged.bind(this),
@@ -482,14 +2597,17 @@ var m = class e extends CustomEvent {
 					delete: this.onDeleteSound.bind(this)
 				}
 			});
-			this._root ||= p(this), this._root.render(e);
+			this._root ||= ie(this), this._root.render(e);
 		}
 	}
+	connectedCallback() {
+		this.render();
+	}
 	disconnectedCallback() {
-		this._root && this._root.unmount();
+		this._root &&= (this._root.unmount(), null);
 	}
 };
 //#endregion
-export { A as default };
+export { Lr as default };
 
 //# sourceMappingURL=index.js.map