@pie-lib/config-ui 0.1.0

package/dist/input.js

@@ -0,0 +1,65 @@
+import * as e from "react";
+import t from "prop-types";
+import { jsx as n } from "react/jsx-runtime";
+import * as r from "@pie-lib/render-ui";
+import { InputContainer as i } from "@pie-lib/render-ui";
+import a from "@mui/material/Input";
+//#region src/input.tsx
+function o(e) {
+	return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
+}
+function s(e, t) {
+	return !e || o(e) ? e : o(e.default) ? e.default : t && o(e[t]) ? e[t] : t && o(e[t]?.default) ? e[t].default : e;
+}
+var c = s(i, "InputContainer") || s(d.InputContainer, "InputContainer"), l = r, u = l.default, d = u && typeof u == "object" ? u : l, f = class extends e.Component {
+	static propTypes = {
+		value: t.oneOfType([t.string, t.number]),
+		onChange: t.func.isRequired,
+		label: t.string,
+		type: t.string.isRequired,
+		error: t.func,
+		noModelUpdateOnError: t.bool
+	};
+	static defaultProps = {
+		type: "text",
+		error: (e, t) => t === "number" ? !e || isNaN(e) : !e,
+		noModelUpdateOnError: !1
+	};
+	constructor(e) {
+		super(e), this.state = { value: e.value };
+	}
+	UNSAFE_componentWillReceiveProps(e) {
+		this.setState({ value: e.value });
+	}
+	onChange = (e) => {
+		let { type: t, onChange: n, error: r } = this.props, i = e.target.value;
+		r(i, t) ? this.setState({
+			error: !0,
+			value: e.target.value
+		}) : (this.setState({
+			error: !1,
+			value: e.target.value
+		}), n(e));
+	};
+	render() {
+		let { label: e, type: t, noModelUpdateOnError: r, ...i } = this.props, { value: o, error: s } = this.state;
+		return e ? /* @__PURE__ */ n(c, {
+			label: e,
+			children: /* @__PURE__ */ n(a, {
+				type: t,
+				...i,
+				value: o,
+				onChange: this.onChange,
+				error: s
+			})
+		}) : /* @__PURE__ */ n(a, {
+			type: t,
+			...i,
+			value: o,
+			onChange: this.onChange,
+			error: s
+		});
+	}
+};
+//#endregion
+export { f as default };

package/dist/inputs.d.ts

@@ -0,0 +1,63 @@
+/**
+ * @synced-from pie-lib/packages/config-ui/src/inputs.jsx
+ * @auto-generated
+ *
+ * This file is automatically synced from pie-elements and converted to TypeScript.
+ * Manual edits will be overwritten on next sync.
+ * To make changes, edit the upstream JavaScript file and run sync again.
+ */
+import PropTypes from 'prop-types';
+declare const InputSwitch: {
+    ({ className, label, checked, onChange }: {
+        className: any;
+        label: any;
+        checked: any;
+        onChange: any;
+    }): JSX.Element;
+    propTypes: {
+        className: PropTypes.Requireable<string>;
+        label: PropTypes.Requireable<string>;
+        checked: PropTypes.Requireable<boolean>;
+        onChange: PropTypes.Requireable<(...args: any[]) => any>;
+        disabled: PropTypes.Requireable<boolean>;
+        error: PropTypes.Requireable<string>;
+    };
+};
+declare const InputCheckbox: {
+    ({ className, label, checked, onChange, disabled, error }: {
+        className: any;
+        label: any;
+        checked: any;
+        onChange: any;
+        disabled: any;
+        error: any;
+    }): JSX.Element;
+    propTypes: {
+        className: PropTypes.Requireable<string>;
+        label: PropTypes.Requireable<string>;
+        checked: PropTypes.Requireable<boolean>;
+        onChange: PropTypes.Requireable<(...args: any[]) => any>;
+        disabled: PropTypes.Requireable<boolean>;
+        error: PropTypes.Requireable<string>;
+    };
+};
+declare const InputRadio: {
+    ({ className, label, checked, onChange, disabled, error }: {
+        className: any;
+        label: any;
+        checked: any;
+        onChange: any;
+        disabled: any;
+        error: any;
+    }): JSX.Element;
+    propTypes: {
+        className: PropTypes.Requireable<string>;
+        label: PropTypes.Requireable<string>;
+        checked: PropTypes.Requireable<boolean>;
+        onChange: PropTypes.Requireable<(...args: any[]) => any>;
+        disabled: PropTypes.Requireable<boolean>;
+        error: PropTypes.Requireable<string>;
+    };
+};
+export { InputSwitch, InputCheckbox, InputRadio };
+//# sourceMappingURL=inputs.d.ts.map

