@plitzi/sdk-elements 0.30.19

package/dist/elements/form/FormControl/inputs/Checkbox.mjs

@@ -0,0 +1,21 @@
+import { useCallback as e } from "react";
+import { jsx as t } from "react/jsx-runtime";
+import n from "clsx";
+//#region src/elements/form/FormControl/inputs/Checkbox.tsx
+var r = ({ className: r = "", id: i = "", name: a = "", placeholder: o = "", value: s = "", required: c = !0, disabled: l = !1, onChange: u, onValidate: d }) => {
+	let f = e(() => d?.(), [d]);
+	return /* @__PURE__ */ t("input", {
+		className: n("form-control__checkbox-container", r),
+		id: i,
+		name: a,
+		type: "checkbox",
+		placeholder: o,
+		value: s,
+		required: c,
+		disabled: l,
+		onChange: u,
+		onBlur: f
+	});
+};
+//#endregion
+export { r as default };

package/dist/elements/form/FormControl/inputs/Hidden.d.ts

@@ -0,0 +1,11 @@
+export type HiddenProps = {
+    className?: string;
+    id?: string;
+    name?: string;
+    value?: string;
+    required?: boolean;
+    disabled?: boolean;
+    previewMode?: boolean;
+};
+declare const Hidden: ({ className, id, name, value, required, disabled, previewMode }: HiddenProps) => import("react/jsx-runtime").JSX.Element;
+export default Hidden;

package/dist/elements/form/FormControl/inputs/Hidden.mjs

@@ -0,0 +1,20 @@
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import n from "clsx";
+//#region src/elements/form/FormControl/inputs/Hidden.tsx
+var r = ({ className: r = "", id: i = "", name: a = "", value: o = "", required: s = !0, disabled: c = !1, previewMode: l = !0 }) => /* @__PURE__ */ t("div", {
+	className: n("form-control__input-hidden-container", r),
+	children: [l && /* @__PURE__ */ e("input", {
+		className: "input-container__input-hidden",
+		id: i,
+		name: a,
+		type: "hidden",
+		value: o,
+		required: s,
+		disabled: c
+	}), !l && /* @__PURE__ */ e("div", {
+		className: "input-container__input-hidden--no-preview",
+		children: "hidden input"
+	})]
+});
+//#endregion
+export { r as default };

package/dist/elements/form/FormControl/inputs/Input.d.ts

@@ -0,0 +1,16 @@
+export type InputProps = {
+    className?: string;
+    id?: string;
+    name?: string;
+    placeholder?: string;
+    value?: string;
+    type?: string;
+    autoComplete?: boolean;
+    required?: boolean;
+    disabled?: boolean;
+    readOnly?: boolean;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    onValidate?: () => void;
+};
+declare const Input: ({ className, id, name, placeholder, value, type, autoComplete, required, disabled, readOnly, onChange, onValidate }: InputProps) => import("react/jsx-runtime").JSX.Element;
+export default Input;

package/dist/elements/form/FormControl/inputs/Input.mjs

@@ -0,0 +1,42 @@
+import { useCallback as e, useRef as t, useState as n } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import a from "clsx";
+//#region src/elements/form/FormControl/inputs/Input.tsx
+var o = ({ className: o = "", id: s = "", name: c = "", placeholder: l = "", value: u = "", type: d = "text", autoComplete: f = !1, required: p = !0, disabled: m = !1, readOnly: h = !1, onChange: g, onValidate: _ }) => {
+	let [v, y] = n(!1), b = t(null), x = e(() => y((e) => !e), [y]), S = e(() => {
+		b.current?.focus();
+	}, [b]), C = e(() => _?.(), [_]);
+	return /* @__PURE__ */ i("div", {
+		className: a("form-control__input-container", o),
+		onClick: S,
+		children: [
+			/* @__PURE__ */ r("input", {
+				ref: b,
+				className: "input-container__input",
+				id: s,
+				name: c,
+				type: d === "password" && v ? "text" : d,
+				placeholder: l,
+				value: u,
+				required: p,
+				autoComplete: f ? "on" : "off",
+				disabled: m,
+				readOnly: h,
+				onChange: g,
+				onBlur: C
+			}),
+			d === "password" && !v && /* @__PURE__ */ r("div", {
+				className: "form-input__icon",
+				onClick: x,
+				children: /* @__PURE__ */ r("i", { className: "fa-solid fa-eye" })
+			}),
+			d === "password" && v && /* @__PURE__ */ r("div", {
+				className: "form-input__icon",
+				onClick: x,
+				children: /* @__PURE__ */ r("i", { className: "fa-solid fa-eye-slash" })
+			})
+		]
+	});
+};
+//#endregion
+export { o as default };

