@opensite/ui 3.0.4 → 3.0.6

package/dist/banner-survey-incentive.d.cts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { S as SectionBackground } from './community-initiatives-2nI4WPsD.cjs';
+import { S as SectionBackground } from './community-initiatives-D8cbIf_y.cjs';
 import { A as ActionConfig } from './blocks-DL92rOxr.cjs';
 import 'class-variance-authority';
 import '@page-speed/pressable';
@@ -87,6 +87,8 @@ interface BannerSurveyIncentiveProps {
      * Additional CSS classes for the dismiss button
      */
     dismissButtonClassName?: string;
+    /** Optional Section ID */
+    sectionId?: string;
 }
 /**
  * BannerSurveyIncentive - A survey invitation banner with shopping bag icon and incentive offer.
@@ -106,6 +108,6 @@ interface BannerSurveyIncentiveProps {
  * />
  * ```
  */
-declare function BannerSurveyIncentive({ icon, iconName, title, description, actions, actionsSlot, onDismiss, dismissIcon, dismissAriaLabel, background, className, containerClassName, contentClassName, iconClassName, textClassName, titleClassName, descriptionClassName, actionsClassName, dismissButtonClassName, }: BannerSurveyIncentiveProps): react_jsx_runtime.JSX.Element | null;
+declare function BannerSurveyIncentive({ sectionId, icon, iconName, title, description, actions, actionsSlot, onDismiss, dismissIcon, dismissAriaLabel, background, className, containerClassName, contentClassName, iconClassName, textClassName, titleClassName, descriptionClassName, actionsClassName, dismissButtonClassName, }: BannerSurveyIncentiveProps): react_jsx_runtime.JSX.Element | null;
 
 export { BannerSurveyIncentive, type BannerSurveyIncentiveProps };

package/dist/banner-survey-incentive.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { S as SectionBackground } from './community-initiatives-RgHoLtLt.js';
+import { S as SectionBackground } from './community-initiatives-qC2HCInM.js';
 import { A as ActionConfig } from './blocks-DL92rOxr.js';
 import 'class-variance-authority';
 import '@page-speed/pressable';
@@ -87,6 +87,8 @@ interface BannerSurveyIncentiveProps {
      * Additional CSS classes for the dismiss button
      */
     dismissButtonClassName?: string;
+    /** Optional Section ID */
+    sectionId?: string;
 }
 /**
  * BannerSurveyIncentive - A survey invitation banner with shopping bag icon and incentive offer.
@@ -106,6 +108,6 @@ interface BannerSurveyIncentiveProps {
  * />
  * ```
  */
-declare function BannerSurveyIncentive({ icon, iconName, title, description, actions, actionsSlot, onDismiss, dismissIcon, dismissAriaLabel, background, className, containerClassName, contentClassName, iconClassName, textClassName, titleClassName, descriptionClassName, actionsClassName, dismissButtonClassName, }: BannerSurveyIncentiveProps): react_jsx_runtime.JSX.Element | null;
+declare function BannerSurveyIncentive({ sectionId, icon, iconName, title, description, actions, actionsSlot, onDismiss, dismissIcon, dismissAriaLabel, background, className, containerClassName, contentClassName, iconClassName, textClassName, titleClassName, descriptionClassName, actionsClassName, dismissButtonClassName, }: BannerSurveyIncentiveProps): react_jsx_runtime.JSX.Element | null;
 
 export { BannerSurveyIncentive, type BannerSurveyIncentiveProps };

package/dist/banner-survey-incentive.js

