@plitzi/sdk-shared 0.30.19

package/dist/style/styleConstants.d.ts

@@ -0,0 +1,105 @@
+import { Style, StyleCategory, StyleValue } from '../types';
+export declare const EMPTY_STYLE_SCHEMA: Style;
+declare const styleConstants: {
+    readonly DISPLAY: "display";
+    readonly FLEX_WRAP: "flex-wrap";
+    readonly FLEX_DIRECTION: "flex-direction";
+    readonly ALIGN_ITEMS: "align-items";
+    readonly JUSTIFY_CONTENT: "justify-content";
+    readonly ALIGN_CONTENT: "align-content";
+    readonly ROW_GAP: "row-gap";
+    readonly COLUMN_GAP: "column-gap";
+    readonly GRID_ROW_GAP: "grid-row-gap";
+    readonly GRID_COLUMN_GAP: "grid-column-gap";
+    readonly GRID_TEMPLATE_AREAS: "grid-template-areas";
+    readonly GRID_TEMPLATE_COLUMNS: "grid-template-columns";
+    readonly GRID_TEMPLATE_ROWS: "grid-template-rows";
+    readonly GRID_AUTO_FLOW: "grid-auto-flow";
+    readonly GRID_AUTO_ROWS: "grid-auto-rows";
+    readonly GRID_AUTO_COLUMNS: "grid-auto-columns";
+    readonly ALIGN_SELF: "align-self";
+    readonly ORDER: "order";
+    readonly FLEX_GROW: "flex-grow";
+    readonly FLEX_SHRINK: "flex-shrink";
+    readonly FLEX_BASIS: "flex-basis";
+    readonly LIST_STYLE: "list-style";
+    readonly LIST_STYLE_TYPE: "list-style-type";
+    readonly BACKGROUND_COLOR: "background-color";
+    readonly BACKGROUND_IMAGE: "background-image";
+    readonly BACKGROUND_POSITION: "background-position";
+    readonly BACKGROUND_SIZE: "background-size";
+    readonly BACKGROUND_REPEAT: "background-repeat";
+    readonly BACKGROUND_CLIP: "background-clip";
+    readonly BACKGROUND_ATTACHMENT: "background-attachment";
+    readonly MASK_IMAGE: "mask-image";
+    readonly BORDER_TOP_STYLE: "border-top-style";
+    readonly BORDER_TOP_WIDTH: "border-top-width";
+    readonly BORDER_TOP_COLOR: "border-top-color";
+    readonly BORDER_BOTTOM_STYLE: "border-bottom-style";
+    readonly BORDER_BOTTOM_WIDTH: "border-bottom-width";
+    readonly BORDER_BOTTOM_COLOR: "border-bottom-color";
+    readonly BORDER_LEFT_STYLE: "border-left-style";
+    readonly BORDER_LEFT_WIDTH: "border-left-width";
+    readonly BORDER_LEFT_COLOR: "border-left-color";
+    readonly BORDER_RIGHT_STYLE: "border-right-style";
+    readonly BORDER_RIGHT_WIDTH: "border-right-width";
+    readonly BORDER_RIGHT_COLOR: "border-right-color";
+    readonly BORDER_TOP_LEFT_RADIUS: "border-top-left-radius";
+    readonly BORDER_TOP_RIGHT_RADIUS: "border-top-right-radius";
+    readonly BORDER_BOTTOM_LEFT_RADIUS: "border-bottom-left-radius";
+    readonly BORDER_BOTTOM_RIGHT_RADIUS: "border-bottom-right-radius";
+    readonly OPACITY: "opacity";
+    readonly CURSOR: "cursor";
+    readonly TRANSITION: "transition";
+    readonly BOX_SHADOW: "box-shadow";
+    readonly FILTER: "filter";
+    readonly TRANSFORM: "transform";
+    readonly POSITION: "position";
+    readonly FLOAT: "float";
+    readonly CLEAR: "clear";
+    readonly Z_INDEX: "z-index";
+    readonly TOP: "top";
+    readonly BOTTOM: "bottom";
+    readonly LEFT: "left";
+    readonly RIGHT: "right";
+    readonly WIDTH: "width";
+    readonly HEIGHT: "height";
+    readonly MIN_WIDTH: "min-width";
+    readonly MIN_HEIGHT: "min-height";
+    readonly MAX_WIDTH: "max-width";
+    readonly MAX_HEIGHT: "max-height";
+    readonly OVERFLOW: "overflow";
+    readonly OBJECT_FIT: "object-fit";
+    readonly OBJECT_POSITION: "object-position";
+    readonly MARGIN_TOP: "margin-top";
+    readonly MARGIN_BOTTOM: "margin-bottom";
+    readonly MARGIN_LEFT: "margin-left";
+    readonly MARGIN_RIGHT: "margin-right";
+    readonly PADDING_TOP: "padding-top";
+    readonly PADDING_BOTTOM: "padding-bottom";
+    readonly PADDING_LEFT: "padding-left";
+    readonly PADDING_RIGHT: "padding-right";
+    readonly FONT_FAMILY: "font-family";
+    readonly FONT_WEIGHT: "font-weight";
+    readonly FONT_SIZE: "font-size";
+    readonly LINE_HEIGHT: "line-height";
+    readonly COLOR: "color";
+    readonly TEXT_ALIGN: "text-align";
+    readonly FONT_STYLE: "font-style";
+    readonly TEXT_DECORATION: "text-decoration";
+    readonly LETTER_SPACING: "letter-spacing";
+    readonly TEXT_INDENT: "text-indent";
+    readonly TEXT_TRANSFORM: "text-transform";
+    readonly DIRECTION: "direction";
+    readonly WHITE_SPACE: "white-space";
+    readonly TEXT_WRAP: "text-wrap";
+    readonly TEXT_OVERFLOW: "text-overflow";
+    readonly TEXT_SHADOW: "text-shadow";
+};
+export declare const inheritableAttributesBase: StyleCategory[];
+export declare const StyleBindingsAllowed: {
+    path: "display" | "flex-wrap" | "flex-direction" | "align-items" | "justify-content" | "align-content" | "row-gap" | "column-gap" | "grid-row-gap" | "grid-column-gap" | "grid-template-areas" | "grid-template-columns" | "grid-template-rows" | "grid-auto-flow" | "grid-auto-rows" | "grid-auto-columns" | "align-self" | "order" | "flex-grow" | "flex-shrink" | "flex-basis" | "list-style" | "list-style-type" | "background-color" | "background-image" | "background-position" | "background-size" | "background-repeat" | "background-clip" | "background-attachment" | "mask-image" | "border-top-style" | "border-top-width" | "border-top-color" | "border-bottom-style" | "border-bottom-width" | "border-bottom-color" | "border-left-style" | "border-left-width" | "border-left-color" | "border-right-style" | "border-right-width" | "border-right-color" | "border-top-left-radius" | "border-top-right-radius" | "border-bottom-left-radius" | "border-bottom-right-radius" | "opacity" | "cursor" | "transition" | "box-shadow" | "filter" | "transform" | "position" | "float" | "clear" | "z-index" | "top" | "bottom" | "left" | "right" | "width" | "height" | "min-width" | "min-height" | "max-width" | "max-height" | "overflow" | "object-fit" | "object-position" | "margin-top" | "margin-bottom" | "margin-left" | "margin-right" | "padding-top" | "padding-bottom" | "padding-left" | "padding-right" | "font-family" | "font-weight" | "font-size" | "line-height" | "color" | "text-align" | "font-style" | "text-decoration" | "letter-spacing" | "text-indent" | "text-transform" | "direction" | "white-space" | "text-wrap" | "text-overflow" | "text-shadow";
+    label: "display" | "flex-wrap" | "flex-direction" | "align-items" | "justify-content" | "align-content" | "row-gap" | "column-gap" | "grid-row-gap" | "grid-column-gap" | "grid-template-areas" | "grid-template-columns" | "grid-template-rows" | "grid-auto-flow" | "grid-auto-rows" | "grid-auto-columns" | "align-self" | "order" | "flex-grow" | "flex-shrink" | "flex-basis" | "list-style" | "list-style-type" | "background-color" | "background-image" | "background-position" | "background-size" | "background-repeat" | "background-clip" | "background-attachment" | "mask-image" | "border-top-style" | "border-top-width" | "border-top-color" | "border-bottom-style" | "border-bottom-width" | "border-bottom-color" | "border-left-style" | "border-left-width" | "border-left-color" | "border-right-style" | "border-right-width" | "border-right-color" | "border-top-left-radius" | "border-top-right-radius" | "border-bottom-left-radius" | "border-bottom-right-radius" | "opacity" | "cursor" | "transition" | "box-shadow" | "filter" | "transform" | "position" | "float" | "clear" | "z-index" | "top" | "bottom" | "left" | "right" | "width" | "height" | "min-width" | "min-height" | "max-width" | "max-height" | "overflow" | "object-fit" | "object-position" | "margin-top" | "margin-bottom" | "margin-left" | "margin-right" | "padding-top" | "padding-bottom" | "padding-left" | "padding-right" | "font-family" | "font-weight" | "font-size" | "line-height" | "color" | "text-align" | "font-style" | "text-decoration" | "letter-spacing" | "text-indent" | "text-transform" | "direction" | "white-space" | "text-wrap" | "text-overflow" | "text-shadow";
+}[];
+export declare const baseDefaultValue: Record<StyleCategory, StyleValue>;
+export default styleConstants;

