@designcrowd/library.brand-page 6.1.17-ast-header-button-5 → 6.1.17-ast-header-button-7

package/lib/src/{CreatedOnBrandCrowd-de-de-BIMxJywc.js → CreatedOnBrandCrowd-de-de-BY2Z3NZY.js}

@@ -1,5 +1,5 @@
 import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
-import { _ as t } from "./lib-1IZaC4T6.js";
+import { _ as t } from "./lib-DOu6fL9i.js";
 const i = {}, h = {
   width: "275",
   height: "36",

package/lib/src/{CreatedOnBrandCrowd-en-us-Lh5uh9n9.js → CreatedOnBrandCrowd-en-us-a9o3Bztc.js}

@@ -1,5 +1,5 @@
 import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
-import { _ as t } from "./lib-1IZaC4T6.js";
+import { _ as t } from "./lib-DOu6fL9i.js";
 const i = {}, h = {
   width: "251",
   height: "36",

package/lib/src/{CreatedOnBrandCrowd-es-es-FtLSqx3N.js → CreatedOnBrandCrowd-es-es-Bg8SCqkB.js}

@@ -1,5 +1,5 @@
 import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
-import { _ as t } from "./lib-1IZaC4T6.js";
+import { _ as t } from "./lib-DOu6fL9i.js";
 const i = {}, h = {
   width: "250",
   height: "36",

package/lib/src/{CreatedOnBrandCrowd-fr-fr-CvI8UTVG.js → CreatedOnBrandCrowd-fr-ca-N9bzJuGP.js}

@@ -1,5 +1,5 @@
 import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
-import { _ as t } from "./lib-1IZaC4T6.js";
+import { _ as t } from "./lib-DOu6fL9i.js";
 const i = {}, h = {
   width: "237",
   height: "36",

package/lib/src/{CreatedOnBrandCrowd-fr-ca-CvI8UTVG.js → CreatedOnBrandCrowd-fr-fr-N9bzJuGP.js}

@@ -1,5 +1,5 @@
 import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
-import { _ as t } from "./lib-1IZaC4T6.js";
+import { _ as t } from "./lib-DOu6fL9i.js";
 const i = {}, h = {
   width: "237",
   height: "36",

package/lib/src/{CreatedOnBrandCrowd-pt-pt-YWv5LU7d.js → CreatedOnBrandCrowd-pt-br-ComX3scB.js}

@@ -1,5 +1,5 @@
 import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
-import { _ as t } from "./lib-1IZaC4T6.js";
+import { _ as t } from "./lib-DOu6fL9i.js";
 const i = {}, h = {
   width: "263",
   height: "36",

package/lib/src/{CreatedOnBrandCrowd-pt-br-YWv5LU7d.js → CreatedOnBrandCrowd-pt-pt-ComX3scB.js}

@@ -1,5 +1,5 @@
 import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
-import { _ as t } from "./lib-1IZaC4T6.js";
+import { _ as t } from "./lib-DOu6fL9i.js";
 const i = {}, h = {
   width: "263",
   height: "36",

package/lib/src/{CreatedOnDcom-de-de-Wje6FVis.js → CreatedOnDcom-de-de-m-KtGGWQ.js}

@@ -1,5 +1,5 @@
 import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
-import { _ as e } from "./lib-1IZaC4T6.js";
+import { _ as e } from "./lib-DOu6fL9i.js";
 const M = {}, Z = {
   width: "242",
   height: "36",

package/lib/src/{CreatedOnDcom-en-us-CcuDnx-O.js → CreatedOnDcom-en-us-8O5yFoBn.js}

@@ -1,5 +1,5 @@
 import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
-import { _ as e } from "./lib-1IZaC4T6.js";
+import { _ as e } from "./lib-DOu6fL9i.js";
 const i = {}, M = {
   width: "231",
   height: "36",

package/lib/src/{CreatedOnDcom-es-es-BnqMImEL.js → CreatedOnDcom-es-es-BtEMligL.js}

@@ -1,5 +1,5 @@
 import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
-import { _ as e } from "./lib-1IZaC4T6.js";
+import { _ as e } from "./lib-DOu6fL9i.js";
 const M = {}, Z = {
   width: "230",
   height: "36",

package/lib/src/{CreatedOnDcom-fr-ca-D8VXXEme.js → CreatedOnDcom-fr-ca-CN8NWPFk.js}

@@ -1,5 +1,5 @@
 import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
-import { _ as e } from "./lib-1IZaC4T6.js";
+import { _ as e } from "./lib-DOu6fL9i.js";
 const i = {}, l = {
   width: "216",
   height: "36",

package/lib/src/{CreatedOnDcom-fr-fr-DvXQ6K_p.js → CreatedOnDcom-fr-fr-VuC39Anm.js}

@@ -1,5 +1,5 @@
 import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
-import { _ as e } from "./lib-1IZaC4T6.js";
+import { _ as e } from "./lib-DOu6fL9i.js";
 const i = {}, l = {
   width: "216",
   height: "36",

package/lib/src/{CreatedOnDcom-pt-br-2Avl0oIs.js → CreatedOnDcom-pt-br-CyIeNya-.js}

@@ -1,5 +1,5 @@
 import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
-import { _ as M } from "./lib-1IZaC4T6.js";
+import { _ as M } from "./lib-DOu6fL9i.js";
 const Z = {}, e = {
   width: "232",
   height: "36",

package/lib/src/{CreatedOnDcom-pt-pt-B782SEU7.js → CreatedOnDcom-pt-pt-DUIrNGr-.js}

@@ -1,5 +1,5 @@
 import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
-import { _ as M } from "./lib-1IZaC4T6.js";
+import { _ as M } from "./lib-DOu6fL9i.js";
 const Z = {}, e = {
   width: "232",
   height: "36",

package/lib/src/brand-page/components/page/Page.mixin.js

@@ -1,7 +1,7 @@
 import { defineComponent } from 'vue';
 import { DEFAULT_FONT_FAMILY_KEY, FALLBACK_FONT_FAMILIES, FONT_FAMILY_CONFIGS, headerRowRendersCta, } from '../../constants';
 import { getSlugFromContext, getPageHeadingText, buildPaletteRootCss, buildPaletteScopedCss, PAGE_SCOPE_ID_ATTRIBUTE, resolveColorReference, } from '@brand-page/utils';
-import { findNavItemByRelativePath } from '@brand-page/utils/route.util';
+import { findNavItemByRelativePath, hasVisibleNavigation, } from '@brand-page/utils/route.util';
 import { BRAND_PAGE_TYPES } from '@brand-page/models';
 import { hasProfileContent as checkHasProfileContent } from '@brand-page/utils/vcard.util';
 // Per-instance id for a `Page` instance. Deliberately generic — any per-instance
@@ -276,7 +276,7 @@ export default defineComponent({
                 this.contents[0]?.type === 'logo' &&
                 this.viewModel.pages.length > 1);
         },
-        // The side menu shows the button exactly when the header row doesn't — never both.
+        // The button shows in the header row OR in the side menu, never both. This gives it to the side menu when the header doesn't show it; undefined = no button in the menu.
         sideMenuHeaderButtonViewModel() {
             const header = this.viewModel.headerViewModelMobile;
             if (!header.headerButtonViewModel ||
@@ -286,11 +286,7 @@ export default defineComponent({
             return header.headerButtonViewModel;
         },
         shouldShowNavigation() {
-            // Show navigation if more than 1 non-hidden page exists, or if there's 1 page with non-hidden subpages
-            const visibleNavItems = this.context.nav.navItems.filter((item) => !item.isHidden);
-            return (visibleNavItems.length > 1 ||
-                (visibleNavItems.length === 1 &&
-                    visibleNavItems[0].nestedNavItems.some((item) => !item.isHidden)));
+            return hasVisibleNavigation(this.context.nav.navItems);
         },
         showNavigationAfterLogoMobile() {
             return (!this.context.isBrandSite &&

package/lib/src/brand-page/components/page-header/PageHeader.mixin.js

@@ -1,5 +1,6 @@
 import { defineComponent } from 'vue';
 import { LOGO_SLIDER_DESKTOP_MAX } from '../../constants';
+import { hasVisibleNavigation } from '../../utils/route.util';
 export default defineComponent({
     props: {
         navId: {
@@ -37,10 +38,7 @@ export default defineComponent({
             return this.viewModel.headerButtonViewModel;
         },
         showNav() {
-            const visibleNavItems = this.context.nav.navItems.filter((item) => !item.isHidden);
-            return (visibleNavItems.length > 1 ||
-                (visibleNavItems.length === 1 &&
-                    visibleNavItems[0].nestedNavItems.some((item) => !item.isHidden)));
+            return hasVisibleNavigation(this.context.nav.navItems);
         },
     },
     emits: ['header-container-click'],

package/lib/src/brand-page/utils/route.util.d.ts

@@ -33,3 +33,4 @@ export declare const toRouteLocation: (navItem?: NavItemViewModel) => {
 };
 export declare const findNavItemByRelativePath: (navItems: NavItemViewModel[], relativePath: string) => NavItemViewModel | undefined;
 export declare const findNavItemByPageSlug: (navItems: NavItemViewModel[], pageSlug: string) => NavItemViewModel | undefined;
+export declare const hasVisibleNavigation: (navItems: NavItemViewModel[]) => boolean;

package/lib/src/brand-page/utils/route.util.js

@@ -136,3 +136,12 @@ export const findNavItemByPageSlug = (navItems, pageSlug) => {
     }
     return undefined;
 };
+// Nav shows when more than one page is visible, or one page has visible subpages.
+// The header row and the side menu both key the button placement off this — one
+// source so the two can never disagree.
+export const hasVisibleNavigation = (navItems) => {
+    const visibleNavItems = navItems.filter((item) => !item.isHidden);
+    return (visibleNavItems.length > 1 ||
+        (visibleNavItems.length === 1 &&
+            visibleNavItems[0].nestedNavItems.some((item) => !item.isHidden)));
+};

package/lib/src/brand-page-maker/validators/section-button.validator.d.ts

@@ -1,5 +1,7 @@
 import { type BannerSectionContent, type BookingSectionContent } from '@brand-page/models';
 import type { ContentValidator } from '../models';
 export declare const textValidator: ContentValidator<BannerSectionContent>;
-export declare const urlValidator: ContentValidator<BannerSectionContent | BookingSectionContent>;
+type ButtonLinkFields = Pick<BannerSectionContent, 'buttonLinkType' | 'url' | 'buttonText'>;
+export declare const urlValidator: ContentValidator<ButtonLinkFields>;
 export declare const pageValidator: ContentValidator<BannerSectionContent | BookingSectionContent>;
+export {};

package/lib/src/css/library.brand-page-brandCrowd.min.css

@@ -5873,7 +5873,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   content: '\00A0';
 }
 
-.c-button[data-v-58fd5eb5] {
+.c-button[data-v-783c0643] {
   --icon-h: 1.5rem;
   --icon-m-r: 2rem;
   --icon-m-icon: 0.5rem;
@@ -5887,7 +5887,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
 
 /* Shape-library icons (vector, nested in .c-shape, no class on the img):
    render at the default icon size, centered in normal flow like the SVG icons. */
-.bp-button[data-v-58fd5eb5] .c-button__icon-img img {
+.bp-button[data-v-783c0643] .c-button__icon-img img {
   max-width: none;
   -o-object-fit: cover;
      object-fit: cover;
@@ -5897,7 +5897,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
 
 /* Raster image thumbnails (FallbackImage renders <img class="c-image">):
    render larger/prominent and centered over the icon slot. */
-.bp-button[data-v-58fd5eb5] .c-button__icon-img img.c-image {
+.bp-button[data-v-783c0643] .c-button__icon-img img.c-image {
   --icon-img-size: 2.3rem;
   position: absolute;
   top: calc(var(--icon-img-size) / -2 + var(--icon-h) / 2);
@@ -5905,49 +5905,49 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   width: var(--icon-img-size);
   height: var(--icon-img-size);
 }
-.c-button--disabled[data-v-58fd5eb5] {
+.c-button--disabled[data-v-783c0643] {
   pointer-events: none;
 }
-.c-button[data-v-58fd5eb5]:hover .c-button__label p {
+.c-button[data-v-783c0643]:hover .c-button__label p {
   text-decoration: underline;
 }
-.c-button__icon[data-v-58fd5eb5] {
+.c-button__icon[data-v-783c0643] {
   margin-right: var(--icon-m-r);
 }
-.bp-button[data-v-58fd5eb5] .c-button__icon-img {
+.bp-button[data-v-783c0643] .c-button__icon-img {
   margin-right: var(--icon-m-r);
   width: var(--icon-w);
   height: var(--icon-h);
 }
-.c-button__label[data-v-58fd5eb5] {
+.c-button__label[data-v-783c0643] {
   margin: 0 auto;
   word-break: break-word;
   overflow-wrap: anywhere;
   width: auto;
 }
-.c-button__label--offset-sm[data-v-58fd5eb5] {
+.c-button__label--offset-sm[data-v-783c0643] {
   -webkit-transform: translateX(-1.5rem);
           transform: translateX(-1.5rem);
 }
-.c-button__label--offset-md[data-v-58fd5eb5] {
+.c-button__label--offset-md[data-v-783c0643] {
   -webkit-transform: translateX(-1.75rem);
           transform: translateX(-1.75rem);
 }
-.c-button__label--offset-lg[data-v-58fd5eb5] {
+.c-button__label--offset-lg[data-v-783c0643] {
   -webkit-transform: translateX(-1.5rem);
           transform: translateX(-1.5rem);
 }
-.c-button__no-icon[data-v-58fd5eb5] {
+.c-button__no-icon[data-v-783c0643] {
   margin-right: var(--icon-m-r);
   width: var(--icon-w);
   height: var(--icon-h);
 }
-.device-wrapper--mobile .c-button__icon[data-v-58fd5eb5] {
+.device-wrapper--mobile .c-button__icon[data-v-783c0643] {
   margin: 0;
   margin-right: var(--icon-m-r);
 }
 @media (min-width: 767px) {
-.c-button__icon[data-v-58fd5eb5] {
+.c-button__icon[data-v-783c0643] {
     margin: 0 var(--icon-m-icon);
 }
 }
@@ -9743,7 +9743,7 @@ input.dynamic-width-input[data-v-97be2e87]:focus {
     color: rgb(36 36 36 / var(--tw-text-opacity))
 }
 
-.header-button-settings_option-title[data-v-514c27f1] {
+.header-button-settings_option-title[data-v-8512a3c6] {
     font-family: Lato, Helvetica, sans-serif;
     font-size: 0.875rem;
     line-height: 1.25rem;
@@ -9791,7 +9791,7 @@ input.dynamic-width-input[data-v-97be2e87]:focus {
   margin: 0 auto;
 }
 
-.header-settings-panel_option-title[data-v-2b849103] {
+.header-settings-panel_option-title[data-v-65389e78] {
     font-family: Lato, Helvetica, sans-serif;
     font-size: 0.875rem;
     line-height: 1.25rem;

package/lib/src/css/library.brand-page-brandPage.min.css

@@ -6493,7 +6493,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   content: '\00A0';
 }
 
-.c-button[data-v-58fd5eb5] {
+.c-button[data-v-783c0643] {
   --icon-h: 1.5rem;
   --icon-m-r: 2rem;
   --icon-m-icon: 0.5rem;
@@ -6507,7 +6507,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
 
 /* Shape-library icons (vector, nested in .c-shape, no class on the img):
    render at the default icon size, centered in normal flow like the SVG icons. */
-.bp-button[data-v-58fd5eb5] .c-button__icon-img img {
+.bp-button[data-v-783c0643] .c-button__icon-img img {
   max-width: none;
   -o-object-fit: cover;
      object-fit: cover;
@@ -6517,7 +6517,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
 
 /* Raster image thumbnails (FallbackImage renders <img class="c-image">):
    render larger/prominent and centered over the icon slot. */
-.bp-button[data-v-58fd5eb5] .c-button__icon-img img.c-image {
+.bp-button[data-v-783c0643] .c-button__icon-img img.c-image {
   --icon-img-size: 2.3rem;
   position: absolute;
   top: calc(var(--icon-img-size) / -2 + var(--icon-h) / 2);
@@ -6525,49 +6525,49 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   width: var(--icon-img-size);
   height: var(--icon-img-size);
 }
-.c-button--disabled[data-v-58fd5eb5] {
+.c-button--disabled[data-v-783c0643] {
   pointer-events: none;
 }
-.c-button[data-v-58fd5eb5]:hover .c-button__label p {
+.c-button[data-v-783c0643]:hover .c-button__label p {
   text-decoration: underline;
 }
-.c-button__icon[data-v-58fd5eb5] {
+.c-button__icon[data-v-783c0643] {
   margin-right: var(--icon-m-r);
 }
-.bp-button[data-v-58fd5eb5] .c-button__icon-img {
+.bp-button[data-v-783c0643] .c-button__icon-img {
   margin-right: var(--icon-m-r);
   width: var(--icon-w);
   height: var(--icon-h);
 }
-.c-button__label[data-v-58fd5eb5] {
+.c-button__label[data-v-783c0643] {
   margin: 0 auto;
   word-break: break-word;
   overflow-wrap: anywhere;
   width: auto;
 }
-.c-button__label--offset-sm[data-v-58fd5eb5] {
+.c-button__label--offset-sm[data-v-783c0643] {
   -webkit-transform: translateX(-1.5rem);
           transform: translateX(-1.5rem);
 }
-.c-button__label--offset-md[data-v-58fd5eb5] {
+.c-button__label--offset-md[data-v-783c0643] {
   -webkit-transform: translateX(-1.75rem);
           transform: translateX(-1.75rem);
 }
-.c-button__label--offset-lg[data-v-58fd5eb5] {
+.c-button__label--offset-lg[data-v-783c0643] {
   -webkit-transform: translateX(-1.5rem);
           transform: translateX(-1.5rem);
 }
-.c-button__no-icon[data-v-58fd5eb5] {
+.c-button__no-icon[data-v-783c0643] {
   margin-right: var(--icon-m-r);
   width: var(--icon-w);
   height: var(--icon-h);
 }
-.device-wrapper--mobile .c-button__icon[data-v-58fd5eb5] {
+.device-wrapper--mobile .c-button__icon[data-v-783c0643] {
   margin: 0;
   margin-right: var(--icon-m-r);
 }
 @media (min-width: 767px) {
-.c-button__icon[data-v-58fd5eb5] {
+.c-button__icon[data-v-783c0643] {
     margin: 0 var(--icon-m-icon);
 }
 }
@@ -10363,7 +10363,7 @@ input.dynamic-width-input[data-v-97be2e87]:focus {
     color: rgb(36 36 36 / var(--tw-text-opacity))
 }
 
-.header-button-settings_option-title[data-v-514c27f1] {
+.header-button-settings_option-title[data-v-8512a3c6] {
     font-family: Lato, Helvetica, sans-serif;
     font-size: 0.875rem;
     line-height: 1.25rem;
@@ -10411,7 +10411,7 @@ input.dynamic-width-input[data-v-97be2e87]:focus {
   margin: 0 auto;
 }
 
-.header-settings-panel_option-title[data-v-2b849103] {
+.header-settings-panel_option-title[data-v-65389e78] {
     font-family: Lato, Helvetica, sans-serif;
     font-size: 0.875rem;
     line-height: 1.25rem;

package/lib/src/css/library.brand-page-designCom.min.css

@@ -5903,7 +5903,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   content: '\00A0';
 }
 
-.c-button[data-v-58fd5eb5] {
+.c-button[data-v-783c0643] {
   --icon-h: 1.5rem;
   --icon-m-r: 2rem;
   --icon-m-icon: 0.5rem;
@@ -5917,7 +5917,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
 
 /* Shape-library icons (vector, nested in .c-shape, no class on the img):
    render at the default icon size, centered in normal flow like the SVG icons. */
-.bp-button[data-v-58fd5eb5] .c-button__icon-img img {
+.bp-button[data-v-783c0643] .c-button__icon-img img {
   max-width: none;
   -o-object-fit: cover;
      object-fit: cover;
@@ -5927,7 +5927,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
 
 /* Raster image thumbnails (FallbackImage renders <img class="c-image">):
    render larger/prominent and centered over the icon slot. */
-.bp-button[data-v-58fd5eb5] .c-button__icon-img img.c-image {
+.bp-button[data-v-783c0643] .c-button__icon-img img.c-image {
   --icon-img-size: 2.3rem;
   position: absolute;
   top: calc(var(--icon-img-size) / -2 + var(--icon-h) / 2);
@@ -5935,49 +5935,49 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   width: var(--icon-img-size);
   height: var(--icon-img-size);
 }
-.c-button--disabled[data-v-58fd5eb5] {
+.c-button--disabled[data-v-783c0643] {
   pointer-events: none;
 }
-.c-button[data-v-58fd5eb5]:hover .c-button__label p {
+.c-button[data-v-783c0643]:hover .c-button__label p {
   text-decoration: underline;
 }
-.c-button__icon[data-v-58fd5eb5] {
+.c-button__icon[data-v-783c0643] {
   margin-right: var(--icon-m-r);
 }
-.bp-button[data-v-58fd5eb5] .c-button__icon-img {
+.bp-button[data-v-783c0643] .c-button__icon-img {
   margin-right: var(--icon-m-r);
   width: var(--icon-w);
   height: var(--icon-h);
 }
-.c-button__label[data-v-58fd5eb5] {
+.c-button__label[data-v-783c0643] {
   margin: 0 auto;
   word-break: break-word;
   overflow-wrap: anywhere;
   width: auto;
 }
-.c-button__label--offset-sm[data-v-58fd5eb5] {
+.c-button__label--offset-sm[data-v-783c0643] {
   -webkit-transform: translateX(-1.5rem);
           transform: translateX(-1.5rem);
 }
-.c-button__label--offset-md[data-v-58fd5eb5] {
+.c-button__label--offset-md[data-v-783c0643] {
   -webkit-transform: translateX(-1.75rem);
           transform: translateX(-1.75rem);
 }
-.c-button__label--offset-lg[data-v-58fd5eb5] {
+.c-button__label--offset-lg[data-v-783c0643] {
   -webkit-transform: translateX(-1.5rem);
           transform: translateX(-1.5rem);
 }
-.c-button__no-icon[data-v-58fd5eb5] {
+.c-button__no-icon[data-v-783c0643] {
   margin-right: var(--icon-m-r);
   width: var(--icon-w);
   height: var(--icon-h);
 }
-.device-wrapper--mobile .c-button__icon[data-v-58fd5eb5] {
+.device-wrapper--mobile .c-button__icon[data-v-783c0643] {
   margin: 0;
   margin-right: var(--icon-m-r);
 }
 @media (min-width: 767px) {
-.c-button__icon[data-v-58fd5eb5] {
+.c-button__icon[data-v-783c0643] {
     margin: 0 var(--icon-m-icon);
 }
 }
@@ -9773,7 +9773,7 @@ input.dynamic-width-input[data-v-97be2e87]:focus {
     color: rgb(24 24 24 / var(--tw-text-opacity))
 }
 
-.header-button-settings_option-title[data-v-514c27f1] {
+.header-button-settings_option-title[data-v-8512a3c6] {
     font-family: Inter, Helvetica, sans-serif;
     font-size: 0.875rem;
     line-height: 1.25rem;
@@ -9821,7 +9821,7 @@ input.dynamic-width-input[data-v-97be2e87]:focus {
   margin: 0 auto;
 }
 
-.header-settings-panel_option-title[data-v-2b849103] {
+.header-settings-panel_option-title[data-v-65389e78] {
     font-family: Inter, Helvetica, sans-serif;
     font-size: 0.875rem;
     line-height: 1.25rem;

package/lib/src/css/library.brand-page-preview.min.css

@@ -5873,7 +5873,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   content: '\00A0';
 }
 
-.bp .c-button[data-v-58fd5eb5] {
+.bp .c-button[data-v-783c0643] {
   --icon-h: 1.5rem;
   --icon-m-r: 2rem;
   --icon-m-icon: 0.5rem;
@@ -5887,7 +5887,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
 
 /* Shape-library icons (vector, nested in .c-shape, no class on the img):
    render at the default icon size, centered in normal flow like the SVG icons. */
-.bp .bp-button[data-v-58fd5eb5] .c-button__icon-img img {
+.bp .bp-button[data-v-783c0643] .c-button__icon-img img {
   max-width: none;
   -o-object-fit: cover;
      object-fit: cover;
@@ -5897,7 +5897,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
 
 /* Raster image thumbnails (FallbackImage renders <img class="c-image">):
    render larger/prominent and centered over the icon slot. */
-.bp .bp-button[data-v-58fd5eb5] .c-button__icon-img img.c-image {
+.bp .bp-button[data-v-783c0643] .c-button__icon-img img.c-image {
   --icon-img-size: 2.3rem;
   position: absolute;
   top: calc(var(--icon-img-size) / -2 + var(--icon-h) / 2);
@@ -5905,49 +5905,49 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   width: var(--icon-img-size);
   height: var(--icon-img-size);
 }
-.bp .c-button--disabled[data-v-58fd5eb5] {
+.bp .c-button--disabled[data-v-783c0643] {
   pointer-events: none;
 }
-.bp .c-button[data-v-58fd5eb5]:hover .c-button__label p {
+.bp .c-button[data-v-783c0643]:hover .c-button__label p {
   text-decoration: underline;
 }
-.bp .c-button__icon[data-v-58fd5eb5] {
+.bp .c-button__icon[data-v-783c0643] {
   margin-right: var(--icon-m-r);
 }
-.bp .bp-button[data-v-58fd5eb5] .c-button__icon-img {
+.bp .bp-button[data-v-783c0643] .c-button__icon-img {
   margin-right: var(--icon-m-r);
   width: var(--icon-w);
   height: var(--icon-h);
 }
-.bp .c-button__label[data-v-58fd5eb5] {
+.bp .c-button__label[data-v-783c0643] {
   margin: 0 auto;
   word-break: break-word;
   overflow-wrap: anywhere;
   width: auto;
 }
-.bp .c-button__label--offset-sm[data-v-58fd5eb5] {
+.bp .c-button__label--offset-sm[data-v-783c0643] {
   -webkit-transform: translateX(-1.5rem);
           transform: translateX(-1.5rem);
 }
-.bp .c-button__label--offset-md[data-v-58fd5eb5] {
+.bp .c-button__label--offset-md[data-v-783c0643] {
   -webkit-transform: translateX(-1.75rem);
           transform: translateX(-1.75rem);
 }
-.bp .c-button__label--offset-lg[data-v-58fd5eb5] {
+.bp .c-button__label--offset-lg[data-v-783c0643] {
   -webkit-transform: translateX(-1.5rem);
           transform: translateX(-1.5rem);
 }
-.bp .c-button__no-icon[data-v-58fd5eb5] {
+.bp .c-button__no-icon[data-v-783c0643] {
   margin-right: var(--icon-m-r);
   width: var(--icon-w);
   height: var(--icon-h);
 }
-.bp .device-wrapper--mobile .c-button__icon[data-v-58fd5eb5] {
+.bp .device-wrapper--mobile .c-button__icon[data-v-783c0643] {
   margin: 0;
   margin-right: var(--icon-m-r);
 }
 @media (min-width: 767px) {
-.bp .c-button__icon[data-v-58fd5eb5] {
+.bp .c-button__icon[data-v-783c0643] {
     margin: 0 var(--icon-m-icon);
 }
 }
@@ -9743,7 +9743,7 @@ input.dynamic-width-input[data-v-97be2e87]:focus {
     color: rgb(36 36 36 / var(--tw-text-opacity))
 }
 
-.bp .header-button-settings_option-title[data-v-514c27f1] {
+.bp .header-button-settings_option-title[data-v-8512a3c6] {
     font-family: Lato, Helvetica, sans-serif;
     font-size: 0.875rem;
     line-height: 1.25rem;
@@ -9791,7 +9791,7 @@ input.dynamic-width-input[data-v-97be2e87]:focus {
   margin: 0 auto;
 }
 
-.bp .header-settings-panel_option-title[data-v-2b849103] {
+.bp .header-settings-panel_option-title[data-v-65389e78] {
     font-family: Lato, Helvetica, sans-serif;
     font-size: 0.875rem;
     line-height: 1.25rem;

package/lib/src/index.mjs

@@ -1,4 +1,4 @@
-import { A as s, a as I, b as S, c as N, d as e, e as A, f as O, B as t, g as C, h as D, i as G, j as P, k as R, l as o, m as L, n as M, o as r, p as n, q as i, r as l, s as b, t as c, u as F, v as g, w as B, x as Y, y as d, z as U, C as u, D as p, E as H, F as y, G as m, H as K, I as k, J as V, K as v, L as X, M as h, N as f, O as x, P as W, Q as z, R as w, S as J, T as Z, U as j, V as q, W as Q, X as $, Y as aa, Z as Ea, $ as _a, a0 as Ta, a1 as sa, a2 as Ia, a3 as Sa, a4 as Na, a5 as ea, a6 as Aa, a7 as Oa, a8 as ta, a9 as Ca, aa as Da, ab as Ga, ac as Pa, ad as Ra, ae as oa, af as La, ag as Ma, ah as ra, ai as na, aj as ia, ak as la, al as ba, am as ca, an as Fa, ao as ga, ap as Ba, aq as Ya, ar as da, as as Ua, at as ua, au as pa, av as Ha, aw as ya, ax as ma, ay as Ka, az as ka, aA as Va, aB as va, aC as Xa, aD as ha, aE as fa, aF as xa, aG as Wa, aH as za, aI as wa, aJ as Ja, aK as Za, aL as ja, aM as qa, aN as Qa, aO as $a, aP as aE, aQ as EE, aR as _E, aS as TE, aT as sE, aU as IE, aV as SE, aW as NE, aX as eE, aY as AE, aZ as OE, a_ as tE, a$ as CE, b0 as DE, b1 as GE, b2 as PE, b3 as RE, b4 as oE, b5 as LE, b6 as ME, b7 as rE, b8 as nE, b9 as iE, ba as lE, bb as bE, bc as cE, bd as FE, be as gE, bf as BE, bg as YE, bh as dE, bi as UE, bj as uE, bk as pE, bl as HE, bm as yE, bn as mE, bo as KE, bp as kE, bq as VE, br as vE, bs as XE, bt as hE, bu as fE, bv as xE, bw as WE, bx as zE, by as wE, bz as JE, bA as ZE, bB as jE, bC as qE, bD as QE, bE as $E, bF as a_, bG as E_, bH as __, bI as T_, bJ as s_, bK as I_, bL as S_, bM as N_, bN as e_, bO as A_, bP as O_, bQ as t_, bR as C_, bS as D_, bT as G_, bU as P_, bV as R_, bW as o_, bX as L_, bY as M_, bZ as r_, b_ as n_, b$ as i_, c0 as l_, c1 as b_, c2 as c_, c3 as F_, c4 as g_, c5 as B_, c6 as Y_, c7 as d_, c8 as U_, c9 as u_, ca as p_, cb as H_, cc as y_, cd as m_, ce as K_, cf as k_, cg as V_, ch as v_, ci as X_, cj as h_, ck as f_, cl as x_, cm as W_, cn as z_, co as w_, cp as J_, cq as Z_, cr as j_, cs as q_, ct as Q_, cu as $_, cv as aT, cw as ET, cx as _T, cy as TT, cz as sT, cA as IT, cB as ST, cC as NT, cD as eT, cE as AT } from "./lib-1IZaC4T6.js";
+import { A as s, a as I, b as S, c as N, d as e, e as A, f as O, B as t, g as C, h as D, i as G, j as P, k as R, l as o, m as L, n as M, o as r, p as n, q as i, r as l, s as b, t as c, u as F, v as g, w as B, x as Y, y as d, z as U, C as u, D as p, E as H, F as y, G as m, H as K, I as k, J as V, K as v, L as X, M as h, N as f, O as x, P as W, Q as z, R as w, S as J, T as Z, U as j, V as q, W as Q, X as $, Y as aa, Z as Ea, $ as _a, a0 as Ta, a1 as sa, a2 as Ia, a3 as Sa, a4 as Na, a5 as ea, a6 as Aa, a7 as Oa, a8 as ta, a9 as Ca, aa as Da, ab as Ga, ac as Pa, ad as Ra, ae as oa, af as La, ag as Ma, ah as ra, ai as na, aj as ia, ak as la, al as ba, am as ca, an as Fa, ao as ga, ap as Ba, aq as Ya, ar as da, as as Ua, at as ua, au as pa, av as Ha, aw as ya, ax as ma, ay as Ka, az as ka, aA as Va, aB as va, aC as Xa, aD as ha, aE as fa, aF as xa, aG as Wa, aH as za, aI as wa, aJ as Ja, aK as Za, aL as ja, aM as qa, aN as Qa, aO as $a, aP as aE, aQ as EE, aR as _E, aS as TE, aT as sE, aU as IE, aV as SE, aW as NE, aX as eE, aY as AE, aZ as OE, a_ as tE, a$ as CE, b0 as DE, b1 as GE, b2 as PE, b3 as RE, b4 as oE, b5 as LE, b6 as ME, b7 as rE, b8 as nE, b9 as iE, ba as lE, bb as bE, bc as cE, bd as FE, be as gE, bf as BE, bg as YE, bh as dE, bi as UE, bj as uE, bk as pE, bl as HE, bm as yE, bn as mE, bo as KE, bp as kE, bq as VE, br as vE, bs as XE, bt as hE, bu as fE, bv as xE, bw as WE, bx as zE, by as wE, bz as JE, bA as ZE, bB as jE, bC as qE, bD as QE, bE as $E, bF as a_, bG as E_, bH as __, bI as T_, bJ as s_, bK as I_, bL as S_, bM as N_, bN as e_, bO as A_, bP as O_, bQ as t_, bR as C_, bS as D_, bT as G_, bU as P_, bV as R_, bW as o_, bX as L_, bY as M_, bZ as r_, b_ as n_, b$ as i_, c0 as l_, c1 as b_, c2 as c_, c3 as F_, c4 as g_, c5 as B_, c6 as Y_, c7 as d_, c8 as U_, c9 as u_, ca as p_, cb as H_, cc as y_, cd as m_, ce as K_, cf as k_, cg as V_, ch as v_, ci as X_, cj as h_, ck as f_, cl as x_, cm as W_, cn as z_, co as w_, cp as J_, cq as Z_, cr as j_, cs as q_, ct as Q_, cu as $_, cv as aT, cw as ET, cx as _T, cy as TT, cz as sT, cA as IT, cB as ST, cC as NT, cD as eT, cE as AT } from "./lib-DOu6fL9i.js";
 import { U as tT, u as CT } from "./useEventTracker-C5Ql5p7u.js";
 import "vue";
 import "vue-cropperjs";