@webiny/website-builder-sdk 0.0.0-unstable.e53eceafb5 → 0.0.0-unstable.e6f0dc8ca7

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "@webiny/website-builder-sdk",
-	"version": "0.0.0-unstable.e53eceafb5",
-	"main": "index.js",
+	"version": "0.0.0-unstable.e6f0dc8ca7",
+	"type": "module",
 	"repository": {
 		"type": "git",
 		"url": "https://github.com/webiny/webiny-js.git"
@@ -12,37 +12,31 @@
 	"author": "Pavel Denisjuk",
 	"license": "MIT",
 	"dependencies": {
-		"csstype": "3.1.1",
+		"csstype": "3.2.3",
 		"deep-equal": "2.2.3",
 		"deepmerge": "4.3.1",
 		"fast-json-patch": "3.1.1",
 		"fast-json-stable-stringify": "2.1.0",
 		"is-hotkey": "0.2.0",
-		"lexical": "0.23.1",
-		"lodash": "4.17.21",
-		"micromatch": "4.0.8",
-		"mobx": "6.9.0",
-		"nanoid": "3.3.8",
-		"nanoid-dictionary": "4.3.0",
-		"pino": "8.21.0",
-		"pino-pretty": "9.4.0"
+		"lodash": "4.18.1",
+		"matcher": "6.0.0",
+		"mobx": "6.15.3",
+		"nanoid": "5.1.11",
+		"nanoid-dictionary": "5.0.0",
+		"pino": "10.3.1",
+		"pino-pretty": "13.1.3"
 	},
 	"devDependencies": {
 		"@types/deep-equal": "1.0.4",
 		"@types/is-hotkey": "0.1.10",
-		"@types/micromatch": "4.0.9",
-		"@webiny/cli": "0.0.0-unstable.e53eceafb5",
-		"@webiny/project-utils": "0.0.0-unstable.e53eceafb5",
-		"typescript": "5.3.3"
+		"@webiny/build-tools": "0.0.0-unstable.e6f0dc8ca7",
+		"typescript": "6.0.3",
+		"vitest": "4.1.5"
 	},
 	"publishConfig": {
 		"access": "public",
 		"directory": "dist"
 	},
-	"scripts": {
-		"build": "yarn webiny run build",
-		"watch": "yarn webiny run watch"
-	},
 	"adio": {
 		"ignore": {
 			"dependencies": [
@@ -50,5 +44,5 @@
 			]
 		}
 	},
-	"gitHead": "e53eceafb5ce1a3872c9b4548939bb2eae5b1aef"
+	"gitHead": "e6f0dc8ca741c1fcc3fec9a5b9e86fdd49544641"
 }

package/registerComponentGroup.d.ts

@@ -1,2 +1,2 @@
-import type { ComponentGroup } from "./types";
+import type { ComponentGroup } from "./types.js";
 export declare const registerComponentGroup: (group: ComponentGroup) => void;

package/registerComponentGroup.js

