@plitzi/sdk-elements 0.36.1 → 0.37.0

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

@@ -1,61 +1,62 @@
 import e from "../../../Element/hocs/withElement.mjs";
-import t from "../../../Element/hooks/useElement.mjs";
-import n from "../../../Element/hooks/useRscData.mjs";
-import { RootElement as r } from "../../../Element/RootElement.mjs";
-import ee from "./declaration.mjs";
-import te from "./hooks/useApi.mjs";
-import ne from "./hooks/useProviderPagination.mjs";
-import re from "./hooks/useProviderWrite.mjs";
-import { use as ie, useCallback as i, useEffect as ae, useMemo as a } from "react";
-import oe from "@plitzi/sdk-shared/hooks/usePlitziServiceContext";
-import { useSdkStore as se } from "@plitzi/sdk-shared/store";
-import { StoreProvider as ce } from "@plitzi/nexus/react";
-import { emptyObject as o, getPathsFromObeject as le } from "@plitzi/sdk-shared/helpers/utils";
+import ee from "../../../Element/hooks/useElement.mjs";
+import te from "../../../Element/hooks/useRscData.mjs";
+import { RootElement as t } from "../../../Element/RootElement.mjs";
+import ne from "./declaration.mjs";
+import re from "./hooks/useApi.mjs";
+import ie from "./hooks/useProviderPagination.mjs";
+import ae from "./hooks/useProviderWrite.mjs";
+import oe from "../../../dataSource/pathFields.mjs";
+import { use as se, useCallback as n, useEffect as ce, useMemo as r } from "react";
+import le from "@plitzi/sdk-shared/hooks/usePlitziServiceContext";
+import { useSdkStore as i } from "@plitzi/sdk-shared/store";
+import { StoreProvider as a } from "@plitzi/nexus/react";
+import { emptyObject as o } from "@plitzi/sdk-shared/helpers/utils";
 import { jsx as s } from "react/jsx-runtime";
 import { currentRscLocation as c } from "@plitzi/sdk-shared/server/rsc/refreshRsc";
 import l from "clsx";
 import u from "@plitzi/sdk-shared/dataSource/helpers/getSourceName";
-import d from "@plitzi/sdk-shared/dataSource/hooks/useRegisterSource";
-import { QueryBuilderEvaluator as ue } from "@plitzi/plitzi-ui/QueryBuilder";
+import ue from "@plitzi/sdk-shared/dataSource/hooks/useRegisterSource";
+import { QueryBuilderEvaluator as de } from "@plitzi/plitzi-ui/QueryBuilder";
 //#region src/elements/provider/ApiContainer/ApiContainer.tsx
