@plitzi/sdk-elements 0.38.11 → 0.38.13

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

@@ -7,34 +7,21 @@ var t = e()({
 		attributes: {},
 		definition: {
 			label: "Dropdown Popup",
-			type: "dropdownPopup",
 			description: "The floating panel revealed by a dropdown.",
 			items: [],
-			bindings: {},
-			styleSelectors: { base: "" },
 			initialState: {}
 		},
 		builder: {
 			canDelete: !1,
-			canSelect: !0,
 			canDragDrop: !1,
 			canMove: !1,
-			canSnippet: !1,
-			itemsAllowed: [],
-			itemsNotAllowed: []
+			canSnippet: !1
 		},
 		market: {
 			category: "basic",
-			owner: "Plitzi",
-			verified: !0,
-			license: "MIT",
-			website: "https://plitzi.com",
-			backgroundColor: "#4422ee",
 			icon: "fa-regular fa-window-restore"
 		},
 		defaultStyle: {
-			name: "Dropdown Popup",
-			displayMode: "desktop",
 			style: { base: { default: {
 				"background-color": "light-dark(white, oklch(0.21 0.006 285.885))",
 				"min-height": "24px",
@@ -54,8 +41,7 @@ var t = e()({
 				"z-index": 100
 			} } },
 			subTypes: {}
-		},
-		settings: {}
+		}
 	},
 	initialItems: []
 });

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