@@ -1,4 +1,4 @@
-import { contentSdk } from "./ContentSdk";
+import { contentSdk } from "./ContentSdk.js";
 export const registerComponentGroup = group => {
   const editingSdk = contentSdk.getEditingSdk();
   if (!editingSdk) {

package/registerComponentGroup.js.map

@@ -1 +1 @@
-{"version":3,"names":["contentSdk","registerComponentGroup","group","editingSdk","getEditingSdk"],"sources":["registerComponentGroup.ts"],"sourcesContent":["import type { ComponentGroup } from \"./types\";\nimport { contentSdk } from \"./ContentSdk\";\n\nexport const registerComponentGroup = (group: ComponentGroup) => {\n    const editingSdk = contentSdk.getEditingSdk();\n\n    if (!editingSdk) {\n        return;\n    }\n\n    editingSdk.registerComponentGroup(group);\n};\n"],"mappings":"AACA,SAASA,UAAU;AAEnB,OAAO,MAAMC,sBAAsB,GAAIC,KAAqB,IAAK;EAC7D,MAAMC,UAAU,GAAGH,UAAU,CAACI,aAAa,CAAC,CAAC;EAE7C,IAAI,CAACD,UAAU,EAAE;IACb;EACJ;EAEAA,UAAU,CAACF,sBAAsB,CAACC,KAAK,CAAC;AAC5C,CAAC","ignoreList":[]}
+{"version":3,"names":["contentSdk","registerComponentGroup","group","editingSdk","getEditingSdk"],"sources":["registerComponentGroup.ts"],"sourcesContent":["import type { ComponentGroup } from \"./types.js\";\nimport { contentSdk } from \"./ContentSdk.js\";\n\nexport const registerComponentGroup = (group: ComponentGroup) => {\n    const editingSdk = contentSdk.getEditingSdk();\n\n    if (!editingSdk) {\n        return;\n    }\n\n    editingSdk.registerComponentGroup(group);\n};\n"],"mappings":"AACA,SAASA,UAAU;AAEnB,OAAO,MAAMC,sBAAsB,GAAIC,KAAqB,IAAK;EAC7D,MAAMC,UAAU,GAAGH,UAAU,CAACI,aAAa,CAAC,CAAC;EAE7C,IAAI,CAACD,UAAU,EAAE;IACb;EACJ;EAEAA,UAAU,CAACF,sBAAsB,CAACC,KAAK,CAAC;AAC5C,CAAC","ignoreList":[]}

package/types/WebsiteBuilderTheme.d.ts

@@ -1,4 +1,3 @@
-import type { LexicalEditorTheme } from "./LexicalEditorTheme";
 export type Breakpoint = {
     name: string;
     title: string;
@@ -8,13 +7,11 @@ export type Breakpoint = {
     maxWidth: number;
 };
 export type WebsiteBuilderTheme = {
-    themeUrl: string | undefined;
+    css?: string;
+    fonts?: string[];
     breakpoints: Breakpoint[];
-    styles: {
-        colors: Record<string, any>;
-        typography: Typography;
-    };
-    lexical: LexicalEditorTheme;
+    colors: ColorStyle[];
+    typography: Typography;
 };
 type KnownKeys = "desktop" | "tablet" | "mobile";
 type BreakpointBase = Omit<Breakpoint, "name">;
@@ -24,16 +21,27 @@ type Breakpoints = KnownBreakpoints & {
         [K in string as K extends KnownKeys ? never : K]: BreakpointBase;
     };
 };
-export type TypographyType = "headings" | "paragraphs" | "quotes" | "lists" | (string & {});
+export type ColorStyle = {
+    id: string;
+    label: string;
+    value: string;
+};
 export type TypographyStyle = {
     id: string;
-    name: string;
+    label: string;
     tag: string;
     className: string;
 };
-export type Typography = Partial<Record<TypographyType, Readonly<TypographyStyle[]>>>;
+export type Typography = Record<string, TypographyStyle[]>;
 export type WebsiteBuilderThemeInput = {
-    themeUrl?: string;
+    /**
+     * CSS to include in the editor.
+     */
+    css?: string;
+    /**
+     * Fonts to load when the editor loads.
+     */
+    fonts?: string[];
     /**
      * {
      *   title: "Desktop",
@@ -44,36 +52,38 @@ export type WebsiteBuilderThemeInput = {
      * }
      */
     breakpoints?: Breakpoints;
-    lexical?: LexicalEditorTheme;
-    styles?: {
-        /**
-         * color1: "#fa5723",
-         * color2: "#00ccb0",
-         */
-        colors?: Record<string, any>;
-        /**
-         * headings: [
-         *   {
-         *     id: "heading1",
-         *     name: "Heading 1",
-         *     tag: "h1"
-         *   },
-         * ],
-         * paragraphs: [
-         *   {
-         *     id: "paragraph1",
-         *     name: "Paragraph 1",
-         *     tag: "p",
-         * ],
-         * quotes: [
-         *   {
-         *     id: "quote",
-         *     name: "Quote",
-         *     tag: "blockquote"
-         *   }
-         * ]
-         */
-        typography?: Typography;
-    };
+    /**
+     * [
+     *   {
+     *     id: "primary",
+     *     label: "Primary",
+     *     value: "#000000"
+     *   },
+     * ]
+     */
+    colors?: ColorStyle[];
+    /**
+     * headings: [
+     *   {
+     *     id: "heading1",
+     *     name: "Heading 1",
+     *     tag: "h1"
+     *   },
+     * ],
+     * paragraphs: [
+     *   {
+     *     id: "paragraph1",
+     *     name: "Paragraph 1",
+     *     tag: "p",
+     * ],
+     * quotes: [
+     *   {
+     *     id: "quote",
+     *     name: "Quote",
+     *     tag: "blockquote"
+     *   }
+     * ]
+     */
+    typography?: Typography;
 };
 export {};

package/types/WebsiteBuilderTheme.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["WebsiteBuilderTheme.ts"],"sourcesContent":["import type { LexicalEditorTheme } from \"./LexicalEditorTheme\";\n\nexport type Breakpoint = {\n    name: string;\n    title: string;\n    description: string;\n    icon: string;\n    minWidth: number;\n    maxWidth: number;\n};\n\nexport type WebsiteBuilderTheme = {\n    themeUrl: string | undefined;\n    breakpoints: Breakpoint[];\n    styles: {\n        colors: Record<string, any>;\n        typography: Typography;\n    };\n    lexical: LexicalEditorTheme;\n};\ntype KnownKeys = \"desktop\" | \"tablet\" | \"mobile\";\n\ntype BreakpointBase = Omit<Breakpoint, \"name\">;\n\ntype KnownBreakpoints = Partial<Record<KnownKeys, Partial<BreakpointBase>>>;\n\n// This merges both, while avoiding overlap issues\ntype Breakpoints = KnownBreakpoints & {\n    custom?: {\n        [K in string as K extends KnownKeys ? never : K]: BreakpointBase;\n    };\n};\n\n// We want to allow custom strings as well, thus the (string & {}).\n// eslint-disable-next-line @typescript-eslint/ban-types\nexport type TypographyType = \"headings\" | \"paragraphs\" | \"quotes\" | \"lists\" | (string & {});\n\nexport type TypographyStyle = {\n    id: string;\n    name: string;\n    tag: string;\n    className: string;\n};\n\nexport type Typography = Partial<Record<TypographyType, Readonly<TypographyStyle[]>>>;\n\nexport type WebsiteBuilderThemeInput = {\n    themeUrl?: string;\n    /**\n     * {\n     *   title: \"Desktop\",\n     *   description: `Desktop styles apply at all breakpoints, unless they're edited at a lower breakpoint. Start your styling here.`,\n     *   icon: \"Inline SVG or a link to an SVG.\",\n     *   minWidth: 0,\n     *   maxWidth: 4000\n     * }\n     */\n    breakpoints?: Breakpoints;\n    lexical?: LexicalEditorTheme;\n    styles?: {\n        /**\n         * color1: \"#fa5723\",\n         * color2: \"#00ccb0\",\n         */\n        colors?: Record<string, any>;\n        /**\n         * headings: [\n         *   {\n         *     id: \"heading1\",\n         *     name: \"Heading 1\",\n         *     tag: \"h1\"\n         *   },\n         * ],\n         * paragraphs: [\n         *   {\n         *     id: \"paragraph1\",\n         *     name: \"Paragraph 1\",\n         *     tag: \"p\",\n         * ],\n         * quotes: [\n         *   {\n         *     id: \"quote\",\n         *     name: \"Quote\",\n         *     tag: \"blockquote\"\n         *   }\n         * ]\n         */\n        typography?: Typography;\n    };\n};\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":[],"sources":["WebsiteBuilderTheme.ts"],"sourcesContent":["export type Breakpoint = {\n    name: string;\n    title: string;\n    description: string;\n    icon: string;\n    minWidth: number;\n    maxWidth: number;\n};\n\nexport type WebsiteBuilderTheme = {\n    css?: string;\n    fonts?: string[];\n    breakpoints: Breakpoint[];\n    colors: ColorStyle[];\n    typography: Typography;\n};\ntype KnownKeys = \"desktop\" | \"tablet\" | \"mobile\";\n\ntype BreakpointBase = Omit<Breakpoint, \"name\">;\n\ntype KnownBreakpoints = Partial<Record<KnownKeys, Partial<BreakpointBase>>>;\n\n// This merges both, while avoiding overlap issues\ntype Breakpoints = KnownBreakpoints & {\n    custom?: {\n        [K in string as K extends KnownKeys ? never : K]: BreakpointBase;\n    };\n};\n\nexport type ColorStyle = {\n    id: string;\n    label: string;\n    value: string;\n};\n\nexport type TypographyStyle = {\n    id: string;\n    label: string;\n    tag: string;\n    className: string;\n};\n\nexport type Typography = Record<string, TypographyStyle[]>;\n\nexport type WebsiteBuilderThemeInput = {\n    /**\n     * CSS to include in the editor.\n     */\n    css?: string;\n    /**\n     * Fonts to load when the editor loads.\n     */\n    fonts?: string[];\n    /**\n     * {\n     *   title: \"Desktop\",\n     *   description: `Desktop styles apply at all breakpoints, unless they're edited at a lower breakpoint. Start your styling here.`,\n     *   icon: \"Inline SVG or a link to an SVG.\",\n     *   minWidth: 0,\n     *   maxWidth: 4000\n     * }\n     */\n    breakpoints?: Breakpoints;\n    /**\n     * [\n     *   {\n     *     id: \"primary\",\n     *     label: \"Primary\",\n     *     value: \"#000000\"\n     *   },\n     * ]\n     */\n    colors?: ColorStyle[];\n    /**\n     * headings: [\n     *   {\n     *     id: \"heading1\",\n     *     name: \"Heading 1\",\n     *     tag: \"h1\"\n     *   },\n     * ],\n     * paragraphs: [\n     *   {\n     *     id: \"paragraph1\",\n     *     name: \"Paragraph 1\",\n     *     tag: \"p\",\n     * ],\n     * quotes: [\n     *   {\n     *     id: \"quote\",\n     *     name: \"Quote\",\n     *     tag: \"blockquote\"\n     *   }\n     * ]\n     */\n    typography?: Typography;\n};\n"],"mappings":"","ignoreList":[]}

package/types.d.ts

@@ -1,11 +1,13 @@
 import type * as CSS from "csstype";
-import type { BindingsApi } from "./BindingsApi";
-import type { ShorthandCssProperties } from "./types/ShorthandCssProperties";
-export type { WebsiteBuilderTheme } from "./types/WebsiteBuilderTheme";
-interface CSSProperties extends CSS.Properties<string | number> {
-}
+import type { BindingsApi } from "./BindingsApi.js";
+import type { ShorthandCssProperties } from "./types/ShorthandCssProperties.js";
+import type { InputFactory } from "./createInput.js";
+import type { Breakpoint } from "./types/WebsiteBuilderTheme.js";
+export type { WebsiteBuilderTheme, Breakpoint } from "./types/WebsiteBuilderTheme.js";
+type CSSProperties = CSS.Properties<string | number>;
 export type ElementMap = Record<string, DocumentElement>;
 export type DocumentState = Record<string, any>;
+export type DocumentMetadata = Record<string, any>;
 export type InputValueBinding<T = any> = ValueBinding<T> & {
     id: string;
     type: string;
@@ -57,6 +59,10 @@ export type Component = {
     component: any;
     manifest: ComponentManifest;
 };
+export type ComponentBlueprint<TComponent = any, TManifest = any> = {
+    component: TComponent;
+    manifest: TManifest;
+};
 export type ComponentGroupItem = {
     name: string;
     item?: DocumentElementTemplate;
@@ -76,19 +82,126 @@ export type ComponentGroup = {
 export type ResponsiveStyles = {
     [key: string]: SerializableCSSStyleDeclaration;
 };
+export type ConstraintElementContext = {
+    /** Component name (e.g., "FunnelBuilder/Step") */
+    name: string;
+    /** Component tags */
+    tags: string[];
+    /** Get the parent element context. undefined for root. */
+    getParent(): ConstraintElementContext | undefined;
+    /** Index of this element among siblings in the same parent slot. -1 if not in a list slot. */
+    childIndex(): number;
+    /** Total siblings in the same parent slot. -1 if not in a list slot. */
+    childCount(): number;
+    /** True if this element is the last among siblings in its parent slot. */
+    isLastChild(): boolean;
+    /** True if this element is the first among siblings in its parent slot. */
+    isFirstChild(): boolean;
+};
+export type ConstraintContext = {
+    /** The component/element this constraint is about */
+    component: ConstraintElementContext;
+    /** The direct parent element at the drop target */
+    parent: ConstraintElementContext;
+    /** The target slot name (e.g., "children", "leftColumn", "rightColumn") */
+    slot: string;
+    /** True if the direct parent is the given component */
+    isChildOf: (componentName: string) => boolean;
+    /** True if any ancestor (including parent) is the given component */
+    isDescendantOf: (componentName: string) => boolean;
+    /** Find the nearest ancestor matching a component name */
+    getAncestor: (componentName: string) => ConstraintElementContext | undefined;
+    /** True if the component being placed has the given tag */
+    hasTag: (tag: string) => boolean;
+    /** Number of items currently in the target slot */
+    slotChildCount: () => number;
+    /** Count instances of a component type in the entire document */
+    countInstances: (componentName: string) => number;
+    /** True if the component has any descendant element carrying the given tag */
+    hasDescendantWithTag: (tag: string) => boolean;
+    /** Returns the resolved inputs of the nearest ancestor matching componentName, or undefined */
+    getAncestorInputs: (componentName: string) => Record<string, any> | undefined;
+    /** Returns the resolved inputs of the element this constraint is evaluating */
+    getElementInputs: () => Record<string, any>;
+    /** Debug logger — safe to call inside serialized constraints */
+    log: (...args: any[]) => void;
+    /** Block placement with an error message shown to the user */
+    block: (message: string) => never;
+};
+/**
+ * A constraint function. Call `ctx.block("message")` to block placement.
+ * Returning without blocking means the constraint passes.
+ */
+export type ComponentConstraint = (ctx: ConstraintContext) => void;
+export type Stop = symbol;
+export type Continue = symbol;
+export type HandlerResult = void | Stop | Continue;
+export type OnChangeAction = "create" | "update" | "delete";
+export type OnChangeElementContext = {
+    id: string;
+    component: ComponentManifest;
+    inputs: Record<string, any>;
+};
+export type ManifestAncestorContext = {
+    id: string;
+    component: ComponentManifest;
+    inputs: Record<string, any>;
+    updateInputs: (cb: (inputs: Record<string, any>) => void) => void;
+    getElement: (id: string) => OnChangeElementContext | undefined;
+};
+export type ComponentChangeContext<TInputs = Record<string, any>> = {
+    action: OnChangeAction;
+    id: string;
+    component: ComponentManifest;
+    inputs: TInputs;
+    styles: Record<string, any>;
+    getAncestor: (componentName: string) => ManifestAncestorContext | undefined;
+    getElement: (id: string) => OnChangeElementContext | undefined;
+    createElement: (params: any) => any;
+    executeCommand: <T = unknown>(command: string, payload?: T) => void;
+    breakpoint: string;
+    log: (...args: any[]) => void;
+    stop: () => Stop;
+    continue: () => Continue;
+};
+export type DescendantChangeContext<TInputs = Record<string, any>, TDescendantInputs = Record<string, any>> = {
+    action: OnChangeAction;
+    descendant: {
+        component: ComponentManifest;
+        id: string;
+        inputs: TDescendantInputs;
+        updateInputs: (cb: (inputs: TDescendantInputs) => void) => void;
+    };
+    inputs: TInputs;
+    updateInputs: (cb: (inputs: TInputs) => void) => void;
+    getElement: (id: string) => OnChangeElementContext | undefined;
+    executeCommand: <T = unknown>(command: string, payload?: T) => void;
+    breakpoint: string;
+    log: (...args: any[]) => void;
+    stop: () => Stop;
+    continue: () => Continue;
+};
+export type ComponentChangeHandler<TInputs = Record<string, any>> = (ctx: ComponentChangeContext<TInputs>) => HandlerResult;
+export type DescendantChangeHandler<TInputs = Record<string, any>, TDescendantInputs = Record<string, any>> = (ctx: DescendantChangeContext<TInputs, TDescendantInputs>) => HandlerResult;
 export type ComponentManifest = {
     name: string;
     group?: string;
     label?: string;
+    aiContext?: string;
+    useInAiContentGeneration?: boolean;
     image?: string;
-    inputs?: ComponentInput[];
+    inputs: ComponentInput[];
     canDrag?: boolean;
-    canDelete?: boolean;
+    canDelete?: boolean | ComponentConstraint;
     acceptsChildren?: boolean;
     hideFromToolbar?: boolean;
     hideStyleSettings?: string[];
     autoApplyStyles?: boolean;
-    tags?: string[];
+    tags: string[];
+    constraints?: ComponentConstraint[];
+    descendantConstraints?: ComponentConstraint[];
+    onChange?: ComponentChangeHandler | ComponentChangeHandler[];
+    onDescendantChange?: DescendantChangeHandler | DescendantChangeHandler[];
     defaults?: {
         inputs?: Record<string, any>;
         styles?: SerializableCSSStyleDeclaration;
@@ -122,14 +235,25 @@ export type Document = {
     state: DocumentState;
     version: number;
     properties: Record<string, any>;
+    extensions: Record<string, any>;
+    metadata: DocumentMetadata;
     bindings: DocumentBindings;
     elements: ElementMap;
 };
-export type PublicPage = Pick<Page, "id" | "version" | "properties" | "bindings" | "elements" | "state">;
-export type EditorPage = EditorDocument & Pick<Page, "properties" | "status" | "location">;
-export type EditorDocument = Document & {
-    metadata: Record<string, any>;
+export type PublicPage = Pick<Page, "id" | "version" | "properties" | "bindings" | "elements" | "extensions" | "metadata" | "state"> & {
+    languagePaths: Record<string, string>;
 };
+export type PublicRedirect = {
+    id: string;
+    from: string;
+    to: string;
+    permanent: boolean;
+};
+export type EditorPage = EditorDocument & Pick<Page, "properties" | "status" | "location">;
+export interface EditorOptions {
+    isReadOnly?: boolean;
+}
+export type EditorDocument = Document;
 export type Page = Document & {
     id: string;
     status: string;
@@ -140,7 +264,18 @@ export type Page = Document & {
     properties: {
         title: string;
         snippet: string;
+        image: {
+            id: string;
+            name: string;
+            size: number;
+            mimeType: string;
+            src: string;
+            width: number;
+            height: number;
+        };
         path: string;
+        language?: string;
+        sourcePage?: string;
         tags: string[];
         seo: {
             title: string;
@@ -149,16 +284,31 @@ export type Page = Document & {
                 name: string;
                 content: string;
             }>;
+            canonicalUrl: string;
+            noIndex: boolean;
+            noFollow: boolean;
+            structuredSchema: string;
         };
         social: {
             title: string;
             description: string;
+            image: {
+                id: string;
+                name: string;
+                size: number;
+                mimeType: string;
+                src: string;
+                width: number;
+                height: number;
+            };
             metaTags: Array<{
                 property: string;
                 content: string;
             }>;
         };
     };
+    extensions: Record<string, any>;
+    metadata: DocumentMetadata;
 };
 export type Box = {
     depth: number;
@@ -180,10 +330,14 @@ export type BoxData = ElementBoxData | ElementSlotBoxData;
 export type EditorViewportInfo = PreviewViewportInfo & {
     top: number;
     left: number;
+    breakpoint: string;
+    breakpoints: Breakpoint[];
 };
 export type PreviewViewportInfo = {
     width: number;
     height: number;
+    scrollWidth: number;
+    scrollHeight: number;
     scrollX: number;
     scrollY: number;
 };
@@ -198,11 +352,26 @@ export type PreviewViewportData = {
 };
 export type ApiOptions = Record<string, any>;
 export type GetPageOptions = ApiOptions;
-export type ListPagesOptions = ApiOptions;
+export interface ListPagesOptions {
+    where?: Record<string, any>;
+    limit?: number;
+    after?: string;
+    sort?: string[];
+    search?: string;
+}
+export interface ListPagesMeta {
+    hasMoreItems: boolean;
+    totalCount: number;
+    cursor: string | null;
+}
+export interface ListPagesResult {
+    data: Array<Omit<PublicPage, "elements" | "bindings">>;
+    meta: ListPagesMeta;
+}
 export interface IDataProvider {
     getPageByPath(path: string, options?: GetPageOptions): Promise<PublicPage | null>;
     getPageById(id: string, options?: GetPageOptions): Promise<PublicPage | null>;
-    listPages(options?: ListPagesOptions): Promise<PublicPage[]>;
+    listPages(options?: ListPagesOptions): Promise<ListPagesResult>;
 }
 export interface IEnvironment {
     isClient(): boolean;
@@ -211,13 +380,8 @@ export interface IEnvironment {
 }
 export interface IContentSdk {
     getPage(path: string): Promise<PublicPage | null>;
-    listPages(options?: ListPagesOptions): Promise<PublicPage[]>;
+    listPages(options?: ListPagesOptions): Promise<ListPagesResult>;
 }
-export type Breakpoint = {
-    name: string;
-    minWidth: number;
-    maxWidth: number;
-};
 export type BaseInput<T = any> = {
     name: string;
     type: string;
@@ -292,3 +456,26 @@ export type CustomInput = BaseInput<any> & {
     fields: ComponentInput[];
 };
 export type ComponentInput = TextInput | LongTextInput | NumberInput | BooleanInput | ColorInput | FileInput | DateTimeInput | LexicalInput | SelectInput | RadioInput | TagsInput | ObjectInput | SlotInput | CustomInput;
+export type ManifestInputsArray<TInputs, TAllowChildren extends boolean> = TAllowChildren extends true ? {
+    [K in Exclude<keyof TInputs, "children">]: InputFactory<K & string>;
+}[Exclude<keyof TInputs, "children">][] : {
+    [K in keyof TInputs]: InputFactory<K & string>;
+}[keyof TInputs][];
+export type ManifestInputsObject<TInputs, TAllowChildren extends boolean> = TAllowChildren extends true ? {
+    [K in Exclude<keyof TInputs, "children">]: InputFactory<K & string>;
+} : {
+    [K in keyof TInputs]: InputFactory<K & string>;
+};
+export type ComponentManifestInput<TInputs> = (Omit<ComponentManifest, "inputs" | "acceptsChildren" | "tags" | "onChange" | "onDescendantChange"> & {
+    acceptsChildren: true;
+    tags?: string[];
+    inputs?: ManifestInputsArray<TInputs, true> | ManifestInputsObject<TInputs, true>;
+    onChange?: ComponentChangeHandler<TInputs> | ComponentChangeHandler<TInputs>[];
+    onDescendantChange?: DescendantChangeHandler<TInputs> | DescendantChangeHandler<TInputs>[];
+}) | (Omit<ComponentManifest, "inputs" | "acceptsChildren" | "tags" | "onChange" | "onDescendantChange"> & {
+    acceptsChildren?: false;
+    tags?: string[];
+    inputs: ManifestInputsArray<TInputs, false> | ManifestInputsObject<TInputs, false>;
+    onChange?: ComponentChangeHandler<TInputs> | ComponentChangeHandler<TInputs>[];
+    onDescendantChange?: DescendantChangeHandler<TInputs> | DescendantChangeHandler<TInputs>[];
+});

package/types.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type * as CSS from \"csstype\";\nimport type { BindingsApi } from \"~/BindingsApi\";\nimport type { ShorthandCssProperties } from \"./types/ShorthandCssProperties\";\nexport type { WebsiteBuilderTheme } from \"./types/WebsiteBuilderTheme\";\n\ninterface CSSProperties extends CSS.Properties<string | number> {}\n\nexport type ElementMap = Record<string, DocumentElement>;\n\nexport type DocumentState = Record<string, any>;\n\nexport type InputValueBinding<T = any> = ValueBinding<T> & {\n    id: string;\n    type: string;\n    translatable?: boolean;\n    list?: boolean;\n};\n\nexport type StyleValueBinding<T = any> = ValueBinding<T>;\n\nexport type ValueBinding<T = any> = {\n    static?: T;\n    expression?: string;\n};\n\nexport type RepeatValueBinding = {\n    expression: string;\n};\n\nexport type CssProperties = Omit<CSSProperties, ShorthandCssProperties>;\n\nexport type DocumentElementStyleBindings = Partial<{\n    [K in keyof CssProperties]: StyleValueBinding<CssProperties[K]>;\n}>;\n\nexport type DocumentElementInputBindings = {\n    [inputName: string]: InputValueBinding;\n};\n\nexport type DocumentElementBindings = {\n    $repeat?: RepeatValueBinding;\n    inputs?: DocumentElementInputBindings;\n    styles?: DocumentElementStyleBindings;\n    metadata?: Record<string, any>;\n    overrides?: {\n        [key: string]: {\n            inputs?: DocumentElementInputBindings;\n            styles?: DocumentElementStyleBindings;\n        };\n    };\n};\n\nexport type DocumentBindings = {\n    [elementId: string]: DocumentElementBindings;\n};\n\nexport type ResolvedComponent<TComponent = any> = {\n    component: TComponent;\n    inputs: Record<string, any>;\n    manifest: ComponentManifest;\n    styles: SerializableCSSStyleDeclaration;\n};\n\nexport type ResolvedElement = {\n    id: string;\n    inputs: Record<string, any>;\n    styles: SerializableCSSStyleDeclaration;\n};\n\nexport type Component = {\n    component: any;\n    manifest: ComponentManifest;\n};\n\nexport type ComponentGroupItem = {\n    // Name of the component.\n    name: string;\n    // Optionally, define an exact element to insert.\n    item?: DocumentElementTemplate;\n};\n\nexport type SerializedComponentGroup = ComponentGroup & {\n    filter?: string;\n};\n\nexport type ComponentGroupFilterContext = {\n    document: EditorDocument;\n};\n\nexport type ComponentGroup = {\n    name: string;\n    label: string;\n    description?: string;\n    filter?: (component: ComponentManifest, context: ComponentGroupFilterContext) => boolean;\n};\n\nexport type ResponsiveStyles = {\n    [key: string]: SerializableCSSStyleDeclaration;\n};\n\nexport type ComponentManifest = {\n    name: string;\n    group?: string;\n    label?: string;\n    image?: string;\n    inputs?: ComponentInput[];\n    canDrag?: boolean;\n    canDelete?: boolean;\n    acceptsChildren?: boolean;\n    hideFromToolbar?: boolean;\n    hideStyleSettings?: string[];\n    autoApplyStyles?: boolean;\n    tags?: string[];\n    defaults?: {\n        inputs?: Record<string, any>;\n        styles?: SerializableCSSStyleDeclaration;\n        overrides?: {\n            [breakpoint: string]: {\n                inputs?: Record<string, any>;\n                styles?: SerializableCSSStyleDeclaration;\n            };\n        };\n    };\n};\n\nexport type DocumentElementTemplate = Omit<DocumentElement, \"id\">;\n\nexport type ElementComponent = {\n    name: string;\n};\n\nexport type DocumentElement = {\n    type: \"Webiny/Element\";\n    id: string;\n    component: ElementComponent;\n    parent?: {\n        id: string;\n        slot: string;\n    };\n    styles?: ResponsiveStyles;\n};\n\nexport type SerializableCSSStyleDeclaration = {\n    [K in keyof CssProperties]?: CssProperties[K];\n};\n\nexport type Document = {\n    id: string;\n    state: DocumentState;\n    version: number;\n    properties: Record<string, any>;\n    bindings: DocumentBindings;\n    elements: ElementMap;\n};\n\nexport type PublicPage = Pick<\n    Page,\n    \"id\" | \"version\" | \"properties\" | \"bindings\" | \"elements\" | \"state\"\n>;\n\nexport type EditorPage = EditorDocument & Pick<Page, \"properties\" | \"status\" | \"location\">;\n\nexport type EditorDocument = Document & {\n    metadata: Record<string, any>;\n};\n\nexport type Page = Document & {\n    id: string;\n    status: string;\n    version: number;\n    location: {\n        folderId: string;\n    };\n    properties: {\n        title: string;\n        snippet: string;\n        /*image: {\n            id: string;\n            name: string;\n            size: number;\n            mimeType: string;\n            src: string;\n        };*/\n        path: string;\n        tags: string[];\n        seo: {\n            title: string;\n            description: string;\n            metaTags: Array<{ name: string; content: string }>;\n        };\n        social: {\n            title: string;\n            description: string;\n            /*image: {\n                id: string;\n                name: string;\n                size: number;\n                mimeType: string;\n                src: string;\n            };*/\n            metaTags: Array<{ property: string; content: string }>;\n        };\n    };\n};\n\nexport type Box = {\n    depth: number;\n    parentId: string;\n    parentSlot: string;\n    parentIndex: number;\n    width: number;\n    height: number;\n    top: number;\n    left: number;\n};\n\nexport type ElementBoxData = Box & {\n    type: \"element\";\n};\n\nexport type ElementSlotBoxData = Box & {\n    type: \"element-slot\";\n};\n\nexport type BoxData = ElementBoxData | ElementSlotBoxData;\n\nexport type EditorViewportInfo = PreviewViewportInfo & {\n    top: number;\n    left: number;\n};\n\nexport type PreviewViewportInfo = {\n    width: number;\n    height: number;\n    scrollX: number;\n    scrollY: number;\n};\n\nexport type BoxesData = Record<string, BoxData>;\n\nexport type EditorViewportData = {\n    boxes: BoxesData;\n    viewport: EditorViewportInfo;\n};\n\nexport type PreviewViewportData = {\n    boxes: BoxesData;\n    viewport: PreviewViewportInfo;\n};\n\nexport type ApiOptions = Record<string, any>;\n\nexport type GetPageOptions = ApiOptions;\nexport type ListPagesOptions = ApiOptions;\n\nexport interface IDataProvider {\n    getPageByPath(path: string, options?: GetPageOptions): Promise<PublicPage | null>;\n    getPageById(id: string, options?: GetPageOptions): Promise<PublicPage | null>;\n    listPages(options?: ListPagesOptions): Promise<PublicPage[]>;\n}\n\nexport interface IEnvironment {\n    isClient(): boolean;\n    isServer(): boolean;\n    isPreview(): boolean;\n}\n\nexport interface IContentSdk {\n    getPage(path: string): Promise<PublicPage | null>;\n    listPages(options?: ListPagesOptions): Promise<PublicPage[]>;\n}\n\nexport type Breakpoint = {\n    name: string;\n    minWidth: number;\n    maxWidth: number;\n};\n\n// Input types\n\n// inputTypes.ts\nexport type BaseInput<T = any> = {\n    name: string;\n    type: string;\n    onChange?: (\n        bindings: ReturnType<BindingsApi[\"getPublicApi\"]>,\n        context: { breakpoint: string }\n    ) => void;\n    label?: string;\n    description?: string;\n    helperText?: string;\n    defaultValue?: T;\n    responsive?: boolean;\n    required?: boolean;\n    hideFromUi?: boolean;\n    renderer?: string;\n    list?: boolean;\n    translatable?: boolean;\n};\n\n// Discriminated union per input type\nexport type TextInput = BaseInput<string> & {\n    type: \"text\";\n};\n\nexport type SlotInput = BaseInput<any> & {\n    type: \"slot\";\n    components?: string[];\n};\n\nexport type TagsInput = BaseInput<string[]> & {\n    type: \"text\";\n};\n\nexport type LongTextInput = BaseInput<string> & {\n    type: \"longText\";\n};\n\nexport type NumberInput = BaseInput<number> & {\n    type: \"number\";\n    minValue?: number;\n};\n\nexport type BooleanInput = BaseInput<boolean> & {\n    type: \"boolean\";\n};\n\nexport type ColorInput = BaseInput<string> & {\n    type: \"color\";\n};\n\nexport type FileInput = BaseInput<string> & {\n    type: \"file\";\n    allowedFileTypes: string[];\n};\n\nexport type DateTimeInput = BaseInput<string> & {\n    type: \"datetime\";\n};\n\nexport type LexicalInput = BaseInput<string> & {\n    type: \"lexical\";\n};\n\nexport type SelectInput = BaseInput<string> & {\n    type: \"select\";\n    options: { label: string; value: string }[];\n    showResetAction?: boolean;\n};\n\nexport type RadioInput = BaseInput<string> & {\n    type: \"radio\";\n    options: { label: string; value: string }[];\n};\n\nexport type ObjectInput = BaseInput<Record<string, any>> & {\n    type: \"object\";\n    fields: ComponentInput[];\n};\n\nexport type CustomInput = BaseInput<any> & {\n    type: string;\n    fields: ComponentInput[];\n};\n\n// Union of all input types\nexport type ComponentInput =\n    | TextInput\n    | LongTextInput\n    | NumberInput\n    | BooleanInput\n    | ColorInput\n    | FileInput\n    | DateTimeInput\n    | LexicalInput\n    | SelectInput\n    | RadioInput\n    | TagsInput\n    | ObjectInput\n    | SlotInput\n    | CustomInput;\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type * as CSS from \"csstype\";\nimport type { BindingsApi } from \"~/BindingsApi.js\";\nimport type { ShorthandCssProperties } from \"./types/ShorthandCssProperties.js\";\nimport type { InputFactory } from \"~/createInput.js\";\nimport type { Breakpoint } from \"~/types/WebsiteBuilderTheme.js\";\nexport type { WebsiteBuilderTheme, Breakpoint } from \"./types/WebsiteBuilderTheme.js\";\n\ntype CSSProperties = CSS.Properties<string | number>;\n\nexport type ElementMap = Record<string, DocumentElement>;\n\nexport type DocumentState = Record<string, any>;\n\nexport type DocumentMetadata = Record<string, any>;\n\nexport type InputValueBinding<T = any> = ValueBinding<T> & {\n    id: string;\n    type: string;\n    translatable?: boolean;\n    list?: boolean;\n};\n\nexport type StyleValueBinding<T = any> = ValueBinding<T>;\n\nexport type ValueBinding<T = any> = {\n    static?: T;\n    expression?: string;\n};\n\nexport type RepeatValueBinding = {\n    expression: string;\n};\n\nexport type CssProperties = Omit<CSSProperties, ShorthandCssProperties>;\n\nexport type DocumentElementStyleBindings = Partial<{\n    [K in keyof CssProperties]: StyleValueBinding<CssProperties[K]>;\n}>;\n\nexport type DocumentElementInputBindings = {\n    [inputName: string]: InputValueBinding;\n};\n\nexport type DocumentElementBindings = {\n    $repeat?: RepeatValueBinding;\n    inputs?: DocumentElementInputBindings;\n    styles?: DocumentElementStyleBindings;\n    metadata?: Record<string, any>;\n    overrides?: {\n        [key: string]: {\n            inputs?: DocumentElementInputBindings;\n            styles?: DocumentElementStyleBindings;\n        };\n    };\n};\n\nexport type DocumentBindings = {\n    [elementId: string]: DocumentElementBindings;\n};\n\nexport type ResolvedComponent<TComponent = any> = {\n    component: TComponent;\n    inputs: Record<string, any>;\n    manifest: ComponentManifest;\n    styles: SerializableCSSStyleDeclaration;\n};\n\nexport type ResolvedElement = {\n    id: string;\n    inputs: Record<string, any>;\n    styles: SerializableCSSStyleDeclaration;\n};\n\nexport type Component = {\n    component: any;\n    manifest: ComponentManifest;\n};\n\nexport type ComponentBlueprint<TComponent = any, TManifest = any> = {\n    component: TComponent;\n    manifest: TManifest;\n};\n\nexport type ComponentGroupItem = {\n    // Name of the component.\n    name: string;\n    // Optionally, define an exact element to insert.\n    item?: DocumentElementTemplate;\n};\n\nexport type SerializedComponentGroup = ComponentGroup & {\n    filter?: string;\n};\n\nexport type ComponentGroupFilterContext = {\n    document: EditorDocument;\n};\n\nexport type ComponentGroup = {\n    name: string;\n    label: string;\n    description?: string;\n    filter?: (component: ComponentManifest, context: ComponentGroupFilterContext) => boolean;\n};\n\nexport type ResponsiveStyles = {\n    [key: string]: SerializableCSSStyleDeclaration;\n};\n\nexport type ConstraintElementContext = {\n    /** Component name (e.g., \"FunnelBuilder/Step\") */\n    name: string;\n    /** Component tags */\n    tags: string[];\n\n    /** Get the parent element context. undefined for root. */\n    getParent(): ConstraintElementContext | undefined;\n\n    /** Index of this element among siblings in the same parent slot. -1 if not in a list slot. */\n    childIndex(): number;\n    /** Total siblings in the same parent slot. -1 if not in a list slot. */\n    childCount(): number;\n    /** True if this element is the last among siblings in its parent slot. */\n    isLastChild(): boolean;\n    /** True if this element is the first among siblings in its parent slot. */\n    isFirstChild(): boolean;\n};\n\nexport type ConstraintContext = {\n    /** The component/element this constraint is about */\n    component: ConstraintElementContext;\n    /** The direct parent element at the drop target */\n    parent: ConstraintElementContext;\n    /** The target slot name (e.g., \"children\", \"leftColumn\", \"rightColumn\") */\n    slot: string;\n    /** True if the direct parent is the given component */\n    isChildOf: (componentName: string) => boolean;\n    /** True if any ancestor (including parent) is the given component */\n    isDescendantOf: (componentName: string) => boolean;\n    /** Find the nearest ancestor matching a component name */\n    getAncestor: (componentName: string) => ConstraintElementContext | undefined;\n    /** True if the component being placed has the given tag */\n    hasTag: (tag: string) => boolean;\n    /** Number of items currently in the target slot */\n    slotChildCount: () => number;\n    /** Count instances of a component type in the entire document */\n    countInstances: (componentName: string) => number;\n    /** True if the component has any descendant element carrying the given tag */\n    hasDescendantWithTag: (tag: string) => boolean;\n    /** Returns the resolved inputs of the nearest ancestor matching componentName, or undefined */\n    getAncestorInputs: (componentName: string) => Record<string, any> | undefined;\n    /** Returns the resolved inputs of the element this constraint is evaluating */\n    getElementInputs: () => Record<string, any>;\n    /** Debug logger — safe to call inside serialized constraints */\n    log: (...args: any[]) => void;\n    /** Block placement with an error message shown to the user */\n    block: (message: string) => never;\n};\n\n/**\n * A constraint function. Call `ctx.block(\"message\")` to block placement.\n * Returning without blocking means the constraint passes.\n */\nexport type ComponentConstraint = (ctx: ConstraintContext) => void;\n\n// Flow-control symbols\nexport type Stop = symbol;\nexport type Continue = symbol;\nexport type HandlerResult = void | Stop | Continue;\n\nexport type OnChangeAction = \"create\" | \"update\" | \"delete\";\n\nexport type OnChangeElementContext = {\n    id: string;\n    component: ComponentManifest;\n    inputs: Record<string, any>;\n};\n\nexport type ManifestAncestorContext = {\n    id: string;\n    component: ComponentManifest;\n    inputs: Record<string, any>;\n    updateInputs: (cb: (inputs: Record<string, any>) => void) => void;\n    getElement: (id: string) => OnChangeElementContext | undefined;\n};\n\nexport type ComponentChangeContext<TInputs = Record<string, any>> = {\n    action: OnChangeAction;\n    id: string;\n    component: ComponentManifest;\n    inputs: TInputs;\n    styles: Record<string, any>;\n    getAncestor: (componentName: string) => ManifestAncestorContext | undefined;\n    getElement: (id: string) => OnChangeElementContext | undefined;\n    createElement: (params: any) => any;\n    executeCommand: <T = unknown>(command: string, payload?: T) => void;\n    breakpoint: string;\n    log: (...args: any[]) => void;\n    stop: () => Stop;\n    continue: () => Continue;\n};\n\nexport type DescendantChangeContext<\n    TInputs = Record<string, any>,\n    TDescendantInputs = Record<string, any>\n> = {\n    action: OnChangeAction;\n    descendant: {\n        component: ComponentManifest;\n        id: string;\n        inputs: TDescendantInputs;\n        updateInputs: (cb: (inputs: TDescendantInputs) => void) => void;\n    };\n    inputs: TInputs;\n    updateInputs: (cb: (inputs: TInputs) => void) => void;\n    getElement: (id: string) => OnChangeElementContext | undefined;\n    executeCommand: <T = unknown>(command: string, payload?: T) => void;\n    breakpoint: string;\n    log: (...args: any[]) => void;\n    stop: () => Stop;\n    continue: () => Continue;\n};\n\nexport type ComponentChangeHandler<TInputs = Record<string, any>> = (\n    ctx: ComponentChangeContext<TInputs>\n) => HandlerResult;\n\nexport type DescendantChangeHandler<\n    TInputs = Record<string, any>,\n    TDescendantInputs = Record<string, any>\n> = (ctx: DescendantChangeContext<TInputs, TDescendantInputs>) => HandlerResult;\n\nexport type ComponentManifest = {\n    name: string;\n    group?: string;\n    label?: string;\n    aiContext?: string;\n    useInAiContentGeneration?: boolean;\n    image?: string;\n    inputs: ComponentInput[];\n    canDrag?: boolean;\n    canDelete?: boolean | ComponentConstraint;\n    acceptsChildren?: boolean;\n    hideFromToolbar?: boolean;\n    hideStyleSettings?: string[];\n    autoApplyStyles?: boolean;\n    tags: string[];\n    constraints?: ComponentConstraint[];\n    descendantConstraints?: ComponentConstraint[];\n    onChange?: ComponentChangeHandler | ComponentChangeHandler[];\n    onDescendantChange?: DescendantChangeHandler | DescendantChangeHandler[];\n    defaults?: {\n        inputs?: Record<string, any>;\n        styles?: SerializableCSSStyleDeclaration;\n        overrides?: {\n            [breakpoint: string]: {\n                inputs?: Record<string, any>;\n                styles?: SerializableCSSStyleDeclaration;\n            };\n        };\n    };\n};\n\nexport type DocumentElementTemplate = Omit<DocumentElement, \"id\">;\n\nexport type ElementComponent = {\n    name: string;\n};\n\nexport type DocumentElement = {\n    type: \"Webiny/Element\";\n    id: string;\n    component: ElementComponent;\n    parent?: {\n        id: string;\n        slot: string;\n    };\n    styles?: ResponsiveStyles;\n};\n\nexport type SerializableCSSStyleDeclaration = {\n    [K in keyof CssProperties]?: CssProperties[K];\n};\n\nexport type Document = {\n    id: string;\n    state: DocumentState;\n    version: number;\n    properties: Record<string, any>;\n    extensions: Record<string, any>;\n    metadata: DocumentMetadata;\n    bindings: DocumentBindings;\n    elements: ElementMap;\n};\n\nexport type PublicPage = Pick<\n    Page,\n    \"id\" | \"version\" | \"properties\" | \"bindings\" | \"elements\" | \"extensions\" | \"metadata\" | \"state\"\n> & {\n    languagePaths: Record<string, string>;\n};\n\nexport type PublicRedirect = {\n    id: string;\n    from: string;\n    to: string;\n    permanent: boolean;\n};\n\nexport type EditorPage = EditorDocument & Pick<Page, \"properties\" | \"status\" | \"location\">;\n\nexport interface EditorOptions {\n    isReadOnly?: boolean;\n}\nexport type EditorDocument = Document;\n\nexport type Page = Document & {\n    id: string;\n    status: string;\n    version: number;\n    location: {\n        folderId: string;\n    };\n    properties: {\n        title: string;\n        snippet: string;\n        image: {\n            id: string;\n            name: string;\n            size: number;\n            mimeType: string;\n            src: string;\n            width: number;\n            height: number;\n        };\n        path: string;\n        language?: string;\n        sourcePage?: string;\n        tags: string[];\n        seo: {\n            title: string;\n            description: string;\n            metaTags: Array<{ name: string; content: string }>;\n            canonicalUrl: string;\n            noIndex: boolean;\n            noFollow: boolean;\n            structuredSchema: string;\n        };\n        social: {\n            title: string;\n            description: string;\n            image: {\n                id: string;\n                name: string;\n                size: number;\n                mimeType: string;\n                src: string;\n                width: number;\n                height: number;\n            };\n            metaTags: Array<{ property: string; content: string }>;\n        };\n    };\n    extensions: Record<string, any>;\n    metadata: DocumentMetadata;\n};\n\nexport type Box = {\n    depth: number;\n    parentId: string;\n    parentSlot: string;\n    parentIndex: number;\n    width: number;\n    height: number;\n    top: number;\n    left: number;\n};\n\nexport type ElementBoxData = Box & {\n    type: \"element\";\n};\n\nexport type ElementSlotBoxData = Box & {\n    type: \"element-slot\";\n};\n\nexport type BoxData = ElementBoxData | ElementSlotBoxData;\n\nexport type EditorViewportInfo = PreviewViewportInfo & {\n    top: number;\n    left: number;\n    // Current breakpoint name\n    breakpoint: string;\n    breakpoints: Breakpoint[];\n};\n\nexport type PreviewViewportInfo = {\n    // Viewport width (only the visible part)\n    width: number;\n    // Viewport height (only the visible part)\n    height: number;\n    // Full iframe width\n    scrollWidth: number;\n    // Full iframe height\n    scrollHeight: number;\n    // Iframe horizontal scroll offset\n    scrollX: number;\n    // Iframe vertical scroll offest\n    scrollY: number;\n};\n\nexport type BoxesData = Record<string, BoxData>;\n\nexport type EditorViewportData = {\n    boxes: BoxesData;\n    viewport: EditorViewportInfo;\n};\n\nexport type PreviewViewportData = {\n    boxes: BoxesData;\n    viewport: PreviewViewportInfo;\n};\n\nexport type ApiOptions = Record<string, any>;\n\nexport type GetPageOptions = ApiOptions;\n\nexport interface ListPagesOptions {\n    where?: Record<string, any>;\n    limit?: number;\n    after?: string;\n    sort?: string[];\n    search?: string;\n}\n\nexport interface ListPagesMeta {\n    hasMoreItems: boolean;\n    totalCount: number;\n    cursor: string | null;\n}\n\nexport interface ListPagesResult {\n    data: Array<Omit<PublicPage, \"elements\" | \"bindings\">>;\n    meta: ListPagesMeta;\n}\n\nexport interface IDataProvider {\n    getPageByPath(path: string, options?: GetPageOptions): Promise<PublicPage | null>;\n    getPageById(id: string, options?: GetPageOptions): Promise<PublicPage | null>;\n    listPages(options?: ListPagesOptions): Promise<ListPagesResult>;\n}\n\nexport interface IEnvironment {\n    isClient(): boolean;\n    isServer(): boolean;\n    isPreview(): boolean;\n}\n\nexport interface IContentSdk {\n    getPage(path: string): Promise<PublicPage | null>;\n    listPages(options?: ListPagesOptions): Promise<ListPagesResult>;\n}\n\n// Input types\n\n// inputTypes.ts\nexport type BaseInput<T = any> = {\n    name: string;\n    type: string;\n    onChange?: (\n        bindings: ReturnType<BindingsApi[\"getPublicApi\"]>,\n        context: { breakpoint: string }\n    ) => void;\n    label?: string;\n    description?: string;\n    helperText?: string;\n    defaultValue?: T;\n    responsive?: boolean;\n    required?: boolean;\n    hideFromUi?: boolean;\n    renderer?: string;\n    list?: boolean;\n    translatable?: boolean;\n};\n\n// Discriminated union per input type\nexport type TextInput = BaseInput<string> & {\n    type: \"text\";\n};\n\nexport type SlotInput = BaseInput<any> & {\n    type: \"slot\";\n    components?: string[];\n};\n\nexport type TagsInput = BaseInput<string[]> & {\n    type: \"text\";\n};\n\nexport type LongTextInput = BaseInput<string> & {\n    type: \"longText\";\n};\n\nexport type NumberInput = BaseInput<number> & {\n    type: \"number\";\n    minValue?: number;\n};\n\nexport type BooleanInput = BaseInput<boolean> & {\n    type: \"boolean\";\n};\n\nexport type ColorInput = BaseInput<string> & {\n    type: \"color\";\n};\n\nexport type FileInput = BaseInput<string> & {\n    type: \"file\";\n    allowedFileTypes: string[];\n};\n\nexport type DateTimeInput = BaseInput<string> & {\n    type: \"datetime\";\n};\n\nexport type LexicalInput = BaseInput<string> & {\n    type: \"lexical\";\n};\n\nexport type SelectInput = BaseInput<string> & {\n    type: \"select\";\n    options: { label: string; value: string }[];\n    showResetAction?: boolean;\n};\n\nexport type RadioInput = BaseInput<string> & {\n    type: \"radio\";\n    options: { label: string; value: string }[];\n};\n\nexport type ObjectInput = BaseInput<Record<string, any>> & {\n    type: \"object\";\n    fields: ComponentInput[];\n};\n\nexport type CustomInput = BaseInput<any> & {\n    type: string;\n    fields: ComponentInput[];\n};\n\n// Union of all input types\nexport type ComponentInput =\n    | TextInput\n    | LongTextInput\n    | NumberInput\n    | BooleanInput\n    | ColorInput\n    | FileInput\n    | DateTimeInput\n    | LexicalInput\n    | SelectInput\n    | RadioInput\n    | TagsInput\n    | ObjectInput\n    | SlotInput\n    | CustomInput;\n\nexport type ManifestInputsArray<\n    TInputs,\n    TAllowChildren extends boolean\n> = TAllowChildren extends true\n    ? {\n          [K in Exclude<keyof TInputs, \"children\">]: InputFactory<K & string>;\n      }[Exclude<keyof TInputs, \"children\">][]\n    : {\n          [K in keyof TInputs]: InputFactory<K & string>;\n      }[keyof TInputs][];\n\nexport type ManifestInputsObject<\n    TInputs,\n    TAllowChildren extends boolean\n> = TAllowChildren extends true\n    ? { [K in Exclude<keyof TInputs, \"children\">]: InputFactory<K & string> }\n    : { [K in keyof TInputs]: InputFactory<K & string> };\n\nexport type ComponentManifestInput<TInputs> =\n    | (Omit<\n          ComponentManifest,\n          \"inputs\" | \"acceptsChildren\" | \"tags\" | \"onChange\" | \"onDescendantChange\"\n      > & {\n          acceptsChildren: true;\n          tags?: string[];\n          inputs?: ManifestInputsArray<TInputs, true> | ManifestInputsObject<TInputs, true>;\n          onChange?: ComponentChangeHandler<TInputs> | ComponentChangeHandler<TInputs>[];\n          onDescendantChange?:\n              | DescendantChangeHandler<TInputs>\n              | DescendantChangeHandler<TInputs>[];\n      })\n    | (Omit<\n          ComponentManifest,\n          \"inputs\" | \"acceptsChildren\" | \"tags\" | \"onChange\" | \"onDescendantChange\"\n      > & {\n          acceptsChildren?: false;\n          tags?: string[];\n          inputs: ManifestInputsArray<TInputs, false> | ManifestInputsObject<TInputs, false>;\n          onChange?: ComponentChangeHandler<TInputs> | ComponentChangeHandler<TInputs>[];\n          onDescendantChange?:\n              | DescendantChangeHandler<TInputs>\n              | DescendantChangeHandler<TInputs>[];\n      });\n"],"mappings":"","ignoreList":[]}

package/lexical/createDefaultLexicalTheme.d.ts

@@ -1,2 +0,0 @@
-import type { LexicalEditorTheme } from "../types/LexicalEditorTheme";
-export declare const createDefaultLexicalTheme: () => LexicalEditorTheme;