@plitzi/sdk-elements 0.30.19

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

@@ -0,0 +1,5 @@
+import { jsx as e } from "react/jsx-runtime";
+//#region src/elements/structure/TabContainer/TabContainerItem/Settings.tsx
+var t = () => /* @__PURE__ */ e("div", { className: "flex flex-col gap-4 py-2" });
+//#endregion
+export { t as default };

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

@@ -0,0 +1,17 @@
+import { Dispatch, RefObject, SetStateAction, ReactNode } from 'react';
+export type TabContainerItemProps = {
+    ref: RefObject<HTMLElement>;
+    className: string;
+    children: ReactNode;
+    tabSelected?: number;
+    tabIndex?: number;
+    isHeader?: boolean;
+    onSelect?: Dispatch<SetStateAction<number>>;
+};
+declare const TabContainerItem: ({ className, children, ref, tabSelected, tabIndex, isHeader, onSelect }: TabContainerItemProps) => import("react/jsx-runtime").JSX.Element;
+declare const _default: {
+    (props: import('../../../../Element/hocs/withElement').WithElementProps<TabContainerItemProps>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default _default;
+export { TabContainerItem };

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

@@ -0,0 +1,20 @@
+import e from "../../../../Element/RootElement.mjs";
+import t from "../../../../Element/hocs/withElement.mjs";
+import { useCallback as n } from "react";
+import { jsx as r } from "react/jsx-runtime";
+import i from "clsx";
+var a = t(({ className: t = "", children: a, ref: o, tabSelected: s, tabIndex: c = 0, isHeader: l, onSelect: u }) => /* @__PURE__ */ r(e, {
+	ref: o,
+	onClick: n(() => {
+		!l || s === c || u?.(c);
+	}, [
+		l,
+		s,
+		c,
+		u
+	]),
+	className: i("plitzi-component__tab-container-item", t, { active: s === c }),
+	children: a
+}));
+//#endregion
+export { a as default };

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

@@ -0,0 +1,55 @@
+declare const TabContainerItem: {
+    (props: import('../../../../Element/hocs/withElement').WithElementProps<import('./TabContainerItem').TabContainerItemProps>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+} & {
+    type: string;
+    content: {
+        attributes: {};
+        definition: {
+            label: string;
+            type: string;
+            description: string;
+            items: never[];
+            bindings: {};
+            styleSelectors: {
+                base: string;
+            };
+            initialState: {
+                visibility: boolean;
+            };
+        };
+        builder: {
+            canDelete: boolean;
+            canSelect: boolean;
+            canDragDrop: boolean;
+            canMove: boolean;
+            canTemplate: boolean;
+            itemsAllowed: never[];
+            itemsNotAllowed: string[];
+        };
+        market: {
+            category: string;
+            owner: string;
+            verified: boolean;
+            license: string;
+            website: string;
+            backgroundColor: string;
+            icon: string;
+        };
+        defaultStyle: {
+            name: string;
+            displayMode: string;
+            style: {
+                base: {
+                    default: {
+                        'min-width': string;
+                        'min-height': string;
+                    };
+                };
+            };
+            subTypes: {};
+        };
+        settings: {};
+    };
+};
+export default TabContainerItem;

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

@@ -0,0 +1,51 @@
+import e 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: {}
+	}
+});
+//#endregion
+export { t as default };

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

