@plitzi/sdk-elements 0.32.0 → 0.32.2

package/dist/Element/hocs/withElement.mjs

@@ -1,58 +1,93 @@
-import e from "../hooks/useElementInternal.mjs";
-import t from "@plitzi/plitzi-ui/ErrorBoundary";
-import { omit as n } from "@plitzi/plitzi-ui/helpers/lodash";
-import { useMemo as r, useRef as i } from "react";
-import a from "@plitzi/sdk-event-bridge/hooks/useEventBridge";
-import o from "@plitzi/sdk-shared/elements/ElementContext";
-import s from "@plitzi/sdk-shared/hooks/usePlitziServiceContext";
-import { jsx as c } from "react/jsx-runtime";
+import e from "../ElementContext.mjs";
+import { omitKeys as t } from "../helpers/omitKeys.mjs";
+import n from "../hooks/useElementInternal.mjs";
+import r from "@plitzi/plitzi-ui/ErrorBoundary";
+import { Profiler as i, use as a, useMemo as o, useRef as s } from "react";
+import c from "@plitzi/sdk-event-bridge/hooks/useEventBridge";
+import l from "@plitzi/sdk-shared/hooks/usePlitziServiceContext";
+import { useCommonStore as u } from "@plitzi/sdk-shared/store";
+import { diffProps as d, tracingCollector as f } from "@plitzi/sdk-shared/store/tracing";
+import { jsx as p } from "react/jsx-runtime";
 //#region src/Element/hocs/withElement.tsx
