@plitzi/sdk-elements 0.38.11 → 0.38.12

package/dist/elements/structure/Carousel/CarouselTrack/declaration.d.ts

@@ -2,45 +2,24 @@ import { CarouselTrackProps } from './CarouselTrack';
 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 CarouselTrackAttributes = AuthorableAttributes<CarouselTrackProps>;
-declare const declaration: {
+declare const declaration: import('@plitzi/sdk-shared/authoring/declare').DeclaredElement<{
     readonly type: "carouselTrack";
     readonly ancestorType: "carousel";
     readonly content: {
         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: {
@@ -50,7 +29,6 @@ declare const declaration: {
                 };
             };
         };
-        readonly settings: {};
     };
-} & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<unknown>;
+}, unknown>;
 export default declaration;

package/dist/elements/structure/Carousel/CarouselTrack/declaration.mjs

@@ -7,40 +7,18 @@ var t = e()({
 		attributes: {},
 		definition: {
 			label: "Carousel Track",
-			type: "carouselTrack",
 			description: "Where a carousel shows its slides: what is inside is one slide, rendered once per item.",
-			items: [],
-			bindings: {},
-			styleSelectors: { base: "" },
-			initialState: { visibility: !0 }
-		},
-		builder: {
-			canDelete: !0,
-			canSelect: !0,
-			canDragDrop: !0,
-			canMove: !0,
-			canSnippet: !1,
-			itemsAllowed: [],
-			itemsNotAllowed: []
+			items: []
 		},
+		builder: { canSnippet: !1 },
 		market: {
 			category: "structure",
-			owner: "Plitzi",
-			verified: !0,
-			license: "MIT",
-			website: "https://plitzi.com",
-			backgroundColor: "#4422ee",
 			icon: "fa-solid fa-film"
 		},
-		defaultStyle: {
-			name: "Carousel Track",
-			displayMode: "desktop",
-			style: { base: { default: {
-				position: "relative",
-				overflow: "hidden"
-			} } }
-		},
-		settings: {}
+		defaultStyle: { style: { base: { default: {
+			position: "relative",
+			overflow: "hidden"
+		} } } }
 	}
 });
 //#endregion

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

@@ -8,38 +8,17 @@ declare const CarouselTrack: {
         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: {
@@ -49,7 +28,8 @@ declare const CarouselTrack: {
                 };
             };
         };
-        readonly settings: {};
     };
+} & {
+    content: import('@plitzi/sdk-shared/authoring/declare').ElementContentDefaults;
 } & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<unknown>;
 export default CarouselTrack;

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

