@salesmind-ai/design-system 1.9.0 → 2.0.0

package/dist/marketing/index.d.cts

@@ -1,3 +1,3 @@
-export { A as AgitationPoint, a as ArchitectureConnection, b as ArchitectureDiagram, c as ArchitectureDiagramProps, d as ArchitectureNode, e as ArchitectureNodeType, f as AuroraVoid, g as AuroraVoidIntensity, h as AuroraVoidProps, B as BeforeAfterBlock, i as BeforeAfterBlockProps, j as BeforeAfterItem, k as BeforeAfterSide, l as BookingEmbed, m as BookingEmbedProps, C as CaseStudyCard, n as CaseStudyCardProps, o as CaseStudyMetric, p as ComparisonColumn, q as ComparisonRow, r as ComparisonTable, s as ComparisonTableProps, t as CompetitorDiff, u as CompetitorDiffItem, v as CompetitorDiffProps, w as ComplianceGrid, x as ComplianceGridProps, y as ComplianceItem, z as ComplianceStatus, E as EcosystemConnection, D as EcosystemDiagram, F as EcosystemDiagramProps, G as EcosystemLayer, H as EnterpriseSLA, I as EnterpriseSignalCategory, J as EnterpriseSignalItem, K as EnterpriseSignalStatus, L as EnterpriseSignaling, M as EnterpriseSignalingProps, N as EraSentiment, O as EvolutionEra, P as EvolutionTimeline, Q as EvolutionTimelineProps, R as GuaranteeHighlight, S as GuaranteeHighlightProps, T as HeroComposition, U as HeroCompositionProps, V as ICPFilter, W as ICPFilterItem, X as ICPFilterProps, Y as IntelligenceBlock, Z as IntelligenceBlockProps, _ as IntelligenceCapability, $ as IntelligenceMetric, a0 as IntentCTA, a1 as IntentCTAProps, a2 as IntentStage, a3 as IntentTriggerType, a8 as MarketingHero, a9 as MarketingHeroProps, aa as MarketingHeroVariant, ab as MarketingSection, ac as MarketingSectionAlign, ad as MarketingSectionBackground, ae as MarketingSectionProps, af as ObjectionFAQ, ag as ObjectionFAQProps, ah as ObjectionItem, ai as PartnerBenefit, aj as PartnerCalcInput, ak as PartnerCalcOutput, al as PartnerDifferentiator, am as PartnerValueProp, an as PartnerValuePropProps, ao as PricingCard, ap as PricingCardProps, aq as PricingFeature, ar as ProblemAgitation, as as ProblemAgitationProps, at as ROICalculator, au as ROICalculatorProps, av as ROIComparisonItem, aw as SegmentSwitch, ax as SegmentSwitchProps, ay as StickyActionBar, az as StickyActionBarProps, aA as ValueAnchor, aB as ValueAnchorInput, aC as ValueAnchorOutput, aD as ValueAnchorProps } from '../index-kMlM7caH.cjs';
+export { A as AgitationPoint, a as ArchitectureConnection, b as ArchitectureDiagram, c as ArchitectureDiagramProps, d as ArchitectureNode, e as ArchitectureNodeType, f as AuroraVoid, g as AuroraVoidIntensity, h as AuroraVoidProps, B as BeforeAfterBlock, i as BeforeAfterBlockProps, j as BeforeAfterItem, k as BeforeAfterSide, l as BookingEmbed, m as BookingEmbedProps, C as CaseStudyCard, n as CaseStudyCardProps, o as CaseStudyMetric, p as ComparisonColumn, q as ComparisonRow, r as ComparisonTable, s as ComparisonTableProps, t as CompetitorDiff, u as CompetitorDiffItem, v as CompetitorDiffProps, w as ComplianceGrid, x as ComplianceGridProps, y as ComplianceItem, z as ComplianceStatus, E as EcosystemConnection, D as EcosystemDiagram, F as EcosystemDiagramProps, G as EcosystemLayer, H as EnterpriseSLA, I as EnterpriseSignalCategory, J as EnterpriseSignalItem, K as EnterpriseSignalStatus, L as EnterpriseSignaling, M as EnterpriseSignalingProps, N as EraSentiment, O as EvolutionEra, P as EvolutionTimeline, Q as EvolutionTimelineProps, R as GuaranteeHighlight, S as GuaranteeHighlightProps, T as HeroComposition, U as HeroCompositionProps, V as ICPFilter, W as ICPFilterItem, X as ICPFilterProps, Y as IntelligenceBlock, Z as IntelligenceBlockProps, _ as IntelligenceCapability, $ as IntelligenceMetric, a0 as IntentCTA, a1 as IntentCTAProps, a2 as IntentStage, a3 as IntentTriggerType, a8 as MarketingHero, a9 as MarketingHeroProps, aa as MarketingHeroVariant, ab as MarketingSection, ac as MarketingSectionAlign, ad as MarketingSectionBackground, ae as MarketingSectionProps, af as ObjectionFAQ, ag as ObjectionFAQProps, ah as ObjectionItem, ai as PartnerBenefit, aj as PartnerCalcInput, ak as PartnerCalcOutput, al as PartnerDifferentiator, am as PartnerValueProp, an as PartnerValuePropProps, ao as PricingCard, ap as PricingCardProps, aq as PricingFeature, ar as ProblemAgitation, as as ProblemAgitationProps, at as ROICalculator, au as ROICalculatorProps, av as ROIComparisonItem, aw as SegmentSwitch, ax as SegmentSwitchProps, ay as StickyActionBar, az as StickyActionBarProps, aA as ValueAnchor, aB as ValueAnchorInput, aC as ValueAnchorOutput, aD as ValueAnchorProps } from '../index-C22gn6z6.cjs';
 import 'react';