-var l = (l) => {
-	let u = (u) => {
-		let d = i(void 0), { id: f, rootId: p } = u.internalProps, m = r(() => ({
-			id: f,
-			rootId: p,
+var m = (m) => {
+	let h = m.displayName || m.name, g = (h) => {
+		let g = s(void 0), _ = s(void 0), { id: v, rootId: y } = h.internalProps, b = o(() => ({
+			id: v,
+			rootId: y,
 			plitziJsxSkipHOC: !0
-		}), [f, p]);
-		if (u.plitziJsxSkipHOC) return r(() => /* @__PURE__ */ c(o, {
-			value: m,
-			children: /* @__PURE__ */ c(l, {
-				...u,
-				internalProps: u.internalProps
-			})
-		}), [m, u]);
-		let { settings: { previewMode: h }, root: { baseElementId: g } } = s(), { internalProps: _, customProps: v, children: y } = e({
-			internalProps: u.internalProps,
-			children: u.children,
-			previewMode: h,
-			baseElementId: g
-		}), { attributes: b, definition: x, style: S, plitziElementLayout: C, elementState: w, setElementState: T } = _;
-		a("element", r(() => ({ [`${f}_setState`]: T }), [f, T]));
-		let E = r(() => ({
-			id: f,
-			rootId: p,
-			attributes: b,
-			definition: x,
-			plitziElementLayout: C,
-			style: S,
-			elementState: w,
-			setElementState: T
-		}), [
-			b,
-			x,
-			w,
-			f,
-			C,
-			p,
-			S,
-			T
-		]);
-		return r(() => {
+		}), [v, y]);
+		if (h.plitziJsxSkipHOC) return /* @__PURE__ */ p(e, {
+			value: b,
+			children: /* @__PURE__ */ p(m, { ...h })
+		});
+		let x = a(e), { settings: { previewMode: S, debugMode: C }, root: { baseElementId: w } } = l(), [T] = u(`schema.flat.${v}`);
+		if (!T) throw Error(`Element ${v} not found, Page ${w}`);
+		let { internalProps: E, customProps: D, children: O } = n({
+			element: T,
+			internalProps: h.internalProps,
+			children: h.children,
+			previewMode: S
+		}), { attributes: k, definition: A, style: j, plitziElementLayout: M, elementState: N, setElementState: P } = E;
+		c("element", o(() => ({ [`${v}_setState`]: P }), [v, P]));
+		let F = /* @__PURE__ */ p(e, {
+			value: o(() => ({
+				id: v,
+				rootId: y,
+				attributes: k,
+				definition: A,
+				plitziElementLayout: M,
+				style: j,
+				elementState: N,
+				setElementState: P
+			}), [
+				k,
+				A,
+				N,
+				v,
+				M,
+				y,
+				j,
+				P
+			]),
+			children: o(() => {
+				let e = {
+					...E.attributes,
+					...h.extraProps,
+					...D,
+					...t(h, [
+						"plitziJsxSkipHOC",
+						"internalProps",
+						"className",
+						"children",
+						"extraProps"
+					])
+				};
+				return O && (e = {
+					...e,
+					children: O
+				}), /* @__PURE__ */ p(r, { children: /* @__PURE__ */ p(m, {
+					...e,
+					ref: g
+				}) });
+			}, [
+				E.attributes,
+				h,
+				D,
+				O
+			])
+		});
+		if (C) {
+			f.linkParent(v, x?.id);
 			let e = {
-				..._.attributes,
-				...u.extraProps,
-				...v,
-				...n(u, [
+				attributes: k,
+				definition: A,
+				style: j,
+				elementState: N,
+				plitziElementLayout: M,
+				children: O,
+				...D,
+				...h.extraProps,
+				...t(h, [
 					"plitziJsxSkipHOC",
 					"internalProps",
 					"className",
@@ -60,25 +95,15 @@ var l = (l) => {
 					"extraProps"
 				])
 			};
-			return y && (e = {
-				...e,
-				children: y
-			}), /* @__PURE__ */ c(t, { children: /* @__PURE__ */ c(o, {
-				value: E,
-				children: /* @__PURE__ */ c(l, {
-					...e,
-					ref: d
-				})
-			}) });
-		}, [
-			_.attributes,
-			u,
-			v,
-			y,
-			E
-		]);
+			return f.recordProps(v, d(_.current, e)), _.current = e, /* @__PURE__ */ p(i, {
+				id: v,
+				onRender: f.onRender,
+				children: F
+			});
+		}
+		return F;
 	};
-	return u.displayName = `withElement(${l.displayName || l.name})`, u;
+	return g.displayName = `withElement(${h})`, g;
 };
 //#endregion
-export { l as default };
+export { m as default };

package/dist/Element/hooks/useElement.d.ts

@@ -0,0 +1,3 @@
+import { ElementContextValue } from '../ElementContext';
+declare const useElement: () => ElementContextValue;
+export default useElement;

package/dist/Element/hooks/useElement.mjs

@@ -0,0 +1,10 @@
+import e from "../ElementContext.mjs";
+import { use as t } from "react";
+//#region src/Element/hooks/useElement.ts
+var n = () => {
+	let n = t(e);
+	if (n === void 0) throw Error("Element data not found. Make sure the element is rendered under withElement.");
+	return n;
+};
+//#endregion
+export { n as default };

package/dist/Element/hooks/useElementDataSource.mjs

@@ -1,18 +1,18 @@
 import { useMemo as e } from "react";
-import { createStoreHook as t } from "@plitzi/nexus/createStore";
+import { useCommonStore as t } from "@plitzi/sdk-shared/store";
 //#region src/Element/hooks/useElementDataSource.ts
 var n = ({ bindings: n, sources: r }) => {
 	let i = e(() => {
 		let e = new Set(r ?? []);
 		for (let t of Object.values(n ?? {})) if (Array.isArray(t)) for (let { source: n } of t) n && e.add(n);
 		return e.size > 0 && !e.has("variables") && e.add("variables"), [...e];
-	}, [n, r]), { useStore: a } = t(), [o] = a(e(() => i.map((e) => `runtime.sources.${e}`), [i]));
+	}, [n, r]), [a] = t(e(() => i.map((e) => `runtime.sources.${e}`), [i]));
 	return e(() => {
 		let e = {};
 		return i.forEach((t, n) => {
-			e[t] = o[n];
+			e[t] = a[n];
 		}), e;
-	}, [i, o]);
+	}, [i, a]);
 };
 //#endregion
 export { n as default };

package/dist/Element/hooks/useElementInteractions.mjs

@@ -1,41 +1,33 @@
 import e from "../helpers/getInteractions.mjs";
-import { useCallback as t, useMemo as n, useRef as r } from "react";
-import { omit as i, set as a } from "@plitzi/plitzi-ui/helpers";
-import { produce as o } from "immer";
+import { useCallback as t, useMemo as n } from "react";
+import { set as r } from "@plitzi/plitzi-ui/helpers";
+import { produce as i } from "immer";
 //#region src/Element/hooks/useElementInteractions.ts
-var s = (e) => {
+var a = (e) => {
 	if (typeof e != "string") return e;
 	let t = e.toLowerCase();
 	return t === "true" || t === "false" || t === "yes" || t === "no" ? t === "true" || t === "yes" : e;
-}, c = ({ attributes: c, definition: l, setElementState: u }) => {
-	let d = r({}), f = t((e) => {
-		let t = d.current;
+}, o = ({ attributes: o, definition: s, setElementState: c }) => {
+	let l = t((e) => {
 		if (!e.key || !e.value) return {
-			prevState: t,
-			nextState: t
+			prevState: void 0,
+			nextState: void 0
 		};
-		let { key: n } = e, { value: r } = e;
-		r = s(r);
-		let c = {};
-		return c = r === void 0 ? i(t, [n]) : o(t, (e) => a(e, n, r)), u(c) ? (d.current = c, {
-			prevState: t,
-			nextState: c
-		}) : {
-			prevState: t,
-			nextState: t
+		let { key: t } = e, n = a(e.value), o, s;
+		return c((e) => (o = e, s = i(e, (e) => r(e, t, n)), s)), {
+			prevState: o,
+			nextState: s
 		};
-	}, [u]), p = t((e, t) => {
-		let { revertOnFinish: n } = e;
-		if (!n || !t || !t.prevState) return;
-		let { prevState: r } = t;
-		d.current = r, u(r);
-	}, [u]);
-	return n(() => e(c, l, f, p), [
-		c,
+	}, [c]), u = t((e, t) => {
+		let n = t?.prevState;
+		!e.revertOnFinish || !n || c(n);
+	}, [c]);
+	return n(() => e(o, s, l, u), [
+		o,
+		s,
 		l,
-		f,
-		p
+		u
 	]);
 };
 //#endregion
-export { c as default };
+export { o as default };

package/dist/Element/hooks/useElementInternal.d.ts

@@ -4,6 +4,10 @@ export declare const getProps: (element: Element, internalProps: InternalPropsST
     rootId: string | undefined;
     attributes: {
         [x: string]: unknown;
+        id?: string | undefined;
+        rootId?: string | undefined;
+        plitziElementLayout?: import('@plitzi/sdk-shared').ElementLayout | undefined;
+        attributes?: Element["attributes"] | undefined;
         subType?: string;
     };
     definition: import('@plitzi/sdk-shared').ElementDefinition;
@@ -18,17 +22,21 @@ export declare const getProps: (element: Element, internalProps: InternalPropsST
     plitziElementLayout?: import('@plitzi/sdk-shared').ElementLayout;
 };
 export type UseElementInternalProps = {
+    element: Element;
     children?: ReactNode;
     internalProps: InternalPropsSTG1;
     previewMode?: boolean;
-    baseElementId?: string;
 };
-declare const useElementInternal: ({ children, internalProps, previewMode, baseElementId }: UseElementInternalProps) => {
+declare const useElementInternal: ({ element, children, internalProps, previewMode }: UseElementInternalProps) => {
     internalProps: {
         setElementState: <T extends Record<string, unknown> = Record<string, unknown>>(value?: T | ((prev: T) => T)) => boolean;
         rootId: string | undefined;
         attributes: {
             [x: string]: unknown;
+            id?: string | undefined;
+            rootId?: string | undefined;
+            plitziElementLayout?: import('@plitzi/sdk-shared').ElementLayout | undefined;
+            attributes?: Element["attributes"] | undefined;
             subType?: string;
         };
         definition: import('@plitzi/sdk-shared').ElementDefinition;
@@ -42,11 +50,15 @@ declare const useElementInternal: ({ children, internalProps, previewMode, baseE
         id: string;
         plitziElementLayout?: import('@plitzi/sdk-shared').ElementLayout;
     };
-    customProps: Omit<{
+    customProps: Partial<{
         setElementState: <T extends Record<string, unknown> = Record<string, unknown>>(value?: T | ((prev: T) => T)) => boolean;
         rootId: string | undefined;
         attributes: {
             [x: string]: unknown;
+            id?: string | undefined;
+            rootId?: string | undefined;
+            plitziElementLayout?: import('@plitzi/sdk-shared').ElementLayout | undefined;
+            attributes?: Element["attributes"] | undefined;
             subType?: string;
         };
         definition: import('@plitzi/sdk-shared').ElementDefinition;
@@ -59,7 +71,7 @@ declare const useElementInternal: ({ children, internalProps, previewMode, baseE
         style: Record<string, string> | undefined;
         id: string;
         plitziElementLayout?: import('@plitzi/sdk-shared').ElementLayout;
-    }, "style" | "definition" | "id" | "attributes" | "rootId" | "plitziElementLayout" | "setElementState" | "elementState">;
+    }>;
     children: ReactNode;
 };
 export default useElementInternal;

package/dist/Element/hooks/useElementInternal.mjs

@@ -1,35 +1,37 @@
-import e from "./useElementDataSource.mjs";
-import t from "./useElementState.mjs";
-import n from "./useInternalItems.mjs";
-import r from "../../dataSource/getBindingsDetails.mjs";
+import { omitKeys as e } from "../helpers/omitKeys.mjs";
+import t from "./useElementDataSource.mjs";
+import n from "./useElementState.mjs";
+import r from "./useInternalItems.mjs";
 import i from "../helpers/parseStyleSelectors.mjs";
 import { useMemo as a } from "react";
-import { get as o, omit as s } from "@plitzi/plitzi-ui/helpers";
-import { createStoreHook as c } from "@plitzi/nexus/createStore";
-import { hasValidToken as l, processTwig as u } from "@plitzi/sdk-shared/helpers/twigWrapper";
+import { get as o } from "@plitzi/plitzi-ui/helpers";
+import s from "@plitzi/sdk-shared/dataSource/getBindingsDetails";
+import { hasValidToken as c, processTwig as l } from "@plitzi/sdk-shared/helpers/twigWrapper";
 //#region src/Element/hooks/useElementInternal.ts
-var d = (e, t, n = {}, a = {}) => {
-	let c, { attributes: d, definition: f } = e, { rootId: p, plitziElementLayout: m } = t;
-	if (t.attributes && (d = {
+var u = (t, n, r = {}, a = {}) => {
+	let u, { attributes: d, definition: f } = t, { rootId: p, plitziElementLayout: m } = n;
+	if (n.attributes && (d = {
 		...d,
-		...t.attributes
-	}), Object.keys(n).length > 0) {
-		let t = r(n, {
-			...e,
+		...n.attributes
+	}), Object.keys(r).length > 0) {
+		let e = s(r, {
+			...t,
 			attributes: d
-		}, c);
-		({attributes: d, definition: f, style: c} = t);
+		}, u);
+		({attributes: d, definition: f, style: u} = e);
 	}
-	let { variables: h } = n;
-	return h && Object.keys(h).length > 0 && (d = Object.keys(d).reduce((e, t) => typeof d[t] == "string" && l(d[t]) ? {
-		...e,
-		[t]: u(d[t], h, !0)
-	} : {
-		...e,
-		[t]: d[t]
-	}, {})), d = {
+	let { variables: h } = r;
+	if (h && Object.keys(h).length > 0) {
+		let e = {};
+		for (let t of Object.keys(d)) {
+			let n = d[t];
+			e[t] = typeof n == "string" && c(n) ? l(n, h, !0) : n;
+		}
+		d = e;
+	}
+	return d = {
 		...d,
-		...s(a, ["visibility", "styleSelectors"])
+		...e(a, ["visibility", "styleSelectors"])
 	}, f = {
 		...f,
 		styleSelectors: {
@@ -38,11 +40,11 @@ var d = (e, t, n = {}, a = {}) => {
 			...a.styleSelectors ?? {}
 		}
 	}, f.styleSelectors = i(f), {
-		...t,
+		...n,
 		rootId: o(m, "rootId", p),
 		attributes: {
 			...d,
-			...s(t, [
+			...e(n, [
 				"id",
 				"rootId",
 				"attributes",
@@ -55,30 +57,29 @@ var d = (e, t, n = {}, a = {}) => {
 			...f.initialState,
 			...a
 		},
-		style: c
+		style: u
 	};
-}, f = ({ children: r, internalProps: i, previewMode: o = !1, baseElementId: l }) => {
-	let { useStore: u } = c(), { id: f } = i, [p] = u(`schema.flat.${f}`);
-	if (!p) throw Error(`Element ${f} not found, Page ${l}`);
-	let { state: m, setElementState: h } = t({
-		bindings: p.definition.bindings,
-		previewMode: o
-	}), g = e({
-		bindings: p.definition.bindings,
+}, d = ({ element: i, children: o, internalProps: s, previewMode: c = !1 }) => {
+	let { id: l } = s, { state: d, setElementState: f } = n({
+		id: l,
+		bindings: i.definition.bindings,
+		previewMode: c
+	}), p = t({
+		bindings: i.definition.bindings,
 		sources: ["variables"]
-	}), _ = a(() => ({
-		...d(p, i, g, m),
-		setElementState: h
+	}), m = a(() => ({
+		...u(i, s, p, d),
+		setElementState: f
 	}), [
-		p,
 		i,
-		g,
-		m,
-		h
+		s,
+		p,
+		d,
+		f
 	]);
 	return {
-		internalProps: _,
-		customProps: s(_, [
+		internalProps: m,
+		customProps: e(m, [
 			"id",
 			"rootId",
 			"plitziElementLayout",
@@ -88,14 +89,14 @@ var d = (e, t, n = {}, a = {}) => {
 			"elementState",
 			"setElementState"
 		]),
-		children: n({
-			id: f,
-			definition: _.definition,
-			plitziElementLayout: _.plitziElementLayout,
-			children: r,
-			previewMode: o
+		children: r({
+			id: l,
+			definition: m.definition,
+			plitziElementLayout: m.plitziElementLayout,
+			children: o,
+			previewMode: c
 		})
 	};
 };
 //#endregion
-export { f as default };
+export { d as default, u as getProps };

package/dist/Element/hooks/useElementState.d.ts

@@ -1,11 +1,11 @@
 import { Element } from '@plitzi/sdk-shared';
 export type UseElementStateProps = {
+    id: string;
     bindings?: Partial<Element['definition']['bindings']>;
     previewMode: boolean;
 };
-declare const useElementState: ({ bindings, previewMode }: UseElementStateProps) => {
+declare const useElementState: ({ id, bindings, previewMode }: UseElementStateProps) => {
     state: Record<string, unknown>;
-    setState: import('react').Dispatch<import('react').SetStateAction<Record<string, unknown>>>;
     setElementState: <T extends Record<string, unknown> = Record<string, unknown>>(value?: T | ((prev: T) => T)) => boolean;
 };
 export default useElementState;

package/dist/Element/hooks/useElementState.mjs

@@ -1,23 +1,30 @@
-import { useCallback as e, useMemo as t, useState as n } from "react";
-import { get as r, omit as i } from "@plitzi/plitzi-ui/helpers";
+import { useCallback as e, useEffect as t, useMemo as n } from "react";
+import { useCommonStore as r, useCommonStoreSetter as i } from "@plitzi/sdk-shared/store";
+import { get as a, omit as o } from "@plitzi/plitzi-ui/helpers";
+import { useStoreById as s } from "@plitzi/nexus/react";
 //#region src/Element/hooks/useElementState.ts
-var a = ({ bindings: a, previewMode: o }) => {
-	let [s, c] = n({}), l = t(() => {
-		let e = a?.initialState && Array.isArray(a.initialState) ? a.initialState : [], t = a?.attributes && Array.isArray(a.attributes) ? a.attributes : [];
-		return {
-			stateBinded: e.filter((e) => e.enabled !== !1).map((e) => r(e, "toPath", "")),
-			attributesBinded: t.filter((e) => e.enabled !== !1).map((e) => r(e, "toPath", ""))
-		};
-	}, [a]);
-	return {
-		state: s,
-		setState: c,
-		setElementState: e((e) => o ? (c((t) => {
-			if (!e) return {};
-			let n = typeof e == "function" ? e(t) : e;
-			return l.attributesBinded.length && (n = i(n, l.attributesBinded)), n;
-		}), !0) : !1, [l, o])
+var c = {}, l = (e, t) => t ? `runtime.elements.${e}.${t}` : `runtime.elements.${e}`, u = ({ id: u, bindings: d, previewMode: f }) => {
+	let { scopePath: p } = s(), m = n(() => l(u, p), [u, p]), [h] = r(m), g = h ?? c, _ = i(), v = n(() => (d?.attributes && Array.isArray(d.attributes) ? d.attributes : []).filter((e) => e.enabled !== !1).map((e) => a(e, "toPath", "")), [d]), y = e((e) => f ? (_(m, (t) => {
+		if (!e) return {};
+		let n = typeof e == "function" ? e(t ?? c) : e;
+		return v.length && (n = o(n, v)), n;
+	}), !0) : !1, [
+		v,
+		m,
+		f,
+		_
+	]);
+	return t(() => {
+		if (!(!f || !p)) return () => _(m, void 0);
+	}, [
+		f,
+		p,
+		m,
+		_
+	]), {
+		state: g,
+		setElementState: y
 	};
 };
 //#endregion
-export { a as default };
+export { u as default };

package/dist/Element/hooks/useInternalItems.mjs

@@ -1,55 +1,57 @@
 import e from "../helpers/pluginSelector.mjs";
 import t from "../ServerStaticShell.mjs";
-import { isValidElement as n, use as r, useMemo as i, useSyncExternalStore as a } from "react";
-import { get as o } from "@plitzi/plitzi-ui/helpers";
-import { createStoreHook as s } from "@plitzi/nexus/createStore";
-import { usePlitziServiceContext as c } from "@plitzi/sdk-shared";
-import l from "@plitzi/sdk-shared/elements/ComponentContext";
-import { jsx as u } from "react/jsx-runtime";
+import { isValidElement as n, use as r, useMemo as i, useRef as a, useSyncExternalStore as o } from "react";
+import { useCommonStore as s } from "@plitzi/sdk-shared/store";
+import { get as c } from "@plitzi/plitzi-ui/helpers";
+import { usePlitziServiceContext as l } from "@plitzi/sdk-shared";
+import u from "@plitzi/sdk-shared/elements/ComponentContext";
+import { jsx as d } from "react/jsx-runtime";
 //#region src/Element/hooks/useInternalItems.tsx
-var d = typeof window > "u", f = () => () => {}, p = () => !0, m = () => !1, h = ({ id: h, definition: g, plitziElementLayout: _, children: v, previewMode: y }) => {
-	let { useStore: b } = s(), [[x, S]] = b(["schema.flat", "schema.rsc.enabled"], { mode: "mount" }), { components: C } = r(l), { contexts: { PluginsContext: w } } = c(), { plugins: T } = r(w), { items: E } = g, D = _ || v || E?.length, O = i(() => Math.round(Date.now()), [_]), k = a(f, p, m);
+var f = typeof window > "u", p = () => () => {}, m = () => !0, h = () => !1, g = ({ id: g, definition: _, plitziElementLayout: v, children: y, previewMode: b }) => {
+	let [[x, S]] = s(["schema.flat", "schema.rsc.enabled"], { mode: "mount" }), { components: C } = r(u), { contexts: { PluginsContext: w } } = l(), { plugins: T } = r(w), { items: E } = _, D = v || y || E?.length, O = a(v), k = a(0);
+	O.current !== v && (O.current = v, k.current += 1);
+	let A = k.current, j = o(p, m, h);
 	return i(() => {
 		if (!D) return;
 		let r = (E ?? []).filter((e) => {
 			let t = x[e];
 			if (!t) return !1;
-			if (!y || !S) return !0;
+			if (!b || !S) return !0;
 			let n = t.definition.runtime ?? "shared";
-			return !(!k && n === "client");
+			return !(!j && n === "client");
 		}).map((n) => {
-			let { rootId: r, type: i, runtime: a } = o(x, `${n}.definition`, {}), s = o(_, "rootId", r);
-			return S && a === "server" && !d && y ? /* @__PURE__ */ u(t, { id: n }, n) : e({
-				key: !y && _ ? `${n}_${O}` : n,
-				plitziElementLayout: _,
+			let { rootId: r, type: i, runtime: a } = c(x, `${n}.definition`, {}), o = c(v, "rootId", r);
+			return S && a === "server" && !f && b ? /* @__PURE__ */ d(t, { id: n }, n) : e({
+				key: !b && v ? `${n}_${A}` : n,
+				plitziElementLayout: v,
 				type: i,
 				internalProps: {
 					id: n,
-					rootId: s
+					rootId: o
 				},
 				components: C.current,
 				plugins: T
 			});
 		});
-		if (_) {
-			let { containerId: e, bodyChildren: t } = _;
-			e === h && r.push(t);
+		if (v) {
+			let { containerId: e, bodyChildren: t } = v;
+			e === g && r.push(t);
 		}
-		if (v && n(v) && (Array.isArray(v) ? r.push(...v) : r.push(v)), E) return r.length === 1 ? r[0] : r;
+		if (Array.isArray(y) ? r.push(...y.filter(n)) : n(y) && r.push(y), E) return r.length === 1 ? r[0] : r;
 	}, [
 		D,
 		E,
-		_,
 		v,
-		x,
 		y,
+		x,
+		b,
 		S,
-		k,
-		O,
+		j,
+		A,
 		C,
 		T,
-		h
+		g
 	]);
 };
 //#endregion
-export { h as default };
+export { g as default };