@plitzi/sdk-elements 0.33.1 → 0.34.0

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

@@ -2,66 +2,74 @@ declare const Pagination: {
     (props: import('../../../Element/hocs/withElement').WithElementProps<import('./Pagination').PaginationProps>): import("react").JSX.Element;
     displayName: string;
 } & {
-    type: string;
-    content: {
-        attributes: {
-            pageInfo: {};
-            mode: string;
-            target: string;
-            pageParam: string;
-            windowSize: number;
-            previousLabel: string;
-            nextLabel: string;
-            loadMoreLabel: string;
+    readonly type: "pagination";
+    readonly content: {
+        readonly attributes: {
+            readonly pageInfo: {};
+            readonly mode: "pages";
+            readonly target: "url";
+            readonly pageParam: "page";
+            readonly windowSize: 5;
+            readonly previousLabel: "Previous";
+            readonly nextLabel: "Next";
+            readonly loadMoreLabel: "Load more";
         };
-        definition: {
-            label: string;
-            type: string;
-            description: string;
-            items: never[];
-            bindings: {};
-            styleSelectors: {
-                base: string;
+        readonly definition: {
+            readonly label: "Pagination";
+            readonly type: "pagination";
+            readonly 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.";
+            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: 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-solid fa-ellipsis";
         };
-        defaultStyle: {
-            name: string;
-            displayMode: string;
-            style: {
-                base: {
-                    default: {
-                        display: string;
-                        'align-items': string;
-                        gap: string;
-                        'min-width': string;
-                        'min-height': string;
+        readonly defaultStyle: {
+            readonly name: "Pagination";
+            readonly displayMode: "desktop";
+            readonly style: {
+                readonly base: {
+                    readonly default: {
+                        readonly display: "flex";
+                        readonly 'align-items': "center";
+                        readonly 'row-gap': "8px";
+                        readonly 'column-gap': "8px";
                     };
                 };
             };
-            subTypes: {};
+            readonly subTypes: {};
         };
-        settings: {};
+        readonly settings: {};
     };
-};
+} & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<Partial<{
+    mode?: "pages" | "loadMore" | undefined;
+    target?: "url" | "interaction" | undefined;
+    pageParam?: string | undefined;
+    pageInfo?: import('./Pagination').PaginationPageInfo | undefined;
+    windowSize?: number | undefined;
+    previousLabel?: string | undefined;
+    nextLabel?: string | undefined;
+    loadMoreLabel?: string | undefined;
+}>>;
 export default Pagination;

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

@@ -1,59 +1,6 @@
-import e from "./Pagination.mjs";
+import e from "./declaration.mjs";
+import t from "./Pagination.mjs";
 //#region src/elements/structure/Pagination/index.ts
-var t = Object.assign(e, {
-	type: "pagination",
-	content: {
-		attributes: {
-			pageInfo: {},
-			mode: "pages",
-			target: "url",
-			pageParam: "page",
-			windowSize: 5,
-			previousLabel: "Previous",
-			nextLabel: "Next",
-			loadMoreLabel: "Load more"
-		},
-		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.",
-			items: [],
-			bindings: {},
-			styleSelectors: { base: "" },
-			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-solid fa-ellipsis"
-		},
-		defaultStyle: {
-			name: "Pagination",
-			displayMode: "desktop",
-			style: { base: { default: {
-				display: "flex",
-				"align-items": "center",
-				gap: "8px",
-				"min-width": "50px",
-				"min-height": "50px"
-			} } },
-			subTypes: {}
-		},
-		settings: {}
-	}
-});
+var n = Object.assign(t, e);
 //#endregion
-export { t as default };
+export { n as default };

package/dist/elements/structure/TabContainer/TabContainer.mjs

@@ -1,23 +1,23 @@
-import { RootElement as e } from "../../../Element/RootElement.mjs";
-import t from "./TabContainerContext.mjs";
-import n from "../../../Element/hocs/withElement.mjs";
+import e from "../../../Element/hocs/withElement.mjs";
+import { RootElement as t } from "../../../Element/RootElement.mjs";
+import n from "./TabContainerContext.mjs";
 import { useMemo as r, useState as i } from "react";
 import { jsx as a } from "react/jsx-runtime";
 import o from "clsx";
 //#region src/elements/structure/TabContainer/TabContainer.tsx
-var s = ({ ref: n, className: s = "", children: c }) => {
+var s = ({ ref: e, className: s = "", children: c }) => {
 	let [l, u] = i(0), d = r(() => ({
 		tabSelected: l,
 		onSelect: u
 	}), [l]);
-	return /* @__PURE__ */ a(e, {
-		ref: n,
+	return /* @__PURE__ */ a(t, {
+		ref: e,
 		className: o("plitzi-component__tab-container", s),
-		children: /* @__PURE__ */ a(t, {
+		children: /* @__PURE__ */ a(n, {
 			value: d,
 			children: c
 		})
 	});
-}, c = n(s);
+}, c = e(s);
 //#endregion
 export { s as TabContainer, c as default };

package/dist/elements/structure/TabContainer/TabContainerBody/TabContainerBody.mjs

@@ -1,12 +1,12 @@
-import { RootElement as e } from "../../../../Element/RootElement.mjs";
-import t from "../TabContainerContext.mjs";
-import n from "../../../../Element/hocs/withElement.mjs";
+import e from "../../../../Element/hocs/withElement.mjs";
+import { RootElement as t } from "../../../../Element/RootElement.mjs";
+import n from "../TabContainerContext.mjs";
 import { Children as r, cloneElement as i, isValidElement as a, use as o, useMemo as s } from "react";
 import { jsx as c } from "react/jsx-runtime";
 import l from "clsx";
 //#region src/elements/structure/TabContainer/TabContainerBody/TabContainerBody.tsx
-var u = ({ ref: n, className: u = "", children: d }) => {
-	let { tabSelected: f, onSelect: p } = o(t), { childrenParsed: m } = s(() => {
+var u = ({ ref: e, className: u = "", children: d }) => {
+	let { tabSelected: f, onSelect: p } = o(n), { childrenParsed: m } = s(() => {
 		let e = { childrenParsed: [] };
 		return r.forEach(d, (t, n) => {
 			if (!a(t)) return;
@@ -26,11 +26,11 @@ var u = ({ ref: n, className: u = "", children: d }) => {
 		p,
 		f
 	]);
-	return /* @__PURE__ */ c(e, {
-		ref: n,
+	return /* @__PURE__ */ c(t, {
+		ref: e,
 		className: l("plitzi-component__tab-container-body", u),
 		children: m
 	});
-}, d = n(u);
+}, d = e(u);
 //#endregion
 export { u as TabContainerBody, d as default };

package/dist/elements/structure/TabContainer/TabContainerBody/declaration.d.ts

@@ -0,0 +1,54 @@
+import { TabContainerBodyProps } from './TabContainerBody';
+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 TabContainerBodyAttributes = AuthorableAttributes<TabContainerBodyProps>;
+declare const declaration: {
+    readonly type: "tabContainerBody";
+    readonly content: {
+        readonly attributes: {};
+        readonly definition: {
+            readonly label: "Tab Container Body";
+            readonly type: "tabContainerBody";
+            readonly description: "The panel area inside a tabContainer that shows the active tab item.";
+            readonly items: readonly [];
+            readonly bindings: {};
+            readonly styleSelectors: {
+                readonly base: "";
+            };
+            readonly initialState: {
+                readonly visibility: true;
+            };
+        };
+        readonly builder: {
+            readonly canDelete: false;
+            readonly canSelect: true;
+            readonly canDragDrop: false;
+            readonly canMove: false;
+            readonly canTemplate: false;
+            readonly itemsAllowed: readonly ["tabContainerItem"];
+            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-table-columns";
+        };
+        readonly defaultStyle: {
+            readonly name: "Tab Container Body";
+            readonly displayMode: "desktop";
+            readonly style: {
+                readonly base: {
+                    readonly default: {};
+                };
+            };
+            readonly subTypes: {};
+        };
+        readonly settings: {};
+    };
+    readonly initialItems: readonly ["tabContainerItem", "tabContainerItem", "tabContainerItem"];
+} & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<unknown>;
+export default declaration;

package/dist/elements/structure/TabContainer/TabContainerBody/declaration.mjs

@@ -0,0 +1,49 @@
+import { elementDeclaration as e } from "@plitzi/sdk-shared/authoring/declare";
+//#region src/elements/structure/TabContainer/TabContainerBody/declaration.ts
+var t = e()({
+	type: "tabContainerBody",
+	content: {
+		attributes: {},
+		definition: {
+			label: "Tab Container Body",
+			type: "tabContainerBody",
+			description: "The panel area inside a tabContainer that shows the active tab item.",
+			items: [],
+			bindings: {},
+			styleSelectors: { base: "" },
+			initialState: { visibility: !0 }
+		},
+		builder: {
+			canDelete: !1,
+			canSelect: !0,
+			canDragDrop: !1,
+			canMove: !1,
+			canTemplate: !1,
+			itemsAllowed: ["tabContainerItem"],
+			itemsNotAllowed: []
+		},
+		market: {
+			category: "structure",
+			owner: "Plitzi",
+			verified: !0,
+			license: "MIT",
+			website: "https://plitzi.com",
+			backgroundColor: "#4422ee",
+			icon: "fa-solid fa-table-columns"
+		},
+		defaultStyle: {
+			name: "Tab Container Body",
+			displayMode: "desktop",
+			style: { base: { default: {} } },
+			subTypes: {}
+		},
+		settings: {}
+	},
+	initialItems: [
+		"tabContainerItem",
+		"tabContainerItem",
+		"tabContainerItem"
+	]
+});
+//#endregion
+export { t as default };

package/dist/elements/structure/TabContainer/TabContainerBody/index.d.ts

@@ -2,55 +2,52 @@ declare const TabContainerBody: {
     (props: import('../../../../Element/hocs/withElement').WithElementProps<import('./TabContainerBody').TabContainerBodyProps>): 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: "tabContainerBody";
+    readonly content: {
+        readonly attributes: {};
+        readonly definition: {
+            readonly label: "Tab Container Body";
+            readonly type: "tabContainerBody";
+            readonly description: "The panel area inside a tabContainer that shows the active tab item.";
+            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: string[];
-            itemsNotAllowed: never[];
+        readonly builder: {
+            readonly canDelete: false;
+            readonly canSelect: true;
+            readonly canDragDrop: false;
+            readonly canMove: false;
+            readonly canTemplate: false;
+            readonly itemsAllowed: readonly ["tabContainerItem"];
+            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-solid fa-table-columns";
         };
-        defaultStyle: {
-            name: string;
-            displayMode: string;
-            style: {
-                base: {
-                    default: {
-                        'min-width': string;
-                        'min-height': string;
-                    };
+        readonly defaultStyle: {
+            readonly name: "Tab Container Body";
+            readonly displayMode: "desktop";
+            readonly style: {
+                readonly base: {
+                    readonly default: {};
                 };
             };
-            subTypes: {};
+            readonly subTypes: {};
         };
-        settings: {};
+        readonly settings: {};
     };
-    initialItems: string[];
-};
+    readonly initialItems: readonly ["tabContainerItem", "tabContainerItem", "tabContainerItem"];
+} & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<unknown>;
 export default TabContainerBody;

package/dist/elements/structure/TabContainer/TabContainerBody/index.mjs

@@ -1,52 +1,6 @@
-import e from "./TabContainerBody.mjs";
+import e from "./declaration.mjs";
+import t from "./TabContainerBody.mjs";
 //#region src/elements/structure/TabContainer/TabContainerBody/index.ts
-var t = Object.assign(e, {
-	type: "tabContainerBody",
-	content: {
-		attributes: {},
-		definition: {
-			label: "Tab Container Body",
-			type: "tabContainerBody",
-			description: "Group things together into groups, also nestable.",
-			items: [],
-			bindings: {},
-			styleSelectors: { base: "" },
-			initialState: { visibility: !0 }
-		},
-		builder: {
-			canDelete: !1,
-			canSelect: !0,
-			canDragDrop: !1,
-			canMove: !1,
-			canTemplate: !1,
-			itemsAllowed: ["tabContainerItem"],
-			itemsNotAllowed: []
-		},
-		market: {
-			category: "structure",
-			owner: "Plitzi",
-			verified: !0,
-			license: "MIT",
-			website: "https://plitzi.com",
-			backgroundColor: "#4422ee",
-			icon: "fa-solid fa-table-columns"
-		},
-		defaultStyle: {
-			name: "Tab Container Body",
-			displayMode: "desktop",
-			style: { base: { default: {
-				"min-width": "50px",
-				"min-height": "50px"
-			} } },
-			subTypes: {}
-		},
-		settings: {}
-	},
-	initialItems: [
-		"tabContainerItem",
-		"tabContainerItem",
-		"tabContainerItem"
-	]
-});
+var n = Object.assign(t, e);
 //#endregion
-export { t as default };
+export { n as default };

package/dist/elements/structure/TabContainer/TabContainerHeader/TabContainerHeader.mjs

@@ -1,12 +1,12 @@
-import { RootElement as e } from "../../../../Element/RootElement.mjs";
-import t from "../TabContainerContext.mjs";
-import n from "../../../../Element/hocs/withElement.mjs";
+import e from "../../../../Element/hocs/withElement.mjs";
+import { RootElement as t } from "../../../../Element/RootElement.mjs";
+import n from "../TabContainerContext.mjs";
 import { Children as r, cloneElement as i, isValidElement as a, use as o, useMemo as s } from "react";
 import { jsx as c } from "react/jsx-runtime";
 import l from "clsx";
 //#region src/elements/structure/TabContainer/TabContainerHeader/TabContainerHeader.tsx
-var u = ({ ref: n, className: u = "", children: d }) => {
-	let { tabSelected: f, onSelect: p } = o(t), { childrenParsed: m } = s(() => {
+var u = ({ ref: e, className: u = "", children: d }) => {
+	let { tabSelected: f, onSelect: p } = o(n), { childrenParsed: m } = s(() => {
 		let e = { childrenParsed: [] };
 		return r.forEach(d, (t, n) => {
 			if (!a(t)) return;
@@ -27,11 +27,11 @@ var u = ({ ref: n, className: u = "", children: d }) => {
 		p,
 		f
 	]);
-	return /* @__PURE__ */ c(e, {
-		ref: n,
+	return /* @__PURE__ */ c(t, {
+		ref: e,
 		className: l("plitzi-component__tab-container-header", u),
 		children: m
 	});
-}, d = n(u);
+}, d = e(u);
 //#endregion
 export { u as TabContainerHeader, d as default };

package/dist/elements/structure/TabContainer/TabContainerHeader/declaration.d.ts

@@ -0,0 +1,54 @@
+import { TabContainerHeaderProps } from './TabContainerHeader';
+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 TabContainerHeaderAttributes = AuthorableAttributes<TabContainerHeaderProps>;
+declare const declaration: {
+    readonly type: "tabContainerHeader";
+    readonly content: {
+        readonly attributes: {};
+        readonly definition: {
+            readonly label: "Tab Container Header";
+            readonly type: "tabContainerHeader";
+            readonly description: "The row of tab triggers inside a tabContainer.";
+            readonly items: readonly [];
+            readonly bindings: {};
+            readonly styleSelectors: {
+                readonly base: "";
+            };
+            readonly initialState: {
+                readonly visibility: true;
+            };
+        };
+        readonly builder: {
+            readonly canDelete: false;
+            readonly canSelect: true;
+            readonly canDragDrop: false;
+            readonly canMove: false;
+            readonly canTemplate: false;
+            readonly itemsAllowed: readonly ["tabContainerItem"];
+            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-table-columns";
+        };
+        readonly defaultStyle: {
+            readonly name: "Tab Container Header";
+            readonly displayMode: "desktop";
+            readonly style: {
+                readonly base: {
+                    readonly default: {};
+                };
+            };
+            readonly subTypes: {};
+        };
+        readonly settings: {};
+    };
+    readonly initialItems: readonly ["tabContainerItem", "tabContainerItem", "tabContainerItem"];
+} & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<unknown>;
+export default declaration;

package/dist/elements/structure/TabContainer/TabContainerHeader/declaration.mjs

@@ -0,0 +1,49 @@
+import { elementDeclaration as e } from "@plitzi/sdk-shared/authoring/declare";
+//#region src/elements/structure/TabContainer/TabContainerHeader/declaration.ts
+var t = e()({
+	type: "tabContainerHeader",
+	content: {
+		attributes: {},
+		definition: {
+			label: "Tab Container Header",
+			type: "tabContainerHeader",
+			description: "The row of tab triggers inside a tabContainer.",
+			items: [],
+			bindings: {},
+			styleSelectors: { base: "" },
+			initialState: { visibility: !0 }
+		},
+		builder: {
+			canDelete: !1,
+			canSelect: !0,
+			canDragDrop: !1,
+			canMove: !1,
+			canTemplate: !1,
+			itemsAllowed: ["tabContainerItem"],
+			itemsNotAllowed: []
+		},
+		market: {
+			category: "structure",
+			owner: "Plitzi",
+			verified: !0,
+			license: "MIT",
+			website: "https://plitzi.com",
+			backgroundColor: "#4422ee",
+			icon: "fa-solid fa-table-columns"
+		},
+		defaultStyle: {
+			name: "Tab Container Header",
+			displayMode: "desktop",
+			style: { base: { default: {} } },
+			subTypes: {}
+		},
+		settings: {}
+	},
+	initialItems: [
+		"tabContainerItem",
+		"tabContainerItem",
+		"tabContainerItem"
+	]
+});
+//#endregion
+export { t as default };