@plitzi/sdk-elements 0.33.1 → 0.34.0

package/dist/elements/internal/LayoutContainer/index.d.ts

@@ -2,53 +2,55 @@ declare const LayoutContainer: {
     (props: import('../../../Element/hocs/withElement').WithElementProps<import('./LayoutContainer').LayoutContainerProps>): import("react").JSX.Element;
     displayName: string;
 } & {
-    type: string;
-    content: {
-        attributes: {
-            subType: string;
+    readonly type: "layoutContainer";
+    readonly content: {
+        readonly attributes: {
+            readonly subType: "div";
         };
-        definition: {
-            label: string;
-            type: string;
-            description: string;
-            items: never[];
-            bindings: {};
-            styleSelectors: {
-                base: string;
+        readonly definition: {
+            readonly label: "Layout Container";
+            readonly type: "layoutContainer";
+            readonly description: "A reusable layout shell (header/footer chrome) shared across pages.";
+            readonly items: readonly [];
+            readonly bindings: {};
+            readonly styleSelectors: {
+                readonly base: "";
             };
-            initialState: {
-                visibility: boolean;
+            readonly initialState: {
+                readonly visibility: true;
             };
         };
-        builder: {
-            canDelete: boolean;
-            canSelect: boolean;
-            canDragDrop: boolean;
-            canMove: boolean;
-            canTemplate: boolean;
-            itemsAllowed: never[];
-            itemsNotAllowed: never[];
+        readonly builder: {
+            readonly canDelete: true;
+            readonly canSelect: true;
+            readonly canDragDrop: false;
+            readonly canMove: true;
+            readonly canTemplate: true;
+            readonly itemsAllowed: readonly [];
+            readonly itemsNotAllowed: readonly [];
         };
-        market: {
-            category: string;
-            owner: string;
-            verified: boolean;
-            license: string;
-            website: string;
-            backgroundColor: string;
-            icon: string;
+        readonly market: {
+            readonly category: "internal";
+            readonly owner: "Plitzi";
+            readonly verified: true;
+            readonly license: "MIT";
+            readonly website: "https://plitzi.com";
+            readonly backgroundColor: "#4422ee";
+            readonly icon: "fa-solid fa-border-all";
         };
-        defaultStyle: {
-            name: string;
-            displayMode: string;
-            style: {
-                base: {
-                    default: {};
+        readonly defaultStyle: {
+            readonly name: "Layout Container";
+            readonly displayMode: "desktop";
+            readonly style: {
+                readonly base: {
+                    readonly default: {};
                 };
             };
-            subTypes: {};
+            readonly subTypes: {};
         };
-        settings: {};
+        readonly settings: {};
     };
-};
+} & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<Partial<{
+    subType?: "div" | "header" | "footer" | "nav" | "main" | "section" | "article" | "aside" | "address" | "figure" | undefined;
+}>>;
 export default LayoutContainer;

package/dist/elements/internal/LayoutContainer/index.mjs

@@ -1,44 +1,6 @@
-import e from "./LayoutContainer.mjs";
+import e from "./declaration.mjs";
+import t from "./LayoutContainer.mjs";
 //#region src/elements/internal/LayoutContainer/index.ts
-var t = Object.assign(e, {
-	type: "layoutContainer",
-	content: {
-		attributes: { subType: "div" },
-		definition: {
-			label: "Layout Container",
-			type: "layoutContainer",
-			description: "Group things together into groups, also nestable.",
-			items: [],
-			bindings: {},
-			styleSelectors: { base: "" },
-			initialState: { visibility: !0 }
-		},
-		builder: {
-			canDelete: !0,
-			canSelect: !0,
-			canDragDrop: !1,
-			canMove: !0,
-			canTemplate: !0,
-			itemsAllowed: [],
-			itemsNotAllowed: []
-		},
-		market: {
-			category: "internal",
-			owner: "Plitzi",
-			verified: !0,
-			license: "MIT",
-			website: "https://plitzi.com",
-			backgroundColor: "#4422ee",
-			icon: "fa-solid fa-border-all"
-		},
-		defaultStyle: {
-			name: "Layout Container",
-			displayMode: "desktop",
-			style: { base: { default: {} } },
-			subTypes: {}
-		},
-		settings: {}
-	}
-});
+var n = Object.assign(t, e);
 //#endregion
-export { t as default };
+export { n as default };

package/dist/elements/internal/Loading/Loading.mjs

@@ -1,16 +1,16 @@
-import e from "../../../Element/hooks/useElement.mjs";
-import { RootElement as t } from "../../../Element/RootElement.mjs";
-import n from "../../../Element/hocs/withElement.mjs";
+import e from "../../../Element/hocs/withElement.mjs";
+import t from "../../../Element/hooks/useElement.mjs";
+import { RootElement as n } from "../../../Element/RootElement.mjs";
 import { jsx as r, jsxs as i } from "react/jsx-runtime";
 import a from "clsx";
 //#region src/elements/internal/Loading/Loading.tsx
-var o = ({ ref: n, className: o = "" }) => {
-	let { definition: { label: s } } = e();
-	return /* @__PURE__ */ r(t, {
-		ref: n,
+var o = ({ ref: e, className: o = "" }) => {
+	let { definition: { label: s } } = t();
+	return /* @__PURE__ */ r(n, {
+		ref: e,
 		className: a("plitzi-component__loading", o),
 		children: /* @__PURE__ */ i("span", { children: [/* @__PURE__ */ r("b", { children: s }), " Loading..."] })
 	});
-}, s = n(o);
+}, s = e(o);
 //#endregion
 export { o as Loading, s as default };

package/dist/elements/internal/Loading/declaration.d.ts

@@ -0,0 +1,51 @@
+import { LoadingProps } from './Loading';
+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 LoadingAttributes = AuthorableAttributes<LoadingProps>;
+declare const declaration: {
+    readonly type: "loading";
+    readonly content: {
+        readonly attributes: {};
+        readonly definition: {
+            readonly label: "Loading";
+            readonly type: "loading";
+            readonly description: "A loading placeholder shown while data or a suspense boundary resolves.";
+            readonly bindings: {};
+            readonly styleSelectors: {
+                readonly base: "";
+            };
+            readonly initialState: {
+                readonly visibility: true;
+            };
+        };
+        readonly builder: {
+            readonly canDelete: true;
+            readonly canSelect: true;
+            readonly canDragDrop: false;
+            readonly canMove: true;
+            readonly canTemplate: true;
+            readonly itemsAllowed: readonly [];
+            readonly itemsNotAllowed: readonly [];
+        };
+        readonly market: {
+            readonly category: "internal";
+            readonly owner: "Plitzi";
+            readonly verified: true;
+            readonly license: "MIT";
+            readonly website: "https://plitzi.com";
+            readonly backgroundColor: "#4422ee";
+            readonly icon: "https://cdn.plitzi.com/resources/img/favicon.svg";
+        };
+        readonly defaultStyle: {
+            readonly name: "Loading";
+            readonly displayMode: "desktop";
+            readonly style: {
+                readonly base: {
+                    readonly default: {};
+                };
+            };
+        };
+        readonly settings: {};
+    };
+} & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<unknown>;
+export default declaration;

package/dist/elements/internal/Loading/declaration.mjs

@@ -0,0 +1,42 @@
+import { elementDeclaration as e } from "@plitzi/sdk-shared/authoring/declare";
+//#region src/elements/internal/Loading/declaration.ts
+var t = e()({
+	type: "loading",
+	content: {
+		attributes: {},
+		definition: {
+			label: "Loading",
+			type: "loading",
+			description: "A loading placeholder shown while data or a suspense boundary resolves.",
+			bindings: {},
+			styleSelectors: { base: "" },
+			initialState: { visibility: !0 }
+		},
+		builder: {
+			canDelete: !0,
+			canSelect: !0,
+			canDragDrop: !1,
+			canMove: !0,
+			canTemplate: !0,
+			itemsAllowed: [],
+			itemsNotAllowed: []
+		},
+		market: {
+			category: "internal",
+			owner: "Plitzi",
+			verified: !0,
+			license: "MIT",
+			website: "https://plitzi.com",
+			backgroundColor: "#4422ee",
+			icon: "https://cdn.plitzi.com/resources/img/favicon.svg"
+		},
+		defaultStyle: {
+			name: "Loading",
+			displayMode: "desktop",
+			style: { base: { default: {} } }
+		},
+		settings: {}
+	}
+});
+//#endregion
+export { t as default };

package/dist/elements/internal/Loading/index.d.ts

@@ -2,49 +2,49 @@ declare const Loading: {
     (props: import('../../../Element/hocs/withElement').WithElementProps<import('./Loading').LoadingProps>): import("react").JSX.Element;
     displayName: string;
 } & {
-    type: string;
-    content: {
-        attributes: {};
-        definition: {
-            label: string;
-            type: string;
-            description: string;
-            bindings: {};
-            styleSelectors: {
-                base: string;
+    readonly type: "loading";
+    readonly content: {
+        readonly attributes: {};
+        readonly definition: {
+            readonly label: "Loading";
+            readonly type: "loading";
+            readonly description: "A loading placeholder shown while data or a suspense boundary resolves.";
+            readonly bindings: {};
+            readonly styleSelectors: {
+                readonly base: "";
             };
-            initialState: {
-                visibility: boolean;
+            readonly initialState: {
+                readonly visibility: true;
             };
         };
-        builder: {
-            canDelete: boolean;
-            canSelect: boolean;
-            canDragDrop: boolean;
-            canMove: boolean;
-            canTemplate: boolean;
-            itemsAllowed: never[];
-            itemsNotAllowed: never[];
+        readonly builder: {
+            readonly canDelete: true;
+            readonly canSelect: true;
+            readonly canDragDrop: false;
+            readonly canMove: true;
+            readonly canTemplate: true;
+            readonly itemsAllowed: readonly [];
+            readonly itemsNotAllowed: readonly [];
         };
-        market: {
-            category: string;
-            owner: string;
-            verified: boolean;
-            license: string;
-            website: string;
-            backgroundColor: string;
-            icon: string;
+        readonly market: {
+            readonly category: "internal";
+            readonly owner: "Plitzi";
+            readonly verified: true;
+            readonly license: "MIT";
+            readonly website: "https://plitzi.com";
+            readonly backgroundColor: "#4422ee";
+            readonly icon: "https://cdn.plitzi.com/resources/img/favicon.svg";
         };
-        defaultStyle: {
-            name: string;
-            displayMode: string;
-            style: {
-                base: {
-                    default: {};
+        readonly defaultStyle: {
+            readonly name: "Loading";
+            readonly displayMode: "desktop";
+            readonly style: {
+                readonly base: {
+                    readonly default: {};
                 };
             };
         };
-        settings: {};
+        readonly settings: {};
     };
-};
+} & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<unknown>;
 export default Loading;

package/dist/elements/internal/Loading/index.mjs

@@ -1,42 +1,6 @@
-import e from "./Loading.mjs";
+import e from "./declaration.mjs";
+import t from "./Loading.mjs";
 //#region src/elements/internal/Loading/index.ts
-var t = Object.assign(e, {
-	type: "loading",
-	content: {
-		attributes: {},
-		definition: {
-			label: "Loading",
-			type: "loading",
-			description: "",
-			bindings: {},
-			styleSelectors: { base: "" },
-			initialState: { visibility: !0 }
-		},
-		builder: {
-			canDelete: !0,
-			canSelect: !0,
-			canDragDrop: !1,
-			canMove: !0,
-			canTemplate: !0,
-			itemsAllowed: [],
-			itemsNotAllowed: []
-		},
-		market: {
-			category: "internal",
-			owner: "Plitzi",
-			verified: !0,
-			license: "MIT",
-			website: "https://plitzi.com",
-			backgroundColor: "#4422ee",
-			icon: "https://cdn.plitzi.com/resources/img/favicon.svg"
-		},
-		defaultStyle: {
-			name: "Loading",
-			displayMode: "desktop",
-			style: { base: { default: {} } }
-		},
-		settings: {}
-	}
-});
+var n = Object.assign(t, e);
 //#endregion
-export { t as default };
+export { n as default };

package/dist/elements/internal/NotFound/NotFound.mjs

@@ -1,14 +1,14 @@
-import e from "../../../Element/hooks/useElement.mjs";
-import { RootElement as t } from "../../../Element/RootElement.mjs";
-import n from "../../../Element/hocs/withElement.mjs";
+import e from "../../../Element/hocs/withElement.mjs";
+import t from "../../../Element/hooks/useElement.mjs";
+import { RootElement as n } from "../../../Element/RootElement.mjs";
 import r from "@plitzi/sdk-shared/hooks/usePlitziServiceContext";
 import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
 import s from "clsx";
 //#region src/elements/internal/NotFound/NotFound.tsx
-var c = ({ ref: n, className: c = "" }) => {
-	let { definition: { label: l } } = e(), { settings: { isHydrating: u, previewMode: d } } = r();
-	if (!(typeof window > "u" || d || u)) return /* @__PURE__ */ a(t, {
-		ref: n,
+var c = ({ ref: e, className: c = "" }) => {
+	let { definition: { label: l } } = t(), { settings: { isHydrating: u, previewMode: d } } = r();
+	if (!(typeof window > "u" || d || u)) return /* @__PURE__ */ a(n, {
+		ref: e,
 		className: s("plitzi-component__not-found", c),
 		children: /* @__PURE__ */ o("span", { children: [l && /* @__PURE__ */ o(i, { children: [
 			"Component ",
@@ -16,6 +16,6 @@ var c = ({ ref: n, className: c = "" }) => {
 			" Not Found"
 		] }), !l && "Component Not Found"] })
 	});
-}, l = n(c);
+}, l = e(c);
 //#endregion
 export { c as NotFound, l as default };

package/dist/elements/internal/NotFound/declaration.d.ts

@@ -0,0 +1,51 @@
+import { NotFoundProps } from './NotFound';
+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 NotFoundAttributes = AuthorableAttributes<NotFoundProps>;
+declare const declaration: {
+    readonly type: "notFound";
+    readonly content: {
+        readonly attributes: {};
+        readonly definition: {
+            readonly label: "Not Found";
+            readonly type: "notFound";
+            readonly description: "The 404 screen shown when no route matches.";
+            readonly bindings: {};
+            readonly styleSelectors: {
+                readonly base: "";
+            };
+            readonly initialState: {
+                readonly visibility: true;
+            };
+        };
+        readonly builder: {
+            readonly canDelete: true;
+            readonly canSelect: true;
+            readonly canDragDrop: false;
+            readonly canMove: true;
+            readonly canTemplate: true;
+            readonly itemsAllowed: readonly [];
+            readonly itemsNotAllowed: readonly [];
+        };
+        readonly market: {
+            readonly category: "internal";
+            readonly owner: "Plitzi";
+            readonly verified: true;
+            readonly license: "MIT";
+            readonly website: "https://plitzi.com";
+            readonly backgroundColor: "#4422ee";
+            readonly icon: "https://cdn.plitzi.com/resources/img/favicon.svg";
+        };
+        readonly defaultStyle: {
+            readonly name: "Not Found";
+            readonly displayMode: "desktop";
+            readonly style: {
+                readonly base: {
+                    readonly default: {};
+                };
+            };
+        };
+        readonly settings: {};
+    };
+} & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<unknown>;
+export default declaration;

package/dist/elements/internal/NotFound/declaration.mjs

@@ -0,0 +1,42 @@
+import { elementDeclaration as e } from "@plitzi/sdk-shared/authoring/declare";
+//#region src/elements/internal/NotFound/declaration.ts
+var t = e()({
+	type: "notFound",
+	content: {
+		attributes: {},
+		definition: {
+			label: "Not Found",
+			type: "notFound",
+			description: "The 404 screen shown when no route matches.",
+			bindings: {},
+			styleSelectors: { base: "" },
+			initialState: { visibility: !0 }
+		},
+		builder: {
+			canDelete: !0,
+			canSelect: !0,
+			canDragDrop: !1,
+			canMove: !0,
+			canTemplate: !0,
+			itemsAllowed: [],
+			itemsNotAllowed: []
+		},
+		market: {
+			category: "internal",
+			owner: "Plitzi",
+			verified: !0,
+			license: "MIT",
+			website: "https://plitzi.com",
+			backgroundColor: "#4422ee",
+			icon: "https://cdn.plitzi.com/resources/img/favicon.svg"
+		},
+		defaultStyle: {
+			name: "Not Found",
+			displayMode: "desktop",
+			style: { base: { default: {} } }
+		},
+		settings: {}
+	}
+});
+//#endregion
+export { t as default };

package/dist/elements/internal/NotFound/index.d.ts

@@ -2,50 +2,50 @@ declare const NotFound: {
     (props: import('../../../Element/hocs/withElement').WithElementProps<import('./NotFound').NotFoundProps>): import("react").JSX.Element;
     displayName: string;
 } & {
-    type: string;
-    content: {
-        attributes: {};
-        definition: {
-            label: string;
-            type: string;
-            description: string;
-            bindings: {};
-            styleSelectors: {
-                base: string;
+    readonly type: "notFound";
+    readonly content: {
+        readonly attributes: {};
+        readonly definition: {
+            readonly label: "Not Found";
+            readonly type: "notFound";
+            readonly description: "The 404 screen shown when no route matches.";
+            readonly bindings: {};
+            readonly styleSelectors: {
+                readonly base: "";
             };
-            initialState: {
-                visibility: boolean;
+            readonly initialState: {
+                readonly visibility: true;
             };
         };
-        builder: {
-            canDelete: boolean;
-            canSelect: boolean;
-            canDragDrop: boolean;
-            canMove: boolean;
-            canTemplate: boolean;
-            itemsAllowed: never[];
-            itemsNotAllowed: never[];
+        readonly builder: {
+            readonly canDelete: true;
+            readonly canSelect: true;
+            readonly canDragDrop: false;
+            readonly canMove: true;
+            readonly canTemplate: true;
+            readonly itemsAllowed: readonly [];
+            readonly itemsNotAllowed: readonly [];
         };
-        market: {
-            category: string;
-            owner: string;
-            verified: boolean;
-            license: string;
-            website: string;
-            backgroundColor: string;
-            icon: string;
+        readonly market: {
+            readonly category: "internal";
+            readonly owner: "Plitzi";
+            readonly verified: true;
+            readonly license: "MIT";
+            readonly website: "https://plitzi.com";
+            readonly backgroundColor: "#4422ee";
+            readonly icon: "https://cdn.plitzi.com/resources/img/favicon.svg";
         };
-        defaultStyle: {
-            name: string;
-            displayMode: string;
-            style: {
-                base: {
-                    default: {};
+        readonly defaultStyle: {
+            readonly name: "Not Found";
+            readonly displayMode: "desktop";
+            readonly style: {
+                readonly base: {
+                    readonly default: {};
                 };
             };
         };
-        settings: {};
+        readonly settings: {};
     };
-};
+} & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<unknown>;
 export default NotFound;
 export { NotFound };

package/dist/elements/internal/NotFound/index.mjs

@@ -1,42 +1,6 @@
 import e from "./NotFound.mjs";
+import t from "./declaration.mjs";
 //#region src/elements/internal/NotFound/index.ts
-var t = Object.assign(e, {
-	type: "notFound",
-	content: {
-		attributes: {},
-		definition: {
-			label: "Not Found",
-			type: "notFound",
-			description: "",
-			bindings: {},
-			styleSelectors: { base: "" },
-			initialState: { visibility: !0 }
-		},
-		builder: {
-			canDelete: !0,
-			canSelect: !0,
-			canDragDrop: !1,
-			canMove: !0,
-			canTemplate: !0,
-			itemsAllowed: [],
-			itemsNotAllowed: []
-		},
-		market: {
-			category: "internal",
-			owner: "Plitzi",
-			verified: !0,
-			license: "MIT",
-			website: "https://plitzi.com",
-			backgroundColor: "#4422ee",
-			icon: "https://cdn.plitzi.com/resources/img/favicon.svg"
-		},
-		defaultStyle: {
-			name: "Not Found",
-			displayMode: "desktop",
-			style: { base: { default: {} } }
-		},
-		settings: {}
-	}
-});
+var n = Object.assign(e, t);
 //#endregion
-export { t as NotFound, t as default };
+export { n as NotFound, n as default };