-import '../SectionShell-CrgrzWK6.cjs';
+import '../SectionShell-C_pxaLbf.cjs';

package/dist/marketing/index.d.ts

@@ -1,3 +1,3 @@
-export { A as AgitationPoint, a as ArchitectureConnection, b as ArchitectureDiagram, c as ArchitectureDiagramProps, d as ArchitectureNode, e as ArchitectureNodeType, f as AuroraVoid, g as AuroraVoidIntensity, h as AuroraVoidProps, B as BeforeAfterBlock, i as BeforeAfterBlockProps, j as BeforeAfterItem, k as BeforeAfterSide, l as BookingEmbed, m as BookingEmbedProps, C as CaseStudyCard, n as CaseStudyCardProps, o as CaseStudyMetric, p as ComparisonColumn, q as ComparisonRow, r as ComparisonTable, s as ComparisonTableProps, t as CompetitorDiff, u as CompetitorDiffItem, v as CompetitorDiffProps, w as ComplianceGrid, x as ComplianceGridProps, y as ComplianceItem, z as ComplianceStatus, E as EcosystemConnection, D as EcosystemDiagram, F as EcosystemDiagramProps, G as EcosystemLayer, H as EnterpriseSLA, I as EnterpriseSignalCategory, J as EnterpriseSignalItem, K as EnterpriseSignalStatus, L as EnterpriseSignaling, M as EnterpriseSignalingProps, N as EraSentiment, O as EvolutionEra, P as EvolutionTimeline, Q as EvolutionTimelineProps, R as GuaranteeHighlight, S as GuaranteeHighlightProps, T as HeroComposition, U as HeroCompositionProps, V as ICPFilter, W as ICPFilterItem, X as ICPFilterProps, Y as IntelligenceBlock, Z as IntelligenceBlockProps, _ as IntelligenceCapability, $ as IntelligenceMetric, a0 as IntentCTA, a1 as IntentCTAProps, a2 as IntentStage, a3 as IntentTriggerType, a8 as MarketingHero, a9 as MarketingHeroProps, aa as MarketingHeroVariant, ab as MarketingSection, ac as MarketingSectionAlign, ad as MarketingSectionBackground, ae as MarketingSectionProps, af as ObjectionFAQ, ag as ObjectionFAQProps, ah as ObjectionItem, ai as PartnerBenefit, aj as PartnerCalcInput, ak as PartnerCalcOutput, al as PartnerDifferentiator, am as PartnerValueProp, an as PartnerValuePropProps, ao as PricingCard, ap as PricingCardProps, aq as PricingFeature, ar as ProblemAgitation, as as ProblemAgitationProps, at as ROICalculator, au as ROICalculatorProps, av as ROIComparisonItem, aw as SegmentSwitch, ax as SegmentSwitchProps, ay as StickyActionBar, az as StickyActionBarProps, aA as ValueAnchor, aB as ValueAnchorInput, aC as ValueAnchorOutput, aD as ValueAnchorProps } from '../index-CUkONzzC.js';
+export { A as AgitationPoint, a as ArchitectureConnection, b as ArchitectureDiagram, c as ArchitectureDiagramProps, d as ArchitectureNode, e as ArchitectureNodeType, f as AuroraVoid, g as AuroraVoidIntensity, h as AuroraVoidProps, B as BeforeAfterBlock, i as BeforeAfterBlockProps, j as BeforeAfterItem, k as BeforeAfterSide, l as BookingEmbed, m as BookingEmbedProps, C as CaseStudyCard, n as CaseStudyCardProps, o as CaseStudyMetric, p as ComparisonColumn, q as ComparisonRow, r as ComparisonTable, s as ComparisonTableProps, t as CompetitorDiff, u as CompetitorDiffItem, v as CompetitorDiffProps, w as ComplianceGrid, x as ComplianceGridProps, y as ComplianceItem, z as ComplianceStatus, E as EcosystemConnection, D as EcosystemDiagram, F as EcosystemDiagramProps, G as EcosystemLayer, H as EnterpriseSLA, I as EnterpriseSignalCategory, J as EnterpriseSignalItem, K as EnterpriseSignalStatus, L as EnterpriseSignaling, M as EnterpriseSignalingProps, N as EraSentiment, O as EvolutionEra, P as EvolutionTimeline, Q as EvolutionTimelineProps, R as GuaranteeHighlight, S as GuaranteeHighlightProps, T as HeroComposition, U as HeroCompositionProps, V as ICPFilter, W as ICPFilterItem, X as ICPFilterProps, Y as IntelligenceBlock, Z as IntelligenceBlockProps, _ as IntelligenceCapability, $ as IntelligenceMetric, a0 as IntentCTA, a1 as IntentCTAProps, a2 as IntentStage, a3 as IntentTriggerType, a8 as MarketingHero, a9 as MarketingHeroProps, aa as MarketingHeroVariant, ab as MarketingSection, ac as MarketingSectionAlign, ad as MarketingSectionBackground, ae as MarketingSectionProps, af as ObjectionFAQ, ag as ObjectionFAQProps, ah as ObjectionItem, ai as PartnerBenefit, aj as PartnerCalcInput, ak as PartnerCalcOutput, al as PartnerDifferentiator, am as PartnerValueProp, an as PartnerValuePropProps, ao as PricingCard, ap as PricingCardProps, aq as PricingFeature, ar as ProblemAgitation, as as ProblemAgitationProps, at as ROICalculator, au as ROICalculatorProps, av as ROIComparisonItem, aw as SegmentSwitch, ax as SegmentSwitchProps, ay as StickyActionBar, az as StickyActionBarProps, aA as ValueAnchor, aB as ValueAnchorInput, aC as ValueAnchorOutput, aD as ValueAnchorProps } from '../index-BsL1M4Mu.js';
 import 'react';
