@opensite/ui 3.0.5 → 3.0.6

package/dist/link-page-minimal-profile.js

@@ -486,6 +486,7 @@ var SocialLinkIcon = React4.forwardRef(
 );
 SocialLinkIcon.displayName = "SocialLinkIcon";
 function LinkPageMinimalProfile({
+  sectionId = "link-page-minimal-profile",
   name,
   bio,
   avatar,
@@ -702,6 +703,7 @@ function LinkPageMinimalProfile({
   return /* @__PURE__ */ jsx(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       className,

package/dist/link-page-newsletter-social.cjs

@@ -524,6 +524,7 @@ var DEFAULT_FORM_FIELDS = [
   }
 ];
 function LinkPageNewsletterSocial({
+  sectionId = "link-page-newsletter-social",
   name,
   bio,
   avatar,
@@ -838,6 +839,7 @@ function LinkPageNewsletterSocial({
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       className,

package/dist/link-page-newsletter-social.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 { I as ImageItem, A as ActionConfig, j as SocialLinkItem, O as OptixFlowConfig } from './blocks-DL92rOxr.cjs';
 import 'react/jsx-runtime';
@@ -201,6 +201,8 @@ interface LinkPageNewsletterSocialProps {
      * OptixFlow image optimization configuration
      */
     optixFlowConfig?: OptixFlowConfig;
+    /** Optional Section ID */
+    sectionId?: string;
 }
 /**
  * LinkPageNewsletterSocial - A link page with integrated newsletter signup form.
@@ -237,6 +239,6 @@ interface LinkPageNewsletterSocialProps {
  * />
  * ```
  */
-declare function LinkPageNewsletterSocial({ name, bio, avatar, avatarUrl, profileSlot, newsletterHeading, newsletterDescription, formEngineSetup, buttonAction, helperText, newsletterSlot, formSlot, links, linksSlot, linkChevronIcon, socialLinks, socialLinksSlot, footerAction, footerSlot, className, contentClassName, headerClassName, avatarClassName, nameClassName, bioClassName, socialLinksClassName, socialLinkClassName, socialIconClassName, newsletterCardClassName, newsletterHeadingClassName, newsletterDescriptionClassName, linksClassName, linkClassName, linkIconClassName, linkLabelClassName, linkChevronClassName, footerClassName, background, containerClassName, spacing, pattern, patternOpacity, patternClassName, optixFlowConfig, }: LinkPageNewsletterSocialProps): React.JSX.Element;
+declare function LinkPageNewsletterSocial({ sectionId, name, bio, avatar, avatarUrl, profileSlot, newsletterHeading, newsletterDescription, formEngineSetup, buttonAction, helperText, newsletterSlot, formSlot, links, linksSlot, linkChevronIcon, socialLinks, socialLinksSlot, footerAction, footerSlot, className, contentClassName, headerClassName, avatarClassName, nameClassName, bioClassName, socialLinksClassName, socialLinkClassName, socialIconClassName, newsletterCardClassName, newsletterHeadingClassName, newsletterDescriptionClassName, linksClassName, linkClassName, linkIconClassName, linkLabelClassName, linkChevronClassName, footerClassName, background, containerClassName, spacing, pattern, patternOpacity, patternClassName, optixFlowConfig, }: LinkPageNewsletterSocialProps): React.JSX.Element;
 
 export { LinkPageNewsletterSocial, type LinkPageNewsletterSocialProps, type NewsletterSocialLink, type NewsletterSocialSocialLink };

package/dist/link-page-newsletter-social.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 { I as ImageItem, A as ActionConfig, j as SocialLinkItem, O as OptixFlowConfig } from './blocks-DL92rOxr.js';
 import 'react/jsx-runtime';
@@ -201,6 +201,8 @@ interface LinkPageNewsletterSocialProps {
      * OptixFlow image optimization configuration
      */
     optixFlowConfig?: OptixFlowConfig;
+    /** Optional Section ID */
+    sectionId?: string;
 }
 /**
  * LinkPageNewsletterSocial - A link page with integrated newsletter signup form.
@@ -237,6 +239,6 @@ interface LinkPageNewsletterSocialProps {
  * />
  * ```
  */
-declare function LinkPageNewsletterSocial({ name, bio, avatar, avatarUrl, profileSlot, newsletterHeading, newsletterDescription, formEngineSetup, buttonAction, helperText, newsletterSlot, formSlot, links, linksSlot, linkChevronIcon, socialLinks, socialLinksSlot, footerAction, footerSlot, className, contentClassName, headerClassName, avatarClassName, nameClassName, bioClassName, socialLinksClassName, socialLinkClassName, socialIconClassName, newsletterCardClassName, newsletterHeadingClassName, newsletterDescriptionClassName, linksClassName, linkClassName, linkIconClassName, linkLabelClassName, linkChevronClassName, footerClassName, background, containerClassName, spacing, pattern, patternOpacity, patternClassName, optixFlowConfig, }: LinkPageNewsletterSocialProps): React.JSX.Element;
+declare function LinkPageNewsletterSocial({ sectionId, name, bio, avatar, avatarUrl, profileSlot, newsletterHeading, newsletterDescription, formEngineSetup, buttonAction, helperText, newsletterSlot, formSlot, links, linksSlot, linkChevronIcon, socialLinks, socialLinksSlot, footerAction, footerSlot, className, contentClassName, headerClassName, avatarClassName, nameClassName, bioClassName, socialLinksClassName, socialLinkClassName, socialIconClassName, newsletterCardClassName, newsletterHeadingClassName, newsletterDescriptionClassName, linksClassName, linkClassName, linkIconClassName, linkLabelClassName, linkChevronClassName, footerClassName, background, containerClassName, spacing, pattern, patternOpacity, patternClassName, optixFlowConfig, }: LinkPageNewsletterSocialProps): React.JSX.Element;
 
 export { LinkPageNewsletterSocial, type LinkPageNewsletterSocialProps, type NewsletterSocialLink, type NewsletterSocialSocialLink };

package/dist/link-page-newsletter-social.js

@@ -503,6 +503,7 @@ var DEFAULT_FORM_FIELDS = [
   }
 ];
 function LinkPageNewsletterSocial({
+  sectionId = "link-page-newsletter-social",
   name,
   bio,
   avatar,
@@ -817,6 +818,7 @@ function LinkPageNewsletterSocial({
   return /* @__PURE__ */ jsx(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       className,

package/dist/link-tree-block.cjs

@@ -542,6 +542,7 @@ var SocialLinkIcon = React5__namespace.forwardRef(
 );
 SocialLinkIcon.displayName = "SocialLinkIcon";
 function LinkTreeBlock({
+  sectionId = "link-tree-block",
   brandName,
   brandTagline,
   brandLogo,
@@ -1009,6 +1010,7 @@ function LinkTreeBlock({
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Section,
     {
+      id: sectionId,
       background: resolvedBackground,
       spacing,
       className,

package/dist/link-tree-block.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, A as ActionConfig, j as SocialLinkItem, O as OptixFlowConfig } from './blocks-DL92rOxr.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
@@ -249,6 +249,8 @@ interface LinkTreeBlockProps {
      * OptixFlow image optimization configuration
      */
     optixFlowConfig?: OptixFlowConfig;
+    /** Optional Section ID */
+    sectionId?: string;
 }
 /**
  * LinkTreeBlock - A customizable link-in-bio style page component with three theme variations.
@@ -286,6 +288,6 @@ interface LinkTreeBlockProps {
  * />
  * ```
  */
-declare function LinkTreeBlock({ brandName, brandTagline, brandLogo, brandAvatar, brandVerified, verifiedIcon, brandSlot, links, linksSlot, socialLinks, socialLinksSlot, mediaGallery, mediaGallerySlot, mediaGalleryTitle, mediaGalleryLimit, footerAction, footerSlot, className, contentClassName, headerClassName, avatarClassName, nameClassName, taglineClassName, verifiedBadgeClassName, verifiedIconClassName, linksClassName, linkClassName, featuredLinkClassName, linkIconClassName, linkLabelClassName, linkDescriptionClassName, linkBadgeClassName, linkChevronClassName, mediaGalleryClassName, mediaGalleryTitleClassName, mediaGalleryGridClassName, mediaGalleryItemClassName, mediaGalleryMediaClassName, mediaGalleryOverlayClassName, mediaGalleryPlayIconClassName, socialLinksClassName, socialLinkClassName, socialIconClassName, footerClassName, background, containerClassName, spacing, pattern, patternOpacity, patternClassName, backgroundPattern, optixFlowConfig, }: LinkTreeBlockProps): React.JSX.Element;
+declare function LinkTreeBlock({ sectionId, brandName, brandTagline, brandLogo, brandAvatar, brandVerified, verifiedIcon, brandSlot, links, linksSlot, socialLinks, socialLinksSlot, mediaGallery, mediaGallerySlot, mediaGalleryTitle, mediaGalleryLimit, footerAction, footerSlot, className, contentClassName, headerClassName, avatarClassName, nameClassName, taglineClassName, verifiedBadgeClassName, verifiedIconClassName, linksClassName, linkClassName, featuredLinkClassName, linkIconClassName, linkLabelClassName, linkDescriptionClassName, linkBadgeClassName, linkChevronClassName, mediaGalleryClassName, mediaGalleryTitleClassName, mediaGalleryGridClassName, mediaGalleryItemClassName, mediaGalleryMediaClassName, mediaGalleryOverlayClassName, mediaGalleryPlayIconClassName, socialLinksClassName, socialLinkClassName, socialIconClassName, footerClassName, background, containerClassName, spacing, pattern, patternOpacity, patternClassName, backgroundPattern, optixFlowConfig, }: LinkTreeBlockProps): React.JSX.Element;
 
 export { LinkTreeBlock, type LinkTreeBlockProps, type LinkTreeLink, type MediaGalleryItem, type SocialLink };

package/dist/link-tree-block.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, A as ActionConfig, j as SocialLinkItem, O as OptixFlowConfig } from './blocks-DL92rOxr.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
@@ -249,6 +249,8 @@ interface LinkTreeBlockProps {
      * OptixFlow image optimization configuration
      */
     optixFlowConfig?: OptixFlowConfig;
+    /** Optional Section ID */
+    sectionId?: string;
 }
 /**
  * LinkTreeBlock - A customizable link-in-bio style page component with three theme variations.
@@ -286,6 +288,6 @@ interface LinkTreeBlockProps {
  * />
  * ```
  */
-declare function LinkTreeBlock({ brandName, brandTagline, brandLogo, brandAvatar, brandVerified, verifiedIcon, brandSlot, links, linksSlot, socialLinks, socialLinksSlot, mediaGallery, mediaGallerySlot, mediaGalleryTitle, mediaGalleryLimit, footerAction, footerSlot, className, contentClassName, headerClassName, avatarClassName, nameClassName, taglineClassName, verifiedBadgeClassName, verifiedIconClassName, linksClassName, linkClassName, featuredLinkClassName, linkIconClassName, linkLabelClassName, linkDescriptionClassName, linkBadgeClassName, linkChevronClassName, mediaGalleryClassName, mediaGalleryTitleClassName, mediaGalleryGridClassName, mediaGalleryItemClassName, mediaGalleryMediaClassName, mediaGalleryOverlayClassName, mediaGalleryPlayIconClassName, socialLinksClassName, socialLinkClassName, socialIconClassName, footerClassName, background, containerClassName, spacing, pattern, patternOpacity, patternClassName, backgroundPattern, optixFlowConfig, }: LinkTreeBlockProps): React.JSX.Element;
+declare function LinkTreeBlock({ sectionId, brandName, brandTagline, brandLogo, brandAvatar, brandVerified, verifiedIcon, brandSlot, links, linksSlot, socialLinks, socialLinksSlot, mediaGallery, mediaGallerySlot, mediaGalleryTitle, mediaGalleryLimit, footerAction, footerSlot, className, contentClassName, headerClassName, avatarClassName, nameClassName, taglineClassName, verifiedBadgeClassName, verifiedIconClassName, linksClassName, linkClassName, featuredLinkClassName, linkIconClassName, linkLabelClassName, linkDescriptionClassName, linkBadgeClassName, linkChevronClassName, mediaGalleryClassName, mediaGalleryTitleClassName, mediaGalleryGridClassName, mediaGalleryItemClassName, mediaGalleryMediaClassName, mediaGalleryOverlayClassName, mediaGalleryPlayIconClassName, socialLinksClassName, socialLinkClassName, socialIconClassName, footerClassName, background, containerClassName, spacing, pattern, patternOpacity, patternClassName, backgroundPattern, optixFlowConfig, }: LinkTreeBlockProps): React.JSX.Element;
 
 export { LinkTreeBlock, type LinkTreeBlockProps, type LinkTreeLink, type MediaGalleryItem, type SocialLink };

package/dist/link-tree-block.js

@@ -521,6 +521,7 @@ var SocialLinkIcon = React5.forwardRef(
 );
 SocialLinkIcon.displayName = "SocialLinkIcon";
 function LinkTreeBlock({
+  sectionId = "link-tree-block",
   brandName,
   brandTagline,
   brandLogo,
@@ -988,6 +989,7 @@ function LinkTreeBlock({
   return /* @__PURE__ */ jsxs(
     Section,
     {
+      id: sectionId,
       background: resolvedBackground,
       spacing,
       className,

package/dist/list-achievements-showcase.cjs

@@ -469,6 +469,7 @@ var Section = React__namespace.default.forwardRef(
 );
 Section.displayName = "Section";
 function ListAchievementsShowcase({
+  sectionId = "list-achievements-showcase",
   heading,
   headingClassName,
   items,
@@ -603,6 +604,7 @@ function ListAchievementsShowcase({
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       className,

package/dist/list-achievements-showcase.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 } from './blocks-DL92rOxr.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
@@ -101,6 +101,8 @@ interface ListAchievementsShowcaseProps {
      * Pattern overlay opacity (0-1)
      */
     patternOpacity?: number;
+    /** Optional Section ID */
+    sectionId?: string;
 }
 /**
  * ListAchievementsShowcase - A vertical list displaying achievements and recognition
@@ -126,6 +128,6 @@ interface ListAchievementsShowcaseProps {
  * />
  * ```
  */
-declare function ListAchievementsShowcase({ heading, headingClassName, items, itemsSlot, itemsClassName, itemClassName, itemIconClassName, itemTitleClassName, itemCategoryClassName, itemDescriptionClassName, defaultItemAction: defaultAction, itemActionClassName, containerClassName, className, background, spacing, pattern, patternOpacity, }: ListAchievementsShowcaseProps): React.JSX.Element;
+declare function ListAchievementsShowcase({ sectionId, heading, headingClassName, items, itemsSlot, itemsClassName, itemClassName, itemIconClassName, itemTitleClassName, itemCategoryClassName, itemDescriptionClassName, defaultItemAction: defaultAction, itemActionClassName, containerClassName, className, background, spacing, pattern, patternOpacity, }: ListAchievementsShowcaseProps): React.JSX.Element;
 
 export { ListAchievementsShowcase, type ListAchievementsShowcaseProps };

package/dist/list-achievements-showcase.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 } from './blocks-DL92rOxr.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
@@ -101,6 +101,8 @@ interface ListAchievementsShowcaseProps {
      * Pattern overlay opacity (0-1)
      */
     patternOpacity?: number;
+    /** Optional Section ID */
+    sectionId?: string;
 }
 /**
  * ListAchievementsShowcase - A vertical list displaying achievements and recognition
@@ -126,6 +128,6 @@ interface ListAchievementsShowcaseProps {
  * />
  * ```
  */
-declare function ListAchievementsShowcase({ heading, headingClassName, items, itemsSlot, itemsClassName, itemClassName, itemIconClassName, itemTitleClassName, itemCategoryClassName, itemDescriptionClassName, defaultItemAction: defaultAction, itemActionClassName, containerClassName, className, background, spacing, pattern, patternOpacity, }: ListAchievementsShowcaseProps): React.JSX.Element;
+declare function ListAchievementsShowcase({ sectionId, heading, headingClassName, items, itemsSlot, itemsClassName, itemClassName, itemIconClassName, itemTitleClassName, itemCategoryClassName, itemDescriptionClassName, defaultItemAction: defaultAction, itemActionClassName, containerClassName, className, background, spacing, pattern, patternOpacity, }: ListAchievementsShowcaseProps): React.JSX.Element;
 
 export { ListAchievementsShowcase, type ListAchievementsShowcaseProps };

package/dist/list-achievements-showcase.js

@@ -447,6 +447,7 @@ var Section = React__default.forwardRef(
 );
 Section.displayName = "Section";
 function ListAchievementsShowcase({
+  sectionId = "list-achievements-showcase",
   heading,
   headingClassName,
   items,
@@ -581,6 +582,7 @@ function ListAchievementsShowcase({
   return /* @__PURE__ */ jsx(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       className,

package/dist/list-career-timeline.cjs

@@ -429,6 +429,7 @@ var Section = React3__namespace.default.forwardRef(
 );
 Section.displayName = "Section";
 function ListCareerTimeline({
+  sectionId = "list-career-timeline",
   sectionLabel,
   sectionLabelClassName,
   heading,
@@ -497,6 +498,7 @@ function ListCareerTimeline({
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       className,

package/dist/list-career-timeline.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';
@@ -123,6 +123,8 @@ interface ListCareerTimelineProps {
      * Pattern overlay opacity (0-1)
      */
     patternOpacity?: number;
+    /** Optional Section ID */
+    sectionId?: string;
 }
 /**
  * ListCareerTimeline - A two-section timeline displaying professional experience
@@ -148,6 +150,6 @@ interface ListCareerTimelineProps {
  * />
  * ```
  */
-declare function ListCareerTimeline({ sectionLabel, sectionLabelClassName, heading, headingClassName, experienceLabel, experienceLabelClassName, experiences, experiencesSlot, experiencesClassName, experienceRowClassName, achievementsLabel, achievementsLabelClassName, awards, awardsSlot, awardsClassName, awardRowClassName, contentClassName, className, background, spacing, pattern, patternOpacity, }: ListCareerTimelineProps): React.JSX.Element;
+declare function ListCareerTimeline({ sectionId, sectionLabel, sectionLabelClassName, heading, headingClassName, experienceLabel, experienceLabelClassName, experiences, experiencesSlot, experiencesClassName, experienceRowClassName, achievementsLabel, achievementsLabelClassName, awards, awardsSlot, awardsClassName, awardRowClassName, contentClassName, className, background, spacing, pattern, patternOpacity, }: ListCareerTimelineProps): React.JSX.Element;
 
 export { ListCareerTimeline, type ListCareerTimelineProps };

package/dist/list-career-timeline.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';
@@ -123,6 +123,8 @@ interface ListCareerTimelineProps {
      * Pattern overlay opacity (0-1)
      */
     patternOpacity?: number;
+    /** Optional Section ID */
+    sectionId?: string;
 }
 /**
  * ListCareerTimeline - A two-section timeline displaying professional experience
@@ -148,6 +150,6 @@ interface ListCareerTimelineProps {
  * />
  * ```
  */
-declare function ListCareerTimeline({ sectionLabel, sectionLabelClassName, heading, headingClassName, experienceLabel, experienceLabelClassName, experiences, experiencesSlot, experiencesClassName, experienceRowClassName, achievementsLabel, achievementsLabelClassName, awards, awardsSlot, awardsClassName, awardRowClassName, contentClassName, className, background, spacing, pattern, patternOpacity, }: ListCareerTimelineProps): React.JSX.Element;
+declare function ListCareerTimeline({ sectionId, sectionLabel, sectionLabelClassName, heading, headingClassName, experienceLabel, experienceLabelClassName, experiences, experiencesSlot, experiencesClassName, experienceRowClassName, achievementsLabel, achievementsLabelClassName, awards, awardsSlot, awardsClassName, awardRowClassName, contentClassName, className, background, spacing, pattern, patternOpacity, }: ListCareerTimelineProps): React.JSX.Element;
 
 export { ListCareerTimeline, type ListCareerTimelineProps };

package/dist/list-career-timeline.js

@@ -407,6 +407,7 @@ var Section = React3__default.forwardRef(
 );
 Section.displayName = "Section";
 function ListCareerTimeline({
+  sectionId = "list-career-timeline",
   sectionLabel,
   sectionLabelClassName,
   heading,
@@ -475,6 +476,7 @@ function ListCareerTimeline({
   return /* @__PURE__ */ jsx(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       className,

package/dist/list-feature-comparison.cjs

@@ -481,6 +481,7 @@ var Section = React__namespace.default.forwardRef(
 );
 Section.displayName = "Section";
 function ListFeatureComparison({
+  sectionId = "list-feature-comparison",
   badge,
   badgeSlot,
   badgeClassName,
@@ -659,6 +660,7 @@ function ListFeatureComparison({
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       className,

package/dist/list-feature-comparison.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 } from './blocks-DL92rOxr.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
@@ -156,6 +156,8 @@ interface ListFeatureComparisonProps {
      * Pattern overlay opacity (0-1)
      */
     patternOpacity?: number;
+    /** Optional Section ID */
+    sectionId?: string;
 }
 /**
  * ListFeatureComparison - A hero-style feature comparison table with pricing tiers,
@@ -184,6 +186,6 @@ interface ListFeatureComparisonProps {
  * />
  * ```
  */
-declare function ListFeatureComparison({ badge, badgeSlot, badgeClassName, heading, headingClassName, description, descriptionClassName, features, featuresSlot, planHeaders, actions, actionsSlot, actionsClassName, trustIndicators, trustIndicatorsSlot, trustIndicatorsClassName, trustIndicatorClassName, tableWrapperClassName, tableClassName, tableHeaderClassName, tableBodyClassName, tableRowClassName, headerClassName, className, background, spacing, pattern, patternOpacity, }: ListFeatureComparisonProps): React.JSX.Element;
+declare function ListFeatureComparison({ sectionId, badge, badgeSlot, badgeClassName, heading, headingClassName, description, descriptionClassName, features, featuresSlot, planHeaders, actions, actionsSlot, actionsClassName, trustIndicators, trustIndicatorsSlot, trustIndicatorsClassName, trustIndicatorClassName, tableWrapperClassName, tableClassName, tableHeaderClassName, tableBodyClassName, tableRowClassName, headerClassName, className, background, spacing, pattern, patternOpacity, }: ListFeatureComparisonProps): React.JSX.Element;
 
 export { ListFeatureComparison, type ListFeatureComparisonProps };

package/dist/list-feature-comparison.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 } from './blocks-DL92rOxr.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
@@ -156,6 +156,8 @@ interface ListFeatureComparisonProps {
      * Pattern overlay opacity (0-1)
      */
     patternOpacity?: number;
+    /** Optional Section ID */
+    sectionId?: string;
 }
 /**
  * ListFeatureComparison - A hero-style feature comparison table with pricing tiers,
@@ -184,6 +186,6 @@ interface ListFeatureComparisonProps {
  * />
  * ```
  */
-declare function ListFeatureComparison({ badge, badgeSlot, badgeClassName, heading, headingClassName, description, descriptionClassName, features, featuresSlot, planHeaders, actions, actionsSlot, actionsClassName, trustIndicators, trustIndicatorsSlot, trustIndicatorsClassName, trustIndicatorClassName, tableWrapperClassName, tableClassName, tableHeaderClassName, tableBodyClassName, tableRowClassName, headerClassName, className, background, spacing, pattern, patternOpacity, }: ListFeatureComparisonProps): React.JSX.Element;
+declare function ListFeatureComparison({ sectionId, badge, badgeSlot, badgeClassName, heading, headingClassName, description, descriptionClassName, features, featuresSlot, planHeaders, actions, actionsSlot, actionsClassName, trustIndicators, trustIndicatorsSlot, trustIndicatorsClassName, trustIndicatorClassName, tableWrapperClassName, tableClassName, tableHeaderClassName, tableBodyClassName, tableRowClassName, headerClassName, className, background, spacing, pattern, patternOpacity, }: ListFeatureComparisonProps): React.JSX.Element;
 
 export { ListFeatureComparison, type ListFeatureComparisonProps };

package/dist/list-feature-comparison.js

@@ -460,6 +460,7 @@ var Section = React__default.forwardRef(
 );
 Section.displayName = "Section";
 function ListFeatureComparison({
+  sectionId = "list-feature-comparison",
   badge,
   badgeSlot,
   badgeClassName,
@@ -638,6 +639,7 @@ function ListFeatureComparison({
   return /* @__PURE__ */ jsxs(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       className,

package/dist/list-metrics-dashboard.cjs

@@ -616,6 +616,7 @@ var Section = React__namespace.default.forwardRef(
 );
 Section.displayName = "Section";
 function ListMetricsDashboard({
+  sectionId = "list-metrics-dashboard",
   badge,
   badgeSlot,
   badgeClassName,
@@ -774,6 +775,7 @@ function ListMetricsDashboard({
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       className,

package/dist/list-metrics-dashboard.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 } from './blocks-DL92rOxr.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
@@ -156,6 +156,8 @@ interface ListMetricsDashboardProps {
      * Callback when active category changes
      */
     onActiveCategoryChange?: (category: string) => void;
+    /** Optional Section ID */
+    sectionId?: string;
 }
 /**
  * ListMetricsDashboard - A comprehensive metrics dashboard with tabbed category filtering,
@@ -186,6 +188,6 @@ interface ListMetricsDashboardProps {
  * />
  * ```
  */
-declare function ListMetricsDashboard({ badge, badgeSlot, badgeClassName, heading, headingClassName, description, descriptionClassName, metrics, metricsSlot, metricsClassName, categories, lastUpdated, lastUpdatedClassName, dashboardAction, dashboardActionSlot, dashboardActionClassName, cardClassName, tabsClassName, headerClassName, footerClassName, className, background, spacing, pattern, patternOpacity, activeCategory: controlledActiveCategory, onActiveCategoryChange, }: ListMetricsDashboardProps): React.JSX.Element;
+declare function ListMetricsDashboard({ sectionId, badge, badgeSlot, badgeClassName, heading, headingClassName, description, descriptionClassName, metrics, metricsSlot, metricsClassName, categories, lastUpdated, lastUpdatedClassName, dashboardAction, dashboardActionSlot, dashboardActionClassName, cardClassName, tabsClassName, headerClassName, footerClassName, className, background, spacing, pattern, patternOpacity, activeCategory: controlledActiveCategory, onActiveCategoryChange, }: ListMetricsDashboardProps): React.JSX.Element;
 
 export { ListMetricsDashboard, type ListMetricsDashboardProps };

package/dist/list-metrics-dashboard.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 } from './blocks-DL92rOxr.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
@@ -156,6 +156,8 @@ interface ListMetricsDashboardProps {
      * Callback when active category changes
      */
     onActiveCategoryChange?: (category: string) => void;
+    /** Optional Section ID */
+    sectionId?: string;
 }
 /**
  * ListMetricsDashboard - A comprehensive metrics dashboard with tabbed category filtering,
@@ -186,6 +188,6 @@ interface ListMetricsDashboardProps {
  * />
  * ```
  */
-declare function ListMetricsDashboard({ badge, badgeSlot, badgeClassName, heading, headingClassName, description, descriptionClassName, metrics, metricsSlot, metricsClassName, categories, lastUpdated, lastUpdatedClassName, dashboardAction, dashboardActionSlot, dashboardActionClassName, cardClassName, tabsClassName, headerClassName, footerClassName, className, background, spacing, pattern, patternOpacity, activeCategory: controlledActiveCategory, onActiveCategoryChange, }: ListMetricsDashboardProps): React.JSX.Element;
+declare function ListMetricsDashboard({ sectionId, badge, badgeSlot, badgeClassName, heading, headingClassName, description, descriptionClassName, metrics, metricsSlot, metricsClassName, categories, lastUpdated, lastUpdatedClassName, dashboardAction, dashboardActionSlot, dashboardActionClassName, cardClassName, tabsClassName, headerClassName, footerClassName, className, background, spacing, pattern, patternOpacity, activeCategory: controlledActiveCategory, onActiveCategoryChange, }: ListMetricsDashboardProps): React.JSX.Element;
 
 export { ListMetricsDashboard, type ListMetricsDashboardProps };

package/dist/list-metrics-dashboard.js

@@ -593,6 +593,7 @@ var Section = React__default.forwardRef(
 );
 Section.displayName = "Section";
 function ListMetricsDashboard({
+  sectionId = "list-metrics-dashboard",
   badge,
   badgeSlot,
   badgeClassName,
@@ -751,6 +752,7 @@ function ListMetricsDashboard({
   return /* @__PURE__ */ jsxs(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       className,

package/dist/list-searchable-grid.cjs

@@ -477,6 +477,7 @@ var Section = React4__namespace.default.forwardRef(
 );
 Section.displayName = "Section";
 function ListSearchableGrid({
+  sectionId = "list-searchable-grid",
   heading,
   headingClassName,
   description,
@@ -602,6 +603,7 @@ function ListSearchableGrid({
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       className,

package/dist/list-searchable-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 './blocks-DL92rOxr.cjs';
 import 'class-variance-authority';
 import '@page-speed/pressable';
@@ -133,11 +133,13 @@ interface ListSearchableGridProps {
      * Callback when search term changes
      */
     onSearchTermChange?: (term: string) => void;
+    /** Optional Section ID */
+    sectionId?: string;
 }
 /**
  * ListSearchableGrid - Searchable grid of cards with optional icons and tags.
  * Perfect for resource directories, service catalogs, or partner listings.
  */
-declare function ListSearchableGrid({ heading, headingClassName, description, descriptionClassName, searchPlaceholder, searchInputClassName, searchContainerClassName, emptyStateMessage, emptyStateClassName, items, itemsSlot, itemsClassName, cardClassName, cardIconClassName, cardTitleClassName, cardDescriptionClassName, cardTagClassName, headerClassName, className, background, spacing, pattern, patternOpacity, searchTerm: controlledSearchTerm, onSearchTermChange, }: ListSearchableGridProps): React.JSX.Element;
+declare function ListSearchableGrid({ sectionId, heading, headingClassName, description, descriptionClassName, searchPlaceholder, searchInputClassName, searchContainerClassName, emptyStateMessage, emptyStateClassName, items, itemsSlot, itemsClassName, cardClassName, cardIconClassName, cardTitleClassName, cardDescriptionClassName, cardTagClassName, headerClassName, className, background, spacing, pattern, patternOpacity, searchTerm: controlledSearchTerm, onSearchTermChange, }: ListSearchableGridProps): React.JSX.Element;
 
 export { ListSearchableGrid, type ListSearchableGridProps };

package/dist/list-searchable-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 './blocks-DL92rOxr.js';
 import 'class-variance-authority';
 import '@page-speed/pressable';
@@ -133,11 +133,13 @@ interface ListSearchableGridProps {
      * Callback when search term changes
      */
     onSearchTermChange?: (term: string) => void;
+    /** Optional Section ID */
+    sectionId?: string;
 }
 /**
  * ListSearchableGrid - Searchable grid of cards with optional icons and tags.
  * Perfect for resource directories, service catalogs, or partner listings.
  */
-declare function ListSearchableGrid({ heading, headingClassName, description, descriptionClassName, searchPlaceholder, searchInputClassName, searchContainerClassName, emptyStateMessage, emptyStateClassName, items, itemsSlot, itemsClassName, cardClassName, cardIconClassName, cardTitleClassName, cardDescriptionClassName, cardTagClassName, headerClassName, className, background, spacing, pattern, patternOpacity, searchTerm: controlledSearchTerm, onSearchTermChange, }: ListSearchableGridProps): React.JSX.Element;
+declare function ListSearchableGrid({ sectionId, heading, headingClassName, description, descriptionClassName, searchPlaceholder, searchInputClassName, searchContainerClassName, emptyStateMessage, emptyStateClassName, items, itemsSlot, itemsClassName, cardClassName, cardIconClassName, cardTitleClassName, cardDescriptionClassName, cardTagClassName, headerClassName, className, background, spacing, pattern, patternOpacity, searchTerm: controlledSearchTerm, onSearchTermChange, }: ListSearchableGridProps): React.JSX.Element;
 
 export { ListSearchableGrid, type ListSearchableGridProps };

package/dist/list-searchable-grid.js

@@ -456,6 +456,7 @@ var Section = React4__default.forwardRef(
 );
 Section.displayName = "Section";
 function ListSearchableGrid({
+  sectionId = "list-searchable-grid",
   heading,
   headingClassName,
   description,
@@ -581,6 +582,7 @@ function ListSearchableGrid({
   return /* @__PURE__ */ jsxs(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       className,

package/dist/list-service-category-table.cjs

@@ -492,6 +492,7 @@ var Section = React__namespace.default.forwardRef(
 );
 Section.displayName = "Section";
 function ListServiceCategoryTable({
+  sectionId = "list-service-category-table",
   heading,
   headingClassName,
   description,
@@ -581,6 +582,7 @@ function ListServiceCategoryTable({
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       className,