@nationaldesignstudio/react 0.6.0 → 0.7.0

package/dist/video-with-backdrop/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/lib/utils.ts","../../src/components/atoms/blurred-video-backdrop/blurred-video-backdrop.tsx","../../src/components/atoms/video-player/caption-overlay.tsx","../../src/hooks/use-captions.ts","../../src/hooks/use-video-keyboard.ts","../../src/components/atoms/video-player/video-player.tsx","../../src/components/molecules/video-with-backdrop/video-with-backdrop.tsx"],"names":["twMerge","React","tv","React2","jsx","React3","React4","jsxs","React6"],"mappings":"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","file":"index.js","sourcesContent":["import { type ClassValue, clsx } from \"clsx\";\nimport { cnBase as twMerge } from \"tailwind-variants\";\n\nexport { twMerge };\n\nexport function cn(...inputs: ClassValue[]) {\n\treturn twMerge(clsx(inputs));\n}\n","\"use client\";\n\nimport * as React from \"react\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { cn } from \"@/lib/utils\";\n\n// ============================================================================\n// Types\n// ============================================================================\n\ntype BlurIntensity = \"low\" | \"medium\" | \"high\" | \"extreme\";\ntype OverlayType = \"none\" | \"vignette\" | \"top-bottom\";\n\n// ============================================================================\n// Variant Definitions\n// ============================================================================\n\n/**\n * Blurred video backdrop wrapper variants.\n *\n * The wrapper extends beyond its bounds (inset: -120px) to cover\n * blur artifacts at the edges.\n */\nconst blurredVideoBackdropVariants = tv({\n\tbase: [\n\t\t\"absolute\",\n\t\t\"pointer-events-none\",\n\t\t\"select-none\",\n\t\t\"will-change-contents\",\n\t\t\"transform-gpu\",\n\t],\n\tvariants: {\n\t\t/**\n\t\t * Blur intensity level.\n\t\t * Higher values provide more diffused backgrounds.\n\t\t */\n\t\tblur: {\n\t\t\tlow: \"\",\n\t\t\tmedium: \"\",\n\t\t\thigh: \"\",\n\t\t\textreme: \"\",\n\t\t},\n\t\t/**\n\t\t * Gradient overlay for visual depth.\n\t\t */\n\t\toverlay: {\n\t\t\tnone: \"\",\n\t\t\tvignette: \"\",\n\t\t\t\"top-bottom\": \"\",\n\t\t},\n\t},\n\tdefaultVariants: {\n\t\tblur: \"high\",\n\t\toverlay: \"none\",\n\t},\n});\n\n/**\n * Canvas element styles.\n */\nconst canvasVariants = tv({\n\tbase: [\"w-full\", \"h-full\", \"object-cover\"],\n});\n\n/**\n * Gradient overlay base styles.\n * Gradient backgrounds are applied via inline styles to avoid arbitrary values.\n */\nconst gradientOverlayVariants = tv({\n\tbase: [\"absolute\", \"inset-0\", \"pointer-events-none\"],\n});\n\n/**\n * Gradient overlay background styles.\n * Using inline styles to maintain token compliance (no arbitrary values in Tailwind).\n */\nconst OVERLAY_GRADIENTS: Record<Exclude<OverlayType, \"none\">, string> = {\n\tvignette:\n\t\t\"radial-gradient(ellipse at center, transparent 40%, rgba(0, 0, 0, 0.4) 100%)\",\n\t\"top-bottom\":\n\t\t\"linear-gradient(180deg, rgba(0, 0, 0, 0.4) 0%, transparent 30%, transparent 70%, rgba(0, 0, 0, 0.4) 100%)\",\n};\n\n// ============================================================================\n// Blur amount mapping\n// ============================================================================\n\nconst BLUR_AMOUNTS: Record<BlurIntensity, number> = {\n\tlow: 40,\n\tmedium: 80,\n\thigh: 100,\n\textreme: 120,\n};\n\n// ============================================================================\n// useCanvasBlur Hook\n// ============================================================================\n\ninterface UseCanvasBlurOptions {\n\t/** Ref to the source video element */\n\tvideoRef: React.RefObject<HTMLVideoElement | null>;\n\t/** Blur amount in pixels */\n\tblurAmount: number;\n\t/** Whether rendering is enabled */\n\tenabled?: boolean;\n\t/** Target FPS (lower = better performance, default: 30) */\n\ttargetFps?: number;\n\t/** Canvas scale factor (lower = better performance, default: 0.5) */\n\tscale?: number;\n}\n\ninterface UseCanvasBlurReturn {\n\t/** Ref to attach to the canvas element */\n\tcanvasRef: React.RefObject<HTMLCanvasElement | null>;\n\t/** Whether the canvas is currently rendering */\n\tisRendering: boolean;\n\t/** Performance metrics */\n\tmetrics: {\n\t\tfps: number;\n\t\tframeTime: number;\n\t};\n}\n\n/**\n * Hook for rendering a blurred video to canvas.\n *\n * Performance optimizations:\n * - Renders at reduced resolution (scale factor)\n * - Throttled to target FPS\n * - Uses CSS scale to fill container\n * - Single video decoder (no sync needed)\n */\nfunction useCanvasBlur({\n\tvideoRef,\n\tblurAmount,\n\tenabled = true,\n\ttargetFps = 30,\n\tscale = 0.5,\n}: UseCanvasBlurOptions): UseCanvasBlurReturn {\n\tconst canvasRef = React.useRef<HTMLCanvasElement | null>(null);\n\tconst ctxRef = React.useRef<CanvasRenderingContext2D | null>(null);\n\tconst [isRendering, setIsRendering] = React.useState(false);\n\tconst [metrics, setMetrics] = React.useState({ fps: 0, frameTime: 0 });\n\n\t// Track when video ref is ready (it populates after mount)\n\tconst [videoReady, setVideoReady] = React.useState(false);\n\n\t// Performance tracking refs\n\tconst lastFrameTimeRef = React.useRef(0);\n\tconst frameCountRef = React.useRef(0);\n\tconst fpsIntervalRef = React.useRef(0);\n\n\t// Frame interval based on target FPS\n\tconst frameInterval = 1000 / targetFps;\n\n\t// Poll for video ref to be ready (refs populate after initial render)\n\tReact.useEffect(() => {\n\t\tif (!enabled) return;\n\n\t\tconst checkRef = () => {\n\t\t\tif (videoRef.current && canvasRef.current) {\n\t\t\t\tsetVideoReady(true);\n\t\t\t}\n\t\t};\n\n\t\t// Check immediately\n\t\tcheckRef();\n\n\t\t// Also check on next frames in case elements mount after this effect\n\t\tconst frameId = requestAnimationFrame(checkRef);\n\t\tconst timeoutId = setTimeout(checkRef, 100);\n\t\tconst timeoutId2 = setTimeout(checkRef, 500);\n\n\t\treturn () => {\n\t\t\tcancelAnimationFrame(frameId);\n\t\t\tclearTimeout(timeoutId);\n\t\t\tclearTimeout(timeoutId2);\n\t\t};\n\t}, [enabled, videoRef]);\n\n\t// Main rendering effect\n\tReact.useEffect(() => {\n\t\tif (!enabled || !videoReady) return;\n\n\t\tconst video = videoRef.current;\n\t\tconst canvas = canvasRef.current;\n\n\t\tif (!video || !canvas) return;\n\n\t\t// Initialize canvas context\n\t\tconst ctx = canvas.getContext(\"2d\", {\n\t\t\talpha: false,\n\t\t\tdesynchronized: true, // Reduces latency\n\t\t});\n\n\t\tif (!ctx) return;\n\t\tctxRef.current = ctx;\n\n\t\tlet animationFrameId: number;\n\t\tlet isActive = true;\n\n\t\t// Set canvas size based on video dimensions with scale factor\n\t\tconst updateCanvasSize = () => {\n\t\t\tif (video.videoWidth && video.videoHeight) {\n\t\t\t\tcanvas.width = Math.floor(video.videoWidth * scale);\n\t\t\t\tcanvas.height = Math.floor(video.videoHeight * scale);\n\t\t\t}\n\t\t};\n\n\t\tconst render = (timestamp: number) => {\n\t\t\tif (!isActive || !video || !ctx) return;\n\n\t\t\t// Throttle to target FPS\n\t\t\tconst elapsed = timestamp - lastFrameTimeRef.current;\n\n\t\t\tif (elapsed >= frameInterval) {\n\t\t\t\tconst frameStart = performance.now();\n\n\t\t\t\t// Update canvas size if needed\n\t\t\t\tif (canvas.width === 0 || canvas.height === 0) {\n\t\t\t\t\tupdateCanvasSize();\n\t\t\t\t}\n\n\t\t\t\t// Only draw if video has data and is playing\n\t\t\t\tif (video.readyState >= 2 && !video.paused) {\n\t\t\t\t\t// Apply blur filter and draw\n\t\t\t\t\tctx.filter = `blur(${blurAmount * scale}px)`;\n\t\t\t\t\tctx.drawImage(video, 0, 0, canvas.width, canvas.height);\n\n\t\t\t\t\tsetIsRendering(true);\n\t\t\t\t}\n\n\t\t\t\t// Track frame time\n\t\t\t\tconst frameTime = performance.now() - frameStart;\n\t\t\t\tframeCountRef.current++;\n\n\t\t\t\t// Update FPS every second\n\t\t\t\tif (timestamp - fpsIntervalRef.current >= 1000) {\n\t\t\t\t\tsetMetrics({\n\t\t\t\t\t\tfps: frameCountRef.current,\n\t\t\t\t\t\tframeTime: Math.round(frameTime * 100) / 100,\n\t\t\t\t\t});\n\t\t\t\t\tframeCountRef.current = 0;\n\t\t\t\t\tfpsIntervalRef.current = timestamp;\n\t\t\t\t}\n\n\t\t\t\tlastFrameTimeRef.current = timestamp - (elapsed % frameInterval);\n\t\t\t}\n\n\t\t\tanimationFrameId = requestAnimationFrame(render);\n\t\t};\n\n\t\t// Handle video events\n\t\tconst handleLoadedMetadata = () => {\n\t\t\tupdateCanvasSize();\n\t\t};\n\n\t\tconst handlePlay = () => {\n\t\t\tif (isActive) {\n\t\t\t\tanimationFrameId = requestAnimationFrame(render);\n\t\t\t}\n\t\t};\n\n\t\tconst handlePause = () => {\n\t\t\tsetIsRendering(false);\n\t\t};\n\n\t\t// Add event listeners\n\t\tvideo.addEventListener(\"loadedmetadata\", handleLoadedMetadata);\n\t\tvideo.addEventListener(\"play\", handlePlay);\n\t\tvideo.addEventListener(\"pause\", handlePause);\n\n\t\t// Initialize size if video is already loaded\n\t\tif (video.readyState >= 1) {\n\t\t\tupdateCanvasSize();\n\t\t}\n\n\t\t// Start render loop if video is playing\n\t\tif (!video.paused) {\n\t\t\tanimationFrameId = requestAnimationFrame(render);\n\t\t}\n\n\t\treturn () => {\n\t\t\tisActive = false;\n\t\t\tcancelAnimationFrame(animationFrameId);\n\t\t\tvideo.removeEventListener(\"loadedmetadata\", handleLoadedMetadata);\n\t\t\tvideo.removeEventListener(\"play\", handlePlay);\n\t\t\tvideo.removeEventListener(\"pause\", handlePause);\n\t\t\tsetIsRendering(false);\n\t\t};\n\t}, [enabled, videoReady, videoRef, blurAmount, frameInterval, scale]);\n\n\treturn {\n\t\tcanvasRef,\n\t\tisRendering,\n\t\tmetrics,\n\t};\n}\n\n// ============================================================================\n// BlurredVideoBackdrop Component\n// ============================================================================\n\nexport interface BlurredVideoBackdropProps\n\textends Omit<React.HTMLAttributes<HTMLDivElement>, \"children\">,\n\t\tVariantProps<typeof blurredVideoBackdropVariants> {\n\t/** Ref to the primary video element to create backdrop from (required) */\n\tvideoRef: React.RefObject<HTMLVideoElement | null>;\n\t/** Opacity of the backdrop (0-1, default: 0.6) */\n\topacity?: number;\n\t/** Extension amount in pixels to cover blur artifacts (default: 120) */\n\textension?: number;\n\t/** Target FPS for canvas rendering (default: 30) */\n\ttargetFps?: number;\n\t/** Canvas scale factor - lower = better performance (default: 0.5) */\n\tscale?: number;\n\t/** Whether to show debug metrics */\n\tshowMetrics?: boolean;\n}\n\n/**\n * BlurredVideoBackdrop - A high-performance blurred video backdrop using canvas.\n *\n * Renders a blurred copy of a video element to create an ambient backdrop effect.\n * Uses canvas rendering for optimal performance - no video sync needed.\n *\n * Performance features:\n * - Single video decoder (draws from existing video element)\n * - Reduced resolution rendering (configurable scale)\n * - Throttled frame rate (configurable FPS)\n * - GPU-accelerated canvas scaling\n *\n * @example\n * ```tsx\n * const videoRef = useRef<HTMLVideoElement>(null);\n *\n * <div className=\"relative\">\n *   <BlurredVideoBackdrop\n *     videoRef={videoRef}\n *     blur=\"high\"\n *     overlay=\"vignette\"\n *   />\n *   <VideoPlayer videoRef={videoRef} src=\"/video.mp4\" />\n * </div>\n * ```\n */\nconst BlurredVideoBackdrop = React.forwardRef<\n\tHTMLDivElement,\n\tBlurredVideoBackdropProps\n>(\n\t(\n\t\t{\n\t\t\tclassName,\n\t\t\tvideoRef,\n\t\t\tblur = \"high\",\n\t\t\toverlay = \"none\",\n\t\t\topacity = 0.6,\n\t\t\textension = 120,\n\t\t\ttargetFps = 30,\n\t\t\tscale = 0.5,\n\t\t\tshowMetrics = false,\n\t\t\tstyle,\n\t\t\t...props\n\t\t},\n\t\tref,\n\t) => {\n\t\tconst blurAmount = BLUR_AMOUNTS[blur ?? \"high\"];\n\n\t\tconst { canvasRef, isRendering, metrics } = useCanvasBlur({\n\t\t\tvideoRef,\n\t\t\tblurAmount,\n\t\t\tenabled: true,\n\t\t\ttargetFps,\n\t\t\tscale,\n\t\t});\n\n\t\treturn (\n\t\t\t<div\n\t\t\t\tref={ref}\n\t\t\t\tclassName={cn(\n\t\t\t\t\tblurredVideoBackdropVariants({ blur, overlay }),\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\tstyle={{\n\t\t\t\t\tinset: `-${extension}px`,\n\t\t\t\t\topacity,\n\t\t\t\t\tcontain: \"layout style paint\",\n\t\t\t\t\t...style,\n\t\t\t\t}}\n\t\t\t\tdata-blur={blur ?? \"high\"}\n\t\t\t\tdata-overlay={overlay ?? \"none\"}\n\t\t\t\tdata-rendering={isRendering}\n\t\t\t\taria-hidden=\"true\"\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t<canvas\n\t\t\t\t\tref={canvasRef}\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\tcanvasVariants(),\n\t\t\t\t\t\t// Scale up the low-res canvas to fill container\n\t\t\t\t\t\t\"scale-[2]\", // Inverse of 0.5 scale factor\n\t\t\t\t\t\t\"origin-center\",\n\t\t\t\t\t)}\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\t// Additional CSS blur for smoother appearance\n\t\t\t\t\t\tfilter: `blur(${blurAmount * 0.3}px)`,\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t\t{overlay && overlay !== \"none\" && (\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName={gradientOverlayVariants()}\n\t\t\t\t\t\tstyle={{ background: OVERLAY_GRADIENTS[overlay] }}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t\t{showMetrics && (\n\t\t\t\t\t<div className=\"absolute bottom-8 left-8 z-10 bg-black/80 text-white typography-caption px-8 py-4 rounded-4 font-mono\">\n\t\t\t\t\t\t<div>FPS: {metrics.fps}</div>\n\t\t\t\t\t\t<div>Frame: {metrics.frameTime}ms</div>\n\t\t\t\t\t\t<div>Scale: {scale}x</div>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t);\n\t},\n);\n\nBlurredVideoBackdrop.displayName = \"BlurredVideoBackdrop\";\n\n// ============================================================================\n// Exports\n// ============================================================================\n\nexport {\n\tBlurredVideoBackdrop,\n\tblurredVideoBackdropVariants,\n\tcanvasVariants,\n\tgradientOverlayVariants,\n\tuseCanvasBlur,\n\tBLUR_AMOUNTS,\n};\n\nexport type {\n\tUseCanvasBlurOptions,\n\tUseCanvasBlurReturn,\n\tBlurIntensity,\n\tOverlayType,\n};\n","\"use client\";\n\nimport * as React from \"react\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport type { CaptionCue } from \"@/hooks/use-captions\";\nimport { cn } from \"@/lib/utils\";\n\n/**\n * Caption overlay variants using semantic tokens.\n */\nconst captionOverlayVariants = tv({\n\tbase: [\n\t\t// Positioning - absolute at bottom of video container\n\t\t\"pointer-events-none\",\n\t\t\"absolute right-0 left-0\",\n\t\t\"z-10\",\n\t\t\"flex justify-center\",\n\t\t\"px-4\",\n\t],\n\tvariants: {\n\t\tposition: {\n\t\t\tbottom: \"bottom-64\",\n\t\t\t\"bottom-sm\": \"bottom-24\",\n\t\t},\n\t},\n\tdefaultVariants: {\n\t\tposition: \"bottom-sm\",\n\t},\n});\n\n/**\n * Caption text box variants.\n */\nconst captionTextVariants = tv({\n\tbase: [\n\t\t\"flex items-center justify-center\",\n\t\t\"w-fit max-w-[80%]\",\n\t\t\"gap-10\",\n\t\t\"px-12 py-6\",\n\t\t\"text-center\",\n\t\t\"font-normal leading-[1.4]\",\n\t\t\"rounded-6\",\n\t\t\"bg-video-player-caption-bg text-video-player-caption-text\",\n\t],\n\tvariants: {\n\t\tsize: {\n\t\t\tsm: \"text-14\",\n\t\t\tmd: \"[font-size:clamp(16px,2vw,24px)]\",\n\t\t\tlg: \"text-24\",\n\t\t},\n\t},\n\tdefaultVariants: {\n\t\tsize: \"md\",\n\t},\n});\n\nexport interface CaptionOverlayProps\n\textends React.HTMLAttributes<HTMLOutputElement>,\n\t\tVariantProps<typeof captionOverlayVariants>,\n\t\tVariantProps<typeof captionTextVariants> {\n\t/** Caption cue to display */\n\tcue?: CaptionCue | null;\n\t/** Caption text to display (alternative to cue) */\n\ttext?: string;\n}\n\n/**\n * CaptionOverlay component.\n *\n * Displays caption text overlaid on video content.\n * Styled to match the DGA video player implementation.\n *\n * @example\n * ```tsx\n * <CaptionOverlay cue={activeCue} />\n *\n * // Or with plain text\n * <CaptionOverlay text=\"Hello, world!\" />\n * ```\n */\nconst CaptionOverlay = React.forwardRef<HTMLOutputElement, CaptionOverlayProps>(\n\t({ className, cue, text, position, size, ...props }, ref) => {\n\t\t// Use cue text or fallback to text prop\n\t\tconst displayText = cue?.text ?? text;\n\n\t\t// Don't render anything if no caption text\n\t\tif (!displayText) {\n\t\t\treturn null;\n\t\t}\n\n\t\treturn (\n\t\t\t<output\n\t\t\t\tref={ref}\n\t\t\t\tclassName={cn(captionOverlayVariants({ position }), className)}\n\t\t\t\taria-live=\"polite\"\n\t\t\t\taria-label=\"Video caption\"\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t<span className={captionTextVariants({ size })}>{displayText}</span>\n\t\t\t</output>\n\t\t);\n\t},\n);\n\nCaptionOverlay.displayName = \"CaptionOverlay\";\n\nexport { CaptionOverlay, captionOverlayVariants, captionTextVariants };\n","\"use client\";\n\nimport * as React from \"react\";\n\n/**\n * Represents a single caption cue parsed from VTT.\n */\nexport interface CaptionCue {\n\t/** Unique identifier for the cue */\n\tid: string;\n\t/** Start time in seconds */\n\tstartTime: number;\n\t/** End time in seconds */\n\tendTime: number;\n\t/** Caption text content */\n\ttext: string;\n}\n\n/**\n * Parse VTT timestamp to seconds.\n * Handles formats: HH:MM:SS.mmm or MM:SS.mmm\n */\nfunction parseVttTimestamp(timestamp: string): number {\n\tconst parts = timestamp.trim().split(\":\");\n\tlet hours = 0;\n\tlet minutes = 0;\n\tlet seconds = 0;\n\n\tif (parts.length === 3) {\n\t\thours = Number.parseInt(parts[0], 10);\n\t\tminutes = Number.parseInt(parts[1], 10);\n\t\tseconds = Number.parseFloat(parts[2]);\n\t} else if (parts.length === 2) {\n\t\tminutes = Number.parseInt(parts[0], 10);\n\t\tseconds = Number.parseFloat(parts[1]);\n\t}\n\n\treturn hours * 3600 + minutes * 60 + seconds;\n}\n\n/**\n * Parse VTT content string into an array of caption cues.\n */\nfunction parseVtt(vttContent: string): CaptionCue[] {\n\tconst cues: CaptionCue[] = [];\n\tconst lines = vttContent.trim().split(\"\\n\");\n\n\tlet i = 0;\n\n\t// Skip WEBVTT header and any metadata\n\twhile (i < lines.length && !lines[i].includes(\"-->\")) {\n\t\ti++;\n\t}\n\n\twhile (i < lines.length) {\n\t\tconst line = lines[i].trim();\n\n\t\t// Look for timestamp line (contains -->)\n\t\tif (line.includes(\"-->\")) {\n\t\t\tconst [startStr, endStr] = line.split(\"-->\").map((s) => s.trim());\n\n\t\t\t// Handle optional cue settings after timestamp\n\t\t\tconst endParts = endStr.split(\" \");\n\t\t\tconst endTime = parseVttTimestamp(endParts[0]);\n\t\t\tconst startTime = parseVttTimestamp(startStr);\n\n\t\t\t// Collect text lines until empty line or next timestamp\n\t\t\tconst textLines: string[] = [];\n\t\t\ti++;\n\t\t\twhile (\n\t\t\t\ti < lines.length &&\n\t\t\t\tlines[i].trim() !== \"\" &&\n\t\t\t\t!lines[i].includes(\"-->\")\n\t\t\t) {\n\t\t\t\t// Skip cue identifier lines (numbers only)\n\t\t\t\tif (!/^\\d+$/.test(lines[i].trim())) {\n\t\t\t\t\ttextLines.push(lines[i].trim());\n\t\t\t\t}\n\t\t\t\ti++;\n\t\t\t}\n\n\t\t\tif (textLines.length > 0) {\n\t\t\t\tcues.push({\n\t\t\t\t\tid: `cue-${cues.length}`,\n\t\t\t\t\tstartTime,\n\t\t\t\t\tendTime,\n\t\t\t\t\ttext: textLines.join(\"\\n\"),\n\t\t\t\t});\n\t\t\t}\n\t\t} else {\n\t\t\ti++;\n\t\t}\n\t}\n\n\treturn cues;\n}\n\n/**\n * Strip VTT formatting tags from text.\n * Removes <v>, <c>, <i>, <b>, <u>, etc.\n */\nfunction stripVttTags(text: string): string {\n\treturn text\n\t\t.replace(/<\\/?[^>]+(>|$)/g, \"\") // Remove HTML-like tags\n\t\t.replace(/&nbsp;/g, \" \")\n\t\t.replace(/&amp;/g, \"&\")\n\t\t.replace(/&lt;/g, \"<\")\n\t\t.replace(/&gt;/g, \">\")\n\t\t.trim();\n}\n\ninterface UseCaptionsOptions {\n\t/** VTT file URL to fetch */\n\tsrc?: string;\n\t/** Pre-loaded VTT content string */\n\tcontent?: string;\n\t/** Strip VTT formatting tags from caption text */\n\tstripTags?: boolean;\n\t/** Current playback time in seconds (alternative to setCurrentTime) */\n\tcurrentTime?: number;\n}\n\ninterface UseCaptionsReturn {\n\t/** All parsed caption cues */\n\tcues: CaptionCue[];\n\t/** Currently active cue based on current time */\n\tactiveCue: CaptionCue | null;\n\t/** Update the current playback time to get active cue */\n\tsetCurrentTime: (time: number) => void;\n\t/** Loading state */\n\tisLoading: boolean;\n\t/** Error state */\n\terror: Error | null;\n}\n\n/**\n * Hook for parsing VTT captions and tracking the active cue.\n *\n * @param options - Caption source options\n * @returns Parsed cues, active cue, and state\n *\n * @example\n * ```tsx\n * function VideoPlayer() {\n *   const videoRef = React.useRef<HTMLVideoElement>(null);\n *   const { activeCue, setCurrentTime } = useCaptions({\n *     src: '/captions.vtt',\n *   });\n *\n *   // Sync with video time\n *   React.useEffect(() => {\n *     const video = videoRef.current;\n *     if (!video) return;\n *\n *     const handleTimeUpdate = () => setCurrentTime(video.currentTime);\n *     video.addEventListener('timeupdate', handleTimeUpdate);\n *     return () => video.removeEventListener('timeupdate', handleTimeUpdate);\n *   }, [setCurrentTime]);\n *\n *   return (\n *     <div>\n *       <video ref={videoRef} src=\"/video.mp4\" />\n *       {activeCue && <div className=\"caption\">{activeCue.text}</div>}\n *     </div>\n *   );\n * }\n * ```\n */\nexport function useCaptions(\n\toptions: UseCaptionsOptions = {},\n): UseCaptionsReturn {\n\tconst { src, content, stripTags = true, currentTime: externalTime } = options;\n\n\tconst [cues, setCues] = React.useState<CaptionCue[]>([]);\n\tconst [internalTime, setInternalTime] = React.useState(0);\n\tconst [isLoading, setIsLoading] = React.useState(false);\n\tconst [error, setError] = React.useState<Error | null>(null);\n\n\t// Use external time if provided, otherwise use internal state\n\tconst currentTime = externalTime ?? internalTime;\n\n\t// Parse content or fetch from URL\n\tReact.useEffect(() => {\n\t\tif (content) {\n\t\t\t// Use provided content directly\n\t\t\tconst parsed = parseVtt(content);\n\t\t\tsetCues(\n\t\t\t\tstripTags\n\t\t\t\t\t? parsed.map((cue) => ({ ...cue, text: stripVttTags(cue.text) }))\n\t\t\t\t\t: parsed,\n\t\t\t);\n\t\t\treturn;\n\t\t}\n\n\t\tif (!src) {\n\t\t\tsetCues([]);\n\t\t\treturn;\n\t\t}\n\n\t\tsetIsLoading(true);\n\t\tsetError(null);\n\n\t\tfetch(src)\n\t\t\t.then((response) => {\n\t\t\t\tif (!response.ok) {\n\t\t\t\t\tthrow new Error(`Failed to fetch captions: ${response.status}`);\n\t\t\t\t}\n\t\t\t\treturn response.text();\n\t\t\t})\n\t\t\t.then((vttContent) => {\n\t\t\t\tconst parsed = parseVtt(vttContent);\n\t\t\t\tsetCues(\n\t\t\t\t\tstripTags\n\t\t\t\t\t\t? parsed.map((cue) => ({ ...cue, text: stripVttTags(cue.text) }))\n\t\t\t\t\t\t: parsed,\n\t\t\t\t);\n\t\t\t})\n\t\t\t.catch((err) => {\n\t\t\t\tsetError(err instanceof Error ? err : new Error(String(err)));\n\t\t\t})\n\t\t\t.finally(() => {\n\t\t\t\tsetIsLoading(false);\n\t\t\t});\n\t}, [src, content, stripTags]);\n\n\t// Find active cue for current time\n\tconst activeCue = React.useMemo(() => {\n\t\treturn (\n\t\t\tcues.find(\n\t\t\t\t(cue) => currentTime >= cue.startTime && currentTime <= cue.endTime,\n\t\t\t) ?? null\n\t\t);\n\t}, [cues, currentTime]);\n\n\t// Memoize setCurrentTime to avoid unnecessary re-renders\n\tconst handleSetCurrentTime = React.useCallback((time: number) => {\n\t\tsetInternalTime(time);\n\t}, []);\n\n\treturn {\n\t\tcues,\n\t\tactiveCue,\n\t\tsetCurrentTime: handleSetCurrentTime,\n\t\tisLoading,\n\t\terror,\n\t};\n}\n","import * as React from \"react\";\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface UseVideoKeyboardOptions {\n\t/** Ref to the video element */\n\tvideoRef: React.RefObject<HTMLVideoElement | null>;\n\t/** Whether keyboard handling is enabled (default: true) */\n\tenabled?: boolean;\n\t/** Seek amount in seconds for arrow keys (default: 5) */\n\tseekAmount?: number;\n\t/** Volume change amount for arrow keys (default: 0.1) */\n\tvolumeStep?: number;\n\t/** Callback when play/pause is toggled */\n\tonTogglePlay?: () => void;\n\t/** Callback when fullscreen is toggled */\n\tonToggleFullscreen?: () => void;\n\t/** Callback when captions are toggled */\n\tonToggleCaptions?: () => void;\n\t/** Callback when controls should be shown */\n\tonShowControls?: () => void;\n}\n\nexport interface UseVideoKeyboardReturn {\n\t/** Key down handler to attach to container element */\n\thandleKeyDown: (e: React.KeyboardEvent) => void;\n\t/** Props to spread on the container element */\n\tcontainerProps: {\n\t\tonKeyDown: (e: React.KeyboardEvent) => void;\n\t\ttabIndex: number;\n\t\trole: string;\n\t\t\"aria-label\": string;\n\t};\n}\n\n// ============================================================================\n// Hook\n// ============================================================================\n\n/**\n * Hook for handling keyboard shortcuts in a video player.\n *\n * Supported shortcuts:\n * - Space: Play/pause\n * - Left Arrow: Seek backward\n * - Right Arrow: Seek forward\n * - Up Arrow: Volume up\n * - Down Arrow: Volume down\n * - M: Toggle mute\n * - F: Toggle fullscreen\n * - C: Toggle captions\n *\n * @example\n * ```tsx\n * const { containerProps } = useVideoKeyboard({\n *   videoRef,\n *   onTogglePlay: () => video.paused ? video.play() : video.pause(),\n *   onToggleFullscreen: () => toggleFullscreen(),\n *   onShowControls: () => setControlsVisible(true),\n * });\n *\n * return <div {...containerProps}>...</div>;\n * ```\n */\nexport function useVideoKeyboard({\n\tvideoRef,\n\tenabled = true,\n\tseekAmount = 5,\n\tvolumeStep = 0.1,\n\tonTogglePlay,\n\tonToggleFullscreen,\n\tonToggleCaptions,\n\tonShowControls,\n}: UseVideoKeyboardOptions): UseVideoKeyboardReturn {\n\tconst handleKeyDown = React.useCallback(\n\t\t(e: React.KeyboardEvent) => {\n\t\t\tif (!enabled) return;\n\n\t\t\tconst video = videoRef.current;\n\t\t\tif (!video) return;\n\n\t\t\t// Don't handle if focus is on interactive elements\n\t\t\tconst target = e.target as HTMLElement;\n\t\t\tif (\n\t\t\t\ttarget.tagName === \"BUTTON\" ||\n\t\t\t\ttarget.tagName === \"INPUT\" ||\n\t\t\t\ttarget.tagName === \"TEXTAREA\" ||\n\t\t\t\ttarget.closest(\"button\") ||\n\t\t\t\ttarget.closest(\"input\") ||\n\t\t\t\ttarget.closest(\"[role='slider']\")\n\t\t\t) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tlet handled = false;\n\n\t\t\tswitch (e.key) {\n\t\t\t\t// Play/Pause\n\t\t\t\tcase \" \":\n\t\t\t\tcase \"Spacebar\":\n\t\t\t\tcase \"k\": // YouTube-style shortcut\n\t\t\t\t\tif (onTogglePlay) {\n\t\t\t\t\t\tonTogglePlay();\n\t\t\t\t\t} else {\n\t\t\t\t\t\tif (video.paused) {\n\t\t\t\t\t\t\tvideo.play().catch(() => {});\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tvideo.pause();\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\thandled = true;\n\t\t\t\t\tbreak;\n\n\t\t\t\t// Seek backward\n\t\t\t\tcase \"ArrowLeft\":\n\t\t\t\tcase \"j\": // YouTube-style shortcut\n\t\t\t\t\tvideo.currentTime = Math.max(0, video.currentTime - seekAmount);\n\t\t\t\t\thandled = true;\n\t\t\t\t\tbreak;\n\n\t\t\t\t// Seek forward\n\t\t\t\tcase \"ArrowRight\":\n\t\t\t\tcase \"l\": // YouTube-style shortcut\n\t\t\t\t\tvideo.currentTime = Math.min(\n\t\t\t\t\t\tvideo.duration || 0,\n\t\t\t\t\t\tvideo.currentTime + seekAmount,\n\t\t\t\t\t);\n\t\t\t\t\thandled = true;\n\t\t\t\t\tbreak;\n\n\t\t\t\t// Volume up\n\t\t\t\tcase \"ArrowUp\":\n\t\t\t\t\tvideo.volume = Math.min(1, video.volume + volumeStep);\n\t\t\t\t\tvideo.muted = false;\n\t\t\t\t\thandled = true;\n\t\t\t\t\tbreak;\n\n\t\t\t\t// Volume down\n\t\t\t\tcase \"ArrowDown\":\n\t\t\t\t\tvideo.volume = Math.max(0, video.volume - volumeStep);\n\t\t\t\t\thandled = true;\n\t\t\t\t\tbreak;\n\n\t\t\t\t// Toggle mute\n\t\t\t\tcase \"m\":\n\t\t\t\tcase \"M\":\n\t\t\t\t\tvideo.muted = !video.muted;\n\t\t\t\t\thandled = true;\n\t\t\t\t\tbreak;\n\n\t\t\t\t// Toggle fullscreen\n\t\t\t\tcase \"f\":\n\t\t\t\tcase \"F\":\n\t\t\t\t\tonToggleFullscreen?.();\n\t\t\t\t\thandled = true;\n\t\t\t\t\tbreak;\n\n\t\t\t\t// Toggle captions\n\t\t\t\tcase \"c\":\n\t\t\t\tcase \"C\":\n\t\t\t\t\tonToggleCaptions?.();\n\t\t\t\t\thandled = true;\n\t\t\t\t\tbreak;\n\n\t\t\t\t// Jump to start\n\t\t\t\tcase \"Home\":\n\t\t\t\t\tvideo.currentTime = 0;\n\t\t\t\t\thandled = true;\n\t\t\t\t\tbreak;\n\n\t\t\t\t// Jump to end\n\t\t\t\tcase \"End\":\n\t\t\t\t\tvideo.currentTime = video.duration || 0;\n\t\t\t\t\thandled = true;\n\t\t\t\t\tbreak;\n\n\t\t\t\t// Number keys for percentage seeking (0-9)\n\t\t\t\tcase \"0\":\n\t\t\t\tcase \"1\":\n\t\t\t\tcase \"2\":\n\t\t\t\tcase \"3\":\n\t\t\t\tcase \"4\":\n\t\t\t\tcase \"5\":\n\t\t\t\tcase \"6\":\n\t\t\t\tcase \"7\":\n\t\t\t\tcase \"8\":\n\t\t\t\tcase \"9\":\n\t\t\t\t\tif (video.duration) {\n\t\t\t\t\t\tconst percent = parseInt(e.key, 10) / 10;\n\t\t\t\t\t\tvideo.currentTime = video.duration * percent;\n\t\t\t\t\t\thandled = true;\n\t\t\t\t\t}\n\t\t\t\t\tbreak;\n\t\t\t}\n\n\t\t\tif (handled) {\n\t\t\t\te.preventDefault();\n\t\t\t\te.stopPropagation();\n\t\t\t\tonShowControls?.();\n\t\t\t}\n\t\t},\n\t\t[\n\t\t\tenabled,\n\t\t\tvideoRef,\n\t\t\tseekAmount,\n\t\t\tvolumeStep,\n\t\t\tonTogglePlay,\n\t\t\tonToggleFullscreen,\n\t\t\tonToggleCaptions,\n\t\t\tonShowControls,\n\t\t],\n\t);\n\n\tconst containerProps = React.useMemo(\n\t\t() => ({\n\t\t\tonKeyDown: handleKeyDown,\n\t\t\ttabIndex: 0,\n\t\t\trole: \"application\" as const,\n\t\t\t\"aria-label\": \"Video player, press space to play or pause\",\n\t\t}),\n\t\t[handleKeyDown],\n\t);\n\n\treturn {\n\t\thandleKeyDown,\n\t\tcontainerProps,\n\t};\n}\n","\"use client\";\n\nimport {\n\tMediaControlBar,\n\tMediaController,\n\tMediaLoadingIndicator,\n\tMediaMuteButton,\n\tMediaPlayButton,\n\tMediaTimeDisplay,\n\tMediaTimeRange,\n\tMediaVolumeRange,\n} from \"media-chrome/react\";\nimport * as React from \"react\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { useCaptions } from \"@/hooks/use-captions\";\nimport { useVideoKeyboard } from \"@/hooks/use-video-keyboard\";\nimport { cn } from \"@/lib/utils\";\nimport { CaptionOverlay } from \"./caption-overlay\";\n\n// ============================================================================\n// Types\n// ============================================================================\n\n/** Cloudflare Stream configuration */\ninterface CloudflareConfig {\n\t/** Cloudflare Stream video ID */\n\tvideoId: string;\n\t/** Cloudflare customer code/subdomain */\n\tcustomerCode: string;\n}\n\n// ============================================================================\n// Variant Definitions\n// ============================================================================\n\n/**\n * Video player container variants.\n */\nconst videoPlayerVariants = tv({\n\tbase: [\n\t\t\"relative\",\n\t\t\"bg-black\",\n\t\t\"overflow-hidden\",\n\t\t// Focus styling for keyboard navigation\n\t\t\"focus:outline-none\",\n\t\t\"focus-visible:ring-2\",\n\t\t\"focus-visible:ring-white/50\",\n\t],\n\tvariants: {\n\t\taspectRatio: {\n\t\t\t\"16/9\": \"aspect-video\",\n\t\t\t\"4/3\": \"aspect-[4/3]\",\n\t\t\t\"1/1\": \"aspect-square\",\n\t\t\t\"9/16\": \"aspect-[9/16]\",\n\t\t\tauto: \"\",\n\t\t},\n\t\trounded: {\n\t\t\tnone: \"\",\n\t\t\tsm: \"rounded-4\",\n\t\t\tmd: \"rounded-8\",\n\t\t\tlg: \"rounded-12\",\n\t\t},\n\t},\n\tdefaultVariants: {\n\t\taspectRatio: \"16/9\",\n\t\trounded: \"none\",\n\t},\n});\n\n/**\n * Media controller container styles.\n * Uses CSS custom properties to configure media-chrome components.\n * Styled to match DGA video player design with ghost-style buttons.\n */\nconst mediaControllerVariants = tv({\n\tbase: [\n\t\t\"absolute inset-0\",\n\t\t\"w-full h-full\",\n\t\t// Button styling - transparent base, hover shows background\n\t\t\"[--media-control-background:transparent]\",\n\t\t\"[--media-control-hover-background:var(--color-video-player-button-bg-hover)]\",\n\t\t\"[--media-control-padding:8px]\",\n\t\t\"[--media-control-height:36px]\",\n\t\t\"[--media-button-icon-width:20px]\",\n\t\t\"[--media-button-icon-height:20px]\",\n\t\t// Progress bar / range styling\n\t\t\"[--media-range-track-background:var(--color-video-player-progress-bg)]\",\n\t\t\"[--media-range-bar-color:var(--color-video-player-progress-fill)]\",\n\t\t\"[--media-range-track-height:4px]\",\n\t\t\"[--media-range-track-border-radius:2px]\",\n\t\t\"[--media-range-thumb-background:var(--color-video-player-progress-fill)]\",\n\t\t\"[--media-range-thumb-height:12px]\",\n\t\t\"[--media-range-thumb-width:12px]\",\n\t\t\"[--media-range-thumb-border-radius:50%]\",\n\t\t// Text/icon colors\n\t\t\"[--media-icon-color:var(--color-video-player-controls-text)]\",\n\t\t\"[--media-primary-color:var(--color-video-player-controls-text)]\",\n\t\t\"[--media-secondary-color:transparent]\",\n\t\t\"[--media-text-color:var(--color-video-player-controls-text)]\",\n\t\t\"[--media-font-size:14px]\",\n\t\t// Time display styling\n\t\t\"[--media-time-display-background:transparent]\",\n\t],\n});\n\n/**\n * Media-chrome control button styles.\n * Applied to media-play-button, media-mute-button, etc.\n * Transparent by default, shows background on hover (ghost style).\n */\nconst mediaButtonStyles: React.CSSProperties = {\n\tpadding: \"8px\",\n\tborderRadius: \"50%\",\n\t// Tooltip styling - consistent across all buttons\n\t\"--media-tooltip-background\": \"var(--color-video-player-tooltip-bg)\",\n\t\"--media-tooltip-arrow-display\": \"none\",\n\t\"--media-tooltip-distance\": \"8px\",\n} as React.CSSProperties;\n\n/**\n * Time range styles matching DGA.\n */\nconst timeRangeStyles: React.CSSProperties = {\n\tflex: 1,\n\tbackground: \"transparent\",\n\t// Preview tooltip styling - consistent with button tooltips\n\t\"--media-box-arrow-display\": \"none\",\n\t\"--media-preview-box-margin\": \"0 0 8px 0\",\n\t\"--media-preview-time-margin\": \"0 0 8px 0\",\n\t\"--media-preview-time-background\": \"var(--color-video-player-tooltip-bg)\",\n} as React.CSSProperties;\n\n/**\n * Volume range styles.\n */\nconst volumeRangeStyles: React.CSSProperties = {\n\twidth: \"80px\",\n\tbackground: \"transparent\",\n\t// Tooltip styling - consistent with button tooltips\n\t\"--media-tooltip-background\": \"var(--color-video-player-tooltip-bg)\",\n\t\"--media-tooltip-arrow-display\": \"none\",\n\t\"--media-tooltip-distance\": \"8px\",\n} as React.CSSProperties;\n\n/**\n * Time display styles.\n */\nconst timeDisplayStyles: React.CSSProperties = {\n\tbackground: \"transparent\",\n\tfontFamily: \"monospace\",\n\tfontSize: \"14px\",\n\tcolor: \"white\",\n\twhiteSpace: \"nowrap\",\n};\n\n/**\n * Control bar variants.\n * Note: Positioning is handled via inline styles to override web component defaults.\n * Tailwind classes handle background color and visibility transitions.\n */\nconst controlBarVariants = tv({\n\tbase: [\n\t\t// Layout handled in inline styles, but we need flex\n\t\t\"flex items-center\",\n\t\t// Background using semantic token\n\t\t\"bg-video-player-controls-bg\",\n\t\t// Animation\n\t\t\"transition-all duration-300\",\n\t],\n\tvariants: {\n\t\tvisible: {\n\t\t\ttrue: \"opacity-100 translate-y-0\",\n\t\t\tfalse: \"opacity-0 translate-y-16 pointer-events-none\",\n\t\t},\n\t},\n\tdefaultVariants: {\n\t\tvisible: true,\n\t},\n});\n\n/**\n * Control button styles for custom buttons.\n * Transparent by default, shows background on hover (ghost style).\n */\nconst controlButtonVariants = tv({\n\tbase: [\n\t\t\"flex items-center justify-center\",\n\t\t\"p-8 rounded-full\",\n\t\t// Transparent by default, background on hover\n\t\t\"bg-transparent\",\n\t\t\"text-video-player-controls-text\",\n\t\t\"hover:bg-video-player-button-bg-hover\",\n\t\t\"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-video-player-progress-bg\",\n\t\t\"transition-colors duration-150\",\n\t\t\"cursor-pointer\",\n\t],\n});\n\n/**\n * Loading overlay variants.\n */\nconst loadingOverlayVariants = tv({\n\tbase: [\n\t\t\"absolute inset-0\",\n\t\t\"flex items-center justify-center\",\n\t\t\"bg-black/50\",\n\t\t\"pointer-events-none\",\n\t\t\"z-10\",\n\t],\n});\n\n// ============================================================================\n// HLS Hook (internal)\n// ============================================================================\n\n/**\n * Internal hook for HLS.js initialization.\n * Handles both native HLS (Safari) and HLS.js (Chrome/Firefox).\n */\nfunction useHlsInternal(\n\tvideoRef: React.RefObject<HTMLVideoElement | null>,\n\tsrc: string | undefined,\n\tenabled: boolean,\n) {\n\tconst [isLoading, setIsLoading] = React.useState(true);\n\tconst [error, setError] = React.useState<Error | null>(null);\n\tconst hlsRef = React.useRef<unknown>(null);\n\n\tReact.useEffect(() => {\n\t\tif (!enabled || !src || !videoRef.current) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst video = videoRef.current;\n\t\tconst isHlsSource = src.includes(\".m3u8\");\n\n\t\t// For non-HLS sources, just set the src directly\n\t\tif (!isHlsSource) {\n\t\t\tvideo.src = src;\n\t\t\tsetIsLoading(false);\n\t\t\treturn;\n\t\t}\n\n\t\t// Check if native HLS is supported (Safari)\n\t\tif (video.canPlayType(\"application/vnd.apple.mpegurl\")) {\n\t\t\tvideo.src = src;\n\t\t\tsetIsLoading(false);\n\t\t\treturn;\n\t\t}\n\n\t\t// Try to use HLS.js for other browsers\n\t\tconst loadHls = async () => {\n\t\t\ttry {\n\t\t\t\t// Dynamic import of HLS.js (peer dependency)\n\t\t\t\tconst HlsModule = await import(\"hls.js\");\n\t\t\t\tconst Hls = HlsModule.default;\n\n\t\t\t\tif (!Hls.isSupported()) {\n\t\t\t\t\t// Fallback: try setting src directly\n\t\t\t\t\tvideo.src = src;\n\t\t\t\t\tsetIsLoading(false);\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tconst hls = new Hls({\n\t\t\t\t\tenableWorker: true,\n\t\t\t\t\tlowLatencyMode: false,\n\t\t\t\t});\n\n\t\t\t\thls.loadSource(src);\n\t\t\t\thls.attachMedia(video);\n\n\t\t\t\thls.on(Hls.Events.MANIFEST_PARSED, () => {\n\t\t\t\t\tsetIsLoading(false);\n\t\t\t\t});\n\n\t\t\t\thls.on(\n\t\t\t\t\tHls.Events.ERROR,\n\t\t\t\t\t(_event: unknown, data: { fatal?: boolean; details?: string }) => {\n\t\t\t\t\t\tif (data.fatal) {\n\t\t\t\t\t\t\tsetError(new Error(`HLS error: ${data.details}`));\n\t\t\t\t\t\t\tsetIsLoading(false);\n\t\t\t\t\t\t}\n\t\t\t\t\t},\n\t\t\t\t);\n\n\t\t\t\thlsRef.current = hls;\n\t\t\t} catch {\n\t\t\t\t// HLS.js not available, try direct source\n\t\t\t\tvideo.src = src;\n\t\t\t\tsetIsLoading(false);\n\t\t\t}\n\t\t};\n\n\t\tloadHls();\n\n\t\treturn () => {\n\t\t\tif (hlsRef.current) {\n\t\t\t\t(hlsRef.current as { destroy: () => void }).destroy();\n\t\t\t\thlsRef.current = null;\n\t\t\t}\n\t\t};\n\t}, [enabled, src, videoRef]);\n\n\treturn { isLoading, error };\n}\n\n// ============================================================================\n// VideoPlayer Component\n// ============================================================================\n\nexport interface VideoPlayerProps\n\textends Omit<\n\t\t\tReact.HTMLAttributes<HTMLDivElement>,\n\t\t\t\"children\" | \"onError\" | \"onPlay\" | \"onPause\" | \"onEnded\" | \"onTimeUpdate\"\n\t\t>,\n\t\tVariantProps<typeof videoPlayerVariants> {\n\t/** Video source URL (HLS .m3u8 or regular video file) */\n\tsrc?: string;\n\t/** Cloudflare Stream configuration (takes precedence over src) */\n\tcloudflare?: CloudflareConfig;\n\t/** Poster image URL */\n\tposter?: string;\n\t/** VTT captions URL */\n\tcaptionsSrc?: string;\n\t/** Whether to autoplay (default: false) */\n\tautoPlay?: boolean;\n\t/** Whether to loop the video (default: false) */\n\tloop?: boolean;\n\t/** Whether to mute initially (default: false) */\n\tmuted?: boolean;\n\t/** Whether to show controls (default: true) */\n\tcontrols?: boolean;\n\t/** Whether to auto-hide controls when not interacting (default: true) */\n\tautoHideControls?: boolean;\n\t/** Control auto-hide delay in ms (default: 3000) */\n\tautoHideDelay?: number;\n\t/** Whether captions are enabled by default (default: false) */\n\tcaptionsEnabled?: boolean;\n\t/** Callback when video starts playing */\n\tonPlay?: () => void;\n\t/** Callback when video pauses */\n\tonPause?: () => void;\n\t/** Callback when video ends */\n\tonEnded?: () => void;\n\t/** Callback on time update */\n\tonTimeUpdate?: (time: number) => void;\n\t/** Callback on error */\n\tonError?: (error: Error) => void;\n\t/** Ref to the video element */\n\tvideoRef?: React.RefObject<HTMLVideoElement | null>;\n}\n\n/**\n * VideoPlayer - Standalone video player component with media-chrome controls.\n *\n * Supports Cloudflare Stream (recommended) or direct video URLs with HLS support.\n * Works standalone or can be composed with Modal for fullscreen playback.\n *\n * @example\n * ```tsx\n * // With Cloudflare Stream (recommended)\n * <VideoPlayer\n *   cloudflare={{ videoId: \"abc123\", customerCode: \"xyz789\" }}\n *   poster=\"/thumbnail.jpg\"\n *   captionsSrc=\"/captions.vtt\"\n * />\n *\n * // With direct URL\n * <VideoPlayer\n *   src=\"https://example.com/video.mp4\"\n *   poster=\"/thumbnail.jpg\"\n * />\n *\n * // With Modal for fullscreen\n * <Modal trigger={<Button>Watch Video</Button>}>\n *   <VideoPlayer cloudflare={{ videoId: \"...\", customerCode: \"...\" }} />\n * </Modal>\n * ```\n */\nconst VideoPlayer = React.forwardRef<HTMLDivElement, VideoPlayerProps>(\n\t(\n\t\t{\n\t\t\tclassName,\n\t\t\tsrc,\n\t\t\tcloudflare,\n\t\t\tposter,\n\t\t\tcaptionsSrc,\n\t\t\tautoPlay = false,\n\t\t\tloop = false,\n\t\t\tmuted = false,\n\t\t\tcontrols = true,\n\t\t\tautoHideControls = true,\n\t\t\tautoHideDelay = 3000,\n\t\t\tcaptionsEnabled: initialCaptionsEnabled = false,\n\t\t\taspectRatio,\n\t\t\trounded,\n\t\t\tonPlay,\n\t\t\tonPause,\n\t\t\tonEnded,\n\t\t\tonTimeUpdate,\n\t\t\tonError,\n\t\t\tvideoRef: externalVideoRef,\n\t\t\t...props\n\t\t},\n\t\tref,\n\t) => {\n\t\t// Internal refs\n\t\tconst containerRef = React.useRef<HTMLDivElement>(null);\n\t\tconst internalVideoRef = React.useRef<HTMLVideoElement | null>(null);\n\t\tconst controlsTimeoutRef = React.useRef<ReturnType<\n\t\t\ttypeof setTimeout\n\t\t> | null>(null);\n\n\t\t// State\n\t\tconst [isPlaying, setIsPlaying] = React.useState(false);\n\t\tconst [currentTime, setCurrentTime] = React.useState(0);\n\t\tconst [controlsVisible, setControlsVisible] = React.useState(true);\n\t\tconst [captionsEnabled, setCaptionsEnabled] = React.useState(\n\t\t\tinitialCaptionsEnabled,\n\t\t);\n\t\tconst [isFullscreen, setIsFullscreen] = React.useState(false);\n\n\t\t// Compute video source URL\n\t\tconst videoSrc = React.useMemo(() => {\n\t\t\tif (cloudflare) {\n\t\t\t\treturn `https://customer-${cloudflare.customerCode}.cloudflarestream.com/${cloudflare.videoId}/manifest/video.m3u8`;\n\t\t\t}\n\t\t\treturn src;\n\t\t}, [cloudflare, src]);\n\n\t\t// HLS support\n\t\tconst { isLoading, error: hlsError } = useHlsInternal(\n\t\t\tinternalVideoRef,\n\t\t\tvideoSrc,\n\t\t\ttrue,\n\t\t);\n\n\t\t// Caption parsing\n\t\tconst { activeCue } = useCaptions({\n\t\t\tsrc: captionsSrc,\n\t\t\tcurrentTime,\n\t\t});\n\n\t\t// Merge refs\n\t\tReact.useEffect(() => {\n\t\t\tif (externalVideoRef) {\n\t\t\t\t(\n\t\t\t\t\texternalVideoRef as React.MutableRefObject<HTMLVideoElement | null>\n\t\t\t\t).current = internalVideoRef.current;\n\t\t\t}\n\t\t}, [externalVideoRef]);\n\n\t\t// Merge container ref\n\t\tReact.useImperativeHandle(\n\t\t\tref,\n\t\t\t() => containerRef.current as HTMLDivElement,\n\t\t);\n\n\t\t// Report errors\n\t\tReact.useEffect(() => {\n\t\t\tif (hlsError && onError) {\n\t\t\t\tonError(hlsError);\n\t\t\t}\n\t\t}, [hlsError, onError]);\n\n\t\t// Video event handlers\n\t\tReact.useEffect(() => {\n\t\t\tconst video = internalVideoRef.current;\n\t\t\tif (!video) return;\n\n\t\t\tconst handlePlay = () => {\n\t\t\t\tsetIsPlaying(true);\n\t\t\t\tonPlay?.();\n\t\t\t};\n\n\t\t\tconst handlePause = () => {\n\t\t\t\tsetIsPlaying(false);\n\t\t\t\tonPause?.();\n\t\t\t};\n\n\t\t\tconst handleEnded = () => {\n\t\t\t\tsetIsPlaying(false);\n\t\t\t\tonEnded?.();\n\t\t\t};\n\n\t\t\tconst handleTimeUpdate = () => {\n\t\t\t\tsetCurrentTime(video.currentTime);\n\t\t\t\tonTimeUpdate?.(video.currentTime);\n\t\t\t};\n\n\t\t\tconst handleCanPlay = () => {\n\t\t\t\tif (autoPlay) {\n\t\t\t\t\tvideo.play().catch(() => {\n\t\t\t\t\t\t// Autoplay may be blocked\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t};\n\n\t\t\tvideo.addEventListener(\"play\", handlePlay);\n\t\t\tvideo.addEventListener(\"pause\", handlePause);\n\t\t\tvideo.addEventListener(\"ended\", handleEnded);\n\t\t\tvideo.addEventListener(\"timeupdate\", handleTimeUpdate);\n\t\t\tvideo.addEventListener(\"canplay\", handleCanPlay);\n\n\t\t\treturn () => {\n\t\t\t\tvideo.removeEventListener(\"play\", handlePlay);\n\t\t\t\tvideo.removeEventListener(\"pause\", handlePause);\n\t\t\t\tvideo.removeEventListener(\"ended\", handleEnded);\n\t\t\t\tvideo.removeEventListener(\"timeupdate\", handleTimeUpdate);\n\t\t\t\tvideo.removeEventListener(\"canplay\", handleCanPlay);\n\t\t\t};\n\t\t}, [autoPlay, onPlay, onPause, onEnded, onTimeUpdate]);\n\n\t\t// Auto-hide controls\n\t\tReact.useEffect(() => {\n\t\t\tif (!autoHideControls || !isPlaying || !controlsVisible) return;\n\n\t\t\tcontrolsTimeoutRef.current = setTimeout(() => {\n\t\t\t\tsetControlsVisible(false);\n\t\t\t}, autoHideDelay);\n\n\t\t\treturn () => {\n\t\t\t\tif (controlsTimeoutRef.current) {\n\t\t\t\t\tclearTimeout(controlsTimeoutRef.current);\n\t\t\t\t}\n\t\t\t};\n\t\t}, [autoHideControls, isPlaying, controlsVisible, autoHideDelay]);\n\n\t\t// Track fullscreen state\n\t\tReact.useEffect(() => {\n\t\t\tconst handleFullscreenChange = () => {\n\t\t\t\tsetIsFullscreen(!!document.fullscreenElement);\n\t\t\t};\n\n\t\t\tdocument.addEventListener(\"fullscreenchange\", handleFullscreenChange);\n\t\t\tdocument.addEventListener(\n\t\t\t\t\"webkitfullscreenchange\",\n\t\t\t\thandleFullscreenChange,\n\t\t\t);\n\t\t\treturn () => {\n\t\t\t\tdocument.removeEventListener(\n\t\t\t\t\t\"fullscreenchange\",\n\t\t\t\t\thandleFullscreenChange,\n\t\t\t\t);\n\t\t\t\tdocument.removeEventListener(\n\t\t\t\t\t\"webkitfullscreenchange\",\n\t\t\t\t\thandleFullscreenChange,\n\t\t\t\t);\n\t\t\t};\n\t\t}, []);\n\n\t\t// Actions\n\t\tconst togglePlay = React.useCallback(() => {\n\t\t\tconst video = internalVideoRef.current;\n\t\t\tif (!video) return;\n\n\t\t\tif (video.paused) {\n\t\t\t\tvideo.play().catch(() => {});\n\t\t\t} else {\n\t\t\t\tvideo.pause();\n\t\t\t}\n\t\t}, []);\n\n\t\tconst toggleCaptions = React.useCallback(() => {\n\t\t\tsetCaptionsEnabled((prev) => !prev);\n\t\t}, []);\n\n\t\tconst toggleFullscreen = React.useCallback(() => {\n\t\t\tif (!document.fullscreenElement) {\n\t\t\t\tcontainerRef.current?.requestFullscreen();\n\t\t\t} else {\n\t\t\t\tdocument.exitFullscreen();\n\t\t\t}\n\t\t}, []);\n\n\t\tconst showControls = React.useCallback(() => {\n\t\t\tsetControlsVisible(true);\n\t\t\tif (controlsTimeoutRef.current) {\n\t\t\t\tclearTimeout(controlsTimeoutRef.current);\n\t\t\t}\n\t\t}, []);\n\n\t\tconst handleMouseLeave = React.useCallback(() => {\n\t\t\tif (autoHideControls && isPlaying) {\n\t\t\t\tsetControlsVisible(false);\n\t\t\t}\n\t\t}, [autoHideControls, isPlaying]);\n\n\t\t// Keyboard shortcuts for video player\n\t\tconst { containerProps: keyboardProps } = useVideoKeyboard({\n\t\t\tvideoRef: internalVideoRef,\n\t\t\tonTogglePlay: togglePlay,\n\t\t\tonToggleFullscreen: toggleFullscreen,\n\t\t\tonToggleCaptions: captionsSrc ? toggleCaptions : undefined,\n\t\t\tonShowControls: showControls,\n\t\t});\n\n\t\treturn (\n\t\t\t// biome-ignore lint/a11y/noStaticElementInteractions: role is applied via keyboardProps spread\n\t\t\t<div\n\t\t\t\tref={containerRef}\n\t\t\t\tclassName={cn(videoPlayerVariants({ aspectRatio, rounded }), className)}\n\t\t\t\tonMouseMove={showControls}\n\t\t\t\tonMouseLeave={handleMouseLeave}\n\t\t\t\t{...keyboardProps}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{controls ? (\n\t\t\t\t\t<MediaController\n\t\t\t\t\t\tnoAutohide={true}\n\t\t\t\t\t\tclassName={mediaControllerVariants()}\n\t\t\t\t\t>\n\t\t\t\t\t\t{/* Video Element */}\n\t\t\t\t\t\t<video\n\t\t\t\t\t\t\tref={internalVideoRef}\n\t\t\t\t\t\t\tslot=\"media\"\n\t\t\t\t\t\t\tposter={poster}\n\t\t\t\t\t\t\tloop={loop}\n\t\t\t\t\t\t\tmuted={muted}\n\t\t\t\t\t\t\tplaysInline\n\t\t\t\t\t\t\tcrossOrigin=\"anonymous\"\n\t\t\t\t\t\t\tclassName=\"w-full h-full object-contain\"\n\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t{/* Loading Indicator */}\n\t\t\t\t\t\t<MediaLoadingIndicator slot=\"centered-chrome\" noAutohide />\n\n\t\t\t\t\t\t{/* Click to play/pause overlay */}\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tonClick={togglePlay}\n\t\t\t\t\t\t\tclassName=\"absolute inset-0 cursor-pointer z-[1]\"\n\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t{/* Control Bar */}\n\t\t\t\t\t\t<MediaControlBar\n\t\t\t\t\t\t\tclassName={controlBarVariants({ visible: controlsVisible })}\n\t\t\t\t\t\t\tonClick={(e: React.MouseEvent) => e.stopPropagation()}\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tposition: \"absolute\",\n\t\t\t\t\t\t\t\tleft: \"24px\",\n\t\t\t\t\t\t\t\tright: \"24px\",\n\t\t\t\t\t\t\t\tbottom: \"24px\",\n\t\t\t\t\t\t\t\tgap: \"12px\",\n\t\t\t\t\t\t\t\tpadding: \"8px 16px\",\n\t\t\t\t\t\t\t\tborderRadius: \"9999px\",\n\t\t\t\t\t\t\t\tbackdropFilter: \"blur(10px)\",\n\t\t\t\t\t\t\t\tWebkitBackdropFilter: \"blur(10px)\",\n\t\t\t\t\t\t\t\tzIndex: 2,\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<MediaPlayButton style={mediaButtonStyles} />\n\t\t\t\t\t\t\t<MediaMuteButton style={mediaButtonStyles} />\n\t\t\t\t\t\t\t<MediaVolumeRange style={volumeRangeStyles} />\n\t\t\t\t\t\t\t<MediaTimeDisplay\n\t\t\t\t\t\t\t\tstyle={timeDisplayStyles}\n\t\t\t\t\t\t\t\tshowDuration\n\t\t\t\t\t\t\t\tnoToggle\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<MediaTimeRange style={timeRangeStyles} />\n\n\t\t\t\t\t\t\t{/* Captions Button */}\n\t\t\t\t\t\t\t{captionsSrc && (\n\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\tclassName={controlButtonVariants()}\n\t\t\t\t\t\t\t\t\tonClick={(e) => {\n\t\t\t\t\t\t\t\t\t\te.stopPropagation();\n\t\t\t\t\t\t\t\t\t\ttoggleCaptions();\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\taria-label={\n\t\t\t\t\t\t\t\t\t\tcaptionsEnabled ? \"Disable captions\" : \"Enable captions\"\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\taria-pressed={captionsEnabled}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<CaptionsIcon enabled={captionsEnabled} />\n\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t{/* Fullscreen Button */}\n\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\tclassName={controlButtonVariants()}\n\t\t\t\t\t\t\t\tonClick={(e) => {\n\t\t\t\t\t\t\t\t\te.stopPropagation();\n\t\t\t\t\t\t\t\t\ttoggleFullscreen();\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\taria-label={\n\t\t\t\t\t\t\t\t\tisFullscreen ? \"Exit fullscreen\" : \"Enter fullscreen\"\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<FullscreenIcon isFullscreen={isFullscreen} />\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t</MediaControlBar>\n\t\t\t\t\t</MediaController>\n\t\t\t\t) : (\n\t\t\t\t\t/* Video without controls */\n\t\t\t\t\t<video\n\t\t\t\t\t\tref={internalVideoRef}\n\t\t\t\t\t\tposter={poster}\n\t\t\t\t\t\tloop={loop}\n\t\t\t\t\t\tmuted={muted}\n\t\t\t\t\t\tplaysInline\n\t\t\t\t\t\tcrossOrigin=\"anonymous\"\n\t\t\t\t\t\tclassName=\"w-full h-full object-contain\"\n\t\t\t\t\t\tonClick={togglePlay}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\n\t\t\t\t{/* Loading Overlay (when HLS is loading) */}\n\t\t\t\t{isLoading && (\n\t\t\t\t\t<div className={loadingOverlayVariants()}>\n\t\t\t\t\t\t<div className=\"w-40 h-40 border-3 border-white/30 border-t-white rounded-full animate-spin\" />\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\n\t\t\t\t{/* Error Display */}\n\t\t\t\t{hlsError && (\n\t\t\t\t\t<div className={loadingOverlayVariants()}>\n\t\t\t\t\t\t<div className=\"text-white text-center px-16\">\n\t\t\t\t\t\t\t<p className=\"typography-body-sm-sm\">Failed to load video</p>\n\t\t\t\t\t\t\t<p className=\"typography-caption text-white/60 mt-4\">\n\t\t\t\t\t\t\t\t{hlsError.message}\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\n\t\t\t\t{/* Caption Overlay */}\n\t\t\t\t{captionsEnabled && activeCue && <CaptionOverlay cue={activeCue} />}\n\t\t\t</div>\n\t\t);\n\t},\n);\nVideoPlayer.displayName = \"VideoPlayer\";\n\n// ============================================================================\n// Icons\n// ============================================================================\n\nconst CaptionsIcon = ({ enabled }: { enabled: boolean }) => (\n\t<svg\n\t\tclassName=\"w-20 h-20\"\n\t\tviewBox=\"0 0 24 24\"\n\t\tfill=\"currentColor\"\n\t\taria-hidden=\"true\"\n\t>\n\t\t{enabled ? (\n\t\t\t// Captions On\n\t\t\t<path d=\"M19 4H5c-1.11 0-2 .9-2 2v12c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm-8 7H9.5v-.5h-2v3h2V13H11v1c0 .55-.45 1-1 1H7c-.55 0-1-.45-1-1v-4c0-.55.45-1 1-1h3c.55 0 1 .45 1 1v1zm7 0h-1.5v-.5h-2v3h2V13H18v1c0 .55-.45 1-1 1h-3c-.55 0-1-.45-1-1v-4c0-.55.45-1 1-1h3c.55 0 1 .45 1 1v1z\" />\n\t\t) : (\n\t\t\t// Captions Off (with strike-through)\n\t\t\t<>\n\t\t\t\t<path d=\"M19 4H5c-1.11 0-2 .9-2 2v12c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm-8 7H9.5v-.5h-2v3h2V13H11v1c0 .55-.45 1-1 1H7c-.55 0-1-.45-1-1v-4c0-.55.45-1 1-1h3c.55 0 1 .45 1 1v1zm7 0h-1.5v-.5h-2v3h2V13H18v1c0 .55-.45 1-1 1h-3c-.55 0-1-.45-1-1v-4c0-.55.45-1 1-1h3c.55 0 1 .45 1 1v1z\" />\n\t\t\t\t<line\n\t\t\t\t\tx1=\"4\"\n\t\t\t\t\ty1=\"20\"\n\t\t\t\t\tx2=\"20\"\n\t\t\t\t\ty2=\"4\"\n\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\tstrokeWidth=\"2\"\n\t\t\t\t/>\n\t\t\t</>\n\t\t)}\n\t</svg>\n);\n\nconst FullscreenIcon = ({ isFullscreen }: { isFullscreen: boolean }) => (\n\t<svg\n\t\tclassName=\"w-20 h-20\"\n\t\tviewBox=\"0 0 24 24\"\n\t\tfill=\"none\"\n\t\tstroke=\"currentColor\"\n\t\tstrokeWidth=\"2\"\n\t\tstrokeLinecap=\"round\"\n\t\tstrokeLinejoin=\"round\"\n\t\taria-hidden=\"true\"\n\t>\n\t\t{isFullscreen ? (\n\t\t\t// Minimize (exit fullscreen)\n\t\t\t<>\n\t\t\t\t<polyline points=\"4 14 10 14 10 20\" />\n\t\t\t\t<polyline points=\"20 10 14 10 14 4\" />\n\t\t\t\t<line x1=\"14\" y1=\"10\" x2=\"21\" y2=\"3\" />\n\t\t\t\t<line x1=\"3\" y1=\"21\" x2=\"10\" y2=\"14\" />\n\t\t\t</>\n\t\t) : (\n\t\t\t// Maximize (enter fullscreen)\n\t\t\t<>\n\t\t\t\t<polyline points=\"15 3 21 3 21 9\" />\n\t\t\t\t<polyline points=\"9 21 3 21 3 15\" />\n\t\t\t\t<line x1=\"21\" y1=\"3\" x2=\"14\" y2=\"10\" />\n\t\t\t\t<line x1=\"3\" y1=\"21\" x2=\"10\" y2=\"14\" />\n\t\t\t</>\n\t\t)}\n\t</svg>\n);\n\n// ============================================================================\n// Exports\n// ============================================================================\n\nexport {\n\tVideoPlayer,\n\tvideoPlayerVariants,\n\tmediaControllerVariants,\n\tcontrolBarVariants,\n\tcontrolButtonVariants,\n\tloadingOverlayVariants,\n};\n","\"use client\";\n\nimport * as React from \"react\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport {\n\tBlurredVideoBackdrop,\n\ttype BlurredVideoBackdropProps,\n} from \"@/components/atoms/blurred-video-backdrop\";\nimport {\n\tVideoPlayer,\n\ttype VideoPlayerProps,\n} from \"@/components/atoms/video-player\";\nimport { cn } from \"@/lib/utils\";\n\n// ============================================================================\n// Context\n// ============================================================================\n\ninterface VideoWithBackdropContextValue {\n\t/** Ref to primary video element */\n\tvideoRef: React.RefObject<HTMLVideoElement | null>;\n\t/** Video source URL */\n\tsrc?: string;\n\t/** Cloudflare config */\n\tcloudflare?: CloudflareConfig;\n}\n\nconst VideoWithBackdropContext =\n\tReact.createContext<VideoWithBackdropContextValue | null>(null);\n\nfunction useVideoWithBackdropContext() {\n\tconst context = React.useContext(VideoWithBackdropContext);\n\tif (!context) {\n\t\tthrow new Error(\n\t\t\t\"VideoWithBackdrop compound components must be used within VideoWithBackdrop.Root\",\n\t\t);\n\t}\n\treturn context;\n}\n\n// ============================================================================\n// Types\n// ============================================================================\n\n/** Cloudflare Stream configuration */\ninterface CloudflareConfig {\n\t/** Cloudflare Stream video ID */\n\tvideoId: string;\n\t/** Cloudflare customer code/subdomain */\n\tcustomerCode: string;\n}\n\n// ============================================================================\n// Variant Definitions\n// ============================================================================\n\n/**\n * Root container variants.\n */\nconst videoWithBackdropVariants = tv({\n\tbase: [\"relative\", \"overflow-hidden\", \"bg-black\"],\n\tvariants: {\n\t\t/**\n\t\t * Full-height mode for dialogs.\n\t\t */\n\t\tfullHeight: {\n\t\t\ttrue: \"h-full w-full\",\n\t\t\tfalse: \"\",\n\t\t},\n\t},\n\tdefaultVariants: {\n\t\tfullHeight: false,\n\t},\n});\n\n/**\n * Content container variants.\n */\nconst contentVariants = tv({\n\tbase: [\"relative\", \"z-10\", \"flex\", \"items-center\", \"justify-center\"],\n\tvariants: {\n\t\tfullHeight: {\n\t\t\ttrue: \"h-full w-full\",\n\t\t\tfalse: \"\",\n\t\t},\n\t\tpadding: {\n\t\t\tnone: \"\",\n\t\t\tsm: \"p-16\",\n\t\t\tmd: \"p-24\",\n\t\t\tlg: \"p-48\",\n\t\t},\n\t},\n\tdefaultVariants: {\n\t\tfullHeight: false,\n\t\tpadding: \"md\",\n\t},\n});\n\n// ============================================================================\n// Root Component\n// ============================================================================\n\nexport interface VideoWithBackdropRootProps\n\textends React.HTMLAttributes<HTMLDivElement>,\n\t\tVariantProps<typeof videoWithBackdropVariants> {\n\t/** Video source URL (HLS .m3u8 or regular video file) */\n\tsrc?: string;\n\t/** Cloudflare Stream configuration (takes precedence over src) */\n\tcloudflare?: CloudflareConfig;\n\t/** Children to render */\n\tchildren: React.ReactNode;\n}\n\n/**\n * VideoWithBackdrop Root\n *\n * Container that provides video context to child components.\n * Use with VideoWithBackdrop.Backdrop and VideoWithBackdrop.Content.\n *\n * @example\n * ```tsx\n * <VideoWithBackdrop.Root cloudflare={config}>\n *   <VideoWithBackdrop.Backdrop blur=\"high\" overlay=\"vignette\" />\n *   <VideoWithBackdrop.Content>\n *     <VideoWithBackdrop.Video />\n *   </VideoWithBackdrop.Content>\n * </VideoWithBackdrop.Root>\n * ```\n */\nconst VideoWithBackdropRoot = React.forwardRef<\n\tHTMLDivElement,\n\tVideoWithBackdropRootProps\n>(({ className, src, cloudflare, fullHeight, children, ...props }, ref) => {\n\tconst videoRef = React.useRef<HTMLVideoElement | null>(null);\n\n\tconst contextValue = React.useMemo(\n\t\t() => ({ videoRef, src, cloudflare }),\n\t\t[src, cloudflare],\n\t);\n\n\treturn (\n\t\t<VideoWithBackdropContext.Provider value={contextValue}>\n\t\t\t<div\n\t\t\t\tref={ref}\n\t\t\t\tclassName={cn(videoWithBackdropVariants({ fullHeight }), className)}\n\t\t\t\tdata-full-height={fullHeight ?? false}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</div>\n\t\t</VideoWithBackdropContext.Provider>\n\t);\n});\nVideoWithBackdropRoot.displayName = \"VideoWithBackdropRoot\";\n\n// ============================================================================\n// Backdrop Component\n// ============================================================================\n\nexport interface VideoWithBackdropBackdropProps\n\textends Omit<BlurredVideoBackdropProps, \"videoRef\"> {}\n\n/**\n * VideoWithBackdrop Backdrop\n *\n * Renders the blurred video backdrop layer using canvas.\n * Automatically draws from the video element in context.\n */\nconst VideoWithBackdropBackdrop = React.forwardRef<\n\tHTMLDivElement,\n\tVideoWithBackdropBackdropProps\n>(({ ...props }, ref) => {\n\tconst { videoRef } = useVideoWithBackdropContext();\n\n\treturn <BlurredVideoBackdrop ref={ref} videoRef={videoRef} {...props} />;\n});\nVideoWithBackdropBackdrop.displayName = \"VideoWithBackdropBackdrop\";\n\n// ============================================================================\n// Content Component\n// ============================================================================\n\nexport interface VideoWithBackdropContentProps\n\textends React.HTMLAttributes<HTMLDivElement>,\n\t\tVariantProps<typeof contentVariants> {}\n\n/**\n * VideoWithBackdrop Content\n *\n * Container for the main video player and any additional content.\n * Positioned above the backdrop with z-index.\n */\nconst VideoWithBackdropContent = React.forwardRef<\n\tHTMLDivElement,\n\tVideoWithBackdropContentProps\n>(({ className, fullHeight, padding, children, ...props }, ref) => {\n\treturn (\n\t\t<div\n\t\t\tref={ref}\n\t\t\tclassName={cn(contentVariants({ fullHeight, padding }), className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{children}\n\t\t</div>\n\t);\n});\nVideoWithBackdropContent.displayName = \"VideoWithBackdropContent\";\n\n// ============================================================================\n// Video Component (convenience wrapper)\n// ============================================================================\n\nexport interface VideoWithBackdropVideoProps\n\textends Omit<VideoPlayerProps, \"videoRef\"> {\n\t/** Max width of the video player container */\n\tmaxWidth?: string;\n}\n\n/**\n * VideoWithBackdrop Video\n *\n * Convenience wrapper for VideoPlayer that automatically connects\n * to the backdrop via context.\n */\nconst VideoWithBackdropVideo = React.forwardRef<\n\tHTMLDivElement,\n\tVideoWithBackdropVideoProps\n>(({ className, maxWidth = \"960px\", cloudflare, src, ...props }, ref) => {\n\tconst context = useVideoWithBackdropContext();\n\n\t// Use context values if not explicitly provided\n\tconst videoCloudflare = cloudflare ?? context.cloudflare;\n\tconst videoSrc = src ?? context.src;\n\n\treturn (\n\t\t<div ref={ref} className={cn(\"w-full\", className)} style={{ maxWidth }}>\n\t\t\t<VideoPlayer\n\t\t\t\tcloudflare={videoCloudflare}\n\t\t\t\tsrc={videoSrc}\n\t\t\t\tvideoRef={context.videoRef}\n\t\t\t\t{...props}\n\t\t\t/>\n\t\t</div>\n\t);\n});\nVideoWithBackdropVideo.displayName = \"VideoWithBackdropVideo\";\n\n// ============================================================================\n// Simple Pre-composed Component\n// ============================================================================\n\nexport interface VideoWithBackdropProps\n\textends Omit<VideoPlayerProps, \"videoRef\" | \"className\" | \"aspectRatio\"> {\n\t/** Blur intensity (default: high) */\n\tblur?: BlurredVideoBackdropProps[\"blur\"];\n\t/** Gradient overlay (default: vignette) */\n\toverlay?: BlurredVideoBackdropProps[\"overlay\"];\n\t/** Backdrop opacity (default: 0.6) */\n\tbackdropOpacity?: number;\n\t/** Max width of video player (default: 960px) */\n\tmaxWidth?: string;\n\t/** Content padding (default: md) */\n\tpadding?: \"none\" | \"sm\" | \"md\" | \"lg\";\n\t/** Video player rounded corners */\n\trounded?: VideoPlayerProps[\"rounded\"];\n\t/** Additional className for root container */\n\tclassName?: string;\n\t/** Target FPS for backdrop canvas (default: 30) */\n\ttargetFps?: number;\n\t/** Canvas scale factor for backdrop (default: 0.5) */\n\tscale?: number;\n}\n\n/**\n * VideoWithBackdrop - Pre-composed video player with blurred backdrop.\n *\n * A simple, ready-to-use component that combines VideoPlayer with\n * BlurredVideoBackdrop for modal video experiences. Uses canvas rendering\n * for optimal performance.\n *\n * For custom layouts, use the compound components:\n * - VideoWithBackdrop.Root\n * - VideoWithBackdrop.Backdrop\n * - VideoWithBackdrop.Content\n * - VideoWithBackdrop.Video\n *\n * @example\n * ```tsx\n * // Simple usage (in a full-height container like Dialog)\n * <VideoWithBackdrop\n *   cloudflare={{ videoId: \"...\", customerCode: \"...\" }}\n *   autoPlay\n *   blur=\"high\"\n *   overlay=\"vignette\"\n * />\n *\n * // With Dialog\n * <Dialog size=\"full\" variant=\"minimal\">\n *   <VideoWithBackdrop cloudflare={config} autoPlay />\n * </Dialog>\n * ```\n */\nconst VideoWithBackdrop = React.forwardRef<\n\tHTMLDivElement,\n\tVideoWithBackdropProps\n>(\n\t(\n\t\t{\n\t\t\tsrc,\n\t\t\tcloudflare,\n\t\t\tblur = \"high\",\n\t\t\toverlay = \"vignette\",\n\t\t\tbackdropOpacity = 0.6,\n\t\t\tmaxWidth = \"960px\",\n\t\t\tpadding = \"md\",\n\t\t\trounded = \"lg\",\n\t\t\tclassName,\n\t\t\ttargetFps = 30,\n\t\t\tscale = 0.5,\n\t\t\t...videoProps\n\t\t},\n\t\tref,\n\t) => {\n\t\tconst videoRef = React.useRef<HTMLVideoElement | null>(null);\n\n\t\treturn (\n\t\t\t<div\n\t\t\t\tref={ref}\n\t\t\t\tclassName={cn(\n\t\t\t\t\tvideoWithBackdropVariants({ fullHeight: true }),\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\tdata-component=\"video-with-backdrop\"\n\t\t\t>\n\t\t\t\t<BlurredVideoBackdrop\n\t\t\t\t\tvideoRef={videoRef}\n\t\t\t\t\tblur={blur}\n\t\t\t\t\toverlay={overlay}\n\t\t\t\t\topacity={backdropOpacity}\n\t\t\t\t\ttargetFps={targetFps}\n\t\t\t\t\tscale={scale}\n\t\t\t\t/>\n\t\t\t\t<div className={cn(contentVariants({ fullHeight: true, padding }))}>\n\t\t\t\t\t<div className=\"w-full\" style={{ maxWidth }}>\n\t\t\t\t\t\t<VideoPlayer\n\t\t\t\t\t\t\tsrc={src}\n\t\t\t\t\t\t\tcloudflare={cloudflare}\n\t\t\t\t\t\t\tvideoRef={videoRef}\n\t\t\t\t\t\t\trounded={rounded}\n\t\t\t\t\t\t\t{...videoProps}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t);\n\t},\n);\nVideoWithBackdrop.displayName = \"VideoWithBackdrop\";\n\n// ============================================================================\n// Compound Component Export\n// ============================================================================\n\nexport const VideoWithBackdropParts = Object.assign(VideoWithBackdropRoot, {\n\tRoot: VideoWithBackdropRoot,\n\tBackdrop: VideoWithBackdropBackdrop,\n\tContent: VideoWithBackdropContent,\n\tVideo: VideoWithBackdropVideo,\n});\n\n// ============================================================================\n// Exports\n// ============================================================================\n\nexport {\n\tVideoWithBackdrop,\n\tVideoWithBackdropRoot,\n\tVideoWithBackdropBackdrop,\n\tVideoWithBackdropContent,\n\tVideoWithBackdropVideo,\n\tvideoWithBackdropVariants,\n\tcontentVariants,\n};\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@nationaldesignstudio/react",
-	"version": "0.6.0",
+	"version": "0.7.0",
 	"type": "module",
 	"sideEffects": [
 		"*.css"
@@ -14,7 +14,18 @@
 			"import": "./dist/index.js"
 		},
 		"./tokens.css": "./dist/tokens.css",
