@plitzi/sdk-elements 0.30.19

package/dist/Element/hooks/useInternalItems.mjs

@@ -0,0 +1,55 @@
+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/sdk-store/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";
+//#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);
+	return i(() => {
+		if (!D) return;
+		let r = (E ?? []).filter((e) => {
+			let t = x[e];
+			if (!t) return !1;
+			if (!y || !S) return !0;
+			let n = t.definition.runtime ?? "shared";
+			return !(!k && 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: _,
+				type: i,
+				internalProps: {
+					id: n,
+					rootId: s
+				},
+				components: C.current,
+				plugins: T
+			});
+		});
+		if (_) {
+			let { containerId: e, bodyChildren: t } = _;
+			e === h && r.push(t);
+		}
+		if (v && n(v) && (Array.isArray(v) ? r.push(...v) : r.push(v)), E) return r.length === 1 ? r[0] : r;
+	}, [
+		D,
+		E,
+		_,
+		v,
+		x,
+		y,
+		S,
+		k,
+		O,
+		C,
+		T,
+		h
+	]);
+};
+//#endregion
+export { h as default };

package/dist/_virtual/_rolldown/runtime.mjs

@@ -0,0 +1,11 @@
+//#region \0rolldown/runtime.js
+var e = Object.defineProperty, t = (t, n) => {
+	let r = {};
+	for (var i in t) e(r, i, {
+		get: t[i],
+		enumerable: !0
+	});
+	return n || e(r, Symbol.toStringTag, { value: "Module" }), r;
+};
+//#endregion
+export { t as __exportAll };

package/dist/components/ElementAdvancedEditor.d.ts

@@ -0,0 +1,8 @@
+export type ElementAdvancedEditorProps = {
+    className?: string;
+    value?: string;
+    mode?: 'js' | 'html';
+    onChange?: (value: string) => void;
+};
+declare const ElementAdvancedEditor: ({ className, value, mode, onChange }: ElementAdvancedEditorProps) => import("react/jsx-runtime").JSX.Element;
+export default ElementAdvancedEditor;

package/dist/components/ElementAdvancedEditor.mjs

@@ -0,0 +1,105 @@
+import { use as e, useCallback as t, useMemo as n } from "react";
+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";
+//#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({
+		initLoading: !1,
+		server: b,
+		webKey: x
+	}), w = n(() => Object.keys(y.current).filter((e) => ![
+		"page",
+		"notFound",
+		"loading",
+		"custom",
+		"blockJsx",
+		"blockHtml"
+	].includes(e)), [y]), T = t((e) => _?.(e), [_]), E = t(async () => {
+		let e = await S("/utils/prettier-parser", {
+			data: h,
+			parser: g
+		}, "post");
+		if (!e || !e.data) return;
+		let t = r(e, "data", h);
+		t !== h && _?.(t);
+	}, [
+		g,
+		S,
+		_,
+		h
+	]), D = t((e) => () => _?.(`${h}<${e}></${e}>`), [_, h]);
+	return /* @__PURE__ */ o("div", {
+		className: s("relative flex h-full flex-col", m),
+		children: [/* @__PURE__ */ a(l, {
+			value: h,
+			theme: v === "dark" ? "dark" : "light",
+			size: "sm",
+			className: "h-full",
+			lineWrapping: !0,
+			onChange: T,
+			mode: g
+		}), /* @__PURE__ */ o("div", {
+			className: "absolute top-3 right-3 flex",
+			children: [
+				/* @__PURE__ */ a(c, {
+					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" })
+				}),
+				/* @__PURE__ */ o(u, {
+					containerTopOffset: 8,
+					children: [/* @__PURE__ */ a(u.Trigger, { children: /* @__PURE__ */ a(c, {
+						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", {
+						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",
+							onClick: D(e),
+							children: e
+						}, e))
+					}) })]
+				}),
+				/* @__PURE__ */ o(u, {
+					containerTopOffset: 8,
+					children: [/* @__PURE__ */ a(u.Trigger, { children: /* @__PURE__ */ a(c, {
+						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", {
+						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 ",
+							/* @__PURE__ */ a("span", {
+								className: "font-bold",
+								children: g === "js" ? "JSX" : "HTML"
+							}),
+							" code here to customize the appearance and layout of your site."
+						] }), /* @__PURE__ */ o("p", { children: [/* @__PURE__ */ a("span", {
+							className: "font-bold",
+							children: "Ctrl + Space"
+						}), " to autocomplete."] })]
+					}) })]
+				})
+			]
+		})]
+	});
+};
+//#endregion
+export { m as default };

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

