{"version":3,"file":"WorkPlayButton.Cohno2MD.mjs","names":["useState"],"sources":["https:/framerusercontent.com/modules/qZfkMhvTMOyI7oXvh6eA/SMKoFe3O1dCRawaSsD2t/WorkPlayButton.js"],"sourcesContent":["// Round play/pause button for work cards. Sends the bound track to the\n// StickyAudioPlayer via the \"sticky-audio-command\" event, and mirrors the\n// player state through \"sticky-audio-bridge\" so the icon stays in sync.\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{useEffect,useState}from\"react\";import{addPropertyControls,ControlType,RenderTarget}from\"framer\";/**\n * @framerSupportedLayoutWidth auto\n * @framerSupportedLayoutHeight auto\n * @framerDisableUnlink\n */export default function WorkPlayButton({title=\"Track\",artist=\"VOLTS\",src=\"\",size=44,accent=\"#CCFF00\"}){const[isCurrent,setIsCurrent]=useState(false);const[playing,setPlaying]=useState(false);const[hovered,setHovered]=useState(false);const isCanvas=RenderTarget.current()===RenderTarget.canvas;useEffect(()=>{if(isCanvas||typeof window===\"undefined\")return;const onBridge=e=>{const d=e.detail;if(!d||d.source!==\"StickyAudioPlayer\")return;const current=!!src&&d.trackSrc===src;setIsCurrent(current);setPlaying(current&&!!d.playing);};window.addEventListener(\"sticky-audio-bridge\",onBridge);return()=>window.removeEventListener(\"sticky-audio-bridge\",onBridge);},[src,isCanvas]);const onClick=e=>{// The button usually lives inside a linked card — don't navigate.\ne.preventDefault();e.stopPropagation();if(!src||typeof window===\"undefined\")return;window.dispatchEvent(new CustomEvent(\"sticky-audio-command\",{detail:{action:\"play\",track:{title,artist,src}}}));};const showPause=playing&&isCurrent;return /*#__PURE__*/_jsx(\"button\",{type:\"button\",\"aria-label\":showPause?`Pause ${title}`:`Play ${title}`,onClick:onClick,onMouseEnter:()=>setHovered(true),onMouseLeave:()=>setHovered(false),style:{width:size,height:size,borderRadius:\"50%\",border:\"none\",cursor:src?\"pointer\":\"default\",display:\"flex\",alignItems:\"center\",justifyContent:\"center\",backgroundColor:accent,opacity:src?1:.4,transform:hovered?\"scale(1.08)\":\"scale(1)\",boxShadow:showPause?`0 0 16px 4px ${accent}59`:\"0 2px 12px rgba(0,0,0,0.35)\",transition:\"transform 0.15s ease, box-shadow 0.25s ease\",pointerEvents:\"auto\",flexShrink:0,padding:0},children:showPause?/*#__PURE__*/_jsxs(\"svg\",{width:size*.4,height:size*.4,viewBox:\"0 0 16 16\",fill:\"none\",children:[/*#__PURE__*/_jsx(\"rect\",{x:\"3\",y:\"2\",width:\"4\",height:\"12\",rx:\"1.5\",fill:\"#030407\"}),/*#__PURE__*/_jsx(\"rect\",{x:\"9\",y:\"2\",width:\"4\",height:\"12\",rx:\"1.5\",fill:\"#030407\"})]}):/*#__PURE__*/_jsx(\"svg\",{width:size*.4,height:size*.4,viewBox:\"0 0 16 16\",fill:\"none\",style:{marginLeft:size*.04},children:/*#__PURE__*/_jsx(\"path\",{d:\"M4.5 2.5L13 8L4.5 13.5V2.5Z\",fill:\"#030407\"})})});}addPropertyControls(WorkPlayButton,{title:{type:ControlType.String,title:\"Title\",defaultValue:\"Track\"},artist:{type:ControlType.String,title:\"Artist\",defaultValue:\"VOLTS\"},src:{type:ControlType.String,title:\"Audio URL\",placeholder:\"https://… (mp3)\"},size:{type:ControlType.Number,title:\"Size\",defaultValue:44,min:28,max:80,step:2},accent:{type:ControlType.Color,title:\"Accent\",defaultValue:\"#CCFF00\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"WorkPlayButton\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutHeight\":\"auto\",\"framerSupportedLayoutWidth\":\"auto\",\"framerContractVersion\":\"1\",\"framerDisableUnlink\":\"\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./WorkPlayButton.map"],"mappings":"6MAOG,SAAwB,EAAe,CAAC,QAAM,QAAQ,SAAO,QAAQ,MAAI,GAAG,OAAK,GAAG,SAAO,WAAW,CAAC,GAAK,CAAC,EAAU,GAAcA,EAAS,EAAK,EAAO,CAAC,EAAQ,GAAYA,EAAS,EAAK,EAAO,CAAC,EAAQ,GAAYA,EAAS,EAAK,EAAQ,EAAS,EAAa,QAAQ,IAAI,EAAa,OAAO,MAAc,CAAC,GAAG,GAAiB,IAAS,OAAY,OAAO,IAAM,EAAS,GAAG,CAAC,IAAM,EAAE,EAAE,OAAO,GAAG,CAAC,GAAG,EAAE,SAAS,oBAAoB,OAAO,IAAM,EAAQ,CAAC,CAAC,GAAK,EAAE,WAAW,EAAI,EAAa,CAAO,EAAE,EAAW,GAAS,CAAC,CAAC,EAAE,OAAO,CAAE,EAA0D,OAAxD,EAAO,iBAAiB,sBAAsB,CAAQ,MAAY,EAAO,oBAAoB,sBAAsB,CAAQ,CAAE,EAAE,CAAC,EAAI,CAAQ,CAAC,EAAE,IAAM,EAAQ,GAAG,CACvrB,EAAE,eAAe,EAAE,EAAE,gBAAgB,EAAK,GAAC,GAAY,IAAS,SAAmB,EAAO,cAAc,IAAI,YAAY,uBAAuB,CAAC,OAAO,CAAC,OAAO,OAAO,MAAM,CAAC,QAAM,SAAO,KAAG,CAAC,CAAC,CAAC,CAAC,CAAE,EAAQ,EAAU,GAAS,EAAU,OAAoB,EAAK,SAAS,CAAC,KAAK,SAAS,aAAa,EAAU,SAAS,IAAQ,QAAQ,IAAgB,UAAQ,iBAAiB,EAAW,EAAI,EAAE,iBAAiB,EAAW,EAAK,EAAE,MAAM,CAAC,MAAM,EAAK,OAAO,EAAK,aAAa,MAAM,OAAO,OAAO,OAAO,EAAI,UAAU,UAAU,QAAQ,OAAO,WAAW,SAAS,eAAe,SAAS,gBAAgB,EAAO,QAAQ,EAAI,EAAE,GAAG,UAAU,EAAQ,cAAc,WAAW,UAAU,EAAU,gBAAgB,EAAO,IAAI,8BAA8B,WAAW,8CAA8C,cAAc,OAAO,WAAW,EAAE,QAAQ,CAAC,EAAE,SAAS,EAAuB,EAAM,MAAM,CAAC,MAAM,EAAK,GAAG,OAAO,EAAK,GAAG,QAAQ,YAAY,KAAK,OAAO,SAAS,CAAc,EAAK,OAAO,CAAC,EAAE,IAAI,EAAE,IAAI,MAAM,IAAI,OAAO,KAAK,GAAG,MAAM,KAAK,SAAS,CAAC,EAAe,EAAK,OAAO,CAAC,EAAE,IAAI,EAAE,IAAI,MAAM,IAAI,OAAO,KAAK,GAAG,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,EAAe,EAAK,MAAM,CAAC,MAAM,EAAK,GAAG,OAAO,EAAK,GAAG,QAAQ,YAAY,KAAK,OAAO,MAAM,CAAC,WAAW,EAAK,GAAG,EAAE,SAAsB,EAAK,OAAO,CAAC,EAAE,8BAA8B,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAE,qBAL1vC,IAAsC,IAAiE,EAKopC,EAAoB,EAAe,CAAC,MAAM,CAAC,KAAK,EAAY,OAAO,MAAM,QAAQ,aAAa,OAAO,EAAE,OAAO,CAAC,KAAK,EAAY,OAAO,MAAM,SAAS,aAAa,OAAO,EAAE,IAAI,CAAC,KAAK,EAAY,OAAO,MAAM,YAAY,YAAY,iBAAiB,EAAE,KAAK,CAAC,KAAK,EAAY,OAAO,MAAM,OAAO,aAAa,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC,EAAE,OAAO,CAAC,KAAK,EAAY,MAAM,MAAM,SAAS,aAAa,SAAS,CAAC,CAAC"}