@plitzi/sdk-elements 0.38.10 → 0.38.12

package/dist/elements/structure/List/Settings.mjs

@@ -1,17 +1,17 @@
-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/Input";
 import i from "@plitzi/plitzi-ui/Select";
 //#region src/elements/structure/List/Settings.tsx
 var a = ({ subType: a = "ul", source: o = "none", itemKey: s = "", label: c = "", onUpdate: l }) => {
-	let u = e((e) => (t) => l?.(e, t), [l]);
+	let u = e(l);
 	return /* @__PURE__ */ n("div", {
 		className: "flex flex-col gap-4 py-2",
 		children: [
 			/* @__PURE__ */ n(i, {
 				label: "Source",
 				value: o,
-				onChange: u("source"),
+				onChange: u.text("source"),
 				size: "xs",
 				children: [/* @__PURE__ */ t("option", {
 					value: "none",
@@ -27,12 +27,12 @@ var a = ({ subType: a = "ul", source: o = "none", itemKey: s = "", label: c = ""
 				placeholder: "id",
 				value: s,
 				title: "The field of each item that names it, so a row stays with its item when the list is filtered.",
-				onChange: u("itemKey")
+				onChange: u.text("itemKey")
 			}),
 			/* @__PURE__ */ n(i, {
 				label: "List Type",
 				value: a,
-				onChange: u("subType"),
+				onChange: u.text("subType"),
 				size: "xs",
 				children: [/* @__PURE__ */ t("option", {
 					value: "ul",
@@ -46,7 +46,7 @@ var a = ({ subType: a = "ul", source: o = "none", itemKey: s = "", label: c = ""
 				value: c,
 				label: "List Name",
 				placeholder: "e.g. Kinds of capsule, Search results",
-				onChange: u("label"),
+				onChange: u.text("label"),
 				size: "xs"
 			})
 		]

package/dist/elements/structure/List/declaration.d.ts

@@ -2,7 +2,7 @@ import { ListProps } from './List';
 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 ListAttributes = AuthorableAttributes<ListProps>;
-declare const declaration: {
+declare const declaration: import('@plitzi/sdk-shared/authoring/declare').DeclaredElement<{
     readonly type: "list";
     readonly attributeValues: {
         readonly subType: readonly string[];
@@ -17,38 +17,14 @@ declare const declaration: {
         };
         readonly definition: {
             readonly label: "List";
-            readonly type: "list";
             readonly description: string;
-            readonly items: readonly [];
-            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 items: [];
         };
         readonly market: {
             readonly category: "structure";
-            readonly owner: "Plitzi";
-            readonly verified: true;
-            readonly license: "MIT";
-            readonly website: "https://plitzi.com";
-            readonly backgroundColor: "#4422ee";
             readonly icon: "fa-solid fa-list";
         };
         readonly defaultStyle: {
-            readonly name: "List";
-            readonly displayMode: "desktop";
             readonly style: {
                 readonly base: {
                     readonly default: {
@@ -87,10 +63,9 @@ declare const declaration: {
                 };
             };
         };
-        readonly settings: {};
     };
     readonly initialItems: readonly ["listItem", "listItem", "listItem"];
-} & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<Partial<{
+}, Partial<{
     source?: "none" | "controlled" | undefined;
     label?: string | undefined;
     items?: unknown[] | undefined;

package/dist/elements/structure/List/declaration.mjs

@@ -15,34 +15,14 @@ var n = e()({
 		},
 		definition: {
 			label: "List",
-			type: "list",
 			description: "Repeats a template (its row: a listItem, or a container with subType \"li\") once per entry of a data array — the way to render a dynamic collection, as a <ul> (subType \"ol\" for a numbered one). Bind its items to a data source (e.g. an apiContainer response).",
-			items: [],
-			bindings: {},
-			styleSelectors: { base: "" },
-			initialState: { visibility: !0 }
-		},
-		builder: {
-			canDelete: !0,
-			canSelect: !0,
-			canDragDrop: !0,
-			canMove: !0,
-			canSnippet: !0,
-			itemsAllowed: [],
-			itemsNotAllowed: []
+			items: []
 		},
 		market: {
 			category: "structure",
-			owner: "Plitzi",
-			verified: !0,
-			license: "MIT",
-			website: "https://plitzi.com",
-			backgroundColor: "#4422ee",
 			icon: "fa-solid fa-list"
 		},
 		defaultStyle: {
-			name: "List",
-			displayMode: "desktop",
 			style: { base: { default: {
 				"margin-top": "0px",
 				"margin-bottom": "10px",
@@ -68,8 +48,7 @@ var n = e()({
 					} } }
 				}
 			}
-		},
-		settings: {}
+		}
 	},
 	initialItems: [
 		"listItem",

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

@@ -12,46 +12,26 @@ declare const List: {
                 readonly attributes: {};
                 readonly definition: {
                     readonly label: "List Item";
-                    readonly type: "listItem";
                     readonly description: "The List Item element lets you add more items to existing List elements. You can then add any content you would like to them, including links, images, etc.";
-                    readonly items: readonly [];
-                    readonly bindings: {};
-                    readonly styleSelectors: {
-                        readonly base: "";
-                    };
-                    readonly initialState: {
-                        readonly visibility: true;
-                    };
+                    readonly items: [];
                 };
                 readonly builder: {
-                    readonly canDelete: true;
-                    readonly canSelect: true;
-                    readonly canDragDrop: true;
-                    readonly canMove: true;
-                    readonly canSnippet: true;
-                    readonly itemsAllowed: readonly [];
-                    readonly itemsNotAllowed: readonly ["listItem"];
+                    readonly itemsNotAllowed: ["listItem"];
                 };
                 readonly market: {
                     readonly category: "structure";
-                    readonly owner: "Plitzi";
-                    readonly verified: true;
-                    readonly license: "MIT";
-                    readonly website: "https://plitzi.com";
-                    readonly backgroundColor: "#4422ee";
                     readonly icon: "fa-solid fa-grip-lines";
                 };
                 readonly defaultStyle: {
-                    readonly name: "List Item";
-                    readonly displayMode: "desktop";
                     readonly style: {
                         readonly base: {
                             readonly default: {};
                         };
                     };
                 };
-                readonly settings: {};
             };
+        } & {
+            content: import('@plitzi/sdk-shared/authoring/declare').ElementContentDefaults;
         } & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<unknown>;
     };
     type: "list";
@@ -68,38 +48,14 @@ declare const List: {
         };
         readonly definition: {
             readonly label: "List";
-            readonly type: "list";
             readonly description: string;
-            readonly items: readonly [];
-            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 items: [];
         };
         readonly market: {
             readonly category: "structure";
-            readonly owner: "Plitzi";
-            readonly verified: true;
-            readonly license: "MIT";
-            readonly website: "https://plitzi.com";
-            readonly backgroundColor: "#4422ee";
             readonly icon: "fa-solid fa-list";
         };
         readonly defaultStyle: {
-            readonly name: "List";
-            readonly displayMode: "desktop";
             readonly style: {
                 readonly base: {
                     readonly default: {
@@ -138,8 +94,7 @@ declare const List: {
                 };
             };
         };
-        readonly settings: {};
-    };
+    } & import('@plitzi/sdk-shared/authoring/declare').ElementContentDefaults;
     initialItems: readonly ["listItem", "listItem", "listItem"];
     __attributes: Partial<{
         source?: "none" | "controlled" | undefined;

package/dist/elements/structure/List/modes/ListControlled/ListControlled.mjs

@@ -1,26 +1,27 @@
 import e from "../../declaration.mjs";
 import t from "../../../../../Element/hooks/useElement.mjs";
 import { RootElement as n } from "../../../../../Element/RootElement.mjs";
-import { rowKeys as r } from "./rowKeys.mjs";
-import i from "./ListControlledItem.mjs";
-import { useCallback 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 { StoreProvider as l } from "@plitzi/nexus/react";
-import { emptyObject as u, getPathsFromObeject as d } from "@plitzi/sdk-shared/helpers/utils";
+import r from "../../../../../dataSource/sourceStore.mjs";
+import { rowKeys as i } from "./rowKeys.mjs";
+import a from "./ListControlledItem.mjs";
+import { useCallback as o, useMemo as s } from "react";
+import c from "@plitzi/sdk-shared/hooks/usePlitzi";
+import { get as l } from "@plitzi/plitzi-ui/helpers";
+import { StoreProvider as u } from "@plitzi/nexus/react";
+import { getPathsFromObject as d } from "@plitzi/sdk-shared/helpers/utils";
 import { jsx as f, jsxs as p } from "react/jsx-runtime";
 import m from "clsx";
 import h from "@plitzi/sdk-shared/dataSource/helpers/getSourceName";
 import g from "@plitzi/sdk-shared/dataSource/hooks/useRegisterSource";
 //#region src/elements/structure/List/modes/ListControlled/ListControlled.tsx
 var _ = ({ ref: _, className: v = "", subType: y = "ul", children: b, items: x = [], itemKey: S, label: C = "" }) => {
-	let { id: w, definition: { label: T } } = t(), E = h(e.sourceType, w), { settings: { previewMode: D } } = s(), O = o(() => Array.isArray(x) ? x : [], [x]), k = o(() => r(O, S), [O, S]), A = a(() => d({
-		item: c(O, "0", {}),
+	let { id: w, definition: { label: T } } = t(), E = h(e.sourceType, w), { settings: { previewMode: D } } = c(), O = s(() => Array.isArray(x) ? x : [], [x]), k = s(() => i(O, S), [O, S]), A = o(() => d({
+		item: l(O, "0", {}),
 		index: 0
 	}).reduce((e, t) => [...e, {
 		path: t,
 		name: t
-	}], []), [O]), j = o(() => E ? { runtime: { sources: { [E]: { items: O } } } } : u, [E, O]);
+	}], []), [O]), j = s(() => r(E, { items: O }), [E, O]);
 	return g({
 		id: w,
 		source: E,
@@ -31,7 +32,7 @@ var _ = ({ ref: _, className: v = "", subType: y = "ul", children: b, items: x =
 		tag: y,
 		"aria-label": C || void 0,
 		className: m("plitzi-component__controlled-list", v, { "controlled-list--build-mode": !D }),
-		children: [/* @__PURE__ */ f(l, {
+		children: [/* @__PURE__ */ f(u, {
 			inherit: "live",
 			name: `List:${w}`,
 			value: j,
@@ -41,7 +42,7 @@ var _ = ({ ref: _, className: v = "", subType: y = "ul", children: b, items: x =
 					className: "controlled-list-item__counter",
 					children: `List Item - ${t + 1}`
 				})
-			}, t) : /* @__PURE__ */ f(i, {
+			}, t) : /* @__PURE__ */ f(a, {
 				index: t,
 				isTemplate: t !== 0 && !D,
 				record: e,

package/dist/elements/structure/List/modes/ListControlled/ListControlledItem.mjs

@@ -1,19 +1,19 @@
 import e from "../../../../../Element/ReplicaProvider.mjs";
-import { useId as t, useMemo as n } from "react";
-import { StoreProvider as r } from "@plitzi/nexus/react";
-import { emptyObject as i } from "@plitzi/sdk-shared/helpers/utils";
+import t from "../../../../../dataSource/sourceStore.mjs";
+import { useId as n, useMemo as r } from "react";
+import { StoreProvider as i } from "@plitzi/nexus/react";
 import { jsx as a, jsxs as o } from "react/jsx-runtime";
 import s from "clsx";
 //#region src/elements/structure/List/modes/ListControlled/ListControlledItem.tsx
 var c = ({ children: c, className: l = "", isTemplate: u = !1, index: d = 0, record: f, source: p = "" }) => {
-	let m = t(), h = n(() => p ? { runtime: { sources: { [p]: {
+	let m = n(), h = r(() => t(p, {
 		item: f,
 		index: d
-	} } } } : i, [
+	}), [
 		p,
 		f,
 		d
-	]), g = /* @__PURE__ */ a(e, { children: /* @__PURE__ */ a(r, {
+	]), g = /* @__PURE__ */ a(e, { children: /* @__PURE__ */ a(i, {
 		inherit: "live",
 		name: `Row:${p}`,
 		segment: m,

package/dist/elements/structure/ModalContainer/ModalContainer.mjs

@@ -1,129 +1,35 @@
 import e from "./declaration.mjs";
 import t from "../../../Element/hocs/withElement.mjs";
-import n from "../../../Element/hooks/useElement.mjs";
-import { RootElement as r } from "../../../Element/RootElement.mjs";
-import i from "../../../dataSource/pathFields.mjs";
-import a from "./useModalDialog.mjs";
-import { metadataFromText as o } from "./metadataFromText.mjs";
-import { use as s, useCallback as c, useEffect as l, useMemo as u, useRef as d, useState as f } from "react";
-import p from "@plitzi/sdk-shared/hooks/usePlitziServiceContext";
-import { StoreProvider as m } from "@plitzi/nexus/react";
-import { emptyObject as h } from "@plitzi/sdk-shared/helpers/utils";
-import { jsx as g, jsxs as _ } from "react/jsx-runtime";
-import v from "clsx";
-import y from "@plitzi/sdk-shared/dataSource/helpers/getSourceName";
-import b from "@plitzi/sdk-shared/dataSource/hooks/useRegisterSource";
+import n from "../Overlay/OverlayShell.mjs";
+import r from "../Overlay/useOverlay.mjs";
+import { jsx as i } from "react/jsx-runtime";
 //#region src/elements/structure/ModalContainer/ModalContainer.tsx
-var x = ({ ref: t, className: x = "", children: S, title: C = "Modal Header", autoHideAfterClick: w = !0 }) => {
-	let { id: T, rootId: E, visible: D, definition: { styleSelectors: O, label: k = "Modal" }, elementState: A, setElementState: j } = n(), M = y(e.sourceType, T), { settings: { previewMode: N }, contexts: { InteractionsContext: P } } = p(), { interactionsManager: F } = s(P), [I, L] = f({}), R = d(null), z = `${E}_${T}_title`, B = c((e) => {
-		let { metadata: t } = e;
-		L(t && typeof t == "object" ? t : typeof t == "string" ? o(t) : typeof t == "boolean" || typeof t == "number" ? { content: t } : {}), j((e) => ({
-			...e,
-			visibility: !0
-		}));
-	}, [j, L]), V = c(() => {
-		F.interactionTrigger(T, "onModalClose", { metadata: I }), L({}), j((e) => ({
-			...e,
-			visibility: !1
-		}));
-	}, [
-		F,
-		j,
-		L,
-		I,
-		T
-	]), H = c(() => {
-		w && (F.interactionTrigger(T, "onModalClose", { metadata: I }), L({}), j((e) => ({
-			...e,
-			visibility: !1
-		})));
-	}, [
-		F,
-		w,
-		j,
-		L,
-		I,
-		T
-	]), U = u(() => ({
-		openModal: {
-			...e.callbacks.openModal,
-			title: `Open ${k}`,
-			callback: B
+var a = ({ ref: t, className: a = "", children: o, title: s = "Modal Header", autoHideAfterClick: c = !0 }) => {
+	let l = r({
+		name: "Modal",
+		sourceType: e.sourceType,
+		callbacks: {
+			open: e.callbacks.openModal,
+			close: e.callbacks.closeModal
 		},
-		closeModal: {
-			...e.callbacks.closeModal,
-			title: `Close ${k}`,
-			callback: V
-		}
-	}), [
-		V,
-		B,
-		k
-	]);
-	a({
-		panelRef: R,
-		open: !!N && D,
-		onClose: V
-	}), l(() => {
-		A.visibility !== !1 && F.interactionTrigger(T, "onModalOpen", { metadata: I });
-	}, [
-		T,
-		F,
-		I,
-		A.visibility
-	]);
-	let W = c(() => i(I), [I]);
-	b({
-		id: T,
-		source: M,
-		name: k || `Modal - ${T}`,
-		fields: W
+		events: {
+			open: "onModalOpen",
+			close: "onModalClose"
+		},
+		autoHideAfterClick: c
 	});
-	let G = u(() => M ? { runtime: { sources: { [M]: I } } } : h, [M, I]);
-	return /* @__PURE__ */ _(r, {
+	return /* @__PURE__ */ i(n, {
 		ref: t,
-		className: v("plitzi-component__modal-container", x),
-		interactionTriggers: e.triggers,
-		interactionCallbacks: U,
-		children: [/* @__PURE__ */ g("div", {
-			className: v("modal-container__background", O.backgroundContainer),
-			"aria-hidden": "true",
-			onClick: H
-		}), /* @__PURE__ */ _("div", {
-			ref: R,
-			className: v("modal-container__root", O.rootContainer),
-			role: "dialog",
-			"aria-modal": "true",
-			"aria-labelledby": z,
-			tabIndex: -1,
-			children: [/* @__PURE__ */ _("div", {
-				className: v("modal-container__header", O.headerContainer),
-				children: [/* @__PURE__ */ g("div", {
-					id: z,
-					className: v("modal-container__header__title", O.headerTitle),
-					children: C || "Modal Header"
-				}), /* @__PURE__ */ g("button", {
-					type: "button",
-					className: v("modal-container__close", O.headerCloseButton),
-					"aria-label": "Close",
-					title: "Close",
-					onClick: V,
-					children: /* @__PURE__ */ g("i", {
-						className: "fa-solid fa-xmark",
-						"aria-hidden": "true"
-					})
-				})]
-			}), /* @__PURE__ */ g("div", {
-				className: v("modal-container__body", O.bodyContainer),
-				children: /* @__PURE__ */ g(m, {
-					inherit: "live",
-					name: `Modal:${T}`,
-					value: G,
-					children: S
-				})
-			})]
-		})]
+		className: a,
+		block: "modal-container",
+		role: "dialog",
+		storeName: "Modal",
+		title: s || "Modal Header",
+		overlay: l,
+		triggers: e.triggers,
+		onDismiss: l.close,
+		children: o
 	});
-}, S = t(x);
+}, o = t(a);
 //#endregion
-export { x as ModalContainer, S as default };
+export { a as ModalContainer, o as default };

package/dist/elements/structure/ModalContainer/Settings.mjs

@@ -1,24 +1,25 @@
-import { useCallback as e } from "react";
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
-import r from "@plitzi/plitzi-ui/Checkbox";
-import i from "@plitzi/plitzi-ui/Input";
+import e from "../../useSettingsUpdate.mjs";
+import { useCallback as t } from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import i from "@plitzi/plitzi-ui/Checkbox";
+import a from "@plitzi/plitzi-ui/Input";
 //#region src/elements/structure/ModalContainer/Settings.tsx
-var a = ({ title: a = "Modal Header", autoHideAfterClick: o = !0, onUpdate: s }) => {
-	let c = e((e) => (t) => s?.(e, t), [s]), l = e((e) => s?.("autoHideAfterClick", e.target.checked), [s]);
-	return /* @__PURE__ */ n("div", {
+var o = ({ title: o = "Modal Header", autoHideAfterClick: s = !0, onUpdate: c }) => {
+	let l = e(c), u = t((e) => c?.("autoHideAfterClick", e.target.checked), [c]);
+	return /* @__PURE__ */ r("div", {
 		className: "flex flex-col gap-4 py-2",
-		children: [/* @__PURE__ */ t(i, {
+		children: [/* @__PURE__ */ n(a, {
 			label: "Title",
-			value: a,
-			onChange: c("title"),
+			value: o,
+			onChange: l.text("title"),
 			size: "xs"
-		}), /* @__PURE__ */ t(r, {
+		}), /* @__PURE__ */ n(i, {
 			label: "Hide after click background",
-			checked: o,
-			onChange: l,
+			checked: s,
+			onChange: u,
 			size: "xs"
 		})]
 	});
 };
 //#endregion
-export { a as default };
+export { o as default };

package/dist/elements/structure/ModalContainer/declaration.d.ts

@@ -2,7 +2,7 @@ import { ModalContainerProps } from './ModalContainer';
 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 ModalContainerAttributes = AuthorableAttributes<ModalContainerProps>;
-declare const declaration: {
+declare const declaration: import('@plitzi/sdk-shared/authoring/declare').DeclaredElement<{
     readonly type: "modalContainer";
     readonly sourceType: "modalContainer";
     readonly triggers: {
@@ -58,10 +58,8 @@ declare const declaration: {
         };
         readonly definition: {
             readonly label: "Modal Container";
-            readonly type: "modalContainer";
             readonly description: string;
-            readonly items: readonly [];
-            readonly bindings: {};
+            readonly items: [];
             /**
              * A modal nobody opens is the commonest hidden subtree on a page, and before this it was built, bound and
              * subscribed on every render of the page it sat in. `lazy` rather than `visible` so what a visitor typed into
@@ -69,7 +67,6 @@ declare const declaration: {
              */
             readonly loadStrategy: "lazy";
             readonly styleSelectors: {
-                readonly base: "";
                 readonly backgroundContainer: "";
                 readonly rootContainer: "";
                 readonly headerContainer: "";
@@ -77,31 +74,12 @@ declare const declaration: {
                 readonly headerCloseButton: "";
                 readonly bodyContainer: "";
             };
-            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: "structure";
-            readonly owner: "Plitzi";
-            readonly verified: true;
-            readonly license: "MIT";
-            readonly website: "https://plitzi.com";
-            readonly backgroundColor: "#4422ee";
             readonly icon: "fa-regular fa-clone";
         };
         readonly defaultStyle: {
-            readonly name: "Modal Container";
-            readonly displayMode: "desktop";
             readonly style: {
                 readonly base: {
                     readonly default: {
@@ -206,10 +184,9 @@ declare const declaration: {
             };
             readonly subTypes: {};
         };
-        readonly settings: {};
     };
     readonly initialItems: readonly ["container"];
-} & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<Partial<{
+}, Partial<{
     title?: string | undefined;
     autoHideAfterClick?: boolean | undefined;
 }>>;

package/dist/elements/structure/ModalContainer/declaration.mjs

@@ -48,43 +48,23 @@ var t = e()({
 		},
 		definition: {
 			label: "Modal Container",
-			type: "modalContainer",
 			description: "A modal overlay container opened and closed through interactions; use for dialogs over the page. The element itself is fixed over the whole viewport, and holds two layers side by side — neither inside the other: `backgroundContainer`, the dim layer, `rgb(0 0 0 / 50%)` (its `background-color` is the whole dim), and `rootContainer`, the dialog, centred by `top: 50%`, `left: 50%` and `transform: translate3d(-50%, -50%, 0)` — to sit it near the top, set `top` and `transform: translateX(-50%)`; flex alignment on the dim layer moves nothing. Inside the dialog, top to bottom: `headerContainer` (with `headerTitle` and `headerCloseButton`) and `bodyContainer`.",
 			items: [],
-			bindings: {},
 			loadStrategy: "lazy",
 			styleSelectors: {
-				base: "",
 				backgroundContainer: "",
 				rootContainer: "",
 				headerContainer: "",
 				headerTitle: "",
 				headerCloseButton: "",
 				bodyContainer: ""
-			},
-			initialState: { visibility: !0 }
-		},
-		builder: {
-			canDelete: !0,
-			canSelect: !0,
-			canDragDrop: !0,
-			canMove: !0,
-			canSnippet: !0,
-			itemsAllowed: [],
-			itemsNotAllowed: []
+			}
 		},
 		market: {
 			category: "structure",
-			owner: "Plitzi",
-			verified: !0,
-			license: "MIT",
-			website: "https://plitzi.com",
-			backgroundColor: "#4422ee",
 			icon: "fa-regular fa-clone"
 		},
 		defaultStyle: {
-			name: "Modal Container",
-			displayMode: "desktop",
 			style: {
 				base: { default: {
 					position: "fixed",
@@ -174,8 +154,7 @@ var t = e()({
 				} }
 			},
 			subTypes: {}
-		},
-		settings: {}
+		}
 	},
 	initialItems: ["container"]
 });