@plitzi/sdk-elements 0.38.11 → 0.38.12

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

@@ -2,45 +2,28 @@ 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: {
+declare const declaration: import('@plitzi/sdk-shared/authoring/declare').DeclaredElement<{
     readonly type: "tabContainerHeader";
     readonly ancestorType: "tabContainer";
     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 items: [];
         };
         readonly builder: {
             readonly canDelete: false;
-            readonly canSelect: true;
             readonly canDragDrop: false;
             readonly canMove: false;
             readonly canSnippet: false;
-            readonly itemsAllowed: readonly ["tabContainerItem"];
-            readonly itemsNotAllowed: readonly [];
+            readonly itemsAllowed: ["tabContainerItem"];
         };
         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: {};
@@ -48,8 +31,7 @@ declare const declaration: {
             };
             readonly subTypes: {};
         };
-        readonly settings: {};
     };
     readonly initialItems: readonly ["tabContainerItem", "tabContainerItem", "tabContainerItem"];
-} & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<unknown>;
+}, unknown>;
 export default declaration;

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

@@ -7,38 +7,24 @@ var t = e()({
 		attributes: {},
 		definition: {
 			label: "Tab Container Header",
-			type: "tabContainerHeader",
 			description: "The row of tab triggers inside a tabContainer.",
-			items: [],
-			bindings: {},
-			styleSelectors: { base: "" },
-			initialState: { visibility: !0 }
+			items: []
 		},
 		builder: {
 			canDelete: !1,
-			canSelect: !0,
 			canDragDrop: !1,
 			canMove: !1,
 			canSnippet: !1,
-			itemsAllowed: ["tabContainerItem"],
-			itemsNotAllowed: []
+			itemsAllowed: ["tabContainerItem"]
 		},
 		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",

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

@@ -8,38 +8,21 @@ declare const TabContainerHeader: {
         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 items: [];
         };
         readonly builder: {
             readonly canDelete: false;
-            readonly canSelect: true;
             readonly canDragDrop: false;
             readonly canMove: false;
             readonly canSnippet: false;
-            readonly itemsAllowed: readonly ["tabContainerItem"];
-            readonly itemsNotAllowed: readonly [];
+            readonly itemsAllowed: ["tabContainerItem"];
         };
         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: {};
@@ -47,8 +30,9 @@ declare const TabContainerHeader: {
             };
             readonly subTypes: {};
         };
-        readonly settings: {};
     };
     readonly initialItems: readonly ["tabContainerItem", "tabContainerItem", "tabContainerItem"];
+} & {
+    content: import('@plitzi/sdk-shared/authoring/declare').ElementContentDefaults;
 } & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<unknown>;
 export default TabContainerHeader;

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

@@ -2,44 +2,23 @@ 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, 'baseId' | 'tabSelected' | 'tabIndex' | 'tabCount' | 'isHeader' | 'onSelect'>;
-declare const declaration: {
+declare const declaration: import('@plitzi/sdk-shared/authoring/declare').DeclaredElement<{
     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 items: [];
         };
         readonly builder: {
-            readonly canDelete: true;
-            readonly canSelect: true;
-            readonly canDragDrop: true;
-            readonly canMove: true;
-            readonly canSnippet: true;
-            readonly itemsAllowed: readonly [];
-            readonly itemsNotAllowed: readonly ["tabContainerItem", "tabContainerHeader", "tabContainerBody"];
+            readonly itemsNotAllowed: ["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-regular fa-folder";
         };
         readonly defaultStyle: {
-            readonly name: "Tab Container Item";
-            readonly displayMode: "desktop";
             readonly style: {
                 readonly base: {
                     readonly default: {};
@@ -47,7 +26,6 @@ declare const declaration: {
             };
             readonly subTypes: {};
         };
-        readonly settings: {};
     };
-} & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<unknown>;
+}, unknown>;
 export default declaration;

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

@@ -6,42 +6,22 @@ var t = e()({
 		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,
-			canSnippet: !0,
-			itemsAllowed: [],
-			itemsNotAllowed: [
-				"tabContainerItem",
-				"tabContainerHeader",
-				"tabContainerBody"
-			]
+			items: []
 		},
+		builder: { itemsNotAllowed: [
+			"tabContainerItem",
+			"tabContainerHeader",
+			"tabContainerBody"
+		] },
 		market: {
 			category: "structure",
-			owner: "Plitzi",
-			verified: !0,
-			license: "MIT",
-			website: "https://plitzi.com",
-			backgroundColor: "#4422ee",
 			icon: "fa-regular fa-folder"
 		},
 		defaultStyle: {
-			name: "Tab Container Item",
-			displayMode: "desktop",
 			style: { base: { default: {} } },
 			subTypes: {}
-		},
-		settings: {}
+		}
 	}
 });
 //#endregion

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

