@llmnative/react 1.8.0 → 1.8.1

package/dist/index.mjs

@@ -18,7 +18,7 @@ import Ae from "remark-gfm";
 import je from "rehype-slug";
 import Me from "rehype-autolink-headings";
 import Ne from "rehype-sanitize";
-import { endAt as Pe, equalTo as J, get as Fe, getDatabase as Ie, onValue as Le, orderByChild as Re, orderByKey as ze, orderByValue as Be, query as Ve, ref as He, remove as Ue, set as We, startAt as Ge, update as Ke } from "firebase/database";
+import { endAt as Pe, equalTo as Fe, get as J, getDatabase as Ie, onValue as Le, orderByChild as Re, orderByKey as ze, orderByValue as Be, query as Ve, ref as He, remove as Ue, set as We, startAt as Ge, update as Ke } from "firebase/database";
 import "react-dom/server";
 //#region \0rolldown/runtime.js
 var qe = Object.defineProperty, Je = (e, t) => {
@@ -10896,13 +10896,13 @@ var cd = (e) => {
 		xe.current[e] = t;
 	}, []), Pe = s((e) => {
 		delete xe.current[e];
-	}, []), J = s((e) => {
+	}, []), Fe = s((e) => {
 		be((t) => {
 			if (!t[e]) return t;
 			let { [e]: n, ...r } = t;
 			return r;
 		});
-	}, []), Fe = s(async () => {
+	}, []), J = s(async () => {
 		let e = {};
 		for (let [t, n] of Object.entries(xe.current)) {
 			let { required: r, label: i, validator: a } = n.current, o = t.split(".").reduce((e, t) => {
@@ -10967,7 +10967,7 @@ var cd = (e) => {
 		}), !1;
 		if (M(() => {
 			be({}), b && _e(void 0);
-		}), !await Fe()) return b && _e({
+		}), !await J()) return b && _e({
 			message: N.noticeRequiredFields,
 			type: "warning"
 		}), !1;
@@ -10994,7 +10994,7 @@ var cd = (e) => {
 		U,
 		se,
 		b,
-		Fe
+		J
 	]), ze = s(async (e) => {
 		e?.preventDefault?.(), b && _e(void 0), H(!0);
 		try {
@@ -11117,12 +11117,12 @@ var cd = (e) => {
 	}, [F]), Ve = p(() => ({
 		registerField: Ne,
 		unregisterField: Pe,
-		clearFieldError: J,
+		clearFieldError: Fe,
 		errors: ye
 	}), [
 		Ne,
 		Pe,
-		J,
+		Fe,
 		ye
 	]), He = p(() => ({
 		record: L,
@@ -15220,49 +15220,43 @@ function tm({ filter: e, value: n, onChange: r, dict: i }) {
 	}
 	if (e.kind === "dateRange") {
 		let a = n;
-		return /* @__PURE__ */ t.createElement("div", { className: "flex flex-col gap-1.5" }, /* @__PURE__ */ t.createElement("span", { className: "text-sm font-medium text-foreground" }, e.label), /* @__PURE__ */ t.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ t.createElement("input", {
+		return /* @__PURE__ */ t.createElement("div", { className: "flex flex-col gap-1.5" }, /* @__PURE__ */ t.createElement("span", { className: "text-sm font-medium text-foreground" }, e.label), /* @__PURE__ */ t.createElement("div", { className: "flex flex-col gap-2" }, /* @__PURE__ */ t.createElement("label", { className: "flex flex-col gap-1" }, /* @__PURE__ */ t.createElement("span", { className: "text-xs text-muted-foreground" }, i.filtersRangeFrom), /* @__PURE__ */ t.createElement("input", {
 			type: "date",
-			"aria-label": `${e.label} ${i.filtersRangeFrom}`,
 			className: em,
 			value: a.from,
 			onChange: (e) => r({
 				...a,
 				from: e.target.value
 			})
-		}), /* @__PURE__ */ t.createElement("span", { className: "shrink-0 text-xs text-muted-foreground" }, i.filtersRangeTo), /* @__PURE__ */ t.createElement("input", {
+		})), /* @__PURE__ */ t.createElement("label", { className: "flex flex-col gap-1" }, /* @__PURE__ */ t.createElement("span", { className: "text-xs text-muted-foreground" }, i.filtersRangeTo), /* @__PURE__ */ t.createElement("input", {
 			type: "date",
-			"aria-label": `${e.label} ${i.filtersRangeTo}`,
 			className: em,
 			value: a.to,
 			onChange: (e) => r({
 				...a,
 				to: e.target.value
 			})
-		})));
+		}))));
 	}
 	if (e.kind === "numberRange") {
 		let a = n;
-		return /* @__PURE__ */ t.createElement("div", { className: "flex flex-col gap-1.5" }, /* @__PURE__ */ t.createElement("span", { className: "text-sm font-medium text-foreground" }, e.label), /* @__PURE__ */ t.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ t.createElement("input", {
+		return /* @__PURE__ */ t.createElement("div", { className: "flex flex-col gap-1.5" }, /* @__PURE__ */ t.createElement("span", { className: "text-sm font-medium text-foreground" }, e.label), /* @__PURE__ */ t.createElement("div", { className: "flex flex-col gap-2" }, /* @__PURE__ */ t.createElement("label", { className: "flex flex-col gap-1" }, /* @__PURE__ */ t.createElement("span", { className: "text-xs text-muted-foreground" }, i.filtersRangeMin), /* @__PURE__ */ t.createElement("input", {
 			type: "number",
-			placeholder: i.filtersRangeMin,
-			"aria-label": `${e.label} ${i.filtersRangeMin}`,
 			className: em,
 			value: a.min ?? "",
 			onChange: (e) => r({
 				...a,
 				min: e.target.value === "" ? void 0 : Number(e.target.value)
 			})
-		}), /* @__PURE__ */ t.createElement("span", { className: "shrink-0 text-xs text-muted-foreground" }, "–"), /* @__PURE__ */ t.createElement("input", {
+		})), /* @__PURE__ */ t.createElement("label", { className: "flex flex-col gap-1" }, /* @__PURE__ */ t.createElement("span", { className: "text-xs text-muted-foreground" }, i.filtersRangeMax), /* @__PURE__ */ t.createElement("input", {
 			type: "number",
-			placeholder: i.filtersRangeMax,
-			"aria-label": `${e.label} ${i.filtersRangeMax}`,
 			className: em,
 			value: a.max ?? "",
 			onChange: (e) => r({
 				...a,
 				max: e.target.value === "" ? void 0 : Number(e.target.value)
 			})
-		})));
+		}))));
 	}
 	let a = n;
 	return /* @__PURE__ */ t.createElement("label", { className: "inline-flex cursor-pointer items-center gap-2 select-none" }, /* @__PURE__ */ t.createElement("span", { className: "relative inline-flex h-5 w-9 shrink-0 items-center" }, /* @__PURE__ */ t.createElement("input", {
@@ -15297,23 +15291,26 @@ function nm({ records: e, recordId: n, sourcePath: r, columns: i, actions: a, fo
 		U,
 		M,
 		te
-	]), se = M && M.length > 0 ? /* @__PURE__ */ t.createElement("div", { className: "flex flex-wrap items-center gap-2" }, /* @__PURE__ */ t.createElement(Br, {
+	]), se = M && M.length > 0 ? /* @__PURE__ */ t.createElement(Br, {
 		icon: "filter",
-		label: z.filtersButton,
-		variant: "outline-secondary",
+		ariaLabel: z.filtersButton,
+		title: z.filtersButton,
+		variant: "link",
 		badge: ae.length > 0 ? ae.length : void 0,
 		onClick: () => re(!0)
-	}), ae.map((e) => /* @__PURE__ */ t.createElement("span", {
+	}) : 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(Xn, {
 		key: e.key,
-		className: "inline-flex shrink-0 items-center gap-1.5 rounded-full border border-primary/20 bg-primary/10 px-2.5 py-1 text-xs font-medium text-primary"
-	}, $p(e, te[e.key] ?? Xp(e), z), /* @__PURE__ */ t.createElement("button", {
-		type: "button",
-		"aria-label": `${z.filtersClearAll} ${e.label}`,
-		className: "opacity-60 transition-opacity hover:opacity-100",
+		variant: "info",
+		className: "inline-flex items-center gap-1"
+	}, $p(e, te[e.key] ?? Xp(e), z), /* @__PURE__ */ t.createElement(Br, {
+		icon: "x",
+		variant: "link",
+		ariaLabel: `${z.filtersClearAll} ${e.label}`,
+		title: `${z.filtersClearAll} ${e.label}`,
 		onClick: () => ie(e)
-	}, "×")))) : null, ce = M && M.length > 0 ? se : null, le = ne && M && M.length > 0 ? /* @__PURE__ */ t.createElement(Ai, {
+	})))) : 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(Ai, {
 		title: z.filtersPanelTitle,
-		size: "sm",
+		size: "md",
 		position: "right",
 		onClose: () => re(!1),
 		footer: /* @__PURE__ */ t.createElement(Br, {
@@ -15328,42 +15325,42 @@ function nm({ records: e, recordId: n, sourcePath: r, columns: i, actions: a, fo
 		value: te[e.key] ?? Xp(e),
 		onChange: (t) => K(e.key, t),
 		dict: z
-	})))) : null, ue = j === !0 ? {} : j || void 0, [de, fe] = h(""), q = p(() => {
-		if (!ue || !de.trim()) return oe;
-		let e = de.trim().toLowerCase(), t = ue.fields?.map(String);
+	})))) : null, de = j === !0 ? {} : j || void 0, [fe, q] = h(""), pe = p(() => {
+		if (!de || !fe.trim()) return oe;
+		let e = fe.trim().toLowerCase(), t = de.fields?.map(String);
 		return oe.filter((n) => (t ?? Object.keys(n)).some((t) => {
 			let r = Mt(n, t);
 			return typeof r == "string" && r.toLowerCase().includes(e);
 		}));
 	}, [
 		oe,
-		ue,
-		de
-	]), pe = ue ? /* @__PURE__ */ t.createElement("div", { className: "flex min-w-0 items-center gap-2" }, /* @__PURE__ */ t.createElement("input", {
+		de,
+		fe
+	]), me = de ? /* @__PURE__ */ t.createElement("div", { className: "flex min-w-0 flex-wrap items-center gap-2" }, /* @__PURE__ */ t.createElement("div", { className: "flex min-w-0 items-center gap-1" }, /* @__PURE__ */ t.createElement("input", {
 		type: "search",
-		value: de,
-		onChange: (e) => fe(e.target.value),
-		placeholder: ue.placeholder ?? B.search,
+		value: fe,
+		onChange: (e) => q(e.target.value),
+		placeholder: de.placeholder ?? B.search,
 		className: "w-full max-w-xs rounded-md border border-input bg-background px-2 py-1 text-sm placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring"
-	}), /* @__PURE__ */ t.createElement("span", { className: "shrink-0 text-xs text-muted-foreground" }, q.length, " / ", oe.length)) : null, me = m ?? {}, he = me.table ?? {}, ge = me.gallery ?? {}, [_e, ve] = h(f);
+	}), se), /* @__PURE__ */ t.createElement("span", { className: "shrink-0 text-xs text-muted-foreground" }, pe.length, " / ", oe.length), ce) : null, he = m ?? {}, ge = he.table ?? {}, _e = he.gallery ?? {}, [ve, ye] = h(f);
 	l(() => {
-		ve(f);
+		ye(f);
 	}, [f]);
-	let [ye, be] = h(() => new Set(ee.filter((e) => e.defaultVisible === !1).map((e) => String(e.key)))), xe = s((e) => {
-		be((t) => {
+	let [be, xe] = h(() => new Set(ee.filter((e) => e.defaultVisible === !1).map((e) => String(e.key)))), Se = s((e) => {
+		xe((t) => {
 			let n = new Set(t);
 			return n.has(e) ? n.delete(e) : n.add(e), n;
 		});
-	}, []), Se = p(() => ee.filter((e) => !ye.has(String(e.key))), [ee, ye]), Ce = ge.fields ?? [], [we, Te] = h(() => new Set(Ce.filter((e) => e.defaultVisible === !1).map((e) => String(e.key)))), Ee = s((e) => {
-		Te((t) => {
+	}, []), Ce = p(() => ee.filter((e) => !be.has(String(e.key))), [ee, be]), we = _e.fields ?? [], [Te, Ee] = h(() => new Set(we.filter((e) => e.defaultVisible === !1).map((e) => String(e.key)))), De = s((e) => {
+		Ee((t) => {
 			let n = new Set(t);
 			return n.has(e) ? n.delete(e) : n.add(e), n;
 		});
-	}, []), De = p(() => Ce.filter((e) => !we.has(String(e.key))), [Ce, we]), Oe = p(() => {
+	}, []), Oe = p(() => we.filter((e) => !Te.has(String(e.key))), [we, Te]), ke = p(() => {
 		let e = [];
-		if (De.length) {
+		if (Oe.length) {
 			let n = /* @__PURE__ */ new Map();
-			De.forEach((e) => {
+			Oe.forEach((e) => {
 				let t = e.position ?? "bottomLeft";
 				n.has(t) || n.set(t, []), n.get(t).push(e);
 			}), e.push(...Array.from(n.entries()).map(([e, n]) => ({
@@ -15377,9 +15374,9 @@ function nm({ records: e, recordId: n, sourcePath: r, columns: i, actions: a, fo
 				}))
 			})));
 		}
-		let n = [...ge.overlays ?? [], ...e];
+		let n = [..._e.overlays ?? [], ...e];
 		return n.length ? n : void 0;
-	}, [ge.overlays, De]), { mode: ke, activeSelectionKeys: Ae, selectionState: je, handleSelectionChange: Me } = Jp({ selection: E }), { normalizedActions: Ne, activeAction: Pe, activeActionConfig: J, activeActionBody: Fe, activeKey: Ie, runAction: Le, close: Re, getActionContext: ze, getModalActionContext: Be, getRecordKey: Ve, formController: He } = Gp({
+	}, [_e.overlays, Oe]), { mode: Ae, activeSelectionKeys: je, selectionState: Me, handleSelectionChange: Ne } = Jp({ selection: E }), { normalizedActions: Pe, activeAction: Fe, activeActionConfig: J, activeActionBody: Ie, activeKey: Le, runAction: Re, close: ze, getActionContext: Be, getModalActionContext: Ve, getRecordKey: He, formController: Ue } = Gp({
 		actions: a,
 		form: o,
 		editDeepLink: c,
@@ -15391,66 +15388,66 @@ function nm({ records: e, recordId: n, sourcePath: r, columns: i, actions: a, fo
 		onDelete: P,
 		onComplete: F,
 		audit: I
-	}), Ue = Ne.edit, We = !!Ue && (Ue.kind !== "modal" || !!o), Ge = s((e) => {
-		if (D?.(e), !We) return;
-		let t = Ve(e);
-		if (Pe?.actionKey === "edit" && Pe.record && Ve(Pe.record) === t) {
-			Re();
+	}), We = Pe.edit, Ge = !!We && (We.kind !== "modal" || !!o), Ke = s((e) => {
+		if (D?.(e), !Ge) return;
+		let t = He(e);
+		if (Fe?.actionKey === "edit" && Fe.record && He(Fe.record) === t) {
+			ze();
 			return;
 		}
-		Le("edit", e);
+		Re("edit", e);
 	}, [
-		Pe?.actionKey,
-		Pe?.record,
-		We,
-		Re,
-		Ve,
+		Fe?.actionKey,
+		Fe?.record,
+		Ge,
+		ze,
+		He,
 		D,
-		Le
-	]), Ke = D || We ? Ge : void 0, qe = s((e, n, r) => {
-		let i = Ne[e];
+		Re
+	]), qe = D || Ge ? Ke : void 0, Je = s((e, n, r) => {
+		let i = Pe[e];
 		return !i || !Jf(i, n) ? null : /* @__PURE__ */ t.createElement(Br, {
 			className: r || (e === "add" ? "btn-primary" : void 0),
 			icon: i.icon,
 			label: Xf(e, i, V),
 			disabled: Yf(i, n),
-			onClick: () => Le(e, n)
+			onClick: () => Re(e, n)
 		});
 	}, [
-		Ne,
-		Le,
+		Pe,
+		Re,
 		V
-	]), Je = p(() => Object.entries(Ne).filter(([e, t]) => e !== "edit" && e !== "delete" && Jf(t, void 0)).map(([e]) => e), [Ne]), Ye = p(() => ({
+	]), Ye = p(() => Object.entries(Pe).filter(([e, t]) => e !== "edit" && e !== "delete" && Jf(t, void 0)).map(([e]) => e), [Pe]), Xe = p(() => ({
 		title: x,
 		records: U,
-		selection: je,
-		runAction: Le
+		selection: Me,
+		runAction: Re
 	}), [
 		U,
-		Le,
-		je,
+		Re,
+		Me,
 		x
-	]), Xe = p(() => ({
+	]), Ze = p(() => ({
 		records: U,
-		selection: je,
-		runAction: Le
+		selection: Me,
+		runAction: Re
 	}), [
 		U,
-		Le,
-		je
-	]), Ze = me.toggle ? /* @__PURE__ */ t.createElement("span", { className: "inline-flex rounded-md border border-border overflow-hidden" }, /* @__PURE__ */ t.createElement(Br, {
+		Re,
+		Me
+	]), Qe = he.toggle ? /* @__PURE__ */ t.createElement("span", { className: "inline-flex rounded-md border border-border overflow-hidden" }, /* @__PURE__ */ t.createElement(Br, {
 		icon: "list",
 		ariaLabel: "Table view",
 		title: "Table view",
-		className: "rounded-none border-0 " + (_e === "table" ? "bg-card text-foreground shadow-sm" : "bg-transparent text-muted-foreground"),
-		onClick: () => ve("table")
+		className: "rounded-none border-0 " + (ve === "table" ? "bg-card text-foreground shadow-sm" : "bg-transparent text-muted-foreground"),
+		onClick: () => ye("table")
 	}), /* @__PURE__ */ t.createElement(Br, {
 		icon: "layout-grid",
 		ariaLabel: "Gallery view",
 		title: "Gallery view",
-		className: "rounded-none border-0 border-l border-border " + (_e === "gallery" ? "bg-card text-foreground shadow-sm" : "bg-transparent text-muted-foreground"),
-		onClick: () => ve("gallery")
-	})) : null, Qe = he.columnPicker && _e === "table" ? /* @__PURE__ */ t.createElement(Ii, {
+		className: "rounded-none border-0 border-l border-border " + (ve === "gallery" ? "bg-card text-foreground shadow-sm" : "bg-transparent text-muted-foreground"),
+		onClick: () => ye("gallery")
+	})) : null, $e = ge.columnPicker && ve === "table" ? /* @__PURE__ */ t.createElement(Ii, {
 		trigger: {
 			icon: "columns",
 			title: "Columns"
@@ -15464,122 +15461,122 @@ function nm({ records: e, recordId: n, sourcePath: r, columns: i, actions: a, fo
 			className: "flex cursor-pointer items-center gap-2 px-3 py-1.5 text-sm hover:bg-accent"
 		}, /* @__PURE__ */ t.createElement("input", {
 			type: "checkbox",
-			checked: !ye.has(n),
-			onChange: () => xe(n)
+			checked: !be.has(n),
+			onChange: () => Se(n)
 		}), e.label);
-	})) : null, $e = ge.fieldPicker && _e === "gallery" && Ce.length ? /* @__PURE__ */ t.createElement(Ii, {
+	})) : null, et = _e.fieldPicker && ve === "gallery" && we.length ? /* @__PURE__ */ t.createElement(Ii, {
 		trigger: {
 			icon: "sliders-horizontal",
 			title: "Fields"
 		},
 		triggerClassName: "btn btn-outline-secondary",
 		position: "end"
-	}, Ce.map((e) => {
+	}, we.map((e) => {
 		let n = String(e.key);
 		return /* @__PURE__ */ t.createElement("label", {
 			key: n,
 			className: "flex cursor-pointer items-center gap-2 px-3 py-1.5 text-sm hover:bg-accent"
 		}, /* @__PURE__ */ t.createElement("input", {
 			type: "checkbox",
-			checked: !we.has(n),
-			onChange: () => Ee(n)
+			checked: !Te.has(n),
+			onChange: () => De(n)
 		}), e.label);
-	})) : null, et = p(() => {
-		if (u !== void 0) return typeof u == "function" ? u(Ye) : u;
-		if (!(!x && !pe && !ce && !Je.length && !Ze && !Qe && !$e)) return /* @__PURE__ */ t.createElement(t.Fragment, null, pe || ce ? /* @__PURE__ */ t.createElement("span", { className: "flex min-w-0 flex-1 items-center gap-3" }, x, pe, ce) : x || /* @__PURE__ */ t.createElement("span", null), Je.length || Ze || Qe || $e ? /* @__PURE__ */ t.createElement("span", { className: "flex flex-wrap items-center gap-2" }, Qe, $e, Ze, Je.map((e) => /* @__PURE__ */ t.createElement(t.Fragment, { key: e }, qe(e)))) : null);
+	})) : null, tt = p(() => {
+		if (u !== void 0) return typeof u == "function" ? u(Xe) : u;
+		if (!(!x && !me && !le && !Ye.length && !Qe && !$e && !et)) return /* @__PURE__ */ t.createElement(t.Fragment, null, me || le ? /* @__PURE__ */ t.createElement("span", { className: "flex min-w-0 flex-1 items-center gap-3" }, x, me, le) : x || /* @__PURE__ */ t.createElement("span", null), Ye.length || Qe || $e || et ? /* @__PURE__ */ t.createElement("span", { className: "flex flex-wrap items-center gap-2" }, $e, et, Qe, Ye.map((e) => /* @__PURE__ */ t.createElement(t.Fragment, { key: e }, Je(e)))) : null);
 	}, [
-		qe,
-		u,
 		Je,
+		u,
 		Ye,
+		Xe,
 		x,
-		Ze,
 		Qe,
 		$e,
-		pe,
-		ce
-	]), tt = p(() => {
-		if (d !== void 0) return typeof d == "function" ? d(Xe) : d;
-	}, [d, Xe]), nt = p(() => {
-		if (!(!Pe || !J || J.kind !== "modal" && J.kind !== "delete")) return Be(Pe.actionKey, Pe.record);
+		et,
+		me,
+		le
+	]), nt = p(() => {
+		if (d !== void 0) return typeof d == "function" ? d(Ze) : d;
+	}, [d, Ze]), rt = p(() => {
+		if (!(!Fe || !J || J.kind !== "modal" && J.kind !== "delete")) return Ve(Fe.actionKey, Fe.record);
 	}, [
-		Pe,
+		Fe,
 		J,
-		Be
-	]), rt = p(() => {
-		if (!(!J || J.kind !== "modal" && J.kind !== "delete" || J.header === void 0 || !nt)) return typeof J.header == "function" ? J.header(nt) : J.header;
-	}, [J, nt]), it = p(() => {
+		Ve
+	]), it = p(() => {
+		if (!(!J || J.kind !== "modal" && J.kind !== "delete" || J.header === void 0 || !rt)) return typeof J.header == "function" ? J.header(rt) : J.header;
+	}, [J, rt]), at = p(() => {
 		if (!(!J || J.kind !== "modal" && J.kind !== "delete")) {
 			if (J.footer === !1) return !1;
-			if (!(J.footer === void 0 || !nt)) return typeof J.footer == "function" ? J.footer(nt) : J.footer;
+			if (!(J.footer === void 0 || !rt)) return typeof J.footer == "function" ? J.footer(rt) : J.footer;
 		}
-	}, [J, nt]), at = Zf(w);
+	}, [J, rt]), ot = Zf(w);
 	return /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement(ki, {
 		wrapperClassName: _,
-		header: et,
-		footer: tt,
+		header: tt,
+		footer: nt,
 		className: X(R.Grid.Card.className, g ? `sticky-${g}` : "", v),
 		headerClassName: R.Grid.Card.headerClassName,
 		bodyClassName: X(R.Grid.Card.bodyClassName, y),
 		footerClassName: R.Grid.Card.footerClassName,
 		loading: b || W
-	}, _e === "gallery" ? /* @__PURE__ */ t.createElement(Wp, {
-		records: q,
+	}, ve === "gallery" ? /* @__PURE__ */ t.createElement(Wp, {
+		records: pe,
 		recordId: n,
-		sortable: at || w,
+		sortable: ot || w,
 		pagination: T,
-		selection: ke,
-		selectedKeys: Ae,
-		onSelectionChange: ke ? Me : void 0,
-		onRowClick: Ke,
+		selection: Ae,
+		selectedKeys: je,
+		onSelectionChange: Ae ? Ne : void 0,
+		onRowClick: qe,
 		groupBy: A,
 		wrapperClassName: R.Grid.Gallery.wrapperClassName,
 		before: S,
 		after: C,
-		columns: ge.columns,
-		overlays: Oe
+		columns: _e.columns,
+		overlays: ke
 	}) : /* @__PURE__ */ t.createElement(Qf, {
-		records: q,
+		records: pe,
 		recordId: n,
-		columns: Se,
-		runAction: Le,
-		sortable: at || w,
+		columns: Ce,
+		runAction: Re,
+		sortable: ot || w,
 		pagination: T,
-		selection: ke,
-		selectedKeys: Ae,
-		onSelectionChange: ke ? Me : void 0,
-		onRowClick: Ke,
+		selection: Ae,
+		selectedKeys: je,
+		onSelectionChange: Ae ? Ne : void 0,
+		onRowClick: qe,
 		reorderable: O,
 		onReorder: k,
-		activeKey: Ie,
+		activeKey: Le,
 		groupBy: A,
 		wrapperClassName: R.Grid.Table.wrapperClassName,
-		className: he.className,
-		heightClassName: he.heightClassName,
-		scrollClassName: he.scrollClassName,
-		headerClassName: he.headerClassName,
+		className: ge.className,
+		heightClassName: ge.heightClassName,
+		scrollClassName: ge.scrollClassName,
+		headerClassName: ge.headerClassName,
 		before: S,
 		after: C
-	})), le, Pe && J && (J.kind === "modal" || J.kind === "delete") && /* @__PURE__ */ t.createElement(Ai, {
+	})), ue, Fe && J && (J.kind === "modal" || J.kind === "delete") && /* @__PURE__ */ t.createElement(Ai, {
 		size: (J.kind === "modal" || J.kind === "delete") && J.size || R.Grid.Modal.size,
 		position: (J.kind === "modal" || J.kind === "delete") && J.position || R.Grid.Modal.position,
-		header: rt,
-		title: Yp(Pe.actionKey, J, J.kind === "modal" || J.kind === "delete" ? Be(Pe.actionKey, Pe.record) : ze(Pe.actionKey, Pe.record), z.deleteConfirm, V),
-		onClose: Re,
-		onSave: J.kind === "modal" && J.footer === void 0 && (Pe.actionKey === "add" || Pe.actionKey === "edit") ? (e) => He.save(e) : void 0,
+		header: it,
+		title: Yp(Fe.actionKey, J, J.kind === "modal" || J.kind === "delete" ? Ve(Fe.actionKey, Fe.record) : Be(Fe.actionKey, Fe.record), z.deleteConfirm, V),
+		onClose: ze,
+		onSave: J.kind === "modal" && J.footer === void 0 && (Fe.actionKey === "add" || Fe.actionKey === "edit") ? (e) => Ue.save(e) : void 0,
 		onDelete: J.kind === "delete" ? async () => {
-			let e = Pe.record;
+			let e = Fe.record;
 			if (!e) return !1;
-			let t = P ? await P({ record: e }) : r ? `${r}/${Ve(e)}` : void 0;
+			let t = P ? await P({ record: e }) : r ? `${r}/${He(e)}` : void 0;
 			if (!t && !P) return !1;
 			t && await H.remove(t);
 			let n = await F?.({
 				record: e,
 				action: "delete"
 			}) ?? !0;
-			return n && Re(), n;
-		} : J.kind === "modal" && J.footer === void 0 && Pe.actionKey === "edit" && Pe.record && Ne.delete ? async () => (await Be(Pe.actionKey, Pe.record).runAction("remove"), !1) : void 0,
-		footer: it,
+			return n && ze(), n;
+		} : J.kind === "modal" && J.footer === void 0 && Fe.actionKey === "edit" && Fe.record && Pe.delete ? async () => (await Ve(Fe.actionKey, Fe.record).runAction("remove"), !1) : void 0,
+		footer: at,
 		showCancel: J.kind === "modal" || J.kind === "delete" ? J.footer === void 0 : !0,
 		allowFullscreen: J.kind === "modal" || J.kind === "delete" ? J.allowFullscreen : !0,
 		wrapperClassName: R.Grid.Modal.wrapperClassName,
@@ -15588,7 +15585,7 @@ function nm({ records: e, recordId: n, sourcePath: r, columns: i, actions: a, fo
 		titleClassName: R.Grid.Modal.titleClassName,
 		bodyClassName: R.Grid.Modal.bodyClassName,
 		footerClassName: R.Grid.Modal.footerClassName
-	}, Fe));
+	}, Ie));
 }
 //#endregion
 //#region src/components/widgets/grid-core/GridArray.tsx
@@ -15976,7 +15973,7 @@ var om = () => {
 	let { condition: s, clientCondition: c } = Dm(o);
 	switch (!0) {
 		case s.eq !== void 0: return {
-			dbRef: Ve(a, J(s.eq)),
+			dbRef: Ve(a, Fe(s.eq)),
 			clientWhere: Em(n, i)
 		};
 		case s.gte !== void 0 && s.lte !== void 0:
@@ -16091,7 +16088,7 @@ var om = () => {
 	read = async (e, { where: t, order: n, toArray: r = !1, exception: i = !1 } = {}) => {
 		let { dbRef: a, clientWhere: o } = km(He(wm(), e), n, t);
 		try {
-			let t = await Fe(a);
+			let t = await J(a);
 			if (t.exists()) {
 				`${e}`;
 				let i = Nm(t.val(), o, n);