package/dist/style/styleConstants.mjs

@@ -0,0 +1,226 @@
+//#region src/style/styleConstants.ts
+var e = {
+	platform: {
+		desktop: {},
+		tablet: {},
+		mobile: {}
+	},
+	mode: "desktop-first",
+	theme: {
+		default: "system",
+		schemes: ["light", "dark"]
+	},
+	variables: {},
+	cache: ""
+}, t = {
+	DISPLAY: "display",
+	FLEX_WRAP: "flex-wrap",
+	FLEX_DIRECTION: "flex-direction",
+	ALIGN_ITEMS: "align-items",
+	JUSTIFY_CONTENT: "justify-content",
+	ALIGN_CONTENT: "align-content",
+	ROW_GAP: "row-gap",
+	COLUMN_GAP: "column-gap",
+	GRID_ROW_GAP: "grid-row-gap",
+	GRID_COLUMN_GAP: "grid-column-gap",
+	GRID_TEMPLATE_AREAS: "grid-template-areas",
+	GRID_TEMPLATE_COLUMNS: "grid-template-columns",
+	GRID_TEMPLATE_ROWS: "grid-template-rows",
+	GRID_AUTO_FLOW: "grid-auto-flow",
+	GRID_AUTO_ROWS: "grid-auto-rows",
+	GRID_AUTO_COLUMNS: "grid-auto-columns",
+	ALIGN_SELF: "align-self",
+	ORDER: "order",
+	FLEX_GROW: "flex-grow",
+	FLEX_SHRINK: "flex-shrink",
+	FLEX_BASIS: "flex-basis",
+	LIST_STYLE: "list-style",
+	LIST_STYLE_TYPE: "list-style-type",
+	BACKGROUND_COLOR: "background-color",
+	BACKGROUND_IMAGE: "background-image",
+	BACKGROUND_POSITION: "background-position",
+	BACKGROUND_SIZE: "background-size",
+	BACKGROUND_REPEAT: "background-repeat",
+	BACKGROUND_CLIP: "background-clip",
+	BACKGROUND_ATTACHMENT: "background-attachment",
+	MASK_IMAGE: "mask-image",
+	BORDER_TOP_STYLE: "border-top-style",
+	BORDER_TOP_WIDTH: "border-top-width",
+	BORDER_TOP_COLOR: "border-top-color",
+	BORDER_BOTTOM_STYLE: "border-bottom-style",
+	BORDER_BOTTOM_WIDTH: "border-bottom-width",
+	BORDER_BOTTOM_COLOR: "border-bottom-color",
+	BORDER_LEFT_STYLE: "border-left-style",
+	BORDER_LEFT_WIDTH: "border-left-width",
+	BORDER_LEFT_COLOR: "border-left-color",
+	BORDER_RIGHT_STYLE: "border-right-style",
+	BORDER_RIGHT_WIDTH: "border-right-width",
+	BORDER_RIGHT_COLOR: "border-right-color",
+	BORDER_TOP_LEFT_RADIUS: "border-top-left-radius",
+	BORDER_TOP_RIGHT_RADIUS: "border-top-right-radius",
+	BORDER_BOTTOM_LEFT_RADIUS: "border-bottom-left-radius",
+	BORDER_BOTTOM_RIGHT_RADIUS: "border-bottom-right-radius",
+	OPACITY: "opacity",
+	CURSOR: "cursor",
+	TRANSITION: "transition",
+	BOX_SHADOW: "box-shadow",
+	FILTER: "filter",
+	TRANSFORM: "transform",
+	POSITION: "position",
+	FLOAT: "float",
+	CLEAR: "clear",
+	Z_INDEX: "z-index",
+	TOP: "top",
+	BOTTOM: "bottom",
+	LEFT: "left",
+	RIGHT: "right",
+	WIDTH: "width",
+	HEIGHT: "height",
+	MIN_WIDTH: "min-width",
+	MIN_HEIGHT: "min-height",
+	MAX_WIDTH: "max-width",
+	MAX_HEIGHT: "max-height",
+	OVERFLOW: "overflow",
+	OBJECT_FIT: "object-fit",
+	OBJECT_POSITION: "object-position",
+	MARGIN_TOP: "margin-top",
+	MARGIN_BOTTOM: "margin-bottom",
+	MARGIN_LEFT: "margin-left",
+	MARGIN_RIGHT: "margin-right",
+	PADDING_TOP: "padding-top",
+	PADDING_BOTTOM: "padding-bottom",
+	PADDING_LEFT: "padding-left",
+	PADDING_RIGHT: "padding-right",
+	FONT_FAMILY: "font-family",
+	FONT_WEIGHT: "font-weight",
+	FONT_SIZE: "font-size",
+	LINE_HEIGHT: "line-height",
+	COLOR: "color",
+	TEXT_ALIGN: "text-align",
+	FONT_STYLE: "font-style",
+	TEXT_DECORATION: "text-decoration",
+	LETTER_SPACING: "letter-spacing",
+	TEXT_INDENT: "text-indent",
+	TEXT_TRANSFORM: "text-transform",
+	DIRECTION: "direction",
+	WHITE_SPACE: "white-space",
+	TEXT_WRAP: "text-wrap",
+	TEXT_OVERFLOW: "text-overflow",
+	TEXT_SHADOW: "text-shadow"
+}, n = [
+	t.TEXT_DECORATION,
+	t.LINE_HEIGHT,
+	t.LETTER_SPACING,
+	t.COLOR,
+	t.DIRECTION,
+	t.FONT_FAMILY,
+	t.FONT_WEIGHT,
+	t.FONT_SIZE,
+	t.TEXT_ALIGN,
+	t.TEXT_INDENT,
+	t.TEXT_SHADOW,
+	t.TEXT_TRANSFORM,
+	t.WHITE_SPACE,
+	t.TEXT_WRAP,
+	t.TEXT_OVERFLOW
+], r = Object.values(t).map((e) => ({
+	path: e,
+	label: e
+})), i = {
+	[t.DISPLAY]: "block",
+	[t.FLEX_WRAP]: "nowrap",
+	[t.FLEX_DIRECTION]: "row",
+	[t.ALIGN_ITEMS]: "stretch",
+	[t.JUSTIFY_CONTENT]: "flex-start",
+	[t.ALIGN_CONTENT]: "flex-start",
+	[t.ROW_GAP]: "0px",
+	[t.COLUMN_GAP]: "0px",
+	[t.GRID_ROW_GAP]: "0px",
+	[t.GRID_COLUMN_GAP]: "0px",
+	[t.GRID_TEMPLATE_AREAS]: "none",
+	[t.GRID_TEMPLATE_COLUMNS]: "none",
+	[t.GRID_TEMPLATE_ROWS]: "none",
+	[t.GRID_AUTO_FLOW]: "row",
+	[t.GRID_AUTO_ROWS]: "auto",
+	[t.GRID_AUTO_COLUMNS]: "auto",
+	[t.ALIGN_SELF]: "auto",
+	[t.ORDER]: "0",
+	[t.FLEX_GROW]: "0",
+	[t.FLEX_SHRINK]: "1",
+	[t.FLEX_BASIS]: "auto",
+	[t.LIST_STYLE]: "disc",
+	[t.LIST_STYLE_TYPE]: "disc",
+	[t.BACKGROUND_COLOR]: "transparent",
+	[t.BACKGROUND_IMAGE]: "url(\"https://cdn.plitzi.com/resources/img/background-image.svg\")",
+	[t.BACKGROUND_POSITION]: "0px 0px",
+	[t.BACKGROUND_SIZE]: "auto",
+	[t.BACKGROUND_CLIP]: "border-box",
+	[t.BACKGROUND_REPEAT]: "repeat",
+	[t.BACKGROUND_ATTACHMENT]: "scroll",
+	[t.MASK_IMAGE]: "none",
+	[t.BORDER_TOP_STYLE]: "solid",
+	[t.BORDER_TOP_WIDTH]: "0px",
+	[t.BORDER_TOP_COLOR]: "#000000",
+	[t.BORDER_BOTTOM_STYLE]: "solid",
+	[t.BORDER_BOTTOM_WIDTH]: "0px",
+	[t.BORDER_BOTTOM_COLOR]: "#000000",
+	[t.BORDER_LEFT_STYLE]: "solid",
+	[t.BORDER_LEFT_WIDTH]: "0px",
+	[t.BORDER_LEFT_COLOR]: "#000000",
+	[t.BORDER_RIGHT_STYLE]: "solid",
+	[t.BORDER_RIGHT_WIDTH]: "0px",
+	[t.BORDER_RIGHT_COLOR]: "#000000",
+	[t.BORDER_TOP_LEFT_RADIUS]: "0px",
+	[t.BORDER_TOP_RIGHT_RADIUS]: "0px",
+	[t.BORDER_BOTTOM_LEFT_RADIUS]: "0px",
+	[t.BORDER_BOTTOM_RIGHT_RADIUS]: "0px",
+	[t.OPACITY]: "1",
+	[t.CURSOR]: "auto",
+	[t.TRANSITION]: "opacity 200ms ease 0ms",
+	[t.BOX_SHADOW]: "1px 1px 3px 1px black",
+	[t.FILTER]: "blur(5px)",
+	[t.TRANSFORM]: "translate3d(0px, 0px, 0px)",
+	[t.POSITION]: "static",
+	[t.FLOAT]: "none",
+	[t.CLEAR]: "none",
+	[t.Z_INDEX]: "0",
+	[t.TOP]: "auto",
+	[t.BOTTOM]: "auto",
+	[t.LEFT]: "auto",
+	[t.RIGHT]: "auto",
+	[t.WIDTH]: "auto",
+	[t.HEIGHT]: "auto",
+	[t.MIN_WIDTH]: "0px",
+	[t.MIN_HEIGHT]: "0px",
+	[t.MAX_WIDTH]: "none",
+	[t.MAX_HEIGHT]: "none",
+	[t.OVERFLOW]: "visible",
+	[t.OBJECT_FIT]: "fill",
+	[t.OBJECT_POSITION]: "50% 50%",
+	[t.MARGIN_TOP]: "0px",
+	[t.MARGIN_BOTTOM]: "0px",
+	[t.MARGIN_LEFT]: "0px",
+	[t.MARGIN_RIGHT]: "0px",
+	[t.PADDING_TOP]: "0px",
+	[t.PADDING_BOTTOM]: "0px",
+	[t.PADDING_LEFT]: "0px",
+	[t.PADDING_RIGHT]: "0px",
+	[t.FONT_FAMILY]: "Arial",
+	[t.FONT_WEIGHT]: 400,
+	[t.FONT_SIZE]: "0px",
+	[t.LINE_HEIGHT]: "0px",
+	[t.COLOR]: "#000000",
+	[t.TEXT_ALIGN]: "left",
+	[t.FONT_STYLE]: "normal",
+	[t.TEXT_DECORATION]: "none",
+	[t.LETTER_SPACING]: "0px",
+	[t.TEXT_INDENT]: "0px",
+	[t.TEXT_TRANSFORM]: "none",
+	[t.DIRECTION]: "ltr",
+	[t.WHITE_SPACE]: "normal",
+	[t.TEXT_WRAP]: "wrap",
+	[t.TEXT_OVERFLOW]: "clip",
+	[t.TEXT_SHADOW]: ""
+};
+//#endregion
+export { e as EMPTY_STYLE_SCHEMA, r as StyleBindingsAllowed, i as baseDefaultValue, t as default, n as inheritableAttributesBase };

