@plitzi/sdk-elements 0.32.1 → 0.32.2

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

@@ -1,19 +1,20 @@
-import e from "../../../Element/RootElement.mjs";
-import t from "./hooks/useApi.mjs";
-import n from "../../../Element/hocs/withElement.mjs";
-import { use as r, useCallback as i, useEffect as a, useMemo as o } from "react";
-import s from "@plitzi/sdk-shared/hooks/usePlitziServiceContext";
-import { get as c } from "@plitzi/plitzi-ui/helpers";
-import { processTwig as l } from "@plitzi/sdk-shared/helpers/twigWrapper";
-import { emptyObject as u, getPathsFromObeject as d } from "@plitzi/sdk-shared/helpers/utils";
-import { jsx as f } from "react/jsx-runtime";
-import p from "clsx";
-import m from "@plitzi/sdk-shared/elements/hooks/useElement";
-import h from "@plitzi/nexus/StoreProvider";
+import e from "../../../Element/hooks/useElement.mjs";
+import { RootElement as t } from "../../../Element/RootElement.mjs";
+import n from "./hooks/useApi.mjs";
+import r from "../../../Element/hocs/withElement.mjs";
+import { use as i, useCallback as a, useEffect as o, useMemo as s } from "react";
+import c from "@plitzi/sdk-shared/hooks/usePlitziServiceContext";
+import { get as l } from "@plitzi/plitzi-ui/helpers";
+import { processTwig as u } from "@plitzi/sdk-shared/helpers/twigWrapper";
+import { StoreProvider as d } from "@plitzi/nexus/react";
+import { emptyObject as f, getPathsFromObeject as p } from "@plitzi/sdk-shared/helpers/utils";
+import { jsx as m } from "react/jsx-runtime";
+import h from "clsx";
 import g from "@plitzi/sdk-shared/dataSource/hooks/useRegisterSource";
 import { QueryBuilderEvaluator as _ } from "@plitzi/plitzi-ui/QueryBuilder";
