@plitzi/sdk-elements 0.30.19

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

@@ -0,0 +1,140 @@
+declare const ModalContainer: {
+    (props: import('../../../Element/hocs/withElement').WithElementProps<import('./ModalContainer').ModalContainerProps>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+} & {
+    type: string;
+    content: {
+        attributes: {
+            title: string;
+            autoHideAfterClick: boolean;
+        };
+        definition: {
+            label: string;
+            type: string;
+            description: string;
+            items: never[];
+            bindings: {};
+            styleSelectors: {
+                base: string;
+                backgroundContainer: string;
+                rootContainer: string;
+                headerContainer: string;
+                headerTitle: string;
+                headerCloseButton: string;
+                bodyContainer: string;
+            };
+            initialState: {
+                visibility: boolean;
+            };
+        };
+        builder: {
+            canDelete: boolean;
+            canSelect: boolean;
+            canDragDrop: boolean;
+            canMove: boolean;
+            canTemplate: boolean;
+            itemsAllowed: never[];
+            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: {
+                        position: string;
+                        top: string;
+                        bottom: string;
+                        left: string;
+                        right: string;
+                    };
+                };
+                backgroundContainer: {
+                    default: {
+                        height: string;
+                        width: string;
+                        left: string;
+                        top: string;
+                        position: string;
+                        'background-color': string;
+                        opacity: string;
+                    };
+                };
+                rootContainer: {
+                    default: {
+                        display: string;
+                        'flex-direction': string;
+                        position: string;
+                        top: string;
+                        left: string;
+                        width: string;
+                        height: string;
+                        'background-color': string;
+                        transform: string;
+                        'border-top-left-radius': string;
+                        'border-top-right-radius': string;
+                        'border-bottom-left-radius': string;
+                        'border-bottom-right-radius': string;
+                    };
+                };
+                headerContainer: {
+                    default: {
+                        display: string;
+                        'align-items': string;
+                        'justify-content': string;
+                        'border-bottom-width': string;
+                        'border-bottom-color': string;
+                        'border-bottom-style': string;
+                        'padding-left': string;
+                        'padding-right': string;
+                        'padding-top': string;
+                        'padding-bottom': string;
+                    };
+                };
+                headerTitle: {
+                    default: {
+                        'font-size': string;
+                        'font-weight': string;
+                        'line-height': string;
+                    };
+                };
+                headerCloseButton: {
+                    default: {
+                        height: string;
+                        width: string;
+                        padding: string;
+                        display: string;
+                        'justify-content': string;
+                        'align-items': string;
+                        cursor: string;
+                    };
+                    bodyContainer: {
+                        default: {
+                            display: string;
+                            'flex-direction': string;
+                            'flex-grow': string;
+                            'flex-basis': string;
+                            'padding-top': string;
+                            'padding-bottom': string;
+                            'padding-left': string;
+                            'padding-right': string;
+                        };
+                    };
+                };
+            };
+            subTypes: {};
+        };
+        settings: {};
+    };
+    initialItems: string[];
+};
+export default ModalContainer;

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

@@ -0,0 +1,126 @@
+import e from "./ModalContainer.mjs";
+//#region src/elements/structure/ModalContainer/index.ts
+var t = Object.assign(e, {
+	type: "modalContainer",
+	content: {
+		attributes: {
+			title: "Modal Header",
+			autoHideAfterClick: !0
+		},
+		definition: {
+			label: "Modal Container",
+			type: "modalContainer",
+			description: "",
+			items: [],
+			bindings: {},
+			styleSelectors: {
+				base: "",
+				backgroundContainer: "",
+				rootContainer: "",
+				headerContainer: "",
+				headerTitle: "",
+				headerCloseButton: "",
+				bodyContainer: ""
+			},
+			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-regular fa-clone"
+		},
+		defaultStyle: {
+			name: "Modal Container",
+			displayMode: "desktop",
+			style: {
+				base: { default: {
+					position: "absolute",
+					top: "0",
+					bottom: "0",
+					left: "0",
+					right: "0"
+				} },
+				backgroundContainer: { default: {
+					height: "100%",
+					width: "100%",
+					left: "0",
+					top: "0",
+					position: "absolute",
+					"background-color": "black",
+					opacity: "0.5"
+				} },
+				rootContainer: { default: {
+					display: "flex",
+					"flex-direction": "column",
+					position: "absolute",
+					top: "50%",
+					left: "50%",
+					width: "500px",
+					height: "300px",
+					"background-color": "white",
+					transform: "translate3d(-50%, -50%, 0px)",
+					"border-top-left-radius": "8px",
+					"border-top-right-radius": "8px",
+					"border-bottom-left-radius": "8px",
+					"border-bottom-right-radius": "8px"
+				} },
+				headerContainer: { default: {
+					display: "flex",
+					"align-items": "center",
+					"justify-content": "space-between",
+					"border-bottom-width": "1px",
+					"border-bottom-color": "#d1d5db",
+					"border-bottom-style": "solid",
+					"padding-left": "20px",
+					"padding-right": "20px",
+					"padding-top": "10px",
+					"padding-bottom": "10px"
+				} },
+				headerTitle: { default: {
+					"font-size": "20px",
+					"font-weight": "500",
+					"line-height": "1.2"
+				} },
+				headerCloseButton: {
+					default: {
+						height: "20px",
+						width: "20px",
+						padding: "4px",
+						display: "flex",
+						"justify-content": "center",
+						"align-items": "center",
+						cursor: "pointer"
+					},
+					bodyContainer: { default: {
+						display: "flex",
+						"flex-direction": "column",
+						"flex-grow": "1",
+						"flex-basis": "0",
+						"padding-top": "20px",
+						"padding-bottom": "20px",
+						"padding-left": "20px",
+						"padding-right": "20px"
+					} }
+				}
+			},
+			subTypes: {}
+		},
+		settings: {}
+	},
+	initialItems: ["container"]
+});
+//#endregion
+export { t as default };

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

