@levo-so/studio 0.3.24 → 0.3.26

package/{EntryCard-CZfljZAY.js → EntryCard-CkmYAlSr.js}

@@ -1,5 +1,5 @@
 "use client";
-import { r as e } from "./dist-IMRD6dob.js";
+import { r as e } from "./dist-vBo7O9cF.js";
 import { r as t } from "./useLogin-BYVekOp9.js";
 import { t as n } from "./card-BIebVDA0.js";
 import { t as r } from "./MessageFooter-DrlKXE9a.js";

package/{LoginCard-BVjeN1J0.js → LoginCard-BuJtu8Qi.js}

@@ -8,7 +8,7 @@ var s = {
 	title: "_title_s7k8g_7",
 	subtitle: "_subtitle_s7k8g_14",
 	formWrapper: "_formWrapper_s7k8g_20"
-}, c = r(() => import("./PendingApprovalCard-5iFAeE1s.js")), l = ({ logo: r, siteName: l, page: u }) => {
+}, c = r(() => import("./PendingApprovalCard-BjSHrAHA.js")), l = ({ logo: r, siteName: l, page: u }) => {
 	let [d, f] = i(!1), [p, m] = i(!1), h = u.access?.find((e) => e.kind === "gating" && e.enabled)?.options;
 	return p ? /* @__PURE__ */ a(n, {
 		fallback: /* @__PURE__ */ a("div", {}),

package/{PendingApprovalCard-5iFAeE1s.js → PendingApprovalCard-BjSHrAHA.js}

@@ -1,5 +1,5 @@
 "use client";
-import { r as e } from "./dist-IMRD6dob.js";
+import { r as e } from "./dist-vBo7O9cF.js";
 import { t } from "./card-BIebVDA0.js";
 import { t as n } from "./MessageFooter-DrlKXE9a.js";
 import { useState as r } from "react";

package/{PopupBody-DWM55Zh5-DuOPsCAn.js → PopupBody-DWM55Zh5-DsryJsq8.js}

@@ -1,7 +1,7 @@
 import { D as e, a as t, c as n, r, s as i } from "./price-BUDkN5Me.js";
 import { n as a, t as o } from "./fontSize-DowUyWe-.js";
 import { a as s, i as c, t as l } from "./inlineRteTheme-DFg69bqP.js";
-import { a as u, i as d, l as f, n as p, o as m, r as h, u as g } from "./PopupDialog-DwAAJ8JS-9xm5jrXW.js";
+import { a as u, i as d, l as f, n as p, o as m, r as h, u as g } from "./PopupDialog-DwAAJ8JS-1gMlHxwM.js";
 import { c as _ } from "react/compiler-runtime";
 import { LevoProvider as v } from "@levo-so/react";
 import { Suspense as y, lazy as b, useMemo as x, useState as S } from "react";
@@ -73,7 +73,7 @@ var Q = [
 		...r,
 		children: a
 	}) : null;
-}, te = /* @__PURE__ */ g({ PopupBody: () => oe }), ne = b(() => import("./dist-IMRD6dob.js").then((e) => e.t).then((e) => ({ default: e.CollectionFormBuilder }))), re = l({ baseSpacing: ".625rem" }), ie = { style: r({ form: { gap: "1rem" } }) }, ae = {
+}, te = /* @__PURE__ */ g({ PopupBody: () => oe }), ne = b(() => import("./dist-vBo7O9cF.js").then((e) => e.t).then((e) => ({ default: e.CollectionFormBuilder }))), re = l({ baseSpacing: ".625rem" }), ie = { style: r({ form: { gap: "1rem" } }) }, ae = {
 	left: p,
 	center: d,
 	right: f

package/{PopupDialog-DwAAJ8JS-9xm5jrXW.js → PopupDialog-DwAAJ8JS-1gMlHxwM.js}

@@ -172,7 +172,7 @@ var R = Object.defineProperty, z = (e, t) => {
 		...a,
 		children: r
 	}), n[15] = r, n[16] = a, n[17] = _, n[18] = v) : v = n[18], v;
