@designcrowd/library.brand-page 5.19.0 → 5.19.1-error-html2canvas-2

package/lib/src/shared/page-settings/components/page-settings-section-styles/PageSettingsSectionStyles.mixin.d.ts

@@ -1,6 +1,6 @@
 import type { PropType } from 'vue';
 import type { PageSectionStyleOption } from '@brand-page-maker/models/page-section-style.model';
-import type { NavigationStyleOptionValueChangeEvent, PageSettingsFontSettingsOption } from '../../models';
+import type { NavigationStyleOptionValueChangeEvent, PageSection, PageSettingsFontSettingsOption } from '../../models';
 import type { LogoTheme, NavigationDisplayType, LinksItem, HeaderDisplayStyle, FooterDisplayStyle, ViewportsType, NavigationDesktop, NavigationMobile, PageHeaderDesktop, PageHeaderMobile, PageFooterDesktop, PageFooterMobile, LogoImageModel, LogoViewModel } from '@brand-page';
 import type { ContentItemFieldSettings, UpdateItemValuePayload } from '../../../content-settings/models';
 import type { PageSettingsStateSectionStyles } from '../../store';
@@ -24,18 +24,18 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         required: true;
     };
     sectionName: {
-        type: PropType<"footer" | "header">;
+        type: PropType<PageSection>;
         required: true;
     };
     styleOptions: {
-        type: PropType<("logo" | "backgroundColor" | "displayStyle" | "socialLinks" | "iconColor" | "logoSize" | "copyright" | "fontSettings" | "headerDisplay" | "footerDisplay")[]>;
+        type: PropType<PageSectionStyleOption[]>;
         required: true;
     };
 }>, {
     sections: import("vue").ComputedRef<{
         header: {
             desktop: {
-                displayStyle: import("@brand-page").PageSectionDisplayStyle;
+                displayStyle: HeaderDisplayStyle;
                 navigationStyles?: {
                     displayType: NavigationDisplayType;
                     renderAfterLogo: boolean;
@@ -83,7 +83,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         transition?: string | undefined;
                         width?: string | undefined;
                         wordBreak?: string | undefined;
-                        textStyleType?: "buttons" | "titles" | "headings" | "paragraphs" | undefined;
+                        textStyleType?: import("@brand-page").TextStyleType | undefined;
                         applyAutoScale?: boolean | undefined;
                     };
                     selectedButtonStyle: {
@@ -223,7 +223,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             transition?: string | undefined;
                             width?: string | undefined;
                             wordBreak?: string | undefined;
-                            textStyleType?: "buttons" | "titles" | "headings" | "paragraphs" | undefined;
+                            textStyleType?: import("@brand-page").TextStyleType | undefined;
                             applyAutoScale?: boolean | undefined;
                         };
                         selectedButtonStyle: {
@@ -366,7 +366,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         transition?: string | undefined;
                         width?: string | undefined;
                         wordBreak?: string | undefined;
-                        textStyleType?: "buttons" | "titles" | "headings" | "paragraphs" | undefined;
+                        textStyleType?: import("@brand-page").TextStyleType | undefined;
                         applyAutoScale?: boolean | undefined;
                     };
                     selectedButtonStyle: {
@@ -506,7 +506,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             transition?: string | undefined;
                             width?: string | undefined;
                             wordBreak?: string | undefined;
-                            textStyleType?: "buttons" | "titles" | "headings" | "paragraphs" | undefined;
+                            textStyleType?: import("@brand-page").TextStyleType | undefined;
                             applyAutoScale?: boolean | undefined;
                         };
                         selectedButtonStyle: {
@@ -650,7 +650,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         transition?: string | undefined;
                         width?: string | undefined;
                         wordBreak?: string | undefined;
-                        textStyleType?: "buttons" | "titles" | "headings" | "paragraphs" | undefined;
+                        textStyleType?: import("@brand-page").TextStyleType | undefined;
                         applyAutoScale?: boolean | undefined;
                     };
                     selectedButtonStyle: {
@@ -790,7 +790,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             transition?: string | undefined;
                             width?: string | undefined;
                             wordBreak?: string | undefined;
-                            textStyleType?: "buttons" | "titles" | "headings" | "paragraphs" | undefined;
+                            textStyleType?: import("@brand-page").TextStyleType | undefined;
                             applyAutoScale?: boolean | undefined;
                         };
                         selectedButtonStyle: {
@@ -933,7 +933,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         transition?: string | undefined;
                         width?: string | undefined;
                         wordBreak?: string | undefined;
-                        textStyleType?: "buttons" | "titles" | "headings" | "paragraphs" | undefined;
+                        textStyleType?: import("@brand-page").TextStyleType | undefined;
                         applyAutoScale?: boolean | undefined;
                     };
                     selectedButtonStyle: {
@@ -1073,7 +1073,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             transition?: string | undefined;
                             width?: string | undefined;
                             wordBreak?: string | undefined;
-                            textStyleType?: "buttons" | "titles" | "headings" | "paragraphs" | undefined;
+                            textStyleType?: import("@brand-page").TextStyleType | undefined;
                             applyAutoScale?: boolean | undefined;
                         };
                         selectedButtonStyle: {
@@ -1224,7 +1224,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 logoVariation?: number | undefined;
                 logoImage: {
                     logoDraftToken: string;
-                    logoVariation: number;
+                    logoVariation: import("@brand-page").LogoVariation;
                     logoLastUpdate: string | undefined;
                 };
                 logoTemplateImage: {
@@ -1327,7 +1327,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 viewport: ViewportsType;
             };
             mobile: {
-                displayStyle: import("@brand-page").PageSectionDisplayStyle;
+                displayStyle: HeaderDisplayStyle;
                 navigationStyles?: {
                     displayType: NavigationDisplayType;
                     renderAfterLogo: boolean;
@@ -1375,7 +1375,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         transition?: string | undefined;
                         width?: string | undefined;
                         wordBreak?: string | undefined;
-                        textStyleType?: "buttons" | "titles" | "headings" | "paragraphs" | undefined;
+                        textStyleType?: import("@brand-page").TextStyleType | undefined;
                         applyAutoScale?: boolean | undefined;
                     };
                     selectedButtonStyle: {
@@ -1515,7 +1515,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             transition?: string | undefined;
                             width?: string | undefined;
                             wordBreak?: string | undefined;
-                            textStyleType?: "buttons" | "titles" | "headings" | "paragraphs" | undefined;
+                            textStyleType?: import("@brand-page").TextStyleType | undefined;
                             applyAutoScale?: boolean | undefined;
                         };
                         selectedButtonStyle: {
@@ -1658,7 +1658,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         transition?: string | undefined;
                         width?: string | undefined;
                         wordBreak?: string | undefined;
-                        textStyleType?: "buttons" | "titles" | "headings" | "paragraphs" | undefined;
+                        textStyleType?: import("@brand-page").TextStyleType | undefined;
                         applyAutoScale?: boolean | undefined;
                     };
                     selectedButtonStyle: {
@@ -1798,7 +1798,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             transition?: string | undefined;
                             width?: string | undefined;
                             wordBreak?: string | undefined;
-                            textStyleType?: "buttons" | "titles" | "headings" | "paragraphs" | undefined;
+                            textStyleType?: import("@brand-page").TextStyleType | undefined;
                             applyAutoScale?: boolean | undefined;
                         };
                         selectedButtonStyle: {
@@ -1942,7 +1942,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         transition?: string | undefined;
                         width?: string | undefined;
                         wordBreak?: string | undefined;
-                        textStyleType?: "buttons" | "titles" | "headings" | "paragraphs" | undefined;
+                        textStyleType?: import("@brand-page").TextStyleType | undefined;
                         applyAutoScale?: boolean | undefined;
                     };
                     selectedButtonStyle: {
@@ -2082,7 +2082,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             transition?: string | undefined;
                             width?: string | undefined;
                             wordBreak?: string | undefined;
-                            textStyleType?: "buttons" | "titles" | "headings" | "paragraphs" | undefined;
+                            textStyleType?: import("@brand-page").TextStyleType | undefined;
                             applyAutoScale?: boolean | undefined;
                         };
                         selectedButtonStyle: {
@@ -2225,7 +2225,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         transition?: string | undefined;
                         width?: string | undefined;
                         wordBreak?: string | undefined;
-                        textStyleType?: "buttons" | "titles" | "headings" | "paragraphs" | undefined;
+                        textStyleType?: import("@brand-page").TextStyleType | undefined;
                         applyAutoScale?: boolean | undefined;
                     };
                     selectedButtonStyle: {
@@ -2365,7 +2365,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             transition?: string | undefined;
                             width?: string | undefined;
                             wordBreak?: string | undefined;
-                            textStyleType?: "buttons" | "titles" | "headings" | "paragraphs" | undefined;
+                            textStyleType?: import("@brand-page").TextStyleType | undefined;
                             applyAutoScale?: boolean | undefined;
                         };
                         selectedButtonStyle: {
@@ -2516,7 +2516,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 logoVariation?: number | undefined;
                 logoImage: {
                     logoDraftToken: string;
-                    logoVariation: number;
+                    logoVariation: import("@brand-page").LogoVariation;
                     logoLastUpdate: string | undefined;
                 };
                 logoTemplateImage: {
@@ -2621,7 +2621,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         };
         footer: {
             desktop: {
-                displayStyle: string;
+                displayStyle: FooterDisplayStyle;
                 copyrightText: string;
                 copyrightStyle: {
                     aspectRatio?: string | undefined;
@@ -2667,7 +2667,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     transition?: string | undefined;
                     width?: string | undefined;
                     wordBreak?: string | undefined;
-                    textStyleType?: "buttons" | "titles" | "headings" | "paragraphs" | undefined;
+                    textStyleType?: import("@brand-page").TextStyleType | undefined;
                     applyAutoScale?: boolean | undefined;
                 };
                 backgroundStyle: {
@@ -2812,7 +2812,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 logoVariation?: number | undefined;
                 logoImage: {
                     logoDraftToken: string;
-                    logoVariation: number;
+                    logoVariation: import("@brand-page").LogoVariation;
                     logoLastUpdate: string | undefined;
                 };
                 logoTemplateImage: {
@@ -2829,7 +2829,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     imageTitle: string;
                     width: number;
                     height: number;
-                    mediaType?: "image" | "shape" | undefined;
+                    mediaType?: import("@brand-page").MediaType | undefined;
                     colorReplacements?: {
                         attribute: string;
                         originalColor: string;
@@ -2839,13 +2839,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     imageUrlOverride?: string | undefined;
                     imageTitleOverride?: string | undefined;
                 }[];
-                textFontFamily?: "lato" | "roboto" | "notoSans" | "openSans" | "arvo" | "bebasNeue" | "ptSerif" | "oswald" | "inter" | "montserrat" | "raleway" | "anton" | "antonSc" | "quicksand" | "pacifico" | "bioRhyme" | "playfairDisplay" | "mulish" | "telex" | "pridi" | "hindMadurai" | "kanit" | "libreBaskerville" | "amiko" | "neuton" | "tenorSans" | "jacquesFrancois" | "varela" | "quattrocentoSans" | "workSans" | "titilliumWeb" | "amaticSc" | "poiretOne" | "shantellSans" | "dancingScript" | "tangerine" | "cinzel" | "jost" | "exo2" | "ebGaramond" | "ubuntu" | "cabin" | "josefinSans" | "lobsterTwo" | "sacramento" | "nunito" | "aboreto" | "afacad" | "aleo" | "abhayaLibre" | "caladea" | "rokkitt" | "rubik" | "frankRuhlLibre" | "spectral" | "abrilFatface" | "courgette" | "kiteOne" | "amarante" | "satisfy" | "lilitaOne" | "lobster" | "titanOne" | "cookie" | "bungee" | "poppins" | "staatliches" | "patuaOne" | "calistoga" | "suezOne" | "caprasimo" | "rubikMonoOne" | "silkscreen" | "alfaSlabOne" | "orelegaOne" | "audiowide" | "redRose" | "kalnia" | "imbue" | "climateCrisis" | "gluten" | "madimiOne" | "anta" | "trykker" | "moul" | "bevan" | "wendyOne" | "lexendDeca" | "vinaSans" | "chango" | "changaOne" | "protestGuerrilla" | "londrinaShadow" | "candal" | "borel" | "rockNRollOne" | "bungeeInline" | "rampartOne" | "manrope" | "yuseiMagic" | "patrickHandSC" | "farsan" | "handlee" | "lemonada" | "arsenal" | "bakbakOne" | "belleza" | "blackHanSans" | "bowlbyOne" | "brunoAceSC" | "castoroTitling" | "contrailOne" | "delaGothicOne" | "dotGothic16" | "fahkwang" | "francoisOne" | "gloock" | "graduate" | "jersey10" | "kavoon" | "kronaOne" | "notable" | "pavanam" | "phudu" | "poetsenOne" | "pollerOne" | "questrial" | "racingSansOne" | "rammettoOne" | "rubikGlitch" | "shrikhand" | "spicyRice" | "syncopate" | "urbanist" | "yesevaOne" | "zenDots" | "ballet" | "luxuriousScript" | "windSong" | "calSans" | "specialGothicExpandedOne" | "imperialScript" | "greatVibes" | "limelight" | "bodoniModaSc" | "zillaSlab" | "righteous" | "cherryBombOne" | "barlow" | "comfortaa" | "cormorant" | "msMadi" | "tektur" | "spaceGrotesk" | "leagueSpartan" | "cormorantGaramond" | "gwendolyn" | "playwriteOsterreich" | "sourceCodePro" | "commissioner" | "lora" | "sairaCondensed" | "fruktur" | "caudex" | "cascadiaCode" | "merriweather" | "unbounded" | "nataSans" | "museoModerno" | "geologica" | "tomorrow" | "fraunces" | "notoSerifDisplay" | "coiny" | "sriracha" | "redditSans" | "heptaSlab" | "parisienne" | "monteCarlo" | "georama" | "goldman" | "montaguSlab" | "ephesis" | "sigmar" | "knewave" | undefined;
+                textFontFamily?: import("@brand-page").FontFamilyKey | undefined;
                 viewport: ViewportsType;
                 logoImageHeight: string | undefined;
                 logoImageWidth: string | undefined;
             };
             mobile: {
-                displayStyle: string;
+                displayStyle: FooterDisplayStyle;
                 copyrightText: string;
                 copyrightStyle: {
                     aspectRatio?: string | undefined;
@@ -2891,7 +2891,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     transition?: string | undefined;
                     width?: string | undefined;
                     wordBreak?: string | undefined;
-                    textStyleType?: "buttons" | "titles" | "headings" | "paragraphs" | undefined;
+                    textStyleType?: import("@brand-page").TextStyleType | undefined;
                     applyAutoScale?: boolean | undefined;
                 };
                 backgroundStyle: {
@@ -3036,7 +3036,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 logoVariation?: number | undefined;
                 logoImage: {
                     logoDraftToken: string;
-                    logoVariation: number;
+                    logoVariation: import("@brand-page").LogoVariation;
                     logoLastUpdate: string | undefined;
                 };
                 logoTemplateImage: {
@@ -3053,7 +3053,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     imageTitle: string;
                     width: number;
                     height: number;
-                    mediaType?: "image" | "shape" | undefined;
+                    mediaType?: import("@brand-page").MediaType | undefined;
                     colorReplacements?: {
                         attribute: string;
                         originalColor: string;
@@ -3063,7 +3063,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     imageUrlOverride?: string | undefined;
                     imageTitleOverride?: string | undefined;
                 }[];
-                textFontFamily?: "lato" | "roboto" | "notoSans" | "openSans" | "arvo" | "bebasNeue" | "ptSerif" | "oswald" | "inter" | "montserrat" | "raleway" | "anton" | "antonSc" | "quicksand" | "pacifico" | "bioRhyme" | "playfairDisplay" | "mulish" | "telex" | "pridi" | "hindMadurai" | "kanit" | "libreBaskerville" | "amiko" | "neuton" | "tenorSans" | "jacquesFrancois" | "varela" | "quattrocentoSans" | "workSans" | "titilliumWeb" | "amaticSc" | "poiretOne" | "shantellSans" | "dancingScript" | "tangerine" | "cinzel" | "jost" | "exo2" | "ebGaramond" | "ubuntu" | "cabin" | "josefinSans" | "lobsterTwo" | "sacramento" | "nunito" | "aboreto" | "afacad" | "aleo" | "abhayaLibre" | "caladea" | "rokkitt" | "rubik" | "frankRuhlLibre" | "spectral" | "abrilFatface" | "courgette" | "kiteOne" | "amarante" | "satisfy" | "lilitaOne" | "lobster" | "titanOne" | "cookie" | "bungee" | "poppins" | "staatliches" | "patuaOne" | "calistoga" | "suezOne" | "caprasimo" | "rubikMonoOne" | "silkscreen" | "alfaSlabOne" | "orelegaOne" | "audiowide" | "redRose" | "kalnia" | "imbue" | "climateCrisis" | "gluten" | "madimiOne" | "anta" | "trykker" | "moul" | "bevan" | "wendyOne" | "lexendDeca" | "vinaSans" | "chango" | "changaOne" | "protestGuerrilla" | "londrinaShadow" | "candal" | "borel" | "rockNRollOne" | "bungeeInline" | "rampartOne" | "manrope" | "yuseiMagic" | "patrickHandSC" | "farsan" | "handlee" | "lemonada" | "arsenal" | "bakbakOne" | "belleza" | "blackHanSans" | "bowlbyOne" | "brunoAceSC" | "castoroTitling" | "contrailOne" | "delaGothicOne" | "dotGothic16" | "fahkwang" | "francoisOne" | "gloock" | "graduate" | "jersey10" | "kavoon" | "kronaOne" | "notable" | "pavanam" | "phudu" | "poetsenOne" | "pollerOne" | "questrial" | "racingSansOne" | "rammettoOne" | "rubikGlitch" | "shrikhand" | "spicyRice" | "syncopate" | "urbanist" | "yesevaOne" | "zenDots" | "ballet" | "luxuriousScript" | "windSong" | "calSans" | "specialGothicExpandedOne" | "imperialScript" | "greatVibes" | "limelight" | "bodoniModaSc" | "zillaSlab" | "righteous" | "cherryBombOne" | "barlow" | "comfortaa" | "cormorant" | "msMadi" | "tektur" | "spaceGrotesk" | "leagueSpartan" | "cormorantGaramond" | "gwendolyn" | "playwriteOsterreich" | "sourceCodePro" | "commissioner" | "lora" | "sairaCondensed" | "fruktur" | "caudex" | "cascadiaCode" | "merriweather" | "unbounded" | "nataSans" | "museoModerno" | "geologica" | "tomorrow" | "fraunces" | "notoSerifDisplay" | "coiny" | "sriracha" | "redditSans" | "heptaSlab" | "parisienne" | "monteCarlo" | "georama" | "goldman" | "montaguSlab" | "ephesis" | "sigmar" | "knewave" | undefined;
+                textFontFamily?: import("@brand-page").FontFamilyKey | undefined;
                 viewport: ViewportsType;
                 logoImageHeight: string | undefined;
                 logoImageWidth: string | undefined;
@@ -3089,7 +3089,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             dataAttribute?: string | undefined;
             disabled?: boolean | undefined;
         };
-        options: ("defaultBorderColor" | "selectedBorderColor" | "subNavBackgroundColor" | "defaultTextStyle" | "defaultBackgroundColor" | "selectedTextColor" | "selectedBackgroundColor" | "iconColor" | "iconBackgroundColor")[];
+        options: import("../../../../brand-page-maker/models/navigation-style-configs").NavigationStyleConfigOption[];
         iconStyle: {
             aspectRatio?: string | undefined;
             backgroundAttachment?: string | undefined;
@@ -3179,7 +3179,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             transition?: string | undefined;
             width?: string | undefined;
             wordBreak?: string | undefined;
-            textStyleType?: "buttons" | "titles" | "headings" | "paragraphs" | undefined;
+            textStyleType?: import("@brand-page").TextStyleType | undefined;
             applyAutoScale?: boolean | undefined;
         };
         selectedButtonStyle: {
@@ -3248,7 +3248,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }): void;
         setNewPageModalVisibilityAsync({ isNewPageModalVisible, parentPageId, }: {
             isNewPageModalVisible: boolean;
-            parentPageId?: string | undefined;
+            parentPageId?: string;
         }): Promise<void>;
         addPage({ page }: {
             page: import("../../models").ContentPage;
@@ -3263,22 +3263,22 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             pageId: string;
         }): void;
         setPageSettingsSectionValue({ sectionName, propName, index, value, merge, viewport, }: {
-            sectionName: "footer" | "header" | "pages";
-            propName: "copyrightStyle" | "style" | "iconStyle" | "displayStyle" | "backgroundStyle" | "logoImage" | "logoImageStyle" | "isLogoOptional" | "viewport" | "isLogoVisible" | "logoTemplateImage" | "logoImageHeight" | "logoImageWidth" | "navigationStyles" | "navigation" | "logoImageUrl" | "logoDraftToken" | "logoVariation" | "logoImageBase64Url" | "copyrightText" | "socialLinks" | "textFontFamily";
-            index?: number | undefined;
-            value: string | number | boolean | BrandPageCssStyle | LinksItem[] | Partial<import("@brand-page").ImageItem> | null | undefined;
-            merge?: boolean | undefined;
+            sectionName: import("../../store").PageSettingsSection;
+            propName: keyof PageSettingsStateSectionStyles;
+            index?: number;
+            value: string | boolean | LinksItem[] | BrandPageCssStyle | Partial<import("@brand-page").ImageGalleryItem> | number | null | undefined;
+            merge?: boolean;
             viewport: ViewportsType;
         }): void;
         setPageSettingsSectionLogoImage({ sectionName, logoImage, logoTemplateImage, logoImageBase64Url, viewport, keepLogoVariation, logoImageHeight, logoImageWidth, }: {
             logoImage: LogoImageModel;
-            logoTemplateImage?: import("@brand-page").LogoTemplateImageModel | undefined;
+            logoTemplateImage?: import("@brand-page").LogoTemplateImageModel;
             logoImageBase64Url: string | undefined;
-            sectionName: "footer" | "header" | "pages";
+            sectionName: import("../../store").PageSettingsSection;
             viewport: ViewportsType;
-            keepLogoVariation?: boolean | undefined;
-            logoImageHeight?: string | undefined;
-            logoImageWidth?: string | undefined;
+            keepLogoVariation?: boolean;
+            logoImageHeight?: string;
+            logoImageWidth?: string;
         }): void;
         updatePageSettingsSectionLogoImageStyle({ sectionName, viewport, logoImageHeight, logoImageWidth, }: {
             sectionName: string;
@@ -3293,13 +3293,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }): void;
         addNewPage(payload: {
             title: string;
-            newPageParentId?: string | undefined;
+            newPageParentId?: string;
         }): import("../../models").ContentPage;
         setSelectedSectionName({ sectionName, }: {
-            sectionName?: "footer" | "header" | "pages" | undefined;
+            sectionName?: import("../../store").PageSettingsSection;
         }): void;
         setSectionCollapsedState({ sectionName, isCollapsed, }: {
-            sectionName: "footer" | "header" | "pages";
+            sectionName: import("../../store").PageSettingsSection;
             isCollapsed: boolean;
         }): void;
         collapseAllSections(): void;
@@ -3315,13 +3315,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         defaultTextColor(): string | undefined;
         logoBackgroundColor(): string | undefined;
         selectedButtonStyleConfig(): import("../../../../brand-page-maker/models").ButtonStyleConfig | undefined;
-        selectedTextFontFamily(): "lato" | "roboto" | "notoSans" | "openSans" | "arvo" | "bebasNeue" | "ptSerif" | "oswald" | "inter" | "montserrat" | "raleway" | "anton" | "antonSc" | "quicksand" | "pacifico" | "bioRhyme" | "playfairDisplay" | "mulish" | "telex" | "pridi" | "hindMadurai" | "kanit" | "libreBaskerville" | "amiko" | "neuton" | "tenorSans" | "jacquesFrancois" | "varela" | "quattrocentoSans" | "workSans" | "titilliumWeb" | "amaticSc" | "poiretOne" | "shantellSans" | "dancingScript" | "tangerine" | "cinzel" | "jost" | "exo2" | "ebGaramond" | "ubuntu" | "cabin" | "josefinSans" | "lobsterTwo" | "sacramento" | "nunito" | "aboreto" | "afacad" | "aleo" | "abhayaLibre" | "caladea" | "rokkitt" | "rubik" | "frankRuhlLibre" | "spectral" | "abrilFatface" | "courgette" | "kiteOne" | "amarante" | "satisfy" | "lilitaOne" | "lobster" | "titanOne" | "cookie" | "bungee" | "poppins" | "staatliches" | "patuaOne" | "calistoga" | "suezOne" | "caprasimo" | "rubikMonoOne" | "silkscreen" | "alfaSlabOne" | "orelegaOne" | "audiowide" | "redRose" | "kalnia" | "imbue" | "climateCrisis" | "gluten" | "madimiOne" | "anta" | "trykker" | "moul" | "bevan" | "wendyOne" | "lexendDeca" | "vinaSans" | "chango" | "changaOne" | "protestGuerrilla" | "londrinaShadow" | "candal" | "borel" | "rockNRollOne" | "bungeeInline" | "rampartOne" | "manrope" | "yuseiMagic" | "patrickHandSC" | "farsan" | "handlee" | "lemonada" | "arsenal" | "bakbakOne" | "belleza" | "blackHanSans" | "bowlbyOne" | "brunoAceSC" | "castoroTitling" | "contrailOne" | "delaGothicOne" | "dotGothic16" | "fahkwang" | "francoisOne" | "gloock" | "graduate" | "jersey10" | "kavoon" | "kronaOne" | "notable" | "pavanam" | "phudu" | "poetsenOne" | "pollerOne" | "questrial" | "racingSansOne" | "rammettoOne" | "rubikGlitch" | "shrikhand" | "spicyRice" | "syncopate" | "urbanist" | "yesevaOne" | "zenDots" | "ballet" | "luxuriousScript" | "windSong" | "calSans" | "specialGothicExpandedOne" | "imperialScript" | "greatVibes" | "limelight" | "bodoniModaSc" | "zillaSlab" | "righteous" | "cherryBombOne" | "barlow" | "comfortaa" | "cormorant" | "msMadi" | "tektur" | "spaceGrotesk" | "leagueSpartan" | "cormorantGaramond" | "gwendolyn" | "playwriteOsterreich" | "sourceCodePro" | "commissioner" | "lora" | "sairaCondensed" | "fruktur" | "caudex" | "cascadiaCode" | "merriweather" | "unbounded" | "nataSans" | "museoModerno" | "geologica" | "tomorrow" | "fraunces" | "notoSerifDisplay" | "coiny" | "sriracha" | "redditSans" | "heptaSlab" | "parisienne" | "monteCarlo" | "georama" | "goldman" | "montaguSlab" | "ephesis" | "sigmar" | "knewave";
+        selectedTextFontFamily(): import("@brand-page").FontFamilyKey;
         doesLogoHaveBackground(): boolean;
         activeLogoStyles(): import("@brand-page").LogoStyles;
     }, {
         initialise(options: {
             reset: boolean;
-            brandPageType: "default" | "brandSite" | "brandContact";
+            brandPageType: import("@brand-page").BrandPageType;
         }): void;
         setState(payload: {
             newState: Omit<import("../../../style-settings/store").StyleSettingsState, "availableButtonStyleConfigs" | "availableGalleryTypes">;
@@ -3339,16 +3339,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             id: string;
         }): void;
         _setTextFontFamily(payload: {
-            fontFamily: "lato" | "roboto" | "notoSans" | "openSans" | "arvo" | "bebasNeue" | "ptSerif" | "oswald" | "inter" | "montserrat" | "raleway" | "anton" | "antonSc" | "quicksand" | "pacifico" | "bioRhyme" | "playfairDisplay" | "mulish" | "telex" | "pridi" | "hindMadurai" | "kanit" | "libreBaskerville" | "amiko" | "neuton" | "tenorSans" | "jacquesFrancois" | "varela" | "quattrocentoSans" | "workSans" | "titilliumWeb" | "amaticSc" | "poiretOne" | "shantellSans" | "dancingScript" | "tangerine" | "cinzel" | "jost" | "exo2" | "ebGaramond" | "ubuntu" | "cabin" | "josefinSans" | "lobsterTwo" | "sacramento" | "nunito" | "aboreto" | "afacad" | "aleo" | "abhayaLibre" | "caladea" | "rokkitt" | "rubik" | "frankRuhlLibre" | "spectral" | "abrilFatface" | "courgette" | "kiteOne" | "amarante" | "satisfy" | "lilitaOne" | "lobster" | "titanOne" | "cookie" | "bungee" | "poppins" | "staatliches" | "patuaOne" | "calistoga" | "suezOne" | "caprasimo" | "rubikMonoOne" | "silkscreen" | "alfaSlabOne" | "orelegaOne" | "audiowide" | "redRose" | "kalnia" | "imbue" | "climateCrisis" | "gluten" | "madimiOne" | "anta" | "trykker" | "moul" | "bevan" | "wendyOne" | "lexendDeca" | "vinaSans" | "chango" | "changaOne" | "protestGuerrilla" | "londrinaShadow" | "candal" | "borel" | "rockNRollOne" | "bungeeInline" | "rampartOne" | "manrope" | "yuseiMagic" | "patrickHandSC" | "farsan" | "handlee" | "lemonada" | "arsenal" | "bakbakOne" | "belleza" | "blackHanSans" | "bowlbyOne" | "brunoAceSC" | "castoroTitling" | "contrailOne" | "delaGothicOne" | "dotGothic16" | "fahkwang" | "francoisOne" | "gloock" | "graduate" | "jersey10" | "kavoon" | "kronaOne" | "notable" | "pavanam" | "phudu" | "poetsenOne" | "pollerOne" | "questrial" | "racingSansOne" | "rammettoOne" | "rubikGlitch" | "shrikhand" | "spicyRice" | "syncopate" | "urbanist" | "yesevaOne" | "zenDots" | "ballet" | "luxuriousScript" | "windSong" | "calSans" | "specialGothicExpandedOne" | "imperialScript" | "greatVibes" | "limelight" | "bodoniModaSc" | "zillaSlab" | "righteous" | "cherryBombOne" | "barlow" | "comfortaa" | "cormorant" | "msMadi" | "tektur" | "spaceGrotesk" | "leagueSpartan" | "cormorantGaramond" | "gwendolyn" | "playwriteOsterreich" | "sourceCodePro" | "commissioner" | "lora" | "sairaCondensed" | "fruktur" | "caudex" | "cascadiaCode" | "merriweather" | "unbounded" | "nataSans" | "museoModerno" | "geologica" | "tomorrow" | "fraunces" | "notoSerifDisplay" | "coiny" | "sriracha" | "redditSans" | "heptaSlab" | "parisienne" | "monteCarlo" | "georama" | "goldman" | "montaguSlab" | "ephesis" | "sigmar" | "knewave";
+            fontFamily: import("@brand-page").FontFamilyKey;
         }): void;
         _setTextStyles(payload: Partial<import("@brand-page").TextStyles>): void;
         setAdminStyleOptionDefaultValues(): void;
         setTextStyleOption(payload: {
-            type: "buttons" | "titles" | "headings" | "paragraphs";
+            type: import("@brand-page").TextStyleType;
             style: import("@brand-page").TextStyleDeclaration;
         }): void;
         setStyleOptionValue(payload: {
-            option: "buttonBorderColor" | "buttonFillColor" | "buttonShadowColor" | "buttonSoftShadowColor" | "buttonIconColor" | "logoBackgroundColor" | "defaultTextColor";
+            option: import("../../../../brand-page-maker/models").ButtonStyleConfigOption | import("../../../../brand-page-maker/models").OtherStyleConfigOption;
             value: string;
         }): void;
         setButtonStyles(payload: import("@brand-page").ButtonStyles): void;
@@ -3365,7 +3365,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             id: string;
         }): void;
         setTextFontFamily(payload: {
-            fontFamily: "lato" | "roboto" | "notoSans" | "openSans" | "arvo" | "bebasNeue" | "ptSerif" | "oswald" | "inter" | "montserrat" | "raleway" | "anton" | "antonSc" | "quicksand" | "pacifico" | "bioRhyme" | "playfairDisplay" | "mulish" | "telex" | "pridi" | "hindMadurai" | "kanit" | "libreBaskerville" | "amiko" | "neuton" | "tenorSans" | "jacquesFrancois" | "varela" | "quattrocentoSans" | "workSans" | "titilliumWeb" | "amaticSc" | "poiretOne" | "shantellSans" | "dancingScript" | "tangerine" | "cinzel" | "jost" | "exo2" | "ebGaramond" | "ubuntu" | "cabin" | "josefinSans" | "lobsterTwo" | "sacramento" | "nunito" | "aboreto" | "afacad" | "aleo" | "abhayaLibre" | "caladea" | "rokkitt" | "rubik" | "frankRuhlLibre" | "spectral" | "abrilFatface" | "courgette" | "kiteOne" | "amarante" | "satisfy" | "lilitaOne" | "lobster" | "titanOne" | "cookie" | "bungee" | "poppins" | "staatliches" | "patuaOne" | "calistoga" | "suezOne" | "caprasimo" | "rubikMonoOne" | "silkscreen" | "alfaSlabOne" | "orelegaOne" | "audiowide" | "redRose" | "kalnia" | "imbue" | "climateCrisis" | "gluten" | "madimiOne" | "anta" | "trykker" | "moul" | "bevan" | "wendyOne" | "lexendDeca" | "vinaSans" | "chango" | "changaOne" | "protestGuerrilla" | "londrinaShadow" | "candal" | "borel" | "rockNRollOne" | "bungeeInline" | "rampartOne" | "manrope" | "yuseiMagic" | "patrickHandSC" | "farsan" | "handlee" | "lemonada" | "arsenal" | "bakbakOne" | "belleza" | "blackHanSans" | "bowlbyOne" | "brunoAceSC" | "castoroTitling" | "contrailOne" | "delaGothicOne" | "dotGothic16" | "fahkwang" | "francoisOne" | "gloock" | "graduate" | "jersey10" | "kavoon" | "kronaOne" | "notable" | "pavanam" | "phudu" | "poetsenOne" | "pollerOne" | "questrial" | "racingSansOne" | "rammettoOne" | "rubikGlitch" | "shrikhand" | "spicyRice" | "syncopate" | "urbanist" | "yesevaOne" | "zenDots" | "ballet" | "luxuriousScript" | "windSong" | "calSans" | "specialGothicExpandedOne" | "imperialScript" | "greatVibes" | "limelight" | "bodoniModaSc" | "zillaSlab" | "righteous" | "cherryBombOne" | "barlow" | "comfortaa" | "cormorant" | "msMadi" | "tektur" | "spaceGrotesk" | "leagueSpartan" | "cormorantGaramond" | "gwendolyn" | "playwriteOsterreich" | "sourceCodePro" | "commissioner" | "lora" | "sairaCondensed" | "fruktur" | "caudex" | "cascadiaCode" | "merriweather" | "unbounded" | "nataSans" | "museoModerno" | "geologica" | "tomorrow" | "fraunces" | "notoSerifDisplay" | "coiny" | "sriracha" | "redditSans" | "heptaSlab" | "parisienne" | "monteCarlo" | "georama" | "goldman" | "montaguSlab" | "ephesis" | "sigmar" | "knewave";
+            fontFamily: import("@brand-page").FontFamilyKey;
         }): Promise<void>;
         toggleLogoBackground(): Promise<any>;
     }>;
@@ -3374,52 +3374,52 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             reset: boolean;
         }): void;
         setState({ newState, }: {
-            newState: Omit<import("../../../navigation-style-settings/store").NavigationStyleSettingsState, "navigationStyleTypeConfigs" | "availableNavigationStyleConfigs">;
+            newState: Omit<import("../../../navigation-style-settings/store").NavigationStyleSettingsState, "availableNavigationStyleConfigs" | "navigationStyleTypeConfigs">;
         }): void;
         setNavigationOrder({ section, renderAfterLogo, viewport, }: {
-            section: "footer" | "header";
+            section: PageSection;
             renderAfterLogo: boolean;
             viewport: ViewportsType;
         }): void;
         _setDefaultButtonStyle({ displayType, section, style, viewport, }: {
             displayType: NavigationDisplayType;
-            section: "footer" | "header";
+            section: PageSection;
             style: BrandPageCssStyle;
             viewport: ViewportsType;
         }): void;
         _setSelectedButtonStyle({ displayType, section, style, viewport, }: {
             displayType: NavigationDisplayType;
-            section: "footer" | "header";
+            section: PageSection;
             style: BrandPageCssStyle;
             viewport: ViewportsType;
         }): void;
         _setIconStyle({ displayType, section, style, viewport, }: {
-            displayType?: NavigationDisplayType | undefined;
-            section: "footer" | "header";
+            displayType?: NavigationDisplayType;
+            section: PageSection;
             style: BrandPageCssStyle;
             viewport: ViewportsType;
         }): void;
         _setSubNavBackgroundColor({ displayType, section, value, viewport, }: {
             displayType: NavigationDisplayType;
-            section: "footer" | "header";
+            section: PageSection;
             value: string | undefined;
             viewport: ViewportsType;
         }): void;
         _setButtonStyles({ section, defaultButtonStyle, selectedButtonStyle, iconStyle, viewport, }: {
-            section: "footer" | "header";
+            section: PageSection;
             defaultButtonStyle: import("@brand-page").TextStyleDeclaration;
             selectedButtonStyle: BrandPageCssStyle;
             iconStyle: BrandPageCssStyle;
             viewport: ViewportsType;
         }): void;
         setDisplayType({ section, displayType, viewport, }: {
-            section: "footer" | "header";
+            section: PageSection;
             displayType: NavigationDisplayType;
             viewport: ViewportsType;
         }): void;
         setNavigationStyleOptionValue({ section, option, value, viewport, }: {
-            section: "footer" | "header";
-            option: "defaultBorderColor" | "selectedBorderColor" | "subNavBackgroundColor" | "defaultTextStyle" | "defaultBackgroundColor" | "selectedTextColor" | "selectedBackgroundColor" | "iconColor" | "iconBackgroundColor";
+            section: PageSection;
+            option: import("../../../../brand-page-maker/models/navigation-style-configs").NavigationStyleConfigOption;
             value: any;
             viewport: ViewportsType;
         }): void;
@@ -3428,23 +3428,25 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         contentErrorCount(): number;
         getContent(state: {
             addContentOptions: {
-                type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
+                type: import("@brand-page").ContentType;
                 category: string;
                 createInitialContent: (options: import("../../../content-settings/models").CreateInitialContentOptions) => import("@brand-page").Content;
                 displayName: string;
                 iconName: string;
                 isEnabled: boolean;
                 isLocked: boolean;
-                displayMode?: "default" | "focused" | undefined;
+                displayMode?: import("../../../../brand-page-maker/models").ContentSettingsDisplayMode | undefined;
             }[];
             items: {
                 id: string;
-                type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
+                type: import("@brand-page").ContentType;
                 settings: {
                     content: {
                         id: string;
-                        type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
-                        personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
+                        type: import("@brand-page").ContentType;
+                        personalisationRole?: import("@brand-page").PersonalisationRole | undefined;
+                        topPadding?: number | undefined;
+                        bottomPadding?: number | undefined;
                         imageUrlOverride?: string | undefined;
                         imageUrlsOverride?: string | undefined;
                         avatarImageUrlOverride?: string | undefined;
@@ -3463,37 +3465,39 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             }[];
             itemStates: Record<string, import("../../../content-settings/models").ContentSettingsItemState>;
             modeStack: {
-                mode: "images" | "pages" | "add" | "edit" | "focusedContentItem";
+                mode: import("../../../content-settings/store").ContentSettingsMode;
                 selectedItemId?: string | undefined;
                 selectedItemFieldName?: string | undefined;
                 selectedItemIndex?: number | undefined;
             }[];
             selectedItemId: string | null;
-            selectedItemEventSource: "preview" | "contentSettings" | "pageSettings" | null;
+            selectedItemEventSource: import("../../../models").UIEventSource | null;
             selectedItemFieldName: string | null;
             selectedItemValue: string | null;
             selectedItemIndex: number | null;
-            activeCategoryTab: string;
+            activeCategoryTab: import("../../../../brand-page-maker/models").ItemCategory;
         } & import("pinia").PiniaCustomStateProperties<import("../../../content-settings/store").ContentSettingsState>): (id: string) => import("@brand-page").Content | undefined;
         getFieldSettings(state: {
             addContentOptions: {
-                type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
+                type: import("@brand-page").ContentType;
                 category: string;
                 createInitialContent: (options: import("../../../content-settings/models").CreateInitialContentOptions) => import("@brand-page").Content;
                 displayName: string;
                 iconName: string;
                 isEnabled: boolean;
                 isLocked: boolean;
-                displayMode?: "default" | "focused" | undefined;
+                displayMode?: import("../../../../brand-page-maker/models").ContentSettingsDisplayMode | undefined;
             }[];
             items: {
                 id: string;
-                type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
+                type: import("@brand-page").ContentType;
                 settings: {
                     content: {
                         id: string;
-                        type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
-                        personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
+                        type: import("@brand-page").ContentType;
+                        personalisationRole?: import("@brand-page").PersonalisationRole | undefined;
+                        topPadding?: number | undefined;
+                        bottomPadding?: number | undefined;
                         imageUrlOverride?: string | undefined;
                         imageUrlsOverride?: string | undefined;
                         avatarImageUrlOverride?: string | undefined;
@@ -3512,37 +3516,39 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             }[];
             itemStates: Record<string, import("../../../content-settings/models").ContentSettingsItemState>;
             modeStack: {
-                mode: "images" | "pages" | "add" | "edit" | "focusedContentItem";
+                mode: import("../../../content-settings/store").ContentSettingsMode;
                 selectedItemId?: string | undefined;
                 selectedItemFieldName?: string | undefined;
                 selectedItemIndex?: number | undefined;
             }[];
             selectedItemId: string | null;
-            selectedItemEventSource: "preview" | "contentSettings" | "pageSettings" | null;
+            selectedItemEventSource: import("../../../models").UIEventSource | null;
             selectedItemFieldName: string | null;
             selectedItemValue: string | null;
             selectedItemIndex: number | null;
-            activeCategoryTab: string;
+            activeCategoryTab: import("../../../../brand-page-maker/models").ItemCategory;
         } & import("pinia").PiniaCustomStateProperties<import("../../../content-settings/store").ContentSettingsState>): (id: string, fieldName: string) => ContentItemFieldSettings | undefined;
         getItem(state: {
             addContentOptions: {
-                type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
+                type: import("@brand-page").ContentType;
                 category: string;
                 createInitialContent: (options: import("../../../content-settings/models").CreateInitialContentOptions) => import("@brand-page").Content;
                 displayName: string;
                 iconName: string;
                 isEnabled: boolean;
                 isLocked: boolean;
-                displayMode?: "default" | "focused" | undefined;
+                displayMode?: import("../../../../brand-page-maker/models").ContentSettingsDisplayMode | undefined;
             }[];
             items: {
                 id: string;
-                type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
+                type: import("@brand-page").ContentType;
                 settings: {
                     content: {
                         id: string;
-                        type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
-                        personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
+                        type: import("@brand-page").ContentType;
+                        personalisationRole?: import("@brand-page").PersonalisationRole | undefined;
+                        topPadding?: number | undefined;
+                        bottomPadding?: number | undefined;
                         imageUrlOverride?: string | undefined;
                         imageUrlsOverride?: string | undefined;
                         avatarImageUrlOverride?: string | undefined;
@@ -3561,37 +3567,39 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             }[];
             itemStates: Record<string, import("../../../content-settings/models").ContentSettingsItemState>;
             modeStack: {
-                mode: "images" | "pages" | "add" | "edit" | "focusedContentItem";
+                mode: import("../../../content-settings/store").ContentSettingsMode;
                 selectedItemId?: string | undefined;
                 selectedItemFieldName?: string | undefined;
                 selectedItemIndex?: number | undefined;
             }[];
             selectedItemId: string | null;
-            selectedItemEventSource: "preview" | "contentSettings" | "pageSettings" | null;
+            selectedItemEventSource: import("../../../models").UIEventSource | null;
             selectedItemFieldName: string | null;
             selectedItemValue: string | null;
             selectedItemIndex: number | null;
-            activeCategoryTab: string;
+            activeCategoryTab: import("../../../../brand-page-maker/models").ItemCategory;
         } & import("pinia").PiniaCustomStateProperties<import("../../../content-settings/store").ContentSettingsState>): (id: string) => import("../../../content-settings/models").ContentItem<any> | undefined;
         getValue(state: {
             addContentOptions: {
-                type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
+                type: import("@brand-page").ContentType;
                 category: string;
                 createInitialContent: (options: import("../../../content-settings/models").CreateInitialContentOptions) => import("@brand-page").Content;
                 displayName: string;
                 iconName: string;
                 isEnabled: boolean;
                 isLocked: boolean;
-                displayMode?: "default" | "focused" | undefined;
+                displayMode?: import("../../../../brand-page-maker/models").ContentSettingsDisplayMode | undefined;
             }[];
             items: {
                 id: string;
-                type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
+                type: import("@brand-page").ContentType;
                 settings: {
                     content: {
                         id: string;
-                        type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
-                        personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
+                        type: import("@brand-page").ContentType;
+                        personalisationRole?: import("@brand-page").PersonalisationRole | undefined;
+                        topPadding?: number | undefined;
+                        bottomPadding?: number | undefined;
                         imageUrlOverride?: string | undefined;
                         imageUrlsOverride?: string | undefined;
                         avatarImageUrlOverride?: string | undefined;
@@ -3610,37 +3618,39 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             }[];
             itemStates: Record<string, import("../../../content-settings/models").ContentSettingsItemState>;
             modeStack: {
-                mode: "images" | "pages" | "add" | "edit" | "focusedContentItem";
+                mode: import("../../../content-settings/store").ContentSettingsMode;
                 selectedItemId?: string | undefined;
                 selectedItemFieldName?: string | undefined;
                 selectedItemIndex?: number | undefined;
             }[];
             selectedItemId: string | null;
-            selectedItemEventSource: "preview" | "contentSettings" | "pageSettings" | null;
+            selectedItemEventSource: import("../../../models").UIEventSource | null;
             selectedItemFieldName: string | null;
             selectedItemValue: string | null;
             selectedItemIndex: number | null;
-            activeCategoryTab: string;
-        } & import("pinia").PiniaCustomStateProperties<import("../../../content-settings/store").ContentSettingsState>): (id: string, fieldName: string) => string | import("@brand-page").Content | undefined;
+            activeCategoryTab: import("../../../../brand-page-maker/models").ItemCategory;
+        } & import("pinia").PiniaCustomStateProperties<import("../../../content-settings/store").ContentSettingsState>): (id: string, fieldName: string) => import("@brand-page").Content | string | undefined;
         getItemState(state: {
             addContentOptions: {
-                type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
+                type: import("@brand-page").ContentType;
                 category: string;
                 createInitialContent: (options: import("../../../content-settings/models").CreateInitialContentOptions) => import("@brand-page").Content;
                 displayName: string;
                 iconName: string;
                 isEnabled: boolean;
                 isLocked: boolean;
-                displayMode?: "default" | "focused" | undefined;
+                displayMode?: import("../../../../brand-page-maker/models").ContentSettingsDisplayMode | undefined;
             }[];
             items: {
                 id: string;
-                type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
+                type: import("@brand-page").ContentType;
                 settings: {
                     content: {
                         id: string;
-                        type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
-                        personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
+                        type: import("@brand-page").ContentType;
+                        personalisationRole?: import("@brand-page").PersonalisationRole | undefined;
+                        topPadding?: number | undefined;
+                        bottomPadding?: number | undefined;
                         imageUrlOverride?: string | undefined;
                         imageUrlsOverride?: string | undefined;
                         avatarImageUrlOverride?: string | undefined;
@@ -3659,37 +3669,39 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             }[];
             itemStates: Record<string, import("../../../content-settings/models").ContentSettingsItemState>;
             modeStack: {
-                mode: "images" | "pages" | "add" | "edit" | "focusedContentItem";
+                mode: import("../../../content-settings/store").ContentSettingsMode;
                 selectedItemId?: string | undefined;
                 selectedItemFieldName?: string | undefined;
                 selectedItemIndex?: number | undefined;
             }[];
             selectedItemId: string | null;
-            selectedItemEventSource: "preview" | "contentSettings" | "pageSettings" | null;
+            selectedItemEventSource: import("../../../models").UIEventSource | null;
             selectedItemFieldName: string | null;
             selectedItemValue: string | null;
             selectedItemIndex: number | null;
-            activeCategoryTab: string;
+            activeCategoryTab: import("../../../../brand-page-maker/models").ItemCategory;
         } & import("pinia").PiniaCustomStateProperties<import("../../../content-settings/store").ContentSettingsState>): (id: string) => import("../../../content-settings/models").ContentSettingsItemState;
         getItemGroupState(state: {
             addContentOptions: {
-                type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
+                type: import("@brand-page").ContentType;
                 category: string;
                 createInitialContent: (options: import("../../../content-settings/models").CreateInitialContentOptions) => import("@brand-page").Content;
                 displayName: string;
                 iconName: string;
                 isEnabled: boolean;
                 isLocked: boolean;
-                displayMode?: "default" | "focused" | undefined;
+                displayMode?: import("../../../../brand-page-maker/models").ContentSettingsDisplayMode | undefined;
             }[];
             items: {
                 id: string;
-                type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
+                type: import("@brand-page").ContentType;
                 settings: {
                     content: {
                         id: string;
-                        type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
-                        personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
+                        type: import("@brand-page").ContentType;
+                        personalisationRole?: import("@brand-page").PersonalisationRole | undefined;
+                        topPadding?: number | undefined;
+                        bottomPadding?: number | undefined;
                         imageUrlOverride?: string | undefined;
                         imageUrlsOverride?: string | undefined;
                         avatarImageUrlOverride?: string | undefined;
@@ -3708,26 +3720,26 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             }[];
             itemStates: Record<string, import("../../../content-settings/models").ContentSettingsItemState>;
             modeStack: {
-                mode: "images" | "pages" | "add" | "edit" | "focusedContentItem";
+                mode: import("../../../content-settings/store").ContentSettingsMode;
                 selectedItemId?: string | undefined;
                 selectedItemFieldName?: string | undefined;
                 selectedItemIndex?: number | undefined;
             }[];
             selectedItemId: string | null;
-            selectedItemEventSource: "preview" | "contentSettings" | "pageSettings" | null;
+            selectedItemEventSource: import("../../../models").UIEventSource | null;
             selectedItemFieldName: string | null;
             selectedItemValue: string | null;
             selectedItemIndex: number | null;
-            activeCategoryTab: string;
+            activeCategoryTab: import("../../../../brand-page-maker/models").ItemCategory;
         } & import("pinia").PiniaCustomStateProperties<import("../../../content-settings/store").ContentSettingsState>): (id: string, groupId: string) => import("../../../content-settings/models").ContentSettingsItemGroupState;
-        mode(): "images" | "pages" | "add" | "edit" | "focusedContentItem";
+        mode(): import("../../../content-settings/store").ContentSettingsMode;
         selectedItem(): import("../../../content-settings/models").ContentItem<any> | undefined;
-        selectedItemTemplate(): import("../../../../brand-page-maker/models").ContentSettingsConfig<any, {}> | undefined;
+        selectedItemTemplate(): import("../../../../brand-page-maker/models").ContentSettingsConfig<any> | undefined;
     }, {
         onContentChanged(): void;
         _addItem({ item, index, }: {
             item: import("../../../content-settings/models").ContentItem<any>;
-            index?: number | undefined;
+            index?: number;
         }): void;
         setState(payload: {
             newState: Partial<import("../../../content-settings/store").ContentSettingsState>;
@@ -3744,7 +3756,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         _setItemSettingsFieldErrorState(payload: import("../../../content-settings/models").SetItemSettingsFieldErrorMessagePayload): void;
         _setSelectedItemId({ id, eventSource, }: {
             id: string | null;
-            eventSource: "preview" | "contentSettings" | "pageSettings" | null;
+            eventSource: import("../../../models").UIEventSource | null;
         }): void;
         _setSelectedItemFieldName({ name: name }: {
             name: string | null;
@@ -3758,10 +3770,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         _setSelectedItemImage({ selectedItemId, imageUrl, width, height, colorReplacements, aspectRatio, }: {
             selectedItemId: string | null;
             imageUrl: string;
-            width?: number | undefined;
-            height?: number | undefined;
-            colorReplacements?: import("@brand-page").ColorReplacement[] | undefined;
-            aspectRatio?: number | null | undefined;
+            width?: number;
+            height?: number;
+            colorReplacements?: import("@brand-page").ColorReplacement[];
+            aspectRatio?: number | null;
         }): void;
         _setSelectedItemMedia(selectedItemId: string | null, mediaPayload: import("../../../my-uploads/models").MediaBaseSelectedPayload): void;
         _setItems({ items }: {
@@ -3785,7 +3797,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         updateTextItemTextStyleType({ id, name, value, index, }: import("../../../content-settings/models").UpdateMultipleItemValuesPayload<any>): void;
         updateTextItemTextStyleTypeWithStyles({ id, name, value, index, }: import("../../../content-settings/models").UpdateMultipleItemValuesPayload<any>): void;
         _setActiveCategoryTab({ activeCategoryTab, }: {
-            activeCategoryTab: string;
+            activeCategoryTab: import("../../../../brand-page-maker/models").ItemCategory;
         }): void;
         setItemState({ id, itemState, }: {
             id: string;
@@ -3808,7 +3820,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }): void;
         addItemByType({ type, index, }: {
             type: string;
-            index?: number | undefined;
+            index?: number;
         }): import("../../../content-settings/models").ContentItem<import("@brand-page").Content> | undefined;
         deleteItem(payload: {
             id: string;
@@ -3820,13 +3832,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         updateIsDefaultTextColorRequired(): void;
         setSelectedItemId(payload: {
             id: string | null;
-            eventSource: "preview" | "contentSettings" | "pageSettings";
+            eventSource: import("../../../models").UIEventSource;
         }): void;
         setSelectedItemAndFieldName(payload: {
             id: string | null;
             name: string | null;
             index: number | null;
-            eventSource: "preview" | "contentSettings" | "pageSettings" | null;
+            eventSource: import("../../../models").UIEventSource | null;
         }): void;
         setSelectedItemValue(payload: {
             value: string | null;
@@ -3834,10 +3846,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         setSelectedItemImage(payload: {
             selectedItemId: string | null;
             imageUrl: string;
-            width?: number | undefined;
-            height?: number | undefined;
-            colorReplacements?: import("@brand-page").ColorReplacement[] | undefined;
-            aspectRatio?: number | null | undefined;
+            width?: number;
+            height?: number;
+            colorReplacements?: import("@brand-page").ColorReplacement[];
+            aspectRatio?: number | null;
         }): void;
         setSelectedItemMedia(selectedItemId: string | null, mediaPayload: import("../../../my-uploads/models").MediaBaseSelectedPayload): void;
         setItems(payload: {
@@ -3849,19 +3861,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             type: string;
         }): Promise<void>;
         setActiveCategoryTab(payload: {
-            activeCategoryTab: string;
+            activeCategoryTab: import("../../../../brand-page-maker/models").ItemCategory;
         }): void;
         selectInitialContentCategory(payload: {
             selectedCategory: string;
         }): void;
         initialiseItemState({ item, itemState, }: {
             item: import("../../../content-settings/models").ContentItem<import("@brand-page").Content>;
-            itemState?: Partial<import("../../../content-settings/store").ContentSettingsState> | undefined;
+            itemState?: Partial<import("../../../content-settings/store").ContentSettingsState>;
         }): void;
         initialiseItemGroupState({ id, groupId, groupState, }: {
             id: string;
             groupId: string;
-            groupState?: import("../../../content-settings/models").ContentSettingsItemGroupState | undefined;
+            groupState?: import("../../../content-settings/models").ContentSettingsItemGroupState;
         }): void;
     }>;
     uiStore: import("pinia").Store<"ui", import("../../../models").UIRootState, {
@@ -3877,14 +3889,20 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             thirdPartySettings: import("../../../models").UIRootStateThirdPartySettings;
         }): void;
         setDeviceMode({ mode }: {
-            mode: "desktop" | "mobile";
+            mode: import("../../../models").UiDeviceMode;
         }): void;
         setScreenSizeMode({ mode }: {
-            mode: "desktop" | "mobile";
+            mode: import("../../../models").UiScreenSizeMode;
         }): void;
         setUserPersonalisationData({ personalisationData, }: {
             personalisationData: import("@brand-page").UserPersonalisationContent[];
         }): void;
+        setUserPromptContentKey({ userPromptContentKey, }: {
+            userPromptContentKey: string | undefined;
+        }): void;
+        setShowAiTemplatesTab({ showAiTemplatesTab, }: {
+            showAiTemplatesTab: boolean;
+        }): void;
         onBackgroundChanged(): void;
         onContentChanged(): void;
         onStyleChanged(): void;
@@ -3897,7 +3915,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             type: string;
         }): Promise<void>;
         onTemplateSelected(payload: import("@brand-page-maker/stores").OnTemplateSelectedPayload): Promise<void>;
-        showUpgradeModalAndSaveAsync(contextualUpgradeType?: string | number | symbol | undefined): Promise<void>;
+        showUpgradeModalAndSaveAsync(contextualUpgradeType?: import("@brand-page-maker/stores").WebsiteContextUpgradeType): Promise<void>;
         setIsPersonalisationEnabled({ isPersonalisationEnabled, }: {
             isPersonalisationEnabled: boolean;
         }): void;
@@ -3923,8 +3941,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 updated: Date;
                 brandPageToken: string;
                 domainName: string;
-                status: "active" | "pending" | "failed" | "renewFailed" | "deleted";
-                dnsConfigurationStatus: "request_expired" | "missing_expected_dns_records" | "invalid_multiple_dns_records_exist" | "unexpected_aaaa_record" | "completed";
+                status: import("../../../../lib").CustomDomainStatus;
+                dnsConfigurationStatus: import("../../../../lib").DnsConfigurationStatus;
                 triggerOrigin?: string | undefined;
             } | null;
             createCustomDomainErrorMessage: string | null;
@@ -3980,7 +3998,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             };
             isSubsequentPublish: boolean;
             isContextualUpgradeModalVisible: boolean;
-            contextualUpgradeType: string | number | symbol | undefined;
+            contextualUpgradeType: import("@brand-page-maker/stores").WebsiteContextUpgradeType | undefined;
             requestVerificationToken?: string | undefined;
         } & import("pinia").PiniaCustomStateProperties<import("@brand-page-maker/stores").BrandPageContainerState>) => boolean;
         isUserDraft: (state: {
@@ -4001,8 +4019,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 updated: Date;
                 brandPageToken: string;
                 domainName: string;
-                status: "active" | "pending" | "failed" | "renewFailed" | "deleted";
-                dnsConfigurationStatus: "request_expired" | "missing_expected_dns_records" | "invalid_multiple_dns_records_exist" | "unexpected_aaaa_record" | "completed";
+                status: import("../../../../lib").CustomDomainStatus;
+                dnsConfigurationStatus: import("../../../../lib").DnsConfigurationStatus;
                 triggerOrigin?: string | undefined;
             } | null;
             createCustomDomainErrorMessage: string | null;
@@ -4058,7 +4076,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             };
             isSubsequentPublish: boolean;
             isContextualUpgradeModalVisible: boolean;
-            contextualUpgradeType: string | number | symbol | undefined;
+            contextualUpgradeType: import("@brand-page-maker/stores").WebsiteContextUpgradeType | undefined;
             requestVerificationToken?: string | undefined;
         } & import("pinia").PiniaCustomStateProperties<import("@brand-page-maker/stores").BrandPageContainerState>) => boolean;
     }, {
@@ -4095,7 +4113,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         setIsSubsequentPublish(payload: any): void;
         clearPublishErrorMessage(): void;
         closePublishModal(payload?: {
-            skipShowNextNotificationMessage?: boolean | undefined;
+            skipShowNextNotificationMessage?: boolean;
         }): Promise<void>;
         closeUpgradeModal(): Promise<void>;
         endBrandPageSlugEditMode(): void;
@@ -4118,8 +4136,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         redirectToStripeOnboarding(): Promise<void>;
         exportDesignAsync(): Promise<any>;
         saveBrandPage(payload?: {
-            isPublish?: boolean | undefined;
-            eventButtonLocation?: string | undefined;
+            isPublish?: boolean;
+            eventButtonLocation?: string;
         }): Promise<false | {
             saved: boolean;
             canPublish: boolean;
@@ -4128,9 +4146,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         saveAndPublishBrandPage(eventButtonLocation: string): Promise<void>;
         saveTemplate(): Promise<void>;
         setBrandPageStatus(status: any): Promise<void>;
-        showPublishModal(eventButtonLocation?: string | undefined, websiteUpsellModalViewModel?: any, isSubsequentPublish?: boolean | undefined): void;
+        showPublishModal(eventButtonLocation?: string, websiteUpsellModalViewModel?: any, isSubsequentPublish?: boolean): void;
         showBrandPageSlugEditModal(eventButtonLocation: string): Promise<void>;
-        showUpgradeModalAndSaveAsync(contextualUpgradeType?: string | number | symbol | undefined, cta?: string | undefined): Promise<void>;
+        showUpgradeModalAndSaveAsync(contextualUpgradeType?: import("@brand-page-maker/stores").WebsiteContextUpgradeType, cta?: string): Promise<void>;
         getContextualUpgradeResponseAsync(): Promise<import("../../../../clients/brand-page-client").getWebsiteContextualUpgradeResponse | undefined>;
         showStripeOnboardingModal(): void;
         closeStripeOnboardingModal(): void;
@@ -4163,7 +4181,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }>;
     logoStore: import("pinia").Store<"logoStore", import("@brand-page-maker/stores").LogoStoreState, {}, {
         initialise(payload: {
-            logoTemplateAsset?: import("@brand-page-maker/stores").LogoTemplateAsset | undefined;
+            logoTemplateAsset?: import("@brand-page-maker/stores").LogoTemplateAsset;
             logoDraftAssets: import("@brand-page-maker/stores").LogoDraftAsset[];
         }): void;
         setLogoTemplateAsset(logoTemplateAsset: import("@brand-page-maker/stores").LogoTemplateAsset): void;
@@ -4274,8 +4292,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }, {
         setStateAsync(payload: {
             newState: import("@shared/logo-settings/store").SetStateAsyncPayload;
-            defaultPrimaryText?: string | undefined;
-            defaultLayout?: string | undefined;
+            defaultPrimaryText?: string;
+            defaultLayout?: string;
         }): Promise<void>;
         resetLogoEdits(): void;
         setLogoDraftToken(logoDraftToken: string): void;
@@ -4286,11 +4304,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         updateLogoEdit(templateMetaString: string, draftMetaString: string | null): void;
         getEditableLogoVariationByVariationId(id: number): any;
         getEditableLogoVariationByBase64(base64: string): any;
-        updateEditableLogoImageUrlAsync(defaultPrimaryText?: string | undefined, overrideLogoVariation?: number | undefined, layout?: string | undefined): Promise<void>;
-        stampLogoBase64IntoBrandPageData(overrideLogoVariation?: number | undefined): void;
+        updateEditableLogoImageUrlAsync(defaultPrimaryText?: string, overrideLogoVariation?: number | undefined, layout?: string): Promise<void>;
+        stampLogoBase64IntoBrandPageData(overrideLogoVariation?: number): void;
         restoreVariationsForDraftToken(logoDraftToken: string): boolean;
-        updateMetadataAsync(defaultPrimaryText?: string | undefined, resetLogoTemplateMetadata?: boolean, layout?: string | undefined): Promise<void>;
-        updateEditableLogoImageByVariationAsync(editableLogoVariation: import("@shared/logo-settings/store").EditableLogoVariation, defaultPrimaryText?: string | undefined, layout?: string | undefined): Promise<import("../../../../clients/fabric-render-client").ModifyLogoDataResponse | null>;
+        updateMetadataAsync(defaultPrimaryText?: string, resetLogoTemplateMetadata?: boolean, layout?: string): Promise<void>;
+        updateEditableLogoImageByVariationAsync(editableLogoVariation: import("@shared/logo-settings/store").EditableLogoVariation, defaultPrimaryText?: string, layout?: string): Promise<import("../../../../clients/fabric-render-client").ModifyLogoDataResponse | null>;
         getDraftMetadata(logoDraftToken: string): string | undefined;
         upsertDraftMetadata(metadata: string): void;
         isS3TokenExpired(expiryDate: string | undefined): boolean;
@@ -4299,8 +4317,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             returnJson: boolean;
             dimensionType: string;
             variationType: string;
-            defaultPrimaryText?: string | undefined;
-            layout?: string | undefined;
+            defaultPrimaryText?: string;
+            layout?: string;
         }): Promise<import("../../../../clients/fabric-render-client").ModifyLogoDataResponse | null>;
     }>;
     brandPageMakerStore: import("pinia").Store<"brandPageMaker", import("@brand-page-maker/stores").BrandPageMakerState, {
@@ -4311,7 +4329,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         brandPageToken(): string | undefined;
         brandPageDescription(): string;
         brandPageSlug(): string;
-        brandPageTemplate(): any;
+        brandPageTemplate(): import("@brand-page").BrandPageData;
         brandPageTitle(): string;
         brandPageViewModel(): import("@brand-page").BrandPageViewModel;
         gettyVideoIds(): string[];
@@ -4326,7 +4344,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         showBrandCrowdLogo(): boolean;
     }, {
         setMode(payload: {
-            mode: "images" | "edit";
+            mode: import("@brand-page-maker/stores").BrandPageSettingsMode;
         }): void;
         setFaviconUrl(payload: {
             faviconUrl: string | undefined;
@@ -4370,7 +4388,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         enqueueContentErrorMessage(): void;
         dequeueNotificationMessageQueue(): void;
         setCurrentNotificationMessage(payload: {
-            message: false | import("@brand-page-maker/stores").NotificationMessage;
+            message: import("@brand-page-maker/stores").NotificationMessage | false;
         }): void;
         setIsApplyingTemplate(payload: import("@brand-page-maker/stores").IsApplyingTemplatePayload): void;
         setIsPageNavigating(isPageNavigating: boolean): void;
@@ -4389,9 +4407,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         applySelectedTemplate(): Promise<void>;
         enqueueErrorMessage(): Promise<void>;
         enqueueSaveSuccessMessage(payload?: {
-            description?: string | undefined;
-            isPublished?: boolean | undefined;
-            noDescription?: boolean | undefined;
+            description?: string;
+            isPublished?: boolean;
+            noDescription?: boolean;
         }): Promise<void>;
         hideChangeTemplateConfirmModal(): void;
         onBackgroundChanged(): void;
@@ -4407,16 +4425,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             content: TContent;
         }>(payload: P): Promise<void>;
         _captureTemplateSwitchIfEnabled(): void;
-        applyHistorySnapshot(snapshot: import("@brand-page").BrandPageModel, activePageId?: string | undefined, logoEditsStr?: string | undefined): Promise<void>;
-        _syncLogoSettingsFromSnapshot(snapshot: import("@brand-page").BrandPageModel, logoEditsStr?: string | undefined): Promise<void>;
-        _navigateToActivePage(activePageId?: string | undefined): void;
+        applyHistorySnapshot(snapshot: import("@brand-page").BrandPageModel, activePageId?: string, logoEditsStr?: string): Promise<void>;
+        _syncLogoSettingsFromSnapshot(snapshot: import("@brand-page").BrandPageModel, logoEditsStr?: string): Promise<void>;
+        _navigateToActivePage(activePageId?: string): void;
         _fallbackSidebarIfSelectedContentMissing(snapshot: import("@brand-page").BrandPageModel): void;
         export(): import("@brand-page").BrandPageModel;
         setBrandPageType({ brandPageType }: {
-            brandPageType: "default" | "brandSite" | "brandContact";
+            brandPageType: import("@brand-page").BrandPageType;
         }): void;
         initialiseStoresByBrandPageModelAsync(brandPageModel: import("@brand-page").BrandPageModel): Promise<void>;
-        initialise({ brandPage, brandPageType, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, businessName, industry, layout, logoVariationImageUrls, shopConfigData, isServerRenderOverride, }: import("@brand-page-maker/stores").InitialisePayload): Promise<void>;
+        initialise({ brandPage, brandPageType, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, userPromptContentKey, showAiTemplatesTab, businessName, industry, layout, logoVariationImageUrls, shopConfigData: _shopConfigData, isServerRenderOverride, }: import("@brand-page-maker/stores").InitialisePayload): Promise<void>;
         initialisePages({ pages, sections, }: {
             pages: import("@brand-page").PageModel[];
             sections: import("../../store").PageSettingsStateSections;
@@ -4444,7 +4462,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             viewport: ViewportsType;
         }): void;
         showStripeOnboardingModal(): Promise<void>;
-        selectInitialCategories(payload: import("../../../template-settings/models").InitialCategories): void;
+        selectInitialCategories(payload: import("@brand-page-maker/stores").SelectedCategoryPayload): void;
     }>;
     viewport: import("vue").ComputedRef<ViewportsType>;
     pages: {
@@ -4452,12 +4470,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         title: string;
         contents: {
             id: string;
-            type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
+            type: import("@brand-page").ContentType;
             settings: {
                 content: {
                     id: string;
-                    type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
-                    personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
+                    type: import("@brand-page").ContentType;
+                    personalisationRole?: import("@brand-page").PersonalisationRole | undefined;
+                    topPadding?: number | undefined;
+                    bottomPadding?: number | undefined;
                     imageUrlOverride?: string | undefined;
                     imageUrlsOverride?: string | undefined;
                     avatarImageUrlOverride?: string | undefined;
@@ -4549,7 +4569,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     onSocialLinksChange(value: UpdateItemValuePayload<LinksItem[]>): void;
     setTextStyleOption(propName: keyof PageSettingsStateSectionStyles, value: UpdateItemValuePayload<BrandPageCssStyle>): void;
     updateLogo({ logoDraftToken, logoVariation, logoLastUpdate, logoImageBase64Url, }: Partial<LogoImageModel> & {
-        logoImageBase64Url?: string | undefined;
+        logoImageBase64Url?: string;
     }): void;
     onSelectColor(selectedColor: UpdateItemValuePayload<string>): void;
     onBackgroundEnable(enabled: UpdateItemValuePayload<boolean>): void;
@@ -4579,11 +4599,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         required: true;
     };
     sectionName: {
-        type: PropType<"footer" | "header">;
+        type: PropType<PageSection>;
         required: true;
     };
     styleOptions: {
-        type: PropType<("logo" | "backgroundColor" | "displayStyle" | "socialLinks" | "iconColor" | "logoSize" | "copyright" | "fontSettings" | "headerDisplay" | "footerDisplay")[]>;
+        type: PropType<PageSectionStyleOption[]>;
         required: true;
     };
 }>> & Readonly<{}>, {