@llmnative/react 1.11.0 → 1.12.0

package/dist/index.mjs

@@ -8,7 +8,7 @@ import { ArrowDown as E, ArrowUp as D, ArrowUpDown as O, GripVertical as k } fro
 import * as A from "@phosphor-icons/react";
 import { createPortal as j, flushSync as M } from "react-dom";
 import { deleteApp as N, getApp as P, getApps as F, initializeApp as I } from "firebase/app";
-import { GoogleAuthProvider as L, OAuthProvider as R, getAdditionalUserInfo as z, getAuth as B, inMemoryPersistence as V, onAuthStateChanged as H, onIdTokenChanged as U, setPersistence as W, signInAnonymously as ee, signInWithCredential as G, signInWithCustomToken as K, signInWithEmailAndPassword as te, signInWithPopup as ne, signOut as re } from "firebase/auth";
+import { GoogleAuthProvider as L, OAuthProvider as R, getAdditionalUserInfo as z, getAuth as B, inMemoryPersistence as V, onAuthStateChanged as H, onIdTokenChanged as U, setPersistence as W, signInAnonymously as ee, signInWithCredential as G, signInWithCustomToken as te, signInWithEmailAndPassword as ne, signInWithPopup as re, signOut as K } from "firebase/auth";
 import { addDoc as ie, collection as ae, deleteDoc as oe, doc as se, getCountFromServer as ce, getDoc as le, getDocs as ue, getFirestore as de, onSnapshot as fe, orderBy as q, query as pe, setDoc as me, terminate as he, updateDoc as ge, where as _e, writeBatch as ve } from "firebase/firestore";
 import { createClient as ye } from "@supabase/supabase-js";
 import { deleteObject as be, getDownloadURL as xe, getMetadata as Se, getStorage as Ce, listAll as we, ref as Te, uploadBytesResumable as Ee, uploadString as De } from "firebase/storage";
@@ -3109,10 +3109,7 @@ var Tr = new dr(), Q = ({ name: e, size: n = 16, className: r, style: i, provide
 	}), r);
 	return /* @__PURE__ */ t.createElement(Z, { className: u }, c, /* @__PURE__ */ t.createElement("span", {
 		title: s ? a : void 0,
-		style: s ? {
-			cursor: "not-allowed",
-			display: "inline-flex"
-		} : void 0
+		style: s ? { cursor: "not-allowed" } : void 0
 	}, /* @__PURE__ */ t.createElement(Zn, { badge: i }, v)), l);
 }, Ur = ({ label: e = void 0, before: n = void 0, after: r = void 0, wrapperClassName: i = void 0, className: a = void 0 }) => {
 	let o = S(), s = Y("button"), c = Fn("common");
@@ -3636,16 +3633,16 @@ var Di = "rounded-lg border border-border bg-card text-card-foreground shadow-sm
 		P.current = window.setTimeout(() => {
 			a?.();
 		}, e);
-	}, K = or(A, W, W), te = T ? { right: T } : {}, ne = {
+	}, te = or(A, W, W), ne = T ? { right: T } : {}, re = {
 		...or(A, O.Modal.motion?.backdrop ?? "fade", O.Modal.motion?.backdrop ?? "fade"),
 		cursor: S && a ? "pointer" : "default",
 		...C === void 0 ? {} : { zIndex: C - 10 },
-		...te
-	}, re = {
+		...ne
+	}, K = {
 		cursor: S && a ? "pointer" : "default",
 		...C === void 0 ? {} : { zIndex: C },
 		...w ? { pointerEvents: "none" } : {},
-		...te
+		...ne
 	}, ie = w ? {
 		transform: l === "left" ? "scale(0.94) translateX(-14px)" : l === "right" ? "scale(0.94) translateX(14px)" : l === "bottom" ? "scale(0.94) translateY(14px)" : l === "top" ? "scale(0.94) translateY(-14px)" : "scale(0.94)",
 		transformOrigin: l === "left" ? "left center" : l === "right" ? "right center" : l === "bottom" ? "bottom center" : l === "top" ? "top center" : "center",
@@ -3654,17 +3651,17 @@ var Di = "rounded-lg border border-border bg-card text-card-foreground shadow-sm
 	} : {}, ae = i !== !1 && (i || o || s || d && a), oe = "inline-flex h-9 w-9 items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-accent hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring";
 	return j(/* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement("div", {
 		className: U,
-		style: re,
+		style: K,
 		onClick: () => {
 			S && a && G();
 		}
 	}, /* @__PURE__ */ t.createElement("div", {
 		className: H.dialogClass,
 		style: {
-			...K,
+			...te,
 			...ie,
 			...C === void 0 ? {} : { zIndex: C },
-			...V === "right" ? te : {}
+			...V === "right" ? ne : {}
 		},
 		onClick: (e) => e.stopPropagation()
 	}, f, /* @__PURE__ */ t.createElement("div", { className: H.contentClass }, (r || n || u || a || E) && /* @__PURE__ */ t.createElement("div", { className: H.headerClassName }, /* @__PURE__ */ t.createElement("div", { className: "min-w-0" }, n && /* @__PURE__ */ t.createElement("h3", { className: H.titleClassName }, n), n && r && /* @__PURE__ */ t.createElement("div", { className: H.subtitleClassName }, r), !n && r && (typeof r == "string" ? /* @__PURE__ */ t.createElement("h3", { className: H.titleClassName }, r) : r)), (u || a || E) && /* @__PURE__ */ t.createElement("div", { className: "ml-auto flex shrink-0 items-center gap-1" }, u && /* @__PURE__ */ t.createElement("button", {
@@ -3709,7 +3706,7 @@ var Di = "rounded-lg border border-border bg-card text-card-foreground shadow-sm
 		"data-rf-modal-backdrop": "",
 		"aria-hidden": "true",
 		className: "fixed inset-0 z-40 bg-black/60 backdrop-blur-sm",
-		style: ne,
+		style: re,
 		onClick: () => {
 			S && a && G();
 		}
@@ -3841,7 +3838,7 @@ var Di = "rounded-lg border border-border bg-card text-card-foreground shadow-sm
 	}, H(n) ? /* @__PURE__ */ t.createElement(t.Fragment, null, n.icon && /* @__PURE__ */ t.createElement(Q, {
 		name: n.icon,
 		className: n.text ? "mr-2" : void 0
-	}), n.text) : n) : null, W = m ?? w.Dropdown.wrapperClassName ?? (g || _ ? "flex items-center gap-2" : void 0), ee = N === "top" ? "bottom-full mb-1" : "top-full mt-1", G = d === "end" ? "right-0" : "left-0", K = /* @__PURE__ */ t.createElement(Li.Provider, { value: {
+	}), n.text) : n) : null, W = m ?? w.Dropdown.wrapperClassName ?? (g || _ ? "flex items-center gap-2" : void 0), ee = N === "top" ? "bottom-full mb-1" : "top-full mt-1", G = d === "end" ? "right-0" : "left-0", te = /* @__PURE__ */ t.createElement(Li.Provider, { value: {
 		closeOnSelect: l,
 		close: () => V(!1)
 	} }, /* @__PURE__ */ t.createElement("div", {
@@ -3862,11 +3859,11 @@ var Di = "rounded-lg border border-border bg-card text-card-foreground shadow-sm
 		onClick: (e) => {
 			e.stopPropagation();
 		}
-	}, i && /* @__PURE__ */ t.createElement("div", { className: X("px-2 py-1.5 text-sm font-semibold", x || w.Dropdown.headerClassName) }, i, /* @__PURE__ */ t.createElement(Ui, null)), e, a && /* @__PURE__ */ t.createElement("div", { className: S || w.Dropdown.footerClassName }, /* @__PURE__ */ t.createElement(Ui, null), a))), te = !u && p === "fixed" && typeof document < "u";
+	}, i && /* @__PURE__ */ t.createElement("div", { className: X("px-2 py-1.5 text-sm font-semibold", x || w.Dropdown.headerClassName) }, i, /* @__PURE__ */ t.createElement(Ui, null)), e, a && /* @__PURE__ */ t.createElement("div", { className: S || w.Dropdown.footerClassName }, /* @__PURE__ */ t.createElement(Ui, null), a))), ne = !u && p === "fixed" && typeof document < "u";
 	return /* @__PURE__ */ t.createElement(Z, { className: W }, g, /* @__PURE__ */ t.createElement("div", {
 		ref: D,
 		className: X(u ? "inline-block text-left" : "relative inline-block text-left", h || w.Dropdown.className)
-	}, U, te ? j(K, document.body) : K), _);
+	}, U, ne ? j(te, document.body) : te), _);
 };
 function zi({ loadItems: e, getItemId: n, renderItem: r, onSelect: i, selectedId: a = void 0, searchPlaceholder: o = void 0, emptyState: s = void 0, loadingState: c = void 0, errorState: l = void 0, debounceMs: u = 200, closeOnSelect: d = !0, inputClassName: f = void 0, selectedClassName: p = void 0, header: m = void 0, open: h = void 0, defaultOpen: g = !1, onOpenChange: _ = void 0, footer: v = void 0, headerClassName: y = void 0, staticOpen: b = !1, ...x }) {
 	let S = Fn("common"), [C, w] = t.useState(g), [T, E] = t.useState(""), [D, O] = t.useState([]), [k, A] = t.useState(!1), [j, M] = t.useState(null), N = t.useRef(0), P = b || (h ?? C), F = t.useCallback((e) => {
@@ -4659,7 +4656,7 @@ var Oa = (e) => Da?.[e], ka = "scrape", Aa = "[DEFAULT]", ja = /* @__PURE__ */ n
 	let t = Fa();
 	if (!t) return !1;
 	try {
-		return await W(t, V), await K(t, e), !0;
+		return await W(t, V), await te(t, e), !0;
 	} catch (e) {
 		let n = t.app.options?.apiKey;
 		return console.error("Firebase custom token sign-in error: ", e, `— app "${t.app.name}" options.apiKey: ${n ? `${n.slice(0, 6)}… (len ${n.length})` : String(n)}`), !1;
@@ -6691,11 +6688,11 @@ var Ws = (e, t, n) => {
 				} });
 			}, 0), r;
 		});
