@plitzi/sdk-elements 0.33.2 → 0.34.0

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

@@ -2,50 +2,53 @@ declare const BlockHtml: {
     (props: import('../../../Element/hocs/withElement').WithElementProps<import('./BlockHtml').BlockHtmlProps>): import("react").JSX.Element;
     displayName: string;
 } & {
-    type: string;
-    content: {
-        attributes: {
-            content: string;
+    readonly type: "blockHtml";
+    readonly content: {
+        readonly attributes: {
+            readonly content: "";
         };
-        definition: {
-            label: string;
-            type: string;
-            bindings: {};
-            styleSelectors: {
-                base: string;
+        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: "";
             };
-            initialState: {
-                visibility: boolean;
+            readonly initialState: {
+                readonly visibility: true;
             };
         };
-        builder: {
-            canDelete: boolean;
-            canSelect: boolean;
-            canDragDrop: boolean;
-            canMove: boolean;
-            canTemplate: boolean;
-            itemsAllowed: never[];
-            itemsNotAllowed: never[];
+        readonly builder: {
+            readonly canDelete: true;
+            readonly canSelect: true;
+            readonly canDragDrop: true;
+            readonly canMove: true;
+            readonly canTemplate: true;
+            readonly itemsAllowed: readonly [];
+            readonly itemsNotAllowed: readonly [];
         };
-        market: {
-            category: string;
-            owner: string;
-            verified: boolean;
-            license: string;
-            website: string;
-            backgroundColor: string;
-            icon: string;
+        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";
         };
-        defaultStyle: {
-            name: string;
-            displayMode: string;
-            style: {
-                base: {
-                    default: {};
+        readonly defaultStyle: {
+            readonly name: "HTML Block";
+            readonly displayMode: "desktop";
+            readonly style: {
+                readonly base: {
+                    readonly default: {};
                 };
             };
         };
-        settings: {};
+        readonly settings: {};
     };
-};
+} & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<Partial<{
+    content?: string | undefined;
+}>>;
 export default BlockHtml;

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

@@ -1,41 +1,6 @@
 import e from "./BlockHtml.mjs";
+import t from "./declaration.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: {}
-	}
-});
+var n = Object.assign(e, t);
 //#endregion
-export { t as default };
+export { n as default };

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

@@ -1,13 +1,13 @@
-import e from "../../../Element/hooks/useElement.mjs";
-import { RootElement as t } from "../../../Element/RootElement.mjs";
-import n from "../../../Element/hocs/withElement.mjs";
+import e from "../../../Element/hocs/withElement.mjs";
+import t from "../../../Element/hooks/useElement.mjs";
+import { RootElement as n } from "../../../Element/RootElement.mjs";
 import { useCallback as r, useEffect as i, useMemo as a, useState as o } from "react";
 import { jsx as s, jsxs as c } from "react/jsx-runtime";
 import l from "clsx";
 import { omit as u } from "@plitzi/plitzi-ui/helpers/lodash";
 //#region src/elements/advanced/BlockJsx/BlockJsx.tsx
-var d = ({ ref: n, className: d = "", props: f = "{}", contentCache: p = "", ...m }) => {
-	let { id: h, rootId: g, plitziElementLayout: _ } = e(), [v, y] = o(), [b, x] = o(), S = a(() => ({
+var d = ({ ref: e, className: d = "", props: f = "{}", contentCache: p = "", ...m }) => {
+	let { id: h, rootId: g, plitziElementLayout: _ } = t(), [v, y] = o(), [b, x] = o(), S = a(() => ({
 		id: h,
 		rootId: g,
 		plitziElementLayout: _
@@ -47,8 +47,8 @@ var d = ({ ref: n, className: d = "", props: f = "{}", contentCache: p = "", ...
 	}, [v]);
 	return i(() => {
 		w(p);
-	}, [p, w]), /* @__PURE__ */ c(t, {
-		ref: n,
+	}, [p, w]), /* @__PURE__ */ c(n, {
+		ref: e,
 		className: l("plitzi-component__block-jsx", d, { "block-jsx--empty": p === "" || !p || !v }),
 		children: [
 			!b && C && v && /* @__PURE__ */ s(v.default, {
@@ -59,6 +59,6 @@ var d = ({ ref: n, className: d = "", props: f = "{}", contentCache: p = "", ...
 			!b && !C && /* @__PURE__ */ s("div", { children: "Settings Malformed" })
 		]
 	});
-}, f = n(d);
+}, f = e(d);
 //#endregion
 export { d as BlockJsx, f as default };

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

@@ -3,15 +3,15 @@ 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 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/sdk-shared/hooks/useNetwork";
 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({
+	let { resolvedTheme: _ } = c(), { contexts: { NetworkContext: v } } = i(), { server: y, webKey: b } = t(v), [x, S] = r(void 0), { networkQuery: C, networkLoading: w } = d({
 		initLoading: !1,
 		server: y,
 		webKey: b
@@ -54,7 +54,7 @@ var m = ({ content: m = "", props: h = "{}", onUpdate: g }) => {
 				}),
 				/* @__PURE__ */ o("div", {
 					className: "flex items-center justify-end",
-					children: /* @__PURE__ */ s(c, {
+					children: /* @__PURE__ */ s(l, {
 						size: "sm",
 						onClick: E,
 						disabled: w,
@@ -69,11 +69,11 @@ var m = ({ content: m = "", props: h = "{}", onUpdate: g }) => {
 					children: [/* @__PURE__ */ o(p, {
 						as: "h5",
 						children: "Properties"
-					}), /* @__PURE__ */ o(l, {
+					}), /* @__PURE__ */ o(u, {
 						size: "sm",
 						className: "min-h-40 p-0",
 						value: h,
-						theme: _ === "dark" ? "dark" : "light",
+						theme: _,
 						mode: "json",
 						lineWrapping: !0,
 						onChange: O

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

@@ -0,0 +1,59 @@
+import { BlockJsxProps } from './BlockJsx';
+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 BlockJsxAttributes = AuthorableAttributes<BlockJsxProps> & {
+    content?: string;
+    allowEmptyRender?: boolean;
+};
+declare const declaration: {
+    readonly type: "blockJsx";
+    readonly content: {
+        readonly attributes: {
+            readonly 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;";
+            readonly props: "{\"content\": \"Hello\", \"content2\": \"World\"}";
+            readonly contentCache: "aW1wb3J0ICogYXMgUmVhY3QgZnJvbSAncmVhY3QnOwppbXBvcnQgeyB1c2VDYWxsYmFjayB9IGZyb20gInJlYWN0IjsKaW1wb3J0IHsgSnN4TWFuYWdlciB9IGZyb20gIkBwbGl0emkvcGxpdHppLXNkayI7CnZhciBCbG9ja0pzeCA9IGZ1bmN0aW9uIEJsb2NrSnN4KF9yZWYpIHsKICB2YXIgaW50ZXJuYWxQcm9wcyA9IF9yZWYuaW50ZXJuYWxQcm9wcywKICAgIGNvbnRlbnQgPSBfcmVmLmNvbnRlbnQsCiAgICBjb250ZW50MiA9IF9yZWYuY29udGVudDI7CiAgdmFyIGhhbmRsZUNsaWNrID0gdXNlQ2FsbGJhY2soZnVuY3Rpb24gKCkgewogICAgYWxlcnQoIkhlbGxvIFdvcmxkIik7CiAgfSwgW10pOwogIHJldHVybiAvKiNfX1BVUkVfXyovUmVhY3QuY3JlYXRlRWxlbWVudCgiZGl2IiwgewogICAgc3R5bGU6IHsKICAgICAgZGlzcGxheTogImZsZXgiLAogICAgICBnYXA6ICI0cHgiCiAgICB9CiAgfSwgLyojX19QVVJFX18qL1JlYWN0LmNyZWF0ZUVsZW1lbnQoSnN4TWFuYWdlciwgewogICAgYXM6ICJIZWFkaW5nIiwKICAgIGludGVybmFsUHJvcHM6IGludGVybmFsUHJvcHMsCiAgICBjb250ZW50OiAiIi5jb25jYXQoY29udGVudCwgIiAiKS5jb25jYXQoY29udGVudDIpCiAgfSksIC8qI19fUFVSRV9fKi9SZWFjdC5jcmVhdGVFbGVtZW50KCJidXR0b24iLCB7CiAgICBvbkNsaWNrOiBoYW5kbGVDbGljaywKICAgIHN0eWxlOiB7CiAgICAgIGJvcmRlcjogIjFweCBncmF5IHNvbGlkIiwKICAgICAgY3Vyc29yOiAncG9pbnRlcicKICAgIH0KICB9LCAiQ2xpY2sgTWUiKSk7Cn07CmV4cG9ydCBkZWZhdWx0IEJsb2NrSnN4Ow==";
+            readonly allowEmptyRender: false;
+        };
+        readonly definition: {
+            readonly label: "Block JSX";
+            readonly type: "blockJsx";
+            readonly description: "A compiled JSX block for advanced authoring.";
+            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-solid fa-code";
+        };
+        readonly defaultStyle: {
+            readonly name: "Block JSX";
+            readonly displayMode: "desktop";
+            readonly style: {
+                readonly base: {
+                    readonly default: {};
+                };
+            };
+        };
+        readonly settings: {};
+    };
+} & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<BlockJsxAttributes>;
+export default declaration;

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

@@ -0,0 +1,47 @@
+import { elementDeclaration as e } from "@plitzi/sdk-shared/authoring/declare";
+//#region src/elements/advanced/BlockJsx/declaration.ts
+var t = 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",
+			description: "A compiled JSX block for advanced authoring.",
+			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/BlockJsx/index.d.ts

@@ -2,53 +2,54 @@ declare const BlockJsx: {
     (props: import('../../../Element/hocs/withElement').WithElementProps<import('./BlockJsx').BlockJsxProps>): import("react").JSX.Element;
     displayName: string;
 } & {
-    type: string;
-    content: {
-        attributes: {
-            content: string;
-            props: string;
-            contentCache: string;
-            allowEmptyRender: boolean;
+    readonly type: "blockJsx";
+    readonly content: {
+        readonly attributes: {
+            readonly 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;";
+            readonly props: "{\"content\": \"Hello\", \"content2\": \"World\"}";
+            readonly contentCache: "aW1wb3J0ICogYXMgUmVhY3QgZnJvbSAncmVhY3QnOwppbXBvcnQgeyB1c2VDYWxsYmFjayB9IGZyb20gInJlYWN0IjsKaW1wb3J0IHsgSnN4TWFuYWdlciB9IGZyb20gIkBwbGl0emkvcGxpdHppLXNkayI7CnZhciBCbG9ja0pzeCA9IGZ1bmN0aW9uIEJsb2NrSnN4KF9yZWYpIHsKICB2YXIgaW50ZXJuYWxQcm9wcyA9IF9yZWYuaW50ZXJuYWxQcm9wcywKICAgIGNvbnRlbnQgPSBfcmVmLmNvbnRlbnQsCiAgICBjb250ZW50MiA9IF9yZWYuY29udGVudDI7CiAgdmFyIGhhbmRsZUNsaWNrID0gdXNlQ2FsbGJhY2soZnVuY3Rpb24gKCkgewogICAgYWxlcnQoIkhlbGxvIFdvcmxkIik7CiAgfSwgW10pOwogIHJldHVybiAvKiNfX1BVUkVfXyovUmVhY3QuY3JlYXRlRWxlbWVudCgiZGl2IiwgewogICAgc3R5bGU6IHsKICAgICAgZGlzcGxheTogImZsZXgiLAogICAgICBnYXA6ICI0cHgiCiAgICB9CiAgfSwgLyojX19QVVJFX18qL1JlYWN0LmNyZWF0ZUVsZW1lbnQoSnN4TWFuYWdlciwgewogICAgYXM6ICJIZWFkaW5nIiwKICAgIGludGVybmFsUHJvcHM6IGludGVybmFsUHJvcHMsCiAgICBjb250ZW50OiAiIi5jb25jYXQoY29udGVudCwgIiAiKS5jb25jYXQoY29udGVudDIpCiAgfSksIC8qI19fUFVSRV9fKi9SZWFjdC5jcmVhdGVFbGVtZW50KCJidXR0b24iLCB7CiAgICBvbkNsaWNrOiBoYW5kbGVDbGljaywKICAgIHN0eWxlOiB7CiAgICAgIGJvcmRlcjogIjFweCBncmF5IHNvbGlkIiwKICAgICAgY3Vyc29yOiAncG9pbnRlcicKICAgIH0KICB9LCAiQ2xpY2sgTWUiKSk7Cn07CmV4cG9ydCBkZWZhdWx0IEJsb2NrSnN4Ow==";
+            readonly allowEmptyRender: false;
         };
-        definition: {
-            label: string;
-            type: string;
-            bindings: {};
-            styleSelectors: {
-                base: string;
+        readonly definition: {
+            readonly label: "Block JSX";
+            readonly type: "blockJsx";
+            readonly description: "A compiled JSX block for advanced authoring.";
+            readonly bindings: {};
+            readonly styleSelectors: {
+                readonly base: "";
             };
-            initialState: {
-                visibility: boolean;
+            readonly initialState: {
+                readonly visibility: true;
             };
         };
-        builder: {
-            canDelete: boolean;
-            canSelect: boolean;
-            canDragDrop: boolean;
-            canMove: boolean;
-            canTemplate: boolean;
-            itemsAllowed: never[];
-            itemsNotAllowed: never[];
+        readonly builder: {
+            readonly canDelete: true;
+            readonly canSelect: true;
+            readonly canDragDrop: true;
+            readonly canMove: true;
+            readonly canTemplate: true;
+            readonly itemsAllowed: readonly [];
+            readonly itemsNotAllowed: readonly [];
         };
-        market: {
-            category: string;
-            owner: string;
-            verified: boolean;
-            license: string;
-            website: string;
-            backgroundColor: string;
-            icon: string;
+        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-solid fa-code";
         };
-        defaultStyle: {
-            name: string;
-            displayMode: string;
-            style: {
-                base: {
-                    default: {};
+        readonly defaultStyle: {
+            readonly name: "Block JSX";
+            readonly displayMode: "desktop";
+            readonly style: {
+                readonly base: {
+                    readonly default: {};
                 };
             };
         };
-        settings: {};
+        readonly settings: {};
     };
-};
+} & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<import('./declaration').BlockJsxAttributes>;
 export default BlockJsx;

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

@@ -1,46 +1,6 @@
 import e from "./BlockJsx.mjs";
+import t from "./declaration.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: {}
-	}
-});
+var n = Object.assign(e, t);
 //#endregion
-export { t as default };
+export { n as default };

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

@@ -5,11 +5,10 @@ export type CustomProps = {
     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.Element;
+declare const Custom: ({ ref, className, renderType, settings, isPlugin, assets, scriptUrl }: CustomProps) => import("react").JSX.Element;
 declare const _default: {
     (props: import('../../../Element/hocs/withElement').WithElementProps<CustomProps>): import("react").JSX.Element;
     displayName: string;

package/dist/elements/advanced/Custom/Custom.mjs

@@ -1,30 +1,30 @@
-import e from "../../../Element/hooks/useElement.mjs";
-import { RootElement as t } from "../../../Element/RootElement.mjs";
-import n from "../../../Element/PluginRemote.mjs";
-import r from "../../../Element/hocs/withElement.mjs";
+import e from "../../../Element/PluginRemote.mjs";
+import t from "../../../Element/hocs/withElement.mjs";
+import n from "../../../Element/hooks/useElement.mjs";
+import { RootElement as r } from "../../../Element/RootElement.mjs";
 import { use as i, useEffect as a, useMemo as o } from "react";
 import s from "@plitzi/sdk-shared/hooks/usePlitziServiceContext";
 import c from "@plitzi/sdk-shared/elements/ComponentContext";
 import { jsx as l, jsxs as u } from "react/jsx-runtime";
 import d from "clsx";
 //#region src/elements/advanced/Custom/Custom.tsx
-var f = ({ ref: r, className: f = "", renderType: p = "", settings: m = "{}", isPlugin: h = !1, pluginScope: g = "", assets: _ = "", scriptUrl: v = "" }) => {
-	let { id: y, rootId: b } = e(), { contexts: { PluginsContext: x } } = s(), { registerCustomAssets: S, unregisterCustomAssets: C } = i(x), { components: w } = i(c), T = o(() => {
+var f = ({ ref: t, className: f = "", renderType: p = "", settings: m = "{}", isPlugin: h = !1, assets: g = "", scriptUrl: _ = "" }) => {
+	let { id: v, rootId: y } = n(), { contexts: { PluginsContext: b } } = s(), { registerCustomAssets: x, unregisterCustomAssets: S } = i(b), { components: C } = i(c), w = o(() => {
 		if (!m) return {};
 		try {
 			return JSON.parse(m);
 		} catch {}
 		return !1;
-	}, [m]), E = T === !1, D = o(() => ({
-		id: y,
-		rootId: b,
-		...E ? {} : T
+	}, [m]), T = w === !1, E = o(() => ({
+		id: v,
+		rootId: y,
+		...T ? {} : w
 	}), [
+		v,
 		y,
-		b,
-		E,
-		T
-	]), O = o(() => _ ? _.split("\n").filter((e) => !!e && e.trim() !== "").map((e) => e.endsWith(".js") ? {
+		T,
+		w
+	]), D = o(() => g ? g.split("\n").filter((e) => !!e && e.trim() !== "").map((e) => e.endsWith(".js") ? {
 		id: e,
 		type: "script",
 		params: {
@@ -39,38 +39,37 @@ var f = ({ ref: r, className: f = "", renderType: p = "", settings: m = "{}", is
 			rel: "stylesheet",
 			type: "text/css"
 		}
-	}) : [], [_]);
+	}) : [], [g]);
 	if (a(() => {
-		if (O.length !== 0) return S(O), () => {
-			C(O.map((e) => e.type === "script" ? e.params.url : e.params.href));
+		if (D.length !== 0) return x(D), () => {
+			S(D.map((e) => e.type === "script" ? e.params.url : e.params.href));
 		};
 	}, [
-		O,
-		S,
-		C
-	]), h && v && g && !E) return /* @__PURE__ */ l(n, {
-		url: v,
-		scope: g,
-		internalProps: D,
+		D,
+		x,
+		S
+	]), h && _ && !T) return /* @__PURE__ */ l(e, {
+		url: _,
+		internalProps: E,
 		autoRegister: !1
 	});
-	let k = w.current[p];
-	return k && !E ? /* @__PURE__ */ l(k, {
-		internalProps: D,
-		extraProps: k.extraProps
-	}) : /* @__PURE__ */ u(t, {
-		ref: r,
+	let O = C.current[p];
+	return O && !T ? /* @__PURE__ */ l(O, {
+		internalProps: E,
+		extraProps: O.extraProps
+	}) : /* @__PURE__ */ u(r, {
+		ref: t,
 		className: d("plitzi-component__custom", f),
 		children: [
-			p && !E && /* @__PURE__ */ u("span", { children: [
+			p && !T && /* @__PURE__ */ u("span", { children: [
 				"Custom Component ",
 				/* @__PURE__ */ l("b", { children: p }),
 				" Not Found"
 			] }),
-			E && /* @__PURE__ */ l("span", { children: "Settings Malformed" }),
+			T && /* @__PURE__ */ l("span", { children: "Settings Malformed" }),
 			!p && /* @__PURE__ */ l("span", { children: "Custom Component" })
 		]
 	});
-}, p = r(f);
+}, p = t(f);
 //#endregion
 export { f as Custom, p as default };

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

@@ -3,9 +3,8 @@ type SettingsProps = {
     settings?: string;
     assets?: string;
     scriptUrl?: string;
-    pluginScope?: string;
     isPlugin?: boolean;
     onUpdate?: (key: string, value: string | boolean | number) => void;
 };
-declare const Settings: ({ renderType, settings, isPlugin, assets, scriptUrl, pluginScope, onUpdate }: SettingsProps) => import("react").JSX.Element;
+declare const Settings: ({ renderType, settings, isPlugin, assets, scriptUrl, onUpdate }: SettingsProps) => import("react").JSX.Element;
 export default Settings;