@opensite/ui 3.0.5 → 3.0.6

package/dist/footer-newsletter-contact.d.cts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { F as FooterSocialLink } from './types-Cs1jk79n.cjs';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-2nI4WPsD.cjs';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-D8cbIf_y.cjs';
 import { FormEngineProps } from '@page-speed/forms/integration';
 import { A as ActionConfig } from './blocks-DL92rOxr.cjs';
 import 'class-variance-authority';
@@ -118,6 +118,8 @@ interface FooterNewsletterContactProps {
      * Additional CSS classes for the newsletter form
      */
     newsletterFormClassName?: string;
+    /** Optional Section ID */
+    sectionId?: string;
 }
 /**
  * Footer Newsletter Contact - A comprehensive footer with newsletter signup,
@@ -147,6 +149,6 @@ interface FooterNewsletterContactProps {
  * />
  * ```
  */
-declare function FooterNewsletterContact({ newsletterTitle, newsletterDescription, footerLinks, contactDetails, socialLinks, logo, copyright, className, background, containerClassName, spacing, pattern, patternOpacity, optixFlowConfig, formEngineSetup, buttonAction, formSlot, newsletterFormClassName, }: FooterNewsletterContactProps): react_jsx_runtime.JSX.Element;
+declare function FooterNewsletterContact({ sectionId, newsletterTitle, newsletterDescription, footerLinks, contactDetails, socialLinks, logo, copyright, className, background, containerClassName, spacing, pattern, patternOpacity, optixFlowConfig, formEngineSetup, buttonAction, formSlot, newsletterFormClassName, }: FooterNewsletterContactProps): react_jsx_runtime.JSX.Element;
 
 export { FooterNewsletterContact, type FooterNewsletterContactDetail, type FooterNewsletterContactLink, type FooterNewsletterContactProps, type FooterNewsletterContactSection, FooterSocialLink };

package/dist/footer-newsletter-contact.d.ts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { F as FooterSocialLink } from './types-Cs1jk79n.js';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-RgHoLtLt.js';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-qC2HCInM.js';
 import { FormEngineProps } from '@page-speed/forms/integration';
 import { A as ActionConfig } from './blocks-DL92rOxr.js';
 import 'class-variance-authority';
@@ -118,6 +118,8 @@ interface FooterNewsletterContactProps {
      * Additional CSS classes for the newsletter form
      */
     newsletterFormClassName?: string;
+    /** Optional Section ID */
+    sectionId?: string;
 }
 /**
  * Footer Newsletter Contact - A comprehensive footer with newsletter signup,
@@ -147,6 +149,6 @@ interface FooterNewsletterContactProps {
  * />
  * ```
  */
-declare function FooterNewsletterContact({ newsletterTitle, newsletterDescription, footerLinks, contactDetails, socialLinks, logo, copyright, className, background, containerClassName, spacing, pattern, patternOpacity, optixFlowConfig, formEngineSetup, buttonAction, formSlot, newsletterFormClassName, }: FooterNewsletterContactProps): react_jsx_runtime.JSX.Element;
+declare function FooterNewsletterContact({ sectionId, newsletterTitle, newsletterDescription, footerLinks, contactDetails, socialLinks, logo, copyright, className, background, containerClassName, spacing, pattern, patternOpacity, optixFlowConfig, formEngineSetup, buttonAction, formSlot, newsletterFormClassName, }: FooterNewsletterContactProps): react_jsx_runtime.JSX.Element;
 
 export { FooterNewsletterContact, type FooterNewsletterContactDetail, type FooterNewsletterContactLink, type FooterNewsletterContactProps, type FooterNewsletterContactSection, FooterSocialLink };

package/dist/footer-newsletter-contact.js

