@opensite/ui 3.0.5 → 3.0.6

package/dist/team-filterable-search.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';
@@ -146,6 +146,8 @@ interface TeamFilterableSearchProps {
      * Optional Optix Flow configuration for image optimization
      */
     optixFlowConfig?: OptixFlowConfig;
+    /** Optional Section ID */
+    sectionId?: string;
 }
 /**
  * TeamFilterableSearch - Searchable team grid with department tabs
@@ -176,6 +178,6 @@ interface TeamFilterableSearchProps {
  * />
  * ```
  */
-declare function TeamFilterableSearch({ heading, description, searchPlaceholder, members, membersSlot, filtersSlot, background, spacing, pattern, patternOpacity, className, headerClassName, headingClassName, descriptionClassName, filtersClassName, searchInputClassName, filterButtonClassName, gridClassName, memberCardClassName, avatarClassName, memberNameClassName, memberRoleClassName, departmentBadgeClassName, memberDescriptionClassName, socialLinksClassName, emptyStateClassName, emptyStateMessage, }: TeamFilterableSearchProps): React.JSX.Element;
+declare function TeamFilterableSearch({ sectionId, heading, description, searchPlaceholder, members, membersSlot, filtersSlot, background, spacing, pattern, patternOpacity, className, headerClassName, headingClassName, descriptionClassName, filtersClassName, searchInputClassName, filterButtonClassName, gridClassName, memberCardClassName, avatarClassName, memberNameClassName, memberRoleClassName, departmentBadgeClassName, memberDescriptionClassName, socialLinksClassName, emptyStateClassName, emptyStateMessage, }: TeamFilterableSearchProps): React.JSX.Element;
 
 export { TeamFilterableSearch, type TeamFilterableSearchProps };

package/dist/team-filterable-search.js

