@layers-app/shared 0.1.5 → 0.2.1

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

@@ -19,96 +19,85 @@ export type FormStoreState = {
     layout?: FormViewLayout;
 };
 export declare const createFormStore: () => {
-    useStore: import('zustand').UseBoundStore<import('zustand').StoreApi<FormStoreState>>;
+    useStore: import("zustand").UseBoundStore<import("zustand").StoreApi<FormStoreState>>;
     api: {
-        applyTheme: (theme: import('..').ThemeData) => void;
+        applyTheme: (theme: import("..").ThemeData) => void;
         setLayout: (layout: FormViewLayout) => void;
-        patchSettingsData: (v: Partial<import('..').SettingsData>) => void;
-        patchThemeData: (v: Partial<import('..').ThemeData>) => void;
-        patchContainerTheme: (v: Partial<import('..').ContainerProperties>) => void;
-        patchTitleProperties: (v: Partial<import('..').TextProperties>) => void;
-        patchDescriptionProperties: (v: Partial<import('..').TextProperties>) => void;
-        patchCommonFontProperties: (v: Partial<import('..').TextProperties>) => void;
+        patchSettingsData: (v: Partial<import("..").SettingsData>) => void;
+        patchThemeData: (v: Partial<import("..").ThemeData>) => void;
+        patchContainerTheme: (v: Partial<import("..").ContainerProperties>) => void;
+        patchTitleProperties: (v: Partial<import("..").TextProperties>) => void;
+        patchDescriptionProperties: (v: Partial<import("..").TextProperties>) => void;
+        patchCommonFontProperties: (v: Partial<import("..").TextProperties>) => void;
         setSteps: (steps: StepData[]) => void;
         addStep: (step: StepData, index?: number) => void;
         removeStep: (stepId: string) => void;
         updateStep: (stepId: string, updatedStep: Partial<StepData>) => void;
-        updateControl: <CONTROL extends import('..').Control>(stepId: string, controlId: string, updatedControl: Partial<CONTROL>) => void;
+        updateControl: <CONTROL extends import("..").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: import('..').Control) => void;
+        addControl: (stepId: string, newControl: import("..").Control) => void;
         removeControl: (stepId: string, controlId: string) => void;
-        addCondition: (stepId: string, newCondition: import('..').Condition) => void;
-        updateCondition: (stepId: string, conditionIndex: number, updatedCondition: Partial<import('..').Condition>) => void;
+        addCondition: (stepId: string, newCondition: import("..").Condition) => void;
+        updateCondition: (stepId: string, conditionIndex: number, updatedCondition: Partial<import("..").Condition>) => void;
         removeCondition: (stepId: string, conditionIndex: number) => void;
         setIsMobile: (isMobile: boolean) => void;
         setConfig: (config: ParsedFormConfig | null, { silent }?: {
             silent?: boolean;
         }) => void;
         setActiveStepId: (stepId: string) => void;
-        setFormLayout: (layout: import('..').FormLayout) => void;
+        setFormLayout: (layout: import("..").FormLayout) => void;
         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;
                 container?: {
                     color?: string | undefined;
+                    blur?: number | undefined;
                     opacity?: number | undefined;
                     backgroundImage?: string | undefined;
-                    blur?: number | undefined;
                     shadowSize?: number | undefined;
                     shadowColor?: string | undefined;
                 } | undefined;
-                borderRadius?: "sm" | "md" | "lg" | 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;
@@ -116,10 +105,10 @@ export declare const createFormStore: () => {
                     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;
@@ -127,25 +116,25 @@ export declare const createFormStore: () => {
                     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;
                 } | {
@@ -154,30 +143,30 @@ export declare const createFormStore: () => {
                     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;
                 } | {
@@ -186,17 +175,17 @@ export declare const createFormStore: () => {
                     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;
@@ -205,11 +194,11 @@ export declare const createFormStore: () => {
                     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;
@@ -221,12 +210,12 @@ export declare const createFormStore: () => {
                     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;
@@ -235,17 +224,17 @@ export declare const createFormStore: () => {
                     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;
@@ -253,8 +242,8 @@ export declare const createFormStore: () => {
                     title?: string | undefined;
                     description?: string | undefined;
                     icon?: string | undefined;
-                    placeholder?: string | undefined;
                     required?: boolean | undefined;
+                    placeholder?: string | undefined;
                     variableName?: string | undefined;
                 } | {
                     id: string;
@@ -262,8 +251,8 @@ export declare const createFormStore: () => {
                     title?: string | undefined;
                     description?: string | undefined;
                     icon?: string | undefined;
-                    placeholder?: string | undefined;
                     required?: boolean | undefined;
+                    placeholder?: string | undefined;
                     variableName?: string | undefined;
                 } | {
                     id: string;
@@ -271,8 +260,8 @@ export declare const createFormStore: () => {
                     title?: string | undefined;
                     description?: string | undefined;
                     icon?: string | undefined;
-                    placeholder?: string | undefined;
                     required?: boolean | undefined;
+                    placeholder?: string | undefined;
                     variableName?: string | undefined;
                 } | {
                     id: string;
@@ -280,23 +269,23 @@ export declare const createFormStore: () => {
                     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";
@@ -313,83 +302,83 @@ export declare const createFormStore: () => {
                     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;
                     container?: {
                         color?: string | undefined;
+                        blur?: number | undefined;
                         opacity?: number | undefined;
                         backgroundImage?: string | undefined;
-                        blur?: number | undefined;
                         shadowSize?: number | undefined;
                         shadowColor?: string | undefined;
                     } | undefined;
-                    borderRadius?: "sm" | "md" | "lg" | 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;
@@ -397,10 +386,10 @@ export declare const createFormStore: () => {
                     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;
@@ -408,25 +397,25 @@ export declare const createFormStore: () => {
                     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;
                 } | {
@@ -435,30 +424,30 @@ export declare const createFormStore: () => {
                     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;
                 } | {
@@ -467,17 +456,17 @@ export declare const createFormStore: () => {
                     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;
@@ -486,11 +475,11 @@ export declare const createFormStore: () => {
                     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;
@@ -502,12 +491,12 @@ export declare const createFormStore: () => {
                     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;
@@ -516,17 +505,17 @@ export declare const createFormStore: () => {
                     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;
@@ -534,8 +523,8 @@ export declare const createFormStore: () => {
                     title?: string | undefined;
                     description?: string | undefined;
                     icon?: string | undefined;
-                    placeholder?: string | undefined;
                     required?: boolean | undefined;
+                    placeholder?: string | undefined;
                     variableName?: string | undefined;
                 } | {
                     id: string;
@@ -543,8 +532,8 @@ export declare const createFormStore: () => {
                     title?: string | undefined;
                     description?: string | undefined;
                     icon?: string | undefined;
-                    placeholder?: string | undefined;
                     required?: boolean | undefined;
+                    placeholder?: string | undefined;
                     variableName?: string | undefined;
                 } | {
                     id: string;
@@ -552,8 +541,8 @@ export declare const createFormStore: () => {
                     title?: string | undefined;
                     description?: string | undefined;
                     icon?: string | undefined;
-                    placeholder?: string | undefined;
                     required?: boolean | undefined;
+                    placeholder?: string | undefined;
                     variableName?: string | undefined;
                 } | {
                     id: string;
@@ -561,23 +550,23 @@ export declare const createFormStore: () => {
                     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";
@@ -594,81 +583,92 @@ export declare const createFormStore: () => {
                     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;
                     container?: {
                         color?: string | undefined;
+                        blur?: number | undefined;
                         opacity?: number | undefined;
                         backgroundImage?: string | undefined;
-                        blur?: number | undefined;
                         shadowSize?: number | undefined;
                         shadowColor?: string | undefined;
                     } | undefined;
-                    borderRadius?: "sm" | "md" | "lg" | 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;
@@ -697,96 +697,85 @@ export declare const FormStoreProvider: ({ children, editing, preview, store, ad
 }) => import("react/jsx-runtime").JSX.Element;
 /** Возвращает ближайший стор для формы, если таких нет - вернёт слобальный стор */
 export declare const useFormViewerStore: () => {
-    useStore: import('zustand').UseBoundStore<import('zustand').StoreApi<FormStoreState>>;
+    useStore: import("zustand").UseBoundStore<import("zustand").StoreApi<FormStoreState>>;
     api: {
-        applyTheme: (theme: import('..').ThemeData) => void;
+        applyTheme: (theme: import("..").ThemeData) => void;
         setLayout: (layout: FormViewLayout) => void;
-        patchSettingsData: (v: Partial<import('..').SettingsData>) => void;
-        patchThemeData: (v: Partial<import('..').ThemeData>) => void;
-        patchContainerTheme: (v: Partial<import('..').ContainerProperties>) => void;
-        patchTitleProperties: (v: Partial<import('..').TextProperties>) => void;
-        patchDescriptionProperties: (v: Partial<import('..').TextProperties>) => void;
-        patchCommonFontProperties: (v: Partial<import('..').TextProperties>) => void;
+        patchSettingsData: (v: Partial<import("..").SettingsData>) => void;
+        patchThemeData: (v: Partial<import("..").ThemeData>) => void;
+        patchContainerTheme: (v: Partial<import("..").ContainerProperties>) => void;
+        patchTitleProperties: (v: Partial<import("..").TextProperties>) => void;
+        patchDescriptionProperties: (v: Partial<import("..").TextProperties>) => void;
+        patchCommonFontProperties: (v: Partial<import("..").TextProperties>) => void;
         setSteps: (steps: StepData[]) => void;
         addStep: (step: StepData, index?: number) => void;
         removeStep: (stepId: string) => void;
         updateStep: (stepId: string, updatedStep: Partial<StepData>) => void;
-        updateControl: <CONTROL extends import('..').Control>(stepId: string, controlId: string, updatedControl: Partial<CONTROL>) => void;
+        updateControl: <CONTROL extends import("..").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: import('..').Control) => void;
+        addControl: (stepId: string, newControl: import("..").Control) => void;
         removeControl: (stepId: string, controlId: string) => void;
-        addCondition: (stepId: string, newCondition: import('..').Condition) => void;
-        updateCondition: (stepId: string, conditionIndex: number, updatedCondition: Partial<import('..').Condition>) => void;
+        addCondition: (stepId: string, newCondition: import("..").Condition) => void;
+        updateCondition: (stepId: string, conditionIndex: number, updatedCondition: Partial<import("..").Condition>) => void;
         removeCondition: (stepId: string, conditionIndex: number) => void;
         setIsMobile: (isMobile: boolean) => void;
         setConfig: (config: ParsedFormConfig | null, { silent }?: {
             silent?: boolean;
         }) => void;
         setActiveStepId: (stepId: string) => void;
-        setFormLayout: (layout: import('..').FormLayout) => void;
+        setFormLayout: (layout: import("..").FormLayout) => void;
         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;
                 container?: {
                     color?: string | undefined;
+                    blur?: number | undefined;
                     opacity?: number | undefined;
                     backgroundImage?: string | undefined;
-                    blur?: number | undefined;
                     shadowSize?: number | undefined;
                     shadowColor?: string | undefined;
                 } | undefined;
-                borderRadius?: "sm" | "md" | "lg" | 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;
@@ -794,10 +783,10 @@ export declare const useFormViewerStore: () => {
                     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;
@@ -805,25 +794,25 @@ export declare const useFormViewerStore: () => {
                     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;
                 } | {
@@ -832,30 +821,30 @@ export declare const useFormViewerStore: () => {
                     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;
                 } | {
@@ -864,17 +853,17 @@ export declare const useFormViewerStore: () => {
                     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;
@@ -883,11 +872,11 @@ export declare const useFormViewerStore: () => {
                     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;
@@ -899,12 +888,12 @@ export declare const useFormViewerStore: () => {
                     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;
@@ -913,17 +902,17 @@ export declare const useFormViewerStore: () => {
                     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;
@@ -931,8 +920,8 @@ export declare const useFormViewerStore: () => {
                     title?: string | undefined;
                     description?: string | undefined;
                     icon?: string | undefined;
-                    placeholder?: string | undefined;
                     required?: boolean | undefined;
+                    placeholder?: string | undefined;
                     variableName?: string | undefined;
                 } | {
                     id: string;
@@ -940,8 +929,8 @@ export declare const useFormViewerStore: () => {
                     title?: string | undefined;
                     description?: string | undefined;
                     icon?: string | undefined;
-                    placeholder?: string | undefined;
                     required?: boolean | undefined;
+                    placeholder?: string | undefined;
                     variableName?: string | undefined;
                 } | {
                     id: string;
@@ -949,8 +938,8 @@ export declare const useFormViewerStore: () => {
                     title?: string | undefined;
                     description?: string | undefined;
                     icon?: string | undefined;
-                    placeholder?: string | undefined;
                     required?: boolean | undefined;
+                    placeholder?: string | undefined;
                     variableName?: string | undefined;
                 } | {
                     id: string;
@@ -958,23 +947,23 @@ export declare const useFormViewerStore: () => {
                     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";
@@ -991,83 +980,83 @@ export declare const useFormViewerStore: () => {
                     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;
                     container?: {
                         color?: string | undefined;
+                        blur?: number | undefined;
                         opacity?: number | undefined;
                         backgroundImage?: string | undefined;
-                        blur?: number | undefined;
                         shadowSize?: number | undefined;
                         shadowColor?: string | undefined;
                     } | undefined;
-                    borderRadius?: "sm" | "md" | "lg" | 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;
@@ -1075,10 +1064,10 @@ export declare const useFormViewerStore: () => {
                     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;
@@ -1086,25 +1075,25 @@ export declare const useFormViewerStore: () => {
                     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;
                 } | {
@@ -1113,30 +1102,30 @@ export declare const useFormViewerStore: () => {
                     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;
                 } | {
@@ -1145,17 +1134,17 @@ export declare const useFormViewerStore: () => {
                     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;
@@ -1164,11 +1153,11 @@ export declare const useFormViewerStore: () => {
                     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;
@@ -1180,12 +1169,12 @@ export declare const useFormViewerStore: () => {
                     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;
@@ -1194,17 +1183,17 @@ export declare const useFormViewerStore: () => {
                     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;
@@ -1212,8 +1201,8 @@ export declare const useFormViewerStore: () => {
                     title?: string | undefined;
                     description?: string | undefined;
                     icon?: string | undefined;
-                    placeholder?: string | undefined;
                     required?: boolean | undefined;
+                    placeholder?: string | undefined;
                     variableName?: string | undefined;
                 } | {
                     id: string;
@@ -1221,8 +1210,8 @@ export declare const useFormViewerStore: () => {
                     title?: string | undefined;
                     description?: string | undefined;
                     icon?: string | undefined;
-                    placeholder?: string | undefined;
                     required?: boolean | undefined;
+                    placeholder?: string | undefined;
                     variableName?: string | undefined;
                 } | {
                     id: string;
@@ -1230,8 +1219,8 @@ export declare const useFormViewerStore: () => {
                     title?: string | undefined;
                     description?: string | undefined;
                     icon?: string | undefined;
-                    placeholder?: string | undefined;
                     required?: boolean | undefined;
+                    placeholder?: string | undefined;
                     variableName?: string | undefined;
                 } | {
                     id: string;
@@ -1239,23 +1228,23 @@ export declare const useFormViewerStore: () => {
                     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";
@@ -1272,81 +1261,92 @@ export declare const useFormViewerStore: () => {
                     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;
                     container?: {
                         color?: string | undefined;
+                        blur?: number | undefined;
                         opacity?: number | undefined;
                         backgroundImage?: string | undefined;
-                        blur?: number | undefined;
                         shadowSize?: number | undefined;
                         shadowColor?: string | undefined;
                     } | undefined;
-                    borderRadius?: "sm" | "md" | "lg" | 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;
@@ -1355,3 +1355,4 @@ export declare const useFormViewerStore: () => {
         resetActiveStep: () => void;
     };
 };
+//# sourceMappingURL=formStore.d.ts.map