@@ -396,6 +396,7 @@ var Section = React__default.forwardRef(
 );
 Section.displayName = "Section";
 function BannerSurveyIncentive({
+  sectionId = "banner-survey-incentive",
   icon,
   iconName,
   title,
@@ -477,32 +478,41 @@ function BannerSurveyIncentive({
   if (!isVisible) {
     return null;
   }
-  return /* @__PURE__ */ jsx(Section, { background, spacing: "none", className: cn("border-b text-sm", className), children: /* @__PURE__ */ jsxs("div", { className: cn("flex md:items-center justify-between max-w-7xl mx-auto px-4 py-4", containerClassName), children: [
-    /* @__PURE__ */ jsxs("div", { className: cn("flex items-center gap-2", contentClassName), children: [
-      iconContent,
-      /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col md:flex-row gap-1", textClassName), children: [
-        titleContent,
-        descriptionContent
+  return /* @__PURE__ */ jsx(
+    Section,
+    {
+      id: sectionId,
+      background,
+      spacing: "none",
+      className: cn("border-b text-sm", className),
+      children: /* @__PURE__ */ jsxs("div", { className: cn("flex md:items-center justify-between max-w-7xl mx-auto px-4 py-4", containerClassName), children: [
+        /* @__PURE__ */ jsxs("div", { className: cn("flex items-center gap-2", contentClassName), children: [
+          iconContent,
+          /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col md:flex-row gap-1", textClassName), children: [
+            titleContent,
+            descriptionContent
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: cn("flex gap-2", actionsClassName), children: [
+          actionsContent,
+          /* @__PURE__ */ jsxs(
+            Pressable,
+            {
+              onClick: handleDismiss,
+              variant: "outline",
+              size: "icon",
+              asButton: true,
+              className: cn("size-8", dismissButtonClassName),
+              children: [
+                dismissIconContent,
+                /* @__PURE__ */ jsx("span", { className: "sr-only", children: dismissLabel })
+              ]
+            }
+          )
+        ] })
       ] })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: cn("flex gap-2", actionsClassName), children: [
-      actionsContent,
-      /* @__PURE__ */ jsxs(
-        Pressable,
-        {
-          onClick: handleDismiss,
-          variant: "outline",
-          size: "icon",
-          asButton: true,
-          className: cn("size-8", dismissButtonClassName),
-          children: [
-            dismissIconContent,
-            /* @__PURE__ */ jsx("span", { className: "sr-only", children: dismissLabel })
-          ]
-        }
-      )
-    ] })
-  ] }) });
+    }
+  );
 }
 
 export { BannerSurveyIncentive };

package/dist/blog-cards-read-time.cjs

@@ -505,6 +505,7 @@ var Section = React4__namespace.default.forwardRef(
 );
 Section.displayName = "Section";
 function BlogCardsReadTime({
+  sectionId = "blog-cards-read-time",
   badge,
   heading,
   description,
@@ -592,6 +593,7 @@ function BlogCardsReadTime({
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       className: cn(className),

package/dist/blog-cards-read-time.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 BlogPostItem, A as ActionConfig, O as OptixFlowConfig } from './blocks-DL92rOxr.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
@@ -91,7 +91,9 @@ interface BlogCardsReadTimeProps {
      * Pattern overlay opacity (0-1)
      */
     patternOpacity?: number;
+    /** Optional Section ID */
+    sectionId?: string;
 }
-declare function BlogCardsReadTime({ badge, heading, description, posts, postsSlot, viewAllAction, viewAllSlot, className, containerClassName, headerClassName, badgeClassName, headingClassName, descriptionClassName, postsClassName, postCardClassName, viewAllClassName, optixFlowConfig, background, spacing, pattern, patternOpacity, }: BlogCardsReadTimeProps): React.JSX.Element;
+declare function BlogCardsReadTime({ sectionId, badge, heading, description, posts, postsSlot, viewAllAction, viewAllSlot, className, containerClassName, headerClassName, badgeClassName, headingClassName, descriptionClassName, postsClassName, postCardClassName, viewAllClassName, optixFlowConfig, background, spacing, pattern, patternOpacity, }: BlogCardsReadTimeProps): React.JSX.Element;
 
 export { BlogCardsReadTime, type BlogCardsReadTimeProps };

package/dist/blog-cards-read-time.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 BlogPostItem, A as ActionConfig, O as OptixFlowConfig } from './blocks-DL92rOxr.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
@@ -91,7 +91,9 @@ interface BlogCardsReadTimeProps {
      * Pattern overlay opacity (0-1)
      */
     patternOpacity?: number;
+    /** Optional Section ID */
+    sectionId?: string;
 }
-declare function BlogCardsReadTime({ badge, heading, description, posts, postsSlot, viewAllAction, viewAllSlot, className, containerClassName, headerClassName, badgeClassName, headingClassName, descriptionClassName, postsClassName, postCardClassName, viewAllClassName, optixFlowConfig, background, spacing, pattern, patternOpacity, }: BlogCardsReadTimeProps): React.JSX.Element;
+declare function BlogCardsReadTime({ sectionId, badge, heading, description, posts, postsSlot, viewAllAction, viewAllSlot, className, containerClassName, headerClassName, badgeClassName, headingClassName, descriptionClassName, postsClassName, postCardClassName, viewAllClassName, optixFlowConfig, background, spacing, pattern, patternOpacity, }: BlogCardsReadTimeProps): React.JSX.Element;
 
 export { BlogCardsReadTime, type BlogCardsReadTimeProps };

package/dist/blog-cards-read-time.js

@@ -482,6 +482,7 @@ var Section = React4__default.forwardRef(
 );
 Section.displayName = "Section";
 function BlogCardsReadTime({
+  sectionId = "blog-cards-read-time",
   badge,
   heading,
   description,
@@ -569,6 +570,7 @@ function BlogCardsReadTime({
   return /* @__PURE__ */ jsx(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       className: cn(className),

package/dist/blog-cards-tagline-cta.cjs

@@ -498,6 +498,7 @@ var Section = React4__namespace.default.forwardRef(
 );
 Section.displayName = "Section";
 function BlogCardsTaglineCta({
+  sectionId = "blog-cards-tagline-cta",
   badge,
   heading,
   description,
@@ -610,6 +611,7 @@ function BlogCardsTaglineCta({
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       className: cn(className),

package/dist/blog-cards-tagline-cta.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, f as BlogPostItem, O as OptixFlowConfig } from './blocks-DL92rOxr.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
@@ -95,7 +95,9 @@ interface BlogCardsTaglineCtaProps {
      * Pattern overlay opacity (0-1)
      */
     patternOpacity?: number;
+    /** Optional Section ID */
+    sectionId?: string;
 }
-declare function BlogCardsTaglineCta({ badge, heading, description, ctaAction, ctaSlot, posts, postsSlot, readMoreText, className, containerClassName, headerClassName, badgeClassName, headingClassName, descriptionClassName, ctaClassName, postsClassName, postCardClassName, optixFlowConfig, background, spacing, pattern, patternOpacity, }: BlogCardsTaglineCtaProps): React.JSX.Element;
+declare function BlogCardsTaglineCta({ sectionId, badge, heading, description, ctaAction, ctaSlot, posts, postsSlot, readMoreText, className, containerClassName, headerClassName, badgeClassName, headingClassName, descriptionClassName, ctaClassName, postsClassName, postCardClassName, optixFlowConfig, background, spacing, pattern, patternOpacity, }: BlogCardsTaglineCtaProps): React.JSX.Element;
 
 export { BlogCardsTaglineCta, type BlogCardsTaglineCtaProps };

package/dist/blog-cards-tagline-cta.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, f as BlogPostItem, O as OptixFlowConfig } from './blocks-DL92rOxr.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
@@ -95,7 +95,9 @@ interface BlogCardsTaglineCtaProps {
      * Pattern overlay opacity (0-1)
      */
     patternOpacity?: number;
+    /** Optional Section ID */
+    sectionId?: string;
 }
-declare function BlogCardsTaglineCta({ badge, heading, description, ctaAction, ctaSlot, posts, postsSlot, readMoreText, className, containerClassName, headerClassName, badgeClassName, headingClassName, descriptionClassName, ctaClassName, postsClassName, postCardClassName, optixFlowConfig, background, spacing, pattern, patternOpacity, }: BlogCardsTaglineCtaProps): React.JSX.Element;
+declare function BlogCardsTaglineCta({ sectionId, badge, heading, description, ctaAction, ctaSlot, posts, postsSlot, readMoreText, className, containerClassName, headerClassName, badgeClassName, headingClassName, descriptionClassName, ctaClassName, postsClassName, postCardClassName, optixFlowConfig, background, spacing, pattern, patternOpacity, }: BlogCardsTaglineCtaProps): React.JSX.Element;
 
 export { BlogCardsTaglineCta, type BlogCardsTaglineCtaProps };

package/dist/blog-cards-tagline-cta.js

@@ -477,6 +477,7 @@ var Section = React4__default.forwardRef(
 );
 Section.displayName = "Section";
 function BlogCardsTaglineCta({
+  sectionId = "blog-cards-tagline-cta",
   badge,
   heading,
   description,
@@ -589,6 +590,7 @@ function BlogCardsTaglineCta({
   return /* @__PURE__ */ jsx(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       className: cn(className),

package/dist/blog-carousel-apple.cjs

@@ -655,6 +655,7 @@ var Section = React2__namespace.default.forwardRef(
 );
 Section.displayName = "Section";
 function BlogCarouselAppleComponent({
+  sectionId = "blog-carousel-apple",
   title,
   subtitle,
   posts,
@@ -721,6 +722,7 @@ function BlogCarouselAppleComponent({
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
+      id: sectionId,
       title,
       subtitle,
       background,

package/dist/blog-carousel-apple.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';
@@ -89,6 +89,8 @@ interface BlogCarouselAppleProps {
      * Additional CSS classes for individual cards
      */
     cardClassName?: string;
+    /** Optional Section ID */
+    sectionId?: string;
 }
 /**
  * BlogCarouselApple - An eye-catching horizontal carousel featuring
@@ -107,6 +109,6 @@ interface BlogCarouselAppleProps {
  * />
  * ```
  */
-declare function BlogCarouselAppleComponent({ title, subtitle, posts, actionType, onCardClick, enableLayoutAnimations, optixFlowConfig, background, spacing, pattern, patternOpacity, className, carouselClassName, containerClassName, cardClassName, }: BlogCarouselAppleProps): React.JSX.Element;
+declare function BlogCarouselAppleComponent({ sectionId, title, subtitle, posts, actionType, onCardClick, enableLayoutAnimations, optixFlowConfig, background, spacing, pattern, patternOpacity, className, carouselClassName, containerClassName, cardClassName, }: BlogCarouselAppleProps): React.JSX.Element;
 
 export { BlogCarouselAppleComponent as BlogCarouselApple, type BlogCarouselApplePost, type BlogCarouselAppleProps };

package/dist/blog-carousel-apple.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';
@@ -89,6 +89,8 @@ interface BlogCarouselAppleProps {
      * Additional CSS classes for individual cards
      */
     cardClassName?: string;
+    /** Optional Section ID */
+    sectionId?: string;
 }
 /**
  * BlogCarouselApple - An eye-catching horizontal carousel featuring
@@ -107,6 +109,6 @@ interface BlogCarouselAppleProps {
  * />
  * ```
  */
-declare function BlogCarouselAppleComponent({ title, subtitle, posts, actionType, onCardClick, enableLayoutAnimations, optixFlowConfig, background, spacing, pattern, patternOpacity, className, carouselClassName, containerClassName, cardClassName, }: BlogCarouselAppleProps): React.JSX.Element;
+declare function BlogCarouselAppleComponent({ sectionId, title, subtitle, posts, actionType, onCardClick, enableLayoutAnimations, optixFlowConfig, background, spacing, pattern, patternOpacity, className, carouselClassName, containerClassName, cardClassName, }: BlogCarouselAppleProps): React.JSX.Element;
 
 export { BlogCarouselAppleComponent as BlogCarouselApple, type BlogCarouselApplePost, type BlogCarouselAppleProps };

package/dist/blog-carousel-apple.js

@@ -634,6 +634,7 @@ var Section = React2__default.forwardRef(
 );
 Section.displayName = "Section";
 function BlogCarouselAppleComponent({
+  sectionId = "blog-carousel-apple",
   title,
   subtitle,
   posts,
@@ -700,6 +701,7 @@ function BlogCarouselAppleComponent({
   return /* @__PURE__ */ jsx(
     Section,
     {
+      id: sectionId,
       title,
       subtitle,
       background,

package/dist/blog-category-overlay.cjs

@@ -452,6 +452,7 @@ var Section = React4__namespace.default.forwardRef(
 );
 Section.displayName = "Section";
 function BlogCategoryOverlay({
+  sectionId = "blog-category-overlay",
   badge,
   heading,
   description,
@@ -573,6 +574,7 @@ function BlogCategoryOverlay({
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       className: cn(className),

package/dist/blog-category-overlay.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 BlogPostItem, A as ActionConfig, O as OptixFlowConfig } from './blocks-DL92rOxr.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
@@ -99,7 +99,9 @@ interface BlogCategoryOverlayProps {
      * Pattern overlay opacity (0-1)
      */
     patternOpacity?: number;
+    /** Optional Section ID */
+    sectionId?: string;
 }
-declare function BlogCategoryOverlay({ badge, heading, description, posts, postsSlot, viewAllAction, viewAllSlot, readMoreText, className, containerClassName, headerClassName, badgeClassName, headingClassName, descriptionClassName, viewAllClassName, postsClassName, postCardClassName, categoryBadgeClassName, optixFlowConfig, background, spacing, pattern, patternOpacity, }: BlogCategoryOverlayProps): React.JSX.Element;
+declare function BlogCategoryOverlay({ sectionId, badge, heading, description, posts, postsSlot, viewAllAction, viewAllSlot, readMoreText, className, containerClassName, headerClassName, badgeClassName, headingClassName, descriptionClassName, viewAllClassName, postsClassName, postCardClassName, categoryBadgeClassName, optixFlowConfig, background, spacing, pattern, patternOpacity, }: BlogCategoryOverlayProps): React.JSX.Element;
 
 export { BlogCategoryOverlay, type BlogCategoryOverlayProps };

package/dist/blog-category-overlay.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 BlogPostItem, A as ActionConfig, O as OptixFlowConfig } from './blocks-DL92rOxr.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
@@ -99,7 +99,9 @@ interface BlogCategoryOverlayProps {
      * Pattern overlay opacity (0-1)
      */
     patternOpacity?: number;
+    /** Optional Section ID */
+    sectionId?: string;
 }
-declare function BlogCategoryOverlay({ badge, heading, description, posts, postsSlot, viewAllAction, viewAllSlot, readMoreText, className, containerClassName, headerClassName, badgeClassName, headingClassName, descriptionClassName, viewAllClassName, postsClassName, postCardClassName, categoryBadgeClassName, optixFlowConfig, background, spacing, pattern, patternOpacity, }: BlogCategoryOverlayProps): React.JSX.Element;
+declare function BlogCategoryOverlay({ sectionId, badge, heading, description, posts, postsSlot, viewAllAction, viewAllSlot, readMoreText, className, containerClassName, headerClassName, badgeClassName, headingClassName, descriptionClassName, viewAllClassName, postsClassName, postCardClassName, categoryBadgeClassName, optixFlowConfig, background, spacing, pattern, patternOpacity, }: BlogCategoryOverlayProps): React.JSX.Element;
 
 export { BlogCategoryOverlay, type BlogCategoryOverlayProps };

package/dist/blog-category-overlay.js

@@ -431,6 +431,7 @@ var Section = React4__default.forwardRef(
 );
 Section.displayName = "Section";
 function BlogCategoryOverlay({
+  sectionId = "blog-category-overlay",
   badge,
   heading,
   description,
@@ -552,6 +553,7 @@ function BlogCategoryOverlay({
   return /* @__PURE__ */ jsx(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       className: cn(className),

package/dist/blog-featured-popular.cjs

@@ -443,6 +443,7 @@ var Section = React3__namespace.default.forwardRef(
 );
 Section.displayName = "Section";
 function BlogFeaturedPopular({
+  sectionId = "blog-featured-popular",
   heading,
   description,
   popularHeading,
@@ -555,6 +556,7 @@ function BlogFeaturedPopular({
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       className: cn(className),

package/dist/blog-featured-popular.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 BlogPostItem, O as OptixFlowConfig } from './blocks-DL92rOxr.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
@@ -95,7 +95,9 @@ interface BlogFeaturedPopularProps {
      * Pattern overlay opacity (0-1)
      */
     patternOpacity?: number;
+    /** Optional Section ID */
+    sectionId?: string;
 }
-declare function BlogFeaturedPopular({ heading, description, popularHeading, posts, featuredSlot, postsSlot, className, containerClassName, headerClassName, headingClassName, descriptionClassName, featuredClassName, featuredImageClassName, featuredContentClassName, popularHeadingClassName, postsClassName, postCardClassName, optixFlowConfig, background, spacing, pattern, patternOpacity, }: BlogFeaturedPopularProps): React.JSX.Element;
+declare function BlogFeaturedPopular({ sectionId, heading, description, popularHeading, posts, featuredSlot, postsSlot, className, containerClassName, headerClassName, headingClassName, descriptionClassName, featuredClassName, featuredImageClassName, featuredContentClassName, popularHeadingClassName, postsClassName, postCardClassName, optixFlowConfig, background, spacing, pattern, patternOpacity, }: BlogFeaturedPopularProps): React.JSX.Element;
 
 export { BlogFeaturedPopular, type BlogFeaturedPopularProps };

package/dist/blog-featured-popular.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 BlogPostItem, O as OptixFlowConfig } from './blocks-DL92rOxr.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
@@ -95,7 +95,9 @@ interface BlogFeaturedPopularProps {
      * Pattern overlay opacity (0-1)
      */
     patternOpacity?: number;
+    /** Optional Section ID */
+    sectionId?: string;
 }
-declare function BlogFeaturedPopular({ heading, description, popularHeading, posts, featuredSlot, postsSlot, className, containerClassName, headerClassName, headingClassName, descriptionClassName, featuredClassName, featuredImageClassName, featuredContentClassName, popularHeadingClassName, postsClassName, postCardClassName, optixFlowConfig, background, spacing, pattern, patternOpacity, }: BlogFeaturedPopularProps): React.JSX.Element;
+declare function BlogFeaturedPopular({ sectionId, heading, description, popularHeading, posts, featuredSlot, postsSlot, className, containerClassName, headerClassName, headingClassName, descriptionClassName, featuredClassName, featuredImageClassName, featuredContentClassName, popularHeadingClassName, postsClassName, postCardClassName, optixFlowConfig, background, spacing, pattern, patternOpacity, }: BlogFeaturedPopularProps): React.JSX.Element;
 
 export { BlogFeaturedPopular, type BlogFeaturedPopularProps };

package/dist/blog-featured-popular.js

@@ -422,6 +422,7 @@ var Section = React3__default.forwardRef(
 );
 Section.displayName = "Section";
 function BlogFeaturedPopular({
+  sectionId = "blog-featured-popular",
   heading,
   description,
   popularHeading,
@@ -534,6 +535,7 @@ function BlogFeaturedPopular({
   return /* @__PURE__ */ jsx(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       className: cn(className),

package/dist/blog-filtered-results.cjs

@@ -665,6 +665,7 @@ var BreadcrumbBlog = React4__namespace.memo(function BreadcrumbBlog2({
   }) }) });
 });
 function BlogFilteredResultsComponent({
+  sectionId = "blog-filtered-results",
   heading,
   description,
   allContentHeading,
@@ -821,6 +822,7 @@ function BlogFilteredResultsComponent({
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       className: cn(className),

package/dist/blog-filtered-results.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 BlogPostItem, A as ActionConfig, O as OptixFlowConfig } from './blocks-DL92rOxr.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
@@ -141,7 +141,9 @@ interface BlogFilteredResultsProps {
      * Pattern overlay opacity (0-1)
      */
     patternOpacity?: number;
+    /** Optional Section ID */
+    sectionId?: string;
 }
-declare function BlogFilteredResultsComponent({ heading, description, allContentHeading, breadcrumb, breadcrumbSlot, primaryPost, primaryPostSlot, posts, postsSlot, categories, categoriesSlot, postsPerPage, loadMoreAction, loadMoreSlot, className, heroClassName, headingClassName, descriptionClassName, primaryPostClassName, allContentClassName, allContentHeadingClassName, categoriesClassName, postsClassName, postCardClassName, loadMoreClassName, optixFlowConfig, background, spacing, pattern, patternOpacity, }: BlogFilteredResultsProps): React.JSX.Element;
+declare function BlogFilteredResultsComponent({ sectionId, heading, description, allContentHeading, breadcrumb, breadcrumbSlot, primaryPost, primaryPostSlot, posts, postsSlot, categories, categoriesSlot, postsPerPage, loadMoreAction, loadMoreSlot, className, heroClassName, headingClassName, descriptionClassName, primaryPostClassName, allContentClassName, allContentHeadingClassName, categoriesClassName, postsClassName, postCardClassName, loadMoreClassName, optixFlowConfig, background, spacing, pattern, patternOpacity, }: BlogFilteredResultsProps): React.JSX.Element;
 
 export { BlogFilteredResultsComponent as BlogFilteredResults, type BlogFilteredResultsProps, type BreadcrumbItemType, type CategoryFilter };

package/dist/blog-filtered-results.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 BlogPostItem, A as ActionConfig, O as OptixFlowConfig } from './blocks-DL92rOxr.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
@@ -141,7 +141,9 @@ interface BlogFilteredResultsProps {
      * Pattern overlay opacity (0-1)
      */
     patternOpacity?: number;
+    /** Optional Section ID */
+    sectionId?: string;
 }
-declare function BlogFilteredResultsComponent({ heading, description, allContentHeading, breadcrumb, breadcrumbSlot, primaryPost, primaryPostSlot, posts, postsSlot, categories, categoriesSlot, postsPerPage, loadMoreAction, loadMoreSlot, className, heroClassName, headingClassName, descriptionClassName, primaryPostClassName, allContentClassName, allContentHeadingClassName, categoriesClassName, postsClassName, postCardClassName, loadMoreClassName, optixFlowConfig, background, spacing, pattern, patternOpacity, }: BlogFilteredResultsProps): React.JSX.Element;
+declare function BlogFilteredResultsComponent({ sectionId, heading, description, allContentHeading, breadcrumb, breadcrumbSlot, primaryPost, primaryPostSlot, posts, postsSlot, categories, categoriesSlot, postsPerPage, loadMoreAction, loadMoreSlot, className, heroClassName, headingClassName, descriptionClassName, primaryPostClassName, allContentClassName, allContentHeadingClassName, categoriesClassName, postsClassName, postCardClassName, loadMoreClassName, optixFlowConfig, background, spacing, pattern, patternOpacity, }: BlogFilteredResultsProps): React.JSX.Element;
 
 export { BlogFilteredResultsComponent as BlogFilteredResults, type BlogFilteredResultsProps, type BreadcrumbItemType, type CategoryFilter };

package/dist/blog-filtered-results.js

@@ -641,6 +641,7 @@ var BreadcrumbBlog = React4.memo(function BreadcrumbBlog2({
   }) }) });
 });
 function BlogFilteredResultsComponent({
+  sectionId = "blog-filtered-results",
   heading,
   description,
   allContentHeading,
@@ -797,6 +798,7 @@ function BlogFilteredResultsComponent({
   return /* @__PURE__ */ jsxs(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       className: cn(className),

package/dist/blog-grid-author-cards.cjs

@@ -490,6 +490,7 @@ var Section = React3__namespace.default.forwardRef(
 );
 Section.displayName = "Section";
 function BlogGridAuthorCardsComponent({
+  sectionId = "blog-grid-author-cards",
   heading,
   description,
   posts,
@@ -580,6 +581,7 @@ function BlogGridAuthorCardsComponent({
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       className: cn(className),

package/dist/blog-grid-author-cards.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 BlogPostItem, A as ActionConfig, O as OptixFlowConfig } from './blocks-DL92rOxr.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
@@ -83,7 +83,9 @@ interface BlogGridAuthorCardsProps {
      * Pattern overlay opacity (0-1)
      */
     patternOpacity?: number;
+    /** Optional Section ID */
+    sectionId?: string;
 }
-declare function BlogGridAuthorCardsComponent({ heading, description, posts, postsSlot, viewAllAction, viewAllSlot, className, containerClassName, spacing, headerClassName, headingClassName, descriptionClassName, postsClassName, postCardClassName, viewAllClassName, optixFlowConfig, background, pattern, patternOpacity, }: BlogGridAuthorCardsProps): React.JSX.Element;
+declare function BlogGridAuthorCardsComponent({ sectionId, heading, description, posts, postsSlot, viewAllAction, viewAllSlot, className, containerClassName, spacing, headerClassName, headingClassName, descriptionClassName, postsClassName, postCardClassName, viewAllClassName, optixFlowConfig, background, pattern, patternOpacity, }: BlogGridAuthorCardsProps): React.JSX.Element;
 
 export { BlogGridAuthorCardsComponent as BlogGridAuthorCards, type BlogGridAuthorCardsProps };

package/dist/blog-grid-author-cards.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 BlogPostItem, A as ActionConfig, O as OptixFlowConfig } from './blocks-DL92rOxr.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
@@ -83,7 +83,9 @@ interface BlogGridAuthorCardsProps {
      * Pattern overlay opacity (0-1)
      */
     patternOpacity?: number;
+    /** Optional Section ID */
+    sectionId?: string;
 }
-declare function BlogGridAuthorCardsComponent({ heading, description, posts, postsSlot, viewAllAction, viewAllSlot, className, containerClassName, spacing, headerClassName, headingClassName, descriptionClassName, postsClassName, postCardClassName, viewAllClassName, optixFlowConfig, background, pattern, patternOpacity, }: BlogGridAuthorCardsProps): React.JSX.Element;
+declare function BlogGridAuthorCardsComponent({ sectionId, heading, description, posts, postsSlot, viewAllAction, viewAllSlot, className, containerClassName, spacing, headerClassName, headingClassName, descriptionClassName, postsClassName, postCardClassName, viewAllClassName, optixFlowConfig, background, pattern, patternOpacity, }: BlogGridAuthorCardsProps): React.JSX.Element;
 
 export { BlogGridAuthorCardsComponent as BlogGridAuthorCards, type BlogGridAuthorCardsProps };

package/dist/blog-grid-author-cards.js

@@ -468,6 +468,7 @@ var Section = React3__default.forwardRef(
 );
 Section.displayName = "Section";
 function BlogGridAuthorCardsComponent({
+  sectionId = "blog-grid-author-cards",
   heading,
   description,
   posts,
@@ -558,6 +559,7 @@ function BlogGridAuthorCardsComponent({
   return /* @__PURE__ */ jsx(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       className: cn(className),