package/dist/elements/form/FormControl/inputs/Select.d.ts

@@ -0,0 +1,17 @@
+import { ChangeEvent } from 'react';
+export type SelectProps = {
+    id?: string;
+    name: string;
+    options?: ({
+        value?: string;
+        label?: string;
+    } | string)[];
+    placeholder?: string;
+    value?: string;
+    className?: string;
+    disabled?: boolean;
+    onChange?: (e: ChangeEvent<HTMLSelectElement>) => void;
+    onValidate?: () => void;
+};
+declare const Select: ({ id, name, options, placeholder, value, className, disabled, onChange, onValidate }: SelectProps) => import("react/jsx-runtime").JSX.Element;
+export default Select;

package/dist/elements/form/FormControl/inputs/Select.mjs

@@ -0,0 +1,44 @@
+import { useCallback as e, useMemo as t, useRef as n } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import a from "clsx";
+//#region src/elements/form/FormControl/inputs/Select.tsx
+var o = ({ id: o = "", name: s, options: c = [], placeholder: l = "", value: u = "", className: d = "", disabled: f = !1, onChange: p, onValidate: m }) => {
+	let h = n(null), g = e(() => {
+		h.current?.click();
+	}, [h]), _ = e((e) => {
+		e.stopPropagation();
+	}, []), v = e(() => m?.(), [m]), y = t(() => Array.isArray(c) ? c.map((e) => typeof e == "string" ? {
+		value: e,
+		label: e
+	} : typeof e == "object" && (!e.value || !e.label) ? (e = e.value ?? e.label ?? "", {
+		value: e,
+		label: e
+	}) : {
+		value: e.value ?? "",
+		label: e.label ?? ""
+	}) : [], [c]);
+	return /* @__PURE__ */ r("div", {
+		className: a("form-control__select-container", d),
+		onClick: g,
+		children: /* @__PURE__ */ i("select", {
+			ref: h,
+			id: o,
+			name: s,
+			onChange: p,
+			value: u,
+			className: "select-container__select",
+			disabled: f,
+			onClick: _,
+			onBlur: v,
+			children: [l && /* @__PURE__ */ r("option", {
+				value: "",
+				children: l
+			}), y.map((e, t) => /* @__PURE__ */ r("option", {
+				value: e.value,
+				children: e.label
+			}, t))]
+		})
+	});
+};
+//#endregion
+export { o as default };

package/dist/elements/form/FormControl/inputs/Textarea.d.ts

@@ -0,0 +1,15 @@
+import { ChangeEvent } from 'react';
+export type TextareaProps = {
+    className?: string;
+    id?: string;
+    name?: string;
+    placeholder?: string;
+    value?: string;
+    required?: boolean;
+    disabled?: boolean;
+    readOnly?: boolean;
+    onChange?: (e: ChangeEvent<HTMLTextAreaElement>) => void;
+    onValidate?: () => void;
+};
+declare const Textarea: ({ className, id, name, placeholder, value, required, disabled, readOnly, onChange, onValidate }: TextareaProps) => import("react/jsx-runtime").JSX.Element;
+export default Textarea;

package/dist/elements/form/FormControl/inputs/Textarea.mjs