@@ -7,38 +7,17 @@ declare const TabContainerItem: {
         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 items: [];
         };
         readonly builder: {
-            readonly canDelete: true;
-            readonly canSelect: true;
-            readonly canDragDrop: true;
-            readonly canMove: true;
-            readonly canSnippet: true;
-            readonly itemsAllowed: readonly [];
-            readonly itemsNotAllowed: readonly ["tabContainerItem", "tabContainerHeader", "tabContainerBody"];
+            readonly itemsNotAllowed: ["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-regular fa-folder";
         };
         readonly defaultStyle: {
-            readonly name: "Tab Container Item";
-            readonly displayMode: "desktop";
             readonly style: {
                 readonly base: {
                     readonly default: {};
@@ -46,7 +25,8 @@ declare const TabContainerItem: {
             };
             readonly subTypes: {};
         };
-        readonly settings: {};
     };
+} & {
+    content: import('@plitzi/sdk-shared/authoring/declare').ElementContentDefaults;
 } & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<unknown>;
 export default TabContainerItem;

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

@@ -2,44 +2,23 @@ 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: {
+declare const declaration: import('@plitzi/sdk-shared/authoring/declare').DeclaredElement<{
     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 items: [];
         };
         readonly builder: {
-            readonly canDelete: true;
-            readonly canSelect: true;
-            readonly canDragDrop: true;
-            readonly canMove: true;
-            readonly canSnippet: true;
-            readonly itemsAllowed: readonly ["tabContainerHeader", "tabContainerBody"];
-            readonly itemsNotAllowed: readonly [];
+            readonly itemsAllowed: ["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";
-            readonly displayMode: "desktop";
             readonly style: {
                 readonly base: {
                     readonly default: {};
@@ -47,8 +26,7 @@ declare const declaration: {
             };
             readonly subTypes: {};
         };
-        readonly settings: {};
     };
     readonly initialItems: readonly ["tabContainerHeader", "tabContainerBody"];
-} & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<unknown>;
+}, unknown>;
 export default declaration;

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

@@ -6,38 +6,18 @@ var t = e()({
 		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,
-			canSnippet: !0,
-			itemsAllowed: ["tabContainerHeader", "tabContainerBody"],
-			itemsNotAllowed: []
+			items: []
 		},
+		builder: { itemsAllowed: ["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",
-			displayMode: "desktop",
 			style: { base: { default: {} } },
 			subTypes: {}
-		},
-		settings: {}
+		}
 	},
 	initialItems: ["tabContainerHeader", "tabContainerBody"]
 });

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

@@ -13,38 +13,21 @@ declare const TabContainer: {
                 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 items: [];
                 };
                 readonly builder: {
                     readonly canDelete: false;
-                    readonly canSelect: true;
                     readonly canDragDrop: false;
                     readonly canMove: false;
                     readonly canSnippet: false;
-                    readonly itemsAllowed: readonly ["tabContainerItem"];
-                    readonly itemsNotAllowed: readonly [];
+                    readonly itemsAllowed: ["tabContainerItem"];
                 };
                 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: {};
@@ -52,9 +35,10 @@ declare const TabContainer: {
                     };
                     readonly subTypes: {};
                 };
-                readonly settings: {};
             };
             readonly initialItems: readonly ["tabContainerItem", "tabContainerItem", "tabContainerItem"];
+        } & {
+            content: import('@plitzi/sdk-shared/authoring/declare').ElementContentDefaults;
         } & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<unknown>;
         tabContainerBody: {
             (props: import('../../../Element/hocs/withElement').WithElementProps<import('./TabContainerBody/TabContainerBody').TabContainerBodyProps>): import('react').JSX.Element;
@@ -66,38 +50,21 @@ declare const TabContainer: {
                 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 items: [];
                 };
                 readonly builder: {
                     readonly canDelete: false;
-                    readonly canSelect: true;
                     readonly canDragDrop: false;
                     readonly canMove: false;
                     readonly canSnippet: false;
-                    readonly itemsAllowed: readonly ["tabContainerItem"];
-                    readonly itemsNotAllowed: readonly [];
+                    readonly itemsAllowed: ["tabContainerItem"];
                 };
                 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: {};
@@ -105,9 +72,10 @@ declare const TabContainer: {
                     };
                     readonly subTypes: {};
                 };