package/dist/inputs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"inputs.d.ts","sourceRoot":"","sources":["../src/inputs.tsx"],"names":[],"mappings":"AACA;;;;;;;GAOG;AAiCH,OAAO,SAAS,MAAM,YAAY,CAAC;AAmBnC,QAAA,MAAM,WAAW;;;;;;;;;;;;;;;CAMhB,CAAC;AAYF,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;CAMlB,CAAC;AAYF,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;;CAMf,CAAC;AAIF,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,UAAU,EAAE,CAAC"}

package/dist/inputs.js

@@ -0,0 +1,70 @@
+import "react";
+import e from "prop-types";
+import { styled as t } from "@mui/material/styles";
+import { jsx as n } from "react/jsx-runtime";
+import * as r from "@pie-lib/render-ui";
+import { InputContainer as i, color as a } from "@pie-lib/render-ui";
+import o from "@mui/material/Radio";
+import s from "@mui/material/Checkbox";
+import c from "@mui/material/Switch";
+//#region src/inputs.tsx
+function l(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;
+}
+var d = u(i, "InputContainer") || u(m.InputContainer, "InputContainer"), f = r, p = f.default, m = p && typeof p == "object" ? p : f, h = {
+	className: e.string,
+	label: e.string,
+	checked: e.bool,
+	onChange: e.func,
+	disabled: e.bool,
+	error: e.string
+}, g = t(c)(() => ({
+	justifyContent: "inherit",
+	transform: "translate(-20%, 20%)"
+})), _ = ({ className: e, label: t, checked: r, onChange: i }) => /* @__PURE__ */ n(d, {
+	className: e,
+	label: t,
+	children: /* @__PURE__ */ n(g, {
+		checked: r,
+		onChange: i,
+		"aria-label": t
+	})
+});
+_.propTypes = { ...h };
+var v = t(s)(({ theme: e, error: t }) => ({
+	transform: "translate(-25%, 20%)",
+	color: `${a.tertiary()} !important`,
+	...t && { color: `${e.palette.error.main} !important` }
+})), y = ({ className: e, label: t, checked: r, onChange: i, disabled: a, error: o }) => /* @__PURE__ */ n(d, {
+	className: e,
+	label: t,
+	children: /* @__PURE__ */ n(v, {
+		disabled: a,
+		checked: r,
+		onChange: i,
+		"aria-label": t,
+		error: o
+	})
+});
+y.propTypes = { ...h };
+var b = t(o)(({ theme: e, error: t }) => ({
+	transform: "translate(-20%, 20%)",
+	color: `${a.tertiary()} !important`,
+	...t && { color: `${e.palette.error.main} !important` }
+})), x = ({ className: e, label: t, checked: r, onChange: i, disabled: a, error: o }) => /* @__PURE__ */ n(d, {
+	className: e,
+	label: t,
+	children: /* @__PURE__ */ n(b, {
+		disabled: a,
+		checked: r,
+		onChange: i,
+		"aria-label": t,
+		error: o
+	})
+});
+x.propTypes = { ...h };
+//#endregion
+export { y as InputCheckbox, x as InputRadio, _ as InputSwitch };

package/dist/langs.d.ts

@@ -0,0 +1,42 @@
+/**
+ * @synced-from pie-lib/packages/config-ui/src/langs.jsx
+ * @auto-generated
+ *
+ * This file is automatically synced from pie-elements and converted to TypeScript.
+ * Manual edits will be overwritten on next sync.
+ * To make changes, edit the upstream JavaScript file and run sync again.
+ */
+import PropTypes from 'prop-types';
+import React from 'react';
+export declare class Langs extends React.Component {
+    static propTypes: {
+        onChange: PropTypes.Requireable<(...args: any[]) => any>;
+        langs: PropTypes.Requireable<any[]>;
+        selected: PropTypes.Requireable<string>;
+        label: PropTypes.Requireable<string>;
+        uid: PropTypes.Requireable<string>;
+    };
+    constructor(props: any);
+    choose: any;
+    render(): JSX.Element;
+}
+export default Langs;
+export declare const LanguageControls: {
+    ({ langs, activeLang, defaultLang, onActiveLangChange, onDefaultLangChange, className, }: {
+        langs: any;
+        activeLang: any;
+        defaultLang: any;
+        onActiveLangChange: any;
+        onDefaultLangChange: any;
+        className: any;
+    }): JSX.Element;
+    propTypes: {
+        langs: PropTypes.Requireable<any[]>;
+        activeLang: PropTypes.Validator<string>;
+        defaultLang: PropTypes.Validator<string>;
+        onActiveLangChange: PropTypes.Validator<(...args: any[]) => any>;
+        onDefaultLangChange: PropTypes.Validator<(...args: any[]) => any>;
+        className: PropTypes.Requireable<string>;
+    };
+};
+//# sourceMappingURL=langs.d.ts.map

