@plitzi/sdk-elements 0.32.1 → 0.32.2

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

@@ -0,0 +1,21 @@
+import { ElementContextValue } from '../ElementContext';
+import { InteractionsContextValue } from '@plitzi/sdk-interactions';
+import { InteractionCallback } from '@plitzi/sdk-shared';
+import { Context } from 'react';
+export type UseRootElementInteractionsProps = {
+    elementContext: ElementContextValue;
+    InteractionsContext: Context<InteractionsContextValue>;
+    previewMode: boolean;
+    debugMode: boolean;
+    baseElementId?: string;
+    className: string;
+    interactionTriggers?: Record<string, InteractionCallback>;
+    interactionCallbacks?: Record<string, InteractionCallback>;
+    otherProps: Record<string, unknown>;
+};
+export type RootElementInteractions = {
+    className: string;
+    events: Record<string, unknown>;
+};
+declare const useRootElementInteractions: ({ elementContext, InteractionsContext, previewMode, debugMode, baseElementId, className, interactionTriggers, interactionCallbacks, otherProps }: UseRootElementInteractionsProps) => RootElementInteractions;
+export default useRootElementInteractions;

package/dist/Element/hooks/useRootElementInteractions.mjs

@@ -0,0 +1,69 @@
+import e from "./useElementInteractions.mjs";
+import t from "./useInternalClassName.mjs";
+import { interactionBasicTriggers as n, nativeEventsList as r } from "../helpers/elementConstants.mjs";
+import { use as i, useCallback as a, useEffect as o, useMemo as s, useRef as c } from "react";
+import { useCommonStore as l } from "@plitzi/sdk-shared/store";
+import { get as u } from "@plitzi/plitzi-ui/helpers";
+import { emptyObject as d } from "@plitzi/sdk-shared/helpers/utils";
+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, 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) => N(e, C, t.action, S[t.action], n)
+		};
+	}, {}), [
+		C,
+		D,
+		S,
+		g,
+		N
+	]), [F = d] = l("runtime.sources", { enabled: _ || !!(D && Object.keys(D).length) }), I = c({});
+	I.current = F;
+	let L = a(() => ({ dataSource: I.current }), [I]), R = s(() => ({
+		...n,
+		...b
+	}), [b]), z = e({
+		attributes: T,
+		definition: E,
+		setElementState: A
+	});
+	return M({
+		id: C,
+		interactions: D,
+		triggers: R,
+		callbacks: s(() => ({
+			...x,
+			...z
+		}), [x, z]),
+		getAdditionalParams: L
+	}), o(() => {
+		!g || !D || !Object.keys(D).length || j.interactionTrigger(C, "onLoad", {});
+	}, []), o(() => {
+		if (_) return p.addProviderMethod(`getElementDataSource-${C}`, () => I.current), () => {
+			p.removeProviderMethod(`getElementDataSource-${C}`);
+		};
+	}, [
+		_,
+		I,
+		C
+	]), {
+		className: f(w, t({
+			id: C,
+			className: y,
+			previewMode: g,
+			baseElementId: v,
+			definition: E,
+			elementState: k,
+			plitziElementLayout: O
+		})),
+		events: P
+	};
+};
+//#endregion
+export { m as default };

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

@@ -0,0 +1,8 @@
+declare const useRscData: <T>() => {
+    enabled: boolean;
+    serverData: Record<string, unknown> | undefined;
+    elementData: T | null;
+    isServerElement: boolean;
+    refresh: ((ids?: string[]) => Promise<void>) | undefined;
+};
+export default useRscData;

package/dist/Element/hooks/useRscData.mjs

@@ -0,0 +1,16 @@
+import e from "./useElement.mjs";
+import { use as t } from "react";
+import n from "@plitzi/sdk-shared/server/rsc/RscContext";
+//#region src/Element/hooks/useRscData.ts
+var r = () => {
+	let { enabled: r, serverData: i, refresh: a } = t(n), { id: o } = e();
+	return {
+		enabled: r,
+		serverData: i,
+		elementData: i?.[o] ?? null,
+		isServerElement: !!i && o in i,
+		refresh: a
+	};
+};
+//#endregion
+export { r as default };

