@salesmind-ai/design-system 0.5.0 → 0.7.0

package/dist/chunk-UVEMY3FQ.cjs.map

@@ -1 +0,0 @@
-{"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-VFJZQQZU.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/SectionShell/SectionShell.tsx"],"names":[],"mappings":";;;;;AAAA,SAAgB,kBAAkC;AAClD,OAAO,UAAU;AAqBX,SAWc,KAXd;AALC,IAAM,gBAAgB;AAAA,EAC3B,CAAC,EAAE,OAAO,UAAU,SAAS,QAAQ,UAAU,OAAO,WAAW,WAAW,GAAG,MAAM,GAAG,QAAQ;AAC9F,QAAI,CAAC,SAAS,CAAC,YAAY,CAAC,QAAS,QAAO;AAE5C,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW;AAAA,UACT;AAAA,UACA,sBAAsB,KAAK;AAAA,UAC3B,SAAS,aAAa;AAAA,UACtB,SAAS,WAAW;AAAA,UACpB;AAAA,QACF;AAAA,QACC,GAAG;AAAA,QAEH;AAAA,qBAAW,oBAAC,UAAK,WAAU,8BAA8B,mBAAQ;AAAA,UACjE,SAAS,oBAAC,QAAG,WAAU,4BAA4B,iBAAM;AAAA,UACzD,YAAY,oBAAC,OAAE,WAAU,+BAA+B,oBAAS;AAAA;AAAA;AAAA,IACpE;AAAA,EAEJ;AACF;AACA,cAAc,cAAc;AAcrB,IAAM,eAAe;AAAA,EAC1B,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA,aAAa;AAAA,IACb,UAAU;AAAA,IACV;AAAA,IACA,iBAAiB;AAAA,IACjB,GAAG;AAAA,EACL,GACA,QACG;AACH,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW;AAAA,UACT;AAAA,UACA,kBAAkB,UAAU;AAAA,UAC5B,uBAAuB,OAAO;AAAA,UAC9B;AAAA,QACF;AAAA,QACC,GAAG;AAAA,QAEJ;AAAA,UAAC;AAAA;AAAA,YACC,MAAM,kBAAkB,UAAU,SAAU;AAAA,YAC5C,OAAO,kBAAkB,kBAAkB;AAAA,YAE1C;AAAA;AAAA,QACH;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AACA,aAAa,cAAc","sourcesContent":["import React, { forwardRef, HTMLAttributes } from 'react';\nimport clsx from 'clsx';\nimport { Container } from '../LayoutPrimitives';\nimport './SectionShell.css';\n\n/* ============================================================================\n   Section Header Component\n   ============================================================================ */\n\nexport interface SectionHeaderProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {\n  title?: React.ReactNode;\n  subtitle?: React.ReactNode;\n  eyebrow?: React.ReactNode;\n  align?: 'left' | 'center' | 'right';\n  size?: 'compact' | 'default' | 'large';\n}\n\nexport const SectionHeader = forwardRef<HTMLDivElement, SectionHeaderProps>(\n  ({ title, subtitle, eyebrow, align = 'center', size = 'default', className, ...props }, ref) => {\n    if (!title && !subtitle && !eyebrow) return null;\n\n    return (\n      <header\n        ref={ref}\n        className={clsx(\n          'ds-section-header',\n          `ds-section-header--${align}`,\n          size === 'compact' && 'ds-section-header--compact',\n          size === 'large' && 'ds-section-header--large',\n          className,\n        )}\n        {...props}\n      >\n        {eyebrow && <span className=\"ds-section-header__eyebrow\">{eyebrow}</span>}\n        {title && <h2 className=\"ds-section-header__title\">{title}</h2>}\n        {subtitle && <p className=\"ds-section-header__subtitle\">{subtitle}</p>}\n      </header>\n    );\n  },\n);\nSectionHeader.displayName = 'SectionHeader';\n\n/* ============================================================================\n   Section Shell Component\n   ============================================================================ */\n\nexport interface SectionShellProps extends HTMLAttributes<HTMLDivElement> {\n  children?: React.ReactNode;\n  background?: 'default' | 'muted' | 'brand' | 'transparent' | 'dark';\n  padding?: 'none' | 'sm' | 'md' | 'lg';\n  containerSize?: 'sm' | 'md' | 'lg' | 'xl' | 'fluid'; // Maps to Container max-width\n  containerFluid?: boolean;\n}\n\nexport const SectionShell = forwardRef<HTMLDivElement, SectionShellProps>(\n  (\n    {\n      className,\n      children,\n      background = 'default',\n      padding = 'md',\n      containerSize,\n      containerFluid = false,\n      ...props\n    },\n    ref,\n  ) => {\n    return (\n      <section\n        ref={ref}\n        className={clsx(\n          'ds-section',\n          `ds-section--bg-${background}`,\n          `ds-section--padding-${padding}`,\n          className,\n        )}\n        {...props}\n      >\n        <Container\n          size={containerSize === 'fluid' ? 'full' : (containerSize as 'sm' | 'md' | 'lg' | 'xl' | undefined)}\n          fluid={containerFluid || containerSize === 'fluid'}\n        >\n          {children}\n        </Container>\n      </section>\n    );\n  },\n);\nSectionShell.displayName = 'SectionShell';\n"]}