-import '../SectionShell-CrgrzWK6.js';
+import '../SectionShell-C_pxaLbf.js';

package/dist/marketing/index.js

@@ -1,11 +1,11 @@
-export { ArchitectureDiagram, AuroraVoid, BeforeAfterBlock, BookingEmbed, CaseStudyCard, ComparisonTable, CompetitorDiff, ComplianceGrid, EcosystemDiagram, EnterpriseSignaling, EvolutionTimeline, GuaranteeHighlight, HeroComposition, ICPFilter, IntelligenceBlock, IntentCTA, MarketingHero, MarketingSection, ObjectionFAQ, PartnerValueProp, PricingCard, ProblemAgitation, ROICalculator, SegmentSwitch, StickyActionBar, ValueAnchor } from '../chunk-TPZ3PKSF.js';
+export { ArchitectureDiagram, AuroraVoid, BeforeAfterBlock, BookingEmbed, CaseStudyCard, ComparisonTable, CompetitorDiff, ComplianceGrid, EcosystemDiagram, EnterpriseSignaling, EvolutionTimeline, GuaranteeHighlight, HeroComposition, ICPFilter, IntelligenceBlock, IntentCTA, MarketingHero, MarketingSection, ObjectionFAQ, PartnerValueProp, PricingCard, ProblemAgitation, ROICalculator, SegmentSwitch, StickyActionBar, ValueAnchor } from '../chunk-IQQSEYJP.js';
 import '../chunk-HTLWFOLC.js';
 import '../chunk-KJHPOB3J.js';
 import '../chunk-YSYR54XR.js';
 import '../chunk-MLINFRC3.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/sections/index.cjs

