@opensite/ui 3.0.5 → 3.0.7

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 };

package/dist/team-avatar-social.js

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

package/dist/team-bio-badges.cjs

@@ -558,6 +558,7 @@ var DynamicIcon = React__namespace.memo(function DynamicIcon2({
 });
 DynamicIcon.displayName = "DynamicIcon";
 function TeamBioBadges({
+  sectionId = "team-bio-badges",
   heading,
   description,
   members,
@@ -682,6 +683,7 @@ function TeamBioBadges({
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,

package/dist/team-bio-badges.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';
@@ -117,6 +117,8 @@ interface TeamBioBadgesProps {
      * Optional Optix Flow configuration for image optimization
      */
     optixFlowConfig?: OptixFlowConfig;
+    /** Optional Section ID */
+    sectionId?: string;
 }
 /**
  * TeamBioBadges - Team grid with bios, department badges, and social links
@@ -145,6 +147,6 @@ interface TeamBioBadgesProps {
  * />
  * ```
  */
-declare function TeamBioBadges({ heading, description, members, membersSlot, background, spacing, pattern, patternOpacity, className, headerClassName, headingClassName, descriptionClassName, gridClassName, memberCardClassName, avatarClassName, memberNameClassName, memberRoleClassName, departmentBadgeClassName, memberBioClassName, socialLinksClassName, }: TeamBioBadgesProps): React.JSX.Element;
+declare function TeamBioBadges({ sectionId, heading, description, members, membersSlot, background, spacing, pattern, patternOpacity, className, headerClassName, headingClassName, descriptionClassName, gridClassName, memberCardClassName, avatarClassName, memberNameClassName, memberRoleClassName, departmentBadgeClassName, memberBioClassName, socialLinksClassName, }: TeamBioBadgesProps): React.JSX.Element;
 
 export { TeamBioBadges, type TeamBioBadgesProps };

package/dist/team-bio-badges.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';
@@ -117,6 +117,8 @@ interface TeamBioBadgesProps {
      * Optional Optix Flow configuration for image optimization
      */
     optixFlowConfig?: OptixFlowConfig;
+    /** Optional Section ID */
+    sectionId?: string;
 }
 /**
  * TeamBioBadges - Team grid with bios, department badges, and social links
@@ -145,6 +147,6 @@ interface TeamBioBadgesProps {
  * />
  * ```
  */
-declare function TeamBioBadges({ heading, description, members, membersSlot, background, spacing, pattern, patternOpacity, className, headerClassName, headingClassName, descriptionClassName, gridClassName, memberCardClassName, avatarClassName, memberNameClassName, memberRoleClassName, departmentBadgeClassName, memberBioClassName, socialLinksClassName, }: TeamBioBadgesProps): React.JSX.Element;
+declare function TeamBioBadges({ sectionId, heading, description, members, membersSlot, background, spacing, pattern, patternOpacity, className, headerClassName, headingClassName, descriptionClassName, gridClassName, memberCardClassName, avatarClassName, memberNameClassName, memberRoleClassName, departmentBadgeClassName, memberBioClassName, socialLinksClassName, }: TeamBioBadgesProps): React.JSX.Element;
 
 export { TeamBioBadges, type TeamBioBadgesProps };

package/dist/team-bio-badges.js

@@ -536,6 +536,7 @@ var DynamicIcon = React.memo(function DynamicIcon2({
 });
 DynamicIcon.displayName = "DynamicIcon";
 function TeamBioBadges({
+  sectionId = "team-bio-badges",
   heading,
   description,
   members,
@@ -660,6 +661,7 @@ function TeamBioBadges({
   return /* @__PURE__ */ jsxs(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,

package/dist/team-carousel-experience.cjs

@@ -663,6 +663,7 @@ function CarouselNext({
   );
 }
 function TeamCarouselExperience({
+  sectionId = "team-carousel-experience",
   heading,
   headingHighlight,
   description,
@@ -742,6 +743,7 @@ function TeamCarouselExperience({
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,

package/dist/team-carousel-experience.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';
@@ -99,6 +99,8 @@ interface TeamCarouselExperienceProps {
      * Optional Optix Flow configuration for image optimization
      */
     optixFlowConfig?: OptixFlowConfig;
+    /** Optional Section ID */
+    sectionId?: string;
 }
 /**
  * TeamCarouselExperience - Horizontal carousel with experience indicators
@@ -126,6 +128,6 @@ interface TeamCarouselExperienceProps {
  * />
  * ```
  */
-declare function TeamCarouselExperience({ heading, headingHighlight, description, members, membersSlot, background, spacing, pattern, patternOpacity, className, headingClassName, headingHighlightClassName, descriptionClassName, carouselClassName, memberCardClassName, memberImageClassName, memberNameClassName, memberRoleClassName, optixFlowConfig, }: TeamCarouselExperienceProps): React.JSX.Element;
+declare function TeamCarouselExperience({ sectionId, heading, headingHighlight, description, members, membersSlot, background, spacing, pattern, patternOpacity, className, headingClassName, headingHighlightClassName, descriptionClassName, carouselClassName, memberCardClassName, memberImageClassName, memberNameClassName, memberRoleClassName, optixFlowConfig, }: TeamCarouselExperienceProps): React.JSX.Element;
 
 export { TeamCarouselExperience, type TeamCarouselExperienceProps };

package/dist/team-carousel-experience.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';
@@ -99,6 +99,8 @@ interface TeamCarouselExperienceProps {
      * Optional Optix Flow configuration for image optimization
      */
     optixFlowConfig?: OptixFlowConfig;
+    /** Optional Section ID */
+    sectionId?: string;
 }
 /**
  * TeamCarouselExperience - Horizontal carousel with experience indicators
@@ -126,6 +128,6 @@ interface TeamCarouselExperienceProps {
  * />
  * ```
  */
-declare function TeamCarouselExperience({ heading, headingHighlight, description, members, membersSlot, background, spacing, pattern, patternOpacity, className, headingClassName, headingHighlightClassName, descriptionClassName, carouselClassName, memberCardClassName, memberImageClassName, memberNameClassName, memberRoleClassName, optixFlowConfig, }: TeamCarouselExperienceProps): React.JSX.Element;
+declare function TeamCarouselExperience({ sectionId, heading, headingHighlight, description, members, membersSlot, background, spacing, pattern, patternOpacity, className, headingClassName, headingHighlightClassName, descriptionClassName, carouselClassName, memberCardClassName, memberImageClassName, memberNameClassName, memberRoleClassName, optixFlowConfig, }: TeamCarouselExperienceProps): React.JSX.Element;
 
 export { TeamCarouselExperience, type TeamCarouselExperienceProps };

package/dist/team-carousel-experience.js

@@ -638,6 +638,7 @@ function CarouselNext({
   );
 }
 function TeamCarouselExperience({
+  sectionId = "team-carousel-experience",
   heading,
   headingHighlight,
   description,
@@ -717,6 +718,7 @@ function TeamCarouselExperience({
   return /* @__PURE__ */ jsxs(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,

package/dist/team-compact-cta.cjs

@@ -481,6 +481,7 @@ function AvatarFallback({
   );
 }
 function TeamCompactCta({
+  sectionId = "team-compact-cta",
   heading,
   description,
   members,
@@ -548,6 +549,7 @@ function TeamCompactCta({
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,

package/dist/team-compact-cta.d.cts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-2nI4WPsD.cjs';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-D8cbIf_y.cjs';
 import { O as OptixFlowConfig } from './blocks-DL92rOxr.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
@@ -112,6 +112,8 @@ interface TeamCompactCtaProps {
      * Optional Optix Flow configuration for image optimization
      */
     optixFlowConfig?: OptixFlowConfig;
+    /** Optional Section ID */
+    sectionId?: string;
 }
 /**
  * TeamCompactCta - Minimal team grid with prominent careers CTA
@@ -135,6 +137,6 @@ interface TeamCompactCtaProps {
  * />
  * ```
  */
-declare function TeamCompactCta({ heading, description, members, membersSlot, ctaButtonText, ctaButtonUrl, ctaSlot, background, spacing, pattern, patternOpacity, className, headerClassName, headingClassName, descriptionClassName, gridClassName, memberCardClassName, avatarClassName, memberNameClassName, memberRoleClassName, ctaClassName, }: TeamCompactCtaProps): React.JSX.Element;
+declare function TeamCompactCta({ sectionId, heading, description, members, membersSlot, ctaButtonText, ctaButtonUrl, ctaSlot, background, spacing, pattern, patternOpacity, className, headerClassName, headingClassName, descriptionClassName, gridClassName, memberCardClassName, avatarClassName, memberNameClassName, memberRoleClassName, ctaClassName, }: TeamCompactCtaProps): React.JSX.Element;
 
 export { TeamCompactCta, type TeamCompactCtaProps };

package/dist/team-compact-cta.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-RgHoLtLt.js';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-qC2HCInM.js';
 import { O as OptixFlowConfig } from './blocks-DL92rOxr.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
@@ -112,6 +112,8 @@ interface TeamCompactCtaProps {
      * Optional Optix Flow configuration for image optimization
      */
     optixFlowConfig?: OptixFlowConfig;
+    /** Optional Section ID */
+    sectionId?: string;
 }
 /**
  * TeamCompactCta - Minimal team grid with prominent careers CTA
@@ -135,6 +137,6 @@ interface TeamCompactCtaProps {
  * />
  * ```
  */
-declare function TeamCompactCta({ heading, description, members, membersSlot, ctaButtonText, ctaButtonUrl, ctaSlot, background, spacing, pattern, patternOpacity, className, headerClassName, headingClassName, descriptionClassName, gridClassName, memberCardClassName, avatarClassName, memberNameClassName, memberRoleClassName, ctaClassName, }: TeamCompactCtaProps): React.JSX.Element;
+declare function TeamCompactCta({ sectionId, heading, description, members, membersSlot, ctaButtonText, ctaButtonUrl, ctaSlot, background, spacing, pattern, patternOpacity, className, headerClassName, headingClassName, descriptionClassName, gridClassName, memberCardClassName, avatarClassName, memberNameClassName, memberRoleClassName, ctaClassName, }: TeamCompactCtaProps): React.JSX.Element;
 
 export { TeamCompactCta, type TeamCompactCtaProps };

package/dist/team-compact-cta.js

@@ -459,6 +459,7 @@ function AvatarFallback({
   );
 }
 function TeamCompactCta({
+  sectionId = "team-compact-cta",
   heading,
   description,
   members,
@@ -526,6 +527,7 @@ function TeamCompactCta({
   return /* @__PURE__ */ jsxs(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,

package/dist/team-compact-grid.cjs

@@ -571,6 +571,7 @@ function Badge({
   );
 }
 function TeamCompactGrid({
+  sectionId = "team-compact-grid",
   heading,
   description,
   members,
@@ -697,6 +698,7 @@ function TeamCompactGrid({
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,

package/dist/team-compact-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 { O as OptixFlowConfig } from './blocks-DL92rOxr.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
@@ -135,6 +135,8 @@ interface TeamCompactGridProps {
      * Optional Optix Flow configuration for image optimization
      */
     optixFlowConfig?: OptixFlowConfig;
+    /** Optional Section ID */
+    sectionId?: string;
 }
 /**
  * TeamCompactGrid - Compact 4-column team grid with department badges
@@ -164,6 +166,6 @@ interface TeamCompactGridProps {
  * />
  * ```
  */
-declare function TeamCompactGrid({ heading, description, members, membersSlot, ctaHeading, ctaDescription, ctaButtonText, ctaButtonUrl, ctaSlot, background, spacing, pattern, patternOpacity, className, headerClassName, headingClassName, descriptionClassName, gridClassName, memberCardClassName, avatarClassName, memberNameClassName, memberRoleClassName, departmentBadgeClassName, ctaSectionClassName, ctaHeadingClassName, ctaDescriptionClassName, ctaButtonClassName, }: TeamCompactGridProps): React.JSX.Element;
+declare function TeamCompactGrid({ sectionId, heading, description, members, membersSlot, ctaHeading, ctaDescription, ctaButtonText, ctaButtonUrl, ctaSlot, background, spacing, pattern, patternOpacity, className, headerClassName, headingClassName, descriptionClassName, gridClassName, memberCardClassName, avatarClassName, memberNameClassName, memberRoleClassName, departmentBadgeClassName, ctaSectionClassName, ctaHeadingClassName, ctaDescriptionClassName, ctaButtonClassName, }: TeamCompactGridProps): React.JSX.Element;
 
 export { TeamCompactGrid, type TeamCompactGridProps };

package/dist/team-compact-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 { O as OptixFlowConfig } from './blocks-DL92rOxr.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
@@ -135,6 +135,8 @@ interface TeamCompactGridProps {
      * Optional Optix Flow configuration for image optimization
      */
     optixFlowConfig?: OptixFlowConfig;
+    /** Optional Section ID */
+    sectionId?: string;
 }
 /**
  * TeamCompactGrid - Compact 4-column team grid with department badges
@@ -164,6 +166,6 @@ interface TeamCompactGridProps {
  * />
  * ```
  */
-declare function TeamCompactGrid({ heading, description, members, membersSlot, ctaHeading, ctaDescription, ctaButtonText, ctaButtonUrl, ctaSlot, background, spacing, pattern, patternOpacity, className, headerClassName, headingClassName, descriptionClassName, gridClassName, memberCardClassName, avatarClassName, memberNameClassName, memberRoleClassName, departmentBadgeClassName, ctaSectionClassName, ctaHeadingClassName, ctaDescriptionClassName, ctaButtonClassName, }: TeamCompactGridProps): React.JSX.Element;
+declare function TeamCompactGrid({ sectionId, heading, description, members, membersSlot, ctaHeading, ctaDescription, ctaButtonText, ctaButtonUrl, ctaSlot, background, spacing, pattern, patternOpacity, className, headerClassName, headingClassName, descriptionClassName, gridClassName, memberCardClassName, avatarClassName, memberNameClassName, memberRoleClassName, departmentBadgeClassName, ctaSectionClassName, ctaHeadingClassName, ctaDescriptionClassName, ctaButtonClassName, }: TeamCompactGridProps): React.JSX.Element;
 
 export { TeamCompactGrid, type TeamCompactGridProps };

package/dist/team-compact-grid.js

@@ -549,6 +549,7 @@ function Badge({
   );
 }
 function TeamCompactGrid({
+  sectionId = "team-compact-grid",
   heading,
   description,
   members,
@@ -675,6 +676,7 @@ function TeamCompactGrid({
   return /* @__PURE__ */ jsxs(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,

package/dist/team-contact-cards.cjs

@@ -471,6 +471,7 @@ var DynamicIcon = React4__namespace.memo(function DynamicIcon2({
 });
 DynamicIcon.displayName = "DynamicIcon";
 function TeamContactCards({
+  sectionId = "team-contact-cards",
   heading,
   description,
   members,
@@ -639,6 +640,7 @@ function TeamContactCards({
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,

package/dist/team-contact-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';
@@ -126,6 +126,8 @@ interface TeamContactCardsProps {
      * Optional Optix Flow configuration for image optimization
      */
     optixFlowConfig?: OptixFlowConfig;
+    /** Optional Section ID */
+    sectionId?: string;
 }
 /**
  * TeamContactCards - Contact-focused team cards with availability status
@@ -157,6 +159,6 @@ interface TeamContactCardsProps {
  * />
  * ```
  */
-declare function TeamContactCards({ heading, description, members, membersSlot, background, spacing, pattern, patternOpacity, className, headerClassName, headingClassName, descriptionClassName, gridClassName, memberCardClassName, memberImageClassName, memberNameClassName, memberRoleClassName, memberBioClassName, contactClassName, socialLinksClassName, optixFlowConfig, }: TeamContactCardsProps): React.JSX.Element;
+declare function TeamContactCards({ sectionId, heading, description, members, membersSlot, background, spacing, pattern, patternOpacity, className, headerClassName, headingClassName, descriptionClassName, gridClassName, memberCardClassName, memberImageClassName, memberNameClassName, memberRoleClassName, memberBioClassName, contactClassName, socialLinksClassName, optixFlowConfig, }: TeamContactCardsProps): React.JSX.Element;
 
 export { TeamContactCards, type TeamContactCardsProps };

package/dist/team-contact-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';
@@ -126,6 +126,8 @@ interface TeamContactCardsProps {
      * Optional Optix Flow configuration for image optimization
      */
     optixFlowConfig?: OptixFlowConfig;
+    /** Optional Section ID */
+    sectionId?: string;
 }
 /**
  * TeamContactCards - Contact-focused team cards with availability status
@@ -157,6 +159,6 @@ interface TeamContactCardsProps {
  * />
  * ```
  */
-declare function TeamContactCards({ heading, description, members, membersSlot, background, spacing, pattern, patternOpacity, className, headerClassName, headingClassName, descriptionClassName, gridClassName, memberCardClassName, memberImageClassName, memberNameClassName, memberRoleClassName, memberBioClassName, contactClassName, socialLinksClassName, optixFlowConfig, }: TeamContactCardsProps): React.JSX.Element;
+declare function TeamContactCards({ sectionId, heading, description, members, membersSlot, background, spacing, pattern, patternOpacity, className, headerClassName, headingClassName, descriptionClassName, gridClassName, memberCardClassName, memberImageClassName, memberNameClassName, memberRoleClassName, memberBioClassName, contactClassName, socialLinksClassName, optixFlowConfig, }: TeamContactCardsProps): React.JSX.Element;
 
 export { TeamContactCards, type TeamContactCardsProps };

package/dist/team-contact-cards.js

@@ -450,6 +450,7 @@ var DynamicIcon = React4.memo(function DynamicIcon2({
 });
 DynamicIcon.displayName = "DynamicIcon";
 function TeamContactCards({
+  sectionId = "team-contact-cards",
   heading,
   description,
   members,
@@ -618,6 +619,7 @@ function TeamContactCards({
   return /* @__PURE__ */ jsxs(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,

package/dist/team-department-sections.cjs

@@ -434,6 +434,7 @@ var Section = React__namespace.default.forwardRef(
 );
 Section.displayName = "Section";
 function TeamDepartmentSections({
+  sectionId = "team-department-sections",
   heading,
   departments,
   departmentsSlot,
@@ -512,6 +513,7 @@ function TeamDepartmentSections({
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,

package/dist/team-department-sections.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';
@@ -96,6 +96,8 @@ interface TeamDepartmentSectionsProps {
      * Optional Optix Flow configuration for image optimization
      */
     optixFlowConfig?: OptixFlowConfig;
+    /** Optional Section ID */
+    sectionId?: string;
 }
 /**
  * TeamDepartmentSections - Team organized by department with section headers
@@ -120,6 +122,6 @@ interface TeamDepartmentSectionsProps {
  * />
  * ```
  */
-declare function TeamDepartmentSections({ heading, departments, departmentsSlot, background, spacing, pattern, patternOpacity, className, headingClassName, departmentClassName, departmentNameClassName, membersGridClassName, memberCardClassName, memberAvatarClassName, memberNameClassName, memberRoleClassName, optixFlowConfig, }: TeamDepartmentSectionsProps): React.JSX.Element;
+declare function TeamDepartmentSections({ sectionId, heading, departments, departmentsSlot, background, spacing, pattern, patternOpacity, className, headingClassName, departmentClassName, departmentNameClassName, membersGridClassName, memberCardClassName, memberAvatarClassName, memberNameClassName, memberRoleClassName, optixFlowConfig, }: TeamDepartmentSectionsProps): React.JSX.Element;
 
 export { TeamDepartmentSections, type TeamDepartmentSectionsProps };

package/dist/team-department-sections.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';
@@ -96,6 +96,8 @@ interface TeamDepartmentSectionsProps {
      * Optional Optix Flow configuration for image optimization
      */
     optixFlowConfig?: OptixFlowConfig;
+    /** Optional Section ID */
+    sectionId?: string;
 }
 /**
  * TeamDepartmentSections - Team organized by department with section headers
@@ -120,6 +122,6 @@ interface TeamDepartmentSectionsProps {
  * />
  * ```
  */
-declare function TeamDepartmentSections({ heading, departments, departmentsSlot, background, spacing, pattern, patternOpacity, className, headingClassName, departmentClassName, departmentNameClassName, membersGridClassName, memberCardClassName, memberAvatarClassName, memberNameClassName, memberRoleClassName, optixFlowConfig, }: TeamDepartmentSectionsProps): React.JSX.Element;
+declare function TeamDepartmentSections({ sectionId, heading, departments, departmentsSlot, background, spacing, pattern, patternOpacity, className, headingClassName, departmentClassName, departmentNameClassName, membersGridClassName, memberCardClassName, memberAvatarClassName, memberNameClassName, memberRoleClassName, optixFlowConfig, }: TeamDepartmentSectionsProps): React.JSX.Element;
 
 export { TeamDepartmentSections, type TeamDepartmentSectionsProps };

package/dist/team-department-sections.js

@@ -413,6 +413,7 @@ var Section = React__default.forwardRef(
 );
 Section.displayName = "Section";
 function TeamDepartmentSections({
+  sectionId = "team-department-sections",
   heading,
   departments,
   departmentsSlot,
@@ -491,6 +492,7 @@ function TeamDepartmentSections({
   return /* @__PURE__ */ jsx(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,

package/dist/team-expertise-cards.cjs

@@ -572,6 +572,7 @@ function CardContent({ className, ...props }) {
   );
 }
 function TeamExpertiseCards({
+  sectionId = "team-expertise-cards",
   heading,
   description,
   members,
@@ -722,6 +723,7 @@ function TeamExpertiseCards({
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,

package/dist/team-expertise-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';
@@ -145,6 +145,8 @@ interface TeamExpertiseCardsProps {
      * Optional Optix Flow configuration for image optimization
      */
     optixFlowConfig?: OptixFlowConfig;
+    /** Optional Section ID */
+    sectionId?: string;
 }
 /**
  * TeamExpertiseCards - Team cards with expertise tags and careers CTA
@@ -177,6 +179,6 @@ interface TeamExpertiseCardsProps {
  * />
  * ```
  */
-declare function TeamExpertiseCards({ heading, description, members, membersSlot, ctaHeading, ctaDescription, ctaButtonText, ctaButtonUrl, ctaSlot, background, spacing, pattern, patternOpacity, className, headerClassName, headingClassName, descriptionClassName, gridClassName, memberCardClassName, avatarClassName, memberNameClassName, memberRoleClassName, departmentBadgeClassName, memberDescriptionClassName, expertiseClassName, ctaSectionClassName, ctaHeadingClassName, ctaDescriptionClassName, ctaButtonClassName, }: TeamExpertiseCardsProps): React.JSX.Element;
+declare function TeamExpertiseCards({ sectionId, heading, description, members, membersSlot, ctaHeading, ctaDescription, ctaButtonText, ctaButtonUrl, ctaSlot, background, spacing, pattern, patternOpacity, className, headerClassName, headingClassName, descriptionClassName, gridClassName, memberCardClassName, avatarClassName, memberNameClassName, memberRoleClassName, departmentBadgeClassName, memberDescriptionClassName, expertiseClassName, ctaSectionClassName, ctaHeadingClassName, ctaDescriptionClassName, ctaButtonClassName, }: TeamExpertiseCardsProps): React.JSX.Element;
 
 export { TeamExpertiseCards, type TeamExpertiseCardsProps };

package/dist/team-expertise-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';
@@ -145,6 +145,8 @@ interface TeamExpertiseCardsProps {
      * Optional Optix Flow configuration for image optimization
      */
     optixFlowConfig?: OptixFlowConfig;
+    /** Optional Section ID */
+    sectionId?: string;
 }
 /**
  * TeamExpertiseCards - Team cards with expertise tags and careers CTA
@@ -177,6 +179,6 @@ interface TeamExpertiseCardsProps {
  * />
  * ```
  */
-declare function TeamExpertiseCards({ heading, description, members, membersSlot, ctaHeading, ctaDescription, ctaButtonText, ctaButtonUrl, ctaSlot, background, spacing, pattern, patternOpacity, className, headerClassName, headingClassName, descriptionClassName, gridClassName, memberCardClassName, avatarClassName, memberNameClassName, memberRoleClassName, departmentBadgeClassName, memberDescriptionClassName, expertiseClassName, ctaSectionClassName, ctaHeadingClassName, ctaDescriptionClassName, ctaButtonClassName, }: TeamExpertiseCardsProps): React.JSX.Element;
+declare function TeamExpertiseCards({ sectionId, heading, description, members, membersSlot, ctaHeading, ctaDescription, ctaButtonText, ctaButtonUrl, ctaSlot, background, spacing, pattern, patternOpacity, className, headerClassName, headingClassName, descriptionClassName, gridClassName, memberCardClassName, avatarClassName, memberNameClassName, memberRoleClassName, departmentBadgeClassName, memberDescriptionClassName, expertiseClassName, ctaSectionClassName, ctaHeadingClassName, ctaDescriptionClassName, ctaButtonClassName, }: TeamExpertiseCardsProps): React.JSX.Element;
 
 export { TeamExpertiseCards, type TeamExpertiseCardsProps };

package/dist/team-expertise-cards.js

@@ -550,6 +550,7 @@ function CardContent({ className, ...props }) {
   );
 }
 function TeamExpertiseCards({
+  sectionId = "team-expertise-cards",
   heading,
   description,
   members,
@@ -700,6 +701,7 @@ function TeamExpertiseCards({
   return /* @__PURE__ */ jsxs(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,