-		"./tailwind.css": "./dist/tailwind.css"
+		"./tailwind.css": "./dist/tailwind.css",
+		"./*": {
+			"types": "./dist/*/index.d.ts",
+			"import": "./dist/*/index.js"
+		}
+	},
+	"typesVersions": {
+		"*": {
+			"*": [
+				"./dist/*/index.d.ts"
+			]
+		}
 	},
 	"files": [
 		"dist",

package/src/components/organisms/us-gov-banner/us-gov-banner.tsx

@@ -70,12 +70,11 @@ const USGovBanner = React.forwardRef<HTMLDivElement, USGovBannerProps>(
 		ref,
 	) => {
 		const styles = usGovBannerVariants({ variant });
-		const isInverted = variant === "inverted";
 
 		return (
 			<div ref={ref} className={styles.root({ class: className })} {...props}>
 				<div className={styles.content()}>
-					{flagIcon ?? (isInverted ? <WhiteUSFlag /> : <DefaultUSFlag />)}
+					{flagIcon ?? <MonoUSFlag />}
 					<p className={styles.text()}>{text}</p>
 				</div>
 			</div>
@@ -84,7 +83,7 @@ const USGovBanner = React.forwardRef<HTMLDivElement, USGovBannerProps>(
 );
 USGovBanner.displayName = "USGovBanner";
 
-function DefaultUSFlag() {
+function MonoUSFlag() {
 	return (
 		<svg
 			width="16"
@@ -94,34 +93,13 @@ function DefaultUSFlag() {
 			xmlns="http://www.w3.org/2000/svg"
 			aria-hidden="true"
 		>
-			<path d="M0 0H16V12H0V0Z" fill="#212121" fillOpacity="0.1" />
+			<path d="M0 0H16V12H0V0Z" fill="currentColor" fillOpacity="0.1" />
 			<path
 				d="M0 0H16V0.923077H0V0ZM0 1.84615H16V2.76923H0V1.84615ZM0 3.69231H16V4.61538H0V3.69231ZM0 5.53846H16V6.46154H0V5.53846ZM0 7.38462H16V8.30769H0V7.38462ZM0 9.23077H16V10.1538H0V9.23077ZM0 11.0769H16V12H0V11.0769Z"
-				fill="#BF0A30"
+				fill="currentColor"
 				fillOpacity="0.8"
 			/>
-			<path d="M0 0H8V6.46154H0V0Z" fill="#002868" fillOpacity="0.8" />
-		</svg>
-	);
-}
-
-function WhiteUSFlag() {
-	return (
-		<svg
-			width="16"
-			height="12"
-			viewBox="0 0 16 12"
-			fill="none"
-			xmlns="http://www.w3.org/2000/svg"
-			aria-hidden="true"
-		>
-			<path d="M0 0H16V12H0V0Z" fill="white" fillOpacity="0.1" />
-			<path
-				d="M0 0H16V0.923077H0V0ZM0 1.84615H16V2.76923H0V1.84615ZM0 3.69231H16V4.61538H0V3.69231ZM0 5.53846H16V6.46154H0V5.53846ZM0 7.38462H16V8.30769H0V7.38462ZM0 9.23077H16V10.1538H0V9.23077ZM0 11.0769H16V12H0V11.0769Z"
-				fill="white"
-				fillOpacity="0.8"
-			/>
-			<path d="M0 0H8V6.46154H0V0Z" fill="white" fillOpacity="0.6" />
+			<path d="M0 0H8V6.46154H0V0Z" fill="currentColor" fillOpacity="0.6" />
 		</svg>
 	);
 }

package/src/theme/hooks.ts

@@ -1,3 +1,5 @@
+"use client";
+
 /**
  * Theme Hooks
  *

package/src/theme/index.ts

@@ -22,6 +22,8 @@ export {
 	colorThemes,
 	defineTheme,
 	generateThemeCSS,
+	// Token creation utilities
+	srgb,
 	surfaceThemeNames,
 	surfaceThemes,
 } from "@nds-design-system/tokens";

package/src/theme/theme-provider.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 /**
  * ThemeProvider
  *