@plitzi/sdk-elements 0.33.2 → 0.34.1

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

@@ -2,145 +2,153 @@ declare const DialogContainer: {
     (props: import('../../../Element/hocs/withElement').WithElementProps<import('./DialogContainer').DialogContainerProps>): import("react").JSX.Element;
     displayName: string;
 } & {
-    type: string;
-    content: {
-        attributes: {
-            headerLabel: string;
-            acceptButtonLabel: string;
-            rejectButtonLabel: string;
-            autoHideAfterClick: boolean;
+    readonly type: "dialogContainer";
+    readonly sourceType: "dialogContainer";
+    readonly content: {
+        readonly attributes: {
+            readonly headerLabel: "Dialog Header";
+            readonly acceptButtonLabel: "Accept";
+            readonly rejectButtonLabel: "Cancel";
+            readonly autoHideAfterClick: true;
         };
-        definition: {
-            label: string;
-            type: string;
-            description: string;
-            items: never[];
-            bindings: {};
-            styleSelectors: {
-                base: string;
-                backgroundContainer: string;
-                rootContainer: string;
-                headerContainer: string;
-                headerTitle: string;
-                headerCloseButton: string;
-                bodyContainer: string;
-                footerContainer: string;
-                acceptButton: string;
-                cancelButton: string;
+        readonly definition: {
+            readonly label: "Dialog Container";
+            readonly type: "dialogContainer";
+            readonly description: "A native <dialog> container shown or hidden through interactions (e.g. an onClick open/close).";
+            readonly items: readonly [];
+            readonly bindings: {};
+            readonly loadStrategy: "lazy";
+            readonly styleSelectors: {
+                readonly base: "";
+                readonly backgroundContainer: "";
+                readonly rootContainer: "";
+                readonly headerContainer: "";
+                readonly headerTitle: "";
+                readonly headerCloseButton: "";
+                readonly bodyContainer: "";
+                readonly footerContainer: "";
+                readonly acceptButton: "";
+                readonly cancelButton: "";
             };
-            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: true;
+            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: "structure";
+            readonly owner: "Plitzi";
+            readonly verified: true;
+            readonly license: "MIT";
+            readonly website: "https://plitzi.com";
+            readonly backgroundColor: "#4422ee";
+            readonly icon: "fa-regular fa-clone";
         };
-        defaultStyle: {
-            name: string;
-            displayMode: string;
-            style: {
-                base: {
-                    default: {
-                        position: string;
-                        top: string;
-                        bottom: string;
-                        left: string;
-                        right: string;
+        readonly defaultStyle: {
+            readonly name: "Dialog Container";
+            readonly displayMode: "desktop";
+            readonly style: {
+                readonly base: {
+                    readonly default: {
+                        readonly position: "absolute";
+                        readonly top: "0";
+                        readonly bottom: "0";
+                        readonly left: "0";
+                        readonly right: "0";
                     };
                 };
-                backgroundContainer: {
-                    default: {
-                        height: string;
-                        width: string;
-                        left: string;
-                        top: string;
-                        position: string;
-                        'background-color': string;
-                        opacity: string;
+                readonly backgroundContainer: {
+                    readonly default: {
+                        readonly height: "100%";
+                        readonly width: "100%";
+                        readonly left: "0";
+                        readonly top: "0";
+                        readonly position: "absolute";
+                        readonly 'background-color': "black";
+                        readonly opacity: "0.5";
                     };
                 };
-                rootContainer: {
-                    default: {
-                        display: string;
-                        'flex-direction': string;
-                        position: string;
-                        top: string;
-                        left: string;
-                        width: string;
-                        height: string;
-                        'background-color': string;
-                        transform: string;
-                        'padding-top': string;
-                        'padding-bottom': string;
-                        'padding-left': string;
-                        'padding-right': string;
-                        'border-top-left-radius': string;
-                        'border-top-right-radius': string;
-                        'border-bottom-left-radius': string;
-                        'border-bottom-right-radius': string;
+                readonly rootContainer: {
+                    readonly default: {
+                        readonly display: "flex";
+                        readonly 'flex-direction': "column";
+                        readonly position: "absolute";
+                        readonly top: "50%";
+                        readonly left: "50%";
+                        readonly width: "500px";
+                        readonly height: "300px";
+                        readonly 'background-color': "white";
+                        readonly transform: "translate3d(-50%, -50%, 0px)";
+                        readonly 'padding-top': "20px";
+                        readonly 'padding-bottom': "20px";
+                        readonly 'padding-left': "20px";
+                        readonly 'padding-right': "20px";
+                        readonly 'border-top-left-radius': "8px";
+                        readonly 'border-top-right-radius': "8px";
+                        readonly 'border-bottom-left-radius': "8px";
+                        readonly 'border-bottom-right-radius': "8px";
                     };
                 };
-                headerContainer: {
-                    default: {
-                        display: string;
-                        'align-items': string;
-                        'justify-content': string;
+                readonly headerContainer: {
+                    readonly default: {
+                        readonly display: "flex";
+                        readonly 'align-items': "center";
+                        readonly 'justify-content': "space-between";
                     };
                 };
-                headerTitle: {
-                    default: {
-                        'font-size': string;
-                        'font-weight': string;
-                        'line-height': string;
-                        color: string;
+                readonly headerTitle: {
+                    readonly default: {
+                        readonly 'font-size': "20px";
+                        readonly 'font-weight': "500";
+                        readonly 'line-height': "1.2";
+                        readonly color: "#333";
                     };
                 };
-                headerCloseButton: {
-                    default: {
-                        height: string;
-                        width: string;
-                        padding: string;
-                        display: string;
-                        'justify-content': string;
-                        'align-items': string;
-                        cursor: string;
+                readonly headerCloseButton: {
+                    readonly default: {
+                        readonly height: "20px";
+                        readonly width: "20px";
+                        readonly padding: "4px";
+                        readonly display: "flex";
+                        readonly 'justify-content': "center";
+                        readonly 'align-items': "center";
+                        readonly cursor: "pointer";
                     };
                 };
-                bodyContainer: {
-                    default: {
-                        display: string;
-                        'flex-direction': string;
-                        'flex-grow': string;
-                        'flex-basis': string;
+                readonly bodyContainer: {
+                    readonly default: {
+                        readonly display: "flex";
+                        readonly 'flex-direction': "column";
+                        readonly 'flex-grow': "1";
+                        readonly 'flex-basis': "0";
                     };
                 };
-                footerContainer: {
-                    default: {
-                        display: string;
-                        'justify-content': string;
-                        'margin-top': string;
+                readonly footerContainer: {
+                    readonly default: {
+                        readonly display: "flex";
+                        readonly 'justify-content': "flex-end";
+                        readonly 'margin-top': "8px";
                     };
                 };
             };
-            subTypes: {};
+            readonly subTypes: {};
         };
-        settings: {};
+        readonly settings: {};
     };
-    initialItems: string[];
-};
+    readonly initialItems: readonly ["container"];
+} & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<Partial<{
+    headerLabel: string;
+    acceptButtonLabel: string;
+    acceptButtonLabelLoading: string;
+    rejectButtonLabel: string;
+    autoHideAfterClick: boolean;
+}>>;
 export default DialogContainer;

package/dist/elements/structure/DialogContainer/index.mjs

@@ -1,128 +1,6 @@
-import e from "./DialogContainer.mjs";
+import e from "./declaration.mjs";
+import t from "./DialogContainer.mjs";
 //#region src/elements/structure/DialogContainer/index.ts
-var t = Object.assign(e, {
-	type: "dialogContainer",
-	content: {
-		attributes: {
-			headerLabel: "Dialog Header",
-			acceptButtonLabel: "Accept",
-			rejectButtonLabel: "Cancel",
-			autoHideAfterClick: !0
-		},
-		definition: {
-			label: "Dialog Container",
-			type: "dialogContainer",
-			description: "",
-			items: [],
-			bindings: {},
-			styleSelectors: {
-				base: "",
-				backgroundContainer: "",
-				rootContainer: "",
-				headerContainer: "",
-				headerTitle: "",
-				headerCloseButton: "",
-				bodyContainer: "",
-				footerContainer: "",
-				acceptButton: "",
-				cancelButton: ""
-			},
-			initialState: { visibility: !0 }
-		},
-		builder: {
-			canDelete: !0,
-			canSelect: !0,
-			canDragDrop: !0,
-			canMove: !0,
-			canTemplate: !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: "Dialog Container",
-			displayMode: "desktop",
-			style: {
-				base: { default: {
-					position: "absolute",
-					top: "0",
-					bottom: "0",
-					left: "0",
-					right: "0"
-				} },
-				backgroundContainer: { default: {
-					height: "100%",
-					width: "100%",
-					left: "0",
-					top: "0",
-					position: "absolute",
-					"background-color": "black",
-					opacity: "0.5"
-				} },
-				rootContainer: { default: {
-					display: "flex",
-					"flex-direction": "column",
-					position: "absolute",
-					top: "50%",
-					left: "50%",
-					width: "500px",
-					height: "300px",
-					"background-color": "white",
-					transform: "translate3d(-50%, -50%, 0px)",
-					"padding-top": "20px",
-					"padding-bottom": "20px",
-					"padding-left": "20px",
-					"padding-right": "20px",
-					"border-top-left-radius": "8px",
-					"border-top-right-radius": "8px",
-					"border-bottom-left-radius": "8px",
-					"border-bottom-right-radius": "8px"
-				} },
-				headerContainer: { default: {
-					display: "flex",
-					"align-items": "center",
-					"justify-content": "space-between"
-				} },
-				headerTitle: { default: {
-					"font-size": "20px",
-					"font-weight": "500",
-					"line-height": "1.2",
-					color: "#333"
-				} },
-				headerCloseButton: { default: {
-					height: "20px",
-					width: "20px",
-					padding: "4px",
-					display: "flex",
-					"justify-content": "center",
-					"align-items": "center",
-					cursor: "pointer"
-				} },
-				bodyContainer: { default: {
-					display: "flex",
-					"flex-direction": "column",
-					"flex-grow": "1",
-					"flex-basis": "0"
-				} },
-				footerContainer: { default: {
-					display: "flex",
-					"justify-content": "flex-end",
-					"margin-top": "8px"
-				} }
-			},
-			subTypes: {}
-		},
-		settings: {}
-	},
-	initialItems: ["container"]
-});
+var n = Object.assign(t, e);
 //#endregion
-export { t as default };
+export { n as default };

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

@@ -1,23 +1,23 @@
-import e from "./modes/ListBasic.mjs";
-import t from "./modes/ListControlled/index.mjs";
-import n from "../../../Element/hocs/withElement.mjs";
+import e from "../../../Element/hocs/withElement.mjs";
+import t from "./modes/ListBasic.mjs";
+import n from "./modes/ListControlled/index.mjs";
 import { jsx as r } from "react/jsx-runtime";
 //#region src/elements/structure/List/List.tsx
-var i = ({ ref: n, className: i = "", subType: a = "ul", children: o, items: s = [], source: c = "none" }) => {
+var i = ({ ref: e, className: i = "", subType: a = "ul", children: o, items: s = [], source: c = "none" }) => {
 	switch (c) {
-		case "controlled": return /* @__PURE__ */ r(t, {
-			ref: n,
+		case "controlled": return /* @__PURE__ */ r(n, {
+			ref: e,
 			className: i,
 			items: s,
 			children: o
 		});
-		default: return /* @__PURE__ */ r(e, {
-			ref: n,
+		default: return /* @__PURE__ */ r(t, {
+			ref: e,
 			className: i,
 			subType: a,
 			children: o
 		});
 	}
-}, a = n(i);
+}, a = e(i);
 //#endregion
 export { i as List, a as default };

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

@@ -1,13 +1,13 @@
-import { RootElement as e } from "../../../../Element/RootElement.mjs";
-import t from "../../../../Element/hocs/withElement.mjs";
+import e from "../../../../Element/hocs/withElement.mjs";
+import { RootElement as t } from "../../../../Element/RootElement.mjs";
 import { jsx as n } from "react/jsx-runtime";
 import r from "clsx";
 //#region src/elements/structure/List/ListItem/ListItem.tsx
-var i = ({ ref: t, className: i = "", children: a }) => /* @__PURE__ */ n(e, {
+var i = ({ ref: e, className: i = "", children: a }) => /* @__PURE__ */ n(t, {
 	tag: "li",
-	ref: t,
+	ref: e,
 	className: r("plitzi-component__list-item", i),
 	children: a
-}), a = t(i);
+}), a = e(i);
 //#endregion
 export { i as ListItem, a as default };

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

@@ -0,0 +1,52 @@
+import { ListItemProps } from './ListItem';
+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 ListItemAttributes = AuthorableAttributes<ListItemProps>;
+declare const declaration: {
+    readonly type: "listItem";
+    readonly content: {
+        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 builder: {
+            readonly canDelete: true;
+            readonly canSelect: true;
+            readonly canDragDrop: true;
+            readonly canMove: true;
+            readonly canTemplate: true;
+            readonly itemsAllowed: readonly [];
+            readonly itemsNotAllowed: readonly ["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-list";
+        };
+        readonly defaultStyle: {
+            readonly name: "List Item";
+            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/structure/List/ListItem/declaration.mjs

@@ -0,0 +1,43 @@
+import { elementDeclaration as e } from "@plitzi/sdk-shared/authoring/declare";
+//#region src/elements/structure/List/ListItem/declaration.ts
+var t = e()({
+	type: "listItem",
+	content: {
+		attributes: {},
+		definition: {
+			label: "List Item",
+			type: "listItem",
+			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.",
+			items: [],
+			bindings: {},
+			styleSelectors: { base: "" },
+			initialState: { visibility: !0 }
+		},
+		builder: {
+			canDelete: !0,
+			canSelect: !0,
+			canDragDrop: !0,
+			canMove: !0,
+			canTemplate: !0,
+			itemsAllowed: [],
+			itemsNotAllowed: ["listItem"]
+		},
+		market: {
+			category: "structure",
+			owner: "Plitzi",
+			verified: !0,
+			license: "MIT",
+			website: "https://plitzi.com",
+			backgroundColor: "#4422ee",
+			icon: "fa-solid fa-list"
+		},
+		defaultStyle: {
+			name: "List Item",
+			displayMode: "desktop",
+			style: { base: { default: {} } }
+		},
+		settings: {}
+	}
+});
+//#endregion
+export { t as default };

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

@@ -2,53 +2,50 @@ declare const ListItem: {
     (props: import('../../../../Element/hocs/withElement').WithElementProps<import('./ListItem').ListItemProps>): import("react").JSX.Element;
     displayName: string;
 } & {
-    type: string;
-    content: {
-        attributes: {};
-        definition: {
-            label: string;
-            type: string;
-            description: string;
-            items: never[];
-            bindings: {};
-            styleSelectors: {
-                base: string;
+    readonly type: "listItem";
+    readonly content: {
+        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: "";
             };
-            initialState: {
-                visibility: boolean;
+            readonly initialState: {
+                readonly visibility: true;
             };
         };
-        builder: {
-            canDelete: boolean;
-            canSelect: boolean;
-            canDragDrop: boolean;
-            canMove: boolean;
-            canTemplate: boolean;
-            itemsAllowed: never[];
-            itemsNotAllowed: string[];
+        readonly builder: {
+            readonly canDelete: true;
+            readonly canSelect: true;
+            readonly canDragDrop: true;
+            readonly canMove: true;
+            readonly canTemplate: true;
+            readonly itemsAllowed: readonly [];
+            readonly itemsNotAllowed: readonly ["listItem"];
         };
-        market: {
-            category: string;
-            owner: string;
-            verified: boolean;
-            license: string;
-            website: string;
-            backgroundColor: string;
-            icon: string;
+        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";
         };
-        defaultStyle: {
-            name: string;
-            displayMode: string;
-            style: {
-                base: {
-                    default: {
-                        'min-width': string;
-                        'min-height': string;
-                    };
+        readonly defaultStyle: {
+            readonly name: "List Item";
+            readonly displayMode: "desktop";
+            readonly style: {
+                readonly base: {
+                    readonly default: {};
                 };
             };
         };
-        settings: {};
+        readonly settings: {};
     };
-};
+} & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<unknown>;
 export default ListItem;