package/dist/components/ElementAdvancedEditor.d.ts

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

package/dist/dataSource/GlobalSources.mjs

@@ -1,65 +1,88 @@
 import { use as e, useCallback as t, useMemo as n } from "react";
-import { get as r } from "@plitzi/plitzi-ui/helpers";
-import { createStoreHook as i } from "@plitzi/nexus/createStore";
-import { getPathsFromObeject as a } from "@plitzi/sdk-shared/helpers/utils";
-import o from "@plitzi/sdk-shared/dataSource/hooks/useRegisterSource";
-import { QueryBuilderEvaluator as s } from "@plitzi/plitzi-ui/QueryBuilder";
-import c from "@plitzi/sdk-navigation/NavigationContext";
-import l from "@plitzi/sdk-auth/AuthContext";
+import { useCommonStore as r, useCommonStoreSync as i } from "@plitzi/sdk-shared/store";
+import { get as a } from "@plitzi/plitzi-ui/helpers";
+import { getPathsFromObeject as o } from "@plitzi/sdk-shared/helpers/utils";
+import s from "@plitzi/sdk-shared/dataSource/hooks/useRegisterSource";
+import { QueryBuilderEvaluator as c } from "@plitzi/plitzi-ui/QueryBuilder";
+import l from "@plitzi/sdk-navigation/NavigationContext";
+import u from "@plitzi/sdk-auth/AuthContext";
 //#region src/dataSource/GlobalSources.tsx