package/dist/chunk-WH7PYHZY.cjs

@@ -1,35 +0,0 @@
-'use strict';
-
-var React = require('react');
-var tooltip = require('@base-ui/react/tooltip');
-var clsx = require('clsx');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefault(React);
-var clsx__default = /*#__PURE__*/_interopDefault(clsx);
-
-// src/components/Tooltip/Tooltip.tsx
-var TooltipProvider = tooltip.Tooltip.Provider;
-var TooltipRoot = tooltip.Tooltip.Root;
-var TooltipTrigger = tooltip.Tooltip.Trigger;
-var TooltipContent = React__default.default.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(tooltip.Tooltip.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(tooltip.Tooltip.Positioner, { sideOffset: 5, children: /* @__PURE__ */ jsxRuntime.jsxs(tooltip.Tooltip.Popup, { ref, className: clsx__default.default("ds-tooltip__content", className), ...props, children: [
-  children,
-  /* @__PURE__ */ jsxRuntime.jsx(tooltip.Tooltip.Arrow, { className: "ds-tooltip__arrow" })
-] }) }) }));
-TooltipContent.displayName = "TooltipContent";
-var Tooltip = ({ content, children, delay = 200 }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(tooltip.Tooltip.Provider, { delay, children: /* @__PURE__ */ jsxRuntime.jsxs(tooltip.Tooltip.Root, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(tooltip.Tooltip.Trigger, { render: children }),
-    /* @__PURE__ */ jsxRuntime.jsx(TooltipContent, { children: content })
-  ] }) });
-};
-
-exports.Tooltip = Tooltip;
-exports.TooltipContent = TooltipContent;
-exports.TooltipProvider = TooltipProvider;
-exports.TooltipRoot = TooltipRoot;
-exports.TooltipTrigger = TooltipTrigger;
-//# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-WH7PYHZY.cjs.map

package/dist/chunk-WH7PYHZY.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":";AAAA,OAAO,WAAW;AAClB,SAAS,WAAW,mBAAmB;AACvC,OAAO,UAAU;AAaX,SAEE,KAFF;AAVC,IAAM,kBAAkB,YAAY;AACpC,IAAM,cAAc,YAAY;AAChC,IAAM,iBAAiB,YAAY;AAEnC,IAAM,iBAAiB,MAAM,WAGlC,CAAC,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,QACpC,oBAAC,YAAY,QAAZ,EACC,8BAAC,YAAY,YAAZ,EAAuB,YAAY,GAClC,+BAAC,YAAY,OAAZ,EAAkB,KAAU,WAAW,KAAK,uBAAuB,SAAS,GAAI,GAAG,OACjF;AAAA;AAAA,EACD,oBAAC,YAAY,OAAZ,EAAkB,WAAU,qBAAoB;AAAA,GACnD,GACF,GACF,CACD;AACD,eAAe,cAAc;AAQtB,IAAM,UAAU,CAAC,EAAE,SAAS,UAAU,QAAQ,IAAI,MAAoB;AAC3E,SACE,oBAAC,YAAY,UAAZ,EAAqB,OACpB,+BAAC,YAAY,MAAZ,EACC;AAAA,wBAAC,YAAY,SAAZ,EAAoB,QAAQ,UAAgC;AAAA,IAC7D,oBAAC,kBAAgB,mBAAQ;AAAA,KAC3B,GACF;AAEJ","sourcesContent":["import React from 'react';\nimport { Tooltip as BaseTooltip } from '@base-ui/react/tooltip';\nimport clsx from 'clsx';\nimport './Tooltip.css';\n\nexport const TooltipProvider = BaseTooltip.Provider;\nexport const TooltipRoot = BaseTooltip.Root;\nexport const TooltipTrigger = BaseTooltip.Trigger;\n\nexport const TooltipContent = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, children, ...props }, ref) => (\n  <BaseTooltip.Portal>\n    <BaseTooltip.Positioner sideOffset={5}>\n      <BaseTooltip.Popup ref={ref} className={clsx('ds-tooltip__content', className)} {...props}>\n        {children}\n        <BaseTooltip.Arrow className=\"ds-tooltip__arrow\" />\n      </BaseTooltip.Popup>\n    </BaseTooltip.Positioner>\n  </BaseTooltip.Portal>\n));\nTooltipContent.displayName = 'TooltipContent';\n\nexport interface TooltipProps {\n  content: React.ReactNode;\n  children: React.ReactNode;\n  delay?: number;\n}\n\nexport const Tooltip = ({ content, children, delay = 200 }: TooltipProps) => {\n  return (\n    <BaseTooltip.Provider delay={delay}>\n      <BaseTooltip.Root>\n        <BaseTooltip.Trigger render={children as React.ReactElement} />\n        <TooltipContent>{content}</TooltipContent>\n      </BaseTooltip.Root>\n    </BaseTooltip.Provider>\n  );\n};\n"]}