-                readonly settings: {};
             };
             readonly initialItems: readonly ["tabContainerItem", "tabContainerItem", "tabContainerItem"];
+        } & {
+            content: import('@plitzi/sdk-shared/authoring/declare').ElementContentDefaults;
         } & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<unknown>;
         tabContainerItem: {
             (props: import('../../../Element/hocs/withElement').WithElementProps<import('./TabContainerItem/TabContainerItem').TabContainerItemProps>): import('react').JSX.Element;
@@ -118,38 +86,17 @@ declare const TabContainer: {
                 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 items: [];
                 };
                 readonly builder: {
-                    readonly canDelete: true;
-                    readonly canSelect: true;
-                    readonly canDragDrop: true;
-                    readonly canMove: true;
-                    readonly canSnippet: true;
-                    readonly itemsAllowed: readonly [];
-                    readonly itemsNotAllowed: readonly ["tabContainerItem", "tabContainerHeader", "tabContainerBody"];
+                    readonly itemsNotAllowed: ["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-regular fa-folder";
                 };
                 readonly defaultStyle: {
-                    readonly name: "Tab Container Item";
-                    readonly displayMode: "desktop";
                     readonly style: {
                         readonly base: {
                             readonly default: {};
@@ -157,8 +104,9 @@ declare const TabContainer: {
                     };
                     readonly subTypes: {};
                 };
-                readonly settings: {};
             };
+        } & {
+            content: import('@plitzi/sdk-shared/authoring/declare').ElementContentDefaults;
         } & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<unknown>;
     };
     type: "tabContainer";
@@ -166,38 +114,17 @@ declare const TabContainer: {
         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 items: [];
         };
         readonly builder: {
-            readonly canDelete: true;
-            readonly canSelect: true;
-            readonly canDragDrop: true;
-            readonly canMove: true;
-            readonly canSnippet: true;
-            readonly itemsAllowed: readonly ["tabContainerHeader", "tabContainerBody"];
-            readonly itemsNotAllowed: readonly [];
+            readonly itemsAllowed: ["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";
-            readonly displayMode: "desktop";
             readonly style: {
                 readonly base: {
                     readonly default: {};
@@ -205,8 +132,7 @@ declare const TabContainer: {
             };
             readonly subTypes: {};
         };
-        readonly settings: {};
-    };
+    } & import('@plitzi/sdk-shared/authoring/declare').ElementContentDefaults;
     initialItems: readonly ["tabContainerHeader", "tabContainerBody"];
     __attributes: unknown;
 };

package/dist/elements/structure/TabContainer/useTabItems.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+/**
+ * The tabs of a header or a body, each handed what it needs of the container around it: which tab is selected, how to
+ * select one, and its own place. A header's also learn they are its, and how many there are, for their `tab` roles.
+ */
+declare const useTabItems: (children: ReactNode, isHeader: boolean) => ReactNode[];
+export default useTabItems;

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

@@ -0,0 +1,35 @@
+import e from "./TabContainerContext.mjs";
+import { Children as t, cloneElement as n, isValidElement as r, use as i, useMemo as a } from "react";
+//#region src/elements/structure/TabContainer/useTabItems.ts
+var o = (o, s) => {
+	let { baseId: c, tabSelected: l, onSelect: u } = i(e);
+	return a(() => {
+		let e = [], i = t.toArray(o).filter(r).length;
+		return t.forEach(o, (t, a) => {
+			if (!r(t)) return;
+			let o = t.props;
+			e.push(n(t, {
+				...o,
+				internalProps: {
+					...o.internalProps,
+					...s ? {
+						isHeader: !0,
+						tabCount: i
+					} : {},
+					baseId: c,
+					onSelect: u,
+					tabSelected: l,
+					tabIndex: a
+				}
+			}));
+		}), e;
+	}, [
+		c,
+		o,
+		s,
+		u,
+		l
+	]);
+};
+//#endregion
+export { o as default };