npm - @layers-app/shared - Versions diffs - 0.2.0 → 0.2.2 - Mend

@layers-app/shared 0.2.0 → 0.2.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (743) hide show

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

@@ -31,65 +31,54 @@ export declare const createFormStoreApi: (store: UseBoundStore<StoreApi<FormStor
     scrollToControl: (controlId: string) => void;
     getConfig: () => Required<{
         theme?: {
-            input?: {
-                backgroundColor?: string | undefined;
-                borderColor?: string | undefined;
+            background?: {
+                brightness?: number | undefined;
+                image?: string | undefined;
+                color?: string | undefined;
+                blur?: number | undefined;
+                opacity?: number | undefined;
+                fit?: string | undefined;
+                blendMode?: string | undefined;
             } | undefined;
+            size?: "sm" | "md" | "lg" | undefined;
             title?: {
                 color?: string | undefined;
                 fontSize?: number | undefined;
                 fontWeight?: number | undefined;
                 fontFamily?: string | undefined;
             } | undefined;
-            size?: "sm" | "md" | "lg" | undefined;
             description?: {
                 color?: string | undefined;
                 fontSize?: number | undefined;
                 fontWeight?: number | undefined;
                 fontFamily?: string | undefined;
             } | undefined;
-            align?: "center" | "end" | "start" | undefined;
+            align?: "start" | "center" | "end" | undefined;
+            listStyle?: string | undefined;
+            borderRadius?: "sm" | "md" | "lg" | undefined;
             primaryColor?: string | undefined;
-            background?: {
-                image?: string | undefined;
+            font?: {
                 color?: string | undefined;
-                opacity?: number | undefined;
-                blur?: number | undefined;
-                brightness?: number | undefined;
-                fit?: string | undefined;
-                blendMode?: string | undefined;
+                fontSize?: number | undefined;
+                fontWeight?: number | undefined;
+                fontFamily?: string | undefined;
             } | undefined;
-            borderRadius?: "sm" | "md" | "lg" | undefined;
             container?: {
                 color?: string | undefined;
+                blur?: number | undefined;
                 opacity?: number | undefined;
                 backgroundImage?: string | undefined;
-                blur?: number | undefined;
                 shadowSize?: number | undefined;
                 shadowColor?: string | undefined;
             } | undefined;
-            font?: {
-                color?: string | undefined;
-                fontSize?: number | undefined;
-                fontWeight?: number | undefined;
-                fontFamily?: string | undefined;
+            input?: {
+                backgroundColor?: string | undefined;
+                borderColor?: string | undefined;
             } | undefined;
-            listStyle?: string | undefined;
             customCSS?: string | undefined;
         } | undefined;
-        settings?: {
-            layout: "list" | "slides";
-            slideAnimation: "none" | "horizontal" | "vertical";
-            freeNav: boolean;
-            copyright?: boolean | undefined;
-            enterIndicator?: any;
-            progressBar?: boolean | undefined;
-            navArrows?: boolean | undefined;
-            questionNumber?: boolean | undefined;
-            mainLanguage?: string | undefined;
-            recaptcha?: boolean | undefined;
-        } | undefined;
         steps?: {
+            trigger: string;
             id: string;
             controls: ({
                 id: string;
@@ -97,10 +86,10 @@ export declare const createFormStoreApi: (store: UseBoundStore<StoreApi<FormStor
                 title?: string | undefined;
                 description?: string | undefined;
                 icon?: string | undefined;
-                maxLength?: number | undefined;
-                minLength?: number | undefined;
-                placeholder?: string | undefined;
                 required?: boolean | undefined;
+                placeholder?: string | undefined;
+                minLength?: number | undefined;
+                maxLength?: number | undefined;
                 variableName?: string | undefined;
             } | {
                 id: string;
@@ -108,25 +97,25 @@ export declare const createFormStoreApi: (store: UseBoundStore<StoreApi<FormStor
                 title?: string | undefined;
                 description?: string | undefined;
                 icon?: string | undefined;
-                maxLength?: number | undefined;
-                minLength?: number | undefined;
-                placeholder?: string | undefined;
                 required?: boolean | undefined;
+                placeholder?: string | undefined;
+                minLength?: number | undefined;
+                maxLength?: number | undefined;
                 variableName?: string | undefined;
             } | {
                 id: string;
                 controlType: "button";
-                label?: string | undefined;
-                link?: string | undefined;
                 title?: string | undefined;
                 description?: string | undefined;
-                buttons?: any[] | undefined;
-                width?: number | undefined;
-                orientation?: "column" | "column-reverse" | "row" | "row-reverse" | undefined;
                 required?: boolean | undefined;
+                label?: string | undefined;
+                link?: string | undefined;
                 showIconButton?: boolean | undefined;
                 buttonIcon?: string | undefined;
-                alignButton?: "center" | "end" | "start" | undefined;
+                alignButton?: "start" | "center" | "end" | undefined;
+                buttons?: any[] | undefined;
+                orientation?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
+                width?: number | undefined;
                 enableTooltip?: boolean | undefined;
                 fullWidthMobile?: boolean | undefined;
             } | {
@@ -135,30 +124,30 @@ export declare const createFormStoreApi: (store: UseBoundStore<StoreApi<FormStor
                 title?: string | undefined;
                 description?: string | undefined;
                 icon?: string | undefined;
-                placeholder?: string | undefined;
                 required?: boolean | undefined;
+                placeholder?: string | undefined;
+                variableName?: string | undefined;
                 minDate?: string | undefined;
                 maxDate?: string | undefined;
-                variableName?: string | undefined;
             } | {
                 id: string;
                 controlType: "start";
-                label?: string | undefined;
                 title?: string | undefined;
                 description?: string | undefined;
                 icon?: string | undefined;
                 required?: boolean | undefined;
+                label?: string | undefined;
                 showIconButton?: boolean | undefined;
                 buttonIcon?: string | undefined;
                 showButton?: boolean | undefined;
             } | {
                 id: string;
                 controlType: "confirm";
-                label?: string | undefined;
-                link?: string | undefined;
                 title?: string | undefined;
                 description?: string | undefined;
                 required?: boolean | undefined;
+                label?: string | undefined;
+                link?: string | undefined;
                 buttonIcon?: string | undefined;
                 showButton?: boolean | undefined;
             } | {
@@ -167,17 +156,17 @@ export declare const createFormStoreApi: (store: UseBoundStore<StoreApi<FormStor
                 title?: string | undefined;
                 description?: string | undefined;
                 icon?: string | undefined;
-                max?: number | undefined;
-                min?: number | undefined;
-                placeholder?: string | undefined;
                 required?: boolean | undefined;
+                placeholder?: string | undefined;
                 variableName?: string | undefined;
+                min?: number | undefined;
+                max?: number | undefined;
             } | {
-                id: string;
                 options: {
-                    label: string;
                     id: string;
+                    label: string;
                 }[];
+                id: string;
                 controlType: "choice";
                 title?: string | undefined;
                 description?: string | undefined;
@@ -186,11 +175,11 @@ export declare const createFormStoreApi: (store: UseBoundStore<StoreApi<FormStor
                 showInput?: boolean | undefined;
                 otherOption?: boolean | undefined;
             } | {
-                id: string;
                 options: {
-                    label: string;
                     id: string;
+                    label: string;
                 }[];
+                id: string;
                 controlType: "multipleChoice";
                 title?: string | undefined;
                 description?: string | undefined;
@@ -202,12 +191,12 @@ export declare const createFormStoreApi: (store: UseBoundStore<StoreApi<FormStor
                 minOptions?: number | undefined;
                 maxOptions?: number | undefined;
             } | {
-                id: string;
                 options: {
-                    label: string;
                     id: string;
+                    label: string;
                     image?: string | undefined;
                 }[];
+                id: string;
                 controlType: "pictureChoice";
                 title?: string | undefined;
                 description?: string | undefined;
@@ -216,17 +205,17 @@ export declare const createFormStoreApi: (store: UseBoundStore<StoreApi<FormStor
                 variableName?: string | undefined;
                 showInput?: boolean | undefined;
             } | {
-                id: string;
                 options: {
-                    label: string;
                     id: string;
+                    label: string;
                 }[];
+                id: string;
                 controlType: "dropdown";
                 title?: string | undefined;
                 description?: string | undefined;
                 icon?: string | undefined;
-                placeholder?: string | undefined;
                 required?: boolean | undefined;
+                placeholder?: string | undefined;
                 variableName?: string | undefined;
             } | {
                 id: string;
@@ -234,8 +223,8 @@ export declare const createFormStoreApi: (store: UseBoundStore<StoreApi<FormStor
                 title?: string | undefined;
                 description?: string | undefined;
                 icon?: string | undefined;
-                placeholder?: string | undefined;
                 required?: boolean | undefined;
+                placeholder?: string | undefined;
                 variableName?: string | undefined;
             } | {
                 id: string;
@@ -243,8 +232,8 @@ export declare const createFormStoreApi: (store: UseBoundStore<StoreApi<FormStor
                 title?: string | undefined;
                 description?: string | undefined;
                 icon?: string | undefined;
-                placeholder?: string | undefined;
                 required?: boolean | undefined;
+                placeholder?: string | undefined;
                 variableName?: string | undefined;
             } | {
                 id: string;
@@ -252,8 +241,8 @@ export declare const createFormStoreApi: (store: UseBoundStore<StoreApi<FormStor
                 title?: string | undefined;
                 description?: string | undefined;
                 icon?: string | undefined;
-                placeholder?: string | undefined;
                 required?: boolean | undefined;
+                placeholder?: string | undefined;
                 variableName?: string | undefined;
             } | {
                 id: string;
@@ -261,23 +250,23 @@ export declare const createFormStoreApi: (store: UseBoundStore<StoreApi<FormStor
                 title?: string | undefined;
                 description?: string | undefined;
                 icon?: string | undefined;
-                max?: number | undefined;
-                min?: number | undefined;
                 required?: boolean | undefined;
                 variableName?: string | undefined;
+                min?: number | undefined;
+                max?: number | undefined;
             } | {
                 id: string;
                 controlType: "upload";
                 title?: string | undefined;
                 description?: string | undefined;
                 icon?: string | undefined;
-                multiple?: boolean | undefined;
-                accept?: string[] | undefined;
                 required?: boolean | undefined;
-                maxSize?: number | undefined;
-                maxFiles?: number | undefined;
                 variableName?: string | undefined;
+                multiple?: boolean | undefined;
+                maxFiles?: number | undefined;
                 minFiles?: number | undefined;
+                accept?: string[] | undefined;
+                maxSize?: number | undefined;
             } | {
                 id: string;
                 controlType: "yesNo";
@@ -294,83 +283,83 @@ export declare const createFormStoreApi: (store: UseBoundStore<StoreApi<FormStor
                 title?: string | undefined;
                 description?: string | undefined;
                 required?: boolean | undefined;
-                count?: number | undefined;
                 variableName?: string | undefined;
+                count?: number | undefined;
             })[];
-            trigger: string;
-            position?: {
-                x: number;
-                y: number;
-            } | undefined;
+            isStart?: boolean | undefined;
+            isEnd?: boolean | undefined;
+            autoSubmit?: boolean | undefined;
+            confirmLabel?: string | undefined;
             media?: {
-                video?: string | undefined;
+                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;
-                layout?: "content" | "top" | "left" | "bottom" | "right" | "background" | "fullLeft" | "fullRight" | "fullTop" | "fullBottom" | undefined;
                 blur?: number | undefined;
-                brightness?: number | undefined;
-                videoThumb?: string | undefined;
             } | undefined;
+            conditions?: {
+                controlId: string;
+                operator: string;
+                trigger: string;
+                compareValue?: string | undefined;
+            }[] | undefined;
             theme?: {
-                input?: {
-                    backgroundColor?: string | undefined;
-                    borderColor?: string | undefined;
+                background?: {
+                    brightness?: number | undefined;
+                    image?: string | undefined;
+                    color?: string | undefined;
+                    blur?: number | undefined;
+                    opacity?: number | undefined;
+                    fit?: string | undefined;
+                    blendMode?: string | undefined;
                 } | undefined;
+                size?: "sm" | "md" | "lg" | undefined;
                 title?: {
                     color?: string | undefined;
                     fontSize?: number | undefined;
                     fontWeight?: number | undefined;
                     fontFamily?: string | undefined;
                 } | undefined;
-                size?: "sm" | "md" | "lg" | undefined;
                 description?: {
                     color?: string | undefined;
                     fontSize?: number | undefined;
                     fontWeight?: number | undefined;
                     fontFamily?: string | undefined;
                 } | undefined;
-                align?: "center" | "end" | "start" | undefined;
+                align?: "start" | "center" | "end" | undefined;
+                listStyle?: string | undefined;
+                borderRadius?: "sm" | "md" | "lg" | undefined;
                 primaryColor?: string | undefined;
-                background?: {
-                    image?: string | undefined;
+                font?: {
                     color?: string | undefined;
-                    opacity?: number | undefined;
-                    blur?: number | undefined;
-                    brightness?: number | undefined;
-                    fit?: string | undefined;
-                    blendMode?: string | undefined;
+                    fontSize?: number | undefined;
+                    fontWeight?: number | undefined;
+                    fontFamily?: string | undefined;
                 } | undefined;
-                borderRadius?: "sm" | "md" | "lg" | undefined;
                 container?: {
                     color?: string | undefined;
+                    blur?: number | undefined;
                     opacity?: number | undefined;
                     backgroundImage?: string | undefined;
-                    blur?: number | undefined;
                     shadowSize?: number | undefined;
                     shadowColor?: string | undefined;
                 } | undefined;
-                font?: {
-                    color?: string | undefined;
-                    fontSize?: number | undefined;
-                    fontWeight?: number | undefined;
-                    fontFamily?: string | undefined;
+                input?: {
+                    backgroundColor?: string | undefined;
+                    borderColor?: string | undefined;
                 } | undefined;
-                listStyle?: string | undefined;
                 customCSS?: string | undefined;
             } | undefined;
-            isStart?: boolean | undefined;
-            isEnd?: boolean | undefined;
-            autoSubmit?: boolean | undefined;
-            confirmLabel?: string | undefined;
-            conditions?: {
-                operator: string;
-                trigger: string;
-                controlId: string;
-                compareValue?: string | undefined;
-            }[] | undefined;
+            position?: {
+                x: number;
+                y: number;
+            } | undefined;
         }[] | undefined;
         listStep?: {
+            trigger: string;
             id: string;
             controls: ({
                 id: string;
@@ -378,10 +367,10 @@ export declare const createFormStoreApi: (store: UseBoundStore<StoreApi<FormStor
                 title?: string | undefined;
                 description?: string | undefined;
                 icon?: string | undefined;
-                maxLength?: number | undefined;
-                minLength?: number | undefined;
-                placeholder?: string | undefined;
                 required?: boolean | undefined;
+                placeholder?: string | undefined;
+                minLength?: number | undefined;
+                maxLength?: number | undefined;
                 variableName?: string | undefined;
             } | {
                 id: string;
@@ -389,25 +378,25 @@ export declare const createFormStoreApi: (store: UseBoundStore<StoreApi<FormStor
                 title?: string | undefined;
                 description?: string | undefined;
                 icon?: string | undefined;
-                maxLength?: number | undefined;
-                minLength?: number | undefined;
-                placeholder?: string | undefined;
                 required?: boolean | undefined;
+                placeholder?: string | undefined;
+                minLength?: number | undefined;
+                maxLength?: number | undefined;
                 variableName?: string | undefined;
             } | {
                 id: string;
                 controlType: "button";
-                label?: string | undefined;
-                link?: string | undefined;
                 title?: string | undefined;
                 description?: string | undefined;
-                buttons?: any[] | undefined;
-                width?: number | undefined;
-                orientation?: "column" | "column-reverse" | "row" | "row-reverse" | undefined;
                 required?: boolean | undefined;
+                label?: string | undefined;
+                link?: string | undefined;
                 showIconButton?: boolean | undefined;
                 buttonIcon?: string | undefined;
-                alignButton?: "center" | "end" | "start" | undefined;
+                alignButton?: "start" | "center" | "end" | undefined;
+                buttons?: any[] | undefined;
+                orientation?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
+                width?: number | undefined;
                 enableTooltip?: boolean | undefined;
                 fullWidthMobile?: boolean | undefined;
             } | {
@@ -416,30 +405,30 @@ export declare const createFormStoreApi: (store: UseBoundStore<StoreApi<FormStor
                 title?: string | undefined;
                 description?: string | undefined;
                 icon?: string | undefined;
-                placeholder?: string | undefined;
                 required?: boolean | undefined;
+                placeholder?: string | undefined;
+                variableName?: string | undefined;
                 minDate?: string | undefined;
                 maxDate?: string | undefined;
-                variableName?: string | undefined;
             } | {
                 id: string;
                 controlType: "start";
-                label?: string | undefined;
                 title?: string | undefined;
                 description?: string | undefined;
                 icon?: string | undefined;
                 required?: boolean | undefined;
+                label?: string | undefined;
                 showIconButton?: boolean | undefined;
                 buttonIcon?: string | undefined;
                 showButton?: boolean | undefined;
             } | {
                 id: string;
                 controlType: "confirm";
-                label?: string | undefined;
-                link?: string | undefined;
                 title?: string | undefined;
                 description?: string | undefined;
                 required?: boolean | undefined;
+                label?: string | undefined;
+                link?: string | undefined;
                 buttonIcon?: string | undefined;
                 showButton?: boolean | undefined;
             } | {
@@ -448,17 +437,17 @@ export declare const createFormStoreApi: (store: UseBoundStore<StoreApi<FormStor
                 title?: string | undefined;
                 description?: string | undefined;
                 icon?: string | undefined;
-                max?: number | undefined;
-                min?: number | undefined;
-                placeholder?: string | undefined;
                 required?: boolean | undefined;
+                placeholder?: string | undefined;
                 variableName?: string | undefined;
+                min?: number | undefined;
+                max?: number | undefined;
             } | {
-                id: string;
                 options: {
-                    label: string;
                     id: string;
+                    label: string;
                 }[];
+                id: string;
                 controlType: "choice";
                 title?: string | undefined;
                 description?: string | undefined;
@@ -467,11 +456,11 @@ export declare const createFormStoreApi: (store: UseBoundStore<StoreApi<FormStor
                 showInput?: boolean | undefined;
                 otherOption?: boolean | undefined;
             } | {
-                id: string;
                 options: {
-                    label: string;
                     id: string;
+                    label: string;
                 }[];
+                id: string;
                 controlType: "multipleChoice";
                 title?: string | undefined;
                 description?: string | undefined;
@@ -483,12 +472,12 @@ export declare const createFormStoreApi: (store: UseBoundStore<StoreApi<FormStor
                 minOptions?: number | undefined;
                 maxOptions?: number | undefined;
             } | {
-                id: string;
                 options: {
-                    label: string;
                     id: string;
+                    label: string;
                     image?: string | undefined;
                 }[];
+                id: string;
                 controlType: "pictureChoice";
                 title?: string | undefined;
                 description?: string | undefined;
@@ -497,17 +486,17 @@ export declare const createFormStoreApi: (store: UseBoundStore<StoreApi<FormStor
                 variableName?: string | undefined;
                 showInput?: boolean | undefined;
             } | {
-                id: string;
                 options: {
-                    label: string;
                     id: string;
+                    label: string;
                 }[];
+                id: string;
                 controlType: "dropdown";
                 title?: string | undefined;
                 description?: string | undefined;
                 icon?: string | undefined;
-                placeholder?: string | undefined;
                 required?: boolean | undefined;
+                placeholder?: string | undefined;
                 variableName?: string | undefined;
             } | {
                 id: string;
@@ -515,8 +504,8 @@ export declare const createFormStoreApi: (store: UseBoundStore<StoreApi<FormStor
                 title?: string | undefined;
                 description?: string | undefined;
                 icon?: string | undefined;
-                placeholder?: string | undefined;
                 required?: boolean | undefined;
+                placeholder?: string | undefined;
                 variableName?: string | undefined;
             } | {
                 id: string;
@@ -524,8 +513,8 @@ export declare const createFormStoreApi: (store: UseBoundStore<StoreApi<FormStor
                 title?: string | undefined;
                 description?: string | undefined;
                 icon?: string | undefined;
-                placeholder?: string | undefined;
                 required?: boolean | undefined;
+                placeholder?: string | undefined;
                 variableName?: string | undefined;
             } | {
                 id: string;
@@ -533,8 +522,8 @@ export declare const createFormStoreApi: (store: UseBoundStore<StoreApi<FormStor
                 title?: string | undefined;
                 description?: string | undefined;
                 icon?: string | undefined;
-                placeholder?: string | undefined;
                 required?: boolean | undefined;
+                placeholder?: string | undefined;
                 variableName?: string | undefined;
             } | {
                 id: string;
@@ -542,23 +531,23 @@ export declare const createFormStoreApi: (store: UseBoundStore<StoreApi<FormStor
                 title?: string | undefined;
                 description?: string | undefined;
                 icon?: string | undefined;
-                max?: number | undefined;
-                min?: number | undefined;
                 required?: boolean | undefined;
                 variableName?: string | undefined;
+                min?: number | undefined;
+                max?: number | undefined;
             } | {
                 id: string;
                 controlType: "upload";
                 title?: string | undefined;
                 description?: string | undefined;
                 icon?: string | undefined;
-                multiple?: boolean | undefined;
-                accept?: string[] | undefined;
                 required?: boolean | undefined;
-                maxSize?: number | undefined;
-                maxFiles?: number | undefined;
                 variableName?: string | undefined;
+                multiple?: boolean | undefined;
+                maxFiles?: number | undefined;
                 minFiles?: number | undefined;
+                accept?: string[] | undefined;
+                maxSize?: number | undefined;
             } | {
                 id: string;
                 controlType: "yesNo";
@@ -575,81 +564,92 @@ export declare const createFormStoreApi: (store: UseBoundStore<StoreApi<FormStor
                 title?: string | undefined;
                 description?: string | undefined;
                 required?: boolean | undefined;
-                count?: number | undefined;
                 variableName?: string | undefined;
+                count?: number | undefined;
             })[];
-            trigger: string;
-            position?: {
-                x: number;
-                y: number;
-            } | undefined;
+            isStart?: boolean | undefined;
+            isEnd?: boolean | undefined;
+            autoSubmit?: boolean | undefined;
+            confirmLabel?: string | undefined;
             media?: {
-                video?: string | undefined;
+                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;
-                layout?: "content" | "top" | "left" | "bottom" | "right" | "background" | "fullLeft" | "fullRight" | "fullTop" | "fullBottom" | undefined;
                 blur?: number | undefined;
-                brightness?: number | undefined;
-                videoThumb?: string | undefined;
             } | undefined;
+            conditions?: {
+                controlId: string;
+                operator: string;
+                trigger: string;
+                compareValue?: string | undefined;
+            }[] | undefined;
             theme?: {
-                input?: {
-                    backgroundColor?: string | undefined;
-                    borderColor?: string | undefined;
+                background?: {
+                    brightness?: number | undefined;
+                    image?: string | undefined;
+                    color?: string | undefined;
+                    blur?: number | undefined;
+                    opacity?: number | undefined;
+                    fit?: string | undefined;
+                    blendMode?: string | undefined;
                 } | undefined;
+                size?: "sm" | "md" | "lg" | undefined;
                 title?: {
                     color?: string | undefined;
                     fontSize?: number | undefined;
                     fontWeight?: number | undefined;
                     fontFamily?: string | undefined;
                 } | undefined;
-                size?: "sm" | "md" | "lg" | undefined;
                 description?: {
                     color?: string | undefined;
                     fontSize?: number | undefined;
                     fontWeight?: number | undefined;
                     fontFamily?: string | undefined;
                 } | undefined;
-                align?: "center" | "end" | "start" | undefined;
+                align?: "start" | "center" | "end" | undefined;
+                listStyle?: string | undefined;
+                borderRadius?: "sm" | "md" | "lg" | undefined;
                 primaryColor?: string | undefined;
-                background?: {
-                    image?: string | undefined;
+                font?: {
                     color?: string | undefined;
-                    opacity?: number | undefined;
-                    blur?: number | undefined;
-                    brightness?: number | undefined;
-                    fit?: string | undefined;
-                    blendMode?: string | undefined;
+                    fontSize?: number | undefined;
+                    fontWeight?: number | undefined;
+                    fontFamily?: string | undefined;
                 } | undefined;
-                borderRadius?: "sm" | "md" | "lg" | undefined;
                 container?: {
                     color?: string | undefined;
+                    blur?: number | undefined;
                     opacity?: number | undefined;
                     backgroundImage?: string | undefined;
-                    blur?: number | undefined;
                     shadowSize?: number | undefined;
                     shadowColor?: string | undefined;
                 } | undefined;
-                font?: {
-                    color?: string | undefined;
-                    fontSize?: number | undefined;
-                    fontWeight?: number | undefined;
-                    fontFamily?: string | undefined;
+                input?: {
+                    backgroundColor?: string | undefined;
+                    borderColor?: string | undefined;
                 } | undefined;
-                listStyle?: string | undefined;
                 customCSS?: string | undefined;
             } | undefined;
-            isStart?: boolean | undefined;
-            isEnd?: boolean | undefined;
-            autoSubmit?: boolean | undefined;
-            confirmLabel?: string | undefined;
-            conditions?: {
-                operator: string;
-                trigger: string;
-                controlId: string;
-                compareValue?: string | undefined;
-            }[] | undefined;
+            position?: {
+                x: number;
+                y: number;
+            } | undefined;
+        } | undefined;
+        settings?: {
+            layout: "slides" | "list";
+            slideAnimation: "vertical" | "horizontal" | "none";
+            freeNav: boolean;
+            enterIndicator?: any;
+            progressBar?: boolean | undefined;
+            copyright?: boolean | undefined;
+            navArrows?: boolean | undefined;
+            questionNumber?: boolean | undefined;
+            mainLanguage?: string | undefined;
+            recaptcha?: boolean | undefined;
         } | undefined;
     }>;
     setProps: (props: FormViewerProps) => void;
@@ -657,3 +657,4 @@ export declare const createFormStoreApi: (store: UseBoundStore<StoreApi<FormStor
     backActiveStep: (steps?: number) => void;
     resetActiveStep: () => void;
 };
+//# sourceMappingURL=formStoreApi.d.ts.map