@salesmind-ai/design-system 1.3.0 → 1.5.0

package/dist/web/index.cjs

@@ -2,7 +2,7 @@
 'use strict';
 
 var chunkK7NQ7TQG_cjs = require('../chunk-K7NQ7TQG.cjs');
-var chunk2VVRZBUR_cjs = require('../chunk-2VVRZBUR.cjs');
+var chunkDXFMZ4ME_cjs = require('../chunk-DXFMZ4ME.cjs');
 var chunkMQDEE7HC_cjs = require('../chunk-MQDEE7HC.cjs');
 require('../chunk-7EUR3AKV.cjs');
 var chunkVC5LMUVQ_cjs = require('../chunk-VC5LMUVQ.cjs');
@@ -39,35 +39,39 @@ Object.defineProperty(exports, "createSchemaGenerators", {
 });
 Object.defineProperty(exports, "AnalyticsProvider", {
   enumerable: true,
-  get: function () { return chunk2VVRZBUR_cjs.AnalyticsProvider; }
+  get: function () { return chunkDXFMZ4ME_cjs.AnalyticsProvider; }
 });
 Object.defineProperty(exports, "COOKIE_CONSENT_EVENT", {
   enumerable: true,
-  get: function () { return chunk2VVRZBUR_cjs.COOKIE_CONSENT_EVENT; }
+  get: function () { return chunkDXFMZ4ME_cjs.COOKIE_CONSENT_EVENT; }
 });
 Object.defineProperty(exports, "COOKIE_CONSENT_KEY", {
   enumerable: true,
-  get: function () { return chunk2VVRZBUR_cjs.COOKIE_CONSENT_KEY; }
+  get: function () { return chunkDXFMZ4ME_cjs.COOKIE_CONSENT_KEY; }
 });
 Object.defineProperty(exports, "CookieConsent", {
   enumerable: true,
-  get: function () { return chunk2VVRZBUR_cjs.CookieConsent; }
+  get: function () { return chunkDXFMZ4ME_cjs.CookieConsent; }
 });
 Object.defineProperty(exports, "createAnalyticsLoader", {
   enumerable: true,
-  get: function () { return chunk2VVRZBUR_cjs.createAnalyticsLoader; }
+  get: function () { return chunkDXFMZ4ME_cjs.createAnalyticsLoader; }
+});
+Object.defineProperty(exports, "isEEAUser", {
+  enumerable: true,
+  get: function () { return chunkDXFMZ4ME_cjs.isEEAUser; }
 });
 Object.defineProperty(exports, "loadClarity", {
   enumerable: true,
-  get: function () { return chunk2VVRZBUR_cjs.loadClarity; }
+  get: function () { return chunkDXFMZ4ME_cjs.loadClarity; }
 });
 Object.defineProperty(exports, "loadGoogleAnalytics", {
   enumerable: true,
-  get: function () { return chunk2VVRZBUR_cjs.loadGoogleAnalytics; }
+  get: function () { return chunkDXFMZ4ME_cjs.loadGoogleAnalytics; }
 });
 Object.defineProperty(exports, "useCookieConsent", {
   enumerable: true,
-  get: function () { return chunk2VVRZBUR_cjs.useCookieConsent; }
+  get: function () { return chunkDXFMZ4ME_cjs.useCookieConsent; }
 });
 Object.defineProperty(exports, "UTM_CAMPAIGNS", {
   enumerable: true,

package/dist/web/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/web/utm/UtmContext.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCS;AADF,SAAS,YAAY,EAAE,QAAQ,SAAS,GAAqB;AAClE,SAAO,oBAAC,WAAW,UAAX,EAAoB,OAAO,QAAS,UAAS;AACvD","sourcesContent":["import { type ReactNode } from 'react';\nimport { UtmContext } from './utm-context';\n\n/* ============================================================================\n   UTM Context — Page-Level Default UTM Parameters\n   ============================================================================\n   Provides default UtmParams to all downstream components (e.g. OutboundLink).\n   Wrap a layout or page with <UtmProvider> so every outbound link on that page\n   inherits governed UTM parameters without explicit prop drilling.\n\n   Priority resolution in OutboundLink:\n     1. Explicit `utmParams` prop (highest)\n     2. UtmContext value (this provider)\n     3. Legacy fallback (lowest — deprecated)\n   ============================================================================ */\n\nexport interface UtmProviderProps {\n  /** Default UTM parameters for all descendants. */\n  params: import('./types').UtmParams;\n  children: ReactNode;\n}\n\n/**\n * Provides governed UTM defaults to all `OutboundLink` and UTM-aware\n * components in the subtree.\n *\n * @example\n * ```tsx\n * <UtmProvider params={{ source: 'website', medium: 'webBlogPost', campaign: 'demo' }}>\n *   <BlogPostPage />\n * </UtmProvider>\n * ```\n */\nexport function UtmProvider({ params, children }: UtmProviderProps) {\n  return <UtmContext.Provider value={params}>{children}</UtmContext.Provider>;\n}\n"]}
+{"version":3,"sources":["../../src/web/utm/UtmContext.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCS;AADF,SAAS,YAAY,EAAE,QAAQ,SAAS,GAAqB;AAClE,SAAO,oBAAC,WAAW,UAAX,EAAoB,OAAO,QAAS,UAAS;AACvD","sourcesContent":["import { type ReactNode } from 'react';\nimport { UtmContext } from './utm-context';\n\n/* ============================================================================\n   UTM Context — Page-Level Default UTM Parameters\n   ============================================================================\n   Provides default UtmParams to all downstream components (e.g. OutboundLink).\n   Wrap a layout or page with <UtmProvider> so every outbound link on that page\n   inherits governed UTM parameters without explicit prop drilling.\n\n   Priority resolution in OutboundLink:\n     1. Explicit `utmParams` prop (highest)\n     2. UtmContext value (this provider)\n     3. Legacy fallback (lowest — deprecated)\n   ============================================================================ */\n\nexport interface UtmProviderProps {\n  /** Default UTM parameters for all descendants. */\n  params: import('./types').UtmParams;\n  children: ReactNode;\n}\n\n/**\n * Provides governed UTM defaults to all `OutboundLink` and UTM-aware\n * components in the subtree.\n *\n * @example\n * ```tsx\n * <UtmProvider params={{ source: 'website', medium: 'webBlogPost', campaign: 'demo' }}>\n *   <BlogPostPage />\n * </UtmProvider>\n * ```\n */\nexport function UtmProvider({ params, children }: UtmProviderProps) {\n  return <UtmContext.Provider value={params}>{children}</UtmContext.Provider>;\n}\n"]}

package/dist/web/index.d.cts

@@ -1,5 +1,5 @@
 export { ArticleMeta, BrandConfig, CareerForSchema, CustomerOrganizationMeta, FAQItem, GlossaryTermForSchema, HowToMeta, HowToStep, ItemForList, JsonLd, JsonLdProps, PersonMeta, PricingPlan, SeoBreadcrumbItem, ServiceMotion, TestimonialForSchema, TranscriptForSchema, VideoObjectMeta, aggregateRatingFromTestimonials, buildPageGraph, canonicalUrl, createEntityIds, createSchemaGenerators } from './server/index.cjs';
-export { AnalyticsContextValue, AnalyticsEventProps, AnalyticsLoaderConfig, AnalyticsProvider, AnalyticsProviderProps, COOKIE_CONSENT_EVENT, COOKIE_CONSENT_KEY, ConsentStatus, CookieConsent, CookieConsentLabels, CookieConsentProps, TrackFn, createAnalyticsLoader, loadClarity, loadGoogleAnalytics, useAnalytics, useCookieConsent } from './client/index.cjs';
+export { AnalyticsContextValue, AnalyticsEventProps, AnalyticsLoaderConfig, AnalyticsProvider, AnalyticsProviderProps, COOKIE_CONSENT_EVENT, COOKIE_CONSENT_KEY, ConsentStatus, CookieConsent, CookieConsentLabels, CookieConsentProps, TrackFn, createAnalyticsLoader, isEEAUser, loadClarity, loadGoogleAnalytics, useAnalytics, useCookieConsent } from './client/index.cjs';
 import { U as UtmParams } from '../types-D5bPCZi6.cjs';
 export { F as FirstTouchAttribution, a as UrlClassification, b as UtmAuditEntry, c as UtmBlockedError, d as UtmCampaign, e as UtmComplianceResult, f as UtmComplianceStatus, g as UtmConfidence, h as UtmContent, i as UtmMedium, j as UtmMediumAppPage, k as UtmMediumMessaging, l as UtmMediumWebPage, m as UtmOverrides, n as UtmSource, o as UtmSourceRequiringSeller, p as UtmTerm } from '../types-D5bPCZi6.cjs';
 export { U as UTM_CAMPAIGNS, a as UTM_CONTENTS, b as UTM_MEDIUMS_ALL, c as UTM_MEDIUMS_APP, d as UTM_MEDIUMS_MESSAGING, e as UTM_MEDIUMS_WEB, f as UTM_SOURCES, g as UTM_SOURCES_REQUIRING_SELLER, h as UTM_TERMS, i as buildBlockedError, j as buildUtmUrl, k as classifyAndEnforce, l as classifyUrl, m as createAuditEntry, n as isUtmExempt, o as isValidUtmParams, p as parseUtmParams, r as requiresSellerAttribution, q as requiresUtm, t as toFirstTouchAttribution, v as validateCompliance, s as validateUtmField } from '../audit-CQvTUO39.cjs';

package/dist/web/index.d.ts

@@ -1,5 +1,5 @@
 export { ArticleMeta, BrandConfig, CareerForSchema, CustomerOrganizationMeta, FAQItem, GlossaryTermForSchema, HowToMeta, HowToStep, ItemForList, JsonLd, JsonLdProps, PersonMeta, PricingPlan, SeoBreadcrumbItem, ServiceMotion, TestimonialForSchema, TranscriptForSchema, VideoObjectMeta, aggregateRatingFromTestimonials, buildPageGraph, canonicalUrl, createEntityIds, createSchemaGenerators } from './server/index.js';
-export { AnalyticsContextValue, AnalyticsEventProps, AnalyticsLoaderConfig, AnalyticsProvider, AnalyticsProviderProps, COOKIE_CONSENT_EVENT, COOKIE_CONSENT_KEY, ConsentStatus, CookieConsent, CookieConsentLabels, CookieConsentProps, TrackFn, createAnalyticsLoader, loadClarity, loadGoogleAnalytics, useAnalytics, useCookieConsent } from './client/index.js';
+export { AnalyticsContextValue, AnalyticsEventProps, AnalyticsLoaderConfig, AnalyticsProvider, AnalyticsProviderProps, COOKIE_CONSENT_EVENT, COOKIE_CONSENT_KEY, ConsentStatus, CookieConsent, CookieConsentLabels, CookieConsentProps, TrackFn, createAnalyticsLoader, isEEAUser, loadClarity, loadGoogleAnalytics, useAnalytics, useCookieConsent } from './client/index.js';
 import { U as UtmParams } from '../types-D5bPCZi6.js';
 export { F as FirstTouchAttribution, a as UrlClassification, b as UtmAuditEntry, c as UtmBlockedError, d as UtmCampaign, e as UtmComplianceResult, f as UtmComplianceStatus, g as UtmConfidence, h as UtmContent, i as UtmMedium, j as UtmMediumAppPage, k as UtmMediumMessaging, l as UtmMediumWebPage, m as UtmOverrides, n as UtmSource, o as UtmSourceRequiringSeller, p as UtmTerm } from '../types-D5bPCZi6.js';
 export { U as UTM_CAMPAIGNS, a as UTM_CONTENTS, b as UTM_MEDIUMS_ALL, c as UTM_MEDIUMS_APP, d as UTM_MEDIUMS_MESSAGING, e as UTM_MEDIUMS_WEB, f as UTM_SOURCES, g as UTM_SOURCES_REQUIRING_SELLER, h as UTM_TERMS, i as buildBlockedError, j as buildUtmUrl, k as classifyAndEnforce, l as classifyUrl, m as createAuditEntry, n as isUtmExempt, o as isValidUtmParams, p as parseUtmParams, r as requiresSellerAttribution, q as requiresUtm, t as toFirstTouchAttribution, v as validateCompliance, s as validateUtmField } from '../audit-oRc-Dccv.js';

package/dist/web/index.js

@@ -1,6 +1,6 @@
 "use client";
 export { JsonLd, aggregateRatingFromTestimonials, buildPageGraph, canonicalUrl, createEntityIds, createSchemaGenerators } from '../chunk-25TUCNN6.js';
-export { AnalyticsProvider, COOKIE_CONSENT_EVENT, COOKIE_CONSENT_KEY, CookieConsent, createAnalyticsLoader, loadClarity, loadGoogleAnalytics, useCookieConsent } from '../chunk-K526GN7P.js';
+export { AnalyticsProvider, COOKIE_CONSENT_EVENT, COOKIE_CONSENT_KEY, CookieConsent, createAnalyticsLoader, isEEAUser, loadClarity, loadGoogleAnalytics, useCookieConsent } from '../chunk-FZJLTJZS.js';
 export { UTM_CAMPAIGNS, UTM_CONTENTS, UTM_MEDIUMS_ALL, UTM_MEDIUMS_APP, UTM_MEDIUMS_MESSAGING, UTM_MEDIUMS_WEB, UTM_SOURCES, UTM_SOURCES_REQUIRING_SELLER, UTM_TERMS, buildBlockedError, classifyAndEnforce, createAuditEntry, isValidUtmParams, parseUtmParams, requiresSellerAttribution, toFirstTouchAttribution, validateCompliance, validateUtmField } from '../chunk-BILT5KD3.js';
 import '../chunk-KJHPOB3J.js';
 export { useAnalytics } from '../chunk-2GARWEJK.js';

package/dist/web/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/web/utm/UtmContext.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCS;AADF,SAAS,YAAY,EAAE,QAAQ,SAAS,GAAqB;AAClE,SAAO,oBAAC,WAAW,UAAX,EAAoB,OAAO,QAAS,UAAS;AACvD","sourcesContent":["import { type ReactNode } from 'react';\nimport { UtmContext } from './utm-context';\n\n/* ============================================================================\n   UTM Context — Page-Level Default UTM Parameters\n   ============================================================================\n   Provides default UtmParams to all downstream components (e.g. OutboundLink).\n   Wrap a layout or page with <UtmProvider> so every outbound link on that page\n   inherits governed UTM parameters without explicit prop drilling.\n\n   Priority resolution in OutboundLink:\n     1. Explicit `utmParams` prop (highest)\n     2. UtmContext value (this provider)\n     3. Legacy fallback (lowest — deprecated)\n   ============================================================================ */\n\nexport interface UtmProviderProps {\n  /** Default UTM parameters for all descendants. */\n  params: import('./types').UtmParams;\n  children: ReactNode;\n}\n\n/**\n * Provides governed UTM defaults to all `OutboundLink` and UTM-aware\n * components in the subtree.\n *\n * @example\n * ```tsx\n * <UtmProvider params={{ source: 'website', medium: 'webBlogPost', campaign: 'demo' }}>\n *   <BlogPostPage />\n * </UtmProvider>\n * ```\n */\nexport function UtmProvider({ params, children }: UtmProviderProps) {\n  return <UtmContext.Provider value={params}>{children}</UtmContext.Provider>;\n}\n"]}
+{"version":3,"sources":["../../src/web/utm/UtmContext.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCS;AADF,SAAS,YAAY,EAAE,QAAQ,SAAS,GAAqB;AAClE,SAAO,oBAAC,WAAW,UAAX,EAAoB,OAAO,QAAS,UAAS;AACvD","sourcesContent":["import { type ReactNode } from 'react';\nimport { UtmContext } from './utm-context';\n\n/* ============================================================================\n   UTM Context — Page-Level Default UTM Parameters\n   ============================================================================\n   Provides default UtmParams to all downstream components (e.g. OutboundLink).\n   Wrap a layout or page with <UtmProvider> so every outbound link on that page\n   inherits governed UTM parameters without explicit prop drilling.\n\n   Priority resolution in OutboundLink:\n     1. Explicit `utmParams` prop (highest)\n     2. UtmContext value (this provider)\n     3. Legacy fallback (lowest — deprecated)\n   ============================================================================ */\n\nexport interface UtmProviderProps {\n  /** Default UTM parameters for all descendants. */\n  params: import('./types').UtmParams;\n  children: ReactNode;\n}\n\n/**\n * Provides governed UTM defaults to all `OutboundLink` and UTM-aware\n * components in the subtree.\n *\n * @example\n * ```tsx\n * <UtmProvider params={{ source: 'website', medium: 'webBlogPost', campaign: 'demo' }}>\n *   <BlogPostPage />\n * </UtmProvider>\n * ```\n */\nexport function UtmProvider({ params, children }: UtmProviderProps) {\n  return <UtmContext.Provider value={params}>{children}</UtmContext.Provider>;\n}\n"]}

package/package.json

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

package/dist/chunk-2VVRZBUR.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/web/analytics/create-analytics-loader.ts","../src/web/CookieConsent/CookieConsent.tsx","../src/web/analytics/use-cookie-consent.ts","../src/web/analytics/analytics-provider.tsx"],"names":["useState","useEffect","useCallback","jsx"],"mappings":"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","sourcesContent":["/**\n * Generic analytics script loader.\n *\n * Framework-agnostic: injects a `<script>` tag into `<head>` once,\n * guards against double-loading, and respects cookie consent.\n *\n * @example\n * ```ts\n * import { createAnalyticsLoader } from '@salesmind-ai/design-system/web';\n *\n * const loadGA = createAnalyticsLoader({\n *   id: 'ga-script',\n *   src: (gaId) => `https://www.googletagmanager.com/gtag/js?id=${gaId}`,\n *   onLoad: (gaId) => {\n *     window.dataLayer = window.dataLayer || [];\n *     function gtag(...args: unknown[]) { window.dataLayer.push(args); }\n *     gtag('js', new Date());\n *     gtag('config', gaId);\n *   },\n * });\n *\n * // Later, after consent:\n * loadGA('G-XXXXXX');\n * ```\n */\n\nexport interface AnalyticsLoaderConfig<TId extends string = string> {\n  /** Unique DOM id for the script element (prevents double-loading) */\n  id: string;\n  /** Build the script src URL from the tracking ID */\n  src: (trackingId: TId) => string;\n  /** Async attribute on the script tag (default: true) */\n  async?: boolean;\n  /** Called after the script is appended to the DOM */\n  onLoad?: (trackingId: TId) => void;\n  /** Custom inline script content instead of an external src */\n  inlineScript?: (trackingId: TId) => string;\n}\n\n/**\n * Create a reusable analytics loader function.\n * The returned function injects the script once and is safe to call multiple times.\n */\nexport function createAnalyticsLoader<TId extends string = string>(\n  config: AnalyticsLoaderConfig<TId>,\n): (trackingId: TId) => void {\n  return (trackingId: TId) => {\n    if (typeof document === 'undefined') return;\n    if (document.getElementById(config.id)) return;\n\n    const script = document.createElement('script');\n    script.id = config.id;\n\n    if (config.inlineScript) {\n      script.textContent = config.inlineScript(trackingId);\n    } else {\n      script.async = config.async ?? true;\n      script.src = config.src(trackingId);\n    }\n\n    document.head.appendChild(script);\n    config.onLoad?.(trackingId);\n  };\n}\n\n// ─── Pre-built Loaders ──────────────────────────────────────────────────────\n\ndeclare global {\n  interface Window {\n    dataLayer: unknown[];\n    clarity?: (...args: unknown[]) => void;\n  }\n}\n\n/**\n * Load Google Analytics (gtag.js).\n * Call with your GA measurement ID after cookie consent.\n */\nexport const loadGoogleAnalytics = createAnalyticsLoader({\n  id: 'ga-script',\n  src: (gaId) => `https://www.googletagmanager.com/gtag/js?id=${gaId}`,\n  onLoad: (gaId) => {\n    window.dataLayer = window.dataLayer || [];\n    // Use array push directly to avoid @ts-ignore issues with gtag signature\n    window.dataLayer.push(['js', new Date()]);\n    window.dataLayer.push(['config', gaId]);\n  },\n});\n\n/**\n * Load Microsoft Clarity.\n * Call with your Clarity project ID after cookie consent.\n */\nexport const loadClarity = createAnalyticsLoader({\n  id: 'clarity-script',\n  src: (clarityId) => `https://www.clarity.ms/tag/${clarityId}`,\n  onLoad: () => {\n    // Clarity auto-initializes from the script tag.\n    // Expose the global `clarity` queue function for custom events.\n    if (!window.clarity) {\n      const queue: unknown[][] = [];\n      window.clarity = (...args: unknown[]) => {\n        queue.push(args);\n      };\n      (window.clarity as unknown as { q: unknown[][] }).q = queue;\n    }\n  },\n});\n","\"use client\";\nimport { useState, useEffect, useCallback } from 'react';\nimport { Button } from '../../components/Button/Button';\nimport { OutboundLink } from '../../components/OutboundLink/OutboundLink';\nimport { X } from 'lucide-react';\nimport './CookieConsent.css';\n\n/** Cookie consent state */\nexport type ConsentStatus = 'granted' | 'denied' | null;\n\n/** Event name dispatched on window when consent changes */\nexport const COOKIE_CONSENT_EVENT = 'cookie_consent_granted';\n\n/** localStorage key for cookie consent */\nexport const COOKIE_CONSENT_KEY = 'cookie_consent';\n\n/** Labels for i18n support */\nexport interface CookieConsentLabels {\n  title?: string;\n  description?: string;\n  privacyLinkText?: string;\n  acceptLabel?: string;\n  declineLabel?: string;\n}\n\nexport interface CookieConsentProps {\n  /** Delay in ms before showing the banner (default: 1000) */\n  delay?: number;\n  /** URL to the privacy policy page (default: \"/legal/privacy\") */\n  privacyUrl?: string;\n  /** Called when the user accepts cookies */\n  onAccept?: () => void;\n  /** Called when the user declines cookies */\n  onDecline?: () => void;\n  /** Override default labels for i18n */\n  labels?: CookieConsentLabels;\n  /** Custom className for the container */\n  className?: string;\n}\n\n/**\n * CookieConsent — GDPR-compliant cookie consent banner.\n *\n * - Animated entrance/exit via CSS transitions (no framer-motion)\n * - Respects prior consent stored in localStorage\n * - Dispatches a `cookie_consent_granted` event on the window for analytics loaders\n * - Uses DS Button component\n *\n * @example\n * ```tsx\n * import { CookieConsent } from '@salesmind-ai/design-system/web';\n *\n * <CookieConsent\n *   privacyUrl=\"/legal/privacy\"\n *   onAccept={() => loadGoogleAnalytics('G-XXXX')}\n * />\n * ```\n */\nexport function CookieConsent({\n  delay = 1000,\n  privacyUrl = '/legal/privacy',\n  onAccept,\n  onDecline,\n  labels,\n  className,\n}: CookieConsentProps) {\n  // 'idle' = not yet determined, 'open' = visible, 'closing' = exit animation, 'closed' = hidden\n  const [state, setState] = useState<'idle' | 'open' | 'closing' | 'closed'>('idle');\n\n  useEffect(() => {\n    const consent = localStorage.getItem(COOKIE_CONSENT_KEY);\n    if (!consent) {\n      const timer = setTimeout(() => setState('open'), delay);\n      return () => clearTimeout(timer);\n    } else {\n      setState('closed');\n    }\n  }, [delay]);\n\n  const handleDismiss = useCallback(() => {\n    setState('closing');\n  }, []);\n\n  const handleAccept = useCallback(() => {\n    localStorage.setItem(COOKIE_CONSENT_KEY, 'granted');\n    handleDismiss();\n    if (typeof window !== 'undefined') {\n      window.dispatchEvent(new Event(COOKIE_CONSENT_EVENT));\n    }\n    onAccept?.();\n  }, [onAccept, handleDismiss]);\n\n  const handleDecline = useCallback(() => {\n    localStorage.setItem(COOKIE_CONSENT_KEY, 'denied');\n    handleDismiss();\n    onDecline?.();\n  }, [onDecline, handleDismiss]);\n\n  const handleTransitionEnd = useCallback(() => {\n    if (state === 'closing') {\n      setState('closed');\n    }\n  }, [state]);\n\n  // Don't render anything until we know consent status, or after fully closed\n  if (state === 'idle' || state === 'closed') return null;\n\n  return (\n    <div\n      className={`ds-cookie-consent ${className ?? ''}`}\n      data-state={state === 'open' ? 'open' : 'closed'}\n      onTransitionEnd={handleTransitionEnd}\n      role=\"dialog\"\n      aria-label={labels?.title ?? 'Cookie consent'}\n    >\n      <div className=\"ds-cookie-consent__inner\">\n        <div className=\"ds-cookie-consent__content\">\n          <h3 className=\"ds-cookie-consent__title\">\n            {labels?.title ?? 'We use cookies'}\n          </h3>\n          <p className=\"ds-cookie-consent__description\">\n            {labels?.description ??\n              'We use tracking cookies to understand how you use the product and help us improve it.'}\n            <OutboundLink href={privacyUrl} context=\"cookie-consent-privacy\" className=\"ds-cookie-consent__link\">\n              {labels?.privacyLinkText ?? 'Privacy Policy'}\n            </OutboundLink>\n          </p>\n        </div>\n        <div className=\"ds-cookie-consent__actions\">\n          <Button variant=\"outline\" size=\"sm\" onClick={handleDecline}>\n            {labels?.declineLabel ?? 'Decline'}\n          </Button>\n          <Button variant=\"primary\" size=\"sm\" onClick={handleAccept}>\n            {labels?.acceptLabel ?? 'Accept'}\n          </Button>\n        </div>\n        <button\n          onClick={handleDecline}\n          className=\"ds-cookie-consent__close\"\n          aria-label=\"Close\"\n        >\n          <X size={16} />\n        </button>\n      </div>\n    </div>\n  );\n}\n","\"use client\";\nimport { useState, useEffect } from 'react';\nimport { COOKIE_CONSENT_EVENT, COOKIE_CONSENT_KEY, type ConsentStatus } from '../CookieConsent/CookieConsent';\n\n/**\n * React hook that tracks cookie consent status.\n *\n * Returns `true` once the user has granted cookie consent,\n * `false` if denied, `null` if not yet decided.\n *\n * Listens for the `cookie_consent_granted` window event dispatched\n * by the CookieConsent component.\n *\n * @example\n * ```tsx\n * const hasConsent = useCookieConsent();\n *\n * useEffect(() => {\n *   if (hasConsent) loadGoogleAnalytics('G-XXXX');\n * }, [hasConsent]);\n * ```\n */\nexport function useCookieConsent(): ConsentStatus {\n  const [status, setStatus] = useState<ConsentStatus>(() => {\n    if (typeof window === 'undefined') return null;\n    const stored = localStorage.getItem(COOKIE_CONSENT_KEY);\n    if (stored === 'granted') return 'granted';\n    if (stored === 'denied') return 'denied';\n    return null;\n  });\n\n  useEffect(() => {\n    const handleConsent = () => setStatus('granted');\n    window.addEventListener(COOKIE_CONSENT_EVENT, handleConsent);\n    return () => window.removeEventListener(COOKIE_CONSENT_EVENT, handleConsent);\n  }, []);\n\n  return status;\n}\n","\"use client\";\nimport { useCallback, useMemo } from 'react';\nimport type { ReactNode } from 'react';\nimport { AnalyticsContext } from './analytics-context';\nimport type { TrackFn } from './analytics-context';\n\n/* ============================================================================\n   ANALYTICS PROVIDER — Event Tracking Context\n   ============================================================================\n\n   Provides a unified event tracking interface for all marketing/conversion\n   components. Components call `useAnalytics().track(...)` without knowing\n   which analytics backend is active.\n\n   When no provider is present, all calls are no-ops — safe for Storybook,\n   tests, and SSR.\n\n   Usage:\n     // In your app root:\n     <AnalyticsProvider onTrack={(event, props) => gtag('event', event, props)}>\n       <App />\n     </AnalyticsProvider>\n\n     // In any DS component:\n     const { track } = useAnalytics();\n     track('cta_click', { location: 'hero', label: 'Book Demo' });\n\n   ============================================================================ */\n\n/** Props for the AnalyticsProvider component */\nexport interface AnalyticsProviderProps {\n  /** Callback invoked on every track() call. Wire this to your analytics backend. */\n  onTrack: TrackFn;\n  /** Enable console logging in development (default: false) */\n  debug?: boolean;\n  children: ReactNode;\n}\n\n/**\n * Provides analytics event tracking to all descendant DS components.\n *\n * @example\n * ```tsx\n * <AnalyticsProvider\n *   onTrack={(event, props) => {\n *     window.gtag?.('event', event, props);\n *   }}\n * >\n *   <App />\n * </AnalyticsProvider>\n * ```\n */\nexport function AnalyticsProvider({ onTrack, debug = false, children }: AnalyticsProviderProps) {\n  const track: TrackFn = useCallback(\n    (event, props) => {\n      if (debug && typeof console !== 'undefined') {\n        // eslint-disable-next-line no-console\n        console.log('[DS Analytics]', event, props);\n      }\n      onTrack(event, props);\n    },\n    [onTrack, debug],\n  );\n\n  const value = useMemo(() => ({ track }), [track]);\n\n  return <AnalyticsContext.Provider value={value}>{children}</AnalyticsContext.Provider>;\n}\n"]}

package/dist/chunk-K526GN7P.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/web/analytics/create-analytics-loader.ts","../src/web/CookieConsent/CookieConsent.tsx","../src/web/analytics/use-cookie-consent.ts","../src/web/analytics/analytics-provider.tsx"],"names":["useState","useEffect","useCallback","jsx"],"mappings":"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","sourcesContent":["/**\n * Generic analytics script loader.\n *\n * Framework-agnostic: injects a `<script>` tag into `<head>` once,\n * guards against double-loading, and respects cookie consent.\n *\n * @example\n * ```ts\n * import { createAnalyticsLoader } from '@salesmind-ai/design-system/web';\n *\n * const loadGA = createAnalyticsLoader({\n *   id: 'ga-script',\n *   src: (gaId) => `https://www.googletagmanager.com/gtag/js?id=${gaId}`,\n *   onLoad: (gaId) => {\n *     window.dataLayer = window.dataLayer || [];\n *     function gtag(...args: unknown[]) { window.dataLayer.push(args); }\n *     gtag('js', new Date());\n *     gtag('config', gaId);\n *   },\n * });\n *\n * // Later, after consent:\n * loadGA('G-XXXXXX');\n * ```\n */\n\nexport interface AnalyticsLoaderConfig<TId extends string = string> {\n  /** Unique DOM id for the script element (prevents double-loading) */\n  id: string;\n  /** Build the script src URL from the tracking ID */\n  src: (trackingId: TId) => string;\n  /** Async attribute on the script tag (default: true) */\n  async?: boolean;\n  /** Called after the script is appended to the DOM */\n  onLoad?: (trackingId: TId) => void;\n  /** Custom inline script content instead of an external src */\n  inlineScript?: (trackingId: TId) => string;\n}\n\n/**\n * Create a reusable analytics loader function.\n * The returned function injects the script once and is safe to call multiple times.\n */\nexport function createAnalyticsLoader<TId extends string = string>(\n  config: AnalyticsLoaderConfig<TId>,\n): (trackingId: TId) => void {\n  return (trackingId: TId) => {\n    if (typeof document === 'undefined') return;\n    if (document.getElementById(config.id)) return;\n\n    const script = document.createElement('script');\n    script.id = config.id;\n\n    if (config.inlineScript) {\n      script.textContent = config.inlineScript(trackingId);\n    } else {\n      script.async = config.async ?? true;\n      script.src = config.src(trackingId);\n    }\n\n    document.head.appendChild(script);\n    config.onLoad?.(trackingId);\n  };\n}\n\n// ─── Pre-built Loaders ──────────────────────────────────────────────────────\n\ndeclare global {\n  interface Window {\n    dataLayer: unknown[];\n    clarity?: (...args: unknown[]) => void;\n  }\n}\n\n/**\n * Load Google Analytics (gtag.js).\n * Call with your GA measurement ID after cookie consent.\n */\nexport const loadGoogleAnalytics = createAnalyticsLoader({\n  id: 'ga-script',\n  src: (gaId) => `https://www.googletagmanager.com/gtag/js?id=${gaId}`,\n  onLoad: (gaId) => {\n    window.dataLayer = window.dataLayer || [];\n    // Use array push directly to avoid @ts-ignore issues with gtag signature\n    window.dataLayer.push(['js', new Date()]);\n    window.dataLayer.push(['config', gaId]);\n  },\n});\n\n/**\n * Load Microsoft Clarity.\n * Call with your Clarity project ID after cookie consent.\n */\nexport const loadClarity = createAnalyticsLoader({\n  id: 'clarity-script',\n  src: (clarityId) => `https://www.clarity.ms/tag/${clarityId}`,\n  onLoad: () => {\n    // Clarity auto-initializes from the script tag.\n    // Expose the global `clarity` queue function for custom events.\n    if (!window.clarity) {\n      const queue: unknown[][] = [];\n      window.clarity = (...args: unknown[]) => {\n        queue.push(args);\n      };\n      (window.clarity as unknown as { q: unknown[][] }).q = queue;\n    }\n  },\n});\n","\"use client\";\nimport { useState, useEffect, useCallback } from 'react';\nimport { Button } from '../../components/Button/Button';\nimport { OutboundLink } from '../../components/OutboundLink/OutboundLink';\nimport { X } from 'lucide-react';\nimport './CookieConsent.css';\n\n/** Cookie consent state */\nexport type ConsentStatus = 'granted' | 'denied' | null;\n\n/** Event name dispatched on window when consent changes */\nexport const COOKIE_CONSENT_EVENT = 'cookie_consent_granted';\n\n/** localStorage key for cookie consent */\nexport const COOKIE_CONSENT_KEY = 'cookie_consent';\n\n/** Labels for i18n support */\nexport interface CookieConsentLabels {\n  title?: string;\n  description?: string;\n  privacyLinkText?: string;\n  acceptLabel?: string;\n  declineLabel?: string;\n}\n\nexport interface CookieConsentProps {\n  /** Delay in ms before showing the banner (default: 1000) */\n  delay?: number;\n  /** URL to the privacy policy page (default: \"/legal/privacy\") */\n  privacyUrl?: string;\n  /** Called when the user accepts cookies */\n  onAccept?: () => void;\n  /** Called when the user declines cookies */\n  onDecline?: () => void;\n  /** Override default labels for i18n */\n  labels?: CookieConsentLabels;\n  /** Custom className for the container */\n  className?: string;\n}\n\n/**\n * CookieConsent — GDPR-compliant cookie consent banner.\n *\n * - Animated entrance/exit via CSS transitions (no framer-motion)\n * - Respects prior consent stored in localStorage\n * - Dispatches a `cookie_consent_granted` event on the window for analytics loaders\n * - Uses DS Button component\n *\n * @example\n * ```tsx\n * import { CookieConsent } from '@salesmind-ai/design-system/web';\n *\n * <CookieConsent\n *   privacyUrl=\"/legal/privacy\"\n *   onAccept={() => loadGoogleAnalytics('G-XXXX')}\n * />\n * ```\n */\nexport function CookieConsent({\n  delay = 1000,\n  privacyUrl = '/legal/privacy',\n  onAccept,\n  onDecline,\n  labels,\n  className,\n}: CookieConsentProps) {\n  // 'idle' = not yet determined, 'open' = visible, 'closing' = exit animation, 'closed' = hidden\n  const [state, setState] = useState<'idle' | 'open' | 'closing' | 'closed'>('idle');\n\n  useEffect(() => {\n    const consent = localStorage.getItem(COOKIE_CONSENT_KEY);\n    if (!consent) {\n      const timer = setTimeout(() => setState('open'), delay);\n      return () => clearTimeout(timer);\n    } else {\n      setState('closed');\n    }\n  }, [delay]);\n\n  const handleDismiss = useCallback(() => {\n    setState('closing');\n  }, []);\n\n  const handleAccept = useCallback(() => {\n    localStorage.setItem(COOKIE_CONSENT_KEY, 'granted');\n    handleDismiss();\n    if (typeof window !== 'undefined') {\n      window.dispatchEvent(new Event(COOKIE_CONSENT_EVENT));\n    }\n    onAccept?.();\n  }, [onAccept, handleDismiss]);\n\n  const handleDecline = useCallback(() => {\n    localStorage.setItem(COOKIE_CONSENT_KEY, 'denied');\n    handleDismiss();\n    onDecline?.();\n  }, [onDecline, handleDismiss]);\n\n  const handleTransitionEnd = useCallback(() => {\n    if (state === 'closing') {\n      setState('closed');\n    }\n  }, [state]);\n\n  // Don't render anything until we know consent status, or after fully closed\n  if (state === 'idle' || state === 'closed') return null;\n\n  return (\n    <div\n      className={`ds-cookie-consent ${className ?? ''}`}\n      data-state={state === 'open' ? 'open' : 'closed'}\n      onTransitionEnd={handleTransitionEnd}\n      role=\"dialog\"\n      aria-label={labels?.title ?? 'Cookie consent'}\n    >\n      <div className=\"ds-cookie-consent__inner\">\n        <div className=\"ds-cookie-consent__content\">\n          <h3 className=\"ds-cookie-consent__title\">\n            {labels?.title ?? 'We use cookies'}\n          </h3>\n          <p className=\"ds-cookie-consent__description\">\n            {labels?.description ??\n              'We use tracking cookies to understand how you use the product and help us improve it.'}\n            <OutboundLink href={privacyUrl} context=\"cookie-consent-privacy\" className=\"ds-cookie-consent__link\">\n              {labels?.privacyLinkText ?? 'Privacy Policy'}\n            </OutboundLink>\n          </p>\n        </div>\n        <div className=\"ds-cookie-consent__actions\">\n          <Button variant=\"outline\" size=\"sm\" onClick={handleDecline}>\n            {labels?.declineLabel ?? 'Decline'}\n          </Button>\n          <Button variant=\"primary\" size=\"sm\" onClick={handleAccept}>\n            {labels?.acceptLabel ?? 'Accept'}\n          </Button>\n        </div>\n        <button\n          onClick={handleDecline}\n          className=\"ds-cookie-consent__close\"\n          aria-label=\"Close\"\n        >\n          <X size={16} />\n        </button>\n      </div>\n    </div>\n  );\n}\n","\"use client\";\nimport { useState, useEffect } from 'react';\nimport { COOKIE_CONSENT_EVENT, COOKIE_CONSENT_KEY, type ConsentStatus } from '../CookieConsent/CookieConsent';\n\n/**\n * React hook that tracks cookie consent status.\n *\n * Returns `true` once the user has granted cookie consent,\n * `false` if denied, `null` if not yet decided.\n *\n * Listens for the `cookie_consent_granted` window event dispatched\n * by the CookieConsent component.\n *\n * @example\n * ```tsx\n * const hasConsent = useCookieConsent();\n *\n * useEffect(() => {\n *   if (hasConsent) loadGoogleAnalytics('G-XXXX');\n * }, [hasConsent]);\n * ```\n */\nexport function useCookieConsent(): ConsentStatus {\n  const [status, setStatus] = useState<ConsentStatus>(() => {\n    if (typeof window === 'undefined') return null;\n    const stored = localStorage.getItem(COOKIE_CONSENT_KEY);\n    if (stored === 'granted') return 'granted';\n    if (stored === 'denied') return 'denied';\n    return null;\n  });\n\n  useEffect(() => {\n    const handleConsent = () => setStatus('granted');\n    window.addEventListener(COOKIE_CONSENT_EVENT, handleConsent);\n    return () => window.removeEventListener(COOKIE_CONSENT_EVENT, handleConsent);\n  }, []);\n\n  return status;\n}\n","\"use client\";\nimport { useCallback, useMemo } from 'react';\nimport type { ReactNode } from 'react';\nimport { AnalyticsContext } from './analytics-context';\nimport type { TrackFn } from './analytics-context';\n\n/* ============================================================================\n   ANALYTICS PROVIDER — Event Tracking Context\n   ============================================================================\n\n   Provides a unified event tracking interface for all marketing/conversion\n   components. Components call `useAnalytics().track(...)` without knowing\n   which analytics backend is active.\n\n   When no provider is present, all calls are no-ops — safe for Storybook,\n   tests, and SSR.\n\n   Usage:\n     // In your app root:\n     <AnalyticsProvider onTrack={(event, props) => gtag('event', event, props)}>\n       <App />\n     </AnalyticsProvider>\n\n     // In any DS component:\n     const { track } = useAnalytics();\n     track('cta_click', { location: 'hero', label: 'Book Demo' });\n\n   ============================================================================ */\n\n/** Props for the AnalyticsProvider component */\nexport interface AnalyticsProviderProps {\n  /** Callback invoked on every track() call. Wire this to your analytics backend. */\n  onTrack: TrackFn;\n  /** Enable console logging in development (default: false) */\n  debug?: boolean;\n  children: ReactNode;\n}\n\n/**\n * Provides analytics event tracking to all descendant DS components.\n *\n * @example\n * ```tsx\n * <AnalyticsProvider\n *   onTrack={(event, props) => {\n *     window.gtag?.('event', event, props);\n *   }}\n * >\n *   <App />\n * </AnalyticsProvider>\n * ```\n */\nexport function AnalyticsProvider({ onTrack, debug = false, children }: AnalyticsProviderProps) {\n  const track: TrackFn = useCallback(\n    (event, props) => {\n      if (debug && typeof console !== 'undefined') {\n        // eslint-disable-next-line no-console\n        console.log('[DS Analytics]', event, props);\n      }\n      onTrack(event, props);\n    },\n    [onTrack, debug],\n  );\n\n  const value = useMemo(() => ({ track }), [track]);\n\n  return <AnalyticsContext.Provider value={value}>{children}</AnalyticsContext.Provider>;\n}\n"]}

package/dist/chunk-RY257SWH.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/StarRating/StarRating.tsx","../src/components/PlatformBadge/PlatformBadge.tsx","../src/components/SocialProofCard/SocialProofCard.tsx","../src/components/SocialProofCarousel/SocialProofCarousel.tsx","../src/components/SocialProofFeatured/SocialProofFeatured.tsx","../src/components/SocialProofGrid/SocialProofGrid.tsx","../src/components/SocialProofLogos/SocialProofLogos.tsx","../src/components/VideoLightbox/VideoLightbox.tsx"],"names":["forwardRef","clsx","jsx","jsxs","useState"],"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 React, { forwardRef } from 'react';\nimport clsx from 'clsx';\nimport { PlatformBadge, type Platform } from '../PlatformBadge/PlatformBadge';\nimport { StarRating } from '../StarRating/StarRating';\nimport './SocialProofCard.css';\n\nexport interface SocialProofAuthor {\n  name: string;\n  title?: string;\n  company?: string;\n  avatar?: string;\n}\n\nexport interface SocialProofMetric {\n  value: React.ReactNode;\n  label: React.ReactNode;\n}\n\nexport interface SocialProofMedia {\n  src: string;\n  type: 'image';\n  alt?: string;\n}\n\nexport interface SocialProofCardProps extends Omit<React.HTMLAttributes<HTMLElement>, 'content'> {\n  variant?: 'social' | 'compact' | 'standard' | 'detailed' | 'narrative';\n  content: React.ReactNode;\n  author: SocialProofAuthor;\n  starRating?: number;\n  platform?: Platform;\n  badges?: React.ReactNode[];\n  href?: string;\n  media?: SocialProofMedia;\n  metrics?: SocialProofMetric[];\n  headline?: React.ReactNode;\n  industry?: React.ReactNode;\n  ctaText?: React.ReactNode;\n}\n\nexport const SocialProofCard = forwardRef<HTMLElement, SocialProofCardProps>(\n  (\n    {\n      variant = 'standard',\n      content,\n      author,\n      starRating,\n      platform,\n      badges,\n      href,\n      media,\n      metrics,\n      headline,\n      industry,\n      ctaText,\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    return (\n      <article\n        ref={ref}\n        className={clsx(\n          'ds-card',\n          variant === 'compact' ? 'ds-card--tier-1' : 'ds-card--tier-2',\n          variant === 'compact' ? 'glass--tier-1' : 'glass--tier-2',\n          'ds-social-proof-card',\n          `ds-social-proof-card--${variant}`,\n          href && 'ds-social-proof-card--linked',\n          className,\n        )}\n        {...props}\n      >\n        {media?.src && (\n          <div className=\"ds-social-proof-card__media\">\n            <img\n              src={media.src}\n              alt={media.alt ?? ''}\n              className=\"ds-social-proof-card__image\"\n              loading=\"lazy\"\n              decoding=\"async\"\n            />\n          </div>\n        )}\n\n        <div className=\"ds-social-proof-card__body\">\n          <div className=\"ds-social-proof-card__meta\">\n            {starRating !== undefined && <StarRating value={starRating} size=\"sm\" />}\n            {platform && <PlatformBadge platform={platform} />}\n            {industry && <span className=\"ds-social-proof-card__industry\">{industry}</span>}\n          </div>\n\n          {headline && <h3 className=\"ds-social-proof-card__headline\">{headline}</h3>}\n\n          <blockquote className=\"ds-social-proof-card__quote\">\n            <p>{content}</p>\n          </blockquote>\n\n          {metrics && metrics.length > 0 && (\n            <div className=\"ds-social-proof-card__metrics\">\n              {metrics.map((metric, index) => (\n                <div className=\"ds-social-proof-card__metric\" key={index}>\n                  <span className=\"ds-social-proof-card__metric-value\">{metric.value}</span>\n                  <span className=\"ds-social-proof-card__metric-label\">{metric.label}</span>\n                </div>\n              ))}\n            </div>\n          )}\n\n          {badges && badges.length > 0 && (\n            <div className=\"ds-social-proof-card__badges\">\n              {badges.map((badge, index) => (\n                <span className=\"ds-social-proof-card__badge\" key={index}>{badge}</span>\n              ))}\n            </div>\n          )}\n\n          <footer className=\"ds-social-proof-card__author\">\n            {author.avatar && (\n              <img\n                src={author.avatar}\n                alt=\"\"\n                className=\"ds-social-proof-card__avatar\"\n                loading=\"lazy\"\n                decoding=\"async\"\n              />\n            )}\n            <div className=\"ds-social-proof-card__author-copy\">\n              <cite className=\"ds-social-proof-card__name\">{author.name}</cite>\n              {(author.title || author.company) && (\n                <span className=\"ds-social-proof-card__role\">\n                  {[author.title, author.company].filter(Boolean).join(' · ')}\n                </span>\n              )}\n            </div>\n          </footer>\n\n          {href && ctaText && <span className=\"ds-social-proof-card__cta\">{ctaText}</span>}\n        </div>\n      </article>\n    );\n  },\n);\n\nSocialProofCard.displayName = 'SocialProofCard';\n","import React, { forwardRef } from 'react';\nimport clsx from 'clsx';\nimport './SocialProofCarousel.css';\n\nexport interface SocialProofCarouselProps extends React.HTMLAttributes<HTMLDivElement> {\n  background?: 'default' | 'muted' | 'dark' | 'brand' | 'transparent';\n}\n\nexport const SocialProofCarousel = forwardRef<HTMLDivElement, SocialProofCarouselProps>(\n  ({ background = 'transparent', className, children, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={clsx(\n        'ds-social-proof-carousel',\n        `ds-social-proof-carousel--background-${background}`,\n        className,\n      )}\n      {...props}\n    >\n      <div className=\"ds-social-proof-carousel__track\">{children}</div>\n    </div>\n  ),\n);\n\nSocialProofCarousel.displayName = 'SocialProofCarousel';\n","import React, { forwardRef } from 'react';\nimport clsx from 'clsx';\nimport { Card } from '../Card/Card';\nimport { PlatformBadge, type Platform } from '../PlatformBadge/PlatformBadge';\nimport { StarRating } from '../StarRating/StarRating';\nimport type { SocialProofAuthor } from '../SocialProofCard/SocialProofCard';\nimport './SocialProofFeatured.css';\n\nexport interface SocialProofFeaturedProps extends React.HTMLAttributes<HTMLDivElement> {\n  quote: React.ReactNode;\n  author: SocialProofAuthor;\n  featuredVariant?: 'standard' | 'cinematic' | 'spotlight';\n  starRating?: number;\n  platform?: Platform;\n  mediaSrc?: string;\n  background?: 'default' | 'muted' | 'brand' | 'transparent';\n  padding?: 'sm' | 'md' | 'lg';\n}\n\nexport const SocialProofFeatured = forwardRef<HTMLDivElement, SocialProofFeaturedProps>(\n  (\n    {\n      quote,\n      author,\n      featuredVariant = 'standard',\n      starRating,\n      platform,\n      mediaSrc,\n      background = 'transparent',\n      padding = 'md',\n      className,\n      ...props\n    },\n    ref,\n  ) => (\n    <Card\n      ref={ref}\n      tier={featuredVariant === 'spotlight' ? 3 : 2}\n      radius=\"panel\"\n      aurora={featuredVariant === 'spotlight'}\n      className={clsx(\n        'ds-social-proof-featured',\n        `ds-social-proof-featured--${featuredVariant}`,\n        `ds-social-proof-featured--background-${background}`,\n        `ds-social-proof-featured--padding-${padding}`,\n        className,\n      )}\n      {...props}\n    >\n      {mediaSrc && (\n        <div className=\"ds-social-proof-featured__media\">\n          <img src={mediaSrc} alt=\"\" className=\"ds-social-proof-featured__image\" loading=\"lazy\" decoding=\"async\" />\n        </div>\n      )}\n\n      <div className=\"ds-social-proof-featured__content\">\n        <div className=\"ds-social-proof-featured__meta\">\n          {starRating !== undefined && <StarRating value={starRating} size=\"md\" />}\n          {platform && <PlatformBadge platform={platform} />}\n        </div>\n\n        <blockquote className=\"ds-social-proof-featured__quote\">\n          <p>{quote}</p>\n        </blockquote>\n\n        <footer className=\"ds-social-proof-featured__author\">\n          {author.avatar && (\n            <img\n              src={author.avatar}\n              alt=\"\"\n              className=\"ds-social-proof-featured__avatar\"\n              loading=\"lazy\"\n              decoding=\"async\"\n            />\n          )}\n          <div className=\"ds-social-proof-featured__author-copy\">\n            <cite className=\"ds-social-proof-featured__name\">{author.name}</cite>\n            {(author.title || author.company) && (\n              <span className=\"ds-social-proof-featured__role\">\n                {[author.title, author.company].filter(Boolean).join(' · ')}\n              </span>\n            )}\n          </div>\n        </footer>\n      </div>\n    </Card>\n  ),\n);\n\nSocialProofFeatured.displayName = 'SocialProofFeatured';\n","import React, { forwardRef } from 'react';\nimport clsx from 'clsx';\nimport './SocialProofGrid.css';\n\nexport interface SocialProofGridProps extends React.HTMLAttributes<HTMLDivElement> {\n  columns?: 1 | 2 | 3 | 4;\n  staggered?: boolean;\n  background?: 'default' | 'muted' | 'dark' | 'brand' | 'transparent';\n}\n\nexport const SocialProofGrid = forwardRef<HTMLDivElement, SocialProofGridProps>(\n  ({ columns = 3, staggered = false, background = 'transparent', className, children, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={clsx(\n        'ds-social-proof-grid',\n        `ds-social-proof-grid--columns-${columns}`,\n        `ds-social-proof-grid--background-${background}`,\n        staggered && 'ds-social-proof-grid--staggered',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </div>\n  ),\n);\n\nSocialProofGrid.displayName = 'SocialProofGrid';\n","import React, { forwardRef } from 'react';\nimport clsx from 'clsx';\nimport { OutboundLink } from '../OutboundLink/OutboundLink';\nimport './SocialProofLogos.css';\n\nexport interface SocialProofLogoItem {\n  id: string;\n  alt: string;\n  src?: string;\n  logo?: React.ReactNode;\n  href?: string;\n  badge?: React.ReactNode;\n}\n\nexport interface SocialProofLogosProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {\n  logos: SocialProofLogoItem[];\n  title?: React.ReactNode;\n  variant?: 'grid' | 'marquee';\n  speed?: 'slow' | 'normal' | 'fast';\n  background?: 'default' | 'muted' | 'dark' | 'brand' | 'transparent';\n}\n\nexport const SocialProofLogos = forwardRef<HTMLDivElement, SocialProofLogosProps>(\n  ({ logos, title, variant = 'grid', speed = 'normal', background = 'transparent', className, ...props }, ref) => {\n    const renderedLogos = logos.map((item) => {\n      const content = (\n        <span className=\"ds-social-proof-logos__item-content\">\n          {item.src ? <img src={item.src} alt={item.alt} className=\"ds-social-proof-logos__image\" loading=\"lazy\" decoding=\"async\" /> : item.logo}\n          {item.badge && <span className=\"ds-social-proof-logos__badge\">{item.badge}</span>}\n        </span>\n      );\n\n      return item.href ? (\n        <OutboundLink key={item.id} href={item.href} context=\"social-proof-logo\" className=\"ds-social-proof-logos__item\">\n          {content}\n        </OutboundLink>\n      ) : (\n        <span key={item.id} className=\"ds-social-proof-logos__item\">\n          {content}\n        </span>\n      );\n    });\n\n    return (\n      <div\n        ref={ref}\n        className={clsx(\n          'ds-social-proof-logos',\n          `ds-social-proof-logos--${variant}`,\n          `ds-social-proof-logos--speed-${speed}`,\n          `ds-social-proof-logos--background-${background}`,\n          className,\n        )}\n        {...props}\n      >\n        {title && <p className=\"ds-social-proof-logos__title\">{title}</p>}\n        <div className=\"ds-social-proof-logos__viewport\">\n          <div className=\"ds-social-proof-logos__track\">\n            {renderedLogos}\n            {variant === 'marquee' && renderedLogos}\n          </div>\n        </div>\n      </div>\n    );\n  },\n);\n\nSocialProofLogos.displayName = 'SocialProofLogos';\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-YL4FGGHF.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/StarRating/StarRating.tsx","../src/components/PlatformBadge/PlatformBadge.tsx","../src/components/SocialProofCard/SocialProofCard.tsx","../src/components/SocialProofCarousel/SocialProofCarousel.tsx","../src/components/SocialProofFeatured/SocialProofFeatured.tsx","../src/components/SocialProofGrid/SocialProofGrid.tsx","../src/components/SocialProofLogos/SocialProofLogos.tsx","../src/components/VideoLightbox/VideoLightbox.tsx"],"names":["forwardRef","clsx","jsx","jsxs","useState"],"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 React, { forwardRef } from 'react';\nimport clsx from 'clsx';\nimport { PlatformBadge, type Platform } from '../PlatformBadge/PlatformBadge';\nimport { StarRating } from '../StarRating/StarRating';\nimport './SocialProofCard.css';\n\nexport interface SocialProofAuthor {\n  name: string;\n  title?: string;\n  company?: string;\n  avatar?: string;\n}\n\nexport interface SocialProofMetric {\n  value: React.ReactNode;\n  label: React.ReactNode;\n}\n\nexport interface SocialProofMedia {\n  src: string;\n  type: 'image';\n  alt?: string;\n}\n\nexport interface SocialProofCardProps extends Omit<React.HTMLAttributes<HTMLElement>, 'content'> {\n  variant?: 'social' | 'compact' | 'standard' | 'detailed' | 'narrative';\n  content: React.ReactNode;\n  author: SocialProofAuthor;\n  starRating?: number;\n  platform?: Platform;\n  badges?: React.ReactNode[];\n  href?: string;\n  media?: SocialProofMedia;\n  metrics?: SocialProofMetric[];\n  headline?: React.ReactNode;\n  industry?: React.ReactNode;\n  ctaText?: React.ReactNode;\n}\n\nexport const SocialProofCard = forwardRef<HTMLElement, SocialProofCardProps>(\n  (\n    {\n      variant = 'standard',\n      content,\n      author,\n      starRating,\n      platform,\n      badges,\n      href,\n      media,\n      metrics,\n      headline,\n      industry,\n      ctaText,\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    return (\n      <article\n        ref={ref}\n        className={clsx(\n          'ds-card',\n          variant === 'compact' ? 'ds-card--tier-1' : 'ds-card--tier-2',\n          variant === 'compact' ? 'glass--tier-1' : 'glass--tier-2',\n          'ds-social-proof-card',\n          `ds-social-proof-card--${variant}`,\n          href && 'ds-social-proof-card--linked',\n          className,\n        )}\n        {...props}\n      >\n        {media?.src && (\n          <div className=\"ds-social-proof-card__media\">\n            <img\n              src={media.src}\n              alt={media.alt ?? ''}\n              className=\"ds-social-proof-card__image\"\n              loading=\"lazy\"\n              decoding=\"async\"\n            />\n          </div>\n        )}\n\n        <div className=\"ds-social-proof-card__body\">\n          <div className=\"ds-social-proof-card__meta\">\n            {starRating !== undefined && <StarRating value={starRating} size=\"sm\" />}\n            {platform && <PlatformBadge platform={platform} />}\n            {industry && <span className=\"ds-social-proof-card__industry\">{industry}</span>}\n          </div>\n\n          {headline && <h3 className=\"ds-social-proof-card__headline\">{headline}</h3>}\n\n          <blockquote className=\"ds-social-proof-card__quote\">\n            <p>{content}</p>\n          </blockquote>\n\n          {metrics && metrics.length > 0 && (\n            <div className=\"ds-social-proof-card__metrics\">\n              {metrics.map((metric, index) => (\n                <div className=\"ds-social-proof-card__metric\" key={index}>\n                  <span className=\"ds-social-proof-card__metric-value\">{metric.value}</span>\n                  <span className=\"ds-social-proof-card__metric-label\">{metric.label}</span>\n                </div>\n              ))}\n            </div>\n          )}\n\n          {badges && badges.length > 0 && (\n            <div className=\"ds-social-proof-card__badges\">\n              {badges.map((badge, index) => (\n                <span className=\"ds-social-proof-card__badge\" key={index}>{badge}</span>\n              ))}\n            </div>\n          )}\n\n          <footer className=\"ds-social-proof-card__author\">\n            {author.avatar && (\n              <img\n                src={author.avatar}\n                alt=\"\"\n                className=\"ds-social-proof-card__avatar\"\n                loading=\"lazy\"\n                decoding=\"async\"\n              />\n            )}\n            <div className=\"ds-social-proof-card__author-copy\">\n              <cite className=\"ds-social-proof-card__name\">{author.name}</cite>\n              {(author.title || author.company) && (\n                <span className=\"ds-social-proof-card__role\">\n                  {[author.title, author.company].filter(Boolean).join(' · ')}\n                </span>\n              )}\n            </div>\n          </footer>\n\n          {href && ctaText && <span className=\"ds-social-proof-card__cta\">{ctaText}</span>}\n        </div>\n      </article>\n    );\n  },\n);\n\nSocialProofCard.displayName = 'SocialProofCard';\n","import React, { forwardRef } from 'react';\nimport clsx from 'clsx';\nimport './SocialProofCarousel.css';\n\nexport interface SocialProofCarouselProps extends React.HTMLAttributes<HTMLDivElement> {\n  background?: 'default' | 'muted' | 'dark' | 'brand' | 'transparent';\n}\n\nexport const SocialProofCarousel = forwardRef<HTMLDivElement, SocialProofCarouselProps>(\n  ({ background = 'transparent', className, children, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={clsx(\n        'ds-social-proof-carousel',\n        `ds-social-proof-carousel--background-${background}`,\n        className,\n      )}\n      {...props}\n    >\n      <div className=\"ds-social-proof-carousel__track\">{children}</div>\n    </div>\n  ),\n);\n\nSocialProofCarousel.displayName = 'SocialProofCarousel';\n","import React, { forwardRef } from 'react';\nimport clsx from 'clsx';\nimport { Card } from '../Card/Card';\nimport { PlatformBadge, type Platform } from '../PlatformBadge/PlatformBadge';\nimport { StarRating } from '../StarRating/StarRating';\nimport type { SocialProofAuthor } from '../SocialProofCard/SocialProofCard';\nimport './SocialProofFeatured.css';\n\nexport interface SocialProofFeaturedProps extends React.HTMLAttributes<HTMLDivElement> {\n  quote: React.ReactNode;\n  author: SocialProofAuthor;\n  featuredVariant?: 'standard' | 'cinematic' | 'spotlight';\n  starRating?: number;\n  platform?: Platform;\n  mediaSrc?: string;\n  background?: 'default' | 'muted' | 'brand' | 'transparent';\n  padding?: 'sm' | 'md' | 'lg';\n}\n\nexport const SocialProofFeatured = forwardRef<HTMLDivElement, SocialProofFeaturedProps>(\n  (\n    {\n      quote,\n      author,\n      featuredVariant = 'standard',\n      starRating,\n      platform,\n      mediaSrc,\n      background = 'transparent',\n      padding = 'md',\n      className,\n      ...props\n    },\n    ref,\n  ) => (\n    <Card\n      ref={ref}\n      tier={featuredVariant === 'spotlight' ? 3 : 2}\n      radius=\"panel\"\n      aurora={featuredVariant === 'spotlight'}\n      className={clsx(\n        'ds-social-proof-featured',\n        `ds-social-proof-featured--${featuredVariant}`,\n        `ds-social-proof-featured--background-${background}`,\n        `ds-social-proof-featured--padding-${padding}`,\n        className,\n      )}\n      {...props}\n    >\n      {mediaSrc && (\n        <div className=\"ds-social-proof-featured__media\">\n          <img src={mediaSrc} alt=\"\" className=\"ds-social-proof-featured__image\" loading=\"lazy\" decoding=\"async\" />\n        </div>\n      )}\n\n      <div className=\"ds-social-proof-featured__content\">\n        <div className=\"ds-social-proof-featured__meta\">\n          {starRating !== undefined && <StarRating value={starRating} size=\"md\" />}\n          {platform && <PlatformBadge platform={platform} />}\n        </div>\n\n        <blockquote className=\"ds-social-proof-featured__quote\">\n          <p>{quote}</p>\n        </blockquote>\n\n        <footer className=\"ds-social-proof-featured__author\">\n          {author.avatar && (\n            <img\n              src={author.avatar}\n              alt=\"\"\n              className=\"ds-social-proof-featured__avatar\"\n              loading=\"lazy\"\n              decoding=\"async\"\n            />\n          )}\n          <div className=\"ds-social-proof-featured__author-copy\">\n            <cite className=\"ds-social-proof-featured__name\">{author.name}</cite>\n            {(author.title || author.company) && (\n              <span className=\"ds-social-proof-featured__role\">\n                {[author.title, author.company].filter(Boolean).join(' · ')}\n              </span>\n            )}\n          </div>\n        </footer>\n      </div>\n    </Card>\n  ),\n);\n\nSocialProofFeatured.displayName = 'SocialProofFeatured';\n","import React, { forwardRef } from 'react';\nimport clsx from 'clsx';\nimport './SocialProofGrid.css';\n\nexport interface SocialProofGridProps extends React.HTMLAttributes<HTMLDivElement> {\n  columns?: 1 | 2 | 3 | 4;\n  staggered?: boolean;\n  background?: 'default' | 'muted' | 'dark' | 'brand' | 'transparent';\n}\n\nexport const SocialProofGrid = forwardRef<HTMLDivElement, SocialProofGridProps>(\n  ({ columns = 3, staggered = false, background = 'transparent', className, children, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={clsx(\n        'ds-social-proof-grid',\n        `ds-social-proof-grid--columns-${columns}`,\n        `ds-social-proof-grid--background-${background}`,\n        staggered && 'ds-social-proof-grid--staggered',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </div>\n  ),\n);\n\nSocialProofGrid.displayName = 'SocialProofGrid';\n","import React, { forwardRef } from 'react';\nimport clsx from 'clsx';\nimport { OutboundLink } from '../OutboundLink/OutboundLink';\nimport './SocialProofLogos.css';\n\nexport interface SocialProofLogoItem {\n  id: string;\n  alt: string;\n  src?: string;\n  logo?: React.ReactNode;\n  href?: string;\n  badge?: React.ReactNode;\n}\n\nexport interface SocialProofLogosProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {\n  logos: SocialProofLogoItem[];\n  title?: React.ReactNode;\n  variant?: 'grid' | 'marquee';\n  speed?: 'slow' | 'normal' | 'fast';\n  background?: 'default' | 'muted' | 'dark' | 'brand' | 'transparent';\n}\n\nexport const SocialProofLogos = forwardRef<HTMLDivElement, SocialProofLogosProps>(\n  ({ logos, title, variant = 'grid', speed = 'normal', background = 'transparent', className, ...props }, ref) => {\n    const renderedLogos = logos.map((item) => {\n      const content = (\n        <span className=\"ds-social-proof-logos__item-content\">\n          {item.src ? <img src={item.src} alt={item.alt} className=\"ds-social-proof-logos__image\" loading=\"lazy\" decoding=\"async\" /> : item.logo}\n          {item.badge && <span className=\"ds-social-proof-logos__badge\">{item.badge}</span>}\n        </span>\n      );\n\n      return item.href ? (\n        <OutboundLink key={item.id} href={item.href} context=\"social-proof-logo\" className=\"ds-social-proof-logos__item\">\n          {content}\n        </OutboundLink>\n      ) : (\n        <span key={item.id} className=\"ds-social-proof-logos__item\">\n          {content}\n        </span>\n      );\n    });\n\n    return (\n      <div\n        ref={ref}\n        className={clsx(\n          'ds-social-proof-logos',\n          `ds-social-proof-logos--${variant}`,\n          `ds-social-proof-logos--speed-${speed}`,\n          `ds-social-proof-logos--background-${background}`,\n          className,\n        )}\n        {...props}\n      >\n        {title && <p className=\"ds-social-proof-logos__title\">{title}</p>}\n        <div className=\"ds-social-proof-logos__viewport\">\n          <div className=\"ds-social-proof-logos__track\">\n            {renderedLogos}\n            {variant === 'marquee' && renderedLogos}\n          </div>\n        </div>\n      </div>\n    );\n  },\n);\n\nSocialProofLogos.displayName = 'SocialProofLogos';\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"]}