package/dist/langs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"langs.d.ts","sourceRoot":"","sources":["../src/langs.tsx"],"names":[],"mappings":"AACA;;;;;;;GAOG;AAIH,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,KAAK,MAAM,OAAO,CAAC;AA0B1B,qBAAa,KAAM,SAAQ,KAAK,CAAC,SAAS;IACxC,MAAM,CAAC,SAAS;;;;;;MAMd;gBAEU,KAAK,KAAA;IAKjB,MAAM,EAAE,GAAG,CAMT;IAEF,MAAM;CAqBP;AACD,eAAe,KAAK,CAAC;AASrB,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;CAmB5B,CAAC"}

package/dist/langs.js

@@ -0,0 +1,76 @@
+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/Input";
+import o from "@mui/material/InputLabel";
+import s from "@mui/material/Select";
+import c from "@mui/material/MenuItem";
+import l from "@mui/material/FormControl";
+import u from "debug";
+//#region src/langs.tsx
+var d = u("pie-elements:config-ui:langs"), f = n("div")(() => ({
+	flexDirection: "column",
+	alignItems: "start",
+	display: "flex",
+	position: "relative",
+	paddingTop: "0px",
+	paddingRight: "0px"
+})), p = n(l)(() => ({ position: "initial" })), m = n(o)(({ theme: e }) => ({ paddingBottom: e.spacing(1) })), h = class extends e.Component {
+	static propTypes = {
+		onChange: t.func,
+		langs: t.array,
+		selected: t.string,
+		label: t.string,
+		uid: t.string
+	};
+	constructor(e) {
+		super(e), this.uid = e.uid || (Math.random() * 1e4).toFixed();
+	}
+	choose = (e) => {
+		d("[choose] event: ", e), this.props.onChange && this.props.onChange(e.target.value);
+	};
+	render() {
+		let { langs: e, selected: t, label: n } = this.props;
+		return d("[render] selected:", t), /* @__PURE__ */ r(f, { children: /* @__PURE__ */ i(p, { children: [/* @__PURE__ */ r(m, {
+			htmlFor: this.uid,
+			children: n
+		}), /* @__PURE__ */ r(s, {
+			value: t,
+			onChange: this.choose,
+			input: /* @__PURE__ */ r(a, { id: this.uid }),
+			children: e.map((e, t) => /* @__PURE__ */ r(c, {
+				value: e,
+				children: e
+			}, t))
+		})] }) });
+	}
+}, g = n("div")(() => ({
+	display: "grid",
+	gridAutoFlow: "column",
+	gridAutoColumns: "1fr",
+	gridGap: "8px"
+})), _ = ({ langs: e, activeLang: t, defaultLang: n, onActiveLangChange: a, onDefaultLangChange: o, className: s }) => /* @__PURE__ */ i(g, {
+	className: s,
+	children: [/* @__PURE__ */ r(h, {
+		label: "Choose language to edit",
+		langs: e,
+		selected: t,
+		onChange: (e) => a(e)
+	}), /* @__PURE__ */ r(h, {
+		label: "Default language",
+		langs: e,
+		selected: n,
+		onChange: (e) => o(e)
+	})]
+});
+_.propTypes = {
+	langs: t.array,
+	activeLang: t.string.isRequired,
+	defaultLang: t.string.isRequired,
+	onActiveLangChange: t.func.isRequired,
+	onDefaultLangChange: t.func.isRequired,
+	className: t.string
+};
+//#endregion
+export { _ as LanguageControls, h as default };

package/dist/layout/config-layout.d.ts

@@ -0,0 +1,11 @@
+/**
+ * @synced-from pie-lib/packages/config-ui/src/layout/config-layout.jsx
+ * @auto-generated
+ *
+ * This file is automatically synced from pie-elements and converted to TypeScript.
+ * Manual edits will be overwritten on next sync.
+ * To make changes, edit the upstream JavaScript file and run sync again.
+ */
+declare const ConfigLayout: any;
+export default ConfigLayout;
+//# sourceMappingURL=config-layout.d.ts.map

