@layers-app/shared 0.4.8 → 0.4.10

package/dist/components/FormViewer/store/formStoreApi.d.ts

@@ -1,14 +1,16 @@
 import { StoreApi, UseBoundStore } from 'zustand';
-import { Condition, ContainerProperties, Control, FormLayout, ParsedFormConfig, SettingsData, StepData, TextProperties, ThemeData } from '../types/form';
-import { FormStoreState, FormViewLayout, FormViewerProps } from './formStore';
+import { Condition, ContainerProperties, Control, ParsedFormConfig, SettingsData, StepData, TextProperties, ThemeData } from '../types/form';
+import { EditorSelectionTarget, FormStoreState, FormViewerProps } from './formStore';
 export declare const createFormStoreApi: (store: UseBoundStore<StoreApi<FormStoreState>>) => {
     applyTheme: (theme: ThemeData) => void;
-    setLayout: (layout: FormViewLayout) => void;
+    setEditorHover: (target: EditorSelectionTarget | null) => void;
+    setEditorSelection: (target: EditorSelectionTarget | null) => void;
+    clearEditorSelection: () => void;
     patchSettingsData: (v: Partial<SettingsData>) => void;
     patchThemeData: (v: Partial<ThemeData>) => void;
     patchContainerTheme: (v: Partial<ContainerProperties>) => void;
     patchTitleProperties: (v: Partial<TextProperties>) => void;
-    patchDescriptionProperties: (v: Partial<TextProperties>) => void;
+    patchSlideTitleProperties: (v: Partial<TextProperties>) => void;
     patchCommonFontProperties: (v: Partial<TextProperties>) => void;
     setSteps: (steps: StepData[]) => void;
     addStep: (step: StepData, index?: number) => void;
@@ -17,7 +19,7 @@ export declare const createFormStoreApi: (store: UseBoundStore<StoreApi<FormStor
     updateControl: <CONTROL extends Control>(stepId: string, controlId: string, updatedControl: Partial<CONTROL>) => void;
     reorderSteps: (fromId: string, toId: string) => void;
     reorderControls: (stepId: string, activeId: string, overId: string) => void;
-    addControl: (stepId: string, newControl: Control) => void;
+    addControl: (stepId: string, newControl: Control, afterControlId?: string) => void;
     removeControl: (stepId: string, controlId: string) => void;
     addCondition: (stepId: string, newCondition: Condition) => void;
     updateCondition: (stepId: string, conditionIndex: number, updatedCondition: Partial<Condition>) => void;
@@ -27,7 +29,6 @@ export declare const createFormStoreApi: (store: UseBoundStore<StoreApi<FormStor
         silent?: boolean;
     }) => void;
     setActiveStepId: (stepId: string) => void;
-    setFormLayout: (layout: FormLayout) => void;
     scrollToControl: (controlId: string) => void;
     getConfig: () => Required<{
         steps?: {
@@ -79,7 +80,6 @@ export declare const createFormStoreApi: (store: UseBoundStore<StoreApi<FormStor
                 variableName?: string | undefined;
                 minOptions?: number | undefined;
                 maxOptions?: number | undefined;
-                showInput?: boolean | undefined;
                 otherOption?: boolean | undefined;
             } | {
                 id: string;
@@ -114,7 +114,6 @@ export declare const createFormStoreApi: (store: UseBoundStore<StoreApi<FormStor
                 title?: string | undefined;
                 description?: string | undefined;
                 required?: boolean | undefined;
-                showInput?: boolean | undefined;
                 variableName?: string | undefined;
                 otherOption?: boolean | undefined;
             } | {
@@ -130,7 +129,6 @@ export declare const createFormStoreApi: (store: UseBoundStore<StoreApi<FormStor
                 icon?: string | undefined;
                 required?: boolean | undefined;
                 variableName?: string | undefined;
-                showInput?: boolean | undefined;
             } | {
                 id: string;
                 controlType: "upload";
@@ -213,22 +211,6 @@ export declare const createFormStoreApi: (store: UseBoundStore<StoreApi<FormStor
                 buttonIcon?: string | undefined;
                 link?: string | undefined;
                 label?: string | undefined;
-            } | {
-                id: string;
-                controlType: "button";
-                title?: string | undefined;
-                description?: string | undefined;
-                label?: string | undefined;
-                link?: string | undefined;
-                showIconButton?: boolean | undefined;
-                buttonIcon?: string | undefined;
-                alignButton?: "start" | "center" | "end" | undefined;
-                buttons?: any[] | undefined;
-                orientation?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
-                width?: number | undefined;
-                enableTooltip?: boolean | undefined;
-                required?: boolean | undefined;
-                fullWidthMobile?: boolean | undefined;
             } | {
                 id: string;
                 controlType: "rating";
@@ -237,295 +219,71 @@ export declare const createFormStoreApi: (store: UseBoundStore<StoreApi<FormStor
                 required?: boolean | undefined;
                 variableName?: string | undefined;
                 count?: number | undefined;
-            })[];
-            trigger: string;
-            isStart?: boolean | undefined;
-            isEnd?: boolean | undefined;
-            autoSubmit?: boolean | undefined;
-            confirmLabel?: string | undefined;
-            media?: {
-                layout?: "content" | "left" | "right" | "top" | "bottom" | "fullLeft" | "fullRight" | "fullTop" | "fullBottom" | "background" | undefined;
-                brightness?: number | undefined;
-                image?: string | undefined;
-                video?: string | undefined;
-                videoThumb?: string | undefined;
-                color?: string | undefined;
-                size?: number | undefined;
-                blur?: number | undefined;
-            } | undefined;
-            conditions?: {
-                controlId: string;
-                operator: string;
-                trigger: string;
-                compareValue?: string | undefined;
-            }[] | undefined;
-            theme?: {
-                size?: "sm" | "md" | "lg" | undefined;
-                align?: "start" | "center" | "end" | undefined;
-                listStyle?: string | undefined;
-                borderRadius?: "sm" | "md" | "lg" | undefined;
-                primaryColor?: string | undefined;
-                title?: {
-                    fontSize?: number | undefined;
-                    fontWeight?: number | undefined;
-                    fontFamily?: string | undefined;
-                    color?: string | undefined;
-                } | undefined;
-                description?: {
-                    fontSize?: number | undefined;
-                    fontWeight?: number | undefined;
-                    fontFamily?: string | undefined;
-                    color?: string | undefined;
-                } | undefined;
-                font?: {
-                    fontSize?: number | undefined;
-                    fontWeight?: number | undefined;
-                    fontFamily?: string | undefined;
-                    color?: string | undefined;
-                } | undefined;
-                container?: {
-                    color?: string | undefined;
-                    opacity?: number | undefined;
-                    blur?: number | undefined;
-                    backgroundImage?: string | undefined;
-                    shadowSize?: number | undefined;
-                    shadowColor?: string | undefined;
-                } | undefined;
-                background?: {
-                    color?: string | undefined;
-                    image?: string | undefined;
-                    blur?: number | undefined;
-                    brightness?: number | undefined;
-                    opacity?: number | undefined;
-                    fit?: string | undefined;
-                    blendMode?: string | undefined;
-                } | undefined;
-                input?: {
-                    backgroundColor?: string | undefined;
-                    borderColor?: string | undefined;
-                } | undefined;
-                customCSS?: string | undefined;
-            } | undefined;
-            position?: {
-                x: number;
-                y: number;
-            } | undefined;
-        }[] | undefined;
-        listStep?: {
-            id: string;
-            controls: ({
-                id: string;
-                controlType: "text";
-                title?: string | undefined;
-                description?: string | undefined;
-                icon?: string | undefined;
-                required?: boolean | undefined;
-                placeholder?: string | undefined;
-                minLength?: number | undefined;
-                maxLength?: number | undefined;
-                variableName?: string | undefined;
             } | {
                 id: string;
-                controlType: "date";
+                controlType: "scale";
                 title?: string | undefined;
                 description?: string | undefined;
                 icon?: string | undefined;
                 required?: boolean | undefined;
-                placeholder?: string | undefined;
-                variableName?: string | undefined;
-                minDate?: string | undefined;
-                maxDate?: string | undefined;
-            } | {
-                id: string;
-                controlType: "number";
-                title?: string | undefined;
-                description?: string | undefined;
-                icon?: string | undefined;
-                required?: boolean | undefined;
-                placeholder?: string | undefined;
                 variableName?: string | undefined;
                 min?: number | undefined;
                 max?: number | undefined;
+                minLabel?: string | undefined;
+                maxLabel?: string | undefined;
             } | {
                 id: string;
-                controlType: "multipleChoice";
-                options: {
-                    label: string;
-                    id: string;
-                }[];
-                title?: string | undefined;
-                description?: string | undefined;
-                icon?: string | undefined;
-                required?: boolean | undefined;
-                variableName?: string | undefined;
-                minOptions?: number | undefined;
-                maxOptions?: number | undefined;
-                showInput?: boolean | undefined;
-                otherOption?: boolean | undefined;
-            } | {
-                id: string;
-                controlType: "slider";
-                title?: string | undefined;
-                description?: string | undefined;
-                icon?: string | undefined;
-                required?: boolean | undefined;
-                min?: number | undefined;
-                max?: number | undefined;
-                variableName?: string | undefined;
-            } | {
-                id: string;
-                controlType: "dropdown";
-                options: {
-                    label: string;
-                    id: string;
-                }[];
-                title?: string | undefined;
-                description?: string | undefined;
-                icon?: string | undefined;
-                required?: boolean | undefined;
-                placeholder?: string | undefined;
-                variableName?: string | undefined;
-            } | {
-                id: string;
-                controlType: "choice";
-                options: {
-                    label: string;
-                    id: string;
-                }[];
+                controlType: "heading";
                 title?: string | undefined;
                 description?: string | undefined;
                 required?: boolean | undefined;
-                showInput?: boolean | undefined;
-                variableName?: string | undefined;
-                otherOption?: boolean | undefined;
-            } | {
-                id: string;
-                controlType: "pictureChoice";
-                options: {
-                    label: string;
-                    id: string;
-                    image?: string | undefined;
-                }[];
-                title?: string | undefined;
-                description?: string | undefined;
-                icon?: string | undefined;
-                required?: boolean | undefined;
-                variableName?: string | undefined;
-                showInput?: boolean | undefined;
-            } | {
-                id: string;
-                controlType: "upload";
-                title?: string | undefined;
-                description?: string | undefined;
-                icon?: string | undefined;
-                multiple?: boolean | undefined;
-                maxFiles?: number | undefined;
-                minFiles?: number | undefined;
-                accept?: string[] | undefined;
-                maxSize?: number | undefined;
-                required?: boolean | undefined;
-                variableName?: string | undefined;
-            } | {
-                id: string;
-                controlType: "location";
-                title?: string | undefined;
-                description?: string | undefined;
-                icon?: string | undefined;
-                required?: boolean | undefined;
-                placeholder?: string | undefined;
-                variableName?: string | undefined;
-            } | {
-                id: string;
-                controlType: "phone";
-                title?: string | undefined;
-                description?: string | undefined;
-                icon?: string | undefined;
-                required?: boolean | undefined;
-                placeholder?: string | undefined;
-                variableName?: string | undefined;
-            } | {
-                id: string;
-                controlType: "email";
-                title?: string | undefined;
-                description?: string | undefined;
-                icon?: string | undefined;
-                required?: boolean | undefined;
-                placeholder?: string | undefined;
-                variableName?: string | undefined;
-            } | {
-                id: string;
-                controlType: "yesNo";
-                title?: string | undefined;
-                description?: string | undefined;
-                icon?: string | undefined;
-                yesLabel?: string | undefined;
-                noLabel?: string | undefined;
-                required?: boolean | undefined;
-                variableName?: string | undefined;
-            } | {
-                id: string;
-                controlType: "longText";
-                title?: string | undefined;
-                description?: string | undefined;
-                icon?: string | undefined;
-                required?: boolean | undefined;
-                placeholder?: string | undefined;
-                minLength?: number | undefined;
-                maxLength?: number | undefined;
-                variableName?: string | undefined;
-            } | {
-                id: string;
-                controlType: "start";
-                title?: string | undefined;
-                description?: string | undefined;
-                icon?: string | undefined;
-                required?: boolean | undefined;
-                showButton?: boolean | undefined;
-                buttonIcon?: string | undefined;
-                label?: string | undefined;
-                showIconButton?: boolean | undefined;
+                fontSize?: number | undefined;
+                align?: "start" | "center" | "end" | undefined;
+                color?: string | undefined;
             } | {
                 id: string;
-                controlType: "confirm";
+                controlType: "paragraph";
                 title?: string | undefined;
                 description?: string | undefined;
                 required?: boolean | undefined;
-                showButton?: boolean | undefined;
-                buttonIcon?: string | undefined;
+                variant?: "paragraph" | "note" | "caption" | undefined;
+                fontSize?: number | undefined;
+                align?: "start" | "center" | "end" | undefined;
+                color?: string | undefined;
                 link?: string | undefined;
-                label?: string | undefined;
             } | {
                 id: string;
-                controlType: "button";
+                controlType: "image";
                 title?: string | undefined;
                 description?: string | undefined;
-                label?: string | undefined;
-                link?: string | undefined;
-                showIconButton?: boolean | undefined;
-                buttonIcon?: string | undefined;
-                alignButton?: "start" | "center" | "end" | undefined;
-                buttons?: any[] | undefined;
-                orientation?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
-                width?: number | undefined;
-                enableTooltip?: boolean | undefined;
                 required?: boolean | undefined;
-                fullWidthMobile?: boolean | undefined;
+                image?: string | undefined;
+                width?: "auto" | "50" | "75" | "100" | undefined;
+                align?: "start" | "center" | "end" | undefined;
+                radius?: number | undefined;
+                alt?: string | undefined;
+                link?: string | undefined;
             } | {
                 id: string;
-                controlType: "rating";
+                controlType: "divider";
                 title?: string | undefined;
                 description?: string | undefined;
                 required?: boolean | undefined;
-                variableName?: string | undefined;
-                count?: number | undefined;
+                lineStyle?: "line" | "dashed" | "dots" | "space" | undefined;
+                thickness?: number | undefined;
+                space?: "s" | "m" | "l" | undefined;
+                color?: string | undefined;
             })[];
             trigger: string;
             isStart?: boolean | undefined;
             isEnd?: boolean | undefined;
+            title?: string | undefined;
+            headingMigrated?: boolean | undefined;
             autoSubmit?: boolean | undefined;
             confirmLabel?: string | undefined;
+            backLabel?: string | undefined;
             media?: {
-                layout?: "content" | "left" | "right" | "top" | "bottom" | "fullLeft" | "fullRight" | "fullTop" | "fullBottom" | "background" | undefined;
+                layout?: "left" | "right" | undefined;
                 brightness?: number | undefined;
                 image?: string | undefined;
                 video?: string | undefined;
@@ -546,25 +304,51 @@ export declare const createFormStoreApi: (store: UseBoundStore<StoreApi<FormStor
                 listStyle?: string | undefined;
                 borderRadius?: "sm" | "md" | "lg" | undefined;
                 primaryColor?: string | undefined;
-                title?: {
+                slideTitle?: {
                     fontSize?: number | undefined;
                     fontWeight?: number | undefined;
                     fontFamily?: string | undefined;
                     color?: string | undefined;
+                    lineHeight?: number | undefined;
+                    letterSpacing?: number | undefined;
+                    align?: "start" | "center" | "end" | undefined;
                 } | undefined;
-                description?: {
+                title?: {
                     fontSize?: number | undefined;
                     fontWeight?: number | undefined;
                     fontFamily?: string | undefined;
                     color?: string | undefined;
+                    lineHeight?: number | undefined;
+                    letterSpacing?: number | undefined;
+                    align?: "start" | "center" | "end" | undefined;
                 } | undefined;
                 font?: {
                     fontSize?: number | undefined;
                     fontWeight?: number | undefined;
                     fontFamily?: string | undefined;
                     color?: string | undefined;
+                    lineHeight?: number | undefined;
+                    letterSpacing?: number | undefined;
+                    align?: "start" | "center" | "end" | undefined;
                 } | undefined;
+                buttonFullWidth?: boolean | undefined;
+                buttonAlign?: "start" | "center" | "end" | "between" | undefined;
+                buttonShowBack?: boolean | undefined;
+                buttonLayout?: "horizontal" | "vertical" | undefined;
                 container?: {
+                    background?: {
+                        bgType?: "image" | "color" | "video" | "none" | undefined;
+                        color?: string | undefined;
+                        image?: string | undefined;
+                        video?: string | undefined;
+                        videoThumb?: string | undefined;
+                        blur?: number | undefined;
+                        brightness?: number | undefined;
+                        opacity?: number | undefined;
+                        fit?: string | undefined;
+                        position?: string | undefined;
+                        blendMode?: string | undefined;
+                    } | undefined;
                     color?: string | undefined;
                     opacity?: number | undefined;
                     blur?: number | undefined;
@@ -573,50 +357,155 @@ export declare const createFormStoreApi: (store: UseBoundStore<StoreApi<FormStor
                     shadowColor?: string | undefined;
                 } | undefined;
                 background?: {
+                    bgType?: "image" | "color" | "video" | "none" | undefined;
+                    color?: string | undefined;
+                    image?: string | undefined;
+                    video?: string | undefined;
+                    videoThumb?: string | undefined;
+                    blur?: number | undefined;
+                    brightness?: number | undefined;
+                    opacity?: number | undefined;
+                    fit?: string | undefined;
+                    position?: string | undefined;
+                    blendMode?: string | undefined;
+                } | undefined;
+                startBackground?: {
+                    bgType?: "image" | "color" | "video" | "none" | undefined;
+                    color?: string | undefined;
+                    image?: string | undefined;
+                    video?: string | undefined;
+                    videoThumb?: string | undefined;
+                    blur?: number | undefined;
+                    brightness?: number | undefined;
+                    opacity?: number | undefined;
+                    fit?: string | undefined;
+                    position?: string | undefined;
+                    blendMode?: string | undefined;
+                } | undefined;
+                endBackground?: {
+                    bgType?: "image" | "color" | "video" | "none" | undefined;
                     color?: string | undefined;
                     image?: string | undefined;
+                    video?: string | undefined;
+                    videoThumb?: string | undefined;
                     blur?: number | undefined;
                     brightness?: number | undefined;
                     opacity?: number | undefined;
                     fit?: string | undefined;
+                    position?: string | undefined;
                     blendMode?: string | undefined;
                 } | undefined;
+                startContainer?: {
+                    background?: {
+                        bgType?: "image" | "color" | "video" | "none" | undefined;
+                        color?: string | undefined;
+                        image?: string | undefined;
+                        video?: string | undefined;
+                        videoThumb?: string | undefined;
+                        blur?: number | undefined;
+                        brightness?: number | undefined;
+                        opacity?: number | undefined;
+                        fit?: string | undefined;
+                        position?: string | undefined;
+                        blendMode?: string | undefined;
+                    } | undefined;
+                    color?: string | undefined;
+                    opacity?: number | undefined;
+                    blur?: number | undefined;
+                    backgroundImage?: string | undefined;
+                    shadowSize?: number | undefined;
+                    shadowColor?: string | undefined;
+                } | undefined;
+                endContainer?: {
+                    background?: {
+                        bgType?: "image" | "color" | "video" | "none" | undefined;
+                        color?: string | undefined;
+                        image?: string | undefined;
+                        video?: string | undefined;
+                        videoThumb?: string | undefined;
+                        blur?: number | undefined;
+                        brightness?: number | undefined;
+                        opacity?: number | undefined;
+                        fit?: string | undefined;
+                        position?: string | undefined;
+                        blendMode?: string | undefined;
+                    } | undefined;
+                    color?: string | undefined;
+                    opacity?: number | undefined;
+                    blur?: number | undefined;
+                    backgroundImage?: string | undefined;
+                    shadowSize?: number | undefined;
+                    shadowColor?: string | undefined;
+                } | undefined;
+                startTheme?: Record<string, unknown> | undefined;
+                endTheme?: Record<string, unknown> | undefined;
+                startButtonFullWidth?: boolean | undefined;
+                slideDefaults?: Record<string, unknown> | undefined;
+                controlDefaults?: Record<string, Record<string, unknown>> | undefined;
                 input?: {
                     backgroundColor?: string | undefined;
                     borderColor?: string | undefined;
+                    fontFamily?: string | undefined;
                 } | undefined;
                 customCSS?: string | undefined;
+                tokens?: Record<string, string> | undefined;
             } | undefined;
             position?: {
                 x: number;
                 y: number;
             } | undefined;
-        } | undefined;
+        }[] | undefined;
         theme?: {
             size?: "sm" | "md" | "lg" | undefined;
             align?: "start" | "center" | "end" | undefined;
             listStyle?: string | undefined;
             borderRadius?: "sm" | "md" | "lg" | undefined;
             primaryColor?: string | undefined;
-            title?: {
+            slideTitle?: {
                 fontSize?: number | undefined;
                 fontWeight?: number | undefined;
                 fontFamily?: string | undefined;
                 color?: string | undefined;
+                lineHeight?: number | undefined;
+                letterSpacing?: number | undefined;
+                align?: "start" | "center" | "end" | undefined;
             } | undefined;
-            description?: {
+            title?: {
                 fontSize?: number | undefined;
                 fontWeight?: number | undefined;
                 fontFamily?: string | undefined;
                 color?: string | undefined;
+                lineHeight?: number | undefined;
+                letterSpacing?: number | undefined;
+                align?: "start" | "center" | "end" | undefined;
             } | undefined;
             font?: {
                 fontSize?: number | undefined;
                 fontWeight?: number | undefined;
                 fontFamily?: string | undefined;
                 color?: string | undefined;
+                lineHeight?: number | undefined;
+                letterSpacing?: number | undefined;
+                align?: "start" | "center" | "end" | undefined;
             } | undefined;
+            buttonFullWidth?: boolean | undefined;
+            buttonAlign?: "start" | "center" | "end" | "between" | undefined;
+            buttonShowBack?: boolean | undefined;
+            buttonLayout?: "horizontal" | "vertical" | undefined;
             container?: {
+                background?: {
+                    bgType?: "image" | "color" | "video" | "none" | undefined;
+                    color?: string | undefined;
+                    image?: string | undefined;
+                    video?: string | undefined;
+                    videoThumb?: string | undefined;
+                    blur?: number | undefined;
+                    brightness?: number | undefined;
+                    opacity?: number | undefined;
+                    fit?: string | undefined;
+                    position?: string | undefined;
+                    blendMode?: string | undefined;
+                } | undefined;
                 color?: string | undefined;
                 opacity?: number | undefined;
                 blur?: number | undefined;
@@ -625,29 +514,102 @@ export declare const createFormStoreApi: (store: UseBoundStore<StoreApi<FormStor
                 shadowColor?: string | undefined;
             } | undefined;
             background?: {
+                bgType?: "image" | "color" | "video" | "none" | undefined;
+                color?: string | undefined;
+                image?: string | undefined;
+                video?: string | undefined;
+                videoThumb?: string | undefined;
+                blur?: number | undefined;
+                brightness?: number | undefined;
+                opacity?: number | undefined;
+                fit?: string | undefined;
+                position?: string | undefined;
+                blendMode?: string | undefined;
+            } | undefined;
+            startBackground?: {
+                bgType?: "image" | "color" | "video" | "none" | undefined;
                 color?: string | undefined;
                 image?: string | undefined;
+                video?: string | undefined;
+                videoThumb?: string | undefined;
+                blur?: number | undefined;
+                brightness?: number | undefined;
+                opacity?: number | undefined;
+                fit?: string | undefined;
+                position?: string | undefined;
+                blendMode?: string | undefined;
+            } | undefined;
+            endBackground?: {
+                bgType?: "image" | "color" | "video" | "none" | undefined;
+                color?: string | undefined;
+                image?: string | undefined;
+                video?: string | undefined;
+                videoThumb?: string | undefined;
                 blur?: number | undefined;
                 brightness?: number | undefined;
                 opacity?: number | undefined;
                 fit?: string | undefined;
+                position?: string | undefined;
                 blendMode?: string | undefined;
             } | undefined;
+            startContainer?: {
+                background?: {
+                    bgType?: "image" | "color" | "video" | "none" | undefined;
+                    color?: string | undefined;
+                    image?: string | undefined;
+                    video?: string | undefined;
+                    videoThumb?: string | undefined;
+                    blur?: number | undefined;
+                    brightness?: number | undefined;
+                    opacity?: number | undefined;
+                    fit?: string | undefined;
+                    position?: string | undefined;
+                    blendMode?: string | undefined;
+                } | undefined;
+                color?: string | undefined;
+                opacity?: number | undefined;
+                blur?: number | undefined;
+                backgroundImage?: string | undefined;
+                shadowSize?: number | undefined;
+                shadowColor?: string | undefined;
+            } | undefined;
+            endContainer?: {
+                background?: {
+                    bgType?: "image" | "color" | "video" | "none" | undefined;
+                    color?: string | undefined;
+                    image?: string | undefined;
+                    video?: string | undefined;
+                    videoThumb?: string | undefined;
+                    blur?: number | undefined;
+                    brightness?: number | undefined;
+                    opacity?: number | undefined;
+                    fit?: string | undefined;
+                    position?: string | undefined;
+                    blendMode?: string | undefined;
+                } | undefined;
+                color?: string | undefined;
+                opacity?: number | undefined;
+                blur?: number | undefined;
+                backgroundImage?: string | undefined;
+                shadowSize?: number | undefined;
+                shadowColor?: string | undefined;
+            } | undefined;
+            startTheme?: Record<string, unknown> | undefined;
+            endTheme?: Record<string, unknown> | undefined;
+            startButtonFullWidth?: boolean | undefined;
+            slideDefaults?: Record<string, unknown> | undefined;
+            controlDefaults?: Record<string, Record<string, unknown>> | undefined;
             input?: {
                 backgroundColor?: string | undefined;
                 borderColor?: string | undefined;
+                fontFamily?: string | undefined;
             } | undefined;
             customCSS?: string | undefined;
+            tokens?: Record<string, string> | undefined;
         } | undefined;
         settings?: {
-            slideAnimation: "vertical" | "horizontal" | "none";
-            freeNav: boolean;
-            layout: "slides" | "list";
-            enterIndicator?: any;
             progressBar?: boolean | undefined;
             copyright?: boolean | undefined;
-            navArrows?: boolean | undefined;
-            questionNumber?: boolean | undefined;
             mainLanguage?: string | undefined;
             recaptcha?: boolean | undefined;
         } | undefined;