@plitzi/sdk-elements 0.33.1 → 0.34.0

package/dist/Element/hooks/useInternalItems.mjs

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

package/dist/Element/hooks/useRootElementInteractions.mjs

@@ -9,62 +9,62 @@ import f from "clsx";
 import { pConsole as p } from "@plitzi/sdk-shared/devTools/utils/PlitziConsole";
 //#region src/Element/hooks/useRootElementInteractions.ts
 var m = ({ elementContext: m, InteractionsContext: h, previewMode: g, debugMode: _, baseElementId: v, className: y, interactionTriggers: b, interactionCallbacks: x, otherProps: S }) => {
-	let { id: C, idRef: w, className: T, attributes: E, definition: D, definition: { interactions: O }, plitziElementLayout: k, elementState: A, setElementState: j } = m, { interactionsManager: M, useInteractions: N } = i(h), P = a((e, t, n, r, i = !1) => {
-		i || e.preventDefault(), r && r(e), M.interactionTrigger(t, n, { event: e });
-	}, [M]), F = s(() => !g || !O || !w ? {} : Object.values(O).filter((e) => e.type === "trigger" && e.action && r.includes(e.action) && e.enabled).reduce((e, t) => {
+	let { id: C, className: w, attributes: T, definition: E, definition: { interactions: D }, plitziElementLayout: O, elementState: k, setElementState: A } = m, { interactionsManager: j, useInteractions: M } = i(h), N = a((e, t, n, r, i = !1) => {
+		i || e.preventDefault(), r && r(e), j.interactionTrigger(t, n, { event: e });
+	}, [j]), P = s(() => !g || !D ? {} : Object.values(D).filter((e) => e.type === "trigger" && e.action && r.includes(e.action) && e.enabled).reduce((e, t) => {
 		let n = u(t, "params.propagateEvent", !1);
 		return {
 			...e,
-			[t.action]: (e) => P(e, w, t.action, S[t.action], n)
+			[t.action]: (e) => N(e, C, t.action, S[t.action], n)
 		};
 	}, {}), [
-		w,
-		O,
+		C,
+		D,
 		S,
 		g,
-		P
-	]), I = _ || !!(O && Object.keys(O).length), [L = d] = l("runtime.sources", { enabled: I }), R = c({});
-	R.current = L;
-	let z = a(() => ({ dataSource: R.current }), [R]), B = s(() => ({
+		N
+	]), F = _ || !!(D && Object.keys(D).length), [I = d] = l("runtime.sources", { enabled: F }), L = c({});
+	L.current = I;
+	let R = a(() => ({ dataSource: L.current }), [L]), z = s(() => ({
 		...n,
 		...b
-	}), [b]), V = e({
-		attributes: E,
-		definition: D,
-		setElementState: j
+	}), [b]), B = e({
+		attributes: T,
+		definition: E,
+		setElementState: A
 	});
-	N({
-		id: w,
-		interactions: O,
-		triggers: B,
+	M({
+		id: C,
+		interactions: D,
+		triggers: z,
 		callbacks: s(() => ({
 			...x,
-			...V
-		}), [x, V]),
-		getAdditionalParams: z
+			...B
+		}), [x, B]),
+		getAdditionalParams: R
 	}), o(() => {
-		!g || !w || !O || !Object.keys(O).length || M.interactionTrigger(w, "onLoad", {});
+		g && D && Object.keys(D).length && j.interactionTrigger(C, "onLoad", {});
 	}, []), o(() => {
-		if (_) return p.addProviderMethod(`getElementDataSource-${C}`, () => R.current), () => {
+		if (_) return p.addProviderMethod(`getElementDataSource-${C}`, () => L.current), () => {
 			p.removeProviderMethod(`getElementDataSource-${C}`);
 		};
 	}, [
 		_,
-		R,
+		L,
 		C
 	]);
-	let H = t({
+	let V = t({
 		id: C,
 		className: y,
 		previewMode: g,
 		baseElementId: v,
-		definition: D,
-		elementState: A,
-		plitziElementLayout: k
+		definition: E,
+		elementState: k,
+		plitziElementLayout: O
 	});
 	return {
-		className: f(T, H),
-		events: F
+		className: f(w, V),
+		events: P
 	};
 };
 //#endregion

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

@@ -2,6 +2,16 @@ declare const useRscData: <T>() => {
     enabled: boolean;
     /** Whether a payload has arrived at all — the builder and client-only renders never see one. */
     loaded: boolean;
+    /** True when the last refresh could not reach the server: what is on screen is from before that. */
+    stale: boolean;
+    /**
+     * The location the payload in the store was resolved for.
+     *
+     * A caller compares it with where the visitor is now: a route change renders the new page long before its
+     * data can arrive, and an element that cannot tell "nobody has asked for me yet" from "there is nothing here"
+     * paints the second one. Compared by whoever already re-renders on navigation, which this hook does not.
+     */
+    location: string | undefined;
     elementData: NonNullable<T> | null;
     isServerElement: boolean;
     refresh: (ids?: string[], params?: Record<string, string>) => Promise<void>;

package/dist/Element/hooks/useRscData.mjs

@@ -4,17 +4,21 @@ import { rscDataPath as n } from "@plitzi/sdk-shared/server/rsc/refreshRsc";
 import r from "@plitzi/sdk-shared/server/rsc/useRscRefresh";
 //#region src/Element/hooks/useRscData.ts
 var i = () => {
-	let { id: i } = e(), [[a = !1, o = !1, s]] = t([
+	let { id: i } = e(), [[a = !1, o = !1, s = !1, c, l]] = t([
 		"rsc.enabled",
 		"rsc.loaded",
+		"rsc.stale",
+		"rsc.location",
 		n(i)
-	]), c = r();
+	]), u = r();
 	return {
 		enabled: a,
 		loaded: o,
-		elementData: s ?? null,
-		isServerElement: s !== void 0,
-		refresh: c
+		stale: s,
+		location: c,
+		elementData: l ?? null,
+		isServerElement: l !== void 0,
+		refresh: u
 	};
 };
 //#endregion

package/dist/components/ElementAdvancedEditor.mjs

@@ -3,15 +3,15 @@ import { get as r } from "@plitzi/plitzi-ui/helpers";
 import i from "@plitzi/sdk-shared/elements/ComponentContext";
 import { jsx as a, jsxs as o } from "react/jsx-runtime";
 import s from "clsx";
-import c from "@plitzi/plitzi-ui/Button";
-import l from "@plitzi/plitzi-ui/CodeMirror";
-import u from "@plitzi/plitzi-ui/ContainerFloating";
-import d from "@plitzi/sdk-shared/hooks/useNetwork";
-import f from "@plitzi/sdk-shared/network/NetworkContext";
-import { ThemeContext as p } from "@plitzi/sdk-shared/theme/ThemeProvider";
+import c from "@plitzi/sdk-shared/theme/useTheme";
+import l from "@plitzi/plitzi-ui/Button";
+import u from "@plitzi/plitzi-ui/CodeMirror";
+import d from "@plitzi/plitzi-ui/ContainerFloating";
+import f from "@plitzi/sdk-shared/hooks/useNetwork";
+import p from "@plitzi/sdk-shared/network/NetworkContext";
 //#region src/components/ElementAdvancedEditor.tsx
 var m = ({ className: m = "", value: h = "", mode: g = "js", onChange: _ }) => {
-	let { theme: v } = e(p), { componentDefinitions: y } = e(i), { server: b, webKey: x } = e(f), { networkQuery: S, networkLoading: C } = d({
+	let { resolvedTheme: v } = c(), { componentDefinitions: y } = e(i), { server: b, webKey: x } = e(p), { networkQuery: S, networkLoading: C } = f({
 		initLoading: !1,
 		server: b,
 		webKey: x
@@ -38,9 +38,9 @@ var m = ({ className: m = "", value: h = "", mode: g = "js", onChange: _ }) => {
 	]), D = t((e) => () => _?.(`${h}<${e}></${e}>`), [_, h]);
 	return /* @__PURE__ */ o("div", {
 		className: s("relative flex h-full flex-col", m),
-		children: [/* @__PURE__ */ a(l, {
+		children: [/* @__PURE__ */ a(u, {
 			value: h,
-			theme: v === "dark" ? "dark" : "light",
+			theme: v,
 			size: "sm",
 			className: "h-full",
 			lineWrapping: !0,
@@ -49,24 +49,24 @@ var m = ({ className: m = "", value: h = "", mode: g = "js", onChange: _ }) => {
 		}), /* @__PURE__ */ o("div", {
 			className: "absolute top-3 right-3 flex",
 			children: [
-				/* @__PURE__ */ a(c, {
+				/* @__PURE__ */ a(l, {
 					intent: "custom",
 					size: "sm",
 					className: "mr-2 rounded-sm bg-white p-2",
 					onClick: E,
 					title: "Auto format",
 					disabled: C,
-					children: /* @__PURE__ */ a(c.Icon, { icon: "fa-solid fa-wand-magic-sparkles" })
+					children: /* @__PURE__ */ a(l.Icon, { icon: "fa-solid fa-wand-magic-sparkles" })
 				}),
-				/* @__PURE__ */ o(u, {
+				/* @__PURE__ */ o(d, {
 					containerTopOffset: 8,
-					children: [/* @__PURE__ */ a(u.Trigger, { children: /* @__PURE__ */ a(c, {
+					children: [/* @__PURE__ */ a(d.Trigger, { children: /* @__PURE__ */ a(l, {
 						intent: "custom",
 						size: "sm",
 						className: "mr-2 rounded-sm bg-white p-2",
 						title: "Plugins",
-						children: /* @__PURE__ */ a(c.Icon, { icon: "fa-solid fa-puzzle-piece" })
-					}) }), /* @__PURE__ */ a(u.Content, { children: /* @__PURE__ */ a("ul", {
+						children: /* @__PURE__ */ a(l.Icon, { icon: "fa-solid fa-puzzle-piece" })
+					}) }), /* @__PURE__ */ a(d.Content, { children: /* @__PURE__ */ a("ul", {
 						className: "max-h-75 overflow-y-auto",
 						children: w.map((e) => /* @__PURE__ */ a("li", {
 							className: "border-gray-300 px-4 py-1 text-sm capitalize not-first:border-t",
@@ -75,14 +75,14 @@ var m = ({ className: m = "", value: h = "", mode: g = "js", onChange: _ }) => {
 						}, e))
 					}) })]
 				}),
-				/* @__PURE__ */ o(u, {
+				/* @__PURE__ */ o(d, {
 					containerTopOffset: 8,
-					children: [/* @__PURE__ */ a(u.Trigger, { children: /* @__PURE__ */ a(c, {
+					children: [/* @__PURE__ */ a(d.Trigger, { children: /* @__PURE__ */ a(l, {
 						intent: "custom",
 						size: "sm",
 						className: "rounded-sm bg-white p-2",
-						children: /* @__PURE__ */ a(c.Icon, { icon: "fa-solid fa-circle-info" })
-					}) }), /* @__PURE__ */ a(u.Content, { children: /* @__PURE__ */ o("div", {
+						children: /* @__PURE__ */ a(l.Icon, { icon: "fa-solid fa-circle-info" })
+					}) }), /* @__PURE__ */ a(d.Content, { children: /* @__PURE__ */ o("div", {
 						className: "flex w-60 flex-col items-center justify-center gap-2 p-2 text-center text-sm",
 						children: [/* @__PURE__ */ o("p", { children: [
 							"Add your own ",

package/dist/dataSource/GlobalSources.mjs

@@ -3,122 +3,131 @@ import { useCommonStore as r, useCommonStoreSync as i, useRenderSettings as a }
 import { get as o } from "@plitzi/plitzi-ui/helpers";
 import { getPathsFromObeject as s } from "@plitzi/sdk-shared/helpers/utils";
 import c from "@plitzi/sdk-shared/dataSource/hooks/useRegisterSource";
-import { QueryBuilderEvaluator as l } from "@plitzi/plitzi-ui/QueryBuilder";
-import u from "@plitzi/sdk-auth/AuthContext";
+import l from "@plitzi/sdk-auth/AuthContext";
+import { resolveVariables as u } from "@plitzi/sdk-shared/dataSource";
 //#region src/dataSource/GlobalSources.tsx
 var d = ({ children: d }) => {
-	let { environment: f } = a(), [[p, m, h, g, _]] = r([
+	let { environment: f } = a(), [[p, m, h, g, _, v]] = r([
 		"schema.variables",
 		"navigation.routeParams",
 		"navigation.queryParams",
 		"navigation.hostname",
+		"navigation.origin",
 		"navigation.currentPageId"
-	]), v = n(() => p ? p.reduce((e, t) => {
-		let { name: n, value: r, subValues: i } = t;
-		if (!Array.isArray(i) || i.length === 0) return {
-			...e,
-			[n]: r
-		};
-		let a = {
-			routeParams: m,
-			queryParams: h,
-			hostname: g,
-			environment: f
-		}, o = i.find((e) => l(e.when, a));
-		return {
-			...e,
-			[n]: o ? o.value : r
-		};
-	}, {}) : {}, [
+	]), y = n(() => u(p, {
+		routeParams: m,
+		queryParams: h,
+		hostname: g,
+		environment: f
+	}), [
 		f,
 		g,
 		h,
 		m,
 		p
-	]), y = t(() => s(v).map((e) => ({
+	]), b = t(() => s(y).map((e) => ({
 		path: e,
 		name: `variables.${e}`
-	})), [v]);
+	})), [y]);
 	c({
 		id: "global",
 		source: "variables",
 		name: "Variables",
-		fields: y
-	}), i("runtime.sources.variables", v);
-	let [b = {}] = r("pageDefinitions"), x = n(() => Object.values(b).map((e) => ({
+		fields: b
+	}), i("runtime.sources.variables", y);
+	let [x = {}] = r("pageDefinitions"), S = n(() => Object.values(x).map((e) => ({
 		value: e.id,
 		label: o(e, "attributes.name", e.id)
-	})), [b]), S = n(() => ({
+	})), [x]), C = n(() => ({
 		routeParams: m,
 		queryParams: h,
-		currentPageId: _
+		origin: _,
+		currentPageId: v
 	}), [
 		m,
 		h,
-		_
-	]), C = t(() => {
+		_,
+		v
+	]), w = t(() => {
 		let e = s({
 			routeParams: m,
 			queryParams: h
 		}).map((e) => ({
 			path: e,
 			name: `navigation.${e}`
-		})), t = x.length > 0 ? {
+		})), t = {
+			path: "origin",
+			name: "Origin"
+		}, n = S.length > 0 ? {
 			path: "currentPageId",
 			name: "Current Page",
 			inputType: "select",
-			values: x
+			values: S
 		} : {
 			path: "currentPageId",
 			name: "Current Page"
 		};
-		return [...e, t];
+		return [
+			...e,
+			t,
+			n
+		];
 	}, [
 		m,
 		h,
-		x
+		S
 	]);
 	c({
 		id: "global",
 		source: "navigation",
 		name: "Navigation",
-		fields: C
-	}), i("runtime.sources.navigation", S);
-	let { user: w, authenticated: T } = e(u), [E = "basic"] = r("schema.settings.userProvider"), D = n(() => E === "" ? {} : {
-		isAuthenticated: T,
-		accessToken: w?.accessToken ?? "",
+		fields: w
+	}), i("runtime.sources.navigation", C);
+	let { user: T, authenticated: E } = e(l), [D = "basic"] = r("schema.settings.userProvider"), O = n(() => D === "" ? {} : {
+		isAuthenticated: E,
+		accessToken: T?.accessToken ?? "",
 		details: {
 			username: "",
 			email: "",
 			roles: "",
 			permissions: "",
 			verified: "",
-			...w?.details ?? {}
+			...T?.details ?? {}
 		}
 	}, [
-		E,
-		w,
-		T
-	]), O = t(() => s(D).map((e) => ({
+		D,
+		T,
+		E
+	]), k = t(() => s(O).map((e) => ({
 		path: e,
 		name: `user.${e}`
-	})), [D]);
+	})), [O]);
 	c({
 		id: "global",
 		source: "auth",
 		name: "Auth State",
-		fields: O
-	}), i("runtime.sources.auth", D);
-	let [k] = r("runtime.state"), A = t(() => s(k).map((e) => ({
+		fields: k
+	}), i("runtime.sources.auth", O);
+	let [A] = r("runtime.state"), j = t(() => s(A).map((e) => ({
 		path: e,
 		name: `state.${e}`
-	})), [k]);
-	return c({
+	})), [A]);
+	c({
 		id: "global",
 		source: "state",
 		name: "State",
-		fields: A
-	}), i("runtime.sources.state", k), d;
+		fields: j
+	}), i("runtime.sources.state", A);
+	let [M] = r("runtime.host"), N = t(() => s(M).map((e) => ({
+		path: e,
+		name: `host.${e}`
+	})), [M]);
+	return c({
+		id: "global",
+		source: "host",
+		name: "Host",
+		fields: N
+	}), i("runtime.sources.host", M), d;
 };
 //#endregion
 export { d as default };

package/dist/elements/advanced/BlockHtml/BlockHtml.mjs

@@ -1,11 +1,11 @@
-import { RootElement as e } from "../../../Element/RootElement.mjs";
-import t from "../../../Element/hocs/withElement.mjs";
+import e from "../../../Element/hocs/withElement.mjs";
+import { RootElement as t } from "../../../Element/RootElement.mjs";
 import { useCallback as n, useEffect as r } from "react";
 import i from "@plitzi/sdk-shared/hooks/usePlitziServiceContext";
 import { jsx as a } from "react/jsx-runtime";
 import o from "clsx";
 //#region src/elements/advanced/BlockHtml/BlockHtml.tsx
-var s = ({ ref: t, content: s = "", className: c = "" }) => {
+var s = ({ ref: e, content: s = "", className: c = "" }) => {
 	let { settings: { previewMode: l } } = i(), u = n((e) => new Promise((t, n) => {
 		if (typeof document > "u") {
 			n(/* @__PURE__ */ Error("Document is not available"));
@@ -25,17 +25,17 @@ var s = ({ ref: t, content: s = "", className: c = "" }) => {
 		}
 	}, [u]);
 	return r(() => {
-		let e = t?.current;
-		e && l && typeof window < "u" && typeof document < "u" && d(e);
+		let t = e?.current;
+		t && l && typeof window < "u" && typeof document < "u" && d(t);
 	}, [
 		d,
 		l,
-		t
-	]), /* @__PURE__ */ a(e, {
-		ref: t,
+		e
+	]), /* @__PURE__ */ a(t, {
+		ref: e,
 		className: o("plitzi-component__block-html", c, { "block-html--empty": s === "" || !s }),
 		dangerouslySetInnerHTML: { __html: s }
 	});
-}, c = t(s);
+}, c = e(s);
 //#endregion
 export { s as BlockHtml, c as default };

package/dist/elements/advanced/BlockHtml/declaration.d.ts

@@ -0,0 +1,55 @@
+import { BlockHtmlProps } from './BlockHtml';
+import { AuthorableAttributes } from '@plitzi/sdk-shared/authoring/declare';
+/** What this element can be authored with — its component's own props, minus what the runtime supplies. */
+export type BlockHtmlAttributes = AuthorableAttributes<BlockHtmlProps>;
+declare const declaration: {
+    readonly type: "blockHtml";
+    readonly content: {
+        readonly attributes: {
+            readonly content: "";
+        };
+        readonly definition: {
+            readonly label: "HTML Block";
+            readonly type: "blockHtml";
+            readonly description: "Renders an arbitrary raw HTML string as a block. Escape hatch when no structured element fits.";
+            readonly bindings: {};
+            readonly styleSelectors: {
+                readonly base: "";
+            };
+            readonly initialState: {
+                readonly visibility: true;
+            };
+        };
+        readonly builder: {
+            readonly canDelete: true;
+            readonly canSelect: true;
+            readonly canDragDrop: true;
+            readonly canMove: true;
+            readonly canTemplate: true;
+            readonly itemsAllowed: readonly [];
+            readonly itemsNotAllowed: readonly [];
+        };
+        readonly market: {
+            readonly category: "advanced";
+            readonly owner: "Plitzi";
+            readonly verified: true;
+            readonly license: "MIT";
+            readonly website: "https://plitzi.com";
+            readonly backgroundColor: "#4422ee";
+            readonly icon: "fa-brands fa-html5";
+        };
+        readonly defaultStyle: {
+            readonly name: "HTML Block";
+            readonly displayMode: "desktop";
+            readonly style: {
+                readonly base: {
+                    readonly default: {};
+                };
+            };
+        };
+        readonly settings: {};
+    };
+} & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<Partial<{
+    content?: string | undefined;
+}>>;
+export default declaration;

package/dist/elements/advanced/BlockHtml/declaration.mjs

@@ -0,0 +1,42 @@
+import { elementDeclaration as e } from "@plitzi/sdk-shared/authoring/declare";
+//#region src/elements/advanced/BlockHtml/declaration.ts
+var t = e()({
+	type: "blockHtml",
+	content: {
+		attributes: { content: "" },
+		definition: {
+			label: "HTML Block",
+			type: "blockHtml",
+			description: "Renders an arbitrary raw HTML string as a block. Escape hatch when no structured element fits.",
+			bindings: {},
+			styleSelectors: { base: "" },
+			initialState: { visibility: !0 }
+		},
+		builder: {
+			canDelete: !0,
+			canSelect: !0,
+			canDragDrop: !0,
+			canMove: !0,
+			canTemplate: !0,
+			itemsAllowed: [],
+			itemsNotAllowed: []
+		},
+		market: {
+			category: "advanced",
+			owner: "Plitzi",
+			verified: !0,
+			license: "MIT",
+			website: "https://plitzi.com",
+			backgroundColor: "#4422ee",
+			icon: "fa-brands fa-html5"
+		},
+		defaultStyle: {
+			name: "HTML Block",
+			displayMode: "desktop",
+			style: { base: { default: {} } }
+		},
+		settings: {}
+	}
+});
+//#endregion
+export { t as default };