@opensite/ui 3.0.4 → 3.0.6

package/README.md

@@ -509,7 +509,7 @@ pnpm type-check
 
 ## License
 
-MIT
+BSD 3-Claus
 
 ## Related Packages
 

package/dist/about-company-profile.cjs

@@ -393,6 +393,7 @@ var Section = React__default.default.forwardRef(
 );
 Section.displayName = "Section";
 function AboutCompanyProfile({
+  sectionId = "about-company-profile",
   title,
   description,
   mainImage,
@@ -523,6 +524,7 @@ function AboutCompanyProfile({
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,

package/dist/about-company-profile.d.cts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-2nI4WPsD.cjs';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-D8cbIf_y.cjs';
 import { A as ActionConfig, L as LogoItem, k as StatItem, O as OptixFlowConfig } from './blocks-DL92rOxr.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
@@ -150,7 +150,9 @@ interface AboutCompanyProfileProps {
      * Pattern opacity (0-1)
      */
     patternOpacity?: number;
+    /** Optional Section ID */
+    sectionId?: string;
 }
-declare function AboutCompanyProfile({ title, description, mainImage, secondaryImage, breakout, breakoutSlot, companiesTitle, companies, companiesSlot, achievementsTitle, achievementsDescription, achievements, achievementsSlot, className, titleClassName, descriptionClassName, mainImageClassName, secondaryImageClassName, breakoutClassName, companiesClassName, achievementsClassName, achievementsTitleClassName, achievementsDescriptionClassName, optixFlowConfig, background, containerClassName, spacing, pattern, patternOpacity, }: AboutCompanyProfileProps): React.JSX.Element;
+declare function AboutCompanyProfile({ sectionId, title, description, mainImage, secondaryImage, breakout, breakoutSlot, companiesTitle, companies, companiesSlot, achievementsTitle, achievementsDescription, achievements, achievementsSlot, className, titleClassName, descriptionClassName, mainImageClassName, secondaryImageClassName, breakoutClassName, companiesClassName, achievementsClassName, achievementsTitleClassName, achievementsDescriptionClassName, optixFlowConfig, background, containerClassName, spacing, pattern, patternOpacity, }: AboutCompanyProfileProps): React.JSX.Element;
 
 export { AboutCompanyProfile, type AboutCompanyProfileProps };

package/dist/about-company-profile.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-RgHoLtLt.js';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-qC2HCInM.js';
 import { A as ActionConfig, L as LogoItem, k as StatItem, O as OptixFlowConfig } from './blocks-DL92rOxr.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
@@ -150,7 +150,9 @@ interface AboutCompanyProfileProps {
      * Pattern opacity (0-1)
      */
     patternOpacity?: number;
+    /** Optional Section ID */
+    sectionId?: string;
 }
-declare function AboutCompanyProfile({ title, description, mainImage, secondaryImage, breakout, breakoutSlot, companiesTitle, companies, companiesSlot, achievementsTitle, achievementsDescription, achievements, achievementsSlot, className, titleClassName, descriptionClassName, mainImageClassName, secondaryImageClassName, breakoutClassName, companiesClassName, achievementsClassName, achievementsTitleClassName, achievementsDescriptionClassName, optixFlowConfig, background, containerClassName, spacing, pattern, patternOpacity, }: AboutCompanyProfileProps): React.JSX.Element;
+declare function AboutCompanyProfile({ sectionId, title, description, mainImage, secondaryImage, breakout, breakoutSlot, companiesTitle, companies, companiesSlot, achievementsTitle, achievementsDescription, achievements, achievementsSlot, className, titleClassName, descriptionClassName, mainImageClassName, secondaryImageClassName, breakoutClassName, companiesClassName, achievementsClassName, achievementsTitleClassName, achievementsDescriptionClassName, optixFlowConfig, background, containerClassName, spacing, pattern, patternOpacity, }: AboutCompanyProfileProps): React.JSX.Element;
 
 export { AboutCompanyProfile, type AboutCompanyProfileProps };

package/dist/about-company-profile.js

@@ -387,6 +387,7 @@ var Section = React.forwardRef(
 );
 Section.displayName = "Section";
 function AboutCompanyProfile({
+  sectionId = "about-company-profile",
   title,
   description,
   mainImage,
@@ -517,6 +518,7 @@ function AboutCompanyProfile({
   return /* @__PURE__ */ jsxs(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,

package/dist/about-culture-tabs.cjs

@@ -631,6 +631,7 @@ function ActionComponent({ action }) {
   );
 }
 function AboutCultureTabs({
+  sectionId = "about-culture-tabs",
   badgeText,
   heading,
   description,
@@ -733,6 +734,7 @@ function AboutCultureTabs({
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,

package/dist/about-culture-tabs.d.cts

@@ -1,4 +1,4 @@
-export { A as AboutCultureTabs, a as AboutCultureTabsProps } from './community-initiatives-2nI4WPsD.cjs';
+export { A as AboutCultureTabs, a as AboutCultureTabsProps } from './community-initiatives-D8cbIf_y.cjs';
 import './blocks-DL92rOxr.cjs';
 import 'react';
 import 'class-variance-authority';

package/dist/about-culture-tabs.d.ts

@@ -1,4 +1,4 @@
-export { A as AboutCultureTabs, a as AboutCultureTabsProps } from './community-initiatives-RgHoLtLt.js';
+export { A as AboutCultureTabs, a as AboutCultureTabsProps } from './community-initiatives-qC2HCInM.js';
 import './blocks-DL92rOxr.js';
 import 'react';
 import 'class-variance-authority';

package/dist/about-culture-tabs.js

@@ -609,6 +609,7 @@ function ActionComponent({ action }) {
   );
 }
 function AboutCultureTabs({
+  sectionId = "about-culture-tabs",
   badgeText,
   heading,
   description,
@@ -711,6 +712,7 @@ function AboutCultureTabs({
   return /* @__PURE__ */ jsxs(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,

package/dist/about-developer-profile.cjs

@@ -605,6 +605,7 @@ function ActionComponent({ action }) {
   );
 }
 function AboutDeveloperProfile({
+  sectionId = "about-developer-profile",
   name,
   role,
   bio,
@@ -664,6 +665,7 @@ function AboutDeveloperProfile({
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,

package/dist/about-developer-profile.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 { j as SocialLinkItem, A as ActionConfig, O as OptixFlowConfig } from './blocks-DL92rOxr.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
@@ -118,7 +118,9 @@ interface AboutDeveloperProfileProps {
      * Pattern opacity (0-1)
      */
     patternOpacity?: number;
+    /** Optional Section ID */
+    sectionId?: string;
 }
-declare function AboutDeveloperProfile({ name, role, bio, avatar, skills, skillsSlot, skillsTitle, socialLinks, socialLinksSlot, actions, actionsSlot, className, contentClassName, nameClassName, roleClassName, bioClassName, avatarClassName, skillsClassName, skillTagClassName, socialLinksClassName, actionsClassName, optixFlowConfig, background, spacing, containerClassName, pattern, patternOpacity, }: AboutDeveloperProfileProps): React.JSX.Element;
+declare function AboutDeveloperProfile({ sectionId, name, role, bio, avatar, skills, skillsSlot, skillsTitle, socialLinks, socialLinksSlot, actions, actionsSlot, className, contentClassName, nameClassName, roleClassName, bioClassName, avatarClassName, skillsClassName, skillTagClassName, socialLinksClassName, actionsClassName, optixFlowConfig, background, spacing, containerClassName, pattern, patternOpacity, }: AboutDeveloperProfileProps): React.JSX.Element;
 
 export { AboutDeveloperProfile, type AboutDeveloperProfileProps };

package/dist/about-developer-profile.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 { j as SocialLinkItem, A as ActionConfig, O as OptixFlowConfig } from './blocks-DL92rOxr.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
@@ -118,7 +118,9 @@ interface AboutDeveloperProfileProps {
      * Pattern opacity (0-1)
      */
     patternOpacity?: number;
+    /** Optional Section ID */
+    sectionId?: string;
 }
-declare function AboutDeveloperProfile({ name, role, bio, avatar, skills, skillsSlot, skillsTitle, socialLinks, socialLinksSlot, actions, actionsSlot, className, contentClassName, nameClassName, roleClassName, bioClassName, avatarClassName, skillsClassName, skillTagClassName, socialLinksClassName, actionsClassName, optixFlowConfig, background, spacing, containerClassName, pattern, patternOpacity, }: AboutDeveloperProfileProps): React.JSX.Element;
+declare function AboutDeveloperProfile({ sectionId, name, role, bio, avatar, skills, skillsSlot, skillsTitle, socialLinks, socialLinksSlot, actions, actionsSlot, className, contentClassName, nameClassName, roleClassName, bioClassName, avatarClassName, skillsClassName, skillTagClassName, socialLinksClassName, actionsClassName, optixFlowConfig, background, spacing, containerClassName, pattern, patternOpacity, }: AboutDeveloperProfileProps): React.JSX.Element;
 
 export { AboutDeveloperProfile, type AboutDeveloperProfileProps };

package/dist/about-developer-profile.js

@@ -584,6 +584,7 @@ function ActionComponent({ action }) {
   );
 }
 function AboutDeveloperProfile({
+  sectionId = "about-developer-profile",
   name,
   role,
   bio,
@@ -643,6 +644,7 @@ function AboutDeveloperProfile({
   return /* @__PURE__ */ jsx(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,

package/dist/about-developer-story.cjs

@@ -505,6 +505,7 @@ function ActionComponent({ action }) {
   );
 }
 function AboutDeveloperStory({
+  sectionId = "about-developer-story",
   className,
   title,
   titleClassName,
@@ -633,6 +634,7 @@ function AboutDeveloperStory({
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,

package/dist/about-developer-story.d.cts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-2nI4WPsD.cjs';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-D8cbIf_y.cjs';
 import { A as ActionConfig, L as LogoItem, k as StatItem, O as OptixFlowConfig } from './blocks-DL92rOxr.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
@@ -114,7 +114,9 @@ interface AboutDeveloperStoryProps {
      * Pattern opacity (0-1)
      */
     patternOpacity?: number;
+    /** Optional Section ID */
+    sectionId?: string;
 }
-declare function AboutDeveloperStory({ className, title, titleClassName, description, descriptionClassName, actions, actionsSlot, actionsClassName, logos, logosSlot, logosClassName, stats, statsSlot, statsClassName, storyTitle, storyTitleClassName, storyContent, storyContentClassName, storyImage, storyImageClassName, optixFlowConfig, background, spacing, containerClassName, pattern, patternOpacity, }: AboutDeveloperStoryProps): React.JSX.Element;
+declare function AboutDeveloperStory({ sectionId, className, title, titleClassName, description, descriptionClassName, actions, actionsSlot, actionsClassName, logos, logosSlot, logosClassName, stats, statsSlot, statsClassName, storyTitle, storyTitleClassName, storyContent, storyContentClassName, storyImage, storyImageClassName, optixFlowConfig, background, spacing, containerClassName, pattern, patternOpacity, }: AboutDeveloperStoryProps): React.JSX.Element;
 
 export { AboutDeveloperStory, type AboutDeveloperStoryProps };

package/dist/about-developer-story.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-RgHoLtLt.js';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-qC2HCInM.js';
 import { A as ActionConfig, L as LogoItem, k as StatItem, O as OptixFlowConfig } from './blocks-DL92rOxr.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
@@ -114,7 +114,9 @@ interface AboutDeveloperStoryProps {
      * Pattern opacity (0-1)
      */
     patternOpacity?: number;
+    /** Optional Section ID */
+    sectionId?: string;
 }
-declare function AboutDeveloperStory({ className, title, titleClassName, description, descriptionClassName, actions, actionsSlot, actionsClassName, logos, logosSlot, logosClassName, stats, statsSlot, statsClassName, storyTitle, storyTitleClassName, storyContent, storyContentClassName, storyImage, storyImageClassName, optixFlowConfig, background, spacing, containerClassName, pattern, patternOpacity, }: AboutDeveloperStoryProps): React.JSX.Element;
+declare function AboutDeveloperStory({ sectionId, className, title, titleClassName, description, descriptionClassName, actions, actionsSlot, actionsClassName, logos, logosSlot, logosClassName, stats, statsSlot, statsClassName, storyTitle, storyTitleClassName, storyContent, storyContentClassName, storyImage, storyImageClassName, optixFlowConfig, background, spacing, containerClassName, pattern, patternOpacity, }: AboutDeveloperStoryProps): React.JSX.Element;
 
 export { AboutDeveloperStory, type AboutDeveloperStoryProps };

package/dist/about-developer-story.js

@@ -484,6 +484,7 @@ function ActionComponent({ action }) {
   );
 }
 function AboutDeveloperStory({
+  sectionId = "about-developer-story",
   className,
   title,
   titleClassName,
@@ -612,6 +613,7 @@ function AboutDeveloperStory({
   return /* @__PURE__ */ jsxs(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,

package/dist/about-expandable-values.cjs

@@ -515,6 +515,7 @@ function ActionComponent({ action }) {
   );
 }
 function AboutExpandableValues({
+  sectionId = "about-expandable-values",
   badgeText,
   heading,
   description,
@@ -634,6 +635,7 @@ function AboutExpandableValues({
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,

package/dist/about-expandable-values.d.cts

@@ -1,4 +1,4 @@
-export { b as AboutExpandableValues, c as AboutExpandableValuesProps } from './community-initiatives-2nI4WPsD.cjs';
+export { b as AboutExpandableValues, c as AboutExpandableValuesProps } from './community-initiatives-D8cbIf_y.cjs';
 import './blocks-DL92rOxr.cjs';
 import 'react';
 import 'class-variance-authority';

package/dist/about-expandable-values.d.ts

@@ -1,4 +1,4 @@
-export { b as AboutExpandableValues, c as AboutExpandableValuesProps } from './community-initiatives-RgHoLtLt.js';
+export { b as AboutExpandableValues, c as AboutExpandableValuesProps } from './community-initiatives-qC2HCInM.js';
 import './blocks-DL92rOxr.js';
 import 'react';
 import 'class-variance-authority';

package/dist/about-expandable-values.js

@@ -494,6 +494,7 @@ function ActionComponent({ action }) {
   );
 }
 function AboutExpandableValues({
+  sectionId = "about-expandable-values",
   badgeText,
   heading,
   description,
@@ -613,6 +614,7 @@ function AboutExpandableValues({
   return /* @__PURE__ */ jsxs(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,

package/dist/about-interactive-tabs.cjs

@@ -408,6 +408,7 @@ var Section = React__namespace.default.forwardRef(
 );
 Section.displayName = "Section";
 function AboutInteractiveTabs({
+  sectionId = "about-interactive-tabs",
   title,
   subtitle,
   tabs,
@@ -529,6 +530,7 @@ function AboutInteractiveTabs({
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,

package/dist/about-interactive-tabs.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,7 +112,9 @@ interface AboutInteractiveTabsProps {
      * Pattern opacity (0-1)
      */
     patternOpacity?: number;
+    /** Optional Section ID */
+    sectionId?: string;
 }
-declare function AboutInteractiveTabs({ title, subtitle, tabs, tabsSlot, className, headerClassName, titleClassName, subtitleClassName, tabsContainerClassName, tabButtonClassName, activeTabClassName, tabContentClassName, tabContentTitleClassName, tabContentDescriptionClassName, tabContentImageClassName, optixFlowConfig, background, containerClassName, spacing, pattern, patternOpacity, }: AboutInteractiveTabsProps): React.JSX.Element;
+declare function AboutInteractiveTabs({ sectionId, title, subtitle, tabs, tabsSlot, className, headerClassName, titleClassName, subtitleClassName, tabsContainerClassName, tabButtonClassName, activeTabClassName, tabContentClassName, tabContentTitleClassName, tabContentDescriptionClassName, tabContentImageClassName, optixFlowConfig, background, containerClassName, spacing, pattern, patternOpacity, }: AboutInteractiveTabsProps): React.JSX.Element;
 
 export { AboutInteractiveTabs, type AboutInteractiveTabsProps };

package/dist/about-interactive-tabs.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,7 +112,9 @@ interface AboutInteractiveTabsProps {
      * Pattern opacity (0-1)
      */
     patternOpacity?: number;
+    /** Optional Section ID */
+    sectionId?: string;
 }
-declare function AboutInteractiveTabs({ title, subtitle, tabs, tabsSlot, className, headerClassName, titleClassName, subtitleClassName, tabsContainerClassName, tabButtonClassName, activeTabClassName, tabContentClassName, tabContentTitleClassName, tabContentDescriptionClassName, tabContentImageClassName, optixFlowConfig, background, containerClassName, spacing, pattern, patternOpacity, }: AboutInteractiveTabsProps): React.JSX.Element;
+declare function AboutInteractiveTabs({ sectionId, title, subtitle, tabs, tabsSlot, className, headerClassName, titleClassName, subtitleClassName, tabsContainerClassName, tabButtonClassName, activeTabClassName, tabContentClassName, tabContentTitleClassName, tabContentDescriptionClassName, tabContentImageClassName, optixFlowConfig, background, containerClassName, spacing, pattern, patternOpacity, }: AboutInteractiveTabsProps): React.JSX.Element;
 
 export { AboutInteractiveTabs, type AboutInteractiveTabsProps };

package/dist/about-interactive-tabs.js

@@ -387,6 +387,7 @@ var Section = React__default.forwardRef(
 );
 Section.displayName = "Section";
 function AboutInteractiveTabs({
+  sectionId = "about-interactive-tabs",
   title,
   subtitle,
   tabs,
@@ -508,6 +509,7 @@ function AboutInteractiveTabs({
   return /* @__PURE__ */ jsxs(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,

package/dist/about-location-info-hero.cjs

@@ -537,6 +537,7 @@ var Section = React__namespace.default.forwardRef(
 );
 Section.displayName = "Section";
 function AboutLocationInfoHero({
+  sectionId = "about-location-info-hero",
   headline,
   headlineClassName,
   address,
@@ -660,6 +661,7 @@ function AboutLocationInfoHero({
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,

package/dist/about-location-info-hero.d.cts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-2nI4WPsD.cjs';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-D8cbIf_y.cjs';
 import { A as ActionConfig, O as OptixFlowConfig } from './blocks-DL92rOxr.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
@@ -138,12 +138,14 @@ interface AboutLocationInfoHeroProps {
      * Optional Optix Flow configuration for image optimization
      */
     optixFlowConfig?: OptixFlowConfig;
+    /** Optional Section ID */
+    sectionId?: string;
 }
 /**
  * AboutLocationInfoHero - Split hero section with contact details, action links,
  * hours breakdown, and a dual-image layout. Great for showcasing location-focused
  * service hubs or flagship office pages.
  */
-declare function AboutLocationInfoHero({ headline, headlineClassName, address, addressHref, addressClassName, phone, phoneHref, phoneClassName, actions, actionsSlot, actionsClassName, hoursSections, hoursSectionsSlot, hoursSectionsClassName, images, imagesSlot, imagesClassName, contentPosition, mobileStackOrder, accentColor, background, pattern, patternOpacity, className, containerClassName, spacing, optixFlowConfig, }: AboutLocationInfoHeroProps): React.JSX.Element;
+declare function AboutLocationInfoHero({ sectionId, headline, headlineClassName, address, addressHref, addressClassName, phone, phoneHref, phoneClassName, actions, actionsSlot, actionsClassName, hoursSections, hoursSectionsSlot, hoursSectionsClassName, images, imagesSlot, imagesClassName, contentPosition, mobileStackOrder, accentColor, background, pattern, patternOpacity, className, containerClassName, spacing, optixFlowConfig, }: AboutLocationInfoHeroProps): React.JSX.Element;
 
 export { AboutLocationInfoHero, type AboutLocationInfoHeroProps };

package/dist/about-location-info-hero.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-RgHoLtLt.js';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-qC2HCInM.js';
 import { A as ActionConfig, O as OptixFlowConfig } from './blocks-DL92rOxr.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
@@ -138,12 +138,14 @@ interface AboutLocationInfoHeroProps {
      * Optional Optix Flow configuration for image optimization
      */
     optixFlowConfig?: OptixFlowConfig;
+    /** Optional Section ID */
+    sectionId?: string;
 }
 /**
  * AboutLocationInfoHero - Split hero section with contact details, action links,
  * hours breakdown, and a dual-image layout. Great for showcasing location-focused
  * service hubs or flagship office pages.
  */
-declare function AboutLocationInfoHero({ headline, headlineClassName, address, addressHref, addressClassName, phone, phoneHref, phoneClassName, actions, actionsSlot, actionsClassName, hoursSections, hoursSectionsSlot, hoursSectionsClassName, images, imagesSlot, imagesClassName, contentPosition, mobileStackOrder, accentColor, background, pattern, patternOpacity, className, containerClassName, spacing, optixFlowConfig, }: AboutLocationInfoHeroProps): React.JSX.Element;
+declare function AboutLocationInfoHero({ sectionId, headline, headlineClassName, address, addressHref, addressClassName, phone, phoneHref, phoneClassName, actions, actionsSlot, actionsClassName, hoursSections, hoursSectionsSlot, hoursSectionsClassName, images, imagesSlot, imagesClassName, contentPosition, mobileStackOrder, accentColor, background, pattern, patternOpacity, className, containerClassName, spacing, optixFlowConfig, }: AboutLocationInfoHeroProps): React.JSX.Element;
 
 export { AboutLocationInfoHero, type AboutLocationInfoHeroProps };

package/dist/about-location-info-hero.js

@@ -516,6 +516,7 @@ var Section = React__default.forwardRef(
 );
 Section.displayName = "Section";
 function AboutLocationInfoHero({
+  sectionId = "about-location-info-hero",
   headline,
   headlineClassName,
   address,
@@ -639,6 +640,7 @@ function AboutLocationInfoHero({
   return /* @__PURE__ */ jsx(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,

package/dist/about-minimal-story.cjs

@@ -392,6 +392,7 @@ var Section = React__default.default.forwardRef(
 );
 Section.displayName = "Section";
 function AboutMinimalStory({
+  sectionId = "about-minimal-story",
   title,
   content,
   author,
@@ -440,6 +441,7 @@ function AboutMinimalStory({
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,

package/dist/about-minimal-story.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';
@@ -85,7 +85,9 @@ interface AboutMinimalStoryProps {
      * Pattern opacity (0-1)
      */
     patternOpacity?: number;
+    /** Optional Section ID */
+    sectionId?: string;
 }
-declare function AboutMinimalStory({ title, content, author, authorSlot, featuredImage, className, contentClassName, titleClassName, bodyClassName, authorClassName, imageClassName, optixFlowConfig, background, containerClassName, spacing, pattern, patternOpacity, }: AboutMinimalStoryProps): React.JSX.Element;
+declare function AboutMinimalStory({ sectionId, title, content, author, authorSlot, featuredImage, className, contentClassName, titleClassName, bodyClassName, authorClassName, imageClassName, optixFlowConfig, background, containerClassName, spacing, pattern, patternOpacity, }: AboutMinimalStoryProps): React.JSX.Element;
 
 export { AboutMinimalStory, type AboutMinimalStoryProps };

package/dist/about-minimal-story.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';
@@ -85,7 +85,9 @@ interface AboutMinimalStoryProps {
      * Pattern opacity (0-1)
      */
     patternOpacity?: number;
+    /** Optional Section ID */
+    sectionId?: string;
 }
-declare function AboutMinimalStory({ title, content, author, authorSlot, featuredImage, className, contentClassName, titleClassName, bodyClassName, authorClassName, imageClassName, optixFlowConfig, background, containerClassName, spacing, pattern, patternOpacity, }: AboutMinimalStoryProps): React.JSX.Element;
+declare function AboutMinimalStory({ sectionId, title, content, author, authorSlot, featuredImage, className, contentClassName, titleClassName, bodyClassName, authorClassName, imageClassName, optixFlowConfig, background, containerClassName, spacing, pattern, patternOpacity, }: AboutMinimalStoryProps): React.JSX.Element;
 
 export { AboutMinimalStory, type AboutMinimalStoryProps };

package/dist/about-minimal-story.js

@@ -386,6 +386,7 @@ var Section = React.forwardRef(
 );
 Section.displayName = "Section";
 function AboutMinimalStory({
+  sectionId = "about-minimal-story",
   title,
   content,
   author,
@@ -434,6 +435,7 @@ function AboutMinimalStory({
   return /* @__PURE__ */ jsx(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,

package/dist/about-mission-dual-image.cjs

@@ -473,6 +473,7 @@ function ActionComponent({ action }) {
   );
 }
 function AboutMissionDualImage({
+  sectionId = "about-mission-dual-image",
   missionTitle,
   missionContent,
   visionTitle,
@@ -521,6 +522,7 @@ function AboutMissionDualImage({
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,

package/dist/about-mission-dual-image.d.cts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-2nI4WPsD.cjs';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-D8cbIf_y.cjs';
 import { A as ActionConfig, O as OptixFlowConfig } from './blocks-DL92rOxr.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
@@ -105,7 +105,9 @@ interface AboutMissionDualImageProps {
      * Pattern opacity (0-1)
      */
     patternOpacity?: number;
+    /** Optional Section ID */
+    sectionId?: string;
 }
-declare function AboutMissionDualImage({ missionTitle, missionContent, visionTitle, visionContent, primaryImage, secondaryImage, actions, actionsSlot, className, contentClassName, missionTitleClassName, missionContentClassName, visionTitleClassName, visionContentClassName, primaryImageClassName, secondaryImageClassName, actionsClassName, optixFlowConfig, background, containerClassName, spacing, pattern, patternOpacity, }: AboutMissionDualImageProps): React.JSX.Element;
+declare function AboutMissionDualImage({ sectionId, missionTitle, missionContent, visionTitle, visionContent, primaryImage, secondaryImage, actions, actionsSlot, className, contentClassName, missionTitleClassName, missionContentClassName, visionTitleClassName, visionContentClassName, primaryImageClassName, secondaryImageClassName, actionsClassName, optixFlowConfig, background, containerClassName, spacing, pattern, patternOpacity, }: AboutMissionDualImageProps): React.JSX.Element;
 
 export { AboutMissionDualImage, type AboutMissionDualImageProps };

package/dist/about-mission-dual-image.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-RgHoLtLt.js';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-qC2HCInM.js';
 import { A as ActionConfig, O as OptixFlowConfig } from './blocks-DL92rOxr.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
@@ -105,7 +105,9 @@ interface AboutMissionDualImageProps {
      * Pattern opacity (0-1)
      */
     patternOpacity?: number;
+    /** Optional Section ID */
+    sectionId?: string;
 }
-declare function AboutMissionDualImage({ missionTitle, missionContent, visionTitle, visionContent, primaryImage, secondaryImage, actions, actionsSlot, className, contentClassName, missionTitleClassName, missionContentClassName, visionTitleClassName, visionContentClassName, primaryImageClassName, secondaryImageClassName, actionsClassName, optixFlowConfig, background, containerClassName, spacing, pattern, patternOpacity, }: AboutMissionDualImageProps): React.JSX.Element;
+declare function AboutMissionDualImage({ sectionId, missionTitle, missionContent, visionTitle, visionContent, primaryImage, secondaryImage, actions, actionsSlot, className, contentClassName, missionTitleClassName, missionContentClassName, visionTitleClassName, visionContentClassName, primaryImageClassName, secondaryImageClassName, actionsClassName, optixFlowConfig, background, containerClassName, spacing, pattern, patternOpacity, }: AboutMissionDualImageProps): React.JSX.Element;
 
 export { AboutMissionDualImage, type AboutMissionDualImageProps };

package/dist/about-mission-dual-image.js

@@ -452,6 +452,7 @@ function ActionComponent({ action }) {
   );
 }
 function AboutMissionDualImage({
+  sectionId = "about-mission-dual-image",
   missionTitle,
   missionContent,
   visionTitle,
@@ -500,6 +501,7 @@ function AboutMissionDualImage({
   return /* @__PURE__ */ jsx(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,

package/dist/about-mission-features.cjs

@@ -441,6 +441,7 @@ var ContentGroup = React4__namespace.forwardRef(
 );
 ContentGroup.displayName = "ContentGroup";
 function AboutMissionFeatures({
+  sectionId = "about-mission-features",
   title,
   description,
   missionLabel,
@@ -542,6 +543,7 @@ function AboutMissionFeatures({
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,