@@ -1,97 +1,98 @@
-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/Carousel/Settings.tsx
-var o = ({ mode: o = "slide", autoplay: s = 0, pauseOnHover: c = !0, loop: l = !0, transition: u = "slide", speed: d = 30, itemKey: f = "", label: p = "", onUpdate: m }) => {
-	let h = e((e) => (t) => m?.(e, t), [m]), g = e((e) => (t) => m?.(e, Math.max(0, Math.round(Number(t) || 0))), [m]), _ = e((e) => (t) => m?.(e, t.target.checked), [m]);
-	return /* @__PURE__ */ n("div", {
+var s = ({ mode: s = "slide", autoplay: c = 0, pauseOnHover: l = !0, loop: u = !0, transition: d = "slide", speed: f = 30, itemKey: p = "", label: m = "", onUpdate: h }) => {
+	let g = e(h), _ = t((e) => (t) => h?.(e, Math.max(0, Math.round(Number(t) || 0))), [h]);
+	return /* @__PURE__ */ r("div", {
 		className: "flex flex-col gap-4 py-2",
 		children: [
-			/* @__PURE__ */ t(i, {
+			/* @__PURE__ */ n(a, {
 				label: "Label",
 				size: "xs",
 				placeholder: "Featured products",
-				value: p,
-				onChange: h("label")
+				value: m,
+				onChange: g.text("label")
 			}),
-			/* @__PURE__ */ n(a, {
+			/* @__PURE__ */ r(o, {
 				label: "Mode",
-				value: o,
-				onChange: h("mode"),
+				value: s,
+				onChange: g.text("mode"),
 				size: "xs",
 				children: [
-					/* @__PURE__ */ t("option", {
+					/* @__PURE__ */ n("option", {
 						value: "slide",
 						children: "One slide at a time"
 					}),
-					/* @__PURE__ */ t("option", {
+					/* @__PURE__ */ n("option", {
 						value: "marquee",
 						children: "Marquee"
 					}),
-					/* @__PURE__ */ t("option", {
+					/* @__PURE__ */ n("option", {
 						value: "scroll",
 						children: "Scrolling row"
 					})
 				]
 			}),
-			o === "slide" && /* @__PURE__ */ n(a, {
+			s === "slide" && /* @__PURE__ */ r(o, {
 				label: "Transition",
-				value: u,
-				onChange: h("transition"),
+				value: d,
+				onChange: g.text("transition"),
 				size: "xs",
 				children: [
-					/* @__PURE__ */ t("option", {
+					/* @__PURE__ */ n("option", {
 						value: "slide",
 						children: "Slide"
 					}),
-					/* @__PURE__ */ t("option", {
+					/* @__PURE__ */ n("option", {
 						value: "fade",
 						children: "Fade"
 					}),
-					/* @__PURE__ */ t("option", {
+					/* @__PURE__ */ n("option", {
 						value: "none",
 						children: "None"
 					})
 				]
 			}),
-			o === "slide" && /* @__PURE__ */ t(i, {
+			s === "slide" && /* @__PURE__ */ n(a, {
 				type: "number",
 				label: "Autoplay (ms, 0 for none)",
 				size: "xs",
-				value: String(s),
-				onChange: g("autoplay")
+				value: String(c),
+				onChange: _("autoplay")
 			}),
-			o === "marquee" && /* @__PURE__ */ t(i, {
+			s === "marquee" && /* @__PURE__ */ n(a, {
 				type: "number",
 				label: "Speed (px per second)",
 				size: "xs",
-				value: String(d),
-				onChange: g("speed")
+				value: String(f),
+				onChange: _("speed")
 			}),
-			/* @__PURE__ */ t(r, {
-				checked: c,
-				onChange: _("pauseOnHover"),
+			/* @__PURE__ */ n(i, {
+				checked: l,
+				onChange: g.checked("pauseOnHover"),
 				label: "Pause on hover",
 				size: "xs"
 			}),
-			o === "slide" && /* @__PURE__ */ t(r, {
-				checked: l,
-				onChange: _("loop"),
+			s === "slide" && /* @__PURE__ */ n(i, {
+				checked: u,
+				onChange: g.checked("loop"),
 				label: "Loop",
 				size: "xs"
 			}),
-			/* @__PURE__ */ t(i, {
+			/* @__PURE__ */ n(a, {
 				label: "Row key",
 				size: "xs",
 				placeholder: "id",
-				value: f,
+				value: p,
 				title: "The field of each item that names it, so a slide stays with its item when the items change.",
-				onChange: h("itemKey")
+				onChange: g.text("itemKey")
 			})
 		]
 	});
 };
 //#endregion
-export { o as default };
+export { s as default };

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

@@ -2,7 +2,7 @@ import { CarouselProps } from './Carousel';
 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 CarouselAttributes = AuthorableAttributes<CarouselProps>;
-declare const declaration: {
+declare const declaration: import('@plitzi/sdk-shared/authoring/declare').DeclaredElement<{
     readonly type: "carousel";
     readonly sourceType: "carousel";
     readonly triggers: {
@@ -74,38 +74,14 @@ declare const declaration: {
         };
         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: {
@@ -114,18 +90,17 @@ declare const declaration: {
                 };
             };
         };
-        readonly settings: {};
     };
     readonly initialItems: readonly ["carouselTrack"];
-} & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<Partial<{
+}, Partial<{
     mode?: import('./CarouselContext').CarouselMode | undefined;
     label?: string | undefined;
     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;
 }>>;
 export default declaration;

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

@@ -68,37 +68,14 @@ var t = e()({
 		},
 		definition: {
 			label: "Carousel",
-			type: "carousel",
 			description: "Items shown one at a time, scrolled past as a marquee, or swiped as a row — with controls of its own inside.",
-			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-images"
 		},
-		defaultStyle: {
-			name: "Carousel",
-			displayMode: "desktop",
-			style: { base: { default: { position: "relative" } } }
-		},
-		settings: {}
+		defaultStyle: { style: { base: { default: { position: "relative" } } } }
 	},
 	initialItems: ["carouselTrack"]
 });

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;
     }>;
 };