-}, ce = y(() => import("./PopupBody-DWM55Zh5-DuOPsCAn.js").then((e) => e.n).then((e) => ({ default: e.PopupBody }))), le = (e) => {
+}, ce = y(() => import("./PopupBody-DWM55Zh5-DsryJsq8.js").then((e) => e.n).then((e) => ({ default: e.PopupBody }))), le = (e) => {
 	let t = g(7), { size: n } = e, r = n ?? "medium", i;
 	t[0] === r ? i = t[1] : (i = U({ size: r }), t[0] = r, t[1] = i);
 	let a, o, s;

package/{PopupRenderer-BVtV4b9I-BdPryfLY.js → PopupRenderer-BVtV4b9I-IVW7SyIb.js}

@@ -1,5 +1,5 @@
 import { c as e, f as t, l as n } from "./themeMapping-DH_NoXK8-H-EHXbBt.js";
-import { c as r, r as i, s as a, t as o, u as s } from "./PopupDialog-DwAAJ8JS-9xm5jrXW.js";
+import { c as r, r as i, s as a, t as o, u as s } from "./PopupDialog-DwAAJ8JS-1gMlHxwM.js";
 import { c } from "react/compiler-runtime";
 import { $activity as l, $isIdentityContextReady as u, $pageLifecycle as d, $scrollBehavior as f, $session as p, getTabCount as m } from "@levo-so/insights/stores";
 import { useLevo as h, useLevoInsights as g } from "@levo-so/react";

package/{ProfileCard-WgFT-T4U.js → ProfileCard-BiCPzk3n.js}

@@ -1,5 +1,5 @@
 "use client";
-import { c as e } from "./dist-IMRD6dob.js";
+import { c as e } from "./dist-vBo7O9cF.js";
 import { r as t } from "./useLogin-BYVekOp9.js";
 import { t as n } from "./Spinner-LdYfm4S7.js";
 import { t as r } from "./card-BIebVDA0.js";

package/collection.d.ts

@@ -72,6 +72,8 @@ declare interface ICommonRendererProps {
     settings?: {
         enableVerification?: boolean;
     };
+    /** Rides along in record/array renderers' props so overrides reach nested fields too. */
+    widgets?: Partial<IWidgetRegistry>;
 }
 
 export declare interface IFormBuilderProps extends ILevoFormContext {

package/collection.js

@@ -1,2 +1,2 @@
-import { a as e, c as t, i as n, n as r, o as i, r as a, s as o } from "./dist-IMRD6dob.js";
+import { a as e, c as t, i as n, n as r, o as i, r as a, s as o } from "./dist-vBo7O9cF.js";
 export { t as CollectionForm, a as CollectionFormBuilder, r as CollectionFormRenderer, n as FormBuilder, i as LevoFormProvider, e as useLevoForm, o as useLevoFormContext };

package/{dist-IMRD6dob.js → dist-vBo7O9cF.js}

@@ -981,7 +981,7 @@ var Fe = Object.defineProperty, Ie = (e, t) => {
 			id: m,
 			value: w ? Cn : g ? n?.isMulti ? i?.filter((e) => g?.includes(e?.value)) : i?.find((e) => e?.value === g) : null,
 			onChange: (e) => {
-				O && e?.value === Cn.value && e?.label === Cn.label ? (T(!0), C(""), v("")) : (T(!1), n?.isMulti ? v(e?.map((e) => e?.value)) : v(e?.value));
+				O && e?.value === Cn.value && e?.label === Cn.label ? (T(!0), C(""), v("")) : (T(!1), n?.isMulti ? v(e?.map((e) => e?.value)) : v(e?.value ?? null));
 			},
 			onBlur: () => _(),
 			options: i,
@@ -1958,7 +1958,7 @@ var zr = "_156u72w0", Br = "_156u72w1", Vr = (e) => Array.isArray(e) && e.every(
 		field_key: e.key || void 0,
 		field_label: e.label || void 0
 	} : void 0, A = (e) => {
-		_(i ? e : e?.[0]);
+		_(i ? e : e?.[0] ?? null);
 	}, j = async (e) => {
 		let t = new FormData(), n = i ? e : e.slice(0, 1);
 		if (n.length !== 0) {
@@ -2158,39 +2158,41 @@ var zr = "_156u72w0", Br = "_156u72w1", Vr = (e) => Array.isArray(e) && e.every(
 		children: [g, v]
 	}), n[22] = g, n[23] = v, n[24] = y) : y = n[24], y;
 }, Xr = (e) => {
-	let t = O(16), n, r;
+	let t = O(18), n, r;
 	t[0] === e ? (n = t[1], r = t[2]) : ({widgets: r, ...n} = e, t[0] = e, t[1] = n, t[2] = r);
 	let i = dt(n.schema, n.field), { field_interface: a, key: o, hidden: s } = i, c = a === void 0 ? "" : a;
 	if (!c || !(o !== void 0 && o) || s) return null;
 	switch (c) {
 		case q.ArrayWidget: {
 			let e;
-			return t[3] !== i || t[4] !== n ? (e = /* @__PURE__ */ G(Vt, {
+			return t[3] !== i || t[4] !== n || t[5] !== r ? (e = /* @__PURE__ */ G(Vt, {
 				...n,
+				widgets: r,
 				field: i
-			}), t[3] = i, t[4] = n, t[5] = e) : e = t[5], e;
+			}), t[3] = i, t[4] = n, t[5] = r, t[6] = e) : e = t[6], e;
 		}
 		case q.RecordWidget: {
 			let e;
-			return t[6] !== i || t[7] !== n ? (e = /* @__PURE__ */ G(Yr, {
+			return t[7] !== i || t[8] !== n || t[9] !== r ? (e = /* @__PURE__ */ G(Yr, {
 				...n,
+				widgets: r,
 				field: i
-			}), t[6] = i, t[7] = n, t[8] = e) : e = t[8], e;
+			}), t[7] = i, t[8] = n, t[9] = r, t[10] = e) : e = t[10], e;
 		}
 		case q.CollectionWidget: {
 			let e;
-			return t[9] !== i || t[10] !== n ? (e = /* @__PURE__ */ G(mn, {
+			return t[11] !== i || t[12] !== n ? (e = /* @__PURE__ */ G(mn, {
 				...n,
 				field: i
-			}), t[9] = i, t[10] = n, t[11] = e) : e = t[11], e;
+			}), t[11] = i, t[12] = n, t[13] = e) : e = t[13], e;
 		}
 		default: {
 			let e;
-			return t[12] !== i || t[13] !== n || t[14] !== r ? (e = /* @__PURE__ */ G(Jr, {
+			return t[14] !== i || t[15] !== n || t[16] !== r ? (e = /* @__PURE__ */ G(Jr, {
 				widgets: r,
 				...n,
 				field: i
-			}), t[12] = i, t[13] = n, t[14] = r, t[15] = e) : e = t[15], e;
+			}), t[14] = i, t[15] = n, t[16] = r, t[17] = e) : e = t[17], e;
 		}
 	}
 };
@@ -2892,17 +2894,7 @@ var Yi = "_1vist8m0", Xi = (e) => {
 		className: i,
 		children: "Create new"
 	}), t[2] = i, t[3] = a), a;
