ding-react-admin 1.0.4 → 2.0.0

package/dist/index.js

@@ -1,32 +1,32 @@
 import { Children as e, createContext as t, createElement as n, isValidElement as r, useCallback as i, useContext as a, useEffect as o, useMemo as s, useRef as c, useState as l } from "react";
 import { Link as u, Navigate as d, Outlet as f, RouterProvider as p, createBrowserRouter as m, useLocation as h, useNavigate as g, useParams as _, useSearchParams as v } from "react-router-dom";
-import { App as y, Avatar as b, Button as x, Card as S, ConfigProvider as C, DatePicker as w, Drawer as ee, Dropdown as T, Flex as E, Form as D, Grid as O, Input as k, InputNumber as A, Layout as j, Menu as M, Modal as te, Popover as N, Segmented as P, Select as F, Space as I, Spin as L, Steps as ne, Switch as re, Table as ie, Tabs as ae, Typography as R, theme as z } from "antd";
+import { App as y, Avatar as b, Button as x, Card as S, ConfigProvider as C, DatePicker as w, Drawer as ee, Dropdown as T, Flex as E, Form as D, Grid as O, Image as k, Input as A, InputNumber as te, Layout as j, Menu as ne, Modal as M, Popover as N, Segmented as re, Select as P, Space as F, Spin as I, Steps as ie, Switch as ae, Table as oe, Tabs as L, Typography as R, theme as z } from "antd";
 import { Fragment as B, jsx as V, jsxs as H } from "react/jsx-runtime";
-import { ArrowLeftOutlined as U, CaretDownOutlined as oe, CaretUpOutlined as se, ColumnHeightOutlined as W, DesktopOutlined as ce, LayoutOutlined as le, LogoutOutlined as ue, MenuOutlined as de, MoonOutlined as fe, SettingOutlined as pe, SunOutlined as me, UserOutlined as he } from "@ant-design/icons";
-import { Controller as ge, FormProvider as _e, useFieldArray as ve, useForm as ye, useFormContext as G, useFormState as K, useWatch as be } from "react-hook-form";
-import xe from "dayjs";
+import { ArrowLeftOutlined as U, CaretDownOutlined as se, CaretUpOutlined as ce, ColumnHeightOutlined as le, DeleteOutlined as ue, DesktopOutlined as de, LayoutOutlined as fe, LogoutOutlined as pe, MenuOutlined as me, MoonOutlined as he, PaperClipOutlined as ge, SettingOutlined as _e, SunOutlined as ve, UploadOutlined as ye, UserOutlined as be } from "@ant-design/icons";
+import { Controller as xe, FormProvider as W, useFieldArray as Se, useForm as Ce, useFormContext as G, useFormState as we, useWatch as Te } from "react-hook-form";
+import Ee from "dayjs";
 //#region src/context/AppThemeProvider.tsx