-var v = n(({ ref: n, className: v = "", children: y, query: b = "", method: x = "get", accessToken: S = "", when: C = u, headers: w = u, mockData: T = "{}", subType: E = "div", credentials: D = "same-origin" }) => {
-	let { id: O, definition: { label: k = "Api Container" } } = m(), { settings: { previewMode: A, debugMode: j }, contexts: { NavigationContext: M, InteractionsContext: N } } = s(), { interactionsManager: P } = r(N), { routeParams: F, queryParams: I } = r(M), L = o(() => {
+//#region src/elements/provider/ApiContainer/ApiContainer.tsx
+var v = ({ ref: r, className: v = "", children: y, query: b = "", method: x = "get", accessToken: S = "", when: C = f, headers: w = f, mockData: T = "{}", subType: E = "div", credentials: D = "same-origin" }) => {
+	let { id: O, definition: { label: k = "Api Container" } } = e(), { settings: { previewMode: A, debugMode: j }, contexts: { NavigationContext: M, InteractionsContext: N } } = c(), { interactionsManager: P } = i(N), { routeParams: F, queryParams: I } = i(M), L = s(() => {
 		if (!b) return "";
 		try {
 			let e = {
@@ -22,9 +23,9 @@ var v = n(({ ref: n, className: v = "", children: y, query: b = "", method: x =
 			};
 			j && [...b.matchAll(/{{([ ]+|)(?<token>[a-zA-Z0-9-_:*/]+)([ ]+|)}}/gim)].forEach(({ groups: t }) => {
 				let n = t?.token.trim();
-				(!n || !c(e, n)) && console.log(`Token ${n} is required`);
+				(!n || !l(e, n)) && console.log(`Token ${n} is required`);
 			});
-			let t = l(b, e, !0);
+			let t = u(b, e, !0);
 			return typeof t == "string" ? t : b;
 		} catch (e) {
 			console.error(e.message);
@@ -35,20 +36,20 @@ var v = n(({ ref: n, className: v = "", children: y, query: b = "", method: x =
 		I,
 		F,
 		j
-	]), R = o(() => S ? {
+	]), R = s(() => S ? {
 		...w,
 		Authorization: `Bearer ${S}`
-	} : w, [w, S]), z = o(() => !!(A && L && (C === u || _(C, {
+	} : w, [w, S]), z = s(() => !!(A && L && (C === f || _(C, {
 		...F,
 		...I
-	})) || !A && (L || T && T !== "{}" && T !== u)), [
+	})) || !A && (L || T && T !== "{}" && T !== f)), [
 		A,
 		L,
 		C,
 		F,
 		I,
 		T
-	]), { isLoading: B, data: V, refetch: H, isSuccess: U, isError: W } = t({
+	]), { isLoading: B, data: V, refetch: H, isSuccess: U, isError: W } = n({
 		url: L,
 		method: x,
 		credentials: D,
@@ -56,7 +57,7 @@ var v = n(({ ref: n, className: v = "", children: y, query: b = "", method: x =
 		customHeaders: R,
 		enabled: z
 	});
-	a(() => {
+	o(() => {
 		B || (U ? P.interactionTrigger(O, "onApiSuccess", {
 			url: L,
 			method: x,
@@ -76,7 +77,7 @@ var v = n(({ ref: n, className: v = "", children: y, query: b = "", method: x =
 		x,
 		L
 	]);
-	let G = i(() => d(V).reduce((e, t) => {
+	let G = a(() => p(V).reduce((e, t) => {
 		let n = t.split(".");
 		return n.length > 1 ? [...e, {
 			path: t,
@@ -92,14 +93,14 @@ var v = n(({ ref: n, className: v = "", children: y, query: b = "", method: x =
 		name: k || `API - ${O}`,
 		fields: G
 	});
-	let K = o(() => ({ performQuery: {
+	let K = s(() => ({ performQuery: {
 		action: "performQuery",
 		title: `Perform Query ${k}`,
 		type: "callback",
 		callback: H,
 		preview: {},
 		params: {}
-	} }), [k, H]), q = o(() => ({
+	} }), [k, H]), q = s(() => ({
 		onApiError: {
 			action: "onApiError",
 			title: "On Api Error",
@@ -124,19 +125,19 @@ var v = n(({ ref: n, className: v = "", children: y, query: b = "", method: x =
 				data: ""
 			}
 		}
-	}), []);
-	return /* @__PURE__ */ f(e, {
-		ref: n,
+	}), []), J = s(() => ({ runtime: { sources: { [`apiContainer_${O}`]: V } } }), [V, O]);
+	return /* @__PURE__ */ m(t, {
+		ref: r,
 		tag: E,
-		className: p("plitzi-component__api-container", v),
+		className: h("plitzi-component__api-container", v),
 		interactionTriggers: q,
 		interactionCallbacks: K,
-		children: /* @__PURE__ */ f(h, {
+		children: /* @__PURE__ */ m(d, {
 			inherit: "live",
-			value: { runtime: { sources: { [`apiContainer_${O}`]: V } } },
+			value: J,
 			children: !B && y
 		})
 	});
-});
+}, y = r(v);
 //#endregion
-export { v as default };
+export { v as ApiContainer, y as default };

package/dist/elements/provider/ApiContainer/Settings.d.ts

@@ -10,5 +10,5 @@ type SettingsProps = {
     credentials?: RequestCredentials;
     onUpdate?: (key: string, value: string | boolean | number | object) => void;
 };
-declare const Settings: ({ query, method, accessToken, when, headers, subType, mockData, credentials, onUpdate }: SettingsProps) => import("react/jsx-runtime").JSX.Element;
+declare const Settings: ({ query, method, accessToken, when, headers, subType, mockData, credentials, onUpdate }: SettingsProps) => import("react").JSX.Element;
 export default Settings;

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

@@ -1,6 +1,6 @@
 import { use as e, useCallback as t, useMemo as n, useState as r } from "react";
-import { get as i } from "@plitzi/plitzi-ui/helpers";
-import { createStoreHook as a } from "@plitzi/nexus/createStore";
+import { useBuilderStore as i } from "@plitzi/sdk-shared/store";
+import { get as a } from "@plitzi/plitzi-ui/helpers";
 import { emptyObject as o } from "@plitzi/sdk-shared/helpers/utils";
 import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
 import u from "@plitzi/plitzi-ui/QueryBuilder";
@@ -13,17 +13,17 @@ import g from "@plitzi/plitzi-ui/Switch";
 import _ from "@plitzi/sdk-navigation/NavigationContext";
 //#region src/elements/provider/ApiContainer/Settings.tsx
 var v = ({ query: v = "", method: y = "get", accessToken: b = "", when: x, headers: S = o, subType: C = "div", mockData: w = "{}", credentials: T = "same-origin", onUpdate: E }) => {
-	let { theme: D } = e(f), { useStore: O } = a(), [k] = O("pageDefinitions"), [A, j] = r(!1), { routeParams: M, queryParams: N, currentPageId: P } = e(_), F = t((e) => (t) => E?.(e, t), [E]), I = t((e) => E?.("query", e), [E]), L = t((e) => E?.("when", e), [E]), R = t((e) => E?.("mockData", e), [E]), z = t((e) => j(e.target.checked), []), B = t((e, t) => E?.("headers", t), [E]), V = n(() => [...i(k, `${P}.attributes.slug`, "").matchAll(/:[a-z0-9_-]+/gim)].map((e) => e[0].slice(1)), [k, P]), H = n(() => [
+	let { theme: D } = e(f), [O] = i("pageDefinitions"), [k, A] = r(!1), { routeParams: j, queryParams: M, currentPageId: N } = e(_), P = t((e) => (t) => E?.(e, t), [E]), F = t((e) => E?.("query", e), [E]), I = t((e) => E?.("when", e), [E]), L = t((e) => E?.("mockData", e), [E]), R = t((e) => A(e.target.checked), []), z = t((e, t) => E?.("headers", t), [E]), B = n(() => [...a(O, `${N}.attributes.slug`, "").matchAll(/:[a-z0-9_-]+/gim)].map((e) => e[0].slice(1)), [O, N]), V = n(() => [
+		...Object.keys(j),
 		...Object.keys(M),
-		...Object.keys(N),
-		...V
+		...B
 	].map((e) => ({
 		type: "token",
 		value: e
 	})), [
+		j,
 		M,
-		N,
-		V
+		B
 	]);
 	return /* @__PURE__ */ l("div", {
 		className: "flex grow flex-col gap-4 py-2",
@@ -35,16 +35,16 @@ var v = ({ query: v = "", method: y = "get", accessToken: b = "", when: x, heade
 					value: v,
 					theme: D === "dark" ? "dark" : "light",
 					mode: "text",
-					autoComplete: H,
+					autoComplete: V,
 					lineWrapping: !0,
 					multiline: !1,
-					onChange: I
+					onChange: F
 				})]
 			}),
 			/* @__PURE__ */ l(m, {
 				value: y,
 				label: "Method",
-				onChange: F("method"),
+				onChange: P("method"),
 				size: "xs",
 				children: [/* @__PURE__ */ c("option", {
 					value: "get",
@@ -57,13 +57,13 @@ var v = ({ query: v = "", method: y = "get", accessToken: b = "", when: x, heade
 			/* @__PURE__ */ c(p, {
 				value: b,
 				label: "Access Token",
-				onChange: F("accessToken"),
+				onChange: P("accessToken"),
 				size: "xs"
 			}),
 			/* @__PURE__ */ l(m, {
 				value: T,
 				label: "Include Credentials",
-				onChange: F("credentials"),
+				onChange: P("credentials"),
 				size: "xs",
 				children: [
 					/* @__PURE__ */ c("option", {
@@ -81,16 +81,16 @@ var v = ({ query: v = "", method: y = "get", accessToken: b = "", when: x, heade
 				]
 			}),
 			/* @__PURE__ */ c(g, {
-				checked: A,
+				checked: k,
 				size: "sm",
 				label: "Advanced Settings",
-				onChange: z
+				onChange: R
 			}),
-			A && /* @__PURE__ */ l(s, { children: [
+			k && /* @__PURE__ */ l(s, { children: [
 				/* @__PURE__ */ c(h, {
 					value: Object.entries(S),
 					label: "Headers",
-					onChange: B,
+					onChange: z,
 					size: "xs"
 				}),
 				/* @__PURE__ */ l("div", {
@@ -100,14 +100,14 @@ var v = ({ query: v = "", method: y = "get", accessToken: b = "", when: x, heade
 						className: "w-full",
 						size: "xs",
 						query: x,
-						onChange: L,
+						onChange: I,
 						showBranches: !0
 					})]
 				}),
 				/* @__PURE__ */ l(m, {
 					value: C,
 					label: "Container Tag",
-					onChange: F("subType"),
+					onChange: P("subType"),
 					size: "xs",
 					children: [
 						/* @__PURE__ */ c("option", {
@@ -160,7 +160,7 @@ var v = ({ query: v = "", method: y = "get", accessToken: b = "", when: x, heade
 						theme: D === "dark" ? "dark" : "light",
 						mode: "json",
 						lineWrapping: !0,
-						onChange: R
+						onChange: L
 					})]
 				})
 			] })

package/dist/elements/provider/ApiContainer/index.d.ts

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

package/dist/elements/provider/CollectionContainer/CollectionContainer.d.ts

@@ -9,9 +9,9 @@ export type CollectionContainerProps = {
     query?: RuleGroup;
     singleRecord?: boolean;
 };
-declare const CollectionContainer: ({ ref, className, source, children, limit, query, singleRecord }: CollectionContainerProps) => import("react/jsx-runtime").JSX.Element | undefined;
+declare const CollectionContainer: ({ ref, className, source, children, limit, query, singleRecord }: CollectionContainerProps) => import("react").JSX.Element | undefined;
 declare const _default: {
-    (props: import('../../../Element/hocs/withElement').WithElementProps<CollectionContainerProps>): import("react/jsx-runtime").JSX.Element;
+    (props: import('../../../Element/hocs/withElement').WithElementProps<CollectionContainerProps>): import("react").JSX.Element;
     displayName: string;
 };
 export default _default;

package/dist/elements/provider/CollectionContainer/CollectionContainer.mjs

@@ -1,21 +1,22 @@
-import e from "../../../Element/RootElement.mjs";
-import t from "./hooks/useCollectionContext.mjs";
-import n from "../../../Element/hocs/withElement.mjs";
-import { useCallback as r, useMemo as i } from "react";
-import a from "@plitzi/sdk-shared/hooks/usePlitziServiceContext";
-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 u from "@plitzi/nexus/StoreProvider";
+import e from "../../../Element/hooks/useElement.mjs";
+import { RootElement as t } from "../../../Element/RootElement.mjs";
+import n from "./hooks/useCollectionContext.mjs";
+import r from "../../../Element/hocs/withElement.mjs";
+import { useCallback as i, useMemo as a } from "react";
+import o from "@plitzi/sdk-shared/hooks/usePlitziServiceContext";
+import { StoreProvider as s } from "@plitzi/nexus/react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import u from "clsx";
 import d from "@plitzi/sdk-shared/dataSource/hooks/useRegisterSource";
-var f = n(({ ref: n, className: f = "", source: p = "", children: m, limit: h = "10", query: g, singleRecord: _ = !1 }) => {
-	let { id: v, definition: { label: y = "Collection Container" } } = l(), { settings: { previewMode: b } } = a(), { loading: x, collection: S, fetch: C } = t({
+//#region src/elements/provider/CollectionContainer/CollectionContainer.tsx
+var f = ({ ref: r, className: f = "", source: p = "", children: m, limit: h = "10", query: g, singleRecord: _ = !1 }) => {
+	let { id: v, definition: { label: y = "Collection Container" } } = e(), { settings: { previewMode: b } } = o(), { loading: x, collection: S, fetch: C } = n({
 		source: p,
 		limit: h,
 		query: g,
 		singleRecord: _,
 		previewMode: b
-	}), w = r(() => {
+	}), w = i(() => {
 		let e = [];
 		return S ? (_ || e.push({
 			path: "records",
@@ -39,27 +40,27 @@ var f = n(({ ref: n, className: f = "", source: p = "", children: m, limit: h =
 		name: y || `Collection - ${S?.name || v}`,
 		fields: w
 	});
-	let T = i(() => ({ performQuery: {
+	let T = a(() => ({ performQuery: {
 		action: "performQuery",
 		title: `Refresh ${y}`,
 		type: "callback",
 		callback: C,
 		preview: {},
 		params: {}
-	} }), [C, y]);
-	if (!(!S && b)) return /* @__PURE__ */ s(e, {
-		ref: n,
+	} }), [C, y]), E = a(() => ({ runtime: { sources: { [`collectionContainer_${v}`]: S } } }), [S, v]);
+	if (!(!S && b)) return /* @__PURE__ */ l(t, {
+		ref: r,
 		interactionCallbacks: T,
-		className: c("plitzi-component__collection-container", f, { "collection-container--context-empty": !S }),
-		children: [!S && /* @__PURE__ */ o("div", {
+		className: u("plitzi-component__collection-container", f, { "collection-container--context-empty": !S }),
+		children: [!S && /* @__PURE__ */ c("div", {
 			className: "collection-container__message",
 			children: "Source Not Selected"
-		}), S && !x && /* @__PURE__ */ o(u, {
+		}), S && !x && /* @__PURE__ */ c(s, {
 			inherit: "live",
-			value: { runtime: { sources: { [`collectionContainer_${v}`]: S } } },
+			value: E,
 			children: m
 		})]
 	});
-});
+}, p = r(f);
 //#endregion
-export { f as default };
+export { f as CollectionContainer, p as default };

package/dist/elements/provider/CollectionContainer/Settings.d.ts

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

package/dist/elements/provider/CollectionContainer/hooks/useCollectionContext.mjs

@@ -4,67 +4,67 @@ import { isEmpty as o } from "@plitzi/plitzi-ui/helpers";
 import { QueryBuilderFormatter as s } from "@plitzi/plitzi-ui/QueryBuilder";
 //#region src/elements/provider/CollectionContainer/hooks/useCollectionContext.ts
 var c = ({ source: c, query: l, limit: u = "1", appendResults: d = !1, singleRecord: f = !1, previewMode: p = !0 } = {}) => {
-	let m = a(), [h, g] = i(void 0), [_, v] = i(!0), [y, b] = i(void 0), [x, S] = i(!1), { contexts: { CollectionContext: C, NavigationContext: w } } = m, { routeParams: T, queryParams: E } = e(w), { fetchRecords: D, fetchCollection: O } = e(C), k = r(() => {
+	let { contexts: { CollectionContext: m, NavigationContext: h } } = a(), [g, _] = i(void 0), [v, y] = i(!0), [b, x] = i(void 0), [S, C] = i(!1), { routeParams: w, queryParams: T } = e(h), { fetchRecords: E, fetchCollection: D } = e(m), O = r(() => {
 		if (!p || !l) return "";
 		try {
 			return s(l, "mongodb", !1, {
-				queryParams: E,
-				routeParams: T
+				queryParams: T,
+				routeParams: w
 			});
 		} catch {}
 		return "";
 	}, [
 		p,
 		l,
-		E,
-		T
-	]), A = t((e, t) => {
+		T,
+		w
+	]), k = t((e, t) => {
 		let { pageInfo: n, edges: r } = t;
-		b(n.nextCursor), S(n.hasNextPage), g({
+		x(n.nextCursor), C(n.hasNextPage), _({
 			...e,
 			records: f ? [] : r,
 			record: f && r.length > 0 ? r[0] : void 0
 		});
-	}, [f]), j = t(async () => {
-		v(!0);
-		let e = await O(c, k);
-		v(!1), e?.records && e.records.edges.length > 0 && A(e, e.records);
+	}, [f]), A = t(async () => {
+		y(!0);
+		let e = await D(c, O);
+		y(!1), e?.records && e.records.edges.length > 0 && k(e, e.records);
 	}, [
-		O,
-		A,
+		D,
 		k,
+		O,
 		c
-	]), M = t(async () => {
-		if (!h || !c) return;
-		v(!0);
-		let e = await D(c, k, !d && y ? void 0 : y, parseInt(u, 10));
-		v(!1), e && A(h, e);
+	]), j = t(async () => {
+		if (!g || !c) return;
+		y(!0);
+		let e = await E(c, O, !d && b ? void 0 : b, parseInt(u, 10));
+		y(!1), e && k(g, e);
 	}, [
-		h,
+		g,
 		c,
-		D,
-		k,
+		E,
+		O,
 		d,
-		y,
+		b,
 		u,
-		A
-	]), N = t(async () => {
-		x && await M();
-	}, [x, M]);
+		k
+	]), M = t(async () => {
+		S && await j();
+	}, [S, j]);
 	return n(() => {
-		o(c) ? (b(void 0), S(!1), g(void 0), v(!1)) : j();
-	}, [c, j]), r(() => ({
-		loading: _,
-		collection: h,
-		hasNextPage: x,
-		handleNextPage: N,
-		fetch: j
+		o(c) ? (x(void 0), C(!1), _(void 0), y(!1)) : A();
+	}, [c, A]), r(() => ({
+		loading: v,
+		collection: g,
+		hasNextPage: S,
+		handleNextPage: M,
+		fetch: A
 	}), [
-		_,
-		h,
-		x,
-		N,
-		j
+		v,
+		g,
+		S,
+		M,
+		A
 	]);
 };
 //#endregion

package/dist/elements/provider/CollectionContainer/index.d.ts

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

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

@@ -5,9 +5,9 @@ export type ContainerProps = {
     subType?: 'div' | 'header' | 'footer' | 'nav' | 'main' | 'section' | 'article' | 'aside' | 'address' | 'figure' | 'dl' | 'dt' | 'dd';
     children?: ReactNode;
 };
-declare const Container: ({ ref, className, subType, children }: ContainerProps) => import("react/jsx-runtime").JSX.Element;
+declare const Container: ({ ref, className, subType, children }: ContainerProps) => import("react").JSX.Element;
 declare const _default: {
-    (props: import('../../../Element/hocs/withElement').WithElementProps<ContainerProps>): import("react/jsx-runtime").JSX.Element;
+    (props: import('../../../Element/hocs/withElement').WithElementProps<ContainerProps>): import("react").JSX.Element;
     displayName: string;
 };
 export default _default;

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

@@ -1,12 +1,13 @@
-import e from "../../../Element/RootElement.mjs";
+import { RootElement as e } from "../../../Element/RootElement.mjs";
 import t from "../../../Element/hocs/withElement.mjs";
 import { jsx as n } from "react/jsx-runtime";
 import r from "clsx";
-var i = t(({ ref: t, className: i = "", subType: a = "div", children: o }) => /* @__PURE__ */ n(e, {
+//#region src/elements/structure/Container/Container.tsx
+var i = ({ ref: t, className: i = "", subType: a = "div", children: o }) => /* @__PURE__ */ n(e, {
 	ref: t,
 	tag: a,
 	className: r(`plitzi-component__container plitzi-component__container-${a}`, i),
 	children: o
-}));
+}), a = t(i);
 //#endregion
-export { i as default };
+export { i as Container, a as default };

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

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

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

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

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

@@ -9,9 +9,9 @@ export type DialogContainerProps = {
     rejectButtonLabel: string;
     autoHideAfterClick: boolean;
 };
-declare const DialogContainer: ({ ref, className, children, headerLabel, acceptButtonLabel, acceptButtonLabelLoading, rejectButtonLabel, autoHideAfterClick }: DialogContainerProps) => import("react/jsx-runtime").JSX.Element;
+declare const DialogContainer: ({ ref, className, children, headerLabel, acceptButtonLabel, acceptButtonLabelLoading, rejectButtonLabel, autoHideAfterClick }: DialogContainerProps) => import("react").JSX.Element;
 declare const _default: {
-    (props: import('../../../Element/hocs/withElement').WithElementProps<DialogContainerProps>): import("react/jsx-runtime").JSX.Element;
+    (props: import('../../../Element/hocs/withElement').WithElementProps<DialogContainerProps>): import("react").JSX.Element;
     displayName: string;
 };
 export default _default;