@@ -0,0 +1,2 @@
+declare const Settings: () => import("react/jsx-runtime").JSX.Element;
+export default Settings;

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

@@ -0,0 +1,5 @@
+import { jsx as e } from "react/jsx-runtime";
+//#region src/elements/structure/TabContainer/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/TabContainer.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode, RefObject } from 'react';
+export type TabContainerProps = {
+    ref?: RefObject<HTMLElement>;
+    className?: string;
+    children?: ReactNode;
+};
+declare const TabContainer: ({ ref, className, children }: TabContainerProps) => import("react/jsx-runtime").JSX.Element;
+declare const _default: {
+    (props: import('../../../Element/hocs/withElement').WithElementProps<TabContainerProps>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default _default;
+export { TabContainer };

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

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

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

@@ -0,0 +1,2 @@
+declare const Settings: () => import("react/jsx-runtime").JSX.Element;
+export default Settings;

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

@@ -0,0 +1,5 @@
+import { jsx as e } from "react/jsx-runtime";
+//#region src/elements/structure/TabContainer/TabContainerBody/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/TabContainerBody/TabContainerBody.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode, RefObject } from 'react';
+export type TabContainerBodyProps = {
+    ref: RefObject<HTMLElement>;
+    className: string;
+    children: ReactNode;
+};
+declare const TabContainerBody: ({ ref, className, children }: TabContainerBodyProps) => import("react/jsx-runtime").JSX.Element;
+declare const _default: {
+    (props: import('../../../../Element/hocs/withElement').WithElementProps<TabContainerBodyProps>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default _default;
+export { TabContainerBody };

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

@@ -0,0 +1,35 @@
+import e from "../../../../Element/RootElement.mjs";
+import t from "../TabContainerContext.mjs";
+import n from "../../../../Element/hocs/withElement.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";
+var u = n(({ ref: n, className: u = "", children: d }) => {
+	let { tabSelected: f, onSelect: p } = o(t), { childrenParsed: m } = 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,
+					onSelect: p,
+					tabSelected: f,
+					tabIndex: n
+				}
+			}));
+		}), e;
+	}, [
+		d,
+		p,
+		f
+	]);
+	return /* @__PURE__ */ c(e, {
+		ref: n,
+		className: l("plitzi-component__tab-container-body", u),
+		children: m
+	});
+});
+//#endregion
+export { u as default };

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

@@ -0,0 +1,56 @@
+declare const TabContainerBody: {
+    (props: import('../../../../Element/hocs/withElement').WithElementProps<import('./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[];
+};
+export default TabContainerBody;

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

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

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

@@ -0,0 +1,7 @@
+import { Dispatch, SetStateAction } from 'react';
+export type TabContainerContextValue = {
+    tabSelected: number;
+    onSelect: Dispatch<SetStateAction<number>>;
+};
+declare const TabContainerContext: import('react').Context<TabContainerContextValue>;
+export default TabContainerContext;

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

@@ -0,0 +1,6 @@
+import { createContext as e } from "react";
+//#region src/elements/structure/TabContainer/TabContainerContext.ts
+var t = e(void 0);
+t.displayName = "TabContainerContext";
+//#endregion
+export { t as default };

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

@@ -0,0 +1,2 @@
+declare const Settings: () => import("react/jsx-runtime").JSX.Element;
+export default Settings;

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

@@ -0,0 +1,5 @@
+import { jsx as e } from "react/jsx-runtime";
+//#region src/elements/structure/TabContainer/TabContainerHeader/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/TabContainerHeader/TabContainerHeader.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode, RefObject } from 'react';
+export type TabContainerHeaderProps = {
+    ref: RefObject<HTMLElement>;
+    className: string;
+    children: ReactNode;
+};
+declare const TabContainerHeader: ({ ref, className, children }: TabContainerHeaderProps) => import("react/jsx-runtime").JSX.Element;
+declare const _default: {
+    (props: import('../../../../Element/hocs/withElement').WithElementProps<TabContainerHeaderProps>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default _default;
+export { TabContainerHeader };

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

@@ -0,0 +1,36 @@
+import e from "../../../../Element/RootElement.mjs";
+import t from "../TabContainerContext.mjs";
+import n from "../../../../Element/hocs/withElement.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";
+var u = n(({ ref: n, className: u = "", children: d }) => {
+	let { tabSelected: f, onSelect: p } = o(t), { childrenParsed: m } = 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,
+					isHeader: !0,
+					onSelect: p,
+					tabSelected: f,
+					tabIndex: n
+				}
+			}));
+		}), e;
+	}, [
+		d,
+		p,
+		f
+	]);
+	return /* @__PURE__ */ c(e, {
+		ref: n,
+		className: l("plitzi-component__tab-container-header", u),
+		children: m
+	});
+});
+//#endregion
+export { u as default };

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

@@ -0,0 +1,56 @@
+declare const TabContainerHeader: {
+    (props: import('../../../../Element/hocs/withElement').WithElementProps<import('./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[];
+};
+export default TabContainerHeader;

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

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

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

@@ -0,0 +1,2 @@
+declare const Settings: () => import("react/jsx-runtime").JSX.Element;
+export default Settings;