-var f = ({ ref: e, className: f = "", children: p, query: m = "", method: h = "get", accessToken: g = "", when: _ = o, headers: v = o, mockData: y = "{}", subType: de = "", credentials: fe = "same-origin", singleRecord: b = !1, pagination: x = "none", pageParam: S = "page", renderWhileLoading: pe = !1, cache: me = !1, staleTime: he = 30, gcTime: ge = 300 }) => {
-	let { id: C, visible: w, definition: { label: T = "Api Container", runtime: _e, items: ve } } = t(), E = _e === "server", { loaded: D, stale: O, location: k, elementData: A, refresh: j } = n(), M = u(ee.sourceType, C), { settings: { previewMode: N }, contexts: { InteractionsContext: P } } = oe(), { interactionsManager: F } = ie(P), [[I, L, ye]] = se([
+var d = ({ ref: e, className: d = "", children: f, query: p = "", method: m = "get", accessToken: h = "", when: g = o, headers: _ = o, mockData: v = "{}", subType: y = "", credentials: fe = "same-origin", singleRecord: b = !1, pagination: x = "none", pageParam: pe = "page", renderWhileLoading: me = !1, cache: S = !1, staleTime: he = 30, gcTime: ge = 300 }) => {
+	let { id: C, visible: w, definition: { label: T = "Api Container", runtime: _e, items: ve } } = ee(), E = _e === "server", { loaded: D, stale: O, location: k, elementData: A, refresh: j } = te(), M = u(ne.sourceType, C), { settings: { previewMode: N }, contexts: { InteractionsContext: P } } = le(), { interactionsManager: F } = se(P), [[I, L, ye]] = i([
 		"navigation.routeParams",
 		"navigation.queryParams",
 		"navigation.navigate"
-	]), be = a(() => g ? {
-		...v,
-		Authorization: `Bearer ${g}`
-	} : v, [v, g]), xe = a(() => E || !w ? !1 : !!(N && m && (_ === o || ue(_, {
+	]), be = r(() => h ? {
+		..._,
+		Authorization: `Bearer ${h}`
+	} : _, [_, h]), xe = r(() => E || !w ? !1 : !!(N && p && (g === o || de(g, {
 		...I,
 		...L
-	})) || !N && (m || y && y !== "{}" && y !== o)), [
+	})) || !N && (p || v && v !== "{}" && v !== o)), [
 		E,
 		w,
 		N,
-		m,
-		_,
+		p,
+		g,
 		I,
 		L,
-		y
-	]), Se = a(() => [C], [C]), { isLoading: Ce, isFetching: we, data: R, refetch: z, isSuccess: B, isError: V } = te({
-		url: m,
-		method: h,
+		v
+	]), Se = r(() => [C], [C]), { isLoading: Ce, isFetching: we, data: R, refetch: z, isSuccess: B, isError: V } = re({
+		url: p,
+		method: m,
 		credentials: fe,
-		mock: N ? void 0 : y,
+		mock: N ? void 0 : v,
 		customHeaders: be,
 		enabled: xe,
-		cache: me,
+		cache: S,
 		staleTime: he,
 		gcTime: ge,
 		tags: Se
-	}), H = E && !!k && k !== c(), U = E && D && !H && A === null, W = a(() => {
+	}), H = E && !!k && k !== c(), U = E && D && !H && A === null, W = r(() => {
 		if (!E) return R ?? o;
 		if (A) return A;
 		if (D) return o;
-		if (typeof y != "string") return y;
+		if (typeof v != "string") return v;
 		try {
-			return JSON.parse(y || "{}");
+			return JSON.parse(v || "{}");
 		} catch {
 			return o;
 		}
@@ -64,8 +65,8 @@ var f = ({ ref: e, className: f = "", children: p, query: m = "", method: h = "g
 		R,
 		A,
 		D,
-		y
-	]), G = E ? H : we, Te = E ? H : Ce, K = i(async () => {
+		v
+	]), G = E ? H : we, Te = E ? H : Ce, K = n(async () => {
 		if (!E) {
 			z();
 			return;
@@ -76,23 +77,23 @@ var f = ({ ref: e, className: f = "", children: p, query: m = "", method: h = "g
 		z,
 		j,
 		C
-	]), q = W, Ee = a(() => Array.isArray(q.records) ? q.records : [], [q.records]), { records: J, isLoadingMore: Y, goToPage: X, loadMore: Z } = ne({
+	]), q = W, Ee = r(() => Array.isArray(q.records) ? q.records : [], [q.records]), { records: J, isLoadingMore: Y, goToPage: X, loadMore: Z } = ie({
 		elementId: C,
 		mode: x,
-		pageParam: S,
+		pageParam: pe,
 		records: Ee,
 		page: q.pageInfo?.page ?? 1,
 		refresh: j,
 		navigate: ye
 	});
-	ae(() => {
+	ce(() => {
 		!G && C && (B ? F.interactionTrigger(C, "onApiSuccess", {
-			url: m,
-			method: h,
+			url: p,
+			method: m,
 			...W
 		}) : V && F.interactionTrigger(C, "onApiError", {
-			url: m,
-			method: h,
+			url: p,
+			method: m,
 			...W
 		}));
 	}, [
@@ -102,10 +103,10 @@ var f = ({ ref: e, className: f = "", children: p, query: m = "", method: h = "g
 		V,
 		G,
 		B,
-		h,
-		m
+		m,
+		p
 	]);
-	let Q = a(() => ({
+	let Q = r(() => ({
 		...W,
 		...Array.isArray(q.records) ? { records: J } : o,
 		isLoading: G || Y,
@@ -124,27 +125,18 @@ var f = ({ ref: e, className: f = "", children: p, query: m = "", method: h = "g
 		U,
 		E,
 		O
-	]), De = i(() => le(Q).reduce((e, t) => {
-		let n = t.split(".");
-		return n.length > 1 ? [...e, {
-			path: t,
-			name: n.slice(n.length - 2).join(" ")
-		}] : [...e, {
-			path: t,
-			name: n[n.length - 1]
-		}];
-	}, []), [Q]);
-	d({
+	]), De = n(() => oe(Q), [Q]);
+	ue({
 		id: C,
 		source: M,
 		name: T || `API - ${C}`,
 		fields: De
 	});
-	let { writeRecord: $ } = re({
+	let { writeRecord: $ } = ae({
 		elementId: C,
 		enabled: E,
 		onDone: K
-	}), Oe = a(() => {
+	}), Oe = r(() => {
 		let e = {
 			performQuery: {
 				action: "performQuery",
@@ -201,7 +193,7 @@ var f = ({ ref: e, className: f = "", children: p, query: m = "", method: h = "g
 		X,
 		E,
 		$
-	]), ke = a(() => ({
+	]), ke = r(() => ({
 		onApiError: {
 			action: "onApiError",
 			title: "On Api Error",
@@ -226,20 +218,20 @@ var f = ({ ref: e, className: f = "", children: p, query: m = "", method: h = "g
 				data: ""
 			}
 		}
-	}), []), Ae = a(() => M ? { runtime: { sources: { [M]: Q } } } : o, [Q, M]);
-	return /* @__PURE__ */ s(r, {
+	}), []), Ae = r(() => M ? { runtime: { sources: { [M]: Q } } } : o, [Q, M]);
+	return /* @__PURE__ */ s(t, {
 		ref: e,
-		tag: !N && !ve?.length ? "div" : de,
-		className: l("plitzi-component__api-container", f),
+		tag: !N && !ve?.length ? "div" : y,
+		className: l("plitzi-component__api-container", d),
 		interactionTriggers: ke,
 		interactionCallbacks: Oe,
-		children: (!Te || pe) && /* @__PURE__ */ s(ce, {
+		children: (!Te || me) && /* @__PURE__ */ s(a, {
 			inherit: "live",
 			name: `Api:${C}`,
 			value: Ae,
-			children: p
+			children: f
 		})
 	});
-}, p = e(f);
+}, f = e(d);
 //#endregion
-export { f as ApiContainer, p as default };
+export { d as ApiContainer, f as default };

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

@@ -26,7 +26,7 @@ var t = e()({
 		definition: {
 			label: "Api Container",
 			type: "apiContainer",
-			description: "Fetches data from a backend HTTP API (its `query`/`method`/`credentials`) and exposes the response as a data source ITS DESCENDANTS bind to (source `apiContainer_<id>.data`; only elements inside it can consume it). This is how you get backend data into the frontend. Its `mockData` prop is builder-only sample data — the published runtime fetches the real `query`, so always set a real query for production. With `cache: true` a browser request is kept for `staleTime` seconds (default 30) and shared with every provider asking the same thing; it is off unless set. A flow refreshes it with `performQuery` or the global `invalidateQueries` step.",
+			description: "Fetches data from a backend HTTP API (its `query`/`method`/`credentials`) and exposes the response as a data source ITS DESCENDANTS bind to (source `apiContainer_<id>.data`; only elements inside it can consume it). This is how you get backend data into the frontend. Its `mockData` prop is builder-only sample data — the published runtime fetches the real `query`, so always set a real query for production. With `cache: true` a browser request is kept for `staleTime` seconds (default 30) and shared with every provider asking the same thing; it is off unless set. A flow refreshes it with `performQuery` or the global `invalidateQueries` step. Its `subType` (container tag) is empty by default, and then it renders NO element of its own: its children lay out directly in its parent, and any class, variant or style binding on it applies to nothing. To style the provider itself give it a tag (`subType: \"div\"`, `section`, …); otherwise style its parent or a child.",
 			items: [],
 			bindings: {},
 			styleSelectors: { base: "" },

package/dist/elements/provider/ApiContainer/hooks/useApi.d.ts

@@ -39,6 +39,14 @@ declare const useApi: ({ url, method, mock, customHeaders, enabled, credentials,
     isFetching: boolean;
     data: ApiResponse | undefined;
     refetch: () => void;
+    /**
+     * Whether THIS question has been answered — not whether an answer is on screen.
+     *
+     * The last answer is kept visible while the URL is unaskable, so nothing flickers; reporting it as this URL's
+     * success is a different claim and a wrong one. It fired `onApiSuccess` again on the way out of a page — the
+     * URL is one of the trigger's dependencies — and the flow behind it set the workspace id from a route param
+     * the page had already lost, which emptied it.
+     */
     isSuccess: boolean;
     isError: boolean;
 };

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

@@ -1,9 +1,10 @@
 import { useCallback as e, useId as t, useMemo as n } from "react";
-import { emptyObject as r } from "@plitzi/sdk-shared/helpers/utils";
-import { authFailureFromResponse as i, reportAuthFailure as a } from "@plitzi/sdk-shared/auth";
-import { requestKey as o, useQuery as s } from "@plitzi/sdk-shared/queries";
+import { hasValidToken as r } from "@plitzi/sdk-shared/helpers/twigWrapper";
+import { emptyObject as i } from "@plitzi/sdk-shared/helpers/utils";
+import { authFailureFromResponse as a, reportAuthFailure as o } from "@plitzi/sdk-shared/auth";
+import { requestKey as s, useQuery as c } from "@plitzi/sdk-shared/queries";
 //#region src/elements/provider/ApiContainer/hooks/useApi.ts
-var c = 30, l = 300, u = (e) => !!e && e !== "{}" && e !== r, d = (e) => {
+var l = 30, u = 300, d = (e) => !!e && e !== "{}" && e !== i, f = (e) => {
 	if (typeof e != "string") return {
 		status: 200,
 		data: e
@@ -19,22 +20,23 @@ var c = 30, l = 300, u = (e) => !!e && e !== "{}" && e !== r, d = (e) => {
 			data: e.message
 		};
 	}
-}, f = async (e, t, n, r) => {
+}, p = async (e, t, n, r, i) => {
 	if (!e) return {
 		status: 400,
 		data: "URL is required"
 	};
-	let o = new Headers(r);
-	o.has("Content-Type") || o.set("Content-Type", "application/json");
-	let s = {
+	let s = new Headers(r);
+	s.has("Content-Type") || s.set("Content-Type", "application/json");
+	let c = {
 		method: t,
 		credentials: n,
-		headers: o
+		headers: s,
+		signal: i
 	};
-	t !== "get" && (s.body = "{}");
+	t !== "get" && (c.body = "{}");
 	try {
-		let t = await fetch(e, s), n = await t.json(), r = i(t.status, n);
-		return r && a({
+		let t = await fetch(e, c), n = await t.json(), r = a(t.status, n);
+		return r && o({
 			reason: r,
 			url: e
 		}), {
@@ -42,57 +44,59 @@ var c = 30, l = 300, u = (e) => !!e && e !== "{}" && e !== r, d = (e) => {
 			data: n
 		};
 	} catch (e) {
+		if (i.aborted) throw e;
 		return console.error(e.message), {
 			status: 500,
 			data: e.message
 		};
 	}
-}, p = (e) => e.status < 400, m = (e, t) => {
+}, m = (e) => e.status < 400, h = (e, t) => {
 	let n = typeof e == "number" ? e : Number(e);
 	return (Number.isFinite(n) && n >= 0 ? n : t) * 1e3;
-}, h = ({ url: i = "", method: a = "get", mock: c, customHeaders: l = r, enabled: h = !0, credentials: g = "same-origin", cache: _ = !1, staleTime: v = 30, gcTime: y = 300, tags: b }) => {
-	let x = u(c), S = t(), C = n(() => {
-		if (x || !i) return;
-		let e = o({
-			method: a,
-			url: i,
-			credentials: g,
-			headers: l
+}, g = ({ url: a = "", method: o = "get", mock: l, customHeaders: u = i, enabled: g = !0, credentials: _ = "same-origin", cache: v = !1, staleTime: y = 30, gcTime: b = 300, tags: x }) => {
+	let S = d(l), C = t(), w = !S && (!a || r(a)), T = n(() => {
+		if (S || w) return;
+		let e = s({
+			method: o,
+			url: a,
+			credentials: _,
+			headers: u
 		});
-		return _ ? e : `${e}#${S}`;
+		return v ? e : `${e}#${C}`;
 	}, [
-		x,
-		i,
+		S,
+		w,
 		a,
-		g,
-		l,
+		o,
 		_,
-		S
-	]), w = e(() => f(i, a, g, l), [
-		i,
+		u,
+		v,
+		C
+	]), E = e((e) => p(a, o, _, u, e), [
 		a,
-		g,
-		l
-	]), T = s({
-		key: C,
+		o,
+		_,
+		u
+	]), D = c({
+		key: T,
 		meta: {
-			url: i,
-			tags: b
+			url: a,
+			tags: x
 		},
-		fetcher: w,
-		enabled: h,
-		staleTime: _ ? m(v, 30) : 0,
-		gcTime: _ ? m(y, 300) : 0,
-		isCacheable: p
-	}), E = n(() => x ? d(c) : void 0, [x, c]), D = h && E ? E : T.data, O = !E && T.isFetching;
+		fetcher: E,
+		enabled: g,
+		staleTime: v ? h(y, 30) : 0,
+		gcTime: v ? h(b, 300) : 0,
+		isCacheable: m
+	}), O = n(() => S ? f(l) : void 0, [S, l]), k = g && O ? O : D.data, A = !O && D.isFetching;
 	return {
-		isLoading: O && D === void 0,
-		isFetching: O,
-		data: D,
-		refetch: T.refetch,
-		isSuccess: !O && !!D && D.status < 400,
-		isError: !O && !!D && D.status >= 400
+		isLoading: A && k === void 0,
+		isFetching: A,
+		data: k,
+		refetch: D.refetch,
+		isSuccess: !w && !A && !!k && k.status < 400,
+		isError: !w && !A && !!k && k.status >= 400
 	};
 };
 //#endregion
-export { l as DEFAULT_GC_TIME, c as DEFAULT_STALE_TIME, h as default };
+export { u as DEFAULT_GC_TIME, l as DEFAULT_STALE_TIME, g as default };

package/dist/elements/structure/Container/Container.d.ts

@@ -2,7 +2,7 @@ import { ReactNode, RefObject } from 'react';
 export type ContainerProps = {
     ref?: RefObject<HTMLElement>;
     className?: string;
-    subType?: 'div' | 'header' | 'footer' | 'nav' | 'main' | 'section' | 'article' | 'aside' | 'address' | 'figure' | 'dl' | 'dt' | 'dd';
+    subType?: 'div' | 'header' | 'footer' | 'nav' | 'main' | 'section' | 'article' | 'aside' | 'address' | 'figure' | 'dl' | 'dt' | 'dd' | 'li';
     children?: ReactNode;
 };
 declare const Container: ({ ref, className, subType, children }: ContainerProps) => import("react").JSX.Element;

package/dist/elements/structure/Container/Settings.d.ts

@@ -1,5 +1,5 @@
 type SettingsProps = {
-    subType?: 'div' | 'header' | 'footer' | 'nav' | 'main' | 'section' | 'article' | 'aside' | 'address' | 'figure' | 'dl' | 'dt' | 'dd';
+    subType?: 'div' | 'header' | 'footer' | 'nav' | 'main' | 'section' | 'article' | 'aside' | 'address' | 'figure' | 'dl' | 'dt' | 'dd' | 'li';
     onUpdate?: (key: string, value: string | boolean | number) => void;
 };
 declare const Settings: ({ subType, onUpdate }: SettingsProps) => import("react").JSX.Element;

package/dist/elements/structure/Container/Settings.mjs

@@ -63,6 +63,10 @@ var i = ({ subType: i = "div", onUpdate: a }) => {
 				/* @__PURE__ */ t("option", {
 					value: "dd",
 					children: "DD"
+				}),
+				/* @__PURE__ */ t("option", {
+					value: "li",
+					children: "LI"
 				})
 			]
 		})

package/dist/elements/structure/Container/declaration.d.ts

@@ -52,6 +52,6 @@ declare const declaration: {
         readonly settings: {};
     };
 } & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<Partial<{
-    subType?: "div" | "header" | "footer" | "nav" | "main" | "section" | "article" | "aside" | "address" | "figure" | "dl" | "dt" | "dd" | undefined;
+    subType?: "div" | "header" | "footer" | "nav" | "main" | "section" | "article" | "aside" | "address" | "figure" | "dl" | "dt" | "dd" | "li" | undefined;
 }>>;
 export default declaration;

package/dist/elements/structure/Container/index.d.ts

@@ -51,6 +51,6 @@ declare const Container: {
         readonly settings: {};
     };
 } & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<Partial<{
-    subType?: "div" | "header" | "footer" | "nav" | "main" | "section" | "article" | "aside" | "address" | "figure" | "dl" | "dt" | "dd" | undefined;
+    subType?: "div" | "header" | "footer" | "nav" | "main" | "section" | "article" | "aside" | "address" | "figure" | "dl" | "dt" | "dd" | "li" | undefined;
 }>>;
 export default Container;

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

@@ -1,18 +1,19 @@
 import e from "../../../Element/hocs/withElement.mjs";
 import t from "../../../Element/hooks/useElement.mjs";
 import { RootElement as n } from "../../../Element/RootElement.mjs";
-import r from "./declaration.mjs";
-import { use as i, useCallback as a, useEffect as o, useMemo as s, useState as c } from "react";
-import l from "@plitzi/sdk-shared/hooks/usePlitziServiceContext";
-import { StoreProvider as u } from "@plitzi/nexus/react";
-import { emptyObject as d, getPathsFromObeject as f } from "@plitzi/sdk-shared/helpers/utils";
+import r from "../../../dataSource/pathFields.mjs";
+import i from "./declaration.mjs";
+import { use as a, useCallback as o, useEffect as s, useMemo as c, useState as l } from "react";
+import u from "@plitzi/sdk-shared/hooks/usePlitziServiceContext";
+import { StoreProvider as d } from "@plitzi/nexus/react";
+import { emptyObject as f } from "@plitzi/sdk-shared/helpers/utils";
 import { jsx as p, jsxs as m } from "react/jsx-runtime";
 import h from "clsx";
 import g from "@plitzi/sdk-shared/dataSource/helpers/getSourceName";
 import _ from "@plitzi/sdk-shared/dataSource/hooks/useRegisterSource";
 //#region src/elements/structure/DialogContainer/DialogContainer.tsx
 var v = ({ ref: e, className: v = "", children: y, headerLabel: b = "Dialog Header", acceptButtonLabel: x = "Accept", acceptButtonLabelLoading: S = "Loading...", rejectButtonLabel: C = "Cancel", autoHideAfterClick: w = !0 }) => {
-	let { id: T, setElementState: E, definition: { styleSelectors: D, label: O = "Dialog" }, elementState: k } = t(), A = g(r.sourceType, T), { contexts: { InteractionsContext: j } } = l(), { interactionsManager: M } = i(j), [N, P] = c({}), [F, I] = c(!1), L = a((e) => {
+	let { id: T, setElementState: E, definition: { styleSelectors: D, label: O = "Dialog" }, elementState: k } = t(), A = g(i.sourceType, T), { contexts: { InteractionsContext: j } } = u(), { interactionsManager: M } = a(j), [N, P] = l({}), [F, I] = l(!1), L = o((e) => {
 		let { metadata: t } = e;
 		if (t && typeof t == "object") P(t);
 		else if (typeof t == "string") try {
@@ -25,7 +26,7 @@ var v = ({ ref: e, className: v = "", children: y, headerLabel: b = "Dialog Head
 			...e,
 			visibility: !0
 		}));
-	}, [E, P]), R = a(() => {
+	}, [E, P]), R = o(() => {
 		M.interactionTrigger(T, "onDialogClose", { metadata: N }), P({}), E((e) => ({
 			...e,
 			visibility: !1
@@ -36,7 +37,7 @@ var v = ({ ref: e, className: v = "", children: y, headerLabel: b = "Dialog Head
 		P,
 		N,
 		T
-	]), z = a(() => {
+	]), z = o(() => {
 		w && (M.interactionTrigger(T, "onDialogClose", { metadata: N }), P({}), E((e) => ({
 			...e,
 			visibility: !1
@@ -48,7 +49,7 @@ var v = ({ ref: e, className: v = "", children: y, headerLabel: b = "Dialog Head
 		P,
 		N,
 		T
-	]), B = a(async () => {
+	]), B = o(async () => {
 		I(!0), await M.interactionTrigger(T, "onDialogAccept", { metadata: N }), I(!1), E((e) => ({
 			...e,
 			visibility: !1
@@ -58,7 +59,7 @@ var v = ({ ref: e, className: v = "", children: y, headerLabel: b = "Dialog Head
 		T,
 		N,
 		E
-	]), V = a(async () => {
+	]), V = o(async () => {
 		I(!0), await M.interactionTrigger(T, "onDialogReject", { metadata: N }), I(!1), E((e) => ({
 			...e,
 			visibility: !1
@@ -68,7 +69,7 @@ var v = ({ ref: e, className: v = "", children: y, headerLabel: b = "Dialog Head
 		T,
 		N,
 		E
-	]), H = s(() => ({
+	]), H = c(() => ({
 		onDialogAccept: {
 			action: "onDialogAccept",
 			title: "On Dialog Accept",
@@ -109,7 +110,7 @@ var v = ({ ref: e, className: v = "", children: y, headerLabel: b = "Dialog Head
 			} },
 			preview: { metadata: "" }
 		}
-	}), []), U = s(() => ({
+	}), []), U = c(() => ({
 		openDialog: {
 			action: "openDialog",
 			title: `Open ${O}`,
@@ -134,7 +135,7 @@ var v = ({ ref: e, className: v = "", children: y, headerLabel: b = "Dialog Head
 		L,
 		O
 	]);
-	o(() => {
+	s(() => {
 		k.visibility !== !1 && M.interactionTrigger(T, "onDialogOpen", { metadata: N });
 	}, [
 		T,
@@ -142,23 +143,14 @@ var v = ({ ref: e, className: v = "", children: y, headerLabel: b = "Dialog Head
 		N,
 		k.visibility
 	]);
-	let W = a(() => typeof N == "object" ? f(N).reduce((e, t) => {
-		let n = t.split(".");
-		return n.length > 1 ? [...e, {
-			path: t,
-			name: n.slice(n.length - 2).join(" ")
-		}] : [...e, {
-			path: t,
-			name: n[n.length - 1]
-		}];
-	}, []) : [], [N]);
+	let W = o(() => r(N), [N]);
 	_({
 		id: T,
 		source: A,
 		name: O || `Dialog - ${T}`,
 		fields: W
 	});
-	let G = s(() => A ? { runtime: { sources: { [A]: N } } } : d, [A, N]);
+	let G = c(() => A ? { runtime: { sources: { [A]: N } } } : f, [A, N]);
 	return /* @__PURE__ */ m(n, {
 		ref: e,
 		className: h("plitzi-component__dialog-container", v),
@@ -183,7 +175,7 @@ var v = ({ ref: e, className: v = "", children: y, headerLabel: b = "Dialog Head
 				}),
 				/* @__PURE__ */ p("div", {
 					className: h("dialog-container__body", D.body),
-					children: /* @__PURE__ */ p(u, {
+					children: /* @__PURE__ */ p(d, {
 						inherit: "live",
 						name: `Dialog:${T}`,
 						value: G,