@@ -8,36 +8,21 @@ declare const DropdownPopup: {
         readonly attributes: {};
         readonly definition: {
             readonly label: "Dropdown Popup";
-            readonly type: "dropdownPopup";
             readonly description: "The floating panel revealed by a dropdown.";
-            readonly items: readonly [];
-            readonly bindings: {};
-            readonly styleSelectors: {
-                readonly base: "";
-            };
+            readonly items: [];
             readonly initialState: {};
         };
         readonly builder: {
             readonly canDelete: false;
-            readonly canSelect: true;
             readonly canDragDrop: false;
             readonly canMove: false;
             readonly canSnippet: false;
-            readonly itemsAllowed: readonly [];
-            readonly itemsNotAllowed: readonly [];
         };
         readonly market: {
             readonly category: "basic";
-            readonly owner: "Plitzi";
-            readonly verified: true;
-            readonly license: "MIT";
-            readonly website: "https://plitzi.com";
-            readonly backgroundColor: "#4422ee";
             readonly icon: "fa-regular fa-window-restore";
         };
         readonly defaultStyle: {
-            readonly name: "Dropdown Popup";
-            readonly displayMode: "desktop";
             readonly style: {
                 readonly base: {
                     readonly default: {
@@ -62,8 +47,9 @@ declare const DropdownPopup: {
             };
             readonly subTypes: {};
         };
-        readonly settings: {};
     };
     readonly initialItems: readonly [];
+} & {
+    content: import('@plitzi/sdk-shared/authoring/declare').ElementContentDefaults;
 } & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<unknown>;
 export default DropdownPopup;

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

@@ -2,7 +2,7 @@ import { DropdownProps } from './Dropdown';
 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 DropdownAttributes = AuthorableAttributes<DropdownProps>;
-declare const declaration: {
+declare const declaration: import('@plitzi/sdk-shared/authoring/declare').DeclaredElement<{
     readonly type: "dropdown";
     readonly attributeValues: {
         readonly popupPlacement: readonly string[];
@@ -20,39 +20,17 @@ declare const declaration: {
         };
         readonly definition: {
             readonly label: "Dropdown";
-            readonly type: "dropdown";
             readonly description: "A trigger that toggles an attached popup panel (dropdownPopup) — menus, selects, flyouts.";
-            readonly items: readonly [];
-            readonly bindings: {};
+            readonly items: [];
             readonly styleSelectors: {
-                readonly base: "";
                 readonly backgroundContainer: "";
             };
-            readonly initialState: {
-                readonly visibility: true;
-            };
-        };
-        readonly builder: {
-            readonly canDelete: true;
-            readonly canSelect: true;
-            readonly canDragDrop: true;
-            readonly canMove: true;
-            readonly canSnippet: true;
-            readonly itemsAllowed: readonly [];
-            readonly itemsNotAllowed: readonly [];
         };
         readonly market: {
             readonly category: "basic";
-            readonly owner: "Plitzi";
-            readonly verified: true;
-            readonly license: "MIT";
-            readonly website: "https://plitzi.com";
-            readonly backgroundColor: "#4422ee";
             readonly icon: "fa-solid fa-angle-down";
         };
         readonly defaultStyle: {
-            readonly name: "Dropdown";
-            readonly displayMode: "desktop";
             readonly style: {
                 readonly base: {
                     readonly default: {
@@ -73,10 +51,9 @@ declare const declaration: {
                 };
             };
         };
-        readonly settings: {};
     };
     readonly initialItems: readonly ["dropdownPopup"];
-} & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<Partial<{
+}, Partial<{
     disabled?: boolean | undefined;
     closeOnClickPopup?: boolean | undefined;
     popupPlacement?: "left" | "right" | "top" | "bottom" | undefined;

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

@@ -21,54 +21,29 @@ var n = e()({
 		},
 		definition: {
 			label: "Dropdown",
-			type: "dropdown",
 			description: "A trigger that toggles an attached popup panel (dropdownPopup) — menus, selects, flyouts.",
 			items: [],
-			bindings: {},
-			styleSelectors: {
-				base: "",
-				backgroundContainer: ""
-			},
-			initialState: { visibility: !0 }
-		},
-		builder: {
-			canDelete: !0,
-			canSelect: !0,
-			canDragDrop: !0,
-			canMove: !0,
-			canSnippet: !0,
-			itemsAllowed: [],
-			itemsNotAllowed: []
+			styleSelectors: { backgroundContainer: "" }
 		},
 		market: {
 			category: "basic",
-			owner: "Plitzi",
-			verified: !0,
-			license: "MIT",
-			website: "https://plitzi.com",
-			backgroundColor: "#4422ee",
 			icon: "fa-solid fa-angle-down"
 		},
-		defaultStyle: {
-			name: "Dropdown",
-			displayMode: "desktop",
-			style: {
-				base: { default: {
-					cursor: "pointer",
-					"user-select": "none"
-				} },
-				backgroundContainer: { default: {
-					top: 0,
-					bottom: 0,
-					left: 0,
-					right: 0,
-					position: "fixed",
-					cursor: "default",
-					"z-index": 50
-				} }
-			}
-		},
-		settings: {}
+		defaultStyle: { style: {
+			base: { default: {
+				cursor: "pointer",
+				"user-select": "none"
+			} },
+			backgroundContainer: { default: {
+				top: 0,
+				bottom: 0,
+				left: 0,
+				right: 0,
+				position: "fixed",
+				cursor: "default",
+				"z-index": 50
+			} }
+		} }
 	},
 	initialItems: ["dropdownPopup"]
 });

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

@@ -13,36 +13,21 @@ declare const Dropdown: {
                 readonly attributes: {};
                 readonly definition: {
                     readonly label: "Dropdown Popup";
-                    readonly type: "dropdownPopup";
                     readonly description: "The floating panel revealed by a dropdown.";
-                    readonly items: readonly [];
-                    readonly bindings: {};
-                    readonly styleSelectors: {
-                        readonly base: "";
-                    };
+                    readonly items: [];
                     readonly initialState: {};
                 };
                 readonly builder: {
                     readonly canDelete: false;
-                    readonly canSelect: true;
                     readonly canDragDrop: false;
                     readonly canMove: false;
                     readonly canSnippet: false;
-                    readonly itemsAllowed: readonly [];
-                    readonly itemsNotAllowed: readonly [];
                 };
                 readonly market: {
                     readonly category: "basic";
-                    readonly owner: "Plitzi";
-                    readonly verified: true;
-                    readonly license: "MIT";
-                    readonly website: "https://plitzi.com";
-                    readonly backgroundColor: "#4422ee";
                     readonly icon: "fa-regular fa-window-restore";
                 };
                 readonly defaultStyle: {
-                    readonly name: "Dropdown Popup";
-                    readonly displayMode: "desktop";
                     readonly style: {
                         readonly base: {
                             readonly default: {
@@ -67,9 +52,10 @@ declare const Dropdown: {
                     };
                     readonly subTypes: {};
                 };
-                readonly settings: {};
             };
             readonly initialItems: readonly [];
+        } & {
+            content: import('@plitzi/sdk-shared/authoring/declare').ElementContentDefaults;
         } & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<unknown>;
     };
     type: "dropdown";
@@ -89,39 +75,17 @@ declare const Dropdown: {
         };
         readonly definition: {
             readonly label: "Dropdown";
-            readonly type: "dropdown";
             readonly description: "A trigger that toggles an attached popup panel (dropdownPopup) — menus, selects, flyouts.";
-            readonly items: readonly [];
-            readonly bindings: {};
+            readonly items: [];
             readonly styleSelectors: {
-                readonly base: "";
                 readonly backgroundContainer: "";
             };
-            readonly initialState: {
-                readonly visibility: true;
-            };
-        };
-        readonly builder: {
-            readonly canDelete: true;
-            readonly canSelect: true;
-            readonly canDragDrop: true;
-            readonly canMove: true;
-            readonly canSnippet: true;
-            readonly itemsAllowed: readonly [];
-            readonly itemsNotAllowed: readonly [];
         };
         readonly market: {
             readonly category: "basic";
-            readonly owner: "Plitzi";
-            readonly verified: true;
-            readonly license: "MIT";
-            readonly website: "https://plitzi.com";
-            readonly backgroundColor: "#4422ee";
             readonly icon: "fa-solid fa-angle-down";
         };
         readonly defaultStyle: {
-            readonly name: "Dropdown";
-            readonly displayMode: "desktop";
             readonly style: {
                 readonly base: {
                     readonly default: {
@@ -142,8 +106,7 @@ declare const Dropdown: {
                 };
             };
         };
-        readonly settings: {};
-    };
+    } & import('@plitzi/sdk-shared/authoring/declare').ElementContentDefaults;
     initialItems: readonly ["dropdownPopup"];
     __attributes: Partial<{
         disabled?: boolean | undefined;

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

@@ -2,36 +2,30 @@ import { useCallback as e, useEffect as t, useMemo as n, useState as r } from "r
 import i from "@plitzi/plitzi-ui/hooks/useDidUpdateEffect";
 //#region src/elements/basic/Dropdown/useDropdown.ts
 var a = ({ ref: a, popupRef: o, open: s, placement: c = "bottom", disabled: l = !1, loading: u = !1, closeOnClickPopup: d = !0, closeOnClickOutside: f = !1, offsetX: p = 0, offsetY: m = 0, myWindow: h, onChange: g }) => {
-	let [_, v] = r(s ?? !1), [y, b] = r(() => a?.current?.getBoundingClientRect()), x = n(() => h || (typeof window < "u" ? window : null), [h]), S = e((e) => {
-		if (!(l || u || e.target instanceof Node && o?.current?.contains(e.target))) {
-			if (e.stopPropagation(), e.preventDefault(), s !== void 0) {
-				g?.(!_, !1);
-				return;
-			}
-			g?.(!_, !0), v((e) => !e);
+	let [_, v] = r(s ?? !1), [y, b] = r(() => a?.current?.getBoundingClientRect()), x = n(() => h || (typeof window < "u" ? window : null), [h]), S = e(() => {
+		if (s !== void 0) {
+			g?.(!_, !1);
+			return;
 		}
+		g?.(!_, !0), v((e) => !e);
 	}, [
-		l,
-		u,
 		g,
 		_,
-		s,
-		o
+		s
 	]), C = e((e) => {
-		if (!(l || u || !d)) {
-			if (e.stopPropagation(), e.preventDefault(), s !== void 0) {
-				g?.(!_, !1);
-				return;
-			}
-			g?.(!_, !0), v((e) => !e);
-		}
+		l || u || e.target instanceof Node && o?.current?.contains(e.target) || (e.stopPropagation(), e.preventDefault(), S());
+	}, [
+		l,
+		u,
+		o,
+		S
+	]), w = e((e) => {
+		l || u || !d || (e.stopPropagation(), e.preventDefault(), S());
 	}, [
 		d,
 		l,
 		u,
-		g,
-		_,
-		s
+		S
 	]);
 	t(() => {
 		let e = a?.current;
@@ -41,7 +35,7 @@ var a = ({ ref: a, popupRef: o, open: s, placement: c = "bottom", disabled: l =
 			n?.disconnect(), window.removeEventListener("scroll", t, !0), window.removeEventListener("resize", t);
 		};
 	}, [_, a]);
-	let w = e((e) => {
+	let T = e((e) => {
 		e.key === "Escape" && (g?.(!_, s !== void 0), v((e) => !e));
 	}, [
 		g,
@@ -65,15 +59,15 @@ var a = ({ ref: a, popupRef: o, open: s, placement: c = "bottom", disabled: l =
 		g,
 		s
 	]), t(() => {
-		if (_ && !l) return window.addEventListener("keydown", w), () => {
-			window.removeEventListener("keydown", w);
+		if (_ && !l) return window.addEventListener("keydown", T), () => {
+			window.removeEventListener("keydown", T);
 		};
 	}, [
 		_,
-		w,
+		T,
 		l
 	]);
-	let T = e((e) => {
+	let E = e((e) => {
 		if (!y || !x) return;
 		let t = x.innerWidth, n = x.innerHeight, r = 0, i = 0;
 		switch (c) {
@@ -107,18 +101,18 @@ var a = ({ ref: a, popupRef: o, open: s, placement: c = "bottom", disabled: l =
 	}, [s]), [
 		_,
 		v,
-		S,
 		C,
+		w,
 		y,
 		n(() => {
 			if (!_ || !a?.current || !o?.current) return;
 			let e = o.current.getBoundingClientRect();
-			return T(e);
+			return E(e);
 		}, [
 			_,
 			a,
 			o,
-			T
+			E
 		])
 	];
 };

package/dist/elements/basic/Heading/Heading.mjs

@@ -1,24 +1,22 @@
 import e from "../../../Element/hocs/withElement.mjs";
-import t from "../../../Element/hooks/useElement.mjs";
-import { RootElement as n } from "../../../Element/RootElement.mjs";
-import { use as r, useCallback as i, useMemo as a } from "react";
-import o from "@plitzi/sdk-shared/hooks/usePlitziServiceContext";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
-import l from "clsx";
-import u from "@plitzi/plitzi-ui/ContentEditable";
+import { RootElement as t } from "../../../Element/RootElement.mjs";
+import n from "../../../Element/hooks/useEditableContent.mjs";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import a from "clsx";
+import o from "@plitzi/plitzi-ui/ContentEditable";
 //#region src/elements/basic/Heading/Heading.tsx
-var d = ({ ref: e, className: d = "", content: f = "Heading", subType: p = "h1" }) => {
-	let { id: m } = t(), { settings: { previewMode: h }, contexts: { BuilderContext: g } } = o(), _ = g ? r(g) : void 0, v = a(() => typeof f != "string" && typeof f != "number" ? JSON.stringify(f) : !f && f !== "" && !h ? "Heading" : f, [f, h]), y = i((e) => !h && _?.updateElement(m, "content", e), [_?.updateElement, m]);
-	return /* @__PURE__ */ c(n, {
+var s = ({ ref: e, className: s = "", content: c = "Heading", subType: l = "h1" }) => {
+	let { previewMode: u, text: d, handleChange: f } = n(c);
+	return /* @__PURE__ */ i(t, {
 		ref: e,
-		tag: h ? p : "div",
-		className: l("plitzi-component__heading", { [`plitzi-component__heading-${p}`]: p }, d),
-		children: [h && v, !h && /* @__PURE__ */ s(u, {
-			value: v,
-			onChange: y,
+		tag: u ? l : "div",
+		className: a("plitzi-component__heading", { [`plitzi-component__heading-${l}`]: l }, s),
+		children: [u && d, !u && /* @__PURE__ */ r(o, {
+			value: d,
+			onChange: f,
 			openMode: "doubleClick"
 		})]
 	});
-}, f = e(d);
+}, c = e(s);
 //#endregion
-export { d as Heading, f as default };
+export { s as Heading, c as default };

package/dist/elements/basic/Heading/Settings.mjs

@@ -1,16 +1,16 @@
-import { useCallback as e } from "react";
+import e from "../../useSettingsUpdate.mjs";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 import r from "@plitzi/plitzi-ui/TextArea";
 import i from "@plitzi/plitzi-ui/Select";
 //#region src/elements/basic/Heading/Settings.tsx
 var a = ({ subType: a = "h1", content: o = "", onUpdate: s }) => {
-	let c = e((e) => (t) => s?.(e, t), [s]);
+	let c = e(s);
 	return /* @__PURE__ */ n("div", {
 		className: "flex h-full flex-col gap-4 py-2",
 		children: [/* @__PURE__ */ n(i, {
 			value: a,
 			label: "Heading Tag",
-			onChange: c("subType"),
+			onChange: c.text("subType"),
 			size: "xs",
 			children: [
 				/* @__PURE__ */ t("option", {
@@ -41,7 +41,7 @@ var a = ({ subType: a = "h1", content: o = "", onUpdate: s }) => {
 		}), /* @__PURE__ */ t(r, {
 			value: o,
 			label: "Content",
-			onChange: c("content"),
+			onChange: c.text("content"),
 			size: "xs"
 		})]
 	});

package/dist/elements/basic/Heading/declaration.d.ts

@@ -2,7 +2,7 @@ import { HeadingProps } from './Heading';
 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 HeadingAttributes = AuthorableAttributes<HeadingProps>;
-declare const declaration: {
+declare const declaration: import('@plitzi/sdk-shared/authoring/declare').DeclaredElement<{
     readonly type: "heading";
     readonly attributeValues: {
         readonly subType: readonly string[];
@@ -14,37 +14,13 @@ declare const declaration: {
         };
         readonly definition: {
             readonly label: "Heading";
-            readonly type: "heading";
             readonly description: "A section heading (<h1>–<h6>) for titles and document hierarchy.";
-            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 canSnippet: true;
-            readonly itemsAllowed: readonly [];
-            readonly itemsNotAllowed: readonly [];
         };
         readonly market: {
             readonly category: "basic";
-            readonly owner: "Plitzi";
-            readonly verified: true;
-            readonly license: "MIT";
-            readonly website: "https://plitzi.com";
-            readonly backgroundColor: "#4422ee";
             readonly icon: "fa-solid fa-heading";
         };
         readonly defaultStyle: {
-            readonly name: "Heading";
-            readonly displayMode: "desktop";
             readonly style: {
                 readonly base: {
                     readonly default: {
@@ -147,9 +123,8 @@ declare const declaration: {
                 };
             };
         };
-        readonly settings: {};
     };
-} & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<Partial<{
+}, Partial<{
     content?: string | undefined;
     subType?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | undefined;
 }>>;

package/dist/elements/basic/Heading/declaration.mjs

@@ -17,33 +17,13 @@ var n = e()({
 		},
 		definition: {
 			label: "Heading",
-			type: "heading",
-			description: "A section heading (<h1>–<h6>) for titles and document hierarchy.",
-			bindings: {},
-			styleSelectors: { base: "" },
-			initialState: { visibility: !0 }
-		},
-		builder: {
-			canDelete: !0,
-			canSelect: !0,
-			canDragDrop: !0,
-			canMove: !0,
-			canSnippet: !0,
-			itemsAllowed: [],
-			itemsNotAllowed: []
+			description: "A section heading (<h1>–<h6>) for titles and document hierarchy."
 		},
 		market: {
 			category: "basic",
-			owner: "Plitzi",
-			verified: !0,
-			license: "MIT",
-			website: "https://plitzi.com",
-			backgroundColor: "#4422ee",
 			icon: "fa-solid fa-heading"
 		},
 		defaultStyle: {
-			name: "Heading",
-			displayMode: "desktop",
 			style: { base: { default: {
 				"margin-top": "25px",
 				"margin-bottom": "25px",
@@ -117,8 +97,7 @@ var n = e()({
 					} } }
 				}
 			}
-		},
-		settings: {}
+		}
 	}
 });
 //#endregion

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

@@ -13,37 +13,13 @@ declare const Heading: {
         };
         readonly definition: {
             readonly label: "Heading";
-            readonly type: "heading";
             readonly description: "A section heading (<h1>–<h6>) for titles and document hierarchy.";
-            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 canSnippet: true;
-            readonly itemsAllowed: readonly [];
-            readonly itemsNotAllowed: readonly [];
         };
         readonly market: {
             readonly category: "basic";
-            readonly owner: "Plitzi";
-            readonly verified: true;
-            readonly license: "MIT";
-            readonly website: "https://plitzi.com";
-            readonly backgroundColor: "#4422ee";
             readonly icon: "fa-solid fa-heading";
         };
         readonly defaultStyle: {
-            readonly name: "Heading";
-            readonly displayMode: "desktop";
             readonly style: {
                 readonly base: {
                     readonly default: {
@@ -146,8 +122,9 @@ declare const Heading: {
                 };
             };
         };
-        readonly settings: {};
     };
+} & {
+    content: import('@plitzi/sdk-shared/authoring/declare').ElementContentDefaults;
 } & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<Partial<{
     content?: string | undefined;
     subType?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | undefined;