@opensite/ui 3.0.5 → 3.0.7

package/dist/resource-detail-article-hero.cjs

@@ -465,6 +465,7 @@ var Section = React__default.default.forwardRef(
 );
 Section.displayName = "Section";
 function ResourceDetailArticleHero({
+  sectionId = "resource-detail-article-hero",
   navigation,
   navigationSlot,
   navigationClassName,
@@ -621,6 +622,7 @@ function ResourceDetailArticleHero({
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       className,

package/dist/resource-detail-article-hero.d.cts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-2nI4WPsD.cjs';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-D8cbIf_y.cjs';
 import { A as ActionConfig, a as AuthorInfo, O as OptixFlowConfig } from './blocks-DL92rOxr.cjs';
 import 'class-variance-authority';
 import '@page-speed/pressable';
@@ -177,6 +177,8 @@ interface ResourceDetailArticleHeroProps {
      * Background pattern
      */
     pattern?: PatternName;
+    /** Optional Section ID */
+    sectionId?: string;
 }
 /**
  * ResourceDetailArticleHero - A full-width article hero with dark background,
@@ -208,6 +210,6 @@ interface ResourceDetailArticleHeroProps {
  * />
  * ```
  */
-declare function ResourceDetailArticleHero({ navigation, navigationSlot, navigationClassName, blog, blogMetaSlot, blogMetaClassName, titleClassName, shareActions, shareActionsSlot, shareActionsClassName, shareHeading, illustration, illustrationSlot, illustrationClassName, author, authorSlot, authorClassName, contentClassName, contentSlot, background, containerClassName, spacing, pattern, patternOpacity, className, contentSectionClassName, optixFlowConfig, }: ResourceDetailArticleHeroProps): react_jsx_runtime.JSX.Element;
+declare function ResourceDetailArticleHero({ sectionId, navigation, navigationSlot, navigationClassName, blog, blogMetaSlot, blogMetaClassName, titleClassName, shareActions, shareActionsSlot, shareActionsClassName, shareHeading, illustration, illustrationSlot, illustrationClassName, author, authorSlot, authorClassName, contentClassName, contentSlot, background, containerClassName, spacing, pattern, patternOpacity, className, contentSectionClassName, optixFlowConfig, }: ResourceDetailArticleHeroProps): react_jsx_runtime.JSX.Element;
 
 export { ResourceDetailArticleHero, type ResourceDetailArticleHeroProps };

package/dist/resource-detail-article-hero.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-RgHoLtLt.js';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-qC2HCInM.js';
 import { A as ActionConfig, a as AuthorInfo, O as OptixFlowConfig } from './blocks-DL92rOxr.js';
 import 'class-variance-authority';
 import '@page-speed/pressable';
@@ -177,6 +177,8 @@ interface ResourceDetailArticleHeroProps {
      * Background pattern
      */
     pattern?: PatternName;
+    /** Optional Section ID */
+    sectionId?: string;
 }
 /**
  * ResourceDetailArticleHero - A full-width article hero with dark background,
@@ -208,6 +210,6 @@ interface ResourceDetailArticleHeroProps {
  * />
  * ```
  */
-declare function ResourceDetailArticleHero({ navigation, navigationSlot, navigationClassName, blog, blogMetaSlot, blogMetaClassName, titleClassName, shareActions, shareActionsSlot, shareActionsClassName, shareHeading, illustration, illustrationSlot, illustrationClassName, author, authorSlot, authorClassName, contentClassName, contentSlot, background, containerClassName, spacing, pattern, patternOpacity, className, contentSectionClassName, optixFlowConfig, }: ResourceDetailArticleHeroProps): react_jsx_runtime.JSX.Element;
+declare function ResourceDetailArticleHero({ sectionId, navigation, navigationSlot, navigationClassName, blog, blogMetaSlot, blogMetaClassName, titleClassName, shareActions, shareActionsSlot, shareActionsClassName, shareHeading, illustration, illustrationSlot, illustrationClassName, author, authorSlot, authorClassName, contentClassName, contentSlot, background, containerClassName, spacing, pattern, patternOpacity, className, contentSectionClassName, optixFlowConfig, }: ResourceDetailArticleHeroProps): react_jsx_runtime.JSX.Element;
 
 export { ResourceDetailArticleHero, type ResourceDetailArticleHeroProps };

package/dist/resource-detail-article-hero.js

@@ -440,6 +440,7 @@ var Section = React.forwardRef(
 );
 Section.displayName = "Section";
 function ResourceDetailArticleHero({
+  sectionId = "resource-detail-article-hero",
   navigation,
   navigationSlot,
   navigationClassName,
@@ -596,6 +597,7 @@ function ResourceDetailArticleHero({
   return /* @__PURE__ */ jsxs(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       className,

package/dist/resource-detail-document-sidebar.cjs

@@ -550,6 +550,7 @@ var Section = React__namespace.default.forwardRef(
 );
 Section.displayName = "Section";
 function ResourceDetailDocumentSidebar({
+  sectionId = "resource-detail-document-sidebar",
   className,
   breadcrumbs,
   breadcrumbsSlot,
@@ -712,6 +713,7 @@ function ResourceDetailDocumentSidebar({
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,

package/dist/resource-detail-document-sidebar.d.cts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-2nI4WPsD.cjs';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-D8cbIf_y.cjs';
 import { g as BreadcrumbItem, A as ActionConfig, a as AuthorInfo, O as OptixFlowConfig } from './blocks-DL92rOxr.cjs';
 import 'class-variance-authority';
 import '@page-speed/pressable';
@@ -136,6 +136,8 @@ interface ResourceDetailDocumentSidebarProps {
      * OptixFlow image optimization configuration
      */
     optixFlowConfig?: OptixFlowConfig;
+    /** Optional Section ID */
+    sectionId?: string;
 }
 /**
  * ResourceDetailDocumentSidebar - A document detail page with breadcrumb navigation,
@@ -168,6 +170,6 @@ interface ResourceDetailDocumentSidebarProps {
  * />
  * ```
  */
-declare function ResourceDetailDocumentSidebar({ className, breadcrumbs, breadcrumbsSlot, breadcrumbsClassName, title, titleClassName, article, articleSlot, articleClassName, sidebar, sidebarSlot, sidebarClassName, background, containerClassName, spacing, pattern, patternOpacity, optixFlowConfig, }: ResourceDetailDocumentSidebarProps): react_jsx_runtime.JSX.Element;
+declare function ResourceDetailDocumentSidebar({ sectionId, className, breadcrumbs, breadcrumbsSlot, breadcrumbsClassName, title, titleClassName, article, articleSlot, articleClassName, sidebar, sidebarSlot, sidebarClassName, background, containerClassName, spacing, pattern, patternOpacity, optixFlowConfig, }: ResourceDetailDocumentSidebarProps): react_jsx_runtime.JSX.Element;
 
 export { ResourceDetailDocumentSidebar, type ResourceDetailDocumentSidebarProps };

package/dist/resource-detail-document-sidebar.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-RgHoLtLt.js';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-qC2HCInM.js';
 import { g as BreadcrumbItem, A as ActionConfig, a as AuthorInfo, O as OptixFlowConfig } from './blocks-DL92rOxr.js';
 import 'class-variance-authority';
 import '@page-speed/pressable';
@@ -136,6 +136,8 @@ interface ResourceDetailDocumentSidebarProps {
      * OptixFlow image optimization configuration
      */
     optixFlowConfig?: OptixFlowConfig;
+    /** Optional Section ID */
+    sectionId?: string;
 }
 /**
  * ResourceDetailDocumentSidebar - A document detail page with breadcrumb navigation,
@@ -168,6 +170,6 @@ interface ResourceDetailDocumentSidebarProps {
  * />
  * ```
  */
-declare function ResourceDetailDocumentSidebar({ className, breadcrumbs, breadcrumbsSlot, breadcrumbsClassName, title, titleClassName, article, articleSlot, articleClassName, sidebar, sidebarSlot, sidebarClassName, background, containerClassName, spacing, pattern, patternOpacity, optixFlowConfig, }: ResourceDetailDocumentSidebarProps): react_jsx_runtime.JSX.Element;
+declare function ResourceDetailDocumentSidebar({ sectionId, className, breadcrumbs, breadcrumbsSlot, breadcrumbsClassName, title, titleClassName, article, articleSlot, articleClassName, sidebar, sidebarSlot, sidebarClassName, background, containerClassName, spacing, pattern, patternOpacity, optixFlowConfig, }: ResourceDetailDocumentSidebarProps): react_jsx_runtime.JSX.Element;
 
 export { ResourceDetailDocumentSidebar, type ResourceDetailDocumentSidebarProps };

package/dist/resource-detail-document-sidebar.js

@@ -527,6 +527,7 @@ var Section = React__default.forwardRef(
 );
 Section.displayName = "Section";
 function ResourceDetailDocumentSidebar({
+  sectionId = "resource-detail-document-sidebar",
   className,
   breadcrumbs,
   breadcrumbsSlot,
@@ -689,6 +690,7 @@ function ResourceDetailDocumentSidebar({
   return /* @__PURE__ */ jsxs(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,

package/dist/resource-detail-whitepaper-sidebar.cjs

@@ -449,6 +449,7 @@ var Section = React__namespace.default.forwardRef(
 );
 Section.displayName = "Section";
 function ResourceDetailWhitepaperSidebar({
+  sectionId = "resource-detail-whitepaper-sidebar",
   className,
   sidebar,
   sidebarSlot,
@@ -671,6 +672,7 @@ function ResourceDetailWhitepaperSidebar({
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,

package/dist/resource-detail-whitepaper-sidebar.d.cts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-2nI4WPsD.cjs';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-D8cbIf_y.cjs';
 import { A as ActionConfig, O as OptixFlowConfig } from './blocks-DL92rOxr.cjs';
 import 'class-variance-authority';
 import '@page-speed/pressable';
@@ -141,6 +141,8 @@ interface ResourceDetailWhitepaperSidebarProps {
      * Aria label for the close viewer button
      */
     closeViewerAriaLabel?: string;
+    /** Optional Section ID */
+    sectionId?: string;
 }
 /**
  * ResourceDetailWhitepaperSidebar - A resource detail layout with a left sidebar
@@ -168,6 +170,6 @@ interface ResourceDetailWhitepaperSidebarProps {
  * />
  * ```
  */
-declare function ResourceDetailWhitepaperSidebar({ className, sidebar, sidebarSlot, sidebarClassName, article, articleSlot, articleClassName, background, spacing, pattern, patternOpacity, viewFullDocumentLabel, documentViewerLabel, closeViewerAriaLabel, }: ResourceDetailWhitepaperSidebarProps): react_jsx_runtime.JSX.Element;
+declare function ResourceDetailWhitepaperSidebar({ sectionId, className, sidebar, sidebarSlot, sidebarClassName, article, articleSlot, articleClassName, background, spacing, pattern, patternOpacity, viewFullDocumentLabel, documentViewerLabel, closeViewerAriaLabel, }: ResourceDetailWhitepaperSidebarProps): react_jsx_runtime.JSX.Element;
 
 export { ResourceDetailWhitepaperSidebar, type ResourceDetailWhitepaperSidebarProps };

package/dist/resource-detail-whitepaper-sidebar.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-RgHoLtLt.js';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-qC2HCInM.js';
 import { A as ActionConfig, O as OptixFlowConfig } from './blocks-DL92rOxr.js';
 import 'class-variance-authority';
 import '@page-speed/pressable';
@@ -141,6 +141,8 @@ interface ResourceDetailWhitepaperSidebarProps {
      * Aria label for the close viewer button
      */
     closeViewerAriaLabel?: string;
+    /** Optional Section ID */
+    sectionId?: string;
 }
 /**
  * ResourceDetailWhitepaperSidebar - A resource detail layout with a left sidebar
@@ -168,6 +170,6 @@ interface ResourceDetailWhitepaperSidebarProps {
  * />
  * ```
  */
-declare function ResourceDetailWhitepaperSidebar({ className, sidebar, sidebarSlot, sidebarClassName, article, articleSlot, articleClassName, background, spacing, pattern, patternOpacity, viewFullDocumentLabel, documentViewerLabel, closeViewerAriaLabel, }: ResourceDetailWhitepaperSidebarProps): react_jsx_runtime.JSX.Element;
+declare function ResourceDetailWhitepaperSidebar({ sectionId, className, sidebar, sidebarSlot, sidebarClassName, article, articleSlot, articleClassName, background, spacing, pattern, patternOpacity, viewFullDocumentLabel, documentViewerLabel, closeViewerAriaLabel, }: ResourceDetailWhitepaperSidebarProps): react_jsx_runtime.JSX.Element;
 
 export { ResourceDetailWhitepaperSidebar, type ResourceDetailWhitepaperSidebarProps };

package/dist/resource-detail-whitepaper-sidebar.js

@@ -428,6 +428,7 @@ var Section = React__default.forwardRef(
 );
 Section.displayName = "Section";
 function ResourceDetailWhitepaperSidebar({
+  sectionId = "resource-detail-whitepaper-sidebar",
   className,
   sidebar,
   sidebarSlot,
@@ -650,6 +651,7 @@ function ResourceDetailWhitepaperSidebar({
   return /* @__PURE__ */ jsxs(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,

package/dist/resource-list-course-cards.cjs

@@ -525,6 +525,7 @@ var Section = React__namespace.default.forwardRef(
 );
 Section.displayName = "Section";
 function ResourceListCourseCards({
+  sectionId = "resource-list-course-cards",
   className,
   courses,
   coursesSlot,
@@ -671,6 +672,7 @@ function ResourceListCourseCards({
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       className,

package/dist/resource-list-course-cards.d.cts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-2nI4WPsD.cjs';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-D8cbIf_y.cjs';
 import { O as OptixFlowConfig } from './blocks-DL92rOxr.cjs';
 import 'class-variance-authority';
 import '@page-speed/pressable';
@@ -138,6 +138,8 @@ interface ResourceListCourseCardsProps {
      * Default fallback label for videos count (defaults to "Videos")
      */
     defaultVideosLabel?: string;
+    /** Optional Section ID */
+    sectionId?: string;
 }
 /**
  * ResourceListCourseCards - A course/training listing with detailed metadata cards
@@ -155,6 +157,6 @@ interface ResourceListCourseCardsProps {
  * tutorial libraries, certification programs, and learning management systems
  * that need to showcase course details with instructor information.
  */
-declare function ResourceListCourseCards({ className, courses, coursesSlot, coursesClassName, courseCardClassName, courseContentClassName, courseVisualClassName, optixFlowConfig, background, spacing, pattern, patternOpacity, defaultLessonsLabel, defaultVideosLabel, }: ResourceListCourseCardsProps): react_jsx_runtime.JSX.Element;
+declare function ResourceListCourseCards({ sectionId, className, courses, coursesSlot, coursesClassName, courseCardClassName, courseContentClassName, courseVisualClassName, optixFlowConfig, background, spacing, pattern, patternOpacity, defaultLessonsLabel, defaultVideosLabel, }: ResourceListCourseCardsProps): react_jsx_runtime.JSX.Element;
 
 export { ResourceListCourseCards, type ResourceListCourseCardsProps };

package/dist/resource-list-course-cards.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-RgHoLtLt.js';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-qC2HCInM.js';
 import { O as OptixFlowConfig } from './blocks-DL92rOxr.js';
 import 'class-variance-authority';
 import '@page-speed/pressable';
@@ -138,6 +138,8 @@ interface ResourceListCourseCardsProps {
      * Default fallback label for videos count (defaults to "Videos")
      */
     defaultVideosLabel?: string;
+    /** Optional Section ID */
+    sectionId?: string;
 }
 /**
  * ResourceListCourseCards - A course/training listing with detailed metadata cards
@@ -155,6 +157,6 @@ interface ResourceListCourseCardsProps {
  * tutorial libraries, certification programs, and learning management systems
  * that need to showcase course details with instructor information.
  */
-declare function ResourceListCourseCards({ className, courses, coursesSlot, coursesClassName, courseCardClassName, courseContentClassName, courseVisualClassName, optixFlowConfig, background, spacing, pattern, patternOpacity, defaultLessonsLabel, defaultVideosLabel, }: ResourceListCourseCardsProps): react_jsx_runtime.JSX.Element;
+declare function ResourceListCourseCards({ sectionId, className, courses, coursesSlot, coursesClassName, courseCardClassName, courseContentClassName, courseVisualClassName, optixFlowConfig, background, spacing, pattern, patternOpacity, defaultLessonsLabel, defaultVideosLabel, }: ResourceListCourseCardsProps): react_jsx_runtime.JSX.Element;
 
 export { ResourceListCourseCards, type ResourceListCourseCardsProps };

package/dist/resource-list-course-cards.js

@@ -503,6 +503,7 @@ var Section = React__default.forwardRef(
 );
 Section.displayName = "Section";
 function ResourceListCourseCards({
+  sectionId = "resource-list-course-cards",
   className,
   courses,
   coursesSlot,
@@ -649,6 +650,7 @@ function ResourceListCourseCards({
   return /* @__PURE__ */ jsx(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       className,

package/dist/resource-list-featured-articles.cjs

@@ -551,6 +551,7 @@ var FeaturedPostComponent = ({
   );
 };
 function ResourceListFeaturedArticles({
+  sectionId = "resource-list-featured-articles",
   className,
   featuredPost,
   featuredPostSlot,
@@ -610,6 +611,7 @@ function ResourceListFeaturedArticles({
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       className,

package/dist/resource-list-featured-articles.d.cts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-2nI4WPsD.cjs';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-D8cbIf_y.cjs';
 import { O as OptixFlowConfig } from './blocks-DL92rOxr.cjs';
 import 'class-variance-authority';
 import '@page-speed/pressable';
@@ -119,6 +119,8 @@ interface ResourceListFeaturedArticlesProps {
      * Pattern overlay opacity (0-1)
      */
     patternOpacity?: number;
+    /** Optional Section ID */
+    sectionId?: string;
 }
 /**
  * ResourceListFeaturedArticles - A clean resource listing with a prominent featured post
@@ -135,6 +137,6 @@ interface ResourceListFeaturedArticlesProps {
  * knowledge bases, tutorial collections, and content hubs that want to
  * highlight a featured piece while providing easy access to other articles.
  */
-declare function ResourceListFeaturedArticles({ className, featuredPost, featuredPostSlot, featuredPostClassName, featuredBadgeText, featuredBadgeClassName, featuredButtonText, featuredButtonClassName, articlesTitle, articlesTitleClassName, articles, articlesSlot, articlesClassName, optixFlowConfig, background, spacing, pattern, patternOpacity, }: ResourceListFeaturedArticlesProps): react_jsx_runtime.JSX.Element;
+declare function ResourceListFeaturedArticles({ sectionId, className, featuredPost, featuredPostSlot, featuredPostClassName, featuredBadgeText, featuredBadgeClassName, featuredButtonText, featuredButtonClassName, articlesTitle, articlesTitleClassName, articles, articlesSlot, articlesClassName, optixFlowConfig, background, spacing, pattern, patternOpacity, }: ResourceListFeaturedArticlesProps): react_jsx_runtime.JSX.Element;
 
 export { ResourceListFeaturedArticles, type ResourceListFeaturedArticlesProps };

package/dist/resource-list-featured-articles.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-RgHoLtLt.js';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-qC2HCInM.js';
 import { O as OptixFlowConfig } from './blocks-DL92rOxr.js';
 import 'class-variance-authority';
 import '@page-speed/pressable';
@@ -119,6 +119,8 @@ interface ResourceListFeaturedArticlesProps {
      * Pattern overlay opacity (0-1)
      */
     patternOpacity?: number;
+    /** Optional Section ID */
+    sectionId?: string;
 }
 /**
  * ResourceListFeaturedArticles - A clean resource listing with a prominent featured post
@@ -135,6 +137,6 @@ interface ResourceListFeaturedArticlesProps {
  * knowledge bases, tutorial collections, and content hubs that want to
  * highlight a featured piece while providing easy access to other articles.
  */
-declare function ResourceListFeaturedArticles({ className, featuredPost, featuredPostSlot, featuredPostClassName, featuredBadgeText, featuredBadgeClassName, featuredButtonText, featuredButtonClassName, articlesTitle, articlesTitleClassName, articles, articlesSlot, articlesClassName, optixFlowConfig, background, spacing, pattern, patternOpacity, }: ResourceListFeaturedArticlesProps): react_jsx_runtime.JSX.Element;
+declare function ResourceListFeaturedArticles({ sectionId, className, featuredPost, featuredPostSlot, featuredPostClassName, featuredBadgeText, featuredBadgeClassName, featuredButtonText, featuredButtonClassName, articlesTitle, articlesTitleClassName, articles, articlesSlot, articlesClassName, optixFlowConfig, background, spacing, pattern, patternOpacity, }: ResourceListFeaturedArticlesProps): react_jsx_runtime.JSX.Element;
 
 export { ResourceListFeaturedArticles, type ResourceListFeaturedArticlesProps };

package/dist/resource-list-featured-articles.js

@@ -530,6 +530,7 @@ var FeaturedPostComponent = ({
   );
 };
 function ResourceListFeaturedArticles({
+  sectionId = "resource-list-featured-articles",
   className,
   featuredPost,
   featuredPostSlot,
@@ -589,6 +590,7 @@ function ResourceListFeaturedArticles({
   return /* @__PURE__ */ jsxs(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       className,

package/dist/resource-list-featured-grid.cjs

@@ -530,6 +530,7 @@ var Section = React__namespace.default.forwardRef(
 );
 Section.displayName = "Section";
 function ResourceListFeaturedGrid({
+  sectionId = "resource-list-featured-grid",
   className,
   title,
   titleClassName,
@@ -695,6 +696,7 @@ function ResourceListFeaturedGrid({
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       className,

package/dist/resource-list-featured-grid.d.cts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-2nI4WPsD.cjs';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-D8cbIf_y.cjs';
 import { O as OptixFlowConfig } from './blocks-DL92rOxr.cjs';
 import 'class-variance-authority';
 import '@page-speed/pressable';
@@ -177,6 +177,8 @@ interface ResourceListFeaturedGridProps {
      * Label for the "All" category in the filter tabs (defaults to "All")
      */
     allCategoryLabel?: React.ReactNode;
+    /** Optional Section ID */
+    sectionId?: string;
 }
 /**
  * ResourceListFeaturedGrid - A visually rich resource listing with featured article hero,
@@ -193,6 +195,6 @@ interface ResourceListFeaturedGridProps {
  * tech blogs, news portals, and content hubs that want to highlight featured
  * content while providing easy category-based navigation.
  */
-declare function ResourceListFeaturedGrid({ className, title, titleClassName, description, descriptionClassName, featuredArticle, featuredArticleSlot, featuredArticleClassName, secondaryArticles, secondaryArticlesSlot, secondaryArticlesClassName, articles, articlesSlot, articlesClassName, categories, categoriesClassName, latestUpdatesTitle, latestUpdatesTitleClassName, gridClassName, optixFlowConfig, background, spacing, pattern, patternOpacity, allCategoryLabel, }: ResourceListFeaturedGridProps): react_jsx_runtime.JSX.Element;
+declare function ResourceListFeaturedGrid({ sectionId, className, title, titleClassName, description, descriptionClassName, featuredArticle, featuredArticleSlot, featuredArticleClassName, secondaryArticles, secondaryArticlesSlot, secondaryArticlesClassName, articles, articlesSlot, articlesClassName, categories, categoriesClassName, latestUpdatesTitle, latestUpdatesTitleClassName, gridClassName, optixFlowConfig, background, spacing, pattern, patternOpacity, allCategoryLabel, }: ResourceListFeaturedGridProps): react_jsx_runtime.JSX.Element;
 
 export { ResourceListFeaturedGrid, type ResourceListFeaturedGridProps };

package/dist/resource-list-featured-grid.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-RgHoLtLt.js';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-qC2HCInM.js';
 import { O as OptixFlowConfig } from './blocks-DL92rOxr.js';
 import 'class-variance-authority';
 import '@page-speed/pressable';
@@ -177,6 +177,8 @@ interface ResourceListFeaturedGridProps {
      * Label for the "All" category in the filter tabs (defaults to "All")
      */
     allCategoryLabel?: React.ReactNode;
+    /** Optional Section ID */
+    sectionId?: string;
 }
 /**
  * ResourceListFeaturedGrid - A visually rich resource listing with featured article hero,
@@ -193,6 +195,6 @@ interface ResourceListFeaturedGridProps {
  * tech blogs, news portals, and content hubs that want to highlight featured
  * content while providing easy category-based navigation.
  */
-declare function ResourceListFeaturedGrid({ className, title, titleClassName, description, descriptionClassName, featuredArticle, featuredArticleSlot, featuredArticleClassName, secondaryArticles, secondaryArticlesSlot, secondaryArticlesClassName, articles, articlesSlot, articlesClassName, categories, categoriesClassName, latestUpdatesTitle, latestUpdatesTitleClassName, gridClassName, optixFlowConfig, background, spacing, pattern, patternOpacity, allCategoryLabel, }: ResourceListFeaturedGridProps): react_jsx_runtime.JSX.Element;
+declare function ResourceListFeaturedGrid({ sectionId, className, title, titleClassName, description, descriptionClassName, featuredArticle, featuredArticleSlot, featuredArticleClassName, secondaryArticles, secondaryArticlesSlot, secondaryArticlesClassName, articles, articlesSlot, articlesClassName, categories, categoriesClassName, latestUpdatesTitle, latestUpdatesTitleClassName, gridClassName, optixFlowConfig, background, spacing, pattern, patternOpacity, allCategoryLabel, }: ResourceListFeaturedGridProps): react_jsx_runtime.JSX.Element;
 
 export { ResourceListFeaturedGrid, type ResourceListFeaturedGridProps };

package/dist/resource-list-featured-grid.js

@@ -507,6 +507,7 @@ var Section = React__default.forwardRef(
 );
 Section.displayName = "Section";
 function ResourceListFeaturedGrid({
+  sectionId = "resource-list-featured-grid",
   className,
   title,
   titleClassName,
@@ -672,6 +673,7 @@ function ResourceListFeaturedGrid({
   return /* @__PURE__ */ jsxs(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       className,

package/dist/resource-list-news-updates.cjs

@@ -470,6 +470,7 @@ var Section = React__namespace.default.forwardRef(
 );
 Section.displayName = "Section";
 function ResourceListNewsUpdates({
+  sectionId = "resource-list-news-updates",
   className,
   sectionLabel,
   sectionLabelClassName,
@@ -529,6 +530,7 @@ function ResourceListNewsUpdates({
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       className,

package/dist/resource-list-news-updates.d.cts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-2nI4WPsD.cjs';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-D8cbIf_y.cjs';
 import './blocks-DL92rOxr.cjs';
 import 'class-variance-authority';
 import '@page-speed/pressable';
@@ -93,6 +93,8 @@ interface ResourceListNewsUpdatesProps {
      * Pattern overlay opacity (0-1)
      */
     patternOpacity?: number;
+    /** Optional Section ID */
+    sectionId?: string;
 }
 /**
  * ResourceListNewsUpdates - A news and updates listing with animated hover effects,
@@ -110,6 +112,6 @@ interface ResourceListNewsUpdatesProps {
  * announcement pages, changelog displays, and any content that benefits
  * from a timeline-style presentation with author attribution.
  */
-declare function ResourceListNewsUpdates({ className, sectionLabel, sectionLabelClassName, title, titleClassName, subtitle, subtitleClassName, news, newsSlot, newsClassName, contentClassName, background, spacing, pattern, patternOpacity, }: ResourceListNewsUpdatesProps): react_jsx_runtime.JSX.Element;
+declare function ResourceListNewsUpdates({ sectionId, className, sectionLabel, sectionLabelClassName, title, titleClassName, subtitle, subtitleClassName, news, newsSlot, newsClassName, contentClassName, background, spacing, pattern, patternOpacity, }: ResourceListNewsUpdatesProps): react_jsx_runtime.JSX.Element;
 
 export { ResourceListNewsUpdates, type ResourceListNewsUpdatesProps };

package/dist/resource-list-news-updates.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-RgHoLtLt.js';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-qC2HCInM.js';
 import './blocks-DL92rOxr.js';
 import 'class-variance-authority';
 import '@page-speed/pressable';
@@ -93,6 +93,8 @@ interface ResourceListNewsUpdatesProps {
      * Pattern overlay opacity (0-1)
      */
     patternOpacity?: number;
+    /** Optional Section ID */
+    sectionId?: string;
 }
 /**
  * ResourceListNewsUpdates - A news and updates listing with animated hover effects,
@@ -110,6 +112,6 @@ interface ResourceListNewsUpdatesProps {
  * announcement pages, changelog displays, and any content that benefits
  * from a timeline-style presentation with author attribution.
  */
-declare function ResourceListNewsUpdates({ className, sectionLabel, sectionLabelClassName, title, titleClassName, subtitle, subtitleClassName, news, newsSlot, newsClassName, contentClassName, background, spacing, pattern, patternOpacity, }: ResourceListNewsUpdatesProps): react_jsx_runtime.JSX.Element;
+declare function ResourceListNewsUpdates({ sectionId, className, sectionLabel, sectionLabelClassName, title, titleClassName, subtitle, subtitleClassName, news, newsSlot, newsClassName, contentClassName, background, spacing, pattern, patternOpacity, }: ResourceListNewsUpdatesProps): react_jsx_runtime.JSX.Element;
 
 export { ResourceListNewsUpdates, type ResourceListNewsUpdatesProps };

package/dist/resource-list-news-updates.js

@@ -447,6 +447,7 @@ var Section = React__default.forwardRef(
 );
 Section.displayName = "Section";
 function ResourceListNewsUpdates({
+  sectionId = "resource-list-news-updates",
   className,
   sectionLabel,
   sectionLabelClassName,
@@ -506,6 +507,7 @@ function ResourceListNewsUpdates({
   return /* @__PURE__ */ jsx(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       className,

package/dist/section.d.cts

@@ -1,5 +1,5 @@
 import React__default from 'react';
-import { r as SectionProps } from './community-initiatives-2nI4WPsD.cjs';
+import { r as SectionProps } from './community-initiatives-D8cbIf_y.cjs';
 import './blocks-DL92rOxr.cjs';
 import 'class-variance-authority';
 import '@page-speed/pressable';

package/dist/section.d.ts

@@ -1,5 +1,5 @@
 import React__default from 'react';
-import { r as SectionProps } from './community-initiatives-RgHoLtLt.js';
+import { r as SectionProps } from './community-initiatives-qC2HCInM.js';
 import './blocks-DL92rOxr.js';
 import 'class-variance-authority';
 import '@page-speed/pressable';

package/dist/service-detail-centered-expertise.cjs

@@ -448,6 +448,7 @@ var Section = React__namespace.default.forwardRef(
 );
 Section.displayName = "Section";
 function ServiceDetailCenteredExpertise({
+  sectionId = "service-detail-centered-expertise",
   title,
   titleClassName,
   serviceIcon,
@@ -640,6 +641,7 @@ function ServiceDetailCenteredExpertise({
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
+      id: sectionId,
       className,
       background,
       spacing,