your-ai-workflow-firebase-os 2.0.2 → 2.0.6

package/dist/VideoPlayer-Co74Mknr.cjs

@@ -0,0 +1 @@
+const e=require(`./chunk-CiTBaPhY.cjs`),t=require(`./TimeZoneField-CTOzXNgo.cjs`),n=require(`./chevron-down-lyDK1rfL.cjs`),r=require(`./x-Ci8c5p6T.cjs`),i=require(`./mediaKind-CQdnes55.cjs`);let a=require(`react`);a=e.a(a,1);let o=require(`react/jsx-runtime`);var s={name:`film`,size:24,node:[[`rect`,{width:`18`,height:`18`,x:`3`,y:`3`,rx:`2`,key:`afitv7`}],[`path`,{d:`M7 3v18`,key:`bbkbws`}],[`path`,{d:`M3 7.5h4`,key:`zfgn84`}],[`path`,{d:`M3 12h18`,key:`1i2n21`}],[`path`,{d:`M3 16.5h4`,key:`1230mu`}],[`path`,{d:`M17 3v18`,key:`in4fa5`}],[`path`,{d:`M17 7.5h4`,key:`myr1c1`}],[`path`,{d:`M17 16.5h4`,key:`go4c1d`}]]};s.node;var c=n.n(s),l={name:`maximize`,size:24,node:[[`path`,{d:`M8 3H5a2 2 0 0 0-2 2v3`,key:`1dcmit`}],[`path`,{d:`M21 8V5a2 2 0 0 0-2-2h-3`,key:`1e4gt3`}],[`path`,{d:`M3 16v3a2 2 0 0 0 2 2h3`,key:`wsl5sc`}],[`path`,{d:`M16 21h3a2 2 0 0 0 2-2v-3`,key:`18trek`}]]};l.node;var u=n.n(l),d={name:`minimize`,size:24,node:[[`path`,{d:`M8 3v3a2 2 0 0 1-2 2H3`,key:`hohbtr`}],[`path`,{d:`M21 8h-3a2 2 0 0 1-2-2V3`,key:`5jw1f3`}],[`path`,{d:`M3 16h3a2 2 0 0 1 2 2v3`,key:`198tvr`}],[`path`,{d:`M16 21v-3a2 2 0 0 1 2-2h3`,key:`ph8mxp`}]]};d.node;var f=n.n(d),p={name:`pause`,size:24,node:[[`rect`,{x:`14`,y:`3`,width:`5`,height:`18`,rx:`1`,key:`kaeet6`}],[`rect`,{x:`5`,y:`3`,width:`5`,height:`18`,rx:`1`,key:`1wsw3u`}]]};p.node;var m=n.n(p),h={name:`picture-in-picture-2`,size:24,node:[[`path`,{d:`M21 9V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v10c0 1.1.9 2 2 2h4`,key:`daa4of`}],[`rect`,{width:`10`,height:`7`,x:`12`,y:`13`,rx:`2`,key:`1nb8gs`}]]};h.node;var g=n.n(h),_={name:`play`,size:24,node:[[`path`,{d:`M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z`,key:`10ikf1`}]]};_.node;var v=n.n(_),y={name:`rotate-ccw`,size:24,node:[[`path`,{d:`M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8`,key:`1357e3`}],[`path`,{d:`M3 3v5h5`,key:`1xhq8a`}]]};y.node;var b=n.n(y),x={name:`volume-1`,size:24,node:[[`path`,{d:`M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z`,key:`uqj9uw`}],[`path`,{d:`M16 9a5 5 0 0 1 0 6`,key:`1q6k2b`}]]};x.node;var S=n.n(x),C={name:`volume-2`,size:24,node:[[`path`,{d:`M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z`,key:`uqj9uw`}],[`path`,{d:`M16 9a5 5 0 0 1 0 6`,key:`1q6k2b`}],[`path`,{d:`M19.364 18.364a9 9 0 0 0 0-12.728`,key:`ijwkga`}]]};C.node;var w=n.n(C),T={name:`volume-x`,size:24,node:[[`path`,{d:`M11 4.702a.7.7 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.7.7 0 0 0 11 19.298z`,key:`1p7khw`}],[`path`,{d:`m16.5 14.5 5-5`,key:`cul3yw`}],[`path`,{d:`m16.5 9.5 5 5`,key:`1akey5`}]]};T.node;var ee=n.n(T),te=[.5,.75,1,1.25,1.5,2],E=e=>{let t=Number.isFinite(e)&&e>0?e:0,n=Math.floor(t/3600),r=Math.floor(t%3600/60),i=String(Math.floor(t%60)).padStart(2,`0`);return n?`${n}:${String(r).padStart(2,`0`)}:${i}`:`${r}:${i}`},D=`w-9 h-9 shrink-0 rounded-full flex items-center justify-center text-white/85 hover:text-white hover:bg-white/15 transition-colors cursor-pointer outline-none focus-visible:ring-2 focus-visible:ring-accent`,ne=`absolute inset-0 m-auto w-16 h-16 md:w-20 md:h-20 rounded-full bg-accent text-[var(--button-fg,#fff)] flex items-center justify-center shadow-2xl shadow-black/40 ring-8 ring-accent/25 hover:scale-105 active:scale-95 transition-transform cursor-pointer outline-none focus-visible:ring-white/70`,re=`relative w-full overflow-hidden rounded-2xl bg-black border border-[var(--panel-border)] shadow-xl`;function O({value:e,max:t,buffered:n=0,onSeek:r,tone:i,label:s,format:c=E,step:l=5}){let u=(0,a.useRef)(null),d=(0,a.useRef)(!1),[f,p]=(0,a.useState)(null),m=e=>{let t=u.current?.getBoundingClientRect();return t&&t.width?Math.min(1,Math.max(0,(e-t.left)/t.width)):0},h=t>0?Math.min(100,e/t*100):0,g=t>0?Math.min(100,n/t*100):0,_=i===`dark`,v=f!==null&&c&&t>0?c(f*t):null;return(0,o.jsxs)(`div`,{ref:u,role:`slider`,tabIndex:0,"aria-label":s,"aria-valuemin":0,"aria-valuemax":Math.round(t)||0,"aria-valuenow":Math.round(e)||0,"aria-valuetext":c?c(e):`${Math.round(h)}%`,className:`group/scrub relative h-4 flex items-center cursor-pointer touch-none outline-none rounded-full focus-visible:ring-2 focus-visible:ring-accent/60`,onPointerDown:e=>{e.stopPropagation(),e.currentTarget.setPointerCapture(e.pointerId),d.current=!0,r(m(e.clientX)*t)},onPointerMove:e=>{p(m(e.clientX)),d.current&&r(m(e.clientX)*t)},onPointerUp:()=>{d.current=!1},onPointerCancel:()=>{d.current=!1},onPointerLeave:()=>p(null),onKeyDown:n=>{let i=n.key;[`ArrowRight`,`ArrowUp`,`ArrowLeft`,`ArrowDown`,`Home`,`End`].includes(i)&&(n.preventDefault(),n.stopPropagation(),r(i===`Home`?0:i===`End`?t:Math.min(t,Math.max(0,e+(i===`ArrowRight`||i===`ArrowUp`?l:-l)))))},children:[(0,o.jsxs)(`div`,{className:`relative w-full h-1 group-hover/scrub:h-1.5 transition-[height] duration-150 rounded-full overflow-hidden ${_?`bg-white/25`:`bg-foreground/10`}`,children:[(0,o.jsx)(`div`,{className:`absolute inset-y-0 left-0 ${_?`bg-white/35`:`bg-foreground/15`}`,style:{width:`${g}%`}}),(0,o.jsx)(`div`,{className:`absolute inset-y-0 left-0 bg-accent`,style:{width:`${h}%`}})]}),(0,o.jsx)(`div`,{className:`absolute w-3 h-3 -ml-1.5 rounded-full bg-accent shadow-md scale-0 group-hover/scrub:scale-100 group-focus-visible/scrub:scale-100 transition-transform pointer-events-none`,style:{left:`${h}%`}}),v&&(0,o.jsx)(`div`,{className:`absolute bottom-full mb-2 -translate-x-1/2 px-1.5 py-0.5 rounded-md text-[11px] font-semibold tabular-nums whitespace-nowrap pointer-events-none ${_?`bg-black/80 text-white`:`bg-background text-foreground border border-[var(--panel-border)] shadow`}`,style:{left:`${f*100}%`},children:v})]})}function k({src:e,poster:n,title:i,autoPlay:s,loop:l,muted:d,aspect:p=`16 / 9`,className:h=``,onRatio:_}){let y=(0,a.useRef)(null),x=(0,a.useRef)(null),C=(0,a.useRef)(null),T=(0,a.useRef)(0),[k,A]=(0,a.useState)(!1),[j,M]=(0,a.useState)(!!s),[N,P]=(0,a.useState)(!1),[F,ie]=(0,a.useState)(!1),[I,ae]=(0,a.useState)(!1),[L,oe]=(0,a.useState)(0),[R,se]=(0,a.useState)(0),[ce,le]=(0,a.useState)(0),[z,ue]=(0,a.useState)(1),[B,de]=(0,a.useState)(!!d||!!s),[V,fe]=(0,a.useState)(1),[H,U]=(0,a.useState)(!1),[W,pe]=(0,a.useState)(!1),[me,G]=(0,a.useState)(!0),[K,he]=(0,a.useState)(null),q=(0,a.useCallback)(()=>{G(!0),window.clearTimeout(T.current),T.current=window.setTimeout(()=>G(!1),2600)},[]);(0,a.useEffect)(()=>()=>window.clearTimeout(T.current),[]),(0,a.useEffect)(()=>{let e=()=>pe(!!y.current&&document.fullscreenElement===y.current);return document.addEventListener(`fullscreenchange`,e),()=>document.removeEventListener(`fullscreenchange`,e)},[]),(0,a.useEffect)(()=>{if(!H)return;let e=e=>{C.current?.contains(e.target)||U(!1)};return document.addEventListener(`pointerdown`,e),()=>document.removeEventListener(`pointerdown`,e)},[H]);let J=()=>{let e=x.current;e&&(e.paused||e.ended?e.play().catch(()=>{}):e.pause())},Y=e=>{let t=x.current;!t||!Number.isFinite(e)||(t.currentTime=Math.max(0,Math.min(e,Number.isFinite(t.duration)?t.duration:e)),oe(t.currentTime))},X=e=>{let t=x.current;t&&(t.volume=Math.min(1,Math.max(0,e)),t.muted=t.volume===0)},Z=()=>{let e=x.current;e&&(e.muted||e.volume===0?(e.muted=!1,e.volume===0&&(e.volume=.6)):e.muted=!0)},Q=()=>{if(document.fullscreenElement){document.exitFullscreen().catch(()=>{});return}let e=y.current;e?.requestFullscreen?e.requestFullscreen().catch(()=>{}):x.current?.webkitEnterFullscreen?.()},ge=typeof document<`u`&&`pictureInPictureEnabled`in document&&document.pictureInPictureEnabled,_e=async()=>{try{document.pictureInPictureElement?await document.exitPictureInPicture():await x.current?.requestPictureInPicture()}catch{}},ve=e=>{if(e.target!==y.current)return;let t=e.key.toLowerCase();if(t===` `||t===`k`)e.preventDefault(),J();else if(t===`arrowright`)e.preventDefault(),Y(L+5);else if(t===`arrowleft`)e.preventDefault(),Y(L-5);else if(t===`arrowup`)e.preventDefault(),X(z+.1);else if(t===`arrowdown`)e.preventDefault(),X(z-.1);else if(t===`m`)Z();else if(t===`f`)Q();else return;q()},$=!k||me||H,ye=B||z===0?ee:z<.5?S:w,be=n||/#/.test(e)?e:`${e}#t=0.001`,xe=p===`auto`?K?String(K):`16 / 9`:p;return(0,o.jsxs)(`div`,{ref:y,tabIndex:0,role:`region`,"aria-label":i?`Video: ${i}`:`Video player`,onKeyDown:ve,onPointerMove:q,onPointerLeave:()=>{k&&G(!1)},className:`fbos-video group/player ${re} outline-none focus-visible:ring-2 focus-visible:ring-accent ${$?``:`cursor-none`} ${W?`!rounded-none !border-0`:``} ${h}`,style:W?void 0:{aspectRatio:xe},children:[!R&&!I&&(0,o.jsx)(`span`,{"aria-hidden":`true`,className:`fbos-picture-tint fbos-video-tint absolute inset-0`}),(0,o.jsx)(`video`,{ref:x,src:be,poster:n,playsInline:!0,preload:`metadata`,autoPlay:s,loop:l,muted:B,className:`absolute inset-0 w-full h-full object-contain`,onClick:()=>{J(),q()},onDoubleClick:Q,onPlay:()=>{A(!0),M(!0),ie(!1),q()},onPause:()=>{A(!1),G(!0)},onEnded:()=>{ie(!0),A(!1),G(!0)},onTimeUpdate:e=>oe(e.currentTarget.currentTime),onLoadedMetadata:e=>{let t=e.currentTarget;if(se(t.duration),t.videoWidth&&t.videoHeight){let e=t.videoWidth/t.videoHeight;he(e),_?.(e)}},onDurationChange:e=>se(e.currentTarget.duration),onProgress:e=>{let t=e.currentTarget.buffered;t.length&&le(t.end(t.length-1))},onWaiting:()=>P(!0),onPlaying:()=>P(!1),onCanPlay:()=>P(!1),onVolumeChange:e=>{ue(e.currentTarget.volume),de(e.currentTarget.muted)},onRateChange:e=>fe(e.currentTarget.playbackRate),onError:()=>ae(!0)}),i&&!I&&(0,o.jsx)(`div`,{className:`absolute inset-x-0 top-0 px-4 pt-3 pb-10 bg-gradient-to-b from-black/60 to-transparent text-white text-[13px] md:text-[14px] font-semibold truncate pointer-events-none transition-opacity duration-300 ${$?`opacity-100`:`opacity-0`}`,children:i}),I?(0,o.jsxs)(`div`,{className:`absolute inset-0 flex flex-col items-center justify-center gap-2 text-white/75 text-[13px] font-medium text-center px-6`,children:[(0,o.jsx)(c,{className:`w-8 h-8 opacity-60`}),`This video could not be played here.`]}):!k&&!N?(0,o.jsx)(`button`,{type:`button`,onClick:J,"aria-label":F?`Play again`:`Play`,className:ne,children:F?(0,o.jsx)(b,{className:`w-7 h-7 md:w-8 md:h-8`}):(0,o.jsx)(v,{className:`w-7 h-7 md:w-8 md:h-8 translate-x-0.5 fill-current`})}):null,N&&!I&&(0,o.jsx)(r.r,{className:`absolute inset-0 m-auto w-10 h-10 text-white/90 animate-spin pointer-events-none`}),!I&&(0,o.jsxs)(`div`,{className:`absolute inset-x-0 bottom-0 px-2.5 md:px-4 pb-1.5 md:pb-2.5 pt-12 bg-gradient-to-t from-black/75 via-black/35 to-transparent transition-opacity duration-300 ${$&&j?`opacity-100`:`opacity-0 pointer-events-none`}`,children:[(0,o.jsx)(O,{value:L,max:R,buffered:ce,onSeek:Y,tone:`dark`,label:`Time`}),(0,o.jsxs)(`div`,{className:`flex items-center gap-0.5 md:gap-1 mt-0.5`,children:[(0,o.jsx)(`button`,{type:`button`,className:D,onClick:J,"aria-label":k?`Pause`:`Play`,children:k?(0,o.jsx)(m,{className:`w-[18px] h-[18px] fill-current`}):(0,o.jsx)(v,{className:`w-[18px] h-[18px] fill-current translate-x-px`})}),(0,o.jsxs)(`div`,{className:`group/vol flex items-center`,children:[(0,o.jsx)(`button`,{type:`button`,className:D,onClick:Z,"aria-label":B?`Turn the sound on`:`Mute`,children:(0,o.jsx)(ye,{className:`w-[18px] h-[18px]`})}),(0,o.jsx)(`div`,{className:`max-sm:hidden w-0 group-hover/vol:w-[76px] group-focus-within/vol:w-[76px] overflow-hidden transition-[width] duration-200`,children:(0,o.jsx)(`div`,{className:`w-[68px] ml-1`,children:(0,o.jsx)(O,{value:B?0:z,max:1,onSeek:X,tone:`dark`,label:`Volume`,format:null,step:.1})})})]}),(0,o.jsxs)(`span`,{className:`px-1.5 text-[12px] md:text-[12.5px] font-semibold text-white/90 tabular-nums whitespace-nowrap select-none`,children:[E(L),` `,(0,o.jsxs)(`span`,{className:`text-white/50`,children:[`/ `,E(R)]})]}),(0,o.jsx)(`div`,{className:`flex-1`}),(0,o.jsxs)(`div`,{ref:C,className:`relative`,children:[(0,o.jsxs)(`button`,{type:`button`,className:`${D} !w-auto px-2.5 text-[12px] font-bold tabular-nums`,onClick:()=>U(e=>!e),"aria-label":`Playback speed`,"aria-expanded":H,children:[V,`×`]}),H&&(0,o.jsx)(`div`,{role:`menu`,className:`absolute bottom-full right-0 mb-2 py-1 min-w-[108px] rounded-xl bg-black/85 backdrop-blur-md border border-white/10 shadow-2xl`,children:te.map(e=>(0,o.jsxs)(`button`,{type:`button`,role:`menuitemradio`,"aria-checked":e===V,onClick:()=>{x.current&&(x.current.playbackRate=e),U(!1)},className:`w-full px-3 py-1.5 flex items-center justify-between gap-3 text-left text-[12.5px] font-semibold tabular-nums hover:bg-white/10 cursor-pointer ${e===V?`text-accent`:`text-white/85`}`,children:[e===1?`Normal`:`${e}×`,e===V&&(0,o.jsx)(t.jt,{className:`w-3.5 h-3.5`})]},e))})]}),ge&&(0,o.jsx)(`span`,{className:`max-sm:hidden`,children:(0,o.jsx)(`button`,{type:`button`,className:D,onClick:_e,"aria-label":`Picture in picture`,children:(0,o.jsx)(g,{className:`w-[18px] h-[18px]`})})}),(0,o.jsx)(`button`,{type:`button`,className:D,onClick:Q,"aria-label":W?`Leave full screen`:`Full screen`,children:W?(0,o.jsx)(f,{className:`w-[18px] h-[18px]`}):(0,o.jsx)(u,{className:`w-[18px] h-[18px]`})})]})]})]})}function A({src:e,embed:n,title:r,aspect:s=`16 / 9`,autoPlay:c,className:l=``}){let[u,d]=(0,a.useState)(!!c),[f,p]=(0,a.useState)(!1),m=f?null:i.r(e),[h,g]=n.split(`#`),_=u?`${h}${h.includes(`?`)?`&`:`?`}autoplay=1${g?`#${g}`:``}`:n;return(0,o.jsx)(`div`,{className:`fbos-video ${re} ${l}`,style:{aspectRatio:s===`auto`?`16 / 9`:s},children:u?(0,o.jsx)(`iframe`,{src:_,title:r||`Video`,className:`absolute inset-0 w-full h-full border-0`,allow:`autoplay; encrypted-media; picture-in-picture; fullscreen; clipboard-write`,allowFullScreen:!0,referrerPolicy:`strict-origin-when-cross-origin`}):(0,o.jsxs)(`button`,{type:`button`,onClick:()=>d(!0),"aria-label":r?`Play ${r}`:`Play the video`,className:`group/facade absolute inset-0 w-full h-full cursor-pointer`,children:[m?(0,o.jsx)(t.k,{src:m,alt:``,className:`absolute inset-0`,onError:()=>p(!0)}):(0,o.jsx)(`span`,{className:`absolute inset-0 bg-gradient-to-br from-accent/30 via-black to-black`}),(0,o.jsx)(`span`,{className:`absolute inset-0 bg-gradient-to-t from-black/55 via-transparent to-black/35`}),r&&(0,o.jsx)(`span`,{className:`absolute left-4 right-4 top-3 text-left text-white text-[14px] font-semibold truncate`,children:r}),(0,o.jsx)(`span`,{className:`${ne} pointer-events-none group-hover/facade:scale-105`,children:(0,o.jsx)(v,{className:`w-7 h-7 md:w-8 md:h-8 translate-x-0.5 fill-current`})})]})})}function j({src:e,title:t,autoPlay:n,loop:r,className:s=``}){let c=(0,a.useRef)(null),[l,u]=(0,a.useState)(!1),[d,f]=(0,a.useState)(0),[p,h]=(0,a.useState)(0),[g,_]=(0,a.useState)(0),[y,b]=(0,a.useState)(!1),[x,S]=(0,a.useState)(1),[C,T]=(0,a.useState)(!1);return(0,o.jsxs)(`div`,{role:`region`,"aria-label":`Recording: ${t||i.o(e)}`,className:`fbos-audio w-full flex items-center gap-3 rounded-2xl border border-[var(--panel-border)] bg-[var(--panel-bg)] px-3 py-2.5 ${s}`,children:[(0,o.jsx)(`audio`,{ref:c,src:e,preload:`metadata`,autoPlay:n,loop:r,className:`hidden`,onPlay:()=>u(!0),onPause:()=>u(!1),onEnded:()=>u(!1),onTimeUpdate:e=>f(e.currentTarget.currentTime),onLoadedMetadata:e=>h(e.currentTarget.duration),onDurationChange:e=>h(e.currentTarget.duration),onProgress:e=>{let t=e.currentTarget.buffered;t.length&&_(t.end(t.length-1))},onVolumeChange:e=>b(e.currentTarget.muted),onRateChange:e=>S(e.currentTarget.playbackRate),onError:()=>T(!0)}),(0,o.jsx)(`button`,{type:`button`,onClick:()=>{let e=c.current;e&&(e.paused?e.play().catch(()=>{}):e.pause())},disabled:C,"aria-label":l?`Pause`:`Play`,className:`w-10 h-10 shrink-0 rounded-full bg-accent text-[var(--button-fg,#fff)] flex items-center justify-center shadow-md hover:scale-105 active:scale-95 transition-transform cursor-pointer disabled:opacity-40`,children:l?(0,o.jsx)(m,{className:`w-4 h-4 fill-current`}):(0,o.jsx)(v,{className:`w-4 h-4 fill-current translate-x-px`})}),(0,o.jsxs)(`div`,{className:`flex-1 min-w-0 flex flex-col`,children:[(0,o.jsxs)(`div`,{className:`flex items-center justify-between gap-2`,children:[(0,o.jsx)(`span`,{className:`text-[13px] font-semibold text-foreground truncate`,children:t||i.o(e)}),(0,o.jsx)(`span`,{className:`text-[11.5px] font-medium text-foreground/50 tabular-nums whitespace-nowrap`,children:C?`Could not be played`:`${E(d)} / ${E(p)}`})]}),(0,o.jsx)(O,{value:d,max:p,buffered:g,onSeek:e=>{let t=c.current;!t||!Number.isFinite(e)||(t.currentTime=Math.max(0,Math.min(e,Number.isFinite(t.duration)?t.duration:e)),f(t.currentTime))},tone:`theme`,label:`Time`})]}),(0,o.jsxs)(`button`,{type:`button`,onClick:()=>{let e=c.current;if(!e)return;let t=[1,1.25,1.5,2,.75];e.playbackRate=t[(t.indexOf(e.playbackRate)+1)%t.length]||1},"aria-label":`Playback speed`,className:`h-8 px-2 shrink-0 rounded-lg text-[12px] font-bold tabular-nums text-foreground/60 hover:text-foreground hover:bg-foreground/5 transition-colors cursor-pointer`,children:[x,`×`]}),(0,o.jsx)(`button`,{type:`button`,onClick:()=>{c.current&&(c.current.muted=!c.current.muted)},"aria-label":y?`Turn the sound on`:`Mute`,className:`w-8 h-8 shrink-0 rounded-lg flex items-center justify-center text-foreground/60 hover:text-foreground hover:bg-foreground/5 transition-colors cursor-pointer`,children:y?(0,o.jsx)(ee,{className:`w-4 h-4`}):(0,o.jsx)(w,{className:`w-4 h-4`})})]})}function M(e){let t=i.i(e.src);return t?(0,o.jsx)(A,{...e,embed:t}):i.l(e.src,e.type)===`audio`?(0,o.jsx)(j,{...e}):(0,o.jsx)(k,{...e},e.src)}Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return b}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return v}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return M}});

package/dist/VideoPlayer-DmcNOGPC.js

@@ -0,0 +1,644 @@
+import { i as e, l as t, o as n, r } from "./mediaKind-Cbo-tOy3.js";
+import { jt as i, k as a } from "./TimeZoneField-B3tZxNTw.js";
+import { n as o } from "./chevron-down--LwXEv9w.js";
+import { r as s } from "./x-hax8aKt8.js";
+import { useCallback as c, useEffect as l, useRef as u, useState as d } from "react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+//#region node_modules/lucide-react/dist/esm/icons/film.mjs
+var m = {
+	name: "film",
+	size: 24,
+	node: [
+		["rect", {
+			width: "18",
+			height: "18",
+			x: "3",
+			y: "3",
+			rx: "2",
+			key: "afitv7"
+		}],
+		["path", {
+			d: "M7 3v18",
+			key: "bbkbws"
+		}],
+		["path", {
+			d: "M3 7.5h4",
+			key: "zfgn84"
+		}],
+		["path", {
+			d: "M3 12h18",
+			key: "1i2n21"
+		}],
+		["path", {
+			d: "M3 16.5h4",
+			key: "1230mu"
+		}],
+		["path", {
+			d: "M17 3v18",
+			key: "in4fa5"
+		}],
+		["path", {
+			d: "M17 7.5h4",
+			key: "myr1c1"
+		}],
+		["path", {
+			d: "M17 16.5h4",
+			key: "go4c1d"
+		}]
+	]
+};
+m.node;
+var h = o(m), g = {
+	name: "maximize",
+	size: 24,
+	node: [
+		["path", {
+			d: "M8 3H5a2 2 0 0 0-2 2v3",
+			key: "1dcmit"
+		}],
+		["path", {
+			d: "M21 8V5a2 2 0 0 0-2-2h-3",
+			key: "1e4gt3"
+		}],
+		["path", {
+			d: "M3 16v3a2 2 0 0 0 2 2h3",
+			key: "wsl5sc"
+		}],
+		["path", {
+			d: "M16 21h3a2 2 0 0 0 2-2v-3",
+			key: "18trek"
+		}]
+	]
+};
+g.node;
+var _ = o(g), v = {
+	name: "minimize",
+	size: 24,
+	node: [
+		["path", {
+			d: "M8 3v3a2 2 0 0 1-2 2H3",
+			key: "hohbtr"
+		}],
+		["path", {
+			d: "M21 8h-3a2 2 0 0 1-2-2V3",
+			key: "5jw1f3"
+		}],
+		["path", {
+			d: "M3 16h3a2 2 0 0 1 2 2v3",
+			key: "198tvr"
+		}],
+		["path", {
+			d: "M16 21v-3a2 2 0 0 1 2-2h3",
+			key: "ph8mxp"
+		}]
+	]
+};
+v.node;
+var y = o(v), b = {
+	name: "pause",
+	size: 24,
+	node: [["rect", {
+		x: "14",
+		y: "3",
+		width: "5",
+		height: "18",
+		rx: "1",
+		key: "kaeet6"
+	}], ["rect", {
+		x: "5",
+		y: "3",
+		width: "5",
+		height: "18",
+		rx: "1",
+		key: "1wsw3u"
+	}]]
+};
+b.node;
+var x = o(b), S = {
+	name: "picture-in-picture-2",
+	size: 24,
+	node: [["path", {
+		d: "M21 9V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v10c0 1.1.9 2 2 2h4",
+		key: "daa4of"
+	}], ["rect", {
+		width: "10",
+		height: "7",
+		x: "12",
+		y: "13",
+		rx: "2",
+		key: "1nb8gs"
+	}]]
+};
+S.node;
+var ee = o(S), C = {
+	name: "play",
+	size: 24,
+	node: [["path", {
+		d: "M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z",
+		key: "10ikf1"
+	}]]
+};
+C.node;
+var w = o(C), T = {
+	name: "rotate-ccw",
+	size: 24,
+	node: [["path", {
+		d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8",
+		key: "1357e3"
+	}], ["path", {
+		d: "M3 3v5h5",
+		key: "1xhq8a"
+	}]]
+};
+T.node;
+var te = o(T), E = {
+	name: "volume-1",
+	size: 24,
+	node: [["path", {
+		d: "M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z",
+		key: "uqj9uw"
+	}], ["path", {
+		d: "M16 9a5 5 0 0 1 0 6",
+		key: "1q6k2b"
+	}]]
+};
+E.node;
+var ne = o(E), D = {
+	name: "volume-2",
+	size: 24,
+	node: [
+		["path", {
+			d: "M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z",
+			key: "uqj9uw"
+		}],
+		["path", {
+			d: "M16 9a5 5 0 0 1 0 6",
+			key: "1q6k2b"
+		}],
+		["path", {
+			d: "M19.364 18.364a9 9 0 0 0 0-12.728",
+			key: "ijwkga"
+		}]
+	]
+};
+D.node;
+var re = o(D), O = {
+	name: "volume-x",
+	size: 24,
+	node: [
+		["path", {
+			d: "M11 4.702a.7.7 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.7.7 0 0 0 11 19.298z",
+			key: "1p7khw"
+		}],
+		["path", {
+			d: "m16.5 14.5 5-5",
+			key: "cul3yw"
+		}],
+		["path", {
+			d: "m16.5 9.5 5 5",
+			key: "1akey5"
+		}]
+	]
+};
+O.node;
+var ie = o(O), ae = [
+	.5,
+	.75,
+	1,
+	1.25,
+	1.5,
+	2
+], k = (e) => {
+	let t = Number.isFinite(e) && e > 0 ? e : 0, n = Math.floor(t / 3600), r = Math.floor(t % 3600 / 60), i = String(Math.floor(t % 60)).padStart(2, "0");
+	return n ? `${n}:${String(r).padStart(2, "0")}:${i}` : `${r}:${i}`;
+}, A = "w-9 h-9 shrink-0 rounded-full flex items-center justify-center text-white/85 hover:text-white hover:bg-white/15 transition-colors cursor-pointer outline-none focus-visible:ring-2 focus-visible:ring-accent", oe = "absolute inset-0 m-auto w-16 h-16 md:w-20 md:h-20 rounded-full bg-accent text-[var(--button-fg,#fff)] flex items-center justify-center shadow-2xl shadow-black/40 ring-8 ring-accent/25 hover:scale-105 active:scale-95 transition-transform cursor-pointer outline-none focus-visible:ring-white/70", j = "relative w-full overflow-hidden rounded-2xl bg-black border border-[var(--panel-border)] shadow-xl";
+function M({ value: e, max: t, buffered: n = 0, onSeek: r, tone: i, label: a, format: o = k, step: s = 5 }) {
+	let c = u(null), l = u(!1), [m, h] = d(null), g = (e) => {
+		let t = c.current?.getBoundingClientRect();
+		return t && t.width ? Math.min(1, Math.max(0, (e - t.left) / t.width)) : 0;
+	}, _ = t > 0 ? Math.min(100, e / t * 100) : 0, v = t > 0 ? Math.min(100, n / t * 100) : 0, y = i === "dark", b = m !== null && o && t > 0 ? o(m * t) : null;
+	return /* @__PURE__ */ p("div", {
+		ref: c,
+		role: "slider",
+		tabIndex: 0,
+		"aria-label": a,
+		"aria-valuemin": 0,
+		"aria-valuemax": Math.round(t) || 0,
+		"aria-valuenow": Math.round(e) || 0,
+		"aria-valuetext": o ? o(e) : `${Math.round(_)}%`,
+		className: "group/scrub relative h-4 flex items-center cursor-pointer touch-none outline-none rounded-full focus-visible:ring-2 focus-visible:ring-accent/60",
+		onPointerDown: (e) => {
+			e.stopPropagation(), e.currentTarget.setPointerCapture(e.pointerId), l.current = !0, r(g(e.clientX) * t);
+		},
+		onPointerMove: (e) => {
+			h(g(e.clientX)), l.current && r(g(e.clientX) * t);
+		},
+		onPointerUp: () => {
+			l.current = !1;
+		},
+		onPointerCancel: () => {
+			l.current = !1;
+		},
+		onPointerLeave: () => h(null),
+		onKeyDown: (n) => {
+			let i = n.key;
+			[
+				"ArrowRight",
+				"ArrowUp",
+				"ArrowLeft",
+				"ArrowDown",
+				"Home",
+				"End"
+			].includes(i) && (n.preventDefault(), n.stopPropagation(), r(i === "Home" ? 0 : i === "End" ? t : Math.min(t, Math.max(0, e + (i === "ArrowRight" || i === "ArrowUp" ? s : -s)))));
+		},
+		children: [
+			/* @__PURE__ */ p("div", {
+				className: `relative w-full h-1 group-hover/scrub:h-1.5 transition-[height] duration-150 rounded-full overflow-hidden ${y ? "bg-white/25" : "bg-foreground/10"}`,
+				children: [/* @__PURE__ */ f("div", {
+					className: `absolute inset-y-0 left-0 ${y ? "bg-white/35" : "bg-foreground/15"}`,
+					style: { width: `${v}%` }
+				}), /* @__PURE__ */ f("div", {
+					className: "absolute inset-y-0 left-0 bg-accent",
+					style: { width: `${_}%` }
+				})]
+			}),
+			/* @__PURE__ */ f("div", {
+				className: "absolute w-3 h-3 -ml-1.5 rounded-full bg-accent shadow-md scale-0 group-hover/scrub:scale-100 group-focus-visible/scrub:scale-100 transition-transform pointer-events-none",
+				style: { left: `${_}%` }
+			}),
+			b && /* @__PURE__ */ f("div", {
+				className: `absolute bottom-full mb-2 -translate-x-1/2 px-1.5 py-0.5 rounded-md text-[11px] font-semibold tabular-nums whitespace-nowrap pointer-events-none ${y ? "bg-black/80 text-white" : "bg-background text-foreground border border-[var(--panel-border)] shadow"}`,
+				style: { left: `${m * 100}%` },
+				children: b
+			})
+		]
+	});
+}
+function N({ src: e, poster: t, title: n, autoPlay: r, loop: a, muted: o, aspect: m = "16 / 9", className: g = "", onRatio: v }) {
+	let b = u(null), S = u(null), C = u(null), T = u(0), [E, D] = d(!1), [O, N] = d(!!r), [P, F] = d(!1), [I, L] = d(!1), [R, se] = d(!1), [z, ce] = d(0), [B, le] = d(0), [ue, de] = d(0), [V, fe] = d(1), [H, pe] = d(!!o || !!r), [U, me] = d(1), [W, G] = d(!1), [K, he] = d(!1), [ge, q] = d(!0), [_e, ve] = d(null), J = c(() => {
+		q(!0), window.clearTimeout(T.current), T.current = window.setTimeout(() => q(!1), 2600);
+	}, []);
+	l(() => () => window.clearTimeout(T.current), []), l(() => {
+		let e = () => he(!!b.current && document.fullscreenElement === b.current);
+		return document.addEventListener("fullscreenchange", e), () => document.removeEventListener("fullscreenchange", e);
+	}, []), l(() => {
+		if (!W) return;
+		let e = (e) => {
+			C.current?.contains(e.target) || G(!1);
+		};
+		return document.addEventListener("pointerdown", e), () => document.removeEventListener("pointerdown", e);
+	}, [W]);
+	let Y = () => {
+		let e = S.current;
+		e && (e.paused || e.ended ? e.play().catch(() => {}) : e.pause());
+	}, X = (e) => {
+		let t = S.current;
+		!t || !Number.isFinite(e) || (t.currentTime = Math.max(0, Math.min(e, Number.isFinite(t.duration) ? t.duration : e)), ce(t.currentTime));
+	}, Z = (e) => {
+		let t = S.current;
+		t && (t.volume = Math.min(1, Math.max(0, e)), t.muted = t.volume === 0);
+	}, ye = () => {
+		let e = S.current;
+		e && (e.muted || e.volume === 0 ? (e.muted = !1, e.volume === 0 && (e.volume = .6)) : e.muted = !0);
+	}, Q = () => {
+		if (document.fullscreenElement) {
+			document.exitFullscreen().catch(() => {});
+			return;
+		}
+		let e = b.current;
+		e?.requestFullscreen ? e.requestFullscreen().catch(() => {}) : S.current?.webkitEnterFullscreen?.();
+	}, be = typeof document < "u" && "pictureInPictureEnabled" in document && document.pictureInPictureEnabled, xe = async () => {
+		try {
+			document.pictureInPictureElement ? await document.exitPictureInPicture() : await S.current?.requestPictureInPicture();
+		} catch {}
+	}, Se = (e) => {
+		if (e.target !== b.current) return;
+		let t = e.key.toLowerCase();
+		if (t === " " || t === "k") e.preventDefault(), Y();
+		else if (t === "arrowright") e.preventDefault(), X(z + 5);
+		else if (t === "arrowleft") e.preventDefault(), X(z - 5);
+		else if (t === "arrowup") e.preventDefault(), Z(V + .1);
+		else if (t === "arrowdown") e.preventDefault(), Z(V - .1);
+		else if (t === "m") ye();
+		else if (t === "f") Q();
+		else return;
+		J();
+	}, $ = !E || ge || W, Ce = H || V === 0 ? ie : V < .5 ? ne : re, we = t || /#/.test(e) ? e : `${e}#t=0.001`, Te = m === "auto" ? _e ? String(_e) : "16 / 9" : m;
+	return /* @__PURE__ */ p("div", {
+		ref: b,
+		tabIndex: 0,
+		role: "region",
+		"aria-label": n ? `Video: ${n}` : "Video player",
+		onKeyDown: Se,
+		onPointerMove: J,
+		onPointerLeave: () => {
+			E && q(!1);
+		},
+		className: `fbos-video group/player ${j} outline-none focus-visible:ring-2 focus-visible:ring-accent ${$ ? "" : "cursor-none"} ${K ? "!rounded-none !border-0" : ""} ${g}`,
+		style: K ? void 0 : { aspectRatio: Te },
+		children: [
+			!B && !R && /* @__PURE__ */ f("span", {
+				"aria-hidden": "true",
+				className: "fbos-picture-tint fbos-video-tint absolute inset-0"
+			}),
+			/* @__PURE__ */ f("video", {
+				ref: S,
+				src: we,
+				poster: t,
+				playsInline: !0,
+				preload: "metadata",
+				autoPlay: r,
+				loop: a,
+				muted: H,
+				className: "absolute inset-0 w-full h-full object-contain",
+				onClick: () => {
+					Y(), J();
+				},
+				onDoubleClick: Q,
+				onPlay: () => {
+					D(!0), N(!0), L(!1), J();
+				},
+				onPause: () => {
+					D(!1), q(!0);
+				},
+				onEnded: () => {
+					L(!0), D(!1), q(!0);
+				},
+				onTimeUpdate: (e) => ce(e.currentTarget.currentTime),
+				onLoadedMetadata: (e) => {
+					let t = e.currentTarget;
+					if (le(t.duration), t.videoWidth && t.videoHeight) {
+						let e = t.videoWidth / t.videoHeight;
+						ve(e), v?.(e);
+					}
+				},
+				onDurationChange: (e) => le(e.currentTarget.duration),
+				onProgress: (e) => {
+					let t = e.currentTarget.buffered;
+					t.length && de(t.end(t.length - 1));
+				},
+				onWaiting: () => F(!0),
+				onPlaying: () => F(!1),
+				onCanPlay: () => F(!1),
+				onVolumeChange: (e) => {
+					fe(e.currentTarget.volume), pe(e.currentTarget.muted);
+				},
+				onRateChange: (e) => me(e.currentTarget.playbackRate),
+				onError: () => se(!0)
+			}),
+			n && !R && /* @__PURE__ */ f("div", {
+				className: `absolute inset-x-0 top-0 px-4 pt-3 pb-10 bg-gradient-to-b from-black/60 to-transparent text-white text-[13px] md:text-[14px] font-semibold truncate pointer-events-none transition-opacity duration-300 ${$ ? "opacity-100" : "opacity-0"}`,
+				children: n
+			}),
+			R ? /* @__PURE__ */ p("div", {
+				className: "absolute inset-0 flex flex-col items-center justify-center gap-2 text-white/75 text-[13px] font-medium text-center px-6",
+				children: [/* @__PURE__ */ f(h, { className: "w-8 h-8 opacity-60" }), "This video could not be played here."]
+			}) : !E && !P ? /* @__PURE__ */ f("button", {
+				type: "button",
+				onClick: Y,
+				"aria-label": I ? "Play again" : "Play",
+				className: oe,
+				children: I ? /* @__PURE__ */ f(te, { className: "w-7 h-7 md:w-8 md:h-8" }) : /* @__PURE__ */ f(w, { className: "w-7 h-7 md:w-8 md:h-8 translate-x-0.5 fill-current" })
+			}) : null,
+			P && !R && /* @__PURE__ */ f(s, { className: "absolute inset-0 m-auto w-10 h-10 text-white/90 animate-spin pointer-events-none" }),
+			!R && /* @__PURE__ */ p("div", {
+				className: `absolute inset-x-0 bottom-0 px-2.5 md:px-4 pb-1.5 md:pb-2.5 pt-12 bg-gradient-to-t from-black/75 via-black/35 to-transparent transition-opacity duration-300 ${$ && O ? "opacity-100" : "opacity-0 pointer-events-none"}`,
+				children: [/* @__PURE__ */ f(M, {
+					value: z,
+					max: B,
+					buffered: ue,
+					onSeek: X,
+					tone: "dark",
+					label: "Time"
+				}), /* @__PURE__ */ p("div", {
+					className: "flex items-center gap-0.5 md:gap-1 mt-0.5",
+					children: [
+						/* @__PURE__ */ f("button", {
+							type: "button",
+							className: A,
+							onClick: Y,
+							"aria-label": E ? "Pause" : "Play",
+							children: E ? /* @__PURE__ */ f(x, { className: "w-[18px] h-[18px] fill-current" }) : /* @__PURE__ */ f(w, { className: "w-[18px] h-[18px] fill-current translate-x-px" })
+						}),
+						/* @__PURE__ */ p("div", {
+							className: "group/vol flex items-center",
+							children: [/* @__PURE__ */ f("button", {
+								type: "button",
+								className: A,
+								onClick: ye,
+								"aria-label": H ? "Turn the sound on" : "Mute",
+								children: /* @__PURE__ */ f(Ce, { className: "w-[18px] h-[18px]" })
+							}), /* @__PURE__ */ f("div", {
+								className: "max-sm:hidden w-0 group-hover/vol:w-[76px] group-focus-within/vol:w-[76px] overflow-hidden transition-[width] duration-200",
+								children: /* @__PURE__ */ f("div", {
+									className: "w-[68px] ml-1",
+									children: /* @__PURE__ */ f(M, {
+										value: H ? 0 : V,
+										max: 1,
+										onSeek: Z,
+										tone: "dark",
+										label: "Volume",
+										format: null,
+										step: .1
+									})
+								})
+							})]
+						}),
+						/* @__PURE__ */ p("span", {
+							className: "px-1.5 text-[12px] md:text-[12.5px] font-semibold text-white/90 tabular-nums whitespace-nowrap select-none",
+							children: [
+								k(z),
+								" ",
+								/* @__PURE__ */ p("span", {
+									className: "text-white/50",
+									children: ["/ ", k(B)]
+								})
+							]
+						}),
+						/* @__PURE__ */ f("div", { className: "flex-1" }),
+						/* @__PURE__ */ p("div", {
+							ref: C,
+							className: "relative",
+							children: [/* @__PURE__ */ p("button", {
+								type: "button",
+								className: `${A} !w-auto px-2.5 text-[12px] font-bold tabular-nums`,
+								onClick: () => G((e) => !e),
+								"aria-label": "Playback speed",
+								"aria-expanded": W,
+								children: [U, "×"]
+							}), W && /* @__PURE__ */ f("div", {
+								role: "menu",
+								className: "absolute bottom-full right-0 mb-2 py-1 min-w-[108px] rounded-xl bg-black/85 backdrop-blur-md border border-white/10 shadow-2xl",
+								children: ae.map((e) => /* @__PURE__ */ p("button", {
+									type: "button",
+									role: "menuitemradio",
+									"aria-checked": e === U,
+									onClick: () => {
+										S.current && (S.current.playbackRate = e), G(!1);
+									},
+									className: `w-full px-3 py-1.5 flex items-center justify-between gap-3 text-left text-[12.5px] font-semibold tabular-nums hover:bg-white/10 cursor-pointer ${e === U ? "text-accent" : "text-white/85"}`,
+									children: [e === 1 ? "Normal" : `${e}×`, e === U && /* @__PURE__ */ f(i, { className: "w-3.5 h-3.5" })]
+								}, e))
+							})]
+						}),
+						be && /* @__PURE__ */ f("span", {
+							className: "max-sm:hidden",
+							children: /* @__PURE__ */ f("button", {
+								type: "button",
+								className: A,
+								onClick: xe,
+								"aria-label": "Picture in picture",
+								children: /* @__PURE__ */ f(ee, { className: "w-[18px] h-[18px]" })
+							})
+						}),
+						/* @__PURE__ */ f("button", {
+							type: "button",
+							className: A,
+							onClick: Q,
+							"aria-label": K ? "Leave full screen" : "Full screen",
+							children: f(K ? y : _, { className: "w-[18px] h-[18px]" })
+						})
+					]
+				})]
+			})
+		]
+	});
+}
+function P({ src: e, embed: t, title: n, aspect: i = "16 / 9", autoPlay: o, className: s = "" }) {
+	let [c, l] = d(!!o), [u, m] = d(!1), h = u ? null : r(e), [g, _] = t.split("#"), v = c ? `${g}${g.includes("?") ? "&" : "?"}autoplay=1${_ ? `#${_}` : ""}` : t;
+	return /* @__PURE__ */ f("div", {
+		className: `fbos-video ${j} ${s}`,
+		style: { aspectRatio: i === "auto" ? "16 / 9" : i },
+		children: c ? /* @__PURE__ */ f("iframe", {
+			src: v,
+			title: n || "Video",
+			className: "absolute inset-0 w-full h-full border-0",
+			allow: "autoplay; encrypted-media; picture-in-picture; fullscreen; clipboard-write",
+			allowFullScreen: !0,
+			referrerPolicy: "strict-origin-when-cross-origin"
+		}) : /* @__PURE__ */ p("button", {
+			type: "button",
+			onClick: () => l(!0),
+			"aria-label": n ? `Play ${n}` : "Play the video",
+			className: "group/facade absolute inset-0 w-full h-full cursor-pointer",
+			children: [
+				h ? /* @__PURE__ */ f(a, {
+					src: h,
+					alt: "",
+					className: "absolute inset-0",
+					onError: () => m(!0)
+				}) : /* @__PURE__ */ f("span", { className: "absolute inset-0 bg-gradient-to-br from-accent/30 via-black to-black" }),
+				/* @__PURE__ */ f("span", { className: "absolute inset-0 bg-gradient-to-t from-black/55 via-transparent to-black/35" }),
+				n && /* @__PURE__ */ f("span", {
+					className: "absolute left-4 right-4 top-3 text-left text-white text-[14px] font-semibold truncate",
+					children: n
+				}),
+				/* @__PURE__ */ f("span", {
+					className: `${oe} pointer-events-none group-hover/facade:scale-105`,
+					children: /* @__PURE__ */ f(w, { className: "w-7 h-7 md:w-8 md:h-8 translate-x-0.5 fill-current" })
+				})
+			]
+		})
+	});
+}
+function F({ src: e, title: t, autoPlay: r, loop: i, className: a = "" }) {
+	let o = u(null), [s, c] = d(!1), [l, m] = d(0), [h, g] = d(0), [_, v] = d(0), [y, b] = d(!1), [S, ee] = d(1), [C, T] = d(!1);
+	return /* @__PURE__ */ p("div", {
+		role: "region",
+		"aria-label": `Recording: ${t || n(e)}`,
+		className: `fbos-audio w-full flex items-center gap-3 rounded-2xl border border-[var(--panel-border)] bg-[var(--panel-bg)] px-3 py-2.5 ${a}`,
+		children: [
+			/* @__PURE__ */ f("audio", {
+				ref: o,
+				src: e,
+				preload: "metadata",
+				autoPlay: r,
+				loop: i,
+				className: "hidden",
+				onPlay: () => c(!0),
+				onPause: () => c(!1),
+				onEnded: () => c(!1),
+				onTimeUpdate: (e) => m(e.currentTarget.currentTime),
+				onLoadedMetadata: (e) => g(e.currentTarget.duration),
+				onDurationChange: (e) => g(e.currentTarget.duration),
+				onProgress: (e) => {
+					let t = e.currentTarget.buffered;
+					t.length && v(t.end(t.length - 1));
+				},
+				onVolumeChange: (e) => b(e.currentTarget.muted),
+				onRateChange: (e) => ee(e.currentTarget.playbackRate),
+				onError: () => T(!0)
+			}),
+			/* @__PURE__ */ f("button", {
+				type: "button",
+				onClick: () => {
+					let e = o.current;
+					e && (e.paused ? e.play().catch(() => {}) : e.pause());
+				},
+				disabled: C,
+				"aria-label": s ? "Pause" : "Play",
+				className: "w-10 h-10 shrink-0 rounded-full bg-accent text-[var(--button-fg,#fff)] flex items-center justify-center shadow-md hover:scale-105 active:scale-95 transition-transform cursor-pointer disabled:opacity-40",
+				children: s ? /* @__PURE__ */ f(x, { className: "w-4 h-4 fill-current" }) : /* @__PURE__ */ f(w, { className: "w-4 h-4 fill-current translate-x-px" })
+			}),
+			/* @__PURE__ */ p("div", {
+				className: "flex-1 min-w-0 flex flex-col",
+				children: [/* @__PURE__ */ p("div", {
+					className: "flex items-center justify-between gap-2",
+					children: [/* @__PURE__ */ f("span", {
+						className: "text-[13px] font-semibold text-foreground truncate",
+						children: t || n(e)
+					}), /* @__PURE__ */ f("span", {
+						className: "text-[11.5px] font-medium text-foreground/50 tabular-nums whitespace-nowrap",
+						children: C ? "Could not be played" : `${k(l)} / ${k(h)}`
+					})]
+				}), /* @__PURE__ */ f(M, {
+					value: l,
+					max: h,
+					buffered: _,
+					onSeek: (e) => {
+						let t = o.current;
+						!t || !Number.isFinite(e) || (t.currentTime = Math.max(0, Math.min(e, Number.isFinite(t.duration) ? t.duration : e)), m(t.currentTime));
+					},
+					tone: "theme",
+					label: "Time"
+				})]
+			}),
+			/* @__PURE__ */ p("button", {
+				type: "button",
+				onClick: () => {
+					let e = o.current;
+					if (!e) return;
+					let t = [
+						1,
+						1.25,
+						1.5,
+						2,
+						.75
+					];
+					e.playbackRate = t[(t.indexOf(e.playbackRate) + 1) % t.length] || 1;
+				},
+				"aria-label": "Playback speed",
+				className: "h-8 px-2 shrink-0 rounded-lg text-[12px] font-bold tabular-nums text-foreground/60 hover:text-foreground hover:bg-foreground/5 transition-colors cursor-pointer",
+				children: [S, "×"]
+			}),
+			/* @__PURE__ */ f("button", {
+				type: "button",
+				onClick: () => {
+					o.current && (o.current.muted = !o.current.muted);
+				},
+				"aria-label": y ? "Turn the sound on" : "Mute",
+				className: "w-8 h-8 shrink-0 rounded-lg flex items-center justify-center text-foreground/60 hover:text-foreground hover:bg-foreground/5 transition-colors cursor-pointer",
+				children: f(y ? ie : re, { className: "w-4 h-4" })
+			})
+		]
+	});
+}
+function I(n) {
+	let r = e(n.src);
+	return r ? /* @__PURE__ */ f(P, {
+		...n,
+		embed: r
+	}) : t(n.src, n.type) === "audio" ? /* @__PURE__ */ f(F, { ...n }) : /* @__PURE__ */ f(N, { ...n }, n.src);
+}
+//#endregion
+export { h as i, te as n, w as r, I as t };