@plitzi/sdk-elements 0.38.10 → 0.38.12

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

@@ -13,38 +13,17 @@ declare const Carousel: {
                 readonly attributes: {};
                 readonly definition: {
                     readonly label: "Carousel Track";
-                    readonly type: "carouselTrack";
                     readonly description: "Where a carousel shows its slides: what is inside is one slide, rendered once per item.";
-                    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: false;
-                    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-film";
                 };
                 readonly defaultStyle: {
-                    readonly name: "Carousel Track";
-                    readonly displayMode: "desktop";
                     readonly style: {
                         readonly base: {
                             readonly default: {
@@ -54,8 +33,9 @@ declare const Carousel: {
                         };
                     };
                 };
-                readonly settings: {};
             };
+        } & {
+            content: import('@plitzi/sdk-shared/authoring/declare').ElementContentDefaults;
         } & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<unknown>;
     };
     type: "carousel";
@@ -129,38 +109,14 @@ declare const Carousel: {
         };
         readonly definition: {
             readonly label: "Carousel";
-            readonly type: "carousel";
             readonly description: "Items shown one at a time, scrolled past as a marquee, or swiped as a row — with controls of its own inside.";
-            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-images";
         };
         readonly defaultStyle: {
-            readonly name: "Carousel";
-            readonly displayMode: "desktop";
             readonly style: {
                 readonly base: {
                     readonly default: {
@@ -169,8 +125,7 @@ declare const Carousel: {
                 };
             };
         };
-        readonly settings: {};
-    };
+    } & import('@plitzi/sdk-shared/authoring/declare').ElementContentDefaults;
     initialItems: readonly ["carouselTrack"];
     __attributes: Partial<{
         mode?: import('./CarouselContext').CarouselMode | undefined;
@@ -178,9 +133,9 @@ declare const Carousel: {
         items?: unknown[] | undefined;
         speed?: number | undefined;
         loop?: boolean | undefined;
+        transition?: import('./CarouselContext').CarouselTransition | undefined;
         pauseOnHover?: boolean | undefined;
         autoplay?: number | undefined;
-        transition?: import('./CarouselContext').CarouselTransition | undefined;
         itemKey?: string | undefined;
     }>;
 };

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

@@ -1,121 +1,122 @@
-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 a from "@plitzi/plitzi-ui/Select";
+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";
+import o from "@plitzi/plitzi-ui/Select";
 //#region src/elements/structure/Container/Settings.tsx