package/dist/layout/config-layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"config-layout.d.ts","sourceRoot":"","sources":["../../src/layout/config-layout.tsx"],"names":[],"mappings":"AACA;;;;;;;GAOG;AAsGH,QAAA,MAAM,YAAY,KAAkD,CAAC;AAErE,eAAe,YAAY,CAAC"}

package/dist/layout/config-layout.js

@@ -0,0 +1,75 @@
+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 i from "react";
+import a from "prop-types";
+import { StyledEngineProvider as o, ThemeProvider as s, createTheme as c } from "@mui/material/styles";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+//#region src/layout/config-layout.tsx
+var d = c({
+	typography: { fontFamily: "inherit" },
+	components: { MuiButton: { styleOverrides: { contained: {
+		backgroundColor: "#e0e0e0",
+		color: "#000000",
+		"&:hover": { backgroundColor: "#bdbdbd" }
+	} } } }
+}), f = class extends i.Component {
+	static propTypes = {
+		children: a.oneOfType([
+			a.string,
+			a.arrayOf(a.element),
+			a.element
+		]),
+		className: a.string,
+		dimensions: a.object,
+		settings: a.element,
+		sidePanelMinWidth: a.number,
+		hideSettings: a.bool,
+		extraCSSRules: a.shape({
+			names: a.arrayOf(a.string),
+			rules: a.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__ */ l(o, {
+			injectFirst: !0,
+			children: /* @__PURE__ */ l(s, {
+				theme: d,
+				children: /* @__PURE__ */ l(e, {
+					bounds: !0,
+					onResize: this.onResize,
+					children: ({ measureRef: e }) => {
+						let { children: t, settings: i, hideSettings: a, dimensions: o, extraCSSRules: s } = this.props, { layoutMode: c } = this.state, d = a ? null : c === "inline" ? /* @__PURE__ */ l(r, {
+							className: "settings-box",
+							children: i
+						}) : i;
+						return /* @__PURE__ */ u("div", {
+							ref: e,
+							className: "main-container extraCSSRules",
+							children: [s?.rules ? /* @__PURE__ */ l("style", { dangerouslySetInnerHTML: { __html: `.extraCSSRules { ${s.rules} }` } }) : null, /* @__PURE__ */ l(n, {
+								mode: c,
+								secondary: d,
+								dimensions: o,
+								children: t
+							})]
+						});
+					}
+				})
+			})
+		});
+	}
+}, p = t("bounds")(f);
+//#endregion
+export { p as default };

package/dist/layout/index.d.ts

@@ -0,0 +1,12 @@
+/**
+ * @synced-from pie-lib/packages/config-ui/src/layout/index.js
+ * @auto-generated
+ *
+ * This file is automatically synced from pie-elements and converted to TypeScript.
+ * Manual edits will be overwritten on next sync.
+ * To make changes, edit the upstream JavaScript file and run sync again.
+ */
+import ConfigLayout from './config-layout.js';
+import LayoutContents from './layout-contents.js';
+export { LayoutContents, ConfigLayout };
+//# sourceMappingURL=index.d.ts.map

package/dist/layout/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/layout/index.ts"],"names":[],"mappings":"AACA;;;;;;;GAOG;AAEH,OAAO,YAAY,MAAM,oBAAoB,CAAC;AAC9C,OAAO,cAAc,MAAM,sBAAsB,CAAC;AAElD,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,CAAC"}

package/dist/layout/index.js

@@ -0,0 +1,10 @@
+import { __exportAll as e } from "../_virtual/_rolldown/runtime.js";
+import t from "./layout-contents.js";
+import n from "./config-layout.js";
+//#region src/layout/index.ts
+var r = /* @__PURE__ */ e({
+	ConfigLayout: () => n,
+	LayoutContents: () => t
+});
+//#endregion
+export { r as layout_exports };

package/dist/layout/layout-contents.d.ts

@@ -0,0 +1,22 @@
+/**
+ * @synced-from pie-lib/packages/config-ui/src/layout/layout-contents.jsx
+ * @auto-generated
+ *
+ * This file is automatically synced from pie-elements and converted to TypeScript.
+ * Manual edits will be overwritten on next sync.
+ * To make changes, edit the upstream JavaScript file and run sync again.
+ */
+import React from 'react';
+import PropTypes from 'prop-types';
+declare class RawLayoutContents extends React.Component {
+    static propTypes: {
+        mode: PropTypes.Requireable<string>;
+        secondary: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
+        children: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
+        dimensions: PropTypes.Requireable<object>;
+    };
+    getConfiguration: any;
+    render(): JSX.Element;
+}
+export default RawLayoutContents;
+//# sourceMappingURL=layout-contents.d.ts.map

package/dist/layout/layout-contents.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout-contents.d.ts","sourceRoot":"","sources":["../../src/layout/layout-contents.tsx"],"names":[],"mappings":"AACA;;;;;;;GAOG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AA2BnC,cAAM,iBAAkB,SAAQ,KAAK,CAAC,SAAS;IAC7C,MAAM,CAAC,SAAS;;;;;MAKd;IAEF,gBAAgB,EAAE,GAAG,CAKnB;IA2BF,MAAM;CA8CP;AAED,eAAe,iBAAiB,CAAC"}

package/dist/layout/layout-contents.js

@@ -0,0 +1,70 @@
+import e from "../tabs/index.js";
+import t from "react";
+import n from "prop-types";
+import { styled as r } from "@mui/material/styles";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/layout/layout-contents.tsx
+var o = r("div")(() => ({
+	display: "flex",
+	flexDirection: "column",
+	position: "relative"
+})), s = r("div")(() => ({
+	display: "flex",
+	justifyContent: "space-between"
+})), c = r("div")(({ theme: e }) => ({ padding: `${e.spacing(2)} 0` })), l = r("div")(() => ({ flex: "1" })), u = r("div")(({ theme: e }) => ({ marginLeft: e.spacing(2) })), d = class extends t.Component {
+	static propTypes = {
+		mode: n.oneOf(["tabbed", "inline"]),
+		secondary: n.oneOfType([n.arrayOf(n.node), n.node]),
+		children: n.oneOfType([n.arrayOf(n.node), n.node]),
+		dimensions: n.object
+	};
+	getConfiguration = () => {
+		let { secondary: e } = this.props;
+		return e?.props?.configuration || e?.props?.children?.props?.configuration || void 0;
+	};
+	render() {
+		let { mode: t, secondary: n, children: r, dimensions: d } = this.props, { minHeight: f, minWidth: p, maxHeight: m, maxWidth: h } = d || {}, g = this.getConfiguration(), _ = Object.entries(g || {}).some(([, e]) => !!e?.settings);
+		if (!_) try {
+			_ = JSON.stringify(g)?.match(/settings":true/)?.length;
+		} catch (e) {
+			console.log(e.toString());
+		}
+		return /* @__PURE__ */ a(o, {
+			style: {
+				minHeight: f,
+				minWidth: p,
+				maxHeight: m,
+				maxWidth: h
+			},
+			children: [
+				t === "inline" && /* @__PURE__ */ a(s, { children: [/* @__PURE__ */ i(l, {
+					className: "design-container",
+					children: r
+				}), _ && /* @__PURE__ */ i(u, {
+					className: "settings-container",
+					children: n
+				})] }),
+				t === "tabbed" && _ && /* @__PURE__ */ a(e, {
+					onChange: this.onTabsChange,
+					contentClassName: "content-container",
+					indicatorColor: "primary",
+					children: [/* @__PURE__ */ i(c, {
+						title: "Design",
+						className: "design-container",
+						children: r
+					}), /* @__PURE__ */ i(c, {
+						title: "Settings",
+						className: "settings-container",
+						children: n
+					})]
+				}),
+				t === "tabbed" && !_ && /* @__PURE__ */ i(c, {
+					className: "design-container",
+					children: r
+				})
+			]
+		});
+	}
+};
+//#endregion
+export { d as default };

package/dist/layout/settings-box.d.ts

@@ -0,0 +1,20 @@
+/**
+ * @synced-from pie-lib/packages/config-ui/src/layout/settings-box.jsx
+ * @auto-generated
+ *
+ * This file is automatically synced from pie-elements and converted to TypeScript.
+ * Manual edits will be overwritten on next sync.
+ * To make changes, edit the upstream JavaScript file and run sync again.
+ */
+import React from 'react';
+import PropTypes from 'prop-types';
+export declare class SettingsBox extends React.Component {
+    static propTypes: {
+        className: PropTypes.Requireable<string>;
+        children: PropTypes.Validator<NonNullable<NonNullable<PropTypes.ReactNodeLike>>>;
+    };
+    static defaultProps: {};
+    render(): JSX.Element;
+}
+export default SettingsBox;
+//# sourceMappingURL=settings-box.d.ts.map

package/dist/layout/settings-box.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"settings-box.d.ts","sourceRoot":"","sources":["../../src/layout/settings-box.tsx"],"names":[],"mappings":"AACA;;;;;;;GAOG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AAenC,qBAAa,WAAY,SAAQ,KAAK,CAAC,SAAS;IAC9C,MAAM,CAAC,SAAS;;;MAGd;IAEF,MAAM,CAAC,YAAY,KAAM;IAEzB,MAAM;CAKP;AAED,eAAe,WAAW,CAAC"}

package/dist/layout/settings-box.js

@@ -0,0 +1,31 @@
+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";
+//#region src/layout/settings-box.tsx
+var i = n("div")(({ theme: e }) => ({
+	backgroundColor: e.palette.background.paper,
+	border: `2px solid ${e.palette.grey[200]}`,
+	display: "flex",
+	flexDirection: "column",
+	justifyContent: "flex-start",
+	minWidth: "275px",
+	maxWidth: "300px",
+	padding: "20px 4px 4px 20px",
+	zIndex: 99
+})), a = class extends e.Component {
+	static propTypes = {
+		className: t.string,
+		children: t.oneOfType([t.arrayOf(t.node), t.node]).isRequired
+	};
+	static defaultProps = {};
+	render() {
+		let { className: e, children: t } = this.props;
+		return /* @__PURE__ */ r(i, {
+			className: e,
+			children: t
+		});
+	}
+};
+//#endregion
+export { a as default };

package/dist/mui-box/index.d.ts

@@ -0,0 +1,21 @@
+/**
+ * @synced-from pie-lib/packages/config-ui/src/mui-box/index.jsx
+ * @auto-generated
+ *
+ * This file is automatically synced from pie-elements and converted to TypeScript.
+ * Manual edits will be overwritten on next sync.
+ * To make changes, edit the upstream JavaScript file and run sync again.
+ */
+import PropTypes from 'prop-types';
+declare const MuiBox: {
+    ({ children, focused }: {
+        children: any;
+        focused: any;
+    }): JSX.Element;
+    propTypes: {
+        children: PropTypes.Validator<NonNullable<NonNullable<PropTypes.ReactNodeLike>>>;
+        focused: PropTypes.Validator<boolean>;
+    };
+};
+export default MuiBox;
+//# sourceMappingURL=index.d.ts.map

package/dist/mui-box/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/mui-box/index.tsx"],"names":[],"mappings":"AACA;;;;;;;GAOG;AAGH,OAAO,SAAS,MAAM,YAAY,CAAC;AA6CnC,QAAA,MAAM,MAAM;;;;;;;;;CAEX,CAAC;AAOF,eAAe,MAAM,CAAC"}

package/dist/mui-box/index.js

@@ -0,0 +1,47 @@
+import "react";
+import e from "prop-types";
+import { styled as t } from "@mui/material/styles";
+import { jsx as n } from "react/jsx-runtime";
+import r from "debug";
+//#region src/mui-box/index.tsx
+var i = r("pie-elements:config-ui:mui-box"), a = t("div")(({ theme: e, focused: t }) => {
+	let n = e.palette.mode === "light" ? "rgba(0, 0, 0, 0.42)" : "rgba(255, 255, 255, 0.7)";
+	return i(e.palette.primary[e.palette.mode || "light"]), {
+		paddingTop: e.spacing(1),
+		paddingBottom: e.spacing(1),
+		position: "relative",
+		"&:before": {
+			left: 0,
+			right: 0,
+			bottom: 0,
+			height: "1px",
+			content: "\"\"",
+			position: "absolute",
+			transition: "background-color 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms",
+			pointerEvents: "none",
+			backgroundColor: n
+		},
+		"&:hover:before": { height: "2px" },
+		"&:after": {
+			left: 0,
+			right: 0,
+			bottom: 0,
+			height: "2px",
+			content: "\"\"",
+			position: "absolute",
+			transform: t ? "scaleX(1)" : "scaleX(0)",
+			transition: "transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms",
+			pointerEvents: "none",
+			backgroundColor: e.palette.primary[e.palette.mode]
+		}
+	};
+}), o = ({ children: e, focused: t }) => /* @__PURE__ */ n(a, {
+	focused: t,
+	children: e
+});
+o.propTypes = {
+	children: e.oneOfType([e.arrayOf(e.node), e.node]).isRequired,
+	focused: e.bool.isRequired
+};
+//#endregion
+export { o as default };