@plitzi/sdk-elements 0.33.2 → 0.34.1

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

@@ -2,55 +2,52 @@ declare const TabContainerHeader: {
     (props: import('../../../../Element/hocs/withElement').WithElementProps<import('./TabContainerHeader').TabContainerHeaderProps>): 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: "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: "";
             };
-            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 Header";
+            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 TabContainerHeader;

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

@@ -1,52 +1,6 @@
-import e from "./TabContainerHeader.mjs";
+import e from "./declaration.mjs";
+import t from "./TabContainerHeader.mjs";
 //#region src/elements/structure/TabContainer/TabContainerHeader/index.ts
-var t = Object.assign(e, {
-	type: "tabContainerHeader",
-	content: {
-		attributes: {},
-		definition: {
-			label: "Tab Container Header",
-			type: "tabContainerHeader",
-			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 Header",
-			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/TabContainerItem/TabContainerItem.mjs

@@ -1,24 +1,24 @@
-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 { useCallback as n } from "react";
 import { jsx as r } from "react/jsx-runtime";
 import i from "clsx";
 //#region src/elements/structure/TabContainer/TabContainerItem/TabContainerItem.tsx
-var a = ({ className: t = "", children: a, ref: o, tabSelected: s, tabIndex: c = 0, isHeader: l, onSelect: u }) => {
+var a = ({ className: e = "", children: a, ref: o, tabSelected: s, tabIndex: c = 0, isHeader: l, onSelect: u }) => {
 	let d = n(() => {
-		!l || s === c || u?.(c);
+		l && s !== c && u?.(c);
 	}, [
 		l,
 		s,
 		c,
 		u
 	]);
-	return /* @__PURE__ */ r(e, {
+	return /* @__PURE__ */ r(t, {
 		ref: o,
 		onClick: d,
-		className: i("plitzi-component__tab-container-item", t, { active: s === c }),
+		className: i("plitzi-component__tab-container-item", e, { active: s === c }),
 		children: a
 	});
-}, o = t(a);
+}, o = e(a);
 //#endregion
 export { a as TabContainerItem, o as default };

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

@@ -0,0 +1,53 @@
+import { TabContainerItemProps } from './TabContainerItem';
+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 TabContainerItemAttributes = AuthorableAttributes<TabContainerItemProps, 'tabSelected' | 'tabIndex' | 'isHeader' | 'onSelect'>;
+declare const declaration: {
+    readonly type: "tabContainerItem";
+    readonly content: {
+        readonly attributes: {};
+        readonly definition: {
+            readonly label: "Tab Container Item";
+            readonly type: "tabContainerItem";
+            readonly description: "One selectable tab (trigger + panel) inside a tabContainer.";
+            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 ["tabContainerItem", "tabContainerHeader", "tabContainerBody"];
+        };
+        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 Item";
+            readonly displayMode: "desktop";
+            readonly style: {
+                readonly base: {
+                    readonly default: {};
+                };
+            };
+            readonly subTypes: {};
+        };
+        readonly settings: {};
+    };
+} & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<unknown>;
+export default declaration;

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

@@ -0,0 +1,48 @@
+import { elementDeclaration as e } from "@plitzi/sdk-shared/authoring/declare";
+//#region src/elements/structure/TabContainer/TabContainerItem/declaration.ts
+var t = e()({
+	type: "tabContainerItem",
+	content: {
+		attributes: {},
+		definition: {
+			label: "Tab Container Item",
+			type: "tabContainerItem",
+			description: "One selectable tab (trigger + panel) inside a tabContainer.",
+			items: [],
+			bindings: {},
+			styleSelectors: { base: "" },
+			initialState: { visibility: !0 }
+		},
+		builder: {
+			canDelete: !0,
+			canSelect: !0,
+			canDragDrop: !0,
+			canMove: !0,
+			canTemplate: !0,
+			itemsAllowed: [],
+			itemsNotAllowed: [
+				"tabContainerItem",
+				"tabContainerHeader",
+				"tabContainerBody"
+			]
+		},
+		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 Item",
+			displayMode: "desktop",
+			style: { base: { default: {} } },
+			subTypes: {}
+		},
+		settings: {}
+	}
+});
+//#endregion
+export { t as default };

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

@@ -2,54 +2,51 @@ declare const TabContainerItem: {
     (props: import('../../../../Element/hocs/withElement').WithElementProps<import('./TabContainerItem').TabContainerItemProps>): 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: "tabContainerItem";
+    readonly content: {
+        readonly attributes: {};
+        readonly definition: {
+            readonly label: "Tab Container Item";
+            readonly type: "tabContainerItem";
+            readonly description: "One selectable tab (trigger + panel) inside a tabContainer.";
+            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 ["tabContainerItem", "tabContainerHeader", "tabContainerBody"];
         };
-        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 Item";
+            readonly displayMode: "desktop";
+            readonly style: {
+                readonly base: {
+                    readonly default: {};
                 };
             };
-            subTypes: {};
+            readonly subTypes: {};
         };
-        settings: {};
+        readonly settings: {};
     };
-};
+} & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<unknown>;
 export default TabContainerItem;

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

@@ -1,51 +1,6 @@
-import e from "./TabContainerItem.mjs";
+import e from "./declaration.mjs";
+import t from "./TabContainerItem.mjs";
 //#region src/elements/structure/TabContainer/TabContainerItem/index.ts
-var t = Object.assign(e, {
-	type: "tabContainerItem",
-	content: {
-		attributes: {},
-		definition: {
-			label: "Tab Container Item",
-			type: "tabContainerItem",
-			description: "Group things together into groups, also nestable.",
-			items: [],
-			bindings: {},
-			styleSelectors: { base: "" },
-			initialState: { visibility: !0 }
-		},
-		builder: {
-			canDelete: !0,
-			canSelect: !0,
-			canDragDrop: !0,
-			canMove: !0,
-			canTemplate: !0,
-			itemsAllowed: [],
-			itemsNotAllowed: [
-				"tabContainerItem",
-				"tabContainerHeader",
-				"tabContainerBody"
-			]
-		},
-		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 Item",
-			displayMode: "desktop",
-			style: { base: { default: {
-				"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/declaration.d.ts

@@ -0,0 +1,54 @@
+import { TabContainerProps } from './TabContainer';
+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 TabContainerAttributes = AuthorableAttributes<TabContainerProps>;
+declare const declaration: {
+    readonly type: "tabContainer";
+    readonly content: {
+        readonly attributes: {};
+        readonly definition: {
+            readonly label: "Tab Container";
+            readonly type: "tabContainer";
+            readonly description: "A tabbed container that switches between panels; composed of header/body/item parts.";
+            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 ["tabContainerHeader", "tabContainerBody"];
+            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";
+            readonly displayMode: "desktop";
+            readonly style: {
+                readonly base: {
+                    readonly default: {};
+                };
+            };
+            readonly subTypes: {};
+        };
+        readonly settings: {};
+    };
+    readonly initialItems: readonly ["tabContainerHeader", "tabContainerBody"];
+} & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<unknown>;
+export default declaration;

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

@@ -0,0 +1,45 @@
+import { elementDeclaration as e } from "@plitzi/sdk-shared/authoring/declare";
+//#region src/elements/structure/TabContainer/declaration.ts
+var t = e()({
+	type: "tabContainer",
+	content: {
+		attributes: {},
+		definition: {
+			label: "Tab Container",
+			type: "tabContainer",
+			description: "A tabbed container that switches between panels; composed of header/body/item parts.",
+			items: [],
+			bindings: {},
+			styleSelectors: { base: "" },
+			initialState: { visibility: !0 }
+		},
+		builder: {
+			canDelete: !0,
+			canSelect: !0,
+			canDragDrop: !0,
+			canMove: !0,
+			canTemplate: !0,
+			itemsAllowed: ["tabContainerHeader", "tabContainerBody"],
+			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",
+			displayMode: "desktop",
+			style: { base: { default: {} } },
+			subTypes: {}
+		},
+		settings: {}
+	},
+	initialItems: ["tabContainerHeader", "tabContainerBody"]
+});
+//#endregion
+export { t as default };