@salesmind-ai/design-system 1.9.0 → 1.10.0

package/dist/{SectionShell-CrgrzWK6.d.cts → SectionShell-C_pxaLbf.d.cts}

@@ -6,6 +6,14 @@ interface SectionHeaderProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title
     eyebrow?: React__default.ReactNode;
     align?: 'left' | 'center' | 'right';
     size?: 'compact' | 'default' | 'large';
+    /**
+     * The heading element rendered for `title`. Defaults to `'h2'` so section
+     * headers stay below the page `h1`. Set to `'h1'` when this header is the
+     * primary heading of the page (one per page) to keep a valid document
+     * outline. Styling is class-driven (`.ds-section-header__title`), so the
+     * tag change is purely semantic — the visual size is unchanged.
+     */
+    titleAs?: React__default.ElementType;
 }
 declare const SectionHeader: React__default.ForwardRefExoticComponent<SectionHeaderProps & React__default.RefAttributes<HTMLDivElement>>;
 interface SectionShellProps extends HTMLAttributes<HTMLDivElement> {

package/dist/{SectionShell-CrgrzWK6.d.ts → SectionShell-C_pxaLbf.d.ts}

@@ -6,6 +6,14 @@ interface SectionHeaderProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title
     eyebrow?: React__default.ReactNode;
     align?: 'left' | 'center' | 'right';
     size?: 'compact' | 'default' | 'large';
+    /**
+     * The heading element rendered for `title`. Defaults to `'h2'` so section
+     * headers stay below the page `h1`. Set to `'h1'` when this header is the
+     * primary heading of the page (one per page) to keep a valid document
+     * outline. Styling is class-driven (`.ds-section-header__title`), so the
+     * tag change is purely semantic — the visual size is unchanged.
+     */
+    titleAs?: React__default.ElementType;
 }
 declare const SectionHeader: React__default.ForwardRefExoticComponent<SectionHeaderProps & React__default.RefAttributes<HTMLDivElement>>;
 interface SectionShellProps extends HTMLAttributes<HTMLDivElement> {

package/dist/{StatsSection-WaiVrRH0.d.cts → StatsSection-CKTgV4Z1.d.cts}

@@ -1,5 +1,5 @@
 import React__default from 'react';
-import { a as SectionShellProps } from './SectionShell-CrgrzWK6.cjs';
+import { a as SectionShellProps } from './SectionShell-C_pxaLbf.cjs';
 
 interface HeroSectionProps extends Omit<SectionShellProps, 'title'> {
     variant?: 'left' | 'center' | 'split';

package/dist/{StatsSection-BvgUXtrd.d.ts → StatsSection-DjFHz0nM.d.ts}

@@ -1,5 +1,5 @@
 import React__default from 'react';
-import { a as SectionShellProps } from './SectionShell-CrgrzWK6.js';
+import { a as SectionShellProps } from './SectionShell-C_pxaLbf.js';
 
 interface HeroSectionProps extends Omit<SectionShellProps, 'title'> {
     variant?: 'left' | 'center' | 'split';

package/dist/blog/index.cjs

@@ -1,42 +1,42 @@
 'use strict';
 
-var chunk65DTHLVX_cjs = require('../chunk-65DTHLVX.cjs');
+var chunkWUKUWW7U_cjs = require('../chunk-WUKUWW7U.cjs');
 require('../chunk-VM7WFMKI.cjs');
 require('../chunk-SGYXYMKZ.cjs');
 require('../chunk-VC5LMUVQ.cjs');
 require('../chunk-GPHQGLR5.cjs');
-require('../chunk-6QIQCUYC.cjs');
+require('../chunk-HWEIKJCR.cjs');
 require('../chunk-LJADZITX.cjs');
 
 
 
 Object.defineProperty(exports, "ArticleCard", {
   enumerable: true,
-  get: function () { return chunk65DTHLVX_cjs.ArticleCard; }
+  get: function () { return chunkWUKUWW7U_cjs.ArticleCard; }
 });
 Object.defineProperty(exports, "AuthorBio", {
   enumerable: true,
-  get: function () { return chunk65DTHLVX_cjs.AuthorBio; }
+  get: function () { return chunkWUKUWW7U_cjs.AuthorBio; }
 });
 Object.defineProperty(exports, "BrowserFrame", {
   enumerable: true,
-  get: function () { return chunk65DTHLVX_cjs.BrowserFrame; }
+  get: function () { return chunkWUKUWW7U_cjs.BrowserFrame; }
 });
 Object.defineProperty(exports, "LongFormLayout", {
   enumerable: true,
-  get: function () { return chunk65DTHLVX_cjs.LongFormLayout; }
+  get: function () { return chunkWUKUWW7U_cjs.LongFormLayout; }
 });
 Object.defineProperty(exports, "ReadingProgress", {
   enumerable: true,
-  get: function () { return chunk65DTHLVX_cjs.ReadingProgress; }
+  get: function () { return chunkWUKUWW7U_cjs.ReadingProgress; }
 });
 Object.defineProperty(exports, "RelatedContent", {
   enumerable: true,
-  get: function () { return chunk65DTHLVX_cjs.RelatedContent; }
+  get: function () { return chunkWUKUWW7U_cjs.RelatedContent; }
 });
 Object.defineProperty(exports, "TableOfContents", {
   enumerable: true,
-  get: function () { return chunk65DTHLVX_cjs.TableOfContents; }
+  get: function () { return chunkWUKUWW7U_cjs.TableOfContents; }
 });
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.cjs.map

package/dist/blog/index.d.cts

@@ -1,5 +1,5 @@
 import React__default from 'react';
-import { a as SectionShellProps } from '../SectionShell-CrgrzWK6.cjs';
+import { a as SectionShellProps } from '../SectionShell-C_pxaLbf.cjs';
 
 interface ArticleCardProps extends Omit<React__default.AnchorHTMLAttributes<HTMLAnchorElement>, 'href'> {
     /** Target URL */

package/dist/blog/index.d.ts

@@ -1,5 +1,5 @@
 import React__default from 'react';
-import { a as SectionShellProps } from '../SectionShell-CrgrzWK6.js';
+import { a as SectionShellProps } from '../SectionShell-C_pxaLbf.js';
 
 interface ArticleCardProps extends Omit<React__default.AnchorHTMLAttributes<HTMLAnchorElement>, 'href'> {
     /** Target URL */

package/dist/blog/index.js

@@ -1,9 +1,9 @@
-export { ArticleCard, AuthorBio, BrowserFrame, LongFormLayout, ReadingProgress, RelatedContent, TableOfContents } from '../chunk-CLXLQCNQ.js';
+export { ArticleCard, AuthorBio, BrowserFrame, LongFormLayout, ReadingProgress, RelatedContent, TableOfContents } from '../chunk-ICELMF2C.js';
 import '../chunk-Y3CPKNB7.js';
 import '../chunk-SFXTB7JL.js';
 import '../chunk-2GARWEJK.js';
 import '../chunk-RSLA2FJN.js';
-import '../chunk-AMNY5TS3.js';
+import '../chunk-MPOYZNAA.js';
 import '../chunk-KJ2OXQF4.js';
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map

package/dist/{chunk-CVLD5RQK.cjs → chunk-32B2EWHK.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunk6QIQCUYC_cjs = require('./chunk-6QIQCUYC.cjs');
+var chunkHWEIKJCR_cjs = require('./chunk-HWEIKJCR.cjs');
 var react = require('react');
 var clsx = require('clsx');
 var jsxRuntime = require('react/jsx-runtime');
@@ -49,7 +49,7 @@ var HeroSection = react.forwardRef(
       floatingElement && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx__default.default("ds-hero__float", `ds-hero__float--${floatingPosition}`), children: floatingElement })
     ] });
     return /* @__PURE__ */ jsxRuntime.jsx(
-      chunk6QIQCUYC_cjs.SectionShell,
+      chunkHWEIKJCR_cjs.SectionShell,
       {
         ref,
         className: clsx__default.default(
@@ -125,8 +125,8 @@ var FeatureSection = react.forwardRef(
     className,
     ...props
   }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsxs(chunk6QIQCUYC_cjs.SectionShell, { ref, className: clsx__default.default("ds-feature-section", className), ...props, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(chunk6QIQCUYC_cjs.SectionHeader, { title, subtitle, eyebrow, align: alignHeader }),
+    return /* @__PURE__ */ jsxRuntime.jsxs(chunkHWEIKJCR_cjs.SectionShell, { ref, className: clsx__default.default("ds-feature-section", className), ...props, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(chunkHWEIKJCR_cjs.SectionHeader, { title, subtitle, eyebrow, align: alignHeader }),
       variant === "grid" ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx__default.default("ds-feature-grid", `ds-feature-grid--${columns}-col`), children: features.map((feature, index) => /* @__PURE__ */ jsxRuntime.jsx(FeatureCard, { item: feature }, index)) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ds-feature-zigzag", children: features.map((feature, index) => /* @__PURE__ */ jsxRuntime.jsx(FeatureRow, { item: feature }, index)) })
     ] });
   }
@@ -166,14 +166,14 @@ var CTASection = react.forwardRef(
       ] }),
       children
     ] });
