@opensite/ui 3.0.5 → 3.0.6

package/dist/hero-image-slider.cjs

@@ -649,6 +649,7 @@ var DEFAULT_FORM_FIELDS = [
   }
 ];
 function HeroImageSlider({
+  sectionId = "hero-image-slider",
   eyebrow,
   heading,
   description,
@@ -788,6 +789,7 @@ function HeroImageSlider({
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,

package/dist/hero-image-slider.d.cts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { ImageSliderImage } from './image-slider.cjs';
 import { FormEngineProps } from '@page-speed/forms/integration';
-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';
@@ -157,11 +157,13 @@ interface HeroImageSliderProps {
      * Additional CSS classes for the grid layout
      */
     gridClassName?: string;
+    /** Optional Section ID */
+    sectionId?: string;
 }
 /**
  * HeroImageSlider - A full-width hero with background image slider,
  * split layout with content on the left and a form card on the right.
  */
-declare function HeroImageSlider({ eyebrow, heading, description, actions, actionsSlot, contentSlot, images, autoplay, autoplayIntervalMs, direction, overlay, overlaySlot, background, containerClassName, spacing, pattern, patternOpacity, className, sliderClassName, contentClassName, eyebrowClassName, headingClassName, descriptionClassName, actionsClassName, imageClassName, overlayClassName, optixFlowConfig, formHeading, buttonText, buttonIcon, formEngineSetup, cardClassName, cardContentClassName, formHeadingClassName, privacyNotice, privacyNoticeClassName, gridClassName, }: HeroImageSliderProps): React.JSX.Element;
+declare function HeroImageSlider({ sectionId, eyebrow, heading, description, actions, actionsSlot, contentSlot, images, autoplay, autoplayIntervalMs, direction, overlay, overlaySlot, background, containerClassName, spacing, pattern, patternOpacity, className, sliderClassName, contentClassName, eyebrowClassName, headingClassName, descriptionClassName, actionsClassName, imageClassName, overlayClassName, optixFlowConfig, formHeading, buttonText, buttonIcon, formEngineSetup, cardClassName, cardContentClassName, formHeadingClassName, privacyNotice, privacyNoticeClassName, gridClassName, }: HeroImageSliderProps): React.JSX.Element;
 
 export { HeroImageSlider, type HeroImageSliderProps };

package/dist/hero-image-slider.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { ImageSliderImage } from './image-slider.js';
 import { FormEngineProps } from '@page-speed/forms/integration';
-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';
@@ -157,11 +157,13 @@ interface HeroImageSliderProps {
      * Additional CSS classes for the grid layout
      */
     gridClassName?: string;
+    /** Optional Section ID */
+    sectionId?: string;
 }
 /**
  * HeroImageSlider - A full-width hero with background image slider,
  * split layout with content on the left and a form card on the right.
  */
-declare function HeroImageSlider({ eyebrow, heading, description, actions, actionsSlot, contentSlot, images, autoplay, autoplayIntervalMs, direction, overlay, overlaySlot, background, containerClassName, spacing, pattern, patternOpacity, className, sliderClassName, contentClassName, eyebrowClassName, headingClassName, descriptionClassName, actionsClassName, imageClassName, overlayClassName, optixFlowConfig, formHeading, buttonText, buttonIcon, formEngineSetup, cardClassName, cardContentClassName, formHeadingClassName, privacyNotice, privacyNoticeClassName, gridClassName, }: HeroImageSliderProps): React.JSX.Element;
+declare function HeroImageSlider({ sectionId, eyebrow, heading, description, actions, actionsSlot, contentSlot, images, autoplay, autoplayIntervalMs, direction, overlay, overlaySlot, background, containerClassName, spacing, pattern, patternOpacity, className, sliderClassName, contentClassName, eyebrowClassName, headingClassName, descriptionClassName, actionsClassName, imageClassName, overlayClassName, optixFlowConfig, formHeading, buttonText, buttonIcon, formEngineSetup, cardClassName, cardContentClassName, formHeadingClassName, privacyNotice, privacyNoticeClassName, gridClassName, }: HeroImageSliderProps): React.JSX.Element;
 
 export { HeroImageSlider, type HeroImageSliderProps };

package/dist/hero-image-slider.js

@@ -628,6 +628,7 @@ var DEFAULT_FORM_FIELDS = [
   }
 ];
 function HeroImageSlider({
+  sectionId = "hero-image-slider",
   eyebrow,
   heading,
   description,
@@ -767,6 +768,7 @@ function HeroImageSlider({
   return /* @__PURE__ */ jsxs(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,

package/dist/hero-innovation-image-grid.cjs

@@ -482,6 +482,7 @@ function ActionComponent({ action }) {
   );
 }
 function HeroInnovationImageGrid({
+  sectionId = "hero-innovation-image-grid",
   heading,
   description,
   actions,
@@ -555,6 +556,7 @@ function HeroInnovationImageGrid({
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,

package/dist/hero-innovation-image-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, I as ImageItem, O as OptixFlowConfig } from './blocks-DL92rOxr.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
@@ -78,7 +78,9 @@ interface HeroInnovationImageGridProps {
      * OptixFlow image optimization configuration
      */
     optixFlowConfig?: OptixFlowConfig;
+    /** Optional Section ID */
+    sectionId?: string;
 }
-declare function HeroInnovationImageGrid({ heading, description, actions, actionsSlot, actionsClassName, images, imagesSlot, background, containerClassName, spacing, pattern, patternOpacity, className, contentClassName, headingClassName, descriptionClassName, imagesClassName, optixFlowConfig, }: HeroInnovationImageGridProps): React.JSX.Element;
+declare function HeroInnovationImageGrid({ sectionId, heading, description, actions, actionsSlot, actionsClassName, images, imagesSlot, background, containerClassName, spacing, pattern, patternOpacity, className, contentClassName, headingClassName, descriptionClassName, imagesClassName, optixFlowConfig, }: HeroInnovationImageGridProps): React.JSX.Element;
 
 export { HeroInnovationImageGrid, type HeroInnovationImageGridProps };

package/dist/hero-innovation-image-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, I as ImageItem, O as OptixFlowConfig } from './blocks-DL92rOxr.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
@@ -78,7 +78,9 @@ interface HeroInnovationImageGridProps {
      * OptixFlow image optimization configuration
      */
     optixFlowConfig?: OptixFlowConfig;
+    /** Optional Section ID */
+    sectionId?: string;
 }
-declare function HeroInnovationImageGrid({ heading, description, actions, actionsSlot, actionsClassName, images, imagesSlot, background, containerClassName, spacing, pattern, patternOpacity, className, contentClassName, headingClassName, descriptionClassName, imagesClassName, optixFlowConfig, }: HeroInnovationImageGridProps): React.JSX.Element;
+declare function HeroInnovationImageGrid({ sectionId, heading, description, actions, actionsSlot, actionsClassName, images, imagesSlot, background, containerClassName, spacing, pattern, patternOpacity, className, contentClassName, headingClassName, descriptionClassName, imagesClassName, optixFlowConfig, }: HeroInnovationImageGridProps): React.JSX.Element;
 
 export { HeroInnovationImageGrid, type HeroInnovationImageGridProps };

package/dist/hero-innovation-image-grid.js

@@ -457,6 +457,7 @@ function ActionComponent({ action }) {
   );
 }
 function HeroInnovationImageGrid({
+  sectionId = "hero-innovation-image-grid",
   heading,
   description,
   actions,
@@ -530,6 +531,7 @@ function HeroInnovationImageGrid({
   return /* @__PURE__ */ jsx(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,

package/dist/hero-logo-centered-screenshot.cjs

@@ -393,6 +393,7 @@ var Section = React__default.default.forwardRef(
 );
 Section.displayName = "Section";
 function HeroLogoCenteredScreenshot({
+  sectionId = "hero-logo-centered-screenshot",
   logo,
   logoSlot,
   heading,
@@ -464,6 +465,7 @@ function HeroLogoCenteredScreenshot({
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,

package/dist/hero-logo-centered-screenshot.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 { L as LogoItem, A as ActionConfig, I as ImageItem, O as OptixFlowConfig } from './blocks-DL92rOxr.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
@@ -82,7 +82,9 @@ interface HeroLogoCenteredScreenshotProps {
      * OptixFlow image optimization configuration
      */
     optixFlowConfig?: OptixFlowConfig;
+    /** Optional Section ID */
+    sectionId?: string;
 }
-declare function HeroLogoCenteredScreenshot({ logo, logoSlot, heading, description, action, actionSlot, image, imageSlot, background, containerClassName, spacing, pattern, patternOpacity, className, contentClassName, headingClassName, descriptionClassName, imageClassName, optixFlowConfig, }: HeroLogoCenteredScreenshotProps): React.JSX.Element;
+declare function HeroLogoCenteredScreenshot({ sectionId, logo, logoSlot, heading, description, action, actionSlot, image, imageSlot, background, containerClassName, spacing, pattern, patternOpacity, className, contentClassName, headingClassName, descriptionClassName, imageClassName, optixFlowConfig, }: HeroLogoCenteredScreenshotProps): React.JSX.Element;
 
 export { HeroLogoCenteredScreenshot, type HeroLogoCenteredScreenshotProps };

package/dist/hero-logo-centered-screenshot.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 { L as LogoItem, A as ActionConfig, I as ImageItem, O as OptixFlowConfig } from './blocks-DL92rOxr.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
@@ -82,7 +82,9 @@ interface HeroLogoCenteredScreenshotProps {
      * OptixFlow image optimization configuration
      */
     optixFlowConfig?: OptixFlowConfig;
+    /** Optional Section ID */
+    sectionId?: string;
 }
-declare function HeroLogoCenteredScreenshot({ logo, logoSlot, heading, description, action, actionSlot, image, imageSlot, background, containerClassName, spacing, pattern, patternOpacity, className, contentClassName, headingClassName, descriptionClassName, imageClassName, optixFlowConfig, }: HeroLogoCenteredScreenshotProps): React.JSX.Element;
+declare function HeroLogoCenteredScreenshot({ sectionId, logo, logoSlot, heading, description, action, actionSlot, image, imageSlot, background, containerClassName, spacing, pattern, patternOpacity, className, contentClassName, headingClassName, descriptionClassName, imageClassName, optixFlowConfig, }: HeroLogoCenteredScreenshotProps): React.JSX.Element;
 
 export { HeroLogoCenteredScreenshot, type HeroLogoCenteredScreenshotProps };

package/dist/hero-logo-centered-screenshot.js

@@ -387,6 +387,7 @@ var Section = React.forwardRef(
 );
 Section.displayName = "Section";
 function HeroLogoCenteredScreenshot({
+  sectionId = "hero-logo-centered-screenshot",
   logo,
   logoSlot,
   heading,
@@ -458,6 +459,7 @@ function HeroLogoCenteredScreenshot({
   return /* @__PURE__ */ jsx(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,

package/dist/hero-marketplace-scattered-images.cjs

@@ -419,6 +419,7 @@ var Section = React__namespace.default.forwardRef(
 );
 Section.displayName = "Section";
 function HeroMarketplaceScatteredImages({
+  sectionId = "hero-marketplace-scattered-images",
   heading,
   description,
   action,
@@ -552,6 +553,7 @@ function HeroMarketplaceScatteredImages({
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,

package/dist/hero-marketplace-scattered-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';
@@ -87,7 +87,9 @@ interface HeroMarketplaceScatteredImagesProps {
      * OptixFlow image optimization configuration
      */
     optixFlowConfig?: OptixFlowConfig;
+    /** Optional Section ID */
+    sectionId?: string;
 }
-declare function HeroMarketplaceScatteredImages({ heading, description, action, actionSlot, tagline, taglineIcon, taglineSlot, images, imagesSlot, background, spacing, pattern, patternOpacity, className, containerClassName, contentClassName, headingClassName, descriptionClassName, imagesClassName, optixFlowConfig, }: HeroMarketplaceScatteredImagesProps): React.JSX.Element;
+declare function HeroMarketplaceScatteredImages({ sectionId, heading, description, action, actionSlot, tagline, taglineIcon, taglineSlot, images, imagesSlot, background, spacing, pattern, patternOpacity, className, containerClassName, contentClassName, headingClassName, descriptionClassName, imagesClassName, optixFlowConfig, }: HeroMarketplaceScatteredImagesProps): React.JSX.Element;
 
 export { HeroMarketplaceScatteredImages, type HeroMarketplaceScatteredImagesProps };

package/dist/hero-marketplace-scattered-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';
@@ -87,7 +87,9 @@ interface HeroMarketplaceScatteredImagesProps {
      * OptixFlow image optimization configuration
      */
     optixFlowConfig?: OptixFlowConfig;
+    /** Optional Section ID */
+    sectionId?: string;
 }
-declare function HeroMarketplaceScatteredImages({ heading, description, action, actionSlot, tagline, taglineIcon, taglineSlot, images, imagesSlot, background, spacing, pattern, patternOpacity, className, containerClassName, contentClassName, headingClassName, descriptionClassName, imagesClassName, optixFlowConfig, }: HeroMarketplaceScatteredImagesProps): React.JSX.Element;
+declare function HeroMarketplaceScatteredImages({ sectionId, heading, description, action, actionSlot, tagline, taglineIcon, taglineSlot, images, imagesSlot, background, spacing, pattern, patternOpacity, className, containerClassName, contentClassName, headingClassName, descriptionClassName, imagesClassName, optixFlowConfig, }: HeroMarketplaceScatteredImagesProps): React.JSX.Element;
 
 export { HeroMarketplaceScatteredImages, type HeroMarketplaceScatteredImagesProps };

package/dist/hero-marketplace-scattered-images.js

@@ -398,6 +398,7 @@ var Section = React__default.forwardRef(
 );
 Section.displayName = "Section";
 function HeroMarketplaceScatteredImages({
+  sectionId = "hero-marketplace-scattered-images",
   heading,
   description,
   action,
@@ -531,6 +532,7 @@ function HeroMarketplaceScatteredImages({
   return /* @__PURE__ */ jsx(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,

package/dist/hero-mental-health-team.cjs

@@ -457,6 +457,7 @@ function ActionComponent({ action }) {
   );
 }
 function HeroMentalHealthTeam({
+  sectionId = "hero-mental-health-team",
   description,
   descriptionClassName,
   actions,
@@ -561,6 +562,7 @@ function HeroMentalHealthTeam({
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,

package/dist/hero-mental-health-team.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 { I as ImageItem, T as TestimonialItem, O as OptixFlowConfig, A as ActionConfig } from './blocks-DL92rOxr.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
@@ -100,7 +100,9 @@ interface HeroMentalHealthTeamProps {
      * Additional CSS classes for the description
      */
     descriptionClassName?: string;
+    /** Optional Section ID */
+    sectionId?: string;
 }
-declare function HeroMentalHealthTeam({ description, descriptionClassName, actions, actionsSlot, actionsClassName, heading, smallImages, smallImagesSlot, testimonial, testimonialSlot, featureImage, featureImageSlot, background, pattern, patternOpacity, className, spacing, containerClassName, headerClassName, headingClassName, gridClassName, optixFlowConfig, }: HeroMentalHealthTeamProps): React.JSX.Element;
+declare function HeroMentalHealthTeam({ sectionId, description, descriptionClassName, actions, actionsSlot, actionsClassName, heading, smallImages, smallImagesSlot, testimonial, testimonialSlot, featureImage, featureImageSlot, background, pattern, patternOpacity, className, spacing, containerClassName, headerClassName, headingClassName, gridClassName, optixFlowConfig, }: HeroMentalHealthTeamProps): React.JSX.Element;
 
 export { HeroMentalHealthTeam, type HeroMentalHealthTeamProps };

package/dist/hero-mental-health-team.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 { I as ImageItem, T as TestimonialItem, O as OptixFlowConfig, A as ActionConfig } from './blocks-DL92rOxr.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
@@ -100,7 +100,9 @@ interface HeroMentalHealthTeamProps {
      * Additional CSS classes for the description
      */
     descriptionClassName?: string;
+    /** Optional Section ID */
+    sectionId?: string;
 }
-declare function HeroMentalHealthTeam({ description, descriptionClassName, actions, actionsSlot, actionsClassName, heading, smallImages, smallImagesSlot, testimonial, testimonialSlot, featureImage, featureImageSlot, background, pattern, patternOpacity, className, spacing, containerClassName, headerClassName, headingClassName, gridClassName, optixFlowConfig, }: HeroMentalHealthTeamProps): React.JSX.Element;
+declare function HeroMentalHealthTeam({ sectionId, description, descriptionClassName, actions, actionsSlot, actionsClassName, heading, smallImages, smallImagesSlot, testimonial, testimonialSlot, featureImage, featureImageSlot, background, pattern, patternOpacity, className, spacing, containerClassName, headerClassName, headingClassName, gridClassName, optixFlowConfig, }: HeroMentalHealthTeamProps): React.JSX.Element;
 
 export { HeroMentalHealthTeam, type HeroMentalHealthTeamProps };

package/dist/hero-mental-health-team.js

@@ -451,6 +451,7 @@ function ActionComponent({ action }) {
   );
 }
 function HeroMentalHealthTeam({
+  sectionId = "hero-mental-health-team",
   description,
   descriptionClassName,
   actions,
@@ -555,6 +556,7 @@ function HeroMentalHealthTeam({
   return /* @__PURE__ */ jsx(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,

package/dist/hero-mentorship-video-split.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';

package/dist/hero-mentorship-video-split.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';

package/dist/hero-minimal-centered-dark.cjs

@@ -490,6 +490,7 @@ function ActionComponent({ action }) {
   );
 }
 function HeroMinimalCenteredDark({
+  sectionId = "hero-minimal-centered-dark",
   badge,
   heading,
   headingHighlight,
@@ -528,6 +529,7 @@ function HeroMinimalCenteredDark({
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,

package/dist/hero-minimal-centered-dark.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, k as StatItem } from './blocks-DL92rOxr.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
@@ -86,7 +86,9 @@ interface HeroMinimalCenteredDarkProps {
      * Additional CSS classes for the stats container
      */
     statsClassName?: string;
+    /** Optional Section ID */
+    sectionId?: string;
 }
-declare function HeroMinimalCenteredDark({ badge, heading, headingHighlight, description, actions, actionsSlot, stats, statsSlot, background, containerClassName, spacing, pattern, patternOpacity, className, badgeClassName, headingClassName, descriptionClassName, actionsClassName, statsClassName, }: HeroMinimalCenteredDarkProps): React.JSX.Element;
+declare function HeroMinimalCenteredDark({ sectionId, badge, heading, headingHighlight, description, actions, actionsSlot, stats, statsSlot, background, containerClassName, spacing, pattern, patternOpacity, className, badgeClassName, headingClassName, descriptionClassName, actionsClassName, statsClassName, }: HeroMinimalCenteredDarkProps): React.JSX.Element;
 
 export { HeroMinimalCenteredDark, type HeroMinimalCenteredDarkProps };

package/dist/hero-minimal-centered-dark.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, k as StatItem } from './blocks-DL92rOxr.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
@@ -86,7 +86,9 @@ interface HeroMinimalCenteredDarkProps {
      * Additional CSS classes for the stats container
      */
     statsClassName?: string;
+    /** Optional Section ID */
+    sectionId?: string;
 }
-declare function HeroMinimalCenteredDark({ badge, heading, headingHighlight, description, actions, actionsSlot, stats, statsSlot, background, containerClassName, spacing, pattern, patternOpacity, className, badgeClassName, headingClassName, descriptionClassName, actionsClassName, statsClassName, }: HeroMinimalCenteredDarkProps): React.JSX.Element;
+declare function HeroMinimalCenteredDark({ sectionId, badge, heading, headingHighlight, description, actions, actionsSlot, stats, statsSlot, background, containerClassName, spacing, pattern, patternOpacity, className, badgeClassName, headingClassName, descriptionClassName, actionsClassName, statsClassName, }: HeroMinimalCenteredDarkProps): React.JSX.Element;
 
 export { HeroMinimalCenteredDark, type HeroMinimalCenteredDarkProps };

package/dist/hero-minimal-centered-dark.js

@@ -484,6 +484,7 @@ function ActionComponent({ action }) {
   );
 }
 function HeroMinimalCenteredDark({
+  sectionId = "hero-minimal-centered-dark",
   badge,
   heading,
   headingHighlight,
@@ -522,6 +523,7 @@ function HeroMinimalCenteredDark({
   return /* @__PURE__ */ jsx(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,

package/dist/hero-mobile-app-download.cjs

@@ -452,6 +452,7 @@ function Badge({
   );
 }
 function HeroMobileAppDownload({
+  sectionId = "hero-mobile-app-download",
   badgeText,
   badgeIcon,
   badgeSlot,
@@ -601,6 +602,7 @@ function HeroMobileAppDownload({
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,

package/dist/hero-mobile-app-download.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';
@@ -146,7 +146,9 @@ interface HeroMobileAppDownloadProps {
      * OptixFlow image optimization configuration
      */
     optixFlowConfig?: OptixFlowConfig;
+    /** Optional Section ID */
+    sectionId?: string;
 }
-declare function HeroMobileAppDownload({ badgeText, badgeIcon, badgeSlot, heading, storeActions, storeActionsSlot, ratingValue, ratingLabel, starCount, ratingSlot, image, imageSlot, notification, notificationSlot, background, containerClassName, spacing, pattern, patternOpacity, className, contentClassName, headingClassName, description, descriptionClassName, imageClassName, optixFlowConfig, }: HeroMobileAppDownloadProps): React.JSX.Element;
+declare function HeroMobileAppDownload({ sectionId, badgeText, badgeIcon, badgeSlot, heading, storeActions, storeActionsSlot, ratingValue, ratingLabel, starCount, ratingSlot, image, imageSlot, notification, notificationSlot, background, containerClassName, spacing, pattern, patternOpacity, className, contentClassName, headingClassName, description, descriptionClassName, imageClassName, optixFlowConfig, }: HeroMobileAppDownloadProps): React.JSX.Element;
 
 export { HeroMobileAppDownload, type HeroMobileAppDownloadProps };

package/dist/hero-mobile-app-download.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';
@@ -146,7 +146,9 @@ interface HeroMobileAppDownloadProps {
      * OptixFlow image optimization configuration
      */
     optixFlowConfig?: OptixFlowConfig;
+    /** Optional Section ID */
+    sectionId?: string;
 }
-declare function HeroMobileAppDownload({ badgeText, badgeIcon, badgeSlot, heading, storeActions, storeActionsSlot, ratingValue, ratingLabel, starCount, ratingSlot, image, imageSlot, notification, notificationSlot, background, containerClassName, spacing, pattern, patternOpacity, className, contentClassName, headingClassName, description, descriptionClassName, imageClassName, optixFlowConfig, }: HeroMobileAppDownloadProps): React.JSX.Element;
+declare function HeroMobileAppDownload({ sectionId, badgeText, badgeIcon, badgeSlot, heading, storeActions, storeActionsSlot, ratingValue, ratingLabel, starCount, ratingSlot, image, imageSlot, notification, notificationSlot, background, containerClassName, spacing, pattern, patternOpacity, className, contentClassName, headingClassName, description, descriptionClassName, imageClassName, optixFlowConfig, }: HeroMobileAppDownloadProps): React.JSX.Element;
 
 export { HeroMobileAppDownload, type HeroMobileAppDownloadProps };

package/dist/hero-mobile-app-download.js

@@ -431,6 +431,7 @@ function Badge({
   );
 }
 function HeroMobileAppDownload({
+  sectionId = "hero-mobile-app-download",
   badgeText,
   badgeIcon,
   badgeSlot,
@@ -580,6 +581,7 @@ function HeroMobileAppDownload({
   return /* @__PURE__ */ jsx(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,

package/dist/hero-newsletter-minimal.cjs

@@ -424,6 +424,7 @@ var DEFAULT_FORM_FIELDS = [
   }
 ];
 function HeroNewsletterMinimal({
+  sectionId = "hero-newsletter-minimal",
   heading,
   description,
   formEngineSetup,
@@ -514,6 +515,7 @@ function HeroNewsletterMinimal({
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,

package/dist/hero-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 { FormEngineProps } from '@page-speed/forms/integration';
 import { A as ActionConfig, k as StatItem } from './blocks-DL92rOxr.cjs';
 import 'react/jsx-runtime';
@@ -91,7 +91,9 @@ interface HeroNewsletterMinimalProps {
      * Additional CSS classes for the pattern overlay
      */
     patternClassName?: string;
+    /** Optional Section ID */
+    sectionId?: string;
 }
-declare function HeroNewsletterMinimal({ heading, description, formEngineSetup, buttonAction, helperText, formSlot, disclaimer, stats, patternClassName, statsSlot, background, containerClassName, spacing, pattern, patternOpacity, className, headingClassName, descriptionClassName, disclaimerClassName, statsClassName, }: HeroNewsletterMinimalProps): React.JSX.Element;
+declare function HeroNewsletterMinimal({ sectionId, heading, description, formEngineSetup, buttonAction, helperText, formSlot, disclaimer, stats, patternClassName, statsSlot, background, containerClassName, spacing, pattern, patternOpacity, className, headingClassName, descriptionClassName, disclaimerClassName, statsClassName, }: HeroNewsletterMinimalProps): React.JSX.Element;
 
 export { HeroNewsletterMinimal, type HeroNewsletterMinimalProps };

package/dist/hero-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 { FormEngineProps } from '@page-speed/forms/integration';
 import { A as ActionConfig, k as StatItem } from './blocks-DL92rOxr.js';
 import 'react/jsx-runtime';
@@ -91,7 +91,9 @@ interface HeroNewsletterMinimalProps {
      * Additional CSS classes for the pattern overlay
      */
     patternClassName?: string;
+    /** Optional Section ID */
+    sectionId?: string;
 }
-declare function HeroNewsletterMinimal({ heading, description, formEngineSetup, buttonAction, helperText, formSlot, disclaimer, stats, patternClassName, statsSlot, background, containerClassName, spacing, pattern, patternOpacity, className, headingClassName, descriptionClassName, disclaimerClassName, statsClassName, }: HeroNewsletterMinimalProps): React.JSX.Element;
+declare function HeroNewsletterMinimal({ sectionId, heading, description, formEngineSetup, buttonAction, helperText, formSlot, disclaimer, stats, patternClassName, statsSlot, background, containerClassName, spacing, pattern, patternOpacity, className, headingClassName, descriptionClassName, disclaimerClassName, statsClassName, }: HeroNewsletterMinimalProps): React.JSX.Element;
 
 export { HeroNewsletterMinimal, type HeroNewsletterMinimalProps };

package/dist/hero-newsletter-minimal.js

@@ -403,6 +403,7 @@ var DEFAULT_FORM_FIELDS = [
   }
 ];
 function HeroNewsletterMinimal({
+  sectionId = "hero-newsletter-minimal",
   heading,
   description,
   formEngineSetup,
@@ -493,6 +494,7 @@ function HeroNewsletterMinimal({
   return /* @__PURE__ */ jsx(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,

package/dist/hero-overlay-cta-grid.cjs

@@ -419,6 +419,7 @@ var Section = React__namespace.default.forwardRef(
 );
 Section.displayName = "Section";
 function HeroOverlayCtaGrid({
+  sectionId = "hero-overlay-cta-grid",
   badgeText,
   badgeIcon,
   badgeSlot,
@@ -513,6 +514,7 @@ function HeroOverlayCtaGrid({
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,