@@ -1,30 +1,30 @@
 'use strict';
 
-var chunkCVLD5RQK_cjs = require('../chunk-CVLD5RQK.cjs');
-var chunk6QIQCUYC_cjs = require('../chunk-6QIQCUYC.cjs');
+var chunk32B2EWHK_cjs = require('../chunk-32B2EWHK.cjs');
+var chunkHWEIKJCR_cjs = require('../chunk-HWEIKJCR.cjs');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
-var SectionShell2 = react.forwardRef((props, ref) => /* @__PURE__ */ jsxRuntime.jsx(chunk6QIQCUYC_cjs.SectionShell, { ref, ...props }));
+var SectionShell2 = react.forwardRef((props, ref) => /* @__PURE__ */ jsxRuntime.jsx(chunkHWEIKJCR_cjs.SectionShell, { ref, ...props }));
 SectionShell2.displayName = "SectionShell";
-var SectionHeader2 = react.forwardRef((props, ref) => /* @__PURE__ */ jsxRuntime.jsx(chunk6QIQCUYC_cjs.SectionHeader, { ref, ...props }));
+var SectionHeader2 = react.forwardRef((props, ref) => /* @__PURE__ */ jsxRuntime.jsx(chunkHWEIKJCR_cjs.SectionHeader, { ref, ...props }));
 SectionHeader2.displayName = "SectionHeader";
 
 Object.defineProperty(exports, "CTASection", {
   enumerable: true,
-  get: function () { return chunkCVLD5RQK_cjs.CTASection; }
+  get: function () { return chunk32B2EWHK_cjs.CTASection; }
 });
 Object.defineProperty(exports, "FeatureSection", {
   enumerable: true,
-  get: function () { return chunkCVLD5RQK_cjs.FeatureSection; }
+  get: function () { return chunk32B2EWHK_cjs.FeatureSection; }
 });
 Object.defineProperty(exports, "HeroSection", {
   enumerable: true,
-  get: function () { return chunkCVLD5RQK_cjs.HeroSection; }
+  get: function () { return chunk32B2EWHK_cjs.HeroSection; }
 });
 Object.defineProperty(exports, "StatsSection", {
   enumerable: true,
-  get: function () { return chunkCVLD5RQK_cjs.StatsSection; }
+  get: function () { return chunk32B2EWHK_cjs.StatsSection; }
 });
 exports.SectionHeader = SectionHeader2;
 exports.SectionShell = SectionShell2;

