@plitzi/sdk-elements 0.38.10 → 0.38.12

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

@@ -57,13 +57,10 @@ declare const ModalContainer: {
         };
         readonly definition: {
             readonly label: "Modal Container";
-            readonly type: "modalContainer";
             readonly description: string;
-            readonly items: readonly [];
-            readonly bindings: {};
+            readonly items: [];
             readonly loadStrategy: "lazy";
             readonly styleSelectors: {
-                readonly base: "";
                 readonly backgroundContainer: "";
                 readonly rootContainer: "";
                 readonly headerContainer: "";
@@ -71,31 +68,12 @@ declare const ModalContainer: {
                 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: {
@@ -200,9 +178,10 @@ declare const ModalContainer: {
             };
             readonly subTypes: {};
         };
-        readonly settings: {};
     };
     readonly initialItems: readonly ["container"];
+} & {
+    content: import('@plitzi/sdk-shared/authoring/declare').ElementContentDefaults;
 } & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<Partial<{
     title?: string | undefined;
     autoHideAfterClick?: boolean | undefined;

package/dist/elements/structure/Overlay/OverlayShell.d.ts

@@ -0,0 +1,24 @@
+import { Overlay } from './useOverlay';
+import { InteractionCallback } from '@plitzi/sdk-shared';
+import { ReactNode, RefObject } from 'react';
+export type OverlayShellProps = {
+    ref?: RefObject<HTMLElement>;
+    className?: string;
+    /** Its class names' stem: `modal-container` gives `plitzi-component__modal-container`, `modal-container__root`… */
+    block: string;
+    /** `alertdialog` for one that asks for an answer: a screen reader reads it out as it opens. */
+    role: 'dialog' | 'alertdialog';
+    /** What its store is called in the dev tools: `Modal:<id>`. */
+    storeName: string;
+    title: string;
+    overlay: Overlay;
+    triggers: Record<string, InteractionCallback>;
+    /** What the close button and Escape do. */
+    onDismiss: () => void;
+    children?: ReactNode;
+    /** Below the body: a dialog's answers. */
+    footer?: ReactNode;
+};
+/** A modal's and a dialog's markup: the backdrop, the panel the keyboard is kept in, its header and its body. */
+declare const OverlayShell: ({ ref, className, block, role, storeName, title, overlay, triggers, onDismiss, children, footer }: OverlayShellProps) => import('react').JSX.Element;
+export default OverlayShell;

package/dist/elements/structure/Overlay/OverlayShell.mjs

@@ -0,0 +1,64 @@
+import { RootElement as e } from "../../../Element/RootElement.mjs";
+import t from "./useModalDialog.mjs";
+import { useRef as n } from "react";
+import { StoreProvider as r } from "@plitzi/nexus/react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import o from "clsx";
+//#region src/elements/structure/Overlay/OverlayShell.tsx
+var s = ({ ref: s, className: c = "", block: l, role: u, storeName: d, title: f, overlay: p, triggers: m, onDismiss: h, children: g, footer: _ }) => {
+	let { id: v, titleId: y, styleSelectors: b, open: x, interactionCallbacks: S, storeValue: C, closeFromBackdrop: w } = p, T = n(null);
+	return t({
+		panelRef: T,
+		open: x,
+		onClose: h
+	}), /* @__PURE__ */ a(e, {
+		ref: s,
+		className: o(`plitzi-component__${l}`, c),
+		interactionTriggers: m,
+		interactionCallbacks: S,
+		children: [/* @__PURE__ */ i("div", {
+			className: o(`${l}__background`, b.backgroundContainer),
+			"aria-hidden": "true",
+			onClick: w
+		}), /* @__PURE__ */ a("div", {
+			ref: T,
+			className: o(`${l}__root`, b.rootContainer),
+			role: u,
+			"aria-modal": "true",
+			"aria-labelledby": y,
+			tabIndex: -1,
+			children: [
+				/* @__PURE__ */ a("div", {
+					className: o(`${l}__header`, b.headerContainer),
+					children: [/* @__PURE__ */ i("div", {
+						id: y,
+						className: o(`${l}__header__title`, b.headerTitle),
+						children: f
+					}), /* @__PURE__ */ i("button", {
+						type: "button",
+						className: o(`${l}__close`, b.headerCloseButton),
+						"aria-label": "Close",
+						title: "Close",
+						onClick: h,
+						children: /* @__PURE__ */ i("i", {
+							className: "fa-solid fa-xmark",
+							"aria-hidden": "true"
+						})
+					})]
+				}),
+				/* @__PURE__ */ i("div", {
+					className: o(`${l}__body`, b.bodyContainer),
+					children: /* @__PURE__ */ i(r, {
+						inherit: "live",
+						name: `${d}:${v}`,
+						value: C,
+						children: g
+					})
+				}),
+				_
+			]
+		})]
+	});
+};
+//#endregion
+export { s as default };

package/dist/elements/structure/Overlay/metadataOf.d.ts

@@ -0,0 +1,8 @@
+/**
+ * What `openModal('modal', …)` — or `openDialog` — hands the container, as its data: an object is its fields, a JSON
+ * object in text is too, and anything else is `content`.
+ *
+ * Numeric ids are the common case, and `'42'` parses as JSON too — as the number. Set as the container's data whole, it
+ * had no `content` and every binding inside read nothing.
+ */
+export declare const metadataOf: (metadata: unknown) => Record<string, unknown>;

package/dist/elements/structure/{ModalContainer/metadataFromText.mjs → Overlay/metadataOf.mjs}

@@ -1,6 +1,9 @@
 import { isRecord as e } from "@plitzi/sdk-shared/helpers/isRecord";
-//#region src/elements/structure/ModalContainer/metadataFromText.ts
+//#region src/elements/structure/Overlay/metadataOf.ts
 var t = (t) => {
+	if (e(t)) return t;
+	if (t == null) return {};
+	if (typeof t != "string") return { content: t };
 	try {
 		let n = JSON.parse(t);
 		if (e(n)) return n;
@@ -8,4 +11,4 @@ var t = (t) => {
 	return { content: t };
 };
 //#endregion
-export { t as metadataFromText };
+export { t as metadataOf };

package/dist/elements/structure/{ModalContainer → Overlay}/useModalDialog.mjs

@@ -1,5 +1,5 @@
 import { useEffect as e, useEffectEvent as t } from "react";
-//#region src/elements/structure/ModalContainer/useModalDialog.ts
+//#region src/elements/structure/Overlay/useModalDialog.ts
 var n = "a[href], button:not([disabled]), input:not([disabled]):not([type=\"hidden\"]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"]), [contenteditable=\"true\"]", r = (e) => [...e.querySelectorAll(n)].filter((e) => typeof e.checkVisibility != "function" || e.checkVisibility()), i = ({ panelRef: n, open: i, onClose: a }) => {
 	let o = t(a);
 	e(() => {

package/dist/elements/structure/Overlay/useOverlay.d.ts

@@ -0,0 +1,40 @@
+import { InteractionCallback } from '@plitzi/sdk-shared';
+export type UseOverlayProps = {
+    /** What it is called where it has no label of its own: `Modal`, `Dialog`. */
+    name: string;
+    sourceType: string;
+    /** The callbacks it answers — `openModal` and `closeModal` — as its declaration has them. */
+    callbacks: {
+        open: InteractionCallback;
+        close: InteractionCallback;
+    };
+    /** The events it fires as it opens and closes — `onModalOpen`, `onModalClose`. */
+    events: {
+        open: string;
+        close: string;
+    };
+    /** Whether a click on the backdrop closes it. */
+    autoHideAfterClick: boolean;
+};
+/**
+ * What a modal and a dialog share: the data they were opened with, published to what is inside them as their source;
+ * the callbacks that open and close them; and the events they fire as they do.
+ */
+declare const useOverlay: ({ name, sourceType, callbacks, events, autoHideAfterClick }: UseOverlayProps) => {
+    id: string;
+    titleId: string;
+    styleSelectors: {
+        [selector: string]: string;
+        base: string;
+    };
+    /** Shown, and on a rendered page — never in the builder, where it is something being edited. */
+    open: boolean;
+    interactionCallbacks: Record<string, InteractionCallback>;
+    storeValue: {};
+    trigger: (event: string) => Promise<unknown[]> | undefined;
+    hide: () => void;
+    close: () => void;
+    closeFromBackdrop: () => void;
+};
+export type Overlay = ReturnType<typeof useOverlay>;
+export default useOverlay;

package/dist/elements/structure/Overlay/useOverlay.mjs

@@ -0,0 +1,83 @@
+import e from "../../../Element/hooks/useElement.mjs";
+import t from "../../../dataSource/pathFields.mjs";
+import n from "../../../dataSource/sourceStore.mjs";
+import { metadataOf as r } from "./metadataOf.mjs";
+import { use as i, useCallback as a, useEffect as o, useMemo as s, useState as c } from "react";
+import l from "@plitzi/sdk-shared/hooks/usePlitzi";
+import u from "@plitzi/sdk-interactions/InteractionsContext";
+import d from "@plitzi/sdk-shared/dataSource/helpers/getSourceName";
+import f from "@plitzi/sdk-shared/dataSource/hooks/useRegisterSource";
+//#region src/elements/structure/Overlay/useOverlay.ts
+var p = ({ name: p, sourceType: m, callbacks: h, events: g, autoHideAfterClick: _ }) => {
+	let { id: v, rootId: y, visible: b, definition: { styleSelectors: x, label: S = p }, elementState: C, setElementState: w } = e(), T = d(m, v), { settings: { previewMode: E } } = l(), { interactionsManager: D } = i(u), [O, k] = c({}), A = a((e) => D.interactionTrigger(v, e, { metadata: O }), [
+		v,
+		D,
+		O
+	]), j = a(() => {
+		k({}), w((e) => ({
+			...e,
+			visibility: !1
+		}));
+	}, [w]), M = a((e) => {
+		k(r(e.metadata)), w((e) => ({
+			...e,
+			visibility: !0
+		}));
+	}, [w]), N = a(() => {
+		A(g.close), j();
+	}, [
+		g.close,
+		j,
+		A
+	]), P = a(() => {
+		_ && N();
+	}, [_, N]), F = s(() => ({
+		[h.open.action]: {
+			...h.open,
+			title: `Open ${S}`,
+			callback: M
+		},
+		[h.close.action]: {
+			...h.close,
+			title: `Close ${S}`,
+			callback: N
+		}
+	}), [
+		h.close,
+		h.open,
+		N,
+		S,
+		M
+	]);
+	o(() => {
+		C.visibility !== !1 && D.interactionTrigger(v, g.open, { metadata: O });
+	}, [
+		v,
+		D,
+		O,
+		C.visibility,
+		g.open
+	]);
+	let I = a(() => t(O), [O]);
+	f({
+		id: v,
+		source: T,
+		name: S || `${p} - ${v}`,
+		fields: I
+	});
+	let L = s(() => n(T, O), [T, O]);
+	return {
+		id: v,
+		titleId: `${y}_${v}_title`,
+		styleSelectors: x,
+		open: !!E && b,
+		interactionCallbacks: F,
+		storeValue: L,
+		trigger: A,
+		hide: j,
+		close: N,
+		closeFromBackdrop: P
+	};
+};
+//#endregion
+export { p as default };

package/dist/elements/structure/Pagination/Pagination.mjs

@@ -4,77 +4,78 @@ import n from "../../../Element/hooks/useElement.mjs";
 import { RootElement as r } from "../../../Element/RootElement.mjs";
 import i from "./buildPageWindow.mjs";
 import { use as a, useCallback as o, useMemo as s } from "react";
-import c from "@plitzi/sdk-shared/hooks/usePlitziServiceContext";
+import c from "@plitzi/sdk-shared/hooks/usePlitzi";
 import { useSdkStore as l } from "@plitzi/sdk-shared/store";
 import { emptyObject as u } from "@plitzi/sdk-shared/helpers/utils";
 import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
 import m from "clsx";
+import h from "@plitzi/sdk-interactions/InteractionsContext";
 //#region src/elements/structure/Pagination/Pagination.tsx
-var h = (e, t) => {
+var g = (e, t) => {
 	if (typeof window > "u") return "";
 	let n = new URL(window.location.href);
 	return t <= 1 ? n.searchParams.delete(e) : n.searchParams.set(e, String(t)), `${n.pathname}${n.search}`;
-}, g = ({ ref: t, className: g = "", children: _, pageInfo: v = u, mode: y = "pages", pageParam: b = "page", target: x = "url", windowSize: S = 5, previousLabel: C = "Previous", nextLabel: w = "Next", loadMoreLabel: T = "Load more", label: E = "Pagination" }) => {
-	let { id: D, definition: { styleSelectors: O } } = n(), { settings: { previewMode: k }, contexts: { InteractionsContext: A } } = c(), { interactionsManager: j } = a(A), [M] = l("navigation.navigate"), N = v.page ?? 1, P = v.pageCount ?? 0, F = v.hasPrevPage ?? N > 1, I = v.hasNextPage ?? !1, L = s(() => i(N, P, S), [
+}, _ = ({ ref: t, className: _ = "", children: v, pageInfo: y = u, mode: b = "pages", pageParam: x = "page", target: S = "url", windowSize: C = 5, previousLabel: w = "Previous", nextLabel: T = "Next", loadMoreLabel: E = "Load more", label: D = "Pagination" }) => {
+	let { id: O, definition: { styleSelectors: k } } = n(), { settings: { previewMode: A } } = c(), { interactionsManager: j } = a(h), [M] = l("navigation.navigate"), N = y.page ?? 1, P = y.pageCount ?? 0, F = y.hasPrevPage ?? N > 1, I = y.hasNextPage ?? !1, L = s(() => i(N, P, C), [
 		N,
 		P,
-		S
+		C
 	]), R = o((e) => {
 		let t = Math.max(e, 1);
-		D && j.interactionTrigger(D, "onPageChange", { page: t }), x === "url" && M(h(b, t));
+		O && j.interactionTrigger(O, "onPageChange", { page: t }), S === "url" && M(g(x, t));
 	}, [
-		D,
+		O,
 		j,
-		x,
+		S,
 		M,
-		b
+		x
 	]), z = o((e) => (t) => {
 		t.preventDefault(), R(e);
 	}, [R]), B = P === 0 && !I && !F;
 	return /* @__PURE__ */ p(r, {
 		ref: t,
 		tag: "nav",
-		"aria-label": E || void 0,
-		className: m("plitzi-component__pagination", g),
+		"aria-label": D || void 0,
+		className: m("plitzi-component__pagination", _),
 		interactionTriggers: e.triggers,
 		children: [
-			y === "loadMore" && /* @__PURE__ */ f("button", {
+			b === "loadMore" && /* @__PURE__ */ f("button", {
 				type: "button",
-				className: m("plitzi-component__pagination-more", O.loadMore),
-				disabled: !I && k,
+				className: m("plitzi-component__pagination-more", k.loadMore),
+				disabled: !I && A,
 				onClick: z(N + 1),
-				children: T
+				children: E
 			}),
-			y === "pages" && /* @__PURE__ */ p(d, { children: [
+			b === "pages" && /* @__PURE__ */ p(d, { children: [
 				/* @__PURE__ */ f("button", {
 					type: "button",
-					className: m("plitzi-component__pagination-prev", O.previous),
-					disabled: !F && k,
+					className: m("plitzi-component__pagination-prev", k.previous),
+					disabled: !F && A,
 					onClick: z(N - 1),
-					children: C
+					children: w
 				}),
 				L.map((e) => /* @__PURE__ */ f("button", {
 					type: "button",
-					className: m("plitzi-component__pagination-page", { "plitzi-component__pagination-page--current": e === N }, O.page),
+					className: m("plitzi-component__pagination-page", { "plitzi-component__pagination-page--current": e === N }, k.page),
 					"aria-current": e === N ? "page" : void 0,
 					onClick: z(e),
 					children: e
 				}, e)),
 				/* @__PURE__ */ f("button", {
 					type: "button",
-					className: m("plitzi-component__pagination-next", O.next),
-					disabled: !I && k,
+					className: m("plitzi-component__pagination-next", k.next),
+					disabled: !I && A,
 					onClick: z(N + 1),
-					children: w
+					children: T
 				})
 			] }),
-			!k && B && /* @__PURE__ */ f("span", {
+			!A && B && /* @__PURE__ */ f("span", {
 				className: "plitzi-component__pagination-hint",
 				children: "Bind pageInfo"
 			}),
-			_
+			v
 		]
 	});
-}, _ = t(g);
+}, v = t(_);
 //#endregion
-export { g as Pagination, _ as default };
+export { _ as Pagination, v as default };

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

@@ -1,17 +1,17 @@
-import { useCallback as e } from "react";
+import e from "../../useSettingsUpdate.mjs";
 import { Fragment as t, jsx as n, jsxs as r } from "react/jsx-runtime";
 import i from "@plitzi/plitzi-ui/Input";
 import a from "@plitzi/plitzi-ui/Select";
 //#region src/elements/structure/Pagination/Settings.tsx
 var o = ({ mode: o = "pages", target: s = "url", pageParam: c = "page", windowSize: l = "5", previousLabel: u = "Previous", nextLabel: d = "Next", loadMoreLabel: f = "Load more", label: p = "Pagination", onUpdate: m }) => {
-	let h = e((e) => (t) => m?.(e, t), [m]);
+	let h = e(m);
 	return /* @__PURE__ */ r("div", {
 		className: "flex grow flex-col gap-4 py-2",
 		children: [
 			/* @__PURE__ */ r(a, {
 				value: o,
 				label: "Mode",
-				onChange: h("mode"),
+				onChange: h.text("mode"),
 				size: "xs",
 				children: [/* @__PURE__ */ n("option", {
 					value: "pages",
@@ -24,7 +24,7 @@ var o = ({ mode: o = "pages", target: s = "url", pageParam: c = "page", windowSi
 			/* @__PURE__ */ r(a, {
 				value: s,
 				label: "On Page Change",
-				onChange: h("target"),
+				onChange: h.text("target"),
 				size: "xs",
 				children: [/* @__PURE__ */ n("option", {
 					value: "url",
@@ -38,40 +38,40 @@ var o = ({ mode: o = "pages", target: s = "url", pageParam: c = "page", windowSi
 				value: c,
 				label: "Page parameter",
 				title: "Must match the page parameter of the provider this pager belongs to.",
-				onChange: h("pageParam"),
+				onChange: h.text("pageParam"),
 				size: "xs"
 			}),
 			o === "pages" && /* @__PURE__ */ r(t, { children: [
 				/* @__PURE__ */ n(i, {
 					value: l,
 					label: "Pages shown",
-					onChange: h("windowSize"),
+					onChange: h.text("windowSize"),
 					size: "xs"
 				}),
 				/* @__PURE__ */ n(i, {
 					value: u,
 					label: "Previous label",
-					onChange: h("previousLabel"),
+					onChange: h.text("previousLabel"),
 					size: "xs"
 				}),
 				/* @__PURE__ */ n(i, {
 					value: d,
 					label: "Next label",
-					onChange: h("nextLabel"),
+					onChange: h.text("nextLabel"),
 					size: "xs"
 				})
 			] }),
 			o === "loadMore" && /* @__PURE__ */ n(i, {
 				value: f,
 				label: "Button label",
-				onChange: h("loadMoreLabel"),
+				onChange: h.text("loadMoreLabel"),
 				size: "xs"
 			}),
 			/* @__PURE__ */ n(i, {
 				value: p,
 				label: "Navigation name",
 				title: "What a screen reader calls this pager, in the site's language.",
-				onChange: h("label"),
+				onChange: h.text("label"),
 				size: "xs"
 			}),
 			/* @__PURE__ */ r("span", {

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

@@ -2,7 +2,7 @@ import { PaginationProps } from './Pagination';
 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 PaginationAttributes = AuthorableAttributes<PaginationProps>;
-declare const declaration: {
+declare const declaration: import('@plitzi/sdk-shared/authoring/declare').DeclaredElement<{
     readonly type: "pagination";
     readonly attributeValues: {
         readonly mode: readonly string[];
@@ -32,42 +32,20 @@ declare const declaration: {
         };
         readonly definition: {
             readonly label: "Pagination";
-            readonly type: "pagination";
             readonly description: string;
-            readonly items: readonly [];
-            readonly bindings: {};
+            readonly items: [];
             readonly styleSelectors: {
-                readonly base: "";
                 readonly previous: "";
                 readonly page: "";
                 readonly next: "";
                 readonly loadMore: "";
             };
-            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-solid fa-ellipsis";
         };
         readonly defaultStyle: {
-            readonly name: "Pagination";
-            readonly displayMode: "desktop";
             readonly style: {
                 readonly base: {
                     readonly default: {
@@ -80,9 +58,8 @@ declare const declaration: {
             };
             readonly subTypes: {};
         };
-        readonly settings: {};
     };
-} & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<Partial<{
+}, Partial<{
     mode?: "pages" | "loadMore" | undefined;
     label?: string | undefined;
     target?: "url" | "interaction" | undefined;

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

@@ -26,40 +26,20 @@ var n = e()({
 		},
 		definition: {
 			label: "Pagination",
-			type: "pagination",
 			description: "Pages through a list. Bind it to a provider page info: in URL mode it writes the page into the address bar so the result stays shareable and indexable, and in load-more mode it announces the next page for the provider to append. Its buttons take a class through their slots: `previous`, `page` (each numbered one — the page shown carries `aria-current=\"page\"`, so the class's `current` state dresses it), `next` and `loadMore`; one with nowhere to go is disabled, the `disabled` state.",
 			items: [],
-			bindings: {},
 			styleSelectors: {
-				base: "",
 				previous: "",
 				page: "",
 				next: "",
 				loadMore: ""
-			},
-			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-solid fa-ellipsis"
 		},
 		defaultStyle: {
-			name: "Pagination",
-			displayMode: "desktop",
 			style: { base: { default: {
 				display: "flex",
 				"align-items": "center",
@@ -67,8 +47,7 @@ var n = e()({
 				"column-gap": "8px"
 			} } },
 			subTypes: {}
-		},
-		settings: {}
+		}
 	}
 });
 //#endregion

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

@@ -31,42 +31,20 @@ declare const Pagination: {
         };
         readonly definition: {
             readonly label: "Pagination";
-            readonly type: "pagination";
             readonly description: string;
-            readonly items: readonly [];
-            readonly bindings: {};
+            readonly items: [];
             readonly styleSelectors: {
-                readonly base: "";
                 readonly previous: "";
                 readonly page: "";
                 readonly next: "";
                 readonly loadMore: "";
             };
-            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-solid fa-ellipsis";
         };
         readonly defaultStyle: {
-            readonly name: "Pagination";
-            readonly displayMode: "desktop";
             readonly style: {
                 readonly base: {
                     readonly default: {
@@ -79,8 +57,9 @@ declare const Pagination: {
             };
             readonly subTypes: {};
         };
-        readonly settings: {};
     };
+} & {
+    content: import('@plitzi/sdk-shared/authoring/declare').ElementContentDefaults;
 } & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<Partial<{
     mode?: "pages" | "loadMore" | undefined;
     label?: string | undefined;