@opensite/ui 0.5.3 → 0.5.5

package/dist/case-study-toc-social-sidebar.d.cts

@@ -1,5 +1,8 @@
 import * as React from 'react';
+import { P as PatternName } from './pattern-background-a7gKHzHy.cjs';
+import { SectionBackground, SectionSpacing } from './types.cjs';
 import { g as BreadcrumbItem, h as AuthorInfo, D as DetailItem, j as OutcomeItem, i as SectionItem, O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
+import 'react/jsx-runtime';
 import 'class-variance-authority';
 import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
@@ -63,31 +66,31 @@ interface CaseStudyTocSocialSidebarProps {
      */
     authorLabel?: React.ReactNode;
     /**
-     * Company logo URL
+     * Logo image URL
      */
     companyLogoSrc?: string;
     /**
-     * Company logo alt text
+     * Logo image alt text
      */
     companyLogoAlt?: string;
     /**
-     * Custom slot for company logo (overrides companyLogoSrc)
+     * Custom slot for logo (overrides companyLogoSrc)
      */
     companyLogoSlot?: React.ReactNode;
     /**
-     * Array of detail items for the sidebar (replaces individual company props)
+     * Array of detail items for the sidebar
      */
     details?: DetailItem[];
     /**
-     * Problem description text
+     * Primary challenge description text
      */
     problem?: React.ReactNode;
     /**
-     * Approach description text
+     * Solution approach description text
      */
     approach?: React.ReactNode;
     /**
-     * Array of outcome items
+     * Array of result items
      */
     outcomes?: OutcomeItem[];
     /**
@@ -126,6 +129,22 @@ interface CaseStudyTocSocialSidebarProps {
      * Label text for TOC section
      */
     tocLabel?: React.ReactNode;
+    /**
+     * Background style for the section
+     */
+    background?: SectionBackground;
+    /**
+     * Vertical spacing for the section
+     */
+    spacing?: SectionSpacing;
+    /**
+     * Optional background pattern name or URL
+     */
+    pattern?: PatternName | undefined;
+    /**
+     * Pattern overlay opacity (0-1)
+     */
+    patternOpacity?: number;
     /**
      * Additional CSS classes for the section
      */
@@ -196,28 +215,28 @@ interface CaseStudyTocSocialSidebarProps {
     optixFlowConfig?: OptixFlowConfig;
 }
 /**
- * CaseStudyTocSocialSidebar displays a comprehensive case study with breadcrumb
- * navigation, featured author, sticky sidebar with company details, table of
+ * CaseStudyTocSocialSidebar displays a detailed content page with breadcrumb
+ * navigation, featured author, sticky sidebar with details, table of
  * contents navigation, and social sharing links.
  *
- * Features a three-column layout on large screens: left sidebar with company info
- * and social links, center content area with problem/approach/outcomes summary
+ * Features a three-column layout on large screens: left sidebar with logo
+ * and social links, center content area with summary sections
  * followed by prose sections, and right sidebar with sticky table of contents.
  * The header includes breadcrumbs, large title, and author attribution with avatar.
  * Each content section is tracked via IntersectionObserver for active TOC highlighting.
  *
- * Ideal for in-depth case studies, customer success stories, or detailed articles
- * that benefit from structured navigation and comprehensive company context.
+ * Ideal for long-form content, detailed articles, or comprehensive pages
+ * that benefit from structured navigation and contextual information.
  *
  * @example
  * ```tsx
  * <CaseStudyTocSocialSidebar
  *   title="How this tool helps teams achieve efficient workflows"
- *   author={{ name: "Jane Doe", role: "Senior Product Manager", avatarSrc: "/avatars/jane.jpg" }}
- *   companyLogoSrc="/logos/company.svg"
+ *   author={{ name: "Jane Doe", role: "Content Author", avatarSrc: "/avatars/jane.jpg" }}
+ *   companyLogoSrc="/logos/logo.svg"
  *   details={[
  *     { label: "Overview", value: "A modern platform designed to simplify workflows" },
- *     { label: "Sector", value: "Technology; Automation" }
+ *     { label: "Category", value: "Technology; Automation" }
  *   ]}
  *   sections={[
  *     { id: "intro", title: "Introduction", content: <p>...</p> }
@@ -225,6 +244,6 @@ interface CaseStudyTocSocialSidebarProps {
  * />
  * ```
  */
-declare function CaseStudyTocSocialSidebar({ breadcrumbs, breadcrumbsSlot, title, heroImageSrc, heroImageAlt, heroMediaSlot, author, authorSlot, authorLabel, companyLogoSrc, companyLogoAlt, companyLogoSlot, details, problem, approach, outcomes, summarySlot, sections, contentSlot, socialLinks, socialLinksSlot, socialLinksLabel, sidebarSlot, tocSlot, tocLabel, className, containerClassName, headerClassName, breadcrumbsClassName, titleClassName, heroImageClassName, authorClassName, layoutClassName, sidebarClassName, companyLogoClassName, detailItemClassName, mainClassName, summaryClassName, proseClassName, tocClassName, socialLinksClassName, optixFlowConfig, }: CaseStudyTocSocialSidebarProps): React.JSX.Element;
+declare function CaseStudyTocSocialSidebar({ breadcrumbs, breadcrumbsSlot, title, heroImageSrc, heroImageAlt, heroMediaSlot, author, authorSlot, authorLabel, companyLogoSrc, companyLogoAlt, companyLogoSlot, details, problem, approach, outcomes, summarySlot, sections, contentSlot, socialLinks, socialLinksSlot, socialLinksLabel, sidebarSlot, tocSlot, tocLabel, background, spacing, pattern, patternOpacity, className, containerClassName, headerClassName, breadcrumbsClassName, titleClassName, heroImageClassName, authorClassName, layoutClassName, sidebarClassName, companyLogoClassName, detailItemClassName, mainClassName, summaryClassName, proseClassName, tocClassName, socialLinksClassName, optixFlowConfig, }: CaseStudyTocSocialSidebarProps): React.JSX.Element;
 
 export { CaseStudyTocSocialSidebar, type CaseStudyTocSocialSidebarProps, type SocialLinkItem };

package/dist/case-study-toc-social-sidebar.d.ts

@@ -1,5 +1,8 @@
 import * as React from 'react';
+import { P as PatternName } from './pattern-background-a7gKHzHy.js';
+import { SectionBackground, SectionSpacing } from './types.js';
 import { g as BreadcrumbItem, h as AuthorInfo, D as DetailItem, j as OutcomeItem, i as SectionItem, O as OptixFlowConfig } from './blocks-k17uluAz.js';
+import 'react/jsx-runtime';
 import 'class-variance-authority';
 import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
@@ -63,31 +66,31 @@ interface CaseStudyTocSocialSidebarProps {
      */
     authorLabel?: React.ReactNode;
     /**
-     * Company logo URL
+     * Logo image URL
      */
     companyLogoSrc?: string;
     /**
-     * Company logo alt text
+     * Logo image alt text
      */
     companyLogoAlt?: string;
     /**
-     * Custom slot for company logo (overrides companyLogoSrc)
+     * Custom slot for logo (overrides companyLogoSrc)
      */
     companyLogoSlot?: React.ReactNode;
     /**
-     * Array of detail items for the sidebar (replaces individual company props)
+     * Array of detail items for the sidebar
      */
     details?: DetailItem[];
     /**
-     * Problem description text
+     * Primary challenge description text
      */
     problem?: React.ReactNode;
     /**
-     * Approach description text
+     * Solution approach description text
      */
     approach?: React.ReactNode;
     /**
-     * Array of outcome items
+     * Array of result items
      */
     outcomes?: OutcomeItem[];
     /**
@@ -126,6 +129,22 @@ interface CaseStudyTocSocialSidebarProps {
      * Label text for TOC section
      */
     tocLabel?: React.ReactNode;
+    /**
+     * Background style for the section
+     */
+    background?: SectionBackground;
+    /**
+     * Vertical spacing for the section
+     */
+    spacing?: SectionSpacing;
+    /**
+     * Optional background pattern name or URL
+     */
+    pattern?: PatternName | undefined;
+    /**
+     * Pattern overlay opacity (0-1)
+     */
+    patternOpacity?: number;
     /**
      * Additional CSS classes for the section
      */
@@ -196,28 +215,28 @@ interface CaseStudyTocSocialSidebarProps {
     optixFlowConfig?: OptixFlowConfig;
 }
 /**
- * CaseStudyTocSocialSidebar displays a comprehensive case study with breadcrumb
- * navigation, featured author, sticky sidebar with company details, table of
+ * CaseStudyTocSocialSidebar displays a detailed content page with breadcrumb
+ * navigation, featured author, sticky sidebar with details, table of
  * contents navigation, and social sharing links.
  *
- * Features a three-column layout on large screens: left sidebar with company info
- * and social links, center content area with problem/approach/outcomes summary
+ * Features a three-column layout on large screens: left sidebar with logo
+ * and social links, center content area with summary sections
  * followed by prose sections, and right sidebar with sticky table of contents.
  * The header includes breadcrumbs, large title, and author attribution with avatar.
  * Each content section is tracked via IntersectionObserver for active TOC highlighting.
  *
- * Ideal for in-depth case studies, customer success stories, or detailed articles
- * that benefit from structured navigation and comprehensive company context.
+ * Ideal for long-form content, detailed articles, or comprehensive pages
+ * that benefit from structured navigation and contextual information.
  *
  * @example
  * ```tsx
  * <CaseStudyTocSocialSidebar
  *   title="How this tool helps teams achieve efficient workflows"
- *   author={{ name: "Jane Doe", role: "Senior Product Manager", avatarSrc: "/avatars/jane.jpg" }}
- *   companyLogoSrc="/logos/company.svg"
+ *   author={{ name: "Jane Doe", role: "Content Author", avatarSrc: "/avatars/jane.jpg" }}
+ *   companyLogoSrc="/logos/logo.svg"
  *   details={[
  *     { label: "Overview", value: "A modern platform designed to simplify workflows" },
- *     { label: "Sector", value: "Technology; Automation" }
+ *     { label: "Category", value: "Technology; Automation" }
  *   ]}
  *   sections={[
  *     { id: "intro", title: "Introduction", content: <p>...</p> }
@@ -225,6 +244,6 @@ interface CaseStudyTocSocialSidebarProps {
  * />
  * ```
  */
-declare function CaseStudyTocSocialSidebar({ breadcrumbs, breadcrumbsSlot, title, heroImageSrc, heroImageAlt, heroMediaSlot, author, authorSlot, authorLabel, companyLogoSrc, companyLogoAlt, companyLogoSlot, details, problem, approach, outcomes, summarySlot, sections, contentSlot, socialLinks, socialLinksSlot, socialLinksLabel, sidebarSlot, tocSlot, tocLabel, className, containerClassName, headerClassName, breadcrumbsClassName, titleClassName, heroImageClassName, authorClassName, layoutClassName, sidebarClassName, companyLogoClassName, detailItemClassName, mainClassName, summaryClassName, proseClassName, tocClassName, socialLinksClassName, optixFlowConfig, }: CaseStudyTocSocialSidebarProps): React.JSX.Element;
+declare function CaseStudyTocSocialSidebar({ breadcrumbs, breadcrumbsSlot, title, heroImageSrc, heroImageAlt, heroMediaSlot, author, authorSlot, authorLabel, companyLogoSrc, companyLogoAlt, companyLogoSlot, details, problem, approach, outcomes, summarySlot, sections, contentSlot, socialLinks, socialLinksSlot, socialLinksLabel, sidebarSlot, tocSlot, tocLabel, background, spacing, pattern, patternOpacity, className, containerClassName, headerClassName, breadcrumbsClassName, titleClassName, heroImageClassName, authorClassName, layoutClassName, sidebarClassName, companyLogoClassName, detailItemClassName, mainClassName, summaryClassName, proseClassName, tocClassName, socialLinksClassName, optixFlowConfig, }: CaseStudyTocSocialSidebarProps): React.JSX.Element;
 
 export { CaseStudyTocSocialSidebar, type CaseStudyTocSocialSidebarProps, type SocialLinkItem };