@opensite/ui 3.0.5 → 3.0.6

package/dist/stats-impact-grid.d.cts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 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 'class-variance-authority';
 import '@page-speed/pressable';
@@ -189,6 +189,8 @@ interface StatsImpactGridProps {
      * Additional CSS classes for the CTA section
      */
     ctaClassName?: string;
+    /** Optional Section ID */
+    sectionId?: string;
 }
 /**
  * StatsImpactGrid - A comprehensive stats section featuring a grid of impact metrics
@@ -217,6 +219,6 @@ interface StatsImpactGridProps {
  * />
  * ```
  */
-declare function StatsImpactGrid({ badge, badgeSlot, heading, description, stats, statsSlot, comparisonHeading, comparisonDescription, baselineValue, targetValue, baselineLabel, targetLabel, baselinePercent, targetPercent, comparisonSlot, ctaHeading, actions, ctaSlot, background, pattern, patternOpacity, patternClassName, className, containerClassName, spacing, headerClassName, badgeClassName, headingClassName, descriptionClassName, statsGridClassName, statCardClassName, comparisonClassName, ctaClassName, }: StatsImpactGridProps): react_jsx_runtime.JSX.Element;
+declare function StatsImpactGrid({ sectionId, badge, badgeSlot, heading, description, stats, statsSlot, comparisonHeading, comparisonDescription, baselineValue, targetValue, baselineLabel, targetLabel, baselinePercent, targetPercent, comparisonSlot, ctaHeading, actions, ctaSlot, background, pattern, patternOpacity, patternClassName, className, containerClassName, spacing, headerClassName, badgeClassName, headingClassName, descriptionClassName, statsGridClassName, statCardClassName, comparisonClassName, ctaClassName, }: StatsImpactGridProps): react_jsx_runtime.JSX.Element;
 
 export { type ImpactStat, StatsImpactGrid, type StatsImpactGridProps };

package/dist/stats-impact-grid.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 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 'class-variance-authority';
 import '@page-speed/pressable';
@@ -189,6 +189,8 @@ interface StatsImpactGridProps {
      * Additional CSS classes for the CTA section
      */
     ctaClassName?: string;
+    /** Optional Section ID */
+    sectionId?: string;
 }
 /**
  * StatsImpactGrid - A comprehensive stats section featuring a grid of impact metrics
@@ -217,6 +219,6 @@ interface StatsImpactGridProps {
  * />
  * ```
  */
-declare function StatsImpactGrid({ badge, badgeSlot, heading, description, stats, statsSlot, comparisonHeading, comparisonDescription, baselineValue, targetValue, baselineLabel, targetLabel, baselinePercent, targetPercent, comparisonSlot, ctaHeading, actions, ctaSlot, background, pattern, patternOpacity, patternClassName, className, containerClassName, spacing, headerClassName, badgeClassName, headingClassName, descriptionClassName, statsGridClassName, statCardClassName, comparisonClassName, ctaClassName, }: StatsImpactGridProps): react_jsx_runtime.JSX.Element;
+declare function StatsImpactGrid({ sectionId, badge, badgeSlot, heading, description, stats, statsSlot, comparisonHeading, comparisonDescription, baselineValue, targetValue, baselineLabel, targetLabel, baselinePercent, targetPercent, comparisonSlot, ctaHeading, actions, ctaSlot, background, pattern, patternOpacity, patternClassName, className, containerClassName, spacing, headerClassName, badgeClassName, headingClassName, descriptionClassName, statsGridClassName, statCardClassName, comparisonClassName, ctaClassName, }: StatsImpactGridProps): react_jsx_runtime.JSX.Element;
 
 export { type ImpactStat, StatsImpactGrid, type StatsImpactGridProps };

package/dist/stats-impact-grid.js

