@opensite/ui 3.0.4 → 3.0.6

package/dist/testimonials-bento-grid.cjs

@@ -464,6 +464,7 @@ var Section = React__namespace.default.forwardRef(
 );
 Section.displayName = "Section";
 function TestimonialsBentoGrid({
+  sectionId = "testimonials-bento-grid",
   testimonials,
   testimonialsSlot,
   heading,
@@ -642,6 +643,7 @@ function TestimonialsBentoGrid({
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,

package/dist/testimonials-bento-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 { T as TestimonialItem } from './blocks-DL92rOxr.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
@@ -88,6 +88,8 @@ interface TestimonialsBentoGridProps {
      * Additional CSS classes for the container
      */
     containerClassName?: string;
+    /** Optional Section ID */
+    sectionId?: string;
 }
 /**
  * TestimonialsBentoGrid - A modern bento-style grid layout featuring one large featured
@@ -116,6 +118,6 @@ interface TestimonialsBentoGridProps {
  * />
  * ```
  */
-declare function TestimonialsBentoGrid({ testimonials, testimonialsSlot, heading, description, className, headerClassName, headingClassName, descriptionClassName, gridClassName, featuredCardClassName, cardClassName, quoteClassName, authorClassName, background, pattern, patternOpacity, spacing, containerClassName, }: TestimonialsBentoGridProps): React.JSX.Element;
+declare function TestimonialsBentoGrid({ sectionId, testimonials, testimonialsSlot, heading, description, className, headerClassName, headingClassName, descriptionClassName, gridClassName, featuredCardClassName, cardClassName, quoteClassName, authorClassName, background, pattern, patternOpacity, spacing, containerClassName, }: TestimonialsBentoGridProps): React.JSX.Element;
 
 export { type BentoTestimonialItem, TestimonialsBentoGrid, type TestimonialsBentoGridProps };

package/dist/testimonials-bento-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 { T as TestimonialItem } from './blocks-DL92rOxr.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
@@ -88,6 +88,8 @@ interface TestimonialsBentoGridProps {
      * Additional CSS classes for the container
      */
     containerClassName?: string;
+    /** Optional Section ID */
+    sectionId?: string;
 }
 /**
  * TestimonialsBentoGrid - A modern bento-style grid layout featuring one large featured
@@ -116,6 +118,6 @@ interface TestimonialsBentoGridProps {
  * />
  * ```
  */
-declare function TestimonialsBentoGrid({ testimonials, testimonialsSlot, heading, description, className, headerClassName, headingClassName, descriptionClassName, gridClassName, featuredCardClassName, cardClassName, quoteClassName, authorClassName, background, pattern, patternOpacity, spacing, containerClassName, }: TestimonialsBentoGridProps): React.JSX.Element;
+declare function TestimonialsBentoGrid({ sectionId, testimonials, testimonialsSlot, heading, description, className, headerClassName, headingClassName, descriptionClassName, gridClassName, featuredCardClassName, cardClassName, quoteClassName, authorClassName, background, pattern, patternOpacity, spacing, containerClassName, }: TestimonialsBentoGridProps): React.JSX.Element;
 
 export { type BentoTestimonialItem, TestimonialsBentoGrid, type TestimonialsBentoGridProps };

package/dist/testimonials-bento-grid.js

@@ -442,6 +442,7 @@ var Section = React__default.forwardRef(
 );
 Section.displayName = "Section";
 function TestimonialsBentoGrid({
+  sectionId = "testimonials-bento-grid",
   testimonials,
   testimonialsSlot,
   heading,
@@ -620,6 +621,7 @@ function TestimonialsBentoGrid({
   return /* @__PURE__ */ jsxs(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,

package/dist/testimonials-carousel-image.cjs

@@ -419,6 +419,7 @@ var Section = React__namespace.default.forwardRef(
 );
 Section.displayName = "Section";
 function TestimonialsCarouselImage({
+  sectionId = "testimonials-carousel-image",
   testimonials,
   testimonialsSlot,
   autoPlayInterval,
@@ -573,6 +574,7 @@ function TestimonialsCarouselImage({
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,

package/dist/testimonials-carousel-image.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 { T as TestimonialItem, O as OptixFlowConfig } from './blocks-DL92rOxr.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
@@ -104,6 +104,8 @@ interface TestimonialsCarouselImageProps {
      * Auto-play interval in milliseconds (0 to disable)
      */
     autoPlayInterval?: number;
+    /** Optional Section ID */
+    sectionId?: string;
 }
 /**
  * TestimonialsCarouselImage - A full-width image carousel testimonial section with
@@ -129,6 +131,6 @@ interface TestimonialsCarouselImageProps {
  * />
  * ```
  */
-declare function TestimonialsCarouselImage({ testimonials, testimonialsSlot, autoPlayInterval, height, overlayOpacity, previousButtonAriaLabel, nextButtonAriaLabel, className, contentClassName, quoteIconClassName, logoClassName, quoteClassName, authorClassName, navigationClassName, navButtonClassName, dotsClassName, optixFlowConfig, background, containerClassName, spacing, pattern, patternOpacity, }: TestimonialsCarouselImageProps): React.JSX.Element;
+declare function TestimonialsCarouselImage({ sectionId, testimonials, testimonialsSlot, autoPlayInterval, height, overlayOpacity, previousButtonAriaLabel, nextButtonAriaLabel, className, contentClassName, quoteIconClassName, logoClassName, quoteClassName, authorClassName, navigationClassName, navButtonClassName, dotsClassName, optixFlowConfig, background, containerClassName, spacing, pattern, patternOpacity, }: TestimonialsCarouselImageProps): React.JSX.Element;
 
 export { type CarouselTestimonialItem, TestimonialsCarouselImage, type TestimonialsCarouselImageProps };

package/dist/testimonials-carousel-image.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 { T as TestimonialItem, O as OptixFlowConfig } from './blocks-DL92rOxr.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
@@ -104,6 +104,8 @@ interface TestimonialsCarouselImageProps {
      * Auto-play interval in milliseconds (0 to disable)
      */
     autoPlayInterval?: number;
+    /** Optional Section ID */
+    sectionId?: string;
 }
 /**
  * TestimonialsCarouselImage - A full-width image carousel testimonial section with
@@ -129,6 +131,6 @@ interface TestimonialsCarouselImageProps {
  * />
  * ```
  */
-declare function TestimonialsCarouselImage({ testimonials, testimonialsSlot, autoPlayInterval, height, overlayOpacity, previousButtonAriaLabel, nextButtonAriaLabel, className, contentClassName, quoteIconClassName, logoClassName, quoteClassName, authorClassName, navigationClassName, navButtonClassName, dotsClassName, optixFlowConfig, background, containerClassName, spacing, pattern, patternOpacity, }: TestimonialsCarouselImageProps): React.JSX.Element;
+declare function TestimonialsCarouselImage({ sectionId, testimonials, testimonialsSlot, autoPlayInterval, height, overlayOpacity, previousButtonAriaLabel, nextButtonAriaLabel, className, contentClassName, quoteIconClassName, logoClassName, quoteClassName, authorClassName, navigationClassName, navButtonClassName, dotsClassName, optixFlowConfig, background, containerClassName, spacing, pattern, patternOpacity, }: TestimonialsCarouselImageProps): React.JSX.Element;
 
 export { type CarouselTestimonialItem, TestimonialsCarouselImage, type TestimonialsCarouselImageProps };

package/dist/testimonials-carousel-image.js

@@ -398,6 +398,7 @@ var Section = React__default.forwardRef(
 );
 Section.displayName = "Section";
 function TestimonialsCarouselImage({
+  sectionId = "testimonials-carousel-image",
   testimonials,
   testimonialsSlot,
   autoPlayInterval,
@@ -552,6 +553,7 @@ function TestimonialsCarouselImage({
   return /* @__PURE__ */ jsxs(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,

package/dist/testimonials-centered-avatars.cjs

@@ -490,6 +490,7 @@ var Section = React__default.default.forwardRef(
 );
 Section.displayName = "Section";
 function TestimonialsCenteredAvatars({
+  sectionId = "testimonials-centered-avatars",
   testimonials,
   testimonialsSlot,
   badge,
@@ -572,6 +573,7 @@ function TestimonialsCenteredAvatars({
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,

package/dist/testimonials-centered-avatars.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 { T as TestimonialItem } from './blocks-DL92rOxr.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
@@ -79,6 +79,8 @@ interface TestimonialsCenteredAvatarsProps {
      * Additional CSS classes for the container
      */
     containerClassName?: string;
+    /** Optional Section ID */
+    sectionId?: string;
 }
 /**
  * TestimonialsCenteredAvatars - A centered testimonial section featuring a badge,
@@ -106,6 +108,6 @@ interface TestimonialsCenteredAvatarsProps {
  * />
  * ```
  */
-declare function TestimonialsCenteredAvatars({ testimonials, testimonialsSlot, badge, heading, className, contentClassName, badgeClassName, headingClassName, avatarsClassName, testimonialsClassName, testimonialItemClassName, quoteClassName, authorClassName, background, containerClassName, spacing, pattern, patternOpacity, }: TestimonialsCenteredAvatarsProps): React.JSX.Element;
+declare function TestimonialsCenteredAvatars({ sectionId, testimonials, testimonialsSlot, badge, heading, className, contentClassName, badgeClassName, headingClassName, avatarsClassName, testimonialsClassName, testimonialItemClassName, quoteClassName, authorClassName, background, containerClassName, spacing, pattern, patternOpacity, }: TestimonialsCenteredAvatarsProps): React.JSX.Element;
 
 export { TestimonialsCenteredAvatars, type TestimonialsCenteredAvatarsProps };

package/dist/testimonials-centered-avatars.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 { T as TestimonialItem } from './blocks-DL92rOxr.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
@@ -79,6 +79,8 @@ interface TestimonialsCenteredAvatarsProps {
      * Additional CSS classes for the container
      */
     containerClassName?: string;
+    /** Optional Section ID */
+    sectionId?: string;
 }
 /**
  * TestimonialsCenteredAvatars - A centered testimonial section featuring a badge,
@@ -106,6 +108,6 @@ interface TestimonialsCenteredAvatarsProps {
  * />
  * ```
  */
-declare function TestimonialsCenteredAvatars({ testimonials, testimonialsSlot, badge, heading, className, contentClassName, badgeClassName, headingClassName, avatarsClassName, testimonialsClassName, testimonialItemClassName, quoteClassName, authorClassName, background, containerClassName, spacing, pattern, patternOpacity, }: TestimonialsCenteredAvatarsProps): React.JSX.Element;
+declare function TestimonialsCenteredAvatars({ sectionId, testimonials, testimonialsSlot, badge, heading, className, contentClassName, badgeClassName, headingClassName, avatarsClassName, testimonialsClassName, testimonialItemClassName, quoteClassName, authorClassName, background, containerClassName, spacing, pattern, patternOpacity, }: TestimonialsCenteredAvatarsProps): React.JSX.Element;
 
 export { TestimonialsCenteredAvatars, type TestimonialsCenteredAvatarsProps };

package/dist/testimonials-centered-avatars.js

@@ -465,6 +465,7 @@ var Section = React.forwardRef(
 );
 Section.displayName = "Section";
 function TestimonialsCenteredAvatars({
+  sectionId = "testimonials-centered-avatars",
   testimonials,
   testimonialsSlot,
   badge,
@@ -547,6 +548,7 @@ function TestimonialsCenteredAvatars({
   return /* @__PURE__ */ jsx(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,

package/dist/testimonials-company-logo.cjs

@@ -418,6 +418,7 @@ var Section = React__namespace.default.forwardRef(
 );
 Section.displayName = "Section";
 function TestimonialsCompanyLogo({
+  sectionId = "testimonials-company-logo",
   testimonial,
   testimonialSlot,
   companyLogo,
@@ -495,6 +496,7 @@ function TestimonialsCompanyLogo({
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,

package/dist/testimonials-company-logo.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 { T as TestimonialItem, O as OptixFlowConfig } from './blocks-DL92rOxr.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
@@ -83,6 +83,8 @@ interface TestimonialsCompanyLogoProps {
      * Additional CSS classes for the container
      */
     containerClassName?: string;
+    /** Optional Section ID */
+    sectionId?: string;
 }
 /**
  * TestimonialsCompanyLogo - A prominent company testimonial section featuring a large
@@ -107,6 +109,6 @@ interface TestimonialsCompanyLogoProps {
  * />
  * ```
  */
-declare function TestimonialsCompanyLogo({ testimonial, testimonialSlot, companyLogo, companyLogoAlt, imageSrc, imageAlt, className, gridClassName, contentClassName, logoClassName, quoteClassName, authorClassName, imageClassName, background, containerClassName, spacing, pattern, patternOpacity, optixFlowConfig, }: TestimonialsCompanyLogoProps): React.JSX.Element;
+declare function TestimonialsCompanyLogo({ sectionId, testimonial, testimonialSlot, companyLogo, companyLogoAlt, imageSrc, imageAlt, className, gridClassName, contentClassName, logoClassName, quoteClassName, authorClassName, imageClassName, background, containerClassName, spacing, pattern, patternOpacity, optixFlowConfig, }: TestimonialsCompanyLogoProps): React.JSX.Element;
 
 export { TestimonialsCompanyLogo, type TestimonialsCompanyLogoProps };

package/dist/testimonials-company-logo.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 { T as TestimonialItem, O as OptixFlowConfig } from './blocks-DL92rOxr.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
@@ -83,6 +83,8 @@ interface TestimonialsCompanyLogoProps {
      * Additional CSS classes for the container
      */
     containerClassName?: string;
+    /** Optional Section ID */
+    sectionId?: string;
 }
 /**
  * TestimonialsCompanyLogo - A prominent company testimonial section featuring a large
@@ -107,6 +109,6 @@ interface TestimonialsCompanyLogoProps {
  * />
  * ```
  */
-declare function TestimonialsCompanyLogo({ testimonial, testimonialSlot, companyLogo, companyLogoAlt, imageSrc, imageAlt, className, gridClassName, contentClassName, logoClassName, quoteClassName, authorClassName, imageClassName, background, containerClassName, spacing, pattern, patternOpacity, optixFlowConfig, }: TestimonialsCompanyLogoProps): React.JSX.Element;
+declare function TestimonialsCompanyLogo({ sectionId, testimonial, testimonialSlot, companyLogo, companyLogoAlt, imageSrc, imageAlt, className, gridClassName, contentClassName, logoClassName, quoteClassName, authorClassName, imageClassName, background, containerClassName, spacing, pattern, patternOpacity, optixFlowConfig, }: TestimonialsCompanyLogoProps): React.JSX.Element;
 
 export { TestimonialsCompanyLogo, type TestimonialsCompanyLogoProps };

package/dist/testimonials-company-logo.js

@@ -397,6 +397,7 @@ var Section = React__default.forwardRef(
 );
 Section.displayName = "Section";
 function TestimonialsCompanyLogo({
+  sectionId = "testimonials-company-logo",
   testimonial,
   testimonialSlot,
   companyLogo,
@@ -474,6 +475,7 @@ function TestimonialsCompanyLogo({
   return /* @__PURE__ */ jsx(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,

package/dist/testimonials-grid-add-review.cjs

@@ -568,6 +568,7 @@ function ActionComponent({ action }) {
   );
 }
 function TestimonialsGridAddReview({
+  sectionId = "testimonials-grid-add-review",
   reviews,
   reviewsSlot,
   heading,
@@ -716,6 +717,7 @@ function TestimonialsGridAddReview({
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,

package/dist/testimonials-grid-add-review.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 { ActionConfig } from '@page-speed/maps/components/geo-map';
 import { T as TestimonialItem } from './blocks-DL92rOxr.cjs';
 import 'react/jsx-runtime';
@@ -104,6 +104,8 @@ interface TestimonialsGridAddReviewProps {
      * Additional CSS classes for the quote text
      */
     quoteClassName?: string;
+    /** Optional Section ID */
+    sectionId?: string;
 }
 /**
  * TestimonialsGridAddReview - A testimonial grid layout featuring review cards with
@@ -131,6 +133,6 @@ interface TestimonialsGridAddReviewProps {
  * />
  * ```
  */
-declare function TestimonialsGridAddReview({ reviews, reviewsSlot, heading, description, addReviewText, addReviewSubtext, onAddReview, className, headerClassName, headingClassName, descriptionClassName, gridClassName, cardClassName, quoteClassName, addReviewCardClassName, authorClassName, background, spacing, containerClassName, pattern, patternOpacity, actions, actionsSlot, actionsClassName, }: TestimonialsGridAddReviewProps): React.JSX.Element;
+declare function TestimonialsGridAddReview({ sectionId, reviews, reviewsSlot, heading, description, addReviewText, addReviewSubtext, onAddReview, className, headerClassName, headingClassName, descriptionClassName, gridClassName, cardClassName, quoteClassName, addReviewCardClassName, authorClassName, background, spacing, containerClassName, pattern, patternOpacity, actions, actionsSlot, actionsClassName, }: TestimonialsGridAddReviewProps): React.JSX.Element;
 
 export { TestimonialsGridAddReview, type TestimonialsGridAddReviewProps };

package/dist/testimonials-grid-add-review.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 { ActionConfig } from '@page-speed/maps/components/geo-map';
 import { T as TestimonialItem } from './blocks-DL92rOxr.js';
 import 'react/jsx-runtime';
@@ -104,6 +104,8 @@ interface TestimonialsGridAddReviewProps {
      * Additional CSS classes for the quote text
      */
     quoteClassName?: string;
+    /** Optional Section ID */
+    sectionId?: string;
 }
 /**
  * TestimonialsGridAddReview - A testimonial grid layout featuring review cards with
@@ -131,6 +133,6 @@ interface TestimonialsGridAddReviewProps {
  * />
  * ```
  */
-declare function TestimonialsGridAddReview({ reviews, reviewsSlot, heading, description, addReviewText, addReviewSubtext, onAddReview, className, headerClassName, headingClassName, descriptionClassName, gridClassName, cardClassName, quoteClassName, addReviewCardClassName, authorClassName, background, spacing, containerClassName, pattern, patternOpacity, actions, actionsSlot, actionsClassName, }: TestimonialsGridAddReviewProps): React.JSX.Element;
+declare function TestimonialsGridAddReview({ sectionId, reviews, reviewsSlot, heading, description, addReviewText, addReviewSubtext, onAddReview, className, headerClassName, headingClassName, descriptionClassName, gridClassName, cardClassName, quoteClassName, addReviewCardClassName, authorClassName, background, spacing, containerClassName, pattern, patternOpacity, actions, actionsSlot, actionsClassName, }: TestimonialsGridAddReviewProps): React.JSX.Element;
 
 export { TestimonialsGridAddReview, type TestimonialsGridAddReviewProps };

package/dist/testimonials-grid-add-review.js

@@ -546,6 +546,7 @@ function ActionComponent({ action }) {
   );
 }
 function TestimonialsGridAddReview({
+  sectionId = "testimonials-grid-add-review",
   reviews,
   reviewsSlot,
   heading,
@@ -694,6 +695,7 @@ function TestimonialsGridAddReview({
   return /* @__PURE__ */ jsxs(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,

package/dist/testimonials-images-helpful.cjs

@@ -505,6 +505,7 @@ var Section = React__namespace.default.forwardRef(
 );
 Section.displayName = "Section";
 function TestimonialsImagesHelpful({
+  sectionId = "testimonials-images-helpful",
   reviews,
   reviewsSlot,
   heading,
@@ -715,6 +716,7 @@ function TestimonialsImagesHelpful({
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,

package/dist/testimonials-images-helpful.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 'react/jsx-runtime';
 import 'class-variance-authority';
@@ -132,6 +132,8 @@ interface TestimonialsImagesHelpfulProps {
      * Additional CSS classes for the container
      */
     containerClassName?: string;
+    /** Optional Section ID */
+    sectionId?: string;
 }
 /**
  * TestimonialsImagesHelpful - An enhanced customer reviews section featuring image attachments,
@@ -163,6 +165,6 @@ interface TestimonialsImagesHelpfulProps {
  * />
  * ```
  */
-declare function TestimonialsImagesHelpful({ reviews, reviewsSlot, heading, verifiedPurchaseLabel, writeReviewLabel, reportButtonLabel, className, headerClassName, headingClassName, reviewClassName, contentClassName, authorClassName, imagesClassName, onWriteReview, background, spacing, containerClassName, pattern, patternOpacity, optixFlowConfig, }: TestimonialsImagesHelpfulProps): React.JSX.Element;
+declare function TestimonialsImagesHelpful({ sectionId, reviews, reviewsSlot, heading, verifiedPurchaseLabel, writeReviewLabel, reportButtonLabel, className, headerClassName, headingClassName, reviewClassName, contentClassName, authorClassName, imagesClassName, onWriteReview, background, spacing, containerClassName, pattern, patternOpacity, optixFlowConfig, }: TestimonialsImagesHelpfulProps): React.JSX.Element;
 
 export { type ReviewWithImages, TestimonialsImagesHelpful, type TestimonialsImagesHelpfulProps };

package/dist/testimonials-images-helpful.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 'react/jsx-runtime';
 import 'class-variance-authority';
@@ -132,6 +132,8 @@ interface TestimonialsImagesHelpfulProps {
      * Additional CSS classes for the container
      */
     containerClassName?: string;
+    /** Optional Section ID */
+    sectionId?: string;
 }
 /**
  * TestimonialsImagesHelpful - An enhanced customer reviews section featuring image attachments,
@@ -163,6 +165,6 @@ interface TestimonialsImagesHelpfulProps {
  * />
  * ```
  */
-declare function TestimonialsImagesHelpful({ reviews, reviewsSlot, heading, verifiedPurchaseLabel, writeReviewLabel, reportButtonLabel, className, headerClassName, headingClassName, reviewClassName, contentClassName, authorClassName, imagesClassName, onWriteReview, background, spacing, containerClassName, pattern, patternOpacity, optixFlowConfig, }: TestimonialsImagesHelpfulProps): React.JSX.Element;
+declare function TestimonialsImagesHelpful({ sectionId, reviews, reviewsSlot, heading, verifiedPurchaseLabel, writeReviewLabel, reportButtonLabel, className, headerClassName, headingClassName, reviewClassName, contentClassName, authorClassName, imagesClassName, onWriteReview, background, spacing, containerClassName, pattern, patternOpacity, optixFlowConfig, }: TestimonialsImagesHelpfulProps): React.JSX.Element;
 
 export { type ReviewWithImages, TestimonialsImagesHelpful, type TestimonialsImagesHelpfulProps };

package/dist/testimonials-images-helpful.js

@@ -482,6 +482,7 @@ var Section = React__default.forwardRef(
 );
 Section.displayName = "Section";
 function TestimonialsImagesHelpful({
+  sectionId = "testimonials-images-helpful",
   reviews,
   reviewsSlot,
   heading,
@@ -692,6 +693,7 @@ function TestimonialsImagesHelpful({
   return /* @__PURE__ */ jsxs(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,

package/dist/testimonials-large-quote.cjs

@@ -463,6 +463,7 @@ var Section = React__namespace.default.forwardRef(
 );
 Section.displayName = "Section";
 function TestimonialsLargeQuote({
+  sectionId = "testimonials-large-quote",
   testimonial,
   testimonialSlot,
   className,
@@ -567,6 +568,7 @@ function TestimonialsLargeQuote({
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,

package/dist/testimonials-large-quote.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 { T as TestimonialItem } from './blocks-DL92rOxr.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
@@ -59,6 +59,8 @@ interface TestimonialsLargeQuoteProps {
      * Additional CSS classes for the container
      */
     containerClassName?: string;
+    /** Optional Section ID */
+    sectionId?: string;
 }
 /**
  * TestimonialsLargeQuote - A centered, single testimonial section featuring an oversized
@@ -82,6 +84,6 @@ interface TestimonialsLargeQuoteProps {
  * />
  * ```
  */
-declare function TestimonialsLargeQuote({ testimonial, testimonialSlot, className, contentClassName, quoteIconClassName, quoteClassName, authorClassName, avatarClassName, background, containerClassName, spacing, pattern, patternOpacity, }: TestimonialsLargeQuoteProps): React.JSX.Element;
+declare function TestimonialsLargeQuote({ sectionId, testimonial, testimonialSlot, className, contentClassName, quoteIconClassName, quoteClassName, authorClassName, avatarClassName, background, containerClassName, spacing, pattern, patternOpacity, }: TestimonialsLargeQuoteProps): React.JSX.Element;
 
 export { TestimonialsLargeQuote, type TestimonialsLargeQuoteProps };

package/dist/testimonials-large-quote.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 { T as TestimonialItem } from './blocks-DL92rOxr.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
@@ -59,6 +59,8 @@ interface TestimonialsLargeQuoteProps {
      * Additional CSS classes for the container
      */
     containerClassName?: string;
+    /** Optional Section ID */
+    sectionId?: string;
 }
 /**
  * TestimonialsLargeQuote - A centered, single testimonial section featuring an oversized
@@ -82,6 +84,6 @@ interface TestimonialsLargeQuoteProps {
  * />
  * ```
  */
-declare function TestimonialsLargeQuote({ testimonial, testimonialSlot, className, contentClassName, quoteIconClassName, quoteClassName, authorClassName, avatarClassName, background, containerClassName, spacing, pattern, patternOpacity, }: TestimonialsLargeQuoteProps): React.JSX.Element;
+declare function TestimonialsLargeQuote({ sectionId, testimonial, testimonialSlot, className, contentClassName, quoteIconClassName, quoteClassName, authorClassName, avatarClassName, background, containerClassName, spacing, pattern, patternOpacity, }: TestimonialsLargeQuoteProps): React.JSX.Element;
 
 export { TestimonialsLargeQuote, type TestimonialsLargeQuoteProps };

package/dist/testimonials-large-quote.js

@@ -441,6 +441,7 @@ var Section = React__default.forwardRef(
 );
 Section.displayName = "Section";
 function TestimonialsLargeQuote({
+  sectionId = "testimonials-large-quote",
   testimonial,
   testimonialSlot,
   className,
@@ -545,6 +546,7 @@ function TestimonialsLargeQuote({
   return /* @__PURE__ */ jsx(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,

package/dist/testimonials-list-verified.cjs

@@ -502,6 +502,7 @@ var Section = React__namespace.default.forwardRef(
 );
 Section.displayName = "Section";
 function TestimonialsListVerified({
+  sectionId = "testimonials-list-verified",
   reviews,
   reviewsSlot,
   heading,
@@ -579,6 +580,7 @@ function TestimonialsListVerified({
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,

package/dist/testimonials-list-verified.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 './blocks-DL92rOxr.cjs';
 import 'class-variance-authority';
 import '@page-speed/pressable';
@@ -100,6 +100,8 @@ interface TestimonialsListVerifiedProps {
      * Additional CSS classes for the container
      */
     containerClassName?: string;
+    /** Optional Section ID */
+    sectionId?: string;
 }
 /**
  * TestimonialsListVerified - A clean, vertical list of customer reviews with rating summary,
@@ -127,6 +129,6 @@ interface TestimonialsListVerifiedProps {
  * />
  * ```
  */
-declare function TestimonialsListVerified({ reviews, reviewsSlot, heading, verifiedPurchaseLabel, className, headerClassName, headingClassName, reviewClassName, contentClassName, authorClassName, background, spacing, containerClassName, pattern, patternOpacity, }: TestimonialsListVerifiedProps): React.JSX.Element;
+declare function TestimonialsListVerified({ sectionId, reviews, reviewsSlot, heading, verifiedPurchaseLabel, className, headerClassName, headingClassName, reviewClassName, contentClassName, authorClassName, background, spacing, containerClassName, pattern, patternOpacity, }: TestimonialsListVerifiedProps): React.JSX.Element;
 
 export { type ReviewItem, TestimonialsListVerified, type TestimonialsListVerifiedProps };

package/dist/testimonials-list-verified.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 './blocks-DL92rOxr.js';
 import 'class-variance-authority';
 import '@page-speed/pressable';
@@ -100,6 +100,8 @@ interface TestimonialsListVerifiedProps {
      * Additional CSS classes for the container
      */
     containerClassName?: string;
+    /** Optional Section ID */
+    sectionId?: string;
 }
 /**
  * TestimonialsListVerified - A clean, vertical list of customer reviews with rating summary,
@@ -127,6 +129,6 @@ interface TestimonialsListVerifiedProps {
  * />
  * ```
  */
-declare function TestimonialsListVerified({ reviews, reviewsSlot, heading, verifiedPurchaseLabel, className, headerClassName, headingClassName, reviewClassName, contentClassName, authorClassName, background, spacing, containerClassName, pattern, patternOpacity, }: TestimonialsListVerifiedProps): React.JSX.Element;
+declare function TestimonialsListVerified({ sectionId, reviews, reviewsSlot, heading, verifiedPurchaseLabel, className, headerClassName, headingClassName, reviewClassName, contentClassName, authorClassName, background, spacing, containerClassName, pattern, patternOpacity, }: TestimonialsListVerifiedProps): React.JSX.Element;
 
 export { type ReviewItem, TestimonialsListVerified, type TestimonialsListVerifiedProps };