package/dist/theme/ThemeProvider.d.ts

@@ -0,0 +1,12 @@
+import { Theme, ThemeContextValue } from '../types';
+import { ReactNode } from 'react';
+declare const ThemeContext: import('react').Context<ThemeContextValue>;
+export type ThemeProviderProps = {
+    defaultTheme?: Theme;
+    storageKey?: string;
+    storageType?: 'localStorage' | 'sessionStorage';
+    children?: ReactNode;
+};
+declare const ThemeProvider: ({ defaultTheme, storageKey, storageType, children }: ThemeProviderProps) => import("react/jsx-runtime").JSX.Element;
+export { ThemeContext };
+export default ThemeProvider;

package/dist/theme/ThemeProvider.mjs

@@ -0,0 +1,40 @@
+import { createContext as e, useCallback as t, useEffect as n, useMemo as r } from "react";
+import { jsx as i } from "react/jsx-runtime";
+import a from "@plitzi/plitzi-ui/hooks/useStorage";
+//#region src/theme/ThemeProvider.tsx
+var o = e({
+	theme: "dark",
+	toggleTheme: () => {}
+});
+o.displayName = "ThemeContext";
+var s = ({ defaultTheme: e = "dark", storageKey: s = "theme", storageType: c = "localStorage", children: l }) => {
+	let [u, d] = a(s, e, c);
+	n(() => {
+		if (typeof document > "u" || typeof window > "u") return;
+		let e = new MutationObserver(() => d(document.documentElement.classList.contains("dark") ? "dark" : "light"));
+		e.observe(document.documentElement, {
+			attributes: !0,
+			attributeFilter: ["class"]
+		});
+		let t = window.matchMedia("(prefers-color-scheme: dark)"), n = (e) => d(e.matches ? "dark" : "light");
+		return t.addEventListener("change", n), () => {
+			e.disconnect(), t.removeEventListener("change", n);
+		};
+	}, []), n(() => {
+		if (typeof document > "u") return;
+		let e = document.documentElement;
+		u === "dark" ? e.classList.add("dark") : e.classList.remove("dark");
+	}, [u]);
+	let f = t(() => {
+		d((e) => e === "dark" ? "light" : "dark");
+	}, [d]);
+	return /* @__PURE__ */ i(o, {
+		value: r(() => ({
+			theme: u,
+			toggleTheme: f
+		}), [u, f]),
+		children: l
+	});
+};
+//#endregion
+export { o as ThemeContext, s as default };