@@ -0,0 +1,222 @@
+declare const TabContainer: {
+    (props: import('../../../Element/hocs/withElement').WithElementProps<import('./TabContainer').TabContainerProps>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+} & {
+    type: string;
+    content: {
+        attributes: {};
+        definition: {
+            label: string;
+            type: string;
+            description: string;
+            items: never[];
+            bindings: {};
+            styleSelectors: {
+                base: string;
+            };
+            initialState: {
+                visibility: boolean;
+            };
+        };
+        builder: {
+            canDelete: boolean;
+            canSelect: boolean;
+            canDragDrop: boolean;
+            canMove: boolean;
+            canTemplate: boolean;
+            itemsAllowed: string[];
+            itemsNotAllowed: never[];
+        };
+        market: {
+            category: string;
+            owner: string;
+            verified: boolean;
+            license: string;
+            website: string;
+            backgroundColor: string;
+            icon: string;
+        };
+        defaultStyle: {
+            name: string;
+            displayMode: string;
+            style: {
+                base: {
+                    default: {
+                        'min-width': string;
+                        'min-height': string;
+                    };
+                };
+            };
+            subTypes: {};
+        };
+        settings: {};
+    };
+    initialItems: string[];
+    plugins: {
+        tabContainerHeader: {
+            (props: import('../../../Element/hocs/withElement').WithElementProps<import('./TabContainerHeader/TabContainerHeader').TabContainerHeaderProps>): import("react/jsx-runtime").JSX.Element;
+            displayName: string;
+        } & {
+            type: string;
+            content: {
+                attributes: {};
+                definition: {
+                    label: string;
+                    type: string;
+                    description: string;
+                    items: never[];
+                    bindings: {};
+                    styleSelectors: {
+                        base: string;
+                    };
+                    initialState: {
+                        visibility: boolean;
+                    };
+                };
+                builder: {
+                    canDelete: boolean;
+                    canSelect: boolean;
+                    canDragDrop: boolean;
+                    canMove: boolean;
+                    canTemplate: boolean;
+                    itemsAllowed: string[];
+                    itemsNotAllowed: never[];
+                };
+                market: {
+                    category: string;
+                    owner: string;
+                    verified: boolean;
+                    license: string;
+                    website: string;
+                    backgroundColor: string;
+                    icon: string;
+                };
+                defaultStyle: {
+                    name: string;
+                    displayMode: string;
+                    style: {
+                        base: {
+                            default: {
+                                'min-width': string;
+                                'min-height': string;
+                            };
+                        };
+                    };
+                    subTypes: {};
+                };
+                settings: {};
+            };
+            initialItems: string[];
+        };
+        tabContainerBody: {
+            (props: import('../../../Element/hocs/withElement').WithElementProps<import('./TabContainerBody/TabContainerBody').TabContainerBodyProps>): import("react/jsx-runtime").JSX.Element;
+            displayName: string;
+        } & {
+            type: string;
+            content: {
+                attributes: {};
+                definition: {
+                    label: string;
+                    type: string;
+                    description: string;
+                    items: never[];
+                    bindings: {};
+                    styleSelectors: {
+                        base: string;
+                    };
+                    initialState: {
+                        visibility: boolean;
+                    };
+                };
+                builder: {
+                    canDelete: boolean;
+                    canSelect: boolean;
+                    canDragDrop: boolean;
+                    canMove: boolean;
+                    canTemplate: boolean;
+                    itemsAllowed: string[];
+                    itemsNotAllowed: never[];
+                };
+                market: {
+                    category: string;
+                    owner: string;
+                    verified: boolean;
+                    license: string;
+                    website: string;
+                    backgroundColor: string;
+                    icon: string;
+                };
+                defaultStyle: {
+                    name: string;
+                    displayMode: string;
+                    style: {
+                        base: {
+                            default: {
+                                'min-width': string;
+                                'min-height': string;
+                            };
+                        };
+                    };
+                    subTypes: {};
+                };
+                settings: {};
+            };
+            initialItems: string[];
+        };
+        tabContainerItem: {
+            (props: import('../../../Element/hocs/withElement').WithElementProps<import('./TabContainerItem/TabContainerItem').TabContainerItemProps>): import("react/jsx-runtime").JSX.Element;
+            displayName: string;
+        } & {
+            type: string;
+            content: {
+                attributes: {};
+                definition: {
+                    label: string;
+                    type: string;
+                    description: string;
+                    items: never[];
+                    bindings: {};
+                    styleSelectors: {
+                        base: string;
+                    };
+                    initialState: {
+                        visibility: boolean;
+                    };
+                };
+                builder: {
+                    canDelete: boolean;
+                    canSelect: boolean;
+                    canDragDrop: boolean;
+                    canMove: boolean;
+                    canTemplate: boolean;
+                    itemsAllowed: never[];
+                    itemsNotAllowed: string[];
+                };
+                market: {
+                    category: string;
+                    owner: string;
+                    verified: boolean;
+                    license: string;
+                    website: string;
+                    backgroundColor: string;
+                    icon: string;
+                };
+                defaultStyle: {
+                    name: string;
+                    displayMode: string;
+                    style: {
+                        base: {
+                            default: {
+                                'min-width': string;
+                                'min-height': string;
+                            };
+                        };
+                    };
+                    subTypes: {};
+                };
+                settings: {};
+            };
+        };
+    };
+};
+export default TabContainer;

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

@@ -0,0 +1,56 @@
+import e from "./TabContainer.mjs";
+import t from "./TabContainerBody/index.mjs";
+import n from "./TabContainerHeader/index.mjs";
+import r from "./TabContainerItem/index.mjs";
+//#region src/elements/structure/TabContainer/index.ts
+var i = Object.assign(e, {
+	type: "tabContainer",
+	content: {
+		attributes: {},
+		definition: {
+			label: "Tab Container",
+			type: "tabContainer",
+			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: ["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: {
+				"min-width": "50px",
+				"min-height": "50px"
+			} } },
+			subTypes: {}
+		},
+		settings: {}
+	},
+	initialItems: ["tabContainerHeader", "tabContainerBody"],
+	plugins: {
+		tabContainerHeader: n,
+		tabContainerBody: t,
+		tabContainerItem: r
+	}
+});
+//#endregion
+export { i as default };