@salesmind-ai/design-system 0.7.0 → 1.2.0

package/dist/{chunk-HHQ6J7B6.js → chunk-REEHJV7M.js}

@@ -1,6 +1,7 @@
-import { Badge, Card } from './chunk-KXVFFEGD.js';
+import { Badge } from './chunk-HTLWFOLC.js';
 import { Button } from './chunk-KJHPOB3J.js';
 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';
@@ -31,18 +32,10 @@ var AuroraVoid = forwardRef(
           isStatic && "ds-aurora-void--static",
           className
         ),
-        "aria-hidden": "true",
         children: [
-          /* @__PURE__ */ jsx("div", { className: "ds-aurora-void__aurora" }),
-          /* @__PURE__ */ jsx("div", { className: "ds-aurora-void__vignette" }),
-          children && /* @__PURE__ */ jsx(
-            "div",
-            {
-              style: { position: "relative", zIndex: 1 },
-              "aria-hidden": void 0,
-              children
-            }
-          )
+          /* @__PURE__ */ jsx("div", { className: "ds-aurora-void__aurora", "aria-hidden": "true" }),
+          /* @__PURE__ */ jsx("div", { className: "ds-aurora-void__vignette", "aria-hidden": "true" }),
+          children && /* @__PURE__ */ jsx("div", { style: { position: "relative", zIndex: 1 }, children })
         ]
       }
     );
@@ -1743,7 +1736,145 @@ var HeroComposition = forwardRef(
   }
 );
 HeroComposition.displayName = "HeroComposition";
+var MarketingHero = forwardRef(
+  ({
+    eyebrow,
+    title,
+    subtitle,
+    primaryCta,
+    secondaryCta,
+    media,
+    children,
+    variant = "center",
+    withGrid = false,
+    withGlow = true,
+    abVariant,
+    analyticsContext,
+    className,
+    ...rest
+  }, ref) => {
+    const hasActions = Boolean(primaryCta || secondaryCta);
+    const hasAside = Boolean(media);
+    return /* @__PURE__ */ jsxs(
+      "section",
+      {
+        ref,
+        className: clsx17(
+          "ds-marketing-hero",
+          `ds-marketing-hero--${variant}`,
+          withGlow && "ds-marketing-hero--with-glow",
+          withGrid && "ds-marketing-hero--with-grid",
+          hasAside && "ds-marketing-hero--with-media",
+          className
+        ),
+        "data-ab-variant": abVariant,
+        "data-analytics-context": analyticsContext,
+        ...rest,
+        children: [
+          withGlow && /* @__PURE__ */ jsx(
+            AuroraVoid,
+            {
+              intensity: variant === "premium-split" ? "heavy" : "base",
+              animated: true,
+              className: "ds-marketing-hero__aurora"
+            }
+          ),
+          /* @__PURE__ */ jsx(Vignette, { intensity: "base", className: "ds-marketing-hero__vignette" }),
+          withGrid && /* @__PURE__ */ jsx(
+            GridOverlay,
+            {
+              cell: "64",
+              mask: true,
+              className: "ds-marketing-hero__grid"
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { className: "ds-marketing-hero__inner", children: [
+            /* @__PURE__ */ jsxs("div", { className: "ds-marketing-hero__content", children: [
+              /* @__PURE__ */ jsx("h1", { className: "ds-marketing-hero__eyebrow", children: eyebrow }),
+              /* @__PURE__ */ jsx("p", { className: "ds-marketing-hero__title", children: title }),
+              subtitle && /* @__PURE__ */ jsx("p", { className: "ds-marketing-hero__subtitle", children: subtitle }),
+              hasActions && /* @__PURE__ */ jsxs("div", { className: "ds-marketing-hero__actions", children: [
+                primaryCta,
+                secondaryCta
+              ] }),
+              children && /* @__PURE__ */ jsx("div", { className: "ds-marketing-hero__body", children })
+            ] }),
+            media && /* @__PURE__ */ jsx("div", { className: "ds-marketing-hero__media", children: media })
+          ] })
+        ]
+      }
+    );
+  }
+);
+MarketingHero.displayName = "MarketingHero";
+var MarketingSection = forwardRef(
+  ({
+    eyebrow,
+    title,
+    titleHighlight,
+    subtitle,
+    children,
+    background = "whisper",
+    align = "center",
+    withGlow = true,
+    withGrid = false,
+    analyticsContext,
+    className,
+    ...props
+  }, ref) => {
+    const hasHeader = Boolean(eyebrow || title || titleHighlight || subtitle);
+    return /* @__PURE__ */ jsxs(
+      "section",
+      {
+        ref,
+        className: clsx17(
+          "ds-marketing-section",
+          `ds-marketing-section--background-${background}`,
+          `ds-marketing-section--align-${align}`,
+          withGlow && "ds-marketing-section--with-glow",
+          withGrid && "ds-marketing-section--with-grid",
+          className
+        ),
+        "data-analytics-context": analyticsContext,
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "ds-marketing-section__background", "aria-hidden": "true", children: [
+            withGlow && /* @__PURE__ */ jsx(
+              AuroraVoid,
+              {
+                className: "ds-marketing-section__aurora",
+                intensity: "light",
+                static: true
+              }
+            ),
+            withGrid && /* @__PURE__ */ jsx(
+              GridOverlay,
+              {
+                className: "ds-marketing-section__grid",
+                cell: "64",
+                mask: true
+              }
+            ),
+            /* @__PURE__ */ jsx(Vignette, { className: "ds-marketing-section__vignette", intensity: "light" })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "ds-marketing-section__inner", children: [
+            hasHeader && /* @__PURE__ */ jsxs("header", { className: "ds-marketing-section__header", children: [
+              eyebrow && /* @__PURE__ */ jsx("p", { className: "ds-marketing-section__eyebrow", children: eyebrow }),
+              (title || titleHighlight) && /* @__PURE__ */ jsxs("h2", { className: "ds-marketing-section__title", children: [
+                title && /* @__PURE__ */ jsx("span", { className: "ds-marketing-section__title-line", children: title }),
+                titleHighlight && /* @__PURE__ */ jsx("span", { className: "ds-marketing-section__title-line ds-marketing-section__title-line--highlight", children: titleHighlight })
+              ] }),
+              subtitle && /* @__PURE__ */ jsx("p", { className: "ds-marketing-section__subtitle", children: subtitle })
+            ] }),
+            children && /* @__PURE__ */ jsx("div", { className: "ds-marketing-section__content", children })
+          ] })
+        ]
+      }
+    );
+  }
+);
+MarketingSection.displayName = "MarketingSection";
 
-export { ArchitectureDiagram, AuroraVoid, BeforeAfterBlock, BookingEmbed, CaseStudyCard, ComparisonTable, CompetitorDiff, ComplianceGrid, EcosystemDiagram, EnterpriseSignaling, EvolutionTimeline, GridOverlay, GuaranteeHighlight, HeroComposition, ICPFilter, IntelligenceBlock, IntentCTA, KPIPanel, ObjectionFAQ, PartnerValueProp, PricingCard, ProblemAgitation, ROICalculator, SegmentSwitch, StickyActionBar, ValueAnchor, Vignette };
+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-HHQ6J7B6.js.map
+//# sourceMappingURL=chunk-REEHJV7M.js.map