dynamic-mui 2.5.3 → 2.6.1

package/dist/collection-DGq2rxDx.mjs

@@ -0,0 +1,1692 @@
+import { c as e, s as t } from "./validation-BRcYhhsT.mjs";
+import { A as n, C as r, D as i, E as a, F as o, I as s, L as c, M as l, N as u, P as d, S as f, _ as p, b as m, g as h, h as g, j as _, k as v, m as y, p as b, v as x, w as S, x as C, y as w } from "./useTextInput-Dr-ncTE8.mjs";
+import { C as T, E, S as D, T as O, _ as k, b as A, g as j, m as M, v as ee, w as N, x as P, y as te } from "./ai-D6hkfd_f.mjs";
+import { t as ne } from "./useUpdateEffect-CXAhttj7.mjs";
+import { Fragment as re, useRef as F, useState as I } from "react";
+import { Box as L, Button as R, ButtonBase as z, Collapse as ie, Dialog as ae, DialogActions as oe, DialogContent as se, Icon as B, IconButton as V, ListItemIcon as ce, ListItemText as le, Menu as ue, MenuItem as de, Table as fe, TableBody as pe, TableCell as H, TableHead as me, TableRow as U, Tooltip as W, Typography as G, useMediaQuery as K } from "@mui/material";
+import { alpha as q, useTheme as J } from "@mui/material/styles";
+import { Fragment as he, jsx as Y, jsxs as X } from "react/jsx-runtime";
+// src/components/controls/Collection/tree.ts
+var ge = /* @__PURE__ */ e((/* @__PURE__ */ t(((e, t) => {
+	var n = h(), r = 1, i = 4;
+	function a(e) {
+		return n(e, r | i);
+	}
+	t.exports = a;
+})))()), _e = 0, ve = () => `dmui-col-${++_e}`, Z = (e) => (e.collections || []).map((e) => e.id), ye = (e) => Object.fromEntries(Z(e).map((e) => [e, []])), Q = (e, t) => E(e).map((e) => {
+	let n = new Set(Z(t)), r = Object.fromEntries(Object.entries(e).filter(([e]) => !n.has(e))), i = Object.fromEntries((t.collections || []).map((t) => [t.id, Q(e[t.id], t)]));
+	return {
+		key: ve(),
+		data: r,
+		children: i
+	};
+}), be = (e, t) => e.map((e) => {
+	let n = { ...e.data };
+	return (t.collections || []).forEach((t) => {
+		n[t.id] = be(e.children[t.id] || [], t);
+	}), n;
+}), xe = (e) => ({
+	key: ve(),
+	data: (0, ge.default)(e.data),
+	children: Object.fromEntries(Object.entries(e.children).map(([e, t]) => [e, t.map(xe)]))
+}), Se = /* @__PURE__ */ t(((e, t) => {
+	var n = S(), r = i();
+	function a(e, t, i) {
+		(i !== void 0 && !r(e[t], i) || i === void 0 && !(t in e)) && n(e, t, i);
+	}
+	t.exports = a;
+})), Ce = /* @__PURE__ */ t(((e, t) => {
+	var n = _(), r = d();
+	function i(e) {
+		return r(e) && n(e);
+	}
+	t.exports = i;
+})), we = /* @__PURE__ */ t(((e, t) => {
+	var n = c(), r = w(), i = d(), a = "[object Object]", o = Function.prototype, s = Object.prototype, l = o.toString, u = s.hasOwnProperty, f = l.call(Object);
+	function p(e) {
+		if (!i(e) || n(e) != a) return !1;
+		var t = r(e);
+		if (t === null) return !0;
+		var o = u.call(t, "constructor") && t.constructor;
+		return typeof o == "function" && o instanceof o && l.call(o) == f;
+	}
+	t.exports = p;
+})), Te = /* @__PURE__ */ t(((e, t) => {
+	function n(e, t) {
+		if ((t !== "constructor" || typeof e[t] != "function") && t != "__proto__") return e[t];
+	}
+	t.exports = n;
+})), Ee = /* @__PURE__ */ t(((e, t) => {
+	var n = r(), i = f();
+	function a(e) {
+		return n(e, i(e));
+	}
+	t.exports = a;
+})), De = /* @__PURE__ */ t(((e, t) => {
+	var r = Se(), i = C(), a = x(), c = m(), d = p(), f = u(), h = l(), g = Ce(), _ = n(), y = o(), b = s(), S = we(), w = v(), T = Te(), E = Ee();
+	function D(e, t, n, o, s, l, u) {
+		var p = T(e, n), m = T(t, n), v = u.get(m);
+		if (v) r(e, n, v);
+		else {
+			var x = l ? l(p, m, n + "", e, t, u) : void 0, C = x === void 0;
+			if (C) {
+				var D = h(m), O = !D && _(m), k = !D && !O && w(m);
+				x = m, D || O || k ? h(p) ? x = p : g(p) ? x = c(p) : O ? (C = !1, x = i(m, !0)) : k ? (C = !1, x = a(m, !0)) : x = [] : S(m) || f(m) ? (x = p, f(p) ? x = E(p) : (!b(p) || y(p)) && (x = d(m))) : C = !1;
+			}
+			C && (u.set(m, x), s(x, m, o, l, u), u.delete(m)), r(e, n, x);
+		}
+	}
+	t.exports = D;
+})), Oe = /* @__PURE__ */ t(((e, t) => {
+	var n = a(), r = Se(), i = g(), o = De(), c = s(), l = f(), u = Te();
+	function d(e, t, a, s, f) {
+		e !== t && i(t, function(i, l) {
+			if (f ||= new n(), c(i)) o(e, t, l, a, d, s, f);
+			else {
+				var p = s ? s(u(e, l), i, l + "", e, t, f) : void 0;
+				p === void 0 && (p = i), r(e, l, p);
+			}
+		}, l);
+	}
+	t.exports = d;
+})), ke = /* @__PURE__ */ t(((e, t) => {
+	var n = y(), r = b();
+	function i(e) {
+		return n(function(t, n) {
+			var i = -1, a = n.length, o = a > 1 ? n[a - 1] : void 0, s = a > 2 ? n[2] : void 0;
+			for (o = e.length > 3 && typeof o == "function" ? (a--, o) : void 0, s && r(n[0], n[1], s) && (o = a < 3 ? void 0 : o, a = 1), t = Object(t); ++i < a;) {
+				var c = n[i];
+				c && e(t, c, i, o);
+			}
+			return t;
+		});
+	}
+	t.exports = i;
+})), Ae = /* @__PURE__ */ e((/* @__PURE__ */ t(((e, t) => {
+	var n = Oe();
+	t.exports = ke()(function(e, t, r) {
+		n(e, t, r);
+	});
+})))()), je = (e, t) => {
+	let n = e.palette[t || "primary"];
+	if (n && typeof n == "object" && n.main) return n;
+	try {
+		return e.palette.augmentColor({ color: { main: String(t) } });
+	} catch {
+		return e.palette.primary;
+	}
+}, Me = (e, t) => e.palette.mode === "dark" ? t.light : t.dark, Ne = {
+	add: "Add {label}",
+	addMore: "Add another {labelLower}",
+	emptyTitle: "No {pluralLower} yet",
+	emptyText: void 0,
+	edit: "Edit",
+	duplicate: "Duplicate",
+	moveUp: "Move up",
+	moveDown: "Move down",
+	delete: "Delete",
+	more: "More actions",
+	collapse: "Collapse",
+	expand: "Expand",
+	editAria: "Edit {title}",
+	deleteAria: "Delete {title}",
+	viewAria: "View {title}",
+	moreAria: "More actions for {title}",
+	collapseAria: "Collapse {title}",
+	expandAria: "Expand {title}",
+	maxReached: "Maximum of {max} reached",
+	dialogAddTitle: "Add {label}",
+	dialogEditTitle: "Edit {label}",
+	dialogViewTitle: "{label}",
+	dialogContext: "For {parent}",
+	save: "Add {label}",
+	saveChanges: "Save changes",
+	saveAndAddAnother: "Save & add another",
+	cancel: "Cancel",
+	close: "Close",
+	closeAria: "Close dialog",
+	shortcut: "⌘/Ctrl + Enter",
+	deleteTitle: "Delete {labelLower}?",
+	deleteMessage: "{title} will be removed{detail}. This can’t be undone.",
+	deleteDetail: ", along with {detail}",
+	deleteConfirm: "Delete"
+}, Pe = (e, t) => e.replace(/\{(\w+)\}/g, (e, n) => t[n] == null ? e : String(t[n])), Fe = (e, t) => {
+	if (e == null) return `repeat(auto-fill, minmax(min(${t}px, 100%), 1fr))`;
+	let n = (e) => `repeat(${Math.max(1, e)}, minmax(0, 1fr))`;
+	return typeof e == "number" ? n(e) : Object.fromEntries(Object.entries(e).map(([e, t]) => [e, n(Number(t))]));
+}, Ie = (e) => e == null ? [] : Array.isArray(e) ? e : [e], Le = (e, t, n, r = {}) => {
+	let i = n > 0, a = je(e, t.color), o = T(t), s = O(t), c = {
+		...Ne,
+		...r,
+		...t.texts || {}
+	}, l = t.styles || {}, u = {
+		label: o,
+		labelLower: o.toLowerCase(),
+		plural: s,
+		pluralLower: s.toLowerCase(),
+		max: t.max
+	};
+	return {
+		config: t,
+		depth: n,
+		nested: i,
+		accent: a,
+		ink: Me(e, a),
+		icon: t.icon || (i ? "label" : "folder_open"),
+		itemLabel: o,
+		plural: s,
+		texts: c,
+		layout: t.layout || (i ? "table" : "cards"),
+		variant: t.variant || "outlined",
+		addButton: {
+			position: "header",
+			variant: i ? "outlined" : "contained",
+			icon: "add",
+			...t.addButton || {}
+		},
+		actions: {
+			edit: !0,
+			delete: !0,
+			duplicate: !1,
+			move: !1,
+			collapse: !1,
+			...t.actions || {}
+		},
+		t: (e, t = {}) => Pe(String(c[e] ?? ""), {
+			...u,
+			...t
+		}),
+		sx: (e, t) => [...Ie(t), ...Ie(l[e])],
+		merged: (e, t = {}) => (0, Ae.default)({}, t, l[e] || {})
+	};
+}, $ = "cubic-bezier(0.4, 0, 0.2, 1)";
+function Re({ ui: e, n: t }) {
+	let n = J();
+	return /* @__PURE__ */ Y(L, {
+		component: "span",
+		sx: e.sx("headerCount", {
+			minWidth: 22,
+			height: 20,
+			px: .75,
+			borderRadius: "999px",
+			display: "inline-grid",
+			placeItems: "center",
+			fontSize: 11.5,
+			fontWeight: 700,
+			bgcolor: t > 0 ? q(e.accent.main, .12) : q(n.palette.text.primary, .07),
+			color: t > 0 ? e.ink : "text.secondary",
+			border: `1px solid ${t > 0 ? q(e.accent.main, .2) : "transparent"}`
+		}),
+		children: t
+	});
+}
+var ze = (e) => e.split(/\s+/).map((e) => e.match(/[A-Za-z0-9]/)?.[0] || "").filter(Boolean).slice(0, 2).join("").toUpperCase() || "#";
+function Be({ ui: e, mode: t, title: n, index: r }) {
+	return t === "none" ? null : /* @__PURE__ */ Y(L, {
+		sx: e.sx("avatar", {
+			width: 40,
+			height: 40,
+			flexShrink: 0,
+			borderRadius: "10px",
+			display: "grid",
+			placeItems: "center",
+			fontWeight: 600,
+			fontSize: 14,
+			bgcolor: q(e.accent.main, .1),
+			color: e.ink,
+			"& .MuiIcon-root": { fontSize: 20 }
+		}),
+		children: t === "initials" ? ze(n) : t === "index" ? r + 1 : /* @__PURE__ */ Y(B, { children: e.icon })
+	});
+}
+function Ve({ ui: e, text: t, color: n }) {
+	let r = J(), i = n === "default" ? null : je(r, n);
+	return /* @__PURE__ */ Y(L, {
+		component: "span",
+		sx: e.sx("badge", {
+			display: "inline-flex",
+			alignItems: "center",
+			gap: .5,
+			px: 1.25,
+			py: .3,
+			borderRadius: "999px",
+			fontSize: 11.5,
+			fontWeight: 700,
+			lineHeight: 1.6,
+			whiteSpace: "nowrap",
+			letterSpacing: "0.02em",
+			bgcolor: i ? q(i.main, .1) : q(r.palette.text.primary, .06),
+			color: i ? Me(r, i) : "text.secondary",
+			border: `1px solid ${i ? q(i.main, .25) : q(r.palette.text.primary, .12)}`,
+			"&::before": {
+				content: "\"\"",
+				width: 6,
+				height: 6,
+				borderRadius: "50%",
+				bgcolor: i ? i.main : "text.disabled",
+				flexShrink: 0
+			}
+		}),
+		children: t
+	});
+}
+function He({ ui: e, placement: t, empty: n, disabled: r, onClick: i }) {
+	let { variant: a, icon: o, size: s, fullWidth: c } = e.addButton, l = t === "footer" && !n ? e.t("addMore") : e.t("add"), u = e.config.max != null && r, d = !!c || a === "dashed" && c !== !1, f = (t) => /* @__PURE__ */ Y(W, {
+		title: u ? e.t("maxReached") : "",
+		children: /* @__PURE__ */ Y(L, {
+			component: "span",
+			sx: {
+				display: d ? "block" : "inline-flex",
+				flexShrink: 0
+			},
+			children: t
+		})
+	});
+	if (a === "dashed") return f(/* @__PURE__ */ X(z, {
+		onClick: i,
+		disabled: r,
+		sx: e.sx("addButton", {
+			width: d ? "100%" : "auto",
+			display: "flex",
+			alignItems: "center",
+			justifyContent: "center",
+			gap: .75,
+			py: 1.1,
+			px: 2,
+			borderRadius: "8px",
+			border: `1px dashed ${q(e.accent.main, .5)}`,
+			color: e.ink,
+			fontFamily: "inherit",
+			fontSize: 14,
+			fontWeight: 600,
+			transition: `background-color .15s ${$}`,
+			"&:hover": { bgcolor: q(e.accent.main, .06) },
+			"&.Mui-focusVisible": {
+				outline: `2px solid ${q(e.accent.main, .5)}`,
+				outlineOffset: 2
+			},
+			"&.Mui-disabled": { opacity: .5 },
+			"& .MuiIcon-root": { fontSize: 19 }
+		}),
+		children: [/* @__PURE__ */ Y(B, { children: o }), l]
+	}));
+	let p = {
+		contained: {
+			bgcolor: e.accent.main,
+			color: e.accent.contrastText,
+			"&:hover": { bgcolor: e.accent.dark }
+		},
+		outlined: {
+			color: e.ink,
+			borderColor: q(e.accent.main, .5),
+			"&:hover": {
+				borderColor: e.accent.main,
+				bgcolor: q(e.accent.main, .05)
+			}
+		},
+		text: {
+			color: e.ink,
+			"&:hover": { bgcolor: q(e.accent.main, .07) }
+		},
+		soft: {
+			color: e.ink,
+			bgcolor: q(e.accent.main, .1),
+			"&:hover": { bgcolor: q(e.accent.main, .16) }
+		}
+	}[a] || {};
+	return f(/* @__PURE__ */ Y(R, {
+		onClick: i,
+		disabled: r,
+		variant: a === "soft" ? "text" : a,
+		color: "inherit",
+		size: s || (e.nested ? "small" : "medium"),
+		fullWidth: c,
+		disableElevation: !0,
+		startIcon: /* @__PURE__ */ Y(B, { children: o }),
+		sx: e.sx("addButton", {
+			textTransform: "none",
+			fontWeight: 600,
+			borderRadius: "8px",
+			px: e.nested ? 1.5 : 2,
+			whiteSpace: "nowrap",
+			...p
+		}),
+		children: l
+	}));
+}
+var Ue = (e) => /^[aeiou]/i.test(e) ? "an" : "a", We = (e) => e.length <= 1 ? e.join("") : `${e.slice(0, -1).join(", ")} and ${e[e.length - 1]}`, Ge = (e) => {
+	if (e.nested) return "";
+	let t = e.itemLabel.toLowerCase(), n = (e.config.collections || []).map((e) => N(T(e)).toLowerCase());
+	return n.length ? `Add ${Ue(t)} ${t}, then add its ${We(n)}.` : `Add your first ${t} to get started.`;
+};
+function Ke({ ui: e, readOnly: t, error: n }) {
+	let r = J(), i = e.texts.emptyText == null ? Ge(e) : e.t("emptyText");
+	return e.nested ? /* @__PURE__ */ Y(G, {
+		sx: e.sx("empty", {
+			fontSize: 13,
+			color: "text.disabled",
+			fontStyle: "italic",
+			py: .75,
+			px: 0,
+			display: "block"
+		}),
+		children: e.t("emptyTitle")
+	}) : /* @__PURE__ */ X(L, {
+		sx: e.sx("empty", {
+			py: 5,
+			px: 3,
+			textAlign: "center",
+			borderRadius: "10px",
+			border: `1.5px dashed ${n ? r.palette.error.main : q(r.palette.text.primary, .15)}`,
+			bgcolor: n ? q(r.palette.error.main, .03) : q(r.palette.text.primary, .02)
+		}),
+		children: [
+			/* @__PURE__ */ Y(L, {
+				sx: {
+					width: 48,
+					height: 48,
+					borderRadius: "50%",
+					bgcolor: q(e.accent.main, .1),
+					display: "flex",
+					alignItems: "center",
+					justifyContent: "center",
+					mx: "auto",
+					mb: 1.5
+				},
+				children: /* @__PURE__ */ Y(B, {
+					sx: {
+						color: e.ink,
+						fontSize: "22px !important"
+					},
+					children: e.icon || "inbox"
+				})
+			}),
+			/* @__PURE__ */ Y(G, {
+				sx: e.sx("emptyTitle", {
+					fontSize: 15,
+					fontWeight: 600,
+					color: "text.primary"
+				}),
+				children: e.t("emptyTitle")
+			}),
+			i && !t && /* @__PURE__ */ Y(G, {
+				sx: e.sx("emptyText", {
+					fontSize: 13.5,
+					color: "text.secondary",
+					mt: .5,
+					maxWidth: 380,
+					mx: "auto"
+				}),
+				children: i
+			})
+		]
+	});
+}
+// src/components/controls/Collection/ItemDialog.tsx
+function qe({ ui: e, open: t, mode: n, guid: r, session: i, initial: a, context: o, onClose: s, onSave: c }) {
+	let l = J(), u = e.config.dialog || {}, d = K(l.breakpoints.down("sm")), f = u.fullScreen === !0 || u.fullScreen !== !1 && d, p = F(null), [m, h] = I(0), { accent: g } = e, _ = e.t(n === "add" ? "dialogAddTitle" : n === "edit" ? "dialogEditTitle" : "dialogViewTitle"), v = `${r}-dialog-${i}-${m}`, y = e.t("dialogContext"), [b, x] = y.includes("{parent}") ? y.split("{parent}") : [y, null], S = (e) => {
+		let t = p.current;
+		t && t.validate() && (c({ ...t.getValues() }, e), e && h((e) => e + 1));
+	};
+	return /* @__PURE__ */ X(ae, {
+		open: t,
+		onClose: (e, t) => {
+			t !== "backdropClick" && s();
+		},
+		fullScreen: f,
+		fullWidth: !0,
+		maxWidth: u.maxWidth || "sm",
+		"aria-labelledby": `${r}-dialog-title`,
+		onKeyDown: (e) => {
+			n !== "view" && e.key === "Enter" && (e.metaKey || e.ctrlKey) && (e.preventDefault(), S(!1));
+		},
+		sx: { "& .MuiDialog-paper": e.merged("dialog", {
+			borderRadius: f ? 0 : "12px",
+			backgroundImage: "none"
+		}) },
+		children: [
+			/* @__PURE__ */ X(L, {
+				sx: e.sx("dialogHeader", {
+					display: "flex",
+					alignItems: "flex-start",
+					gap: 1,
+					px: {
+						xs: 2,
+						sm: 3
+					},
+					pt: 2.5,
+					pb: 2,
+					borderBottom: `1px solid ${l.palette.divider}`
+				}),
+				children: [/* @__PURE__ */ X(L, {
+					sx: {
+						flex: 1,
+						minWidth: 0
+					},
+					children: [
+						/* @__PURE__ */ Y(G, {
+							id: `${r}-dialog-title`,
+							sx: e.sx("dialogTitle", {
+								fontWeight: 600,
+								fontSize: 18,
+								lineHeight: 1.3
+							}),
+							children: _
+						}),
+						o && /* @__PURE__ */ X(G, {
+							sx: e.sx("dialogContext", {
+								fontSize: 13.5,
+								color: "text.secondary",
+								mt: .25
+							}),
+							children: [
+								b,
+								x !== null && /* @__PURE__ */ Y(L, {
+									component: "strong",
+									sx: {
+										color: "text.primary",
+										fontWeight: 600
+									},
+									children: o
+								}),
+								x
+							]
+						}),
+						u.description && /* @__PURE__ */ Y(G, {
+							sx: e.sx("dialogDescription", {
+								fontSize: 13.5,
+								color: "text.secondary",
+								mt: .25
+							}),
+							children: u.description
+						})
+					]
+				}), /* @__PURE__ */ Y(V, {
+					"aria-label": e.t("closeAria"),
+					onClick: s,
+					size: "small",
+					sx: {
+						mt: -.5,
+						mr: -1,
+						color: "text.secondary"
+					},
+					children: /* @__PURE__ */ Y(B, { children: "close" })
+				})]
+			}),
+			/* @__PURE__ */ Y(se, {
+				sx: e.sx("dialogContent", {
+					px: {
+						xs: 2,
+						sm: 3
+					},
+					pt: "20px !important",
+					pb: 3
+				}),
+				children: /* @__PURE__ */ Y(M, {
+					guid: v,
+					data: e.config.fields || [],
+					patch: n === "add" ? {} : a || {},
+					apiRef: p,
+					readOnly: n === "view",
+					MuiGridAttributes: { spacing: u.spacing ?? 2 }
+				}, v)
+			}),
+			/* @__PURE__ */ Y(oe, {
+				sx: e.sx("dialogActions", {
+					px: {
+						xs: 2,
+						sm: 3
+					},
+					py: 1.5,
+					gap: 1,
+					flexWrap: "wrap",
+					borderTop: `1px solid ${l.palette.divider}`,
+					"& .MuiButton-root": {
+						textTransform: "none",
+						fontWeight: 600,
+						borderRadius: "8px",
+						px: 2,
+						whiteSpace: "nowrap",
+						ml: "0 !important"
+					}
+				}),
+				children: n === "view" ? /* @__PURE__ */ Y(R, {
+					variant: "contained",
+					disableElevation: !0,
+					onClick: s,
+					sx: e.sx("dialogSave", {
+						bgcolor: g.main,
+						color: g.contrastText,
+						"&:hover": { bgcolor: g.dark }
+					}),
+					children: e.t("close")
+				}) : /* @__PURE__ */ X(he, { children: [
+					/* @__PURE__ */ Y(R, {
+						onClick: s,
+						color: "inherit",
+						sx: e.sx("dialogCancel", { color: "text.secondary" }),
+						children: e.t("cancel")
+					}),
+					n === "add" && u.addAnother !== !1 && /* @__PURE__ */ Y(R, {
+						variant: "outlined",
+						color: "inherit",
+						onClick: () => S(!0),
+						sx: e.sx("dialogSaveAnother", {
+							color: e.ink,
+							borderColor: q(g.main, .5),
+							"&:hover": {
+								borderColor: g.main,
+								bgcolor: q(g.main, .06)
+							}
+						}),
+						children: e.t("saveAndAddAnother")
+					}),
+					/* @__PURE__ */ Y(W, {
+						title: e.t("shortcut"),
+						placement: "top",
+						describeChild: !0,
+						children: /* @__PURE__ */ Y(R, {
+							variant: "contained",
+							color: "inherit",
+							disableElevation: !0,
+							startIcon: /* @__PURE__ */ Y(B, { children: n === "add" ? "add" : "check" }),
+							onClick: () => S(!1),
+							sx: e.sx("dialogSave", {
+								bgcolor: g.main,
+								color: g.contrastText,
+								"&:hover": { bgcolor: g.dark }
+							}),
+							children: n === "add" ? e.t("save") : e.t("saveChanges")
+						})
+					})
+				] })
+			})
+		]
+	});
+}
+// src/components/controls/Collection/CollectionList.tsx
+function Je({ ui: e, count: t, required: n, action: r, alone: i = !1 }) {
+	let { nested: a } = e;
+	return /* @__PURE__ */ X(L, {
+		sx: e.sx("header", {
+			display: "flex",
+			alignItems: "center",
+			gap: 1.5,
+			mb: i ? 0 : a ? 1.25 : 2.5,
+			flexWrap: "wrap"
+		}),
+		children: [/* @__PURE__ */ X(L, {
+			sx: {
+				flex: 1,
+				minWidth: a ? 140 : {
+					xs: "100%",
+					sm: 220
+				}
+			},
+			children: [/* @__PURE__ */ X(L, {
+				sx: {
+					display: "flex",
+					alignItems: "center",
+					gap: a ? .75 : 1
+				},
+				children: [
+					e.config.icon && /* @__PURE__ */ Y(L, {
+						sx: {
+							width: a ? 26 : 32,
+							height: a ? 26 : 32,
+							borderRadius: a ? "6px" : "8px",
+							bgcolor: q(e.accent.main, .12),
+							display: "flex",
+							alignItems: "center",
+							justifyContent: "center",
+							flexShrink: 0
+						},
+						children: /* @__PURE__ */ Y(B, {
+							sx: e.sx("headerIcon", {
+								color: e.ink,
+								fontSize: `${a ? 14 : 18}px !important`
+							}),
+							children: e.icon
+						})
+					}),
+					/* @__PURE__ */ X(G, {
+						sx: e.sx("headerTitle", {
+							fontWeight: 700,
+							fontSize: a ? 14 : 19,
+							lineHeight: 1.3,
+							color: "text.primary"
+						}),
+						children: [e.plural, n && /* @__PURE__ */ Y(L, {
+							component: "span",
+							sx: {
+								color: "error.main",
+								ml: .25
+							},
+							children: "*"
+						})]
+					}),
+					/* @__PURE__ */ Y(Re, {
+						ui: e,
+						n: t
+					})
+				]
+			}), e.config.description && /* @__PURE__ */ Y(G, {
+				sx: e.sx("headerDescription", {
+					fontSize: 13.5,
+					color: "text.secondary",
+					mt: .5,
+					ml: a ? 0 : e.config.icon ? "44px" : 0
+				}),
+				children: e.config.description
+			})]
+		}), r]
+	});
+}
+function Ye({ ui: e, title: t, canEdit: n, onOpen: r, size: i }) {
+	return /* @__PURE__ */ Y(z, {
+		onClick: r,
+		"aria-label": n ? void 0 : e.t("viewAria", { title: t }),
+		"aria-haspopup": "dialog",
+		sx: e.sx("itemTitle", {
+			borderRadius: "4px",
+			textAlign: "left",
+			justifyContent: "flex-start",
+			fontFamily: "inherit",
+			fontWeight: 600,
+			fontSize: i,
+			lineHeight: 1.4,
+			color: "text.primary",
+			wordBreak: "break-word",
+			"&:hover": {
+				color: e.ink,
+				textDecoration: "underline"
+			},
+			"&.Mui-focusVisible": {
+				outline: `2px solid ${q(e.accent.main, .5)}`,
+				outlineOffset: 2
+			}
+		}),
+		children: t
+	});
+}
+function Xe({ ui: e, data: t }) {
+	let n = e.config.display || {}, r = typeof n.badge == "string" ? { field: n.badge } : n.badge;
+	if (!r) return null;
+	let i = t[r.field], a = D(P(e.config.fields || [], r.field), i);
+	if (!a) return null;
+	let o = r.colors?.[String(i)] ?? r.colors?.[a] ?? "default";
+	return /* @__PURE__ */ Y(Ve, {
+		ui: e,
+		text: a,
+		color: o
+	});
+}
+function Ze({ ui: e, title: t, readOnly: n, open: r, canToggle: i, onEdit: a, onDelete: o, onMenu: s, onToggle: c }) {
+	let l = J(), u = !n && e.actions.edit, d = !n && e.actions.delete, f = !n && (e.actions.duplicate || e.actions.move), p = (e, t) => ({
+		width: 30,
+		height: 30,
+		borderRadius: "8px",
+		color: e,
+		transition: `background-color .15s ${$}, color .15s ${$}`,
+		"&:hover": { bgcolor: t }
+	});
+	return /* @__PURE__ */ X(L, {
+		sx: e.sx("actions", {
+			display: "flex",
+			alignItems: "center",
+			gap: .25,
+			flexShrink: 0
+		}),
+		children: [
+			u && /* @__PURE__ */ Y(W, {
+				title: e.t("edit"),
+				children: /* @__PURE__ */ Y(V, {
+					size: "small",
+					"aria-label": e.t("editAria", { title: t }),
+					onClick: a,
+					sx: e.sx("actionButton", p(e.ink, q(e.accent.main, .1))),
+					children: /* @__PURE__ */ Y(B, {
+						sx: { fontSize: "17px !important" },
+						children: "edit"
+					})
+				})
+			}),
+			d && /* @__PURE__ */ Y(W, {
+				title: e.t("delete"),
+				children: /* @__PURE__ */ Y(V, {
+					size: "small",
+					"aria-label": e.t("deleteAria", { title: t }),
+					onClick: o,
+					sx: e.sx("actionButton", p(l.palette.error.main, q(l.palette.error.main, .08))),
+					children: /* @__PURE__ */ Y(B, {
+						sx: { fontSize: "17px !important" },
+						children: "delete_outline"
+					})
+				})
+			}),
+			f && /* @__PURE__ */ Y(W, {
+				title: e.t("more"),
+				children: /* @__PURE__ */ Y(V, {
+					size: "small",
+					"aria-label": e.t("moreAria", { title: t }),
+					onClick: (e) => s(e.currentTarget),
+					sx: e.sx("actionButton", p(l.palette.text.secondary, q(l.palette.text.primary, .07))),
+					children: /* @__PURE__ */ Y(B, {
+						sx: { fontSize: "17px !important" },
+						children: "more_vert"
+					})
+				})
+			}),
+			i && /* @__PURE__ */ Y(W, {
+				title: r ? e.t("collapse") : e.t("expand"),
+				children: /* @__PURE__ */ Y(V, {
+					size: "small",
+					"aria-label": e.t(r ? "collapseAria" : "expandAria", { title: t }),
+					"aria-expanded": r,
+					onClick: c,
+					sx: e.sx("actionButton", p(l.palette.text.secondary, q(l.palette.text.primary, .07))),
+					children: /* @__PURE__ */ Y(B, {
+						sx: {
+							fontSize: "19px !important",
+							transition: "transform .2s cubic-bezier(0.4, 0, 0.2, 1)",
+							transform: r ? "rotate(180deg)" : "none"
+						},
+						children: "expand_more"
+					})
+				})
+			})
+		]
+	});
+}
+function Qe({ ui: e, node: t, guid: n, readOnly: r, issues: i, showErrors: a, texts: o, parentTitle: s, onChildChange: c }) {
+	let l = J(), u = e.config.collections || [];
+	return /* @__PURE__ */ Y(L, {
+		sx: e.sx("sections", {
+			display: "grid",
+			gridTemplateColumns: Fe(e.config.sectionColumns ?? 1, 320)
+		}),
+		children: u.map((u, d) => /* @__PURE__ */ Y(L, {
+			sx: e.sx("section", {
+				borderTop: `1px solid ${l.palette.divider}`,
+				bgcolor: l.palette.mode === "dark" ? q(l.palette.common.white, .02) : q(l.palette.grey[500], .03),
+				minWidth: 0,
+				...d > 0 ? { borderLeft: `1px solid ${l.palette.divider}` } : {}
+			}),
+			children: /* @__PURE__ */ Y(L, {
+				sx: {
+					px: {
+						xs: 2,
+						sm: 2.5
+					},
+					pt: {
+						xs: 1.5,
+						sm: 1.75
+					},
+					pb: {
+						xs: 1.25,
+						sm: 1.5
+					}
+				},
+				children: /* @__PURE__ */ Y(tt, {
+					config: u,
+					nodes: t.children[u.id] || [],
+					onChange: (e) => c(u.id, e),
+					guid: `${n}-${t.key}`,
+					depth: e.depth + 1,
+					readOnly: r,
+					issues: i.filter((e) => e.path[0] === u.id).map((e) => ({
+						...e,
+						path: e.path.slice(1)
+					})),
+					showErrors: a,
+					parentTitle: s,
+					texts: o
+				})
+			})
+		}, u.id))
+	});
+}
+function $e({ ui: e, node: t, index: n, guid: r, readOnly: i, collapsed: a, issues: o, showErrors: s, texts: c, onOpen: l, onDelete: u, onMenu: d, onToggle: f, onChildChange: p }) {
+	let m = J(), { config: h } = e, g = h.display || {}, { title: _, subtitle: v, details: y } = ee(t.data, h, n), b = h.collections || [], x = b.length > 0, S = s && o.length > 0, C = g.avatar || "none", w = !i && e.actions.edit, E = !i && e.actions.delete, D = !i && (e.actions.duplicate || e.actions.move), O = y.length > 0 || x, k = !a, A = q(S ? m.palette.error.main : e.accent.main, .05), j = S ? q(m.palette.error.main, .2) : q(e.accent.main, .15), M = (e, t) => ({
+		width: 30,
+		height: 30,
+		borderRadius: "8px",
+		color: e,
+		transition: `background-color .15s ${$}`,
+		"&:hover": { bgcolor: t }
+	});
+	return /* @__PURE__ */ X(L, {
+		sx: e.sx("item", {
+			border: `1px solid ${S ? m.palette.error.main : m.palette.divider}`,
+			borderRadius: "14px",
+			overflow: "hidden",
+			bgcolor: "background.paper",
+			boxShadow: `0 1px 3px ${q(m.palette.common.black, .06)}, 0 4px 12px ${q(m.palette.common.black, .04)}`
+		}),
+		children: [/* @__PURE__ */ X(L, {
+			sx: e.sx("itemHeader", {
+				px: {
+					xs: 2,
+					sm: 2.5
+				},
+				pt: {
+					xs: 1.75,
+					sm: 2
+				},
+				pb: {
+					xs: 1.5,
+					sm: 1.75
+				},
+				bgcolor: A,
+				borderBottom: k && O ? `1px solid ${j}` : "1px solid transparent",
+				transition: `border-color .2s ${$}`,
+				display: "flex",
+				alignItems: "flex-start",
+				gap: 1.5
+			}),
+			children: [
+				C !== "none" && /* @__PURE__ */ Y(Be, {
+					ui: e,
+					mode: C,
+					title: _,
+					index: n
+				}),
+				/* @__PURE__ */ X(L, {
+					sx: {
+						flex: 1,
+						minWidth: 0
+					},
+					children: [
+						/* @__PURE__ */ X(L, {
+							sx: {
+								display: "flex",
+								alignItems: "center",
+								flexWrap: "wrap",
+								gap: .75,
+								mb: v ? .25 : 0
+							},
+							children: [/* @__PURE__ */ Y(Ye, {
+								ui: e,
+								title: _,
+								canEdit: w,
+								onOpen: l,
+								size: 15.5
+							}), /* @__PURE__ */ Y(Xe, {
+								ui: e,
+								data: t.data
+							})]
+						}),
+						v && /* @__PURE__ */ X(G, {
+							sx: e.sx("subtitle", {
+								display: "flex",
+								alignItems: "center",
+								gap: .4,
+								fontSize: 13,
+								color: "text.secondary",
+								wordBreak: "break-word",
+								"& .MuiIcon-root": {
+									fontSize: 14,
+									color: "text.disabled"
+								}
+							}),
+							children: [g.subtitleIcon && /* @__PURE__ */ Y(B, { children: g.subtitleIcon }), v]
+						}),
+						!k && x && /* @__PURE__ */ Y(L, {
+							sx: {
+								display: "flex",
+								flexWrap: "wrap",
+								gap: .75,
+								mt: .6
+							},
+							children: b.map((n) => {
+								let r = (t.children[n.id] || []).length;
+								return /* @__PURE__ */ X(L, {
+									component: "span",
+									sx: {
+										fontSize: 12,
+										fontWeight: 600,
+										px: 1,
+										py: .2,
+										borderRadius: "999px",
+										bgcolor: q(e.accent.main, .08),
+										color: e.ink,
+										border: `1px solid ${q(e.accent.main, .18)}`
+									},
+									children: [
+										r,
+										" ",
+										N(T(n), r).toLowerCase()
+									]
+								}, n.id);
+							})
+						})
+					]
+				}),
+				/* @__PURE__ */ X(L, {
+					sx: {
+						display: "flex",
+						alignItems: "center",
+						flexShrink: 0,
+						gap: .25,
+						mt: -.25
+					},
+					children: [
+						w && /* @__PURE__ */ Y(W, {
+							title: e.t("edit"),
+							children: /* @__PURE__ */ Y(V, {
+								size: "small",
+								"aria-label": e.t("editAria", { title: _ }),
+								onClick: l,
+								sx: M(e.ink, q(e.accent.main, .1)),
+								children: /* @__PURE__ */ Y(B, {
+									sx: { fontSize: "17px !important" },
+									children: "edit"
+								})
+							})
+						}),
+						E && /* @__PURE__ */ Y(W, {
+							title: e.t("delete"),
+							children: /* @__PURE__ */ Y(V, {
+								size: "small",
+								"aria-label": e.t("deleteAria", { title: _ }),
+								onClick: u,
+								sx: M(m.palette.error.main, q(m.palette.error.main, .08)),
+								children: /* @__PURE__ */ Y(B, {
+									sx: { fontSize: "17px !important" },
+									children: "delete_outline"
+								})
+							})
+						}),
+						D && /* @__PURE__ */ Y(W, {
+							title: e.t("more"),
+							children: /* @__PURE__ */ Y(V, {
+								size: "small",
+								"aria-label": e.t("moreAria", { title: _ }),
+								onClick: (e) => d(e.currentTarget),
+								sx: M(m.palette.text.secondary, q(m.palette.text.primary, .07)),
+								children: /* @__PURE__ */ Y(B, {
+									sx: { fontSize: "17px !important" },
+									children: "more_vert"
+								})
+							})
+						}),
+						O && /* @__PURE__ */ Y(W, {
+							title: k ? e.t("collapse") : e.t("expand"),
+							children: /* @__PURE__ */ Y(V, {
+								size: "small",
+								"aria-label": e.t(k ? "collapseAria" : "expandAria", { title: _ }),
+								onClick: f,
+								sx: M(m.palette.text.secondary, q(m.palette.text.primary, .07)),
+								children: /* @__PURE__ */ Y(B, {
+									sx: {
+										fontSize: "19px !important",
+										transition: "transform .25s cubic-bezier(0.4, 0, 0.2, 1)",
+										transform: k ? "rotate(180deg)" : "none"
+									},
+									children: "expand_more"
+								})
+							})
+						})
+					]
+				})
+			]
+		}), O && /* @__PURE__ */ X(ie, {
+			in: k,
+			timeout: 220,
+			children: [y.length > 0 && /* @__PURE__ */ Y(L, {
+				sx: e.sx("details", {
+					display: "flex",
+					overflowX: "auto",
+					borderBottom: x ? `1px solid ${m.palette.divider}` : "none",
+					"&::-webkit-scrollbar": { height: 0 }
+				}),
+				children: y.map((t, n) => /* @__PURE__ */ X(L, {
+					sx: e.sx("detail", {
+						flex: "1 1 0",
+						minWidth: 90,
+						maxWidth: 220,
+						px: {
+							xs: 2,
+							sm: 2.5
+						},
+						py: 1.5,
+						borderLeft: n > 0 ? `1px solid ${m.palette.divider}` : "none"
+					}),
+					children: [/* @__PURE__ */ X(G, {
+						sx: e.sx("detailLabel", {
+							fontSize: 10.5,
+							fontWeight: 700,
+							letterSpacing: "0.07em",
+							textTransform: "uppercase",
+							color: "text.disabled",
+							mb: .25,
+							display: "flex",
+							alignItems: "center",
+							gap: .4,
+							whiteSpace: "nowrap"
+						}),
+						children: [t.icon && /* @__PURE__ */ Y(B, {
+							sx: { fontSize: "11px !important" },
+							children: t.icon
+						}), t.label]
+					}), /* @__PURE__ */ Y(G, {
+						sx: e.sx("detailValue", {
+							fontSize: 13.5,
+							fontWeight: 600,
+							color: t.value ? "text.primary" : "text.disabled",
+							wordBreak: "break-word",
+							lineHeight: 1.4
+						}),
+						children: t.value || "—"
+					})]
+				}, t.id))
+			}), x && /* @__PURE__ */ Y(Qe, {
+				ui: e,
+				node: t,
+				guid: r,
+				readOnly: i,
+				issues: o,
+				showErrors: s,
+				texts: c,
+				parentTitle: _,
+				onChildChange: p
+			})]
+		})]
+	});
+}
+function et({ ui: e, nodes: t, guid: n, readOnly: r, issues: i, showErrors: a, texts: o, isCollapsed: s, onToggle: c, onOpen: l, onDelete: u, onMenu: d, onChildChange: f }) {
+	let p = J(), m = K(p.breakpoints.down("sm")), { config: h } = e, g = h.fields || [], _ = h.display || {}, v = te(h), y = typeof _.badge == "string" ? _.badge : _.badge?.field, b = typeof _.badge == "object" && _.badge?.label || (y ? A(P(g, y)) || y : ""), x = (h.collections || []).length > 0, S = !r && e.actions.edit, C = !r && (e.actions.edit || e.actions.delete || e.actions.duplicate || e.actions.move), w = (e) => i.filter((t) => t.path[0] === e).map((e) => ({
+		...e,
+		path: e.path.slice(1)
+	})), T = /* @__PURE__ */ Y(L, {
+		component: "span",
+		sx: { color: "text.disabled" },
+		children: "—"
+	}), E = (t, i, c) => x && /* @__PURE__ */ Y(ie, {
+		in: !s(t.key),
+		timeout: 200,
+		unmountOnExit: !0,
+		children: /* @__PURE__ */ Y(Qe, {
+			ui: e,
+			node: t,
+			guid: n,
+			readOnly: r,
+			issues: w(i),
+			showErrors: a,
+			texts: o,
+			parentTitle: c,
+			onChildChange: (e, t) => f(i, e, t)
+		})
+	}), O = (t, n, i) => /* @__PURE__ */ Y(Ze, {
+		ui: e,
+		title: i,
+		readOnly: r,
+		open: !s(t.key),
+		canToggle: x,
+		onEdit: () => l(n),
+		onDelete: () => u(n),
+		onMenu: (e) => d(e, n),
+		onToggle: () => c(t.key)
+	}), k = q(p.palette.error.main, .06);
+	if (m) return /* @__PURE__ */ Y(L, {
+		sx: e.sx("table", {
+			border: `1px solid ${p.palette.divider}`,
+			borderRadius: "8px",
+			overflow: "hidden",
+			bgcolor: "background.paper"
+		}),
+		children: t.map((t, n) => {
+			let { title: r, details: i } = ee(t.data, h, n), o = a && w(n).length > 0;
+			return /* @__PURE__ */ X(L, {
+				sx: e.sx("mobileRow", {
+					borderTop: n ? `1px solid ${p.palette.divider}` : "none",
+					...o ? { bgcolor: k } : {}
+				}),
+				children: [/* @__PURE__ */ X(L, {
+					sx: {
+						display: "flex",
+						alignItems: "flex-start",
+						gap: 1,
+						p: 1.5
+					},
+					children: [/* @__PURE__ */ X(L, {
+						sx: {
+							flex: 1,
+							minWidth: 0
+						},
+						children: [/* @__PURE__ */ X(L, {
+							sx: {
+								display: "flex",
+								alignItems: "center",
+								flexWrap: "wrap",
+								gap: 1
+							},
+							children: [/* @__PURE__ */ Y(Ye, {
+								ui: e,
+								title: r,
+								canEdit: S,
+								onOpen: () => l(n),
+								size: 14.5
+							}), /* @__PURE__ */ Y(Xe, {
+								ui: e,
+								data: t.data
+							})]
+						}), i.length > 0 && /* @__PURE__ */ Y(L, {
+							sx: {
+								display: "grid",
+								gridTemplateColumns: "auto 1fr",
+								columnGap: 1.5,
+								rowGap: .25,
+								mt: .75
+							},
+							children: i.map((t) => /* @__PURE__ */ X(re, { children: [/* @__PURE__ */ Y(G, {
+								sx: e.sx("detailLabel", {
+									fontSize: 13,
+									color: "text.secondary"
+								}),
+								children: t.label
+							}), /* @__PURE__ */ Y(G, {
+								sx: e.sx("detailValue", {
+									fontSize: 13,
+									fontWeight: 500,
+									wordBreak: "break-word"
+								}),
+								children: t.value
+							})] }, t.id))
+						})]
+					}), (C || x) && O(t, n, r)]
+				}), E(t, n, r)]
+			}, t.key);
+		})
+	});
+	let j = e.sx("tableHeadCell", {
+		fontSize: 12.5,
+		fontWeight: 600,
+		color: "text.secondary",
+		whiteSpace: "nowrap",
+		py: 1,
+		px: 1.75
+	}), M = e.sx("tableCell", {
+		fontSize: 14,
+		color: "text.primary",
+		whiteSpace: "nowrap",
+		py: 1.1,
+		px: 1.75
+	}), N = 1 + v.length + +!!y + (C || x ? 1 : 0);
+	return /* @__PURE__ */ Y(L, {
+		sx: e.sx("table", {
+			border: `1px solid ${p.palette.divider}`,
+			borderRadius: "8px",
+			overflowX: "auto",
+			bgcolor: "background.paper"
+		}),
+		children: /* @__PURE__ */ X(fe, {
+			size: "small",
+			children: [/* @__PURE__ */ Y(me, { children: /* @__PURE__ */ X(U, {
+				sx: e.sx("tableHead", { bgcolor: q(p.palette.text.primary, p.palette.mode === "dark" ? .05 : .03) }),
+				children: [
+					/* @__PURE__ */ Y(H, {
+						sx: j,
+						children: _.titleLabel || e.itemLabel
+					}),
+					v.map((e) => /* @__PURE__ */ Y(H, {
+						sx: j,
+						children: e.label
+					}, e.id)),
+					y && /* @__PURE__ */ Y(H, {
+						sx: j,
+						children: b
+					}),
+					(C || x) && /* @__PURE__ */ Y(H, { sx: j })
+				]
+			}) }), /* @__PURE__ */ Y(pe, { children: t.map((n, r) => {
+				let { title: i, rawTitle: o } = ee(n.data, h, r), c = a && w(r).length > 0, u = r === t.length - 1, d = u && (!x || s(n.key)) ? { "& > td": { borderBottom: 0 } } : {};
+				return /* @__PURE__ */ X(re, { children: [/* @__PURE__ */ X(U, {
+					hover: !0,
+					sx: e.sx("tableRow", {
+						...d,
+						...c ? { bgcolor: k } : {}
+					}),
+					children: [
+						/* @__PURE__ */ Y(H, {
+							sx: M,
+							children: o ? /* @__PURE__ */ Y(Ye, {
+								ui: e,
+								title: o,
+								canEdit: S,
+								onOpen: () => l(r),
+								size: 14
+							}) : /* @__PURE__ */ Y(L, {
+								component: S ? "button" : "span",
+								type: S ? "button" : void 0,
+								onClick: S ? () => l(r) : void 0,
+								"aria-label": S ? e.t("editAria", { title: i }) : void 0,
+								sx: {
+									background: "none",
+									border: 0,
+									p: 0,
+									font: "inherit",
+									color: "text.disabled",
+									cursor: S ? "pointer" : "default"
+								},
+								children: "—"
+							})
+						}),
+						v.map((e) => /* @__PURE__ */ Y(H, {
+							sx: M,
+							children: D(P(g, e.id), n.data[e.id]) || T
+						}, e.id)),
+						y && /* @__PURE__ */ Y(H, {
+							sx: M,
+							children: /* @__PURE__ */ Y(Xe, {
+								ui: e,
+								data: n.data
+							})
+						}),
+						(C || x) && /* @__PURE__ */ Y(H, {
+							align: "right",
+							sx: e.sx("rowActions", {
+								width: "1%",
+								whiteSpace: "nowrap",
+								py: .25
+							}),
+							children: /* @__PURE__ */ Y(L, {
+								sx: { display: "inline-flex" },
+								children: O(n, r, i)
+							})
+						})
+					]
+				}), x && !s(n.key) && /* @__PURE__ */ Y(U, { children: /* @__PURE__ */ Y(H, {
+					colSpan: N,
+					sx: {
+						p: 0,
+						...u ? { borderBottom: 0 } : {}
+					},
+					children: E(n, r, i)
+				}) })] }, n.key);
+			}) })]
+		})
+	});
+}
+function tt({ config: e, nodes: t, onChange: n, guid: r, depth: i = 0, readOnly: a = !1, issues: o = [], showErrors: s = !1, required: c = !1, parentTitle: l, texts: u }) {
+	let d = J(), f = Le(d, e, i, u), { emptyTitle: p, emptyText: m, ...h } = {
+		...u || {},
+		...e.texts || {}
+	}, g = e.max == null ? void 0 : Number(e.max), _ = !a && (g === void 0 || t.length < g), v = a ? "none" : f.addButton.position, y = v === "header" || v === "both", b = v === "footer" || v === "both", x = e.showEmpty ?? !f.nested, S = t.length === 0 && x && !(b && f.addButton.variant === "dashed"), C = t.length === 0 && !S && !b, [w, T] = I({
+		open: !1,
+		mode: "add",
+		index: -1,
+		session: 0
+	}), [E, D] = I({
+		open: !1,
+		index: -1,
+		title: "",
+		detail: ""
+	}), [O, A] = I(null), [j, M] = I({}), N = (e, t = -1) => T((n) => ({
+		open: !0,
+		mode: e,
+		index: t,
+		session: n.session + 1
+	})), P = () => T((e) => ({
+		...e,
+		open: !1
+	})), te = () => N("add"), ne = (e) => N(!a && f.actions.edit ? "edit" : "view", e), re = e.defaultCollapsed ?? f.layout === "table", F = (e) => j[e] ?? re, z = (e) => M((t) => ({
+		...t,
+		[e]: !F(e)
+	})), ie = (r, i) => {
+		if (w.mode === "add") {
+			let a = {
+				key: ve(),
+				data: r,
+				children: ye(e)
+			};
+			f.layout === "cards" && M((e) => ({
+				...e,
+				[a.key]: !1
+			})), n([...t, a]);
+			let o = g !== void 0 && t.length + 1 >= g;
+			(!i || o) && P();
+		} else w.mode === "edit" && n(t.map((e, t) => t === w.index ? {
+			...e,
+			data: r
+		} : e)), P();
+	}, V = (e) => n(t.filter((t, n) => n !== e)), fe = (n) => {
+		if (e.confirmDelete === !1) {
+			V(n);
+			return;
+		}
+		let r = t[n];
+		D({
+			open: !0,
+			index: n,
+			title: ee(r.data, e, n).title,
+			detail: k({
+				...r.data,
+				...r.children
+			}, e)
+		});
+	}, pe = (e) => {
+		let r = [...t];
+		r.splice(e + 1, 0, xe(t[e])), n(r);
+	}, H = (e, r) => {
+		let i = e + r;
+		if (i < 0 || i >= t.length) return;
+		let a = [...t];
+		[a[e], a[i]] = [a[i], a[e]], n(a);
+	}, me = (e, r, i) => n(t.map((t, n) => n === e ? {
+		...t,
+		children: {
+			...t.children,
+			[r]: i
+		}
+	} : t)), U = s ? o.find((e) => e.path.length === 0)?.message : void 0, W = w.index >= 0 ? t[w.index] : void 0, K = O?.index ?? -1, he = (e) => {
+		A(null), e();
+	}, ge = () => M(Object.fromEntries(t.map((e) => [e.key, !0]))), _e = () => M(Object.fromEntries(t.map((e) => [e.key, !1]))), Z = t.length > 0 && t.every((e) => F(e.key)), Q = f.t("deleteMessage", { detail: E.detail ? f.t("deleteDetail", { detail: E.detail }) : "" }), [be, Se] = Q.includes("{title}") ? Q.split("{title}") : [Q, null];
+	return /* @__PURE__ */ X(L, {
+		"data-collection": e.id,
+		sx: f.sx("root", {
+			width: "100%",
+			minWidth: 0
+		}),
+		children: [
+			/* @__PURE__ */ Y(Je, {
+				ui: f,
+				count: t.length,
+				required: c || (Number(e.min) || 0) > 0,
+				alone: C && !U,
+				action: /* @__PURE__ */ X(L, {
+					sx: {
+						display: "flex",
+						alignItems: "center",
+						gap: 1,
+						flexWrap: "wrap"
+					},
+					children: [f.layout === "cards" && t.length >= 2 && /* @__PURE__ */ Y(R, {
+						size: "small",
+						variant: "text",
+						onClick: Z ? _e : ge,
+						sx: {
+							fontSize: 12.5,
+							fontWeight: 600,
+							color: "text.secondary",
+							px: 1,
+							minWidth: 0,
+							textTransform: "none",
+							"&:hover": {
+								color: "text.primary",
+								bgcolor: q(d.palette.text.primary, .05)
+							}
+						},
+						startIcon: /* @__PURE__ */ Y(B, {
+							sx: { fontSize: "15px !important" },
+							children: Z ? "unfold_more" : "unfold_less"
+						}),
+						children: Z ? "Expand all" : "Collapse all"
+					}), y && /* @__PURE__ */ Y(He, {
+						ui: f,
+						placement: "header",
+						empty: t.length === 0,
+						disabled: !_,
+						onClick: te
+					})]
+				})
+			}),
+			U && /* @__PURE__ */ X(G, {
+				role: "alert",
+				sx: f.sx("error", {
+					display: "flex",
+					alignItems: "center",
+					gap: .5,
+					color: "error.main",
+					fontSize: 13,
+					fontWeight: 500,
+					mt: -.5,
+					mb: 1.25
+				}),
+				children: [/* @__PURE__ */ Y(B, {
+					sx: { fontSize: "17px !important" },
+					children: "error_outline"
+				}), U]
+			}),
+			S && /* @__PURE__ */ Y(Ke, {
+				ui: f,
+				readOnly: a,
+				error: !!U
+			}),
+			t.length > 0 && f.layout === "table" && /* @__PURE__ */ Y(et, {
+				ui: f,
+				nodes: t,
+				guid: r,
+				readOnly: a,
+				issues: o,
+				showErrors: s,
+				texts: h,
+				isCollapsed: F,
+				onToggle: z,
+				onOpen: ne,
+				onDelete: fe,
+				onMenu: (e, t) => A({
+					anchor: e,
+					index: t
+				}),
+				onChildChange: me
+			}),
+			t.length > 0 && f.layout === "cards" && /* @__PURE__ */ Y(L, {
+				sx: f.sx("list", {
+					display: "flex",
+					flexDirection: "column",
+					gap: 2
+				}),
+				children: t.map((e, t) => /* @__PURE__ */ Y($e, {
+					ui: f,
+					node: e,
+					index: t,
+					guid: r,
+					readOnly: a,
+					collapsed: F(e.key),
+					issues: o.filter((e) => e.path[0] === t).map((e) => ({
+						...e,
+						path: e.path.slice(1)
+					})),
+					showErrors: s,
+					texts: h,
+					onOpen: () => ne(t),
+					onDelete: () => fe(t),
+					onMenu: (e) => A({
+						anchor: e,
+						index: t
+					}),
+					onToggle: () => z(e.key),
+					onChildChange: (e, n) => me(t, e, n)
+				}, e.key))
+			}),
+			b && /* @__PURE__ */ Y(L, {
+				sx: { mt: t.length || f.addButton.variant !== "dashed" ? 1.25 : 0 },
+				children: /* @__PURE__ */ Y(He, {
+					ui: f,
+					placement: "footer",
+					empty: t.length === 0,
+					disabled: !_,
+					onClick: te
+				})
+			}),
+			/* @__PURE__ */ Y(qe, {
+				ui: f,
+				open: w.open,
+				mode: w.mode,
+				session: w.session,
+				guid: `${r}-${e.id}`,
+				initial: W?.data,
+				context: l,
+				onClose: P,
+				onSave: ie
+			}),
+			/* @__PURE__ */ X(ue, {
+				anchorEl: O?.anchor,
+				open: !!O,
+				onClose: () => A(null),
+				anchorOrigin: {
+					vertical: "bottom",
+					horizontal: "right"
+				},
+				transformOrigin: {
+					vertical: "top",
+					horizontal: "right"
+				},
+				sx: { "& .MuiPaper-root": f.merged("menu", {
+					borderRadius: "10px",
+					minWidth: 170
+				}) },
+				children: [
+					f.actions.duplicate && /* @__PURE__ */ X(de, {
+						sx: f.sx("menuItem"),
+						disabled: !_,
+						onClick: () => he(() => pe(K)),
+						children: [/* @__PURE__ */ Y(ce, { children: /* @__PURE__ */ Y(B, {
+							fontSize: "small",
+							children: "content_copy"
+						}) }), /* @__PURE__ */ Y(le, { children: f.t("duplicate") })]
+					}),
+					f.actions.move && /* @__PURE__ */ X(de, {
+						sx: f.sx("menuItem"),
+						disabled: K <= 0,
+						onClick: () => he(() => H(K, -1)),
+						children: [/* @__PURE__ */ Y(ce, { children: /* @__PURE__ */ Y(B, {
+							fontSize: "small",
+							children: "arrow_upward"
+						}) }), /* @__PURE__ */ Y(le, { children: f.t("moveUp") })]
+					}),
+					f.actions.move && /* @__PURE__ */ X(de, {
+						sx: f.sx("menuItem"),
+						disabled: K >= t.length - 1,
+						onClick: () => he(() => H(K, 1)),
+						children: [/* @__PURE__ */ Y(ce, { children: /* @__PURE__ */ Y(B, {
+							fontSize: "small",
+							children: "arrow_downward"
+						}) }), /* @__PURE__ */ Y(le, { children: f.t("moveDown") })]
+					})
+				]
+			}),
+			/* @__PURE__ */ X(ae, {
+				open: E.open,
+				onClose: () => D((e) => ({
+					...e,
+					open: !1
+				})),
+				maxWidth: "xs",
+				fullWidth: !0,
+				sx: { "& .MuiDialog-paper": f.merged("confirm", {
+					borderRadius: "12px",
+					backgroundImage: "none"
+				}) },
+				children: [/* @__PURE__ */ X(se, {
+					sx: {
+						pt: 3,
+						pb: 1
+					},
+					children: [/* @__PURE__ */ Y(G, {
+						sx: f.sx("confirmTitle", {
+							fontWeight: 600,
+							fontSize: 17
+						}),
+						children: f.t("deleteTitle")
+					}), /* @__PURE__ */ X(G, {
+						sx: f.sx("confirmText", {
+							fontSize: 14,
+							color: "text.secondary",
+							mt: 1
+						}),
+						children: [
+							be,
+							Se !== null && /* @__PURE__ */ Y(L, {
+								component: "strong",
+								sx: {
+									color: "text.primary",
+									fontWeight: 600
+								},
+								children: E.title
+							}),
+							Se
+						]
+					})]
+				}), /* @__PURE__ */ X(oe, {
+					sx: {
+						px: 3,
+						pb: 2.5,
+						pt: 2,
+						gap: 1,
+						"& .MuiButton-root": {
+							textTransform: "none",
+							fontWeight: 600,
+							borderRadius: "8px"
+						}
+					},
+					children: [/* @__PURE__ */ Y(R, {
+						color: "inherit",
+						onClick: () => D((e) => ({
+							...e,
+							open: !1
+						})),
+						sx: f.sx("confirmCancel", { color: "text.secondary" }),
+						children: f.t("cancel")
+					}), /* @__PURE__ */ Y(R, {
+						variant: "contained",
+						color: "error",
+						disableElevation: !0,
+						onClick: () => {
+							V(E.index), D((e) => ({
+								...e,
+								open: !1
+							}));
+						},
+						sx: f.sx("confirmDelete"),
+						children: f.t("deleteConfirm")
+					})]
+				})]
+			})
+		]
+	});
+}
+// src/components/controls/Collection/collection.tsx
+var nt = ["mandatory", "mandatoryselect"], rt = (e) => {
+	try {
+		return JSON.stringify(e);
+	} catch {
+		return "";
+	}
+};
+function it({ attributes: e = {}, rules: t = {}, onChange: n, submitTick: r }) {
+	let { id: i = "", value: a } = e, o = {
+		...e,
+		id: i,
+		fields: e.fields || []
+	}, s = !!(e.readOnly || e.disabled || e.MuiAttributes?.disabled), c = t?.validation?.find((e) => nt.includes(e.rule)), [l] = I(ve), [u, d] = I(() => Q(a, o)), [f, p] = I(!1), m = F(rt(E(a)));
+	ne(() => {
+		let e = rt(E(a));
+		e !== m.current && (m.current = e, d(Q(a, o)));
+	}, [a]), ne(() => {
+		r && p(!0);
+	}, [r]);
+	let h = (e) => {
+		d(e);
+		let t = be(e, o);
+		m.current = rt(t), n?.({
+			id: i,
+			value: t
+		});
+	}, g = j(be(u, o), o, {
+		required: !!c,
+		requiredMessage: c?.message
+	});
+	return /* @__PURE__ */ Y(tt, {
+		config: o,
+		nodes: u,
+		onChange: h,
+		guid: `${l}-${i}`,
+		readOnly: s,
+		issues: g,
+		showErrors: f,
+		required: !!c
+	});
+}
+export { it as default };