@plitzi/sdk-elements 0.38.10 → 0.38.12

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

@@ -1,8 +1,8 @@
 import { ReactNode, RefObject } from 'react';
 export type TabContainerBodyProps = {
-    ref: RefObject<HTMLElement>;
-    className: string;
-    children: ReactNode;
+    ref?: RefObject<HTMLElement>;
+    className?: string;
+    children?: ReactNode;
 };
 declare const TabContainerBody: ({ ref, className, children }: TabContainerBodyProps) => import('react').JSX.Element;
 declare const _default: {

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

@@ -1,38 +1,16 @@
 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";
+import n from "../useTabItems.mjs";
+import { jsx as r } from "react/jsx-runtime";
+import i from "clsx";
 //#region src/elements/structure/TabContainer/TabContainerBody/TabContainerBody.tsx
-var u = ({ ref: e, className: u = "", children: d }) => {
-	let { baseId: f, tabSelected: p, onSelect: m } = o(n), { childrenParsed: h } = s(() => {
-		let e = { childrenParsed: [] };
-		return r.forEach(d, (t, n) => {
-			if (!a(t)) return;
-			let r = t.props;
-			e.childrenParsed.push(i(t, {
-				...r,
-				internalProps: {
-					...r.internalProps,
-					baseId: f,
-					onSelect: m,
-					tabSelected: p,
-					tabIndex: n
-				}
-			}));
-		}), e;
-	}, [
-		f,
-		d,
-		m,
-		p
-	]);
-	return /* @__PURE__ */ c(t, {
+var a = ({ ref: e, className: a = "", children: o }) => {
+	let s = n(o, !1);
+	return /* @__PURE__ */ r(t, {
 		ref: e,
-		className: l("plitzi-component__tab-container-body", u),
-		children: h
+		className: i("plitzi-component__tab-container-body", a),
+		children: s
 	});
-}, d = e(u);
+}, o = e(a);
 //#endregion
-export { u as TabContainerBody, d as default };
+export { a as TabContainerBody, o as default };

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

@@ -2,45 +2,28 @@ 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: {
+declare const declaration: import('@plitzi/sdk-shared/authoring/declare').DeclaredElement<{
     readonly type: "tabContainerBody";
     readonly ancestorType: "tabContainer";
     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 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: {};
@@ -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/TabContainerBody/declaration.mjs

@@ -7,38 +7,24 @@ var t = e()({
 		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 }
+			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 Body",
-			displayMode: "desktop",
 			style: { base: { default: {} } },
 			subTypes: {}
-		},
-		settings: {}
+		}
 	},
 	initialItems: [
 		"tabContainerItem",

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

@@ -8,38 +8,21 @@ declare const TabContainerBody: {
         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: {};
@@ -47,8 +30,9 @@ declare const TabContainerBody: {
             };
             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 TabContainerBody;

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

@@ -1,8 +1,8 @@
 import { ReactNode, RefObject } from 'react';
 export type TabContainerHeaderProps = {
-    ref: RefObject<HTMLElement>;
-    className: string;
-    children: ReactNode;
+    ref?: RefObject<HTMLElement>;
+    className?: string;
+    children?: ReactNode;
 };
 declare const TabContainerHeader: ({ ref, className, children }: TabContainerHeaderProps) => import('react').JSX.Element;
 declare const _default: {

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

@@ -1,41 +1,17 @@
 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";
+import n from "../useTabItems.mjs";
+import { jsx as r } from "react/jsx-runtime";
+import i from "clsx";
 //#region src/elements/structure/TabContainer/TabContainerHeader/TabContainerHeader.tsx
-var u = ({ ref: e, className: u = "", children: d }) => {
-	let { baseId: f, tabSelected: p, onSelect: m } = o(n), { childrenParsed: h } = s(() => {
-		let e = { childrenParsed: [] }, t = r.toArray(d).filter(a).length;
-		return r.forEach(d, (n, r) => {
-			if (!a(n)) return;
-			let o = n.props;
-			e.childrenParsed.push(i(n, {
-				...o,
-				internalProps: {
-					...o.internalProps,
-					isHeader: !0,
-					baseId: f,
-					onSelect: m,
-					tabSelected: p,
-					tabIndex: r,
-					tabCount: t
-				}
-			}));
-		}), e;
-	}, [
-		f,
-		d,
-		m,
-		p
-	]);
-	return /* @__PURE__ */ c(t, {
+var a = ({ ref: e, className: a = "", children: o }) => {
+	let s = n(o, !0);
+	return /* @__PURE__ */ r(t, {
 		ref: e,
 		role: "tablist",
-		className: l("plitzi-component__tab-container-header", u),
-		children: h
+		className: i("plitzi-component__tab-container-header", a),
+		children: s
 	});
-}, d = e(u);
+}, o = e(a);
 //#endregion
-export { u as TabContainerHeader, d as default };
+export { a as TabContainerHeader, o as default };

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;