package/dist/theme/index.d.ts

@@ -0,0 +1,3 @@
+import { default as ThemeProvider } from './ThemeProvider';
+export * from './ThemeProvider';
+export { ThemeProvider };

package/dist/theme/index.mjs

@@ -0,0 +1,2 @@
+import e, { ThemeContext as t } from "./ThemeProvider.mjs";
+export { t as ThemeContext, e as ThemeProvider };

package/dist/types/AuthTypes.d.ts

@@ -0,0 +1,32 @@
+export type User = {
+    id: number;
+    username: string;
+    email: string;
+    verified: boolean;
+    permissions: string[];
+    roles: string[];
+};
+export type TokenResult = {
+    errors?: Record<string, unknown>;
+    accessToken: string;
+    expiresAt: number | null;
+    refreshToken: string | null;
+};
+export type AuthContextValue = {
+    login: (...args: unknown[]) => Promise<TokenResult | undefined>;
+    refresh: (...args: unknown[]) => Promise<TokenResult | undefined>;
+    can: (permission: string) => boolean;
+    logout: (...args: unknown[]) => Promise<void>;
+    authenticated: boolean;
+    user?: {
+        details?: {
+            id: number;
+            username: string;
+            email: string;
+            verified: boolean;
+            permissions: string[];
+            roles: string[];
+        };
+        accessToken?: string;
+    };
+};