@@ -0,0 +1,13 @@
+import { RefObject } from 'react';
+export type BlockHtmlProps = {
+    ref?: RefObject<HTMLElement>;
+    className?: string;
+    content?: string;
+};
+declare const BlockHtml: ({ ref, content, className }: BlockHtmlProps) => import("react/jsx-runtime").JSX.Element;
+declare const _default: {
+    (props: import('../../../Element/hocs/withElement').WithElementProps<BlockHtmlProps>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default _default;
+export { BlockHtml };

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

@@ -0,0 +1,40 @@
+import e from "../../../Element/RootElement.mjs";
+import t from "../../../Element/hocs/withElement.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";
+var s = t(({ ref: t, 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"));
+			return;
+		}
+		let r = document.createElement("script"), i = e.hasAttribute("src");
+		for (let { name: t, value: n } of e.attributes) r.setAttribute(t, n);
+		i ? (r.addEventListener("load", () => t(r)), r.addEventListener("error", n)) : r.textContent = e.innerText, e.replaceWith(r), i || t(r);
+	}), []), d = n(async (e) => {
+		if (!e) return;
+		let t = e.querySelectorAll("script"), n = [], r = [];
+		if (t.forEach((e) => {
+			(e.hasAttribute("async") ? r : n).push(() => u(e));
+		}), t.length) {
+			for (let e of r) e();
+			for (let e of n) await e();
+		}
+	}, [u]);
+	return r(() => {
+		let e = t?.current;
+		e && l && typeof window < "u" && typeof document < "u" && d(e);
+	}, [
+		d,
+		l,
+		t
+	]), /* @__PURE__ */ a(e, {
+		ref: t,
+		className: o("plitzi-component__block-html", c, { "block-html--empty": s === "" || !s }),
+		dangerouslySetInnerHTML: { __html: s }
+	});
+});
+//#endregion
+export { s as default };

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

@@ -0,0 +1,6 @@
+type SettingsProps = {
+    content?: string;
+    onUpdate?: (key: string, value: string | boolean | number) => void;
+};
+declare const Settings: ({ content, onUpdate }: SettingsProps) => import("react/jsx-runtime").JSX.Element;
+export default Settings;

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

