@plitzi/sdk-elements 0.30.19 → 0.31.0

package/dist/elements/form/FormControl/hocs/withFieldValue.mjs

@@ -1,67 +1,64 @@
-import { use as e, useCallback as t, useEffect as n, useMemo as r } from "react";
-import i from "@plitzi/sdk-shared/hooks/usePlitziServiceContext";
-import { get as a } from "@plitzi/plitzi-ui/helpers";
+import { useCallback as e, useEffect as t, useMemo as n } from "react";
+import r from "@plitzi/sdk-shared/hooks/usePlitziServiceContext";
+import { get as i } from "@plitzi/plitzi-ui/helpers";
+import { createStoreHook as a } from "@plitzi/sdk-store/createStore";
 import { getDisplayName as o } from "@plitzi/sdk-shared/helpers/utils";
 import { jsx as s } from "react/jsx-runtime";
-import c from "@plitzi/sdk-shared/elements/hooks/useElement";
 //#region src/elements/form/FormControl/hocs/withFieldValue.tsx
-var l = (l) => {
-	let u = (o) => {
-		let { id: u } = c(), { ref: d, name: f = "", subType: p = "text", defaultValue: m = "", required: h = !0, previewError: g = !1 } = o, { settings: { previewMode: _ }, contexts: { DataSourceContext: v } } = i(), { useDataSource: y } = e(v), { form: b } = y({
-			id: u,
-			mode: "read"
-		});
-		if (!b) return /* @__PURE__ */ s(l, { ...o });
-		let { setFieldValue: x, setFieldError: S, errors: C, values: w } = b, T = r(() => a(w, f, m), [
-			w,
-			f,
-			m
-		]), E = r(() => !_ && g ? "This is an error message" : C[f], [
-			_,
-			g,
-			C,
+var c = (c) => {
+	let l = (o) => {
+		let { ref: l, name: u = "", subType: d = "text", defaultValue: f = "", required: p = !0, previewError: m = !1 } = o, { settings: { previewMode: h } } = r(), { useStore: g } = a(), [_] = g("runtime.sources.form");
+		if (!_) return /* @__PURE__ */ s(c, { ...o });
+		let { setFieldValue: v, setFieldError: y, errors: b, values: x } = _, S = n(() => i(x, u, f), [
+			x,
+			u,
 			f
+		]), C = n(() => !h && m ? "This is an error message" : b[u], [
+			h,
+			m,
+			b,
+			u
 		]);
-		n(() => {
-			m && T && f && x(f, T);
+		t(() => {
+			f && S && u && v(u, S);
 		}, [
-			m,
 			f,
-			x,
-			T
+			u,
+			v,
+			S
 		]);
-		let D = t((e) => {
-			e.target.type === "radio" || e.target.type === "checkbox" || p === "switch" ? x(f, e.target.checked) : x(f, e.target.value);
+		let w = e((e) => {
+			e.target.type === "radio" || e.target.type === "checkbox" || d === "switch" ? v(u, e.target.checked) : v(u, e.target.value);
 		}, [
-			x,
-			f,
-			p
-		]), O = t(() => {
-			!T && h ? S(f, "This field is required") : E === "This field is required" && S(f, "");
+			v,
+			u,
+			d
+		]), T = e(() => {
+			!S && p ? y(u, "This field is required") : C === "This field is required" && y(u, "");
 		}, [
-			T,
-			E,
-			f,
-			h,
-			S
+			S,
+			C,
+			u,
+			p,
+			y
 		]);
-		return r(() => /* @__PURE__ */ s(l, {
+		return n(() => /* @__PURE__ */ s(c, {
 			...o,
-			ref: d,
-			value: T,
-			error: E,
-			handleChange: D,
-			handleValidate: O
+			ref: l,
+			value: S,
+			error: C,
+			handleChange: w,
+			handleValidate: T
 		}), [
 			o,
-			d,
-			E,
-			T,
-			D,
-			O
+			l,
+			C,
+			S,
+			w,
+			T
 		]);
 	};
-	return u.displayName = `withFieldValue(${o(l)})`, u;
+	return l.displayName = `withFieldValue(${o(c)})`, l;
 };
 //#endregion
-export { l as default };
+export { c as default };

package/dist/elements/provider/ApiContainer/ApiContainer.mjs

@@ -9,69 +9,71 @@ import { emptyObject as u, getPathsFromObeject as d } from "@plitzi/sdk-shared/h
 import { jsx as f } from "react/jsx-runtime";
 import p from "clsx";
 import m from "@plitzi/sdk-shared/elements/hooks/useElement";
-import { QueryBuilderEvaluator as h } from "@plitzi/plitzi-ui/QueryBuilder";
-var g = n(({ ref: n, className: g = "", children: _, query: v = "", method: y = "get", accessToken: b = "", when: x = u, headers: S = u, mockData: C = "{}", subType: w = "div", credentials: T = "same-origin" }) => {
-	let { id: E, definition: { label: D = "Api Container" } } = m(), { settings: { previewMode: O, debugMode: k }, contexts: { DataSourceContext: A, NavigationContext: j, InteractionsContext: M } } = s(), { interactionsManager: N } = r(M), { useDataSource: P } = r(A), { routeParams: F, queryParams: I } = r(j), L = o(() => {
-		if (!v) return "";
+import h from "@plitzi/sdk-store/StoreProvider";
+import g from "@plitzi/sdk-shared/dataSource/hooks/useRegisterSource";
+import { QueryBuilderEvaluator as _ } from "@plitzi/plitzi-ui/QueryBuilder";
+var v = n(({ ref: n, className: v = "", children: y, query: b = "", method: x = "get", accessToken: S = "", when: C = u, headers: w = u, mockData: T = "{}", subType: E = "div", credentials: D = "same-origin" }) => {
+	let { id: O, definition: { label: k = "Api Container" } } = m(), { settings: { previewMode: A, debugMode: j }, contexts: { NavigationContext: M, InteractionsContext: N } } = s(), { interactionsManager: P } = r(N), { routeParams: F, queryParams: I } = r(M), L = o(() => {
+		if (!b) return "";
 		try {
 			let e = {
 				...I,
 				...F
 			};
-			k && [...v.matchAll(/{{([ ]+|)(?<token>[a-zA-Z0-9-_:*/]+)([ ]+|)}}/gim)].forEach(({ groups: t }) => {
+			j && [...b.matchAll(/{{([ ]+|)(?<token>[a-zA-Z0-9-_:*/]+)([ ]+|)}}/gim)].forEach(({ groups: t }) => {
 				let n = t?.token.trim();
 				(!n || !c(e, n)) && console.log(`Token ${n} is required`);
 			});
-			let t = l(v, e, !0);
-			return typeof t == "string" ? t : v;
+			let t = l(b, e, !0);
+			return typeof t == "string" ? t : b;
 		} catch (e) {
 			console.error(e.message);
 		}
 		return "";
 	}, [
-		v,
+		b,
 		I,
 		F,
-		k
-	]), R = o(() => b ? {
-		...S,
-		Authorization: `Bearer ${b}`
-	} : S, [S, b]), z = o(() => !!(O && L && (x === u || h(x, {
+		j
+	]), R = o(() => S ? {
+		...w,
+		Authorization: `Bearer ${S}`
+	} : w, [w, S]), z = o(() => !!(A && L && (C === u || _(C, {
 		...F,
 		...I
-	})) || !O && (L || C && C !== "{}" && C !== u)), [
-		O,
+	})) || !A && (L || T && T !== "{}" && T !== u)), [
+		A,
 		L,
-		x,
+		C,
 		F,
 		I,
-		C
+		T
 	]), { isLoading: B, data: V, refetch: H, isSuccess: U, isError: W } = t({
 		url: L,
-		method: y,
-		credentials: T,
-		mock: O ? void 0 : C,
+		method: x,
+		credentials: D,
+		mock: A ? void 0 : T,
 		customHeaders: R,
 		enabled: z
 	});
 	a(() => {
-		B || (U ? N.interactionTrigger(E, "onApiSuccess", {
+		B || (U ? P.interactionTrigger(O, "onApiSuccess", {
 			url: L,
-			method: y,
+			method: x,
 			...V
-		}) : W && N.interactionTrigger(E, "onApiError", {
+		}) : W && P.interactionTrigger(O, "onApiError", {
 			url: L,
-			method: y,
+			method: x,
 			...V
 		}));
 	}, [
 		V,
-		E,
-		N,
+		O,
+		P,
 		W,
 		B,
 		U,
-		y,
+		x,
 		L
 	]);
 	let G = i(() => d(V).reduce((e, t) => {
@@ -83,20 +85,21 @@ var g = n(({ ref: n, className: g = "", children: _, query: v = "", method: y =
 			path: t,
 			name: n[n.length - 1]
 		}];
-	}, []), [V]), [K] = P({
-		id: E,
-		source: `apiContainer_${E}`,
-		mode: "write",
-		name: D || `API - ${E}`,
+	}, []), [V]);
+	g({
+		id: O,
+		source: `apiContainer_${O}`,
+		name: k || `API - ${O}`,
 		fields: G
-	}), q = o(() => ({ performQuery: {
+	});
+	let K = o(() => ({ performQuery: {
 		action: "performQuery",
-		title: `Perform Query ${D}`,
+		title: `Perform Query ${k}`,
 		type: "callback",
 		callback: H,
 		preview: {},
 		params: {}
-	} }), [D, H]), J = o(() => ({
+	} }), [k, H]), q = o(() => ({
 		onApiError: {
 			action: "onApiError",
 			title: "On Api Error",
@@ -124,15 +127,16 @@ var g = n(({ ref: n, className: g = "", children: _, query: v = "", method: y =
 	}), []);
 	return /* @__PURE__ */ f(e, {
 		ref: n,
-		tag: w,
-		className: p("plitzi-component__api-container", g),
-		interactionTriggers: J,
-		interactionCallbacks: q,
-		children: /* @__PURE__ */ f(K, {
-			value: V,
-			children: !B && _
+		tag: E,
+		className: p("plitzi-component__api-container", v),
+		interactionTriggers: q,
+		interactionCallbacks: K,
+		children: /* @__PURE__ */ f(h, {
+			inherit: "live",
+			value: { runtime: { sources: { [`apiContainer_${O}`]: V } } },
+			children: !B && y
 		})
 	});
 });
 //#endregion
-export { g as default };
+export { v as default };

package/dist/elements/provider/CollectionContainer/CollectionContainer.mjs

@@ -1,21 +1,23 @@
 import e from "../../../Element/RootElement.mjs";
 import t from "./hooks/useCollectionContext.mjs";
 import n from "../../../Element/hocs/withElement.mjs";
-import { use as r, useCallback as i, useMemo as a } from "react";
-import o from "@plitzi/sdk-shared/hooks/usePlitziServiceContext";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
-import l from "clsx";
-import u from "@plitzi/sdk-shared/elements/hooks/useElement";
-var d = n(({ ref: n, className: d = "", source: f = "", children: p, limit: m = "10", query: h, singleRecord: g = !1 }) => {
-	let { id: _, definition: { label: v = "Collection Container" } } = u(), { settings: { previewMode: y }, contexts: { DataSourceContext: b } } = o(), { loading: x, collection: S, fetch: C } = t({
-		source: f,
-		limit: m,
-		query: h,
-		singleRecord: g,
-		previewMode: y
-	}), { useDataSource: w } = r(b), T = i(() => {
+import { useCallback as r, useMemo as i } from "react";
+import a from "@plitzi/sdk-shared/hooks/usePlitziServiceContext";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import c from "clsx";
+import l from "@plitzi/sdk-shared/elements/hooks/useElement";
+import u from "@plitzi/sdk-store/StoreProvider";
+import d from "@plitzi/sdk-shared/dataSource/hooks/useRegisterSource";
+var f = n(({ ref: n, className: f = "", source: p = "", children: m, limit: h = "10", query: g, singleRecord: _ = !1 }) => {
+	let { id: v, definition: { label: y = "Collection Container" } } = l(), { settings: { previewMode: b } } = a(), { loading: x, collection: S, fetch: C } = t({
+		source: p,
+		limit: h,
+		query: g,
+		singleRecord: _,
+		previewMode: b
+	}), w = r(() => {
 		let e = [];
-		return S ? (g || e.push({
+		return S ? (_ || e.push({
 			path: "records",
 			name: "Records"
 		}), e.push({
@@ -30,32 +32,34 @@ var d = n(({ ref: n, className: d = "", source: f = "", children: p, limit: m =
 				name: `Record Field - ${t.name}`
 			});
 		}), e) : [];
-	}, [S, g]), [E] = w({
-		id: _,
-		source: `collectionContainer_${_}`,
-		mode: "write",
-		name: v || `Collection - ${S?.name || _}`,
-		fields: T
-	}), D = a(() => ({ performQuery: {
+	}, [S, _]);
+	d({
+		id: v,
+		source: `collectionContainer_${v}`,
+		name: y || `Collection - ${S?.name || v}`,
+		fields: w
+	});
+	let T = i(() => ({ performQuery: {
 		action: "performQuery",
-		title: `Refresh ${v}`,
+		title: `Refresh ${y}`,
 		type: "callback",
 		callback: C,
 		preview: {},
 		params: {}
-	} }), [C, v]);
-	if (!(!S && y)) return /* @__PURE__ */ c(e, {
+	} }), [C, y]);
+	if (!(!S && b)) return /* @__PURE__ */ s(e, {
 		ref: n,
-		interactionCallbacks: D,
-		className: l("plitzi-component__collection-container", d, { "collection-container--context-empty": !S }),
-		children: [!S && /* @__PURE__ */ s("div", {
+		interactionCallbacks: T,
+		className: c("plitzi-component__collection-container", f, { "collection-container--context-empty": !S }),
+		children: [!S && /* @__PURE__ */ o("div", {
 			className: "collection-container__message",
 			children: "Source Not Selected"
-		}), S && !x && /* @__PURE__ */ s(E, {
-			value: S,
-			children: p
+		}), S && !x && /* @__PURE__ */ o(u, {
+			inherit: "live",
+			value: { runtime: { sources: { [`collectionContainer_${v}`]: S } } },
+			children: m
 		})]
 	});
 });
 //#endregion
-export { d as default };
+export { f as default };

package/dist/elements/structure/DialogContainer/DialogContainer.mjs

@@ -6,8 +6,10 @@ import { getPathsFromObeject as c } from "@plitzi/sdk-shared/helpers/utils";
 import { jsx as l, jsxs as u } from "react/jsx-runtime";
 import d from "clsx";
 import f from "@plitzi/sdk-shared/elements/hooks/useElement";
-var p = t(({ ref: t, className: p = "", children: m, headerLabel: h = "Dialog Header", acceptButtonLabel: g = "Accept", acceptButtonLabelLoading: _ = "Loading...", rejectButtonLabel: v = "Cancel", autoHideAfterClick: y = !0 }) => {
-	let { id: b, setElementState: x, definition: { styleSelectors: S, label: C = "Dialog" }, elementState: w } = f(), { contexts: { InteractionsContext: T, DataSourceContext: E } } = s(), { interactionsManager: D } = n(T), { useDataSource: O } = n(E), [k, A] = o({}), [j, M] = o(!1), N = r((e) => {
+import p from "@plitzi/sdk-store/StoreProvider";
+import m from "@plitzi/sdk-shared/dataSource/hooks/useRegisterSource";
+var h = t(({ ref: t, className: h = "", children: g, headerLabel: _ = "Dialog Header", acceptButtonLabel: v = "Accept", acceptButtonLabelLoading: y = "Loading...", rejectButtonLabel: b = "Cancel", autoHideAfterClick: x = !0 }) => {
+	let { id: S, setElementState: C, definition: { styleSelectors: w, label: T = "Dialog" }, elementState: E } = f(), { contexts: { InteractionsContext: D } } = s(), { interactionsManager: O } = n(D), [k, A] = o({}), [j, M] = o(!1), N = r((e) => {
 		let { metadata: t } = e;
 		if (t && typeof t == "object") A(t);
 		else if (typeof t == "string") try {
@@ -16,54 +18,54 @@ var p = t(({ ref: t, className: p = "", children: m, headerLabel: h = "Dialog He
 			A({ content: t });
 		}
 		else A(typeof t == "boolean" || typeof t == "number" ? { content: t } : {});
-		x((e) => ({
+		C((e) => ({
 			...e,
 			visibility: !0
 		}));
-	}, [x, A]), P = r(() => {
-		D.interactionTrigger(b, "onDialogClose", { metadata: k }), A({}), x((e) => ({
+	}, [C, A]), P = r(() => {
+		O.interactionTrigger(S, "onDialogClose", { metadata: k }), A({}), C((e) => ({
 			...e,
 			visibility: !1
 		}));
 	}, [
-		D,
-		x,
+		O,
+		C,
 		A,
 		k,
-		b
+		S
 	]), F = r(() => {
-		y && (D.interactionTrigger(b, "onDialogClose", { metadata: k }), A({}), x((e) => ({
+		x && (O.interactionTrigger(S, "onDialogClose", { metadata: k }), A({}), C((e) => ({
 			...e,
 			visibility: !1
 		})));
 	}, [
-		D,
-		y,
+		O,
 		x,
+		C,
 		A,
 		k,
-		b
+		S
 	]);
 	r(async () => {
-		M(!0), await D.interactionTrigger(b, "onDialogAccept", { metadata: k }), M(!1), x((e) => ({
+		M(!0), await O.interactionTrigger(S, "onDialogAccept", { metadata: k }), M(!1), C((e) => ({
 			...e,
 			visibility: !1
 		}));
 	}, [
-		D,
-		b,
+		O,
+		S,
 		k,
-		x
+		C
 	]), r(async () => {
-		M(!0), await D.interactionTrigger(b, "onDialogReject", { metadata: k }), M(!1), x((e) => ({
+		M(!0), await O.interactionTrigger(S, "onDialogReject", { metadata: k }), M(!1), C((e) => ({
 			...e,
 			visibility: !1
 		}));
 	}, [
-		D,
-		b,
+		O,
+		S,
 		k,
-		x
+		C
 	]);
 	let I = a(() => ({
 		onDialogAccept: {
@@ -109,7 +111,7 @@ var p = t(({ ref: t, className: p = "", children: m, headerLabel: h = "Dialog He
 	}), []), L = a(() => ({
 		openDialog: {
 			action: "openDialog",
-			title: `Open ${C}`,
+			title: `Open ${T}`,
 			type: "callback",
 			callback: N,
 			params: { metadata: {
@@ -120,7 +122,7 @@ var p = t(({ ref: t, className: p = "", children: m, headerLabel: h = "Dialog He
 		},
 		closeDialog: {
 			action: "closeDialog",
-			title: `Close ${C}`,
+			title: `Close ${T}`,
 			type: "callback",
 			callback: P,
 			preview: {},
@@ -129,15 +131,15 @@ var p = t(({ ref: t, className: p = "", children: m, headerLabel: h = "Dialog He
 	}), [
 		P,
 		N,
-		C
+		T
 	]);
 	i(() => {
-		w.visibility !== !1 && D.interactionTrigger(b, "onDialogOpen", { metadata: k });
+		E.visibility !== !1 && O.interactionTrigger(S, "onDialogOpen", { metadata: k });
 	}, [
-		b,
-		D,
+		S,
+		O,
 		k,
-		w.visibility
+		E.visibility
 	]);
 	let R = r(() => typeof k == "object" ? c(k).reduce((e, t) => {
 		let n = t.split(".");
@@ -148,29 +150,28 @@ var p = t(({ ref: t, className: p = "", children: m, headerLabel: h = "Dialog He
 			path: t,
 			name: n[n.length - 1]
 		}];
-	}, []) : [], [k]), [z] = O({
-		id: b,
-		source: `dialogContainer_${b}`,
-		mode: "write",
-		name: C || `Dialog - ${b}`,
+	}, []) : [], [k]);
+	return m({
+		id: S,
+		source: `dialogContainer_${S}`,
+		name: T || `Dialog - ${S}`,
 		fields: R
-	});
-	return /* @__PURE__ */ u(e, {
+	}), /* @__PURE__ */ u(e, {
 		ref: t,
-		className: d("plitzi-component__dialog-container", p),
+		className: d("plitzi-component__dialog-container", h),
 		interactionTriggers: I,
 		interactionCallbacks: L,
 		children: [/* @__PURE__ */ l("div", {
-			className: d("dialog-container__background", S.backgroundContainer),
+			className: d("dialog-container__background", w.backgroundContainer),
 			onClick: F
 		}), /* @__PURE__ */ u("div", {
-			className: d("dialog-container__root", S.rootContainer),
+			className: d("dialog-container__root", w.rootContainer),
 			children: [
 				/* @__PURE__ */ u("div", {
-					className: d("dialog-container__header", S.headerContainer),
+					className: d("dialog-container__header", w.headerContainer),
 					children: [/* @__PURE__ */ l("div", {
-						className: d("dialog-container__header__title", S.headerTitle),
-						children: h || "Dialog Header"
+						className: d("dialog-container__header__title", w.headerTitle),
+						children: _ || "Dialog Header"
 					}), /* @__PURE__ */ l("i", {
 						className: "fa-solid fa-xmark",
 						title: "Close",
@@ -178,27 +179,28 @@ var p = t(({ ref: t, className: p = "", children: m, headerLabel: h = "Dialog He
 					})]
 				}),
 				/* @__PURE__ */ l("div", {
-					className: d("dialog-container__body", S.body),
-					children: /* @__PURE__ */ l(z, {
-						value: k,
-						children: m
+					className: d("dialog-container__body", w.body),
+					children: /* @__PURE__ */ l(p, {
+						inherit: "live",
+						value: { runtime: { sources: { [`dialogContainer_${S}`]: k } } },
+						children: g
 					})
 				}),
 				/* @__PURE__ */ u("div", {
-					className: d("dialog-container__footer", S.footerContainer),
+					className: d("dialog-container__footer", w.footerContainer),
 					children: [/* @__PURE__ */ u("button", {
-						className: d("footer__button button--accept", S.acceptButton),
+						className: d("footer__button button--accept", w.acceptButton),
 						onClick: void 0,
 						disabled: j,
 						children: [j && /* @__PURE__ */ u("div", {
 							className: "button--accept__container",
-							children: [/* @__PURE__ */ l("i", { className: "fa-solid fa-rotate fa-spin" }), _]
-						}), !j && g]
+							children: [/* @__PURE__ */ l("i", { className: "fa-solid fa-rotate fa-spin" }), y]
+						}), !j && v]
 					}), /* @__PURE__ */ l("button", {
-						className: d("footer__button button--cancel", S.cancelButton),
+						className: d("footer__button button--cancel", w.cancelButton),
 						onClick: void 0,
 						disabled: j,
-						children: v
+						children: b
 					})]
 				})
 			]
@@ -206,4 +208,4 @@ var p = t(({ ref: t, className: p = "", children: m, headerLabel: h = "Dialog He
 	});
 });
 //#endregion
-export { p as default };
+export { h as default };

package/dist/elements/structure/List/modes/ListControlled/ListControlled.mjs

@@ -1,50 +1,52 @@
 import e from "../../../../../Element/RootElement.mjs";
 import t from "./ListControlledItem.mjs";
-import { use as n, useCallback as r, useMemo as i } from "react";
-import a from "@plitzi/sdk-shared/hooks/usePlitziServiceContext";
-import { get as o } from "@plitzi/plitzi-ui/helpers";
-import { getPathsFromObeject as s } from "@plitzi/sdk-shared/helpers/utils";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
-import u from "clsx";
-import d from "@plitzi/sdk-shared/elements/hooks/useElement";
+import { useCallback as n, useMemo as r } from "react";
+import i from "@plitzi/sdk-shared/hooks/usePlitziServiceContext";
+import { get as a } from "@plitzi/plitzi-ui/helpers";
+import { getPathsFromObeject as o } from "@plitzi/sdk-shared/helpers/utils";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import l from "clsx";
+import u from "@plitzi/sdk-shared/elements/hooks/useElement";
+import d from "@plitzi/sdk-store/StoreProvider";
+import f from "@plitzi/sdk-shared/dataSource/hooks/useRegisterSource";
 //#region src/elements/structure/List/modes/ListControlled/ListControlled.tsx
-var f = ({ ref: f, className: p = "", children: m, items: h = [] }) => {
-	let { id: g, definition: { label: _ } } = d(), { settings: { previewMode: v }, contexts: { DataSourceContext: y } } = a(), { useDataSource: b } = n(y), x = i(() => Array.isArray(h) ? h : [], [h]), S = r(() => s({
-		item: o(x, "0", {}),
+var p = ({ ref: p, className: m = "", children: h, items: g = [] }) => {
+	let { id: _, definition: { label: v } } = u(), { settings: { previewMode: y } } = i(), b = r(() => Array.isArray(g) ? g : [], [g]), x = n(() => o({
+		item: a(b, "0", {}),
 		index: "0"
 	}).reduce((e, t) => [...e, {
 		path: t,
 		name: t
-	}], []), [x]), C = i(() => ({ items: x }), [x]), [w, T] = b({
-		id: g,
-		source: `list_${g}`,
-		mode: "write",
-		name: _ || `List - ${g}`,
-		fields: S
-	});
-	return /* @__PURE__ */ l(e, {
-		ref: f,
-		className: u("plitzi-component__controlled-list", p, { "controlled-list--build-mode": !v }),
-		children: [/* @__PURE__ */ c(w, {
-			value: C,
-			children: x.map((e, n) => !m || Array.isArray(m) && m.length === 0 ? /* @__PURE__ */ c("div", {
+	}], []), [b]), S = r(() => ({ items: b }), [b]);
+	return f({
+		id: _,
+		source: `list_${_}`,
+		name: v || `List - ${_}`,
+		fields: x
+	}), /* @__PURE__ */ c(e, {
+		ref: p,
+		className: l("plitzi-component__controlled-list", m, { "controlled-list--build-mode": !y }),
+		children: [/* @__PURE__ */ s(d, {
+			inherit: "live",
+			value: { runtime: { sources: { [`list_${_}`]: S } } },
+			children: b.map((e, n) => !h || Array.isArray(h) && h.length === 0 ? /* @__PURE__ */ s("div", {
 				className: "plitzi-component__controlled-list-item controlled-list--empty",
-				children: /* @__PURE__ */ c("div", {
+				children: /* @__PURE__ */ s("div", {
 					className: "controlled-list-item__counter",
 					children: `List Item - ${n + 1}`
 				})
-			}, n) : /* @__PURE__ */ c(t, {
+			}, n) : /* @__PURE__ */ s(t, {
 				itemCount: n + 1,
-				isTemplate: n !== 0 && !v,
+				isTemplate: n !== 0 && !y,
 				record: e,
-				listContextId: T,
-				children: m
+				source: `list_${_}`,
+				children: h
 			}, n))
-		}), !v && x.length === 0 && /* @__PURE__ */ c("div", {
+		}), !y && b.length === 0 && /* @__PURE__ */ s("div", {
 			className: "controlled-list controlled-list--empty",
 			children: "This list does not contain any items"
 		})]
 	});
 };
 //#endregion
-export { f as default };
+export { p as default };