-var u = ({ children: u, environment: d = "main" }) => {
-	let { useStore: f, useStoreSync: p } = i(), { routeParams: m, queryParams: h, hostname: g, currentPageId: _ } = e(c), [v] = f("schema.variables"), y = n(() => v ? v.reduce((e, t) => {
+var d = ({ children: d, environment: f = "main" }) => {
+	let { routeParams: p, queryParams: m, hostname: h, currentPageId: g } = e(l), [_] = r("schema.variables"), v = n(() => _ ? _.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: d
-		}, o = i.find((e) => s(e.when, a));
+			routeParams: p,
+			queryParams: m,
+			hostname: h,
+			environment: f
+		}, o = i.find((e) => c(e.when, a));
 		return {
 			...e,
 			[n]: o ? o.value : r
 		};
 	}, {}) : {}, [
-		d,
-		g,
+		f,
 		h,
 		m,
-		v
+		p,
+		_
 	]);
-	o({
+	s({
 		id: "global",
 		source: "variables",
 		name: "Variables",
-		fields: t(() => a(y).map((e) => ({
+		fields: t(() => o(v).map((e) => ({
 			path: e,
 			name: `variables.${e}`
-		})), [y])
-	}), p("runtime.sources.variables", y);
-	let b = n(() => ({
-		routeParams: m,
-		queryParams: h
-	}), [m, h]);
-	o({
+		})), [v])
+	}), i("runtime.sources.variables", v);
+	let [y = {}] = r("pageDefinitions"), b = n(() => Object.values(y).map((e) => ({
+		value: e.id,
+		label: a(e, "attributes.name", e.id)
+	})), [y]), x = n(() => ({
+		routeParams: p,
+		queryParams: m,
+		currentPageId: g
+	}), [
+		p,
+		m,
+		g
+	]);
+	s({
 		id: "global",
 		source: "navigation",
 		name: "Navigation",
-		fields: t(() => a({
-			routeParams: m,
-			queryParams: h
-		}).map((e) => ({
-			path: e,
-			name: `navigation.${e}`
-		})), [m, h])
-	}), p("runtime.sources.navigation", b);
-	let { user: x, authenticated: S } = e(l), [C = "basic"] = f("schema.settings.userProvider"), w = n(() => {
-		switch (C) {
+		fields: t(() => {
+			let e = o({
+				routeParams: p,
+				queryParams: m
+			}).map((e) => ({
+				path: e,
+				name: `navigation.${e}`
+			})), t = b.length > 0 ? {
+				path: "currentPageId",
+				name: "Current Page",
+				inputType: "select",
+				values: b
+			} : {
+				path: "currentPageId",
+				name: "Current Page"
+			};
+			return [...e, t];
+		}, [
+			p,
+			m,
+			b
+		])
+	}), i("runtime.sources.navigation", x);
+	let { user: S, authenticated: C } = e(u), [w = "basic"] = r("schema.settings.userProvider"), T = n(() => {
+		switch (w) {
 			case "auth0": return {
-				isAuthenticated: S,
+				isAuthenticated: C,
 				user: {
 					given_name: "",
 					family_name: "",
@@ -71,74 +94,47 @@ var u = ({ children: u, environment: d = "main" }) => {
 					email: "",
 					email_verified: !1,
 					sub: "",
-					...x
+					...S
 				}
 			};
 			case "basic": return {
-				isAuthenticated: S,
-				accessToken: x?.accessToken ?? "",
+				isAuthenticated: C,
+				accessToken: S?.accessToken ?? "",
 				details: {
 					username: "",
 					email: "",
 					roles: "",
 					permissions: "",
 					verified: "",
-					...x?.details ?? {}
+					...S?.details ?? {}
 				}
 			};
 			default: return {};
 		}
 	}, [
-		C,
-		x,
-		S
+		w,
+		S,
+		C
 	]);
-	o({
+	s({
 		id: "global",
 		source: "auth",
 		name: "Auth State",
-		fields: t(() => a(w).map((e) => ({
+		fields: t(() => o(T).map((e) => ({
 			path: e,
 			name: `user.${e}`
-		})), [w])
-	}), p("runtime.sources.auth", w);
-	let [T] = f("runtime.state");
-	o({
+		})), [T])
+	}), i("runtime.sources.auth", T);
+	let [E] = r("runtime.state");
+	return s({
 		id: "global",
 		source: "state",
 		name: "State",
-		fields: t(() => a(T).map((e) => ({
+		fields: t(() => o(E).map((e) => ({
 			path: e,
 			name: `state.${e}`
-		})), [T])
-	}), p("runtime.sources.state", T);
-	let [E = {}] = f("pageDefinitions"), D = n(() => Object.values(E).map((e) => ({
-		value: e.id,
-		label: r(e, "attributes.name", e.id)
-	})), [E]), O = n(() => ({
-		...T,
-		currentPageId: _
-	}), [T, _]);
-	return o({
-		id: "global",
-		source: "page",
-		name: "Page",
-		fields: t(() => {
-			let e = a(T).map((e) => ({
-				path: e,
-				name: `page.${e}`
-			})), t = D.length > 0 ? {
-				path: "currentPageId",
-				name: "Current Page",
-				inputType: "select",
-				values: D
-			} : {
-				path: "currentPageId",
-				name: "Current Page"
-			};
-			return [...e, t];
-		}, [T, D])
-	}), p("runtime.sources.page", O), u;
+		})), [E])
+	}), i("runtime.sources.state", E), d;
 };
 //#endregion
-export { u as default };
+export { d as default };

package/dist/dataSource/index.d.ts

@@ -1,4 +1,2 @@
 export { default as GlobalSources } from './GlobalSources';
-export { default as getBindingsDetails } from './getBindingsDetails';
 export { default as getSourcesByElementId } from './getSourcesByElementId';
-export { default as utility, utilityOptions } from './utility';

package/dist/dataSource/index.mjs

@@ -1,5 +1,3 @@
-import e, { utilityOptions as t } from "./utility/index.mjs";
-import n from "./getBindingsDetails.mjs";
-import r from "./GlobalSources.mjs";
-import i from "./getSourcesByElementId.mjs";
-export { r as GlobalSources, n as getBindingsDetails, i as getSourcesByElementId, e as utility, t as utilityOptions };
+import e from "./GlobalSources.mjs";
+import t from "./getSourcesByElementId.mjs";
+export { e as GlobalSources, t as getSourcesByElementId };

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

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

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

@@ -1,10 +1,11 @@
-import e from "../../../Element/RootElement.mjs";
+import { RootElement as 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 = "" }) => {
+//#region src/elements/advanced/BlockHtml/BlockHtml.tsx
+var s = ({ 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"));
@@ -35,6 +36,6 @@ var s = t(({ ref: t, content: s = "", className: c = "" }) => {
 		className: o("plitzi-component__block-html", c, { "block-html--empty": s === "" || !s }),
 		dangerouslySetInnerHTML: { __html: s }
 	});
-});
+}, c = t(s);
 //#endregion
-export { s as default };
+export { s as BlockHtml, c as default };

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

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

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

@@ -1,5 +1,5 @@
 declare const BlockHtml: {
-    (props: import('../../../Element/hocs/withElement').WithElementProps<import('./BlockHtml').BlockHtmlProps>): import("react/jsx-runtime").JSX.Element;
+    (props: import('../../../Element/hocs/withElement').WithElementProps<import('./BlockHtml').BlockHtmlProps>): import("react").JSX.Element;
     displayName: string;
 } & {
     type: string;

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

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

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

@@ -1,12 +1,13 @@
-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 e from "../../../Element/hooks/useElement.mjs";
+import { RootElement as t } from "../../../Element/RootElement.mjs";
+import n from "../../../Element/hocs/withElement.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";
-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(() => ({
+//#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(() => ({
 		id: h,
 		rootId: g,
 		plitziElementLayout: _
@@ -14,7 +15,7 @@ var d = t(({ ref: t, className: d = "", props: f = "{}", contentCache: p = "", .
 		h,
 		_,
 		g
-	]), C = i(() => {
+	]), C = a(() => {
 		let e = u(m, ["content", "children"]);
 		if (!f) return e;
 		if (typeof f == "object") return {
@@ -30,7 +31,7 @@ var d = t(({ ref: t, className: d = "", props: f = "{}", contentCache: p = "", .
 		} catch (e) {
 			console.log(e);
 		}
-	}, [f, m]), w = n(async (e) => {
+	}, [f, m]), w = r(async (e) => {
 		let t, n;
 		try {
 			e = `data:text/javascript;base64,${e}`, t = await import(
@@ -44,20 +45,20 @@ var d = t(({ ref: t, className: d = "", props: f = "{}", contentCache: p = "", .
 			x(n), t && t.default ? y(t) : v && (y(void 0), x("Component not found"));
 		}
 	}, [v]);
-	return r(() => {
+	return i(() => {
 		w(p);
-	}, [p, w]), /* @__PURE__ */ s(e, {
-		ref: t,
-		className: c("plitzi-component__block-jsx", d, { "block-jsx--empty": p === "" || !p || !v }),
+	}, [p, w]), /* @__PURE__ */ c(t, {
+		ref: n,
+		className: l("plitzi-component__block-jsx", d, { "block-jsx--empty": p === "" || !p || !v }),
 		children: [
-			!b && C && v && /* @__PURE__ */ o(v.default, {
+			!b && C && v && /* @__PURE__ */ s(v.default, {
 				internalProps: S,
 				...C
 			}),
-			b && /* @__PURE__ */ s("div", { children: ["JSX Malformed ", b] }),
-			!b && !C && /* @__PURE__ */ o("div", { children: "Settings Malformed" })
+			b && /* @__PURE__ */ c("div", { children: ["JSX Malformed ", b] }),
+			!b && !C && /* @__PURE__ */ s("div", { children: "Settings Malformed" })
 		]
 	});
-});
+}, f = n(d);
 //#endregion
-export { d as default };
+export { d as BlockJsx, f as default };

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

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

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

@@ -1,5 +1,5 @@
 declare const BlockJsx: {
-    (props: import('../../../Element/hocs/withElement').WithElementProps<import('./BlockJsx').BlockJsxProps>): import("react/jsx-runtime").JSX.Element;
+    (props: import('../../../Element/hocs/withElement').WithElementProps<import('./BlockJsx').BlockJsxProps>): import("react").JSX.Element;
     displayName: string;
 } & {
     type: string;

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

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

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

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

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

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

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

@@ -1,5 +1,5 @@
 declare const Custom: {
-    (props: import('../../../Element/hocs/withElement').WithElementProps<import('./Custom').CustomProps>): import("react/jsx-runtime").JSX.Element;
+    (props: import('../../../Element/hocs/withElement').WithElementProps<import('./Custom').CustomProps>): import("react").JSX.Element;
     displayName: string;
 } & {
     type: string;