@salesmind-ai/design-system 0.3.0 → 0.3.2

package/dist/chunk-LOWEAQST.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/StarRating/StarRating.tsx","../src/components/PlatformBadge/PlatformBadge.tsx","../src/components/SocialProof/Card.tsx","../src/components/SocialProof/Grid.tsx","../src/components/SocialProof/Logos.tsx","../src/components/SocialProof/Featured.tsx","../src/components/SocialProof/Carousel.tsx","../src/components/SocialProof/VerticalVideoGrid.tsx","../src/components/SocialProof/index.ts","../src/components/VideoLightbox/VideoLightbox.tsx"],"names":["forwardRef","clsx","jsx","jsxs","defaultCta","React","Fragment","useState","PlayIcon"],"mappings":"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","sourcesContent":["import React, { forwardRef, useEffect, useRef, useState } from 'react';\nimport clsx from 'clsx';\nimport './StarRating.css';\n\n/* ============================================================================\n   STAR RATING\n   ============================================================================\n   Animated star display with half-star support, configurable sizes, and\n   optional viewport-triggered fill animation. Replaces text-character\n   star displays across all social proof surfaces.\n\n   Strategic objective: Instant visual trust signal\n   ============================================================================ */\n\nexport interface StarRatingProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Rating value (0-5, supports decimals for half-stars) */\n  value: number;\n  /** Maximum number of stars */\n  max?: number;\n  /** Star size variant */\n  size?: 'sm' | 'md' | 'lg';\n  /** Animate stars filling on viewport entry */\n  animate?: boolean;\n  /** Show numeric value next to stars */\n  showValue?: boolean;\n  /** Label shown after value (e.g., \"/ 5\") */\n  valueLabel?: string;\n}\n\n/**\n * Star rating display with gold-fill, half-star support, and optional\n * entrance animation. Uses inline SVGs with clip-path for precise\n * partial fills.\n *\n * @example\n * ```tsx\n * <StarRating value={4.5} size=\"lg\" animate />\n * <StarRating value={5} size=\"sm\" showValue />\n * ```\n */\nexport const StarRating = forwardRef<HTMLDivElement, StarRatingProps>(\n  (\n    {\n      value,\n      max = 5,\n      size = 'md',\n      animate = false,\n      showValue = false,\n      valueLabel,\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    const [visible, setVisible] = useState(!animate);\n    const containerRef = useRef<HTMLDivElement>(null);\n\n    useEffect(() => {\n      if (!animate) return;\n\n      // Respect reduced motion\n      if (typeof window !== 'undefined') {\n        const mq = window.matchMedia('(prefers-reduced-motion: reduce)');\n        if (mq.matches) {\n          setVisible(true);\n          return;\n        }\n      }\n\n      const target = containerRef.current;\n      if (!target) return;\n\n      const observer = new IntersectionObserver(\n        ([entry]) => {\n          if (entry.isIntersecting) {\n            setVisible(true);\n            observer.disconnect();\n          }\n        },\n        { threshold: 0.5 },\n      );\n\n      observer.observe(target);\n      return () => observer.disconnect();\n    }, [animate]);\n\n    const clampedValue = Math.min(Math.max(value, 0), max);\n\n    const stars = Array.from({ length: max }, (_, i) => {\n      const starIndex = i + 1;\n      const fillPercent =\n        clampedValue >= starIndex\n          ? 100\n          : clampedValue > starIndex - 1\n            ? (clampedValue - (starIndex - 1)) * 100\n            : 0;\n\n      return (\n        <span\n          key={i}\n          className={clsx(\n            'ds-star-rating__star',\n            visible && 'ds-star-rating__star--visible',\n          )}\n          style={{\n            '--star-fill': `${fillPercent}%`,\n            '--star-delay': animate ? `${i * 100}ms` : '0ms',\n          } as React.CSSProperties}\n        >\n          {/* Background (empty) star */}\n          <svg\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            className=\"ds-star-rating__svg\"\n            aria-hidden=\"true\"\n          >\n            <path\n              d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\n              className=\"ds-star-rating__empty\"\n            />\n          </svg>\n          {/* Foreground (filled) star with clip */}\n          <svg\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            className=\"ds-star-rating__svg ds-star-rating__svg--filled\"\n            aria-hidden=\"true\"\n            style={{\n              clipPath: `inset(0 ${100 - fillPercent}% 0 0)`,\n            }}\n          >\n            <path\n              d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\n              className=\"ds-star-rating__filled\"\n            />\n          </svg>\n        </span>\n      );\n    });\n\n    return (\n      <div\n        ref={(node) => {\n          (containerRef as React.MutableRefObject<HTMLDivElement | null>).current = node;\n          if (typeof ref === 'function') ref(node);\n          else if (ref) (ref as React.MutableRefObject<HTMLDivElement | null>).current = node;\n        }}\n        className={clsx('ds-star-rating', `ds-star-rating--${size}`, className)}\n        role=\"img\"\n        aria-label={`${clampedValue} out of ${max} stars`}\n        {...props}\n      >\n        <span className=\"ds-star-rating__stars\">{stars}</span>\n        {showValue && (\n          <span className=\"ds-star-rating__value\">\n            {clampedValue.toLocaleString(undefined, {\n              minimumFractionDigits: clampedValue % 1 !== 0 ? 1 : 0,\n              maximumFractionDigits: 1,\n            })}\n            {valueLabel && (\n              <span className=\"ds-star-rating__value-label\">{valueLabel}</span>\n            )}\n          </span>\n        )}\n      </div>\n    );\n  },\n);\n\nStarRating.displayName = 'StarRating';\n","import React, { forwardRef } from 'react';\nimport clsx from 'clsx';\nimport { StarRating } from '../StarRating/StarRating';\nimport './PlatformBadge.css';\n\n/* ============================================================================\n   PLATFORM BADGE\n   ============================================================================\n   Recognizable review platform icons (Trustpilot, G2, Google, Chrome Web\n   Store) with optional rating display. Builds instant trust through visual\n   brand recognition.\n\n   Strategic objective: Third-party authority signal\n   ============================================================================ */\n\nexport type Platform = 'trustpilot' | 'g2' | 'google' | 'chrome-web-store';\n\nexport interface PlatformBadgeProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Review platform */\n  platform: Platform;\n  /** Display mode */\n  variant?: 'icon-only' | 'icon-label' | 'full';\n  /** Platform rating (used in 'full' variant) */\n  rating?: number;\n  /** Number of reviews (used in 'full' variant) */\n  count?: number;\n  /** Size variant */\n  size?: 'sm' | 'md';\n}\n\n/* --------------------------------------------------------------------------\n   Platform SVG Icons — inline for zero-latency rendering\n   -------------------------------------------------------------------------- */\n\nconst TrustpilotIcon = ({ size }: { size: number }) => (\n  <svg width={size} height={size} viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\">\n    <path d=\"M12 2l2.9 8.9H24l-7.35 5.34 2.81 8.64L12 19.56l-7.46 5.32 2.81-8.64L0 10.9h9.1L12 2z\" fill=\"#00B67A\" />\n  </svg>\n);\n\nconst G2Icon = ({ size }: { size: number }) => (\n  <svg width={size} height={size} viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\">\n    <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2z\" fill=\"#FF492C\" />\n    <text x=\"50%\" y=\"54%\" dominantBaseline=\"middle\" textAnchor=\"middle\" fill=\"white\" fontWeight=\"bold\" fontSize=\"11\" fontFamily=\"Arial, sans-serif\">G2</text>\n  </svg>\n);\n\nconst GoogleIcon = ({ size }: { size: number }) => (\n  <svg width={size} height={size} viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\">\n    <path d=\"M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92a5.06 5.06 0 01-2.2 3.32v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.1z\" fill=\"#4285F4\"/>\n    <path d=\"M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z\" fill=\"#34A853\"/>\n    <path d=\"M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18A10.96 10.96 0 001 12c0 1.77.42 3.45 1.18 4.93l3.66-2.84z\" fill=\"#FBBC05\"/>\n    <path d=\"M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z\" fill=\"#EA4335\"/>\n  </svg>\n);\n\nconst ChromeWebStoreIcon = ({ size }: { size: number }) => (\n  <svg width={size} height={size} viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\">\n    <circle cx=\"12\" cy=\"12\" r=\"10\" fill=\"#4285F4\" opacity=\"0.1\" stroke=\"#4285F4\" strokeWidth=\"1.5\"/>\n    <path d=\"M12 7c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5zm0 8.5c-1.93 0-3.5-1.57-3.5-3.5S10.07 8.5 12 8.5s3.5 1.57 3.5 3.5-1.57 3.5-3.5 3.5z\" fill=\"#4285F4\"/>\n    <path d=\"M7.5 10.5L4 5.5\" stroke=\"#EA4335\" strokeWidth=\"1.5\" strokeLinecap=\"round\"/>\n    <path d=\"M16.5 10.5L20 5.5\" stroke=\"#FBBC05\" strokeWidth=\"1.5\" strokeLinecap=\"round\"/>\n    <path d=\"M12 17l-3.5 5\" stroke=\"#34A853\" strokeWidth=\"1.5\" strokeLinecap=\"round\"/>\n  </svg>\n);\n\nconst PLATFORM_ICONS: Record<Platform, React.FC<{ size: number }>> = {\n  trustpilot: TrustpilotIcon,\n  g2: G2Icon,\n  google: GoogleIcon,\n  'chrome-web-store': ChromeWebStoreIcon,\n};\n\nconst PLATFORM_LABELS: Record<Platform, string> = {\n  trustpilot: 'Trustpilot',\n  g2: 'G2',\n  google: 'Google',\n  'chrome-web-store': 'Chrome Web Store',\n};\n\nconst PLATFORM_COLORS: Record<Platform, string> = {\n  trustpilot: '#00B67A',\n  g2: '#FF492C',\n  google: '#4285F4',\n  'chrome-web-store': '#4285F4',\n};\n\n/**\n * Review platform badge with recognizable brand icon, optional label,\n * and optional rating display.\n *\n * @example\n * ```tsx\n * <PlatformBadge platform=\"trustpilot\" variant=\"icon-only\" />\n * <PlatformBadge platform=\"g2\" variant=\"icon-label\" />\n * <PlatformBadge platform=\"google\" variant=\"full\" rating={4.9} count={42} />\n * ```\n */\nexport const PlatformBadge = forwardRef<HTMLDivElement, PlatformBadgeProps>(\n  (\n    {\n      platform,\n      variant = 'icon-label',\n      rating,\n      count,\n      size = 'sm',\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    const Icon = PLATFORM_ICONS[platform];\n    const label = PLATFORM_LABELS[platform];\n    const accentColor = PLATFORM_COLORS[platform];\n    const iconSize = size === 'sm' ? 18 : 22;\n\n    return (\n      <div\n        ref={ref}\n        role=\"img\"\n        className={clsx(\n          'ds-platform-badge',\n          `ds-platform-badge--${variant}`,\n          `ds-platform-badge--${size}`,\n          className,\n        )}\n        style={{ '--platform-accent': accentColor } as React.CSSProperties}\n        aria-label={\n          variant === 'full' && rating\n            ? `${label}: ${rating} stars${count ? ` from ${count} reviews` : ''}`\n            : label\n        }\n        {...props}\n      >\n        <span className=\"ds-platform-badge__icon\">\n          <Icon size={iconSize} />\n        </span>\n\n        {variant !== 'icon-only' && (\n          <span className=\"ds-platform-badge__label\">{label}</span>\n        )}\n\n        {variant === 'full' && rating != null && (\n          <span className=\"ds-platform-badge__rating\">\n            <StarRating value={rating} size=\"sm\" />\n            {count != null && (\n              <span className=\"ds-platform-badge__count\">({count})</span>\n            )}\n          </span>\n        )}\n      </div>\n    );\n  },\n);\n\nPlatformBadge.displayName = 'PlatformBadge';\n","import { forwardRef } from 'react';\nimport clsx from 'clsx';\nimport { StarRating } from '../StarRating/StarRating';\nimport { PlatformBadge, type Platform } from '../PlatformBadge/PlatformBadge';\nimport { OutboundLink } from '../OutboundLink/OutboundLink';\nimport './SocialProof.css';\n\n/* ============================================================================\n   SOCIAL PROOF CARD — ELITE VARIANT SYSTEM\n   ============================================================================\n   Six visually distinct card variants, each optimized for its content type.\n   Used in Wall of Love grids, carousels, and contextual social proof sections.\n   ============================================================================ */\n\n/* --------------------------------------------------------------------------\n   Icons\n   -------------------------------------------------------------------------- */\n\nconst PlayIcon = () => (\n  <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\" xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\">\n    <path d=\"M8 5v14l11-7z\" />\n  </svg>\n);\n\n/* --------------------------------------------------------------------------\n   Types\n   -------------------------------------------------------------------------- */\n\nexport interface Author {\n  name: string;\n  role?: string;\n  company?: string;\n  avatar?: string;\n  handle?: string;\n}\n\nexport interface Media {\n  src: string;\n  type: 'image' | 'video';\n  alt?: string;\n}\n\nexport interface CardMetric {\n  value: string;\n  label: string;\n  prefix?: string;\n  suffix?: string;\n}\n\nexport interface SocialProofCardProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'content'> {\n  /** Card visual variant — determines layout and visual identity */\n  variant?: 'simple' | 'social' | 'video' | 'case-study' | 'rating-only';\n  /** Quote or text content */\n  content?: React.ReactNode;\n  /** Author info */\n  author: Author;\n  /** Media (thumbnail image for video/case-study variants) */\n  media?: Media;\n  /** Source icon (e.g., Twitter logo) — legacy, prefer `platform` */\n  sourceIcon?: React.ReactNode;\n  /** Review platform for automatic badge display */\n  platform?: Platform;\n  /** Star rating value (0-5) */\n  starRating?: number;\n  /** Date string */\n  date?: string;\n  /** Text badges */\n  badges?: string[];\n  /** CTA text override */\n  ctaText?: string;\n  /** If set, renders as a clickable card */\n  href?: string;\n  onClick?: () => void;\n  /** Staggered entrance animation delay (ms) */\n  animationDelay?: number;\n  /** Case study: headline */\n  headline?: string;\n  /** Case study: company logo node */\n  logo?: React.ReactNode;\n  /** Case study: industry label */\n  industry?: string;\n  /** Case study: key metrics */\n  metrics?: CardMetric[];\n}\n\n/* --------------------------------------------------------------------------\n   Component\n   -------------------------------------------------------------------------- */\n\nexport const SocialProofCard = forwardRef<HTMLAnchorElement | HTMLDivElement, SocialProofCardProps>(\n  (\n    {\n      variant = 'simple',\n      content,\n      author,\n      media,\n      sourceIcon,\n      platform,\n      starRating,\n      date,\n      badges,\n      ctaText,\n      href,\n      className,\n      children,\n      animationDelay,\n      headline,\n      logo,\n      industry,\n      metrics,\n      ...props\n    },\n    ref,\n  ) => {\n    const cardClass = clsx(\n      'ds-social-card',\n      `ds-social-card--${variant}`,\n      animationDelay != null && 'ds-social-card--animated',\n      className,\n    );\n\n    const cardStyle = animationDelay != null\n      ? { '--card-delay': `${animationDelay}ms` } as React.CSSProperties\n      : undefined;\n\n    /* --- Rating-Only Variant (compact horizontal) --- */\n    if (variant === 'rating-only') {\n      const inner = (\n        <>\n          <div className=\"ds-social-card__rating-row\">\n            {starRating != null && (\n              <StarRating value={starRating} size=\"lg\" />\n            )}\n            <div className=\"ds-social-card__meta\">\n              <span className=\"ds-social-card__name\">{author.name}</span>\n              {(author.role || author.company) && (\n                <span className=\"ds-social-card__role\">\n                  {author.role}{author.role && author.company && ' · '}{author.company}\n                </span>\n              )}\n            </div>\n            {platform && (\n              <PlatformBadge platform={platform} variant=\"icon-label\" size=\"sm\" />\n            )}\n          </div>\n        </>\n      );\n\n      if (href) {\n        return (\n          <OutboundLink ref={ref as React.Ref<HTMLAnchorElement>} href={href} context=\"social-proof-card\" className={cardClass} style={cardStyle} openInNewTab={false} {...(props as React.AnchorHTMLAttributes<HTMLAnchorElement>)}>\n            {inner}\n          </OutboundLink>\n        );\n      }\n      return (\n        <div ref={ref as React.Ref<HTMLDivElement>} className={cardClass} style={cardStyle} {...props}>\n          {inner}\n        </div>\n      );\n    }\n\n    /* --- Case-Study Variant (wide, structured) --- */\n    if (variant === 'case-study') {\n      const defaultCta = ctaText || 'Read Case Study \\u2192';\n      const inner = (\n        <>\n          {media && (\n            <div className=\"ds-social-card__media\">\n              <img src={media.src} alt={media.alt || `${author.company} case study`} />\n            </div>\n          )}\n          <div className=\"ds-social-card__content\">\n            {/* Company header */}\n            <div className=\"ds-social-card__cs-header\">\n              {logo && <div className=\"ds-social-card__cs-logo\">{logo}</div>}\n              <div className=\"ds-social-card__cs-company\">\n                <span className=\"ds-social-card__name\">{author.company || author.name}</span>\n                {industry && (\n                  <span className=\"ds-social-card__cs-industry\">{industry}</span>\n                )}\n              </div>\n            </div>\n\n            {/* Headline */}\n            {headline && (\n              <h3 className=\"ds-social-card__cs-headline\">{headline}</h3>\n            )}\n\n            {/* Metrics strip */}\n            {metrics && metrics.length > 0 && (\n              <div className=\"ds-social-card__cs-metrics\">\n                {metrics.map((m, i) => (\n                  <div key={i} className=\"ds-social-card__cs-metric\">\n                    <span className=\"ds-social-card__cs-metric-value\">\n                      {m.prefix}{m.value}{m.suffix}\n                    </span>\n                    <span className=\"ds-social-card__cs-metric-label\">{m.label}</span>\n                  </div>\n                ))}\n              </div>\n            )}\n\n            {/* Quote excerpt */}\n            {content && (\n              <blockquote className=\"ds-social-card__quote ds-social-card__quote--excerpt\">\n                &ldquo;{content}&rdquo;\n              </blockquote>\n            )}\n\n            {/* CTA */}\n            {href && <div className=\"ds-social-card__cta\">{defaultCta}</div>}\n          </div>\n        </>\n      );\n\n      if (href) {\n        return (\n          <OutboundLink ref={ref as React.Ref<HTMLAnchorElement>} href={href} context=\"social-proof-card\" className={cardClass} style={cardStyle} openInNewTab={false} {...(props as React.AnchorHTMLAttributes<HTMLAnchorElement>)}>\n            {inner}\n          </OutboundLink>\n        );\n      }\n      return (\n        <div ref={ref as React.Ref<HTMLDivElement>} className={cardClass} style={cardStyle} {...props}>\n          {inner}\n        </div>\n      );\n    }\n\n    /* --- Video Variant (cinematic thumbnail) --- */\n    if (variant === 'video') {\n      const defaultCta = ctaText || 'Watch Video \\u2192';\n      const inner = (\n        <>\n          <div className=\"ds-social-card__media\">\n            {media ? (\n              <img src={media.src} alt={media.alt || `${author.name} video`} />\n            ) : (\n              <div className=\"ds-social-card__media-placeholder\" />\n            )}\n            <div className=\"ds-social-card__play\">\n              <div className=\"ds-social-card__play-icon\">\n                <PlayIcon />\n              </div>\n            </div>\n            {badges && badges.length > 0 && (\n              <div className=\"ds-social-card__badges\">\n                {badges.map((badge, idx) => (\n                  <span key={idx} className=\"ds-social-card__badge\">{badge}</span>\n                ))}\n              </div>\n            )}\n          </div>\n          <div className=\"ds-social-card__content\">\n            <div className=\"ds-social-card__author\">\n              {author.avatar && (\n                <div className=\"ds-social-card__avatar\">\n                  <img src={author.avatar} alt={author.name} />\n                </div>\n              )}\n              <div className=\"ds-social-card__meta\">\n                <span className=\"ds-social-card__name\">{author.name}</span>\n                {(author.role || author.company) && (\n                  <span className=\"ds-social-card__role\">\n                    {author.role}{author.role && author.company && ' · '}{author.company}\n                  </span>\n                )}\n              </div>\n              {platform && (\n                <PlatformBadge platform={platform} variant=\"icon-only\" size=\"sm\" />\n              )}\n            </div>\n            {content && (\n              <blockquote className=\"ds-social-card__quote\">{content}</blockquote>\n            )}\n            {href && <div className=\"ds-social-card__cta\">{defaultCta}</div>}\n          </div>\n        </>\n      );\n\n      if (href) {\n        return (\n          <OutboundLink ref={ref as React.Ref<HTMLAnchorElement>} href={href} context=\"social-proof-card\" className={cardClass} style={cardStyle} openInNewTab={false} {...(props as React.AnchorHTMLAttributes<HTMLAnchorElement>)}>\n            {inner}\n          </OutboundLink>\n        );\n      }\n      return (\n        <div ref={ref as React.Ref<HTMLDivElement>} className={cardClass} style={cardStyle} {...props}>\n          {inner}\n        </div>\n      );\n    }\n\n    /* --- Social Variant (rich, accent border) --- */\n    if (variant === 'social') {\n      const inner = (\n        <>\n          <div className=\"ds-social-card__content\">\n            {(platform || sourceIcon) && (\n              <div className=\"ds-social-card__source\">\n                {platform ? <PlatformBadge platform={platform} variant=\"icon-only\" size=\"sm\" /> : sourceIcon}\n              </div>\n            )}\n            {content && (\n              <blockquote className=\"ds-social-card__quote ds-social-card__quote--clamp\">\n                {content}\n              </blockquote>\n            )}\n            <div className=\"ds-social-card__author\">\n              {author.avatar && (\n                <div className=\"ds-social-card__avatar\">\n                  <img src={author.avatar} alt={author.name} />\n                </div>\n              )}\n              <div className=\"ds-social-card__meta\">\n                <span className=\"ds-social-card__name\">{author.name}</span>\n                {(author.role || author.company) && (\n                  <span className=\"ds-social-card__role\">\n                    {author.role}{author.role && author.company && ' · '}{author.company}\n                  </span>\n                )}\n                {date && <span className=\"ds-social-card__role\">{date}</span>}\n              </div>\n            </div>\n            {starRating != null && (\n              <StarRating value={starRating} size=\"sm\" />\n            )}\n            {children}\n          </div>\n        </>\n      );\n\n      if (href) {\n        return (\n          <OutboundLink ref={ref as React.Ref<HTMLAnchorElement>} href={href} context=\"social-proof-card\" className={cardClass} style={cardStyle} openInNewTab={false} {...(props as React.AnchorHTMLAttributes<HTMLAnchorElement>)}>\n            {inner}\n          </OutboundLink>\n        );\n      }\n      return (\n        <div ref={ref as React.Ref<HTMLDivElement>} className={cardClass} style={cardStyle} {...props}>\n          {inner}\n        </div>\n      );\n    }\n\n    /* --- Simple Variant (default quote card with decorative marks) --- */\n    const BadgeList = badges && badges.length > 0 && (\n      <div className=\"ds-social-card__badges\">\n        {badges.map((badge, idx) => (\n          <span key={idx} className=\"ds-social-card__badge\">{badge}</span>\n        ))}\n      </div>\n    );\n\n    const defaultCta = ctaText || 'Read Story \\u2192';\n\n    const simpleInner = (\n      <div className=\"ds-social-card__content\">\n        {/* Decorative quotation mark */}\n        <div className=\"ds-social-card__deco-quote\" aria-hidden=\"true\">&ldquo;</div>\n\n        {(platform || sourceIcon) && (\n          <div className=\"ds-social-card__source\">\n            {platform ? <PlatformBadge platform={platform} variant=\"icon-only\" size=\"sm\" /> : sourceIcon}\n          </div>\n        )}\n\n        {BadgeList}\n\n        {content && (\n          <blockquote className=\"ds-social-card__quote\">\n            {content}\n          </blockquote>\n        )}\n\n        {starRating != null && (\n          <StarRating value={starRating} size=\"sm\" />\n        )}\n\n        <div className=\"ds-social-card__author\">\n          {author.avatar && (\n            <div className=\"ds-social-card__avatar\">\n              <img src={author.avatar} alt={author.name} />\n            </div>\n          )}\n          <div className=\"ds-social-card__meta\">\n            <span className=\"ds-social-card__name\">\n              {author.name}\n              {author.handle && (\n                <span className=\"ds-social-card__handle\">@{author.handle}</span>\n              )}\n            </span>\n            {(author.role || author.company) && (\n              <span className=\"ds-social-card__role\">\n                {author.role}{author.role && author.company && ' · '}{author.company}\n              </span>\n            )}\n            {date && <span className=\"ds-social-card__role\">{date}</span>}\n          </div>\n        </div>\n\n        {children}\n\n        {href && <div className=\"ds-social-card__cta\">{defaultCta}</div>}\n      </div>\n    );\n\n    if (href) {\n      return (\n        <OutboundLink ref={ref as React.Ref<HTMLAnchorElement>} href={href} context=\"social-proof-card\" className={cardClass} style={cardStyle} openInNewTab={false} {...(props as React.AnchorHTMLAttributes<HTMLAnchorElement>)}>\n          {simpleInner}\n        </OutboundLink>\n      );\n    }\n\n    return (\n      <div ref={ref as React.Ref<HTMLDivElement>} className={cardClass} style={cardStyle} {...props}>\n        {simpleInner}\n      </div>\n    );\n  },\n);\n\nSocialProofCard.displayName = 'SocialProofCard';\n","import React, { forwardRef } from 'react';\nimport clsx from 'clsx';\nimport { SectionShell, SectionShellProps } from '../SectionShell/SectionShell';\nimport './SocialProof.css';\n\n/* ============================================================================\n   SOCIAL PROOF GRID — VARIABLE-SIZE MASONRY\n   ============================================================================\n   Responsive grid supporting variable-size cards (span-2 for case studies),\n   staggered entrance animations, and CSS Grid dense auto-placement.\n   ============================================================================ */\n\nexport interface SocialProofGridProps extends Omit<SectionShellProps, 'title'> {\n  /** Number of columns at desktop breakpoint */\n  columns?: 2 | 3 | 4;\n  /** Use CSS column-based masonry instead of CSS Grid */\n  masonry?: boolean;\n  /** Enable staggered entrance animation on children */\n  staggered?: boolean;\n}\n\n/**\n * Wrap each child in a grid item. Use `span={2}` data attribute or\n * the `ds-social-grid__item--span-2` class on children to span 2 columns.\n *\n * @example\n * ```tsx\n * <SocialProofGrid columns={3} staggered>\n *   <SocialProofCard variant=\"simple\" ... />\n *   <div className=\"ds-social-grid__item--span-2\">\n *     <SocialProofCard variant=\"case-study\" ... />\n *   </div>\n * </SocialProofGrid>\n * ```\n */\nexport const SocialProofGrid = forwardRef<HTMLDivElement, SocialProofGridProps>(\n  ({ columns = 3, masonry = false, staggered = false, className, children, ...props }, ref) => {\n    // Add staggered animation delay to each child via CSS class + custom property\n    // (avoids leaking a custom `animationDelay` React prop to the DOM)\n    const enhancedChildren = staggered\n      ? React.Children.map(children, (child, index) => {\n          if (!React.isValidElement(child)) return child;\n          const delay = Math.min(index * 50, 600); // Cap at 600ms\n          const childProps = child.props as { style?: React.CSSProperties; className?: string };\n          return React.cloneElement(child as React.ReactElement<{ style?: React.CSSProperties; className?: string }>, {\n            style: { ...childProps.style, '--card-delay': `${delay}ms` } as React.CSSProperties,\n            className: clsx(childProps.className, 'ds-social-card--animated'),\n          });\n        })\n      : children;\n\n    return (\n      <SectionShell\n        ref={ref}\n        padding=\"md\"\n        className={clsx('ds-social-proof', className)}\n        {...props}\n      >\n        {masonry ? (\n          <div className=\"ds-social-masonry\">{enhancedChildren}</div>\n        ) : (\n          <div className={clsx('ds-social-grid', `ds-social-grid--${columns}-col`)}>\n            {enhancedChildren}\n          </div>\n        )}\n      </SectionShell>\n    );\n  },\n);\n\nSocialProofGrid.displayName = 'SocialProofGrid';\n","import { forwardRef, CSSProperties } from 'react';\nimport clsx from 'clsx';\nimport { SectionShell, SectionShellProps } from '../SectionShell/SectionShell';\nimport { OutboundLink } from '../OutboundLink/OutboundLink';\nimport './SocialProof.css';\n\nexport interface LogoItem {\n  id: string | number;\n  alt: string;\n  src?: string;\n  logo?: React.ReactNode; // SVG component\n  href?: string;\n  badge?: string; // Optional badge text (e.g. \"Testimonial\")\n}\n\nexport interface SocialProofLogosProps extends Omit<SectionShellProps, 'title'> {\n  title?: React.ReactNode;\n  logos: LogoItem[];\n  variant?: 'grid' | 'marquee';\n  speed?: number; // Seconds\n}\n\nconst LogoItemRender = ({ item, className }: { item: LogoItem; className?: string }) => {\n  const content = item.logo ? (\n    item.logo\n  ) : (\n    <img\n      src={item.src}\n      alt={item.alt}\n      width={120}\n      height={48}\n      loading=\"lazy\"\n      decoding=\"async\"\n      style={{ objectFit: 'contain', width: 'auto', height: '100%' }}\n    />\n  );\n\n  const innerContent = (\n    <>\n      {content}\n      {item.badge && <span className=\"ds-social-logos__badge\">{item.badge}</span>}\n    </>\n  );\n\n  if (item.href) {\n    const isInternal = item.href.startsWith('/');\n\n    return (\n      <OutboundLink\n        href={item.href}\n        context=\"social-proof-logo\"\n        className={clsx('ds-social-logos__item', className)}\n        title={item.alt}\n        openInNewTab={!isInternal}\n      >\n        {innerContent}\n      </OutboundLink>\n    );\n  }\n\n  return (\n    <div className={clsx('ds-social-logos__item', className)} title={item.alt}>\n      {innerContent}\n    </div>\n  );\n};\n\nexport const SocialProofLogos = forwardRef<HTMLDivElement, SocialProofLogosProps>(\n  ({ title, logos, variant = 'grid', speed = 40, className, ...props }, ref) => {\n    return (\n      <SectionShell\n        ref={ref}\n        padding=\"sm\"\n        className={clsx('ds-social-logos', className)}\n        {...props}\n      >\n        {title && (\n          <p\n            className=\"ds-section-header__eyebrow\"\n            style={{ textAlign: 'center', marginBottom: 'var(--space-8)' }}\n          >\n            {title}\n          </p>\n        )}\n\n        {variant === 'marquee' ? (\n          <div\n            className=\"ds-social-logos__marquee\"\n            style={{ '--marquee-duration': `${speed}s` } as CSSProperties}\n          >\n            <div className=\"ds-social-logos__track\">\n              {logos.map((item) => (\n                <LogoItemRender key={`set1-${item.id}`} item={item} />\n              ))}\n            </div>\n            <div className=\"ds-social-logos__track\" aria-hidden=\"true\">\n              {logos.map((item) => (\n                <LogoItemRender key={`set2-${item.id}`} item={item} />\n              ))}\n            </div>\n          </div>\n        ) : (\n          <div className=\"ds-social-grid ds-social-grid--4-col\" style={{ alignItems: 'center' }}>\n            {logos.map((item) => (\n              <LogoItemRender key={item.id} item={item} />\n            ))}\n          </div>\n        )}\n      </SectionShell>\n    );\n  },\n);\n\nSocialProofLogos.displayName = 'SocialProofLogos';\n","import { forwardRef } from 'react';\nimport clsx from 'clsx';\nimport { SectionShell, SectionShellProps } from '../SectionShell/SectionShell';\nimport { StarRating } from '../StarRating/StarRating';\nimport { PlatformBadge, type Platform } from '../PlatformBadge/PlatformBadge';\nimport { Author } from './Card';\nimport './SocialProof.css';\n\n/* ============================================================================\n   SOCIAL PROOF FEATURED — IMMERSIVE HERO TESTIMONIAL\n   ============================================================================\n   Three layout variants for hero-level social proof display:\n   - standard: Side-by-side media + quote (existing)\n   - cinematic: Dark bg, dramatic sizing, for video testimonials\n   - spotlight: Centered layout with radial gradient, for text quotes\n   ============================================================================ */\n\nconst PlayIconLarge = () => (\n  <svg width=\"64\" height=\"64\" viewBox=\"0 0 64 64\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\">\n    <circle cx=\"32\" cy=\"32\" r=\"32\" fill=\"white\" fillOpacity=\"0.9\" />\n    <path d=\"M42 32L26 41.2376L26 22.7624L42 32Z\" fill=\"black\" />\n  </svg>\n);\n\nexport interface SocialProofFeaturedProps extends Omit<SectionShellProps, 'title'> {\n  /** Quote text */\n  quote: string;\n  /** Author info */\n  author: Author;\n  /** Media element (video component, image, or VideoLightbox) */\n  media?: React.ReactNode;\n  /** Quick image src for media slot */\n  mediaSrc?: string;\n  /** Layout orientation */\n  orientation?: 'horizontal' | 'vertical';\n  /** Visual variant */\n  featuredVariant?: 'standard' | 'cinematic' | 'spotlight';\n  /** Star rating */\n  starRating?: number;\n  /** Review platform */\n  platform?: Platform;\n  /** Company logo node */\n  logo?: React.ReactNode;\n}\n\nexport const SocialProofFeatured = forwardRef<HTMLDivElement, SocialProofFeaturedProps>(\n  (\n    {\n      quote,\n      author,\n      media,\n      mediaSrc,\n      orientation = 'horizontal',\n      featuredVariant = 'standard',\n      starRating,\n      platform,\n      logo,\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    const showMedia = media || mediaSrc;\n    const effectiveOrientation = featuredVariant === 'spotlight' ? 'vertical' : orientation;\n\n    return (\n      <SectionShell\n        ref={ref}\n        padding=\"md\"\n        className={clsx('ds-social-featured-section', className)}\n        {...props}\n      >\n        <div\n          className={clsx(\n            'ds-social-featured',\n            `ds-social-featured--${effectiveOrientation}`,\n            `ds-social-featured--${featuredVariant}`,\n          )}\n        >\n          {/* Media Side */}\n          {showMedia && featuredVariant !== 'spotlight' && (\n            <div className=\"ds-social-featured__media\">\n              {media ? (\n                media\n              ) : (\n                <>\n                  <img\n                    src={mediaSrc || 'https://placehold.co/1920x1080/111/FFF?text=Video+Case+Study'}\n                    alt={`Case study by ${author.name}`}\n                    style={{ width: '100%', height: '100%', objectFit: 'cover' }}\n                  />\n                  <div className=\"ds-social-card__play\">\n                    <PlayIconLarge />\n                  </div>\n                </>\n              )}\n            </div>\n          )}\n\n          {/* Content Side */}\n          <div className=\"ds-social-featured__content\">\n            {logo && (\n              <div className=\"ds-social-featured__logo\">{logo}</div>\n            )}\n\n            <blockquote className=\"ds-social-featured__quote\">&ldquo;{quote}&rdquo;</blockquote>\n\n            <div className=\"ds-social-featured__author-large\">\n              {author.avatar && (\n                <div className=\"ds-social-card__avatar\">\n                  <img src={author.avatar} alt={author.name} />\n                </div>\n              )}\n              <div className=\"ds-social-card__meta\">\n                <span className=\"ds-social-card__name\">{author.name}</span>\n                <span className=\"ds-social-card__role\">\n                  {author.role}{author.role && author.company && ', '}{author.company}\n                </span>\n              </div>\n            </div>\n\n            {/* Rating & Platform */}\n            {(starRating != null || platform) && (\n              <div className=\"ds-social-featured__trust\">\n                {starRating != null && <StarRating value={starRating} size=\"md\" showValue />}\n                {platform && <PlatformBadge platform={platform} variant=\"icon-label\" size=\"md\" />}\n              </div>\n            )}\n          </div>\n        </div>\n      </SectionShell>\n    );\n  },\n);\n\nSocialProofFeatured.displayName = 'SocialProofFeatured';\n","import { forwardRef } from 'react';\nimport clsx from 'clsx';\nimport { motion } from 'framer-motion';\nimport { SectionShell, SectionShellProps } from '../SectionShell/SectionShell';\nimport { VARIANTS } from '../../tokens/motion';\nimport './SocialProof.css';\n\nexport interface SocialProofCarouselProps extends SectionShellProps {\n  children: React.ReactNode;\n}\n\nexport const SocialProofCarousel = forwardRef<HTMLDivElement, SocialProofCarouselProps>(\n  ({ children, className, ...props }, ref) => {\n    return (\n      <SectionShell\n        ref={ref}\n        padding=\"none\"\n        containerFluid\n        className={clsx('ds-social-carousel', className)}\n        {...props}\n      >\n        <motion.div\n          className=\"ds-social-carousel__track\"\n          variants={VARIANTS.fadeIn}\n          initial=\"hidden\"\n          whileInView=\"visible\"\n          viewport={{ once: true, margin: '-10%' }}\n        >\n          {children}\n          {/* Duplicate children for infinite scroll illusion */}\n          {children}\n        </motion.div>\n      </SectionShell>\n    );\n  },\n);\n\nSocialProofCarousel.displayName = 'SocialProofCarousel';\n","import clsx from 'clsx';\nimport { SectionShell } from '../SectionShell';\n\nexport interface VerticalVideoGridProps {\n  /** Array of YouTube Shorts URLs (e.g. https://www.youtube.com/shorts/xxxxx) */\n  urls: string[];\n  /** Optional class name */\n  className?: string;\n}\n\nfunction getShortsEmbedUrl(url: string): string {\n  // Extract ID from shorts url like https://www.youtube.com/shorts/_Ot6bpzzovU\n  const match = url.match(/(?:youtube\\.com\\/shorts\\/|youtu\\.be\\/|youtube\\.com\\/embed\\/)([a-zA-Z0-9_-]+)/);\n  if (match) {\n    // Add rel=0 and loop/playlist to ensure it stays focused on the content\n    return `https://www.youtube-nocookie.com/embed/${match[1]}?rel=0&modestbranding=1&playsinline=1&controls=1`;\n  }\n  // Try to use youtube-nocookie for all iframes to prevent block issues\n  return url.replace('youtube.com', 'youtube-nocookie.com') + (url.includes('?') ? '&' : '?') + 'rel=0&modestbranding=1&playsinline=1';\n}\n\n/**\n * Grid component optimized for displaying vertical 9:16 videos (YouTube Shorts, TikToks, Reels)\n */\nexport function VerticalVideoGrid({ urls, className }: VerticalVideoGridProps) {\n  if (!urls || urls.length === 0) return null;\n\n  return (\n    <SectionShell className={clsx('ds-vertical-video-grid my-16', className)}>\n      <div className=\"grid grid-cols-2 md:grid-cols-4 gap-4 md:gap-6 max-w-6xl mx-auto\">\n        {urls.map((url, i) => (\n          <div \n            key={i} \n            className=\"relative w-full overflow-hidden rounded-[20px] shadow-lg border border-white/10 bg-black\"\n            style={{ aspectRatio: '9/16' }}\n          >\n            <iframe\n              src={getShortsEmbedUrl(url)}\n              title={`Short testimonial ${i + 1}`}\n              className=\"absolute inset-0 w-full h-full\"\n              allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\n              allowFullScreen\n              loading=\"lazy\"\n            />\n          </div>\n        ))}\n      </div>\n    </SectionShell>\n  );\n}\n","import { SocialProofCard } from './Card';\nimport { SocialProofGrid } from './Grid';\nimport { SocialProofLogos } from './Logos';\nimport { SocialProofFeatured } from './Featured';\nimport { SocialProofCarousel } from './Carousel';\nimport { VerticalVideoGrid } from './VerticalVideoGrid';\n\nexport const SocialProof = {\n  Card: SocialProofCard,\n  Grid: SocialProofGrid,\n  Logos: SocialProofLogos,\n  Featured: SocialProofFeatured,\n  Carousel: SocialProofCarousel,\n  VerticalGrid: VerticalVideoGrid,\n};\n\nexport * from './Card';\nexport * from './Grid';\nexport * from './Logos';\nexport * from './Featured';\nexport * from './Carousel';\nexport * from './VerticalVideoGrid';\n","import React, { forwardRef, useState, useCallback } from 'react';\nimport { Dialog as BaseDialog } from '@base-ui/react/dialog';\nimport clsx from 'clsx';\nimport './VideoLightbox.css';\n\n/* ============================================================================\n   VIDEO LIGHTBOX\n   ============================================================================\n   Modal overlay video player built on @base-ui/react Dialog. Opens a lazy\n   iframe embed (YouTube/Vimeo/Loom) with backdrop blur, keyboard navigation,\n   and focus trap. Designed for inline playback from thumbnail cards without\n   navigating away from the current page.\n\n   Strategic objective: Engagement — keep users on the Wall of Love\n   ============================================================================ */\n\nexport interface VideoLightboxProps {\n  /** Video embed URL (YouTube, Vimeo, Loom) */\n  videoUrl: string;\n  /** Poster image shown as thumbnail trigger */\n  thumbnailSrc?: string;\n  /** Alt text for thumbnail */\n  thumbnailAlt?: string;\n  /** Video title for accessibility */\n  title?: string;\n  /** Custom trigger element (overrides default thumbnail + play button) */\n  trigger?: React.ReactNode;\n  /** Additional class name for the trigger wrapper */\n  className?: string;\n  /** Callback when video starts playing */\n  onPlay?: () => void;\n}\n\n/* --------------------------------------------------------------------------\n   Helpers\n   -------------------------------------------------------------------------- */\n\nfunction getEmbedUrl(src: string): string {\n  // YouTube\n  const ytMatch = src.match(\n    /(?:youtube\\.com\\/watch\\?v=|youtu\\.be\\/|youtube\\.com\\/embed\\/)([a-zA-Z0-9_-]+)/,\n  );\n  if (ytMatch) return `https://www.youtube-nocookie.com/embed/${ytMatch[1]}?autoplay=1&rel=0`;\n\n  // Vimeo\n  const vimeoMatch = src.match(/(?:vimeo\\.com\\/)(\\d+)/);\n  if (vimeoMatch) return `https://player.vimeo.com/video/${vimeoMatch[1]}?autoplay=1`;\n\n  // Loom\n  const loomMatch = src.match(/(?:loom\\.com\\/share\\/)([a-zA-Z0-9]+)/);\n  if (loomMatch) return `https://www.loom.com/embed/${loomMatch[1]}?autoplay=1`;\n\n  return src;\n}\n\nconst PlayIcon = () => (\n  <svg width=\"64\" height=\"64\" viewBox=\"0 0 64 64\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\">\n    <circle cx=\"32\" cy=\"32\" r=\"32\" className=\"ds-video-lightbox__play-bg\" />\n    <path d=\"M26 20v24l20-12L26 20z\" fill=\"white\" />\n  </svg>\n);\n\nconst CloseIcon = () => (\n  <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" aria-hidden=\"true\">\n    <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" />\n    <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" />\n  </svg>\n);\n\n/**\n * Modal video player triggered by a thumbnail or custom element.\n * Opens a full-screen overlay with lazy iframe injection.\n *\n * @example\n * ```tsx\n * <VideoLightbox\n *   videoUrl=\"https://www.youtube.com/watch?v=dQw4w9WgXcQ\"\n *   thumbnailSrc=\"/thumbnails/demo.jpg\"\n *   title=\"Customer testimonial\"\n * />\n *\n * <VideoLightbox\n *   videoUrl=\"https://vimeo.com/123456789\"\n *   trigger={<Button>Watch Video</Button>}\n * />\n * ```\n */\nexport const VideoLightbox = forwardRef<HTMLDivElement, VideoLightboxProps>(\n  (\n    {\n      videoUrl,\n      thumbnailSrc,\n      thumbnailAlt,\n      title = 'Video',\n      trigger,\n      className,\n      onPlay,\n    },\n    ref,\n  ) => {\n    const [open, setOpen] = useState(false);\n\n    const handleOpen = useCallback(() => {\n      setOpen(true);\n      onPlay?.();\n    }, [onPlay]);\n\n    return (\n      <div ref={ref} className={clsx('ds-video-lightbox', className)}>\n        <BaseDialog.Root open={open} onOpenChange={setOpen}>\n          <BaseDialog.Trigger\n            className=\"ds-video-lightbox__trigger\"\n            onClick={handleOpen}\n          >\n            {trigger || (\n              <div className=\"ds-video-lightbox__thumbnail-wrap\">\n                {thumbnailSrc ? (\n                  <img\n                    src={thumbnailSrc}\n                    alt={thumbnailAlt || `Play: ${title}`}\n                    className=\"ds-video-lightbox__thumbnail\"\n                    loading=\"lazy\"\n                    decoding=\"async\"\n                  />\n                ) : (\n                  <div className=\"ds-video-lightbox__placeholder\" />\n                )}\n                <div className=\"ds-video-lightbox__overlay\">\n                  <div className=\"ds-video-lightbox__play-btn\">\n                    <PlayIcon />\n                  </div>\n                </div>\n              </div>\n            )}\n          </BaseDialog.Trigger>\n\n          <BaseDialog.Portal>\n            <BaseDialog.Backdrop className=\"ds-video-lightbox__backdrop\" />\n            <BaseDialog.Popup className=\"ds-video-lightbox__popup\">\n              <BaseDialog.Close className=\"ds-video-lightbox__close\" aria-label=\"Close video\">\n                <CloseIcon />\n              </BaseDialog.Close>\n              <BaseDialog.Title className=\"ds-sr-only\">{title}</BaseDialog.Title>\n              <div className=\"ds-video-lightbox__iframe-wrap\">\n                {open && (\n                  <iframe\n                    src={getEmbedUrl(videoUrl)}\n                    title={title}\n                    className=\"ds-video-lightbox__iframe\"\n                    allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\n                    allowFullScreen\n                  />\n                )}\n              </div>\n            </BaseDialog.Popup>\n          </BaseDialog.Portal>\n        </BaseDialog.Root>\n      </div>\n    );\n  },\n);\n\nVideoLightbox.displayName = 'VideoLightbox';\n"]}

package/dist/chunk-MDB2WCRQ.cjs

@@ -0,0 +1,137 @@
+'use strict';
+
+var react = require('react');
+var clsx = require('clsx');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var clsx__default = /*#__PURE__*/_interopDefault(clsx);
+
+// src/tokens/spacing.ts
+var SPACING = {
+  1: "var(--space-1)",
+  2: "var(--space-2)",
+  3: "var(--space-3)",
+  4: "var(--space-4)",
+  5: "var(--space-5)",
+  6: "var(--space-6)",
+  8: "var(--space-8)",
+  10: "var(--space-10)",
+  12: "var(--space-12)",
+  16: "var(--space-16)",
+  20: "var(--space-20)"
+};
+
+// src/components/LayoutPrimitives/utils.ts
+var SPACING_ALIASES = {
+  xs: "var(--space-2)",
+  sm: "var(--space-3)",
+  md: "var(--space-4)",
+  lg: "var(--space-6)",
+  xl: "var(--space-8)",
+  "2xl": "var(--space-12)"
+};
+function resolveSpacing(value) {
+  if (value === void 0) return void 0;
+  if (typeof value === "number" && SPACING[value]) {
+    return SPACING[value];
+  }
+  if (typeof value === "string" && value in SPACING_ALIASES) {
+    return SPACING_ALIASES[value];
+  }
+  return String(value);
+}
+function extractSpacingStyles(props) {
+  const styles = {};
+  if (props.m !== void 0) styles.margin = resolveSpacing(props.m);
+  if (props.mt !== void 0) styles.marginTop = resolveSpacing(props.mt);
+  if (props.mb !== void 0) styles.marginBottom = resolveSpacing(props.mb);
+  if (props.ml !== void 0) styles.marginLeft = resolveSpacing(props.ml);
+  if (props.mr !== void 0) styles.marginRight = resolveSpacing(props.mr);
+  if (props.mx !== void 0) {
+    styles.marginLeft = resolveSpacing(props.mx);
+    styles.marginRight = resolveSpacing(props.mx);
+  }
+  if (props.my !== void 0) {
+    styles.marginTop = resolveSpacing(props.my);
+    styles.marginBottom = resolveSpacing(props.my);
+  }
+  if (props.p !== void 0) styles.padding = resolveSpacing(props.p);
+  if (props.pt !== void 0) styles.paddingTop = resolveSpacing(props.pt);
+  if (props.pb !== void 0) styles.paddingBottom = resolveSpacing(props.pb);
+  if (props.pl !== void 0) styles.paddingLeft = resolveSpacing(props.pl);
+  if (props.pr !== void 0) styles.paddingRight = resolveSpacing(props.pr);
+  if (props.px !== void 0) {
+    styles.paddingLeft = resolveSpacing(props.px);
+    styles.paddingRight = resolveSpacing(props.px);
+  }
+  if (props.py !== void 0) {
+    styles.paddingTop = resolveSpacing(props.py);
+    styles.paddingBottom = resolveSpacing(props.py);
+  }
+  if (props.gap !== void 0) styles.gap = resolveSpacing(props.gap);
+  return styles;
+}
+var Box = react.forwardRef(
+  ({ as: Component = "div", className, style, children, ...props }, ref) => {
+    const spacingStyles = extractSpacingStyles(props);
+    const { m, mt, mb, ml, mr, mx, my, p, pt, pb, pl, pr, px, py, gap, ...domProps } = props;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Component,
+      {
+        ref,
+        className: clsx__default.default("ds-box", className),
+        style: { ...spacingStyles, ...style },
+        ...domProps,
+        children
+      }
+    );
+  }
+);
+Box.displayName = "Box";
+var CONTAINER_SIZE_MAP = {
+  sm: "768px",
+  // 48rem — max-w-3xl
+  md: "1024px",
+  // 64rem — max-w-5xl
+  lg: "1152px",
+  // 72rem — max-w-6xl
+  xl: "1280px",
+  // 80rem — max-w-7xl
+  full: "100%"
+};
+var Container = react.forwardRef(
+  ({ size, fluid, maxWidth, className, style, ...props }, ref) => {
+    let resolvedMaxWidth;
+    if (fluid) {
+      resolvedMaxWidth = "100%";
+    } else if (size) {
+      resolvedMaxWidth = CONTAINER_SIZE_MAP[size];
+    } else {
+      resolvedMaxWidth = maxWidth || "var(--container-default-max, 1200px)";
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Box,
+      {
+        ref,
+        className: clsx__default.default("ds-container", className),
+        style: {
+          maxWidth: resolvedMaxWidth,
+          ...style
+        },
+        ...props
+      }
+    );
+  }
+);
+Container.displayName = "Container";
+
+exports.Box = Box;
+exports.CONTAINER_SIZE_MAP = CONTAINER_SIZE_MAP;
+exports.Container = Container;
+exports.SPACING = SPACING;
+exports.extractSpacingStyles = extractSpacingStyles;
+exports.resolveSpacing = resolveSpacing;
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=chunk-MDB2WCRQ.cjs.map

package/dist/chunk-MDB2WCRQ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/tokens/spacing.ts","../src/components/LayoutPrimitives/utils.ts","../src/components/LayoutPrimitives/Box.tsx","../src/components/LayoutPrimitives/Container.tsx"],"names":["forwardRef","clsx","jsx"],"mappings":"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","sourcesContent":["export const SPACING = {\n  1: 'var(--space-1)',\n  2: 'var(--space-2)',\n  3: 'var(--space-3)',\n  4: 'var(--space-4)',\n  5: 'var(--space-5)',\n  6: 'var(--space-6)',\n  8: 'var(--space-8)',\n  10: 'var(--space-10)',\n  12: 'var(--space-12)',\n  16: 'var(--space-16)',\n  20: 'var(--space-20)',\n} as const;\n\nexport type SpacingToken = keyof typeof SPACING;\n","import { CSSProperties } from 'react';\nimport { SPACING } from '../../tokens/spacing';\n\ntype SpacingValue = keyof typeof SPACING | number | string;\n\n/**\n * Named spacing aliases that map semantic sizes to DS space tokens.\n * Allows consumers to pass gap=\"lg\" instead of gap={6}.\n */\nconst SPACING_ALIASES: Record<string, string> = {\n  xs:  'var(--space-2)',\n  sm:  'var(--space-3)',\n  md:  'var(--space-4)',\n  lg:  'var(--space-6)',\n  xl:  'var(--space-8)',\n  '2xl': 'var(--space-12)',\n};\n\nexport function resolveSpacing(value: SpacingValue | undefined): string | undefined {\n  if (value === undefined) return undefined;\n  if (typeof value === 'number' && SPACING[value as keyof typeof SPACING]) {\n    return SPACING[value as keyof typeof SPACING];\n  }\n  if (typeof value === 'string' && value in SPACING_ALIASES) {\n    return SPACING_ALIASES[value];\n  }\n  return String(value);\n}\n\nexport interface SpacingProps {\n  m?: SpacingValue;\n  mt?: SpacingValue;\n  mb?: SpacingValue;\n  ml?: SpacingValue;\n  mr?: SpacingValue;\n  mx?: SpacingValue;\n  my?: SpacingValue;\n  p?: SpacingValue;\n  pt?: SpacingValue;\n  pb?: SpacingValue;\n  pl?: SpacingValue;\n  pr?: SpacingValue;\n  px?: SpacingValue;\n  py?: SpacingValue;\n  gap?: SpacingValue;\n}\n\nexport function extractSpacingStyles(props: SpacingProps): CSSProperties {\n  const styles: CSSProperties = {};\n\n  if (props.m !== undefined) styles.margin = resolveSpacing(props.m);\n  if (props.mt !== undefined) styles.marginTop = resolveSpacing(props.mt);\n  if (props.mb !== undefined) styles.marginBottom = resolveSpacing(props.mb);\n  if (props.ml !== undefined) styles.marginLeft = resolveSpacing(props.ml);\n  if (props.mr !== undefined) styles.marginRight = resolveSpacing(props.mr);\n  if (props.mx !== undefined) {\n    styles.marginLeft = resolveSpacing(props.mx);\n    styles.marginRight = resolveSpacing(props.mx);\n  }\n  if (props.my !== undefined) {\n    styles.marginTop = resolveSpacing(props.my);\n    styles.marginBottom = resolveSpacing(props.my);\n  }\n\n  if (props.p !== undefined) styles.padding = resolveSpacing(props.p);\n  if (props.pt !== undefined) styles.paddingTop = resolveSpacing(props.pt);\n  if (props.pb !== undefined) styles.paddingBottom = resolveSpacing(props.pb);\n  if (props.pl !== undefined) styles.paddingLeft = resolveSpacing(props.pl);\n  if (props.pr !== undefined) styles.paddingRight = resolveSpacing(props.pr);\n  if (props.px !== undefined) {\n    styles.paddingLeft = resolveSpacing(props.px);\n    styles.paddingRight = resolveSpacing(props.px);\n  }\n  if (props.py !== undefined) {\n    styles.paddingTop = resolveSpacing(props.py);\n    styles.paddingBottom = resolveSpacing(props.py);\n  }\n\n  if (props.gap !== undefined) styles.gap = resolveSpacing(props.gap);\n\n  return styles;\n}\n","import { ElementType, HTMLAttributes, forwardRef } from 'react';\nimport clsx from 'clsx';\nimport { SpacingProps, extractSpacingStyles } from './utils';\nimport './LayoutPrimitives.css';\n\nexport interface BoxProps extends HTMLAttributes<HTMLElement>, SpacingProps {\n  as?: ElementType;\n}\n\nexport const Box = forwardRef<HTMLElement, BoxProps>(\n  ({ as: Component = 'div', className, style, children, ...props }, ref) => {\n    const spacingStyles = extractSpacingStyles(props);\n\n    // Filter out spacing props from passing to DOM\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    const { m, mt, mb, ml, mr, mx, my, p, pt, pb, pl, pr, px, py, gap, ...domProps } = props;\n\n    return (\n      <Component\n        ref={ref}\n        className={clsx('ds-box', className)}\n        style={{ ...spacingStyles, ...style }}\n        {...domProps}\n      >\n        {children}\n      </Component>\n    );\n  },\n);\n\nBox.displayName = 'Box';\n","import { forwardRef } from 'react';\nimport clsx from 'clsx';\nimport { Box, BoxProps } from './Box';\n\nexport type ContainerSize = 'sm' | 'md' | 'lg' | 'xl' | 'full';\n\n/**\n * Maps named sizes to max-width values.\n * Aligns with common web breakpoints (Tailwind `max-w-*` scale).\n */\n// eslint-disable-next-line react-refresh/only-export-components\nexport const CONTAINER_SIZE_MAP: Record<ContainerSize, string> = {\n  sm: '768px',   // 48rem — max-w-3xl\n  md: '1024px',  // 64rem — max-w-5xl\n  lg: '1152px',  // 72rem — max-w-6xl\n  xl: '1280px',  // 80rem — max-w-7xl\n  full: '100%',\n};\n\nexport interface ContainerProps extends BoxProps {\n  /**\n   * Named size preset. Overrides `maxWidth` when set.\n   * @example <Container size=\"lg\">…</Container>\n   */\n  size?: ContainerSize;\n  /** Pass `true` to stretch to 100% width (same as `size=\"full\"`). */\n  fluid?: boolean;\n  /** Custom max-width value. Ignored when `size` or `fluid` is set. */\n  maxWidth?: number | string;\n}\n\nexport const Container = forwardRef<HTMLElement, ContainerProps>(\n  ({ size, fluid, maxWidth, className, style, ...props }, ref) => {\n    let resolvedMaxWidth: string | number;\n    if (fluid) {\n      resolvedMaxWidth = '100%';\n    } else if (size) {\n      resolvedMaxWidth = CONTAINER_SIZE_MAP[size];\n    } else {\n      resolvedMaxWidth = maxWidth || 'var(--container-default-max, 1200px)';\n    }\n\n    return (\n      <Box\n        ref={ref}\n        className={clsx('ds-container', className)}\n        style={{\n          maxWidth: resolvedMaxWidth,\n          ...style,\n        }}\n        {...props}\n      />\n    );\n  },\n);\n\nContainer.displayName = 'Container';\n"]}

package/dist/chunk-MQDEE7HC.cjs

@@ -0,0 +1,283 @@
+'use strict';
+
+var chunkLJADZITX_cjs = require('./chunk-LJADZITX.cjs');
+
+// src/web/utm/constants.ts
+var UTM_SOURCES = [
+  "linkedin",
+  "whatsapp",
+  "intercom",
+  "email",
+  "website",
+  "app",
+  "chromeStore",
+  "stripe",
+  "direct"
+];
+var UTM_MEDIUMS_MESSAGING = [
+  "dm",
+  "group",
+  "email",
+  "inAppChat",
+  "organicPost",
+  "paidAd",
+  "qrCode",
+  "redirect",
+  "storeListing"
+];
+var UTM_MEDIUMS_APP = [
+  "appHome",
+  "appDashboard",
+  "appInbox",
+  "appContacts",
+  "appCampaigns",
+  "appSettings",
+  "appBilling",
+  "appCheckout",
+  "appOnboarding",
+  "appSupport",
+  "appCalendar"
+];
+var UTM_MEDIUMS_WEB = [
+  "webHome",
+  "webDemo",
+  "webPricing",
+  "webFeatures",
+  "webUseCase",
+  "webSolution",
+  "webIndustry",
+  "webIntegrations",
+  "webBlog",
+  "webBlogPost",
+  "webLanding",
+  "webComparison",
+  "webCaseStudy",
+  "webAbout",
+  "webContact",
+  "webCareers",
+  "webLegal",
+  "webDocs",
+  "webAffiliate"
+];
+var UTM_MEDIUMS_ALL = [
+  ...UTM_MEDIUMS_MESSAGING,
+  ...UTM_MEDIUMS_APP,
+  ...UTM_MEDIUMS_WEB
+];
+var UTM_CAMPAIGNS = [
+  "discoveryCall",
+  "demo",
+  "trial",
+  "onboarding",
+  "upgrade",
+  "renewal",
+  "retention",
+  "accountSupport",
+  "supportCall",
+  "partnerCall",
+  "hiring",
+  "interviewCall"
+];
+var UTM_TERMS = [
+  "julienGadea",
+  "bramSmith",
+  "florentDupont",
+  "sawLin",
+  "evaSupport",
+  "team",
+  "auto"
+];
+var UTM_CONTENTS = [
+  "ctaPrimary",
+  "ctaSecondary",
+  "ctaHeader",
+  "ctaFooter",
+  "ctaInline",
+  "buttonPrimary",
+  "buttonSecondary",
+  "banner",
+  "popup",
+  "variantA",
+  "variantB",
+  "variantC"
+];
+var UTM_SOURCES_REQUIRING_SELLER = [
+  "linkedin",
+  "whatsapp",
+  "intercom",
+  "email"
+];
+
+// src/web/utm/validators.ts
+function validateUtmField(field, value) {
+  switch (field) {
+    case "source":
+      return UTM_SOURCES.includes(value);
+    case "medium":
+      return UTM_MEDIUMS_ALL.includes(value);
+    case "campaign":
+      return UTM_CAMPAIGNS.includes(value);
+    case "term":
+      return UTM_TERMS.includes(value);
+    case "content":
+      return UTM_CONTENTS.includes(value);
+    default:
+      return false;
+  }
+}
+function isValidUtmParams(params) {
+  if (!params.source || !params.medium || !params.campaign) {
+    return false;
+  }
+  if (!validateUtmField("source", params.source)) return false;
+  if (!validateUtmField("medium", params.medium)) return false;
+  if (!validateUtmField("campaign", params.campaign)) return false;
+  if (params.term !== void 0 && !validateUtmField("term", params.term)) return false;
+  if (params.content !== void 0 && !validateUtmField("content", params.content)) return false;
+  return true;
+}
+function validateCompliance(url, params) {
+  const errors = [];
+  const classification = chunkLJADZITX_cjs.classifyUrl(url);
+  const needsUtm = chunkLJADZITX_cjs.requiresUtm(url);
+  if (!needsUtm) {
+    return {
+      status: "compliant",
+      url,
+      params: params ?? null,
+      errors: []
+    };
+  }
+  if (!params) {
+    return {
+      status: "blocked",
+      url,
+      params: null,
+      errors: [`URL classified as '${classification}' requires UTM parameters but none provided`]
+    };
+  }
+  if (!params.source) errors.push("Missing required field: utm_source");
+  if (!params.medium) errors.push("Missing required field: utm_medium");
+  if (!params.campaign) errors.push("Missing required field: utm_campaign");
+  if (params.source && !validateUtmField("source", params.source)) {
+    errors.push(`Invalid utm_source: '${params.source}'. Must be one of: ${UTM_SOURCES.join(", ")}`);
+  }
+  if (params.medium && !validateUtmField("medium", params.medium)) {
+    errors.push(`Invalid utm_medium: '${params.medium}'. Must be one of governed enum values`);
+  }
+  if (params.campaign && !validateUtmField("campaign", params.campaign)) {
+    errors.push(`Invalid utm_campaign: '${params.campaign}'. Must be one of: ${UTM_CAMPAIGNS.join(", ")}`);
+  }
+  if (params.term !== void 0 && params.term && !validateUtmField("term", params.term)) {
+    errors.push(`Invalid utm_term: '${params.term}'. Must be one of: ${UTM_TERMS.join(", ")}`);
+  }
+  if (params.content !== void 0 && params.content && !validateUtmField("content", params.content)) {
+    errors.push(`Invalid utm_content: '${params.content}'. Must be one of: ${UTM_CONTENTS.join(", ")}`);
+  }
+  const allValues = [];
+  if (params.source) allValues.push(params.source);
+  if (params.medium) allValues.push(params.medium);
+  if (params.campaign) allValues.push(params.campaign);
+  if (params.term) allValues.push(params.term);
+  if (params.content) allValues.push(params.content);
+  for (const value of allValues) {
+    if (/\s/.test(value)) errors.push(`Value '${value}' contains spaces`);
+    if (/_/.test(value)) errors.push(`Value '${value}' contains underscores`);
+    if (/-/.test(value)) errors.push(`Value '${value}' contains hyphens`);
+    if (/[^\x20-\x7E]/.test(value)) errors.push(`Value '${value}' contains non-ASCII characters`);
+    if (value === value.toUpperCase() && value.length > 1) errors.push(`Value '${value}' is ALL CAPS`);
+  }
+  const status = errors.length === 0 ? "compliant" : "blocked";
+  return { status, url, params, errors };
+}
+function classifyAndEnforce(url, params) {
+  return validateCompliance(url, params);
+}
+function buildBlockedError(reason, url) {
+  return {
+    status: "UTM_COMPLIANCE_BLOCKED",
+    reason,
+    requiredFix: reason,
+    correctedExample: url ?? null
+  };
+}
+
+// src/web/utm/attribution.ts
+function parseUtmParams(search) {
+  if (!search) return {};
+  const params = new URLSearchParams(search);
+  const result = {};
+  const source = params.get("utm_source");
+  if (source && UTM_SOURCES.includes(source)) {
+    result.source = source;
+  }
+  const medium = params.get("utm_medium");
+  if (medium) {
+    result.medium = medium;
+  }
+  const campaign = params.get("utm_campaign");
+  if (campaign && UTM_CAMPAIGNS.includes(campaign)) {
+    result.campaign = campaign;
+  }
+  const term = params.get("utm_term");
+  if (term && UTM_TERMS.includes(term)) {
+    result.term = term;
+  }
+  const content = params.get("utm_content");
+  if (content && UTM_CONTENTS.includes(content)) {
+    result.content = content;
+  }
+  return result;
+}
+function toFirstTouchAttribution(params) {
+  return {
+    firstTouchSource: params.source,
+    firstTouchMedium: params.medium,
+    firstTouchCampaign: params.campaign,
+    firstTouchSeller: params.term ?? null
+  };
+}
+function requiresSellerAttribution(source) {
+  return UTM_SOURCES_REQUIRING_SELLER.includes(source);
+}
+
+// src/web/utm/audit.ts
+function createAuditEntry(url, params, generatorContext, confidence) {
+  const utmParts = [];
+  if (params) {
+    if (params.source) utmParts.push(`utm_source=${params.source}`);
+    if (params.medium) utmParts.push(`utm_medium=${params.medium}`);
+    if (params.campaign) utmParts.push(`utm_campaign=${params.campaign}`);
+    if (params.term) utmParts.push(`utm_term=${params.term}`);
+    if (params.content) utmParts.push(`utm_content=${params.content}`);
+  }
+  return {
+    url,
+    utmString: utmParts.join("&"),
+    generatorContext,
+    sellerAttribution: params?.term ?? null,
+    timestamp: (/* @__PURE__ */ new Date()).toISOString(),
+    confidence
+  };
+}
+
+exports.UTM_CAMPAIGNS = UTM_CAMPAIGNS;
+exports.UTM_CONTENTS = UTM_CONTENTS;
+exports.UTM_MEDIUMS_ALL = UTM_MEDIUMS_ALL;
+exports.UTM_MEDIUMS_APP = UTM_MEDIUMS_APP;
+exports.UTM_MEDIUMS_MESSAGING = UTM_MEDIUMS_MESSAGING;
+exports.UTM_MEDIUMS_WEB = UTM_MEDIUMS_WEB;
+exports.UTM_SOURCES = UTM_SOURCES;
+exports.UTM_SOURCES_REQUIRING_SELLER = UTM_SOURCES_REQUIRING_SELLER;
+exports.UTM_TERMS = UTM_TERMS;
+exports.buildBlockedError = buildBlockedError;
+exports.classifyAndEnforce = classifyAndEnforce;
+exports.createAuditEntry = createAuditEntry;
+exports.isValidUtmParams = isValidUtmParams;
+exports.parseUtmParams = parseUtmParams;
+exports.requiresSellerAttribution = requiresSellerAttribution;
+exports.toFirstTouchAttribution = toFirstTouchAttribution;
+exports.validateCompliance = validateCompliance;
+exports.validateUtmField = validateUtmField;
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=chunk-MQDEE7HC.cjs.map