package/dist/types/BuilderTypes.d.ts

@@ -0,0 +1,20 @@
+import { Schema } from './SchemaTypes';
+import { Style } from './StyleTypes';
+export type Template = {
+    id?: string;
+    definition: {
+        name: string;
+        description: string;
+        baseElementId: Element['id'];
+    };
+    schema: Schema;
+    style: Style;
+};
+export type SubscriptionCollaborator = {
+    color: string;
+    user: {
+        firstName: string;
+        surName: string;
+    };
+    instanceId: string;
+};

package/dist/types/CollectionTypes.d.ts

@@ -0,0 +1,84 @@
+export type PageInfo = {
+    hasPrevPage: boolean;
+    hasNextPage: boolean;
+    prevCursor: string;
+    nextCursor: string;
+    from: number;
+    to: number;
+    total: number;
+};
+export type CollectionField = {
+    id: string;
+    name: string;
+    machineName: string;
+    type: 'text' | 'richText' | 'image' | 'multiImage' | 'video' | 'link' | 'email' | 'phone' | 'number' | 'date' | 'switch' | 'color' | 'option' | 'file';
+    params: {
+        primary: boolean;
+        required: boolean;
+    };
+};
+export type CollectionRecord = {
+    id: string;
+    values: Record<string, string | number | boolean>;
+    status: 'draft' | 'published' | 'archived';
+    createdAt: number;
+    updatedAt: number;
+    publishedAt?: number;
+};
+export type Collection = {
+    id: string;
+    name: string;
+    namePlural: string;
+    description: string;
+    privacy: 'public' | 'private';
+    fields: Record<string, CollectionField>;
+    records: CollectionRecord[];
+};
+export type BuilderCollectionContextValue = {
+    collections: Record<string, Collection>;
+    fetchCollections: (filter: string, cursor?: string, limit?: number, append?: Collection[], store?: boolean) => Promise<{
+        edges: CollectionRaw[];
+        pageInfo: PageInfo;
+    } | undefined>;
+    fetchCollection: (id: string, recordsFilter: string, store?: boolean) => Promise<CollectionRaw | undefined>;
+    addCollection: (name: string, namePlural: string, description: string, privacy: Collection['privacy'], fields: Collection['fields']) => Promise<Collection | undefined>;
+    updateCollection: (id: string, name: string, namePlural: string, description: string, privacy: Collection['privacy'], fields: Collection['fields']) => Promise<Collection | undefined>;
+    removeCollection: (id: string) => Promise<boolean>;
+    fetchRecords: (collectionId: string, filter?: string | object, cursor?: string, limit?: number, append?: CollectionRecord[], store?: boolean) => Promise<{
+        pageInfo: PageInfo;
+        edges: CollectionRecord[];
+    } | undefined>;
+    fetchRecord: (collectionId: string, id: string, store?: boolean) => Promise<CollectionRecord | undefined>;
+    addRecord: (collectionId: string, status: CollectionRecord['status'], values: CollectionRecord['values'], updateStore?: boolean) => Promise<CollectionRecord | undefined>;
+    updateRecord: (collectionId: string, recordId: string, status: CollectionRecord['status'], values: CollectionRecord['values'], updateStore?: boolean) => Promise<CollectionRecord | undefined>;
+    removeRecord: (collectionId: string, recordId: string, updateStore?: boolean) => Promise<boolean>;
+};
+export type SdkCollectionContextValue = {
+    collections: Record<string, Collection>;
+    fetchCollections: (filter: string, cursor?: string, limit?: number) => Promise<{
+        edges: CollectionRaw[];
+        pageInfo: PageInfo;
+    } | undefined>;
+    fetchCollection: (id: string, recordsFilter: string) => Promise<CollectionRaw | undefined>;
+    fetchRecords: (collectionId: string, filter?: string | object, cursor?: string, limit?: number) => Promise<{
+        pageInfo: PageInfo;
+        edges: CollectionRecord[];
+    } | undefined>;
+    fetchRecord: (collectionId: string, id: string) => Promise<CollectionRecord | undefined>;
+    addRecord: (collectionId: string, status: CollectionRecord['status'], values: CollectionRecord['values'], updateStore?: boolean) => Promise<CollectionRecord | undefined>;
+    updateRecord: (collectionId: string, recordId: string, status: CollectionRecord['status'], values: CollectionRecord['values'], updateStore?: boolean) => Promise<CollectionRecord | undefined>;
+    removeRecord: (collectionId: string, recordId: string, updateStore?: boolean) => Promise<boolean>;
+};
+export type CollectionContextValue<T extends 'builder' | 'sdk' = 'sdk'> = T extends 'builder' ? BuilderCollectionContextValue : SdkCollectionContextValue;
+export type CollectionRaw = {
+    id: string;
+    name: string;
+    namePlural: string;
+    description: string;
+    privacy: 'public' | 'private';
+    fields: Record<string, CollectionField>;
+    records: {
+        pageInfo: PageInfo;
+        edges: CollectionRecord[];
+    };
+};