-	}, K = u(), te = `${K}-options`;
+	}, te = u(), ne = `${te}-options`;
 	return /* @__PURE__ */ t.createElement(Z, { className: A || M.Autocomplete.wrapperClassName }, d && /* @__PURE__ */ t.createElement(Ns, {
 		label: d,
 		required: o,
-		htmlFor: K
+		htmlFor: te
 	}), /* @__PURE__ */ t.createElement(Z, { className: g || _ ? X(os, "flex-nowrap") : "" }, g && /* @__PURE__ */ t.createElement(Ks, { side: "before" }, g), /* @__PURE__ */ t.createElement("div", { className: X(is, "h-auto min-h-9 flex-wrap items-center gap-1 py-1.5 px-2", g && "rounded-l-none", _ && "rounded-r-none") }, P.map((e) => /* @__PURE__ */ t.createElement("span", {
 		className: "inline-flex items-center gap-1 rounded-full border border-primary/20 bg-primary/10 px-2 py-0.5 text-xs font-medium text-primary",
 		key: e
@@ -6704,19 +6701,19 @@ var Ws = (e, t, n) => {
 		className: "ml-0.5 opacity-60 transition-opacity hover:opacity-100",
 		onClick: () => G(e)
 	}, "×"))), (!i || P.length < i) && /* @__PURE__ */ t.createElement("input", {
-		id: K,
+		id: te,
 		type: "text",
 		className: X("min-w-[120px] flex-1 border-none bg-transparent text-sm outline-none placeholder:text-muted-foreground", w || M.Autocomplete.className),
 		required: o && P.length < (r || 0),
 		disabled: c || s && !St(O),
 		placeholder: E ? m ?? "Type or press Enter to create..." : m,
 		title: f,
-		list: te,
+		list: ne,
 		onChange: W,
 		onKeyDown: ee
-	})), /* @__PURE__ */ t.createElement("datalist", { id: te }, H.map((e, n) => /* @__PURE__ */ t.createElement("option", {
+	})), /* @__PURE__ */ t.createElement("datalist", { id: ne }, H.map((e, n) => /* @__PURE__ */ t.createElement("option", {
 		value: e.value,
-		key: `${K}-${n}`
+		key: `${te}-${n}`
 	}, e.label))), _ && /* @__PURE__ */ t.createElement(Ks, { side: "after" }, _)), j ? /* @__PURE__ */ t.createElement(hs, { message: j }) : v && /* @__PURE__ */ t.createElement("div", { className: "mt-1 text-xs text-muted-foreground" }, v));
 }, Ys = ({ name: e, defaultValue: n = void 0, onChange: r = void 0, required: i = !1, readOnlyAfterSet: a = !1, disabled: o = !1, label: s = void 0, title: c = void 0, before: d = void 0, after: f = void 0, feedback: m = void 0, options: g = [], optionsSource: _ = void 0, order: v = void 0, inheritWrapperClassName: y = !0, wrapperClassName: b = void 0, className: x = void 0, validator: S = void 0, itemClassName: C = void 0 }) => {
 	let { value: w, handleChange: T, formWrapClass: E } = Dd({
@@ -8034,13 +8031,13 @@ var bc = 120, xc = 88, Sc = (e) => {
 		return C((e) => o ? [...e, t] : [t]), H(""), W(void 0), B(!1), !0;
 	}, G = () => {
 		B(!1), H(""), W(void 0);
-	}, K = (e, t) => {
+	}, te = (e, t) => {
 		let n = e.currentTarget, r = n.naturalWidth > 0 && n.naturalHeight > 0 && (n.naturalWidth < d || n.naturalHeight < u);
 		R((e) => {
 			let n = new Set(e);
 			return r ? n.add(t) : n.delete(t), n;
 		});
-	}, te = ({ scales: e }) => {
+	}, ne = ({ scales: e }) => {
 		if (!e) return;
 		let n = Object.keys(e);
 		return n.length === 0 ? null : n.map((n) => /* @__PURE__ */ t.createElement(Qn, { key: n }, /* @__PURE__ */ t.createElement("a", {
@@ -8082,7 +8079,7 @@ var bc = 120, xc = 88, Sc = (e) => {
 		src: Nc(e),
 		alt: `preview-${n}`,
 		className: `absolute inset-0 w-full h-full ${L.has(e.key) ? "object-contain p-1" : "object-cover"}`,
-		onLoad: (t) => K(t, e.key)
+		onLoad: (t) => te(t, e.key)
 	}), /* @__PURE__ */ t.createElement("div", {
 		className: "absolute inset-0 bg-black/55 backdrop-blur-[1px] flex flex-col items-center justify-end pb-2 gap-1 transition-opacity",
 		style: { display: F === n ? "flex" : "none" }
@@ -8110,7 +8107,7 @@ var bc = 120, xc = 88, Sc = (e) => {
 	}, /* @__PURE__ */ t.createElement(Q, {
 		name: "x",
 		className: "w-4 h-4"
-	}))), a && e.variants && Object.keys(e.variants).length > 0 && /* @__PURE__ */ t.createElement("div", { className: "flex flex-wrap gap-1 px-1" }, /* @__PURE__ */ t.createElement(te, { scales: e.variants })))) : /* @__PURE__ */ t.createElement($o, {
+	}))), a && e.variants && Object.keys(e.variants).length > 0 && /* @__PURE__ */ t.createElement("div", { className: "flex flex-wrap gap-1 px-1" }, /* @__PURE__ */ t.createElement(ne, { scales: e.variants })))) : /* @__PURE__ */ t.createElement($o, {
 		max: 100,
 		min: 0,
 		value: e.progress,
@@ -8856,7 +8853,7 @@ function Wl(e) {
 	return e ? (e.includes("/") ? e.split("/").pop() : e) || e : null;
 }
 function Gl({ name: e, value: n, onChange: r, placeholder: i, running: a = !1, onStop: o, disabled: c = !1, onSubmit: d, attachments: f = !1, commands: p, commandsTrigger: g, models: _ = [], selectedModel: v, onModelChange: y, modelPlaceholder: b, showSettings: x = !1, defaultRole: S = "", defaultVoice: C = "", defaultStyle: w = "", defaultLanguage: T = "", defaultTemperature: E, actions: D, minHeight: O = 96, maxHeight: k = 220, wrapperClassName: A, className: j }) {
-	let M = Y("prompt"), N = Fn("prompt"), P = m(null), F = m(null), I = u(), [L, R] = h([]), [z, B] = h(!1), V = m(0), [H, U] = h(!1), [W, ee] = h(S), [G, K] = h(C), [te, ne] = h(w), [re, ie] = h(T), [ae, oe] = h(E);
+	let M = Y("prompt"), N = Fn("prompt"), P = m(null), F = m(null), I = u(), [L, R] = h([]), [z, B] = h(!1), V = m(0), [H, U] = h(!1), [W, ee] = h(S), [G, te] = h(C), [ne, re] = h(w), [K, ie] = h(T), [ae, oe] = h(E);
 	l(() => {
 		a || U(!1);
 	}, [a]), l(() => () => {
@@ -8916,8 +8913,8 @@ function Gl({ name: e, value: n, onChange: r, placeholder: i, running: a = !1, o
 			...x ? {
 				role: W,
 				voice: G,
-				style: te,
-				language: re,
+				style: ne,
+				language: K,
 				temperature: ae
 			} : {}
 		}), L.forEach(({ objectUrl: e }) => URL.revokeObjectURL(e)), R([]));
@@ -9052,9 +9049,9 @@ function Gl({ name: e, value: n, onChange: r, placeholder: i, running: a = !1, o
 		placement: "top",
 		position: "start",
 		triggerClassName: Vl
-	}, /* @__PURE__ */ t.createElement(Vi, { onClick: () => K("") }, N.defaultOption), Jc.getVoices().map((e) => /* @__PURE__ */ t.createElement(Vi, {
+	}, /* @__PURE__ */ t.createElement(Vi, { onClick: () => te("") }, N.defaultOption), Jc.getVoices().map((e) => /* @__PURE__ */ t.createElement(Vi, {
 		key: e,
-		onClick: () => K(e)
+		onClick: () => te(e)
 	}, e))), /* @__PURE__ */ t.createElement(Ri, {
 		trigger: {
 			icon: "feather",
@@ -9063,9 +9060,9 @@ function Gl({ name: e, value: n, onChange: r, placeholder: i, running: a = !1, o
 		placement: "top",
 		position: "start",
 		triggerClassName: Vl
-	}, /* @__PURE__ */ t.createElement(Vi, { onClick: () => ne("") }, N.defaultOption), Jc.getStyles().map((e) => /* @__PURE__ */ t.createElement(Vi, {
+	}, /* @__PURE__ */ t.createElement(Vi, { onClick: () => re("") }, N.defaultOption), Jc.getStyles().map((e) => /* @__PURE__ */ t.createElement(Vi, {
 		key: e,
-		onClick: () => ne(e)
+		onClick: () => re(e)
 	}, e))), /* @__PURE__ */ t.createElement(Ri, {
 		trigger: {
 			icon: "thermometer",
@@ -9235,12 +9232,12 @@ var nu = ({ mode: e, availability: n, renderAIUnavailable: r }) => {
 	let { handleChange: C, record: w } = Dd({
 		name: e,
 		subscribeToFullRecord: !0
-	}), T = Y("prompt"), E = Fn("prompt"), D = n || e, [O, k] = h(!1), [A, j] = h(o?.value ?? ""), [M, N] = h(!1), [P, F] = h(null), I = $c(), L = el(), { modelOptions: R } = eu(), z = typeof localStorage < "u" ? localStorage.getItem("prompt.model") : null, B = z && R.some((e) => e.value === z) ? z : "", V = t.useMemo(() => lu(r?.prompt, o), [o, r?.prompt]), H = V.model || B, U = u(), W = tu(H, !!m), ee = !W.configured || !m && !H, [G, K] = h(null), te = !G && !W.configured ? g?.({
+	}), T = Y("prompt"), E = Fn("prompt"), D = n || e, [O, k] = h(!1), [A, j] = h(o?.value ?? ""), [M, N] = h(!1), [P, F] = h(null), I = $c(), L = el(), { modelOptions: R } = eu(), z = typeof localStorage < "u" ? localStorage.getItem("prompt.model") : null, B = z && R.some((e) => e.value === z) ? z : "", V = t.useMemo(() => lu(r?.prompt, o), [o, r?.prompt]), H = V.model || B, U = u(), W = tu(H, !!m), ee = !W.configured || !m && !H, [G, te] = h(null), ne = !G && !W.configured ? g?.({
 		mode: "run",
 		providerId: W.providerId,
 		reason: W.reason,
 		configured: W.configured
-	}) : null, ne = t.useMemo(() => {
+	}) : null, re = t.useMemo(() => {
 		if (!A) return "";
 		let e = {
 			...w,
@@ -9251,7 +9248,7 @@ var nu = ({ mode: e, availability: n, renderAIUnavailable: r }) => {
 		A,
 		w,
 		_
-	]), re = ne !== A, ie = (e, t) => C?.({ target: {
+	]), K = re !== A, ie = (e, t) => C?.({ target: {
 		name: e,
 		value: t
 	} }), ae = x?.map((e) => e.key === "tokenUsage" && !e.content ? {
@@ -9275,7 +9272,7 @@ var nu = ({ mode: e, availability: n, renderAIUnavailable: r }) => {
 				noProvider: E.noProvider,
 				noResponse: E.noResponse
 			}), c = Date.now() - a;
-			if (K(null), C?.({ target: {
+			if (te(null), C?.({ target: {
 				name: e + ".value",
 				value: s
 			} }), t.role !== void 0 && ie(e + ".prompt.role", t.role), t.voice !== void 0 && ie(e + ".prompt.voice", t.voice), t.style !== void 0 && ie(e + ".prompt.style", t.style), t.language !== void 0 && ie(e + ".prompt.language", t.language), S && S.length > 0) {
@@ -9290,7 +9287,7 @@ var nu = ({ mode: e, availability: n, renderAIUnavailable: r }) => {
 				});
 			}
 		} catch (e) {
-			K(Ql(e, E.runFailed));
+			te(Ql(e, E.runFailed));
 		}
 	};
 	return /* @__PURE__ */ t.createElement(Z, { className: f || T.Prompt.wrapperClassName }, /* @__PURE__ */ t.createElement("div", { className: "flex items-center gap-2" }, l && /* @__PURE__ */ t.createElement("div", { className: "shrink-0" }, l), /* @__PURE__ */ t.createElement("div", { className: `${ql} min-w-0 flex-1` }, D && /* @__PURE__ */ t.createElement($l, {
@@ -9318,7 +9315,7 @@ var nu = ({ mode: e, availability: n, renderAIUnavailable: r }) => {
 		className: `${p || T.Prompt.className} ${su}`,
 		minHeight: s,
 		maxHeight: c
-	}), re && M && /* @__PURE__ */ t.createElement("div", { className: "border-t border-input px-4 py-3 bg-muted/20" }, /* @__PURE__ */ t.createElement("p", { className: "whitespace-pre-wrap text-sm text-foreground/70" }, ne)), re && /* @__PURE__ */ t.createElement("div", { className: "flex items-center justify-end border-t border-input px-2 py-1" }, /* @__PURE__ */ t.createElement("button", {
+	}), K && M && /* @__PURE__ */ t.createElement("div", { className: "border-t border-input px-4 py-3 bg-muted/20" }, /* @__PURE__ */ t.createElement("p", { className: "whitespace-pre-wrap text-sm text-foreground/70" }, re)), K && /* @__PURE__ */ t.createElement("div", { className: "flex items-center justify-end border-t border-input px-2 py-1" }, /* @__PURE__ */ t.createElement("button", {
 		type: "button",
 		title: M ? E.hidePreview : E.showPreview,
 		className: `${cu} flex items-center justify-center ${M ? "bg-muted text-foreground" : ""}`,
@@ -9365,7 +9362,7 @@ var nu = ({ mode: e, availability: n, renderAIUnavailable: r }) => {
 		maxHeight: c,
 		className: p || T.Prompt.className,
 		wrapperClassName: ""
-	}), (G || !W.configured) && (te ? /* @__PURE__ */ t.createElement("div", { className: "mt-1" }, te) : /* @__PURE__ */ t.createElement("span", { className: "mt-1 flex min-w-0 items-center gap-1 text-xs text-warning" }, /* @__PURE__ */ t.createElement(Q, {
+	}), (G || !W.configured) && (ne ? /* @__PURE__ */ t.createElement("div", { className: "mt-1" }, ne) : /* @__PURE__ */ t.createElement("span", { className: "mt-1 flex min-w-0 items-center gap-1 text-xs text-warning" }, /* @__PURE__ */ t.createElement(Q, {
 		name: "triangle-alert",
 		size: 13,
 		className: "shrink-0"
@@ -9621,16 +9618,16 @@ var nu = ({ mode: e, availability: n, renderAIUnavailable: r }) => {
 		editorContext: null
 	}), H = m(j ?? ""), U = m(B);
 	U.current = B;
-	let W = S?.length ? C ?? "/" : void 0, ee = (S?.length ?? 0) >= 10, G = t.useMemo(() => new Map((S ?? []).map((e) => [e.name, e])), [S]), K = t.useMemo(() => (S ?? []).map((e) => ({
+	let W = S?.length ? C ?? "/" : void 0, ee = (S?.length ?? 0) >= 10, G = t.useMemo(() => new Map((S ?? []).map((e) => [e.name, e])), [S]), te = t.useMemo(() => (S ?? []).map((e) => ({
 		key: e.name,
 		label: `${W ?? "/"}${e.name}`,
 		value: e.name,
 		icon: e.icon,
 		description: e.description,
 		group: e.group
-	})), [S, W]), te = t.useMemo(() => {
+	})), [S, W]), ne = t.useMemo(() => {
 		let e = [], n;
-		return K.forEach((r) => {
+		return te.forEach((r) => {
 			r.group !== n && (n = r.group, r.group && e.push(/* @__PURE__ */ t.createElement(Bl.Heading, { key: `group:${r.group}` }, r.group))), e.push(/* @__PURE__ */ t.createElement(Bl.Item, {
 				key: r.key,
 				label: r.label,
@@ -9639,17 +9636,17 @@ var nu = ({ mode: e, availability: n, renderAIUnavailable: r }) => {
 				description: r.description
 			}));
 		}), e;
-	}, [K]);
+	}, [te]);
 	l(() => {
 		I.current || (H.current = j ?? "");
 	}, [j]);
-	let ne = s((t) => {
+	let re = s((t) => {
 		H.current = t, M({ target: {
 			name: e,
 			value: t
 		} });
-	}, [M, e]), re = m(ne);
-	re.current = ne;
+	}, [M, e]), K = m(re);
+	K.current = re;
 	let ie = s(() => {
 		V({
 			open: !1,
@@ -9717,7 +9714,7 @@ var nu = ({ mode: e, availability: n, renderAIUnavailable: r }) => {
 				n.language,
 				r,
 				n.EditorView.updateListener.of((e) => {
-					e.docChanged && re.current(e.state.doc.toString());
+					e.docChanged && K.current(e.state.doc.toString());
 				}),
 				...x ?? []
 			];
@@ -9825,7 +9822,7 @@ var nu = ({ mode: e, availability: n, renderAIUnavailable: r }) => {
 		required: p,
 		htmlFor: O,
 		className: v
-	}), /* @__PURE__ */ t.createElement("div", { className: X(E || D ? os : "", A.fill && "flex-1 min-h-0 flex flex-col") }, E && /* @__PURE__ */ t.createElement("span", { className: X("inline-flex shrink-0 items-center border border-input bg-muted px-3 py-1 text-sm text-muted-foreground", "rounded-l-md rounded-r-none border-r-0") }, E), W && K.length > 0 ? /* @__PURE__ */ t.createElement(Bl, {
+	}), /* @__PURE__ */ t.createElement("div", { className: X(E || D ? os : "", A.fill && "flex-1 min-h-0 flex flex-col") }, E && /* @__PURE__ */ t.createElement("span", { className: X("inline-flex shrink-0 items-center border border-input bg-muted px-3 py-1 text-sm text-muted-foreground", "rounded-l-md rounded-r-none border-r-0") }, E), W && te.length > 0 ? /* @__PURE__ */ t.createElement(Bl, {
 		ref: L,
 		className: X(A.fill && "flex-1 min-h-0 flex flex-col"),
 		trigger: W,
@@ -9840,7 +9837,7 @@ var nu = ({ mode: e, availability: n, renderAIUnavailable: r }) => {
 		onSelect: (e, t) => {
 			ae(e, t);
 		}
-	}, te, se) : se, D && /* @__PURE__ */ t.createElement("span", { className: X("inline-flex shrink-0 items-center border border-input bg-muted px-3 py-1 text-sm text-muted-foreground", "rounded-l-none rounded-r-md border-l-0") }, D)), P && /* @__PURE__ */ t.createElement(hs, { message: P }), _ && /* @__PURE__ */ t.createElement("p", { className: "mt-1 text-xs text-muted-foreground" }, _));
+	}, ne, se) : se, D && /* @__PURE__ */ t.createElement("span", { className: X("inline-flex shrink-0 items-center border border-input bg-muted px-3 py-1 text-sm text-muted-foreground", "rounded-l-none rounded-r-md border-l-0") }, D)), P && /* @__PURE__ */ t.createElement(hs, { message: P }), _ && /* @__PURE__ */ t.createElement("p", { className: "mt-1 text-xs text-muted-foreground" }, _));
 }, Nu = () => Promise.all([
 	import("@tiptap/react"),
 	import("@tiptap/react/menus"),
@@ -10467,19 +10464,19 @@ var nu = ({ mode: e, availability: n, renderAIUnavailable: r }) => {
 				a
 			] : a;
 		}
-	}), { Table: A, TableRow: j, TableHeader: M, TableCell: N } = e[6], P = e[7].default, F = e[8].default, [I, L] = h(!1), [R, z] = h(""), [B, V] = h([]), [H, U] = h(null), [, W] = t.useReducer((e) => e + 1, 0), ee = m(null), G = m(null), [K, te] = h({
+	}), { Table: A, TableRow: j, TableHeader: M, TableCell: N } = e[6], P = e[7].default, F = e[8].default, [I, L] = h(!1), [R, z] = h(""), [B, V] = h([]), [H, U] = h(null), [, W] = t.useReducer((e) => e + 1, 0), ee = m(null), G = m(null), [te, ne] = h({
 		open: !1,
 		query: "",
 		anchorPosition: null,
 		editorContext: null
-	}), ne = m(K);
-	ne.current = K;
-	let re = x?.length ? S ?? "/" : void 0, ie = (x?.length ?? 0) >= 10, ae = t.useMemo(() => new Map((x ?? []).map((e) => [e.name, e])), [x]), oe = t.useMemo(() => (x ?? []).map((e) => ({
+	}), re = m(te);
+	re.current = te;
+	let K = x?.length ? S ?? "/" : void 0, ie = (x?.length ?? 0) >= 10, ae = t.useMemo(() => new Map((x ?? []).map((e) => [e.name, e])), [x]), oe = t.useMemo(() => (x ?? []).map((e) => ({
 		key: e.name,
-		label: `${re ?? "/"}${e.name}`,
+		label: `${K ?? "/"}${e.name}`,
 		value: e.name,
 		icon: e.icon
-	})), [x, re]), se = g?.srcsetWidths === void 0 ? [400, 800] : g.srcsetWidths, ce = lc(), le = Dc({
+	})), [x, K]), se = g?.srcsetWidths === void 0 ? [400, 800] : g.srcsetWidths, ce = lc(), le = Dc({
 		uploadPath: g?.path,
 		srcsetWidths: se,
 		onFileReady: (e) => {
@@ -10495,7 +10492,7 @@ var nu = ({ mode: e, availability: n, renderAIUnavailable: r }) => {
 		maxHeight: p,
 		paddingOffset: 16
 	}), de = s(() => {
-		te({
+		ne({
 			open: !1,
 			query: "",
 			anchorPosition: null,
@@ -10574,7 +10571,7 @@ var nu = ({ mode: e, availability: n, renderAIUnavailable: r }) => {
 				return !1;
 			},
 			handleKeyDown(e, t) {
-				if (!ne.current.open) return !1;
+				if (!re.current.open) return !1;
 				switch (t.key) {
 					case "ArrowDown": return t.preventDefault(), G.current?.moveNext(), !0;
 					case "ArrowUp": return t.preventDefault(), G.current?.movePrev(), !0;
@@ -10600,32 +10597,32 @@ var nu = ({ mode: e, availability: n, renderAIUnavailable: r }) => {
 			q.off("selectionUpdate", W);
 		};
 	}, [q, ue.adjustedMinHeight]), l(() => {
-		if (!q || !re || I) {
-			ne.current.open && de();
+		if (!q || !K || I) {
+			re.current.open && de();
 			return;
 		}
 		let e = () => {
 			if (!q.isFocused) {
-				ne.current.open && de();
+				re.current.open && de();
 				return;
 			}
 			let e = q.state.selection;
 			if (!e.empty) {
-				ne.current.open && de();
+				re.current.open && de();
 				return;
 			}
 			let { $from: t } = e, n = t.parent;
 			if (!n.isTextblock) {
-				ne.current.open && de();
+				re.current.open && de();
 				return;
 			}
-			let r = n.textContent ?? "", i = t.parentOffset, a = Qu(r, i, re);
+			let r = n.textContent ?? "", i = t.parentOffset, a = Qu(r, i, K);
 			if (!a) {
-				ne.current.open && de();
+				re.current.open && de();
 				return;
 			}
-			let o = q.view.coordsAtPos(e.from), s = fe(q, re);
-			!o || !s || te({
+			let o = q.view.coordsAtPos(e.from), s = fe(q, K);
+			!o || !s || ne({
 				open: !0,
 				query: a.query,
 				anchorPosition: {
@@ -10642,7 +10639,7 @@ var nu = ({ mode: e, availability: n, renderAIUnavailable: r }) => {
 		de,
 		q,
 		fe,
-		re,
+		K,
 		I
 	]);
 	let me = s(async (e, t) => {
@@ -10863,15 +10860,15 @@ var nu = ({ mode: e, availability: n, renderAIUnavailable: r }) => {
 			style: ue.wrapperStyle,
 			className: X("w-full px-3 py-2 text-sm", "[&_.ProseMirror]:outline-none", "[&_.ProseMirror_p]:my-1", "[&_.ProseMirror_h1]:my-2 [&_.ProseMirror_h1]:text-2xl [&_.ProseMirror_h1]:font-bold", "[&_.ProseMirror_h2]:my-2 [&_.ProseMirror_h2]:text-xl  [&_.ProseMirror_h2]:font-semibold", "[&_.ProseMirror_h3]:my-1 [&_.ProseMirror_h3]:text-lg  [&_.ProseMirror_h3]:font-semibold", "[&_.ProseMirror_ul]:list-disc   [&_.ProseMirror_ul]:pl-6", "[&_.ProseMirror_ol]:list-decimal [&_.ProseMirror_ol]:pl-6", "[&_.ProseMirror_blockquote]:my-2 [&_.ProseMirror_blockquote]:border-l-4 [&_.ProseMirror_blockquote]:border-border [&_.ProseMirror_blockquote]:pl-4 [&_.ProseMirror_blockquote]:text-muted-foreground", "[&_.ProseMirror_code]:rounded [&_.ProseMirror_code]:bg-muted [&_.ProseMirror_code]:px-1 [&_.ProseMirror_code]:font-mono [&_.ProseMirror_code]:text-xs", "[&_.ProseMirror_pre]:my-2 [&_.ProseMirror_pre]:overflow-x-auto [&_.ProseMirror_pre]:rounded [&_.ProseMirror_pre]:bg-muted [&_.ProseMirror_pre]:p-3", "[&_.ProseMirror_table]:w-full [&_.ProseMirror_table]:border-collapse", "[&_.ProseMirror_td]:border [&_.ProseMirror_td]:border-border [&_.ProseMirror_td]:px-2 [&_.ProseMirror_td]:py-1", "[&_.ProseMirror_th]:border [&_.ProseMirror_th]:border-border [&_.ProseMirror_th]:bg-muted [&_.ProseMirror_th]:px-2 [&_.ProseMirror_th]:py-1 [&_.ProseMirror_th]:font-semibold", "[&_.ProseMirror_a]:text-primary [&_.ProseMirror_a]:underline [&_.ProseMirror_a]:pointer-events-none", "[&_.ProseMirror_a_img]:pointer-events-auto", "[&_.ProseMirror_.is-editor-empty:first-child::before]:pointer-events-none [&_.ProseMirror_.is-editor-empty:first-child::before]:float-left [&_.ProseMirror_.is-editor-empty:first-child::before]:h-0 [&_.ProseMirror_.is-editor-empty:first-child::before]:text-muted-foreground [&_.ProseMirror_.is-editor-empty:first-child::before]:content-[attr(data-placeholder)]")
 		}, /* @__PURE__ */ t.createElement(w, { editor: q }));
-		return re && oe.length > 0 ? /* @__PURE__ */ t.createElement(Bl, {
+		return K && oe.length > 0 ? /* @__PURE__ */ t.createElement(Bl, {
 			ref: G,
-			trigger: re,
+			trigger: K,
 			searchable: ie,
-			controlled: K.editorContext ? {
-				open: K.open,
-				anchorPosition: K.anchorPosition,
-				query: K.query,
-				editorContext: K.editorContext,
+			controlled: te.editorContext ? {
+				open: te.open,
+				anchorPosition: te.anchorPosition,
+				query: te.query,
+				editorContext: te.editorContext,
 				onClose: de
 			} : void 0,
 			onSelect: (e, t) => {
@@ -12060,7 +12057,7 @@ function Fd(e) {
 var Id = {}, Ld = ({ children: e, appearance: n = void 0, controller: r = void 0, header: i = void 0, footer: a = void 0, path: o = void 0, defaultValues: c = void 0, keyGenerator: u = void 0, onLoad: d = void 0, onRecordChange: f = void 0, onSave: _ = void 0, onDelete: v = void 0, onComplete: y = void 0, log: b = !1, showNotice: S = !0, draftBucket: C = void 0, noticeAnchorRef: w = void 0, showBack: T = !1, wrapperClassName: E = void 0, headerClassName: D = void 0, className: O = void 0, footerClassName: k = void 0, formClassName: A = void 0 }) => {
 	let j = x(), N = Y("form"), P = Fn("form"), F = Ti(), I = _d(r), L = md(I), R = m(void 0);
 	R.current ||= Fd(c);
-	let z = R.current, B = g(z.subscribe, z.getRecord), V = z.setRecord, [H, U] = h(!1), [W, ee] = h(!1), G = !c?.[za], K = m(wt(c ?? {})), [te, ne] = h(() => Nd(c)), [re, ie] = h(null), ae = m({ isDirty: !1 }), oe = p(() => {
+	let z = R.current, B = g(z.subscribe, z.getRecord), V = z.setRecord, [H, U] = h(!1), [W, ee] = h(!1), G = !c?.[za], te = m(wt(c ?? {})), [ne, re] = h(() => Nd(c)), [K, ie] = h(null), ae = m({ isDirty: !1 }), oe = p(() => {
 		if (!C) return;
 		let e = ct(C), t = ct(o || `${j.pathname}${j.hash || ""}`);
 		return e && t ? `llmnative.form-draft.${e}.${t}` : void 0;
@@ -12069,12 +12066,12 @@ var Id = {}, Ld = ({ children: e, appearance: n = void 0, controller: r = void 0
 		j.pathname,
 		j.hash,
 		o
-	]), se = !!(_ || o || !G), ce = !!(v || !G), le = p(() => !Ft(B, K.current), [B, K.current]), ue = P.noChangesToSave ?? "No changes to save", de = P.draftRestoreTitle ?? "Unsaved changes found", fe = P.draftRestoreMessage ?? "A local draft is available for this form. Restore it or discard it.", q = P.draftRestoreAction ?? "Restore", pe = P.draftDiscardAction ?? "Discard", me = P.draftRestoredTitle ?? "Draft restored", he = P.draftRestoredMessage ?? "The local draft has been restored. You can still discard it for a few seconds.", ge = s(() => {
+	]), se = !!(_ || o || !G), ce = !!(v || !G), le = p(() => !Ft(B, te.current), [B, te.current]), ue = P.noChangesToSave ?? "No changes to save", de = P.draftRestoreTitle ?? "Unsaved changes found", fe = P.draftRestoreMessage ?? "A local draft is available for this form. Restore it or discard it.", q = P.draftRestoreAction ?? "Restore", pe = P.draftDiscardAction ?? "Discard", me = P.draftRestoredTitle ?? "Draft restored", he = P.draftRestoredMessage ?? "The local draft has been restored. You can still discard it for a few seconds.", ge = s(() => {
 		!oe || typeof localStorage > "u" || localStorage.removeItem(oe);
 	}, [oe]), _e = s(() => {
 		if (!(!oe || typeof localStorage > "u")) return Pd(localStorage.getItem(oe));
 	}, [oe]), ve = s(() => {
-		V(wt(K.current));
+		V(wt(te.current));
 	}, []), [ye, be] = h(void 0), xe = s(({ message: e, type: t = "danger" }) => {
 		S && be({
 			type: t,
@@ -12179,7 +12176,7 @@ var Id = {}, Ld = ({ children: e, appearance: n = void 0, controller: r = void 0
 				action: t,
 				storagePath: je.current
 			})) ?? ze(Ee.current ?? {});
-			return e && await F.set(e, Nt(Ee.current)), K.current = wt(Ee.current ?? {}), ne(Nd(Ee.current)), ge(), ie(null), await Be(t);
+			return e && await F.set(e, Nt(Ee.current)), te.current = wt(Ee.current ?? {}), re(Nd(Ee.current)), ge(), ie(null), await Be(t);
 		} finally {
 			U(!1);
 		}
@@ -12211,7 +12208,7 @@ var Id = {}, Ld = ({ children: e, appearance: n = void 0, controller: r = void 0
 	]);
 	l(() => {
 		let e = wt(c ?? {});
-		if (c && (V(e), d?.(wt(e))), K.current = e, ne(Nd(e)), !C) {
+		if (c && (V(e), d?.(wt(e))), te.current = e, re(Nd(e)), !C) {
 			ie(null);
 			return;
 		}
@@ -12241,7 +12238,7 @@ var Id = {}, Ld = ({ children: e, appearance: n = void 0, controller: r = void 0
 		if (!oe || typeof localStorage > "u" || B === void 0) return;
 		if (!le) {
 			let e = _e();
-			if (e && Nd(e) !== te) return;
+			if (e && Nd(e) !== ne) return;
 			localStorage.removeItem(oe);
 			return;
 		}
@@ -12250,7 +12247,7 @@ var Id = {}, Ld = ({ children: e, appearance: n = void 0, controller: r = void 0
 		}, 150);
 		return () => window.clearTimeout(e);
 	}, [
-		te,
+		ne,
 		oe,
 		le,
 		_e,
@@ -12294,8 +12291,8 @@ var Id = {}, Ld = ({ children: e, appearance: n = void 0, controller: r = void 0
 			isDeleting: W,
 			saveDisabled: !se || !le || H,
 			deleteDisabled: !ce || W,
-			hasDraft: re !== null,
-			draftStatus: re,
+			hasDraft: K !== null,
+			draftStatus: K,
 			errors: Se,
 			hasErrors: Object.keys(Se).length > 0
 		});
@@ -12303,7 +12300,7 @@ var Id = {}, Ld = ({ children: e, appearance: n = void 0, controller: r = void 0
 		ce,
 		se,
 		L,
-		re,
+		K,
 		Se,
 		W,
 		le,
@@ -12340,13 +12337,13 @@ var Id = {}, Ld = ({ children: e, appearance: n = void 0, controller: r = void 0
 		timeout: ye.type === "success" ? 3e3 : void 0,
 		onClose: ye.type === "success" ? () => be(void 0) : void 0
 	}, ye.message) : null, [ye, w]), Je = p(() => {
-		if (!re) return null;
-		let e = re === "restore" ? de : me, n = re === "restore" ? fe : he;
+		if (!K) return null;
+		let e = K === "restore" ? de : me, n = K === "restore" ? fe : he;
 		return /* @__PURE__ */ t.createElement(Io, {
-			variant: re === "restore" ? "warning" : "info",
-			timeout: re === "restored" ? 6e3 : void 0,
-			onClose: re === "restored" ? () => ie(null) : void 0
-		}, /* @__PURE__ */ t.createElement("div", { className: "flex items-start justify-between gap-3" }, /* @__PURE__ */ t.createElement("div", { className: "min-w-0" }, /* @__PURE__ */ t.createElement("div", { className: "font-medium" }, e), /* @__PURE__ */ t.createElement("div", { className: "text-sm opacity-90" }, n)), /* @__PURE__ */ t.createElement("div", { className: "flex shrink-0 items-center gap-2" }, re === "restore" ? /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement(Hr, {
+			variant: K === "restore" ? "warning" : "info",
+			timeout: K === "restored" ? 6e3 : void 0,
+			onClose: K === "restored" ? () => ie(null) : void 0
+		}, /* @__PURE__ */ t.createElement("div", { className: "flex items-start justify-between gap-3" }, /* @__PURE__ */ t.createElement("div", { className: "min-w-0" }, /* @__PURE__ */ t.createElement("div", { className: "font-medium" }, e), /* @__PURE__ */ t.createElement("div", { className: "text-sm opacity-90" }, n)), /* @__PURE__ */ t.createElement("div", { className: "flex shrink-0 items-center gap-2" }, K === "restore" ? /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement(Hr, {
 			label: q,
 			variant: "warning",
 			onClick: () => Pe()
@@ -12362,7 +12359,7 @@ var Id = {}, Ld = ({ children: e, appearance: n = void 0, controller: r = void 0
 	}, [
 		Ne,
 		pe,
-		re,
+		K,
 		q,
 		fe,
 		de,
@@ -12688,7 +12685,7 @@ function $d(e, t) {
 function ef({ columns: e = void 0, records: n = void 0, footer: r = void 0, onRowClick: i = void 0, onReorder: a = void 0, onSelectionChange: o = void 0, selection: c = "multiple", sortable: d = !1, pagination: f = void 0, activeKey: g = void 0, selectedKeys: _ = void 0, groupBy: v = void 0, recordId: y = void 0, before: b = void 0, after: x = void 0, wrapperClassName: S = void 0, className: C = void 0, headerClassName: w = void 0, bodyClassName: T = void 0, footerClassName: A = void 0, heightClassName: j = void 0, scrollClassName: M = void 0, selectedClassName: N = void 0, renderCell: P = void 0 }) {
 	let F = Y("table"), I = Fn("table"), L = N || F.Table.selectedClassName, [R, z] = h(n || []), B = p(() => {
 		if (!(!d || typeof d == "boolean")) return d;
-	}, [typeof d == "object" ? d?.dir : void 0, typeof d == "object" ? d?.field : void 0]), V = d !== !1, [H, U] = h(B), [W, ee] = h(null), [G, K] = h(null), [te, ne] = h(null), [re, ie] = h(null), [ae, oe] = h(null), se = m(!1), ce = s((e) => {
+	}, [typeof d == "object" ? d?.dir : void 0, typeof d == "object" ? d?.field : void 0]), V = d !== !1, [H, U] = h(B), [W, ee] = h(null), [G, te] = h(null), [ne, re] = h(null), [K, ie] = h(null), [ae, oe] = h(null), se = m(!1), ce = s((e) => {
 		e && ee(e);
 	}, []), le = u(), ue = !!a, de = V || !!zs.normalize(B), fe = ue && de, q = !fe && V, pe = fe ? void 0 : B;
 	l(() => {
@@ -12757,8 +12754,8 @@ function ef({ columns: e = void 0, records: n = void 0, footer: r = void 0, onRo
 	]), Te = s((e, t) => {
 		if (!G) return;
 		let n = be.findIndex((e, t) => he(e, t) === G), r = be.findIndex((n, r) => he(n, r) === he(e, t));
-		ne(null), K(null);
-		let i = re?.position || "after";
+		re(null), te(null);
+		let i = K?.position || "after";
 		if (ie(null), n < 0 || r < 0 || n === r) return;
 		let o = [...be], [s] = o.splice(n, 1), c = n < r ? r + (i === "after" ? 0 : -1) : r + +(i === "after");
 		o.splice(c, 0, s), U(void 0), z(o), a?.(o, {
@@ -12768,7 +12765,7 @@ function ef({ columns: e = void 0, records: n = void 0, footer: r = void 0, onRo
 		});
 	}, [
 		G,
-		re?.position,
+		K?.position,
 		he,
 		a,
 		be
@@ -12783,10 +12780,10 @@ function ef({ columns: e = void 0, records: n = void 0, footer: r = void 0, onRo
 		F.Table.scrollClassName,
 		j ? `${j} overflow-auto` : "",
 		M || ""
-	].filter(Boolean).join(" "), Oe = !!j, ke = Ee.length + +!!ve + +!!ue, Ae = Oe ? "sticky top-0 z-10 bg-card" : "", je = (e, n, r, i) => !re || re.key !== e || re.position !== n ? null : /* @__PURE__ */ t.createElement("tr", {
+	].filter(Boolean).join(" "), Oe = !!j, ke = Ee.length + +!!ve + +!!ue, Ae = Oe ? "sticky top-0 z-10 bg-card" : "", je = (e, n, r, i) => !K || K.key !== e || K.position !== n ? null : /* @__PURE__ */ t.createElement("tr", {
 		"aria-hidden": "true",
 		onDragOver: (t) => {
-			ue && (t.preventDefault(), te !== e && ne(e), ie({
+			ue && (t.preventDefault(), ne !== e && re(e), ie({
 				key: e,
 				position: n
 			}));
@@ -12860,7 +12857,7 @@ function ef({ columns: e = void 0, records: n = void 0, footer: r = void 0, onRo
 		return e.map((e, o) => {
 			let s = n + o, l = he(e, s), u = r ? r.map((t) => String(e[t] ?? "")).join(" · ") : void 0, d = u !== void 0 && u !== a;
 			a = u;
-			let f = ge.includes(l), p = te === l, m = G === l, h = L && (g === void 0 ? ae : g) === l;
+			let f = ge.includes(l), p = ne === l, m = G === l, h = L && (g === void 0 ? ae : g) === l;
 			return /* @__PURE__ */ t.createElement(t.Fragment, { key: l }, d && /* @__PURE__ */ t.createElement("tr", { "aria-hidden": "true" }, /* @__PURE__ */ t.createElement("td", {
 				colSpan: ke,
 				className: "bg-muted/40 px-3 py-1.5 text-xs font-semibold uppercase tracking-wide text-muted-foreground"
@@ -12879,22 +12876,22 @@ function ef({ columns: e = void 0, records: n = void 0, footer: r = void 0, onRo
 					i && xe(t, e, s);
 				},
 				onDragStart: () => {
-					K(l);
+					te(l);
 				},
 				onDragOver: (e) => {
 					if (!ue) return;
 					e.preventDefault();
 					let t = e.currentTarget.getBoundingClientRect(), n = e.clientY < t.top + t.height / 2 ? "before" : "after";
-					te !== l && ne(l), G !== l && ie((e) => e?.key === l && e.position === n ? e : {
+					ne !== l && re(l), G !== l && ie((e) => e?.key === l && e.position === n ? e : {
 						key: l,
 						position: n
 					});
 				},
 				onDragLeave: () => {
-					te === l && ne(null);
+					ne === l && re(null);
 				},
 				onDragEnd: () => {
-					K(null), ne(null), ie(null);
+					te(null), re(null), ie(null);
 				},
 				onDrop: (t) => {
 					ue && (t.preventDefault(), Te(e, s));
@@ -12933,10 +12930,10 @@ function ef({ columns: e = void 0, records: n = void 0, footer: r = void 0, onRo
 				"aria-label": Dn(I.reorderRow, { key: l }),
 				onClick: (e) => e.preventDefault(),
 				onDragStart: (e) => {
-					e.stopPropagation(), K(l);
+					e.stopPropagation(), te(l);
 				},
 				onDragEnd: (e) => {
-					e.stopPropagation(), K(null), ne(null), ie(null);
+					e.stopPropagation(), te(null), re(null), ie(null);
 				}
 			}, /* @__PURE__ */ t.createElement(k, { size: 14 }))), Ee.map((n) => /* @__PURE__ */ t.createElement("td", {
 				key: n.key,
@@ -13293,9 +13290,9 @@ var Df = ({ name: e, label: n = void 0, required: r = !1, placeholder: i = void
 		required: r,
 		label: n,
 		validator: f
-	}), V = u(), H = v ?? V, U = typeof _ == "object" ? _ : {}, W = !!_, ee = U.position ?? "below", G = U.defaultZoom ?? 15, K = U.height ?? 240, [te, ne] = h(typeof A.value == "string" ? A.value : ""), [re, ie] = h([]), [ae, oe] = h(!1), [se, ce] = h(!1), [le, ue] = h(null), de = m(void 0), fe = m(0), q = m(null), pe = m(null), me = m(void 0), he = m(void 0), ge = m(void 0), _e = m(void 0), ve = m(!1);
+	}), V = u(), H = v ?? V, U = typeof _ == "object" ? _ : {}, W = !!_, ee = U.position ?? "below", G = U.defaultZoom ?? 15, te = U.height ?? 240, [ne, re] = h(typeof A.value == "string" ? A.value : ""), [K, ie] = h([]), [ae, oe] = h(!1), [se, ce] = h(!1), [le, ue] = h(null), de = m(void 0), fe = m(0), q = m(null), pe = m(null), me = m(void 0), he = m(void 0), ge = m(void 0), _e = m(void 0), ve = m(!1);
 	l(() => {
-		typeof A.value == "string" && A.value !== te && ne(A.value);
+		typeof A.value == "string" && A.value !== ne && re(A.value);
 	}, [A.value]), l(() => {
 		if (!ae) return;
 		let e = (e) => {
@@ -13304,7 +13301,7 @@ var Df = ({ name: e, label: n = void 0, required: r = !1, placeholder: i = void
 		return window.document.addEventListener("pointerdown", e), () => window.document.removeEventListener("pointerdown", e);
 	}, [ae]), l(() => {
 		if (!O) return;
-		let e = ++fe.current, t = te.trim();
+		let e = ++fe.current, t = ne.trim();
 		if (t.length < 3) {
 			ie([]), ce(!1);
 			return;
@@ -13342,11 +13339,11 @@ var Df = ({ name: e, label: n = void 0, required: r = !1, placeholder: i = void
 			})();
 		}, 250);
 		return () => window.clearTimeout(n);
-	}, [te, O]);
+	}, [ne, O]);
 	let ye = (e, t) => {
 		ve.current = !0;
-		let n = e.formatted ?? te;
-		ne(n), A.handleChange({ target: {
+		let n = e.formatted ?? ne;
+		re(n), A.handleChange({ target: {
 			name: k.formatted,
 			value: n
 		} }), e.street !== void 0 && j.handleChange({ target: {
@@ -13427,7 +13424,7 @@ var Df = ({ name: e, label: n = void 0, required: r = !1, placeholder: i = void
 					})).results[0];
 					if (!n) return;
 					let r = Ef(n), i = r.formatted ?? t;
-					if (ne(i), A.handleChange({ target: {
+					if (re(i), A.handleChange({ target: {
 						name: k.formatted,
 						value: i
 					} }), r.lat !== void 0 && L.handleChange({ target: {
@@ -13529,7 +13526,7 @@ var Df = ({ name: e, label: n = void 0, required: r = !1, placeholder: i = void
 	let we = W ? /* @__PURE__ */ t.createElement("div", {
 		ref: pe,
 		className: X("mt-2 w-full overflow-hidden rounded-md border", T),
-		style: { height: K }
+		style: { height: te }
 	}) : null;
 	return /* @__PURE__ */ t.createElement(Z, { className: A.formWrapClass || D.AddressAutocomplete.wrapperClassName }, n && /* @__PURE__ */ t.createElement(Ns, {
 		label: n,
@@ -13550,16 +13547,16 @@ var Df = ({ name: e, label: n = void 0, required: r = !1, placeholder: i = void
 		placeholder: i ?? E.placeholder,
 		required: r,
 		disabled: a,
-		value: te,
+		value: ne,
 		onChange: (e) => {
-			ne(e.target.value), oe(!0);
+			re(e.target.value), oe(!0);
 		},
 		onFocus: () => oe(!0)
 	}), /* @__PURE__ */ t.createElement("span", { className: "pointer-events-none absolute inset-y-0 right-2 flex items-center text-muted-foreground" }, /* @__PURE__ */ t.createElement(Q, {
 		name: se ? "loader-circle" : "map-pin",
 		size: 15,
 		className: se ? "animate-spin" : void 0
-	})), ae && te.trim().length >= 3 && /* @__PURE__ */ t.createElement("div", { className: X("absolute z-50 mt-1 max-h-64 w-full overflow-y-auto rounded-md border p-1 text-sm shadow-lg", C || D.AddressAutocomplete.menuClassName) }, le ? /* @__PURE__ */ t.createElement("div", { className: "px-2 py-3 text-center text-destructive" }, le) : se && re.length === 0 ? /* @__PURE__ */ t.createElement("div", { className: "px-2 py-3 text-center text-muted-foreground" }, E.searching) : re.length === 0 ? /* @__PURE__ */ t.createElement("div", { className: "px-2 py-3 text-center text-muted-foreground" }, E.noResults) : re.map((e) => /* @__PURE__ */ t.createElement("button", {
+	})), ae && ne.trim().length >= 3 && /* @__PURE__ */ t.createElement("div", { className: X("absolute z-50 mt-1 max-h-64 w-full overflow-y-auto rounded-md border p-1 text-sm shadow-lg", C || D.AddressAutocomplete.menuClassName) }, le ? /* @__PURE__ */ t.createElement("div", { className: "px-2 py-3 text-center text-destructive" }, le) : se && K.length === 0 ? /* @__PURE__ */ t.createElement("div", { className: "px-2 py-3 text-center text-muted-foreground" }, E.searching) : K.length === 0 ? /* @__PURE__ */ t.createElement("div", { className: "px-2 py-3 text-center text-muted-foreground" }, E.noResults) : K.map((e) => /* @__PURE__ */ t.createElement("button", {
 		key: e.id,
 		type: "button",
 		className: X("flex w-full items-start gap-2 rounded-sm px-2 py-1.5 text-left transition-colors hover:bg-accent hover:text-accent-foreground", w || D.AddressAutocomplete.itemClassName),
@@ -14698,19 +14695,19 @@ var Gp = ({ children: e, name: n, onChange: r = void 0, onAdd: i = void 0, onRem
 		className: X("inline-flex h-9 min-w-[2.25rem] items-center justify-center rounded-md border bg-background px-3 text-sm transition-colors", A === "disabled" ? "pointer-events-none opacity-40" : "cursor-pointer hover:bg-accent hover:text-accent-foreground")
 	}, /* @__PURE__ */ t.createElement("span", null, "»"))))), c);
 	return /* @__PURE__ */ t.createElement(t.Fragment, null, n(E, w), o ? j(P, o) : o === void 0 && P);
-}, qp = ({ records: e = void 0, header: n = void 0, footer: r = void 0, overlays: i = void 0, onRowClick: a = void 0, onSelectionChange: o = void 0, sortable: c = !1, pagination: u = void 0, gap: d = void 0, columns: f = void 0, groupBy: g = void 0, selectedKeys: _ = void 0, before: v = void 0, after: y = void 0, wrapperClassName: b = void 0, className: x = void 0, headerClassName: S = void 0, scrollClassName: C = void 0, bodyClassName: w = void 0, footerClassName: T = void 0, selectedClassName: E = void 0 }) => {
-	let D = Y("gallery"), O = Fn("gallery"), k = Fn("common"), A = E || D.Gallery.selectedClassName, [j, M] = h(null), N = s((e) => {
-		e && M(e);
-	}, []), P = d ?? D.Gallery.gap, F = f ?? D.Gallery.rowCols, I = {
+}, qp = ({ records: e = void 0, header: n = void 0, footer: r = void 0, overlays: i = void 0, renderItem: a = void 0, onRowClick: o = void 0, onSelectionChange: c = void 0, sortable: u = !1, pagination: d = void 0, gap: f = void 0, columns: g = void 0, groupBy: _ = void 0, selectedKeys: v = void 0, before: y = void 0, after: b = void 0, wrapperClassName: x = void 0, className: S = void 0, headerClassName: C = void 0, scrollClassName: w = void 0, bodyClassName: T = void 0, footerClassName: E = void 0, selectedClassName: D = void 0 }) => {
+	let O = Y("gallery"), k = Fn("gallery"), A = Fn("common"), j = D || O.Gallery.selectedClassName, [M, N] = h(null), P = s((e) => {
+		e && N(e);
+	}, []), F = f ?? O.Gallery.gap, I = g ?? O.Gallery.rowCols, L = {
 		0: "0",
 		1: "0.25rem",
 		2: "0.5rem",
 		3: "1rem",
 		4: "1.5rem",
 		5: "3rem"
-	}, L = I[P] ?? I[2], R = "0.75rem", z = "calc(50% - 1rem)", B = P === 0 ? `${(100 / F).toFixed(4)}%` : `calc((100% - (${L} * ${F - 1})) / ${F})`, V = e || [], H = p(() => {
-		if (!c) return;
-		if (typeof c == "object") return c;
+	}, R = L[F] ?? L[2], z = "0.75rem", B = "calc(50% - 1rem)", V = F === 0 ? `${(100 / I).toFixed(4)}%` : `calc((100% - (${R} * ${I - 1})) / ${I})`, H = e || [], U = p(() => {
+		if (!u) return;
+		if (typeof u == "object") return u;
 		let t = e?.[0];
 		if (!t) return;
 		let n = Object.keys(t).find((e) => !e.startsWith("_"));
@@ -14720,22 +14717,22 @@ var Gp = ({ children: e, name: n, onChange: r = void 0, onAdd: i = void 0, onRem
 		};
 	}, [
 		e,
-		typeof c == "object" ? c?.dir : void 0,
-		typeof c == "object" ? c?.field : void 0,
-		c
-	]), U = $d("item"), W = s((e, t) => U(e, t), [U]), { activeSelectedKeys: ee, showSelection: G, updateSelection: K } = Qd({
-		records: V,
-		selectedKeys: _,
-		onSelectionChange: o,
-		getRecordKey: W
-	}), te = m(/* @__PURE__ */ new Map());
+		typeof u == "object" ? u?.dir : void 0,
+		typeof u == "object" ? u?.field : void 0,
+		u
+	]), W = $d("item"), ee = s((e, t) => W(e, t), [W]), { activeSelectedKeys: G, showSelection: te, updateSelection: ne } = Qd({
+		records: H,
+		selectedKeys: v,
+		onSelectionChange: c,
+		getRecordKey: ee
+	}), re = m(/* @__PURE__ */ new Map());
 	l(() => {
-		let e = new Set(V.map((e, t) => W(e, t)));
-		for (let t of te.current.keys()) e.has(t) || te.current.delete(t);
-	}, [V, W]);
-	let ne = (e, t) => {
-		if (A) {
-			let t = A.split(/\s+/).filter(Boolean), n = e.target;
+		let e = new Set(H.map((e, t) => ee(e, t)));
+		for (let t of re.current.keys()) e.has(t) || re.current.delete(t);
+	}, [H, ee]);
+	let K = (e, t) => {
+		if (j) {
+			let t = j.split(/\s+/).filter(Boolean), n = e.target;
 			for (; n && !n.classList.contains("item");) {
 				if ([
 					"A",
@@ -14749,25 +14746,25 @@ var Gp = ({ children: e, name: n, onChange: r = void 0, onAdd: i = void 0, onRem
 				e.classList.remove(...t);
 			}), n.classList.add(...t));
 		}
-		a?.(t);
-	}, re = s((e, t) => {
-		let n = W(e, t), r = ee.includes(n) ? ee.filter((e) => e !== n) : [...ee, n];
-		K(r);
+		o?.(t);
+	}, ie = s((e, t) => {
+		let n = ee(e, t), r = G.includes(n) ? G.filter((e) => e !== n) : [...G, n];
+		ne(r);
 	}, [
+		G,
 		ee,
-		W,
-		K
-	]), ie = (e, n) => {
+		ne
+	]), ae = (e, n) => {
 		let r = e.img;
 		return r && t.isValidElement(r) ? t.cloneElement(r, {
 			className: X("block h-auto w-full max-w-full rounded-lg object-cover", r.props.className),
 			style: {
 				...r.props.style || {},
 				aspectRatio: r.props.style?.aspectRatio || "16 / 11",
-				cursor: a ? "pointer" : "default"
+				cursor: o ? "pointer" : "default"
 			},
-			onClick: a ? ((t) => {
-				ne(t, e), r.props.onClick?.(t);
+			onClick: o ? ((t) => {
+				K(t, e), r.props.onClick?.(t);
 			}) : r.props.onClick
 		}) : /* @__PURE__ */ t.createElement("img", {
 			className: "block h-auto w-full max-w-full rounded-lg object-cover",
@@ -14777,105 +14774,111 @@ var Gp = ({ children: e, name: n, onChange: r = void 0, onAdd: i = void 0, onRem
 			height: e.height,
 			style: {
 				aspectRatio: "16 / 11",
-				cursor: a ? "pointer" : "default"
+				cursor: o ? "pointer" : "default"
 			},
-			onClick: a ? ((t) => ne(t, e)) : void 0
+			onClick: o ? ((t) => K(t, e)) : void 0
 		});
-	}, ae = (e) => t.isValidElement(e) ? e : /* @__PURE__ */ t.createElement("span", { className: "inline-block max-w-full overflow-hidden text-ellipsis align-top" }, /* @__PURE__ */ t.createElement(Zn, {
+	}, oe = (e) => t.isValidElement(e) ? e : /* @__PURE__ */ t.createElement("span", { className: "inline-block max-w-full overflow-hidden text-ellipsis align-top" }, /* @__PURE__ */ t.createElement(Zn, {
 		badge: e,
 		className: "badge-overlay"
-	})), oe = (e, n, r = "left", i) => /* @__PURE__ */ t.createElement("div", {
+	})), se = (e, n, r = "left", i) => /* @__PURE__ */ t.createElement("div", {
 		className: X("absolute z-10 overflow-hidden text-ellipsis whitespace-nowrap leading-none", r === "right" ? "text-right" : "text-left", i),
 		style: {
-			width: z,
-			maxWidth: z,
+			width: B,
+			maxWidth: B,
 			pointerEvents: "none",
 			...n
 		}
-	}, ae(e)), se = {
+	}, oe(e)), ce = {
 		topLeft: { style: {
-			left: R,
-			top: R
+			left: z,
+			top: z
 		} },
 		topRight: {
 			style: {
-				right: R,
-				top: R
+				right: z,
+				top: z
 			},
 			align: "right"
 		},
 		bottomLeft: { style: {
-			bottom: R,
-			left: R
+			bottom: z,
+			left: z
 		} },
 		bottomRight: {
 			style: {
-				bottom: R,
-				right: R
+				bottom: z,
+				right: z
 			},
 			align: "right"
 		},
 		middleLeft: { style: {
-			left: R,
+			left: z,
 			top: "50%",
 			transform: "translateY(-50%)"
 		} },
 		middleRight: {
 			style: {
-				right: R,
+				right: z,
 				top: "50%",
 				transform: "translateY(-50%)"
 			},
 			align: "right"
 		}
-	}, ce = (e, t, n) => e.when ? typeof e.when == "function" ? e.when(t, n) : Object.entries(e.when).every(([e, n]) => t[e] === n) : !0, le = (e, t, n) => e.render ? e.render(t, n) : typeof e.badge == "function" ? e.badge(t, n) : e.badge, ue = (e, n) => i?.length ? i.map((r, i) => {
-		if (!r.position || !ce(r, e, n)) return null;
-		let a = le(r, e, n);
+	}, le = (e, t, n) => e.when ? typeof e.when == "function" ? e.when(t, n) : Object.entries(e.when).every(([e, n]) => t[e] === n) : !0, ue = (e, t, n) => e.render ? e.render(t, n) : typeof e.badge == "function" ? e.badge(t, n) : e.badge, de = (e, n) => i?.length ? i.map((r, i) => {
+		if (!r.position || !le(r, e, n)) return null;
+		let a = ue(r, e, n);
 		if (a == null || a === !1) return null;
-		let o = se[r.position];
-		return o ? /* @__PURE__ */ t.createElement(t.Fragment, { key: `${r.position}-${i}` }, oe(a, {
+		let o = ce[r.position];
+		return o ? /* @__PURE__ */ t.createElement(t.Fragment, { key: `${r.position}-${i}` }, se(a, {
 			...o.style,
 			...r.style
 		}, o.align, r.className)) : null;
-	}) : null, de = s((e, t) => {
-		let n = W(e, t), r = te.current.get(n);
-		if (r && r.recordRef === e && r.overlaysRef === i && r.onClickRef === a && r.rowIndex === t) return {
+	}) : null, fe = s((e, t) => {
+		let n = ee(e, t), r = re.current.get(n);
+		if (r && r.recordRef === e && r.overlaysRef === i && r.onClickRef === o && r.rowIndex === t) return {
 			image: r.image,
 			overlays: r.overlays
 		};
-		let o = {
-			image: ie(e, t),
-			overlays: ue(e, t)
+		let a = {
+			image: ae(e, t),
+			overlays: de(e, t)
 		};
-		return te.current.set(n, {
+		return re.current.set(n, {
 			recordRef: e,
 			overlaysRef: i,
-			onClickRef: a,
+			onClickRef: o,
 			rowIndex: t,
-			image: o.image,
-			overlays: o.overlays
-		}), o;
+			image: a.image,
+			overlays: a.overlays
+		}), a;
 	}, [
-		W,
-		a,
+		ee,
+		o,
 		i
-	]), fe = (e, n) => {
-		let r = W(n, e), i = ee.includes(r), a = A?.split(/\s+/).filter(Boolean) || [], o = de(n, e);
+	]), q = (e, n) => {
+		let r = ee(n, e), i = G.includes(r), s = j?.split(/\s+/).filter(Boolean) || [], c = a ? null : fe(n, e), l = a ? a(n, e, {
+			isSelected: i,
+			toggleSelection: () => ie(n, e)
+		}) : null;
 		return /* @__PURE__ */ t.createElement("div", {
 			key: r,
-			className: X("item min-w-0", i && a),
+			className: X("item min-w-0", i && s),
 			style: {
-				flex: `0 0 ${B}`,
-				maxWidth: B
+				flex: `0 0 ${V}`,
+				maxWidth: V
 			}
-		}, /* @__PURE__ */ t.createElement("div", { className: "relative overflow-hidden rounded-lg" }, G && /* @__PURE__ */ t.createElement("label", { className: "absolute left-3 top-3 z-20 inline-flex items-center rounded bg-background/90 px-2 py-1 shadow-sm" }, /* @__PURE__ */ t.createElement("input", {
+		}, /* @__PURE__ */ t.createElement("div", {
+			className: X("relative", !a && "overflow-hidden rounded-lg", a && o && "cursor-pointer"),
+			onClick: a && o ? (e) => K(e, n) : void 0
+		}, te && /* @__PURE__ */ t.createElement("label", { className: "absolute left-3 top-3 z-20 inline-flex items-center rounded bg-background/90 px-2 py-1 shadow-sm" }, /* @__PURE__ */ t.createElement("input", {
 			type: "checkbox",
-			"aria-label": Dn(O.selectItem, { key: r }),
+			"aria-label": Dn(k.selectItem, { key: r }),
 			checked: i,
-			onChange: () => re(n, e),
+			onChange: () => ie(n, e),
 			onClick: (e) => e.stopPropagation()
-		})), o.image, o.overlays));
-	}, q = (e, t) => {
+		})), a ? l : /* @__PURE__ */ t.createElement(t.Fragment, null, c.image, c.overlays)));
+	}, pe = (e, t) => {
 		let n = Array.isArray(t) ? t : [t], r = /* @__PURE__ */ new Map();
 		return e.forEach((e, t) => {
 			let i = n.map((t) => String(e[t] ?? "")).join(" · ") || "-";
@@ -14888,48 +14891,49 @@ var Gp = ({ children: e, name: n, onChange: r = void 0, onAdd: i = void 0, onRem
 			groupName: e,
 			items: t
 		}));
-	}, pe = p(() => {
+	}, me = p(() => {
 		if (!Array.isArray(e)) return;
-		let t = zs.records(e, H) || [];
-		return g ? q(t, g) : t.map((e, t) => ({
+		let t = zs.records(e, U) || [];
+		return _ ? pe(t, _) : t.map((e, t) => ({
 			kind: "item",
 			item: e,
 			index: t
 		}));
 	}, [
 		e,
-		g,
-		H
+		_,
+		U
 	]);
-	return pe === void 0 ? /* @__PURE__ */ t.createElement("p", { className: "p-4" }, /* @__PURE__ */ t.createElement("span", { className: "mr-2 inline-block h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent" }), k.loading) : pe.length === 0 ? /* @__PURE__ */ t.createElement("p", { className: "p-4" }, k.noDataFound) : /* @__PURE__ */ t.createElement("div", { className: X("flex items-stretch gap-3", b || D.Gallery.wrapperClassName) }, v && /* @__PURE__ */ t.createElement("div", { className: "gallery-before flex shrink-0 items-center self-stretch" }, v), /* @__PURE__ */ t.createElement(Z, { className: X("min-w-0 flex-1 flex flex-col", x || D.Gallery.className) }, n && /* @__PURE__ */ t.createElement("div", { className: S || D.Gallery.headerClassName }, n), /* @__PURE__ */ t.createElement(Z, { className: X("min-w-0 flex-1", C || D.Gallery.scrollClassName) }, /* @__PURE__ */ t.createElement(Kp, {
-		records: pe,
-		appendTo: j,
+	return me === void 0 ? /* @__PURE__ */ t.createElement("p", { className: "p-4" }, /* @__PURE__ */ t.createElement("span", { className: "mr-2 inline-block h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent" }), A.loading) : me.length === 0 ? /* @__PURE__ */ t.createElement("p", { className: "p-4" }, A.noDataFound) : /* @__PURE__ */ t.createElement("div", { className: X("flex items-stretch gap-3", x || O.Gallery.wrapperClassName) }, y && /* @__PURE__ */ t.createElement("div", { className: "gallery-before flex shrink-0 items-center self-stretch" }, y), /* @__PURE__ */ t.createElement(Z, { className: X("min-w-0 flex-1 flex flex-col", S || O.Gallery.className) }, n && /* @__PURE__ */ t.createElement("div", { className: C || O.Gallery.headerClassName }, n), /* @__PURE__ */ t.createElement(Z, { className: X("min-w-0 flex-1", w || O.Gallery.scrollClassName) }, /* @__PURE__ */ t.createElement(Kp, {
+		records: me,
+		appendTo: M,
 		wrapperClassName: "px-3 pt-4 pb-2",
-		...u || {}
+		...d || {}
 	}, (e) => /* @__PURE__ */ t.createElement("div", { className: "p-3" }, /* @__PURE__ */ t.createElement("div", {
-		className: "flex flex-wrap text-center items-center " + (w || D.Gallery.bodyClassName),
-		style: { gap: L }
+		className: "flex flex-wrap text-center items-center " + (T || O.Gallery.bodyClassName),
+		style: { gap: R }
 	}, e.map((e) => e.kind === "group" ? /* @__PURE__ */ t.createElement("section", {
 		key: e.groupName,
 		className: "gallery-group rounded-lg border bg-card p-3 text-left"
 	}, /* @__PURE__ */ t.createElement("h3", { className: "mb-3 text-sm font-semibold uppercase tracking-wide text-muted-foreground" }, e.groupName), /* @__PURE__ */ t.createElement("div", {
 		className: X("flex flex-wrap items-center"),
-		style: { gap: L }
-	}, e.items.map(({ item: e, index: t }) => fe(t, e)))) : fe(e.index, e.item)))))), /* @__PURE__ */ t.createElement("div", {
-		ref: N,
+		style: { gap: R }
+	}, e.items.map(({ item: e, index: t }) => q(t, e)))) : q(e.index, e.item)))))), /* @__PURE__ */ t.createElement("div", {
+		ref: P,
 		className: "mt-auto"
-	}), r && /* @__PURE__ */ t.createElement("div", { className: T || D.Gallery.footerClassName }, r)), y && /* @__PURE__ */ t.createElement("div", { className: "gallery-after flex shrink-0 items-center self-stretch" }, y));
+	}), r && /* @__PURE__ */ t.createElement("div", { className: E || O.Gallery.footerClassName }, r)), b && /* @__PURE__ */ t.createElement("div", { className: "gallery-after flex shrink-0 items-center self-stretch" }, b));
 };
 //#endregion
 //#region src/components/widgets/grid-core/GridGalleryView.tsx
-function Jp({ records: e, recordId: n, sortable: r, pagination: i, selection: a = !1, selectedKeys: o, onSelectionChange: s, onRowClick: c, groupBy: l, wrapperClassName: u, before: d, after: f, columns: m, overlays: h }) {
-	let g = p(() => Gf(n), [n]), _ = p(() => e.reduce((e, t) => (e.set(g(t), t), e), /* @__PURE__ */ new Map()), [g, e]), v = p(() => e.map((e) => ({
+function Jp({ records: e, recordId: n, sortable: r, pagination: i, selection: a = !1, selectedKeys: o, onSelectionChange: s, onRowClick: c, groupBy: l, wrapperClassName: u, before: d, after: f, columns: m, overlays: h, renderItem: g }) {
+	let _ = p(() => Gf(n), [n]), v = p(() => e.reduce((e, t) => (e.set(_(t), t), e), /* @__PURE__ */ new Map()), [_, e]), y = p(() => e.map((e) => ({
 		...e,
-		[za]: g(e)
-	})), [e, g]);
+		[za]: _(e)
+	})), [e, _]);
 	return /* @__PURE__ */ t.createElement(qp, {
-		records: v,
+		records: y,
 		overlays: h,
+		renderItem: g ? (e, t, n) => g(e, t, n) : void 0,
 		sortable: r,
 		pagination: i,
 		selectedKeys: a ? o : void 0,
@@ -14937,7 +14941,7 @@ function Jp({ records: e, recordId: n, sortable: r, pagination: i, selection: a
 			let t = e.keys, n = e.records;
 			if (a === "single" && e.keys.length > 1) {
 				let r = e.keys[e.keys.length - 1];
-				t = r ? [r] : [], n = r && _.get(r) ? [_.get(r)] : [];
+				t = r ? [r] : [], n = r && v.get(r) ? [v.get(r)] : [];
 			}
 			let r = {
 				keys: t,
@@ -15361,13 +15365,13 @@ function om({ records: e, recordId: n, sourcePath: r, columns: i, actions: a, fo
 		columns: i,
 		records: U,
 		form: o
-	}), [G, K] = h(() => Object.fromEntries((M ?? []).map((e) => [e.key, em(e)]))), [te, ne] = h(!1), re = s((e, t) => {
-		K((n) => ({
+	}), [G, te] = h(() => Object.fromEntries((M ?? []).map((e) => [e.key, em(e)]))), [ne, re] = h(!1), K = s((e, t) => {
+		te((n) => ({
 			...n,
 			[e]: t
 		}));
 	}, []), ie = s((e) => {
-		K((t) => ({
+		te((t) => ({
 			...t,
 			[e.key]: em(e)
 		}));
@@ -15381,7 +15385,7 @@ function om({ records: e, recordId: n, sourcePath: r, columns: i, actions: a, fo
 		title: z.filtersButton,
 		variant: "link",
 		badge: ae.length > 0 ? ae.length : void 0,
-		onClick: () => ne(!0)
+		onClick: () => re(!0)
 	}) : null, ce = (M ?? []).length > 0 && ae.length > 0 ? /* @__PURE__ */ t.createElement("div", { className: "flex flex-wrap items-center gap-1.5" }, ae.map((e) => /* @__PURE__ */ t.createElement(Qn, {
 		key: e.key,
 		variant: "info",
@@ -15392,22 +15396,22 @@ function om({ records: e, recordId: n, sourcePath: r, columns: i, actions: a, fo
 		ariaLabel: `${z.filtersClearAll} ${e.label}`,
 		title: `${z.filtersClearAll} ${e.label}`,
 		onClick: () => ie(e)
-	})))) : null, le = !j && se ? /* @__PURE__ */ t.createElement("div", { className: "flex flex-wrap items-center gap-2" }, se, ce) : null, ue = te && M && M.length > 0 ? /* @__PURE__ */ t.createElement(Mi, {
+	})))) : null, le = !j && se ? /* @__PURE__ */ t.createElement("div", { className: "flex flex-wrap items-center gap-2" }, se, ce) : null, ue = ne && M && M.length > 0 ? /* @__PURE__ */ t.createElement(Mi, {
 		title: z.filtersPanelTitle,
 		size: "md",
 		position: "right",
-		onClose: () => ne(!1),
+		onClose: () => re(!1),
 		footer: /* @__PURE__ */ t.createElement(Hr, {
 			label: z.filtersClearAll,
 			variant: "link",
 			disabled: ae.length === 0,
-			onClick: () => K(Object.fromEntries(M.map((e) => [e.key, em(e)])))
+			onClick: () => te(Object.fromEntries(M.map((e) => [e.key, em(e)])))
 		})
 	}, /* @__PURE__ */ t.createElement("div", { className: "flex flex-col gap-5" }, M.map((e) => /* @__PURE__ */ t.createElement(am, {
 		key: e.key,
 		filter: e,
 		value: G[e.key] ?? em(e),
-		onChange: (t) => re(e.key, t),
+		onChange: (t) => K(e.key, t),
 		dict: z
 	})))) : null, de = j === !0 ? {} : j || void 0, [fe, q] = h(""), pe = p(() => {
 		if (!de || !fe.trim()) return oe;
@@ -15441,6 +15445,7 @@ function om({ records: e, recordId: n, sourcePath: r, columns: i, actions: a, fo
 			return n.has(e) ? n.delete(e) : n.add(e), n;
 		});
 	}, []), Oe = p(() => we.filter((e) => !Te.has(String(e.key))), [we, Te]), ke = p(() => {
+		if (_e.renderItem) return;
 		let e = [];
 		if (Oe.length) {
 			let n = /* @__PURE__ */ new Map();
@@ -15460,7 +15465,11 @@ function om({ records: e, recordId: n, sourcePath: r, columns: i, actions: a, fo
 		}
 		let n = [..._e.overlays ?? [], ...e];
 		return n.length ? n : void 0;
-	}, [_e.overlays, Oe]), { mode: Ae, activeSelectionKeys: je, selectionState: Me, handleSelectionChange: Ne } = Qp({ selection: E }), { normalizedActions: Pe, activeAction: Fe, activeActionConfig: J, activeActionBody: Ie, activeKey: Le, runAction: Re, close: ze, getActionContext: Be, getModalActionContext: Ve, getRecordKey: He, formController: Ue } = Yp({
+	}, [
+		_e.overlays,
+		_e.renderItem,
+		Oe
+	]), { mode: Ae, activeSelectionKeys: je, selectionState: Me, handleSelectionChange: Ne } = Qp({ selection: E }), { normalizedActions: Pe, activeAction: Fe, activeActionConfig: J, activeActionBody: Ie, activeKey: Le, runAction: Re, close: ze, getActionContext: Be, getModalActionContext: Ve, getRecordKey: He, formController: Ue } = Yp({
 		actions: a,
 		form: o,
 		editDeepLink: c,
@@ -15618,7 +15627,8 @@ function om({ records: e, recordId: n, sourcePath: r, columns: i, actions: a, fo
 		before: S,
 		after: C,
 		columns: _e.columns,
-		overlays: ke
+		overlays: ke,
+		renderItem: _e.renderItem
 	}) : /* @__PURE__ */ t.createElement(np, {
 		records: pe,
 		recordId: n,
@@ -15938,7 +15948,7 @@ var um = () => {
 		let e = Zr("user");
 		e?.profile?.sub && window.google?.accounts?.id?.revoke(e.profile.sub), localStorage.removeItem("googleCredentialToken"), $r("user");
 		let t = Fa();
-		t && await re(t);
+		t && await K(t);
 	}
 	onAuthChange(e) {
 		let t = Fa();
@@ -16324,19 +16334,19 @@ var Um = class {
 		if (n === "oauth") {
 			let { provider: n } = e;
 			if (!n) throw Error("FirebaseAuthProvider.signIn: provider is required for oauth");
-			let { user: r } = await ne(t, Vm(n));
+			let { user: r } = await re(t, Vm(n));
 			return Hm(r);
 		}
 		let { email: r, password: i } = e;
 		if (!r || !i) throw Error("FirebaseAuthProvider.signIn: email and password are required");
-		let { user: a } = await te(t, r, i);
+		let { user: a } = await ne(t, r, i);
 		return Hm(a);
 	}
 	async signOut() {
 		await this.initPromise;
 		let e = Fa(this.appName);
 		if (!e) throw Error("FirebaseAuthProvider: Firebase auth is not initialized");
-		await re(e);
+		await K(e);
 	}
 	onAuthChange(e) {
 		if (!this.options.config) {