@@ -552,6 +552,7 @@ var DynamicIcon = React4.memo(function DynamicIcon2({
 });
 DynamicIcon.displayName = "DynamicIcon";
 function TeamFilterableSearch({
+  sectionId = "team-filterable-search",
   heading,
   description,
   searchPlaceholder,
@@ -757,6 +758,7 @@ function TeamFilterableSearch({
   return /* @__PURE__ */ jsxs(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,

package/dist/team-gradient-cards.cjs

@@ -490,6 +490,7 @@ var DynamicIcon = React__namespace.memo(function DynamicIcon2({
 });
 DynamicIcon.displayName = "DynamicIcon";
 function TeamGradientCards({
+  sectionId = "team-gradient-cards",
   heading,
   description,
   members,
@@ -591,6 +592,7 @@ function TeamGradientCards({
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,

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

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

package/dist/team-gradient-cards.js

@@ -468,6 +468,7 @@ var DynamicIcon = React.memo(function DynamicIcon2({
 });
 DynamicIcon.displayName = "DynamicIcon";
 function TeamGradientCards({
+  sectionId = "team-gradient-cards",
   heading,
   description,
   members,
@@ -569,6 +570,7 @@ function TeamGradientCards({
   return /* @__PURE__ */ jsxs(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,

package/dist/team-grid-animated.cjs

@@ -470,6 +470,7 @@ var DynamicIcon = React4__namespace.memo(function DynamicIcon2({
 });
 DynamicIcon.displayName = "DynamicIcon";
 function TeamGridAnimated({
+  sectionId = "team-grid-animated",
   title,
   description,
   members,
@@ -622,6 +623,7 @@ function TeamGridAnimated({
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,

package/dist/team-grid-animated.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';
@@ -122,6 +122,8 @@ interface TeamGridAnimatedProps {
      * Optional Optix Flow configuration for image optimization
      */
     optixFlowConfig?: OptixFlowConfig;
+    /** Optional Section ID */
+    sectionId?: string;
 }
 /**
  * TeamGridAnimated - Team grid with animated hover effects and background pattern
@@ -149,6 +151,6 @@ interface TeamGridAnimatedProps {
  * />
  * ```
  */
-declare function TeamGridAnimated({ title, description, members, membersSlot, registerLink, registerButtonText, logo, socialLinksMain, socialLinksMainSlot, background, spacing, pattern, patternOpacity, className, titleClassName, descriptionClassName, gridClassName, memberCardClassName, memberImageClassName, memberNameClassName, memberDesignationClassName, socialLinksClassName, optixFlowConfig, }: TeamGridAnimatedProps): React.JSX.Element;
+declare function TeamGridAnimated({ sectionId, title, description, members, membersSlot, registerLink, registerButtonText, logo, socialLinksMain, socialLinksMainSlot, background, spacing, pattern, patternOpacity, className, titleClassName, descriptionClassName, gridClassName, memberCardClassName, memberImageClassName, memberNameClassName, memberDesignationClassName, socialLinksClassName, optixFlowConfig, }: TeamGridAnimatedProps): React.JSX.Element;
 
 export { TeamGridAnimated, type TeamGridAnimatedProps };

package/dist/team-grid-animated.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';
@@ -122,6 +122,8 @@ interface TeamGridAnimatedProps {
      * Optional Optix Flow configuration for image optimization
      */
     optixFlowConfig?: OptixFlowConfig;
+    /** Optional Section ID */
+    sectionId?: string;
 }
 /**
  * TeamGridAnimated - Team grid with animated hover effects and background pattern
@@ -149,6 +151,6 @@ interface TeamGridAnimatedProps {
  * />
  * ```
  */
-declare function TeamGridAnimated({ title, description, members, membersSlot, registerLink, registerButtonText, logo, socialLinksMain, socialLinksMainSlot, background, spacing, pattern, patternOpacity, className, titleClassName, descriptionClassName, gridClassName, memberCardClassName, memberImageClassName, memberNameClassName, memberDesignationClassName, socialLinksClassName, optixFlowConfig, }: TeamGridAnimatedProps): React.JSX.Element;
+declare function TeamGridAnimated({ sectionId, title, description, members, membersSlot, registerLink, registerButtonText, logo, socialLinksMain, socialLinksMainSlot, background, spacing, pattern, patternOpacity, className, titleClassName, descriptionClassName, gridClassName, memberCardClassName, memberImageClassName, memberNameClassName, memberDesignationClassName, socialLinksClassName, optixFlowConfig, }: TeamGridAnimatedProps): React.JSX.Element;
 
 export { TeamGridAnimated, type TeamGridAnimatedProps };

package/dist/team-grid-animated.js

@@ -449,6 +449,7 @@ var DynamicIcon = React4.memo(function DynamicIcon2({
 });
 DynamicIcon.displayName = "DynamicIcon";
 function TeamGridAnimated({
+  sectionId = "team-grid-animated",
   title,
   description,
   members,
@@ -601,6 +602,7 @@ function TeamGridAnimated({
   return /* @__PURE__ */ jsxs(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,

package/dist/team-hover-highlight.cjs

@@ -470,6 +470,7 @@ var DynamicIcon = React__namespace.memo(function DynamicIcon2({
 });
 DynamicIcon.displayName = "DynamicIcon";
 function TeamHoverHighlight({
+  sectionId = "team-hover-highlight",
   heading,
   description,
   members,
@@ -565,6 +566,7 @@ function TeamHoverHighlight({
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,

package/dist/team-hover-highlight.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';
@@ -107,6 +107,8 @@ interface TeamHoverHighlightProps {
      * Optional Optix Flow configuration for image optimization
      */
     optixFlowConfig?: OptixFlowConfig;
+    /** Optional Section ID */
+    sectionId?: string;
 }
 /**
  * TeamHoverHighlight - Team grid with hover-activated highlight effect
@@ -133,6 +135,6 @@ interface TeamHoverHighlightProps {
  * />
  * ```
  */
-declare function TeamHoverHighlight({ heading, description, members, membersSlot, background, spacing, pattern, patternOpacity, className, headerClassName, headingClassName, descriptionClassName, gridClassName, memberCardClassName, memberImageClassName, memberNameClassName, memberRoleClassName, socialLinksClassName, optixFlowConfig, }: TeamHoverHighlightProps): React.JSX.Element;
+declare function TeamHoverHighlight({ sectionId, heading, description, members, membersSlot, background, spacing, pattern, patternOpacity, className, headerClassName, headingClassName, descriptionClassName, gridClassName, memberCardClassName, memberImageClassName, memberNameClassName, memberRoleClassName, socialLinksClassName, optixFlowConfig, }: TeamHoverHighlightProps): React.JSX.Element;
 
 export { TeamHoverHighlight, type TeamHoverHighlightProps };

package/dist/team-hover-highlight.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';
@@ -107,6 +107,8 @@ interface TeamHoverHighlightProps {
      * Optional Optix Flow configuration for image optimization
      */
     optixFlowConfig?: OptixFlowConfig;
+    /** Optional Section ID */
+    sectionId?: string;
 }
 /**
  * TeamHoverHighlight - Team grid with hover-activated highlight effect
@@ -133,6 +135,6 @@ interface TeamHoverHighlightProps {
  * />
  * ```
  */
-declare function TeamHoverHighlight({ heading, description, members, membersSlot, background, spacing, pattern, patternOpacity, className, headerClassName, headingClassName, descriptionClassName, gridClassName, memberCardClassName, memberImageClassName, memberNameClassName, memberRoleClassName, socialLinksClassName, optixFlowConfig, }: TeamHoverHighlightProps): React.JSX.Element;
+declare function TeamHoverHighlight({ sectionId, heading, description, members, membersSlot, background, spacing, pattern, patternOpacity, className, headerClassName, headingClassName, descriptionClassName, gridClassName, memberCardClassName, memberImageClassName, memberNameClassName, memberRoleClassName, socialLinksClassName, optixFlowConfig, }: TeamHoverHighlightProps): React.JSX.Element;
 
 export { TeamHoverHighlight, type TeamHoverHighlightProps };

package/dist/team-hover-highlight.js

@@ -449,6 +449,7 @@ var DynamicIcon = React.memo(function DynamicIcon2({
 });
 DynamicIcon.displayName = "DynamicIcon";
 function TeamHoverHighlight({
+  sectionId = "team-hover-highlight",
   heading,
   description,
   members,
@@ -544,6 +545,7 @@ function TeamHoverHighlight({
   return /* @__PURE__ */ jsxs(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,

package/dist/team-hover-overlay.cjs

@@ -467,6 +467,7 @@ var DynamicIcon = React__namespace.memo(function DynamicIcon2({
 });
 DynamicIcon.displayName = "DynamicIcon";
 function TeamHoverOverlay({
+  sectionId = "team-hover-overlay",
   heading,
   description,
   members,
@@ -587,6 +588,7 @@ function TeamHoverOverlay({
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,

package/dist/team-hover-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 { O as OptixFlowConfig } from './blocks-DL92rOxr.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
@@ -111,6 +111,8 @@ interface TeamHoverOverlayProps {
      * Optional Optix Flow configuration for image optimization
      */
     optixFlowConfig?: OptixFlowConfig;
+    /** Optional Section ID */
+    sectionId?: string;
 }
 /**
  * TeamHoverOverlay - Portrait cards with hover-reveal bio and social links
@@ -137,6 +139,6 @@ interface TeamHoverOverlayProps {
  * />
  * ```
  */
-declare function TeamHoverOverlay({ heading, description, members, membersSlot, background, spacing, pattern, patternOpacity, className, headerClassName, headingClassName, descriptionClassName, gridClassName, memberCardClassName, memberImageClassName, memberNameClassName, memberRoleClassName, memberBioClassName, socialLinksClassName, optixFlowConfig, }: TeamHoverOverlayProps): React.JSX.Element;
+declare function TeamHoverOverlay({ sectionId, heading, description, members, membersSlot, background, spacing, pattern, patternOpacity, className, headerClassName, headingClassName, descriptionClassName, gridClassName, memberCardClassName, memberImageClassName, memberNameClassName, memberRoleClassName, memberBioClassName, socialLinksClassName, optixFlowConfig, }: TeamHoverOverlayProps): React.JSX.Element;
 
 export { TeamHoverOverlay, type TeamHoverOverlayProps };

package/dist/team-hover-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 { O as OptixFlowConfig } from './blocks-DL92rOxr.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
@@ -111,6 +111,8 @@ interface TeamHoverOverlayProps {
      * Optional Optix Flow configuration for image optimization
      */
     optixFlowConfig?: OptixFlowConfig;
+    /** Optional Section ID */
+    sectionId?: string;
 }
 /**
  * TeamHoverOverlay - Portrait cards with hover-reveal bio and social links
@@ -137,6 +139,6 @@ interface TeamHoverOverlayProps {
  * />
  * ```
  */
-declare function TeamHoverOverlay({ heading, description, members, membersSlot, background, spacing, pattern, patternOpacity, className, headerClassName, headingClassName, descriptionClassName, gridClassName, memberCardClassName, memberImageClassName, memberNameClassName, memberRoleClassName, memberBioClassName, socialLinksClassName, optixFlowConfig, }: TeamHoverOverlayProps): React.JSX.Element;
+declare function TeamHoverOverlay({ sectionId, heading, description, members, membersSlot, background, spacing, pattern, patternOpacity, className, headerClassName, headingClassName, descriptionClassName, gridClassName, memberCardClassName, memberImageClassName, memberNameClassName, memberRoleClassName, memberBioClassName, socialLinksClassName, optixFlowConfig, }: TeamHoverOverlayProps): React.JSX.Element;
 
 export { TeamHoverOverlay, type TeamHoverOverlayProps };

package/dist/team-hover-overlay.js

@@ -446,6 +446,7 @@ var DynamicIcon = React.memo(function DynamicIcon2({
 });
 DynamicIcon.displayName = "DynamicIcon";
 function TeamHoverOverlay({
+  sectionId = "team-hover-overlay",
   heading,
   description,
   members,
@@ -566,6 +567,7 @@ function TeamHoverOverlay({
   return /* @__PURE__ */ jsxs(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,

package/dist/team-investor-showcase.cjs

@@ -438,6 +438,7 @@ var Section = React__namespace.default.forwardRef(
 );
 Section.displayName = "Section";
 function TeamInvestorShowcase({
+  sectionId = "team-investor-showcase",
   heading,
   investors,
   investorsSlot,
@@ -476,6 +477,7 @@ function TeamInvestorShowcase({
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,

package/dist/team-investor-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 { O as OptixFlowConfig } from './blocks-DL92rOxr.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
@@ -81,6 +81,8 @@ interface TeamInvestorShowcaseProps {
      * Optional Optix Flow configuration for image optimization
      */
     optixFlowConfig?: OptixFlowConfig;
+    /** Optional Section ID */
+    sectionId?: string;
 }
 /**
  * TeamInvestorShowcase - Investor/advisor grid with company affiliations
@@ -104,6 +106,6 @@ interface TeamInvestorShowcaseProps {
  * />
  * ```
  */
-declare function TeamInvestorShowcase({ heading, investors, investorsSlot, background, spacing, pattern, patternOpacity, className, headingClassName, gridClassName, investorCardClassName, investorImageClassName, investorNameClassName, investorCompanyClassName, optixFlowConfig, }: TeamInvestorShowcaseProps): React.JSX.Element;
+declare function TeamInvestorShowcase({ sectionId, heading, investors, investorsSlot, background, spacing, pattern, patternOpacity, className, headingClassName, gridClassName, investorCardClassName, investorImageClassName, investorNameClassName, investorCompanyClassName, optixFlowConfig, }: TeamInvestorShowcaseProps): React.JSX.Element;
 
 export { TeamInvestorShowcase, type TeamInvestorShowcaseProps };

package/dist/team-investor-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 { O as OptixFlowConfig } from './blocks-DL92rOxr.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
@@ -81,6 +81,8 @@ interface TeamInvestorShowcaseProps {
      * Optional Optix Flow configuration for image optimization
      */
     optixFlowConfig?: OptixFlowConfig;
+    /** Optional Section ID */
+    sectionId?: string;
 }
 /**
  * TeamInvestorShowcase - Investor/advisor grid with company affiliations
@@ -104,6 +106,6 @@ interface TeamInvestorShowcaseProps {
  * />
  * ```
  */
-declare function TeamInvestorShowcase({ heading, investors, investorsSlot, background, spacing, pattern, patternOpacity, className, headingClassName, gridClassName, investorCardClassName, investorImageClassName, investorNameClassName, investorCompanyClassName, optixFlowConfig, }: TeamInvestorShowcaseProps): React.JSX.Element;
+declare function TeamInvestorShowcase({ sectionId, heading, investors, investorsSlot, background, spacing, pattern, patternOpacity, className, headingClassName, gridClassName, investorCardClassName, investorImageClassName, investorNameClassName, investorCompanyClassName, optixFlowConfig, }: TeamInvestorShowcaseProps): React.JSX.Element;
 
 export { TeamInvestorShowcase, type TeamInvestorShowcaseProps };

package/dist/team-investor-showcase.js

@@ -417,6 +417,7 @@ var Section = React__default.forwardRef(
 );
 Section.displayName = "Section";
 function TeamInvestorShowcase({
+  sectionId = "team-investor-showcase",
   heading,
   investors,
   investorsSlot,
@@ -455,6 +456,7 @@ function TeamInvestorShowcase({
   return /* @__PURE__ */ jsxs(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,

package/dist/team-large-images.cjs

@@ -444,6 +444,7 @@ var DynamicIcon = React__namespace.memo(function DynamicIcon2({
 });
 DynamicIcon.displayName = "DynamicIcon";
 function TeamLargeImages({
+  sectionId = "team-large-images",
   heading,
   description,
   members,
@@ -565,6 +566,7 @@ function TeamLargeImages({
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,

package/dist/team-large-images.d.cts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-2nI4WPsD.cjs';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-D8cbIf_y.cjs';
 import { O as OptixFlowConfig } from './blocks-DL92rOxr.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
@@ -111,6 +111,8 @@ interface TeamLargeImagesProps {
      * Optional Optix Flow configuration for image optimization
      */
     optixFlowConfig?: OptixFlowConfig;
+    /** Optional Section ID */
+    sectionId?: string;
 }
 /**
  * TeamLargeImages - Team grid with large 4:3 images and bios
@@ -137,6 +139,6 @@ interface TeamLargeImagesProps {
  * />
  * ```
  */
-declare function TeamLargeImages({ heading, description, members, membersSlot, background, spacing, pattern, patternOpacity, className, headerClassName, headingClassName, descriptionClassName, gridClassName, memberCardClassName, memberImageClassName, memberNameClassName, memberRoleClassName, memberBioClassName, socialLinksClassName, optixFlowConfig, }: TeamLargeImagesProps): React.JSX.Element;
+declare function TeamLargeImages({ sectionId, heading, description, members, membersSlot, background, spacing, pattern, patternOpacity, className, headerClassName, headingClassName, descriptionClassName, gridClassName, memberCardClassName, memberImageClassName, memberNameClassName, memberRoleClassName, memberBioClassName, socialLinksClassName, optixFlowConfig, }: TeamLargeImagesProps): React.JSX.Element;
 
 export { TeamLargeImages, type TeamLargeImagesProps };

package/dist/team-large-images.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-RgHoLtLt.js';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-qC2HCInM.js';
 import { O as OptixFlowConfig } from './blocks-DL92rOxr.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
@@ -111,6 +111,8 @@ interface TeamLargeImagesProps {
      * Optional Optix Flow configuration for image optimization
      */
     optixFlowConfig?: OptixFlowConfig;
+    /** Optional Section ID */
+    sectionId?: string;
 }
 /**
  * TeamLargeImages - Team grid with large 4:3 images and bios
@@ -137,6 +139,6 @@ interface TeamLargeImagesProps {
  * />
  * ```
  */
-declare function TeamLargeImages({ heading, description, members, membersSlot, background, spacing, pattern, patternOpacity, className, headerClassName, headingClassName, descriptionClassName, gridClassName, memberCardClassName, memberImageClassName, memberNameClassName, memberRoleClassName, memberBioClassName, socialLinksClassName, optixFlowConfig, }: TeamLargeImagesProps): React.JSX.Element;
+declare function TeamLargeImages({ sectionId, heading, description, members, membersSlot, background, spacing, pattern, patternOpacity, className, headerClassName, headingClassName, descriptionClassName, gridClassName, memberCardClassName, memberImageClassName, memberNameClassName, memberRoleClassName, memberBioClassName, socialLinksClassName, optixFlowConfig, }: TeamLargeImagesProps): React.JSX.Element;
 
 export { TeamLargeImages, type TeamLargeImagesProps };

package/dist/team-large-images.js

@@ -423,6 +423,7 @@ var DynamicIcon = React.memo(function DynamicIcon2({
 });
 DynamicIcon.displayName = "DynamicIcon";
 function TeamLargeImages({
+  sectionId = "team-large-images",
   heading,
   description,
   members,
@@ -544,6 +545,7 @@ function TeamLargeImages({
   return /* @__PURE__ */ jsxs(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,

package/dist/team-media-showcase.cjs

@@ -491,6 +491,7 @@ var TeamMemberBackgroundImageCard = React3__namespace.forwardRef(
 );
 TeamMemberBackgroundImageCard.displayName = "TeamMemberBackgroundImageCard";
 function TeamMediaShowcase({
+  sectionId = "team-media-showcase",
   items,
   itemsSlot,
   children,
@@ -561,6 +562,7 @@ function TeamMediaShowcase({
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,

package/dist/team-media-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 { O as OptixFlowConfig } from './blocks-DL92rOxr.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
@@ -104,6 +104,8 @@ interface TeamMediaShowcaseProps {
      * Optional Optix Flow configuration for @page-speed/img
      */
     optixFlowConfig?: OptixFlowConfig;
+    /** Optional Section ID */
+    sectionId?: string;
 }
 /**
  * Props for TeamMemberBackgroundImageCard component
@@ -164,6 +166,6 @@ declare const TeamMemberBackgroundImageCard: React.ForwardRefExoticComponent<Tea
  * />
  * ```
  */
-declare function TeamMediaShowcase({ items, itemsSlot, children, listEyebrow, background, spacing, pattern, patternOpacity, gridClassName, className, eyebrowClassName, memberNameClassName, memberRoleClassName, actionClassName, optixFlowConfig, }: TeamMediaShowcaseProps): React.JSX.Element;
+declare function TeamMediaShowcase({ sectionId, items, itemsSlot, children, listEyebrow, background, spacing, pattern, patternOpacity, gridClassName, className, eyebrowClassName, memberNameClassName, memberRoleClassName, actionClassName, optixFlowConfig, }: TeamMediaShowcaseProps): React.JSX.Element;
 
 export { TeamMediaShowcase, type TeamMediaShowcaseItem, type TeamMediaShowcaseProps, TeamMemberBackgroundImageCard };

package/dist/team-media-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 { O as OptixFlowConfig } from './blocks-DL92rOxr.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
@@ -104,6 +104,8 @@ interface TeamMediaShowcaseProps {
      * Optional Optix Flow configuration for @page-speed/img
      */
     optixFlowConfig?: OptixFlowConfig;
+    /** Optional Section ID */
+    sectionId?: string;
 }
 /**
  * Props for TeamMemberBackgroundImageCard component
@@ -164,6 +166,6 @@ declare const TeamMemberBackgroundImageCard: React.ForwardRefExoticComponent<Tea
  * />
  * ```
  */
-declare function TeamMediaShowcase({ items, itemsSlot, children, listEyebrow, background, spacing, pattern, patternOpacity, gridClassName, className, eyebrowClassName, memberNameClassName, memberRoleClassName, actionClassName, optixFlowConfig, }: TeamMediaShowcaseProps): React.JSX.Element;
+declare function TeamMediaShowcase({ sectionId, items, itemsSlot, children, listEyebrow, background, spacing, pattern, patternOpacity, gridClassName, className, eyebrowClassName, memberNameClassName, memberRoleClassName, actionClassName, optixFlowConfig, }: TeamMediaShowcaseProps): React.JSX.Element;
 
 export { TeamMediaShowcase, type TeamMediaShowcaseItem, type TeamMediaShowcaseProps, TeamMemberBackgroundImageCard };

package/dist/team-media-showcase.js

@@ -470,6 +470,7 @@ var TeamMemberBackgroundImageCard = React3.forwardRef(
 );
 TeamMemberBackgroundImageCard.displayName = "TeamMemberBackgroundImageCard";
 function TeamMediaShowcase({
+  sectionId = "team-media-showcase",
   items,
   itemsSlot,
   children,
@@ -540,6 +541,7 @@ function TeamMediaShowcase({
   return /* @__PURE__ */ jsxs(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,

package/dist/team-role-filter.cjs

@@ -467,6 +467,7 @@ var DynamicIcon = React4__namespace.memo(function DynamicIcon2({
 });
 DynamicIcon.displayName = "DynamicIcon";
 function TeamRoleFilter({
+  sectionId = "team-role-filter",
   heading,
   description,
   members,
@@ -609,6 +610,7 @@ function TeamRoleFilter({
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,