package/dist/types/CommonTypes.d.ts

@@ -0,0 +1,24 @@
+import { User } from './AuthTypes';
+import { SSRRscData } from './ServerTypes';
+export type Environment = 'production' | 'staging' | 'development' | 'main';
+export type Server<T extends Record<string, unknown> = Record<string, unknown>> = {
+    apiServer: string;
+    ssrServer: string;
+    basePath?: string;
+    host?: string;
+    domain?: string;
+    requestUrl?: string;
+    nodeServer: string;
+    graphqlServer: string;
+    websocketServer: string;
+    subscriptionServer: string;
+    location?: Location;
+    authenticated?: boolean;
+    skipAuth?: boolean;
+    user?: {
+        details?: User;
+        accessToken?: string | Promise<string>;
+    };
+    rscData?: SSRRscData;
+} & T;
+export type RenderMode = 'raw' | 'iframe' | 'shadow' | 'widget';

package/dist/types/ComponentTypes.d.ts

@@ -0,0 +1,45 @@
+import { ComponentDefinition, InternalPropsSTG1 } from './ElementTypes';
+import { Asset } from './PluginTypes';
+import { FC, ReactNode, RefObject } from 'react';
+export type ComponentOrigin = 'local' | 'local-custom' | 'remote';
+export type ComponentPluginFC<T = unknown> = FC<T & {
+    className?: string;
+    plitziJsxSkipHOC?: boolean;
+    children?: ReactNode;
+    extraProps?: Record<string, unknown>;
+}>;
+export type ComponentPlugin<T = unknown> = ComponentPluginFC<T> & {
+    content: ComponentDefinition;
+    type: string;
+    assets: Asset[];
+    assetsSettings: Omit<Asset, 'isMain'>[];
+    plugins?: Record<string, ComponentPlugin<T>>;
+    origin: ComponentOrigin;
+    extraProps?: Record<string, unknown>;
+    pluginSettings?: FC<any>;
+    version?: string;
+    initialItems?: string[];
+};
+export type ComponentPluginWithHOC<T = unknown> = ComponentPluginFC<T & {
+    internalProps: InternalPropsSTG1;
+}> & {
+    content: ComponentDefinition;
+    type: string;
+    assets: Asset[];
+    assetsSettings: Omit<Asset, 'isMain'>[];
+    plugins?: Record<string, ComponentPluginWithHOC<T>>;
+    origin: ComponentOrigin;
+    extraProps?: Record<string, unknown>;
+    pluginSettings?: FC<any>;
+    version?: string;
+    initialItems?: string[];
+};
+export type ComponentContextValue = {
+    components: RefObject<Record<string, ComponentPluginWithHOC>>;
+    componentDefinitions: RefObject<Record<string, ComponentDefinition>>;
+    getComponent: (componentTypes: string | string[], withPlugins?: boolean) => ComponentPluginWithHOC | Record<string, ComponentPluginWithHOC>;
+    register: (components: ComponentPluginWithHOC[] | ComponentPluginWithHOC) => Record<string, ComponentPluginWithHOC>;
+    unregister: (componentTypes: string[] | string) => string[];
+    unregisterDefinition: (pluginType: string) => void;
+    registerDefinition: (plugins: Record<string, ComponentDefinition>) => void;
+};