@@ -0,0 +1,25 @@
+import { useCallback as e, useRef as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+import r from "clsx";
+//#region src/elements/form/FormControl/inputs/Textarea.tsx
+var i = ({ className: i = "", id: a = "", name: o = "", placeholder: s = "", value: c = "", required: l = !0, disabled: u = !1, readOnly: d = !1, onChange: f, onValidate: p }) => {
+	let m = t(null), h = e((e) => {
+		e.stopPropagation();
+	}, []), g = e(() => p?.(), [p]);
+	return /* @__PURE__ */ n("textarea", {
+		ref: m,
+		className: r("form-control__textarea-container", i),
+		id: a,
+		name: o,
+		placeholder: s,
+		value: c,
+		readOnly: d,
+		required: l,
+		disabled: u,
+		onChange: f,
+		onBlur: g,
+		onClick: h
+	});
+};
+//#endregion
+export { i as default };

package/dist/elements/index.d.ts

@@ -0,0 +1,56 @@
+import { default as BlockHtml } from './advanced/BlockHtml';
+import { default as BlockJsx } from './advanced/BlockJsx';
+import { default as Custom } from './advanced/Custom';
+import { default as NodeHtml } from './advanced/NodeHtml';
+import { default as Reference } from './advanced/Reference';
+import { default as Button } from './basic/Button';
+import { default as Dropdown } from './basic/Dropdown';
+import { default as Heading } from './basic/Heading';
+import { default as Link } from './basic/Link';
+import { default as Markdown } from './basic/Markdown';
+import { default as Paragraph } from './basic/Paragraph';
+import { default as Text } from './basic/Text';
+import { default as Form } from './form/Form';
+import { default as FormControl } from './form/FormControl';
+import { default as LayoutContainer } from './internal/LayoutContainer';
+import { default as Loading } from './internal/Loading';
+import { default as NotFound } from './internal/NotFound';
+import { default as Page } from './internal/Page';
+import { default as FontAwesome } from './media/FontAwesome';
+import { default as Image } from './media/Image';
+import { default as Video } from './media/Video';
+import { default as ApiContainer } from './provider/ApiContainer';
+import { default as CollectionContainer } from './provider/CollectionContainer';
+import { default as Container } from './structure/Container';
+import { default as DialogContainer } from './structure/DialogContainer';
+import { default as List } from './structure/List';
+import { default as ModalContainer } from './structure/ModalContainer';
+import { default as TabContainer } from './structure/TabContainer';
+export * from './advanced/BlockHtml';
+export * from './advanced/BlockJsx';
+export * from './advanced/Custom';
+export * from './advanced/Reference';
+export * from './advanced/NodeHtml';
+export * from './basic/Button';
+export * from './basic/Dropdown';
+export * from './basic/Heading';
+export * from './basic/Link';
+export * from './basic/Markdown';
+export * from './basic/Paragraph';
+export * from './basic/Text';
+export * from './form/Form';
+export * from './form/FormControl';
+export * from './internal/LayoutContainer';
+export * from './internal/Loading';
+export * from './internal/Page';
+export * from './media/FontAwesome';
+export * from './media/Image';
+export * from './media/Video';
+export * from './provider/ApiContainer';
+export * from './provider/CollectionContainer';
+export * from './structure/Container';
+export * from './structure/DialogContainer';
+export * from './structure/List';
+export * from './structure/ModalContainer';
+export * from './structure/TabContainer';
+export { NodeHtml, Dropdown, NotFound, Loading, Custom, Reference, BlockHtml, BlockJsx, Page, Container, LayoutContainer, DialogContainer, ModalContainer, TabContainer, Heading, Image, Video, FontAwesome, Button, Paragraph, Text, List, Link, Markdown, Form, FormControl, ApiContainer, CollectionContainer };

package/dist/elements/index.mjs

@@ -0,0 +1,62 @@
+import { __exportAll as e } from "../_virtual/_rolldown/runtime.mjs";
+import t from "./advanced/BlockHtml/index.mjs";
+import n from "./advanced/BlockJsx/index.mjs";
+import r from "./advanced/Custom/index.mjs";
+import i from "./advanced/NodeHtml/index.mjs";
+import a from "./advanced/Reference/index.mjs";
+import o from "./basic/Button/index.mjs";
+import s from "./basic/Dropdown/index.mjs";
+import c from "./basic/Heading/index.mjs";
+import l from "./basic/Link/index.mjs";
+import u from "./basic/Markdown/index.mjs";
+import d from "./basic/Paragraph/index.mjs";
+import f from "./basic/Text/index.mjs";
+import p from "./form/Form/index.mjs";
+import m from "./form/FormControl/index.mjs";
+import h from "./internal/LayoutContainer/index.mjs";
+import g from "./internal/Loading/index.mjs";
+import { NotFound as _ } from "./internal/NotFound/index.mjs";
+import v from "./internal/Page/index.mjs";
+import y from "./media/FontAwesome/index.mjs";
+import b from "./media/Image/index.mjs";
+import x from "./media/Video/index.mjs";
+import S from "./provider/ApiContainer/index.mjs";
+import C from "./provider/CollectionContainer/index.mjs";
+import w from "./structure/Container/index.mjs";
+import T from "./structure/DialogContainer/index.mjs";
+import E from "./structure/List/index.mjs";
+import D from "./structure/ModalContainer/index.mjs";
+import O from "./structure/TabContainer/index.mjs";
+//#region src/elements/index.ts
+var k = /* @__PURE__ */ e({
+	ApiContainer: () => S,
+	BlockHtml: () => t,
+	BlockJsx: () => n,
+	Button: () => o,
+	CollectionContainer: () => C,
+	Container: () => w,
+	Custom: () => r,
+	DialogContainer: () => T,
+	Dropdown: () => s,
+	FontAwesome: () => y,
+	Form: () => p,
+	FormControl: () => m,
+	Heading: () => c,
+	Image: () => b,
+	LayoutContainer: () => h,
+	Link: () => l,
+	List: () => E,
+	Loading: () => g,
+	Markdown: () => u,
+	ModalContainer: () => D,
+	NodeHtml: () => i,
+	NotFound: () => _,
+	Page: () => v,
+	Paragraph: () => d,
+	Reference: () => a,
+	TabContainer: () => O,
+	Text: () => f,
+	Video: () => x
+});
+//#endregion
+export { S as ApiContainer, t as BlockHtml, n as BlockJsx, o as Button, C as CollectionContainer, w as Container, r as Custom, T as DialogContainer, s as Dropdown, y as FontAwesome, p as Form, m as FormControl, c as Heading, b as Image, h as LayoutContainer, l as Link, E as List, g as Loading, u as Markdown, D as ModalContainer, i as NodeHtml, _ as NotFound, v as Page, d as Paragraph, a as Reference, O as TabContainer, f as Text, x as Video, k as elements_exports };

package/dist/elements/internal/LayoutContainer/LayoutContainer.d.ts

@@ -0,0 +1,14 @@
+import { ReactNode, RefObject } from 'react';
+export type LayoutContainerProps = {
+    ref?: RefObject<HTMLElement>;
+    className?: string;
+    children?: ReactNode;
+    subType?: 'div' | 'header' | 'footer' | 'nav' | 'main' | 'section' | 'article' | 'aside' | 'address' | 'figure';
+};
+declare const LayoutContainer: ({ ref, className, children, subType }: LayoutContainerProps) => import("react/jsx-runtime").JSX.Element;
+declare const _default: {
+    (props: import('../../../Element/hocs/withElement').WithElementProps<LayoutContainerProps>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default _default;
+export { LayoutContainer };

package/dist/elements/internal/LayoutContainer/LayoutContainer.mjs

@@ -0,0 +1,46 @@
+import e from "../../../Element/RootElement.mjs";
+import t from "../../../Element/hocs/withElement.mjs";
+import { useCallback as n, useEffect as r } from "react";
+import i from "@plitzi/sdk-shared/hooks/usePlitziServiceContext";
+import { throttle as a } from "@plitzi/plitzi-ui/helpers";
+import { jsx as o } from "react/jsx-runtime";
+import s from "clsx";
+import c from "@plitzi/sdk-shared/elements/hooks/useElement";
+var l = t(({ ref: t, className: l = "", children: u, subType: d = "div" }) => {
+	let { plitziElementLayout: f } = c(), { settings: { previewMode: p } } = i(), m = n((e, t) => {
+		if (!e || !t) return;
+		let n = t.getBoundingClientRect(), r = n.top - 0, i = n.left - 0, a = i + n.width + 0, o = r + n.height + 0, s = `
+      polygon(
+        evenodd,
+        /* outer rect */
+        0 0, 100% 0, 100% 100%, 0% 100%, 0 0,
+        /* inner rect */ 
+        ${i}px ${r}px, ${a}px ${r}px, ${a}px ${o}px, ${i}px ${o}px, ${i}px ${r}px
+      )`;
+		e.style.setProperty("--child-clip", s);
+	}, []);
+	return r(() => {
+		if (!f || !t?.current || p) return;
+		let e = a(() => {
+			let e = t.current;
+			m(e, e.querySelector(".plitzi-component--layout-body"));
+		}, 150), n = new ResizeObserver(e);
+		n.observe(t.current);
+		let r = t.current.querySelector(".plitzi-component--layout-body");
+		return r && n.observe(r), () => {
+			e.cancel(), n.disconnect();
+		};
+	}, [
+		f,
+		p,
+		t,
+		m
+	]), /* @__PURE__ */ o(e, {
+		ref: t,
+		tag: d,
+		className: s("plitzi-component__layout-container", l),
+		children: u
+	});
+});
+//#endregion
+export { l as default };

package/dist/elements/internal/LayoutContainer/Settings.d.ts

@@ -0,0 +1,7 @@
+type SettingsProps = {
+    subType?: 'div' | 'header' | 'footer' | 'nav' | 'main' | 'section' | 'article' | 'aside' | 'address' | 'figure';
+    folder?: string;
+    onUpdate?: (key: string, value: string | boolean | number) => void;
+};
+declare const Settings: ({ subType, folder, onUpdate }: SettingsProps) => import("react/jsx-runtime").JSX.Element;
+export default Settings;

package/dist/elements/internal/LayoutContainer/Settings.mjs

@@ -0,0 +1,73 @@
+import { useCallback as e, useMemo as t } from "react";
+import { createStoreHook as n } from "@plitzi/sdk-store/createStore";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import a from "@plitzi/plitzi-ui/Select";
+import o from "@plitzi/plitzi-ui/Select2";
+//#region src/elements/internal/LayoutContainer/Settings.tsx
+var s = ({ subType: s = "div", folder: c = "", onUpdate: l }) => {
+	let { useStore: u } = n(), [d] = u("schema.pageFolders"), f = e((e) => l?.("subType", e), [l]), p = e((e) => l?.("folder", e?.value ?? ""), [l]), m = t(() => [{
+		value: "",
+		label: "None"
+	}, ...d.map(({ id: e, name: t }) => ({
+		value: e,
+		label: t
+	}))], [d]);
+	return /* @__PURE__ */ i("div", {
+		className: "flex flex-col gap-4 py-2",
+		children: [/* @__PURE__ */ i(a, {
+			value: s,
+			label: "Container Tag",
+			onChange: f,
+			children: [
+				/* @__PURE__ */ r("option", {
+					value: "div",
+					children: "Div"
+				}),
+				/* @__PURE__ */ r("option", {
+					value: "header",
+					children: "Header"
+				}),
+				/* @__PURE__ */ r("option", {
+					value: "footer",
+					children: "Footer"
+				}),
+				/* @__PURE__ */ r("option", {
+					value: "nav",
+					children: "Nav"
+				}),
+				/* @__PURE__ */ r("option", {
+					value: "main",
+					children: "Main"
+				}),
+				/* @__PURE__ */ r("option", {
+					value: "section",
+					children: "Section"
+				}),
+				/* @__PURE__ */ r("option", {
+					value: "article",
+					children: "Article"
+				}),
+				/* @__PURE__ */ r("option", {
+					value: "aside",
+					children: "Aside"
+				}),
+				/* @__PURE__ */ r("option", {
+					value: "address",
+					children: "Address"
+				}),
+				/* @__PURE__ */ r("option", {
+					value: "figure",
+					children: "Figure"
+				})
+			]
+		}), /* @__PURE__ */ r(o, {
+			label: "Folder",
+			value: c,
+			options: m,
+			placeholder: "None",
+			onChange: p
+		})]
+	});
+};
+//#endregion
+export { s as default };

package/dist/elements/internal/LayoutContainer/index.d.ts

@@ -0,0 +1,54 @@
+declare const LayoutContainer: {
+    (props: import('../../../Element/hocs/withElement').WithElementProps<import('./LayoutContainer').LayoutContainerProps>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+} & {
+    type: string;
+    content: {
+        attributes: {
+            subType: string;
+        };
+        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: never[];
+        };
+        market: {
+            category: string;
+            owner: string;
+            verified: boolean;
+            license: string;
+            website: string;
+            backgroundColor: string;
+            icon: string;
+        };
+        defaultStyle: {
+            name: string;
+            displayMode: string;
+            style: {
+                base: {
+                    default: {};
+                };
+            };
+            subTypes: {};
+        };
+        settings: {};
+    };
+};
+export default LayoutContainer;

package/dist/elements/internal/LayoutContainer/index.mjs

@@ -0,0 +1,44 @@
+import e from "./LayoutContainer.mjs";
+//#region src/elements/internal/LayoutContainer/index.ts
+var t = Object.assign(e, {
+	type: "layoutContainer",
+	content: {
+		attributes: { subType: "div" },
+		definition: {
+			label: "Layout Container",
+			type: "layoutContainer",
+			description: "Group things together into groups, also nestable.",
+			items: [],
+			bindings: {},
+			styleSelectors: { base: "" },
+			initialState: { visibility: !0 }
+		},
+		builder: {
+			canDelete: !0,
+			canSelect: !0,
+			canDragDrop: !1,
+			canMove: !0,
+			canTemplate: !0,
+			itemsAllowed: [],
+			itemsNotAllowed: []
+		},
+		market: {
+			category: "internal",
+			owner: "Plitzi",
+			verified: !0,
+			license: "MIT",
+			website: "https://plitzi.com",
+			backgroundColor: "#4422ee",
+			icon: "fa-solid fa-border-all"
+		},
+		defaultStyle: {
+			name: "Layout Container",
+			displayMode: "desktop",
+			style: { base: { default: {} } },
+			subTypes: {}
+		},
+		settings: {}
+	}
+});
+//#endregion
+export { t as default };

package/dist/elements/internal/Loading/Loading.d.ts

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

package/dist/elements/internal/Loading/Loading.mjs

@@ -0,0 +1,15 @@
+import e from "../../../Element/RootElement.mjs";
+import t from "../../../Element/hocs/withElement.mjs";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import i from "clsx";
+import a from "@plitzi/sdk-shared/elements/hooks/useElement";
+var o = t(({ ref: t, className: o = "" }) => {
+	let { definition: { label: s } } = a();
+	return /* @__PURE__ */ n(e, {
+		ref: t,
+		className: i("plitzi-component__loading", o),
+		children: /* @__PURE__ */ r("span", { children: [/* @__PURE__ */ n("b", { children: s }), " Loading..."] })
+	});
+});
+//#endregion
+export { o as default };

package/dist/elements/internal/Loading/index.d.ts

@@ -0,0 +1,50 @@
+declare const Loading: {
+    (props: import('../../../Element/hocs/withElement').WithElementProps<import('./Loading').LoadingProps>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+} & {
+    type: string;
+    content: {
+        attributes: {};
+        definition: {
+            label: string;
+            type: string;
+            description: string;
+            bindings: {};
+            styleSelectors: {
+                base: 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: {};
+                };
+            };
+        };
+        settings: {};
+    };
+};
+export default Loading;