{"version":3,"file":"shared-lib.CDOp2cyz.mjs","names":["useRef","useState","startTransition","_Fragment","__esmMin","init_npm_react_18_3_1","init_ssg_sandbox_shims","window","te","l","_e","Ha","c","init_jsx_runtime","ce","de","init_framer_motion_DhsWWWsN","motion","init_framer_DymZktPS","useIsStaticRenderer","RenderTarget","ControlType","deviceForWidth","width","gutter","device","useDevice","ref","measured","setMeasured","el","setting","observer","entry","next","useViewportDevice","setDevice","onResize","imageProps","src","w","thumbnail","hasProject","p","tile","pad","n","vimeoEmbedUrl","url","match","hashParam","hash","params","youtubeEmbedUrl","cloudflareEmbedUrl","host","directVideoUrl","resolvePlayer","directVideo","project","projectControl","Logo","navStyles","SiteNav","open","setOpen","g","previousOverflow","onKey","bar","NAV_LINKS","link","active","PageHeader","label","title","subtitle","SiteFooter","footerText","right","WorkGrid","columns","sizes","padding","tiles","GridTile","onOpen","i","TileImage","eager","style","PlaceholderIcon","iconSize","useHoverClip","videoRef","clipPlaying","setClipPlaying","video","clip","hovered","playing","key","HoverClip","WatchBadge","modalStyles","openableProps","openable","setHovered","isStatic","touch","cursorStyle","interaction","showInfo","showClip","tilesFromProps","count","props","visibleTiles","GridPage","layout","openTile","setOpenTile","siteStyle","ProjectPlayer","ProjectModal","stillIndex","setStillIndex","phone","stills","onCloseRef","onClose","stepStill","dir","touchStartX","onTouchStart","onTouchEnd","dx","embedUrl","FONT","smallCaps","deviceControl","init_Shared","init_npm_react_dom_18_3_1","size"],"sources":["https:/framerusercontent.com/modules/nTDHRMHAbiimAzn4c30O/NSeW0B7I5YxQGwm1B4sP/Shared.js"],"sourcesContent":["// Jason Cowan — Shared site pieces\n// Nav, footer, project tiles, video player and helpers used by every page.\n// Edit here once and every page picks it up.\nimport{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from\"react/jsx-runtime\";import{ControlType,RenderTarget,useIsStaticRenderer}from\"framer\";import{motion}from\"framer-motion\";import{useState,useEffect,useRef,startTransition}from\"react\";import{createPortal}from\"react-dom\";// ─── THEME ────────────────────────────────────────────────────────────────────\nexport const FONT=\"'Helvetica Neue', Helvetica, Arial, sans-serif\";export const smallCaps={fontSize:9,letterSpacing:\"0.22em\",textTransform:\"uppercase\"};export const siteStyle={background:\"#0a0a0a\",color:\"#f0f0f0\",fontFamily:FONT,fontWeight:300,WebkitFontSmoothing:\"antialiased\",minHeight:\"100vh\",width:\"100%\"};// Matches Framer's default breakpoints: Phone < 810, Tablet < 1200\nexport function deviceForWidth(width){if(width<810)return\"phone\";if(width<1200)return\"tablet\";return\"desktop\";}// Horizontal page margin per device\nexport function gutter(device){return device===\"phone\"?20:device===\"tablet\"?32:40;}// \"auto\" measures the component; a fixed setting (set per breakpoint) renders\n// the right layout immediately with no measuring.\nexport function useDevice(setting=\"auto\"){const ref=useRef(null);const[measured,setMeasured]=useState(\"desktop\");useEffect(()=>{const el=ref.current;if(setting!==\"auto\"||!el||typeof ResizeObserver===\"undefined\")return;const observer=new ResizeObserver(([entry])=>{const next=deviceForWidth(entry.contentRect.width);startTransition(()=>setMeasured(next));});observer.observe(el);return()=>observer.disconnect();},[setting]);return{ref,device:setting===\"auto\"?measured:setting};}function useViewportDevice(){const[device,setDevice]=useState(()=>typeof window===\"undefined\"?\"desktop\":deviceForWidth(window.innerWidth));useEffect(()=>{const onResize=()=>startTransition(()=>setDevice(deviceForWidth(window.innerWidth)));window.addEventListener(\"resize\",onResize);return()=>window.removeEventListener(\"resize\",onResize);},[]);return device;}export const deviceControl={type:ControlType.Enum,title:\"Layout\",options:[\"auto\",\"desktop\",\"tablet\",\"phone\"],optionTitles:[\"Auto\",\"Desktop\",\"Tablet\",\"Phone\"],defaultValue:\"auto\",description:\"Set per breakpoint. Auto sizes to the frame.\"};// ─── IMAGES ───────────────────────────────────────────────────────────────────\n// Framer-hosted images can be served smaller; let the browser pick a size.\nexport function imageProps(src,sizes){if(!src||!/framerusercontent\\.com\\/images\\//.test(src)||src.includes(\"?\"))return{src};return{src:`${src}?scale-down-to=2048`,srcSet:[512,1024,2048,4096].map(w=>`${src}?scale-down-to=${w} ${w}w`).join(\", \"),sizes};}export function thumbnail(src,width=512){if(!src||!/framerusercontent\\.com\\/images\\//.test(src)||src.includes(\"?\"))return src;return`${src}?scale-down-to=${width}`;}export function hasProject(tile){const p=tile.project;return!!(p&&(p.vimeo||p.youtube||p.videoUrl||p.video||p.stills&&p.stills.length));}export function pad(n){return String(n).padStart(2,\"0\");}// Accepts vimeo.com/123, vimeo.com/123/abc (unlisted), player.vimeo.com/video/123?h=abc\nfunction vimeoEmbedUrl(url){if(!url)return null;const match=url.match(/vimeo\\.com\\/(?:.*?\\/)?(?:video\\/)?(\\d+)(?:\\/([a-zA-Z0-9]+))?/);if(!match)return null;const hashParam=url.match(/[?&]h=([a-zA-Z0-9]+)/);const hash=hashParam?hashParam[1]:match[2];const params=new URLSearchParams({autoplay:\"1\",title:\"0\",byline:\"0\",portrait:\"0\",dnt:\"1\",color:\"f0f0f0\"});if(hash)params.set(\"h\",hash);return`https://player.vimeo.com/video/${match[1]}?${params.toString()}`;}// Accepts youtube.com/watch?v=ID, youtu.be/ID, youtube.com/shorts/ID, youtube.com/embed/ID\nfunction youtubeEmbedUrl(url){if(!url)return null;const match=url.match(/(?:youtube(?:-nocookie)?\\.com\\/(?:watch\\?(?:.*&)?v=|embed\\/|shorts\\/|live\\/|v\\/)|youtu\\.be\\/)([a-zA-Z0-9_-]{11})/);if(!match)return null;const params=new URLSearchParams({autoplay:\"1\",rel:\"0\",modestbranding:\"1\",playsinline:\"1\"});return`https://www.youtube-nocookie.com/embed/${match[1]}?${params.toString()}`;}// Cloudflare Stream: customer-xxx.cloudflarestream.com/ID/watch|iframe|manifest…, videodelivery.net/ID\nfunction cloudflareEmbedUrl(url){if(!url)return null;const match=url.match(/^https?:\\/\\/([^/]*(?:cloudflarestream\\.com|videodelivery\\.net))\\/([a-f0-9]{32})/i);if(!match)return null;const host=match[1].startsWith(\"customer-\")?match[1]:\"iframe.videodelivery.net\";const path=host===\"iframe.videodelivery.net\"?match[2]:`${match[2]}/iframe`;return`https://${host}/${path}?autoplay=true&preload=auto`;}// Any other video URL (Cloudflare R2, Stream MP4 downloads, etc.) plays in a