@@ -0,0 +1,15 @@
+import e from "../../../components/ElementAdvancedEditor.mjs";
+import { useCallback as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/elements/advanced/BlockHtml/Settings.tsx
+var r = ({ content: r = "", onUpdate: i }) => /* @__PURE__ */ n("div", {
+	className: "flex h-full flex-col",
+	children: /* @__PURE__ */ n(e, {
+		className: "grow",
+		value: r,
+		mode: "html",
+		onChange: t((e) => i?.("content", e), [i])
+	})
+});
+//#endregion
+export { r as default };

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

@@ -0,0 +1,51 @@
+declare const BlockHtml: {
+    (props: import('../../../Element/hocs/withElement').WithElementProps<import('./BlockHtml').BlockHtmlProps>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+} & {
+    type: string;
+    content: {
+        attributes: {
+            content: string;
+        };
+        definition: {
+            label: string;
+            type: string;
+            bindings: {};
+            styleSelectors: {
+                base: string;
+            };
+            initialState: {
+                visibility: boolean;
+            };
+        };
+        builder: {
+            canDelete: boolean;
+            canSelect: boolean;
+            canDragDrop: boolean;
+            canMove: boolean;
+            canTemplate: boolean;
+            itemsAllowed: never[];
+            itemsNotAllowed: never[];
+        };
+        market: {
+            category: string;
+            owner: string;
+            verified: boolean;
+            license: string;
+            website: string;
+            backgroundColor: string;
+            icon: string;
+        };
+        defaultStyle: {
+            name: string;
+            displayMode: string;
+            style: {
+                base: {
+                    default: {};
+                };
+            };
+        };
+        settings: {};
+    };
+};
+export default BlockHtml;

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

@@ -0,0 +1,41 @@
+import e from "./BlockHtml.mjs";
+//#region src/elements/advanced/BlockHtml/index.ts
+var t = Object.assign(e, {
+	type: "blockHtml",
+	content: {
+		attributes: { content: "" },
+		definition: {
+			label: "HTML Block",
+			type: "blockHtml",
+			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 };

package/dist/elements/advanced/BlockJsx/BlockJsx.d.ts

@@ -0,0 +1,14 @@
+import { RefObject } from 'react';
+export type BlockJsxProps = {
+    ref?: RefObject<HTMLElement>;
+    className?: string;
+    props?: string;
+    contentCache?: string;
+};
+declare const BlockJsx: ({ ref, className, props: componentProps, contentCache, ...otherProps }: BlockJsxProps) => import("react/jsx-runtime").JSX.Element;
+declare const _default: {
+    (props: import('../../../Element/hocs/withElement').WithElementProps<BlockJsxProps>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default _default;
+export { BlockJsx };

package/dist/elements/advanced/BlockJsx/BlockJsx.mjs

@@ -0,0 +1,63 @@
+import e from "../../../Element/RootElement.mjs";
+import t from "../../../Element/hocs/withElement.mjs";
+import { useCallback as n, useEffect as r, useMemo as i, useState as a } from "react";
+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 { omit as u } from "@plitzi/plitzi-ui";
+var d = t(({ ref: t, className: d = "", props: f = "{}", contentCache: p = "", ...m }) => {
+	let { id: h, rootId: g, plitziElementLayout: _ } = l(), [v, y] = a(), [b, x] = a(), S = i(() => ({
+		id: h,
+		rootId: g,
+		plitziElementLayout: _
+	}), [
+		h,
+		_,
+		g
+	]), C = i(() => {
+		let e = u(m, ["content", "children"]);
+		if (!f) return e;
+		if (typeof f == "object") return {
+			...f,
+			...e
+		};
+		if (typeof f != "string") return e;
+		try {
+			return {
+				...JSON.parse(f),
+				...e
+			};
+		} catch (e) {
+			console.log(e);
+		}
+	}, [f, m]), w = n(async (e) => {
+		let t, n;
+		try {
+			e = `data:text/javascript;base64,${e}`, t = await import(
+				/* @vite-ignore */
+				/* webpackIgnore: true */
+				e
+);
+		} catch (e) {
+			e instanceof Error && (n = e.message);
+		} finally {
+			x(n), t && t.default ? y(t) : v && (y(void 0), x("Component not found"));
+		}
+	}, [v]);
+	return r(() => {
+		w(p);
+	}, [p, w]), /* @__PURE__ */ s(e, {
+		ref: t,
+		className: c("plitzi-component__block-jsx", d, { "block-jsx--empty": p === "" || !p || !v }),
+		children: [
+			!b && C && v && /* @__PURE__ */ o(v.default, {
+				internalProps: S,
+				...C
+			}),
+			b && /* @__PURE__ */ s("div", { children: ["JSX Malformed ", b] }),
+			!b && !C && /* @__PURE__ */ o("div", { children: "Settings Malformed" })
+		]
+	});
+});
+//#endregion
+export { d as default };

package/dist/elements/advanced/BlockJsx/Settings.d.ts

@@ -0,0 +1,8 @@
+type SettingsProps = {
+    content?: string;
+    contentCache?: string;
+    props?: string;
+    onUpdate?: (key: string, value: string | boolean | number) => void;
+};
+declare const Settings: ({ content, props: componentProps, onUpdate }: SettingsProps) => import("react/jsx-runtime").JSX.Element;
+export default Settings;

package/dist/elements/advanced/BlockJsx/Settings.mjs

@@ -0,0 +1,87 @@
+import e from "../../../components/ElementAdvancedEditor.mjs";
+import { use as t, useCallback as n, useState as r } from "react";
+import i from "@plitzi/sdk-shared/hooks/usePlitziServiceContext";
+import { get as a } from "@plitzi/plitzi-ui/helpers";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import c from "@plitzi/plitzi-ui/Button";
+import l from "@plitzi/plitzi-ui/CodeMirror";
+import u from "@plitzi/sdk-shared/hooks/useNetwork";
+import { ThemeContext as d } from "@plitzi/sdk-shared/theme/ThemeProvider";
+import f from "@plitzi/plitzi-ui/Alert";
+import p from "@plitzi/plitzi-ui/Heading";
+//#region src/elements/advanced/BlockJsx/Settings.tsx
+var m = ({ content: m = "", props: h = "{}", onUpdate: g }) => {
+	let { theme: _ } = t(d), { contexts: { NetworkContext: v } } = i(), { server: y, webKey: b } = t(v), [x, S] = r(void 0), { networkQuery: C, networkLoading: w } = u({
+		initLoading: !1,
+		server: y,
+		webKey: b
+	}), T = n(async (e) => {
+		let t = await C("/utils/transform-jsx", { data: e }, "post");
+		if (!t) return;
+		let n = a(t, "data");
+		if (!n) {
+			S(a(t, "error")), g?.("contentCache", "");
+			return;
+		}
+		S(void 0), g?.("contentCache", btoa(n));
+	}, [g, C]), E = n(() => void T(m), [T, m]), D = n((e) => g?.("content", e), [g]), O = n((e) => g?.("props", e), [g]);
+	return /* @__PURE__ */ s("div", {
+		className: "flex h-full flex-col",
+		children: [/* @__PURE__ */ o(e, {
+			className: "min-h-0 grow basis-0",
+			value: m,
+			mode: "js",
+			onChange: D
+		}), /* @__PURE__ */ s("div", {
+			className: "flex flex-col py-2",
+			children: [
+				x && /* @__PURE__ */ o(f, {
+					className: "mb-4 text-white",
+					intent: "error",
+					children: /* @__PURE__ */ s("div", {
+						className: "flex flex-col text-xs",
+						children: [/* @__PURE__ */ o("div", {
+							className: "whitespace-pre",
+							children: x.message
+						}), /* @__PURE__ */ s("div", {
+							className: "my-2",
+							children: ["Reason: ", /* @__PURE__ */ o("div", {
+								className: "inline-block font-bold",
+								children: x.reasonCode
+							})]
+						})]
+					})
+				}),
+				/* @__PURE__ */ o("div", {
+					className: "flex items-center justify-end",
+					children: /* @__PURE__ */ s(c, {
+						size: "sm",
+						onClick: E,
+						disabled: w,
+						children: [!w && "Compile", w && /* @__PURE__ */ s("div", {
+							className: "flex items-center justify-center",
+							children: [/* @__PURE__ */ o("i", { className: "fas fa-sync fa-spin mr-1" }), "Compiling..."]
+						})]
+					})
+				}),
+				/* @__PURE__ */ s("div", {
+					className: "flex flex-col",
+					children: [/* @__PURE__ */ o(p, {
+						as: "h5",
+						children: "Properties"
+					}), /* @__PURE__ */ o(l, {
+						size: "sm",
+						className: "min-h-40 p-0",
+						value: h,
+						theme: _ === "dark" ? "dark" : "light",
+						mode: "json",
+						lineWrapping: !0,
+						onChange: O
+					})]
+				})
+			]
+		})]
+	});
+};
+//#endregion
+export { m as default };

package/dist/elements/advanced/BlockJsx/index.d.ts

@@ -0,0 +1,54 @@
+declare const BlockJsx: {
+    (props: import('../../../Element/hocs/withElement').WithElementProps<import('./BlockJsx').BlockJsxProps>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+} & {
+    type: string;
+    content: {
+        attributes: {
+            content: string;
+            props: string;
+            contentCache: string;
+            allowEmptyRender: boolean;
+        };
+        definition: {
+            label: string;
+            type: string;
+            bindings: {};
+            styleSelectors: {
+                base: string;
+            };
+            initialState: {
+                visibility: boolean;
+            };
+        };
+        builder: {
+            canDelete: boolean;
+            canSelect: boolean;
+            canDragDrop: boolean;
+            canMove: boolean;
+            canTemplate: boolean;
+            itemsAllowed: never[];
+            itemsNotAllowed: never[];
+        };
+        market: {
+            category: string;
+            owner: string;
+            verified: boolean;
+            license: string;
+            website: string;
+            backgroundColor: string;
+            icon: string;
+        };
+        defaultStyle: {
+            name: string;
+            displayMode: string;
+            style: {
+                base: {
+                    default: {};
+                };
+            };
+        };
+        settings: {};
+    };
+};
+export default BlockJsx;

package/dist/elements/advanced/BlockJsx/index.mjs

@@ -0,0 +1,46 @@
+import e from "./BlockJsx.mjs";
+//#region src/elements/advanced/BlockJsx/index.ts
+var t = Object.assign(e, {
+	type: "blockJsx",
+	content: {
+		attributes: {
+			content: "import { useCallback } from \"react\";\nimport { JsxManager } from \"@plitzi/plitzi-sdk\";\n\nconst BlockJsx = ({ internalProps, content, content2 }) => {\n  const handleClick = useCallback(() => {\n    alert(\"Hello World\");\n  }, []);\n\n  return (\n    <div style={{ display: \"flex\", gap: \"4px\" }}>\n      <JsxManager\n        as=\"Heading\"\n        internalProps={internalProps}\n        content={`${content} ${content2}`}\n      />\n      <button onClick={handleClick} style={{ border: \"1px gray solid\", cursor: \"pointer\" }}>\n        Click Me\n      </button>\n    </div>\n  );\n};\n\nexport default BlockJsx;",
+			props: "{\"content\": \"Hello\", \"content2\": \"World\"}",
+			contentCache: "aW1wb3J0ICogYXMgUmVhY3QgZnJvbSAncmVhY3QnOwppbXBvcnQgeyB1c2VDYWxsYmFjayB9IGZyb20gInJlYWN0IjsKaW1wb3J0IHsgSnN4TWFuYWdlciB9IGZyb20gIkBwbGl0emkvcGxpdHppLXNkayI7CnZhciBCbG9ja0pzeCA9IGZ1bmN0aW9uIEJsb2NrSnN4KF9yZWYpIHsKICB2YXIgaW50ZXJuYWxQcm9wcyA9IF9yZWYuaW50ZXJuYWxQcm9wcywKICAgIGNvbnRlbnQgPSBfcmVmLmNvbnRlbnQsCiAgICBjb250ZW50MiA9IF9yZWYuY29udGVudDI7CiAgdmFyIGhhbmRsZUNsaWNrID0gdXNlQ2FsbGJhY2soZnVuY3Rpb24gKCkgewogICAgYWxlcnQoIkhlbGxvIFdvcmxkIik7CiAgfSwgW10pOwogIHJldHVybiAvKiNfX1BVUkVfXyovUmVhY3QuY3JlYXRlRWxlbWVudCgiZGl2IiwgewogICAgc3R5bGU6IHsKICAgICAgZGlzcGxheTogImZsZXgiLAogICAgICBnYXA6ICI0cHgiCiAgICB9CiAgfSwgLyojX19QVVJFX18qL1JlYWN0LmNyZWF0ZUVsZW1lbnQoSnN4TWFuYWdlciwgewogICAgYXM6ICJIZWFkaW5nIiwKICAgIGludGVybmFsUHJvcHM6IGludGVybmFsUHJvcHMsCiAgICBjb250ZW50OiAiIi5jb25jYXQoY29udGVudCwgIiAiKS5jb25jYXQoY29udGVudDIpCiAgfSksIC8qI19fUFVSRV9fKi9SZWFjdC5jcmVhdGVFbGVtZW50KCJidXR0b24iLCB7CiAgICBvbkNsaWNrOiBoYW5kbGVDbGljaywKICAgIHN0eWxlOiB7CiAgICAgIGJvcmRlcjogIjFweCBncmF5IHNvbGlkIiwKICAgICAgY3Vyc29yOiAncG9pbnRlcicKICAgIH0KICB9LCAiQ2xpY2sgTWUiKSk7Cn07CmV4cG9ydCBkZWZhdWx0IEJsb2NrSnN4Ow==",
+			allowEmptyRender: !1
+		},
+		definition: {
+			label: "Block JSX",
+			type: "blockJsx",
+			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-solid fa-code"
+		},
+		defaultStyle: {
+			name: "Block JSX",
+			displayMode: "desktop",
+			style: { base: { default: {} } }
+		},
+		settings: {}
+	}
+});
+//#endregion
+export { t as default };

package/dist/elements/advanced/Custom/Custom.d.ts

@@ -0,0 +1,18 @@
+import { RefObject } from 'react';
+export type CustomProps = {
+    ref?: RefObject<HTMLElement>;
+    className?: string;
+    renderType?: string;
+    settings?: string;
+    isPlugin?: boolean;
+    pluginScope?: string;
+    assets?: string;
+    scriptUrl?: string;
+};
+declare const Custom: ({ ref, className, renderType, settings, isPlugin, pluginScope, assets, scriptUrl }: CustomProps) => import("react/jsx-runtime").JSX.Element;
+declare const _default: {
+    (props: import('../../../Element/hocs/withElement').WithElementProps<CustomProps>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default _default;
+export { Custom };