-var o = ({ subType: o = "div", label: s = "", decorative: c = !1, onUpdate: l }) => {
-	let u = e((e) => (t) => l?.(e, t), [l]), d = e((e) => l?.("decorative", e.target.checked), [l]);
-	return /* @__PURE__ */ n("div", {
+var s = ({ subType: s = "div", label: c = "", decorative: l = !1, onUpdate: u }) => {
+	let d = e(u), f = t((e) => u?.("decorative", e.target.checked), [u]);
+	return /* @__PURE__ */ r("div", {
 		className: "flex flex-col gap-4 py-2",
 		children: [
-			/* @__PURE__ */ n(a, {
+			/* @__PURE__ */ r(o, {
 				label: "ContainerTag",
-				value: o,
-				onChange: u("subType"),
+				value: s,
+				onChange: d.text("subType"),
 				size: "xs",
 				children: [
-					/* @__PURE__ */ t("option", {
+					/* @__PURE__ */ n("option", {
 						value: "div",
 						children: "Div"
 					}),
-					/* @__PURE__ */ t("option", {
+					/* @__PURE__ */ n("option", {
 						value: "header",
 						children: "Header"
 					}),
-					/* @__PURE__ */ t("option", {
+					/* @__PURE__ */ n("option", {
 						value: "footer",
 						children: "Footer"
 					}),
-					/* @__PURE__ */ t("option", {
+					/* @__PURE__ */ n("option", {
 						value: "nav",
 						children: "Nav"
 					}),
-					/* @__PURE__ */ t("option", {
+					/* @__PURE__ */ n("option", {
 						value: "main",
 						children: "Main"
 					}),
-					/* @__PURE__ */ t("option", {
+					/* @__PURE__ */ n("option", {
 						value: "section",
 						children: "Section"
 					}),
-					/* @__PURE__ */ t("option", {
+					/* @__PURE__ */ n("option", {
 						value: "article",
 						children: "Article"
 					}),
-					/* @__PURE__ */ t("option", {
+					/* @__PURE__ */ n("option", {
 						value: "aside",
 						children: "Aside"
 					}),
-					/* @__PURE__ */ t("option", {
+					/* @__PURE__ */ n("option", {
 						value: "address",
 						children: "Address"
 					}),
-					/* @__PURE__ */ t("option", {
+					/* @__PURE__ */ n("option", {
 						value: "figure",
 						children: "Figure"
 					}),
-					/* @__PURE__ */ t("option", {
+					/* @__PURE__ */ n("option", {
 						value: "dl",
 						children: "DL"
 					}),
-					/* @__PURE__ */ t("option", {
+					/* @__PURE__ */ n("option", {
 						value: "dt",
 						children: "DT"
 					}),
-					/* @__PURE__ */ t("option", {
+					/* @__PURE__ */ n("option", {
 						value: "dd",
 						children: "DD"
 					}),
-					/* @__PURE__ */ t("option", {
+					/* @__PURE__ */ n("option", {
 						value: "li",
 						children: "LI"
 					}),
-					/* @__PURE__ */ t("option", {
+					/* @__PURE__ */ n("option", {
 						value: "h1",
 						children: "H1 (heading with parts)"
 					}),
-					/* @__PURE__ */ t("option", {
+					/* @__PURE__ */ n("option", {
 						value: "h2",
 						children: "H2 (heading with parts)"
 					}),
-					/* @__PURE__ */ t("option", {
+					/* @__PURE__ */ n("option", {
 						value: "h3",
 						children: "H3 (heading with parts)"
 					}),
-					/* @__PURE__ */ t("option", {
+					/* @__PURE__ */ n("option", {
 						value: "h4",
 						children: "H4 (heading with parts)"
 					}),
-					/* @__PURE__ */ t("option", {
+					/* @__PURE__ */ n("option", {
 						value: "h5",
 						children: "H5 (heading with parts)"
 					}),
-					/* @__PURE__ */ t("option", {
+					/* @__PURE__ */ n("option", {
 						value: "h6",
 						children: "H6 (heading with parts)"
 					}),
-					/* @__PURE__ */ t("option", {
+					/* @__PURE__ */ n("option", {
 						value: "span",
 						children: "Span (inline)"
 					})
 				]
 			}),
-			/* @__PURE__ */ t(i, {
-				value: s,
+			/* @__PURE__ */ n(a, {
+				value: c,
 				label: "Region Name",
 				placeholder: "e.g. Main navigation, Search results",
-				onChange: u("label"),
+				onChange: d.text("label"),
 				size: "xs"
 			}),
-			/* @__PURE__ */ t(r, {
-				checked: c,
+			/* @__PURE__ */ n(i, {
+				checked: l,
 				label: "Decorative (hidden from screen readers)",
-				onChange: d,
+				onChange: f,
 				size: "xs"
 			})
 		]
 	});
 };
 //#endregion
-export { o as default };
+export { s as default };

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

@@ -8,7 +8,7 @@ export type ContainerAttributes = AuthorableAttributes<ContainerProps>;
  * hold (a heading, a list item) or refuse one outright, so a label on them would be read by nobody.
  */
 export declare const NAMEABLE_CONTAINER_TAGS: readonly NonNullable<ContainerProps['subType']>[];
-declare const declaration: {
+declare const declaration: import('@plitzi/sdk-shared/authoring/declare').DeclaredElement<{
     readonly type: "container";
     readonly attributeValues: {
         readonly subType: readonly string[];
@@ -20,38 +20,14 @@ declare const declaration: {
         };
         readonly definition: {
             readonly label: "Container";
-            readonly type: "container";
             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-crop-simple";
         };
         readonly defaultStyle: {
-            readonly name: "Container";
-            readonly displayMode: "desktop";
             readonly style: {
                 readonly base: {
                     readonly default: {};
@@ -59,9 +35,8 @@ declare const declaration: {
             };
             readonly subTypes: {};
         };
-        readonly settings: {};
     };
-} & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<Partial<{
+}, Partial<{
     label?: string | undefined;
     title?: string | undefined;
     subType?: "div" | "header" | "footer" | "nav" | "main" | "section" | "article" | "aside" | "address" | "figure" | "dl" | "dt" | "dd" | "li" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span" | undefined;

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

@@ -47,38 +47,17 @@ var n = [
 		attributes: { subType: "div" },
 		definition: {
 			label: "Container",
-			type: "container",
 			description: "Generic layout box (a div). The primary building block for structure: groups and positions child elements with flex/grid. Reach for it whenever you need to wrap or arrange other elements.",
-			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-crop-simple"
 		},
 		defaultStyle: {
-			name: "Container",
-			displayMode: "desktop",
 			style: { base: { default: {} } },
 			subTypes: {}
-		},
-		settings: {}
+		}
 	}
 });
 //#endregion

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

@@ -13,38 +13,14 @@ declare const Container: {
         };
         readonly definition: {
             readonly label: "Container";
-            readonly type: "container";
             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-crop-simple";
         };
         readonly defaultStyle: {
-            readonly name: "Container";
-            readonly displayMode: "desktop";
             readonly style: {
                 readonly base: {
                     readonly default: {};
@@ -52,8 +28,9 @@ declare const Container: {
             };
             readonly subTypes: {};
         };
-        readonly settings: {};
     };
+} & {
+    content: import('@plitzi/sdk-shared/authoring/declare').ElementContentDefaults;
 } & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<Partial<{
     label?: string | undefined;
     title?: string | undefined;

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

@@ -1,13 +1,13 @@
 import { ReactNode, RefObject } from 'react';
 export type DialogContainerProps = {
-    ref: RefObject<HTMLElement>;
-    className: string;
-    children: ReactNode;
-    headerLabel: string;
-    acceptButtonLabel: string;
-    acceptButtonLabelLoading: string;
-    rejectButtonLabel: string;
-    autoHideAfterClick: boolean;
+    ref?: RefObject<HTMLElement>;
+    className?: string;
+    children?: ReactNode;
+    headerLabel?: string;
+    acceptButtonLabel?: string;
+    acceptButtonLabelLoading?: string;
+    rejectButtonLabel?: string;
+    autoHideAfterClick?: boolean;
 };
 declare const DialogContainer: ({ ref, className, children, headerLabel, acceptButtonLabel, acceptButtonLabelLoading, rejectButtonLabel, autoHideAfterClick }: DialogContainerProps) => import('react').JSX.Element;
 declare const _default: {