@@ -453,6 +453,7 @@ var Section = React__default.forwardRef(
 );
 Section.displayName = "Section";
 function StatsImpactGrid({
+  sectionId = "stats-impact-grid",
   badge,
   badgeSlot,
   heading,
@@ -652,6 +653,7 @@ function StatsImpactGrid({
   return /* @__PURE__ */ jsx(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,

package/dist/stats-milestone-sidebar.cjs

@@ -391,6 +391,7 @@ var Section = React__default.default.forwardRef(
 );
 Section.displayName = "Section";
 function StatsMilestoneSidebar({
+  sectionId = "stats-milestone-sidebar",
   heading,
   description,
   sidebarSlot,
@@ -505,6 +506,7 @@ function StatsMilestoneSidebar({
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,

package/dist/stats-milestone-sidebar.d.cts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 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';
@@ -113,6 +113,8 @@ interface StatsMilestoneSidebarProps {
      * Additional CSS classes for milestone descriptions
      */
     milestoneDescriptionClassName?: string;
+    /** Optional Section ID */
+    sectionId?: string;
 }
 /**
  * StatsMilestoneSidebar - A two-column layout featuring a sticky sidebar with
@@ -132,6 +134,6 @@ interface StatsMilestoneSidebarProps {
  * />
  * ```
  */
-declare function StatsMilestoneSidebar({ heading, description, sidebarSlot, milestones, milestonesSlot, background, pattern, patternOpacity, patternClassName, className, containerClassName, spacing, sidebarClassName, headingClassName, descriptionClassName, milestonesClassName, milestoneItemClassName, milestoneYearClassName, milestoneTitleClassName, milestoneDescriptionClassName, }: StatsMilestoneSidebarProps): react_jsx_runtime.JSX.Element;
+declare function StatsMilestoneSidebar({ sectionId, heading, description, sidebarSlot, milestones, milestonesSlot, background, pattern, patternOpacity, patternClassName, className, containerClassName, spacing, sidebarClassName, headingClassName, descriptionClassName, milestonesClassName, milestoneItemClassName, milestoneYearClassName, milestoneTitleClassName, milestoneDescriptionClassName, }: StatsMilestoneSidebarProps): react_jsx_runtime.JSX.Element;
 
 export { type MilestoneItem, StatsMilestoneSidebar, type StatsMilestoneSidebarProps };

package/dist/stats-milestone-sidebar.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 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';
@@ -113,6 +113,8 @@ interface StatsMilestoneSidebarProps {
      * Additional CSS classes for milestone descriptions
      */
     milestoneDescriptionClassName?: string;
+    /** Optional Section ID */
+    sectionId?: string;
 }
 /**
  * StatsMilestoneSidebar - A two-column layout featuring a sticky sidebar with
@@ -132,6 +134,6 @@ interface StatsMilestoneSidebarProps {
  * />
  * ```
  */
-declare function StatsMilestoneSidebar({ heading, description, sidebarSlot, milestones, milestonesSlot, background, pattern, patternOpacity, patternClassName, className, containerClassName, spacing, sidebarClassName, headingClassName, descriptionClassName, milestonesClassName, milestoneItemClassName, milestoneYearClassName, milestoneTitleClassName, milestoneDescriptionClassName, }: StatsMilestoneSidebarProps): react_jsx_runtime.JSX.Element;
+declare function StatsMilestoneSidebar({ sectionId, heading, description, sidebarSlot, milestones, milestonesSlot, background, pattern, patternOpacity, patternClassName, className, containerClassName, spacing, sidebarClassName, headingClassName, descriptionClassName, milestonesClassName, milestoneItemClassName, milestoneYearClassName, milestoneTitleClassName, milestoneDescriptionClassName, }: StatsMilestoneSidebarProps): react_jsx_runtime.JSX.Element;
 
 export { type MilestoneItem, StatsMilestoneSidebar, type StatsMilestoneSidebarProps };

package/dist/stats-milestone-sidebar.js

@@ -385,6 +385,7 @@ var Section = React.forwardRef(
 );
 Section.displayName = "Section";
 function StatsMilestoneSidebar({
+  sectionId = "stats-milestone-sidebar",
   heading,
   description,
   sidebarSlot,
@@ -499,6 +500,7 @@ function StatsMilestoneSidebar({
   return /* @__PURE__ */ jsx(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,

package/dist/stats-number-ticker.cjs

@@ -563,6 +563,7 @@ function TickerStatItem({
   );
 }
 function StatsNumberTicker({
+  sectionId = "stats-number-ticker",
   badge,
   badgeSlot,
   heading,
@@ -651,6 +652,7 @@ function StatsNumberTicker({
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,

package/dist/stats-number-ticker.d.cts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 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';
@@ -134,6 +134,8 @@ interface StatsNumberTickerProps {
      * Additional CSS classes for stat descriptions
      */
     statDescriptionClassName?: string;
+    /** Optional Section ID */
+    sectionId?: string;
 }
 /**
  * StatsNumberTicker - A stats section featuring smooth number ticker animations
@@ -154,6 +156,6 @@ interface StatsNumberTickerProps {
  * />
  * ```
  */
-declare function StatsNumberTicker({ badge, badgeSlot, heading, description, stats, statsSlot, animationDuration, background, pattern, patternOpacity, patternClassName, className, containerClassName, spacing, headerClassName, badgeClassName, headingClassName, descriptionClassName, statsGridClassName, statCardClassName, statValueClassName, statLabelClassName, statDescriptionClassName, }: StatsNumberTickerProps): react_jsx_runtime.JSX.Element;
+declare function StatsNumberTicker({ sectionId, badge, badgeSlot, heading, description, stats, statsSlot, animationDuration, background, pattern, patternOpacity, patternClassName, className, containerClassName, spacing, headerClassName, badgeClassName, headingClassName, descriptionClassName, statsGridClassName, statCardClassName, statValueClassName, statLabelClassName, statDescriptionClassName, }: StatsNumberTickerProps): react_jsx_runtime.JSX.Element;
 
 export { StatsNumberTicker, type StatsNumberTickerProps, type TickerStat };

package/dist/stats-number-ticker.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 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';
@@ -134,6 +134,8 @@ interface StatsNumberTickerProps {
      * Additional CSS classes for stat descriptions
      */
     statDescriptionClassName?: string;
+    /** Optional Section ID */
+    sectionId?: string;
 }
 /**
  * StatsNumberTicker - A stats section featuring smooth number ticker animations
@@ -154,6 +156,6 @@ interface StatsNumberTickerProps {
  * />
  * ```
  */
-declare function StatsNumberTicker({ badge, badgeSlot, heading, description, stats, statsSlot, animationDuration, background, pattern, patternOpacity, patternClassName, className, containerClassName, spacing, headerClassName, badgeClassName, headingClassName, descriptionClassName, statsGridClassName, statCardClassName, statValueClassName, statLabelClassName, statDescriptionClassName, }: StatsNumberTickerProps): react_jsx_runtime.JSX.Element;
+declare function StatsNumberTicker({ sectionId, badge, badgeSlot, heading, description, stats, statsSlot, animationDuration, background, pattern, patternOpacity, patternClassName, className, containerClassName, spacing, headerClassName, badgeClassName, headingClassName, descriptionClassName, statsGridClassName, statCardClassName, statValueClassName, statLabelClassName, statDescriptionClassName, }: StatsNumberTickerProps): react_jsx_runtime.JSX.Element;
 
 export { StatsNumberTicker, type StatsNumberTickerProps, type TickerStat };

package/dist/stats-number-ticker.js

@@ -542,6 +542,7 @@ function TickerStatItem({
   );
 }
 function StatsNumberTicker({
+  sectionId = "stats-number-ticker",
   badge,
   badgeSlot,
   heading,
@@ -630,6 +631,7 @@ function StatsNumberTicker({
   return /* @__PURE__ */ jsx(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,

package/dist/stats-primary-secondary.cjs

@@ -450,6 +450,7 @@ var Section = React__namespace.default.forwardRef(
 );
 Section.displayName = "Section";
 function StatsPrimarySecondary({
+  sectionId = "stats-primary-secondary",
   primaryValue,
   primaryBadge,
   primaryBadgeSlot,
@@ -551,6 +552,7 @@ function StatsPrimarySecondary({
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,

package/dist/stats-primary-secondary.d.cts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 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';
@@ -113,6 +113,8 @@ interface StatsPrimarySecondaryProps {
      * Additional CSS classes for secondary stat labels
      */
     secondaryLabelClassName?: string;
+    /** Optional Section ID */
+    sectionId?: string;
 }
 /**
  * StatsPrimarySecondary - A two-column stats layout featuring one prominent primary
@@ -134,6 +136,6 @@ interface StatsPrimarySecondaryProps {
  * />
  * ```
  */
-declare function StatsPrimarySecondary({ primaryValue, primaryBadge, primaryBadgeSlot, primaryDescription, primarySlot, secondaryStats, secondaryStatsSlot, background, pattern, patternOpacity, patternClassName, className, containerClassName, spacing, primaryClassName, primaryValueClassName, primaryBadgeClassName, primaryDescriptionClassName, secondaryClassName, secondaryValueClassName, secondaryLabelClassName, }: StatsPrimarySecondaryProps): react_jsx_runtime.JSX.Element;
+declare function StatsPrimarySecondary({ sectionId, primaryValue, primaryBadge, primaryBadgeSlot, primaryDescription, primarySlot, secondaryStats, secondaryStatsSlot, background, pattern, patternOpacity, patternClassName, className, containerClassName, spacing, primaryClassName, primaryValueClassName, primaryBadgeClassName, primaryDescriptionClassName, secondaryClassName, secondaryValueClassName, secondaryLabelClassName, }: StatsPrimarySecondaryProps): react_jsx_runtime.JSX.Element;
 
 export { type SecondaryStat, StatsPrimarySecondary, type StatsPrimarySecondaryProps };

package/dist/stats-primary-secondary.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 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';
@@ -113,6 +113,8 @@ interface StatsPrimarySecondaryProps {
      * Additional CSS classes for secondary stat labels
      */
     secondaryLabelClassName?: string;
+    /** Optional Section ID */
+    sectionId?: string;
 }
 /**
  * StatsPrimarySecondary - A two-column stats layout featuring one prominent primary
@@ -134,6 +136,6 @@ interface StatsPrimarySecondaryProps {
  * />
  * ```
  */
-declare function StatsPrimarySecondary({ primaryValue, primaryBadge, primaryBadgeSlot, primaryDescription, primarySlot, secondaryStats, secondaryStatsSlot, background, pattern, patternOpacity, patternClassName, className, containerClassName, spacing, primaryClassName, primaryValueClassName, primaryBadgeClassName, primaryDescriptionClassName, secondaryClassName, secondaryValueClassName, secondaryLabelClassName, }: StatsPrimarySecondaryProps): react_jsx_runtime.JSX.Element;
+declare function StatsPrimarySecondary({ sectionId, primaryValue, primaryBadge, primaryBadgeSlot, primaryDescription, primarySlot, secondaryStats, secondaryStatsSlot, background, pattern, patternOpacity, patternClassName, className, containerClassName, spacing, primaryClassName, primaryValueClassName, primaryBadgeClassName, primaryDescriptionClassName, secondaryClassName, secondaryValueClassName, secondaryLabelClassName, }: StatsPrimarySecondaryProps): react_jsx_runtime.JSX.Element;
 
 export { type SecondaryStat, StatsPrimarySecondary, type StatsPrimarySecondaryProps };

package/dist/stats-primary-secondary.js

@@ -429,6 +429,7 @@ var Section = React__default.forwardRef(
 );
 Section.displayName = "Section";
 function StatsPrimarySecondary({
+  sectionId = "stats-primary-secondary",
   primaryValue,
   primaryBadge,
   primaryBadgeSlot,
@@ -530,6 +531,7 @@ function StatsPrimarySecondary({
   return /* @__PURE__ */ jsx(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,

package/dist/stats-simple-grid.cjs

@@ -392,6 +392,7 @@ var Section = React__default.default.forwardRef(
 );
 Section.displayName = "Section";
 function StatsSimpleGrid({
+  sectionId = "stats-simple-grid",
   heading,
   stats,
   statsSlot,
@@ -477,6 +478,7 @@ function StatsSimpleGrid({
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,

package/dist/stats-simple-grid.d.cts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 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 { k as StatItem, A as ActionConfig } from './blocks-DL92rOxr.cjs';
 import 'class-variance-authority';
 import '@page-speed/pressable';
@@ -87,6 +87,8 @@ interface StatsSimpleGridProps {
      * Additional CSS classes for stat labels
      */
     statLabelClassName?: string;
+    /** Optional Section ID */
+    sectionId?: string;
 }
 /**
  * StatsSimpleGrid - A clean, minimal stats section with a heading, action buttons,
@@ -108,6 +110,6 @@ interface StatsSimpleGridProps {
  * />
  * ```
  */
-declare function StatsSimpleGrid({ heading, stats, statsSlot, actions, actionsSlot, background, containerClassName, spacing, pattern, patternOpacity, patternClassName, className, contentClassName, headingClassName, actionsClassName, statsClassName, statItemClassName, statValueClassName, statLabelClassName, }: StatsSimpleGridProps): react_jsx_runtime.JSX.Element;
+declare function StatsSimpleGrid({ sectionId, heading, stats, statsSlot, actions, actionsSlot, background, containerClassName, spacing, pattern, patternOpacity, patternClassName, className, contentClassName, headingClassName, actionsClassName, statsClassName, statItemClassName, statValueClassName, statLabelClassName, }: StatsSimpleGridProps): react_jsx_runtime.JSX.Element;
 
 export { StatItem, StatsSimpleGrid, type StatsSimpleGridProps };

package/dist/stats-simple-grid.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 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 { k as StatItem, A as ActionConfig } from './blocks-DL92rOxr.js';
 import 'class-variance-authority';
 import '@page-speed/pressable';
@@ -87,6 +87,8 @@ interface StatsSimpleGridProps {
      * Additional CSS classes for stat labels
      */
     statLabelClassName?: string;
+    /** Optional Section ID */
+    sectionId?: string;
 }
 /**
  * StatsSimpleGrid - A clean, minimal stats section with a heading, action buttons,
@@ -108,6 +110,6 @@ interface StatsSimpleGridProps {
  * />
  * ```
  */
-declare function StatsSimpleGrid({ heading, stats, statsSlot, actions, actionsSlot, background, containerClassName, spacing, pattern, patternOpacity, patternClassName, className, contentClassName, headingClassName, actionsClassName, statsClassName, statItemClassName, statValueClassName, statLabelClassName, }: StatsSimpleGridProps): react_jsx_runtime.JSX.Element;
+declare function StatsSimpleGrid({ sectionId, heading, stats, statsSlot, actions, actionsSlot, background, containerClassName, spacing, pattern, patternOpacity, patternClassName, className, contentClassName, headingClassName, actionsClassName, statsClassName, statItemClassName, statValueClassName, statLabelClassName, }: StatsSimpleGridProps): react_jsx_runtime.JSX.Element;
 
 export { StatItem, StatsSimpleGrid, type StatsSimpleGridProps };

package/dist/stats-simple-grid.js

@@ -386,6 +386,7 @@ var Section = React.forwardRef(
 );
 Section.displayName = "Section";
 function StatsSimpleGrid({
+  sectionId = "stats-simple-grid",
   heading,
   stats,
   statsSlot,
@@ -471,6 +472,7 @@ function StatsSimpleGrid({
   return /* @__PURE__ */ jsx(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,

package/dist/stats-timeline-tabs.cjs

@@ -540,6 +540,7 @@ var Section = React__namespace.default.forwardRef(
 );
 Section.displayName = "Section";
 function StatsTimelineTabs({
+  sectionId = "stats-timeline-tabs",
   badge,
   badgeSlot,
   heading,
@@ -674,6 +675,7 @@ function StatsTimelineTabs({
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,

package/dist/stats-timeline-tabs.d.cts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 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';
@@ -155,6 +155,8 @@ interface StatsTimelineTabsProps {
      * Additional CSS classes for stat cards
      */
     statCardClassName?: string;
+    /** Optional Section ID */
+    sectionId?: string;
 }
 /**
  * StatsTimelineTabs - A tabbed stats display showing metrics across different time periods
@@ -173,6 +175,6 @@ interface StatsTimelineTabsProps {
  * />
  * ```
  */
-declare function StatsTimelineTabs({ badge, badgeSlot, heading, description, periods, tabsSlot, defaultPeriod, background, pattern, patternOpacity, patternClassName, className, containerClassName, spacing, headerClassName, badgeClassName, headingClassName, descriptionClassName, tabsClassName, tabsListClassName, statsGridClassName, statCardClassName, }: StatsTimelineTabsProps): react_jsx_runtime.JSX.Element;
+declare function StatsTimelineTabs({ sectionId, badge, badgeSlot, heading, description, periods, tabsSlot, defaultPeriod, background, pattern, patternOpacity, patternClassName, className, containerClassName, spacing, headerClassName, badgeClassName, headingClassName, descriptionClassName, tabsClassName, tabsListClassName, statsGridClassName, statCardClassName, }: StatsTimelineTabsProps): react_jsx_runtime.JSX.Element;
 
 export { StatsTimelineTabs, type StatsTimelineTabsProps, type TimePeriod, type TimelineStat };

package/dist/stats-timeline-tabs.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 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';
@@ -155,6 +155,8 @@ interface StatsTimelineTabsProps {
      * Additional CSS classes for stat cards
      */
     statCardClassName?: string;
+    /** Optional Section ID */
+    sectionId?: string;
 }
 /**
  * StatsTimelineTabs - A tabbed stats display showing metrics across different time periods
@@ -173,6 +175,6 @@ interface StatsTimelineTabsProps {
  * />
  * ```
  */
-declare function StatsTimelineTabs({ badge, badgeSlot, heading, description, periods, tabsSlot, defaultPeriod, background, pattern, patternOpacity, patternClassName, className, containerClassName, spacing, headerClassName, badgeClassName, headingClassName, descriptionClassName, tabsClassName, tabsListClassName, statsGridClassName, statCardClassName, }: StatsTimelineTabsProps): react_jsx_runtime.JSX.Element;
+declare function StatsTimelineTabs({ sectionId, badge, badgeSlot, heading, description, periods, tabsSlot, defaultPeriod, background, pattern, patternOpacity, patternClassName, className, containerClassName, spacing, headerClassName, badgeClassName, headingClassName, descriptionClassName, tabsClassName, tabsListClassName, statsGridClassName, statCardClassName, }: StatsTimelineTabsProps): react_jsx_runtime.JSX.Element;
 
 export { StatsTimelineTabs, type StatsTimelineTabsProps, type TimePeriod, type TimelineStat };

package/dist/stats-timeline-tabs.js

@@ -518,6 +518,7 @@ var Section = React__default.forwardRef(
 );
 Section.displayName = "Section";
 function StatsTimelineTabs({
+  sectionId = "stats-timeline-tabs",
   badge,
   badgeSlot,
   heading,
@@ -652,6 +653,7 @@ function StatsTimelineTabs({
   return /* @__PURE__ */ jsx(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,

package/dist/team-alternating-bios.cjs

@@ -444,6 +444,7 @@ var DynamicIcon = React__namespace.memo(function DynamicIcon2({
 });
 DynamicIcon.displayName = "DynamicIcon";
 function TeamAlternatingBios({
+  sectionId = "team-alternating-bios",
   heading,
   description,
   members,
@@ -585,6 +586,7 @@ function TeamAlternatingBios({
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,

package/dist/team-alternating-bios.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';
@@ -115,6 +115,8 @@ interface TeamAlternatingBiosProps {
      * Optional Optix Flow configuration for image optimization
      */
     optixFlowConfig?: OptixFlowConfig;
+    /** Optional Section ID */
+    sectionId?: string;
 }
 /**
  * TeamAlternatingBios - Alternating layout with large images and detailed bios
@@ -141,6 +143,6 @@ interface TeamAlternatingBiosProps {
  * />
  * ```
  */
-declare function TeamAlternatingBios({ heading, description, members, membersSlot, background, spacing, pattern, patternOpacity, className, headerClassName, headingClassName, descriptionClassName, membersContainerClassName, memberRowClassName, memberImageContainerClassName, memberImageClassName, memberNameClassName, memberRoleClassName, memberBioClassName, socialLinksClassName, optixFlowConfig, }: TeamAlternatingBiosProps): React.JSX.Element;
+declare function TeamAlternatingBios({ sectionId, heading, description, members, membersSlot, background, spacing, pattern, patternOpacity, className, headerClassName, headingClassName, descriptionClassName, membersContainerClassName, memberRowClassName, memberImageContainerClassName, memberImageClassName, memberNameClassName, memberRoleClassName, memberBioClassName, socialLinksClassName, optixFlowConfig, }: TeamAlternatingBiosProps): React.JSX.Element;
 
 export { TeamAlternatingBios, type TeamAlternatingBiosProps };

package/dist/team-alternating-bios.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';
@@ -115,6 +115,8 @@ interface TeamAlternatingBiosProps {
      * Optional Optix Flow configuration for image optimization
      */
     optixFlowConfig?: OptixFlowConfig;
+    /** Optional Section ID */
+    sectionId?: string;
 }
 /**
  * TeamAlternatingBios - Alternating layout with large images and detailed bios
@@ -141,6 +143,6 @@ interface TeamAlternatingBiosProps {
  * />
  * ```
  */
-declare function TeamAlternatingBios({ heading, description, members, membersSlot, background, spacing, pattern, patternOpacity, className, headerClassName, headingClassName, descriptionClassName, membersContainerClassName, memberRowClassName, memberImageContainerClassName, memberImageClassName, memberNameClassName, memberRoleClassName, memberBioClassName, socialLinksClassName, optixFlowConfig, }: TeamAlternatingBiosProps): React.JSX.Element;
+declare function TeamAlternatingBios({ sectionId, heading, description, members, membersSlot, background, spacing, pattern, patternOpacity, className, headerClassName, headingClassName, descriptionClassName, membersContainerClassName, memberRowClassName, memberImageContainerClassName, memberImageClassName, memberNameClassName, memberRoleClassName, memberBioClassName, socialLinksClassName, optixFlowConfig, }: TeamAlternatingBiosProps): React.JSX.Element;
 
 export { TeamAlternatingBios, type TeamAlternatingBiosProps };

package/dist/team-alternating-bios.js

@@ -423,6 +423,7 @@ var DynamicIcon = React.memo(function DynamicIcon2({
 });
 DynamicIcon.displayName = "DynamicIcon";
 function TeamAlternatingBios({
+  sectionId = "team-alternating-bios",
   heading,
   description,
   members,
@@ -564,6 +565,7 @@ function TeamAlternatingBios({
   return /* @__PURE__ */ jsxs(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,

package/dist/team-avatar-social.cjs

@@ -490,6 +490,7 @@ var DynamicIcon = React__namespace.memo(function DynamicIcon2({
 });
 DynamicIcon.displayName = "DynamicIcon";
 function TeamAvatarSocial({
+  sectionId = "team-avatar-social",
   heading,
   description,
   members,
@@ -578,6 +579,7 @@ function TeamAvatarSocial({
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,

package/dist/team-avatar-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 { O as OptixFlowConfig } from './blocks-DL92rOxr.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
@@ -106,6 +106,8 @@ interface TeamAvatarSocialProps {
      * Optional Optix Flow configuration for image optimization
      */
     optixFlowConfig?: OptixFlowConfig;
+    /** Optional Section ID */
+    sectionId?: string;
 }
 /**
  * TeamAvatarSocial - Clean avatar grid with centered social links
@@ -131,6 +133,6 @@ interface TeamAvatarSocialProps {
  * />
  * ```
  */
-declare function TeamAvatarSocial({ heading, description, members, membersSlot, background, spacing, pattern, patternOpacity, className, headerClassName, headingClassName, descriptionClassName, gridClassName, memberCardClassName, avatarClassName, memberNameClassName, memberRoleClassName, socialLinksClassName, }: TeamAvatarSocialProps): React.JSX.Element;
+declare function TeamAvatarSocial({ sectionId, heading, description, members, membersSlot, background, spacing, pattern, patternOpacity, className, headerClassName, headingClassName, descriptionClassName, gridClassName, memberCardClassName, avatarClassName, memberNameClassName, memberRoleClassName, socialLinksClassName, }: TeamAvatarSocialProps): React.JSX.Element;
 
 export { TeamAvatarSocial, type TeamAvatarSocialProps };

package/dist/team-avatar-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 { O as OptixFlowConfig } from './blocks-DL92rOxr.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
@@ -106,6 +106,8 @@ interface TeamAvatarSocialProps {
      * Optional Optix Flow configuration for image optimization
      */
     optixFlowConfig?: OptixFlowConfig;
+    /** Optional Section ID */
+    sectionId?: string;
 }
 /**
  * TeamAvatarSocial - Clean avatar grid with centered social links
@@ -131,6 +133,6 @@ interface TeamAvatarSocialProps {
  * />
  * ```
  */
-declare function TeamAvatarSocial({ heading, description, members, membersSlot, background, spacing, pattern, patternOpacity, className, headerClassName, headingClassName, descriptionClassName, gridClassName, memberCardClassName, avatarClassName, memberNameClassName, memberRoleClassName, socialLinksClassName, }: TeamAvatarSocialProps): React.JSX.Element;
+declare function TeamAvatarSocial({ sectionId, heading, description, members, membersSlot, background, spacing, pattern, patternOpacity, className, headerClassName, headingClassName, descriptionClassName, gridClassName, memberCardClassName, avatarClassName, memberNameClassName, memberRoleClassName, socialLinksClassName, }: TeamAvatarSocialProps): React.JSX.Element;
 
 export { TeamAvatarSocial, type TeamAvatarSocialProps };