@pie-lib/config-ui 13.0.4-next.31 → 13.0.4-next.33

package/dist/choice-configuration/feedback-menu.js

@@ -82,4 +82,4 @@ var d = u(a, "InlineMenu") || u(m.InlineMenu, "InlineMenu"), f = i, p = f.defaul
 	}
 };
 //#endregion
-export { g as default };
+export { h as IconMenu, g as default };

package/dist/choice-configuration/index.js

@@ -6,22 +6,22 @@ import { styled as a } from "@mui/material/styles";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
 import c from "@pie-lib/editable-html-tip-tap";
 import * as l from "@pie-lib/render-ui";
-import { InputContainer as u } from "@pie-lib/render-ui";
-import d from "@mui/material/IconButton";
-import f from "@mui/material/TextField";
-import p from "@mui/icons-material/Delete";
-import m from "@mui/icons-material/SubdirectoryArrowRight";
+import { InputContainer as u, color as d } from "@pie-lib/render-ui";
+import f from "@mui/material/IconButton";
+import p from "@mui/material/TextField";
+import m from "@mui/icons-material/Delete";
+import h from "@mui/icons-material/SubdirectoryArrowRight";
 //#region src/choice-configuration/index.tsx
-function h(e) {
+function g(e) {
 	return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
 }
-function g(e, t) {
-	return !e || h(e) ? e : h(e.default) ? e.default : t && h(e[t]) ? e[t] : t && h(e[t]?.default) ? e[t].default : e;
+function _(e, t) {
+	return !e || g(e) ? e : g(e.default) ? e.default : t && g(e[t]) ? e[t] : t && g(e[t]?.default) ? e[t].default : e;
 }
-var _ = g(u, "InputContainer") || g(b.InputContainer, "InputContainer"), v = l, y = v.default, b = y && typeof y == "object" ? y : v, x = a("div")(({ theme: e }) => ({ marginTop: e.spacing(2) })), S = ({ label: e, onChange: t, value: n, className: r, imageSupport: i, disableImageAlignmentButtons: a, disabled: s, spellCheck: l, nonEmpty: u, pluginOpts: d, toolbarOpts: f, error: p, maxImageWidth: m, maxImageHeight: h, uploadSoundSupport: g, mathMlOptions: v = {} }) => /* @__PURE__ */ o(_, {
+var v = _(u, "InputContainer") || _(x.InputContainer, "InputContainer"), y = l, b = y.default, x = b && typeof b == "object" ? b : y, S = a("div")(({ theme: e }) => ({ marginTop: e.spacing(2) })), C = ({ label: e, onChange: t, value: n, className: r, imageSupport: i, disableImageAlignmentButtons: a, disabled: s, spellCheck: l, nonEmpty: u, pluginOpts: d, toolbarOpts: f, error: p, maxImageWidth: m, maxImageHeight: h, uploadSoundSupport: g, mathMlOptions: _ = {} }) => /* @__PURE__ */ o(v, {
 	label: e,
 	className: r,
-	children: /* @__PURE__ */ o(x, { children: /* @__PURE__ */ o(c, {
+	children: /* @__PURE__ */ o(S, { children: /* @__PURE__ */ o(c, {
 		markup: n || "",
 		disabled: s,
 		spellCheck: l,
@@ -36,67 +36,67 @@ var _ = g(u, "InputContainer") || g(b.InputContainer, "InputContainer"), v = l,
 		maxImageHeight: h,
 		uploadSoundSupport: g,
 		languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
-		mathMlOptions: v
+		mathMlOptions: _
 	}) })
-}), C = a("div")(() => ({ position: "relative" })), w = a(m)(({ theme: e }) => ({
-	fill: e.palette.grey[400],
+}), w = a("div")(() => ({ position: "relative" })), T = a(h)(() => ({
+	fill: d.border(),
 	left: -56,
 	position: "absolute",
 	top: 40
-})), T = a(f)(({ theme: e }) => ({
+})), E = a(p)(({ theme: e }) => ({
 	width: "100%",
 	marginTop: e.spacing(2)
-})), E = a(S)(({ theme: e }) => ({
+})), D = a(C)(({ theme: e }) => ({
 	width: "100%",
 	marginTop: e.spacing(2)
-})), D = ({ value: e, onChange: t, type: n, correct: r, defaults: i, toolbarOpts: a, mathMlOptions: c = {} }) => !n || n === "none" ? null : n === "default" ? /* @__PURE__ */ s(C, { children: [/* @__PURE__ */ o(w, {}), /* @__PURE__ */ o(T, {
+})), O = ({ value: e, onChange: t, type: n, correct: r, defaults: i, toolbarOpts: a, mathMlOptions: c = {} }) => !n || n === "none" ? null : n === "default" ? /* @__PURE__ */ s(w, { children: [/* @__PURE__ */ o(T, {}), /* @__PURE__ */ o(E, {
 	label: "Feedback Text",
 	value: r ? i.correct : i.incorrect,
 	variant: "standard"
-})] }) : /* @__PURE__ */ s(C, { children: [/* @__PURE__ */ o(w, {}), /* @__PURE__ */ o(E, {
+})] }) : /* @__PURE__ */ s(w, { children: [/* @__PURE__ */ o(T, {}), /* @__PURE__ */ o(D, {
 	label: "Feedback Text",
 	value: e,
 	onChange: t,
 	toolbarOpts: a,
 	mathMlOptions: c
-})] }), O = a("span")(({ theme: e }) => ({
+})] }), k = a("span")(({ theme: e }) => ({
 	paddingRight: e.spacing(1),
 	paddingTop: e.spacing(3)
-})), k = a("div")(() => ({
+})), A = a("div")(() => ({
 	display: "flex",
 	alignItems: "center"
-})), A = a("div")(({ theme: e }) => ({
+})), j = a("div")(({ theme: e }) => ({
 	flex: "0 1 auto",
 	paddingTop: e.spacing(.5),
 	paddingBottom: 0,
 	marginRight: 0,
 	marginLeft: e.spacing(1)
-})), j = a("div")(({ theme: e }) => ({
+})), M = a("div")(({ theme: e }) => ({
 	flex: "0 1 auto",
 	paddingTop: e.spacing(2),
 	paddingLeft: 0,
 	marginLeft: 0,
 	marginRight: e.spacing(1)
-})), M = a("div")(() => ({
+})), N = a("div")(() => ({
 	margin: 0,
 	width: "inherit"
-})), N = a("div")(() => ({
+})), P = a("div")(() => ({
 	margin: 0,
 	width: "inherit"
-})), P = a("div")(({ theme: e }) => ({
+})), F = a("div")(({ theme: e }) => ({
 	flex: "0 1 auto",
 	paddingTop: e.spacing(2),
 	paddingLeft: 0,
 	marginLeft: 0
-})), F = a("div")(({ theme: e }) => ({
+})), I = a("div")(({ theme: e }) => ({
 	display: "flex",
 	flex: 1,
 	flexDirection: "column",
 	marginRight: e.spacing(1)
-})), I = a("div")(({ theme: e }) => ({
+})), L = a("div")(({ theme: e }) => ({
 	fontSize: e.typography.fontSize - 2,
 	color: e.palette.error.main
-})), L = class extends r.Component {
+})), R = class extends r.Component {
 	static propTypes = {
 		noLabels: i.bool,
 		useLetterOrdering: i.bool,
@@ -178,26 +178,26 @@ var _ = g(u, "InputContainer") || g(b.InputContainer, "InputContainer"), v = l,
 		});
 	};
 	render() {
-		let { data: r, mode: i, onDelete: a, defaultFeedback: c, index: l, className: u, noLabels: f, useLetterOrdering: m, imageSupport: h, disableImageAlignmentButtons: g, disabled: v, spellCheck: y, nonEmpty: b, allowFeedBack: x, allowDelete: C, pluginOpts: w, toolbarOpts: T, error: E, noCorrectAnswerError: L, uploadSoundSupport: R, maxImageWidth: z, maxImageHeight: B, mathMlOptions: V = {} } = this.props, H = i === "checkbox" ? e : t;
-		return /* @__PURE__ */ s(k, { children: [
-			l > 0 && /* @__PURE__ */ o(O, {
+		let { data: r, mode: i, onDelete: a, defaultFeedback: c, index: l, className: u, noLabels: d, useLetterOrdering: p, imageSupport: h, disableImageAlignmentButtons: g, disabled: _, spellCheck: y, nonEmpty: b, allowFeedBack: x, allowDelete: S, pluginOpts: w, toolbarOpts: T, error: E, noCorrectAnswerError: D, uploadSoundSupport: R, maxImageWidth: z, maxImageHeight: B, mathMlOptions: V = {} } = this.props, H = i === "checkbox" ? e : t;
+		return /* @__PURE__ */ s(A, { children: [
+			l > 0 && /* @__PURE__ */ o(k, {
 				type: "title",
-				children: m ? String.fromCharCode(96 + l).toUpperCase() : l
+				children: p ? String.fromCharCode(96 + l).toUpperCase() : l
 			}),
-			/* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(H, {
+			/* @__PURE__ */ o(j, { children: /* @__PURE__ */ o(H, {
 				onChange: this.onCheckedChange,
-				label: f ? "" : "Correct",
+				label: d ? "" : "Correct",
 				checked: !!r.correct,
-				error: L
+				error: D
 			}) }),
-			/* @__PURE__ */ s(F, { children: [
-				/* @__PURE__ */ o(S, {
-					label: f ? "" : "Label",
+			/* @__PURE__ */ s(I, { children: [
+				/* @__PURE__ */ o(C, {
+					label: d ? "" : "Label",
 					value: r.label,
 					onChange: this.onLabelChange,
 					imageSupport: h,
 					disableImageAlignmentButtons: g,
-					disabled: v,
+					disabled: _,
 					spellCheck: y,
 					nonEmpty: b,
 					pluginOpts: w,
@@ -208,8 +208,8 @@ var _ = g(u, "InputContainer") || g(b.InputContainer, "InputContainer"), v = l,
 					maxImageWidth: z,
 					maxImageHeight: B
 				}),
-				E && /* @__PURE__ */ o(I, { children: E }),
-				x && /* @__PURE__ */ o(D, {
+				E && /* @__PURE__ */ o(L, { children: E }),
+				x && /* @__PURE__ */ o(O, {
 					...r.feedback,
 					correct: r.correct,
 					defaults: c,
@@ -217,24 +217,24 @@ var _ = g(u, "InputContainer") || g(b.InputContainer, "InputContainer"), v = l,
 					toolbarOpts: T
 				})
 			] }),
-			x && /* @__PURE__ */ o(j, { children: /* @__PURE__ */ o(_, {
-				label: f ? "" : "Feedback",
-				children: /* @__PURE__ */ o(M, { children: /* @__PURE__ */ o(n, {
+			x && /* @__PURE__ */ o(M, { children: /* @__PURE__ */ o(v, {
+				label: d ? "" : "Feedback",
+				children: /* @__PURE__ */ o(N, { children: /* @__PURE__ */ o(n, {
 					onChange: this.onFeedbackTypeChange,
 					value: r.feedback
 				}) })
 			}) }),
-			C && /* @__PURE__ */ o(P, { children: /* @__PURE__ */ o(_, {
-				label: f ? "" : "Delete",
-				children: /* @__PURE__ */ o(N, { children: /* @__PURE__ */ o(d, {
+			S && /* @__PURE__ */ o(F, { children: /* @__PURE__ */ o(v, {
+				label: d ? "" : "Delete",
+				children: /* @__PURE__ */ o(P, { children: /* @__PURE__ */ o(f, {
 					"aria-label": "delete",
 					onClick: a,
 					size: "large",
-					children: /* @__PURE__ */ o(p, {})
+					children: /* @__PURE__ */ o(m, {})
 				}) })
 			}) })
 		] });
 	}
 };
 //#endregion
-export { L as default };
+export { R as ChoiceConfiguration, R as default };

package/dist/choice-utils.js

@@ -12,4 +12,4 @@ var n = /* @__PURE__ */ e({
 	};
 }, i = (e, n) => t(e, `${n}`) ? i(e, n + 1) : `${n}`;
 //#endregion
-export { n as choice_utils_exports };
+export { n as choice_utils_exports, i as firstAvailableIndex, r as normalizeChoices };

package/dist/feedback-config/feedback-selector.js

@@ -5,33 +5,33 @@ import { styled as r } from "@mui/material/styles";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
 import o from "@pie-lib/editable-html-tip-tap";
 import * as s from "@pie-lib/render-ui";
-import { InputContainer as c } from "@pie-lib/render-ui";
+import { InputContainer as c, color as l } from "@pie-lib/render-ui";
 //#region src/feedback-config/feedback-selector.tsx
-function l(e) {
+function u(e) {
 	return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
 }
-function u(e, t) {
-	return !e || l(e) ? e : l(e.default) ? e.default : t && l(e[t]) ? e[t] : t && l(e[t]?.default) ? e[t].default : e;
+function d(e, t) {
+	return !e || u(e) ? e : u(e.default) ? e.default : t && u(e[t]) ? e[t] : t && u(e[t]?.default) ? e[t].default : e;
 }
-var d = u(c, "InputContainer") || u(m.InputContainer, "InputContainer"), f = s, p = f.default, m = p && typeof p == "object" ? p : f, h = r(o)(({ theme: e }) => ({ fontFamily: e.typography.fontFamily })), g = {
+var f = d(c, "InputContainer") || d(h.InputContainer, "InputContainer"), p = s, m = p.default, h = m && typeof m == "object" ? m : p, g = r(o)(({ theme: e }) => ({ fontFamily: e.typography.fontFamily })), _ = {
 	default: "Simple Feedback",
 	none: "No Feedback",
 	custom: "Customized Feedback"
-}, _ = r("div")(({ theme: e }) => ({ marginBottom: e.spacing(1) })), v = r(d)(() => ({ paddingBottom: 0 })), y = r("div")(({ theme: e }) => ({
+}, v = r("div")(({ theme: e }) => ({ marginBottom: e.spacing(1) })), y = r(f)(() => ({ paddingBottom: 0 })), b = r("div")(({ theme: e }) => ({
 	marginTop: "0px",
-	background: e.palette.grey[300],
+	background: l.backgroundDark(),
 	padding: 0,
 	marginBottom: e.spacing(2),
 	borderRadius: "4px"
-})), b = r("div")(({ theme: e }) => ({
+})), x = r("div")(({ theme: e }) => ({
 	marginTop: "0px",
-	background: e.palette.grey[300],
+	background: l.backgroundDark(),
 	padding: e.spacing(2),
 	marginBottom: e.spacing(2),
 	borderRadius: "4px",
 	fontFamily: e.typography.fontFamily,
 	cursor: "default"
-})), x = r(e)(({ theme: e }) => ({ paddingTop: e.spacing(1) })), S = {
+})), S = r(e)(({ theme: e }) => ({ paddingTop: e.spacing(1) })), C = {
 	type: n.oneOf([
 		"default",
 		"custom",
@@ -39,11 +39,11 @@ var d = u(c, "InputContainer") || u(m.InputContainer, "InputContainer"), f = s,
 	]),
 	default: n.string,
 	custom: n.string
-}, C = class extends t.Component {
+}, w = class extends t.Component {
 	static propTypes = {
 		keys: n.arrayOf(n.string),
 		label: n.string.isRequired,
-		feedback: n.shape(S).isRequired,
+		feedback: n.shape(C).isRequired,
 		onChange: n.func.isRequired,
 		toolbarOpts: n.object,
 		mathMlOptions: n.object
@@ -65,28 +65,28 @@ var d = u(c, "InputContainer") || u(m.InputContainer, "InputContainer"), f = s,
 	};
 	render() {
 		let { keys: e, label: t, feedback: n, toolbarOpts: r, mathMlOptions: o = {} } = this.props;
-		return /* @__PURE__ */ a(_, { children: [
-			/* @__PURE__ */ i(v, {
+		return /* @__PURE__ */ a(v, { children: [
+			/* @__PURE__ */ i(y, {
 				label: t,
 				extraClasses: { label: { transform: "translateY(-20%)" } },
-				children: /* @__PURE__ */ i(x, {
-					keys: e || Object.keys(g),
+				children: /* @__PURE__ */ i(S, {
+					keys: e || Object.keys(_),
 					label: t,
 					value: n.type,
 					onChange: this.changeType,
-					feedbackLabels: g
+					feedbackLabels: _
 				})
 			}),
-			n.type === "custom" && /* @__PURE__ */ i(y, { children: /* @__PURE__ */ i(h, {
+			n.type === "custom" && /* @__PURE__ */ i(b, { children: /* @__PURE__ */ i(g, {
 				onChange: this.changeCustom,
 				markup: n.custom || "",
 				toolbarOpts: r,
 				languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
 				mathMlOptions: o
 			}) }),
-			n.type === "default" && /* @__PURE__ */ a(b, { children: [" ", n.default] })
+			n.type === "default" && /* @__PURE__ */ a(x, { children: [" ", n.default] })
 		] });
 	}
 };
 //#endregion
-export { S as FeedbackType, C as default };
+export { w as FeedbackSelector, w as default, C as FeedbackType };

package/dist/feedback-config/index.js

@@ -1,4 +1,4 @@
-import e, { FeedbackType as t } from "./feedback-selector.js";
+import { FeedbackSelector as e, FeedbackType as t } from "./feedback-selector.js";
 import n from "react";
 import r from "prop-types";
 import { styled as i } from "@mui/material/styles";
@@ -93,4 +93,4 @@ var p = i("div")(() => ({
 	}
 };
 //#endregion
-export { h as buildDefaults, g as default };
+export { g as FeedbackConfig, g as default, e as FeedbackSelector, h as buildDefaults };

package/dist/help.js

@@ -2,41 +2,42 @@ import e from "react";
 import t from "prop-types";
 import { styled as n } from "@mui/material/styles";
 import { jsx as r, jsxs as i } from "react/jsx-runtime";
-import a from "@mui/material/Dialog";
-import o from "@mui/material/DialogTitle";
-import s from "@mui/material/DialogContentText";
-import c from "@mui/material/DialogContent";
-import l from "@mui/material/DialogActions";
-import u from "@mui/material/Button";
-import d from "@mui/icons-material/Help";
-import f from "@mui/material/IconButton";
+import { color as a } from "@pie-lib/render-ui";
+import o from "@mui/material/Dialog";
+import s from "@mui/material/DialogTitle";
+import c from "@mui/material/DialogContentText";
+import l from "@mui/material/DialogContent";
+import u from "@mui/material/DialogActions";
+import d from "@mui/material/Button";
+import f from "@mui/icons-material/Help";
+import p from "@mui/material/IconButton";
 //#region src/help.tsx
-var p = n(f)(({ theme: e }) => ({ "&:hover": { color: e.palette.grey[300] } })), m = ({ onClick: e }) => /* @__PURE__ */ r(p, {
+var m = n(p)(() => ({ "&:hover": { color: a.borderLight() } })), h = ({ onClick: e }) => /* @__PURE__ */ r(m, {
 	onClick: e,
 	size: "large",
-	children: /* @__PURE__ */ r(d, {})
+	children: /* @__PURE__ */ r(f, {})
 });
-m.propTypes = { onClick: t.func };
-var h = ({ open: e, onClose: t, children: n, title: d }) => /* @__PURE__ */ i(a, {
+h.propTypes = { onClick: t.func };
+var g = ({ open: e, onClose: t, children: n, title: a }) => /* @__PURE__ */ i(o, {
 	open: e,
 	onClose: t,
 	children: [
-		/* @__PURE__ */ r(o, { children: d }),
-		/* @__PURE__ */ r(c, { children: /* @__PURE__ */ r(s, { children: n }) }),
-		/* @__PURE__ */ r(l, { children: /* @__PURE__ */ r(u, {
+		/* @__PURE__ */ r(s, { children: a }),
+		/* @__PURE__ */ r(l, { children: /* @__PURE__ */ r(c, { children: n }) }),
+		/* @__PURE__ */ r(u, { children: /* @__PURE__ */ r(d, {
 			onClick: t,
 			color: "primary",
 			children: "OK"
 		}) })
 	]
 });
-h.propTypes = {
+g.propTypes = {
 	open: t.bool,
 	onClose: t.func,
 	children: t.oneOfType([t.arrayOf(t.node), t.node]).isRequired,
 	title: t.string.isRequired
 };
-var g = class extends e.Component {
+var _ = class extends e.Component {
 	static propTypes = {
 		children: t.oneOfType([t.arrayOf(t.node), t.node]).isRequired,
 		title: t.string
@@ -46,10 +47,10 @@ var g = class extends e.Component {
 	}
 	render() {
 		let { children: e, title: t } = this.props;
-		return /* @__PURE__ */ i("div", { children: [/* @__PURE__ */ r(m, {
+		return /* @__PURE__ */ i("div", { children: [/* @__PURE__ */ r(h, {
 			color: "accent",
 			onClick: () => this.setState({ open: !0 })
-		}), /* @__PURE__ */ r(h, {
+		}), /* @__PURE__ */ r(g, {
 			open: this.state.open,
 			title: t,
 			onClose: () => this.setState({ open: !1 }),
@@ -58,4 +59,4 @@ var g = class extends e.Component {
 	}
 };
 //#endregion
-export { g as default };
+export { h as HelpButton, g as HelpDialog, _ as default };

package/dist/index.js

@@ -1,19 +1,19 @@
 import e from "./alert-dialog.js";
-import t from "./feedback-config/feedback-selector.js";
-import n, { buildDefaults as r } from "./feedback-config/index.js";
+import { FeedbackSelector as t } from "./feedback-config/feedback-selector.js";
+import { FeedbackConfig as n, buildDefaults as r } from "./feedback-config/index.js";
 import { InputCheckbox as i, InputRadio as a, InputSwitch as o } from "./inputs.js";
-import s, { LanguageControls as c } from "./langs.js";
-import l from "./tabs/index.js";
+import { Langs as s, LanguageControls as c } from "./langs.js";
+import { Tabs as l } from "./tabs/index.js";
 import u from "./checkbox.js";
 import d from "./form-section.js";
 import f from "./help.js";
 import p from "./input.js";
-import m from "./number-text-field.js";
-import h from "./number-text-field-custom.js";
+import { NumberTextField as m } from "./number-text-field.js";
+import { NumberTextFieldCustom as h } from "./number-text-field-custom.js";
 import g, { NChoice as _ } from "./two-choice.js";
 import v from "./mui-box/index.js";
-import y from "./tags-input/index.js";
-import b from "./choice-configuration/index.js";
+import { TagsInput as y } from "./tags-input/index.js";
+import { ChoiceConfiguration as b } from "./choice-configuration/index.js";
 import { layout_exports as x } from "./layout/index.js";
 import { choice_utils_exports as S } from "./choice-utils.js";
 import C from "./with-stateful-model.js";

package/dist/langs.js

@@ -73,4 +73,4 @@ _.propTypes = {
 	className: t.string
 };
 //#endregion
-export { _ as LanguageControls, h as default };
+export { h as Langs, h as default, _ as LanguageControls };

package/dist/layout/config-layout.js

@@ -1,6 +1,6 @@
 import e, { withContentRect as t } from "../node_modules/.bun/react-measure@2.5.2_6dbf9a050bc9aadb/node_modules/react-measure/dist/index.esm.js";
 import n from "./layout-contents.js";
-import r from "./settings-box.js";
+import { SettingsBox as r } from "./settings-box.js";
 import i from "react";
 import a from "prop-types";
 import { StyledEngineProvider as o, ThemeProvider as s, createTheme as c } from "@mui/material/styles";

package/dist/layout/index.js

@@ -7,4 +7,4 @@ var r = /* @__PURE__ */ e({
 	LayoutContents: () => t
 });
 //#endregion
-export { r as layout_exports };
+export { n as ConfigLayout, t as LayoutContents, r as layout_exports };

package/dist/layout/layout-contents.js

@@ -1,4 +1,4 @@
-import e from "../tabs/index.js";
+import { Tabs as e } from "../tabs/index.js";
 import t from "react";
 import n from "prop-types";
 import { styled as r } from "@mui/material/styles";

package/dist/layout/settings-box.js

@@ -2,10 +2,11 @@ import e from "react";
 import t from "prop-types";
 import { styled as n } from "@mui/material/styles";
 import { jsx as r } from "react/jsx-runtime";
+import { color as i } from "@pie-lib/render-ui";
 //#region src/layout/settings-box.tsx
-var i = n("div")(({ theme: e }) => ({
-	backgroundColor: e.palette.background.paper,
-	border: `2px solid ${e.palette.grey[200]}`,
+var a = n("div")(() => ({
+	backgroundColor: i.white(),
+	border: `2px solid ${i.border()}`,
 	display: "flex",
 	flexDirection: "column",
 	justifyContent: "flex-start",
@@ -13,7 +14,7 @@ var i = n("div")(({ theme: e }) => ({
 	maxWidth: "300px",
 	padding: "20px 4px 4px 20px",
 	zIndex: 99
-})), a = class extends e.Component {
+})), o = class extends e.Component {
 	static propTypes = {
 		className: t.string,
 		children: t.oneOfType([t.arrayOf(t.node), t.node]).isRequired
@@ -21,11 +22,11 @@ var i = n("div")(({ theme: e }) => ({
 	static defaultProps = {};
 	render() {
 		let { className: e, children: t } = this.props;
-		return /* @__PURE__ */ r(i, {
+		return /* @__PURE__ */ r(a, {
 			className: e,
 			children: t
 		});
 	}
 };
 //#endregion
-export { a as default };
+export { o as SettingsBox, o as default };

package/dist/node_modules/.bun/{@babel_runtime@7.28.6 → @babel_runtime@7.29.7}/node_modules/@babel/runtime/helpers/esm/extends.js

@@ -1,4 +1,4 @@
-//#region ../../../node_modules/.bun/@babel+runtime@7.28.6/node_modules/@babel/runtime/helpers/esm/extends.js
+//#region ../../../node_modules/.bun/@babel+runtime@7.29.7/node_modules/@babel/runtime/helpers/esm/extends.js
 function e() {
 	return e = Object.assign ? Object.assign.bind() : function(e) {
 		for (var t = 1; t < arguments.length; t++) {
@@ -9,4 +9,4 @@ function e() {
 	}, e.apply(null, arguments);
 }
 //#endregion
-export { e as _extends };
+export { e as default };

package/dist/node_modules/.bun/{@babel_runtime@7.28.6 → @babel_runtime@7.29.7}/node_modules/@babel/runtime/helpers/esm/inheritsLoose.js

@@ -1,7 +1,7 @@
-import { _setPrototypeOf as e } from "./setPrototypeOf.js";
-//#region ../../../node_modules/.bun/@babel+runtime@7.28.6/node_modules/@babel/runtime/helpers/esm/inheritsLoose.js
+import e from "./setPrototypeOf.js";
+//#region ../../../node_modules/.bun/@babel+runtime@7.29.7/node_modules/@babel/runtime/helpers/esm/inheritsLoose.js
 function t(t, n) {
 	t.prototype = Object.create(n.prototype), t.prototype.constructor = t, e(t, n);
 }
 //#endregion
-export { t as _inheritsLoose };
+export { t as default };

package/dist/node_modules/.bun/{@babel_runtime@7.28.6 → @babel_runtime@7.29.7}/node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js

@@ -1,4 +1,4 @@
-//#region ../../../node_modules/.bun/@babel+runtime@7.28.6/node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js
+//#region ../../../node_modules/.bun/@babel+runtime@7.29.7/node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js
 function e(e, t) {
 	if (e == null) return {};
 	var n = {};
@@ -9,4 +9,4 @@ function e(e, t) {
 	return n;
 }
 //#endregion
-export { e as _objectWithoutPropertiesLoose };
+export { e as default };

package/dist/node_modules/.bun/{@babel_runtime@7.28.6 → @babel_runtime@7.29.7}/node_modules/@babel/runtime/helpers/esm/setPrototypeOf.js

@@ -1,8 +1,8 @@
-//#region ../../../node_modules/.bun/@babel+runtime@7.28.6/node_modules/@babel/runtime/helpers/esm/setPrototypeOf.js
+//#region ../../../node_modules/.bun/@babel+runtime@7.29.7/node_modules/@babel/runtime/helpers/esm/setPrototypeOf.js
 function e(t, n) {
 	return e = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
 		return e.__proto__ = t, e;
 	}, e(t, n);
 }
 //#endregion
-export { e as _setPrototypeOf };
+export { e as default };

package/dist/node_modules/.bun/react-measure@2.5.2_6dbf9a050bc9aadb/node_modules/react-measure/dist/index.esm.js

@@ -1,6 +1,6 @@
-import { _extends as e } from "../../../../@babel_runtime@7.28.6/node_modules/@babel/runtime/helpers/esm/extends.js";
-import { _objectWithoutPropertiesLoose as t } from "../../../../@babel_runtime@7.28.6/node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js";
-import { _inheritsLoose as n } from "../../../../@babel_runtime@7.28.6/node_modules/@babel/runtime/helpers/esm/inheritsLoose.js";
+import e from "../../../../@babel_runtime@7.29.7/node_modules/@babel/runtime/helpers/esm/extends.js";
+import t from "../../../../@babel_runtime@7.29.7/node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js";
+import n from "../../../../@babel_runtime@7.29.7/node_modules/@babel/runtime/helpers/esm/inheritsLoose.js";
 import r from "../../../../resize-observer-polyfill@1.5.1/node_modules/resize-observer-polyfill/dist/ResizeObserver.es.js";
 import { Component as i, createElement as a } from "react";
 import o from "prop-types";

package/dist/number-text-field-custom.js

@@ -189,4 +189,4 @@ var d = r(s)(() => ({
 	}
 };
 //#endregion
-export { m as default };
+export { m as NumberTextFieldCustom, m as default };

package/dist/number-text-field.js

@@ -119,4 +119,4 @@ var c = a("@pie-lib:config-ui:number-text-field"), l = n(o)(({ theme: e }) => ({
 	}
 };
 //#endregion
-export { d as default };
+export { d as NumberTextField, d as default };

package/dist/settings/display-size.js

@@ -1,4 +1,4 @@
-import e from "../number-text-field.js";
+import { NumberTextField as e } from "../number-text-field.js";
 import "react";
 import t from "prop-types";
 import { styled as n } from "@mui/material/styles";

package/dist/settings/index.js

@@ -1,5 +1,5 @@
 import { __exportAll as e } from "../_virtual/_rolldown/runtime.js";
-import t from "./panel.js";
+import { Panel as t } from "./panel.js";
 //#region src/settings/index.ts
 var n = /* @__PURE__ */ e({
 	Panel: () => t,
@@ -60,4 +60,4 @@ var n = /* @__PURE__ */ e({
 	choices: t
 });
 //#endregion
-export { n as settings_exports };
+export { t as Panel, u as checkbox, d as checkboxes, s as dropdown, c as numberField, l as numberFields, o as radio, n as settings_exports, r as textField, i as toggle };

package/dist/settings/panel.js

@@ -1,5 +1,5 @@
 import e from "../checkbox.js";
-import t from "../number-text-field.js";
+import { NumberTextField as t } from "../number-text-field.js";
 import { NChoice as n } from "../two-choice.js";
 import r from "./toggle.js";
 import i from "./settings-radio-label.js";
@@ -198,4 +198,4 @@ var L = class extends a.Component {
 	}
 };
 //#endregion
-export { L as default };
+export { L as Panel, L as default };

package/dist/tabs/index.js

@@ -36,4 +36,4 @@ var s = n(o)(() => ({})), c = class extends e.Component {
 	}
 };
 //#endregion
-export { c as default };
+export { c as Tabs, c as default };

package/dist/tags-input/index.js

@@ -80,4 +80,4 @@ var d = r("div")(({ theme: e }) => ({
 	}
 };
 //#endregion
-export { p as default };
+export { p as TagsInput, p as default };

package/package.json

@@ -1,15 +1,20 @@
 {
   "name": "@pie-lib/config-ui",
-  "version": "13.0.4-next.31",
+  "version": "13.0.4-next.33",
   "description": "React implementation of @pie-lib/config-ui synced from pie-lib",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/pie-framework/pie-elements-ng.git",
+    "directory": "packages/lib-react/config-ui"
+  },
   "dependencies": {
     "@emotion/react": "^11.14.0",
-    "@emotion/style": "^0.8.0",
+    "@emotion/styled": "^11.14.1",
     "@mui/icons-material": "^7.3.4",
     "@mui/material": "^7.3.4",
-    "@pie-lib/editable-html-tip-tap": "2.1.2-next.31",
+    "@pie-lib/editable-html-tip-tap": "2.1.2-next.33",
     "@pie-lib/icons": "4.0.2",
-    "@pie-lib/render-ui": "6.1.1-next.38",
+    "@pie-lib/render-ui": "6.1.1-next.39",
     "assert": "^1.4.1",
     "debug": "^4.1.1",
     "prop-types": "^15.6.2",