package/dist/sections/index.d.cts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { S as SectionHeaderProps, a as SectionShellProps } from '../SectionShell-CrgrzWK6.cjs';
-export { C as CTASection, a as CTASectionProps, F as FeatureItem, b as FeatureSection, c as FeatureSectionProps, H as HeroSection, d as HeroSectionProps, S as StatItem, e as StatsSection, f as StatsSectionProps } from '../StatsSection-WaiVrRH0.cjs';
+import { S as SectionHeaderProps, a as SectionShellProps } from '../SectionShell-C_pxaLbf.cjs';
+export { C as CTASection, a as CTASectionProps, F as FeatureItem, b as FeatureSection, c as FeatureSectionProps, H as HeroSection, d as HeroSectionProps, S as StatItem, e as StatsSection, f as StatsSectionProps } from '../StatsSection-CKTgV4Z1.cjs';
 
 /**
  * Stable public wrapper for the sections entry.

package/dist/sections/index.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { S as SectionHeaderProps, a as SectionShellProps } from '../SectionShell-CrgrzWK6.js';
-export { C as CTASection, a as CTASectionProps, F as FeatureItem, b as FeatureSection, c as FeatureSectionProps, H as HeroSection, d as HeroSectionProps, S as StatItem, e as StatsSection, f as StatsSectionProps } from '../StatsSection-BvgUXtrd.js';
+import { S as SectionHeaderProps, a as SectionShellProps } from '../SectionShell-C_pxaLbf.js';
+export { C as CTASection, a as CTASectionProps, F as FeatureItem, b as FeatureSection, c as FeatureSectionProps, H as HeroSection, d as HeroSectionProps, S as StatItem, e as StatsSection, f as StatsSectionProps } from '../StatsSection-DjFHz0nM.js';
 
 /**
  * Stable public wrapper for the sections entry.

package/dist/sections/index.js

@@ -1,5 +1,5 @@
-export { CTASection, FeatureSection, HeroSection, StatsSection } from '../chunk-PBYRTNQ5.js';
-import { SectionShell, SectionHeader } from '../chunk-AMNY5TS3.js';
+export { CTASection, FeatureSection, HeroSection, StatsSection } from '../chunk-VUCQTZ2W.js';
+import { SectionShell, SectionHeader } from '../chunk-MPOYZNAA.js';
 import { forwardRef } from 'react';
 import { jsx } from 'react/jsx-runtime';
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salesmind-ai/design-system",
-  "version": "1.9.0",
+  "version": "2.0.0",
   "description": "Salesmind AI Design System",
   "license": "MIT",
   "type": "module",

package/dist/chunk-6QIQCUYC.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/SectionShell/SectionShell.tsx"],"names":[],"mappings":";AAAA,SAAgB,kBAAkC;AAClD,OAAO,UAAU;AAoBX,SAWc,KAXd;AALC,IAAM,gBAAgB;AAAA,EAC3B,CAAC,EAAE,OAAO,UAAU,SAAS,QAAQ,UAAU,OAAO,WAAW,WAAW,GAAG,MAAM,GAAG,QAAQ;AAC9F,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,QAAG,WAAU,4BAA4B,iBAAM;AAAA,UACzD,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\nexport const SectionHeader = forwardRef<HTMLDivElement, SectionHeaderProps>(\n  ({ title, subtitle, eyebrow, align = 'center', size = 'default', className, ...props }, ref) => {\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 && <h2 className=\"ds-section-header__title\">{title}</h2>}\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-AMNY5TS3.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/SectionShell/SectionShell.tsx"],"names":[],"mappings":";AAAA,SAAgB,kBAAkC;AAClD,OAAO,UAAU;AAoBX,SAWc,KAXd;AALC,IAAM,gBAAgB;AAAA,EAC3B,CAAC,EAAE,OAAO,UAAU,SAAS,QAAQ,UAAU,OAAO,WAAW,WAAW,GAAG,MAAM,GAAG,QAAQ;AAC9F,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,QAAG,WAAU,4BAA4B,iBAAM;AAAA,UACzD,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\nexport const SectionHeader = forwardRef<HTMLDivElement, SectionHeaderProps>(\n  ({ title, subtitle, eyebrow, align = 'center', size = 'default', className, ...props }, ref) => {\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 && <h2 className=\"ds-section-header__title\">{title}</h2>}\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"]}