-var Se = t(null);
-function Ce(e) {
+var De = t(null);
+function Oe(e) {
 	try {
 		let t = localStorage.getItem(e);
 		if (t === "light" || t === "dark" || t === "system") return t;
 	} catch {}
 	return "system";
 }
-function we() {
+function ke() {
 	return window.matchMedia("(prefers-color-scheme: dark)").matches;
 }
-function Te(e) {
+function Ae(e) {
 	try {
 		let t = localStorage.getItem(e);
 		if (t === "comfortable" || t === "compact") return t;
 	} catch {}
 	return "comfortable";
 }
-var Ee = "ding-react-admin-theme-mode", De = "ding-react-admin-theme-density";
-function Oe({ children: e, modeStorageKey: t = Ee, densityStorageKey: n = De }) {
-	let [r, i] = l(() => Ce(t)), [a, c] = l(() => Te(n)), [u, d] = l(we);
+var je = "ding-react-admin-theme-mode", Me = "ding-react-admin-theme-density";
+function Ne({ children: e, modeStorageKey: t = je, densityStorageKey: n = Me }) {
+	let [r, i] = l(() => Oe(t)), [a, c] = l(() => Ae(n)), [u, d] = l(ke);
 	o(() => {
 		if (r !== "system") return;
 		let e = window.matchMedia("(prefers-color-scheme: dark)"), t = () => d(e.matches);
@@ -58,7 +58,7 @@ function Oe({ children: e, modeStorageKey: t = Ee, densityStorageKey: n = De })
 		f,
 		p
 	]);
-	return /* @__PURE__ */ V(Se.Provider, {
+	return /* @__PURE__ */ V(De.Provider, {
 		value: g,
 		children: /* @__PURE__ */ V(C, {
 			theme: h,
@@ -66,87 +66,87 @@ function Oe({ children: e, modeStorageKey: t = Ee, densityStorageKey: n = De })
 		})
 	});
 }
-function ke() {
-	let e = a(Se);
+function Pe() {
+	let e = a(De);
 	if (!e) throw Error("useThemeMode must be used within AppThemeProvider");
 	return e;
 }
 //#endregion
 //#region src/components/DensitySwitch.tsx
-var Ae = [{
+var Fe = [{
 	label: "Comfortable",
 	value: "comfortable",
-	icon: /* @__PURE__ */ V(le, {})
+	icon: /* @__PURE__ */ V(fe, {})
 }, {
 	label: "Compact",
 	value: "compact",
-	icon: /* @__PURE__ */ V(W, {})
+	icon: /* @__PURE__ */ V(le, {})
 }];
-function je() {
-	let { density: e, setDensity: t } = ke();
-	return /* @__PURE__ */ V(P, {
+function Ie() {
+	let { density: e, setDensity: t } = Pe();
+	return /* @__PURE__ */ V(re, {
 		size: "small",
 		value: e,
-		options: Ae,
+		options: Fe,
 		onChange: (e) => t(e)
 	});
 }
 //#endregion
 //#region src/components/ThemeSwitch.tsx
-var Me = [
+var Le = [
 	{
 		label: "Light",
 		value: "light",
-		icon: /* @__PURE__ */ V(me, {})
+		icon: /* @__PURE__ */ V(ve, {})
 	},
 	{
 		label: "Dark",
 		value: "dark",
-		icon: /* @__PURE__ */ V(fe, {})
+		icon: /* @__PURE__ */ V(he, {})
 	},
 	{
 		label: "Auto",
 		value: "system",
-		icon: /* @__PURE__ */ V(ce, {})
+		icon: /* @__PURE__ */ V(de, {})
 	}
 ];
-function Ne() {
-	let { mode: e, setMode: t } = ke();
-	return /* @__PURE__ */ V(P, {
+function Re() {
+	let { mode: e, setMode: t } = Pe();
+	return /* @__PURE__ */ V(re, {
 		size: "small",
 		value: e,
-		options: Me,
+		options: Le,
 		onChange: (e) => t(e)
 	});
 }
 //#endregion
 //#region src/components/ThemeToolbar.tsx
-function Pe() {
+function ze() {
 	let { token: e } = z.useToken();
 	return /* @__PURE__ */ V(N, {
 		placement: O.useBreakpoint().lg ? "bottomRight" : "bottom",
 		trigger: "click",
-		content: /* @__PURE__ */ H(I, {
+		content: /* @__PURE__ */ H(F, {
 			orientation: "vertical",
 			size: "middle",
 			style: {
 				minWidth: 240,
 				maxWidth: "min(92vw, 320px)"
 			},
-			children: [/* @__PURE__ */ V(Ne, {}), /* @__PURE__ */ V(je, {})]
+			children: [/* @__PURE__ */ V(Re, {}), /* @__PURE__ */ V(Ie, {})]
 		}),
 		styles: { content: { padding: e.paddingSM } },
 		children: /* @__PURE__ */ V(x, {
 			type: "default",
-			icon: /* @__PURE__ */ V(pe, {}),
+			icon: /* @__PURE__ */ V(_e, {}),
 			"aria-label": "Display and theme settings"
 		})
 	});
 }
 //#endregion
 //#region src/context/AuthProvider.tsx
-var Fe = t(null);
-function Ie({ children: e, adapter: t }) {
+var Be = t(null);
+function Ve({ children: e, adapter: t }) {
 	let [n, r] = l(() => t.getToken()), a = i(async (e) => {
 		await t.login(e), r(t.getToken());
 	}, [t]), o = i(() => {
@@ -160,18 +160,18 @@ function Ie({ children: e, adapter: t }) {
 		a,
 		o
 	]);
-	return /* @__PURE__ */ V(Fe.Provider, {
+	return /* @__PURE__ */ V(Be.Provider, {
 		value: c,
 		children: e
 	});
 }
-function Le() {
-	let e = a(Fe);
+function He() {
+	let e = a(Be);
 	if (!e) throw Error("useAuth must be used within AuthProvider");
 	return e;
 }
-var Re = "ding-react-admin-auth";
-function ze(e = Re) {
+var Ue = "ding-react-admin-auth";
+function We(e = Ue) {
 	return {
 		async login({ username: t, password: n }) {
 			if (!t.trim() || !n) throw Error("Invalid credentials");
@@ -187,37 +187,37 @@ function ze(e = Re) {
 }
 //#endregion
 //#region src/context/PermissionsProvider.tsx
-var Be = t(null);
-function Ve({ children: e, can: t }) {
+var Ge = t(null);
+function Ke({ children: e, can: t }) {
 	let n = s(() => t, [t]);
-	return /* @__PURE__ */ V(Be.Provider, {
+	return /* @__PURE__ */ V(Ge.Provider, {
 		value: n,
 		children: e
 	});
 }
-function q() {
-	let e = a(Be);
+function K() {
+	let e = a(Ge);
 	if (!e) throw Error("usePermissions must be used within PermissionsProvider");
 	return e;
 }
-function He(e) {
+function qe(e) {
 	return (t) => e()?.includes(t) ?? !1;
 }
-function Ue(e) {
-	let t = q();
+function Je(e) {
+	let t = K();
 	return i(() => t(e), [t, e]);
 }
 //#endregion
 //#region src/permissions/resourcePermissions.ts
-function J(e, t, n) {
+function q(e, t, n) {
 	if (!t) return !0;
 	let r = t[n];
 	return n === "read" && !r && (r = t.list), r ? e(r) : !1;
 }
-function We(e, t) {
+function Ye(e, t) {
 	return e.map((e) => {
 		if (e.children?.length) {
-			let n = We(e.children, t);
+			let n = Ye(e.children, t);
 			return n.length === 0 ? null : {
 				...e,
 				children: n
@@ -228,25 +228,25 @@ function We(e, t) {
 }
 //#endregion
 //#region src/layouts/AdminLayout.tsx
-var Ge = "#001529", Ke = "ding-react-admin-sider-collapsed";
-function qe(e) {
+var Xe = "#001529", Ze = "ding-react-admin-sider-collapsed";
+function Qe(e) {
 	try {
 		return localStorage.getItem(e) === "1";
 	} catch {
 		return !1;
 	}
 }
-function Je() {
+function $e() {
 	return O.useBreakpoint().lg !== !0;
 }
-function Ye(e) {
+function et(e) {
 	let t = /* @__PURE__ */ new Set();
 	function n(e) {
 		for (let r of e) r.children?.length ? n(r.children) : t.add(r.path);
 	}
 	return n(e), t;
 }
-function Xe(e, t) {
+function tt(e, t) {
 	function n(e) {
 		for (let r of e) if (r.children?.length) {
 			let e = n(r.children);
@@ -256,14 +256,14 @@ function Xe(e, t) {
 	}
 	return n(e) ?? [];
 }
-function Ze(e) {
+function nt(e) {
 	return e.map((e) => {
 		let t = e.Icon, n = t ? /* @__PURE__ */ V(t, {}) : void 0;
 		return e.children?.length ? {
 			key: e.path,
 			icon: n,
 			label: e.label,
-			children: Ze(e.children)
+			children: nt(e.children)
 		} : {
 			key: e.path,
 			icon: n,
@@ -271,8 +271,8 @@ function Ze(e) {
 		};
 	});
 }
-function Qe({ menuItems: e, selectedKeys: t, inlineCollapsed: n, openKeys: r, onOpenChange: i, onNavigate: a }) {
-	return /* @__PURE__ */ V(M, {
+function rt({ menuItems: e, selectedKeys: t, inlineCollapsed: n, openKeys: r, onOpenChange: i, onNavigate: a }) {
+	return /* @__PURE__ */ V(ne, {
 		mode: "inline",
 		theme: "dark",
 		inlineCollapsed: n,
@@ -289,10 +289,10 @@ function Qe({ menuItems: e, selectedKeys: t, inlineCollapsed: n, openKeys: r, on
 		}
 	});
 }
-function $e({ navItems: e, brand: t = "Admin", collapsedBrand: n = "A", mobileDrawerTitle: r, headerExtras: a, userMenuItems: c, onUserMenuClick: u, loginPath: d = "/login", siderCollapsedStorageKey: p = Ke }) {
-	let m = g(), _ = h(), { resolved: v } = ke(), y = v === "dark", { logout: S } = Le(), C = q(), [w, E] = l(() => qe(p)), [D, O] = l(!1), k = Je(), { token: A } = z.useToken(), M = r ?? t, te = () => {
+function it({ navItems: e, brand: t = "Admin", collapsedBrand: n = "A", mobileDrawerTitle: r, headerExtras: a, userMenuItems: c, onUserMenuClick: u, loginPath: d = "/login", siderCollapsedStorageKey: p = Ze }) {
+	let m = g(), _ = h(), { resolved: v } = Pe(), y = v === "dark", { logout: S } = He(), C = K(), [w, E] = l(() => Qe(p)), [D, O] = l(!1), k = $e(), { token: A } = z.useToken(), te = r ?? t, ne = () => {
 		S(), m(d, { replace: !0 });
-	}, N = i((e) => {
+	}, M = i((e) => {
 		E(e);
 		try {
 			localStorage.setItem(p, e ? "1" : "0");
@@ -303,25 +303,25 @@ function $e({ navItems: e, brand: t = "Admin", collapsedBrand: n = "A", mobileDr
 	}, [k]), o(() => {
 		O(!1);
 	}, [_.pathname]);
-	let P = s(() => We(e, C), [e, C]), F = s(() => Ye(P), [P]), I = s(() => Ze(P), [P]), L = s(() => Xe(P, _.pathname), [P, _.pathname]), [ne, re] = l(() => Xe(P, _.pathname));
+	let N = s(() => Ye(e, C), [e, C]), re = s(() => et(N), [N]), P = s(() => nt(N), [N]), F = s(() => tt(N, _.pathname), [N, _.pathname]), [I, ie] = l(() => tt(N, _.pathname));
 	o(() => {
-		re((e) => [...new Set([...e, ...L])]);
-	}, [L]);
-	let ie = i((e) => {
-		re(e);
-	}, []), ae = s(() => [{
+		ie((e) => [...new Set([...e, ...F])]);
+	}, [F]);
+	let ae = i((e) => {
+		ie(e);
+	}, []), oe = s(() => [{
 		key: "logout",
-		icon: /* @__PURE__ */ V(ue, {}),
+		icon: /* @__PURE__ */ V(pe, {}),
 		label: "Log out",
 		danger: !0
-	}], []), B = c ?? ae, U = (e) => {
+	}], []), L = c ?? oe, B = (e) => {
 		if (u) {
 			u(e);
 			return;
 		}
-		e.key === "logout" && te();
-	}, oe = y ? A.colorBgContainer : Ge, se = [_.pathname], W = (e) => {
-		F.has(e) && (m(e), k && O(!1));
+		e.key === "logout" && ne();
+	}, U = y ? A.colorBgContainer : Xe, se = [_.pathname], ce = (e) => {
+		re.has(e) && (m(e), k && O(!1));
 	};
 	return /* @__PURE__ */ H(j, {
 		style: {
@@ -333,10 +333,10 @@ function $e({ navItems: e, brand: t = "Admin", collapsedBrand: n = "A", mobileDr
 			!k && /* @__PURE__ */ H(j.Sider, {
 				collapsible: !0,
 				collapsed: w,
-				onCollapse: N,
+				onCollapse: M,
 				collapsedWidth: 64,
 				style: {
-					background: oe,
+					background: U,
 					borderInlineEnd: y ? `1px solid ${A.colorSplit}` : void 0
 				},
 				children: [/* @__PURE__ */ V("div", {
@@ -352,20 +352,20 @@ function $e({ navItems: e, brand: t = "Admin", collapsedBrand: n = "A", mobileDr
 						style: { color: A.colorTextLightSolid },
 						children: w ? n : t
 					})
-				}), /* @__PURE__ */ V(Qe, {
-					menuItems: I,
+				}), /* @__PURE__ */ V(rt, {
+					menuItems: P,
 					selectedKeys: se,
 					inlineCollapsed: w,
-					openKeys: ne,
-					onOpenChange: ie,
-					onNavigate: W
+					openKeys: I,
+					onOpenChange: ae,
+					onNavigate: ce
 				})]
 			}),
 			k && /* @__PURE__ */ V(ee, {
 				title: /* @__PURE__ */ V(R.Text, {
 					strong: !0,
 					style: { color: A.colorTextLightSolid },
-					children: M
+					children: te
 				}),
 				placement: "left",
 				size: 280,
@@ -373,119 +373,125 @@ function $e({ navItems: e, brand: t = "Admin", collapsedBrand: n = "A", mobileDr
 				open: D,
 				styles: {
 					header: {
-						background: oe,
+						background: U,
 						borderBottom: `1px solid ${A.colorSplit}`
 					},
 					body: {
 						padding: 0,
-						background: oe
+						background: U
 					}
 				},
 				destroyOnHidden: !0,
-				children: /* @__PURE__ */ V(Qe, {
-					menuItems: I,
+				children: /* @__PURE__ */ V(rt, {
+					menuItems: P,
 					selectedKeys: se,
 					inlineCollapsed: !1,
-					openKeys: ne,
-					onOpenChange: ie,
-					onNavigate: W
+					openKeys: I,
+					onOpenChange: ae,
+					onNavigate: ce
 				})
 			}),
-			/* @__PURE__ */ H(j, { children: [/* @__PURE__ */ H(j.Header, {
-				style: {
-					background: A.colorBgContainer,
-					paddingInline: A.paddingLG,
-					display: "flex",
-					alignItems: "center",
-					gap: A.marginSM,
-					lineHeight: "normal"
-				},
-				children: [
-					k && /* @__PURE__ */ V(x, {
-						type: "text",
-						icon: /* @__PURE__ */ V(de, {}),
-						onClick: () => O(!0),
-						"aria-label": "Open navigation"
-					}),
-					/* @__PURE__ */ V("div", { style: {
-						flex: 1,
-						minWidth: 0
-					} }),
-					a,
-					/* @__PURE__ */ V(Pe, {}),
-					/* @__PURE__ */ V(T, {
-						menu: {
-							items: B,
-							onClick: U
-						},
-						trigger: ["click"],
-						children: /* @__PURE__ */ H(x, {
+			/* @__PURE__ */ H(j, {
+				style: { minWidth: 0 },
+				children: [/* @__PURE__ */ H(j.Header, {
+					style: {
+						background: A.colorBgContainer,
+						paddingInline: A.paddingLG,
+						display: "flex",
+						alignItems: "center",
+						gap: A.marginSM,
+						lineHeight: "normal"
+					},
+					children: [
+						k && /* @__PURE__ */ V(x, {
 							type: "text",
-							style: {
-								display: "inline-flex",
-								alignItems: "center",
-								gap: A.marginXS,
-								maxWidth: k ? 44 : void 0,
-								paddingInline: k ? A.paddingXS : void 0
+							icon: /* @__PURE__ */ V(me, {}),
+							onClick: () => O(!0),
+							"aria-label": "Open navigation"
+						}),
+						/* @__PURE__ */ V("div", { style: {
+							flex: 1,
+							minWidth: 0
+						} }),
+						a,
+						/* @__PURE__ */ V(ze, {}),
+						/* @__PURE__ */ V(T, {
+							menu: {
+								items: L,
+								onClick: B
 							},
-							"aria-label": "Account menu",
-							children: [/* @__PURE__ */ V(b, {
-								size: "small",
-								icon: /* @__PURE__ */ V(he, {})
-							}), !k && /* @__PURE__ */ V(R.Text, {
-								type: "secondary",
-								children: "User"
-							})]
+							trigger: ["click"],
+							children: /* @__PURE__ */ H(x, {
+								type: "text",
+								style: {
+									display: "inline-flex",
+									alignItems: "center",
+									gap: A.marginXS,
+									maxWidth: k ? 44 : void 0,
+									paddingInline: k ? A.paddingXS : void 0
+								},
+								"aria-label": "Account menu",
+								children: [/* @__PURE__ */ V(b, {
+									size: "small",
+									icon: /* @__PURE__ */ V(be, {})
+								}), !k && /* @__PURE__ */ V(R.Text, {
+									type: "secondary",
+									children: "User"
+								})]
+							})
 						})
-					})
-				]
-			}), /* @__PURE__ */ V(j.Content, {
-				style: { margin: k ? A.marginSM : A.marginLG },
-				children: /* @__PURE__ */ V(f, {})
-			})] })
+					]
+				}), /* @__PURE__ */ V(j.Content, {
+					style: {
+						margin: k ? A.marginSM : A.marginLG,
+						minWidth: 0
+					},
+					children: /* @__PURE__ */ V(f, {})
+				})]
+			})
 		]
 	});
 }
 //#endregion
 //#region src/router/guards.tsx
-function et({ when: e, redirect: t, children: n }) {
+function at({ when: e, redirect: t, children: n }) {
 	return e ? n : /* @__PURE__ */ V(d, {
 		to: t,
 		replace: !0
 	});
 }
-function tt({ children: e, redirectTo: t = "/login" }) {
-	let { isAuthenticated: n } = Le();
-	return /* @__PURE__ */ V(et, {
+function ot({ children: e, redirectTo: t = "/login" }) {
+	let { isAuthenticated: n } = He();
+	return /* @__PURE__ */ V(at, {
 		when: n,
 		redirect: t,
 		children: e
 	});
 }
-function nt({ children: e, redirectTo: t = "/" }) {
-	let { isAuthenticated: n } = Le();
-	return /* @__PURE__ */ V(et, {
+function st({ children: e, redirectTo: t = "/" }) {
+	let { isAuthenticated: n } = He();
+	return /* @__PURE__ */ V(at, {
 		when: !n,
 		redirect: t,
 		children: e
 	});
 }
-function rt({ permission: e, redirect: t, children: n }) {
-	return /* @__PURE__ */ V(et, {
-		when: q()(e),
+function ct({ permission: e, redirect: t, children: n }) {
+	return /* @__PURE__ */ V(at, {
+		when: K()(e),
 		redirect: t,
 		children: n
 	});
 }
 //#endregion
 //#region src/router/routeAccess.ts
-function it(e) {
+function lt(e) {
 	return e.access ?? "protected";
 }
-function at(e) {
+function ut(e) {
 	let t = [], n = [], r = [];
 	for (let i of e) {
-		let e = it(i);
+		let e = lt(i);
 		e === "guest" ? t.push(i) : e === "public" ? n.push(i) : r.push(i);
 	}
 	return {
@@ -494,24 +500,24 @@ function at(e) {
 		protected: r
 	};
 }
-function ot(e) {
+function dt(e) {
 	return e.replace(/^\/+/, "");
 }
-function st(e) {
-	return `/${ot(e)}`;
+function ft(e) {
+	return `/${dt(e)}`;
 }
-function ct(e, t) {
-	let { guest: n, protected: r } = at(e), i = n.find((e) => "path" in e && e.path), a = r.find((e) => "index" in e && e.index), o = r.find((e) => "path" in e && e.path), s = t?.unauthenticated;
-	!s && i && "path" in i && i.path && (s = st(i.path));
+function pt(e, t) {
+	let { guest: n, protected: r } = ut(e), i = n.find((e) => "path" in e && e.path), a = r.find((e) => "index" in e && e.index), o = r.find((e) => "path" in e && e.path), s = t?.unauthenticated;
+	!s && i && "path" in i && i.path && (s = ft(i.path));
 	let c = t?.afterLogin;
-	if (c || (a ? c = "/" : o && "path" in o && o.path && (c = st(o.path))), r.length > 0 && !s) throw Error("createAdminRouter: protected routes require redirects.unauthenticated or a guest route (access: \"guest\").");
+	if (c || (a ? c = "/" : o && "path" in o && o.path && (c = ft(o.path))), r.length > 0 && !s) throw Error("createAdminRouter: protected routes require redirects.unauthenticated or a guest route (access: \"guest\").");
 	if (n.length > 0 && !c) throw Error("createAdminRouter: guest routes require redirects.afterLogin or a protected route (index or path).");
 	return {
 		loginPath: s ?? "/",
 		homePath: c ?? "/"
 	};
 }
-function lt(e) {
+function mt(e) {
 	return "index" in e && e.index ? {
 		index: !0,
 		element: e.element
@@ -522,30 +528,30 @@ function lt(e) {
 }
 //#endregion
 //#region src/router/createAdminRouter.tsx
-function ut({ navItems: e, children: t, layoutProps: n, redirects: r }) {
-	let { loginPath: i, homePath: a } = ct(t, r), { guest: o, public: s, protected: c } = at(t), l = [];
+function ht({ navItems: e, children: t, layoutProps: n, redirects: r }) {
+	let { loginPath: i, homePath: a } = pt(t, r), { guest: o, public: s, protected: c } = ut(t), l = [];
 	for (let e of o) !("path" in e) || !e.path || l.push({
-		path: ot(e.path),
-		element: /* @__PURE__ */ V(nt, {
+		path: dt(e.path),
+		element: /* @__PURE__ */ V(st, {
 			redirectTo: a,
 			children: e.element
 		})
 	});
 	for (let e of s) !("path" in e) || !e.path || l.push({
-		path: ot(e.path),
+		path: dt(e.path),
 		element: e.element
 	});
 	return c.length > 0 && l.push({
 		path: "/",
-		element: /* @__PURE__ */ V(tt, {
+		element: /* @__PURE__ */ V(ot, {
 			redirectTo: i,
-			children: /* @__PURE__ */ V($e, {
+			children: /* @__PURE__ */ V(it, {
 				navItems: e,
 				loginPath: i,
 				...n
 			})
 		}),
-		children: c.map(lt)
+		children: c.map(mt)
 	}), l.push({
 		path: "*",
 		element: /* @__PURE__ */ V(d, {
@@ -556,8 +562,8 @@ function ut({ navItems: e, children: t, layoutProps: n, redirects: r }) {
 }
 //#endregion
 //#region src/app/AdminApp.tsx
-function dt({ navItems: e, routes: t, authRedirects: n, layoutProps: r, theme: i }) {
-	let a = s(() => ut({
+function gt({ navItems: e, routes: t, authRedirects: n, layoutProps: r, theme: i }) {
+	let a = s(() => ht({
 		navItems: e,
 		children: t,
 		layoutProps: r,
@@ -568,67 +574,67 @@ function dt({ navItems: e, routes: t, authRedirects: n, layoutProps: r, theme: i
 		r,
 		n
 	]);
-	return /* @__PURE__ */ V(Oe, {
+	return /* @__PURE__ */ V(Ne, {
 		...i,
 		children: /* @__PURE__ */ V(p, { router: a })
 	});
 }
 //#endregion
 //#region src/context/DataProvider.tsx
-var ft = t(null);
-function pt({ children: e, value: t }) {
+var _t = t(null);
+function vt({ children: e, value: t }) {
 	let n = s(() => t, [t]);
-	return /* @__PURE__ */ V(ft.Provider, {
+	return /* @__PURE__ */ V(_t.Provider, {
 		value: n,
 		children: e
 	});
 }
-function mt() {
-	let e = a(ft);
+function yt() {
+	let e = a(_t);
 	if (!e) throw Error("useDataProvider must be used within DataProvider");
 	return e;
 }
 //#endregion
 //#region src/data/resourceHandlers.ts
-function ht(e) {
+function bt(e) {
 	return "handlers" in e ? e : { handlers: e };
 }
-function gt(e, t, n) {
-	if (!(!e || !t) && !J(e, t, n)) throw Error("Forbidden");
+function J(e, t, n) {
+	if (!(!e || !t) && !q(e, t, n)) throw Error("Forbidden");
 }
-function _t(e, t) {
+function xt(e, t) {
 	let { can: n, guard: r, parseFormError: i } = t ?? {}, a = (t) => {
 		let n = e[t];
 		if (!n) throw Error(`Unknown resource: ${t}`);
-		return ht(n);
+		return bt(n);
 	};
 	return {
 		async getList(e, t) {
 			let { handlers: i, permissions: o } = a(e);
-			return r?.(e, "list"), gt(n, o, "list"), i.getList(t);
+			return r?.(e, "list"), J(n, o, "list"), i.getList(t);
 		},
 		async getOne(e, t, i) {
 			let { handlers: o, permissions: s } = a(e);
-			return r?.(e, "read"), gt(n, s, "read"), o.getOne(t, i);
+			return r?.(e, "read"), J(n, s, "read"), o.getOne(t, i);
 		},
 		async create(e, t) {
 			let { handlers: i, permissions: o } = a(e);
-			return r?.(e, "add"), gt(n, o, "add"), i.create(t);
+			return r?.(e, "add"), J(n, o, "add"), i.create(t);
 		},
 		async update(e, t) {
 			let { handlers: i, permissions: o } = a(e);
-			return r?.(e, "change"), gt(n, o, "change"), i.update(t);
+			return r?.(e, "change"), J(n, o, "change"), i.update(t);
 		},
 		async delete(e, t) {
 			let { handlers: i, permissions: o } = a(e);
-			return r?.(e, "delete"), gt(n, o, "delete"), i.delete(t);
+			return r?.(e, "delete"), J(n, o, "delete"), i.delete(t);
 		},
 		parseFormError: i
 	};
 }
 //#endregion
 //#region src/data/abortError.ts
-function vt(e) {
+function St(e) {
 	if (typeof e != "object" || !e) return !1;
 	let t = e;
 	return t.name === "AbortError" || t.name === "CanceledError" || t.code === "ERR_CANCELED";
@@ -643,72 +649,104 @@ function Y(e) {
 	}
 	return [];
 }
-function yt(e) {
+function Ct(e) {
 	return e.length === 1 ? e[0] : e;
 }
-function bt(e) {
+function wt(e) {
+	return typeof e == "object" && !!e && !Array.isArray(e);
+}
+function Tt(e) {
+	return typeof Response < "u" && e instanceof Response ? !0 : typeof e == "object" && !!e && typeof e.json == "function" && typeof e.status == "number" && e.headers != null;
+}
+function Et(e) {
 	if (!e || typeof e != "object") return null;
 	let t = e;
-	if (t.body && typeof t.body == "object" && !Array.isArray(t.body)) return t.body;
+	if (wt(t.body)) return t.body;
+	if (wt(t.data)) return t.data;
 	let n = t.response;
 	if (n && typeof n == "object" && !Array.isArray(n)) {
 		let e = n.data;
-		if (e && typeof e == "object" && !Array.isArray(e)) return e;
+		if (wt(e)) return e;
 	}
 	return null;
 }
-function xt(e, t) {
-	if (t.inlineArrayName == null || t.rowIndex == null) return e;
-	let n = `${t.inlineArrayName}.${t.rowIndex}.`, r = {};
-	for (let [t, i] of Object.entries(e)) r[n + t] = i;
-	return r;
+async function Dt(e) {
+	let t = Et(e);
+	if (t) return t;
+	if (!e || typeof e != "object") return null;
+	let n = e.response;
+	if (!Tt(n)) return null;
+	let r = n.headers.get("content-type");
+	if (!r || !/application\/json/i.test(r)) return null;
+	try {
+		let e = await n.clone().json();
+		return wt(e) ? e : null;
+	} catch {
+		return null;
+	}
+}
+function Ot(e) {
+	return Array.isArray(e) ? e.some((e) => e && typeof e == "object" && !Array.isArray(e) && Object.values(e).some((e) => Y(e).length > 0)) : !1;
 }
-function St(e, t, n) {
-	let r = xt(e, n);
+function kt(e, t, n) {
+	t.forEach((t, r) => {
+		if (!(!t || typeof t != "object" || Array.isArray(t))) for (let [i, a] of Object.entries(t)) {
+			let t = Y(a);
+			t.length && (n[`${e}.${r}.${i}`] = Ct(t));
+		}
+	});
+}
+function At(e, t) {
 	return {
-		fields: Object.keys(r).length ? r : void 0,
+		fields: Object.keys(e).length ? e : void 0,
 		global: t.length ? t : void 0
 	};
 }
-var Ct = new Set(["non_field_errors", "detail"]);
-function wt(e, t) {
-	let n = bt(e);
-	if (!n) return null;
-	let r = {}, i = [];
-	for (let [e, t] of Object.entries(n)) {
-		if (Ct.has(e)) {
-			i.push(...Y(t));
+var jt = new Set(["non_field_errors", "detail"]);
+function Mt(e) {
+	let t = {}, n = [];
+	for (let [r, i] of Object.entries(e)) {
+		if (jt.has(r)) {
+			n.push(...Y(i));
 			continue;
 		}
-		let n = Y(t);
-		n.length && (r[e] = yt(n));
+		if (Ot(i)) {
+			kt(r, i, t);
+			continue;
+		}
+		let e = Y(i);
+		e.length && (t[r] = Ct(e));
 	}
-	return !Object.keys(r).length && !i.length ? null : St(r, i, t);
+	return !Object.keys(t).length && !n.length ? null : At(t, n);
+}
+function Nt(e, t) {
+	let n = Et(e);
+	return n ? Mt(n) : null;
 }
-function Tt(e, t, n) {
-	let r = bt(e);
+function Pt(e, t, n) {
+	let r = Et(e);
 	if (!r) return null;
 	let i = n?.camelCase ?? !0, a = n?.fieldMap, o = {}, s = [];
 	n?.includeSummary && (s.push(...Y(r.title)), s.push(...Y(r.message)));
 	let c = r.errors;
 	if (c && typeof c == "object" && !Array.isArray(c)) for (let [e, t] of Object.entries(c)) {
-		let n = a?.[e] ?? (i ? Ot(e) : e), r = Y(t);
-		r.length && (o[n] = yt(r));
+		let n = a?.[e] ?? (i ? Lt(e) : e), r = Y(t);
+		r.length && (o[n] = Ct(r));
 	}
-	return !Object.keys(o).length && !s.length ? null : St(o, s, t);
+	return !Object.keys(o).length && !s.length ? null : At(o, s);
 }
-function Et(e, t, n) {
-	let r = bt(e);
+function Ft(e, t, n) {
+	let r = Et(e);
 	if (!r) return null;
 	let i = {}, a = [], o = n?.fieldMap, s = r.errors;
 	if (Array.isArray(s)) for (let e of s) {
 		if (!e || typeof e != "object") continue;
 		let t = e, n = typeof t.path == "string" && t.path || typeof t.param == "string" && t.param || typeof t.field == "string" && t.field, r = Y(t.msg)[0] ?? Y(t.message)[0];
-		r && (n ? Dt(i, o?.[n] ?? n, r) : a.push(r));
+		r && (n ? It(i, o?.[n] ?? n, r) : a.push(r));
 	}
 	else if (s && typeof s == "object") for (let [e, t] of Object.entries(s)) {
 		let n = o?.[e] ?? e, r = Y(t);
-		r.length && (i[n] = yt(r));
+		r.length && (i[n] = Ct(r));
 	}
 	let c = r.details;
 	if (Array.isArray(c)) for (let e of c) {
@@ -719,9 +757,9 @@ function Et(e, t, n) {
 			i[e] = r;
 		} else a.push(r);
 	}
-	return a.push(...Y(r.error)), !Object.keys(i).length && !a.length ? null : St(i, a, t);
+	return a.push(...Y(r.error)), !Object.keys(i).length && !a.length ? null : At(i, a);
 }
-function Dt(e, t, n) {
+function It(e, t, n) {
 	let r = e[t];
 	if (!r) {
 		e[t] = n;
@@ -729,20 +767,20 @@ function Dt(e, t, n) {
 	}
 	e[t] = Array.isArray(r) ? [...r, n] : [r, n];
 }
-function Ot(e) {
+function Lt(e) {
 	return e && e.charAt(0).toLowerCase() + e.slice(1);
 }
 //#endregion
 //#region src/data/inMemoryList.ts
-function kt(e, t) {
+function Rt(e, t) {
 	return e === t || String(e) === String(t);
 }
-function At(e, t) {
-	let n = e.find((e) => kt(e.id, t));
+function zt(e, t) {
+	let n = e.find((e) => Rt(e.id, t));
 	if (!n) throw Error("Not found");
 	return n;
 }
-function jt(e, t) {
+function Bt(e, t) {
 	if (t.length === 0) return e;
 	let n = (e) => e === "DESC" ? -1 : 1;
 	return [...e].sort((e, r) => {
@@ -758,33 +796,33 @@ function jt(e, t) {
 		return 0;
 	});
 }
-function Mt(e, t) {
+function Vt(e, t) {
 	return t == null || t === "" ? !0 : Array.isArray(t) ? t.length === 0 ? !0 : Array.isArray(e) ? t.some((t) => e.includes(t)) : t.includes(e) : Array.isArray(e) ? e.includes(t) : typeof t == "string" && typeof e == "string" ? e.toLowerCase().includes(t.toLowerCase()) : e === t;
 }
-function Nt(e, t) {
-	return t ? e.filter((e) => Object.entries(t).every(([t, n]) => Mt(e[t], n))) : e;
+function Ht(e, t) {
+	return t ? e.filter((e) => Object.entries(t).every(([t, n]) => Vt(e[t], n))) : e;
 }
-function Pt(e, t, n) {
+function Ut(e, t, n) {
 	let r = (t - 1) * n;
 	return {
 		data: e.slice(r, r + n),
 		total: e.length
 	};
 }
-function Ft(e, t) {
-	let { pagination: n, sort: r, filter: i } = t, a = Nt(e, i);
+function Wt(e, t) {
+	let { pagination: n, sort: r, filter: i } = t, a = Ht(e, i);
 	if (r) {
 		let e = Array.isArray(r) ? r : [r];
-		e.length > 0 && e[0]?.field && (a = jt(a, e));
+		e.length > 0 && e[0]?.field && (a = Bt(a, e));
 	}
-	return n ? Pt(a, n.page, n.perPage) : {
+	return n ? Ut(a, n.page, n.perPage) : {
 		data: a,
 		total: a.length
 	};
 }
 //#endregion
 //#region src/data/createMemoryResourceHandlers.ts
-function It(e) {
+function Gt(e) {
 	let t = (e) => e, n = e.mapCreate ?? ((e, t) => ({
 		...e,
 		id: t
@@ -795,21 +833,21 @@ function It(e) {
 	}));
 	return {
 		async getList(n) {
-			return Ft(t(e.scopeList ? e.scopeList(e.getRows(), n) : e.getRows()), n);
+			return Wt(t(e.scopeList ? e.scopeList(e.getRows(), n) : e.getRows()), n);
 		},
 		async getOne(t, n) {
-			return { data: At(e.getRows(), t) };
+			return { data: zt(e.getRows(), t) };
 		},
 		async create(t) {
 			let r = n(t, e.nextId());
 			return e.getRows().push(r), { data: r };
 		},
 		async update({ id: t, data: n }) {
-			let i = At(e.getRows(), t), a = r(i, n);
+			let i = zt(e.getRows(), t), a = r(i, n);
 			return Object.assign(i, a), { data: i };
 		},
 		async delete(t) {
-			let n = e.getRows(), r = n.findIndex((e) => kt(e.id, t));
+			let n = e.getRows(), r = n.findIndex((e) => Rt(e.id, t));
 			if (r < 0) return { data: null };
 			let [i] = n.splice(r, 1);
 			return e.afterDelete?.(i), { data: i };
@@ -818,7 +856,7 @@ function It(e) {
 }
 //#endregion
 //#region src/data/createRestResourceHandlers.ts
-function Lt(e) {
+function Kt(e) {
 	return {
 		async getList(t) {
 			return e.list(t);
@@ -827,11 +865,11 @@ function Lt(e) {
 			return { data: await e.retrieve(t, n) };
 		},
 		async create(t) {
-			let n = e.transformCreate ? e.transformCreate(t) : t;
+			let n = t instanceof FormData ? t : e.transformCreate ? e.transformCreate(t) : t;
 			return { data: await e.create(n) };
 		},
 		async update({ id: t, data: n }) {
-			let r = e.transformUpdate ? e.transformUpdate(n) : n;
+			let r = n instanceof FormData ? n : e.transformUpdate ? e.transformUpdate(n) : n;
 			return { data: await e.update(t, r) };
 		},
 		async delete(t) {
@@ -841,24 +879,24 @@ function Lt(e) {
 }
 //#endregion
 //#region src/data/sortHelpers.ts
-function Rt(e) {
+function qt(e) {
 	return e ? Array.isArray(e) ? e : [e] : [];
 }
-function zt(e) {
-	let t = Rt(e);
+function Jt(e) {
+	let t = qt(e);
 	if (t.length !== 0) return t.map((e) => e.order === "DESC" ? `-${e.field}` : e.field).join(",");
 }
-function Bt(e) {
-	let t = Rt(e);
+function Yt(e) {
+	let t = qt(e);
 	if (t.length !== 0) return t.map((e) => `${e.field} ${e.order === "DESC" ? "desc" : "asc"}`).join(",");
 }
-function Vt(e) {
-	let t = Rt(e);
+function Xt(e) {
+	let t = qt(e);
 	if (t.length !== 0) return t.map((e) => e.order === "DESC" ? `-${e.field}` : e.field).join(",");
 }
 //#endregion
 //#region src/components/AuthAlternateLink.tsx
-function Ht({ prompt: e, linkText: t, to: n }) {
+function Zt({ prompt: e, linkText: t, to: n }) {
 	return /* @__PURE__ */ H(R.Paragraph, {
 		type: "secondary",
 		style: {
@@ -877,7 +915,7 @@ function Ht({ prompt: e, linkText: t, to: n }) {
 }
 //#endregion
 //#region src/layouts/AuthPageLayout.tsx
-function Ut({ children: e, brand: t, footer: n, showThemeToolbar: r = !0 }) {
+function Qt({ children: e, brand: t, footer: n, showThemeToolbar: r = !0 }) {
 	let { token: i } = z.useToken();
 	return /* @__PURE__ */ H(E, {
 		vertical: !0,
@@ -898,7 +936,7 @@ function Ut({ children: e, brand: t, footer: n, showThemeToolbar: r = !0 }) {
 					padding: 16,
 					background: i.colorBgLayout
 				},
-				children: /* @__PURE__ */ V(Pe, {})
+				children: /* @__PURE__ */ V(ze, {})
 			}) : null,
 			t ? /* @__PURE__ */ V("div", {
 				style: {
@@ -935,11 +973,11 @@ function Ut({ children: e, brand: t, footer: n, showThemeToolbar: r = !0 }) {
 }
 //#endregion
 //#region src/pages/LoginPage.tsx
-function Wt({ title: e = "Sign in", description: t = "Use any username and password to continue.", logo: n, brand: r, extraFields: i, showThemeToolbar: a = !0, afterLoginPath: o = "/", alternateAuth: s, footer: c }) {
-	let { login: l } = Le(), u = g();
-	return /* @__PURE__ */ V(Ut, {
+function $t({ title: e = "Sign in", description: t = "Use any username and password to continue.", logo: n, brand: r, extraFields: i, showThemeToolbar: a = !0, afterLoginPath: o = "/", alternateAuth: s, footer: c }) {
+	let { login: l } = He(), u = g();
+	return /* @__PURE__ */ V(Qt, {
 		brand: r ?? n,
-		footer: c ?? (s ? /* @__PURE__ */ V(Ht, {
+		footer: c ?? (s ? /* @__PURE__ */ V(Zt, {
 			prompt: s.prompt ?? "Don't have an account?",
 			linkText: s.linkText,
 			to: s.to
@@ -972,7 +1010,7 @@ function Wt({ title: e = "Sign in", description: t = "Use any username and passw
 							required: !0,
 							message: "Required"
 						}],
-						children: /* @__PURE__ */ V(k, { autoComplete: "username" })
+						children: /* @__PURE__ */ V(A, { autoComplete: "username" })
 					}),
 					/* @__PURE__ */ V(D.Item, {
 						name: "password",
@@ -981,7 +1019,7 @@ function Wt({ title: e = "Sign in", description: t = "Use any username and passw
 							required: !0,
 							message: "Required"
 						}],
-						children: /* @__PURE__ */ V(k.Password, { autoComplete: "current-password" })
+						children: /* @__PURE__ */ V(A.Password, { autoComplete: "current-password" })
 					}),
 					i,
 					/* @__PURE__ */ V(D.Item, {
@@ -1000,7 +1038,7 @@ function Wt({ title: e = "Sign in", description: t = "Use any username and passw
 }
 //#endregion
 //#region src/pages/PlaceholderPage.tsx
-function Gt({ title: e }) {
+function en({ title: e }) {
 	return /* @__PURE__ */ V(R.Title, {
 		level: 3,
 		style: { marginTop: 0 },
@@ -1009,7 +1047,7 @@ function Gt({ title: e }) {
 }
 //#endregion
 //#region src/crud/utils/sortQueryParam.ts
-function Kt(e) {
+function tn(e) {
 	if (!e) return [];
 	let t = [];
 	for (let n of e.split(",").map((e) => e.trim()).filter(Boolean)) {
@@ -1033,17 +1071,17 @@ function Kt(e) {
 	}
 	return t;
 }
-function qt(e) {
+function nn(e) {
 	return e.length === 0 ? null : e.map((e) => e.order === "DESC" ? `-${e.field}` : e.field).join(",");
 }
-function Jt(e) {
+function rn(e) {
 	return new Map(e.map((e, t) => [e.field, t + 1]));
 }
 //#endregion
 //#region src/crud/context/ListContext.tsx
-var Yt = t(null);
-function Xt({ children: e, toggleSort: t, sort: n }) {
-	let [r, a] = l([]), o = s(() => new Set(n.map((e) => e.field)), [n]), c = s(() => new Map(n.map((e) => [e.field, e.order])), [n]), u = s(() => Jt(n), [n]), d = i((e) => (a((t) => {
+var an = t(null);
+function on({ children: e, toggleSort: t, sort: n }) {
+	let [r, a] = l([]), o = s(() => new Set(n.map((e) => e.field)), [n]), c = s(() => new Map(n.map((e) => [e.field, e.order])), [n]), u = s(() => rn(n), [n]), d = i((e) => (a((t) => {
 		let n = t.findIndex((t) => t.key === e.key);
 		if (n < 0) return [...t, e];
 		if (t[n] === e) return t;
@@ -1066,24 +1104,24 @@ function Xt({ children: e, toggleSort: t, sort: n }) {
 		u,
 		d
 	]);
-	return /* @__PURE__ */ V(Yt.Provider, {
+	return /* @__PURE__ */ V(an.Provider, {
 		value: f,
 		children: e
 	});
 }
-function Zt() {
-	let e = a(Yt);
+function sn() {
+	let e = a(an);
 	if (!e) throw Error("Column components must be used within ResourceList");
 	return e;
 }
 function X(e) {
-	let { registerColumn: t } = Zt();
+	let { registerColumn: t } = sn();
 	o(() => t(e), [t, e]);
 }
 //#endregion
 //#region src/crud/context/FilterContext.tsx
-var Qt = t(null);
-function $t({ children: e, values: t, setFilterValue: n }) {
+var cn = t(null);
+function ln({ children: e, values: t, setFilterValue: n }) {
 	let [r, a] = l([]), o = i((e) => (a((t) => {
 		let n = t.findIndex((t) => t.key === e.key);
 		if (n < 0) return [...t, e];
@@ -1103,25 +1141,25 @@ function $t({ children: e, values: t, setFilterValue: n }) {
 		n,
 		o
 	]);
-	return /* @__PURE__ */ V(Qt.Provider, {
+	return /* @__PURE__ */ V(cn.Provider, {
 		value: c,
 		children: e
 	});
 }
-function en() {
-	return a(Qt);
+function un() {
+	return a(cn);
 }
 function Z(e) {
-	let t = en()?.registerFilter;
+	let t = un()?.registerFilter;
 	o(() => {
 		if (t) return t(e);
 	}, [t, e]);
 }
 //#endregion
 //#region src/crud/context/FormContext.tsx
-var tn = t(null);
-function nn({ children: e, resource: t, isNew: n, disabled: r }) {
-	return /* @__PURE__ */ V(tn.Provider, {
+var dn = t(null);
+function fn({ children: e, resource: t, isNew: n, disabled: r }) {
+	return /* @__PURE__ */ V(dn.Provider, {
 		value: {
 			resource: t,
 			isNew: n,
@@ -1130,35 +1168,35 @@ function nn({ children: e, resource: t, isNew: n, disabled: r }) {
 		children: e
 	});
 }
-function rn() {
-	return a(tn);
+function pn() {
+	return a(dn);
 }
 //#endregion
 //#region src/crud/context/FormSectionContext.tsx
-var an = t(null);
-function on({ sourcesRef: e, children: t }) {
-	return /* @__PURE__ */ V(an.Provider, {
+var mn = t(null);
+function hn({ sourcesRef: e, children: t }) {
+	return /* @__PURE__ */ V(mn.Provider, {
 		value: e,
 		children: t
 	});
 }
-function sn() {
-	return a(an);
+function gn() {
+	return a(mn);
 }
 //#endregion
-//#region src/crud/context/SubmitFieldsContext.tsx
-var cn = t(null);
-function ln({ children: e, fieldsRef: t }) {
-	return /* @__PURE__ */ V(cn.Provider, {
+//#region src/crud/context/PayloadFieldsContext.tsx
+var _n = t(null);
+function vn({ children: e, fieldsRef: t }) {
+	return /* @__PURE__ */ V(_n.Provider, {
 		value: t,
 		children: e
 	});
 }
-function un() {
-	return a(cn);
+function yn() {
+	return a(_n);
 }
-function dn(e, t = !0) {
-	let n = un();
+function bn(e, t = !0) {
+	let n = yn();
 	o(() => {
 		if (!(!t || !n)) return n.current.add(e), () => {
 			n.current.delete(e);
@@ -1169,8 +1207,8 @@ function dn(e, t = !0) {
 		t
 	]);
 }
-function fn(e, t = !0) {
-	let n = sn();
+function xn(e, t = !0) {
+	let n = gn();
 	o(() => {
 		if (!(!t || !n)) return n.current.add(e), () => {
 			n.current.delete(e);
@@ -1182,8 +1220,8 @@ function fn(e, t = !0) {
 	]);
 }
 //#endregion
-//#region src/crud/utils/getByPath.ts
-function pn(e, t) {
+//#region src/crud/utils/getFormValue.ts
+function Sn(e, t) {
 	let n = t.split("."), r = e;
 	for (let e of n) {
 		if (typeof r != "object" || !r) return;
@@ -1192,8 +1230,8 @@ function pn(e, t) {
 	return r;
 }
 //#endregion
-//#region src/crud/utils/setByPath.ts
-function mn(e, t, n) {
+//#region src/crud/utils/setFormValue.ts
+function Cn(e, t, n) {
 	let r = t.split("."), i = e;
 	for (let e = 0; e < r.length - 1; e++) {
 		let t = r[e], n = i[t];
@@ -1202,23 +1240,101 @@ function mn(e, t, n) {
 	i[r[r.length - 1]] = n;
 }
 //#endregion
-//#region src/crud/utils/pickBySources.ts
-function hn(e, t) {
+//#region src/crud/utils/buildFormPayload.ts
+function wn(e, t) {
 	if (t.length === 0) return { ...e };
 	let n = {};
 	for (let r of t) {
-		let t = pn(e, r);
-		t !== void 0 && mn(n, r, t);
+		let t = Sn(e, r);
+		t !== void 0 && Cn(n, r, t);
 	}
 	return n;
 }
 //#endregion
+//#region src/crud/utils/buildInlineRowsPayload.ts
+function Tn(e, t, n) {
+	if (!Array.isArray(e)) return [];
+	let r = e.map((e) => {
+		if (!e || typeof e != "object") return {};
+		let n = e, r = {};
+		for (let e of t) {
+			let t = n[e];
+			t !== void 0 && (r[e] = t);
+		}
+		let i = n.id;
+		return i != null && (r.id = i), r;
+	});
+	return n?.transformRows ? n.transformRows(r) : r;
+}
+//#endregion
+//#region src/crud/utils/hasUploadValues.ts
+function En(e) {
+	return e instanceof Blob ? !0 : Array.isArray(e) ? e.some(En) : e && typeof e == "object" ? Object.values(e).some(En) : !1;
+}
+//#endregion
+//#region src/crud/utils/toFormData.ts
+function Dn(e) {
+	return /^https?:\/\//i.test(e);
+}
+function On(e, t, n, r) {
+	if (n !== void 0) {
+		if (n === null) {
+			e.append(t, "");
+			return;
+		}
+		if (n instanceof Blob) {
+			e.append(t, n);
+			return;
+		}
+		if (typeof n == "boolean" || typeof n == "number") {
+			e.append(t, String(n));
+			return;
+		}
+		if (typeof n == "string") {
+			if (r.skipExistingUploadUrls && Dn(n)) return;
+			e.append(t, n);
+			return;
+		}
+		if (Array.isArray(n)) {
+			n.forEach((n, i) => {
+				On(e, `${t}[${i}]`, n, r);
+			});
+			return;
+		}
+		if (typeof n == "object") {
+			for (let [i, a] of Object.entries(n)) On(e, `${t}[${i}]`, a, r);
+			return;
+		}
+		e.append(t, String(n));
+	}
+}
+function kn(e, t) {
+	let n = { skipExistingUploadUrls: t?.skipExistingUploadUrls ?? !0 }, r = new FormData();
+	for (let [t, i] of Object.entries(e)) On(r, t, i, n);
+	return r;
+}
+//#endregion
+//#region src/crud/utils/prepareFormSubmitBody.ts
+function An(e, t) {
+	return En(e) ? kn(e, t) : e;
+}
+//#endregion
+//#region src/crud/utils/buildResourceFormSubmitBody.ts
+function jn(e, t, n, r) {
+	let i = wn(e, t);
+	if (n) for (let t of n) {
+		let n = e[t.field], r = t.payloadKey ?? t.field;
+		i[r] = Tn(n, t.sources, { transformRows: t.transformRows });
+	}
+	return An(i, r);
+}
+//#endregion
 //#region src/crud/utils/formErrors.ts
-function gn(e) {
+function Mn(e) {
 	return e ? Array.isArray(e) ? e : [e] : [];
 }
-function _n(e, t, n) {
-	for (let e of gn(t.global)) n.error(e);
+function Nn(e, t, n) {
+	for (let e of Mn(t.global)) n.error(e);
 	for (let [n, r] of Object.entries(t.fields ?? {})) {
 		let t = Array.isArray(r) ? r.join(", ") : r;
 		e.setError(n, {
@@ -1227,15 +1343,15 @@ function _n(e, t, n) {
 		});
 	}
 }
-function vn(e, t, n, r, i) {
-	let a = e.parseFormError?.(r, i);
-	if (!a) return !1;
-	let o = Object.keys(a.fields ?? {}).length > 0, s = gn(a.global).length > 0;
-	return !o && !s ? !1 : (_n(t, a, n), !0);
+async function Pn(e, t, n, r, i) {
+	let a = await Dt(r), o = a == null ? r : { body: a }, s = e.parseFormError?.(o, i);
+	if (!s) return !1;
+	let c = Object.keys(s.fields ?? {}).length > 0, l = Mn(s.global).length > 0;
+	return !c && !l ? !1 : (Nn(t, s, n), !0);
 }
 //#endregion
 //#region src/crud/utils/useAbortableEffect.ts
-function yn(e, t) {
+function Fn(e, t) {
 	o(() => {
 		let t = new AbortController();
 		return e(t.signal), () => t.abort();
@@ -1243,8 +1359,8 @@ function yn(e, t) {
 }
 //#endregion
 //#region src/crud/ResourceFormModal.tsx
-function bn({ resource: e, editId: t, onClose: n, children: r, title: a }) {
-	let o = t === "new" || t == null, s = t != null, u = mt(), { message: d } = y.useApp(), [f, p] = l(!o), m = ye(), h = c(/* @__PURE__ */ new Set()), g = i(async (n) => {
+function In({ resource: e, editId: t, onClose: n, children: r, title: a }) {
+	let o = t === "new" || t == null, s = t != null, u = yt(), { message: d } = y.useApp(), [f, p] = l(!o), m = Ce(), h = c(/* @__PURE__ */ new Set()), g = i(async (n) => {
 		if (o || !t) {
 			m.reset({}), p(!1);
 			return;
@@ -1255,7 +1371,7 @@ function bn({ resource: e, editId: t, onClose: n, children: r, title: a }) {
 			if (n?.aborted) return;
 			m.reset(r.data);
 		} catch (e) {
-			vt(e) || d.error(e instanceof Error ? e.message : "Load failed");
+			St(e) || d.error(e instanceof Error ? e.message : "Load failed");
 		} finally {
 			n?.aborted || p(!1);
 		}
@@ -1267,36 +1383,36 @@ function bn({ resource: e, editId: t, onClose: n, children: r, title: a }) {
 		m,
 		d
 	]);
-	yn((e) => {
+	Fn((e) => {
 		if (s) return g(e);
 	}, [s, g]);
 	async function _(r) {
 		try {
-			let i = hn(r, Array.from(h.current));
+			let i = jn(r, Array.from(h.current));
 			o ? (await u.create(e, i), d.success("Created")) : t && (await u.update(e, {
 				id: t,
 				data: i
 			}), d.success("Updated")), n();
 		} catch (t) {
-			vn(u, m, d, t, {
+			await Pn(u, m, d, t, {
 				resource: e,
 				mutation: o ? "create" : "update"
 			}) || d.error(t instanceof Error ? t.message : "Save failed");
 		}
 	}
-	return /* @__PURE__ */ V(te, {
+	return /* @__PURE__ */ V(M, {
 		open: s,
 		title: a ?? (o ? `New ${e}` : `Edit ${e}`),
 		onCancel: n,
 		footer: null,
 		destroyOnHidden: !0,
 		width: 560,
-		children: f ? /* @__PURE__ */ V(L, {}) : /* @__PURE__ */ V(nn, {
+		children: f ? /* @__PURE__ */ V(I, {}) : /* @__PURE__ */ V(fn, {
 			resource: e,
 			isNew: o,
-			children: /* @__PURE__ */ V(ln, {
+			children: /* @__PURE__ */ V(vn, {
 				fieldsRef: h,
-				children: /* @__PURE__ */ V(_e, {
+				children: /* @__PURE__ */ V(W, {
 					...m,
 					children: /* @__PURE__ */ H(D, {
 						layout: "vertical",
@@ -1324,7 +1440,7 @@ function bn({ resource: e, editId: t, onClose: n, children: r, title: a }) {
 }
 //#endregion
 //#region src/crud/ListActionsBar.tsx
-function xn({ selectedCount: e, total: t, allPageSelected: n, allMatchingSelected: r, onSelectAllMatching: a, onClearSelection: o, actions: c, onExecute: u, selectedIds: d, running: f = !1 }) {
+function Ln({ selectedCount: e, total: t, allPageSelected: n, allMatchingSelected: r, onSelectAllMatching: a, onClearSelection: o, actions: c, onExecute: u, selectedIds: d, running: f = !1 }) {
 	let [p, m] = l(), h = s(() => c.map((e) => ({
 		value: e.key,
 		label: e.label
@@ -1338,7 +1454,7 @@ function xn({ selectedCount: e, total: t, allPageSelected: n, allMatchingSelecte
 		e,
 		d
 	]), _ = n && !r && t > e;
-	return /* @__PURE__ */ H(I, {
+	return /* @__PURE__ */ H(F, {
 		wrap: !0,
 		style: {
 			marginBottom: 16,
@@ -1387,7 +1503,7 @@ function xn({ selectedCount: e, total: t, allPageSelected: n, allMatchingSelecte
 					" items selected"
 				]
 			})] }) : null,
-			/* @__PURE__ */ V(F, {
+			/* @__PURE__ */ V(P, {
 				placeholder: "Action",
 				style: { minWidth: 200 },
 				options: h,
@@ -1408,14 +1524,14 @@ function xn({ selectedCount: e, total: t, allPageSelected: n, allMatchingSelecte
 }
 //#endregion
 //#region src/crud/types.ts
-var Sn = new Set([
+var Rn = new Set([
 	"page",
 	"perPage",
 	"sort",
 	"create",
 	"edit"
-]), Cn = 1, wn = 10;
-function Tn(e) {
+]), zn = 1, Bn = 10;
+function Vn(e) {
 	if (e.includes(",")) {
 		let t = e.split(",").map((e) => e.trim()), n = t.map(Number);
 		return n.every((e) => Number.isFinite(e)) ? n : t;
@@ -1423,16 +1539,16 @@ function Tn(e) {
 	let t = Number(e);
 	return e !== "" && Number.isFinite(t) && String(t) === e ? t : e === "true" ? !0 : e === "false" ? !1 : e;
 }
-function En(e) {
+function Hn(e) {
 	return e == null || e === "" ? null : Array.isArray(e) ? e.length === 0 ? null : e.map(String).join(",") : String(e);
 }
-function Dn(e) {
+function Un(e) {
 	let [t, n] = v(), r = s(() => {
-		let n = t.get("page"), r = t.get("perPage"), i = n ? Math.max(1, Number(n) || Cn) : Cn, a = r ? Math.max(1, Number(r) || wn) : wn, o = t.getAll("sort"), s = o.length > 0 ? o.flatMap((e) => Kt(e)) : Kt(t.get("sort")), c = { ...e };
+		let n = t.get("page"), r = t.get("perPage"), i = n ? Math.max(1, Number(n) || zn) : zn, a = r ? Math.max(1, Number(r) || Bn) : Bn, o = t.getAll("sort"), s = o.length > 0 ? o.flatMap((e) => tn(e)) : tn(t.get("sort")), c = { ...e };
 		return t.forEach((e, n) => {
-			if (Sn.has(n)) return;
+			if (Rn.has(n)) return;
 			let r = c[n];
-			r === void 0 ? t.getAll(n).length > 1 ? c[n] = t.getAll(n).map(Tn) : c[n] = Tn(e) : c[n] = [...Array.isArray(r) ? r : [r], Tn(e)];
+			r === void 0 ? t.getAll(n).length > 1 ? c[n] = t.getAll(n).map(Vn) : c[n] = Vn(e) : c[n] = [...Array.isArray(r) ? r : [r], Vn(e)];
 		}), {
 			page: i,
 			perPage: a,
@@ -1455,19 +1571,19 @@ function Dn(e) {
 		},
 		setPerPage: (e) => {
 			a((t) => {
-				e === wn ? t.delete("perPage") : t.set("perPage", String(e)), t.delete("page");
+				e === Bn ? t.delete("perPage") : t.set("perPage", String(e)), t.delete("page");
 			});
 		},
 		setSort: (e) => {
 			a((t) => {
 				t.delete("sort");
-				let n = qt(e);
+				let n = nn(e);
 				n && t.set("sort", n);
 			});
 		},
 		toggleSort: (e) => {
 			a((t) => {
-				let n = t.getAll("sort").flatMap((e) => Kt(e)), r = n.findIndex((t) => t.field === e), i;
+				let n = t.getAll("sort").flatMap((e) => tn(e)), r = n.findIndex((t) => t.field === e), i;
 				i = r < 0 ? [...n, {
 					field: e,
 					order: "ASC"
@@ -1475,22 +1591,22 @@ function Dn(e) {
 					...e,
 					order: "DESC"
 				} : e) : n.filter((e, t) => t !== r), t.delete("sort");
-				let a = qt(i);
+				let a = nn(i);
 				a && t.set("sort", a);
 			});
 		},
 		setFilter: (e, t) => {
 			a((n) => {
 				n.delete(e);
-				let r = En(t);
+				let r = Hn(t);
 				r != null && n.set(e, r), n.delete("page");
 			});
 		},
 		setFilters: (e) => {
 			a((t) => {
-				for (let e of [...t.keys()]) Sn.has(e) || t.delete(e);
+				for (let e of [...t.keys()]) Rn.has(e) || t.delete(e);
 				for (let [n, r] of Object.entries(e)) {
-					let e = En(r);
+					let e = Hn(r);
 					e != null && t.set(n, e);
 				}
 				t.delete("page");
@@ -1515,17 +1631,17 @@ function Dn(e) {
 }
 //#endregion
 //#region src/crud/ResourceList.tsx
-var On = t(null);
-function kn() {
-	return a(On);
-}
-function An({ resource: e, title: t, pathPrefix: n, newPath: r, editMode: a = "page", formChildren: o, actions: c, rowActions: d, headerExtra: f, bulkActions: p, bulkDelete: m = !0, bulkActionsEnabled: h = !0, permissions: g, queryState: _, queryActions: v }) {
-	let b = mt(), C = q(), { message: w, modal: ee } = y.useApp(), { columns: T, sortOrders: E, sortPriorities: D } = Zt(), [O, k] = l(!1), [A, j] = l([]), [M, te] = l(0), [N, P] = l(() => /* @__PURE__ */ new Set()), [F, L] = l(!1), ne = r ?? `${n}/new`, re = J(C, g, "add"), ae = J(C, g, "change"), z = J(C, g, "delete"), U = ae && (a === "page" || a === "both") && c?.edit !== !1, W = ae && (a === "modal" || a === "both") && c?.quickEdit !== !1, ce = z && c?.delete !== !1, le = U || W || ce || d, ue = i(() => {
-		P(/* @__PURE__ */ new Set());
-	}, []), de = s(() => {
+var Wn = t(null);
+function Gn() {
+	return a(Wn);
+}
+function Kn({ resource: e, title: t, pathPrefix: n, newPath: r, editMode: a = "page", formChildren: o, actions: c, rowActions: d, headerExtra: f, bulkActions: p, bulkDelete: m = !0, bulkActionsEnabled: h = !0, permissions: g, queryState: _, queryActions: v }) {
+	let b = yt(), C = K(), { message: w, modal: ee } = y.useApp(), { columns: T, sortOrders: E, sortPriorities: D } = sn(), [O, k] = l(!1), [A, te] = l([]), [j, ne] = l(0), [M, N] = l(() => /* @__PURE__ */ new Set()), [re, P] = l(!1), I = r ?? `${n}/new`, ie = q(C, g, "add"), ae = q(C, g, "change"), L = q(C, g, "delete"), z = ae && (a === "page" || a === "both") && c?.edit !== !1, U = ae && (a === "modal" || a === "both") && c?.quickEdit !== !1, le = L && c?.delete !== !1, ue = z || U || le || d, de = i(() => {
+		N(/* @__PURE__ */ new Set());
+	}, []), fe = s(() => {
 		if (!h) return [];
 		let t = [];
-		return m && z && t.push({
+		return m && L && t.push({
 			key: "__delete",
 			label: "Delete selected",
 			confirm: (e) => `Delete ${e.length} selected item(s)? This cannot be undone.`,
@@ -1536,45 +1652,45 @@ function An({ resource: e, title: t, pathPrefix: n, newPath: r, editMode: a = "p
 	}, [
 		h,
 		m,
-		z,
+		L,
 		p,
 		b,
 		e,
 		w
-	]), fe = de.length > 0, pe = N.size, me = A.length > 0 && A.every((e) => N.has(e.id)), he = M > 0 && pe >= M, ge = s(() => A.filter((e) => N.has(e.id)).map((e) => e.id), [A, N]), _e = i((e) => {
-		P((t) => {
+	]), pe = fe.length > 0, me = M.size, he = A.length > 0 && A.every((e) => M.has(e.id)), ge = j > 0 && me >= j, _e = s(() => A.filter((e) => M.has(e.id)).map((e) => e.id), [A, M]), ve = i((e) => {
+		N((t) => {
 			let n = new Set(t), r = A.map((e) => e.id);
 			for (let t of r) e.includes(t) || n.delete(t);
 			for (let t of e) n.add(t);
 			return n;
 		});
-	}, [A]), ve = i(async () => {
-		if (!(M <= 0)) {
-			L(!0);
+	}, [A]), ye = i(async () => {
+		if (!(j <= 0)) {
+			P(!0);
 			try {
 				let t = _.sort.length === 0 ? void 0 : _.sort.length === 1 ? _.sort[0] : _.sort, n = await b.getList(e, {
 					pagination: {
 						page: 1,
-						perPage: M
+						perPage: j
 					},
 					sort: t,
 					filter: _.filter
 				});
-				P(new Set(n.data.map((e) => e.id)));
+				N(new Set(n.data.map((e) => e.id)));
 			} catch (e) {
 				w.error(e instanceof Error ? e.message : "Load failed");
 			} finally {
-				L(!1);
+				P(!1);
 			}
 		}
 	}, [
 		b,
 		e,
-		M,
+		j,
 		_.sort,
 		_.filter,
 		w
-	]), ye = i((e) => {
+	]), be = i((e) => {
 		let t = (e) => {
 			let t = e?.columnKey ?? e?.field;
 			return t == null ? null : String(Array.isArray(t) ? t[0] : t);
@@ -1595,7 +1711,7 @@ function An({ resource: e, title: t, pathPrefix: n, newPath: r, editMode: a = "p
 			return;
 		}
 		!e?.order && _.sort.length > 0 && v.setSort([]);
-	}, [v, _.sort.length]), G = s(() => {
+	}, [v, _.sort.length]), xe = s(() => {
 		let e = _.sort.length === 0 ? void 0 : _.sort.length === 1 ? _.sort[0] : _.sort;
 		return {
 			pagination: {
@@ -1605,33 +1721,33 @@ function An({ resource: e, title: t, pathPrefix: n, newPath: r, editMode: a = "p
 			sort: e,
 			filter: _.filter
 		};
-	}, [_]), K = i(async (t) => {
+	}, [_]), W = i(async (t) => {
 		k(!0);
 		try {
 			let n = await b.getList(e, {
-				...G,
+				...xe,
 				signal: t
 			});
 			if (t?.aborted) return;
-			j(n.data), te(n.total);
+			te(n.data), ne(n.total);
 		} catch (e) {
-			vt(e) || w.error(e instanceof Error ? e.message : "Load failed");
+			St(e) || w.error(e instanceof Error ? e.message : "Load failed");
 		} finally {
 			t?.aborted || k(!1);
 		}
 	}, [
 		b,
 		e,
-		G,
+		xe,
 		w
 	]);
-	yn((e) => K(e), [K]);
-	let be = s(() => ({
-		reload: () => void K(),
-		clearSelection: ue
-	}), [K, ue]), xe = i(async (e, t) => {
+	Fn((e) => W(e), [W]);
+	let Se = s(() => ({
+		reload: () => void W(),
+		clearSelection: de
+	}), [W, de]), Ce = i(async (e, t) => {
 		if (e.confirm) {
-			let n = typeof e.confirm == "function" ? await e.confirm(t, be) : e.confirm;
+			let n = typeof e.confirm == "function" ? await e.confirm(t, Se) : e.confirm;
 			if (n === !1 || !await new Promise((t) => {
 				ee.confirm({
 					title: n,
@@ -1641,31 +1757,31 @@ function An({ resource: e, title: t, pathPrefix: n, newPath: r, editMode: a = "p
 				});
 			})) return;
 		}
-		L(!0);
+		P(!0);
 		try {
-			await e.execute(t, be);
+			await e.execute(t, Se);
 		} catch (e) {
 			w.error(e instanceof Error ? e.message : "Action failed");
 		} finally {
-			L(!1);
+			P(!1);
 		}
 	}, [
-		be,
+		Se,
 		ee,
 		w
-	]), Se = i(async (t) => {
-		if (z) try {
-			await b.delete(e, t.id), w.success("Deleted"), K();
+	]), G = i(async (t) => {
+		if (L) try {
+			await b.delete(e, t.id), w.success("Deleted"), W();
 		} catch (e) {
 			w.error(e instanceof Error ? e.message : "Delete failed");
 		}
 	}, [
-		z,
+		L,
 		b,
 		e,
-		K,
+		W,
 		w
-	]), Ce = s(() => {
+	]), we = s(() => {
 		let e = T.map((e) => {
 			let t = e.buildColumn();
 			if (e.sortable) {
@@ -1686,7 +1802,7 @@ function An({ resource: e, title: t, pathPrefix: n, newPath: r, editMode: a = "p
 							textAlign: "center"
 						},
 						children: r
-					}), V(i === "ascend" ? se : oe, { style: { fontSize: 11 } })]
+					}), V(i === "ascend" ? ce : se, { style: { fontSize: 11 } })]
 				});
 				return {
 					...t,
@@ -1697,34 +1813,34 @@ function An({ resource: e, title: t, pathPrefix: n, newPath: r, editMode: a = "p
 			}
 			return t;
 		});
-		if (!le) return e;
+		if (!ue) return e;
 		let t = {
-			reload: () => void K(),
+			reload: () => void W(),
 			openEditModal: v.openEditModal
 		}, r = {
 			title: "Actions",
 			key: "__actions",
 			width: a === "both" ? 200 : 160,
-			render: (e, r) => /* @__PURE__ */ H(I, {
+			render: (e, r) => /* @__PURE__ */ H(F, {
 				size: "small",
 				wrap: !0,
 				children: [
-					U ? /* @__PURE__ */ V(u, {
+					z ? /* @__PURE__ */ V(u, {
 						to: `${n}/${String(r.id)}`,
 						children: "Edit"
 					}) : null,
-					W ? /* @__PURE__ */ V(x, {
+					U ? /* @__PURE__ */ V(x, {
 						type: "link",
 						size: "small",
 						style: { padding: 0 },
 						onClick: () => v.openEditModal(r.id),
 						children: a === "both" ? "Quick edit" : "Edit"
 					}) : null,
-					ce ? /* @__PURE__ */ V(x, {
+					le ? /* @__PURE__ */ V(x, {
 						type: "link",
 						danger: !0,
 						size: "small",
-						onClick: () => void Se(r),
+						onClick: () => void G(r),
 						style: { padding: 0 },
 						children: "Delete"
 					}) : null,
@@ -1735,84 +1851,85 @@ function An({ resource: e, title: t, pathPrefix: n, newPath: r, editMode: a = "p
 		return [...e, r];
 	}, [
 		T,
-		le,
+		ue,
+		z,
 		U,
-		W,
-		ce,
+		le,
 		a,
 		n,
-		Se,
+		G,
 		E,
 		D,
 		v,
 		d,
-		K
-	]), we = o && (_.createModal || _.editId != null) && (a === "modal" || a === "both");
+		W
+	]), Te = o && (_.createModal || _.editId != null) && (a === "modal" || a === "both");
 	return /* @__PURE__ */ H(B, { children: [/* @__PURE__ */ H(S, {
 		title: /* @__PURE__ */ V(R.Title, {
 			level: 5,
 			style: { margin: 0 },
 			children: t
 		}),
-		extra: f || re ? /* @__PURE__ */ H(I, { children: [f, re ? a === "modal" || a === "both" ? /* @__PURE__ */ H(B, { children: [a === "both" ? /* @__PURE__ */ V(u, {
-			to: ne,
+		extra: f || ie ? /* @__PURE__ */ H(F, { children: [f, ie ? a === "modal" || a === "both" ? /* @__PURE__ */ H(B, { children: [a === "both" ? /* @__PURE__ */ V(u, {
+			to: I,
 			children: /* @__PURE__ */ V(x, { children: "New page" })
 		}) : null, /* @__PURE__ */ V(x, {
 			type: "primary",
 			onClick: () => v.openCreateModal(),
 			children: "New"
 		})] }) : /* @__PURE__ */ V(u, {
-			to: ne,
+			to: I,
 			children: /* @__PURE__ */ V(x, {
 				type: "primary",
 				children: "New"
 			})
 		}) : null] }) : null,
-		children: [fe ? /* @__PURE__ */ V(xn, {
-			selectedCount: pe,
-			total: M,
-			allPageSelected: me,
-			allMatchingSelected: he,
-			onSelectAllMatching: () => void ve(),
-			onClearSelection: ue,
-			actions: de,
-			onExecute: xe,
-			selectedIds: [...N],
-			running: F || O
-		}) : null, /* @__PURE__ */ V(ie, {
+		children: [pe ? /* @__PURE__ */ V(Ln, {
+			selectedCount: me,
+			total: j,
+			allPageSelected: he,
+			allMatchingSelected: ge,
+			onSelectAllMatching: () => void ye(),
+			onClearSelection: de,
+			actions: fe,
+			onExecute: Ce,
+			selectedIds: [...M],
+			running: re || O
+		}) : null, /* @__PURE__ */ V(oe, {
 			rowKey: "id",
 			loading: O,
-			columns: Ce,
+			columns: we,
 			dataSource: A,
-			rowSelection: fe ? {
-				selectedRowKeys: ge,
-				onChange: _e,
+			scroll: { x: "max-content" },
+			rowSelection: pe ? {
+				selectedRowKeys: _e,
+				onChange: ve,
 				preserveSelectedRowKeys: !0
 			} : void 0,
 			pagination: {
 				current: _.page,
 				pageSize: _.perPage,
-				total: M,
+				total: j,
 				showSizeChanger: !0,
 				onChange: (e, t) => {
 					v.setPage(e), t && v.setPerPage(t);
 				}
 			},
 			onChange: (e, t, n) => {
-				ye(n);
+				be(n);
 			}
 		})]
-	}), we ? /* @__PURE__ */ V(bn, {
+	}), Te ? /* @__PURE__ */ V(In, {
 		resource: e,
 		editId: _.createModal ? "new" : _.editId,
 		onClose: () => {
-			v.closeModal(), K();
+			v.closeModal(), W();
 		},
 		children: o
 	}) : null] });
 }
-function jn({ resource: e, title: t, pathPrefix: n, newPath: r, staticFilter: a, editMode: o = "page", syncQueryParams: c = !0, children: l, formChildren: u, actions: d, rowActions: f, headerExtra: p, bulkActions: m, bulkDelete: h, bulkActionsEnabled: g, permissions: _ }) {
-	let [v, y] = Dn(a), b = s(() => {
+function qn({ resource: e, title: t, pathPrefix: n, newPath: r, staticFilter: a, editMode: o = "page", syncQueryParams: c = !0, children: l, formChildren: u, actions: d, rowActions: f, headerExtra: p, bulkActions: m, bulkDelete: h, bulkActionsEnabled: g, permissions: _ }) {
+	let [v, y] = Un(a), b = s(() => {
 		if (!c) return a ?? {};
 		let e = {};
 		for (let [t, n] of Object.entries(v.filter)) a && t in a || (e[t] = n);
@@ -1827,15 +1944,15 @@ function jn({ resource: e, title: t, pathPrefix: n, newPath: r, staticFilter: a,
 		filterValues: b,
 		setFilterValue: x
 	}), [b, x]);
-	return /* @__PURE__ */ V(On.Provider, {
+	return /* @__PURE__ */ V(Wn.Provider, {
 		value: S,
-		children: /* @__PURE__ */ V($t, {
+		children: /* @__PURE__ */ V(ln, {
 			values: b,
 			setFilterValue: x,
-			children: /* @__PURE__ */ H(Xt, {
+			children: /* @__PURE__ */ H(on, {
 				toggleSort: y.toggleSort,
 				sort: v.sort,
-				children: [l, /* @__PURE__ */ V(An, {
+				children: [l, /* @__PURE__ */ V(Kn, {
 					resource: e,
 					title: t,
 					pathPrefix: n,
@@ -1858,13 +1975,13 @@ function jn({ resource: e, title: t, pathPrefix: n, newPath: r, staticFilter: a,
 }
 //#endregion
 //#region src/crud/FilterBar.tsx
-function Mn() {
-	let e = en();
-	return !e || e.filters.length === 0 ? null : /* @__PURE__ */ V(I, {
+function Jn() {
+	let e = un();
+	return !e || e.filters.length === 0 ? null : /* @__PURE__ */ V(F, {
 		wrap: !0,
 		size: "middle",
 		style: { marginBottom: 16 },
-		children: e.filters.map((t) => /* @__PURE__ */ H(I, {
+		children: e.filters.map((t) => /* @__PURE__ */ H(F, {
 			orientation: "vertical",
 			size: 2,
 			children: [t.label ? /* @__PURE__ */ V(R.Text, {
@@ -1878,50 +1995,242 @@ function Mn() {
 		}, t.key))
 	});
 }
-function Nn({ children: e }) {
-	return /* @__PURE__ */ H(B, { children: [e, /* @__PURE__ */ V(Mn, {})] });
+function Yn({ children: e }) {
+	return /* @__PURE__ */ H(B, { children: [e, /* @__PURE__ */ V(Jn, {})] });
 }
 //#endregion
-//#region src/crud/utils/inlineArrayName.ts
-function Pn(e, t) {
-	return t ?? `__inline_${e.replace(/[^a-z0-9]/gi, "_")}`;
+//#region src/crud/context/InlineFieldsRegistry.tsx
+var Xn = t(null);
+function Zn({ children: e, registryRef: t }) {
+	return /* @__PURE__ */ V(Xn.Provider, {
+		value: t,
+		children: e
+	});
+}
+function Qn() {
+	return a(Xn);
+}
+function $n(e, t, n, r, i = !0) {
+	let a = Qn();
+	o(() => {
+		if (!(!i || !a)) return a.current.set(e, {
+			field: e,
+			sources: t,
+			payloadKey: n,
+			transformRows: r
+		}), () => {
+			a.current.delete(e);
+		};
+	}, [
+		a,
+		e,
+		t,
+		n,
+		r,
+		i
+	]);
 }
 //#endregion
-//#region src/crud/utils/inlineFieldName.ts
-function Fn(e, t, n) {
+//#region src/crud/utils/useFormRecord.ts
+function er({ dp: e, resource: t, id: n, isNew: r, form: a, message: o, defaultValues: s }) {
+	let [c, u] = l(!r), [d, f] = l(0), p = i(async (i) => {
+		if (r || !n) {
+			s && a.reset({ ...s }), u(!1);
+			return;
+		}
+		u(!0);
+		try {
+			let r = await e.getOne(t, n, { signal: i });
+			if (i?.aborted) return;
+			a.reset(r.data), f((e) => e + 1);
+		} catch (e) {
+			St(e) || o.error(e instanceof Error ? e.message : "Load failed");
+		} finally {
+			i?.aborted || u(!1);
+		}
+	}, [
+		e,
+		t,
+		n,
+		r,
+		a,
+		o,
+		s
+	]);
+	return Fn((e) => p(e), [p]), {
+		loading: c,
+		formVersion: d
+	};
+}
+function tr({ dp: e, resource: t, id: n, isNew: r, form: a, message: o, navigate: s, listPath: c, payloadFieldsRef: l, inlineRegistryRef: u, onSaved: d, stayOnPage: f }) {
+	return i(async (i) => {
+		try {
+			let a = jn(i, Array.from(l.current), u.current.values()), p;
+			if (r) p = (await e.create(t, a)).data, o.success("Created");
+			else if (n) p = (await e.update(t, {
+				id: n,
+				data: a
+			})).data, o.success("Updated");
+			else return;
+			d?.(p), f || s(c);
+		} catch (n) {
+			let i = Array.from(u.current.keys());
+			await Pn(e, a, o, n, {
+				resource: t,
+				mutation: r ? "create" : "update",
+				inlineFieldPaths: i
+			}) || o.error(n instanceof Error ? n.message : "Save failed");
+		}
+	}, [
+		e,
+		t,
+		n,
+		r,
+		a,
+		o,
+		s,
+		c,
+		l,
+		u,
+		d,
+		f
+	]);
+}
+//#endregion
+//#region src/crud/ResourceForm.tsx
+function nr({ resource: e, title: t, listPath: r, children: i, defaultValues: a, onSaved: s, stayOnPage: l, permissions: d }) {
+	let { id: f } = _(), p = f === "new" || !f, m = yt(), h = K(), v = g(), { message: b } = y.useApp(), { token: C } = z.useToken(), w = c(/* @__PURE__ */ new Set()), ee = c(/* @__PURE__ */ new Map()), T = Ce({ defaultValues: a }), { loading: E, formVersion: O } = er({
+		dp: m,
+		resource: e,
+		id: f,
+		isNew: p,
+		form: T,
+		message: b,
+		defaultValues: a
+	}), k = tr({
+		dp: m,
+		resource: e,
+		id: f,
+		isNew: p,
+		form: T,
+		message: b,
+		navigate: v,
+		listPath: r,
+		payloadFieldsRef: w,
+		inlineRegistryRef: ee,
+		onSaved: s,
+		stayOnPage: l
+	});
+	o(() => {
+		d && (q(h, d, p ? "add" : "change") || v(r, { replace: !0 }));
+	}, [
+		d,
+		p,
+		h,
+		v,
+		r
+	]);
+	let A = d ? q(h, d, p ? "add" : "change") : !0;
+	return /* @__PURE__ */ V(S, {
+		title: /* @__PURE__ */ H(F, { children: [/* @__PURE__ */ H(u, {
+			to: r,
+			style: { color: C.colorText },
+			children: [/* @__PURE__ */ V(U, {}), " Back"]
+		}), /* @__PURE__ */ V(R.Title, {
+			level: 5,
+			style: { margin: 0 },
+			children: t
+		})] }),
+		children: /* @__PURE__ */ V(fn, {
+			resource: e,
+			isNew: p,
+			children: /* @__PURE__ */ V(vn, {
+				fieldsRef: w,
+				children: /* @__PURE__ */ V(Zn, {
+					registryRef: ee,
+					children: /* @__PURE__ */ H("div", {
+						style: { position: "relative" },
+						children: [E ? /* @__PURE__ */ V("div", {
+							style: {
+								position: "absolute",
+								inset: 0,
+								display: "flex",
+								alignItems: "center",
+								justifyContent: "center",
+								zIndex: 1
+							},
+							children: /* @__PURE__ */ V(I, {})
+						}) : null, /* @__PURE__ */ n(W, {
+							...T,
+							key: O
+						}, /* @__PURE__ */ H(D, {
+							layout: "vertical",
+							onFinish: () => void T.handleSubmit(k)(),
+							style: {
+								opacity: E ? .4 : 1,
+								pointerEvents: E ? "none" : void 0
+							},
+							children: [i, /* @__PURE__ */ V(D.Item, {
+								style: { marginTop: 16 },
+								children: /* @__PURE__ */ H(F, { children: [/* @__PURE__ */ V(x, {
+									type: "primary",
+									htmlType: "submit",
+									disabled: E || !A,
+									children: "Save"
+								}), /* @__PURE__ */ V(u, {
+									to: r,
+									children: /* @__PURE__ */ V(x, {
+										disabled: E,
+										children: "Cancel"
+									})
+								})] })
+							})]
+						}))]
+					})
+				})
+			})
+		})
+	});
+}
+//#endregion
+//#region src/crud/utils/nestedFieldPath.ts
+function rr(e, t, n) {
 	return `${e}.${t}.${n}`;
 }
 //#endregion
 //#region src/crud/InlineFormSet.tsx
-function In(e) {
+function ir(e) {
 	let t = {};
 	for (let n of e) t[n] = void 0;
 	return t;
 }
-function Ln(e, t) {
-	let { control: n } = G(), { fields: r, append: i, remove: a } = ve({
+function ar(e, t) {
+	let { control: n } = G(), { fields: r, append: i, remove: a } = Se({
 		control: n,
-		name: e
+		name: e,
+		keyName: "rowKey"
 	});
 	return {
 		fields: r,
 		remove: a,
-		appendEmpty: () => i(In(t))
+		appendEmpty: () => i(ir(t))
 	};
 }
-function Rn({ resource: e, label: t, name: n, columns: r }) {
-	let i = Pn(e, n), { fields: a, remove: o, appendEmpty: c } = Ln(i, s(() => r.map((e) => e.source), [r])), l = s(() => r.map((e) => ({
-		title: e.label ?? e.source,
-		key: e.source,
-		width: e.width,
-		onHeaderCell: () => e.minWidth == null ? {} : { style: { minWidth: e.minWidth } },
-		onCell: () => e.minWidth == null ? {} : { style: { minWidth: e.minWidth } },
-		render: (t, n, r) => e.cell({
-			name: Fn(i, r, e.source),
-			index: r,
-			arrayName: i
+function or({ field: e, label: t, payloadKey: n, transformRows: r, columns: i }) {
+	let a = s(() => i.map((e) => e.source), [i]), { fields: o, remove: c, appendEmpty: l } = ar(e, a);
+	bn(e), $n(e, a, n, r);
+	let u = s(() => i.map((t) => ({
+		title: t.label ?? t.source,
+		key: t.source,
+		width: t.width,
+		onHeaderCell: () => t.minWidth == null ? {} : { style: { minWidth: t.minWidth } },
+		onCell: () => t.minWidth == null ? {} : { style: { minWidth: t.minWidth } },
+		render: (n, r, i) => t.cell({
+			name: rr(e, i, t.source),
+			index: i,
+			field: e
 		})
-	})), [r, i]);
+	})), [i, e]);
 	return /* @__PURE__ */ H("div", {
 		style: { marginTop: 24 },
 		children: [
@@ -1929,15 +2238,15 @@ function Rn({ resource: e, label: t, name: n, columns: r }) {
 				level: 5,
 				children: t ?? "Related items"
 			}),
-			/* @__PURE__ */ V(ie, {
+			/* @__PURE__ */ V(oe, {
 				size: "small",
 				pagination: !1,
 				scroll: { x: "max-content" },
-				dataSource: a.map((e) => ({
+				dataSource: o.map((e) => ({
 					...e,
-					key: e.id
+					key: e.rowKey
 				})),
-				columns: [...l, {
+				columns: [...u, {
 					title: "",
 					key: "__remove",
 					width: 80,
@@ -1945,7 +2254,7 @@ function Rn({ resource: e, label: t, name: n, columns: r }) {
 						type: "link",
 						danger: !0,
 						size: "small",
-						onClick: () => o(n),
+						onClick: () => c(n),
 						children: "Remove"
 					})
 				}]
@@ -1953,41 +2262,41 @@ function Rn({ resource: e, label: t, name: n, columns: r }) {
 			/* @__PURE__ */ V(x, {
 				type: "dashed",
 				style: { marginTop: 8 },
-				onClick: c,
+				onClick: l,
 				children: "Add row"
 			})
 		]
 	});
 }
-function zn({ resource: e, label: t, name: n, sources: r, renderRow: i }) {
-	let a = Pn(e, n), { fields: o, remove: s, appendEmpty: c } = Ln(a, r);
-	return /* @__PURE__ */ H("div", {
+function sr({ field: e, label: t, payloadKey: n, transformRows: r, sources: i, renderRow: a }) {
+	let { fields: o, remove: s, appendEmpty: c } = ar(e, i);
+	return bn(e), $n(e, i, n, r), /* @__PURE__ */ H("div", {
 		style: { marginTop: 24 },
 		children: [
 			/* @__PURE__ */ V(R.Title, {
 				level: 5,
 				children: t ?? "Related items"
 			}),
-			/* @__PURE__ */ V(I, {
+			/* @__PURE__ */ V(F, {
 				orientation: "vertical",
 				size: "middle",
 				style: { width: "100%" },
-				children: o.map((e, t) => /* @__PURE__ */ V(S, {
+				children: o.map((t, n) => /* @__PURE__ */ V(S, {
 					size: "small",
-					title: `Item ${t + 1}`,
+					title: `Item ${n + 1}`,
 					extra: /* @__PURE__ */ V(x, {
 						type: "link",
 						danger: !0,
 						size: "small",
-						onClick: () => s(t),
+						onClick: () => s(n),
 						children: "Remove"
 					}),
-					children: i({
-						arrayName: a,
-						index: t,
-						name: (e) => Fn(a, t, e)
+					children: a({
+						field: e,
+						index: n,
+						name: (t) => rr(e, n, t)
 					})
-				}, e.id))
+				}, t.rowKey))
 			}),
 			/* @__PURE__ */ V(x, {
 				type: "dashed",
@@ -1998,258 +2307,24 @@ function zn({ resource: e, label: t, name: n, sources: r, renderRow: i }) {
 		]
 	});
 }
-async function Bn(e, t) {
-	let { resource: n, foreignKey: r, parentId: i, rows: a, existingIds: o = [], onRowError: s } = t, c = [];
-	for (let t = 0; t < a.length; t++) {
-		let l = a[t];
-		try {
-			let { id: t, ...a } = l, s = {
-				...a,
-				[r]: i
-			}, u = l.id;
-			if (u != null && o.some((e) => e === u)) await e.update(n, {
-				id: u,
-				data: s
-			}), c.push(u);
-			else {
-				let t = (await e.create(n, s)).data;
-				c.push(t.id);
-			}
-		} catch (e) {
-			if (s?.(e, t)) return !1;
-			throw e;
-		}
-	}
-	for (let t of o) c.some((e) => e === t) || await e.delete(n, t);
-	return !0;
-}
-async function Vn(e, t, n, r) {
-	let i = await e.getList(t, {
-		filter: { [n]: Number(r) || r },
-		pagination: {
-			page: 1,
-			perPage: 500
-		}
-	});
-	return {
-		rows: i.data,
-		ids: i.data.map((e) => e.id)
-	};
-}
-//#endregion
-//#region src/crud/utils/useResourceFormData.ts
-function Hn(e) {
-	return Pn(e.resource, e.name);
-}
-function Un({ dp: e, resource: t, id: n, isNew: r, form: a, message: o, defaultValues: s, inlines: c }) {
-	let [u, d] = l(!r), [f, p] = l(0), [m, h] = l({}), g = i(async (i) => {
-		if (r || !n) {
-			s && a.reset({ ...s }), d(!1);
-			return;
-		}
-		d(!0);
-		try {
-			let r = await e.getOne(t, n, { signal: i });
-			if (i?.aborted) return;
-			let o = r.data;
-			if (c?.length) {
-				let t = { ...o }, r = {};
-				for (let i of c) {
-					let a = Hn(i), { rows: o, ids: s } = await Vn(e, i.resource, i.foreignKey, n);
-					t[a] = o, r[a] = s;
-				}
-				if (i?.aborted) return;
-				a.reset(t), h(r), p((e) => e + 1);
-			} else a.reset(o), p((e) => e + 1);
-		} catch (e) {
-			vt(e) || o.error(e instanceof Error ? e.message : "Load failed");
-		} finally {
-			i?.aborted || d(!1);
-		}
-	}, [
-		e,
-		t,
-		n,
-		r,
-		a,
-		o,
-		s,
-		c
-	]);
-	return yn((e) => g(e), [g]), {
-		loading: u,
-		formVersion: f,
-		existingInlineIds: m
-	};
-}
-function Wn({ dp: e, resource: t, id: n, isNew: r, form: a, message: o, navigate: s, listPath: c, submitFieldsRef: l, inlines: u, existingInlineIds: d, onSaved: f, stayOnPage: p }) {
-	return i(async (i) => {
-		try {
-			let m = hn(i, Array.from(l.current));
-			if (u?.length) for (let e of u) delete m[Hn(e)];
-			let h;
-			if (r) h = (await e.create(t, m)).data, o.success("Created");
-			else if (n) h = (await e.update(t, {
-				id: n,
-				data: m
-			})).data, o.success("Updated");
-			else return;
-			let g = h.id;
-			if (u?.length && g != null) for (let t of u) {
-				let n = Hn(t), r = a.getValues(n) ?? [];
-				if (!await Bn(e, {
-					resource: t.resource,
-					foreignKey: t.foreignKey,
-					parentId: g,
-					rows: r,
-					existingIds: d[n] ?? [],
-					onRowError: (i, s) => {
-						let c = r[s]?.id;
-						return vn(e, a, o, i, {
-							resource: t.resource,
-							mutation: c != null && (d[n] ?? []).some((e) => e === c) ? "update" : "create",
-							inlineArrayName: n,
-							rowIndex: s
-						});
-					}
-				})) return;
-			}
-			f?.(h), p || s(c);
-		} catch (n) {
-			vn(e, a, o, n, {
-				resource: t,
-				mutation: r ? "create" : "update"
-			}), o.error(n instanceof Error ? n.message : "Save failed");
-		}
-	}, [
-		e,
-		t,
-		n,
-		r,
-		a,
-		o,
-		s,
-		c,
-		l,
-		u,
-		d,
-		f,
-		p
-	]);
-}
-//#endregion
-//#region src/crud/ResourceForm.tsx
-function Gn({ resource: e, title: t, listPath: r, children: i, defaultValues: a, onSaved: s, stayOnPage: l, inlines: d, permissions: f }) {
-	let { id: p } = _(), m = p === "new" || !p, h = mt(), v = q(), b = g(), { message: C } = y.useApp(), { token: w } = z.useToken(), ee = c(/* @__PURE__ */ new Set()), T = ye({ defaultValues: a }), { loading: E, formVersion: O, existingInlineIds: k } = Un({
-		dp: h,
-		resource: e,
-		id: p,
-		isNew: m,
-		form: T,
-		message: C,
-		defaultValues: a,
-		inlines: d
-	}), A = Wn({
-		dp: h,
-		resource: e,
-		id: p,
-		isNew: m,
-		form: T,
-		message: C,
-		navigate: b,
-		listPath: r,
-		submitFieldsRef: ee,
-		inlines: d,
-		existingInlineIds: k,
-		onSaved: s,
-		stayOnPage: l
-	});
-	o(() => {
-		f && (J(v, f, m ? "add" : "change") || b(r, { replace: !0 }));
-	}, [
-		f,
-		m,
-		v,
-		b,
-		r
-	]);
-	let j = f ? J(v, f, m ? "add" : "change") : !0;
-	return /* @__PURE__ */ V(S, {
-		title: /* @__PURE__ */ H(I, { children: [/* @__PURE__ */ H(u, {
-			to: r,
-			style: { color: w.colorText },
-			children: [/* @__PURE__ */ V(U, {}), " Back"]
-		}), /* @__PURE__ */ V(R.Title, {
-			level: 5,
-			style: { margin: 0 },
-			children: t
-		})] }),
-		children: /* @__PURE__ */ V(nn, {
-			resource: e,
-			isNew: m,
-			children: /* @__PURE__ */ V(ln, {
-				fieldsRef: ee,
-				children: /* @__PURE__ */ H("div", {
-					style: { position: "relative" },
-					children: [E ? /* @__PURE__ */ V("div", {
-						style: {
-							position: "absolute",
-							inset: 0,
-							display: "flex",
-							alignItems: "center",
-							justifyContent: "center",
-							zIndex: 1
-						},
-						children: /* @__PURE__ */ V(L, {})
-					}) : null, /* @__PURE__ */ n(_e, {
-						...T,
-						key: O
-					}, /* @__PURE__ */ H(D, {
-						layout: "vertical",
-						onFinish: () => void T.handleSubmit(A)(),
-						style: {
-							opacity: E ? .4 : 1,
-							pointerEvents: E ? "none" : void 0
-						},
-						children: [i, /* @__PURE__ */ V(D.Item, {
-							style: { marginTop: 16 },
-							children: /* @__PURE__ */ H(I, { children: [/* @__PURE__ */ V(x, {
-								type: "primary",
-								htmlType: "submit",
-								disabled: E || !j,
-								children: "Save"
-							}), /* @__PURE__ */ V(u, {
-								to: r,
-								children: /* @__PURE__ */ V(x, {
-									disabled: E,
-									children: "Cancel"
-								})
-							})] })
-						})]
-					}))]
-				})
-			})
-		})
-	});
-}
 //#endregion
 //#region src/crud/utils/formSectionErrors.ts
-function Kn(e, t, n) {
+function cr(e, t, n) {
 	for (let r of e) if (t(r, n).invalid) return !0;
 	return !1;
 }
-function qn(e) {
+function lr(e) {
 	let t = c([]);
 	for (; t.current.length < e;) t.current.push({ current: /* @__PURE__ */ new Set() });
 	return t.current.length > e && (t.current.length = e), t.current;
 }
-function Jn(e, t) {
-	let { control: n, getFieldState: r, setFocus: i } = G(), a = K({ control: n }), s = c(0), l = c(0);
+function ur(e, t) {
+	let { control: n, getFieldState: r, setFocus: i } = G(), a = we({ control: n }), s = c(0), l = c(0);
 	o(() => {
 		if (a.submitCount === 0) return;
 		let n = Object.keys(a.errors).length, o = a.submitCount !== s.current, c = !o && n > 0 && l.current === 0;
 		if (s.current = a.submitCount, l.current = n, !o && !c || n === 0) return;
-		let u = e.findIndex((e) => Kn(e.current, r, a));
+		let u = e.findIndex((e) => cr(e.current, r, a));
 		if (u < 0) return;
 		t(u);
 		let d = [...e[u].current].find((e) => r(e, a).invalid);
@@ -2268,30 +2343,30 @@ function Jn(e, t) {
 }
 //#endregion
 //#region src/crud/FormTabs.tsx
-function Yn(e) {
+function dr(e) {
 	return null;
 }
-function Xn(e) {
-	return r(e) && e.type === Yn;
+function fr(e) {
+	return r(e) && e.type === dr;
 }
-function Zn({ children: t, defaultActiveKey: n, activeKey: r, onChange: a, ...o }) {
-	let { token: c } = z.useToken(), u = s(() => e.toArray(t).filter(Xn).map((e, t) => ({
+function pr({ children: t, defaultActiveKey: n, activeKey: r, onChange: a, ...o }) {
+	let { token: c } = z.useToken(), u = s(() => e.toArray(t).filter(fr).map((e, t) => ({
 		key: e.key ?? String(t),
 		label: e.props.label,
 		disabled: e.props.disabled,
 		children: e.props.children
-	})), [t]), d = qn(u.length), f = r !== void 0, [p, m] = l(() => n ?? u[0]?.key ?? "0"), h = f ? r : p, g = i((e) => {
+	})), [t]), d = lr(u.length), f = r !== void 0, [p, m] = l(() => n ?? u[0]?.key ?? "0"), h = f ? r : p, g = i((e) => {
 		f || m(e), a?.(e);
 	}, [f, a]);
-	Jn(d, i((e) => {
+	ur(d, i((e) => {
 		let t = u[e]?.key;
 		t != null && g(t);
 	}, [g, u]));
-	let { control: _, getFieldState: v } = G(), y = K({ control: _ });
-	return /* @__PURE__ */ V(ae, {
+	let { control: _, getFieldState: v } = G(), y = we({ control: _ });
+	return /* @__PURE__ */ V(L, {
 		destroyOnHidden: !1,
 		items: s(() => u.map((e, t) => {
-			let n = Kn(d[t].current, v, y);
+			let n = cr(d[t].current, v, y);
 			return {
 				key: e.key,
 				label: n ? /* @__PURE__ */ V("span", {
@@ -2299,7 +2374,7 @@ function Zn({ children: t, defaultActiveKey: n, activeKey: r, onChange: a, ...o
 					children: e.label
 				}) : e.label,
 				disabled: e.disabled,
-				children: /* @__PURE__ */ V(on, {
+				children: /* @__PURE__ */ V(hn, {
 					sourcesRef: d[t],
 					children: e.children
 				})
@@ -2318,17 +2393,17 @@ function Zn({ children: t, defaultActiveKey: n, activeKey: r, onChange: a, ...o
 }
 //#endregion
 //#region src/crud/FormSteps.tsx
-function Qn(e) {
+function mr(e) {
 	return null;
 }
-function $n(e) {
-	return r(e) && e.type === Qn;
+function hr(e) {
+	return r(e) && e.type === mr;
 }
-function er({ children: t, initialStep: n = 0, showNavigation: r = !0, allowStepSelect: a = !1, stepsStyle: o, navigationStyle: c, size: u, direction: d, type: f, status: p }) {
-	let m = s(() => e.toArray(t).filter($n), [t]), h = qn(m.length), [g, _] = l(n), v = m.length - 1;
-	Jn(h, _);
-	let { control: y, getFieldState: b } = G(), S = K({ control: y }), C = s(() => m.map((e, t) => {
-		let n = Kn(h[t].current, b, S);
+function gr({ children: t, initialStep: n = 0, showNavigation: r = !0, allowStepSelect: a = !1, stepsStyle: o, navigationStyle: c, size: u, direction: d, type: f, status: p }) {
+	let m = s(() => e.toArray(t).filter(hr), [t]), h = lr(m.length), [g, _] = l(n), v = m.length - 1;
+	ur(h, _);
+	let { control: y, getFieldState: b } = G(), S = we({ control: y }), C = s(() => m.map((e, t) => {
+		let n = cr(h[t].current, b, S);
 		return {
 			title: e.props.title,
 			description: e.props.description,
@@ -2343,7 +2418,7 @@ function er({ children: t, initialStep: n = 0, showNavigation: r = !0, allowStep
 		_(e);
 	}, []);
 	return /* @__PURE__ */ H(B, { children: [
-		/* @__PURE__ */ V(ne, {
+		/* @__PURE__ */ V(ie, {
 			current: g,
 			items: C,
 			style: {
@@ -2358,12 +2433,12 @@ function er({ children: t, initialStep: n = 0, showNavigation: r = !0, allowStep
 		}),
 		m.map((e, t) => /* @__PURE__ */ V("div", {
 			style: { display: g === t ? void 0 : "none" },
-			children: /* @__PURE__ */ V(on, {
+			children: /* @__PURE__ */ V(hn, {
 				sourcesRef: h[t],
 				children: e.props.children
 			})
 		}, e.key ?? String(t))),
-		r && m.length > 1 ? /* @__PURE__ */ H(I, {
+		r && m.length > 1 ? /* @__PURE__ */ H(F, {
 			style: {
 				marginTop: 16,
 				...c
@@ -2384,8 +2459,8 @@ function er({ children: t, initialStep: n = 0, showNavigation: r = !0, allowStep
 //#endregion
 //#region src/crud/fields/FieldWrapper.tsx
 function Q({ source: e, name: t, label: n, required: r, rules: i, hideLabel: a, children: o }) {
-	let s = t ?? e, c = !s.includes("."), { control: l } = G(), u = rn(), d = a ? void 0 : n ?? e, f = n ?? e;
-	return dn(e, c), fn(e, c), /* @__PURE__ */ V(ge, {
+	let s = t ?? e, c = !s.includes("."), { control: l } = G(), u = pn(), d = a ? void 0 : n ?? e, f = n ?? e;
+	return bn(e, c), xn(e, c), /* @__PURE__ */ V(xe, {
 		name: s,
 		control: l,
 		rules: {
@@ -2410,7 +2485,7 @@ function Q({ source: e, name: t, label: n, required: r, rules: i, hideLabel: a,
 }
 //#endregion
 //#region src/crud/fields/TextField.tsx
-function tr({ source: e, name: t, label: n, required: r, rules: i, placeholder: a, inputStyle: o, hideLabel: s }) {
+function _r({ source: e, name: t, label: n, required: r, rules: i, placeholder: a, inputStyle: o, hideLabel: s }) {
 	return /* @__PURE__ */ V(Q, {
 		source: e,
 		name: t,
@@ -2418,7 +2493,7 @@ function tr({ source: e, name: t, label: n, required: r, rules: i, placeholder:
 		required: r,
 		rules: i,
 		hideLabel: s,
-		children: ({ value: e, onChange: t, onBlur: n, disabled: r }) => /* @__PURE__ */ V(k, {
+		children: ({ value: e, onChange: t, onBlur: n, disabled: r }) => /* @__PURE__ */ V(A, {
 			value: e,
 			onChange: (e) => t(e.target.value),
 			onBlur: n,
@@ -2430,7 +2505,7 @@ function tr({ source: e, name: t, label: n, required: r, rules: i, placeholder:
 }
 //#endregion
 //#region src/crud/fields/NumberField.tsx
-function nr({ source: e, name: t, label: n, required: r, rules: i, min: a, max: o, step: s, inputStyle: c, hideLabel: l }) {
+function vr({ source: e, name: t, label: n, required: r, rules: i, min: a, max: o, step: s, inputStyle: c, hideLabel: l }) {
 	return /* @__PURE__ */ V(Q, {
 		source: e,
 		name: t,
@@ -2438,7 +2513,7 @@ function nr({ source: e, name: t, label: n, required: r, rules: i, min: a, max:
 		required: r,
 		rules: i,
 		hideLabel: l,
-		children: ({ value: e, onChange: t, onBlur: n, disabled: r }) => /* @__PURE__ */ V(A, {
+		children: ({ value: e, onChange: t, onBlur: n, disabled: r }) => /* @__PURE__ */ V(te, {
 			value: e,
 			onChange: (e) => t(e),
 			onBlur: n,
@@ -2455,7 +2530,7 @@ function nr({ source: e, name: t, label: n, required: r, rules: i, min: a, max:
 }
 //#endregion
 //#region src/crud/fields/BooleanField.tsx
-function rr({ source: e, name: t, label: n, required: r, rules: i, hideLabel: a }) {
+function yr({ source: e, name: t, label: n, required: r, rules: i, hideLabel: a }) {
 	return /* @__PURE__ */ V(Q, {
 		source: e,
 		name: t,
@@ -2463,7 +2538,7 @@ function rr({ source: e, name: t, label: n, required: r, rules: i, hideLabel: a
 		required: r,
 		rules: i,
 		hideLabel: a,
-		children: ({ value: e, onChange: t, disabled: n }) => /* @__PURE__ */ V(re, {
+		children: ({ value: e, onChange: t, disabled: n }) => /* @__PURE__ */ V(ae, {
 			checked: !!e,
 			onChange: t,
 			disabled: n
@@ -2472,8 +2547,8 @@ function rr({ source: e, name: t, label: n, required: r, rules: i, hideLabel: a
 }
 //#endregion
 //#region src/crud/fields/DateField.tsx
-var ir = "YYYY-MM-DD";
-function ar({ source: e, name: t, label: n, required: r, rules: i, showTime: a, hideLabel: o }) {
+var br = "YYYY-MM-DD";
+function xr({ source: e, name: t, label: n, required: r, rules: i, showTime: a, hideLabel: o }) {
 	return /* @__PURE__ */ V(Q, {
 		source: e,
 		name: t,
@@ -2482,19 +2557,19 @@ function ar({ source: e, name: t, label: n, required: r, rules: i, showTime: a,
 		rules: i,
 		hideLabel: o,
 		children: ({ value: e, onChange: t, onBlur: n, disabled: r }) => /* @__PURE__ */ V(w, {
-			value: e ? xe(String(e)) : null,
-			onChange: (e) => t(e ? e.format(a ? `${ir} HH:mm:ss` : ir) : null),
+			value: e ? Ee(String(e)) : null,
+			onChange: (e) => t(e ? e.format(a ? `${br} HH:mm:ss` : br) : null),
 			onBlur: n,
 			showTime: a,
 			disabled: r,
-			format: a ? `${ir} HH:mm:ss` : ir,
+			format: a ? `${br} HH:mm:ss` : br,
 			style: { width: "100%" }
 		})
 	});
 }
 //#endregion
 //#region src/crud/fields/SelectField.tsx
-function or({ source: e, name: t, label: n, required: r, rules: i, choices: a, mode: o, allowClear: s, hideLabel: c }) {
+function Sr({ source: e, name: t, label: n, required: r, rules: i, choices: a, mode: o, allowClear: s, hideLabel: c }) {
 	return /* @__PURE__ */ V(Q, {
 		source: e,
 		name: t,
@@ -2502,7 +2577,7 @@ function or({ source: e, name: t, label: n, required: r, rules: i, choices: a, m
 		required: r,
 		rules: i,
 		hideLabel: c,
-		children: ({ value: e, onChange: t, disabled: n }) => /* @__PURE__ */ V(F, {
+		children: ({ value: e, onChange: t, disabled: n }) => /* @__PURE__ */ V(P, {
 			value: e,
 			onChange: t,
 			options: a,
@@ -2515,7 +2590,7 @@ function or({ source: e, name: t, label: n, required: r, rules: i, choices: a, m
 }
 //#endregion
 //#region src/crud/fields/PasswordField.tsx
-function sr({ source: e, name: t, label: n, required: r, rules: i, autoComplete: a, hideLabel: o }) {
+function Cr({ source: e, name: t, label: n, required: r, rules: i, autoComplete: a, hideLabel: o }) {
 	return /* @__PURE__ */ V(Q, {
 		source: e,
 		name: t,
@@ -2523,7 +2598,7 @@ function sr({ source: e, name: t, label: n, required: r, rules: i, autoComplete:
 		required: r,
 		rules: i,
 		hideLabel: o,
-		children: ({ value: e, onChange: t, onBlur: n, disabled: r }) => /* @__PURE__ */ V(k.Password, {
+		children: ({ value: e, onChange: t, onBlur: n, disabled: r }) => /* @__PURE__ */ V(A.Password, {
 			value: e,
 			onChange: (e) => t(e.target.value),
 			onBlur: n,
@@ -2532,12 +2607,12 @@ function sr({ source: e, name: t, label: n, required: r, rules: i, autoComplete:
 		})
 	});
 }
-function cr({ source: e, name: t, label: n, required: r, rules: i, confirmSource: a, confirmLabel: o = "Confirm password", autoComplete: s = "new-password", hideLabel: c }) {
-	let l = be({
+function wr({ source: e, name: t, label: n, required: r, rules: i, confirmSource: a, confirmLabel: o = "Confirm password", autoComplete: s = "new-password", hideLabel: c }) {
+	let l = Te({
 		name: t ?? e,
 		disabled: !a
 	});
-	return a ? /* @__PURE__ */ H(B, { children: [/* @__PURE__ */ V(sr, {
+	return a ? /* @__PURE__ */ H(B, { children: [/* @__PURE__ */ V(Cr, {
 		source: e,
 		name: t,
 		label: n,
@@ -2545,14 +2620,14 @@ function cr({ source: e, name: t, label: n, required: r, rules: i, confirmSource
 		rules: i,
 		autoComplete: s,
 		hideLabel: c
-	}), /* @__PURE__ */ V(sr, {
+	}), /* @__PURE__ */ V(Cr, {
 		source: a,
 		label: o,
 		required: r,
 		autoComplete: s,
 		hideLabel: c,
 		rules: { validate: (e) => !l || e === l || "Passwords do not match" }
-	})] }) : /* @__PURE__ */ V(sr, {
+	})] }) : /* @__PURE__ */ V(Cr, {
 		source: e,
 		name: t,
 		label: n,
@@ -2564,14 +2639,14 @@ function cr({ source: e, name: t, label: n, required: r, rules: i, confirmSource
 }
 //#endregion
 //#region src/crud/utils/useChoices.ts
-var lr = /* @__PURE__ */ new Map(), ur = /* @__PURE__ */ new Map();
-function dr(e, t) {
+var Tr = /* @__PURE__ */ new Map(), Er = /* @__PURE__ */ new Map();
+function Dr(e, t) {
 	return typeof e == "function" ? `fn:${t ?? ""}` : Array.isArray(e) ? `static:${e.length}` : `res:${e.resource}:${JSON.stringify(e.filter ?? {})}:${t ?? ""}`;
 }
-function fr(e, t) {
+function Or(e, t) {
 	return typeof t == "function" ? t(e) : String(e[t] ?? "");
 }
-async function pr(e, t, n, r, i) {
+async function kr(e, t, n, r, i) {
 	return typeof e == "function" ? e({
 		dataProvider: t,
 		search: i
@@ -2585,23 +2660,23 @@ async function pr(e, t, n, r, i) {
 			perPage: 500
 		}
 	})).data.map((e) => ({
-		label: fr(e, n),
+		label: Or(e, n),
 		value: e[r],
 		record: e
 	}));
 }
-function mr(e, t, n, r, i) {
-	let a = dr(e, i), o = lr.get(a);
+function Ar(e, t, n, r, i) {
+	let a = Dr(e, i), o = Tr.get(a);
 	if (o && !i) return Promise.resolve(o);
-	let s = ur.get(a);
+	let s = Er.get(a);
 	if (s) return s;
-	let c = pr(e, t, n, r, i).then((e) => (i || lr.set(a, e), e)).finally(() => {
-		ur.delete(a);
+	let c = kr(e, t, n, r, i).then((e) => (i || Tr.set(a, e), e)).finally(() => {
+		Er.delete(a);
 	});
-	return ur.set(a, c), c;
+	return Er.set(a, c), c;
 }
 function $(e, t, n = "name", r = "id", a) {
-	let c = mt(), u = s(() => {
+	let c = yt(), u = s(() => {
 		if (e) return e;
 		if (t) return {
 			resource: t,
@@ -2611,19 +2686,19 @@ function $(e, t, n = "name", r = "id", a) {
 		e,
 		t,
 		a
-	]), d = u ? dr(u, a) : void 0, [f, p] = l(() => !d || a ? [] : lr.get(d) ?? []), [m, h] = l(() => !d || a ? !!u : !lr.has(d)), g = i(async () => {
+	]), d = u ? Dr(u, a) : void 0, [f, p] = l(() => !d || a ? [] : Tr.get(d) ?? []), [m, h] = l(() => !d || a ? !!u : !Tr.has(d)), g = i(async () => {
 		if (!u) {
 			p([]), h(!1);
 			return;
 		}
-		let e = dr(u, a), t = lr.get(e);
+		let e = Dr(u, a), t = Tr.get(e);
 		if (t && !a) {
 			p(t), h(!1);
 			return;
 		}
 		h(!0);
 		try {
-			p(await mr(u, c, n, r, a));
+			p(await Ar(u, c, n, r, a));
 		} catch {
 			p([]);
 		} finally {
@@ -2651,7 +2726,7 @@ function $(e, t, n = "name", r = "id", a) {
 }
 //#endregion
 //#region src/crud/fields/ReferenceField.tsx
-function hr({ source: e, name: t, label: n, reference: r, choices: i, optionLabel: a = "name", optionValue: o = "id", required: c, rules: u, search: d, allowClear: f, disabled: p, hideLabel: m, inputStyle: h, onValueChange: g }) {
+function jr({ source: e, name: t, label: n, reference: r, choices: i, optionLabel: a = "name", optionValue: o = "id", required: c, rules: u, search: d, allowClear: f, disabled: p, hideLabel: m, inputStyle: h, onValueChange: g }) {
 	let [_, v] = l(), { options: y, loading: b, optionForValue: x } = $(i, r, a, o, d ? _ : void 0), S = s(() => y.map((e) => ({
 		label: e.label,
 		value: e.value
@@ -2663,7 +2738,7 @@ function hr({ source: e, name: t, label: n, reference: r, choices: i, optionLabe
 		required: c,
 		rules: u,
 		hideLabel: m,
-		children: ({ value: e, onChange: t, disabled: n, name: r }) => /* @__PURE__ */ V(F, {
+		children: ({ value: e, onChange: t, disabled: n, name: r }) => /* @__PURE__ */ V(P, {
 			value: e,
 			onChange: (e) => {
 				t(e), g?.(e, x(e), { name: r });
@@ -2686,7 +2761,7 @@ function hr({ source: e, name: t, label: n, reference: r, choices: i, optionLabe
 }
 //#endregion
 //#region src/crud/fields/ReferenceManyField.tsx
-function gr({ source: e, name: t, label: n, reference: r, choices: i, optionLabel: a = "name", optionValue: o = "id", required: c, rules: u, search: d, allowClear: f = !0, hideLabel: p }) {
+function Mr({ source: e, name: t, label: n, reference: r, choices: i, optionLabel: a = "name", optionValue: o = "id", required: c, rules: u, search: d, allowClear: f = !0, hideLabel: p }) {
 	let [m, h] = l(), { options: g, loading: _ } = $(i, r, a, o, d ? m : void 0), v = s(() => g.map((e) => ({
 		label: e.label,
 		value: e.value
@@ -2698,7 +2773,7 @@ function gr({ source: e, name: t, label: n, reference: r, choices: i, optionLabe
 		required: c,
 		rules: u,
 		hideLabel: p,
-		children: ({ value: e, onChange: t, disabled: n }) => /* @__PURE__ */ V(F, {
+		children: ({ value: e, onChange: t, disabled: n }) => /* @__PURE__ */ V(P, {
 			mode: "multiple",
 			value: e ?? [],
 			onChange: t,
@@ -2715,8 +2790,166 @@ function gr({ source: e, name: t, label: n, reference: r, choices: i, optionLabe
 	});
 }
 //#endregion
+//#region src/crud/fields/uploadFieldUtils.ts
+function Nr(e) {
+	return e instanceof File ? !0 : typeof e == "string" && e.length > 0;
+}
+function Pr(e) {
+	if (e instanceof File) return e.name;
+	if (typeof e == "string" && e.length > 0) try {
+		return new URL(e, "http://local").pathname.split("/").filter(Boolean).pop() || e;
+	} catch {
+		return e.split("/").filter(Boolean).pop() || e;
+	}
+}
+//#endregion
+//#region src/crud/fields/useUploadPreviewUrl.ts
+function Fr(e) {
+	let [t, n] = l();
+	if (o(() => {
+		if (e instanceof File) {
+			let t = URL.createObjectURL(e);
+			return n(t), () => URL.revokeObjectURL(t);
+		}
+		n(void 0);
+	}, [e]), e instanceof File) return t;
+	if (typeof e == "string" && e.length > 0) return e;
+}
+//#endregion
+//#region src/crud/fields/ImageField.tsx
+function Ir({ value: e, onChange: t, disabled: n, clearable: r, accept: i = "image/*", previewWidth: a = 200 }) {
+	let o = c(null), s = Fr(e), l = r && Nr(e);
+	return /* @__PURE__ */ H(F, {
+		direction: "vertical",
+		size: "middle",
+		style: { width: "100%" },
+		children: [
+			s ? /* @__PURE__ */ V(k, {
+				src: s,
+				alt: "",
+				style: {
+					maxWidth: a,
+					maxHeight: a,
+					objectFit: "contain"
+				}
+			}) : null,
+			/* @__PURE__ */ H(F, {
+				wrap: !0,
+				children: [/* @__PURE__ */ V(x, {
+					icon: /* @__PURE__ */ V(ye, {}),
+					disabled: n,
+					onClick: () => o.current?.click(),
+					children: "Choose image"
+				}), l ? /* @__PURE__ */ V(x, {
+					icon: /* @__PURE__ */ V(ue, {}),
+					disabled: n,
+					onClick: () => {
+						t(null), o.current && (o.current.value = "");
+					},
+					children: "Clear"
+				}) : null]
+			}),
+			/* @__PURE__ */ V("input", {
+				ref: o,
+				type: "file",
+				accept: i,
+				disabled: n,
+				tabIndex: -1,
+				"aria-hidden": !0,
+				style: { display: "none" },
+				onChange: (e) => {
+					let n = e.target.files?.[0];
+					t(n ?? null), e.target.value = "";
+				}
+			})
+		]
+	});
+}
+function Lr({ source: e, name: t, label: n, required: r, rules: i, hideLabel: a, clearable: o, accept: s, previewWidth: c }) {
+	return /* @__PURE__ */ V(Q, {
+		source: e,
+		name: t,
+		label: n,
+		required: r,
+		rules: i,
+		hideLabel: a,
+		children: ({ value: e, onChange: t, disabled: n }) => /* @__PURE__ */ V(Ir, {
+			value: e,
+			onChange: t,
+			disabled: n,
+			clearable: o,
+			accept: s,
+			previewWidth: c
+		})
+	});
+}
+//#endregion
+//#region src/crud/fields/FileField.tsx
+function Rr({ value: e, onChange: t, disabled: n, clearable: r, accept: i }) {
+	let a = c(null), o = Pr(e), s = typeof e == "string" && e.length > 0 ? e : void 0, l = r && Nr(e);
+	return /* @__PURE__ */ H(F, {
+		direction: "vertical",
+		size: "middle",
+		style: { width: "100%" },
+		children: [
+			o ? /* @__PURE__ */ H(F, { children: [/* @__PURE__ */ V(ge, {}), s ? /* @__PURE__ */ V(R.Link, {
+				href: s,
+				target: "_blank",
+				rel: "noopener noreferrer",
+				children: o
+			}) : /* @__PURE__ */ V(R.Text, { children: o })] }) : null,
+			/* @__PURE__ */ H(F, {
+				wrap: !0,
+				children: [/* @__PURE__ */ V(x, {
+					icon: /* @__PURE__ */ V(ye, {}),
+					disabled: n,
+					onClick: () => a.current?.click(),
+					children: "Choose file"
+				}), l ? /* @__PURE__ */ V(x, {
+					icon: /* @__PURE__ */ V(ue, {}),
+					disabled: n,
+					onClick: () => {
+						t(null), a.current && (a.current.value = "");
+					},
+					children: "Clear"
+				}) : null]
+			}),
+			/* @__PURE__ */ V("input", {
+				ref: a,
+				type: "file",
+				accept: i,
+				disabled: n,
+				tabIndex: -1,
+				"aria-hidden": !0,
+				style: { display: "none" },
+				onChange: (e) => {
+					let n = e.target.files?.[0];
+					t(n ?? null), e.target.value = "";
+				}
+			})
+		]
+	});
+}
+function zr({ source: e, name: t, label: n, required: r, rules: i, hideLabel: a, clearable: o, accept: s }) {
+	return /* @__PURE__ */ V(Q, {
+		source: e,
+		name: t,
+		label: n,
+		required: r,
+		rules: i,
+		hideLabel: a,
+		children: ({ value: e, onChange: t, disabled: n }) => /* @__PURE__ */ V(Rr, {
+			value: e,
+			onChange: t,
+			disabled: n,
+			clearable: o,
+			accept: s
+		})
+	});
+}
+//#endregion
 //#region src/crud/columns/TextColumn.tsx
-function _r({ source: e, label: t, sortable: n = !0 }) {
+function Br({ source: e, label: t, sortable: n = !0 }) {
 	return X(s(() => ({
 		key: e,
 		source: e,
@@ -2734,12 +2967,12 @@ function _r({ source: e, label: t, sortable: n = !0 }) {
 		n
 	])), null;
 }
-function vr(e, t, n) {
-	return typeof n == "function" ? n(e) : n ? pn(e, n) : e[t];
+function Vr(e, t, n) {
+	return typeof n == "function" ? n(e) : n ? Sn(e, n) : e[t];
 }
 //#endregion
 //#region src/crud/columns/NumberColumn.tsx
-function yr({ source: e, label: t, sortable: n = !0 }) {
+function Hr({ source: e, label: t, sortable: n = !0 }) {
 	return X(s(() => ({
 		key: e,
 		source: e,
@@ -2759,7 +2992,7 @@ function yr({ source: e, label: t, sortable: n = !0 }) {
 }
 //#endregion
 //#region src/crud/columns/BooleanColumn.tsx
-function br({ source: e, label: t, sortable: n = !0 }) {
+function Ur({ source: e, label: t, sortable: n = !0 }) {
 	return X(s(() => ({
 		key: e,
 		source: e,
@@ -2780,7 +3013,7 @@ function br({ source: e, label: t, sortable: n = !0 }) {
 }
 //#endregion
 //#region src/crud/columns/DateColumn.tsx
-function xr({ source: e, label: t, sortable: n = !0 }) {
+function Wr({ source: e, label: t, sortable: n = !0 }) {
 	return X(s(() => ({
 		key: e,
 		source: e,
@@ -2801,16 +3034,16 @@ function xr({ source: e, label: t, sortable: n = !0 }) {
 }
 //#endregion
 //#region src/crud/columns/ReferenceColumn.tsx
-function Sr({ record: e, source: t, display: n, reference: r, choices: i, optionLabel: a, optionValue: o }) {
+function Gr({ record: e, source: t, display: n, reference: r, choices: i, optionLabel: a, optionValue: o }) {
 	let { labelForValue: s } = $(i, r, a, o), c = e[t];
 	if (typeof n == "function") return /* @__PURE__ */ V(B, { children: n(e) });
 	if (n && n !== t) {
-		let r = vr(e, t, n);
+		let r = Vr(e, t, n);
 		return /* @__PURE__ */ V(B, { children: r == null ? "—" : String(r) });
 	}
 	return /* @__PURE__ */ V(B, { children: s(c) });
 }
-function Cr({ source: e, label: t, reference: n, choices: r, optionLabel: i = "name", optionValue: a = "id", display: o, sortable: c = !0 }) {
+function Kr({ source: e, label: t, reference: n, choices: r, optionLabel: i = "name", optionValue: a = "id", display: o, sortable: c = !0 }) {
 	return X(s(() => ({
 		key: e,
 		source: e,
@@ -2821,7 +3054,7 @@ function Cr({ source: e, label: t, reference: n, choices: r, optionLabel: i = "n
 			dataIndex: e,
 			key: e,
 			sorter: c ? !0 : void 0,
-			render: (s, c) => /* @__PURE__ */ V(Sr, {
+			render: (s, c) => /* @__PURE__ */ V(Gr, {
 				record: c,
 				source: e,
 				label: t,
@@ -2845,11 +3078,11 @@ function Cr({ source: e, label: t, reference: n, choices: r, optionLabel: i = "n
 }
 //#endregion
 //#region src/crud/columns/ReferenceManyColumn.tsx
-function wr({ record: e, source: t, reference: n, choices: r, optionLabel: i, optionValue: a }) {
+function qr({ record: e, source: t, reference: n, choices: r, optionLabel: i, optionValue: a }) {
 	let { labelsForValues: o } = $(r, n, i, a), s = e[t];
 	return /* @__PURE__ */ V(B, { children: o(Array.isArray(s) ? s : []) });
 }
-function Tr({ source: e, label: t, reference: n, choices: r, optionLabel: i = "name", optionValue: a = "id", sortable: o = !1 }) {
+function Jr({ source: e, label: t, reference: n, choices: r, optionLabel: i = "name", optionValue: a = "id", sortable: o = !1 }) {
 	return X(s(() => ({
 		key: e,
 		source: e,
@@ -2860,7 +3093,7 @@ function Tr({ source: e, label: t, reference: n, choices: r, optionLabel: i = "n
 			dataIndex: e,
 			key: e,
 			sorter: o ? !0 : void 0,
-			render: (t, o) => /* @__PURE__ */ V(wr, {
+			render: (t, o) => /* @__PURE__ */ V(qr, {
 				record: o,
 				source: e,
 				reference: n,
@@ -2880,8 +3113,43 @@ function Tr({ source: e, label: t, reference: n, choices: r, optionLabel: i = "n
 	])), null;
 }
 //#endregion
+//#region src/crud/columns/ImageColumn.tsx
+function Yr({ source: e, label: t, sortable: n = !1, width: r = 40, height: i = 40, objectFit: a = "cover", borderRadius: o = 4, alt: c = "" }) {
+	return X(s(() => ({
+		key: e,
+		source: e,
+		label: t,
+		sortable: n,
+		buildColumn: () => ({
+			title: t ?? e,
+			dataIndex: e,
+			key: e,
+			sorter: n ? !0 : void 0,
+			render: (e) => e == null || e === "" ? null : /* @__PURE__ */ V("img", {
+				src: String(e),
+				alt: c,
+				style: {
+					width: r,
+					height: i,
+					objectFit: a,
+					borderRadius: o
+				}
+			})
+		})
+	}), [
+		e,
+		t,
+		n,
+		r,
+		i,
+		a,
+		o,
+		c
+	])), null;
+}
+//#endregion
 //#region src/crud/columns/CustomColumn.tsx
-function Er({ source: e, label: t, sortable: n = !1, render: r }) {
+function Xr({ source: e, label: t, sortable: n = !1, render: r }) {
 	return X(s(() => ({
 		key: e,
 		source: e,
@@ -2901,12 +3169,12 @@ function Er({ source: e, label: t, sortable: n = !1, render: r }) {
 }
 //#endregion
 //#region src/crud/filters/TextFilter.tsx
-function Dr({ source: e, label: t, placeholder: n }) {
+function Zr({ source: e, label: t, placeholder: n }) {
 	return Z(s(() => ({
 		key: e,
 		source: e,
 		label: t,
-		render: ({ value: r, onChange: i }) => /* @__PURE__ */ V(k, {
+		render: ({ value: r, onChange: i }) => /* @__PURE__ */ V(A, {
 			allowClear: !0,
 			placeholder: n ?? t ?? e,
 			value: r ?? "",
@@ -2921,12 +3189,12 @@ function Dr({ source: e, label: t, placeholder: n }) {
 }
 //#endregion
 //#region src/crud/filters/NumberFilter.tsx
-function Or({ source: e, label: t }) {
+function Qr({ source: e, label: t }) {
 	return Z(s(() => ({
 		key: e,
 		source: e,
 		label: t,
-		render: ({ value: n, onChange: r }) => /* @__PURE__ */ V(A, {
+		render: ({ value: n, onChange: r }) => /* @__PURE__ */ V(te, {
 			placeholder: t ?? e,
 			value: n,
 			onChange: (e) => r(e ?? void 0),
@@ -2936,12 +3204,12 @@ function Or({ source: e, label: t }) {
 }
 //#endregion
 //#region src/crud/filters/BooleanFilter.tsx
-function kr({ source: e, label: t }) {
+function $r({ source: e, label: t }) {
 	return Z(s(() => ({
 		key: e,
 		source: e,
 		label: t,
-		render: ({ value: n, onChange: r }) => /* @__PURE__ */ V(F, {
+		render: ({ value: n, onChange: r }) => /* @__PURE__ */ V(P, {
 			allowClear: !0,
 			placeholder: t ?? e,
 			value: n,
@@ -2959,7 +3227,7 @@ function kr({ source: e, label: t }) {
 }
 //#endregion
 //#region src/crud/filters/DateFilter.tsx
-function Ar({ source: e, label: t }) {
+function ei({ source: e, label: t }) {
 	return Z(s(() => ({
 		key: e,
 		source: e,
@@ -2967,7 +3235,7 @@ function Ar({ source: e, label: t }) {
 		render: ({ value: n, onChange: r }) => /* @__PURE__ */ V(w, {
 			allowClear: !0,
 			placeholder: t ?? e,
-			value: n ? xe(String(n)) : null,
+			value: n ? Ee(String(n)) : null,
 			onChange: (e) => r(e ? e.format("YYYY-MM-DD") : void 0),
 			style: { minWidth: 160 }
 		})
@@ -2975,12 +3243,12 @@ function Ar({ source: e, label: t }) {
 }
 //#endregion
 //#region src/crud/filters/SelectFilter.tsx
-function jr({ source: e, label: t, choices: n, multiple: r }) {
+function ti({ source: e, label: t, choices: n, multiple: r }) {
 	return Z(s(() => ({
 		key: e,
 		source: e,
 		label: t,
-		render: ({ value: i, onChange: a }) => /* @__PURE__ */ V(F, {
+		render: ({ value: i, onChange: a }) => /* @__PURE__ */ V(P, {
 			allowClear: !0,
 			mode: r ? "multiple" : void 0,
 			placeholder: t ?? e,
@@ -2998,9 +3266,9 @@ function jr({ source: e, label: t, choices: n, multiple: r }) {
 }
 //#endregion
 //#region src/crud/filters/ReferenceFilter.tsx
-function Mr({ source: e, label: t, reference: n, choices: r, optionLabel: i, optionValue: a, multiple: o, search: s, value: c, onChange: u }) {
+function ni({ source: e, label: t, reference: n, choices: r, optionLabel: i, optionValue: a, multiple: o, search: s, value: c, onChange: u }) {
 	let [d, f] = l(), { options: p, loading: m } = $(r, n, i, a, s ? d : void 0);
-	return /* @__PURE__ */ V(F, {
+	return /* @__PURE__ */ V(P, {
 		allowClear: !0,
 		mode: o ? "multiple" : void 0,
 		placeholder: t ?? e,
@@ -3018,12 +3286,12 @@ function Mr({ source: e, label: t, reference: n, choices: r, optionLabel: i, opt
 		style: { minWidth: 180 }
 	});
 }
-function Nr({ source: e, label: t, reference: n, choices: r, optionLabel: i = "name", optionValue: a = "id", multiple: o, search: c }) {
+function ri({ source: e, label: t, reference: n, choices: r, optionLabel: i = "name", optionValue: a = "id", multiple: o, search: c }) {
 	return Z(s(() => ({
 		key: e,
 		source: e,
 		label: t,
-		render: ({ value: s, onChange: l }) => /* @__PURE__ */ V(Mr, {
+		render: ({ value: s, onChange: l }) => /* @__PURE__ */ V(ni, {
 			source: e,
 			label: t,
 			reference: n,
@@ -3046,11 +3314,11 @@ function Nr({ source: e, label: t, reference: n, choices: r, optionLabel: i = "n
 		c
 	])), null;
 }
-function Pr(e) {
-	return /* @__PURE__ */ V(Nr, {
+function ii(e) {
+	return /* @__PURE__ */ V(ri, {
 		...e,
 		multiple: !0
 	});
 }
 //#endregion
-export { dt as AdminApp, $e as AdminLayout, Oe as AppThemeProvider, Ht as AuthAlternateLink, Ut as AuthPageLayout, Ie as AuthProvider, br as BooleanColumn, rr as BooleanField, kr as BooleanFilter, Er as CustomColumn, pt as DataProvider, xr as DateColumn, ar as DateField, Ar as DateFilter, je as DensitySwitch, Q as FieldWrapper, Nn as FilterBar, Qn as FormStep, er as FormSteps, Yn as FormTab, Zn as FormTabs, et as Guard, nt as GuestOnly, Rn as InlineFormSet, zn as InlineFormSetStacked, Wt as LoginPage, yr as NumberColumn, nr as NumberField, Or as NumberFilter, cr as PasswordField, Ve as PermissionsProvider, Gt as PlaceholderPage, tt as Protected, Cr as ReferenceColumn, hr as ReferenceField, Nr as ReferenceFilter, Tr as ReferenceManyColumn, gr as ReferenceManyField, Pr as ReferenceManyFilter, rt as RequirePermission, Gn as ResourceForm, bn as ResourceFormModal, jn as ResourceList, or as SelectField, jr as SelectFilter, _r as TextColumn, tr as TextField, Dr as TextFilter, Ne as ThemeSwitch, Pe as ThemeToolbar, Ft as applyInMemoryListParams, xt as applyInlineFieldPaths, Y as asStringMessages, _t as combineResourceHandlers, ut as createAdminRouter, It as createMemoryResourceHandlers, He as createPermissionsChecker, Lt as createRestResourceHandlers, ze as createSessionStorageAuthAdapter, ct as deriveAuthPaths, We as filterNavByPermission, Nt as filterRows, St as finalizeFormErrors, pn as getByPath, bt as getErrorBody, it as getRouteAccess, At as getRowById, Pn as inlineArrayName, Fn as inlineFieldName, vt as isAbortError, Vn as loadInlineRows, wt as parseDjangoDRFFormErrors, Tt as parseDotNetFormErrors, Et as parseNodeFormErrors, at as partitionAdminRoutes, hn as pickBySources, Bn as saveInlineRows, zt as toDjangoRestOrdering, Vt as toJsonApiSort, Bt as toODataOrderBy, yn as useAbortableEffect, Le as useAuth, Ue as useCan, $ as useChoices, mt as useDataProvider, Dn as useListQueryState, q as usePermissions, kn as useResourceListContext, fn as useSectionField, dn as useSubmitField, ke as useThemeMode };
+export { gt as AdminApp, it as AdminLayout, Ne as AppThemeProvider, Zt as AuthAlternateLink, Qt as AuthPageLayout, Ve as AuthProvider, Ur as BooleanColumn, yr as BooleanField, $r as BooleanFilter, Xr as CustomColumn, vt as DataProvider, Wr as DateColumn, xr as DateField, ei as DateFilter, Ie as DensitySwitch, Q as FieldWrapper, zr as FileField, Yn as FilterBar, mr as FormStep, gr as FormSteps, dr as FormTab, pr as FormTabs, at as Guard, st as GuestOnly, Yr as ImageColumn, Lr as ImageField, or as InlineFormSet, sr as InlineFormSetStacked, $t as LoginPage, Hr as NumberColumn, vr as NumberField, Qr as NumberFilter, wr as PasswordField, Ke as PermissionsProvider, en as PlaceholderPage, ot as Protected, Kr as ReferenceColumn, jr as ReferenceField, ri as ReferenceFilter, Jr as ReferenceManyColumn, Mr as ReferenceManyField, ii as ReferenceManyFilter, ct as RequirePermission, nr as ResourceForm, In as ResourceFormModal, qn as ResourceList, Sr as SelectField, ti as SelectFilter, Br as TextColumn, _r as TextField, Zr as TextFilter, Re as ThemeSwitch, ze as ThemeToolbar, Wt as applyInMemoryListParams, Y as asStringMessages, wn as buildFormPayload, Tn as buildInlineRowsPayload, jn as buildResourceFormSubmitBody, xt as combineResourceHandlers, ht as createAdminRouter, Gt as createMemoryResourceHandlers, qe as createPermissionsChecker, Kt as createRestResourceHandlers, We as createSessionStorageAuthAdapter, pt as deriveAuthPaths, Ye as filterNavByPermission, Ht as filterRows, At as finalizeFormErrors, kt as flattenNestedArrayErrors, Et as getErrorBody, Sn as getFormValue, lt as getRouteAccess, zt as getRowById, En as hasUploadValues, St as isAbortError, rr as nestedFieldPath, Nt as parseDjangoDRFFormErrors, Pt as parseDotNetFormErrors, Ft as parseNodeFormErrors, ut as partitionAdminRoutes, An as prepareFormSubmitBody, Dt as resolveErrorBody, Cn as setFormValue, Jt as toDjangoRestOrdering, kn as toFormData, Xt as toJsonApiSort, Yt as toODataOrderBy, Fn as useAbortableEffect, He as useAuth, Je as useCan, $ as useChoices, yt as useDataProvider, Un as useListQueryState, K as usePermissions, bn as useRegisterPayloadField, xn as useRegisterSectionField, Gn as useResourceListContext, Pe as useThemeMode };