@plitzi/sdk-elements 0.32.1 → 0.32.2

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

@@ -5,9 +5,9 @@ export type NodeHtmlProps<T extends keyof JSX.IntrinsicElements = 'span'> = {
     subType?: T;
     children?: ReactNode;
 } & Omit<HTMLAttributes<T>, 'class'>;
-declare const NodeHtml: ({ ref, className, subType, children, ...otherProps }: NodeHtmlProps) => import("react/jsx-runtime").JSX.Element;
+declare const NodeHtml: ({ ref, className, subType, children, ...otherProps }: NodeHtmlProps) => JSX.Element;
 declare const _default: {
-    (props: import('../../../Element/hocs/withElement').WithElementProps<NodeHtmlProps<"span">>): import("react/jsx-runtime").JSX.Element;
+    (props: import('../../../Element/hocs/withElement').WithElementProps<NodeHtmlProps<"span">>): JSX.Element;
     displayName: string;
 };
 export default _default;

package/dist/elements/advanced/NodeHtml/NodeHtml.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 { useMemo as n } from "react";
 import { jsx as r } from "react/jsx-runtime";
 import i from "clsx";
 import a from "@plitzi/plitzi-ui/hooks/useValueMemo";
-var o = t(({ ref: t, className: o = "", subType: s = "span", children: c, ...l }) => {
+//#region src/elements/advanced/NodeHtml/NodeHtml.tsx
+var o = ({ ref: t, className: o = "", subType: s = "span", children: c, ...l }) => {
 	let u = a(l), d = n(() => Object.fromEntries(Object.entries(u).map(([e, t]) => [e.replace(/-([a-z])/g, (e, t) => t.toUpperCase()), t])), [u]);
 	return /* @__PURE__ */ r(e, {
 		ref: t,
@@ -13,6 +14,6 @@ var o = t(({ ref: t, className: o = "", subType: s = "span", children: c, ...l }
 		...d,
 		children: c
 	});
-});
+}, s = t(o);
 //#endregion
-export { o as default };
+export { o as NodeHtml, s as default };

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

@@ -3,5 +3,5 @@ type SettingsProps = {
     subType?: keyof JSX.IntrinsicElements;
     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) => JSX.Element;
 export default Settings;

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

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

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

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

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

@@ -8,9 +8,9 @@ export type ReferenceProps = {
     referenceId: string;
     referenceContainer: string;
 };
-declare const Reference: ({ ref, children, className, referenceType, referenceId, referenceContainer }: ReferenceProps) => import("react/jsx-runtime").JSX.Element;
+declare const Reference: ({ ref, children, className, referenceType, referenceId, referenceContainer }: ReferenceProps) => import("react").JSX.Element;
 declare const _default: {
-    (props: import('../../../Element/hocs/withElement').WithElementProps<ReferenceProps>): import("react/jsx-runtime").JSX.Element;
+    (props: import('../../../Element/hocs/withElement').WithElementProps<ReferenceProps>): import("react").JSX.Element;
     displayName: string;
 };
 export default _default;

package/dist/elements/advanced/Reference/Reference.mjs

@@ -1,77 +1,78 @@
-import e from "../../../Element/RootElement.mjs";
-import t from "../../../Element/PluginManager.mjs";
-import n from "../../../Element/hocs/withElement.mjs";
-import { use as r, useCallback as i, useEffect as a, useMemo as o, useRef as s, useState as c } from "react";
-import l from "@plitzi/sdk-shared/hooks/usePlitziServiceContext";
-import { get as u } from "@plitzi/plitzi-ui/helpers";
-import { createStoreHook as d } from "@plitzi/nexus/createStore";
-import { jsx as f, jsxs as p } from "react/jsx-runtime";
-import m from "clsx";
-import h from "@plitzi/sdk-shared/elements/hooks/useElement";
-import g from "@plitzi/nexus/StoreProvider";
-var _ = n(({ ref: n, children: _, className: v = "", referenceType: y = "element", referenceId: b = "", referenceContainer: x = "" }) => {
-	let { id: S, definition: { rootId: C, styleSelectors: w } } = h(), { settings: { previewMode: T, environment: E }, contexts: { SegmentsContext: D } } = l(), { useStore: O } = d(), [[k, A]] = O(["schema", "segments"]), { segmentGet: j } = r(D), M = s(k);
+import e from "../../../Element/hooks/useElement.mjs";
+import { RootElement as t } from "../../../Element/RootElement.mjs";
+import n from "../../../Element/PluginManager.mjs";
+import r from "../../../Element/hocs/withElement.mjs";
+import { use as i, useCallback as a, useEffect as o, useMemo as s, useRef as c, useState as l } from "react";
+import u from "@plitzi/sdk-shared/hooks/usePlitziServiceContext";
+import { useCommonStore as d } from "@plitzi/sdk-shared/store";
+import { get as f } from "@plitzi/plitzi-ui/helpers";
+import { StoreProvider as p } from "@plitzi/nexus/react";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import g from "clsx";
+//#region src/elements/advanced/Reference/Reference.tsx
+var _ = ({ ref: r, children: _, className: v = "", referenceType: y = "element", referenceId: b = "", referenceContainer: x = "" }) => {
+	let { id: S, definition: { rootId: C, styleSelectors: w } } = e(), { settings: { previewMode: T, environment: E }, contexts: { SegmentsContext: D } } = u(), [[O, k]] = d(["schema", "segments"]), { segmentGet: A } = i(D), j = c(O);
+	j.current = O;
+	let M = c(k);
 	M.current = k;
-	let N = s(A);
-	N.current = A;
-	let P = i((e, t) => {
+	let N = a((e, t) => {
 		let n, r;
 		switch (t) {
 			case "segment": {
-				let t = u(N.current, e);
+				let t = f(M.current, e);
 				if (!t) return;
-				let i = u(t, "definition.baseElementId");
-				r = u(t, "schema"), n = u(t, `schema.flat.${i}`);
+				let i = f(t, "definition.baseElementId");
+				r = f(t, "schema"), n = f(t, `schema.flat.${i}`);
 				break;
 			}
-			default: n = u(M.current, `flat.${e}`), r = M.current;
+			default: n = f(j.current, `flat.${e}`), r = j.current;
 		}
 		if (n) return {
 			element: n,
-			elementType: u(n, "definition.type"),
+			elementType: f(n, "definition.type"),
 			referenceContextData: {
 				schema: r,
-				prevSchema: M.current
+				prevSchema: j.current
 			}
 		};
-	}, []), [F, I] = c(P(b, y)), L = i(async (e, t) => {
-		let n = P(e, t);
+	}, []), [P, F] = l(N(b, y)), I = a(async (e, t) => {
+		let n = N(e, t);
 		if (n) {
-			I(n);
+			F(n);
 			return;
 		}
 		let r, i;
 		switch (t) {
 			case "segment": {
 				let t;
-				if (e && (t = await j(e)), !t) return;
-				let n = u(t, "definition.baseElementId");
-				i = u(t, "schema"), r = u(t, `schema.flat.${n}`);
+				if (e && (t = await A(e)), !t) return;
+				let n = f(t, "definition.baseElementId");
+				i = f(t, "schema"), r = f(t, `schema.flat.${n}`);
 				break;
 			}
-			default: r = u(M.current, `flat.${e}`), i = M.current;
+			default: r = f(j.current, `flat.${e}`), i = j.current;
 		}
 		if (!r) {
-			I(void 0);
+			F(void 0);
 			return;
 		}
-		I({
+		F({
 			element: r,
-			elementType: u(r, "definition.type"),
+			elementType: f(r, "definition.type"),
 			referenceContextData: {
 				schema: i,
-				prevSchema: M.current
+				prevSchema: j.current
 			}
 		});
-	}, [P, j]);
-	a(() => {
-		L(b, y);
+	}, [N, A]);
+	o(() => {
+		I(b, y);
 	}, [
-		L,
+		I,
 		b,
 		y
 	]);
-	let R = o(() => ({
+	let L = s(() => ({
 		bodyChildren: _,
 		containerId: x,
 		type: y,
@@ -82,59 +83,59 @@ var _ = n(({ ref: n, children: _, className: v = "", referenceType: y = "element
 		_,
 		y,
 		S
-	]), z = o(() => ({
-		id: F?.element?.id ?? "",
+	]), R = s(() => ({
+		id: P?.element?.id ?? "",
 		rootId: C,
 		className: w.base
 	}), [
-		F?.element?.id,
+		P?.element?.id,
 		C,
 		w.base
 	]);
-	if (!F) return /* @__PURE__ */ f(e, {
-		ref: n,
-		className: m("plitzi-component__reference", v, { "reference--build-mode": !T }),
-		children: !T && /* @__PURE__ */ p("div", {
+	if (!P) return /* @__PURE__ */ m(t, {
+		ref: r,
+		className: g("plitzi-component__reference", v, { "reference--build-mode": !T }),
+		children: !T && /* @__PURE__ */ h("div", {
 			className: "reference__label",
-			children: ["Element Reference ", /* @__PURE__ */ f("b", {
+			children: ["Element Reference ", /* @__PURE__ */ m("b", {
 				className: "capitalize",
 				children: y
 			})]
 		})
 	});
-	let { element: B, elementType: V, referenceContextData: H } = F;
-	return T && B && y === "element" ? /* @__PURE__ */ f(g, {
-		value: H,
-		children: /* @__PURE__ */ f(t, {
-			type: V,
-			internalProps: z,
-			plitziElementLayout: R
+	let { element: z, elementType: B, referenceContextData: V } = P;
+	return T && z && y === "element" ? /* @__PURE__ */ m(p, {
+		value: V,
+		children: /* @__PURE__ */ m(n, {
+			type: B,
+			internalProps: R,
+			plitziElementLayout: L
 		}, `${S}_${b}`)
-	}) : /* @__PURE__ */ p(e, {
-		ref: n,
-		className: m("plitzi-component__reference", v, { "reference--build-mode": !T }),
+	}) : /* @__PURE__ */ h(t, {
+		ref: r,
+		className: g("plitzi-component__reference", v, { "reference--build-mode": !T }),
 		children: [
-			/* @__PURE__ */ f(g, {
-				value: H,
-				children: B && /* @__PURE__ */ f(t, {
-					type: V,
-					internalProps: z,
-					plitziElementLayout: R
+			/* @__PURE__ */ m(p, {
+				value: V,
+				children: z && /* @__PURE__ */ m(n, {
+					type: B,
+					internalProps: R,
+					plitziElementLayout: L
 				}, `${S}_${b}`)
 			}),
-			!T && !B && /* @__PURE__ */ p("div", {
+			!T && !z && /* @__PURE__ */ h("div", {
 				className: "reference__label",
 				children: ["Element Reference ", y]
 			}),
-			T && !B && y === "segment" && /* @__PURE__ */ p("div", { children: [
+			T && !z && y === "segment" && /* @__PURE__ */ h("div", { children: [
 				"Segment ",
-				/* @__PURE__ */ f("b", { children: b }),
+				/* @__PURE__ */ m("b", { children: b }),
 				" not found, publish to ",
-				/* @__PURE__ */ f("b", { children: E }),
+				/* @__PURE__ */ m("b", { children: E }),
 				" environment"
 			] })
 		]
 	});
-});
+}, v = r(_);
 //#endregion
-export { _ as default };
+export { _ as Reference, v as default };

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

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

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

@@ -1,63 +1,63 @@
 import { use as e, useCallback as t, useMemo as n } from "react";
 import r from "@plitzi/sdk-shared/hooks/usePlitziServiceContext";
-import { get as i } from "@plitzi/plitzi-ui/helpers";
-import { createStoreHook as a } from "@plitzi/nexus/createStore";
+import { useCommonStore as i } from "@plitzi/sdk-shared/store";
+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/Select2";
 //#region src/elements/advanced/Reference/Settings.tsx
 var l = ({ referenceType: l = "element", referenceId: u = "", referenceContainer: d = "", onUpdate: f }) => {
-	let { contexts: { SegmentsContext: p } } = r(), { useStore: m } = a(), [[h, g]] = m(["schema", "segments"]), { segmentGet: _, segmentsFetch: v } = e(p), y = t((e) => {
+	let { contexts: { SegmentsContext: p } } = r(), [[m, h]] = i(["schema", "segments"]), { segmentGet: g, segmentsFetch: _ } = e(p), v = t((e) => {
 		f?.("referenceType", e?.value ?? ""), f?.("referenceId", ""), f?.("referenceContainer", "");
-	}, [f]), b = t((e) => {
-		f?.("referenceId", e?.value ?? ""), f?.("referenceContainer", ""), e?.value && l === "segment" && _(e.value);
+	}, [f]), y = t((e) => {
+		f?.("referenceId", e?.value ?? ""), f?.("referenceContainer", ""), e?.value && l === "segment" && g(e.value);
 	}, [
 		f,
 		l,
-		_
-	]), x = t((e) => f?.("referenceContainer", e?.value ?? ""), [f]), S = n(() => [{
+		g
+	]), b = t((e) => f?.("referenceContainer", e?.value ?? ""), [f]), x = n(() => [{
 		value: "element",
 		label: "Element"
 	}, {
 		value: "segment",
 		label: "Segment"
-	}], []), C = n(() => {
+	}], []), S = n(() => {
 		switch (l) {
-			case "segment": return i(g, `${u}.schema`, void 0);
-			default: return h;
+			case "segment": return a(h, `${u}.schema`, void 0);
+			default: return m;
 		}
 	}, [
 		l,
-		g,
+		h,
 		u,
-		h
-	]), w = n(() => {
+		m
+	]), C = n(() => {
 		switch (l) {
-			case "element": return Object.values(C.flat).reduce((e, t) => [...e, {
+			case "element": return Object.values(S.flat).reduce((e, t) => [...e, {
 				value: t.id,
-				label: i(t, "definition.label")
+				label: a(t, "definition.label")
 			}], []);
 			case "segment": return new Promise((e) => {
-				v().then((t) => {
-					e(i(t, "edges", []).map((e) => ({
+				_().then((t) => {
+					e(a(t, "edges", []).map((e) => ({
 						value: e.identifier,
-						label: i(e, "definition.name", e.id)
+						label: a(e, "definition.name", e.id)
 					})));
 				});
 			});
 			default: return [];
 		}
 	}, [
-		C,
+		S,
 		l,
-		v
-	]), T = n(() => {
+		_
+	]), w = n(() => {
 		if (!u) return [];
 		switch (l) {
 			case "segment": {
-				let e = i(i(g, u), "definition.baseElementId");
-				return C?.flat ? Object.values(C.flat).filter((t) => i(t, "definition.type", "") === "container" && i(t, "definition.rootId", "") === e && Array.isArray(i(t, "definition.items")) && i(t, "definition.items", []).length === 0).map((e) => ({
+				let e = a(a(h, u), "definition.baseElementId");
+				return S?.flat ? Object.values(S.flat).filter((t) => a(t, "definition.type", "") === "container" && a(t, "definition.rootId", "") === e && Array.isArray(a(t, "definition.items")) && a(t, "definition.items", []).length === 0).map((e) => ({
 					value: e.id,
-					label: i(e, "definition.label")
+					label: a(e, "definition.label")
 				})) : [];
 			}
 			default: return [];
@@ -65,32 +65,32 @@ var l = ({ referenceType: l = "element", referenceId: u = "", referenceContainer
 	}, [
 		u,
 		l,
-		g,
-		C?.flat
+		h,
+		S?.flat
 	]);
 	return /* @__PURE__ */ s("div", {
 		className: "flex h-full flex-col py-2",
 		children: [
 			/* @__PURE__ */ o(c, {
 				value: l,
-				onChange: y,
+				onChange: v,
 				placeholder: "Search...",
 				label: "Reference Type",
-				options: S
+				options: x
 			}),
 			/* @__PURE__ */ o(c, {
 				value: u,
 				label: "Reference ID",
-				onChange: b,
+				onChange: y,
 				placeholder: "Search...",
-				options: w
+				options: C
 			}),
 			l === "segment" && /* @__PURE__ */ o(c, {
 				value: d,
 				label: "Reference Container",
 				placeholder: "None",
-				onChange: x,
-				options: T
+				onChange: b,
+				options: w
 			})
 		]
 	});

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

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

package/dist/elements/basic/Button/Button.d.ts

@@ -8,9 +8,9 @@ export type ButtonProps = {
     subType?: 'button' | 'submit' | 'reset';
     disabled?: boolean;
 };
-declare const Button: ({ ref, className, children, contentPlacement, content, subType, disabled }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+declare const Button: ({ ref, className, children, contentPlacement, content, subType, disabled }: ButtonProps) => import("react").JSX.Element;
 declare const _default: {
-    (props: import('../../../Element/hocs/withElement').WithElementProps<ButtonProps>): import("react/jsx-runtime").JSX.Element;
+    (props: import('../../../Element/hocs/withElement').WithElementProps<ButtonProps>): import("react").JSX.Element;
     displayName: string;
 };
 export default _default;

package/dist/elements/basic/Button/Button.mjs

@@ -1,17 +1,18 @@
-import e from "../../../Element/RootElement.mjs";
-import t from "../../../Element/hocs/withElement.mjs";
-import { useMemo as n } from "react";
-import r from "@plitzi/sdk-shared/hooks/usePlitziServiceContext";
-import { jsxs as i } from "react/jsx-runtime";
-import a from "clsx";
-import o from "@plitzi/sdk-shared/elements/hooks/useElement";
-var s = t(({ ref: t, className: s = "", children: c, contentPlacement: l = "after", content: u = "Button", subType: d = "button", disabled: f = !1 }) => {
-	let { definition: { label: p } } = o(), { settings: { previewMode: m } } = r(), h = n(() => typeof u == "string" ? u : p, [u, p]);
-	return /* @__PURE__ */ i(e, {
-		ref: t,
+import e from "../../../Element/hooks/useElement.mjs";
+import { RootElement as t } from "../../../Element/RootElement.mjs";
+import n from "../../../Element/hocs/withElement.mjs";
+import { useMemo as r } from "react";
+import i from "@plitzi/sdk-shared/hooks/usePlitziServiceContext";
+import { jsxs as a } from "react/jsx-runtime";
+import o from "clsx";
+//#region src/elements/basic/Button/Button.tsx
+var s = ({ ref: n, className: s = "", children: c, contentPlacement: l = "after", content: u = "Button", subType: d = "button", disabled: f = !1 }) => {
+	let { definition: { label: p } } = e(), { settings: { previewMode: m } } = i(), h = r(() => typeof u == "string" ? u : p, [u, p]);
+	return /* @__PURE__ */ a(t, {
+		ref: n,
 		tag: "button",
 		type: m ? d : "button",
-		className: a("plitzi-component__button", s, { "container--empty--skip": !m && !c && u }),
+		className: o("plitzi-component__button", s, { "container--empty--skip": !m && !c && u }),
 		disabled: f,
 		"aria-label": h,
 		children: [
@@ -20,6 +21,6 @@ var s = t(({ ref: t, className: s = "", children: c, contentPlacement: l = "afte
 			l === "after" && u
 		]
 	});
-});
+}, c = n(s);
 //#endregion
-export { s as default };
+export { s as Button, c as default };

package/dist/elements/basic/Button/Settings.d.ts

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

package/dist/elements/basic/Button/index.d.ts

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

package/dist/elements/basic/Dropdown/Dropdown.d.ts

@@ -12,9 +12,9 @@ export type DropdownProps = {
     containerLeftOffset?: number;
     disabled?: boolean;
 };
-declare const Dropdown: ({ ref, children, className, popupPlacement, openPopup, backgroundDisabled, closeOnClickBackground, closeOnClickPopup, containerTopOffset, containerLeftOffset, disabled }: DropdownProps) => import("react/jsx-runtime").JSX.Element;
+declare const Dropdown: ({ ref, children, className, popupPlacement, openPopup, backgroundDisabled, closeOnClickBackground, closeOnClickPopup, containerTopOffset, containerLeftOffset, disabled }: DropdownProps) => import("react").JSX.Element;
 declare const _default: {
-    (props: import('../../../Element/hocs/withElement').WithElementProps<DropdownProps>): import("react/jsx-runtime").JSX.Element;
+    (props: import('../../../Element/hocs/withElement').WithElementProps<DropdownProps>): import("react").JSX.Element;
     displayName: string;
 };
 export default _default;

package/dist/elements/basic/Dropdown/Dropdown.mjs

@@ -1,25 +1,26 @@
-import e from "../../../Element/RootElement.mjs";
-import t from "./DropdownContext.mjs";
-import n from "./useDropdown.mjs";
-import r from "../../../Element/hocs/withElement.mjs";
-import { useCallback as i, useMemo as a, useRef as o } from "react";
-import s from "@plitzi/sdk-shared/hooks/usePlitziServiceContext";
-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 = r(({ ref: r, children: f, className: p = "", popupPlacement: m = "bottom", openPopup: h = !1, backgroundDisabled: g = !1, closeOnClickBackground: _ = !0, closeOnClickPopup: v = !0, containerTopOffset: y = 5, containerLeftOffset: b = 5, disabled: x = !1 }) => {
-	let { setElementState: S, definition: { styleSelectors: C } } = d(), { settings: { previewMode: w }, utils: { getWindow: T } } = s(), E = o(null), D = o(null), O = a(() => T(), [T]), k = i((e) => {
+import e from "../../../Element/hooks/useElement.mjs";
+import { RootElement as t } from "../../../Element/RootElement.mjs";
+import n from "./DropdownContext.mjs";
+import r from "./useDropdown.mjs";
+import i from "../../../Element/hocs/withElement.mjs";
+import { useCallback as a, useMemo as o, useRef as s } from "react";
+import c from "@plitzi/sdk-shared/hooks/usePlitziServiceContext";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import d from "clsx";
+//#region src/elements/basic/Dropdown/Dropdown.tsx
+var f = ({ ref: i, children: f, className: p = "", popupPlacement: m = "bottom", openPopup: h = !1, backgroundDisabled: g = !1, closeOnClickBackground: _ = !0, closeOnClickPopup: v = !0, containerTopOffset: y = 5, containerLeftOffset: b = 5, disabled: x = !1 }) => {
+	let { setElementState: S, definition: { styleSelectors: C } } = e(), { settings: { previewMode: w }, utils: { getWindow: T } } = c(), E = s(null), D = s(null), O = o(() => T(), [T]), k = a((e) => {
 		_ && (e.stopPropagation(), e.preventDefault(), S((e) => ({
 			...e,
 			openPopup: !1
 		})));
-	}, [_, S]), A = i((e) => {
+	}, [_, S]), A = a((e) => {
 		S((t) => ({
 			...t,
 			openPopup: e
 		}));
-	}, [S]), [, , j, M, , N] = n({
-		ref: r,
+	}, [S]), [, , j, M, , N] = r({
+		ref: i,
 		popupRef: E,
 		open: h,
 		disabled: !w || x,
@@ -29,7 +30,7 @@ var f = r(({ ref: r, children: f, className: p = "", popupPlacement: m = "bottom
 		offsetY: y,
 		myWindow: O,
 		onChange: A
-	}), P = a(() => ({
+	}), P = o(() => ({
 		popupRef: E,
 		openPopup: h,
 		parameters: N,
@@ -39,19 +40,19 @@ var f = r(({ ref: r, children: f, className: p = "", popupPlacement: m = "bottom
 		h,
 		N
 	]);
-	return /* @__PURE__ */ l(e, {
-		ref: r,
-		className: u("plitzi-component__dropdown", p, { "container--empty--skip": !w && !f }),
+	return /* @__PURE__ */ u(t, {
+		ref: i,
+		className: d("plitzi-component__dropdown", p, { "container--empty--skip": !w && !f }),
 		onClick: j,
-		children: [/* @__PURE__ */ c(t, {
+		children: [/* @__PURE__ */ l(n, {
 			value: P,
 			children: f
-		}), h && g && w && /* @__PURE__ */ c("div", {
+		}), h && g && w && /* @__PURE__ */ l("div", {
 			ref: D,
-			className: u("plitzi-component__dropdown__background-container", C.backgroundContainer),
+			className: d("plitzi-component__dropdown__background-container", C.backgroundContainer),
 			onClick: k
 		})]
 	});
-});
+}, p = i(f);
 //#endregion
-export { f as default };
+export { f as Dropdown, p as default };

package/dist/elements/basic/Dropdown/DropdownPopup/DropdownPopup.d.ts

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

package/dist/elements/basic/Dropdown/DropdownPopup/DropdownPopup.mjs

@@ -1,10 +1,11 @@
-import e from "../../../../Element/RootElement.mjs";
+import { RootElement as e } from "../../../../Element/RootElement.mjs";
 import t from "../DropdownContext.mjs";
 import n from "../../../../Element/hocs/withElement.mjs";
 import { use as r, useImperativeHandle as i } from "react";
 import { jsx as a } from "react/jsx-runtime";
 import o from "clsx";
-var s = n(({ ref: n, className: s = "", children: c }) => {
+//#region src/elements/basic/Dropdown/DropdownPopup/DropdownPopup.tsx
+var s = ({ ref: n, className: s = "", children: c }) => {
 	let { popupRef: l, openPopup: u, parameters: d, onClick: f } = r(t);
 	return i(n, () => l.current ?? null, [l]), /* @__PURE__ */ a(e, {
 		ref: l,
@@ -13,6 +14,6 @@ var s = n(({ ref: n, className: s = "", children: c }) => {
 		onClick: f,
 		children: c
 	});
-});
+}, c = n(s);
 //#endregion
-export { s as default };
+export { s as DropdownPopup, c as default };

package/dist/elements/basic/Dropdown/DropdownPopup/Settings.d.ts

@@ -1,2 +1,2 @@
-declare const Settings: () => import("react/jsx-runtime").JSX.Element;
+declare const Settings: () => import("react").JSX.Element;
 export default Settings;