package/dist/chunk-WYH4TKS5.js.map

@@ -1 +0,0 @@
-{"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-XEX2AEZK.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/ArticleCard/ArticleCard.tsx","../src/components/ArticleLayout/ArticleLayout.tsx","../src/components/AuthorBio/AuthorBio.tsx","../src/components/TableOfContents/TableOfContents.tsx","../src/components/RelatedContent/RelatedContent.tsx","../src/components/LongFormLayout/LongFormLayout.tsx","../src/components/LongFormComponents/LongFormComponents.tsx","../src/components/ReadingProgress/ReadingProgress.tsx","../src/components/VersionedContent/VersionedContent.tsx"],"names":["React","forwardRef","clsx","jsx","jsxs","useEffect","useState"],"mappings":"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","sourcesContent":["import React, { forwardRef } from 'react';\nimport clsx from 'clsx';\nimport { useAnalytics } from '../../web/analytics/use-analytics';\nimport { ArrowRight, Clock, FileText } from 'lucide-react';\nimport { OutboundLink } from '../OutboundLink/OutboundLink';\nimport './ArticleCard.css';\n\nexport interface ArticleCardProps extends Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'href'> {\n  /** Target URL */\n  href: string;\n  /** Article title */\n  title: string;\n  /** Short excerpt or description */\n  excerpt: string;\n  /** Image URL for the thumbnail */\n  imageUrl?: string;\n  /** Image alt text */\n  imageAlt?: string;\n  /** Category or tag label */\n  category?: string;\n  /** Publication date */\n  date?: string;\n  /** Reading time in minutes */\n  readingTime?: number;\n  /** Author name */\n  author?: string;\n  /** Variant for different grid layouts */\n  variant?: 'vertical' | 'horizontal' | 'featured';\n}\n\n/**\n * Standardized card for blog posts, resources, and case studies.\n * Acts as a block-level link.\n */\nexport const ArticleCard = forwardRef<HTMLAnchorElement, ArticleCardProps>(\n  (\n    {\n      href,\n      title,\n      excerpt,\n      imageUrl,\n      imageAlt = '',\n      category,\n      date,\n      readingTime,\n      author,\n      variant = 'vertical',\n      className,\n      onClick,\n      ...props\n    },\n    ref\n  ) => {\n    const { track } = useAnalytics();\n\n    const handleClick = (e: React.MouseEvent<HTMLAnchorElement>) => {\n      track('article_click', { url: href, title, category });\n      if (onClick) onClick(e);\n    };\n\n    return (\n      <OutboundLink\n        ref={ref}\n        href={href}\n        context=\"article-card\"\n        className={clsx(\n          'ds-article-card',\n          `ds-article-card--${variant}`,\n          !imageUrl && 'ds-article-card--no-image',\n          className\n        )}\n        onClick={handleClick}\n        {...props}\n      >\n        {imageUrl ? (\n          <div className=\"ds-article-card__image-wrapper\">\n            <img \n              src={imageUrl} \n              alt={imageAlt} \n              className=\"ds-article-card__image\" \n              loading=\"lazy\" \n            />\n            {category && (\n              <span className=\"ds-article-card__category-badge\">{category}</span>\n            )}\n          </div>\n        ) : (\n          <div className=\"ds-article-card__placeholder\">\n            <FileText className=\"ds-article-card__placeholder-icon\" aria-hidden=\"true\" />\n            {category && (\n              <span className=\"ds-article-card__category-badge\">{category}</span>\n            )}\n          </div>\n        )}\n        \n        <div className=\"ds-article-card__content\">\n          \n          <h3 className=\"ds-article-card__title\">{title}</h3>\n          <p className=\"ds-article-card__excerpt\">{excerpt}</p>\n          \n          <div className=\"ds-article-card__meta\">\n            {(date || author) && (\n              <div className=\"ds-article-card__meta-primary\">\n                {author && <span className=\"ds-article-card__author\">{author}</span>}\n                {author && date && <span className=\"ds-article-card__dot\" aria-hidden=\"true\">•</span>}\n                {date && <time dateTime={date} className=\"ds-article-card__date\">{date}</time>}\n              </div>\n            )}\n            \n            {readingTime && (\n              <div className=\"ds-article-card__meta-secondary\">\n                <Clock size={14} aria-hidden=\"true\" />\n                <span>{readingTime} min read</span>\n              </div>\n            )}\n          </div>\n          \n          <div className=\"ds-article-card__footer\">\n            <span className=\"ds-article-card__read-more\">\n              Read article\n              <ArrowRight size={16} className=\"ds-article-card__arrow\" />\n            </span>\n          </div>\n        </div>\n      </OutboundLink>\n    );\n  }\n);\n\nArticleCard.displayName = 'ArticleCard';\n","import React, { forwardRef } from 'react';\nimport clsx from 'clsx';\nimport { useAnalytics } from '../../web/analytics/use-analytics';\nimport './ArticleLayout.css';\n\nexport interface ArticleLayoutProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** The main content of the article */\n  children: React.ReactNode;\n  /** Article title */\n  title: string;\n  /** Author name */\n  author?: React.ReactNode;\n  /** Publish date */\n  date?: React.ReactNode;\n  /** Main hero image */\n  heroImage?: string;\n  /** Sidebar content (like TOC or related articles) */\n  sidebar?: React.ReactNode;\n}\n\n/**\n * Standardized layout for long-form content (blog posts, resources, case studies).\n * Handles responsive wrapping, prose width constraints, and sidebar positioning.\n */\nexport const ArticleLayout = forwardRef<HTMLDivElement, ArticleLayoutProps>(\n  (\n    {\n      children,\n      title,\n      author,\n      date,\n      heroImage,\n      sidebar,\n      className,\n      ...props\n    },\n    ref\n  ) => {\n    // Add scroll tracking\n    const { track } = useAnalytics();\n    \n    React.useEffect(() => {\n      let maxScroll = 0;\n      \n      const handleScroll = () => {\n        const docHeight = document.documentElement.scrollHeight - window.innerHeight;\n        if (docHeight > 0) {\n          const scrollPercent = Math.round((window.scrollY / docHeight) * 100);\n          \n          if (scrollPercent > maxScroll) {\n            maxScroll = scrollPercent;\n            \n            // Track milestones\n            if (maxScroll === 25) track('article_scroll', { milestone: 25 });\n            if (maxScroll === 50) track('article_scroll', { milestone: 50 });\n            if (maxScroll === 75) track('article_scroll', { milestone: 75 });\n            if (maxScroll === 100) track('article_scroll', { milestone: 100 });\n          }\n        }\n      };\n\n      window.addEventListener('scroll', handleScroll, { passive: true });\n      return () => window.removeEventListener('scroll', handleScroll);\n    }, [track]);\n\n    return (\n      <article\n        ref={ref}\n        className={clsx('ds-article-layout', className)}\n        {...props}\n      >\n        <header className=\"ds-article-layout__header\">\n          <h1 className=\"ds-article-layout__title\">{title}</h1>\n          \n          {(author || date) && (\n            <div className=\"ds-article-layout__meta\">\n              {author && <div className=\"ds-article-layout__author\">{author}</div>}\n              {author && date && <span className=\"ds-article-layout__dot\" aria-hidden=\"true\">•</span>}\n              {date && <time className=\"ds-article-layout__date\">{date}</time>}\n            </div>\n          )}\n        </header>\n\n        {heroImage && (\n          <div className=\"ds-article-layout__hero\">\n            <img src={heroImage} alt=\"\" aria-hidden=\"true\" />\n          </div>\n        )}\n\n        <div className={clsx(\n          'ds-article-layout__body',\n          sidebar && 'ds-article-layout__body--with-sidebar'\n        )}>\n          <div className=\"ds-article-layout__content ds-prose\">\n            {children}\n          </div>\n          \n          {sidebar && (\n            <aside className=\"ds-article-layout__sidebar\">\n              <div className=\"ds-article-layout__sidebar-inner\">\n                {sidebar}\n              </div>\n            </aside>\n          )}\n        </div>\n      </article>\n    );\n  }\n);\n\nArticleLayout.displayName = 'ArticleLayout';\n","import React, { forwardRef } from 'react';\nimport clsx from 'clsx';\nimport { Avatar, AvatarImage, AvatarFallback } from '../Avatar/Avatar';\nimport { OutboundLink } from '../OutboundLink/OutboundLink';\nimport './AuthorBio.css';\n\n/* ============================================================================\n   AUTHOR BIO\n   ============================================================================\n   Author biography card for blog posts and articles.\n\n   Strategic objective: Authority (expert credibility signal)\n   ============================================================================ */\n\n/** Social/external link */\nexport interface AuthorLink {\n  /** Link label (e.g., \"Twitter\", \"LinkedIn\") */\n  label: string;\n  /** Link URL */\n  href: string;\n  /** Optional icon */\n  icon?: React.ReactNode;\n}\n\nexport interface AuthorBioProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Author name */\n  name: string;\n  /** Author role or title */\n  role?: string;\n  /** Avatar image URL */\n  avatar?: string;\n  /** Biography text */\n  bio?: string;\n  /** External links */\n  links?: AuthorLink[];\n  /** Layout variant */\n  variant?: 'inline' | 'card' | 'compact' | 'longform';\n}\n\n/**\n * Author biography card.\n *\n * @example\n * ```tsx\n * <AuthorBio\n *   name=\"Alex Chen\"\n *   role=\"Head of Growth at SalesMind AI\"\n *   avatar=\"/team/alex.jpg\"\n *   bio=\"Alex has 10+ years of experience in B2B growth...\"\n *   links={[{ label: 'LinkedIn', href: 'https://linkedin.com/in/alexchen' }]}\n *   variant=\"card\"\n * />\n * ```\n */\nexport const AuthorBio = forwardRef<HTMLDivElement, AuthorBioProps>(\n  (\n    {\n      name,\n      role,\n      avatar,\n      bio,\n      links,\n      variant = 'card',\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    const initials = name\n      .split(' ')\n      .map((n) => n[0])\n      .join('')\n      .slice(0, 2);\n\n    return (\n      <div\n        ref={ref}\n        className={clsx('ds-author-bio', `ds-author-bio--${variant}`, className)}\n        {...props}\n      >\n        <Avatar size={variant === 'compact' ? 'sm' : variant === 'longform' ? 'lg' : 'md'} className=\"ds-author-bio__avatar\">\n          {avatar && <AvatarImage src={avatar} alt={name} />}\n          <AvatarFallback>{initials}</AvatarFallback>\n        </Avatar>\n\n        <div className=\"ds-author-bio__info\">\n          <span className=\"ds-author-bio__name\">{name}</span>\n          {role && <span className=\"ds-author-bio__role\">{role}</span>}\n          {bio && variant !== 'compact' && (\n            <p className=\"ds-author-bio__bio\">{bio}</p>\n          )}\n          {links && links.length > 0 && variant !== 'compact' && (\n            <div className=\"ds-author-bio__links\">\n              {links.map((link, i) => (\n                <OutboundLink\n                  key={i}\n                  href={link.href}\n                  context=\"author-bio-link\"\n                  className=\"ds-author-bio__link\"\n                >\n                  {link.icon && <span className=\"ds-author-bio__link-icon\">{link.icon}</span>}\n                  {link.label}\n                </OutboundLink>\n              ))}\n            </div>\n          )}\n        </div>\n      </div>\n    );\n  },\n);\n\nAuthorBio.displayName = 'AuthorBio';\n","import React, { forwardRef, useState, useEffect } from 'react';\nimport clsx from 'clsx';\nimport { useMessage } from '../../i18n';\nimport './TableOfContents.css';\n\n/* ============================================================================\n   TABLE OF CONTENTS\n   ============================================================================\n   Sticky article TOC with active heading detection via IntersectionObserver.\n\n   Strategic objective: Distribution (increases article dwell time)\n   ============================================================================ */\n\n/** A TOC item mapping to a heading */\nexport interface TOCItem {\n  /** Heading element ID */\n  id: string;\n  /** Heading text */\n  title: string;\n  /** Heading level (2 = h2, 3 = h3, etc.) */\n  level: number;\n}\n\nexport interface TableOfContentsProps extends React.HTMLAttributes<HTMLElement> {\n  /** TOC items (typically extracted from article headings) */\n  items: TOCItem[];\n  /** Currently active heading ID (controlled) */\n  activeId?: string;\n  /** Position variant */\n  position?: 'sidebar' | 'inline' | 'floating';\n  /** Label text */\n  label?: string;\n  /** Callback when an item is clicked */\n  onItemClick?: (id: string) => void;\n}\n\n/**\n * Sticky table of contents with active heading tracking.\n *\n * @example\n * ```tsx\n * <TableOfContents\n *   items={[\n *     { id: 'intro', title: 'Introduction', level: 2 },\n *     { id: 'setup', title: 'Getting Started', level: 2 },\n *     { id: 'config', title: 'Configuration', level: 3 },\n *   ]}\n *   position=\"sidebar\"\n * />\n * ```\n */\nexport const TableOfContents = forwardRef<HTMLElement, TableOfContentsProps>(\n  (\n    {\n      items,\n      activeId: controlledActiveId,\n      position = 'sidebar',\n      label,\n      onItemClick,\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    const t = useMessage();\n    const defaultLabel = t({ id: 'ds.toc.label', defaultMessage: 'On this page' });\n    const finalLabel = label || defaultLabel;\n\n    const [observedActiveId, setObservedActiveId] = useState<string>('');\n    const activeId = controlledActiveId ?? observedActiveId;\n\n    // Auto-detect active heading via Scroll Listener (more robust than IO for long sections)\n    useEffect(() => {\n      if (controlledActiveId !== undefined) return;\n      if (items.length === 0) return;\n\n      const handleScroll = () => {\n        const headingElements = items\n          .map((item) => ({\n            id: item.id,\n            el: document.getElementById(item.id),\n          }))\n          .filter((h): h is { id: string; el: HTMLElement } => !!h.el);\n\n        if (headingElements.length === 0) return;\n\n        // Offset for sticky header\n        const topOffset = 120; \n\n        // Find the first heading that is clearly below the top offset\n        const firstBelowIndex = headingElements.findIndex((h) => {\n          const rect = h.el.getBoundingClientRect();\n          return rect.top > topOffset;\n        });\n\n        let newActiveId = '';\n        if (firstBelowIndex === -1) {\n          // All headings are above the offset -> last one is active\n          newActiveId = headingElements[headingElements.length - 1].id;\n        } else if (firstBelowIndex === 0) {\n          // First heading is below offset -> none active (or first if we want to be generous)\n          newActiveId = ''; // Or headingElements[0].id\n        } else {\n          // The heading immediately before the one that is below is the active one\n          newActiveId = headingElements[firstBelowIndex - 1].id;\n        }\n\n        setObservedActiveId(newActiveId);\n      };\n\n      window.addEventListener('scroll', handleScroll, { passive: true });\n      // Initial check\n      handleScroll();\n\n      return () => window.removeEventListener('scroll', handleScroll);\n    }, [items, controlledActiveId]);\n\n    const handleClick = (id: string) => {\n      const el = document.getElementById(id);\n      if (el) {\n        el.scrollIntoView({ behavior: 'smooth', block: 'start' });\n      }\n      if (onItemClick) onItemClick(id);\n    };\n\n    if (items.length === 0) return null;\n\n    return (\n      <nav\n        ref={ref}\n        className={clsx('ds-toc', `ds-toc--${position}`, className)}\n        aria-label={finalLabel}\n        {...props}\n      >\n        <span className=\"ds-toc__label\">{finalLabel}</span>\n        <ul className=\"ds-toc__list\">\n          {items.map((item) => (\n            <li key={item.id} className=\"ds-toc__item\" style={{ paddingLeft: `${(item.level - 2) * 12}px` }}>\n              <button\n                type=\"button\"\n                className={clsx(\n                  'ds-toc__link',\n                  activeId === item.id && 'ds-toc__link--active',\n                )}\n                onClick={() => handleClick(item.id)}\n              >\n                {item.title}\n              </button>\n            </li>\n          ))}\n        </ul>\n      </nav>\n    );\n  },\n);\n\nTableOfContents.displayName = 'TableOfContents';\n","import React, { forwardRef } from 'react';\nimport clsx from 'clsx';\nimport { SectionShell, type SectionShellProps } from '../SectionShell/SectionShell';\nimport { SectionHeader } from '../SectionShell/SectionShell';\nimport { ArticleCard, type ArticleCardProps } from '../ArticleCard/ArticleCard';\nimport './RelatedContent.css';\n\n/* ============================================================================\n   RELATED CONTENT\n   ============================================================================\n   Related articles/resources section. Drives internal linking and increases\n   session duration.\n\n   Strategic objective: Distribution (internal linking + session depth)\n   ============================================================================ */\n\nexport interface RelatedContentProps extends Omit<SectionShellProps, 'title'> {\n  /** Section eyebrow */\n  eyebrow?: React.ReactNode;\n  /** Section title */\n  title?: React.ReactNode;\n  /** Related article items (uses ArticleCard props) */\n  items: ArticleCardProps[];\n  /** Max items to display */\n  maxVisible?: number;\n}\n\n/**\n * Related articles section using ArticleCard grid.\n *\n * @example\n * ```tsx\n * <RelatedContent\n *   title=\"Related Articles\"\n *   items={[\n *     { title: 'AI Outreach Guide', href: '/blog/ai-outreach', ... },\n *     { title: 'Pipeline Automation', href: '/blog/pipeline', ... },\n *   ]}\n *   background=\"muted\"\n * />\n * ```\n */\nexport const RelatedContent = forwardRef<HTMLDivElement, RelatedContentProps>(\n  (\n    {\n      eyebrow,\n      title = 'Related Articles',\n      items,\n      maxVisible,\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    const visibleItems = maxVisible ? items.slice(0, maxVisible) : items;\n\n    if (visibleItems.length === 0) return null;\n\n    return (\n      <SectionShell\n        ref={ref}\n        className={clsx('ds-related-content', className)}\n        background=\"muted\"\n        {...props}\n      >\n        <SectionHeader eyebrow={eyebrow} title={title} />\n\n        <div className=\"ds-related-content__grid\">\n          {visibleItems.map((item, i) => (\n            <ArticleCard key={i} {...item} />\n          ))}\n        </div>\n      </SectionShell>\n    );\n  },\n);\n\nRelatedContent.displayName = 'RelatedContent';\n","import React from 'react';\nimport clsx from 'clsx';\nimport './LongFormLayout.css';\n\nexport interface LongFormLayoutProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode;\n  /** Pass the TOC element here to render as a sticky sidebar on desktop */\n  sidebar?: React.ReactNode;\n}\n\n/**\n * A layout primitive designed specifically for long-form content (e.g., blog posts, documentation).\n * Enforces maximum reading widths and manages the relationship between the main content and an optional sticky sidebar.\n */\nexport const LongFormLayout = React.forwardRef<HTMLDivElement, LongFormLayoutProps>(\n  ({ children, sidebar, className, ...props }, ref) => {\n    return (\n      <div ref={ref} className={clsx('ds-longform-layout', className)} {...props}>\n        <article className=\"ds-longform-layout__main\">{children}</article>\n        {sidebar && <aside className=\"ds-longform-layout__sidebar\">{sidebar}</aside>}\n      </div>\n    );\n  }\n);\n\nLongFormLayout.displayName = 'LongFormLayout';\n","import React from 'react';\nimport clsx from 'clsx';\nimport './LongFormComponents.css';\n\nexport interface InsightCalloutProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode;\n  icon?: React.ReactNode;\n  title?: string;\n}\n\nexport const InsightCallout = React.forwardRef<HTMLDivElement, InsightCalloutProps>(\n  ({ children, icon, title, className, ...props }, ref) => {\n    return (\n      <aside ref={ref} className={clsx('ds-insight-callout', className)} {...props}>\n        {icon && <div className=\"ds-insight-callout__icon\">{icon}</div>}\n        <div className=\"ds-insight-callout__content\">\n          {title && <h5 className=\"ds-insight-callout__title\">{title}</h5>}\n          {children}\n        </div>\n      </aside>\n    );\n  }\n);\nInsightCallout.displayName = 'InsightCallout';\n\nexport interface DataHighlightProps extends React.HTMLAttributes<HTMLDivElement> {\n  stat: string;\n  label: string;\n  children?: React.ReactNode;\n}\n\nexport const DataHighlight = React.forwardRef<HTMLDivElement, DataHighlightProps>(\n  ({ stat, label, children, className, ...props }, ref) => {\n    return (\n      <figure ref={ref} className={clsx('ds-data-highlight', className)} {...props}>\n        <div className=\"ds-data-highlight__stat-group\">\n          <span className=\"ds-data-highlight__stat\">{stat}</span>\n          <span className=\"ds-data-highlight__label\">{label}</span>\n        </div>\n        {children && <figcaption className=\"ds-data-highlight__caption\">{children}</figcaption>}\n      </figure>\n    );\n  }\n);\nDataHighlight.displayName = 'DataHighlight';\n","import React, { useEffect, useState, useRef } from 'react';\nimport clsx from 'clsx';\nimport './ReadingProgress.css';\n\nexport interface ReadingProgressProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Reference to the container element whose scroll progress we're tracking */\n  targetRef?: React.RefObject<HTMLElement | null>;\n}\n\nexport const ReadingProgress = React.forwardRef<HTMLDivElement, ReadingProgressProps>(\n  ({ targetRef, className, ...props }, ref) => {\n    const [progress, setProgress] = useState(0);\n    const frameRef = useRef<number | null>(null);\n\n    useEffect(() => {\n      const handleScroll = () => {\n        if (frameRef.current) cancelAnimationFrame(frameRef.current);\n\n        frameRef.current = requestAnimationFrame(() => {\n          let percentage = 0;\n\n          if (targetRef && targetRef.current) {\n            // Calculate progress relative to the specific container\n            const el = targetRef.current;\n            const rect = el.getBoundingClientRect();\n            const viewportHeight = window.innerHeight;\n            \n            // If top is below viewport, 0%. If bottom is above viewport, 100%.\n            if (rect.top > viewportHeight) {\n              percentage = 0;\n            } else if (rect.bottom < 0) {\n              percentage = 100;\n            } else {\n              const scrollableDistance = rect.height - viewportHeight;\n              if (scrollableDistance <= 0) {\n                percentage = 100; // Fits entirely on screen\n              } else {\n                const scrolled = viewportHeight - rect.top;\n                percentage = Math.max(0, Math.min(100, (scrolled / scrollableDistance) * 100));\n              }\n            }\n          } else {\n            // Fallback to full page scroll\n            const scrollPosition = window.scrollY;\n            const scrollHeight = document.body.scrollHeight - window.innerHeight;\n            percentage = scrollHeight > 0 ? (scrollPosition / scrollHeight) * 100 : 0;\n            percentage = Math.max(0, Math.min(100, percentage));\n          }\n\n          setProgress(percentage);\n        });\n      };\n\n      window.addEventListener('scroll', handleScroll, { passive: true });\n      window.addEventListener('resize', handleScroll, { passive: true });\n      \n      // Initial calculation\n      handleScroll();\n\n      return () => {\n        if (frameRef.current) cancelAnimationFrame(frameRef.current);\n        window.removeEventListener('scroll', handleScroll);\n        window.removeEventListener('resize', handleScroll);\n      };\n    }, [targetRef]);\n\n    return (\n      <div \n        ref={ref} \n        className={clsx('ds-reading-progress', className)} \n        {...props}\n      >\n        <div \n          className=\"ds-reading-progress__bar\" \n          style={{ transform: `scaleX(${progress / 100})` }} \n        />\n      </div>\n    );\n  }\n);\nReadingProgress.displayName = 'ReadingProgress';\n","import React, { useState } from 'react';\nimport clsx from 'clsx';\nimport { OutboundLink } from '../OutboundLink/OutboundLink';\nimport './VersionedContent.css';\n\n// ============================================================================\n// VersionedUpgradeAlert\n// =============================================================================\n\nexport interface VersionedUpgradeAlertProps extends React.HTMLAttributes<HTMLDivElement> {\n  seriesName: string;\n  viewedYear: number;\n  latestYear: number;\n  latestUrl: string;\n  deltaSummary?: string;\n}\n\nexport const VersionedUpgradeAlert = React.forwardRef<HTMLDivElement, VersionedUpgradeAlertProps>(\n  ({ seriesName, viewedYear, latestYear, latestUrl, deltaSummary, className, ...props }, ref) => {\n    const [dismissed, setDismissed] = useState(false);\n\n    if (dismissed) return null;\n\n    return (\n      <div \n        ref={ref} \n        className={clsx('ds-versioned-alert', className)} \n        role=\"alert\"\n        {...props}\n      >\n        <div className=\"ds-versioned-alert__content\">\n          <span className=\"ds-versioned-alert__icon\">⚠️</span>\n          <div className=\"ds-versioned-alert__text\">\n            <strong>Outdated Edition:</strong> You are viewing the {viewedYear} edition of {seriesName}. \n            The <strong>{latestYear} edition</strong> is now available.\n            {deltaSummary && <span className=\"ds-versioned-alert__delta\"> {deltaSummary}</span>}\n          </div>\n        </div>\n        <div className=\"ds-versioned-alert__actions\">\n          <OutboundLink href={latestUrl} context=\"versioned-alert-view-latest\" className=\"ds-versioned-alert__button ds-button ds-button--primary ds-button--sm\" openInNewTab={false}>\n            View {latestYear} Edition\n          </OutboundLink>\n          <button \n            className=\"ds-versioned-alert__close\" \n            onClick={() => setDismissed(true)}\n            aria-label=\"Dismiss alert\"\n          >\n            ×\n          </button>\n        </div>\n      </div>\n    );\n  }\n);\nVersionedUpgradeAlert.displayName = 'VersionedUpgradeAlert';\n\n// ============================================================================\n// VersionedSeriesNavigator\n// =============================================================================\n\nexport interface SeriesEdition {\n  year: number;\n  url: string;\n  isCurrent: boolean;\n}\n\nexport interface VersionedSeriesNavigatorProps extends React.HTMLAttributes<HTMLDivElement> {\n  seriesName: string;\n  hubUrl: string;\n  editions: SeriesEdition[];\n}\n\nexport const VersionedSeriesNavigator = React.forwardRef<HTMLDivElement, VersionedSeriesNavigatorProps>(\n  ({ seriesName, hubUrl, editions, className, ...props }, ref) => {\n    const sortedEditions = [...editions].sort((a, b) => a.year - b.year);\n    \n    return (\n      <div ref={ref} className={clsx('ds-versioned-navigator', className)} {...props}>\n        <div className=\"ds-versioned-navigator__header\">\n          <span className=\"ds-versioned-navigator__label\">Series</span>\n          <OutboundLink href={hubUrl} context=\"versioned-navigator-hub\" className=\"ds-versioned-navigator__title\" openInNewTab={false}>{seriesName} Hub</OutboundLink>\n        </div>\n        \n        <div className=\"ds-versioned-navigator__timeline\">\n          {sortedEditions.map((edition, idx) => (\n            <React.Fragment key={edition.year}>\n              {idx > 0 && <div className=\"ds-versioned-navigator__connector\" />}\n              <OutboundLink\n                href={edition.url}\n                context=\"versioned-navigator-edition\"\n                className={clsx(\n                  'ds-versioned-navigator__node',\n                  edition.isCurrent && 'ds-versioned-navigator__node--active'\n                )}\n                aria-current={edition.isCurrent ? 'page' : undefined}\n                openInNewTab={false}\n              >\n                {edition.year}\n              </OutboundLink>\n            </React.Fragment>\n          ))}\n        </div>\n      </div>\n    );\n  }\n);\nVersionedSeriesNavigator.displayName = 'VersionedSeriesNavigator';\n"]}