npm - @frankieone/one-sdk - Versions diffs - 1.7.7 → 1.7.9-rc - Mend

@frankieone/one-sdk 1.7.7 → 1.7.9-rc

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 (362) hide show

package/dist/esm/modules/form/vendors/react/hooks/useManualWrapperFactory.hook.d.ts CHANGED Viewed

@@ -6,12 +6,14 @@ export declare const useManualFactory: () => {
         title: {
             label: string;
             icon?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
         } | {
             label: string;
             icon?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
@@ -23,10 +25,11 @@ export declare const useManualFactory: () => {
             focus: boolean;
             icon: string;
             label?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
-            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID";
+            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "NATIONAL_ID";
             postIcon?: string;
         } | {
             subtitle: string;
@@ -34,11 +37,12 @@ export declare const useManualFactory: () => {
             focus: boolean;
             icon: string;
             label?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
             image: string;
-            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID";
+            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "NATIONAL_ID";
             postIcon?: string;
         } | {
             subtitle: string;
@@ -46,10 +50,11 @@ export declare const useManualFactory: () => {
             focus: boolean;
             icon: string;
             label?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
-            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID";
+            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "NATIONAL_ID";
             postIcon?: string;
             countries: import("../appConfig.type").CountryConfig<import("../appConfig.type").InputConfigType, import("../appConfig.type").FormFieldConfigProps>;
         } | {
@@ -58,15 +63,16 @@ export declare const useManualFactory: () => {
             focus: boolean;
             icon: string;
             label?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
             image: string;
-            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID";
+            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "NATIONAL_ID";
             postIcon?: string;
             countries: import("../appConfig.type").CountryConfig<import("../appConfig.type").InputConfigType, import("../appConfig.type").FormFieldConfigProps>;
         })[];
-        name: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "DOCUMENT" | "RETRY";
+        name: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "NATIONAL_ID" | "DOCUMENT" | "RETRY";
         url?: string;
         mode: import("../../../definition").ConfigMode;
         subtitle?: import("../appConfig.type").Content<import("../appConfig.type").ConfigNames>;
@@ -78,12 +84,14 @@ export declare const useManualFactory: () => {
         title: {
             label: string;
             icon?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
         } | {
             label: string;
             icon?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
@@ -95,10 +103,11 @@ export declare const useManualFactory: () => {
             focus: boolean;
             icon: string;
             label?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
-            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID";
+            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "NATIONAL_ID";
             postIcon?: string;
         } | {
             subtitle: string;
@@ -106,11 +115,12 @@ export declare const useManualFactory: () => {
             focus: boolean;
             icon: string;
             label?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
             image: string;
-            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID";
+            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "NATIONAL_ID";
             postIcon?: string;
         } | {
             subtitle: string;
@@ -118,10 +128,11 @@ export declare const useManualFactory: () => {
             focus: boolean;
             icon: string;
             label?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
-            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID";
+            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "NATIONAL_ID";
             postIcon?: string;
             countries: import("../appConfig.type").CountryConfig<import("../appConfig.type").InputConfigType, import("../appConfig.type").FormFieldConfigProps>;
         } | {
@@ -130,15 +141,16 @@ export declare const useManualFactory: () => {
             focus: boolean;
             icon: string;
             label?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
             image: string;
-            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID";
+            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "NATIONAL_ID";
             postIcon?: string;
             countries: import("../appConfig.type").CountryConfig<import("../appConfig.type").InputConfigType, import("../appConfig.type").FormFieldConfigProps>;
         })[];
-        name: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "DOCUMENT" | "RETRY";
+        name: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "NATIONAL_ID" | "DOCUMENT" | "RETRY";
         url?: string;
         mode: import("../../../definition").ConfigMode;
         subtitle?: import("../appConfig.type").Content<import("../appConfig.type").ConfigNames>;
@@ -151,12 +163,14 @@ export declare const useManualFactory: () => {
         title: {
             label: string;
             icon?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
         } | {
             label: string;
             icon?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
@@ -168,10 +182,11 @@ export declare const useManualFactory: () => {
             focus: boolean;
             icon: string;
             label?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
-            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID";
+            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "NATIONAL_ID";
             postIcon?: string;
         } | {
             subtitle: string;
@@ -179,11 +194,12 @@ export declare const useManualFactory: () => {
             focus: boolean;
             icon: string;
             label?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
             image: string;
-            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID";
+            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "NATIONAL_ID";
             postIcon?: string;
         } | {
             subtitle: string;
@@ -191,10 +207,11 @@ export declare const useManualFactory: () => {
             focus: boolean;
             icon: string;
             label?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
-            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID";
+            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "NATIONAL_ID";
             postIcon?: string;
             countries: import("../appConfig.type").CountryConfig<import("../appConfig.type").InputConfigType, import("../appConfig.type").FormFieldConfigProps>;
         } | {
@@ -203,15 +220,16 @@ export declare const useManualFactory: () => {
             focus: boolean;
             icon: string;
             label?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
             image: string;
-            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID";
+            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "NATIONAL_ID";
             postIcon?: string;
             countries: import("../appConfig.type").CountryConfig<import("../appConfig.type").InputConfigType, import("../appConfig.type").FormFieldConfigProps>;
         })[];
-        name: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "DOCUMENT" | "RETRY";
+        name: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "NATIONAL_ID" | "DOCUMENT" | "RETRY";
         url?: string;
         mode: import("../../../definition").ConfigMode;
         subtitle?: import("../appConfig.type").Content<import("../appConfig.type").ConfigNames>;
@@ -226,12 +244,14 @@ export declare const useManualFactory: () => {
         title: {
             label: string;
             icon?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
         } | {
             label: string;
             icon?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
@@ -243,10 +263,11 @@ export declare const useManualFactory: () => {
             focus: boolean;
             icon: string;
             label?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
-            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID";
+            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "NATIONAL_ID";
             postIcon?: string;
         } | {
             subtitle: string;
@@ -254,11 +275,12 @@ export declare const useManualFactory: () => {
             focus: boolean;
             icon: string;
             label?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
             image: string;
-            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID";
+            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "NATIONAL_ID";
             postIcon?: string;
         } | {
             subtitle: string;
@@ -266,10 +288,11 @@ export declare const useManualFactory: () => {
             focus: boolean;
             icon: string;
             label?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
-            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID";
+            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "NATIONAL_ID";
             postIcon?: string;
             countries: import("../appConfig.type").CountryConfig<import("../appConfig.type").InputConfigType, import("../appConfig.type").FormFieldConfigProps>;
         } | {
@@ -278,15 +301,16 @@ export declare const useManualFactory: () => {
             focus: boolean;
             icon: string;
             label?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
             image: string;
-            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID";
+            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "NATIONAL_ID";
             postIcon?: string;
             countries: import("../appConfig.type").CountryConfig<import("../appConfig.type").InputConfigType, import("../appConfig.type").FormFieldConfigProps>;
         })[];
-        name: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "DOCUMENT" | "RETRY";
+        name: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "NATIONAL_ID" | "DOCUMENT" | "RETRY";
         url?: string;
         mode: import("../../../definition").ConfigMode;
         subtitle?: import("../appConfig.type").Content<import("../appConfig.type").ConfigNames>;
@@ -300,12 +324,14 @@ export declare const useManualFactory: () => {
         title: {
             label: string;
             icon?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
         } | {
             label: string;
             icon?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
@@ -317,10 +343,11 @@ export declare const useManualFactory: () => {
             focus: boolean;
             icon: string;
             label?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
-            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID";
+            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "NATIONAL_ID";
             postIcon?: string;
         } | {
             subtitle: string;
@@ -328,11 +355,12 @@ export declare const useManualFactory: () => {
             focus: boolean;
             icon: string;
             label?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
             image: string;
-            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID";
+            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "NATIONAL_ID";
             postIcon?: string;
         } | {
             subtitle: string;
@@ -340,10 +368,11 @@ export declare const useManualFactory: () => {
             focus: boolean;
             icon: string;
             label?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
-            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID";
+            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "NATIONAL_ID";
             postIcon?: string;
             countries: import("../appConfig.type").CountryConfig<import("../appConfig.type").InputConfigType, import("../appConfig.type").FormFieldConfigProps>;
         } | {
@@ -352,15 +381,16 @@ export declare const useManualFactory: () => {
             focus: boolean;
             icon: string;
             label?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
             image: string;
-            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID";
+            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "NATIONAL_ID";
             postIcon?: string;
             countries: import("../appConfig.type").CountryConfig<import("../appConfig.type").InputConfigType, import("../appConfig.type").FormFieldConfigProps>;
         })[];
-        name: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "DOCUMENT" | "RETRY";
+        name: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "NATIONAL_ID" | "DOCUMENT" | "RETRY";
         url?: string;
         mode: import("../../../definition").ConfigMode;
         subtitle?: import("../appConfig.type").Content<import("../appConfig.type").ConfigNames>;
@@ -375,12 +405,14 @@ export declare const useManualFactory: () => {
         title: {
             label: string;
             icon?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
         } | {
             label: string;
             icon?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
@@ -392,10 +424,11 @@ export declare const useManualFactory: () => {
             focus: boolean;
             icon: string;
             label?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
-            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID";
+            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "NATIONAL_ID";
             postIcon?: string;
         } | {
             subtitle: string;
@@ -403,11 +436,12 @@ export declare const useManualFactory: () => {
             focus: boolean;
             icon: string;
             label?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
             image: string;
-            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID";
+            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "NATIONAL_ID";
             postIcon?: string;
         } | {
             subtitle: string;
@@ -415,10 +449,11 @@ export declare const useManualFactory: () => {
             focus: boolean;
             icon: string;
             label?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
-            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID";
+            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "NATIONAL_ID";
             postIcon?: string;
             countries: import("../appConfig.type").CountryConfig<import("../appConfig.type").InputConfigType, import("../appConfig.type").FormFieldConfigProps>;
         } | {
@@ -427,15 +462,16 @@ export declare const useManualFactory: () => {
             focus: boolean;
             icon: string;
             label?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
             image: string;
-            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID";
+            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "NATIONAL_ID";
             postIcon?: string;
             countries: import("../appConfig.type").CountryConfig<import("../appConfig.type").InputConfigType, import("../appConfig.type").FormFieldConfigProps>;
         })[];
-        name: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "DOCUMENT" | "RETRY";
+        name: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "NATIONAL_ID" | "DOCUMENT" | "RETRY";
         url?: string;
         mode: import("../../../definition").ConfigMode;
         subtitle?: import("../appConfig.type").Content<import("../appConfig.type").ConfigNames>;
@@ -450,12 +486,14 @@ export declare const useManualFactory: () => {
         title: {
             label: string;
             icon?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
         } | {
             label: string;
             icon?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
@@ -467,10 +505,11 @@ export declare const useManualFactory: () => {
             focus: boolean;
             icon: string;
             label?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
-            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID";
+            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "NATIONAL_ID";
             postIcon?: string;
         } | {
             subtitle: string;
@@ -478,11 +517,12 @@ export declare const useManualFactory: () => {
             focus: boolean;
             icon: string;
             label?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
             image: string;
-            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID";
+            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "NATIONAL_ID";
             postIcon?: string;
         } | {
             subtitle: string;
@@ -490,10 +530,11 @@ export declare const useManualFactory: () => {
             focus: boolean;
             icon: string;
             label?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
-            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID";
+            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "NATIONAL_ID";
             postIcon?: string;
             countries: import("../appConfig.type").CountryConfig<import("../appConfig.type").InputConfigType, import("../appConfig.type").FormFieldConfigProps>;
         } | {
@@ -502,15 +543,16 @@ export declare const useManualFactory: () => {
             focus: boolean;
             icon: string;
             label?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
             image: string;
-            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID";
+            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "NATIONAL_ID";
             postIcon?: string;
             countries: import("../appConfig.type").CountryConfig<import("../appConfig.type").InputConfigType, import("../appConfig.type").FormFieldConfigProps>;
         })[];
-        name: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "DOCUMENT" | "RETRY";
+        name: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "NATIONAL_ID" | "DOCUMENT" | "RETRY";
         url?: string;
         mode: import("../../../definition").ConfigMode;
         subtitle?: import("../appConfig.type").Content<import("../appConfig.type").ConfigNames>;
@@ -524,12 +566,14 @@ export declare const useManualFactory: () => {
         title: {
             label: string;
             icon?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
         } | {
             label: string;
             icon?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
@@ -541,10 +585,11 @@ export declare const useManualFactory: () => {
             focus: boolean;
             icon: string;
             label?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
-            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID";
+            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "NATIONAL_ID";
             postIcon?: string;
         } | {
             subtitle: string;
@@ -552,11 +597,12 @@ export declare const useManualFactory: () => {
             focus: boolean;
             icon: string;
             label?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
             image: string;
-            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID";
+            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "NATIONAL_ID";
             postIcon?: string;
         } | {
             subtitle: string;
@@ -564,10 +610,11 @@ export declare const useManualFactory: () => {
             focus: boolean;
             icon: string;
             label?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
-            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID";
+            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "NATIONAL_ID";
             postIcon?: string;
             countries: import("../appConfig.type").CountryConfig<import("../appConfig.type").InputConfigType, import("../appConfig.type").FormFieldConfigProps>;
         } | {
@@ -576,15 +623,16 @@ export declare const useManualFactory: () => {
             focus: boolean;
             icon: string;
             label?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
             image: string;
-            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID";
+            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "NATIONAL_ID";
             postIcon?: string;
             countries: import("../appConfig.type").CountryConfig<import("../appConfig.type").InputConfigType, import("../appConfig.type").FormFieldConfigProps>;
         })[];
-        name: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "DOCUMENT" | "RETRY";
+        name: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "NATIONAL_ID" | "DOCUMENT" | "RETRY";
         url?: string;
         mode: import("../../../definition").ConfigMode;
         subtitle?: import("../appConfig.type").Content<import("../appConfig.type").ConfigNames>;
@@ -599,12 +647,14 @@ export declare const useManualFactory: () => {
         title: {
             label: string;
             icon?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
         } | {
             label: string;
             icon?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
@@ -616,10 +666,11 @@ export declare const useManualFactory: () => {
             focus: boolean;
             icon: string;
             label?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
-            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID";
+            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "NATIONAL_ID";
             postIcon?: string;
         } | {
             subtitle: string;
@@ -627,11 +678,12 @@ export declare const useManualFactory: () => {
             focus: boolean;
             icon: string;
             label?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
             image: string;
-            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID";
+            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "NATIONAL_ID";
             postIcon?: string;
         } | {
             subtitle: string;
@@ -639,10 +691,11 @@ export declare const useManualFactory: () => {
             focus: boolean;
             icon: string;
             label?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
-            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID";
+            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "NATIONAL_ID";
             postIcon?: string;
             countries: import("../appConfig.type").CountryConfig<import("../appConfig.type").InputConfigType, import("../appConfig.type").FormFieldConfigProps>;
         } | {
@@ -651,15 +704,16 @@ export declare const useManualFactory: () => {
             focus: boolean;
             icon: string;
             label?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
             image: string;
-            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID";
+            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "NATIONAL_ID";
             postIcon?: string;
             countries: import("../appConfig.type").CountryConfig<import("../appConfig.type").InputConfigType, import("../appConfig.type").FormFieldConfigProps>;
         })[];
-        name: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "DOCUMENT" | "RETRY";
+        name: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "NATIONAL_ID" | "DOCUMENT" | "RETRY";
         url?: string;
         mode: import("../../../definition").ConfigMode;
         subtitle?: import("../appConfig.type").Content<import("../appConfig.type").ConfigNames>;
@@ -676,12 +730,14 @@ export declare const useManualFactory: () => {
         title: {
             label: string;
             icon?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
         } | {
             label: string;
             icon?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
@@ -693,10 +749,11 @@ export declare const useManualFactory: () => {
             focus: boolean;
             icon: string;
             label?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
-            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID";
+            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "NATIONAL_ID";
             postIcon?: string;
         } | {
             subtitle: string;
@@ -704,11 +761,12 @@ export declare const useManualFactory: () => {
             focus: boolean;
             icon: string;
             label?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
             image: string;
-            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID";
+            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "NATIONAL_ID";
             postIcon?: string;
         } | {
             subtitle: string;
@@ -716,10 +774,11 @@ export declare const useManualFactory: () => {
             focus: boolean;
             icon: string;
             label?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
-            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID";
+            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "NATIONAL_ID";
             postIcon?: string;
             countries: import("../appConfig.type").CountryConfig<import("../appConfig.type").InputConfigType, import("../appConfig.type").FormFieldConfigProps>;
         } | {
@@ -728,15 +787,16 @@ export declare const useManualFactory: () => {
             focus: boolean;
             icon: string;
             label?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
             image: string;
-            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID";
+            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "NATIONAL_ID";
             postIcon?: string;
             countries: import("../appConfig.type").CountryConfig<import("../appConfig.type").InputConfigType, import("../appConfig.type").FormFieldConfigProps>;
         })[];
-        name: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "DOCUMENT" | "RETRY";
+        name: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "NATIONAL_ID" | "DOCUMENT" | "RETRY";
         url?: string;
         mode: import("../../../definition").ConfigMode;
         subtitle?: import("../appConfig.type").Content<import("../appConfig.type").ConfigNames>;
@@ -752,12 +812,14 @@ export declare const useManualFactory: () => {
         title: {
             label: string;
             icon?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
         } | {
             label: string;
             icon?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
@@ -769,10 +831,11 @@ export declare const useManualFactory: () => {
             focus: boolean;
             icon: string;
             label?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
-            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID";
+            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "NATIONAL_ID";
             postIcon?: string;
         } | {
             subtitle: string;
@@ -780,11 +843,12 @@ export declare const useManualFactory: () => {
             focus: boolean;
             icon: string;
             label?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
             image: string;
-            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID";
+            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "NATIONAL_ID";
             postIcon?: string;
         } | {
             subtitle: string;
@@ -792,10 +856,11 @@ export declare const useManualFactory: () => {
             focus: boolean;
             icon: string;
             label?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
-            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID";
+            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "NATIONAL_ID";
             postIcon?: string;
             countries: import("../appConfig.type").CountryConfig<import("../appConfig.type").InputConfigType, import("../appConfig.type").FormFieldConfigProps>;
         } | {
@@ -804,15 +869,16 @@ export declare const useManualFactory: () => {
             focus: boolean;
             icon: string;
             label?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
             image: string;
-            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID";
+            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "NATIONAL_ID";
             postIcon?: string;
             countries: import("../appConfig.type").CountryConfig<import("../appConfig.type").InputConfigType, import("../appConfig.type").FormFieldConfigProps>;
         })[];
-        name: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "DOCUMENT" | "RETRY";
+        name: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "NATIONAL_ID" | "DOCUMENT" | "RETRY";
         url?: string;
         mode: import("../../../definition").ConfigMode;
         subtitle?: import("../appConfig.type").Content<import("../appConfig.type").ConfigNames>;
@@ -829,12 +895,14 @@ export declare const useManualFactory: () => {
         title: {
             label: string;
             icon?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
         } | {
             label: string;
             icon?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
@@ -846,10 +914,11 @@ export declare const useManualFactory: () => {
             focus: boolean;
             icon: string;
             label?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
-            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID";
+            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "NATIONAL_ID";
             postIcon?: string;
         } | {
             subtitle: string;
@@ -857,11 +926,12 @@ export declare const useManualFactory: () => {
             focus: boolean;
             icon: string;
             label?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
             image: string;
-            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID";
+            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "NATIONAL_ID";
             postIcon?: string;
         } | {
             subtitle: string;
@@ -869,10 +939,11 @@ export declare const useManualFactory: () => {
             focus: boolean;
             icon: string;
             label?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
-            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID";
+            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "NATIONAL_ID";
             postIcon?: string;
             countries: import("../appConfig.type").CountryConfig<import("../appConfig.type").InputConfigType, import("../appConfig.type").FormFieldConfigProps>;
         } | {
@@ -881,15 +952,16 @@ export declare const useManualFactory: () => {
             focus: boolean;
             icon: string;
             label?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
             image: string;
-            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID";
+            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "NATIONAL_ID";
             postIcon?: string;
             countries: import("../appConfig.type").CountryConfig<import("../appConfig.type").InputConfigType, import("../appConfig.type").FormFieldConfigProps>;
         })[];
-        name: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "DOCUMENT" | "RETRY";
+        name: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "NATIONAL_ID" | "DOCUMENT" | "RETRY";
         url?: string;
         mode: import("../../../definition").ConfigMode;
         subtitle?: import("../appConfig.type").Content<import("../appConfig.type").ConfigNames>;
@@ -907,12 +979,14 @@ export declare const useManualFactory: () => {
         title: {
             label: string;
             icon?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
         } | {
             label: string;
             icon?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
@@ -924,10 +998,11 @@ export declare const useManualFactory: () => {
             focus: boolean;
             icon: string;
             label?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
-            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID";
+            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "NATIONAL_ID";
             postIcon?: string;
         } | {
             subtitle: string;
@@ -935,11 +1010,12 @@ export declare const useManualFactory: () => {
             focus: boolean;
             icon: string;
             label?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
             image: string;
-            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID";
+            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "NATIONAL_ID";
             postIcon?: string;
         } | {
             subtitle: string;
@@ -947,10 +1023,11 @@ export declare const useManualFactory: () => {
             focus: boolean;
             icon: string;
             label?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
-            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID";
+            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "NATIONAL_ID";
             postIcon?: string;
             countries: import("../appConfig.type").CountryConfig<import("../appConfig.type").InputConfigType, import("../appConfig.type").FormFieldConfigProps>;
         } | {
@@ -959,15 +1036,16 @@ export declare const useManualFactory: () => {
             focus: boolean;
             icon: string;
             label?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
             image: string;
-            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID";
+            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "NATIONAL_ID";
             postIcon?: string;
             countries: import("../appConfig.type").CountryConfig<import("../appConfig.type").InputConfigType, import("../appConfig.type").FormFieldConfigProps>;
         })[];
-        name: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "DOCUMENT" | "RETRY";
+        name: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "NATIONAL_ID" | "DOCUMENT" | "RETRY";
         url?: string;
         mode: import("../../../definition").ConfigMode;
         subtitle?: import("../appConfig.type").Content<import("../appConfig.type").ConfigNames>;
@@ -979,12 +1057,14 @@ export declare const useManualFactory: () => {
         title: {
             label: string;
             icon?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
         } | {
             label: string;
             icon?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
@@ -996,10 +1076,11 @@ export declare const useManualFactory: () => {
             focus: boolean;
             icon: string;
             label?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
-            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID";
+            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "NATIONAL_ID";
             postIcon?: string;
         } | {
             subtitle: string;
@@ -1007,11 +1088,12 @@ export declare const useManualFactory: () => {
             focus: boolean;
             icon: string;
             label?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
             image: string;
-            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID";
+            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "NATIONAL_ID";
             postIcon?: string;
         } | {
             subtitle: string;
@@ -1019,10 +1101,11 @@ export declare const useManualFactory: () => {
             focus: boolean;
             icon: string;
             label?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
-            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID";
+            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "NATIONAL_ID";
             postIcon?: string;
             countries: import("../appConfig.type").CountryConfig<import("../appConfig.type").InputConfigType, import("../appConfig.type").FormFieldConfigProps>;
         } | {
@@ -1031,15 +1114,16 @@ export declare const useManualFactory: () => {
             focus: boolean;
             icon: string;
             label?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
             image: string;
-            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID";
+            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "NATIONAL_ID";
             postIcon?: string;
             countries: import("../appConfig.type").CountryConfig<import("../appConfig.type").InputConfigType, import("../appConfig.type").FormFieldConfigProps>;
         })[];
-        name: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "DOCUMENT" | "RETRY";
+        name: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "NATIONAL_ID" | "DOCUMENT" | "RETRY";
         url?: string;
         mode: import("../../../definition").ConfigMode;
         subtitle?: import("../appConfig.type").Content<import("../appConfig.type").ConfigNames>;
@@ -1052,12 +1136,14 @@ export declare const useManualFactory: () => {
         title: {
             label: string;
             icon?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
         } | {
             label: string;
             icon?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
@@ -1069,10 +1155,11 @@ export declare const useManualFactory: () => {
             focus: boolean;
             icon: string;
             label?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
-            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID";
+            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "NATIONAL_ID";
             postIcon?: string;
         } | {
             subtitle: string;
@@ -1080,11 +1167,12 @@ export declare const useManualFactory: () => {
             focus: boolean;
             icon: string;
             label?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
             image: string;
-            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID";
+            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "NATIONAL_ID";
             postIcon?: string;
         } | {
             subtitle: string;
@@ -1092,10 +1180,11 @@ export declare const useManualFactory: () => {
             focus: boolean;
             icon: string;
             label?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
-            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID";
+            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "NATIONAL_ID";
             postIcon?: string;
             countries: import("../appConfig.type").CountryConfig<import("../appConfig.type").InputConfigType, import("../appConfig.type").FormFieldConfigProps>;
         } | {
@@ -1104,15 +1193,16 @@ export declare const useManualFactory: () => {
             focus: boolean;
             icon: string;
             label?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
             image: string;
-            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID";
+            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "NATIONAL_ID";
             postIcon?: string;
             countries: import("../appConfig.type").CountryConfig<import("../appConfig.type").InputConfigType, import("../appConfig.type").FormFieldConfigProps>;
         })[];
-        name: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "DOCUMENT" | "RETRY";
+        name: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "NATIONAL_ID" | "DOCUMENT" | "RETRY";
         url?: string;
         mode: import("../../../definition").ConfigMode;
         subtitle?: import("../appConfig.type").Content<import("../appConfig.type").ConfigNames>;
@@ -1127,12 +1217,14 @@ export declare const useManualFactory: () => {
         title: {
             label: string;
             icon?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
         } | {
             label: string;
             icon?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
@@ -1144,10 +1236,11 @@ export declare const useManualFactory: () => {
             focus: boolean;
             icon: string;
             label?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
-            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID";
+            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "NATIONAL_ID";
             postIcon?: string;
         } | {
             subtitle: string;
@@ -1155,11 +1248,12 @@ export declare const useManualFactory: () => {
             focus: boolean;
             icon: string;
             label?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
             image: string;
-            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID";
+            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "NATIONAL_ID";
             postIcon?: string;
         } | {
             subtitle: string;
@@ -1167,10 +1261,11 @@ export declare const useManualFactory: () => {
             focus: boolean;
             icon: string;
             label?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
-            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID";
+            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "NATIONAL_ID";
             postIcon?: string;
             countries: import("../appConfig.type").CountryConfig<import("../appConfig.type").InputConfigType, import("../appConfig.type").FormFieldConfigProps>;
         } | {
@@ -1179,15 +1274,16 @@ export declare const useManualFactory: () => {
             focus: boolean;
             icon: string;
             label?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
             image: string;
-            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID";
+            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "NATIONAL_ID";
             postIcon?: string;
             countries: import("../appConfig.type").CountryConfig<import("../appConfig.type").InputConfigType, import("../appConfig.type").FormFieldConfigProps>;
         })[];
-        name: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "DOCUMENT" | "RETRY";
+        name: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "NATIONAL_ID" | "DOCUMENT" | "RETRY";
         url?: string;
         mode: import("../../../definition").ConfigMode;
         subtitle?: import("../appConfig.type").Content<import("../appConfig.type").ConfigNames>;
@@ -1201,12 +1297,14 @@ export declare const useManualFactory: () => {
         title: {
             label: string;
             icon?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
         } | {
             label: string;
             icon?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
@@ -1218,10 +1316,11 @@ export declare const useManualFactory: () => {
             focus: boolean;
             icon: string;
             label?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
-            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID";
+            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "NATIONAL_ID";
             postIcon?: string;
         } | {
             subtitle: string;
@@ -1229,11 +1328,12 @@ export declare const useManualFactory: () => {
             focus: boolean;
             icon: string;
             label?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
             image: string;
-            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID";
+            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "NATIONAL_ID";
             postIcon?: string;
         } | {
             subtitle: string;
@@ -1241,10 +1341,11 @@ export declare const useManualFactory: () => {
             focus: boolean;
             icon: string;
             label?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
-            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID";
+            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "NATIONAL_ID";
             postIcon?: string;
             countries: import("../appConfig.type").CountryConfig<import("../appConfig.type").InputConfigType, import("../appConfig.type").FormFieldConfigProps>;
         } | {
@@ -1253,15 +1354,16 @@ export declare const useManualFactory: () => {
             focus: boolean;
             icon: string;
             label?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
             image: string;
-            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID";
+            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "NATIONAL_ID";
             postIcon?: string;
             countries: import("../appConfig.type").CountryConfig<import("../appConfig.type").InputConfigType, import("../appConfig.type").FormFieldConfigProps>;
         })[];
-        name: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "DOCUMENT" | "RETRY";
+        name: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "NATIONAL_ID" | "DOCUMENT" | "RETRY";
         url?: string;
         mode: import("../../../definition").ConfigMode;
         subtitle?: import("../appConfig.type").Content<import("../appConfig.type").ConfigNames>;
@@ -1276,12 +1378,14 @@ export declare const useManualFactory: () => {
         title: {
             label: string;
             icon?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
         } | {
             label: string;
             icon?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
@@ -1293,10 +1397,11 @@ export declare const useManualFactory: () => {
             focus: boolean;
             icon: string;
             label?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
-            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID";
+            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "NATIONAL_ID";
             postIcon?: string;
         } | {
             subtitle: string;
@@ -1304,11 +1409,12 @@ export declare const useManualFactory: () => {
             focus: boolean;
             icon: string;
             label?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
             image: string;
-            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID";
+            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "NATIONAL_ID";
             postIcon?: string;
         } | {
             subtitle: string;
@@ -1316,10 +1422,11 @@ export declare const useManualFactory: () => {
             focus: boolean;
             icon: string;
             label?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
-            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID";
+            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "NATIONAL_ID";
             postIcon?: string;
             countries: import("../appConfig.type").CountryConfig<import("../appConfig.type").InputConfigType, import("../appConfig.type").FormFieldConfigProps>;
         } | {
@@ -1328,15 +1435,16 @@ export declare const useManualFactory: () => {
             focus: boolean;
             icon: string;
             label?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
             image: string;
-            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID";
+            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "NATIONAL_ID";
             postIcon?: string;
             countries: import("../appConfig.type").CountryConfig<import("../appConfig.type").InputConfigType, import("../appConfig.type").FormFieldConfigProps>;
         })[];
-        name: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "DOCUMENT" | "RETRY";
+        name: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "NATIONAL_ID" | "DOCUMENT" | "RETRY";
         url?: string;
         mode: import("../../../definition").ConfigMode;
         subtitle?: import("../appConfig.type").Content<import("../appConfig.type").ConfigNames>;
@@ -1351,12 +1459,14 @@ export declare const useManualFactory: () => {
         title: {
             label: string;
             icon?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
         } | {
             label: string;
             icon?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
@@ -1368,10 +1478,11 @@ export declare const useManualFactory: () => {
             focus: boolean;
             icon: string;
             label?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
-            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID";
+            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "NATIONAL_ID";
             postIcon?: string;
         } | {
             subtitle: string;
@@ -1379,11 +1490,12 @@ export declare const useManualFactory: () => {
             focus: boolean;
             icon: string;
             label?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
             image: string;
-            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID";
+            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "NATIONAL_ID";
             postIcon?: string;
         } | {
             subtitle: string;
@@ -1391,10 +1503,11 @@ export declare const useManualFactory: () => {
             focus: boolean;
             icon: string;
             label?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
-            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID";
+            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "NATIONAL_ID";
             postIcon?: string;
             countries: import("../appConfig.type").CountryConfig<import("../appConfig.type").InputConfigType, import("../appConfig.type").FormFieldConfigProps>;
         } | {
@@ -1403,15 +1516,16 @@ export declare const useManualFactory: () => {
             focus: boolean;
             icon: string;
             label?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
             image: string;
-            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID";
+            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "NATIONAL_ID";
             postIcon?: string;
             countries: import("../appConfig.type").CountryConfig<import("../appConfig.type").InputConfigType, import("../appConfig.type").FormFieldConfigProps>;
         })[];
-        name: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "DOCUMENT" | "RETRY";
+        name: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "NATIONAL_ID" | "DOCUMENT" | "RETRY";
         url?: string;
         mode: import("../../../definition").ConfigMode;
         subtitle?: import("../appConfig.type").Content<import("../appConfig.type").ConfigNames>;
@@ -1425,12 +1539,14 @@ export declare const useManualFactory: () => {
         title: {
             label: string;
             icon?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
         } | {
             label: string;
             icon?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
@@ -1442,10 +1558,11 @@ export declare const useManualFactory: () => {
             focus: boolean;
             icon: string;
             label?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
-            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID";
+            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "NATIONAL_ID";
             postIcon?: string;
         } | {
             subtitle: string;
@@ -1453,11 +1570,12 @@ export declare const useManualFactory: () => {
             focus: boolean;
             icon: string;
             label?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
             image: string;
-            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID";
+            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "NATIONAL_ID";
             postIcon?: string;
         } | {
             subtitle: string;
@@ -1465,10 +1583,11 @@ export declare const useManualFactory: () => {
             focus: boolean;
             icon: string;
             label?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
-            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID";
+            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "NATIONAL_ID";
             postIcon?: string;
             countries: import("../appConfig.type").CountryConfig<import("../appConfig.type").InputConfigType, import("../appConfig.type").FormFieldConfigProps>;
         } | {
@@ -1477,15 +1596,16 @@ export declare const useManualFactory: () => {
             focus: boolean;
             icon: string;
             label?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
             image: string;
-            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID";
+            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "NATIONAL_ID";
             postIcon?: string;
             countries: import("../appConfig.type").CountryConfig<import("../appConfig.type").InputConfigType, import("../appConfig.type").FormFieldConfigProps>;
         })[];
-        name: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "DOCUMENT" | "RETRY";
+        name: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "NATIONAL_ID" | "DOCUMENT" | "RETRY";
         url?: string;
         mode: import("../../../definition").ConfigMode;
         subtitle?: import("../appConfig.type").Content<import("../appConfig.type").ConfigNames>;
@@ -1500,12 +1620,14 @@ export declare const useManualFactory: () => {
         title: {
             label: string;
             icon?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
         } | {
             label: string;
             icon?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
@@ -1517,10 +1639,11 @@ export declare const useManualFactory: () => {
             focus: boolean;
             icon: string;
             label?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
-            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID";
+            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "NATIONAL_ID";
             postIcon?: string;
         } | {
             subtitle: string;
@@ -1528,11 +1651,12 @@ export declare const useManualFactory: () => {
             focus: boolean;
             icon: string;
             label?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
             image: string;
-            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID";
+            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "NATIONAL_ID";
             postIcon?: string;
         } | {
             subtitle: string;
@@ -1540,10 +1664,11 @@ export declare const useManualFactory: () => {
             focus: boolean;
             icon: string;
             label?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
-            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID";
+            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "NATIONAL_ID";
             postIcon?: string;
             countries: import("../appConfig.type").CountryConfig<import("../appConfig.type").InputConfigType, import("../appConfig.type").FormFieldConfigProps>;
         } | {
@@ -1552,15 +1677,16 @@ export declare const useManualFactory: () => {
             focus: boolean;
             icon: string;
             label?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
             image: string;
-            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID";
+            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "NATIONAL_ID";
             postIcon?: string;
             countries: import("../appConfig.type").CountryConfig<import("../appConfig.type").InputConfigType, import("../appConfig.type").FormFieldConfigProps>;
         })[];
-        name: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "DOCUMENT" | "RETRY";
+        name: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "NATIONAL_ID" | "DOCUMENT" | "RETRY";
         url?: string;
         mode: import("../../../definition").ConfigMode;
         subtitle?: import("../appConfig.type").Content<import("../appConfig.type").ConfigNames>;
@@ -1577,12 +1703,14 @@ export declare const useManualFactory: () => {
         title: {
             label: string;
             icon?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
         } | {
             label: string;
             icon?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
@@ -1594,10 +1722,11 @@ export declare const useManualFactory: () => {
             focus: boolean;
             icon: string;
             label?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
-            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID";
+            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "NATIONAL_ID";
             postIcon?: string;
         } | {
             subtitle: string;
@@ -1605,11 +1734,12 @@ export declare const useManualFactory: () => {
             focus: boolean;
             icon: string;
             label?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
             image: string;
-            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID";
+            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "NATIONAL_ID";
             postIcon?: string;
         } | {
             subtitle: string;
@@ -1617,10 +1747,11 @@ export declare const useManualFactory: () => {
             focus: boolean;
             icon: string;
             label?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
-            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID";
+            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "NATIONAL_ID";
             postIcon?: string;
             countries: import("../appConfig.type").CountryConfig<import("../appConfig.type").InputConfigType, import("../appConfig.type").FormFieldConfigProps>;
         } | {
@@ -1629,15 +1760,16 @@ export declare const useManualFactory: () => {
             focus: boolean;
             icon: string;
             label?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
             image: string;
-            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID";
+            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "NATIONAL_ID";
             postIcon?: string;
             countries: import("../appConfig.type").CountryConfig<import("../appConfig.type").InputConfigType, import("../appConfig.type").FormFieldConfigProps>;
         })[];
-        name: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "DOCUMENT" | "RETRY";
+        name: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "NATIONAL_ID" | "DOCUMENT" | "RETRY";
         url?: string;
         mode: import("../../../definition").ConfigMode;
         subtitle?: import("../appConfig.type").Content<import("../appConfig.type").ConfigNames>;
@@ -1653,12 +1785,14 @@ export declare const useManualFactory: () => {
         title: {
             label: string;
             icon?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
         } | {
             label: string;
             icon?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
@@ -1670,10 +1804,11 @@ export declare const useManualFactory: () => {
             focus: boolean;
             icon: string;
             label?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
-            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID";
+            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "NATIONAL_ID";
             postIcon?: string;
         } | {
             subtitle: string;
@@ -1681,11 +1816,12 @@ export declare const useManualFactory: () => {
             focus: boolean;
             icon: string;
             label?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
             image: string;
-            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID";
+            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "NATIONAL_ID";
             postIcon?: string;
         } | {
             subtitle: string;
@@ -1693,10 +1829,11 @@ export declare const useManualFactory: () => {
             focus: boolean;
             icon: string;
             label?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
-            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID";
+            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "NATIONAL_ID";
             postIcon?: string;
             countries: import("../appConfig.type").CountryConfig<import("../appConfig.type").InputConfigType, import("../appConfig.type").FormFieldConfigProps>;
         } | {
@@ -1705,15 +1842,16 @@ export declare const useManualFactory: () => {
             focus: boolean;
             icon: string;
             label?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
             image: string;
-            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID";
+            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "NATIONAL_ID";
             postIcon?: string;
             countries: import("../appConfig.type").CountryConfig<import("../appConfig.type").InputConfigType, import("../appConfig.type").FormFieldConfigProps>;
         })[];
-        name: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "DOCUMENT" | "RETRY";
+        name: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "NATIONAL_ID" | "DOCUMENT" | "RETRY";
         url?: string;
         mode: import("../../../definition").ConfigMode;
         subtitle?: import("../appConfig.type").Content<import("../appConfig.type").ConfigNames>;
@@ -1730,12 +1868,14 @@ export declare const useManualFactory: () => {
         title: {
             label: string;
             icon?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
         } | {
             label: string;
             icon?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
@@ -1747,10 +1887,11 @@ export declare const useManualFactory: () => {
             focus: boolean;
             icon: string;
             label?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
-            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID";
+            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "NATIONAL_ID";
             postIcon?: string;
         } | {
             subtitle: string;
@@ -1758,11 +1899,12 @@ export declare const useManualFactory: () => {
             focus: boolean;
             icon: string;
             label?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
             image: string;
-            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID";
+            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "NATIONAL_ID";
             postIcon?: string;
         } | {
             subtitle: string;
@@ -1770,10 +1912,11 @@ export declare const useManualFactory: () => {
             focus: boolean;
             icon: string;
             label?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
-            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID";
+            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "NATIONAL_ID";
             postIcon?: string;
             countries: import("../appConfig.type").CountryConfig<import("../appConfig.type").InputConfigType, import("../appConfig.type").FormFieldConfigProps>;
         } | {
@@ -1782,15 +1925,16 @@ export declare const useManualFactory: () => {
             focus: boolean;
             icon: string;
             label?: string;
+            shortLabel?: string;
             subText?: string;
             style?: Partial<Record<import("../appConfig.type").ConfigCSSKeys.wrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.description, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructions, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documents, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkbox, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.label, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.title, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.subtitle, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.button, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.cancelButton, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.checkboxItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.descriptionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.instructionItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.documentItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.font, import("../appConfig.type").FontConfig>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.formField, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressWrapper, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.progressItem, import("react").CSSProperties>> | Partial<Record<import("../appConfig.type").ConfigCSSKeys.loading, import("react").CSSProperties>>;
             hidden?: boolean;
             image: string;
-            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID";
+            type: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "NATIONAL_ID";
             postIcon?: string;
             countries: import("../appConfig.type").CountryConfig<import("../appConfig.type").InputConfigType, import("../appConfig.type").FormFieldConfigProps>;
         })[];
-        name: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "DOCUMENT" | "RETRY";
+        name: "DRIVERS_LICENCE" | "PASSPORT" | "NATIONAL_HEALTH_ID" | "NATIONAL_ID" | "DOCUMENT" | "RETRY";
         url?: string;
         mode: import("../../../definition").ConfigMode;
         subtitle?: import("../appConfig.type").Content<import("../appConfig.type").ConfigNames>;