@@ -1130,6 +1130,7 @@ var DEFAULT_FORM_FIELDS = [
   }
 ];
 function FooterNewsletterContact({
+  sectionId = "footer-newsletter-contact",
   newsletterTitle,
   newsletterDescription,
   footerLinks,
@@ -1230,6 +1231,7 @@ function FooterNewsletterContact({
   return /* @__PURE__ */ jsx(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,

package/dist/footer-newsletter-grid.d.cts

@@ -1,4 +1,4 @@
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-2nI4WPsD.cjs';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-D8cbIf_y.cjs';
 import { F as FooterSocialLink } from './types-Cs1jk79n.cjs';
 import './blocks-DL92rOxr.cjs';
 import 'react';

package/dist/footer-newsletter-grid.d.ts

@@ -1,4 +1,4 @@
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-RgHoLtLt.js';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-qC2HCInM.js';
 import { F as FooterSocialLink } from './types-Cs1jk79n.js';
 import './blocks-DL92rOxr.js';
 import 'react';

package/dist/footer-newsletter-minimal.cjs

@@ -1059,6 +1059,7 @@ var DEFAULT_FORM_FIELDS = [
   }
 ];
 function FooterNewsletterMinimal({
+  sectionId = "footer-newsletter-minimal",
   heading,
   supportLabel,
   supportEmail,
@@ -1178,6 +1179,7 @@ function FooterNewsletterMinimal({
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,

package/dist/footer-newsletter-minimal.d.cts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-2nI4WPsD.cjs';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-D8cbIf_y.cjs';
 import { N as NavLinkItem, O as OptixFlowConfig, A as ActionConfig } from './blocks-DL92rOxr.cjs';
 import { F as FooterSocialLink } from './types-Cs1jk79n.cjs';
 import { FormEngineProps } from '@page-speed/forms/integration';
@@ -107,6 +107,8 @@ interface FooterNewsletterMinimalProps {
      * Custom slot for the form (overrides form props)
      */
     formSlot?: React.ReactNode;
+    /** Optional Section ID */
+    sectionId?: string;
 }
 /**
  * FooterNewsletterMinimal - A dark-themed minimal footer with newsletter and animated logo.
@@ -132,6 +134,6 @@ interface FooterNewsletterMinimalProps {
  * />
  * ```
  */
-declare function FooterNewsletterMinimal({ heading, supportLabel, supportEmail, navLinks, socialLinks, footerLinks, newsletterLabel, brandText, copyright, location, className, contentClassName, topSectionClassName, headingClassName, supportClassName, navGridClassName, navLinksClassName, navLinkClassName, socialLinksClassName, socialLinkClassName, newsletterSectionClassName, newsletterLabelClassName, newsletterFormClassName, bottomGridClassName, locationClassName, footerLinksClassName, footerLinkClassName, brandSectionClassName, brandTextClassName, copyrightClassName, background, containerClassName, spacing, pattern, patternOpacity, formEngineSetup, buttonAction, formSlot, }: FooterNewsletterMinimalProps): React.JSX.Element;
+declare function FooterNewsletterMinimal({ sectionId, heading, supportLabel, supportEmail, navLinks, socialLinks, footerLinks, newsletterLabel, brandText, copyright, location, className, contentClassName, topSectionClassName, headingClassName, supportClassName, navGridClassName, navLinksClassName, navLinkClassName, socialLinksClassName, socialLinkClassName, newsletterSectionClassName, newsletterLabelClassName, newsletterFormClassName, bottomGridClassName, locationClassName, footerLinksClassName, footerLinkClassName, brandSectionClassName, brandTextClassName, copyrightClassName, background, containerClassName, spacing, pattern, patternOpacity, formEngineSetup, buttonAction, formSlot, }: FooterNewsletterMinimalProps): React.JSX.Element;
 
 export { FooterNewsletterMinimal, type FooterNewsletterMinimalFooterLink, type FooterNewsletterMinimalProps };

package/dist/footer-newsletter-minimal.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-RgHoLtLt.js';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-qC2HCInM.js';
 import { N as NavLinkItem, O as OptixFlowConfig, A as ActionConfig } from './blocks-DL92rOxr.js';
 import { F as FooterSocialLink } from './types-Cs1jk79n.js';
 import { FormEngineProps } from '@page-speed/forms/integration';
@@ -107,6 +107,8 @@ interface FooterNewsletterMinimalProps {
      * Custom slot for the form (overrides form props)
      */
     formSlot?: React.ReactNode;
+    /** Optional Section ID */
+    sectionId?: string;
 }
 /**
  * FooterNewsletterMinimal - A dark-themed minimal footer with newsletter and animated logo.
@@ -132,6 +134,6 @@ interface FooterNewsletterMinimalProps {
  * />
  * ```
  */
-declare function FooterNewsletterMinimal({ heading, supportLabel, supportEmail, navLinks, socialLinks, footerLinks, newsletterLabel, brandText, copyright, location, className, contentClassName, topSectionClassName, headingClassName, supportClassName, navGridClassName, navLinksClassName, navLinkClassName, socialLinksClassName, socialLinkClassName, newsletterSectionClassName, newsletterLabelClassName, newsletterFormClassName, bottomGridClassName, locationClassName, footerLinksClassName, footerLinkClassName, brandSectionClassName, brandTextClassName, copyrightClassName, background, containerClassName, spacing, pattern, patternOpacity, formEngineSetup, buttonAction, formSlot, }: FooterNewsletterMinimalProps): React.JSX.Element;
+declare function FooterNewsletterMinimal({ sectionId, heading, supportLabel, supportEmail, navLinks, socialLinks, footerLinks, newsletterLabel, brandText, copyright, location, className, contentClassName, topSectionClassName, headingClassName, supportClassName, navGridClassName, navLinksClassName, navLinkClassName, socialLinksClassName, socialLinkClassName, newsletterSectionClassName, newsletterLabelClassName, newsletterFormClassName, bottomGridClassName, locationClassName, footerLinksClassName, footerLinkClassName, brandSectionClassName, brandTextClassName, copyrightClassName, background, containerClassName, spacing, pattern, patternOpacity, formEngineSetup, buttonAction, formSlot, }: FooterNewsletterMinimalProps): React.JSX.Element;
 
 export { FooterNewsletterMinimal, type FooterNewsletterMinimalFooterLink, type FooterNewsletterMinimalProps };

package/dist/footer-newsletter-minimal.js

@@ -1038,6 +1038,7 @@ var DEFAULT_FORM_FIELDS = [
   }
 ];
 function FooterNewsletterMinimal({
+  sectionId = "footer-newsletter-minimal",
   heading,
   supportLabel,
   supportEmail,
@@ -1157,6 +1158,7 @@ function FooterNewsletterMinimal({
   return /* @__PURE__ */ jsx(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,

package/dist/footer-simple-centered.cjs

@@ -1015,6 +1015,7 @@ var Section = React__namespace.default.forwardRef(
 );
 Section.displayName = "Section";
 function FooterSimpleCentered({
+  sectionId = "footer-simple-centered",
   logo,
   tagline,
   sitemap,
@@ -1083,6 +1084,7 @@ function FooterSimpleCentered({
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,

package/dist/footer-simple-centered.d.cts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-2nI4WPsD.cjs';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-D8cbIf_y.cjs';
 import { N as NavLinkItem, O as OptixFlowConfig } from './blocks-DL92rOxr.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
@@ -97,6 +97,8 @@ interface FooterSimpleCenteredProps {
     patternOpacity?: number;
     /** Optional Optix Flow configuration for @page-speed/img */
     optixFlowConfig?: OptixFlowConfig;
+    /** Optional Section ID */
+    sectionId?: string;
 }
 /**
  * FooterSimpleCentered - A clean, minimal footer with logo, sitemap, and legal links.
@@ -105,6 +107,6 @@ interface FooterSimpleCenteredProps {
  * Ideal for corporate websites, landing pages, and products that prefer a clean,
  * uncluttered footer design without social media or newsletter elements.
  */
-declare function FooterSimpleCentered({ logo, tagline, sitemap, copyright, bottomLinks, className, footerClassName, contentClassName, containerClassName, spacing, brandClassName, logoWrapperClassName, logoClassName, taglineClassName, sitemapWrapperClassName, sitemapSectionClassName, sitemapTitleClassName, sitemapLinksClassName, sitemapLinkClassName, bottomBarClassName, copyrightClassName, bottomLinksClassName, bottomLinkClassName, background, pattern, patternOpacity, optixFlowConfig, }: FooterSimpleCenteredProps): React.JSX.Element;
+declare function FooterSimpleCentered({ sectionId, logo, tagline, sitemap, copyright, bottomLinks, className, footerClassName, contentClassName, containerClassName, spacing, brandClassName, logoWrapperClassName, logoClassName, taglineClassName, sitemapWrapperClassName, sitemapSectionClassName, sitemapTitleClassName, sitemapLinksClassName, sitemapLinkClassName, bottomBarClassName, copyrightClassName, bottomLinksClassName, bottomLinkClassName, background, pattern, patternOpacity, optixFlowConfig, }: FooterSimpleCenteredProps): React.JSX.Element;
 
 export { FooterSimpleCentered, type FooterSimpleCenteredProps, type FooterSimpleCenteredSection };

package/dist/footer-simple-centered.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-RgHoLtLt.js';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-qC2HCInM.js';
 import { N as NavLinkItem, O as OptixFlowConfig } from './blocks-DL92rOxr.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
@@ -97,6 +97,8 @@ interface FooterSimpleCenteredProps {
     patternOpacity?: number;
     /** Optional Optix Flow configuration for @page-speed/img */
     optixFlowConfig?: OptixFlowConfig;
+    /** Optional Section ID */
+    sectionId?: string;
 }
 /**
  * FooterSimpleCentered - A clean, minimal footer with logo, sitemap, and legal links.
@@ -105,6 +107,6 @@ interface FooterSimpleCenteredProps {
  * Ideal for corporate websites, landing pages, and products that prefer a clean,
  * uncluttered footer design without social media or newsletter elements.
  */
-declare function FooterSimpleCentered({ logo, tagline, sitemap, copyright, bottomLinks, className, footerClassName, contentClassName, containerClassName, spacing, brandClassName, logoWrapperClassName, logoClassName, taglineClassName, sitemapWrapperClassName, sitemapSectionClassName, sitemapTitleClassName, sitemapLinksClassName, sitemapLinkClassName, bottomBarClassName, copyrightClassName, bottomLinksClassName, bottomLinkClassName, background, pattern, patternOpacity, optixFlowConfig, }: FooterSimpleCenteredProps): React.JSX.Element;
+declare function FooterSimpleCentered({ sectionId, logo, tagline, sitemap, copyright, bottomLinks, className, footerClassName, contentClassName, containerClassName, spacing, brandClassName, logoWrapperClassName, logoClassName, taglineClassName, sitemapWrapperClassName, sitemapSectionClassName, sitemapTitleClassName, sitemapLinksClassName, sitemapLinkClassName, bottomBarClassName, copyrightClassName, bottomLinksClassName, bottomLinkClassName, background, pattern, patternOpacity, optixFlowConfig, }: FooterSimpleCenteredProps): React.JSX.Element;
 
 export { FooterSimpleCentered, type FooterSimpleCenteredProps, type FooterSimpleCenteredSection };

package/dist/footer-simple-centered.js

@@ -994,6 +994,7 @@ var Section = React__default.forwardRef(
 );
 Section.displayName = "Section";
 function FooterSimpleCentered({
+  sectionId = "footer-simple-centered",
   logo,
   tagline,
   sitemap,
@@ -1062,6 +1063,7 @@ function FooterSimpleCentered({
   return /* @__PURE__ */ jsx(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,

package/dist/footer-social-apps.d.cts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-2nI4WPsD.cjs';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-D8cbIf_y.cjs';
 import { F as FooterSocialLink } from './types-Cs1jk79n.cjs';
 import './blocks-DL92rOxr.cjs';
 import 'class-variance-authority';

package/dist/footer-social-apps.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-RgHoLtLt.js';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-qC2HCInM.js';
 import { F as FooterSocialLink } from './types-Cs1jk79n.js';
 import './blocks-DL92rOxr.js';
 import 'class-variance-authority';

package/dist/footer-social-newsletter.d.cts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-2nI4WPsD.cjs';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-D8cbIf_y.cjs';
 import { O as OptixFlowConfig } from './blocks-DL92rOxr.cjs';
 import { F as FooterSocialLink } from './types-Cs1jk79n.cjs';
 import { FormEngineProps } from '@page-speed/forms/integration';

package/dist/footer-social-newsletter.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-RgHoLtLt.js';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-qC2HCInM.js';
 import { O as OptixFlowConfig } from './blocks-DL92rOxr.js';
 import { F as FooterSocialLink } from './types-Cs1jk79n.js';
 import { FormEngineProps } from '@page-speed/forms/integration';

package/dist/footer-split-image-accordion.cjs

@@ -1174,6 +1174,7 @@ var DEFAULT_FORM_FIELDS = [
   }
 ];
 function FooterSplitImageAccordion({
+  sectionId = "footer-split-image-accordion",
   newsletterTitle,
   footerLinks,
   socialLinks,
@@ -1248,6 +1249,7 @@ function FooterSplitImageAccordion({
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,

package/dist/footer-split-image-accordion.d.cts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { PaymentPlatformName } from './payment-platform-icon.cjs';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-2nI4WPsD.cjs';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-D8cbIf_y.cjs';
 import { O as OptixFlowConfig, A as ActionConfig } from './blocks-DL92rOxr.cjs';
 import { F as FooterSocialLink } from './types-Cs1jk79n.cjs';
 import { FormEngineProps } from '@page-speed/forms/integration';
@@ -192,6 +192,8 @@ interface FooterSplitImageAccordionProps {
      * Custom slot for the form (overrides form props)
      */
     formSlot?: React.ReactNode;
+    /** Optional Section ID */
+    sectionId?: string;
 }
 /**
  * Footer Split Image Accordion - A split-layout footer with large image,
@@ -222,6 +224,6 @@ interface FooterSplitImageAccordionProps {
  * />
  * ```
  */
-declare function FooterSplitImageAccordion({ newsletterTitle, footerLinks, socialLinks, paymentPlatforms, submenuLinks, footerData, copyright, background, containerClassName, spacing, pattern, patternOpacity, className, gridClassName, imageColumnClassName, imageClassName, contentColumnClassName, newsletterSectionClassName, newsletterTitleClassName, newsletterFormClassName, socialLinksClassName, brandSectionClassName, logoClassName, brandTitleClassName, brandDescriptionClassName, linksGridClassName, paymentMethodsClassName, bottomClassName, copyrightClassName, submenuLinksClassName, optixFlowConfig, formEngineSetup, buttonAction, formSlot, }: FooterSplitImageAccordionProps): react_jsx_runtime.JSX.Element;
+declare function FooterSplitImageAccordion({ sectionId, newsletterTitle, footerLinks, socialLinks, paymentPlatforms, submenuLinks, footerData, copyright, background, containerClassName, spacing, pattern, patternOpacity, className, gridClassName, imageColumnClassName, imageClassName, contentColumnClassName, newsletterSectionClassName, newsletterTitleClassName, newsletterFormClassName, socialLinksClassName, brandSectionClassName, logoClassName, brandTitleClassName, brandDescriptionClassName, linksGridClassName, paymentMethodsClassName, bottomClassName, copyrightClassName, submenuLinksClassName, optixFlowConfig, formEngineSetup, buttonAction, formSlot, }: FooterSplitImageAccordionProps): react_jsx_runtime.JSX.Element;
 
 export { FooterSocialLink, FooterSplitImageAccordion, type FooterSplitImageAccordionData, type FooterSplitImageAccordionLink, type FooterSplitImageAccordionProps, type FooterSplitImageAccordionSection, PaymentPlatformName };

package/dist/footer-split-image-accordion.d.ts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { PaymentPlatformName } from './payment-platform-icon.js';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-RgHoLtLt.js';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-qC2HCInM.js';
 import { O as OptixFlowConfig, A as ActionConfig } from './blocks-DL92rOxr.js';
 import { F as FooterSocialLink } from './types-Cs1jk79n.js';
 import { FormEngineProps } from '@page-speed/forms/integration';
@@ -192,6 +192,8 @@ interface FooterSplitImageAccordionProps {
      * Custom slot for the form (overrides form props)
      */
     formSlot?: React.ReactNode;
+    /** Optional Section ID */
+    sectionId?: string;
 }
 /**
  * Footer Split Image Accordion - A split-layout footer with large image,
@@ -222,6 +224,6 @@ interface FooterSplitImageAccordionProps {
  * />
  * ```
  */
-declare function FooterSplitImageAccordion({ newsletterTitle, footerLinks, socialLinks, paymentPlatforms, submenuLinks, footerData, copyright, background, containerClassName, spacing, pattern, patternOpacity, className, gridClassName, imageColumnClassName, imageClassName, contentColumnClassName, newsletterSectionClassName, newsletterTitleClassName, newsletterFormClassName, socialLinksClassName, brandSectionClassName, logoClassName, brandTitleClassName, brandDescriptionClassName, linksGridClassName, paymentMethodsClassName, bottomClassName, copyrightClassName, submenuLinksClassName, optixFlowConfig, formEngineSetup, buttonAction, formSlot, }: FooterSplitImageAccordionProps): react_jsx_runtime.JSX.Element;
+declare function FooterSplitImageAccordion({ sectionId, newsletterTitle, footerLinks, socialLinks, paymentPlatforms, submenuLinks, footerData, copyright, background, containerClassName, spacing, pattern, patternOpacity, className, gridClassName, imageColumnClassName, imageClassName, contentColumnClassName, newsletterSectionClassName, newsletterTitleClassName, newsletterFormClassName, socialLinksClassName, brandSectionClassName, logoClassName, brandTitleClassName, brandDescriptionClassName, linksGridClassName, paymentMethodsClassName, bottomClassName, copyrightClassName, submenuLinksClassName, optixFlowConfig, formEngineSetup, buttonAction, formSlot, }: FooterSplitImageAccordionProps): react_jsx_runtime.JSX.Element;
 
 export { FooterSocialLink, FooterSplitImageAccordion, type FooterSplitImageAccordionData, type FooterSplitImageAccordionLink, type FooterSplitImageAccordionProps, type FooterSplitImageAccordionSection, PaymentPlatformName };

package/dist/footer-split-image-accordion.js

@@ -1153,6 +1153,7 @@ var DEFAULT_FORM_FIELDS = [
   }
 ];
 function FooterSplitImageAccordion({
+  sectionId = "footer-split-image-accordion",
   newsletterTitle,
   footerLinks,
   socialLinks,
@@ -1227,6 +1228,7 @@ function FooterSplitImageAccordion({
   return /* @__PURE__ */ jsx(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,

package/dist/hero-ad-campaign-expert.cjs

@@ -527,6 +527,7 @@ var ASPECT_RATIOS = {
   vertical: 355 / 520
 };
 function HeroAdCampaignExpert({
+  sectionId = "hero-ad-campaign-expert",
   heading,
   description,
   actions,
@@ -636,6 +637,7 @@ function HeroAdCampaignExpert({
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,

package/dist/hero-ad-campaign-expert.d.cts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-2nI4WPsD.cjs';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-D8cbIf_y.cjs';
 import { A as ActionConfig, M as MediaItem, O as OptixFlowConfig, h as DirectionConfig } from './blocks-DL92rOxr.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
@@ -86,7 +86,9 @@ interface HeroAdCampaignExpertProps {
      * @default { desktop: 'mediaRight', mobile: 'mediaTop' }
      */
     directionConfig?: DirectionConfig;
+    /** Optional Section ID */
+    sectionId?: string;
 }
-declare function HeroAdCampaignExpert({ heading, description, actions, actionsSlot, actionsClassName, mediaItem, background, containerClassName, spacing, mediaAspectRatios, directionConfig, pattern, patternOpacity, className, contentClassName, headingClassName, descriptionClassName, optixFlowConfig, }: HeroAdCampaignExpertProps): React.JSX.Element;
+declare function HeroAdCampaignExpert({ sectionId, heading, description, actions, actionsSlot, actionsClassName, mediaItem, background, containerClassName, spacing, mediaAspectRatios, directionConfig, pattern, patternOpacity, className, contentClassName, headingClassName, descriptionClassName, optixFlowConfig, }: HeroAdCampaignExpertProps): React.JSX.Element;
 
 export { DirectionConfig, HeroAdCampaignExpert, type HeroAdCampaignExpertProps };

package/dist/hero-ad-campaign-expert.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-RgHoLtLt.js';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-qC2HCInM.js';
 import { A as ActionConfig, M as MediaItem, O as OptixFlowConfig, h as DirectionConfig } from './blocks-DL92rOxr.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
@@ -86,7 +86,9 @@ interface HeroAdCampaignExpertProps {
      * @default { desktop: 'mediaRight', mobile: 'mediaTop' }
      */
     directionConfig?: DirectionConfig;
+    /** Optional Section ID */
+    sectionId?: string;
 }
-declare function HeroAdCampaignExpert({ heading, description, actions, actionsSlot, actionsClassName, mediaItem, background, containerClassName, spacing, mediaAspectRatios, directionConfig, pattern, patternOpacity, className, contentClassName, headingClassName, descriptionClassName, optixFlowConfig, }: HeroAdCampaignExpertProps): React.JSX.Element;
+declare function HeroAdCampaignExpert({ sectionId, heading, description, actions, actionsSlot, actionsClassName, mediaItem, background, containerClassName, spacing, mediaAspectRatios, directionConfig, pattern, patternOpacity, className, contentClassName, headingClassName, descriptionClassName, optixFlowConfig, }: HeroAdCampaignExpertProps): React.JSX.Element;
 
 export { DirectionConfig, HeroAdCampaignExpert, type HeroAdCampaignExpertProps };

package/dist/hero-ad-campaign-expert.js

@@ -505,6 +505,7 @@ var ASPECT_RATIOS = {
   vertical: 355 / 520
 };
 function HeroAdCampaignExpert({
+  sectionId = "hero-ad-campaign-expert",
   heading,
   description,
   actions,
@@ -614,6 +615,7 @@ function HeroAdCampaignExpert({
   return /* @__PURE__ */ jsx(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,

package/dist/hero-adaptable-product-grid.cjs

@@ -457,6 +457,7 @@ function ActionComponent({ action }) {
   );
 }
 function HeroAdaptableProductGrid({
+  sectionId = "hero-adaptable-product-grid",
   heading,
   description,
   actions,
@@ -480,6 +481,7 @@ function HeroAdaptableProductGrid({
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,

package/dist/hero-adaptable-product-grid.d.cts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-2nI4WPsD.cjs';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-D8cbIf_y.cjs';
 import { A as ActionConfig, O as OptixFlowConfig } from './blocks-DL92rOxr.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
@@ -83,7 +83,9 @@ interface HeroAdaptableProductGridProps {
      * OptixFlow image optimization configuration
      */
     optixFlowConfig?: OptixFlowConfig;
+    /** Optional Section ID */
+    sectionId?: string;
 }
-declare function HeroAdaptableProductGrid({ heading, description, actions, actionsSlot, imageSrc, imageAlt, background, containerClassName, spacing, pattern, patternOpacity, className, headingClassName, descriptionClassName, contentClassName, imageContainerClassName, imageClassName, actionsClassName, optixFlowConfig, }: HeroAdaptableProductGridProps): React.JSX.Element;
+declare function HeroAdaptableProductGrid({ sectionId, heading, description, actions, actionsSlot, imageSrc, imageAlt, background, containerClassName, spacing, pattern, patternOpacity, className, headingClassName, descriptionClassName, contentClassName, imageContainerClassName, imageClassName, actionsClassName, optixFlowConfig, }: HeroAdaptableProductGridProps): React.JSX.Element;
 
 export { HeroAdaptableProductGrid, type HeroAdaptableProductGridProps };

package/dist/hero-adaptable-product-grid.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-RgHoLtLt.js';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-qC2HCInM.js';
 import { A as ActionConfig, O as OptixFlowConfig } from './blocks-DL92rOxr.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
@@ -83,7 +83,9 @@ interface HeroAdaptableProductGridProps {
      * OptixFlow image optimization configuration
      */
     optixFlowConfig?: OptixFlowConfig;
+    /** Optional Section ID */
+    sectionId?: string;
 }
-declare function HeroAdaptableProductGrid({ heading, description, actions, actionsSlot, imageSrc, imageAlt, background, containerClassName, spacing, pattern, patternOpacity, className, headingClassName, descriptionClassName, contentClassName, imageContainerClassName, imageClassName, actionsClassName, optixFlowConfig, }: HeroAdaptableProductGridProps): React.JSX.Element;
+declare function HeroAdaptableProductGrid({ sectionId, heading, description, actions, actionsSlot, imageSrc, imageAlt, background, containerClassName, spacing, pattern, patternOpacity, className, headingClassName, descriptionClassName, contentClassName, imageContainerClassName, imageClassName, actionsClassName, optixFlowConfig, }: HeroAdaptableProductGridProps): React.JSX.Element;
 
 export { HeroAdaptableProductGrid, type HeroAdaptableProductGridProps };

package/dist/hero-adaptable-product-grid.js

@@ -451,6 +451,7 @@ function ActionComponent({ action }) {
   );
 }
 function HeroAdaptableProductGrid({
+  sectionId = "hero-adaptable-product-grid",
   heading,
   description,
   actions,
@@ -474,6 +475,7 @@ function HeroAdaptableProductGrid({
   return /* @__PURE__ */ jsx(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,

package/dist/hero-agency-animated-images.cjs

@@ -512,6 +512,7 @@ var imageTransition = {
   mass: 0.8
 };
 function HeroAgencyAnimatedImages({
+  sectionId = "hero-agency-animated-images",
   heading,
   description,
   descriptionClassName,
@@ -603,6 +604,7 @@ function HeroAgencyAnimatedImages({
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,

package/dist/hero-agency-animated-images.d.cts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-2nI4WPsD.cjs';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-D8cbIf_y.cjs';
 import { A as ActionConfig, I as ImageItem, O as OptixFlowConfig } from './blocks-DL92rOxr.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
@@ -79,7 +79,9 @@ interface HeroAgencyAnimatedImagesProps {
      * OptixFlow image optimization configuration
      */
     optixFlowConfig?: OptixFlowConfig;
+    /** Optional Section ID */
+    sectionId?: string;
 }
-declare function HeroAgencyAnimatedImages({ heading, description, descriptionClassName, actions, actionsSlot, actionsClassName, images, imagesSlot, background, spacing, containerClassName, pattern, patternOpacity, className, contentClassName, headingClassName, imagesContainerClassName, optixFlowConfig, }: HeroAgencyAnimatedImagesProps): React.JSX.Element;
+declare function HeroAgencyAnimatedImages({ sectionId, heading, description, descriptionClassName, actions, actionsSlot, actionsClassName, images, imagesSlot, background, spacing, containerClassName, pattern, patternOpacity, className, contentClassName, headingClassName, imagesContainerClassName, optixFlowConfig, }: HeroAgencyAnimatedImagesProps): React.JSX.Element;
 
 export { HeroAgencyAnimatedImages, type HeroAgencyAnimatedImagesProps };

package/dist/hero-agency-animated-images.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-RgHoLtLt.js';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-qC2HCInM.js';
 import { A as ActionConfig, I as ImageItem, O as OptixFlowConfig } from './blocks-DL92rOxr.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
@@ -79,7 +79,9 @@ interface HeroAgencyAnimatedImagesProps {
      * OptixFlow image optimization configuration
      */
     optixFlowConfig?: OptixFlowConfig;
+    /** Optional Section ID */
+    sectionId?: string;
 }
-declare function HeroAgencyAnimatedImages({ heading, description, descriptionClassName, actions, actionsSlot, actionsClassName, images, imagesSlot, background, spacing, containerClassName, pattern, patternOpacity, className, contentClassName, headingClassName, imagesContainerClassName, optixFlowConfig, }: HeroAgencyAnimatedImagesProps): React.JSX.Element;
+declare function HeroAgencyAnimatedImages({ sectionId, heading, description, descriptionClassName, actions, actionsSlot, actionsClassName, images, imagesSlot, background, spacing, containerClassName, pattern, patternOpacity, className, contentClassName, headingClassName, imagesContainerClassName, optixFlowConfig, }: HeroAgencyAnimatedImagesProps): React.JSX.Element;
 
 export { HeroAgencyAnimatedImages, type HeroAgencyAnimatedImagesProps };

package/dist/hero-agency-animated-images.js

@@ -487,6 +487,7 @@ var imageTransition = {
   mass: 0.8
 };
 function HeroAgencyAnimatedImages({
+  sectionId = "hero-agency-animated-images",
   heading,
   description,
   descriptionClassName,
@@ -578,6 +579,7 @@ function HeroAgencyAnimatedImages({
   return /* @__PURE__ */ jsx(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,

package/dist/hero-ai-powered-carousel.cjs

@@ -642,6 +642,7 @@ function ActionComponent({ action }) {
   );
 }
 function HeroAiPoweredCarousel({
+  sectionId = "hero-ai-powered-carousel",
   badge,
   badgeTagline,
   heading,
@@ -667,6 +668,7 @@ function HeroAiPoweredCarousel({
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,

package/dist/hero-ai-powered-carousel.d.cts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-2nI4WPsD.cjs';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-D8cbIf_y.cjs';
 import { A as ActionConfig, I as ImageItem, O as OptixFlowConfig } from './blocks-DL92rOxr.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
@@ -91,7 +91,9 @@ interface HeroAiPoweredCarouselProps {
      * OptixFlow image optimization configuration
      */
     optixFlowConfig?: OptixFlowConfig;
+    /** Optional Section ID */
+    sectionId?: string;
 }
-declare function HeroAiPoweredCarousel({ badge, badgeTagline, heading, description, actions, actionsSlot, carouselImages1, carouselImages2, carouselSlot, background, spacing, containerClassName, pattern, patternOpacity, className, contentClassName, badgeClassName, headingClassName, descriptionClassName, actionsClassName, optixFlowConfig, }: HeroAiPoweredCarouselProps): React.JSX.Element;
+declare function HeroAiPoweredCarousel({ sectionId, badge, badgeTagline, heading, description, actions, actionsSlot, carouselImages1, carouselImages2, carouselSlot, background, spacing, containerClassName, pattern, patternOpacity, className, contentClassName, badgeClassName, headingClassName, descriptionClassName, actionsClassName, optixFlowConfig, }: HeroAiPoweredCarouselProps): React.JSX.Element;
 
 export { HeroAiPoweredCarousel, type HeroAiPoweredCarouselProps };