@salesmind-ai/design-system 0.3.13 → 0.4.0

package/dist/chunk-H2KQ3WSH.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/HeroSection/HeroSection.tsx","../src/components/FeatureSection/FeatureSection.tsx","../src/components/CTASection/CTASection.tsx","../src/components/StatsSection/StatsSection.tsx"],"names":["forwardRef","clsx","jsx","jsxs"],"mappings":"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","sourcesContent":["import React, { forwardRef } from 'react';\nimport clsx from 'clsx';\nimport { SectionShell, SectionShellProps } from '../SectionShell/SectionShell';\nimport { Stack, Box } from '../LayoutPrimitives';\nimport './HeroSection.css';\n\n/* ============================================================================\n   Types\n   ============================================================================ */\n\nexport interface HeroSectionProps extends Omit<SectionShellProps, 'title'> {\n  variant?: 'left' | 'center' | 'split';\n  title: React.ReactNode;\n  titleAs?: React.ElementType;\n  subtitle?: React.ReactNode;\n  eyebrow?: React.ReactNode;\n  eyebrowAs?: React.ElementType;\n  primaryCta?: React.ReactNode;\n  secondaryCta?: React.ReactNode;\n\n  /** Main visual (Image, Video, or Component) */\n  media?: React.ReactNode;\n  /** Adds a browser-like header bar to the media container */\n  mediaBrowserFrame?: boolean;\n\n  /** Optional floating elements (e.g. SocialProof cards) over the media */\n  floatingElement?: React.ReactNode;\n  floatingPosition?: 'top-right' | 'bottom-left';\n\n  /** Background Visuals */\n  withGrid?: boolean;\n  withGlow?: boolean;\n\n  align?: 'left' | 'center'; // Text alignment overrides variant default\n}\n\n/* ============================================================================\n   Component\n   ============================================================================ */\n\nexport const HeroSection = forwardRef<HTMLDivElement, HeroSectionProps>(\n  (\n    {\n      variant = 'left',\n      title,\n      titleAs: TitleElement = 'h1',\n      subtitle,\n      eyebrow,\n      eyebrowAs: EyebrowElement = 'span',\n      primaryCta,\n      secondaryCta,\n      media,\n      mediaBrowserFrame = false,\n      floatingElement,\n      floatingPosition = 'bottom-left',\n      withGrid = false,\n      withGlow = false,\n      align,\n      padding = 'lg',\n      className,\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    // Determine layout based on variant\n    const isSplit = variant === 'split';\n    const isCenter = variant === 'center';\n\n    // Default alignment\n    const textAlignment = align || (isCenter ? 'center' : 'left');\n\n    const ContentBlock = (\n      <div className={clsx('ds-hero__content', `ds-hero__content--${textAlignment}`)}>\n        {eyebrow && (\n          <EyebrowElement className=\"ds-section-header__eyebrow\" style={{ marginBottom: 'var(--space-2)' }}>\n            {eyebrow}\n          </EyebrowElement>\n        )}\n        <TitleElement className=\"ds-hero__title\">{title}</TitleElement>\n        {subtitle && <p className=\"ds-hero__subtitle\">{subtitle}</p>}\n\n        {(primaryCta || secondaryCta) && (\n          <div className=\"ds-hero__actions\">\n            {primaryCta}\n            {secondaryCta}\n          </div>\n        )}\n        {children}\n      </div>\n    );\n\n    const MediaBlock = media && (\n      <div className=\"ds-hero__media-wrapper\">\n        <div className={clsx('ds-hero__media', mediaBrowserFrame && 'ds-hero__media--browser')}>\n          {media}\n        </div>\n        {floatingElement && (\n          <div className={clsx('ds-hero__float', `ds-hero__float--${floatingPosition}`)}>\n            {floatingElement}\n          </div>\n        )}\n      </div>\n    );\n\n    return (\n      <SectionShell\n        ref={ref}\n        className={clsx(\n          'ds-hero',\n          `ds-hero--${variant}`,\n          withGrid && 'ds-hero--bg-grid',\n          withGlow && 'ds-hero--bg-glow',\n          className,\n        )}\n        padding={padding}\n        {...props}\n      >\n        {isSplit ? (\n          <div\n            style={{\n              display: 'grid',\n              gridTemplateColumns: 'repeat(auto-fit, minmax(min(100%, 500px), 1fr))',\n              gap: 'var(--space-16)',\n              alignItems: 'center',\n            }}\n          >\n            <Box>{ContentBlock}</Box>\n            <Box>{MediaBlock}</Box>\n          </div>\n        ) : (\n          <Stack gap={16} align={isCenter ? 'center' : 'start'}>\n            {ContentBlock}\n            {MediaBlock && (\n              <Box\n                style={{\n                  width: '100%',\n                  display: 'flex',\n                  justifyContent: isCenter ? 'center' : 'flex-start',\n                }}\n              >\n                <div style={{ width: '100%', maxWidth: isCenter ? '1200px' : '100%' }}>\n                  {MediaBlock}\n                </div>\n              </Box>\n            )}\n          </Stack>\n        )}\n      </SectionShell>\n    );\n  },\n);\n\nHeroSection.displayName = 'HeroSection';\n","import React, { forwardRef } from 'react';\nimport clsx from 'clsx';\nimport { SectionShell, SectionShellProps, SectionHeader } from '../SectionShell/SectionShell';\nimport './FeatureSection.css';\n\n/* ============================================================================\n   Types\n   ============================================================================ */\n\nexport interface FeatureItem {\n  title: React.ReactNode;\n  description: React.ReactNode;\n  icon?: React.ReactNode;\n  media?: React.ReactNode; // For ZigZag\n  step?: string | number; // For ZigZag steps\n  cta?: React.ReactNode;\n}\n\nexport interface FeatureSectionProps extends Omit<SectionShellProps, 'title'> {\n  variant?: 'grid' | 'zigzag';\n  columns?: 2 | 3 | 4; // For grid variant\n  features: FeatureItem[];\n  title?: React.ReactNode;\n  subtitle?: React.ReactNode;\n  eyebrow?: React.ReactNode;\n  alignHeader?: 'left' | 'center' | 'right';\n}\n\n/* ============================================================================\n   Components\n   ============================================================================ */\n\nconst FeatureCard = ({ item }: { item: FeatureItem }) => (\n  <div className=\"ds-feature-card\">\n    {item.icon && <div className=\"ds-feature-card__icon\">{item.icon}</div>}\n    <h3 className=\"ds-feature-card__title\">{item.title}</h3>\n    <div className=\"ds-feature-card__description\">{item.description}</div>\n    {item.cta && <div className=\"ds-feature-card__cta\">{item.cta}</div>}\n  </div>\n);\n\nconst FeatureRow = ({ item }: { item: FeatureItem }) => (\n  <div className=\"ds-feature-row\">\n    <div className=\"ds-feature-row__content\">\n      {item.step && <div className=\"ds-feature-row__step\">STEP {item.step}</div>}\n      {item.icon && <div className=\"ds-feature-card__icon\">{item.icon}</div>}\n      <h3 className=\"ds-section-header__title\" style={{ fontSize: 'var(--font-size-2xl)' }}>\n        {item.title}\n      </h3>\n      <div className=\"ds-section-header__subtitle\" style={{ fontSize: 'var(--font-size-lg)' }}>\n        {item.description}\n      </div>\n      {item.cta && <div className=\"ds-hero__actions\">{item.cta}</div>}\n    </div>\n    <div className=\"ds-feature-row__media\">\n      {item.media || (\n        <div style={{ paddingBottom: '56.25%', background: 'var(--glass-base-active)' }} />\n      )}\n    </div>\n  </div>\n);\n\nexport const FeatureSection = forwardRef<HTMLDivElement, FeatureSectionProps>(\n  (\n    {\n      variant = 'grid',\n      columns = 3,\n      features,\n      title,\n      subtitle,\n      eyebrow,\n      alignHeader = 'center',\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    return (\n      <SectionShell ref={ref} className={clsx('ds-feature-section', className)} {...props}>\n        <SectionHeader title={title} subtitle={subtitle} eyebrow={eyebrow} align={alignHeader} />\n\n        {variant === 'grid' ? (\n          <div className={clsx('ds-feature-grid', `ds-feature-grid--${columns}-col`)}>\n            {features.map((feature, index) => (\n              <FeatureCard key={index} item={feature} />\n            ))}\n          </div>\n        ) : (\n          <div className=\"ds-feature-zigzag\">\n            {features.map((feature, index) => (\n              <FeatureRow key={index} item={feature} />\n            ))}\n          </div>\n        )}\n      </SectionShell>\n    );\n  },\n);\nFeatureSection.displayName = 'FeatureSection';\n","import React, { forwardRef } from 'react';\nimport clsx from 'clsx';\nimport { SectionShell, SectionShellProps } from '../SectionShell/SectionShell';\nimport './CTASection.css';\n\nexport interface CTASectionProps extends Omit<SectionShellProps, 'title'> {\n  variant?: 'center' | 'split' | 'boxed';\n  title: React.ReactNode;\n  description?: React.ReactNode;\n  primaryCta?: React.ReactNode;\n  secondaryCta?: React.ReactNode;\n  actions?: React.ReactNode; // Custom actions slot\n}\n\nexport const CTASection = forwardRef<HTMLDivElement, CTASectionProps>(\n  (\n    {\n      variant = 'center',\n      title,\n      description,\n      primaryCta,\n      secondaryCta,\n      actions,\n      className,\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    // \"Boxed\" is just centered content inside a card-like container within the section\n    const isBoxed = variant === 'boxed';\n    const effectiveVariant = isBoxed ? 'center' : variant;\n\n    const Content = (\n      <div className={clsx('ds-cta-section', `ds-cta-section--${effectiveVariant}`)}>\n        {effectiveVariant === 'split' ? (\n          <div className=\"ds-cta-section--split\">\n            <div className=\"ds-cta-content\">\n              <h2 className=\"ds-cta-title\">{title}</h2>\n              {description && <p className=\"ds-cta-description\">{description}</p>}\n            </div>\n            <div className=\"ds-cta-actions\">\n              {actions || (\n                <>\n                  {primaryCta}\n                  {secondaryCta}\n                </>\n              )}\n            </div>\n          </div>\n        ) : (\n          <div className=\"ds-cta-content\">\n            <h2 className=\"ds-cta-title\">{title}</h2>\n            {description && <p className=\"ds-cta-description\">{description}</p>}\n            <div className=\"ds-cta-actions\">\n              {actions || (\n                <>\n                  {primaryCta}\n                  {secondaryCta}\n                </>\n              )}\n            </div>\n          </div>\n        )}\n        {children}\n      </div>\n    );\n\n    return (\n      <SectionShell ref={ref} className={clsx(className)} {...props}>\n        {isBoxed ? <div className=\"ds-cta-card\">{Content}</div> : Content}\n      </SectionShell>\n    );\n  },\n);\nCTASection.displayName = 'CTASection';\n","import React, { forwardRef } from 'react';\nimport clsx from 'clsx';\nimport { SectionShell, SectionShellProps, SectionHeader } from '../SectionShell/SectionShell';\nimport './StatsSection.css';\n\nexport interface StatItem {\n  label: string;\n  value: string | number;\n  suffix?: string;\n  prefix?: string;\n}\n\nexport interface StatsSectionProps extends Omit<SectionShellProps, 'title'> {\n  stats: StatItem[];\n  columns?: number;\n  title?: React.ReactNode;\n  subtitle?: React.ReactNode;\n  eyebrow?: React.ReactNode;\n}\n\nexport const StatsSection = forwardRef<HTMLDivElement, StatsSectionProps>(\n  ({ stats, columns = 4, title, subtitle, eyebrow, className, ...props }, ref) => {\n    return (\n      <SectionShell ref={ref} className={clsx('ds-stats-section', className)} {...props}>\n        <SectionHeader title={title} subtitle={subtitle} eyebrow={eyebrow} />\n\n        <div className=\"ds-stats-grid\" style={{ '--stats-columns': columns } as React.CSSProperties}>\n          {stats.map((stat, idx) => (\n            <div key={idx} className=\"ds-stat-card\">\n              <div className=\"ds-stat-value\">\n                {stat.prefix}\n                {stat.value}\n                <span className=\"ds-stat-suffix\">{stat.suffix}</span>\n              </div>\n              <div className=\"ds-stat-label\">{stat.label}</div>\n            </div>\n          ))}\n        </div>\n      </SectionShell>\n    );\n  },\n);\nStatsSection.displayName = 'StatsSection';\n"]}

package/dist/{chunk-6R4F3HK6.js → chunk-HDVAMYSG.js}

@@ -1,4 +1,4 @@
-import { useAppearance } from './chunk-QTARL7VL.js';
+import { useAppearance } from './chunk-7UZ5DETZ.js';
 import React from 'react';
 import clsx2 from 'clsx';
 import { jsxs, jsx } from 'react/jsx-runtime';
@@ -154,4 +154,4 @@ ColorPicker.displayName = "ColorPicker";
 
 export { ColorPicker, ThemeSelector, VoidBackground };
 //# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-6R4F3HK6.js.map
+//# sourceMappingURL=chunk-HDVAMYSG.js.map

package/dist/{chunk-AFZW6GHI.cjs → chunk-LTPTW2US.cjs}

@@ -7,7 +7,7 @@ var chunkDP74LUXG_cjs = require('./chunk-DP74LUXG.cjs');
 var chunkQ75DBVDY_cjs = require('./chunk-Q75DBVDY.cjs');
 var chunkVC5LMUVQ_cjs = require('./chunk-VC5LMUVQ.cjs');
 var chunkVM7WFMKI_cjs = require('./chunk-VM7WFMKI.cjs');
-var chunkEM7JHRYW_cjs = require('./chunk-EM7JHRYW.cjs');
+var chunkBJZ2DKS5_cjs = require('./chunk-BJZ2DKS5.cjs');
 var chunkLJADZITX_cjs = require('./chunk-LJADZITX.cjs');
 var React34 = require('react');
 var clsx27 = require('clsx');
@@ -853,13 +853,13 @@ var BeforeAfterBlock = React34.forwardRef(
       i
     ));
     return /* @__PURE__ */ jsxRuntime.jsxs(
-      chunkEM7JHRYW_cjs.SectionShell,
+      chunkBJZ2DKS5_cjs.SectionShell,
       {
         ref,
         className: clsx27__default.default("ds-before-after", className),
         ...props,
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunkEM7JHRYW_cjs.SectionHeader, { eyebrow, title }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkBJZ2DKS5_cjs.SectionHeader, { eyebrow, title }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx27__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 }),
@@ -893,13 +893,13 @@ var CompetitorDiff = React34.forwardRef(
     ...props
   }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsxs(
-      chunkEM7JHRYW_cjs.SectionShell,
+      chunkBJZ2DKS5_cjs.SectionShell,
       {
         ref,
         className: clsx27__default.default("ds-competitor-diff", className),
         ...props,
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunkEM7JHRYW_cjs.SectionHeader, { eyebrow, title, subtitle }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkBJZ2DKS5_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" }),
@@ -971,13 +971,13 @@ var StakeholderTabs = React34.forwardRef(
     ...props
   }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsxs(
-      chunkEM7JHRYW_cjs.SectionShell,
+      chunkBJZ2DKS5_cjs.SectionShell,
       {
         ref,
         className: clsx27__default.default("ds-stakeholder-tabs", className),
         ...props,
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunkEM7JHRYW_cjs.SectionHeader, { eyebrow, title }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkBJZ2DKS5_cjs.SectionHeader, { eyebrow, title }),
           /* @__PURE__ */ jsxRuntime.jsxs(chunkHCZW5AJN_cjs.Tabs, { defaultValue: defaultIndex, children: [
             /* @__PURE__ */ jsxRuntime.jsx(chunkHCZW5AJN_cjs.TabsList, { className: "ds-stakeholder-tabs__list", children: stakeholders.map((s, i) => /* @__PURE__ */ jsxRuntime.jsxs(chunkHCZW5AJN_cjs.TabsTrigger, { value: i, className: "ds-stakeholder-tabs__trigger", children: [
               s.icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ds-stakeholder-tabs__icon", "aria-hidden": "true", children: s.icon }),
@@ -1021,13 +1021,13 @@ var IntegrationShowcase = React34.forwardRef(
     const allCategories = categories ?? ["All", ...new Set(integrations.map((i) => i.category))];
     const filtered = activeCategory === "All" ? integrations : integrations.filter((i) => i.category === activeCategory);
     return /* @__PURE__ */ jsxRuntime.jsxs(
-      chunkEM7JHRYW_cjs.SectionShell,
+      chunkBJZ2DKS5_cjs.SectionShell,
       {
         ref,
         className: clsx27__default.default("ds-integration-showcase", className),
         ...props,
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunkEM7JHRYW_cjs.SectionHeader, { eyebrow, title, subtitle }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkBJZ2DKS5_cjs.SectionHeader, { eyebrow, title, subtitle }),
           filterable && allCategories.length > 1 && /* @__PURE__ */ jsxRuntime.jsxs(
             chunkHCZW5AJN_cjs.Tabs,
             {
@@ -1070,13 +1070,13 @@ var SecurityBlock = React34.forwardRef(
     ...props
   }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsxs(
-      chunkEM7JHRYW_cjs.SectionShell,
+      chunkBJZ2DKS5_cjs.SectionShell,
       {
         ref,
         className: clsx27__default.default("ds-security-block", className),
         ...props,
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunkEM7JHRYW_cjs.SectionHeader, { eyebrow, title, subtitle }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkBJZ2DKS5_cjs.SectionHeader, { eyebrow, title, subtitle }),
           certifications && certifications.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx27__default.default("ds-security-block__certs", `ds-security-block__certs--${variant}`), children: certifications.map((cert, i) => {
             const inner = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ds-security-block__cert", children: [
               /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ds-security-block__cert-icon", children: cert.icon }),
@@ -1121,13 +1121,13 @@ var CaseStudySection = React34.forwardRef(
     const filtered = activeFilter === "All" ? caseStudies : caseStudies.filter((cs) => cs.industry === activeFilter);
     const visible = maxVisible ? filtered.slice(0, maxVisible) : filtered;
     return /* @__PURE__ */ jsxRuntime.jsxs(
-      chunkEM7JHRYW_cjs.SectionShell,
+      chunkBJZ2DKS5_cjs.SectionShell,
       {
         ref,
         className: clsx27__default.default("ds-case-study-section", className),
         ...props,
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunkEM7JHRYW_cjs.SectionHeader, { eyebrow, title, subtitle }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkBJZ2DKS5_cjs.SectionHeader, { eyebrow, title, subtitle }),
           filterable && allFilters.length > 1 && /* @__PURE__ */ jsxRuntime.jsxs(
             chunkHCZW5AJN_cjs.Tabs,
             {
@@ -1157,7 +1157,7 @@ var ManifestoBlock = React34.forwardRef(
   }, ref) => {
     const initials = attribution ? attribution.name.split(" ").map((n) => n[0]).join("").slice(0, 2) : "";
     return /* @__PURE__ */ jsxRuntime.jsx(
-      chunkEM7JHRYW_cjs.SectionShell,
+      chunkBJZ2DKS5_cjs.SectionShell,
       {
         ref,
         className: clsx27__default.default("ds-manifesto", `ds-manifesto--${variant}`, className),
@@ -1196,13 +1196,13 @@ var ComplianceGrid = React34.forwardRef(
     ...props
   }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsxs(
-      chunkEM7JHRYW_cjs.SectionShell,
+      chunkBJZ2DKS5_cjs.SectionShell,
       {
         ref,
         className: clsx27__default.default("ds-compliance-grid", className),
         ...props,
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunkEM7JHRYW_cjs.SectionHeader, { eyebrow, title, subtitle }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkBJZ2DKS5_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",
@@ -1425,13 +1425,13 @@ var EvolutionTimeline = React34.forwardRef(
     ...props
   }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsxs(
-      chunkEM7JHRYW_cjs.SectionShell,
+      chunkBJZ2DKS5_cjs.SectionShell,
       {
         ref,
         className: clsx27__default.default("ds-evolution-timeline", className),
         ...props,
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunkEM7JHRYW_cjs.SectionHeader, { eyebrow, title, subtitle }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkBJZ2DKS5_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(
@@ -1480,13 +1480,13 @@ var EcosystemDiagram = React34.forwardRef(
     ...props
   }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsxs(
-      chunkEM7JHRYW_cjs.SectionShell,
+      chunkBJZ2DKS5_cjs.SectionShell,
       {
         ref,
         className: clsx27__default.default("ds-ecosystem", `ds-ecosystem--${variant}`, className),
         ...props,
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunkEM7JHRYW_cjs.SectionHeader, { eyebrow, title, subtitle }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkBJZ2DKS5_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: [
@@ -1534,13 +1534,13 @@ var ValueAnchor = React34.forwardRef(
     }, []);
     const output = React34.useMemo(() => calculate(values), [values, calculate]);
     return /* @__PURE__ */ jsxRuntime.jsxs(
-      chunkEM7JHRYW_cjs.SectionShell,
+      chunkBJZ2DKS5_cjs.SectionShell,
       {
         ref,
         className: clsx27__default.default("ds-value-anchor", className),
         ...props,
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunkEM7JHRYW_cjs.SectionHeader, { eyebrow, title, subtitle }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkBJZ2DKS5_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: [
@@ -1626,13 +1626,13 @@ var EnterpriseSignaling = React34.forwardRef(
       );
     }
     return /* @__PURE__ */ jsxRuntime.jsxs(
-      chunkEM7JHRYW_cjs.SectionShell,
+      chunkBJZ2DKS5_cjs.SectionShell,
       {
         ref,
         className: clsx27__default.default("ds-enterprise-signaling", `ds-enterprise-signaling--${variant}`, className),
         ...props,
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunkEM7JHRYW_cjs.SectionHeader, { eyebrow, title, subtitle }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkBJZ2DKS5_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 }),
@@ -1727,13 +1727,13 @@ var IntelligenceBlock = React34.forwardRef(
       ] })
     ] }, i)) });
     return /* @__PURE__ */ jsxRuntime.jsxs(
-      chunkEM7JHRYW_cjs.SectionShell,
+      chunkBJZ2DKS5_cjs.SectionShell,
       {
         ref,
         className: clsx27__default.default("ds-intelligence", `ds-intelligence--${variant}`, className),
         ...props,
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunkEM7JHRYW_cjs.SectionHeader, { eyebrow, title, subtitle }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkBJZ2DKS5_cjs.SectionHeader, { eyebrow, title, subtitle }),
           variant === "capabilities-first" ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
             capabilitiesBlock,
             metricsBlock
@@ -1782,13 +1782,13 @@ var PartnerValueProp = React34.forwardRef(
       return calculator.calculate(values);
     }, [values, calculator]);
     return /* @__PURE__ */ jsxRuntime.jsxs(
-      chunkEM7JHRYW_cjs.SectionShell,
+      chunkBJZ2DKS5_cjs.SectionShell,
       {
         ref,
         className: clsx27__default.default("ds-partner-vp", className),
         ...props,
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunkEM7JHRYW_cjs.SectionHeader, { eyebrow, title, subtitle }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkBJZ2DKS5_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 }),
@@ -2161,4 +2161,4 @@ exports.StickyActionBar = StickyActionBar;
 exports.ValueAnchor = ValueAnchor;
 exports.VideoEmbed = VideoEmbed;
 //# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-AFZW6GHI.cjs.map
+//# sourceMappingURL=chunk-LTPTW2US.cjs.map

package/dist/{chunk-T5H5PNLN.js → chunk-OWS2KAXZ.js}

@@ -1,5 +1,5 @@
-import { VARIANTS } from './chunk-YNVRDD2P.js';
-import { SectionShell } from './chunk-UFAJY2DM.js';
+import { VARIANTS } from './chunk-BUTQSDQH.js';
+import { SectionShell } from './chunk-VFJZQQZU.js';
 import { OutboundLink } from './chunk-KJ2OXQF4.js';
 import React3, { forwardRef, useState, useRef, useEffect, useCallback } from 'react';
 import clsx4 from 'clsx';
@@ -698,4 +698,4 @@ VideoLightbox.displayName = "VideoLightbox";
 
 export { PlatformBadge, SocialProof, SocialProofCard, SocialProofCarousel, SocialProofFeatured, SocialProofGrid, SocialProofLogos, StarRating, VerticalVideoGrid, VideoLightbox };
 //# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-T5H5PNLN.js.map
+//# sourceMappingURL=chunk-OWS2KAXZ.js.map

package/dist/chunk-PUPSK3DI.cjs

@@ -0,0 +1,216 @@
+'use strict';
+
+// src/tokens/motion.ts
+var DURATION = {
+  micro: 0.15,
+  // 150ms
+  short: 0.25,
+  // 250ms
+  medium: 0.5,
+  // 500ms
+  long: 1
+  // 1000ms
+};
+var EASING = {
+  standard: [0.16, 1, 0.3, 1],
+  // Smooth, premium feel
+  emphasis: [0.34, 1.56, 0.64, 1],
+  // Slight spring/overshoot
+  exit: [0.4, 0, 0.2, 1],
+  // Quick, decisive exit
+  linear: [0, 0, 1, 1]
+};
+var TRANSITION = {
+  standard: {
+    duration: DURATION.medium,
+    ease: EASING.standard
+  },
+  emphasis: {
+    duration: DURATION.medium,
+    ease: EASING.emphasis
+  },
+  quick: {
+    duration: DURATION.short,
+    ease: EASING.standard
+  },
+  spring: {
+    type: "spring",
+    stiffness: 200,
+    damping: 20
+  }
+};
+var DISTANCE = {
+  sm: 4,
+  md: 12,
+  lg: 24,
+  xl: 48
+};
+var VARIANTS = {
+  fadeIn: {
+    hidden: { opacity: 0 },
+    visible: { opacity: 1, transition: { duration: DURATION.medium, ease: EASING.standard } }
+  },
+  fadeUp: {
+    hidden: { opacity: 0, y: 12 },
+    visible: { opacity: 1, y: 0, transition: { duration: DURATION.medium, ease: EASING.standard } }
+  },
+  fadeDown: {
+    hidden: { opacity: 0, y: -12 },
+    visible: { opacity: 1, y: 0, transition: { duration: DURATION.medium, ease: EASING.standard } }
+  },
+  scaleIn: {
+    hidden: { opacity: 0, scale: 0.95 },
+    visible: {
+      opacity: 1,
+      scale: 1,
+      transition: { duration: DURATION.short, ease: EASING.emphasis }
+    }
+  },
+  slideLeft: {
+    hidden: { opacity: 0, x: DISTANCE.lg },
+    visible: { opacity: 1, x: 0, transition: { duration: DURATION.medium, ease: EASING.standard } }
+  },
+  slideRight: {
+    hidden: { opacity: 0, x: -DISTANCE.lg },
+    visible: { opacity: 1, x: 0, transition: { duration: DURATION.medium, ease: EASING.standard } }
+  },
+  staggerContainer: {
+    hidden: { opacity: 0 },
+    visible: {
+      opacity: 1,
+      transition: {
+        staggerChildren: 0.08,
+        delayChildren: 0.1
+      }
+    }
+  },
+  pulse: {
+    hidden: { scale: 1 },
+    visible: {
+      scale: [1, 1.05, 1],
+      transition: { duration: 1.5, repeat: Infinity, ease: "easeInOut" }
+    }
+  },
+  impact: {
+    hidden: { scale: 1 },
+    trigger: {
+      scale: [1, 0.95, 1.05, 1],
+      transition: { duration: 0.4, ease: "backOut" }
+    }
+  }
+};
+var HERO_ENTRANCE = {
+  container: {
+    variants: {
+      hidden: { opacity: 1 },
+      visible: {
+        opacity: 1,
+        transition: {
+          staggerChildren: 0.12,
+          delayChildren: 0.05
+        }
+      }
+    }
+  },
+  child: {
+    variants: VARIANTS.fadeUp
+  },
+  delays: {
+    eyebrow: 0,
+    title: 0.05,
+    subtitle: 0.17,
+    cta: 0.29,
+    media: 0.41
+  }
+};
+var SECTION_REVEAL = {
+  container: {
+    variants: VARIANTS.staggerContainer
+  },
+  content: {
+    variants: VARIANTS.fadeUp
+  },
+  viewportMargin: "-15%"
+};
+var CARD_HOVER = {
+  rest: { y: 0, scale: 1 },
+  hover: {
+    y: -4,
+    scale: 1.01,
+    transition: { duration: DURATION.short, ease: EASING.standard }
+  }
+};
+var PANEL_CROSSFADE = {
+  initial: { opacity: 0, y: 8 },
+  animate: {
+    opacity: 1,
+    y: 0,
+    transition: { duration: DURATION.short, ease: EASING.standard }
+  },
+  exit: {
+    opacity: 0,
+    y: -8,
+    transition: { duration: DURATION.micro, ease: EASING.exit }
+  }
+};
+var TAB_SLIDE = {
+  transition: TRANSITION.spring,
+  layout: true
+};
+var PRESETS = {
+  heroEntrance: HERO_ENTRANCE,
+  sectionReveal: SECTION_REVEAL,
+  cardHover: CARD_HOVER,
+  panelCrossfade: PANEL_CROSSFADE,
+  tabSlide: TAB_SLIDE
+};
+var REDUCED_VARIANTS = {
+  fadeOnly: {
+    hidden: { opacity: 0 },
+    visible: { opacity: 1, transition: { duration: DURATION.short } }
+  },
+  none: {
+    hidden: { opacity: 1 },
+    visible: { opacity: 1 }
+  }
+};
+var REDUCED_PANEL_CROSSFADE = {
+  initial: { opacity: 0 },
+  animate: { opacity: 1, transition: { duration: DURATION.micro } },
+  exit: { opacity: 0, transition: { duration: DURATION.micro } }
+};
+var VARIANT_MAP = {
+  fadeIn: VARIANTS.fadeIn,
+  fadeUp: VARIANTS.fadeUp,
+  fadeDown: VARIANTS.fadeDown,
+  scaleIn: VARIANTS.scaleIn,
+  slideLeft: VARIANTS.slideLeft,
+  slideRight: VARIANTS.slideRight
+};
+var MOTION = {
+  DURATION,
+  EASING,
+  TRANSITION,
+  VARIANTS,
+  DISTANCE,
+  PRESETS,
+  REDUCED_VARIANTS
+};
+
+exports.CARD_HOVER = CARD_HOVER;
+exports.DISTANCE = DISTANCE;
+exports.DURATION = DURATION;
+exports.EASING = EASING;
+exports.HERO_ENTRANCE = HERO_ENTRANCE;
+exports.MOTION = MOTION;
+exports.PANEL_CROSSFADE = PANEL_CROSSFADE;
+exports.PRESETS = PRESETS;
+exports.REDUCED_PANEL_CROSSFADE = REDUCED_PANEL_CROSSFADE;
+exports.REDUCED_VARIANTS = REDUCED_VARIANTS;
+exports.SECTION_REVEAL = SECTION_REVEAL;
+exports.TAB_SLIDE = TAB_SLIDE;
+exports.TRANSITION = TRANSITION;
+exports.VARIANTS = VARIANTS;
+exports.VARIANT_MAP = VARIANT_MAP;
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=chunk-PUPSK3DI.cjs.map

package/dist/chunk-PUPSK3DI.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/tokens/motion.ts"],"names":[],"mappings":"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","sourcesContent":["/* ============================================================================\n   MOTION TOKENS & FRAMER CONFIG\n   ============================================================================ */\n\n/**\n * Duration tokens (seconds) for Framer Motion\n */\nexport const DURATION = {\n  micro: 0.15, // 150ms\n  short: 0.25, // 250ms\n  medium: 0.5, // 500ms\n  long: 1.0, // 1000ms\n} as const;\n\n/**\n * Easing definitions (cubic-bezier arrays) for Framer Motion\n */\nexport const EASING = {\n  standard: [0.16, 1, 0.3, 1], // Smooth, premium feel\n  emphasis: [0.34, 1.56, 0.64, 1], // Slight spring/overshoot\n  exit: [0.4, 0, 0.2, 1], // Quick, decisive exit\n  linear: [0, 0, 1, 1],\n} as const;\n\n/**\n * Standard transitions for Framer Motion\n */\nexport const TRANSITION = {\n  standard: {\n    duration: DURATION.medium,\n    ease: EASING.standard,\n  },\n  emphasis: {\n    duration: DURATION.medium,\n    ease: EASING.emphasis,\n  },\n  quick: {\n    duration: DURATION.short,\n    ease: EASING.standard,\n  },\n  spring: {\n    type: 'spring',\n    stiffness: 200,\n    damping: 20,\n  },\n} as const;\n\n/**\n * Layout Tokens\n */\nexport const DISTANCE = {\n  sm: 4,\n  md: 12,\n  lg: 24,\n  xl: 48,\n} as const;\n\n/**\n * Reusable Variants for Framer Motion\n */\nexport const VARIANTS = {\n  fadeIn: {\n    hidden: { opacity: 0 },\n    visible: { opacity: 1, transition: { duration: DURATION.medium, ease: EASING.standard } },\n  },\n  fadeUp: {\n    hidden: { opacity: 0, y: 12 },\n    visible: { opacity: 1, y: 0, transition: { duration: DURATION.medium, ease: EASING.standard } },\n  },\n  fadeDown: {\n    hidden: { opacity: 0, y: -12 },\n    visible: { opacity: 1, y: 0, transition: { duration: DURATION.medium, ease: EASING.standard } },\n  },\n  scaleIn: {\n    hidden: { opacity: 0, scale: 0.95 },\n    visible: {\n      opacity: 1,\n      scale: 1,\n      transition: { duration: DURATION.short, ease: EASING.emphasis },\n    },\n  },\n  slideLeft: {\n    hidden: { opacity: 0, x: DISTANCE.lg },\n    visible: { opacity: 1, x: 0, transition: { duration: DURATION.medium, ease: EASING.standard } },\n  },\n  slideRight: {\n    hidden: { opacity: 0, x: -DISTANCE.lg },\n    visible: { opacity: 1, x: 0, transition: { duration: DURATION.medium, ease: EASING.standard } },\n  },\n  staggerContainer: {\n    hidden: { opacity: 0 },\n    visible: {\n      opacity: 1,\n      transition: {\n        staggerChildren: 0.08,\n        delayChildren: 0.1,\n      },\n    },\n  },\n  pulse: {\n    hidden: { scale: 1 },\n    visible: {\n      scale: [1, 1.05, 1],\n      transition: { duration: 1.5, repeat: Infinity, ease: 'easeInOut' },\n    },\n  },\n  impact: {\n    hidden: { scale: 1 },\n    trigger: {\n      scale: [1, 0.95, 1.05, 1],\n      transition: { duration: 0.4, ease: 'backOut' },\n    },\n  },\n} as const;\n\n/** Stagger: eyebrow → title → subtitle → CTAs → media */\nexport const HERO_ENTRANCE = {\n  container: {\n    variants: {\n      hidden: { opacity: 1 },\n      visible: {\n        opacity: 1,\n        transition: {\n          staggerChildren: 0.12,\n          delayChildren: 0.05,\n        },\n      },\n    },\n  },\n  child: {\n    variants: VARIANTS.fadeUp,\n  },\n  delays: {\n    eyebrow: 0,\n    title: 0.05,\n    subtitle: 0.17,\n    cta: 0.29,\n    media: 0.41,\n  },\n} as const;\n\nexport const SECTION_REVEAL = {\n  container: {\n    variants: VARIANTS.staggerContainer,\n  },\n  content: {\n    variants: VARIANTS.fadeUp,\n  },\n  viewportMargin: '-15%' as const,\n} as const;\n\nexport const CARD_HOVER = {\n  rest: { y: 0, scale: 1 },\n  hover: {\n    y: -4,\n    scale: 1.01,\n    transition: { duration: DURATION.short, ease: EASING.standard },\n  },\n} as const;\n\nexport const PANEL_CROSSFADE = {\n  initial: { opacity: 0, y: 8 },\n  animate: {\n    opacity: 1,\n    y: 0,\n    transition: { duration: DURATION.short, ease: EASING.standard },\n  },\n  exit: {\n    opacity: 0,\n    y: -8,\n    transition: { duration: DURATION.micro, ease: EASING.exit },\n  },\n} as const;\n\nexport const TAB_SLIDE = {\n  transition: TRANSITION.spring,\n  layout: true as const,\n} as const;\n\nexport const PRESETS = {\n  heroEntrance: HERO_ENTRANCE,\n  sectionReveal: SECTION_REVEAL,\n  cardHover: CARD_HOVER,\n  panelCrossfade: PANEL_CROSSFADE,\n  tabSlide: TAB_SLIDE,\n} as const;\n\nexport const REDUCED_VARIANTS = {\n  fadeOnly: {\n    hidden: { opacity: 0 },\n    visible: { opacity: 1, transition: { duration: DURATION.short } },\n  },\n  none: {\n    hidden: { opacity: 1 },\n    visible: { opacity: 1 },\n  },\n} as const;\n\nexport const REDUCED_PANEL_CROSSFADE = {\n  initial: { opacity: 0 },\n  animate: { opacity: 1, transition: { duration: DURATION.micro } },\n  exit: { opacity: 0, transition: { duration: DURATION.micro } },\n} as const;\n\nexport type AnimationVariant = 'fadeIn' | 'fadeUp' | 'fadeDown' | 'scaleIn' | 'slideLeft' | 'slideRight';\n\nexport const VARIANT_MAP = {\n  fadeIn: VARIANTS.fadeIn,\n  fadeUp: VARIANTS.fadeUp,\n  fadeDown: VARIANTS.fadeDown,\n  scaleIn: VARIANTS.scaleIn,\n  slideLeft: VARIANTS.slideLeft,\n  slideRight: VARIANTS.slideRight,\n} satisfies Record<AnimationVariant, unknown>;\n\nexport const MOTION = {\n  DURATION,\n  EASING,\n  TRANSITION,\n  VARIANTS,\n  DISTANCE,\n  PRESETS,\n  REDUCED_VARIANTS,\n} as const;\n"]}

package/dist/{chunk-KE7T2HQC.js → chunk-QWE2RNCS.js}

@@ -1,4 +1,4 @@
-import { VARIANTS, MOTION } from './chunk-YNVRDD2P.js';
+import { VARIANTS, VARIANT_MAP, MOTION } from './chunk-BUTQSDQH.js';
 import React3, { useRef, useState, useEffect, useCallback } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { useInView, motion, useReducedMotion } from 'framer-motion';
@@ -117,6 +117,7 @@ var MotionContainer = ({
   once = true,
   stagger = false,
   delay = 0,
+  animation = "fadeIn",
   className,
   ...props
 }) => {
@@ -125,7 +126,7 @@ var MotionContainer = ({
     once,
     margin: viewportMargin
   });
-  const variants = stagger ? VARIANTS.staggerContainer : VARIANTS.fadeIn;
+  const variants = stagger ? VARIANTS.staggerContainer : VARIANT_MAP[animation];
   return /* @__PURE__ */ jsx(
     motion.div,
     {
@@ -1191,4 +1192,4 @@ FunnelScalingSender.displayName = "FunnelScalingSender";
 
 export { CursorSpotlight, FunnelScalingSender, MotionContainer, MotionText, RevenueAutomationLoop, SpotlightCard };
 //# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-KE7T2HQC.js.map
+//# sourceMappingURL=chunk-QWE2RNCS.js.map