-}, Zi = "zx38wb0", Qi = (e) => {
-	let t = O(5), { children: n, className: r } = e, { uiConfig: i } = _i();
-	if (i?.hideSectionHeadings) return null;
-	let a;
-	t[0] === r ? a = t[1] : (a = Z(Zi, r), t[0] = r, t[1] = a);
-	let o;
-	return t[2] !== n || t[3] !== a ? (o = /* @__PURE__ */ G("h3", {
-		className: a,
-		children: n
-	}), t[2] = n, t[3] = a, t[4] = o) : o = t[4], o;
-}, $i = "q22d794", ea = "q22d795", ta = "q22d796", na = "q22d797", ra = "q22d798", ia = 5, aa = "Thank you!", oa = "Your response has been submitted successfully.", sa = () => {
+}, Zi = "q22d794", Qi = "q22d795", $i = "q22d796", ea = "q22d797", ta = "q22d798", na = 5, ra = "Thank you!", ia = "Your response has been submitted successfully.", aa = () => {
 	let e = O(1), t;
 	return e[0] === Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ K("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
@@ -2914,8 +2906,8 @@ var Yi = "_1vist8m0", Xi = (e) => {
 		strokeLinejoin: "round",
 		children: [/* @__PURE__ */ G("title", { children: "Check Icon" }), /* @__PURE__ */ G("path", { d: "M20 6 9 17l-5-5" })]
 	}), e[0] = t) : t = e[0], t;