-    return /* @__PURE__ */ jsxRuntime.jsx(chunk6QIQCUYC_cjs.SectionShell, { ref, className: clsx__default.default(className), ...props, children: isBoxed ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ds-cta-card", children: Content }) : Content });
+    return /* @__PURE__ */ jsxRuntime.jsx(chunkHWEIKJCR_cjs.SectionShell, { ref, className: clsx__default.default(className), ...props, children: isBoxed ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ds-cta-card", children: Content }) : Content });
   }
 );
 CTASection.displayName = "CTASection";
 var StatsSection = react.forwardRef(
   ({ stats, columns = 4, title, subtitle, eyebrow, className, ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsxs(chunk6QIQCUYC_cjs.SectionShell, { ref, className: clsx__default.default("ds-stats-section", className), ...props, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(chunk6QIQCUYC_cjs.SectionHeader, { title, subtitle, eyebrow }),
+    return /* @__PURE__ */ jsxRuntime.jsxs(chunkHWEIKJCR_cjs.SectionShell, { ref, className: clsx__default.default("ds-stats-section", className), ...props, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(chunkHWEIKJCR_cjs.SectionHeader, { title, subtitle, eyebrow }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ds-stats-grid", style: { "--stats-columns": columns }, children: stats.map((stat, idx) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ds-stat-card", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ds-stat-value", children: [
           stat.prefix,
@@ -192,4 +192,4 @@ exports.FeatureSection = FeatureSection;
 exports.HeroSection = HeroSection;
 exports.StatsSection = StatsSection;
 //# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-CVLD5RQK.cjs.map
+//# sourceMappingURL=chunk-32B2EWHK.cjs.map

package/dist/{chunk-6QIQCUYC.cjs → chunk-HWEIKJCR.cjs}

@@ -10,7 +10,16 @@ var clsx__default = /*#__PURE__*/_interopDefault(clsx);
 
 // src/components/SectionShell/SectionShell.tsx
 var SectionHeader = react.forwardRef(
-  ({ title, subtitle, eyebrow, align = "center", size = "default", className, ...props }, ref) => {
+  ({
+    title,
+    subtitle,
+    eyebrow,
+    align = "center",
+    size = "default",
+    titleAs: TitleElement = "h2",
+    className,
+    ...props
+  }, ref) => {
     if (!title && !subtitle && !eyebrow) return null;
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "header",
@@ -26,7 +35,7 @@ var SectionHeader = react.forwardRef(
         ...props,
         children: [
           eyebrow && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ds-section-header__eyebrow", children: eyebrow }),
-          title && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "ds-section-header__title", children: title }),
+          title && /* @__PURE__ */ jsxRuntime.jsx(TitleElement, { className: "ds-section-header__title", children: title }),
           subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "ds-section-header__subtitle", children: subtitle })
         ]
       }
@@ -73,4 +82,4 @@ SectionShell.displayName = "SectionShell";
 exports.SectionHeader = SectionHeader;
 exports.SectionShell = SectionShell;
 //# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-6QIQCUYC.cjs.map
+//# sourceMappingURL=chunk-HWEIKJCR.cjs.map

package/dist/chunk-HWEIKJCR.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/SectionShell/SectionShell.tsx"],"names":[],"mappings":";AAAA,SAAgB,kBAAkC;AAClD,OAAO,UAAU;AAwCX,SAWc,KAXd;AAjBC,IAAM,gBAAgB;AAAA,EAC3B,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,SAAS,eAAe;AAAA,IACxB;AAAA,IACA,GAAG;AAAA,EACL,GACA,QACG;AACH,QAAI,CAAC,SAAS,CAAC,YAAY,CAAC,QAAS,QAAO;AAE5C,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW;AAAA,UACT;AAAA,UACA,sBAAsB,KAAK;AAAA,UAC3B,SAAS,aAAa;AAAA,UACtB,SAAS,WAAW;AAAA,UACpB;AAAA,QACF;AAAA,QACC,GAAG;AAAA,QAEH;AAAA,qBAAW,oBAAC,UAAK,WAAU,8BAA8B,mBAAQ;AAAA,UACjE,SAAS,oBAAC,gBAAa,WAAU,4BAA4B,iBAAM;AAAA,UACnE,YAAY,oBAAC,OAAE,WAAU,+BAA+B,oBAAS;AAAA;AAAA;AAAA,IACpE;AAAA,EAEJ;AACF;AACA,cAAc,cAAc;AAcrB,IAAM,eAAe;AAAA,EAC1B,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA,aAAa;AAAA,IACb,UAAU;AAAA,IACV;AAAA,IACA,iBAAiB;AAAA,IACjB,GAAG;AAAA,EACL,GACA,QACG;AACH,UAAM,uBAA+C;AAAA,MACnD,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,OAAO;AAAA,IACT;AACA,UAAM,WAAW,iBACb,SACA,gBACG,qBAAqB,aAAa,KAAK,uCACxC;AAEN,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW;AAAA,UACT;AAAA,UACA,kBAAkB,UAAU;AAAA,UAC5B,uBAAuB,OAAO;AAAA,UAC9B;AAAA,QACF;AAAA,QACC,GAAG;AAAA,QAEJ,8BAAC,SAAI,OAAO,EAAC,UAAU,cAAc,QAAQ,eAAe,kBAAkB,OAAO,OAAM,GACxF,UACH;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AACA,aAAa,cAAc","sourcesContent":["import React, { forwardRef, HTMLAttributes } from 'react';\nimport clsx from 'clsx';\nimport './SectionShell.css';\n\n/* ============================================================================\n   Section Header Component\n   ============================================================================ */\n\nexport interface SectionHeaderProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {\n  title?: React.ReactNode;\n  subtitle?: React.ReactNode;\n  eyebrow?: React.ReactNode;\n  align?: 'left' | 'center' | 'right';\n  size?: 'compact' | 'default' | 'large';\n  /**\n   * The heading element rendered for `title`. Defaults to `'h2'` so section\n   * headers stay below the page `h1`. Set to `'h1'` when this header is the\n   * primary heading of the page (one per page) to keep a valid document\n   * outline. Styling is class-driven (`.ds-section-header__title`), so the\n   * tag change is purely semantic — the visual size is unchanged.\n   */\n  titleAs?: React.ElementType;\n}\n\nexport const SectionHeader = forwardRef<HTMLDivElement, SectionHeaderProps>(\n  (\n    {\n      title,\n      subtitle,\n      eyebrow,\n      align = 'center',\n      size = 'default',\n      titleAs: TitleElement = 'h2',\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    if (!title && !subtitle && !eyebrow) return null;\n\n    return (\n      <header\n        ref={ref}\n        className={clsx(\n          'ds-section-header',\n          `ds-section-header--${align}`,\n          size === 'compact' && 'ds-section-header--compact',\n          size === 'large' && 'ds-section-header--large',\n          className,\n        )}\n        {...props}\n      >\n        {eyebrow && <span className=\"ds-section-header__eyebrow\">{eyebrow}</span>}\n        {title && <TitleElement className=\"ds-section-header__title\">{title}</TitleElement>}\n        {subtitle && <p className=\"ds-section-header__subtitle\">{subtitle}</p>}\n      </header>\n    );\n  },\n);\nSectionHeader.displayName = 'SectionHeader';\n\n/* ============================================================================\n   Section Shell Component\n   ============================================================================ */\n\nexport interface SectionShellProps extends HTMLAttributes<HTMLDivElement> {\n  children?: React.ReactNode;\n  background?: 'default' | 'muted' | 'brand' | 'transparent' | 'dark';\n  padding?: 'none' | 'sm' | 'md' | 'lg';\n  containerSize?: 'sm' | 'md' | 'lg' | 'xl' | 'fluid'; // Maps to Container max-width\n  containerFluid?: boolean;\n}\n\nexport const SectionShell = forwardRef<HTMLDivElement, SectionShellProps>(\n  (\n    {\n      className,\n      children,\n      background = 'default',\n      padding = 'md',\n      containerSize,\n      containerFluid = false,\n      ...props\n    },\n    ref,\n  ) => {\n    const containerMaxWidthMap: Record<string, string> = {\n      sm: 'var(--container-max-width-sm, 640px)',\n      md: 'var(--container-max-width-md, 768px)',\n      lg: 'var(--container-max-width-lg, 1024px)',\n      xl: 'var(--container-max-width-xl, 1280px)',\n      fluid: 'none',\n    };\n    const maxWidth = containerFluid\n      ? 'none'\n      : containerSize\n        ? (containerMaxWidthMap[containerSize] ?? 'var(--container-max-width, 1200px)')\n        : 'var(--container-max-width, 1200px)';\n\n    return (\n      <section\n        ref={ref}\n        className={clsx(\n          'ds-section',\n          `ds-section--bg-${background}`,\n          `ds-section--padding-${padding}`,\n          className,\n        )}\n        {...props}\n      >\n        <div style={{maxWidth, marginInline: 'auto', paddingInline: 'var(--space-4)', width: '100%'}}>\n          {children}\n        </div>\n      </section>\n    );\n  },\n);\nSectionShell.displayName = 'SectionShell';\n"]}

package/dist/{chunk-CLXLQCNQ.js → chunk-ICELMF2C.js}

@@ -1,7 +1,7 @@
 import { Avatar, AvatarImage, AvatarFallback } from './chunk-Y3CPKNB7.js';
 import { useMessage } from './chunk-SFXTB7JL.js';
 import { useAnalytics } from './chunk-2GARWEJK.js';
-import { SectionShell, SectionHeader } from './chunk-AMNY5TS3.js';
+import { SectionShell, SectionHeader } from './chunk-MPOYZNAA.js';
 import { OutboundLink } from './chunk-KJ2OXQF4.js';
 import React6, { forwardRef, useState, useEffect, useRef } from 'react';
 import clsx4 from 'clsx';
@@ -366,4 +366,4 @@ ReadingProgress.displayName = "ReadingProgress";
 
 export { ArticleCard, AuthorBio, BrowserFrame, LongFormLayout, ReadingProgress, RelatedContent, TableOfContents };
 //# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-CLXLQCNQ.js.map
+//# sourceMappingURL=chunk-ICELMF2C.js.map

package/dist/{chunk-TPZ3PKSF.js → chunk-IQQSEYJP.js}

@@ -4,7 +4,7 @@ import { MetricCounter } from './chunk-YSYR54XR.js';
 import { Card } from './chunk-MLINFRC3.js';
 import { useAnalytics } from './chunk-2GARWEJK.js';
 import { bookingEmbedMessages, commonMessages } from './chunk-RSLA2FJN.js';
-import { SectionShell, SectionHeader } from './chunk-AMNY5TS3.js';
+import { SectionShell, SectionHeader } from './chunk-MPOYZNAA.js';
 import { OutboundLink } from './chunk-KJ2OXQF4.js';
 import React24, { forwardRef, useState, useEffect, useRef, useCallback, useMemo } from 'react';
 import clsx17 from 'clsx';
@@ -1881,4 +1881,4 @@ MarketingSection.displayName = "MarketingSection";
 
 export { ArchitectureDiagram, AuroraVoid, BeforeAfterBlock, BookingEmbed, CaseStudyCard, ComparisonTable, CompetitorDiff, ComplianceGrid, EcosystemDiagram, EnterpriseSignaling, EvolutionTimeline, GridOverlay, GuaranteeHighlight, HeroComposition, ICPFilter, IntelligenceBlock, IntentCTA, KPIPanel, MarketingHero, MarketingSection, ObjectionFAQ, PartnerValueProp, PricingCard, ProblemAgitation, ROICalculator, SegmentSwitch, StickyActionBar, ValueAnchor, Vignette };
 //# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-TPZ3PKSF.js.map
+//# sourceMappingURL=chunk-IQQSEYJP.js.map

package/dist/{chunk-AMNY5TS3.js → chunk-MPOYZNAA.js}

@@ -4,7 +4,16 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 
 // src/components/SectionShell/SectionShell.tsx
 var SectionHeader = forwardRef(
-  ({ title, subtitle, eyebrow, align = "center", size = "default", className, ...props }, ref) => {
+  ({
+    title,
+    subtitle,
+    eyebrow,
+    align = "center",
+    size = "default",
+    titleAs: TitleElement = "h2",
+    className,
+    ...props
+  }, ref) => {
     if (!title && !subtitle && !eyebrow) return null;
     return /* @__PURE__ */ jsxs(
       "header",
@@ -20,7 +29,7 @@ var SectionHeader = forwardRef(
         ...props,
         children: [
           eyebrow && /* @__PURE__ */ jsx("span", { className: "ds-section-header__eyebrow", children: eyebrow }),
-          title && /* @__PURE__ */ jsx("h2", { className: "ds-section-header__title", children: title }),
+          title && /* @__PURE__ */ jsx(TitleElement, { className: "ds-section-header__title", children: title }),
           subtitle && /* @__PURE__ */ jsx("p", { className: "ds-section-header__subtitle", children: subtitle })
         ]
       }
@@ -66,4 +75,4 @@ SectionShell.displayName = "SectionShell";
 
 export { SectionHeader, SectionShell };
 //# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-AMNY5TS3.js.map
+//# sourceMappingURL=chunk-MPOYZNAA.js.map

package/dist/chunk-MPOYZNAA.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/SectionShell/SectionShell.tsx"],"names":[],"mappings":";AAAA,SAAgB,kBAAkC;AAClD,OAAO,UAAU;AAwCX,SAWc,KAXd;AAjBC,IAAM,gBAAgB;AAAA,EAC3B,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,SAAS,eAAe;AAAA,IACxB;AAAA,IACA,GAAG;AAAA,EACL,GACA,QACG;AACH,QAAI,CAAC,SAAS,CAAC,YAAY,CAAC,QAAS,QAAO;AAE5C,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW;AAAA,UACT;AAAA,UACA,sBAAsB,KAAK;AAAA,UAC3B,SAAS,aAAa;AAAA,UACtB,SAAS,WAAW;AAAA,UACpB;AAAA,QACF;AAAA,QACC,GAAG;AAAA,QAEH;AAAA,qBAAW,oBAAC,UAAK,WAAU,8BAA8B,mBAAQ;AAAA,UACjE,SAAS,oBAAC,gBAAa,WAAU,4BAA4B,iBAAM;AAAA,UACnE,YAAY,oBAAC,OAAE,WAAU,+BAA+B,oBAAS;AAAA;AAAA;AAAA,IACpE;AAAA,EAEJ;AACF;AACA,cAAc,cAAc;AAcrB,IAAM,eAAe;AAAA,EAC1B,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA,aAAa;AAAA,IACb,UAAU;AAAA,IACV;AAAA,IACA,iBAAiB;AAAA,IACjB,GAAG;AAAA,EACL,GACA,QACG;AACH,UAAM,uBAA+C;AAAA,MACnD,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,OAAO;AAAA,IACT;AACA,UAAM,WAAW,iBACb,SACA,gBACG,qBAAqB,aAAa,KAAK,uCACxC;AAEN,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW;AAAA,UACT;AAAA,UACA,kBAAkB,UAAU;AAAA,UAC5B,uBAAuB,OAAO;AAAA,UAC9B;AAAA,QACF;AAAA,QACC,GAAG;AAAA,QAEJ,8BAAC,SAAI,OAAO,EAAC,UAAU,cAAc,QAAQ,eAAe,kBAAkB,OAAO,OAAM,GACxF,UACH;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AACA,aAAa,cAAc","sourcesContent":["import React, { forwardRef, HTMLAttributes } from 'react';\nimport clsx from 'clsx';\nimport './SectionShell.css';\n\n/* ============================================================================\n   Section Header Component\n   ============================================================================ */\n\nexport interface SectionHeaderProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {\n  title?: React.ReactNode;\n  subtitle?: React.ReactNode;\n  eyebrow?: React.ReactNode;\n  align?: 'left' | 'center' | 'right';\n  size?: 'compact' | 'default' | 'large';\n  /**\n   * The heading element rendered for `title`. Defaults to `'h2'` so section\n   * headers stay below the page `h1`. Set to `'h1'` when this header is the\n   * primary heading of the page (one per page) to keep a valid document\n   * outline. Styling is class-driven (`.ds-section-header__title`), so the\n   * tag change is purely semantic — the visual size is unchanged.\n   */\n  titleAs?: React.ElementType;\n}\n\nexport const SectionHeader = forwardRef<HTMLDivElement, SectionHeaderProps>(\n  (\n    {\n      title,\n      subtitle,\n      eyebrow,\n      align = 'center',\n      size = 'default',\n      titleAs: TitleElement = 'h2',\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    if (!title && !subtitle && !eyebrow) return null;\n\n    return (\n      <header\n        ref={ref}\n        className={clsx(\n          'ds-section-header',\n          `ds-section-header--${align}`,\n          size === 'compact' && 'ds-section-header--compact',\n          size === 'large' && 'ds-section-header--large',\n          className,\n        )}\n        {...props}\n      >\n        {eyebrow && <span className=\"ds-section-header__eyebrow\">{eyebrow}</span>}\n        {title && <TitleElement className=\"ds-section-header__title\">{title}</TitleElement>}\n        {subtitle && <p className=\"ds-section-header__subtitle\">{subtitle}</p>}\n      </header>\n    );\n  },\n);\nSectionHeader.displayName = 'SectionHeader';\n\n/* ============================================================================\n   Section Shell Component\n   ============================================================================ */\n\nexport interface SectionShellProps extends HTMLAttributes<HTMLDivElement> {\n  children?: React.ReactNode;\n  background?: 'default' | 'muted' | 'brand' | 'transparent' | 'dark';\n  padding?: 'none' | 'sm' | 'md' | 'lg';\n  containerSize?: 'sm' | 'md' | 'lg' | 'xl' | 'fluid'; // Maps to Container max-width\n  containerFluid?: boolean;\n}\n\nexport const SectionShell = forwardRef<HTMLDivElement, SectionShellProps>(\n  (\n    {\n      className,\n      children,\n      background = 'default',\n      padding = 'md',\n      containerSize,\n      containerFluid = false,\n      ...props\n    },\n    ref,\n  ) => {\n    const containerMaxWidthMap: Record<string, string> = {\n      sm: 'var(--container-max-width-sm, 640px)',\n      md: 'var(--container-max-width-md, 768px)',\n      lg: 'var(--container-max-width-lg, 1024px)',\n      xl: 'var(--container-max-width-xl, 1280px)',\n      fluid: 'none',\n    };\n    const maxWidth = containerFluid\n      ? 'none'\n      : containerSize\n        ? (containerMaxWidthMap[containerSize] ?? 'var(--container-max-width, 1200px)')\n        : 'var(--container-max-width, 1200px)';\n\n    return (\n      <section\n        ref={ref}\n        className={clsx(\n          'ds-section',\n          `ds-section--bg-${background}`,\n          `ds-section--padding-${padding}`,\n          className,\n        )}\n        {...props}\n      >\n        <div style={{maxWidth, marginInline: 'auto', paddingInline: 'var(--space-4)', width: '100%'}}>\n          {children}\n        </div>\n      </section>\n    );\n  },\n);\nSectionShell.displayName = 'SectionShell';\n"]}

package/dist/{chunk-LM3UJILC.cjs → chunk-S4367EZF.cjs}

@@ -6,7 +6,7 @@ var chunkDP74LUXG_cjs = require('./chunk-DP74LUXG.cjs');
 var chunkQXUA5PQ3_cjs = require('./chunk-QXUA5PQ3.cjs');
 var chunkVC5LMUVQ_cjs = require('./chunk-VC5LMUVQ.cjs');
 var chunkGPHQGLR5_cjs = require('./chunk-GPHQGLR5.cjs');
-var chunk6QIQCUYC_cjs = require('./chunk-6QIQCUYC.cjs');
+var chunkHWEIKJCR_cjs = require('./chunk-HWEIKJCR.cjs');
 var chunkLJADZITX_cjs = require('./chunk-LJADZITX.cjs');
 var React24 = require('react');
 var clsx17 = require('clsx');
@@ -494,13 +494,13 @@ var BeforeAfterBlock = React24.forwardRef(
       i
     ));
     return /* @__PURE__ */ jsxRuntime.jsxs(
-      chunk6QIQCUYC_cjs.SectionShell,
+      chunkHWEIKJCR_cjs.SectionShell,
       {
         ref,
         className: clsx17__default.default("ds-before-after", className),
         ...props,
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunk6QIQCUYC_cjs.SectionHeader, { eyebrow, title }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkHWEIKJCR_cjs.SectionHeader, { eyebrow, title }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx17__default.default("ds-before-after__layout", `ds-before-after__layout--${variant}`), children: [
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ds-before-after__column ds-before-after__column--before", children: [
               /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "ds-before-after__label", children: before.label }),
@@ -534,13 +534,13 @@ var CompetitorDiff = React24.forwardRef(
     ...props
   }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsxs(
-      chunk6QIQCUYC_cjs.SectionShell,
+      chunkHWEIKJCR_cjs.SectionShell,
       {
         ref,
         className: clsx17__default.default("ds-competitor-diff", className),
         ...props,
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunk6QIQCUYC_cjs.SectionHeader, { eyebrow, title, subtitle }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkHWEIKJCR_cjs.SectionHeader, { eyebrow, title, subtitle }),
           variant === "table" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ds-competitor-diff__table", role: "table", "aria-label": "Feature comparison", children: [
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ds-competitor-diff__thead", role: "row", children: [
               /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ds-competitor-diff__th", role: "columnheader" }),
@@ -617,13 +617,13 @@ var ComplianceGrid = React24.forwardRef(
     ...props
   }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsxs(
-      chunk6QIQCUYC_cjs.SectionShell,
+      chunkHWEIKJCR_cjs.SectionShell,
       {
         ref,
         className: clsx17__default.default("ds-compliance-grid", className),
         ...props,
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunk6QIQCUYC_cjs.SectionHeader, { eyebrow, title, subtitle }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkHWEIKJCR_cjs.SectionHeader, { eyebrow, title, subtitle }),
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ds-compliance-grid__items", children: items.map((item, i) => {
             const inner = /* @__PURE__ */ jsxRuntime.jsxs(
               "div",
@@ -846,13 +846,13 @@ var EvolutionTimeline = React24.forwardRef(
     ...props
   }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsxs(
-      chunk6QIQCUYC_cjs.SectionShell,
+      chunkHWEIKJCR_cjs.SectionShell,
       {
         ref,
         className: clsx17__default.default("ds-evolution-timeline", className),
         ...props,
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunk6QIQCUYC_cjs.SectionHeader, { eyebrow, title, subtitle }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkHWEIKJCR_cjs.SectionHeader, { eyebrow, title, subtitle }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ds-evolution-timeline__track", children: [
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ds-evolution-timeline__line", "aria-hidden": "true" }),
             eras.map((era, i) => /* @__PURE__ */ jsxRuntime.jsxs(
@@ -901,13 +901,13 @@ var EcosystemDiagram = React24.forwardRef(
     ...props
   }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsxs(
-      chunk6QIQCUYC_cjs.SectionShell,
+      chunkHWEIKJCR_cjs.SectionShell,
       {
         ref,
         className: clsx17__default.default("ds-ecosystem", `ds-ecosystem--${variant}`, className),
         ...props,
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunk6QIQCUYC_cjs.SectionHeader, { eyebrow, title, subtitle }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkHWEIKJCR_cjs.SectionHeader, { eyebrow, title, subtitle }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ds-ecosystem__diagram", role: "img", "aria-label": "Ecosystem diagram", children: [
             centerLabel && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ds-ecosystem__center", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ds-ecosystem__center-label", children: centerLabel }) }),
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ds-ecosystem__layers", children: layers.map((layer, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ds-ecosystem__layer", children: [
@@ -955,13 +955,13 @@ var ValueAnchor = React24.forwardRef(
     }, []);
     const output = React24.useMemo(() => calculate(values), [values, calculate]);
     return /* @__PURE__ */ jsxRuntime.jsxs(
-      chunk6QIQCUYC_cjs.SectionShell,
+      chunkHWEIKJCR_cjs.SectionShell,
       {
         ref,
         className: clsx17__default.default("ds-value-anchor", className),
         ...props,
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunk6QIQCUYC_cjs.SectionHeader, { eyebrow, title, subtitle }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkHWEIKJCR_cjs.SectionHeader, { eyebrow, title, subtitle }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ds-value-anchor__layout", children: [
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ds-value-anchor__inputs", children: inputs.map((input) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ds-value-anchor__input-group", children: [
               /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "ds-value-anchor__input-label", children: [
@@ -1050,13 +1050,13 @@ var EnterpriseSignaling = React24.forwardRef(
       );
     }
     return /* @__PURE__ */ jsxRuntime.jsxs(
-      chunk6QIQCUYC_cjs.SectionShell,
+      chunkHWEIKJCR_cjs.SectionShell,
       {
         ref,
         className: clsx17__default.default("ds-enterprise-signaling", `ds-enterprise-signaling--${variant}`, className),
         ...props,
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunk6QIQCUYC_cjs.SectionHeader, { eyebrow, title, subtitle }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkHWEIKJCR_cjs.SectionHeader, { eyebrow, title, subtitle }),
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ds-enterprise-signaling__categories", children: categories.map((cat, ci) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ds-enterprise-signaling__category", children: [
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ds-enterprise-signaling__category-header", children: [
               cat.icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ds-enterprise-signaling__category-icon", children: cat.icon }),
@@ -1151,13 +1151,13 @@ var IntelligenceBlock = React24.forwardRef(
       ] })
     ] }, i)) });
     return /* @__PURE__ */ jsxRuntime.jsxs(
-      chunk6QIQCUYC_cjs.SectionShell,
+      chunkHWEIKJCR_cjs.SectionShell,
       {
         ref,
         className: clsx17__default.default("ds-intelligence", `ds-intelligence--${variant}`, className),
         ...props,
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunk6QIQCUYC_cjs.SectionHeader, { eyebrow, title, subtitle }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkHWEIKJCR_cjs.SectionHeader, { eyebrow, title, subtitle }),
           variant === "capabilities-first" ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
             capabilitiesBlock,
             metricsBlock
@@ -1206,13 +1206,13 @@ var PartnerValueProp = React24.forwardRef(
       return calculator.calculate(values);
     }, [values, calculator]);
     return /* @__PURE__ */ jsxRuntime.jsxs(
-      chunk6QIQCUYC_cjs.SectionShell,
+      chunkHWEIKJCR_cjs.SectionShell,
       {
         ref,
         className: clsx17__default.default("ds-partner-vp", className),
         ...props,
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunk6QIQCUYC_cjs.SectionHeader, { eyebrow, title, subtitle }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkHWEIKJCR_cjs.SectionHeader, { eyebrow, title, subtitle }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ds-partner-vp__layout", children: [
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ds-partner-vp__benefits", children: benefits.map((b, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ds-partner-vp__benefit", children: [
               b.icon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ds-partner-vp__benefit-icon", "aria-hidden": "true", children: b.icon }),
@@ -1916,4 +1916,4 @@ exports.StickyActionBar = StickyActionBar;
 exports.ValueAnchor = ValueAnchor;
 exports.Vignette = Vignette;
 //# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-LM3UJILC.cjs.map
+//# sourceMappingURL=chunk-S4367EZF.cjs.map

package/dist/{chunk-PBYRTNQ5.js → chunk-VUCQTZ2W.js}

@@ -1,4 +1,4 @@
-import { SectionShell, SectionHeader } from './chunk-AMNY5TS3.js';
+import { SectionShell, SectionHeader } from './chunk-MPOYZNAA.js';
 import { forwardRef } from 'react';
 import clsx from 'clsx';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
@@ -183,4 +183,4 @@ StatsSection.displayName = "StatsSection";
 
 export { CTASection, FeatureSection, HeroSection, StatsSection };
 //# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-PBYRTNQ5.js.map
+//# sourceMappingURL=chunk-VUCQTZ2W.js.map

package/dist/{chunk-65DTHLVX.cjs → chunk-WUKUWW7U.cjs}

@@ -3,7 +3,7 @@
 var chunkVM7WFMKI_cjs = require('./chunk-VM7WFMKI.cjs');
 var chunkSGYXYMKZ_cjs = require('./chunk-SGYXYMKZ.cjs');
 var chunkVC5LMUVQ_cjs = require('./chunk-VC5LMUVQ.cjs');
-var chunk6QIQCUYC_cjs = require('./chunk-6QIQCUYC.cjs');
+var chunkHWEIKJCR_cjs = require('./chunk-HWEIKJCR.cjs');
 var chunkLJADZITX_cjs = require('./chunk-LJADZITX.cjs');
 var React6 = require('react');
 var clsx4 = require('clsx');
@@ -284,14 +284,14 @@ var RelatedContent = React6.forwardRef(
     const visibleItems = maxVisible ? items.slice(0, maxVisible) : items;
     if (visibleItems.length === 0) return null;
     return /* @__PURE__ */ jsxRuntime.jsxs(
-      chunk6QIQCUYC_cjs.SectionShell,
+      chunkHWEIKJCR_cjs.SectionShell,
       {
         ref,
         className: clsx4__default.default("ds-related-content", className),
         background: "muted",
         ...props,
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunk6QIQCUYC_cjs.SectionHeader, { eyebrow, title }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkHWEIKJCR_cjs.SectionHeader, { eyebrow, title }),
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ds-related-content__grid", children: visibleItems.map((item, i) => /* @__PURE__ */ jsxRuntime.jsx(ArticleCard, { ...item }, i)) })
         ]
       }
@@ -379,4 +379,4 @@ exports.ReadingProgress = ReadingProgress;
 exports.RelatedContent = RelatedContent;
 exports.TableOfContents = TableOfContents;
 //# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-65DTHLVX.cjs.map
+//# sourceMappingURL=chunk-WUKUWW7U.cjs.map

package/dist/{index-CUkONzzC.d.ts → index-BsL1M4Mu.d.ts}

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import React__default, { ComponentPropsWithoutRef, ReactNode } from 'react';
-import { a as SectionShellProps } from './SectionShell-CrgrzWK6.js';
+import { a as SectionShellProps } from './SectionShell-C_pxaLbf.js';
 
 type AuroraVoidIntensity = 'light' | 'base' | 'heavy';
 interface AuroraVoidProps {

package/dist/{index-kMlM7caH.d.cts → index-C22gn6z6.d.cts}

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import React__default, { ComponentPropsWithoutRef, ReactNode } from 'react';
-import { a as SectionShellProps } from './SectionShell-CrgrzWK6.cjs';
+import { a as SectionShellProps } from './SectionShell-C_pxaLbf.cjs';
 
 type AuroraVoidIntensity = 'light' | 'base' | 'heavy';
 interface AuroraVoidProps {