Shad0ws commited on
Commit
693315f
·
1 Parent(s): bf012f7

Update assets/index-d9bee18e.js

Browse files
Files changed (1) hide show
  1. assets/index-d9bee18e.js +1 -1
assets/index-d9bee18e.js CHANGED
@@ -44,4 +44,4 @@ Error generating stack: `+i.message+`
44
  `)].join(`
45
  `));let p=a.props,m=typeof(p==null?void 0:p.className)=="function"?(...h)=>wu(p==null?void 0:p.className(...h),u.className):wu(p==null?void 0:p.className,u.className),v=m?{className:m}:{};return w.cloneElement(a,Object.assign({},bf(a.props,Ja(fl(u,["ref"]))),d,s,sy(a.ref,s.ref),v))}return w.createElement(o,Object.assign({},fl(u,["ref"]),o!==w.Fragment&&s,o!==w.Fragment&&d),a)}function sy(...e){return{ref:e.every(t=>t==null)?void 0:t=>{for(let n of e)n!=null&&(typeof n=="function"?n(t):n.current=t)}}}function bf(...e){if(e.length===0)return{};if(e.length===1)return e[0];let t={},n={};for(let r of e)for(let o in r)o.startsWith("on")&&typeof r[o]=="function"?(n[o]!=null||(n[o]=[]),n[o].push(r[o])):t[o]=r[o];if(t.disabled||t["aria-disabled"])return Object.assign(t,Object.fromEntries(Object.keys(n).map(r=>[r,void 0])));for(let r in n)Object.assign(t,{[r](o,...i){let l=n[r];for(let u of l){if((o instanceof Event||(o==null?void 0:o.nativeEvent)instanceof Event)&&o.defaultPrevented)return;u(o,...i)}}});return t}function Fe(e){var t;return Object.assign(w.forwardRef(e),{displayName:(t=e.displayName)!=null?t:e.name})}function Ja(e){let t=Object.assign({},e);for(let n in t)t[n]===void 0&&delete t[n];return t}function fl(e,t=[]){let n=Object.assign({},e);for(let r of t)r in n&&delete n[r];return n}function ay(e){let t=e.parentElement,n=null;for(;t&&!(t instanceof HTMLFieldSetElement);)t instanceof HTMLLegendElement&&(n=t),t=t.parentElement;let r=(t==null?void 0:t.getAttribute("disabled"))==="";return r&&cy(n)?!1:r}function cy(e){if(!e)return!1;let t=e.previousElementSibling;for(;t!==null;){if(t instanceof HTMLLegendElement)return!1;t=t.previousElementSibling}return!0}let dy="div";var oi=(e=>(e[e.None=1]="None",e[e.Focusable=2]="Focusable",e[e.Hidden=4]="Hidden",e))(oi||{});function fy(e,t){let{features:n=1,...r}=e,o={ref:t,"aria-hidden":(n&2)===2?!0:void 0,style:{position:"fixed",top:1,left:1,width:1,height:0,padding:0,margin:-1,overflow:"hidden",clip:"rect(0, 0, 0, 0)",whiteSpace:"nowrap",borderWidth:"0",...(n&4)===4&&(n&2)!==2&&{display:"none"}}};return je({ourProps:o,theirProps:r,slot:{},defaultTag:dy,name:"Hidden"})}let Su=Fe(fy),Ns=w.createContext(null);Ns.displayName="OpenClosedContext";var Pe=(e=>(e[e.Open=1]="Open",e[e.Closed=2]="Closed",e[e.Closing=4]="Closing",e[e.Opening=8]="Opening",e))(Pe||{});function Ps(){return w.useContext(Ns)}function py({value:e,children:t}){return A.createElement(Ns.Provider,{value:e},t)}var Wf=(e=>(e.Space=" ",e.Enter="Enter",e.Escape="Escape",e.Backspace="Backspace",e.Delete="Delete",e.ArrowLeft="ArrowLeft",e.ArrowUp="ArrowUp",e.ArrowRight="ArrowRight",e.ArrowDown="ArrowDown",e.Home="Home",e.End="End",e.PageUp="PageUp",e.PageDown="PageDown",e.Tab="Tab",e))(Wf||{});function Rs(e,t){let n=w.useRef([]),r=ue(e);w.useEffect(()=>{let o=[...n.current];for(let[i,l]of t.entries())if(n.current[i]!==l){let u=r(t,o);return n.current=t,u}},[r,...t])}function my(){return/iPhone/gi.test(window.navigator.platform)||/Mac/gi.test(window.navigator.platform)&&window.navigator.maxTouchPoints>0}function hy(e,t,n){let r=wt(t);w.useEffect(()=>{function o(i){r.current(i)}return window.addEventListener(e,o,n),()=>window.removeEventListener(e,o,n)},[e,n])}var dr=(e=>(e[e.Forwards=0]="Forwards",e[e.Backwards=1]="Backwards",e))(dr||{});function yy(){let e=w.useRef(0);return hy("keydown",t=>{t.key==="Tab"&&(e.current=t.shiftKey?1:0)},!0),e}function Kr(){let e=w.useRef(!1);return lt(()=>(e.current=!0,()=>{e.current=!1}),[]),e}function Li(...e){return w.useMemo(()=>Bf(...e),[...e])}function Qf(e,t,n,r){let o=wt(n);w.useEffect(()=>{e=e??window;function i(l){o.current(l)}return e.addEventListener(t,i,r),()=>e.removeEventListener(t,i,r)},[e,t,r])}function gy(e){function t(){document.readyState!=="loading"&&(e(),document.removeEventListener("DOMContentLoaded",t))}typeof window<"u"&&typeof document<"u"&&(document.addEventListener("DOMContentLoaded",t),t())}function Kf(e){if(!e)return new Set;if(typeof e=="function")return new Set(e());let t=new Set;for(let n of e.current)n.current instanceof HTMLElement&&t.add(n.current);return t}let vy="div";var Gf=(e=>(e[e.None=1]="None",e[e.InitialFocus=2]="InitialFocus",e[e.TabLock=4]="TabLock",e[e.FocusLock=8]="FocusLock",e[e.RestoreFocus=16]="RestoreFocus",e[e.All=30]="All",e))(Gf||{});function wy(e,t){let n=w.useRef(null),r=Ye(n,t),{initialFocus:o,containers:i,features:l=30,...u}=e;Kn()||(l=1);let s=Li(n);Ey({ownerDocument:s},!!(l&16));let a=Cy({ownerDocument:s,container:n,initialFocus:o},!!(l&2));xy({ownerDocument:s,container:n,containers:i,previousActiveElement:a},!!(l&8));let d=yy(),p=ue(g=>{let x=n.current;x&&(f=>f())(()=>{he(d.current,{[dr.Forwards]:()=>{Uo(x,Jt.First,{skipElements:[g.relatedTarget]})},[dr.Backwards]:()=>{Uo(x,Jt.Last,{skipElements:[g.relatedTarget]})}})})}),m=Ts(),v=w.useRef(!1),h={ref:r,onKeyDown(g){g.key=="Tab"&&(v.current=!0,m.requestAnimationFrame(()=>{v.current=!1}))},onBlur(g){let x=Kf(i);n.current instanceof HTMLElement&&x.add(n.current);let f=g.relatedTarget;f instanceof HTMLElement&&f.dataset.headlessuiFocusGuard!=="true"&&(qf(x,f)||(v.current?Uo(n.current,he(d.current,{[dr.Forwards]:()=>Jt.Next,[dr.Backwards]:()=>Jt.Previous})|Jt.WrapAround,{relativeTo:g.target}):g.target instanceof HTMLElement&&ln(g.target)))}};return A.createElement(A.Fragment,null,!!(l&4)&&A.createElement(Su,{as:"button",type:"button","data-headlessui-focus-guard":!0,onFocus:p,features:oi.Focusable}),je({ourProps:h,theirProps:u,defaultTag:vy,name:"FocusTrap"}),!!(l&4)&&A.createElement(Su,{as:"button",type:"button","data-headlessui-focus-guard":!0,onFocus:p,features:oi.Focusable}))}let Sy=Fe(wy),ir=Object.assign(Sy,{features:Gf}),Ut=[];gy(()=>{function e(t){t.target instanceof HTMLElement&&t.target!==document.body&&Ut[0]!==t.target&&(Ut.unshift(t.target),Ut=Ut.filter(n=>n!=null&&n.isConnected),Ut.splice(10))}window.addEventListener("click",e,{capture:!0}),window.addEventListener("mousedown",e,{capture:!0}),window.addEventListener("focus",e,{capture:!0}),document.body.addEventListener("click",e,{capture:!0}),document.body.addEventListener("mousedown",e,{capture:!0}),document.body.addEventListener("focus",e,{capture:!0})});function ky(e=!0){let t=w.useRef(Ut.slice());return Rs(([n],[r])=>{r===!0&&n===!1&&Qr(()=>{t.current.splice(0)}),r===!1&&n===!0&&(t.current=Ut.slice())},[e,Ut,t]),ue(()=>{var n;return(n=t.current.find(r=>r!=null&&r.isConnected))!=null?n:null})}function Ey({ownerDocument:e},t){let n=ky(t);Rs(()=>{t||(e==null?void 0:e.activeElement)===(e==null?void 0:e.body)&&ln(n())},[t]);let r=w.useRef(!1);w.useEffect(()=>(r.current=!1,()=>{r.current=!0,Qr(()=>{r.current&&ln(n())})}),[])}function Cy({ownerDocument:e,container:t,initialFocus:n},r){let o=w.useRef(null),i=Kr();return Rs(()=>{if(!r)return;let l=t.current;l&&Qr(()=>{if(!i.current)return;let u=e==null?void 0:e.activeElement;if(n!=null&&n.current){if((n==null?void 0:n.current)===u){o.current=u;return}}else if(l.contains(u)){o.current=u;return}n!=null&&n.current?ln(n.current):Uo(l,Jt.First)===jf.Error&&console.warn("There are no focusable elements inside the <FocusTrap />"),o.current=e==null?void 0:e.activeElement})},[r]),o}function xy({ownerDocument:e,container:t,containers:n,previousActiveElement:r},o){let i=Kr();Qf(e==null?void 0:e.defaultView,"focus",l=>{if(!o||!i.current)return;let u=Kf(n);t.current instanceof HTMLElement&&u.add(t.current);let s=r.current;if(!s)return;let a=l.target;a&&a instanceof HTMLElement?qf(u,a)?(r.current=a,ln(a)):(l.preventDefault(),l.stopPropagation(),ln(s)):ln(r.current)},!0)}function qf(e,t){for(let n of e)if(n.contains(t))return!0;return!1}let Xf=w.createContext(!1);function Ty(){return w.useContext(Xf)}function ku(e){return A.createElement(Xf.Provider,{value:e.force},e.children)}function Ny(e){let t=Ty(),n=w.useContext(Yf),r=Li(e),[o,i]=w.useState(()=>{if(!t&&n!==null||vt.isServer)return null;let l=r==null?void 0:r.getElementById("headlessui-portal-root");if(l)return l;if(r===null)return null;let u=r.createElement("div");return u.setAttribute("id","headlessui-portal-root"),r.body.appendChild(u)});return w.useEffect(()=>{o!==null&&(r!=null&&r.body.contains(o)||r==null||r.body.appendChild(o))},[o,r]),w.useEffect(()=>{t||n!==null&&i(n.current)},[n,i,t]),o}let Py=w.Fragment;function Ry(e,t){let n=e,r=w.useRef(null),o=Ye(uy(d=>{r.current=d}),t),i=Li(r),l=Ny(r),[u]=w.useState(()=>{var d;return vt.isServer?null:(d=i==null?void 0:i.createElement("div"))!=null?d:null}),s=Kn(),a=w.useRef(!1);return lt(()=>{if(a.current=!1,!(!l||!u))return l.contains(u)||(u.setAttribute("data-headlessui-portal",""),l.appendChild(u)),()=>{a.current=!0,Qr(()=>{var d;a.current&&(!l||!u||(u instanceof Node&&l.contains(u)&&l.removeChild(u),l.childNodes.length<=0&&((d=l.parentElement)==null||d.removeChild(l))))})}},[l,u]),s?!l||!u?null:Sf.createPortal(je({ourProps:{ref:o},theirProps:n,defaultTag:Py,name:"Portal"}),u):null}let Ly=w.Fragment,Yf=w.createContext(null);function _y(e,t){let{target:n,...r}=e,o={ref:Ye(t)};return A.createElement(Yf.Provider,{value:n},je({ourProps:o,theirProps:r,defaultTag:Ly,name:"Popover.Group"}))}let Uy=Fe(Ry),Oy=Fe(_y),Eu=Object.assign(Uy,{Group:Oy}),Jf=w.createContext(null);function Zf(){let e=w.useContext(Jf);if(e===null){let t=new Error("You used a <Description /> component, but it is not inside a relevant parent.");throw Error.captureStackTrace&&Error.captureStackTrace(t,Zf),t}return e}function Fy(){let[e,t]=w.useState([]);return[e.length>0?e.join(" "):void 0,w.useMemo(()=>function(n){let r=ue(i=>(t(l=>[...l,i]),()=>t(l=>{let u=l.slice(),s=u.indexOf(i);return s!==-1&&u.splice(s,1),u}))),o=w.useMemo(()=>({register:r,slot:n.slot,name:n.name,props:n.props}),[r,n.slot,n.name,n.props]);return A.createElement(Jf.Provider,{value:o},n.children)},[t])]}let Dy="p";function Ay(e,t){let n=Gn(),{id:r=`headlessui-description-${n}`,...o}=e,i=Zf(),l=Ye(t);lt(()=>i.register(r),[r,i.register]);let u={ref:l,...i.props,id:r};return je({ourProps:u,theirProps:o,slot:i.slot||{},defaultTag:Dy,name:i.name||"Description"})}let My=Fe(Ay),$y=Object.assign(My,{}),Ls=w.createContext(()=>{});Ls.displayName="StackContext";var Cu=(e=>(e[e.Add=0]="Add",e[e.Remove=1]="Remove",e))(Cu||{});function zy(){return w.useContext(Ls)}function Iy({children:e,onUpdate:t,type:n,element:r,enabled:o}){let i=zy(),l=ue((...u)=>{t==null||t(...u),i(...u)});return lt(()=>{let u=o===void 0||o===!0;return u&&l(0,n,r),()=>{u&&l(1,n,r)}},[l,n,r,o]),A.createElement(Ls.Provider,{value:l},e)}function By(e,t){return e===t&&(e!==0||1/e===1/t)||e!==e&&t!==t}const jy=typeof Object.is=="function"?Object.is:By,{useState:Hy,useEffect:Vy,useLayoutEffect:by,useDebugValue:Wy}=Sl;function Qy(e,t,n){const r=t(),[{inst:o},i]=Hy({inst:{value:r,getSnapshot:t}});return by(()=>{o.value=r,o.getSnapshot=t,pl(o)&&i({inst:o})},[e,r,t]),Vy(()=>(pl(o)&&i({inst:o}),e(()=>{pl(o)&&i({inst:o})})),[e]),Wy(r),r}function pl(e){const t=e.getSnapshot,n=e.value;try{const r=t();return!jy(n,r)}catch{return!0}}function Ky(e,t,n){return t()}const Gy=typeof window<"u"&&typeof window.document<"u"&&typeof window.document.createElement<"u",qy=!Gy,Xy=qy?Ky:Qy,Yy="useSyncExternalStore"in Sl?(e=>e.useSyncExternalStore)(Sl):Xy;function Jy(e){return Yy(e.subscribe,e.getSnapshot,e.getSnapshot)}function Zy(e,t){let n=e(),r=new Set;return{getSnapshot(){return n},subscribe(o){return r.add(o),()=>r.delete(o)},dispatch(o,...i){let l=t[o].call(n,...i);l&&(n=l,r.forEach(u=>u()))}}}function e1(){let e;return{before({doc:t}){var n;let r=t.documentElement;e=((n=t.defaultView)!=null?n:window).innerWidth-r.clientWidth},after({doc:t,d:n}){let r=t.documentElement,o=r.clientWidth-r.offsetWidth,i=e-o;n.style(r,"paddingRight",`${i}px`)}}}function t1(){if(!my())return{};let e;return{before(){e=window.pageYOffset},after({doc:t,d:n,meta:r}){function o(l){return r.containers.flatMap(u=>u()).some(u=>u.contains(l))}n.style(t.body,"marginTop",`-${e}px`),window.scrollTo(0,0);let i=null;n.addEventListener(t,"click",l=>{if(l.target instanceof HTMLElement)try{let u=l.target.closest("a");if(!u)return;let{hash:s}=new URL(u.href),a=t.querySelector(s);a&&!o(a)&&(i=a)}catch{}},!0),n.addEventListener(t,"touchmove",l=>{l.target instanceof HTMLElement&&!o(l.target)&&l.preventDefault()},{passive:!1}),n.add(()=>{window.scrollTo(0,window.pageYOffset+e),i&&i.isConnected&&(i.scrollIntoView({block:"nearest"}),i=null)})}}}function n1(){return{before({doc:e,d:t}){t.style(e.documentElement,"overflow","hidden")}}}function r1(e){let t={};for(let n of e)Object.assign(t,n(t));return t}let nn=Zy(()=>new Map,{PUSH(e,t){var n;let r=(n=this.get(e))!=null?n:{doc:e,count:0,d:Qn(),meta:new Set};return r.count++,r.meta.add(t),this.set(e,r),this},POP(e,t){let n=this.get(e);return n&&(n.count--,n.meta.delete(t)),this},SCROLL_PREVENT({doc:e,d:t,meta:n}){let r={doc:e,d:t,meta:r1(n)},o=[t1(),e1(),n1()];o.forEach(({before:i})=>i==null?void 0:i(r)),o.forEach(({after:i})=>i==null?void 0:i(r))},SCROLL_ALLOW({d:e}){e.dispose()},TEARDOWN({doc:e}){this.delete(e)}});nn.subscribe(()=>{let e=nn.getSnapshot(),t=new Map;for(let[n]of e)t.set(n,n.documentElement.style.overflow);for(let n of e.values()){let r=t.get(n.doc)==="hidden",o=n.count!==0;(o&&!r||!o&&r)&&nn.dispatch(n.count>0?"SCROLL_PREVENT":"SCROLL_ALLOW",n),n.count===0&&nn.dispatch("TEARDOWN",n)}});function o1(e,t,n){let r=Jy(nn),o=e?r.get(e):void 0,i=o?o.count>0:!1;return lt(()=>{if(!(!e||!t))return nn.dispatch("PUSH",e,n),()=>nn.dispatch("POP",e,n)},[t,e]),i}let ml=new Map,lr=new Map;function Za(e,t=!0){lt(()=>{var n;if(!t)return;let r=typeof e=="function"?e():e.current;if(!r)return;function o(){var l;if(!r)return;let u=(l=lr.get(r))!=null?l:1;if(u===1?lr.delete(r):lr.set(r,u-1),u!==1)return;let s=ml.get(r);s&&(s["aria-hidden"]===null?r.removeAttribute("aria-hidden"):r.setAttribute("aria-hidden",s["aria-hidden"]),r.inert=s.inert,ml.delete(r))}let i=(n=lr.get(r))!=null?n:0;return lr.set(r,i+1),i!==0||(ml.set(r,{"aria-hidden":r.getAttribute("aria-hidden"),inert:r.inert}),r.setAttribute("aria-hidden","true"),r.inert=!0),o},[e,t])}var i1=(e=>(e[e.Open=0]="Open",e[e.Closed=1]="Closed",e))(i1||{}),l1=(e=>(e[e.SetTitleId=0]="SetTitleId",e))(l1||{});let u1={[0](e,t){return e.titleId===t.id?e:{...e,titleId:t.id}}},ii=w.createContext(null);ii.displayName="DialogContext";function Gr(e){let t=w.useContext(ii);if(t===null){let n=new Error(`<${e} /> is missing a parent <Dialog /> component.`);throw Error.captureStackTrace&&Error.captureStackTrace(n,Gr),n}return t}function s1(e,t,n=()=>[document.body]){o1(e,t,r=>{var o;return{containers:[...(o=r.containers)!=null?o:[],n]}})}function a1(e,t){return he(t.type,u1,e,t)}let c1="div",d1=ri.RenderStrategy|ri.Static;function f1(e,t){let n=Gn(),{id:r=`headlessui-dialog-${n}`,open:o,onClose:i,initialFocus:l,__demoMode:u=!1,...s}=e,[a,d]=w.useState(0),p=Ps();o===void 0&&p!==null&&(o=(p&Pe.Open)===Pe.Open);let m=w.useRef(null),v=Ye(m,t),h=w.useRef(null),g=Li(m),x=e.hasOwnProperty("open")||p!==null,f=e.hasOwnProperty("onClose");if(!x&&!f)throw new Error("You have to provide an `open` and an `onClose` prop to the `Dialog` component.");if(!x)throw new Error("You provided an `onClose` prop to the `Dialog`, but forgot an `open` prop.");if(!f)throw new Error("You provided an `open` prop to the `Dialog`, but forgot an `onClose` prop.");if(typeof o!="boolean")throw new Error(`You provided an \`open\` prop to the \`Dialog\`, but the value is not a boolean. Received: ${o}`);if(typeof i!="function")throw new Error(`You provided an \`onClose\` prop to the \`Dialog\`, but the value is not a function. Received: ${i}`);let c=o?0:1,[y,k]=w.useReducer(a1,{titleId:null,descriptionId:null,panelRef:w.createRef()}),T=ue(()=>i(!1)),R=ue(Q=>k({type:0,id:Q})),N=Kn()?u?!1:c===0:!1,L=a>1,B=w.useContext(ii)!==null,U=L?"parent":"leaf",V=p!==null?(p&Pe.Closing)===Pe.Closing:!1,He=(()=>B||V?!1:N)(),Ve=w.useCallback(()=>{var Q,te;return(te=Array.from((Q=g==null?void 0:g.querySelectorAll("body > *"))!=null?Q:[]).find(G=>G.id==="headlessui-portal-root"?!1:G.contains(h.current)&&G instanceof HTMLElement))!=null?te:null},[h]);Za(Ve,He);let mn=(()=>L?!0:N)(),ut=w.useCallback(()=>{var Q,te;return(te=Array.from((Q=g==null?void 0:g.querySelectorAll("[data-headlessui-portal]"))!=null?Q:[]).find(G=>G.contains(h.current)&&G instanceof HTMLElement))!=null?te:null},[h]);Za(ut,mn);let st=ue(()=>{var Q,te;return[...Array.from((Q=g==null?void 0:g.querySelectorAll("html > *, body > *, [data-headlessui-portal]"))!=null?Q:[]).filter(G=>!(G===document.body||G===document.head||!(G instanceof HTMLElement)||G.contains(h.current)||y.panelRef.current&&G.contains(y.panelRef.current))),(te=y.panelRef.current)!=null?te:m.current]}),Kt=(()=>!(!N||L))();ly(()=>st(),T,Kt);let P=(()=>!(L||c!==0))();Qf(g==null?void 0:g.defaultView,"keydown",Q=>{P&&(Q.defaultPrevented||Q.key===Wf.Escape&&(Q.preventDefault(),Q.stopPropagation(),T()))});let O=(()=>!(V||c!==0||B))();s1(g,O,st),w.useEffect(()=>{if(c!==0||!m.current)return;let Q=new ResizeObserver(te=>{for(let G of te){let qr=G.target.getBoundingClientRect();qr.x===0&&qr.y===0&&qr.width===0&&qr.height===0&&T()}});return Q.observe(m.current),()=>Q.disconnect()},[c,m,T]);let[F,I]=Fy(),ee=w.useMemo(()=>[{dialogState:c,close:T,setTitleId:R},y],[c,y,T,R]),Gt=w.useMemo(()=>({open:c===0}),[c]),at={ref:v,id:r,role:"dialog","aria-modal":c===0?!0:void 0,"aria-labelledby":y.titleId,"aria-describedby":F};return A.createElement(Iy,{type:"Dialog",enabled:c===0,element:m,onUpdate:ue((Q,te)=>{te==="Dialog"&&he(Q,{[Cu.Add]:()=>d(G=>G+1),[Cu.Remove]:()=>d(G=>G-1)})})},A.createElement(ku,{force:!0},A.createElement(Eu,null,A.createElement(ii.Provider,{value:ee},A.createElement(Eu.Group,{target:m},A.createElement(ku,{force:!1},A.createElement(I,{slot:Gt,name:"Dialog.Description"},A.createElement(ir,{initialFocus:l,containers:st,features:N?he(U,{parent:ir.features.RestoreFocus,leaf:ir.features.All&~ir.features.FocusLock}):ir.features.None},je({ourProps:at,theirProps:s,slot:Gt,defaultTag:c1,features:d1,visible:c===0,name:"Dialog"})))))))),A.createElement(Su,{features:oi.Hidden,ref:h}))}let p1="div";function m1(e,t){let n=Gn(),{id:r=`headlessui-dialog-overlay-${n}`,...o}=e,[{dialogState:i,close:l}]=Gr("Dialog.Overlay"),u=Ye(t),s=ue(d=>{if(d.target===d.currentTarget){if(ay(d.currentTarget))return d.preventDefault();d.preventDefault(),d.stopPropagation(),l()}}),a=w.useMemo(()=>({open:i===0}),[i]);return je({ourProps:{ref:u,id:r,"aria-hidden":!0,onClick:s},theirProps:o,slot:a,defaultTag:p1,name:"Dialog.Overlay"})}let h1="div";function y1(e,t){let n=Gn(),{id:r=`headlessui-dialog-backdrop-${n}`,...o}=e,[{dialogState:i},l]=Gr("Dialog.Backdrop"),u=Ye(t);w.useEffect(()=>{if(l.panelRef.current===null)throw new Error("A <Dialog.Backdrop /> component is being used, but a <Dialog.Panel /> component is missing.")},[l.panelRef]);let s=w.useMemo(()=>({open:i===0}),[i]);return A.createElement(ku,{force:!0},A.createElement(Eu,null,je({ourProps:{ref:u,id:r,"aria-hidden":!0},theirProps:o,slot:s,defaultTag:h1,name:"Dialog.Backdrop"})))}let g1="div";function v1(e,t){let n=Gn(),{id:r=`headlessui-dialog-panel-${n}`,...o}=e,[{dialogState:i},l]=Gr("Dialog.Panel"),u=Ye(t,l.panelRef),s=w.useMemo(()=>({open:i===0}),[i]),a=ue(d=>{d.stopPropagation()});return je({ourProps:{ref:u,id:r,onClick:a},theirProps:o,slot:s,defaultTag:g1,name:"Dialog.Panel"})}let w1="h2";function S1(e,t){let n=Gn(),{id:r=`headlessui-dialog-title-${n}`,...o}=e,[{dialogState:i,setTitleId:l}]=Gr("Dialog.Title"),u=Ye(t);w.useEffect(()=>(l(r),()=>l(null)),[r,l]);let s=w.useMemo(()=>({open:i===0}),[i]);return je({ourProps:{ref:u,id:r},theirProps:o,slot:s,defaultTag:w1,name:"Dialog.Title"})}let k1=Fe(f1),E1=Fe(y1),C1=Fe(v1),x1=Fe(m1),T1=Fe(S1),hl=Object.assign(k1,{Backdrop:E1,Panel:C1,Overlay:x1,Title:T1,Description:$y});function N1(e=0){let[t,n]=w.useState(e),r=Kr(),o=w.useCallback(s=>{r.current&&n(a=>a|s)},[t,r]),i=w.useCallback(s=>!!(t&s),[t]),l=w.useCallback(s=>{r.current&&n(a=>a&~s)},[n,r]),u=w.useCallback(s=>{r.current&&n(a=>a^s)},[n]);return{flags:t,addFlag:o,hasFlag:i,removeFlag:l,toggleFlag:u}}function P1(e){let t={called:!1};return(...n)=>{if(!t.called)return t.called=!0,e(...n)}}function yl(e,...t){e&&t.length>0&&e.classList.add(...t)}function gl(e,...t){e&&t.length>0&&e.classList.remove(...t)}function R1(e,t){let n=Qn();if(!e)return n.dispose;let{transitionDuration:r,transitionDelay:o}=getComputedStyle(e),[i,l]=[r,o].map(s=>{let[a=0]=s.split(",").filter(Boolean).map(d=>d.includes("ms")?parseFloat(d):parseFloat(d)*1e3).sort((d,p)=>p-d);return a}),u=i+l;if(u!==0){n.group(a=>{a.setTimeout(()=>{t(),a.dispose()},u),a.addEventListener(e,"transitionrun",d=>{d.target===d.currentTarget&&a.dispose()})});let s=n.addEventListener(e,"transitionend",a=>{a.target===a.currentTarget&&(t(),s())})}else t();return n.add(()=>t()),n.dispose}function L1(e,t,n,r){let o=n?"enter":"leave",i=Qn(),l=r!==void 0?P1(r):()=>{};o==="enter"&&(e.removeAttribute("hidden"),e.style.display="");let u=he(o,{enter:()=>t.enter,leave:()=>t.leave}),s=he(o,{enter:()=>t.enterTo,leave:()=>t.leaveTo}),a=he(o,{enter:()=>t.enterFrom,leave:()=>t.leaveFrom});return gl(e,...t.enter,...t.enterTo,...t.enterFrom,...t.leave,...t.leaveFrom,...t.leaveTo,...t.entered),yl(e,...u,...a),i.nextFrame(()=>{gl(e,...a),yl(e,...s),R1(e,()=>(gl(e,...u),yl(e,...t.entered),l()))}),i.dispose}function _1({container:e,direction:t,classes:n,onStart:r,onStop:o}){let i=Kr(),l=Ts(),u=wt(t);lt(()=>{let s=Qn();l.add(s.dispose);let a=e.current;if(a&&u.current!=="idle"&&i.current)return s.dispose(),r.current(u.current),s.add(L1(a,n.current,u.current==="enter",()=>{s.dispose(),o.current(u.current)})),s.dispose},[t])}function qt(e=""){return e.split(" ").filter(t=>t.trim().length>1)}let _i=w.createContext(null);_i.displayName="TransitionContext";var U1=(e=>(e.Visible="visible",e.Hidden="hidden",e))(U1||{});function O1(){let e=w.useContext(_i);if(e===null)throw new Error("A <Transition.Child /> is used but it is missing a parent <Transition /> or <Transition.Root />.");return e}function F1(){let e=w.useContext(Ui);if(e===null)throw new Error("A <Transition.Child /> is used but it is missing a parent <Transition /> or <Transition.Root />.");return e}let Ui=w.createContext(null);Ui.displayName="NestingContext";function Oi(e){return"children"in e?Oi(e.children):e.current.filter(({el:t})=>t.current!==null).filter(({state:t})=>t==="visible").length>0}function ep(e,t){let n=wt(e),r=w.useRef([]),o=Kr(),i=Ts(),l=ue((v,h=ht.Hidden)=>{let g=r.current.findIndex(({el:x})=>x===v);g!==-1&&(he(h,{[ht.Unmount](){r.current.splice(g,1)},[ht.Hidden](){r.current[g].state="hidden"}}),i.microTask(()=>{var x;!Oi(r)&&o.current&&((x=n.current)==null||x.call(n))}))}),u=ue(v=>{let h=r.current.find(({el:g})=>g===v);return h?h.state!=="visible"&&(h.state="visible"):r.current.push({el:v,state:"visible"}),()=>l(v,ht.Unmount)}),s=w.useRef([]),a=w.useRef(Promise.resolve()),d=w.useRef({enter:[],leave:[],idle:[]}),p=ue((v,h,g)=>{s.current.splice(0),t&&(t.chains.current[h]=t.chains.current[h].filter(([x])=>x!==v)),t==null||t.chains.current[h].push([v,new Promise(x=>{s.current.push(x)})]),t==null||t.chains.current[h].push([v,new Promise(x=>{Promise.all(d.current[h].map(([f,c])=>c)).then(()=>x())})]),h==="enter"?a.current=a.current.then(()=>t==null?void 0:t.wait.current).then(()=>g(h)):g(h)}),m=ue((v,h,g)=>{Promise.all(d.current[h].splice(0).map(([x,f])=>f)).then(()=>{var x;(x=s.current.shift())==null||x()}).then(()=>g(h))});return w.useMemo(()=>({children:r,register:u,unregister:l,onStart:p,onStop:m,wait:a,chains:d}),[u,l,r,p,m,d,a])}function D1(){}let A1=["beforeEnter","afterEnter","beforeLeave","afterLeave"];function ec(e){var t;let n={};for(let r of A1)n[r]=(t=e[r])!=null?t:D1;return n}function M1(e){let t=w.useRef(ec(e));return w.useEffect(()=>{t.current=ec(e)},[e]),t}let $1="div",tp=ri.RenderStrategy;function z1(e,t){let{beforeEnter:n,afterEnter:r,beforeLeave:o,afterLeave:i,enter:l,enterFrom:u,enterTo:s,entered:a,leave:d,leaveFrom:p,leaveTo:m,...v}=e,h=w.useRef(null),g=Ye(h,t),x=v.unmount?ht.Unmount:ht.Hidden,{show:f,appear:c,initial:y}=O1(),[k,T]=w.useState(f?"visible":"hidden"),R=F1(),{register:N,unregister:L}=R,B=w.useRef(null);w.useEffect(()=>N(h),[N,h]),w.useEffect(()=>{if(x===ht.Hidden&&h.current){if(f&&k!=="visible"){T("visible");return}return he(k,{hidden:()=>L(h),visible:()=>N(h)})}},[k,h,N,L,f,x]);let U=wt({enter:qt(l),enterFrom:qt(u),enterTo:qt(s),entered:qt(a),leave:qt(d),leaveFrom:qt(p),leaveTo:qt(m)}),V=M1({beforeEnter:n,afterEnter:r,beforeLeave:o,afterLeave:i}),He=Kn();w.useEffect(()=>{if(He&&k==="visible"&&h.current===null)throw new Error("Did you forget to passthrough the `ref` to the actual DOM node?")},[h,k,He]);let Ve=y&&!c,mn=(()=>!He||Ve||B.current===f?"idle":f?"enter":"leave")(),ut=N1(0),st=ue(I=>he(I,{enter:()=>{ut.addFlag(Pe.Opening),V.current.beforeEnter()},leave:()=>{ut.addFlag(Pe.Closing),V.current.beforeLeave()},idle:()=>{}})),Kt=ue(I=>he(I,{enter:()=>{ut.removeFlag(Pe.Opening),V.current.afterEnter()},leave:()=>{ut.removeFlag(Pe.Closing),V.current.afterLeave()},idle:()=>{}})),P=ep(()=>{T("hidden"),L(h)},R);_1({container:h,classes:U,direction:mn,onStart:wt(I=>{P.onStart(h,I,st)}),onStop:wt(I=>{P.onStop(h,I,Kt),I==="leave"&&!Oi(P)&&(T("hidden"),L(h))})}),w.useEffect(()=>{Ve&&(x===ht.Hidden?B.current=null:B.current=f)},[f,Ve,k]);let O=v,F={ref:g};return c&&f&&(O={...O,className:wu(v.className,...U.current.enter,...U.current.enterFrom)}),A.createElement(Ui.Provider,{value:P},A.createElement(py,{value:he(k,{visible:Pe.Open,hidden:Pe.Closed})|ut.flags},je({ourProps:F,theirProps:O,defaultTag:$1,features:tp,visible:k==="visible",name:"Transition.Child"})))}function I1(e,t){let{show:n,appear:r=!1,unmount:o,...i}=e,l=w.useRef(null),u=Ye(l,t);Kn();let s=Ps();if(n===void 0&&s!==null&&(n=(s&Pe.Open)===Pe.Open),![!0,!1].includes(n))throw new Error("A <Transition /> is used but it is missing a `show={true | false}` prop.");let[a,d]=w.useState(n?"visible":"hidden"),p=ep(()=>{d("hidden")}),[m,v]=w.useState(!0),h=w.useRef([n]);lt(()=>{m!==!1&&h.current[h.current.length-1]!==n&&(h.current.push(n),v(!1))},[h,n]);let g=w.useMemo(()=>({show:n,appear:r,initial:m}),[n,r,m]);w.useEffect(()=>{if(n)d("visible");else if(!Oi(p))d("hidden");else{let f=l.current;if(!f)return;let c=f.getBoundingClientRect();c.x===0&&c.y===0&&c.width===0&&c.height===0&&d("hidden")}},[n,p]);let x={unmount:o};return A.createElement(Ui.Provider,{value:p},A.createElement(_i.Provider,{value:g},je({ourProps:{...x,as:w.Fragment,children:A.createElement(np,{ref:u,...x,...i})},theirProps:{},defaultTag:w.Fragment,features:tp,visible:a==="visible",name:"Transition"})))}function B1(e,t){let n=w.useContext(_i)!==null,r=Ps()!==null;return A.createElement(A.Fragment,null,!n&&r?A.createElement(xu,{ref:t,...e}):A.createElement(np,{ref:t,...e}))}let xu=Fe(I1),np=Fe(z1),j1=Fe(B1),vl=Object.assign(xu,{Child:j1,Root:xu});function _s({show:e,onClose:t,onSubmit:n,title:r,content:o,submitText:i,submitEnabled:l=!0}){return C(vl,{appear:!0,show:e,as:w.Fragment,children:$(hl,{as:"div",className:"relative z-10",onClose:t,children:[C(vl.Child,{as:w.Fragment,enter:"ease-out duration-300",enterFrom:"opacity-0",enterTo:"opacity-100",leave:"ease-in duration-200",leaveFrom:"opacity-100",leaveTo:"opacity-0",children:C("div",{className:"fixed inset-0 bg-black bg-opacity-25"})}),C("div",{className:"fixed inset-0 overflow-y-auto",children:C("div",{className:"flex min-h-full items-center justify-center p-4 text-center",children:C(vl.Child,{as:w.Fragment,enter:"ease-out duration-300",enterFrom:"opacity-0 scale-95",enterTo:"opacity-100 scale-100",leave:"ease-in duration-200",leaveFrom:"opacity-100 scale-100",leaveTo:"opacity-0 scale-95",children:$(hl.Panel,{className:"w-full max-w-md transform overflow-hidden rounded-2xl bg-white p-6 text-left align-middle shadow-xl transition-all",children:[C(hl.Title,{as:"h3",className:"text-lg font-medium leading-6 text-gray-900",children:r}),C("div",{className:"mt-3 text-sm text-gray-500",children:o}),$("div",{className:"mt-4 flex flex-row-reverse",children:[i&&C("button",{type:"button",disabled:!l,className:`inline-flex ml-4 justify-center rounded-md border border-transparent ${l?"bg-indigo-600":"bg-grey-300"} px-4 py-2 text-sm font-medium text-indigo-100 ${l?"hover:bg-indigo-500 focus:outline-none focus-visible:ring-2 focus-visible:ring-indigo-500 focus-visible:ring-offset-2":""} transition-all duration-300`,onClick:n,children:i}),C("button",{type:"button",className:"inline-flex justify-center rounded-md border border-transparent bg-indigo-100 px-4 py-2 text-sm font-medium text-indigo-900 hover:bg-indigo-200 focus:outline-none focus-visible:ring-2 focus-visible:ring-indigo-500 focus-visible:ring-offset-2 transition-all duration-300",onClick:t,children:"Close"})]})]})})})})]})})}function H1(e){return C("div",{children:C("input",{...e,type:"url",className:"my-2 bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500",placeholder:"www.example.com",required:!0})})}function V1(e){const t=w.useRef(null),n=w.useRef(null);return w.useEffect(()=>{t.current&&n.current&&(n.current.src=e.audioUrl,t.current.load())},[e.audioUrl]),C("div",{className:"flex relative z-10 p-4 w-full",children:C("audio",{ref:t,controls:!0,className:"w-full h-14 rounded-lg bg-white shadow-xl shadow-black/5 ring-1 ring-slate-700/10",children:C("source",{ref:n,type:e.mimeType})})})}function b1(e){const{isModelLoading:t,isTranscribing:n,onClick:r,...o}=e;return C("button",{...o,onClick:i=>{r&&!n&&!t&&r(i)},disabled:n,className:"text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center mr-2 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800 inline-flex items-center",children:t?C(tc,{text:"Loading model..."}):n?C(tc,{text:"Transcribing..."}):"Transcribe Audio"})}function tc(e){return $("div",{role:"status",children:[$("svg",{"aria-hidden":"true",role:"status",className:"inline w-4 h-4 mr-3 text-white animate-spin",viewBox:"0 0 100 101",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[C("path",{d:"M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z",fill:"#E5E7EB"}),C("path",{d:"M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z",fill:"currentColor"})]}),e.text]})}function W1(){let e=!1;return function(t){(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino|android|ipad|playbook|silk/i.test(t)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(t.substr(0,4)))&&(e=!0)}(navigator.userAgent||navigator.vendor||("opera"in window&&typeof window.opera=="string"?window.opera:"")),e}const nc=W1(),ft={SAMPLING_RATE:16e3,DEFAULT_AUDIO_URL:`https://huggingface.co/datasets/Xenova/transformers.js-docs/resolve/main/${nc?"jfk":"ted_60"}.wav`,DEFAULT_MODEL:"tiny",DEFAULT_SUBTASK:"transcribe",DEFAULT_LANGUAGE:"english",DEFAULT_QUANTIZED:nc,DEFAULT_MULTILINGUAL:!1};function Q1({text:e,percentage:t}){return t=t??0,C("div",{className:"mt-0.5 w-full relative text-sm text-white background-bg-cyan-400 bg-gray-200 border-1 border-gray-400 rounded-lg text-left overflow-hidden",children:$("div",{className:"top-0 h-full bg-blue-500 whitespace-nowrap px-2",style:{width:`${t}%`},children:[e," (",`${t.toFixed(2)}%`,")"]})})}function wl(e){return String(e).padStart(2,"0")}function rp(e){const t=e/3600|0;e-=t*(60*60);const n=e/60|0;e-=n*60;const r=e|0;return`${t?wl(t)+":":""}${wl(n)}:${wl(r)}`}const K1={172351395:{name:"EBML",type:"Container"},646:{name:"EBMLVersion",type:"Uint"},759:{name:"EBMLReadVersion",type:"Uint"},754:{name:"EBMLMaxIDLength",type:"Uint"},755:{name:"EBMLMaxSizeLength",type:"Uint"},642:{name:"DocType",type:"String"},647:{name:"DocTypeVersion",type:"Uint"},645:{name:"DocTypeReadVersion",type:"Uint"},108:{name:"Void",type:"Binary"},63:{name:"CRC-32",type:"Binary"},190023271:{name:"SignatureSlot",type:"Container"},16010:{name:"SignatureAlgo",type:"Uint"},16026:{name:"SignatureHash",type:"Uint"},16037:{name:"SignaturePublicKey",type:"Binary"},16053:{name:"Signature",type:"Binary"},15963:{name:"SignatureElements",type:"Container"},15995:{name:"SignatureElementList",type:"Container"},9522:{name:"SignedElement",type:"Binary"},139690087:{name:"Segment",type:"Container"},21863284:{name:"SeekHead",type:"Container"},3515:{name:"Seek",type:"Container"},5035:{name:"SeekID",type:"Binary"},5036:{name:"SeekPosition",type:"Uint"},88713574:{name:"Info",type:"Container"},13220:{name:"SegmentUID",type:"Binary"},13188:{name:"SegmentFilename",type:"String"},1882403:{name:"PrevUID",type:"Binary"},1868715:{name:"PrevFilename",type:"String"},2013475:{name:"NextUID",type:"Binary"},1999803:{name:"NextFilename",type:"String"},1092:{name:"SegmentFamily",type:"Binary"},10532:{name:"ChapterTranslate",type:"Container"},10748:{name:"ChapterTranslateEditionUID",type:"Uint"},10687:{name:"ChapterTranslateCodec",type:"Uint"},10661:{name:"ChapterTranslateID",type:"Binary"},710577:{name:"TimecodeScale",type:"Uint"},1161:{name:"Duration",type:"Float"},1121:{name:"DateUTC",type:"Date"},15273:{name:"Title",type:"String"},3456:{name:"MuxingApp",type:"String"},5953:{name:"WritingApp",type:"String"},103:{name:"Timecode",type:"Uint"},6228:{name:"SilentTracks",type:"Container"},6359:{name:"SilentTrackNumber",type:"Uint"},39:{name:"Position",type:"Uint"},43:{name:"PrevSize",type:"Uint"},35:{name:"SimpleBlock",type:"Binary"},32:{name:"BlockGroup",type:"Container"},33:{name:"Block",type:"Binary"},34:{name:"BlockVirtual",type:"Binary"},13729:{name:"BlockAdditions",type:"Container"},38:{name:"BlockMore",type:"Container"},110:{name:"BlockAddID",type:"Uint"},37:{name:"BlockAdditional",type:"Binary"},27:{name:"BlockDuration",type:"Uint"},122:{name:"ReferencePriority",type:"Uint"},123:{name:"ReferenceBlock",type:"Int"},125:{name:"ReferenceVirtual",type:"Int"},36:{name:"CodecState",type:"Binary"},13730:{name:"DiscardPadding",type:"Int"},14:{name:"Slices",type:"Container"},104:{name:"TimeSlice",type:"Container"},76:{name:"LaceNumber",type:"Uint"},77:{name:"FrameNumber",type:"Uint"},75:{name:"BlockAdditionID",type:"Uint"},78:{name:"Delay",type:"Uint"},79:{name:"SliceDuration",type:"Uint"},72:{name:"ReferenceFrame",type:"Container"},73:{name:"ReferenceOffset",type:"Uint"},74:{name:"ReferenceTimeCode",type:"Uint"},47:{name:"EncryptedBlock",type:"Binary"},106212971:{name:"Tracks",type:"Container"},46:{name:"TrackEntry",type:"Container"},87:{name:"TrackNumber",type:"Uint"},13253:{name:"TrackUID",type:"Uint"},3:{name:"TrackType",type:"Uint"},57:{name:"FlagEnabled",type:"Uint"},8:{name:"FlagDefault",type:"Uint"},5546:{name:"FlagForced",type:"Uint"},28:{name:"FlagLacing",type:"Uint"},11751:{name:"MinCache",type:"Uint"},11768:{name:"MaxCache",type:"Uint"},254851:{name:"DefaultDuration",type:"Uint"},216698:{name:"DefaultDecodedFieldDuration",type:"Uint"},209231:{name:"TrackTimecodeScale",type:"Float"},4991:{name:"TrackOffset",type:"Int"},5614:{name:"MaxBlockAdditionID",type:"Uint"},4974:{name:"Name",type:"String"},177564:{name:"Language",type:"String"},6:{name:"CodecID",type:"String"},9122:{name:"CodecPrivate",type:"Binary"},362120:{name:"CodecName",type:"String"},13382:{name:"AttachmentLink",type:"Uint"},1742487:{name:"CodecSettings",type:"String"},1785920:{name:"CodecInfoURL",type:"String"},438848:{name:"CodecDownloadURL",type:"String"},42:{name:"CodecDecodeAll",type:"Uint"},12203:{name:"TrackOverlay",type:"Uint"},5802:{name:"CodecDelay",type:"Uint"},5819:{name:"SeekPreRoll",type:"Uint"},9764:{name:"TrackTranslate",type:"Container"},9980:{name:"TrackTranslateEditionUID",type:"Uint"},9919:{name:"TrackTranslateCodec",type:"Uint"},9893:{name:"TrackTranslateTrackID",type:"Binary"},96:{name:"Video",type:"Container"},26:{name:"FlagInterlaced",type:"Uint"},5048:{name:"StereoMode",type:"Uint"},5056:{name:"AlphaMode",type:"Uint"},5049:{name:"OldStereoMode",type:"Uint"},48:{name:"PixelWidth",type:"Uint"},58:{name:"PixelHeight",type:"Uint"},5290:{name:"PixelCropBottom",type:"Uint"},5307:{name:"PixelCropTop",type:"Uint"},5324:{name:"PixelCropLeft",type:"Uint"},5341:{name:"PixelCropRight",type:"Uint"},5296:{name:"DisplayWidth",type:"Uint"},5306:{name:"DisplayHeight",type:"Uint"},5298:{name:"DisplayUnit",type:"Uint"},5299:{name:"AspectRatioType",type:"Uint"},963876:{name:"ColourSpace",type:"Binary"},1029411:{name:"GammaValue",type:"Float"},230371:{name:"FrameRate",type:"Float"},97:{name:"Audio",type:"Container"},53:{name:"SamplingFrequency",type:"Float"},14517:{name:"OutputSamplingFrequency",type:"Float"},31:{name:"Channels",type:"Uint"},15739:{name:"ChannelPositions",type:"Binary"},8804:{name:"BitDepth",type:"Uint"},98:{name:"TrackOperation",type:"Container"},99:{name:"TrackCombinePlanes",type:"Container"},100:{name:"TrackPlane",type:"Container"},101:{name:"TrackPlaneUID",type:"Uint"},102:{name:"TrackPlaneType",type:"Uint"},105:{name:"TrackJoinBlocks",type:"Container"},109:{name:"TrackJoinUID",type:"Uint"},64:{name:"TrickTrackUID",type:"Uint"},65:{name:"TrickTrackSegmentUID",type:"Binary"},70:{name:"TrickTrackFlag",type:"Uint"},71:{name:"TrickMasterTrackUID",type:"Uint"},68:{name:"TrickMasterTrackSegmentUID",type:"Binary"},11648:{name:"ContentEncodings",type:"Container"},8768:{name:"ContentEncoding",type:"Container"},4145:{name:"ContentEncodingOrder",type:"Uint"},4146:{name:"ContentEncodingScope",type:"Uint"},4147:{name:"ContentEncodingType",type:"Uint"},4148:{name:"ContentCompression",type:"Container"},596:{name:"ContentCompAlgo",type:"Uint"},597:{name:"ContentCompSettings",type:"Binary"},4149:{name:"ContentEncryption",type:"Container"},2017:{name:"ContentEncAlgo",type:"Uint"},2018:{name:"ContentEncKeyID",type:"Binary"},2019:{name:"ContentSignature",type:"Binary"},2020:{name:"ContentSigKeyID",type:"Binary"},2021:{name:"ContentSigAlgo",type:"Uint"},2022:{name:"ContentSigHashAlgo",type:"Uint"},206814059:{name:"Cues",type:"Container"},59:{name:"CuePoint",type:"Container"},51:{name:"CueTime",type:"Uint"},55:{name:"CueTrackPositions",type:"Container"},119:{name:"CueTrack",type:"Uint"},113:{name:"CueClusterPosition",type:"Uint"},112:{name:"CueRelativePosition",type:"Uint"},50:{name:"CueDuration",type:"Uint"},4984:{name:"CueBlockNumber",type:"Uint"},106:{name:"CueCodecState",type:"Uint"},91:{name:"CueReference",type:"Container"},22:{name:"CueRefTime",type:"Uint"},23:{name:"CueRefCluster",type:"Uint"},4959:{name:"CueRefNumber",type:"Uint"},107:{name:"CueRefCodecState",type:"Uint"},155296873:{name:"Attachments",type:"Container"},8615:{name:"AttachedFile",type:"Container"},1662:{name:"FileDescription",type:"String"},1646:{name:"FileName",type:"String"},1632:{name:"FileMimeType",type:"String"},1628:{name:"FileData",type:"Binary"},1710:{name:"FileUID",type:"Uint"},1653:{name:"FileReferral",type:"Binary"},1633:{name:"FileUsedStartTime",type:"Uint"},1634:{name:"FileUsedEndTime",type:"Uint"},4433776:{name:"Chapters",type:"Container"},1465:{name:"EditionEntry",type:"Container"},1468:{name:"EditionUID",type:"Uint"},1469:{name:"EditionFlagHidden",type:"Uint"},1499:{name:"EditionFlagDefault",type:"Uint"},1501:{name:"EditionFlagOrdered",type:"Uint"},54:{name:"ChapterAtom",type:"Container"},13252:{name:"ChapterUID",type:"Uint"},5716:{name:"ChapterStringUID",type:"String"},17:{name:"ChapterTimeStart",type:"Uint"},18:{name:"ChapterTimeEnd",type:"Uint"},24:{name:"ChapterFlagHidden",type:"Uint"},1432:{name:"ChapterFlagEnabled",type:"Uint"},11879:{name:"ChapterSegmentUID",type:"Binary"},11964:{name:"ChapterSegmentEditionUID",type:"Uint"},9155:{name:"ChapterPhysicalEquiv",type:"Uint"},15:{name:"ChapterTrack",type:"Container"},9:{name:"ChapterTrackNumber",type:"Uint"},0:{name:"ChapterDisplay",type:"Container"},5:{name:"ChapString",type:"String"},892:{name:"ChapLanguage",type:"String"},894:{name:"ChapCountry",type:"String"},10564:{name:"ChapProcess",type:"Container"},10581:{name:"ChapProcessCodecID",type:"Uint"},1293:{name:"ChapProcessPrivate",type:"Binary"},10513:{name:"ChapProcessCommand",type:"Container"},10530:{name:"ChapProcessTime",type:"Uint"},10547:{name:"ChapProcessData",type:"Binary"},39109479:{name:"Tags",type:"Container"},13171:{name:"Tag",type:"Container"},9152:{name:"Targets",type:"Container"},10442:{name:"TargetTypeValue",type:"Uint"},9162:{name:"TargetType",type:"String"},9157:{name:"TagTrackUID",type:"Uint"},9161:{name:"TagEditionUID",type:"Uint"},9156:{name:"TagChapterUID",type:"Uint"},9158:{name:"TagAttachmentUID",type:"Uint"},10184:{name:"SimpleTag",type:"Container"},1443:{name:"TagName",type:"String"},1146:{name:"TagLanguage",type:"String"},1156:{name:"TagDefault",type:"Uint"},1159:{name:"TagString",type:"String"},1157:{name:"TagBinary",type:"Binary"}};class li{constructor(t="Unknown",n="Unknown"){qn(this,"source");qn(this,"data");this.name=t,this.type=n}updateBySource(){}setSource(t){this.source=t,this.updateBySource()}updateByData(){}setData(t){this.data=t,this.updateByData()}}class G1 extends li{constructor(t,n){super(t,n||"Uint")}updateBySource(){this.data="";for(let t=0;t<this.source.length;t++){const n=this.source[t].toString(16);this.data+=rc(n)}}updateByData(){const t=this.data.length/2;this.source=new Uint8Array(t);for(let n=0;n<t;n++){const r=this.data.substr(n*2,2);this.source[n]=parseInt(r,16)}}getValue(){return parseInt(this.data,16)}setValue(t){this.setData(rc(t.toString(16)))}}function rc(e){return e.length%2===1?"0"+e:e}class op extends li{constructor(t,n){super(t,n||"Float")}getFloatArrayType(){return this.source&&this.source.length===4?Float32Array:Float64Array}updateBySource(){const t=this.source.reverse(),n=this.getFloatArrayType(),r=new n(t.buffer);this.data=r[0]}updateByData(){const t=this.getFloatArrayType(),n=new t([this.data]),r=new Uint8Array(n.buffer);this.source=r.reverse()}getValue(){return this.data}setValue(t){this.setData(t)}}class Us extends li{constructor(n,r){super(n,r||"Container");qn(this,"offset",0);qn(this,"data",[])}readByte(){return this.source[this.offset++]}readUint(){const n=this.readByte(),r=8-n.toString(2).length;let o=n-(1<<7-r);for(let i=0;i<r;i++)o*=256,o+=this.readByte();return o}updateBySource(){let n;for(this.data=[],this.offset=0;this.offset<this.source.length;this.offset=n){const r=this.readUint(),o=this.readUint();n=Math.min(this.offset+o,this.source.length);const i=this.source.slice(this.offset,n),l=K1[r]||{name:"Unknown",type:"Unknown"};let u=li;switch(l.type){case"Container":u=Us;break;case"Uint":u=G1;break;case"Float":u=op;break}const s=new u(l.name,l.type);s.setSource(i),this.data.push({id:r,idHex:r.toString(16),data:s})}}writeUint(n,r=!1){for(var o=1,i=128;n>=i&&o<8;o++,i*=128);if(!r){let l=i+n;for(let u=o-1;u>=0;u--){const s=l%256;this.source[this.offset+u]=s,l=(l-s)/256}}this.offset+=o}writeSections(n=!1){this.offset=0;for(let r=0;r<this.data.length;r++){const o=this.data[r],i=o.data.source,l=i.length;this.writeUint(o.id,n),this.writeUint(l,n),n||this.source.set(i,this.offset),this.offset+=l}return this.offset}updateByData(){const n=this.writeSections(!0);this.source=new Uint8Array(n),this.writeSections()}getSectionById(n){for(let r=0;r<this.data.length;r++){const o=this.data[r];if(o.id===n)return o.data}}}class q1 extends Us{constructor(t){super("File","File"),this.setSource(t)}fixDuration(t){const n=this.getSectionById(139690087);if(!n)return!1;const r=n.getSectionById(88713574);if(!r)return!1;const o=r.getSectionById(710577);if(!o)return!1;let i=r.getSectionById(1161);if(i)if(i.getValue()<=0)i.setValue(t);else return!1;else i=new op("Duration","Float"),i.setValue(t),r.data.push({id:1161,data:i});return o.setValue(1e6),r.updateByData(),n.updateByData(),this.updateByData(),!0}toBlob(t="video/webm"){return new Blob([this.source.buffer],{type:t})}}const X1=(e,t,n="video/webm")=>new Promise((r,o)=>{try{const i=new FileReader;i.addEventListener("loadend",()=>{try{const l=i.result,u=new q1(new Uint8Array(l));u.fixDuration(t)?r(u.toBlob(n)):r(e)}catch(l){o(l)}}),i.addEventListener("error",()=>o()),i.readAsArrayBuffer(e)}catch(i){o(i)}});function Y1(){const e=["audio/webm","audio/mp4","audio/ogg","audio/wav","audio/aac"];for(let t=0;t<e.length;t++)if(MediaRecorder.isTypeSupported(e[t]))return e[t]}function J1(e){const[t,n]=w.useState(!1),[r,o]=w.useState(0),[i,l]=w.useState(null),u=w.useRef(null),s=w.useRef(null),a=w.useRef([]),d=w.useRef(null),p=async()=>{l(null);let h=Date.now();try{u.current||(u.current=await navigator.mediaDevices.getUserMedia({audio:!0}));const g=Y1(),x=new MediaRecorder(u.current,{mimeType:g});s.current=x,x.addEventListener("dataavailable",async f=>{if(f.data.size>0&&a.current.push(f.data),x.state==="inactive"){const c=Date.now()-h;let y=new Blob(a.current,{type:g});g==="audio/webm"&&(y=await X1(y,c,y.type)),l(y),e.onRecordingComplete(y),a.current=[]}}),x.start(),n(!0)}catch(g){console.error("Error accessing microphone:",g)}},m=()=>{s.current&&s.current.state==="recording"&&(s.current.stop(),o(0),n(!1))};return w.useEffect(()=>{if(t){const h=setInterval(()=>{o(g=>g+1)},1e3);return()=>{clearInterval(h)}}return()=>{}},[t]),$("div",{className:"flex flex-col justify-center items-center",children:[C("button",{type:"button",className:`m-2 inline-flex justify-center rounded-md border border-transparent px-4 py-2 text-sm font-medium text-white focus:outline-none focus-visible:ring-2 focus-visible:ring-indigo-500 focus-visible:ring-offset-2 transition-all duration-200 ${t?"bg-red-500 hover:bg-red-600":"bg-green-500 hover:bg-green-600"}`,onClick:()=>{t?m():p()},children:t?`Stop Recording (${rp(r)})`:"Start Recording"}),i&&C("audio",{className:"w-full",ref:d,controls:!0,children:C("source",{src:URL.createObjectURL(i),type:i.type})})]})}function Z1(e){return e=e.toLowerCase(),(e.match(/\w+.?/g)||[]).map(t=>t.charAt(0).toUpperCase()+t.slice(1)).join("")}const oc={en:"english",zh:"chinese",de:"german",es:"spanish/castilian",ru:"russian",ko:"korean",fr:"french",ja:"japanese",pt:"portuguese",tr:"turkish",pl:"polish",ca:"catalan/valencian",nl:"dutch/flemish",ar:"arabic",sv:"swedish",it:"italian",id:"indonesian",hi:"hindi",fi:"finnish",vi:"vietnamese",he:"hebrew",uk:"ukrainian",el:"greek",ms:"malay",cs:"czech",ro:"romanian/moldavian/moldovan",da:"danish",hu:"hungarian",ta:"tamil",no:"norwegian",th:"thai",ur:"urdu",hr:"croatian",bg:"bulgarian",lt:"lithuanian",la:"latin",mi:"maori",ml:"malayalam",cy:"welsh",sk:"slovak",te:"telugu",fa:"persian",lv:"latvian",bn:"bengali",sr:"serbian",az:"azerbaijani",sl:"slovenian",kn:"kannada",et:"estonian",mk:"macedonian",br:"breton",eu:"basque",is:"icelandic",hy:"armenian",ne:"nepali",mn:"mongolian",bs:"bosnian",kk:"kazakh",sq:"albanian",sw:"swahili",gl:"galician",mr:"marathi",pa:"punjabi/panjabi",si:"sinhala/sinhalese",km:"khmer",sn:"shona",yo:"yoruba",so:"somali",af:"afrikaans",oc:"occitan",ka:"georgian",be:"belarusian",tg:"tajik",sd:"sindhi",gu:"gujarati",am:"amharic",yi:"yiddish",lo:"lao",uz:"uzbek",fo:"faroese",ht:"haitian creole/haitian",ps:"pashto/pushto",tk:"turkmen",nn:"nynorsk",mt:"maltese",sa:"sanskrit",lb:"luxembourgish/letzeburgesch",my:"myanmar/burmese",bo:"tibetan",tl:"tagalog",mg:"malagasy",as:"assamese",tt:"tatar",haw:"hawaiian",ln:"lingala",ha:"hausa",ba:"bashkir",jw:"javanese",su:"sundanese"};function eg(e){const[t,n]=w.useState(void 0),[r,o]=w.useState(void 0),[i,l]=w.useState(void 0),u=t!==void 0,s=()=>{o(void 0),l(void 0)},a=async(m,v)=>{const h=new AudioContext({sampleRate:ft.SAMPLING_RATE}),g=URL.createObjectURL(new Blob([m],{type:"audio/*"})),x=await h.decodeAudioData(m);o({buffer:x,url:g,source:"URL",mimeType:v})},d=async m=>{s(),n(0);const v=URL.createObjectURL(m),h=new FileReader;h.onprogress=g=>{n(g.loaded/g.total||0)},h.onloadend=async()=>{const g=new AudioContext({sampleRate:ft.SAMPLING_RATE}),x=h.result,f=await g.decodeAudioData(x);n(void 0),o({buffer:f,url:v,source:"RECORDING",mimeType:m.type})},h.readAsArrayBuffer(m)},p=async m=>{if(i)try{o(void 0),n(0);const{data:v,headers:h}=await q0.get(i,{signal:m.signal,responseType:"arraybuffer",onDownloadProgress(x){n(x.progress||0)}});let g=h["content-type"];(!g||g==="audio/wave")&&(g="audio/wav"),a(v,g)}catch(v){console.log("Request failed or aborted",v)}finally{n(void 0)}};return w.useEffect(()=>{if(i){const m=new AbortController;return p(m),()=>{m.abort()}}},[i]),$(nt,{children:[$("div",{className:"flex flex-col justify-center items-center rounded-lg bg-white shadow-xl shadow-black/5 ring-1 ring-slate-700/10",children:[$("div",{className:"flex flex-row space-x-2 py-2 w-full px-2",children:[C(ig,{icon:C(cg,{}),text:"From URL",onUrlUpdate:m=>{e.transcriber.onInputChange(),l(m)}}),C(ic,{}),C(ug,{icon:C(dg,{}),text:"From file",onFileUpdate:(m,v,h)=>{e.transcriber.onInputChange(),o({buffer:m,url:v,source:"FILE",mimeType:h})}}),navigator.mediaDevices&&$(nt,{children:[C(ic,{}),C(sg,{icon:C(pg,{}),text:"Record",setAudioData:m=>{e.transcriber.onInputChange(),d(m)}})]})]}),C(rg,{progress:u?t:+!!r})]}),r&&$(nt,{children:[C(V1,{audioUrl:r.url,mimeType:r.mimeType}),$("div",{className:"relative w-full flex justify-center items-center",children:[C(b1,{onClick:()=>{e.transcriber.start(r.buffer)},isModelLoading:e.transcriber.isModelLoading,isTranscribing:e.transcriber.isBusy}),C(tg,{className:"absolute right-4",transcriber:e.transcriber,icon:C(fg,{})})]}),e.transcriber.progressItems.length>0&&$("div",{className:"relative z-10 p-4 w-full",children:[C("label",{children:"Loading model files... (only run once)"}),e.transcriber.progressItems.map(m=>C("div",{children:C(Q1,{text:m.file,percentage:m.progress})},m.file))]})]})]})}function tg(e){const[t,n]=w.useState(!1),r=()=>{n(!0)},o=()=>{n(!1)},i=l=>{o()};return $("div",{className:e.className,children:[C(Fi,{icon:e.icon,onClick:r}),C(ng,{show:t,onSubmit:i,onClose:o,transcriber:e.transcriber})]})}function ng(e){const t=Object.values(oc).map(Z1),n={tiny:[61,231],base:[103,398],small:[290],medium:[833]};return C(_s,{show:e.show,title:"Settings",content:$(nt,{children:[C("label",{children:"Select the model to use."}),C("select",{className:"mt-1 mb-1 bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500",defaultValue:e.transcriber.model,onChange:r=>{e.transcriber.setModel(r.target.value)},children:Object.keys(n).filter(r=>e.transcriber.quantized||n[r].length==2).map(r=>C("option",{value:r,children:`whisper-${r}${e.transcriber.multilingual?"":".en"} (${n[r][e.transcriber.quantized?0:1]}MB)`},r))}),$("div",{className:"flex justify-between items-center mb-3 px-1",children:[$("div",{className:"flex",children:[C("input",{id:"multilingual",type:"checkbox",checked:e.transcriber.multilingual,onChange:r=>{e.transcriber.setMultilingual(r.target.checked)}}),C("label",{htmlFor:"multilingual",className:"ms-1",children:"Multilingual"})]}),$("div",{className:"flex",children:[C("input",{id:"quantize",type:"checkbox",checked:e.transcriber.quantized,onChange:r=>{e.transcriber.setQuantized(r.target.checked)}}),C("label",{htmlFor:"quantize",className:"ms-1",children:"Quantized"})]})]}),e.transcriber.multilingual&&$(nt,{children:[C("label",{children:"Select the source language."}),C("select",{className:"mt-1 mb-3 bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500",defaultValue:e.transcriber.language,onChange:r=>{e.transcriber.setLanguage(r.target.value)},children:Object.keys(oc).map((r,o)=>C("option",{value:r,children:t[o]},r))}),C("label",{children:"Select the task to perform."}),$("select",{className:"mt-1 mb-3 bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500",defaultValue:e.transcriber.subtask,onChange:r=>{e.transcriber.setSubtask(r.target.value)},children:[C("option",{value:"transcribe",children:"Transcribe"}),C("option",{value:"translate",children:"Translate (to English)"})]})]})]}),onClose:e.onClose,onSubmit:()=>{}})}function ic(){return C("div",{className:"w-[1px] bg-slate-200"})}function rg(e){return C(og,{progress:`${Math.round(e.progress*100)}%`})}function og(e){return C("div",{className:"w-full bg-gray-200 rounded-full h-1 dark:bg-gray-700",children:C("div",{className:"bg-blue-600 h-1 rounded-full transition-all duration-100",style:{width:e.progress}})})}function ig(e){const[t,n]=w.useState(!1),r=()=>{n(!0)},o=()=>{n(!1)},i=l=>{e.onUrlUpdate(l),o()};return $(nt,{children:[C(Fi,{icon:e.icon,text:e.text,onClick:r}),C(lg,{show:t,onSubmit:i,onClose:o})]})}function lg(e){const[t,n]=w.useState(ft.DEFAULT_AUDIO_URL),r=i=>{n(i.target.value)},o=()=>{e.onSubmit(t)};return C(_s,{show:e.show,title:"From URL",content:$(nt,{children:["Enter the URL of the audio file you want to load.",C(H1,{onChange:r,value:t})]}),onClose:e.onClose,submitText:"Load",onSubmit:o})}function ug(e){let t=document.createElement("input");return t.type="file",t.oninput=n=>{let r=n.target.files;if(!r)return;const o=URL.createObjectURL(r[0]),i=r[0].type,l=new FileReader;l.addEventListener("load",async u=>{var p;const s=(p=u.target)==null?void 0:p.result;if(!s)return;const d=await new AudioContext({sampleRate:ft.SAMPLING_RATE}).decodeAudioData(s);e.onFileUpdate(d,o,i)}),l.readAsArrayBuffer(r[0]),t.value=""},C(nt,{children:C(Fi,{icon:e.icon,text:e.text,onClick:()=>t.click()})})}function sg(e){const[t,n]=w.useState(!1),r=()=>{n(!0)},o=()=>{n(!1)},i=l=>{l&&(e.setAudioData(l),o())};return $(nt,{children:[C(Fi,{icon:e.icon,text:e.text,onClick:r}),C(ag,{show:t,onSubmit:i,onClose:o})]})}function ag(e){const[t,n]=w.useState(),r=l=>{n(l)},o=()=>{e.onSubmit(t),n(void 0)},i=()=>{e.onClose(),n(void 0)};return C(_s,{show:e.show,title:"From Recording",content:$(nt,{children:["Record audio using your microphone",C(J1,{onRecordingComplete:r})]}),onClose:i,submitText:"Load",submitEnabled:t!==void 0,onSubmit:o})}function Fi(e){return $("button",{onClick:e.onClick,className:"flex items-center justify-center rounded-lg p-2 bg-blue text-slate-500 hover:text-indigo-600 hover:bg-indigo-50 transition-all duration-200",children:[C("div",{className:"w-7 h-7",children:e.icon}),e.text&&C("div",{className:"ml-2 break-text text-center text-md w-30",children:e.text})]})}function cg(){return C("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:"1.5",stroke:"currentColor",children:C("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M13.19 8.688a4.5 4.5 0 011.242 7.244l-4.5 4.5a4.5 4.5 0 01-6.364-6.364l1.757-1.757m13.35-.622l1.757-1.757a4.5 4.5 0 00-6.364-6.364l-4.5 4.5a4.5 4.5 0 001.242 7.244"})})}function dg(){return C("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:"1.5",stroke:"currentColor",children:C("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M3.75 9.776c.112-.017.227-.026.344-.026h15.812c.117 0 .232.009.344.026m-16.5 0a2.25 2.25 0 00-1.883 2.542l.857 6a2.25 2.25 0 002.227 1.932H19.05a2.25 2.25 0 002.227-1.932l.857-6a2.25 2.25 0 00-1.883-2.542m-16.5 0V6A2.25 2.25 0 016 3.75h3.879a1.5 1.5 0 011.06.44l2.122 2.12a1.5 1.5 0 001.06.44H18A2.25 2.25 0 0120.25 9v.776"})})}function fg(){return $("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:"1.25",stroke:"currentColor",children:[C("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M9.594 3.94c.09-.542.56-.94 1.11-.94h2.593c.55 0 1.02.398 1.11.94l.213 1.281c.063.374.313.686.645.87.074.04.147.083.22.127.324.196.72.257 1.075.124l1.217-.456a1.125 1.125 0 011.37.49l1.296 2.247a1.125 1.125 0 01-.26 1.431l-1.003.827c-.293.24-.438.613-.431.992a6.759 6.759 0 010 .255c-.007.378.138.75.43.99l1.005.828c.424.35.534.954.26 1.43l-1.298 2.247a1.125 1.125 0 01-1.369.491l-1.217-.456c-.355-.133-.75-.072-1.076.124a6.57 6.57 0 01-.22.128c-.331.183-.581.495-.644.869l-.213 1.28c-.09.543-.56.941-1.11.941h-2.594c-.55 0-1.02-.398-1.11-.94l-.213-1.281c-.062-.374-.312-.686-.644-.87a6.52 6.52 0 01-.22-.127c-.325-.196-.72-.257-1.076-.124l-1.217.456a1.125 1.125 0 01-1.369-.49l-1.297-2.247a1.125 1.125 0 01.26-1.431l1.004-.827c.292-.24.437-.613.43-.992a6.932 6.932 0 010-.255c.007-.378-.138-.75-.43-.99l-1.004-.828a1.125 1.125 0 01-.26-1.43l1.297-2.247a1.125 1.125 0 011.37-.491l1.216.456c.356.133.751.072 1.076-.124.072-.044.146-.087.22-.128.332-.183.582-.495.644-.869l.214-1.281z"}),C("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M15 12a3 3 0 11-6 0 3 3 0 016 0z"})]})}function pg(){return C("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",children:C("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M12 18.75a6 6 0 006-6v-1.5m-6 7.5a6 6 0 01-6-6v-1.5m6 7.5v3.75m-3.75 0h7.5M12 15.75a3 3 0 01-3-3V4.5a3 3 0 116 0v8.25a3 3 0 01-3 3z"})})}function mg({transcribedData:e}){const t=w.useRef(null),n=(i,l)=>{const u=URL.createObjectURL(i),s=document.createElement("a");s.href=u,s.download=l,s.click(),URL.revokeObjectURL(u)},r=()=>{let l=((e==null?void 0:e.chunks)??[]).map(s=>s.text).join("").trim();const u=new Blob([l],{type:"text/plain"});n(u,"transcript.txt")},o=()=>{let i=JSON.stringify((e==null?void 0:e.chunks)??[],null,2);const l=/( "timestamp": )\[\s+(\S+)\s+(\S+)\s+\]/gm;i=i.replace(l,"$1[$2 $3]");const u=new Blob([i],{type:"application/json"});n(u,"transcript.json")};return w.useEffect(()=>{t.current&&Math.abs(t.current.offsetHeight+t.current.scrollTop-t.current.scrollHeight)<=64&&(t.current.scrollTop=t.current.scrollHeight)}),$("div",{ref:t,className:"w-full flex flex-col my-2 p-4 max-h-[20rem] overflow-y-auto",children:[e&&e.chunks.map((i,l)=>$("div",{className:"w-full flex flex-row mb-2 bg-white rounded-lg p-4 shadow-xl shadow-black/5 ring-1 ring-slate-700/10",children:[C("div",{className:"mr-5",children:rp(i.timestamp[0])}),i.text]},`${l}-${i.text}`)),e&&!e.isBusy&&$("div",{className:"w-full text-right",children:[C("button",{onClick:r,className:"text-white bg-green-500 hover:bg-green-600 focus:ring-4 focus:ring-green-300 font-medium rounded-lg text-sm px-4 py-2 text-center mr-2 dark:bg-green-600 dark:hover:bg-green-700 dark:focus:ring-green-800 inline-flex items-center",children:"Export TXT"}),C("button",{onClick:o,className:"text-white bg-green-500 hover:bg-green-600 focus:ring-4 focus:ring-green-300 font-medium rounded-lg text-sm px-4 py-2 text-center mr-2 dark:bg-green-600 dark:hover:bg-green-700 dark:focus:ring-green-800 inline-flex items-center",children:"Export JSON"})]})]})}function hg(e){const[t]=w.useState(()=>yg(e));return t}function yg(e){const t=new Worker(new URL("/assets/worker-73961048.js",self.location),{type:"module"});return t.addEventListener("message",e),t}function gg(){const[e,t]=w.useState(void 0),[n,r]=w.useState(!1),[o,i]=w.useState(!1),[l,u]=w.useState([]),s=hg(R=>{const N=R.data;switch(N.status){case"progress":u(U=>U.map(V=>V.file===N.file?{...V,progress:N.progress}:V));break;case"update":const L=N;t({isBusy:!0,text:L.data[0],chunks:L.data[1].chunks});break;case"complete":const B=N;t({isBusy:!1,text:B.data.text,chunks:B.data.chunks}),r(!1);break;case"initiate":i(!0),u(U=>[...U,N]);break;case"ready":i(!1);break;case"error":r(!1),alert(`${N.data.message} This is most likely because you are using Safari on an M1/M2 Mac. Please try again from Chrome, Firefox, or Edge.
46
 
47
- If this is not the case, please file a bug report.`);break;case"done":u(U=>U.filter(V=>V.file!==N.file));break}}),[a,d]=w.useState(ft.DEFAULT_MODEL),[p,m]=w.useState(ft.DEFAULT_SUBTASK),[v,h]=w.useState(ft.DEFAULT_QUANTIZED),[g,x]=w.useState(ft.DEFAULT_MULTILINGUAL),[f,c]=w.useState(ft.DEFAULT_LANGUAGE),y=w.useCallback(()=>{t(void 0)},[]),k=w.useCallback(async R=>{R&&(t(void 0),r(!0),s.postMessage({audio:R.getChannelData(0),model:a,multilingual:g,quantized:v,subtask:g?p:null,language:g&&f!=="auto"?f:null}))},[s,a,g,v,p,f]);return w.useMemo(()=>({onInputChange:y,isBusy:n,isModelLoading:o,progressItems:l,start:k,output:e,model:a,setModel:d,multilingual:g,setMultilingual:x,quantized:v,setQuantized:h,subtask:p,setSubtask:m,language:f,setLanguage:c}),[n,o,l,k,e,a,g,v,p,f])}function vg(){const e=gg();return $("div",{className:"flex justify-center items-center min-h-screen",children:[$("div",{className:"container flex flex-col justify-center items-center",children:[C("h1",{className:"text-5xl font-extrabold tracking-tight text-slate-900 sm:text-7xl text-center",children:"SpeechWeb"}),C("h2",{className:"mt-3 mb-5 px-4 text-center text-1xl font-semibold tracking-tight text-slate-900 sm:text-2xl",children:"ML-powered speech recognition directly in your browser"}),C(eg,{transcriber:e}),C(mg,{transcribedData:e.output})]}),$("div",{className:"absolute bottom-4",children:["Shahnab"," ",C("a",{className:"underline",href:"https://huggingface.co/Shad0ws",children:"🤗"})]})]})}kl.createRoot(document.getElementById("root")).render(C(A.StrictMode,{children:C(vg,{})}));
 
44
  `)].join(`
45
  `));let p=a.props,m=typeof(p==null?void 0:p.className)=="function"?(...h)=>wu(p==null?void 0:p.className(...h),u.className):wu(p==null?void 0:p.className,u.className),v=m?{className:m}:{};return w.cloneElement(a,Object.assign({},bf(a.props,Ja(fl(u,["ref"]))),d,s,sy(a.ref,s.ref),v))}return w.createElement(o,Object.assign({},fl(u,["ref"]),o!==w.Fragment&&s,o!==w.Fragment&&d),a)}function sy(...e){return{ref:e.every(t=>t==null)?void 0:t=>{for(let n of e)n!=null&&(typeof n=="function"?n(t):n.current=t)}}}function bf(...e){if(e.length===0)return{};if(e.length===1)return e[0];let t={},n={};for(let r of e)for(let o in r)o.startsWith("on")&&typeof r[o]=="function"?(n[o]!=null||(n[o]=[]),n[o].push(r[o])):t[o]=r[o];if(t.disabled||t["aria-disabled"])return Object.assign(t,Object.fromEntries(Object.keys(n).map(r=>[r,void 0])));for(let r in n)Object.assign(t,{[r](o,...i){let l=n[r];for(let u of l){if((o instanceof Event||(o==null?void 0:o.nativeEvent)instanceof Event)&&o.defaultPrevented)return;u(o,...i)}}});return t}function Fe(e){var t;return Object.assign(w.forwardRef(e),{displayName:(t=e.displayName)!=null?t:e.name})}function Ja(e){let t=Object.assign({},e);for(let n in t)t[n]===void 0&&delete t[n];return t}function fl(e,t=[]){let n=Object.assign({},e);for(let r of t)r in n&&delete n[r];return n}function ay(e){let t=e.parentElement,n=null;for(;t&&!(t instanceof HTMLFieldSetElement);)t instanceof HTMLLegendElement&&(n=t),t=t.parentElement;let r=(t==null?void 0:t.getAttribute("disabled"))==="";return r&&cy(n)?!1:r}function cy(e){if(!e)return!1;let t=e.previousElementSibling;for(;t!==null;){if(t instanceof HTMLLegendElement)return!1;t=t.previousElementSibling}return!0}let dy="div";var oi=(e=>(e[e.None=1]="None",e[e.Focusable=2]="Focusable",e[e.Hidden=4]="Hidden",e))(oi||{});function fy(e,t){let{features:n=1,...r}=e,o={ref:t,"aria-hidden":(n&2)===2?!0:void 0,style:{position:"fixed",top:1,left:1,width:1,height:0,padding:0,margin:-1,overflow:"hidden",clip:"rect(0, 0, 0, 0)",whiteSpace:"nowrap",borderWidth:"0",...(n&4)===4&&(n&2)!==2&&{display:"none"}}};return je({ourProps:o,theirProps:r,slot:{},defaultTag:dy,name:"Hidden"})}let Su=Fe(fy),Ns=w.createContext(null);Ns.displayName="OpenClosedContext";var Pe=(e=>(e[e.Open=1]="Open",e[e.Closed=2]="Closed",e[e.Closing=4]="Closing",e[e.Opening=8]="Opening",e))(Pe||{});function Ps(){return w.useContext(Ns)}function py({value:e,children:t}){return A.createElement(Ns.Provider,{value:e},t)}var Wf=(e=>(e.Space=" ",e.Enter="Enter",e.Escape="Escape",e.Backspace="Backspace",e.Delete="Delete",e.ArrowLeft="ArrowLeft",e.ArrowUp="ArrowUp",e.ArrowRight="ArrowRight",e.ArrowDown="ArrowDown",e.Home="Home",e.End="End",e.PageUp="PageUp",e.PageDown="PageDown",e.Tab="Tab",e))(Wf||{});function Rs(e,t){let n=w.useRef([]),r=ue(e);w.useEffect(()=>{let o=[...n.current];for(let[i,l]of t.entries())if(n.current[i]!==l){let u=r(t,o);return n.current=t,u}},[r,...t])}function my(){return/iPhone/gi.test(window.navigator.platform)||/Mac/gi.test(window.navigator.platform)&&window.navigator.maxTouchPoints>0}function hy(e,t,n){let r=wt(t);w.useEffect(()=>{function o(i){r.current(i)}return window.addEventListener(e,o,n),()=>window.removeEventListener(e,o,n)},[e,n])}var dr=(e=>(e[e.Forwards=0]="Forwards",e[e.Backwards=1]="Backwards",e))(dr||{});function yy(){let e=w.useRef(0);return hy("keydown",t=>{t.key==="Tab"&&(e.current=t.shiftKey?1:0)},!0),e}function Kr(){let e=w.useRef(!1);return lt(()=>(e.current=!0,()=>{e.current=!1}),[]),e}function Li(...e){return w.useMemo(()=>Bf(...e),[...e])}function Qf(e,t,n,r){let o=wt(n);w.useEffect(()=>{e=e??window;function i(l){o.current(l)}return e.addEventListener(t,i,r),()=>e.removeEventListener(t,i,r)},[e,t,r])}function gy(e){function t(){document.readyState!=="loading"&&(e(),document.removeEventListener("DOMContentLoaded",t))}typeof window<"u"&&typeof document<"u"&&(document.addEventListener("DOMContentLoaded",t),t())}function Kf(e){if(!e)return new Set;if(typeof e=="function")return new Set(e());let t=new Set;for(let n of e.current)n.current instanceof HTMLElement&&t.add(n.current);return t}let vy="div";var Gf=(e=>(e[e.None=1]="None",e[e.InitialFocus=2]="InitialFocus",e[e.TabLock=4]="TabLock",e[e.FocusLock=8]="FocusLock",e[e.RestoreFocus=16]="RestoreFocus",e[e.All=30]="All",e))(Gf||{});function wy(e,t){let n=w.useRef(null),r=Ye(n,t),{initialFocus:o,containers:i,features:l=30,...u}=e;Kn()||(l=1);let s=Li(n);Ey({ownerDocument:s},!!(l&16));let a=Cy({ownerDocument:s,container:n,initialFocus:o},!!(l&2));xy({ownerDocument:s,container:n,containers:i,previousActiveElement:a},!!(l&8));let d=yy(),p=ue(g=>{let x=n.current;x&&(f=>f())(()=>{he(d.current,{[dr.Forwards]:()=>{Uo(x,Jt.First,{skipElements:[g.relatedTarget]})},[dr.Backwards]:()=>{Uo(x,Jt.Last,{skipElements:[g.relatedTarget]})}})})}),m=Ts(),v=w.useRef(!1),h={ref:r,onKeyDown(g){g.key=="Tab"&&(v.current=!0,m.requestAnimationFrame(()=>{v.current=!1}))},onBlur(g){let x=Kf(i);n.current instanceof HTMLElement&&x.add(n.current);let f=g.relatedTarget;f instanceof HTMLElement&&f.dataset.headlessuiFocusGuard!=="true"&&(qf(x,f)||(v.current?Uo(n.current,he(d.current,{[dr.Forwards]:()=>Jt.Next,[dr.Backwards]:()=>Jt.Previous})|Jt.WrapAround,{relativeTo:g.target}):g.target instanceof HTMLElement&&ln(g.target)))}};return A.createElement(A.Fragment,null,!!(l&4)&&A.createElement(Su,{as:"button",type:"button","data-headlessui-focus-guard":!0,onFocus:p,features:oi.Focusable}),je({ourProps:h,theirProps:u,defaultTag:vy,name:"FocusTrap"}),!!(l&4)&&A.createElement(Su,{as:"button",type:"button","data-headlessui-focus-guard":!0,onFocus:p,features:oi.Focusable}))}let Sy=Fe(wy),ir=Object.assign(Sy,{features:Gf}),Ut=[];gy(()=>{function e(t){t.target instanceof HTMLElement&&t.target!==document.body&&Ut[0]!==t.target&&(Ut.unshift(t.target),Ut=Ut.filter(n=>n!=null&&n.isConnected),Ut.splice(10))}window.addEventListener("click",e,{capture:!0}),window.addEventListener("mousedown",e,{capture:!0}),window.addEventListener("focus",e,{capture:!0}),document.body.addEventListener("click",e,{capture:!0}),document.body.addEventListener("mousedown",e,{capture:!0}),document.body.addEventListener("focus",e,{capture:!0})});function ky(e=!0){let t=w.useRef(Ut.slice());return Rs(([n],[r])=>{r===!0&&n===!1&&Qr(()=>{t.current.splice(0)}),r===!1&&n===!0&&(t.current=Ut.slice())},[e,Ut,t]),ue(()=>{var n;return(n=t.current.find(r=>r!=null&&r.isConnected))!=null?n:null})}function Ey({ownerDocument:e},t){let n=ky(t);Rs(()=>{t||(e==null?void 0:e.activeElement)===(e==null?void 0:e.body)&&ln(n())},[t]);let r=w.useRef(!1);w.useEffect(()=>(r.current=!1,()=>{r.current=!0,Qr(()=>{r.current&&ln(n())})}),[])}function Cy({ownerDocument:e,container:t,initialFocus:n},r){let o=w.useRef(null),i=Kr();return Rs(()=>{if(!r)return;let l=t.current;l&&Qr(()=>{if(!i.current)return;let u=e==null?void 0:e.activeElement;if(n!=null&&n.current){if((n==null?void 0:n.current)===u){o.current=u;return}}else if(l.contains(u)){o.current=u;return}n!=null&&n.current?ln(n.current):Uo(l,Jt.First)===jf.Error&&console.warn("There are no focusable elements inside the <FocusTrap />"),o.current=e==null?void 0:e.activeElement})},[r]),o}function xy({ownerDocument:e,container:t,containers:n,previousActiveElement:r},o){let i=Kr();Qf(e==null?void 0:e.defaultView,"focus",l=>{if(!o||!i.current)return;let u=Kf(n);t.current instanceof HTMLElement&&u.add(t.current);let s=r.current;if(!s)return;let a=l.target;a&&a instanceof HTMLElement?qf(u,a)?(r.current=a,ln(a)):(l.preventDefault(),l.stopPropagation(),ln(s)):ln(r.current)},!0)}function qf(e,t){for(let n of e)if(n.contains(t))return!0;return!1}let Xf=w.createContext(!1);function Ty(){return w.useContext(Xf)}function ku(e){return A.createElement(Xf.Provider,{value:e.force},e.children)}function Ny(e){let t=Ty(),n=w.useContext(Yf),r=Li(e),[o,i]=w.useState(()=>{if(!t&&n!==null||vt.isServer)return null;let l=r==null?void 0:r.getElementById("headlessui-portal-root");if(l)return l;if(r===null)return null;let u=r.createElement("div");return u.setAttribute("id","headlessui-portal-root"),r.body.appendChild(u)});return w.useEffect(()=>{o!==null&&(r!=null&&r.body.contains(o)||r==null||r.body.appendChild(o))},[o,r]),w.useEffect(()=>{t||n!==null&&i(n.current)},[n,i,t]),o}let Py=w.Fragment;function Ry(e,t){let n=e,r=w.useRef(null),o=Ye(uy(d=>{r.current=d}),t),i=Li(r),l=Ny(r),[u]=w.useState(()=>{var d;return vt.isServer?null:(d=i==null?void 0:i.createElement("div"))!=null?d:null}),s=Kn(),a=w.useRef(!1);return lt(()=>{if(a.current=!1,!(!l||!u))return l.contains(u)||(u.setAttribute("data-headlessui-portal",""),l.appendChild(u)),()=>{a.current=!0,Qr(()=>{var d;a.current&&(!l||!u||(u instanceof Node&&l.contains(u)&&l.removeChild(u),l.childNodes.length<=0&&((d=l.parentElement)==null||d.removeChild(l))))})}},[l,u]),s?!l||!u?null:Sf.createPortal(je({ourProps:{ref:o},theirProps:n,defaultTag:Py,name:"Portal"}),u):null}let Ly=w.Fragment,Yf=w.createContext(null);function _y(e,t){let{target:n,...r}=e,o={ref:Ye(t)};return A.createElement(Yf.Provider,{value:n},je({ourProps:o,theirProps:r,defaultTag:Ly,name:"Popover.Group"}))}let Uy=Fe(Ry),Oy=Fe(_y),Eu=Object.assign(Uy,{Group:Oy}),Jf=w.createContext(null);function Zf(){let e=w.useContext(Jf);if(e===null){let t=new Error("You used a <Description /> component, but it is not inside a relevant parent.");throw Error.captureStackTrace&&Error.captureStackTrace(t,Zf),t}return e}function Fy(){let[e,t]=w.useState([]);return[e.length>0?e.join(" "):void 0,w.useMemo(()=>function(n){let r=ue(i=>(t(l=>[...l,i]),()=>t(l=>{let u=l.slice(),s=u.indexOf(i);return s!==-1&&u.splice(s,1),u}))),o=w.useMemo(()=>({register:r,slot:n.slot,name:n.name,props:n.props}),[r,n.slot,n.name,n.props]);return A.createElement(Jf.Provider,{value:o},n.children)},[t])]}let Dy="p";function Ay(e,t){let n=Gn(),{id:r=`headlessui-description-${n}`,...o}=e,i=Zf(),l=Ye(t);lt(()=>i.register(r),[r,i.register]);let u={ref:l,...i.props,id:r};return je({ourProps:u,theirProps:o,slot:i.slot||{},defaultTag:Dy,name:i.name||"Description"})}let My=Fe(Ay),$y=Object.assign(My,{}),Ls=w.createContext(()=>{});Ls.displayName="StackContext";var Cu=(e=>(e[e.Add=0]="Add",e[e.Remove=1]="Remove",e))(Cu||{});function zy(){return w.useContext(Ls)}function Iy({children:e,onUpdate:t,type:n,element:r,enabled:o}){let i=zy(),l=ue((...u)=>{t==null||t(...u),i(...u)});return lt(()=>{let u=o===void 0||o===!0;return u&&l(0,n,r),()=>{u&&l(1,n,r)}},[l,n,r,o]),A.createElement(Ls.Provider,{value:l},e)}function By(e,t){return e===t&&(e!==0||1/e===1/t)||e!==e&&t!==t}const jy=typeof Object.is=="function"?Object.is:By,{useState:Hy,useEffect:Vy,useLayoutEffect:by,useDebugValue:Wy}=Sl;function Qy(e,t,n){const r=t(),[{inst:o},i]=Hy({inst:{value:r,getSnapshot:t}});return by(()=>{o.value=r,o.getSnapshot=t,pl(o)&&i({inst:o})},[e,r,t]),Vy(()=>(pl(o)&&i({inst:o}),e(()=>{pl(o)&&i({inst:o})})),[e]),Wy(r),r}function pl(e){const t=e.getSnapshot,n=e.value;try{const r=t();return!jy(n,r)}catch{return!0}}function Ky(e,t,n){return t()}const Gy=typeof window<"u"&&typeof window.document<"u"&&typeof window.document.createElement<"u",qy=!Gy,Xy=qy?Ky:Qy,Yy="useSyncExternalStore"in Sl?(e=>e.useSyncExternalStore)(Sl):Xy;function Jy(e){return Yy(e.subscribe,e.getSnapshot,e.getSnapshot)}function Zy(e,t){let n=e(),r=new Set;return{getSnapshot(){return n},subscribe(o){return r.add(o),()=>r.delete(o)},dispatch(o,...i){let l=t[o].call(n,...i);l&&(n=l,r.forEach(u=>u()))}}}function e1(){let e;return{before({doc:t}){var n;let r=t.documentElement;e=((n=t.defaultView)!=null?n:window).innerWidth-r.clientWidth},after({doc:t,d:n}){let r=t.documentElement,o=r.clientWidth-r.offsetWidth,i=e-o;n.style(r,"paddingRight",`${i}px`)}}}function t1(){if(!my())return{};let e;return{before(){e=window.pageYOffset},after({doc:t,d:n,meta:r}){function o(l){return r.containers.flatMap(u=>u()).some(u=>u.contains(l))}n.style(t.body,"marginTop",`-${e}px`),window.scrollTo(0,0);let i=null;n.addEventListener(t,"click",l=>{if(l.target instanceof HTMLElement)try{let u=l.target.closest("a");if(!u)return;let{hash:s}=new URL(u.href),a=t.querySelector(s);a&&!o(a)&&(i=a)}catch{}},!0),n.addEventListener(t,"touchmove",l=>{l.target instanceof HTMLElement&&!o(l.target)&&l.preventDefault()},{passive:!1}),n.add(()=>{window.scrollTo(0,window.pageYOffset+e),i&&i.isConnected&&(i.scrollIntoView({block:"nearest"}),i=null)})}}}function n1(){return{before({doc:e,d:t}){t.style(e.documentElement,"overflow","hidden")}}}function r1(e){let t={};for(let n of e)Object.assign(t,n(t));return t}let nn=Zy(()=>new Map,{PUSH(e,t){var n;let r=(n=this.get(e))!=null?n:{doc:e,count:0,d:Qn(),meta:new Set};return r.count++,r.meta.add(t),this.set(e,r),this},POP(e,t){let n=this.get(e);return n&&(n.count--,n.meta.delete(t)),this},SCROLL_PREVENT({doc:e,d:t,meta:n}){let r={doc:e,d:t,meta:r1(n)},o=[t1(),e1(),n1()];o.forEach(({before:i})=>i==null?void 0:i(r)),o.forEach(({after:i})=>i==null?void 0:i(r))},SCROLL_ALLOW({d:e}){e.dispose()},TEARDOWN({doc:e}){this.delete(e)}});nn.subscribe(()=>{let e=nn.getSnapshot(),t=new Map;for(let[n]of e)t.set(n,n.documentElement.style.overflow);for(let n of e.values()){let r=t.get(n.doc)==="hidden",o=n.count!==0;(o&&!r||!o&&r)&&nn.dispatch(n.count>0?"SCROLL_PREVENT":"SCROLL_ALLOW",n),n.count===0&&nn.dispatch("TEARDOWN",n)}});function o1(e,t,n){let r=Jy(nn),o=e?r.get(e):void 0,i=o?o.count>0:!1;return lt(()=>{if(!(!e||!t))return nn.dispatch("PUSH",e,n),()=>nn.dispatch("POP",e,n)},[t,e]),i}let ml=new Map,lr=new Map;function Za(e,t=!0){lt(()=>{var n;if(!t)return;let r=typeof e=="function"?e():e.current;if(!r)return;function o(){var l;if(!r)return;let u=(l=lr.get(r))!=null?l:1;if(u===1?lr.delete(r):lr.set(r,u-1),u!==1)return;let s=ml.get(r);s&&(s["aria-hidden"]===null?r.removeAttribute("aria-hidden"):r.setAttribute("aria-hidden",s["aria-hidden"]),r.inert=s.inert,ml.delete(r))}let i=(n=lr.get(r))!=null?n:0;return lr.set(r,i+1),i!==0||(ml.set(r,{"aria-hidden":r.getAttribute("aria-hidden"),inert:r.inert}),r.setAttribute("aria-hidden","true"),r.inert=!0),o},[e,t])}var i1=(e=>(e[e.Open=0]="Open",e[e.Closed=1]="Closed",e))(i1||{}),l1=(e=>(e[e.SetTitleId=0]="SetTitleId",e))(l1||{});let u1={[0](e,t){return e.titleId===t.id?e:{...e,titleId:t.id}}},ii=w.createContext(null);ii.displayName="DialogContext";function Gr(e){let t=w.useContext(ii);if(t===null){let n=new Error(`<${e} /> is missing a parent <Dialog /> component.`);throw Error.captureStackTrace&&Error.captureStackTrace(n,Gr),n}return t}function s1(e,t,n=()=>[document.body]){o1(e,t,r=>{var o;return{containers:[...(o=r.containers)!=null?o:[],n]}})}function a1(e,t){return he(t.type,u1,e,t)}let c1="div",d1=ri.RenderStrategy|ri.Static;function f1(e,t){let n=Gn(),{id:r=`headlessui-dialog-${n}`,open:o,onClose:i,initialFocus:l,__demoMode:u=!1,...s}=e,[a,d]=w.useState(0),p=Ps();o===void 0&&p!==null&&(o=(p&Pe.Open)===Pe.Open);let m=w.useRef(null),v=Ye(m,t),h=w.useRef(null),g=Li(m),x=e.hasOwnProperty("open")||p!==null,f=e.hasOwnProperty("onClose");if(!x&&!f)throw new Error("You have to provide an `open` and an `onClose` prop to the `Dialog` component.");if(!x)throw new Error("You provided an `onClose` prop to the `Dialog`, but forgot an `open` prop.");if(!f)throw new Error("You provided an `open` prop to the `Dialog`, but forgot an `onClose` prop.");if(typeof o!="boolean")throw new Error(`You provided an \`open\` prop to the \`Dialog\`, but the value is not a boolean. Received: ${o}`);if(typeof i!="function")throw new Error(`You provided an \`onClose\` prop to the \`Dialog\`, but the value is not a function. Received: ${i}`);let c=o?0:1,[y,k]=w.useReducer(a1,{titleId:null,descriptionId:null,panelRef:w.createRef()}),T=ue(()=>i(!1)),R=ue(Q=>k({type:0,id:Q})),N=Kn()?u?!1:c===0:!1,L=a>1,B=w.useContext(ii)!==null,U=L?"parent":"leaf",V=p!==null?(p&Pe.Closing)===Pe.Closing:!1,He=(()=>B||V?!1:N)(),Ve=w.useCallback(()=>{var Q,te;return(te=Array.from((Q=g==null?void 0:g.querySelectorAll("body > *"))!=null?Q:[]).find(G=>G.id==="headlessui-portal-root"?!1:G.contains(h.current)&&G instanceof HTMLElement))!=null?te:null},[h]);Za(Ve,He);let mn=(()=>L?!0:N)(),ut=w.useCallback(()=>{var Q,te;return(te=Array.from((Q=g==null?void 0:g.querySelectorAll("[data-headlessui-portal]"))!=null?Q:[]).find(G=>G.contains(h.current)&&G instanceof HTMLElement))!=null?te:null},[h]);Za(ut,mn);let st=ue(()=>{var Q,te;return[...Array.from((Q=g==null?void 0:g.querySelectorAll("html > *, body > *, [data-headlessui-portal]"))!=null?Q:[]).filter(G=>!(G===document.body||G===document.head||!(G instanceof HTMLElement)||G.contains(h.current)||y.panelRef.current&&G.contains(y.panelRef.current))),(te=y.panelRef.current)!=null?te:m.current]}),Kt=(()=>!(!N||L))();ly(()=>st(),T,Kt);let P=(()=>!(L||c!==0))();Qf(g==null?void 0:g.defaultView,"keydown",Q=>{P&&(Q.defaultPrevented||Q.key===Wf.Escape&&(Q.preventDefault(),Q.stopPropagation(),T()))});let O=(()=>!(V||c!==0||B))();s1(g,O,st),w.useEffect(()=>{if(c!==0||!m.current)return;let Q=new ResizeObserver(te=>{for(let G of te){let qr=G.target.getBoundingClientRect();qr.x===0&&qr.y===0&&qr.width===0&&qr.height===0&&T()}});return Q.observe(m.current),()=>Q.disconnect()},[c,m,T]);let[F,I]=Fy(),ee=w.useMemo(()=>[{dialogState:c,close:T,setTitleId:R},y],[c,y,T,R]),Gt=w.useMemo(()=>({open:c===0}),[c]),at={ref:v,id:r,role:"dialog","aria-modal":c===0?!0:void 0,"aria-labelledby":y.titleId,"aria-describedby":F};return A.createElement(Iy,{type:"Dialog",enabled:c===0,element:m,onUpdate:ue((Q,te)=>{te==="Dialog"&&he(Q,{[Cu.Add]:()=>d(G=>G+1),[Cu.Remove]:()=>d(G=>G-1)})})},A.createElement(ku,{force:!0},A.createElement(Eu,null,A.createElement(ii.Provider,{value:ee},A.createElement(Eu.Group,{target:m},A.createElement(ku,{force:!1},A.createElement(I,{slot:Gt,name:"Dialog.Description"},A.createElement(ir,{initialFocus:l,containers:st,features:N?he(U,{parent:ir.features.RestoreFocus,leaf:ir.features.All&~ir.features.FocusLock}):ir.features.None},je({ourProps:at,theirProps:s,slot:Gt,defaultTag:c1,features:d1,visible:c===0,name:"Dialog"})))))))),A.createElement(Su,{features:oi.Hidden,ref:h}))}let p1="div";function m1(e,t){let n=Gn(),{id:r=`headlessui-dialog-overlay-${n}`,...o}=e,[{dialogState:i,close:l}]=Gr("Dialog.Overlay"),u=Ye(t),s=ue(d=>{if(d.target===d.currentTarget){if(ay(d.currentTarget))return d.preventDefault();d.preventDefault(),d.stopPropagation(),l()}}),a=w.useMemo(()=>({open:i===0}),[i]);return je({ourProps:{ref:u,id:r,"aria-hidden":!0,onClick:s},theirProps:o,slot:a,defaultTag:p1,name:"Dialog.Overlay"})}let h1="div";function y1(e,t){let n=Gn(),{id:r=`headlessui-dialog-backdrop-${n}`,...o}=e,[{dialogState:i},l]=Gr("Dialog.Backdrop"),u=Ye(t);w.useEffect(()=>{if(l.panelRef.current===null)throw new Error("A <Dialog.Backdrop /> component is being used, but a <Dialog.Panel /> component is missing.")},[l.panelRef]);let s=w.useMemo(()=>({open:i===0}),[i]);return A.createElement(ku,{force:!0},A.createElement(Eu,null,je({ourProps:{ref:u,id:r,"aria-hidden":!0},theirProps:o,slot:s,defaultTag:h1,name:"Dialog.Backdrop"})))}let g1="div";function v1(e,t){let n=Gn(),{id:r=`headlessui-dialog-panel-${n}`,...o}=e,[{dialogState:i},l]=Gr("Dialog.Panel"),u=Ye(t,l.panelRef),s=w.useMemo(()=>({open:i===0}),[i]),a=ue(d=>{d.stopPropagation()});return je({ourProps:{ref:u,id:r,onClick:a},theirProps:o,slot:s,defaultTag:g1,name:"Dialog.Panel"})}let w1="h2";function S1(e,t){let n=Gn(),{id:r=`headlessui-dialog-title-${n}`,...o}=e,[{dialogState:i,setTitleId:l}]=Gr("Dialog.Title"),u=Ye(t);w.useEffect(()=>(l(r),()=>l(null)),[r,l]);let s=w.useMemo(()=>({open:i===0}),[i]);return je({ourProps:{ref:u,id:r},theirProps:o,slot:s,defaultTag:w1,name:"Dialog.Title"})}let k1=Fe(f1),E1=Fe(y1),C1=Fe(v1),x1=Fe(m1),T1=Fe(S1),hl=Object.assign(k1,{Backdrop:E1,Panel:C1,Overlay:x1,Title:T1,Description:$y});function N1(e=0){let[t,n]=w.useState(e),r=Kr(),o=w.useCallback(s=>{r.current&&n(a=>a|s)},[t,r]),i=w.useCallback(s=>!!(t&s),[t]),l=w.useCallback(s=>{r.current&&n(a=>a&~s)},[n,r]),u=w.useCallback(s=>{r.current&&n(a=>a^s)},[n]);return{flags:t,addFlag:o,hasFlag:i,removeFlag:l,toggleFlag:u}}function P1(e){let t={called:!1};return(...n)=>{if(!t.called)return t.called=!0,e(...n)}}function yl(e,...t){e&&t.length>0&&e.classList.add(...t)}function gl(e,...t){e&&t.length>0&&e.classList.remove(...t)}function R1(e,t){let n=Qn();if(!e)return n.dispose;let{transitionDuration:r,transitionDelay:o}=getComputedStyle(e),[i,l]=[r,o].map(s=>{let[a=0]=s.split(",").filter(Boolean).map(d=>d.includes("ms")?parseFloat(d):parseFloat(d)*1e3).sort((d,p)=>p-d);return a}),u=i+l;if(u!==0){n.group(a=>{a.setTimeout(()=>{t(),a.dispose()},u),a.addEventListener(e,"transitionrun",d=>{d.target===d.currentTarget&&a.dispose()})});let s=n.addEventListener(e,"transitionend",a=>{a.target===a.currentTarget&&(t(),s())})}else t();return n.add(()=>t()),n.dispose}function L1(e,t,n,r){let o=n?"enter":"leave",i=Qn(),l=r!==void 0?P1(r):()=>{};o==="enter"&&(e.removeAttribute("hidden"),e.style.display="");let u=he(o,{enter:()=>t.enter,leave:()=>t.leave}),s=he(o,{enter:()=>t.enterTo,leave:()=>t.leaveTo}),a=he(o,{enter:()=>t.enterFrom,leave:()=>t.leaveFrom});return gl(e,...t.enter,...t.enterTo,...t.enterFrom,...t.leave,...t.leaveFrom,...t.leaveTo,...t.entered),yl(e,...u,...a),i.nextFrame(()=>{gl(e,...a),yl(e,...s),R1(e,()=>(gl(e,...u),yl(e,...t.entered),l()))}),i.dispose}function _1({container:e,direction:t,classes:n,onStart:r,onStop:o}){let i=Kr(),l=Ts(),u=wt(t);lt(()=>{let s=Qn();l.add(s.dispose);let a=e.current;if(a&&u.current!=="idle"&&i.current)return s.dispose(),r.current(u.current),s.add(L1(a,n.current,u.current==="enter",()=>{s.dispose(),o.current(u.current)})),s.dispose},[t])}function qt(e=""){return e.split(" ").filter(t=>t.trim().length>1)}let _i=w.createContext(null);_i.displayName="TransitionContext";var U1=(e=>(e.Visible="visible",e.Hidden="hidden",e))(U1||{});function O1(){let e=w.useContext(_i);if(e===null)throw new Error("A <Transition.Child /> is used but it is missing a parent <Transition /> or <Transition.Root />.");return e}function F1(){let e=w.useContext(Ui);if(e===null)throw new Error("A <Transition.Child /> is used but it is missing a parent <Transition /> or <Transition.Root />.");return e}let Ui=w.createContext(null);Ui.displayName="NestingContext";function Oi(e){return"children"in e?Oi(e.children):e.current.filter(({el:t})=>t.current!==null).filter(({state:t})=>t==="visible").length>0}function ep(e,t){let n=wt(e),r=w.useRef([]),o=Kr(),i=Ts(),l=ue((v,h=ht.Hidden)=>{let g=r.current.findIndex(({el:x})=>x===v);g!==-1&&(he(h,{[ht.Unmount](){r.current.splice(g,1)},[ht.Hidden](){r.current[g].state="hidden"}}),i.microTask(()=>{var x;!Oi(r)&&o.current&&((x=n.current)==null||x.call(n))}))}),u=ue(v=>{let h=r.current.find(({el:g})=>g===v);return h?h.state!=="visible"&&(h.state="visible"):r.current.push({el:v,state:"visible"}),()=>l(v,ht.Unmount)}),s=w.useRef([]),a=w.useRef(Promise.resolve()),d=w.useRef({enter:[],leave:[],idle:[]}),p=ue((v,h,g)=>{s.current.splice(0),t&&(t.chains.current[h]=t.chains.current[h].filter(([x])=>x!==v)),t==null||t.chains.current[h].push([v,new Promise(x=>{s.current.push(x)})]),t==null||t.chains.current[h].push([v,new Promise(x=>{Promise.all(d.current[h].map(([f,c])=>c)).then(()=>x())})]),h==="enter"?a.current=a.current.then(()=>t==null?void 0:t.wait.current).then(()=>g(h)):g(h)}),m=ue((v,h,g)=>{Promise.all(d.current[h].splice(0).map(([x,f])=>f)).then(()=>{var x;(x=s.current.shift())==null||x()}).then(()=>g(h))});return w.useMemo(()=>({children:r,register:u,unregister:l,onStart:p,onStop:m,wait:a,chains:d}),[u,l,r,p,m,d,a])}function D1(){}let A1=["beforeEnter","afterEnter","beforeLeave","afterLeave"];function ec(e){var t;let n={};for(let r of A1)n[r]=(t=e[r])!=null?t:D1;return n}function M1(e){let t=w.useRef(ec(e));return w.useEffect(()=>{t.current=ec(e)},[e]),t}let $1="div",tp=ri.RenderStrategy;function z1(e,t){let{beforeEnter:n,afterEnter:r,beforeLeave:o,afterLeave:i,enter:l,enterFrom:u,enterTo:s,entered:a,leave:d,leaveFrom:p,leaveTo:m,...v}=e,h=w.useRef(null),g=Ye(h,t),x=v.unmount?ht.Unmount:ht.Hidden,{show:f,appear:c,initial:y}=O1(),[k,T]=w.useState(f?"visible":"hidden"),R=F1(),{register:N,unregister:L}=R,B=w.useRef(null);w.useEffect(()=>N(h),[N,h]),w.useEffect(()=>{if(x===ht.Hidden&&h.current){if(f&&k!=="visible"){T("visible");return}return he(k,{hidden:()=>L(h),visible:()=>N(h)})}},[k,h,N,L,f,x]);let U=wt({enter:qt(l),enterFrom:qt(u),enterTo:qt(s),entered:qt(a),leave:qt(d),leaveFrom:qt(p),leaveTo:qt(m)}),V=M1({beforeEnter:n,afterEnter:r,beforeLeave:o,afterLeave:i}),He=Kn();w.useEffect(()=>{if(He&&k==="visible"&&h.current===null)throw new Error("Did you forget to passthrough the `ref` to the actual DOM node?")},[h,k,He]);let Ve=y&&!c,mn=(()=>!He||Ve||B.current===f?"idle":f?"enter":"leave")(),ut=N1(0),st=ue(I=>he(I,{enter:()=>{ut.addFlag(Pe.Opening),V.current.beforeEnter()},leave:()=>{ut.addFlag(Pe.Closing),V.current.beforeLeave()},idle:()=>{}})),Kt=ue(I=>he(I,{enter:()=>{ut.removeFlag(Pe.Opening),V.current.afterEnter()},leave:()=>{ut.removeFlag(Pe.Closing),V.current.afterLeave()},idle:()=>{}})),P=ep(()=>{T("hidden"),L(h)},R);_1({container:h,classes:U,direction:mn,onStart:wt(I=>{P.onStart(h,I,st)}),onStop:wt(I=>{P.onStop(h,I,Kt),I==="leave"&&!Oi(P)&&(T("hidden"),L(h))})}),w.useEffect(()=>{Ve&&(x===ht.Hidden?B.current=null:B.current=f)},[f,Ve,k]);let O=v,F={ref:g};return c&&f&&(O={...O,className:wu(v.className,...U.current.enter,...U.current.enterFrom)}),A.createElement(Ui.Provider,{value:P},A.createElement(py,{value:he(k,{visible:Pe.Open,hidden:Pe.Closed})|ut.flags},je({ourProps:F,theirProps:O,defaultTag:$1,features:tp,visible:k==="visible",name:"Transition.Child"})))}function I1(e,t){let{show:n,appear:r=!1,unmount:o,...i}=e,l=w.useRef(null),u=Ye(l,t);Kn();let s=Ps();if(n===void 0&&s!==null&&(n=(s&Pe.Open)===Pe.Open),![!0,!1].includes(n))throw new Error("A <Transition /> is used but it is missing a `show={true | false}` prop.");let[a,d]=w.useState(n?"visible":"hidden"),p=ep(()=>{d("hidden")}),[m,v]=w.useState(!0),h=w.useRef([n]);lt(()=>{m!==!1&&h.current[h.current.length-1]!==n&&(h.current.push(n),v(!1))},[h,n]);let g=w.useMemo(()=>({show:n,appear:r,initial:m}),[n,r,m]);w.useEffect(()=>{if(n)d("visible");else if(!Oi(p))d("hidden");else{let f=l.current;if(!f)return;let c=f.getBoundingClientRect();c.x===0&&c.y===0&&c.width===0&&c.height===0&&d("hidden")}},[n,p]);let x={unmount:o};return A.createElement(Ui.Provider,{value:p},A.createElement(_i.Provider,{value:g},je({ourProps:{...x,as:w.Fragment,children:A.createElement(np,{ref:u,...x,...i})},theirProps:{},defaultTag:w.Fragment,features:tp,visible:a==="visible",name:"Transition"})))}function B1(e,t){let n=w.useContext(_i)!==null,r=Ps()!==null;return A.createElement(A.Fragment,null,!n&&r?A.createElement(xu,{ref:t,...e}):A.createElement(np,{ref:t,...e}))}let xu=Fe(I1),np=Fe(z1),j1=Fe(B1),vl=Object.assign(xu,{Child:j1,Root:xu});function _s({show:e,onClose:t,onSubmit:n,title:r,content:o,submitText:i,submitEnabled:l=!0}){return C(vl,{appear:!0,show:e,as:w.Fragment,children:$(hl,{as:"div",className:"relative z-10",onClose:t,children:[C(vl.Child,{as:w.Fragment,enter:"ease-out duration-300",enterFrom:"opacity-0",enterTo:"opacity-100",leave:"ease-in duration-200",leaveFrom:"opacity-100",leaveTo:"opacity-0",children:C("div",{className:"fixed inset-0 bg-black bg-opacity-25"})}),C("div",{className:"fixed inset-0 overflow-y-auto",children:C("div",{className:"flex min-h-full items-center justify-center p-4 text-center",children:C(vl.Child,{as:w.Fragment,enter:"ease-out duration-300",enterFrom:"opacity-0 scale-95",enterTo:"opacity-100 scale-100",leave:"ease-in duration-200",leaveFrom:"opacity-100 scale-100",leaveTo:"opacity-0 scale-95",children:$(hl.Panel,{className:"w-full max-w-md transform overflow-hidden rounded-2xl bg-white p-6 text-left align-middle shadow-xl transition-all",children:[C(hl.Title,{as:"h3",className:"text-lg font-medium leading-6 text-gray-900",children:r}),C("div",{className:"mt-3 text-sm text-gray-500",children:o}),$("div",{className:"mt-4 flex flex-row-reverse",children:[i&&C("button",{type:"button",disabled:!l,className:`inline-flex ml-4 justify-center rounded-md border border-transparent ${l?"bg-indigo-600":"bg-grey-300"} px-4 py-2 text-sm font-medium text-indigo-100 ${l?"hover:bg-indigo-500 focus:outline-none focus-visible:ring-2 focus-visible:ring-indigo-500 focus-visible:ring-offset-2":""} transition-all duration-300`,onClick:n,children:i}),C("button",{type:"button",className:"inline-flex justify-center rounded-md border border-transparent bg-indigo-100 px-4 py-2 text-sm font-medium text-indigo-900 hover:bg-indigo-200 focus:outline-none focus-visible:ring-2 focus-visible:ring-indigo-500 focus-visible:ring-offset-2 transition-all duration-300",onClick:t,children:"Close"})]})]})})})})]})})}function H1(e){return C("div",{children:C("input",{...e,type:"url",className:"my-2 bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500",placeholder:"www.example.com",required:!0})})}function V1(e){const t=w.useRef(null),n=w.useRef(null);return w.useEffect(()=>{t.current&&n.current&&(n.current.src=e.audioUrl,t.current.load())},[e.audioUrl]),C("div",{className:"flex relative z-10 p-4 w-full",children:C("audio",{ref:t,controls:!0,className:"w-full h-14 rounded-lg bg-white shadow-xl shadow-black/5 ring-1 ring-slate-700/10",children:C("source",{ref:n,type:e.mimeType})})})}function b1(e){const{isModelLoading:t,isTranscribing:n,onClick:r,...o}=e;return C("button",{...o,onClick:i=>{r&&!n&&!t&&r(i)},disabled:n,className:"text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center mr-2 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800 inline-flex items-center",children:t?C(tc,{text:"Loading model..."}):n?C(tc,{text:"Transcribing..."}):"Transcribe Audio"})}function tc(e){return $("div",{role:"status",children:[$("svg",{"aria-hidden":"true",role:"status",className:"inline w-4 h-4 mr-3 text-white animate-spin",viewBox:"0 0 100 101",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[C("path",{d:"M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z",fill:"#E5E7EB"}),C("path",{d:"M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z",fill:"currentColor"})]}),e.text]})}function W1(){let e=!1;return function(t){(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino|android|ipad|playbook|silk/i.test(t)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(t.substr(0,4)))&&(e=!0)}(navigator.userAgent||navigator.vendor||("opera"in window&&typeof window.opera=="string"?window.opera:"")),e}const nc=W1(),ft={SAMPLING_RATE:16e3,DEFAULT_AUDIO_URL:`https://huggingface.co/datasets/Xenova/transformers.js-docs/resolve/main/${nc?"jfk":"ted_60"}.wav`,DEFAULT_MODEL:"tiny",DEFAULT_SUBTASK:"transcribe",DEFAULT_LANGUAGE:"english",DEFAULT_QUANTIZED:nc,DEFAULT_MULTILINGUAL:!1};function Q1({text:e,percentage:t}){return t=t??0,C("div",{className:"mt-0.5 w-full relative text-sm text-white background-bg-cyan-400 bg-gray-200 border-1 border-gray-400 rounded-lg text-left overflow-hidden",children:$("div",{className:"top-0 h-full bg-blue-500 whitespace-nowrap px-2",style:{width:`${t}%`},children:[e," (",`${t.toFixed(2)}%`,")"]})})}function wl(e){return String(e).padStart(2,"0")}function rp(e){const t=e/3600|0;e-=t*(60*60);const n=e/60|0;e-=n*60;const r=e|0;return`${t?wl(t)+":":""}${wl(n)}:${wl(r)}`}const K1={172351395:{name:"EBML",type:"Container"},646:{name:"EBMLVersion",type:"Uint"},759:{name:"EBMLReadVersion",type:"Uint"},754:{name:"EBMLMaxIDLength",type:"Uint"},755:{name:"EBMLMaxSizeLength",type:"Uint"},642:{name:"DocType",type:"String"},647:{name:"DocTypeVersion",type:"Uint"},645:{name:"DocTypeReadVersion",type:"Uint"},108:{name:"Void",type:"Binary"},63:{name:"CRC-32",type:"Binary"},190023271:{name:"SignatureSlot",type:"Container"},16010:{name:"SignatureAlgo",type:"Uint"},16026:{name:"SignatureHash",type:"Uint"},16037:{name:"SignaturePublicKey",type:"Binary"},16053:{name:"Signature",type:"Binary"},15963:{name:"SignatureElements",type:"Container"},15995:{name:"SignatureElementList",type:"Container"},9522:{name:"SignedElement",type:"Binary"},139690087:{name:"Segment",type:"Container"},21863284:{name:"SeekHead",type:"Container"},3515:{name:"Seek",type:"Container"},5035:{name:"SeekID",type:"Binary"},5036:{name:"SeekPosition",type:"Uint"},88713574:{name:"Info",type:"Container"},13220:{name:"SegmentUID",type:"Binary"},13188:{name:"SegmentFilename",type:"String"},1882403:{name:"PrevUID",type:"Binary"},1868715:{name:"PrevFilename",type:"String"},2013475:{name:"NextUID",type:"Binary"},1999803:{name:"NextFilename",type:"String"},1092:{name:"SegmentFamily",type:"Binary"},10532:{name:"ChapterTranslate",type:"Container"},10748:{name:"ChapterTranslateEditionUID",type:"Uint"},10687:{name:"ChapterTranslateCodec",type:"Uint"},10661:{name:"ChapterTranslateID",type:"Binary"},710577:{name:"TimecodeScale",type:"Uint"},1161:{name:"Duration",type:"Float"},1121:{name:"DateUTC",type:"Date"},15273:{name:"Title",type:"String"},3456:{name:"MuxingApp",type:"String"},5953:{name:"WritingApp",type:"String"},103:{name:"Timecode",type:"Uint"},6228:{name:"SilentTracks",type:"Container"},6359:{name:"SilentTrackNumber",type:"Uint"},39:{name:"Position",type:"Uint"},43:{name:"PrevSize",type:"Uint"},35:{name:"SimpleBlock",type:"Binary"},32:{name:"BlockGroup",type:"Container"},33:{name:"Block",type:"Binary"},34:{name:"BlockVirtual",type:"Binary"},13729:{name:"BlockAdditions",type:"Container"},38:{name:"BlockMore",type:"Container"},110:{name:"BlockAddID",type:"Uint"},37:{name:"BlockAdditional",type:"Binary"},27:{name:"BlockDuration",type:"Uint"},122:{name:"ReferencePriority",type:"Uint"},123:{name:"ReferenceBlock",type:"Int"},125:{name:"ReferenceVirtual",type:"Int"},36:{name:"CodecState",type:"Binary"},13730:{name:"DiscardPadding",type:"Int"},14:{name:"Slices",type:"Container"},104:{name:"TimeSlice",type:"Container"},76:{name:"LaceNumber",type:"Uint"},77:{name:"FrameNumber",type:"Uint"},75:{name:"BlockAdditionID",type:"Uint"},78:{name:"Delay",type:"Uint"},79:{name:"SliceDuration",type:"Uint"},72:{name:"ReferenceFrame",type:"Container"},73:{name:"ReferenceOffset",type:"Uint"},74:{name:"ReferenceTimeCode",type:"Uint"},47:{name:"EncryptedBlock",type:"Binary"},106212971:{name:"Tracks",type:"Container"},46:{name:"TrackEntry",type:"Container"},87:{name:"TrackNumber",type:"Uint"},13253:{name:"TrackUID",type:"Uint"},3:{name:"TrackType",type:"Uint"},57:{name:"FlagEnabled",type:"Uint"},8:{name:"FlagDefault",type:"Uint"},5546:{name:"FlagForced",type:"Uint"},28:{name:"FlagLacing",type:"Uint"},11751:{name:"MinCache",type:"Uint"},11768:{name:"MaxCache",type:"Uint"},254851:{name:"DefaultDuration",type:"Uint"},216698:{name:"DefaultDecodedFieldDuration",type:"Uint"},209231:{name:"TrackTimecodeScale",type:"Float"},4991:{name:"TrackOffset",type:"Int"},5614:{name:"MaxBlockAdditionID",type:"Uint"},4974:{name:"Name",type:"String"},177564:{name:"Language",type:"String"},6:{name:"CodecID",type:"String"},9122:{name:"CodecPrivate",type:"Binary"},362120:{name:"CodecName",type:"String"},13382:{name:"AttachmentLink",type:"Uint"},1742487:{name:"CodecSettings",type:"String"},1785920:{name:"CodecInfoURL",type:"String"},438848:{name:"CodecDownloadURL",type:"String"},42:{name:"CodecDecodeAll",type:"Uint"},12203:{name:"TrackOverlay",type:"Uint"},5802:{name:"CodecDelay",type:"Uint"},5819:{name:"SeekPreRoll",type:"Uint"},9764:{name:"TrackTranslate",type:"Container"},9980:{name:"TrackTranslateEditionUID",type:"Uint"},9919:{name:"TrackTranslateCodec",type:"Uint"},9893:{name:"TrackTranslateTrackID",type:"Binary"},96:{name:"Video",type:"Container"},26:{name:"FlagInterlaced",type:"Uint"},5048:{name:"StereoMode",type:"Uint"},5056:{name:"AlphaMode",type:"Uint"},5049:{name:"OldStereoMode",type:"Uint"},48:{name:"PixelWidth",type:"Uint"},58:{name:"PixelHeight",type:"Uint"},5290:{name:"PixelCropBottom",type:"Uint"},5307:{name:"PixelCropTop",type:"Uint"},5324:{name:"PixelCropLeft",type:"Uint"},5341:{name:"PixelCropRight",type:"Uint"},5296:{name:"DisplayWidth",type:"Uint"},5306:{name:"DisplayHeight",type:"Uint"},5298:{name:"DisplayUnit",type:"Uint"},5299:{name:"AspectRatioType",type:"Uint"},963876:{name:"ColourSpace",type:"Binary"},1029411:{name:"GammaValue",type:"Float"},230371:{name:"FrameRate",type:"Float"},97:{name:"Audio",type:"Container"},53:{name:"SamplingFrequency",type:"Float"},14517:{name:"OutputSamplingFrequency",type:"Float"},31:{name:"Channels",type:"Uint"},15739:{name:"ChannelPositions",type:"Binary"},8804:{name:"BitDepth",type:"Uint"},98:{name:"TrackOperation",type:"Container"},99:{name:"TrackCombinePlanes",type:"Container"},100:{name:"TrackPlane",type:"Container"},101:{name:"TrackPlaneUID",type:"Uint"},102:{name:"TrackPlaneType",type:"Uint"},105:{name:"TrackJoinBlocks",type:"Container"},109:{name:"TrackJoinUID",type:"Uint"},64:{name:"TrickTrackUID",type:"Uint"},65:{name:"TrickTrackSegmentUID",type:"Binary"},70:{name:"TrickTrackFlag",type:"Uint"},71:{name:"TrickMasterTrackUID",type:"Uint"},68:{name:"TrickMasterTrackSegmentUID",type:"Binary"},11648:{name:"ContentEncodings",type:"Container"},8768:{name:"ContentEncoding",type:"Container"},4145:{name:"ContentEncodingOrder",type:"Uint"},4146:{name:"ContentEncodingScope",type:"Uint"},4147:{name:"ContentEncodingType",type:"Uint"},4148:{name:"ContentCompression",type:"Container"},596:{name:"ContentCompAlgo",type:"Uint"},597:{name:"ContentCompSettings",type:"Binary"},4149:{name:"ContentEncryption",type:"Container"},2017:{name:"ContentEncAlgo",type:"Uint"},2018:{name:"ContentEncKeyID",type:"Binary"},2019:{name:"ContentSignature",type:"Binary"},2020:{name:"ContentSigKeyID",type:"Binary"},2021:{name:"ContentSigAlgo",type:"Uint"},2022:{name:"ContentSigHashAlgo",type:"Uint"},206814059:{name:"Cues",type:"Container"},59:{name:"CuePoint",type:"Container"},51:{name:"CueTime",type:"Uint"},55:{name:"CueTrackPositions",type:"Container"},119:{name:"CueTrack",type:"Uint"},113:{name:"CueClusterPosition",type:"Uint"},112:{name:"CueRelativePosition",type:"Uint"},50:{name:"CueDuration",type:"Uint"},4984:{name:"CueBlockNumber",type:"Uint"},106:{name:"CueCodecState",type:"Uint"},91:{name:"CueReference",type:"Container"},22:{name:"CueRefTime",type:"Uint"},23:{name:"CueRefCluster",type:"Uint"},4959:{name:"CueRefNumber",type:"Uint"},107:{name:"CueRefCodecState",type:"Uint"},155296873:{name:"Attachments",type:"Container"},8615:{name:"AttachedFile",type:"Container"},1662:{name:"FileDescription",type:"String"},1646:{name:"FileName",type:"String"},1632:{name:"FileMimeType",type:"String"},1628:{name:"FileData",type:"Binary"},1710:{name:"FileUID",type:"Uint"},1653:{name:"FileReferral",type:"Binary"},1633:{name:"FileUsedStartTime",type:"Uint"},1634:{name:"FileUsedEndTime",type:"Uint"},4433776:{name:"Chapters",type:"Container"},1465:{name:"EditionEntry",type:"Container"},1468:{name:"EditionUID",type:"Uint"},1469:{name:"EditionFlagHidden",type:"Uint"},1499:{name:"EditionFlagDefault",type:"Uint"},1501:{name:"EditionFlagOrdered",type:"Uint"},54:{name:"ChapterAtom",type:"Container"},13252:{name:"ChapterUID",type:"Uint"},5716:{name:"ChapterStringUID",type:"String"},17:{name:"ChapterTimeStart",type:"Uint"},18:{name:"ChapterTimeEnd",type:"Uint"},24:{name:"ChapterFlagHidden",type:"Uint"},1432:{name:"ChapterFlagEnabled",type:"Uint"},11879:{name:"ChapterSegmentUID",type:"Binary"},11964:{name:"ChapterSegmentEditionUID",type:"Uint"},9155:{name:"ChapterPhysicalEquiv",type:"Uint"},15:{name:"ChapterTrack",type:"Container"},9:{name:"ChapterTrackNumber",type:"Uint"},0:{name:"ChapterDisplay",type:"Container"},5:{name:"ChapString",type:"String"},892:{name:"ChapLanguage",type:"String"},894:{name:"ChapCountry",type:"String"},10564:{name:"ChapProcess",type:"Container"},10581:{name:"ChapProcessCodecID",type:"Uint"},1293:{name:"ChapProcessPrivate",type:"Binary"},10513:{name:"ChapProcessCommand",type:"Container"},10530:{name:"ChapProcessTime",type:"Uint"},10547:{name:"ChapProcessData",type:"Binary"},39109479:{name:"Tags",type:"Container"},13171:{name:"Tag",type:"Container"},9152:{name:"Targets",type:"Container"},10442:{name:"TargetTypeValue",type:"Uint"},9162:{name:"TargetType",type:"String"},9157:{name:"TagTrackUID",type:"Uint"},9161:{name:"TagEditionUID",type:"Uint"},9156:{name:"TagChapterUID",type:"Uint"},9158:{name:"TagAttachmentUID",type:"Uint"},10184:{name:"SimpleTag",type:"Container"},1443:{name:"TagName",type:"String"},1146:{name:"TagLanguage",type:"String"},1156:{name:"TagDefault",type:"Uint"},1159:{name:"TagString",type:"String"},1157:{name:"TagBinary",type:"Binary"}};class li{constructor(t="Unknown",n="Unknown"){qn(this,"source");qn(this,"data");this.name=t,this.type=n}updateBySource(){}setSource(t){this.source=t,this.updateBySource()}updateByData(){}setData(t){this.data=t,this.updateByData()}}class G1 extends li{constructor(t,n){super(t,n||"Uint")}updateBySource(){this.data="";for(let t=0;t<this.source.length;t++){const n=this.source[t].toString(16);this.data+=rc(n)}}updateByData(){const t=this.data.length/2;this.source=new Uint8Array(t);for(let n=0;n<t;n++){const r=this.data.substr(n*2,2);this.source[n]=parseInt(r,16)}}getValue(){return parseInt(this.data,16)}setValue(t){this.setData(rc(t.toString(16)))}}function rc(e){return e.length%2===1?"0"+e:e}class op extends li{constructor(t,n){super(t,n||"Float")}getFloatArrayType(){return this.source&&this.source.length===4?Float32Array:Float64Array}updateBySource(){const t=this.source.reverse(),n=this.getFloatArrayType(),r=new n(t.buffer);this.data=r[0]}updateByData(){const t=this.getFloatArrayType(),n=new t([this.data]),r=new Uint8Array(n.buffer);this.source=r.reverse()}getValue(){return this.data}setValue(t){this.setData(t)}}class Us extends li{constructor(n,r){super(n,r||"Container");qn(this,"offset",0);qn(this,"data",[])}readByte(){return this.source[this.offset++]}readUint(){const n=this.readByte(),r=8-n.toString(2).length;let o=n-(1<<7-r);for(let i=0;i<r;i++)o*=256,o+=this.readByte();return o}updateBySource(){let n;for(this.data=[],this.offset=0;this.offset<this.source.length;this.offset=n){const r=this.readUint(),o=this.readUint();n=Math.min(this.offset+o,this.source.length);const i=this.source.slice(this.offset,n),l=K1[r]||{name:"Unknown",type:"Unknown"};let u=li;switch(l.type){case"Container":u=Us;break;case"Uint":u=G1;break;case"Float":u=op;break}const s=new u(l.name,l.type);s.setSource(i),this.data.push({id:r,idHex:r.toString(16),data:s})}}writeUint(n,r=!1){for(var o=1,i=128;n>=i&&o<8;o++,i*=128);if(!r){let l=i+n;for(let u=o-1;u>=0;u--){const s=l%256;this.source[this.offset+u]=s,l=(l-s)/256}}this.offset+=o}writeSections(n=!1){this.offset=0;for(let r=0;r<this.data.length;r++){const o=this.data[r],i=o.data.source,l=i.length;this.writeUint(o.id,n),this.writeUint(l,n),n||this.source.set(i,this.offset),this.offset+=l}return this.offset}updateByData(){const n=this.writeSections(!0);this.source=new Uint8Array(n),this.writeSections()}getSectionById(n){for(let r=0;r<this.data.length;r++){const o=this.data[r];if(o.id===n)return o.data}}}class q1 extends Us{constructor(t){super("File","File"),this.setSource(t)}fixDuration(t){const n=this.getSectionById(139690087);if(!n)return!1;const r=n.getSectionById(88713574);if(!r)return!1;const o=r.getSectionById(710577);if(!o)return!1;let i=r.getSectionById(1161);if(i)if(i.getValue()<=0)i.setValue(t);else return!1;else i=new op("Duration","Float"),i.setValue(t),r.data.push({id:1161,data:i});return o.setValue(1e6),r.updateByData(),n.updateByData(),this.updateByData(),!0}toBlob(t="video/webm"){return new Blob([this.source.buffer],{type:t})}}const X1=(e,t,n="video/webm")=>new Promise((r,o)=>{try{const i=new FileReader;i.addEventListener("loadend",()=>{try{const l=i.result,u=new q1(new Uint8Array(l));u.fixDuration(t)?r(u.toBlob(n)):r(e)}catch(l){o(l)}}),i.addEventListener("error",()=>o()),i.readAsArrayBuffer(e)}catch(i){o(i)}});function Y1(){const e=["audio/webm","audio/mp4","audio/ogg","audio/wav","audio/aac"];for(let t=0;t<e.length;t++)if(MediaRecorder.isTypeSupported(e[t]))return e[t]}function J1(e){const[t,n]=w.useState(!1),[r,o]=w.useState(0),[i,l]=w.useState(null),u=w.useRef(null),s=w.useRef(null),a=w.useRef([]),d=w.useRef(null),p=async()=>{l(null);let h=Date.now();try{u.current||(u.current=await navigator.mediaDevices.getUserMedia({audio:!0}));const g=Y1(),x=new MediaRecorder(u.current,{mimeType:g});s.current=x,x.addEventListener("dataavailable",async f=>{if(f.data.size>0&&a.current.push(f.data),x.state==="inactive"){const c=Date.now()-h;let y=new Blob(a.current,{type:g});g==="audio/webm"&&(y=await X1(y,c,y.type)),l(y),e.onRecordingComplete(y),a.current=[]}}),x.start(),n(!0)}catch(g){console.error("Error accessing microphone:",g)}},m=()=>{s.current&&s.current.state==="recording"&&(s.current.stop(),o(0),n(!1))};return w.useEffect(()=>{if(t){const h=setInterval(()=>{o(g=>g+1)},1e3);return()=>{clearInterval(h)}}return()=>{}},[t]),$("div",{className:"flex flex-col justify-center items-center",children:[C("button",{type:"button",className:`m-2 inline-flex justify-center rounded-md border border-transparent px-4 py-2 text-sm font-medium text-white focus:outline-none focus-visible:ring-2 focus-visible:ring-indigo-500 focus-visible:ring-offset-2 transition-all duration-200 ${t?"bg-red-500 hover:bg-red-600":"bg-green-500 hover:bg-green-600"}`,onClick:()=>{t?m():p()},children:t?`Stop Recording (${rp(r)})`:"Start Recording"}),i&&C("audio",{className:"w-full",ref:d,controls:!0,children:C("source",{src:URL.createObjectURL(i),type:i.type})})]})}function Z1(e){return e=e.toLowerCase(),(e.match(/\w+.?/g)||[]).map(t=>t.charAt(0).toUpperCase()+t.slice(1)).join("")}const oc={en:"english",zh:"chinese",de:"german",es:"spanish/castilian",ru:"russian",ko:"korean",fr:"french",ja:"japanese",pt:"portuguese",tr:"turkish",pl:"polish",ca:"catalan/valencian",nl:"dutch/flemish",ar:"arabic",sv:"swedish",it:"italian",id:"indonesian",hi:"hindi",fi:"finnish",vi:"vietnamese",he:"hebrew",uk:"ukrainian",el:"greek",ms:"malay",cs:"czech",ro:"romanian/moldavian/moldovan",da:"danish",hu:"hungarian",ta:"tamil",no:"norwegian",th:"thai",ur:"urdu",hr:"croatian",bg:"bulgarian",lt:"lithuanian",la:"latin",mi:"maori",ml:"malayalam",cy:"welsh",sk:"slovak",te:"telugu",fa:"persian",lv:"latvian",bn:"bengali",sr:"serbian",az:"azerbaijani",sl:"slovenian",kn:"kannada",et:"estonian",mk:"macedonian",br:"breton",eu:"basque",is:"icelandic",hy:"armenian",ne:"nepali",mn:"mongolian",bs:"bosnian",kk:"kazakh",sq:"albanian",sw:"swahili",gl:"galician",mr:"marathi",pa:"punjabi/panjabi",si:"sinhala/sinhalese",km:"khmer",sn:"shona",yo:"yoruba",so:"somali",af:"afrikaans",oc:"occitan",ka:"georgian",be:"belarusian",tg:"tajik",sd:"sindhi",gu:"gujarati",am:"amharic",yi:"yiddish",lo:"lao",uz:"uzbek",fo:"faroese",ht:"haitian creole/haitian",ps:"pashto/pushto",tk:"turkmen",nn:"nynorsk",mt:"maltese",sa:"sanskrit",lb:"luxembourgish/letzeburgesch",my:"myanmar/burmese",bo:"tibetan",tl:"tagalog",mg:"malagasy",as:"assamese",tt:"tatar",haw:"hawaiian",ln:"lingala",ha:"hausa",ba:"bashkir",jw:"javanese",su:"sundanese"};function eg(e){const[t,n]=w.useState(void 0),[r,o]=w.useState(void 0),[i,l]=w.useState(void 0),u=t!==void 0,s=()=>{o(void 0),l(void 0)},a=async(m,v)=>{const h=new AudioContext({sampleRate:ft.SAMPLING_RATE}),g=URL.createObjectURL(new Blob([m],{type:"audio/*"})),x=await h.decodeAudioData(m);o({buffer:x,url:g,source:"URL",mimeType:v})},d=async m=>{s(),n(0);const v=URL.createObjectURL(m),h=new FileReader;h.onprogress=g=>{n(g.loaded/g.total||0)},h.onloadend=async()=>{const g=new AudioContext({sampleRate:ft.SAMPLING_RATE}),x=h.result,f=await g.decodeAudioData(x);n(void 0),o({buffer:f,url:v,source:"RECORDING",mimeType:m.type})},h.readAsArrayBuffer(m)},p=async m=>{if(i)try{o(void 0),n(0);const{data:v,headers:h}=await q0.get(i,{signal:m.signal,responseType:"arraybuffer",onDownloadProgress(x){n(x.progress||0)}});let g=h["content-type"];(!g||g==="audio/wave")&&(g="audio/wav"),a(v,g)}catch(v){console.log("Request failed or aborted",v)}finally{n(void 0)}};return w.useEffect(()=>{if(i){const m=new AbortController;return p(m),()=>{m.abort()}}},[i]),$(nt,{children:[$("div",{className:"flex flex-col justify-center items-center rounded-lg bg-white shadow-xl shadow-black/5 ring-1 ring-slate-700/10",children:[$("div",{className:"flex flex-row space-x-2 py-2 w-full px-2",children:[C(ig,{icon:C(cg,{}),text:"From URL",onUrlUpdate:m=>{e.transcriber.onInputChange(),l(m)}}),C(ic,{}),C(ug,{icon:C(dg,{}),text:"From file",onFileUpdate:(m,v,h)=>{e.transcriber.onInputChange(),o({buffer:m,url:v,source:"FILE",mimeType:h})}}),navigator.mediaDevices&&$(nt,{children:[C(ic,{}),C(sg,{icon:C(pg,{}),text:"Record",setAudioData:m=>{e.transcriber.onInputChange(),d(m)}})]})]}),C(rg,{progress:u?t:+!!r})]}),r&&$(nt,{children:[C(V1,{audioUrl:r.url,mimeType:r.mimeType}),$("div",{className:"relative w-full flex justify-center items-center",children:[C(b1,{onClick:()=>{e.transcriber.start(r.buffer)},isModelLoading:e.transcriber.isModelLoading,isTranscribing:e.transcriber.isBusy}),C(tg,{className:"absolute right-4",transcriber:e.transcriber,icon:C(fg,{})})]}),e.transcriber.progressItems.length>0&&$("div",{className:"relative z-10 p-4 w-full",children:[C("label",{children:"Loading model files... (only run once)"}),e.transcriber.progressItems.map(m=>C("div",{children:C(Q1,{text:m.file,percentage:m.progress})},m.file))]})]})]})}function tg(e){const[t,n]=w.useState(!1),r=()=>{n(!0)},o=()=>{n(!1)},i=l=>{o()};return $("div",{className:e.className,children:[C(Fi,{icon:e.icon,onClick:r}),C(ng,{show:t,onSubmit:i,onClose:o,transcriber:e.transcriber})]})}function ng(e){const t=Object.values(oc).map(Z1),n={tiny:[61,231],base:[103,398],small:[290],medium:[833]};return C(_s,{show:e.show,title:"Settings",content:$(nt,{children:[C("label",{children:"Select the model to use."}),C("select",{className:"mt-1 mb-1 bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500",defaultValue:e.transcriber.model,onChange:r=>{e.transcriber.setModel(r.target.value)},children:Object.keys(n).filter(r=>e.transcriber.quantized||n[r].length==2).map(r=>C("option",{value:r,children:`whisper-${r}${e.transcriber.multilingual?"":".en"} (${n[r][e.transcriber.quantized?0:1]}MB)`},r))}),$("div",{className:"flex justify-between items-center mb-3 px-1",children:[$("div",{className:"flex",children:[C("input",{id:"multilingual",type:"checkbox",checked:e.transcriber.multilingual,onChange:r=>{e.transcriber.setMultilingual(r.target.checked)}}),C("label",{htmlFor:"multilingual",className:"ms-1",children:"Multilingual"})]}),$("div",{className:"flex",children:[C("input",{id:"quantize",type:"checkbox",checked:e.transcriber.quantized,onChange:r=>{e.transcriber.setQuantized(r.target.checked)}}),C("label",{htmlFor:"quantize",className:"ms-1",children:"Quantized"})]})]}),e.transcriber.multilingual&&$(nt,{children:[C("label",{children:"Select the source language."}),C("select",{className:"mt-1 mb-3 bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500",defaultValue:e.transcriber.language,onChange:r=>{e.transcriber.setLanguage(r.target.value)},children:Object.keys(oc).map((r,o)=>C("option",{value:r,children:t[o]},r))}),C("label",{children:"Select the task to perform."}),$("select",{className:"mt-1 mb-3 bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500",defaultValue:e.transcriber.subtask,onChange:r=>{e.transcriber.setSubtask(r.target.value)},children:[C("option",{value:"transcribe",children:"Transcribe"}),C("option",{value:"translate",children:"Translate (to English)"})]})]})]}),onClose:e.onClose,onSubmit:()=>{}})}function ic(){return C("div",{className:"w-[1px] bg-slate-200"})}function rg(e){return C(og,{progress:`${Math.round(e.progress*100)}%`})}function og(e){return C("div",{className:"w-full bg-gray-200 rounded-full h-1 dark:bg-gray-700",children:C("div",{className:"bg-blue-600 h-1 rounded-full transition-all duration-100",style:{width:e.progress}})})}function ig(e){const[t,n]=w.useState(!1),r=()=>{n(!0)},o=()=>{n(!1)},i=l=>{e.onUrlUpdate(l),o()};return $(nt,{children:[C(Fi,{icon:e.icon,text:e.text,onClick:r}),C(lg,{show:t,onSubmit:i,onClose:o})]})}function lg(e){const[t,n]=w.useState(ft.DEFAULT_AUDIO_URL),r=i=>{n(i.target.value)},o=()=>{e.onSubmit(t)};return C(_s,{show:e.show,title:"From URL",content:$(nt,{children:["Enter the URL of the audio file you want to load.",C(H1,{onChange:r,value:t})]}),onClose:e.onClose,submitText:"Load",onSubmit:o})}function ug(e){let t=document.createElement("input");return t.type="file",t.oninput=n=>{let r=n.target.files;if(!r)return;const o=URL.createObjectURL(r[0]),i=r[0].type,l=new FileReader;l.addEventListener("load",async u=>{var p;const s=(p=u.target)==null?void 0:p.result;if(!s)return;const d=await new AudioContext({sampleRate:ft.SAMPLING_RATE}).decodeAudioData(s);e.onFileUpdate(d,o,i)}),l.readAsArrayBuffer(r[0]),t.value=""},C(nt,{children:C(Fi,{icon:e.icon,text:e.text,onClick:()=>t.click()})})}function sg(e){const[t,n]=w.useState(!1),r=()=>{n(!0)},o=()=>{n(!1)},i=l=>{l&&(e.setAudioData(l),o())};return $(nt,{children:[C(Fi,{icon:e.icon,text:e.text,onClick:r}),C(ag,{show:t,onSubmit:i,onClose:o})]})}function ag(e){const[t,n]=w.useState(),r=l=>{n(l)},o=()=>{e.onSubmit(t),n(void 0)},i=()=>{e.onClose(),n(void 0)};return C(_s,{show:e.show,title:"From Recording",content:$(nt,{children:["Record audio using your microphone",C(J1,{onRecordingComplete:r})]}),onClose:i,submitText:"Load",submitEnabled:t!==void 0,onSubmit:o})}function Fi(e){return $("button",{onClick:e.onClick,className:"flex items-center justify-center rounded-lg p-2 bg-blue text-slate-500 hover:text-indigo-600 hover:bg-indigo-50 transition-all duration-200",children:[C("div",{className:"w-7 h-7",children:e.icon}),e.text&&C("div",{className:"ml-2 break-text text-center text-md w-30",children:e.text})]})}function cg(){return C("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:"1.5",stroke:"currentColor",children:C("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M13.19 8.688a4.5 4.5 0 011.242 7.244l-4.5 4.5a4.5 4.5 0 01-6.364-6.364l1.757-1.757m13.35-.622l1.757-1.757a4.5 4.5 0 00-6.364-6.364l-4.5 4.5a4.5 4.5 0 001.242 7.244"})})}function dg(){return C("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:"1.5",stroke:"currentColor",children:C("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M3.75 9.776c.112-.017.227-.026.344-.026h15.812c.117 0 .232.009.344.026m-16.5 0a2.25 2.25 0 00-1.883 2.542l.857 6a2.25 2.25 0 002.227 1.932H19.05a2.25 2.25 0 002.227-1.932l.857-6a2.25 2.25 0 00-1.883-2.542m-16.5 0V6A2.25 2.25 0 016 3.75h3.879a1.5 1.5 0 011.06.44l2.122 2.12a1.5 1.5 0 001.06.44H18A2.25 2.25 0 0120.25 9v.776"})})}function fg(){return $("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:"1.25",stroke:"currentColor",children:[C("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M9.594 3.94c.09-.542.56-.94 1.11-.94h2.593c.55 0 1.02.398 1.11.94l.213 1.281c.063.374.313.686.645.87.074.04.147.083.22.127.324.196.72.257 1.075.124l1.217-.456a1.125 1.125 0 011.37.49l1.296 2.247a1.125 1.125 0 01-.26 1.431l-1.003.827c-.293.24-.438.613-.431.992a6.759 6.759 0 010 .255c-.007.378.138.75.43.99l1.005.828c.424.35.534.954.26 1.43l-1.298 2.247a1.125 1.125 0 01-1.369.491l-1.217-.456c-.355-.133-.75-.072-1.076.124a6.57 6.57 0 01-.22.128c-.331.183-.581.495-.644.869l-.213 1.28c-.09.543-.56.941-1.11.941h-2.594c-.55 0-1.02-.398-1.11-.94l-.213-1.281c-.062-.374-.312-.686-.644-.87a6.52 6.52 0 01-.22-.127c-.325-.196-.72-.257-1.076-.124l-1.217.456a1.125 1.125 0 01-1.369-.49l-1.297-2.247a1.125 1.125 0 01.26-1.431l1.004-.827c.292-.24.437-.613.43-.992a6.932 6.932 0 010-.255c.007-.378-.138-.75-.43-.99l-1.004-.828a1.125 1.125 0 01-.26-1.43l1.297-2.247a1.125 1.125 0 011.37-.491l1.216.456c.356.133.751.072 1.076-.124.072-.044.146-.087.22-.128.332-.183.582-.495.644-.869l.214-1.281z"}),C("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M15 12a3 3 0 11-6 0 3 3 0 016 0z"})]})}function pg(){return C("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",children:C("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M12 18.75a6 6 0 006-6v-1.5m-6 7.5a6 6 0 01-6-6v-1.5m6 7.5v3.75m-3.75 0h7.5M12 15.75a3 3 0 01-3-3V4.5a3 3 0 116 0v8.25a3 3 0 01-3 3z"})})}function mg({transcribedData:e}){const t=w.useRef(null),n=(i,l)=>{const u=URL.createObjectURL(i),s=document.createElement("a");s.href=u,s.download=l,s.click(),URL.revokeObjectURL(u)},r=()=>{let l=((e==null?void 0:e.chunks)??[]).map(s=>s.text).join("").trim();const u=new Blob([l],{type:"text/plain"});n(u,"transcript.txt")},o=()=>{let i=JSON.stringify((e==null?void 0:e.chunks)??[],null,2);const l=/( "timestamp": )\[\s+(\S+)\s+(\S+)\s+\]/gm;i=i.replace(l,"$1[$2 $3]");const u=new Blob([i],{type:"application/json"});n(u,"transcript.json")};return w.useEffect(()=>{t.current&&Math.abs(t.current.offsetHeight+t.current.scrollTop-t.current.scrollHeight)<=64&&(t.current.scrollTop=t.current.scrollHeight)}),$("div",{ref:t,className:"w-full flex flex-col my-2 p-4 max-h-[20rem] overflow-y-auto",children:[e&&e.chunks.map((i,l)=>$("div",{className:"w-full flex flex-row mb-2 bg-white rounded-lg p-4 shadow-xl shadow-black/5 ring-1 ring-slate-700/10",children:[C("div",{className:"mr-5",children:rp(i.timestamp[0])}),i.text]},`${l}-${i.text}`)),e&&!e.isBusy&&$("div",{className:"w-full text-right",children:[C("button",{onClick:r,className:"text-white bg-green-500 hover:bg-green-600 focus:ring-4 focus:ring-green-300 font-medium rounded-lg text-sm px-4 py-2 text-center mr-2 dark:bg-green-600 dark:hover:bg-green-700 dark:focus:ring-green-800 inline-flex items-center",children:"Export TXT"}),C("button",{onClick:o,className:"text-white bg-green-500 hover:bg-green-600 focus:ring-4 focus:ring-green-300 font-medium rounded-lg text-sm px-4 py-2 text-center mr-2 dark:bg-green-600 dark:hover:bg-green-700 dark:focus:ring-green-800 inline-flex items-center",children:"Export JSON"})]})]})}function hg(e){const[t]=w.useState(()=>yg(e));return t}function yg(e){const t=new Worker(new URL("/assets/worker-73961048.js",self.location),{type:"module"});return t.addEventListener("message",e),t}function gg(){const[e,t]=w.useState(void 0),[n,r]=w.useState(!1),[o,i]=w.useState(!1),[l,u]=w.useState([]),s=hg(R=>{const N=R.data;switch(N.status){case"progress":u(U=>U.map(V=>V.file===N.file?{...V,progress:N.progress}:V));break;case"update":const L=N;t({isBusy:!0,text:L.data[0],chunks:L.data[1].chunks});break;case"complete":const B=N;t({isBusy:!1,text:B.data.text,chunks:B.data.chunks}),r(!1);break;case"initiate":i(!0),u(U=>[...U,N]);break;case"ready":i(!1);break;case"error":r(!1),alert(`${N.data.message} This is most likely because you are using Safari on an M1/M2 Mac. Please try again from Chrome, Firefox, or Edge.
46
 
47
+ If this is not the case, please file a bug report.`);break;case"done":u(U=>U.filter(V=>V.file!==N.file));break}}),[a,d]=w.useState(ft.DEFAULT_MODEL),[p,m]=w.useState(ft.DEFAULT_SUBTASK),[v,h]=w.useState(ft.DEFAULT_QUANTIZED),[g,x]=w.useState(ft.DEFAULT_MULTILINGUAL),[f,c]=w.useState(ft.DEFAULT_LANGUAGE),y=w.useCallback(()=>{t(void 0)},[]),k=w.useCallback(async R=>{R&&(t(void 0),r(!0),s.postMessage({audio:R.getChannelData(0),model:a,multilingual:g,quantized:v,subtask:g?p:null,language:g&&f!=="auto"?f:null}))},[s,a,g,v,p,f]);return w.useMemo(()=>({onInputChange:y,isBusy:n,isModelLoading:o,progressItems:l,start:k,output:e,model:a,setModel:d,multilingual:g,setMultilingual:x,quantized:v,setQuantized:h,subtask:p,setSubtask:m,language:f,setLanguage:c}),[n,o,l,k,e,a,g,v,p,f])}function vg(){const e=gg();return $("div",{className:"flex justify-center items-center min-h-screen",children:[$("div",{className:"container flex flex-col justify-center items-center",children:[C("h1",{className:"text-5xl font-extrabold tracking-tight text-slate-900 sm:text-7xl text-center",children:"Linguify"}),C("h2",{className:"mt-3 mb-5 px-4 text-center text-1xl font-semibold tracking-tight text-slate-900 sm:text-2xl",children:"ML-powered speech recognition directly in your browser"}),C(eg,{transcriber:e}),C(mg,{transcribedData:e.output})]}),$("div",{className:"absolute bottom-4",children:["Shahnab"," ",C("a",{className:"underline",href:"https://huggingface.co/Shad0ws",children:"🤗"})]})]})}kl.createRoot(document.getElementById("root")).render(C(A.StrictMode,{children:C(vg,{})}));