-}, ca = ({ onDismiss: e }) => {
-	let { successConfig: t, schema: r } = _i(), i = r?.settings?.success_message, [a, o] = U(ia), s = (e) => !e || e.replace(/<[^>]*>/g, "").trim() === "", c = t?.title || i?.title || aa, l = t?.message || i?.message, u = s(l) ? oa : l, d = t?.action || i?.action, f = d?.type ?? "none", p = f === "redirect" ? d?.value : void 0, m = (() => {
+}, oa = ({ onDismiss: e }) => {
+	let { successConfig: t, schema: r } = _i(), i = r?.settings?.success_message, [a, o] = U(na), s = (e) => !e || e.replace(/<[^>]*>/g, "").trim() === "", c = t?.title || i?.title || ra, l = t?.message || i?.message, u = s(l) ? ia : l, d = t?.action || i?.action, f = d?.type ?? "none", p = f === "redirect" ? d?.value : void 0, m = (() => {
 		let e = p?.trim();
 		if (e && !e.startsWith("//")) {
 			if (e.startsWith("/")) return e;
@@ -2936,20 +2928,20 @@ var Yi = "_1vist8m0", Xi = (e) => {
 		m && (window.location.href = m);
 	}, [m]);
 	return /* @__PURE__ */ G("div", {
-		className: $i,
+		className: Zi,
 		children: /* @__PURE__ */ K("div", {
-			className: ea,
+			className: Qi,
 			children: [
 				/* @__PURE__ */ G("div", {
-					className: ta,
-					children: /* @__PURE__ */ G(sa, {})
+					className: $i,
+					children: /* @__PURE__ */ G(aa, {})
 				}),
 				/* @__PURE__ */ G("h2", {
-					className: na,
+					className: ea,
 					children: c
 				}),
 				/* @__PURE__ */ G("div", {
-					className: ra,
+					className: ta,
 					dangerouslySetInnerHTML: { __html: u }
 				}),
 				f === "submit_another" && /* @__PURE__ */ G("div", {
@@ -2980,14 +2972,14 @@ var Yi = "_1vist8m0", Xi = (e) => {
 			]
 		})
 	});
-}, la = (e) => {
+}, sa = (e) => {
 	let t = O(29), { isError: n, contentId: r, publishedId: i, getContentId: a, allFormValues: o } = e, { collection: s } = M(), { schema: c, isLoggedIn: l, preview: u } = _i(), { formState: d } = le(), f = ue(), p;
 	t[0] !== s || t[1] !== r || t[2] !== a || t[3] !== n || t[4] !== l || t[5] !== u || t[6] !== i || t[7] !== c?.allow_draft || t[8] !== c?.key ? (p = (e) => {
 		u || i || c?.key && !n && c?.allow_draft && (l ? r ? s.editDraftEntry(c?.key, r, e).then((e) => {
 			e?.content?.data?._id && a(e?.content?.data?._id);
-		}).catch(ua) : s.saveDraftEntry(c?.key, e).then((e) => {
+		}).catch(ca) : s.saveDraftEntry(c?.key, e).then((e) => {
 			e?.content?.data?._id && a(e?.content?.data?._id);
-		}).catch(da) : xi(c?.key, e));
+		}).catch(la) : xi(c?.key, e));
 	}, t[0] = s, t[1] = r, t[2] = a, t[3] = n, t[4] = l, t[5] = u, t[6] = i, t[7] = c?.allow_draft, t[8] = c?.key, t[9] = p) : p = t[9];
 	let m = Pe(p, 100), { isDirty: h, isSubmitting: g, isSubmitSuccessful: _ } = d, v;
 	t[10] !== o || t[11] !== m || t[12] !== f || t[13] !== h || t[14] !== n || t[15] !== _ || t[16] !== g || t[17] !== u ? (v = () => {
@@ -3015,15 +3007,47 @@ var Yi = "_1vist8m0", Xi = (e) => {
 		u
 	], t[19] = r, t[20] = f, t[21] = h, t[22] = n, t[23] = l, t[24] = _, t[25] = g, t[26] = u, t[27] = i, t[28] = y) : y = t[28], B(v, y), null;
 };
-function ua() {
+function ca() {
 	console.error("saving entry failed");
 }
-function da() {
+function la() {
 	console.error("saving entry failed");
 }
 //#endregion
 //#region ../../libraries/react-collection/dist/lib/variants/DefaultFormVariant/DefaultFormVariant.cssm.js
-var fa = "fil1ri0", pa = "fil1ri1", ma = "fil1ri2", ha = "fil1ri5", ga = () => {
+var ua = "fil1ri0", da = "fil1ri1", fa = "zx38wb0", pa = (e) => {
+	let t = O(5), { children: n, className: r } = e, { uiConfig: i } = _i();
+	if (i?.hideSectionHeadings) return null;
+	let a;
+	t[0] === r ? a = t[1] : (a = Z(fa, r), t[0] = r, t[1] = a);
+	let o;
+	return t[2] !== n || t[3] !== a ? (o = /* @__PURE__ */ G("h3", {
+		className: a,
+		children: n
+	}), t[2] = n, t[3] = a, t[4] = o) : o = t[4], o;
+}, ma = "_1hdk5oz0", ha = "_1hdk5oz1", ga = (e) => {
+	let t = O(12), { schema: n, section: r, widgets: i, enableVerification: a } = e;
+	if (!ft(n, r)) return null;
+	let o;
+	t[0] === r ? o = t[1] : (o = r?.label && /* @__PURE__ */ G(pa, { children: r.label }), t[0] = r, t[1] = o);
+	let s;
+	t[2] !== a || t[3] !== n || t[4] !== r?.fields || t[5] !== i ? (s = r?.fields?.map((e) => /* @__PURE__ */ G(Xr, {
+		field: e,
+		widgets: i,
+		schema: n,
+		settings: { enableVerification: a }
+	}, e?.key)), t[2] = a, t[3] = n, t[4] = r?.fields, t[5] = i, t[6] = s) : s = t[6];
+	let c;
+	t[7] === s ? c = t[8] : (c = /* @__PURE__ */ G("div", {
+		className: ha,
+		children: s
+	}), t[7] = s, t[8] = c);
+	let l;
+	return t[9] !== o || t[10] !== c ? (l = /* @__PURE__ */ K("div", {
+		className: ma,
+		children: [o, c]
+	}), t[9] = o, t[10] = c, t[11] = l) : l = t[11], l;
+}, _a = () => {
 	let e = O(51), { schema: t, containerStyles: r, submitButtonConfig: i, isDisabled: a, widgets: o, disableCaptcha: s, debug: c, enableVerification: l } = _i(), u;
 	e[0] === t ? u = e[1] : (u = { schema: t }, e[0] = t, e[1] = u);
 	let { methods: d, isError: f, isLoading: p, contentId: m, publishedId: h, handleContentId: g, submitToRemote: _, allFormValues: v, showSuccessOverlay: y, dismissSuccessOverlay: b } = Ci(u), { handleSubmit: x, watch: S, formState: C } = d, { isSubmitting: w } = C, T;
@@ -3037,12 +3061,12 @@ var fa = "fil1ri0", pa = "fil1ri1", ma = "fil1ri2", ha = "fil1ri5", ga = () => {
 	let A = k;
 	if (y) {
 		let t;
-		return e[9] === b ? t = e[10] : (t = /* @__PURE__ */ G(ca, { onDismiss: b }), e[9] = b, e[10] = t), t;
+		return e[9] === b ? t = e[10] : (t = /* @__PURE__ */ G(oa, { onDismiss: b }), e[9] = b, e[10] = t), t;
 	}
 	let j;
 	e[11] === c ? j = e[12] : (j = c && /* @__PURE__ */ G(Ui, {}), e[11] = c, e[12] = j);
 	let M = m || "", N = h || "", P;
-	e[13] !== v || e[14] !== g || e[15] !== f || e[16] !== M || e[17] !== N ? (P = /* @__PURE__ */ G(la, {
+	e[13] !== v || e[14] !== g || e[15] !== f || e[16] !== M || e[17] !== N ? (P = /* @__PURE__ */ G(sa, {
 		getContentId: g,
 		isError: f,
 		contentId: M,
@@ -3050,13 +3074,13 @@ var fa = "fil1ri0", pa = "fil1ri1", ma = "fil1ri2", ha = "fil1ri5", ga = () => {
 		allFormValues: v
 	}), e[13] = v, e[14] = g, e[15] = f, e[16] = M, e[17] = N, e[18] = P) : P = e[18];
 	let F;
-	e[19] === r ? F = e[20] : (F = Z(fa, r), e[19] = r, e[20] = F);
+	e[19] === r ? F = e[20] : (F = Z(ua, r), e[19] = r, e[20] = F);
 	let I;
 	e[21] === Symbol.for("react.memo_cache_sentinel") ? (I = /* @__PURE__ */ G(Xi, {}), e[21] = I) : I = e[21];
-	let L = p && "fil1ri3", R;
-	e[22] === L ? R = e[23] : (R = Z(pa, L), e[22] = L, e[23] = R);
+	let L = p && "fil1ri2", R;
+	e[22] === L ? R = e[23] : (R = Z(da, L), e[22] = L, e[23] = R);
 	let z;
-	e[24] !== l || e[25] !== t || e[26] !== o ? (z = t?.sections?.map((e) => /* @__PURE__ */ G(_a, {
+	e[24] !== l || e[25] !== t || e[26] !== o ? (z = t?.sections?.map((e) => /* @__PURE__ */ G(ga, {
 		schema: t,
 		section: e,
 		widgets: o,
@@ -3066,7 +3090,7 @@ var fa = "fil1ri0", pa = "fil1ri1", ma = "fil1ri2", ha = "fil1ri5", ga = () => {
 	e[28] === s ? B = e[29] : (B = !s && /* @__PURE__ */ G(Vi, {}), e[28] = s, e[29] = B);
 	let V;
 	e[30] !== E || e[31] !== a || e[32] !== w || e[33] !== i?.show || e[34] !== i?.styles || e[35] !== i?.text ? (V = i?.show && /* @__PURE__ */ G("div", {
-		className: "fil1ri4",
+		className: "fil1ri3",
 		children: /* @__PURE__ */ G(n, {
 			className: i?.styles,
 			disabled: a || w,
@@ -3099,28 +3123,6 @@ var fa = "fil1ri0", pa = "fil1ri1", ma = "fil1ri2", ha = "fil1ri5", ga = () => {
 			U
 		]
 	}), e[46] = d, e[47] = U, e[48] = j, e[49] = P, e[50] = W) : W = e[50], W;
-}, _a = (e) => {
-	let t = O(12), { schema: n, section: r, widgets: i, enableVerification: a } = e;
-	if (!ft(n, r)) return null;
-	let o;
-	t[0] === r ? o = t[1] : (o = r?.label && /* @__PURE__ */ G(Qi, { children: r.label }), t[0] = r, t[1] = o);
-	let s;
-	t[2] !== a || t[3] !== n || t[4] !== r?.fields || t[5] !== i ? (s = r?.fields?.map((e) => /* @__PURE__ */ G(Xr, {
-		field: e,
-		widgets: i,
-		schema: n,
-		settings: { enableVerification: a }
-	}, e?.key)), t[2] = a, t[3] = n, t[4] = r?.fields, t[5] = i, t[6] = s) : s = t[6];
-	let c;
-	t[7] === s ? c = t[8] : (c = /* @__PURE__ */ G("div", {
-		className: ha,
-		children: s
-	}), t[7] = s, t[8] = c);
-	let l;
-	return t[9] !== o || t[10] !== c ? (l = /* @__PURE__ */ K("div", {
-		className: ma,
-		children: [o, c]
-	}), t[9] = o, t[10] = c, t[11] = l) : l = t[11], l;
 }, va = "_1kah2gz0", ya = "_1kah2gz1", ba = "_1kah2gz3", xa = (e) => {
 	let t = O(12), { totalSteps: n, currentStepIndex: r, hasLevoErrors: i } = e, { formState: a } = le(), { errors: o } = a, s = Object.keys(o || {}).length > 0 || i, c = Math.floor((r + 1) * 100 / n), l = s && "_1kah2gz2", u;
 	t[0] === l ? u = t[1] : (u = Z(ya, l), t[0] = l, t[1] = u);
@@ -3226,10 +3228,10 @@ var fa = "fil1ri0", pa = "fil1ri1", ma = "fil1ri2", ha = "fil1ri5", ga = () => {
 	], e[32] = C, e[33] = y, e[34] = W, e[35] = oe, e[36] = Q) : (oe = e[35], Q = e[36]), B(oe, Q), !r || l.length === 0) return null;
 	if (R) {
 		let t;
-		return e[37] === z ? t = e[38] : (t = /* @__PURE__ */ G(ca, { onDismiss: z }), e[37] = z, e[38] = t), t;
+		return e[37] === z ? t = e[38] : (t = /* @__PURE__ */ G(oa, { onDismiss: z }), e[37] = z, e[38] = t), t;
 	}
 	let se = J || L, ce = F || "", le = I || "", ue;
-	e[39] !== P || e[40] !== M || e[41] !== N || e[42] !== ce || e[43] !== le ? (ue = /* @__PURE__ */ G(la, {
+	e[39] !== P || e[40] !== M || e[41] !== N || e[42] !== ce || e[43] !== le ? (ue = /* @__PURE__ */ G(sa, {
 		getContentId: M,
 		isError: N,
 		contentId: ce,
@@ -3239,7 +3241,7 @@ var fa = "fil1ri0", pa = "fil1ri1", ma = "fil1ri2", ha = "fil1ri5", ga = () => {
 	let de;
 	e[45] === Symbol.for("react.memo_cache_sentinel") ? (de = /* @__PURE__ */ G(Xi, { className: Ta }), e[45] = de) : de = e[45];
 	let pe = C?.sectionLabel, me;
-	e[46] === pe ? me = e[47] : (me = /* @__PURE__ */ G(Qi, {
+	e[46] === pe ? me = e[47] : (me = /* @__PURE__ */ G(pa, {
 		className: wa,
 		children: pe
 	}), e[46] = pe, e[47] = me);
@@ -3431,10 +3433,10 @@ var ka = "zlgzzn0", Aa = "zlgzzn1", ja = "zlgzznb", Ma = "zlgzznc", Na = (e, t)
 	], e[47] = g, e[48] = S, e[49] = y, e[50] = J, e[51] = de) : de = e[51], B(ue, de), !r || l.length === 0) return null;
 	if (V) {
 		let t;
-		return e[52] === H ? t = e[53] : (t = /* @__PURE__ */ G(ca, { onDismiss: H }), e[52] = H, e[53] = t), t;
+		return e[52] === H ? t = e[53] : (t = /* @__PURE__ */ G(oa, { onDismiss: H }), e[52] = H, e[53] = t), t;
 	}
 	let pe = ee || z || ne === "verifying" && C, me = L || "", he = R || "", ge;
-	e[54] !== I || e[55] !== P || e[56] !== F || e[57] !== me || e[58] !== he ? (ge = /* @__PURE__ */ G(la, {
+	e[54] !== I || e[55] !== P || e[56] !== F || e[57] !== me || e[58] !== he ? (ge = /* @__PURE__ */ G(sa, {
 		getContentId: P,
 		isError: F,
 		contentId: me,
@@ -3444,7 +3446,7 @@ var ka = "zlgzzn0", Aa = "zlgzzn1", ja = "zlgzznb", Ma = "zlgzznc", Na = (e, t)
 	let _e;
 	e[60] === Symbol.for("react.memo_cache_sentinel") ? (_e = /* @__PURE__ */ G(Xi, { className: Ma }), e[60] = _e) : _e = e[60];
 	let ve = S?.label, ye;
-	e[61] === ve ? ye = e[62] : (ye = /* @__PURE__ */ G(Qi, {
+	e[61] === ve ? ye = e[62] : (ye = /* @__PURE__ */ G(pa, {
 		className: ja,
 		children: ve
 	}), e[61] = ve, e[62] = ye);
@@ -3633,10 +3635,10 @@ var La = "_1f3ynb50", Ra = "_1f3ynb54", za = "_1f3ynb55", Ba = (e, t) => e?.sect
 		y
 	], t[30] = y, t[31] = _, t[32] = z, t[33] = te, t[34] = ne) : (te = t[33], ne = t[34]), B(ne, te), I) {
 		let e;
-		return t[35] === L ? e = t[36] : (e = /* @__PURE__ */ G(ca, { onDismiss: L }), t[35] = L, t[36] = e), e;
+		return t[35] === L ? e = t[36] : (e = /* @__PURE__ */ G(oa, { onDismiss: L }), t[35] = L, t[36] = e), e;
 	}
 	let re = W || J === "verifying" && S, ie = N || "", oe = P || "", Q;
-	t[37] !== F || t[38] !== j || t[39] !== M || t[40] !== ie || t[41] !== oe ? (Q = /* @__PURE__ */ G(la, {
+	t[37] !== F || t[38] !== j || t[39] !== M || t[40] !== ie || t[41] !== oe ? (Q = /* @__PURE__ */ G(sa, {
 		getContentId: j,
 		isError: M,
 		contentId: ie,
@@ -3648,7 +3650,7 @@ var La = "_1f3ynb50", Ra = "_1f3ynb54", za = "_1f3ynb55", Ba = (e, t) => e?.sect
 	let le;
 	t[46] === Symbol.for("react.memo_cache_sentinel") ? (le = /* @__PURE__ */ G(Xi, {}), t[46] = le) : le = t[46];
 	let ue = y?.label || "Details", de;
-	t[47] === ue ? de = t[48] : (de = /* @__PURE__ */ G(Qi, { children: /* @__PURE__ */ G("span", { children: ue }) }), t[47] = ue, t[48] = de);
+	t[47] === ue ? de = t[48] : (de = /* @__PURE__ */ G(pa, { children: /* @__PURE__ */ G("span", { children: ue }) }), t[47] = ue, t[48] = de);
 	let fe;
 	t[49] !== y?.fields || t[50] !== h || t[51] !== u || t[52] !== m ? (fe = y?.fields?.map((e) => e && !e.hidden ? /* @__PURE__ */ G(Xr, {
 		field: e,
@@ -3727,7 +3729,7 @@ var Ka = (e) => {
 	let s;
 	t[5] === n ? s = t[6] : (s = /* @__PURE__ */ G(F, {
 		fallback: o,
-		children: G(n === "single-field" ? Da : n === "steps" ? Va : n === "steps-2" ? Pa : ga, {})
+		children: G(n === "single-field" ? Da : n === "steps" ? Va : n === "steps-2" ? Pa : _a, {})
 	}), t[5] = n, t[6] = s);
 	let c;
 	return t[7] !== a || t[8] !== n || t[9] !== r || t[10] !== s ? (c = /* @__PURE__ */ G(gi, {

package/index.d.ts

@@ -1231,6 +1231,8 @@ declare interface ICommonRendererProps {
     settings?: {
         enableVerification?: boolean;
     };
+    /** Rides along in record/array renderers' props so overrides reach nested fields too. */
+    widgets?: Partial<IWidgetRegistry>;
 }
 
 /**

package/index.js

@@ -1,5 +1,5 @@
 "use client";
-import { l as e, r as t } from "./dist-IMRD6dob.js";
+import { l as e, r as t } from "./dist-vBo7O9cF.js";
 import { r as n } from "./price-BUDkN5Me.js";
 import { c as r, d as i, f as a, h as o, i as s, o as c, t as l, u } from "./themeMapping-DH_NoXK8-H-EHXbBt.js";
 import { n as d, r as f, t as p } from "./useLogin-BYVekOp9.js";
@@ -83,7 +83,7 @@ import { FlagImage as Yn, defaultCountries as Xn, parseCountry as Zn } from "rea
 var Qn = async (e, t) => {
 	let n = {};
 	return t?.site_id && (n.site_id = t.site_id), t?.locale && (n.locale = t.locale), t?.country && (n.country = t.country), (await e.url("/v1/studio/popup/list-active").query(n).get().json())?.content?.data ?? [];
-}, $n = M(() => import("./PopupRenderer-BVtV4b9I-BdPryfLY.js").then((e) => e.t).then((e) => ({ default: e.PopupRenderer }))), er = (e) => {
+}, $n = M(() => import("./PopupRenderer-BVtV4b9I-IVW7SyIb.js").then((e) => e.t).then((e) => ({ default: e.PopupRenderer }))), er = (e) => {
 	let t = k(9), { siteId: n, pageId: r } = e, { fetch: i, logger: o } = A(), [s, c] = L(null), l = I(!1), u, d;
 	if (t[0] !== i || t[1] !== o || t[2] !== n ? (u = () => {
 		if (l.current) return;
@@ -4147,7 +4147,7 @@ var Co = ({ site: e }) => {
 		siteSlug: e?.slug,
 		siteName: e?.name
 	})] });
-}, wo = { loadingContainer: "_loadingContainer_1d4on_1" }, To = M(() => import("./LoginCard-BVjeN1J0.js")), Eo = M(() => import("./EntryCard-CZfljZAY.js")), Do = M(() => import("./MessageCard-B5MbVDJ8.js")), Oo = M(() => import("./ProfileCard-WgFT-T4U.js")), ko = {
+}, wo = { loadingContainer: "_loadingContainer_1d4on_1" }, To = M(() => import("./LoginCard-BuJtu8Qi.js")), Eo = M(() => import("./EntryCard-CkmYAlSr.js")), Do = M(() => import("./MessageCard-B5MbVDJ8.js")), Oo = M(() => import("./ProfileCard-BiCPzk3n.js")), ko = {
 	"authentication.NOT_LOGGED_IN": ({ logo: e, siteName: t, page: n }) => /* @__PURE__ */ z(de, {
 		fallback: /* @__PURE__ */ z("div", {}),
 		children: /* @__PURE__ */ z(To, {
@@ -6726,7 +6726,7 @@ var kl = X(Sl), Al = pe(({ children: e, className: t, elementKey: n, generatedCl
 	children: [/* @__PURE__ */ z(fl, { backgroundVideo: a?.backgroundVideo }), e]
 }));
 Al.displayName = "BaseContainer";
-var jl = X(Al), Ml = M(() => import("./dist-IMRD6dob.js").then((e) => e.t).then((e) => ({ default: e.CollectionForm }))), Nl = X(({ elementKey: e, generatedClassName: t, config: n, className: r, initialValues: i, theme: a, onSubmit: o, isLoading: s }) => /* @__PURE__ */ z("div", {
+var jl = X(Al), Ml = M(() => import("./dist-vBo7O9cF.js").then((e) => e.t).then((e) => ({ default: e.CollectionForm }))), Nl = X(({ elementKey: e, generatedClassName: t, config: n, className: r, initialValues: i, theme: a, onSubmit: o, isLoading: s }) => /* @__PURE__ */ z("div", {
 	"data-levo_element_key": e,
 	className: C(r, t),
 	children: /* @__PURE__ */ z(de, {
@@ -6748,7 +6748,7 @@ var jl = X(Al), Ml = M(() => import("./dist-IMRD6dob.js").then((e) => e.t).then(
 			isLoading: s
 		})
 	})
-})), Pl = M(() => import("./dist-IMRD6dob.js").then((e) => e.t).then((e) => ({ default: e.CollectionFormRenderer }))), Fl = X(({ elementKey: e, generatedClassName: t, config: r, className: i, initialValues: a, theme: s }) => {
+})), Pl = M(() => import("./dist-vBo7O9cF.js").then((e) => e.t).then((e) => ({ default: e.CollectionFormRenderer }))), Fl = X(({ elementKey: e, generatedClassName: t, config: r, className: i, initialValues: a, theme: s }) => {
 	let { workspace: c, isLoggedIn: l, isAuthLoaded: u } = f(), d = F(() => {
 		if (!r?.theme && !s) return;
 		let e = r?.theme;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@levo-so/studio",
-  "version": "0.3.24",
+  "version": "0.3.26",
   "author": "Levo Engineering <devs@theinternetfolks.com>",
   "description": "Levo Studio components and utilities for building block-based pages",
   "type": "module",
@@ -108,7 +108,7 @@
     "libphonenumber-js": "1.12.31",
     "lucide-react": "0.575.0",
     "motion": "12.23.12",
-    "radix-ui": "1.4.3",
+    "radix-ui": "1.7.0",
     "react-day-picker": "9.14.0",
     "react-icons": "5.2.1",
     "react-international-phone": "4.6.0",
@@ -120,9 +120,9 @@
     "yup": "1.7.1"
   },
   "peerDependencies": {
-    "@levo-so/insights": "0.3.24",
-    "@levo-so/core": "0.3.24",
-    "@levo-so/react": "0.3.24",
+    "@levo-so/insights": "0.3.26",
+    "@levo-so/core": "0.3.26",
+    "@levo-so/react": "0.3.26",
     "react": ">=19",
     "next": ">=14",
     "react-dom": ">=19"