https://static.inworld.ai/public-website-2025/28a7b940/_next/static/chunks/2iwg55-gndr1x.js

1(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,981140,30030,e=>{"use strict";"u">typeof window&&window.document&&window.document.createElement,e.s(["composeEventHandlers",0,function(e,t,{checkForDefaultPrevented:n=!0}={}){return function(r){if(e?.(r),!1===n||!r.defaultPrevented)return t?.(r)}}],981140);var t=e.i(271645),n=e.i(843476);e.s(["createContext",0,function(e,r){let o=t.createContext(r),i=e=>{let{children:r,...i}=e,s=t.useMemo(()=>i,Object.values(i));return(0,n.jsx)(o.Provider,{value:s,children:r})};return i.displayName=e+"Provider",[i,function(n){let i=t.useContext(o);if(i)return i;if(void 0!==r)return r;throw Error(`\`${n}\` must be used within \`${e}\``)}]},"createContextScope",0,function(e,r=[]){let o=[],i=()=>{let n=o.map(e=>t.createContext(e));return function(r){let o=r?.[e]||n;return t.useMemo(()=>({[`__scope${e}`]:{...r,[e]:o}}),[r,o])}};return i.scopeName=e,[function(r,i){let s=t.createContext(i),a=o.length;o=[...o,i];let l=r=>{let{scope:o,children:i,...l}=r,u=o?.[e]?.[a]||s,c=t.useMemo(()=>l,Object.values(l));return(0,n.jsx)(u.Provider,{value:c,children:i})};return l.displayName=r+"Provider",[l,function(n,o){let l=o?.[e]?.[a]||s,u=t.useContext(l);if(u)return u;if(void 0!==i)return i;throw Error(`\`${n}\` must be used within \`${r}\``)}]},function(...e){let n=e[0];if(1===e.length)return n;let r=()=>{let r=e.map(e=>({useScope:e(),scopeName:e.scopeName}));return function(e){let o=r.reduce((t,{useScope:n,scopeName:r})=>{let o=n(e)[`__scope${r}`];return{...t,...o}},{});return t.useMemo(()=>({[`__scope${n.scopeName}`]:o}),[o])}};return r.scopeName=n.scopeName,r}(i,...r)]}],30030)},726330,248425,30207,e=>{"use strict";var t,n=e.i(271645),r=e.i(981140),o=e.i(174080),i=e.i(991918),s=e.i(843476),a=["a","button","div","form","h2","h3","img","input","label","li","nav","ol","p","select","span","svg","ul"].reduce((e,t)=>{let r=(0,i.createSlot)(`Primitive.${t}`),o=n.forwardRef((e,n)=>{let{asChild:o,...i}=e;return"u">typeof window&&(window[Symbol.for("radix-ui")]=!0),(0,s.jsx)(o?r:t,{...i,ref:n})});return o.displayName=`Primitive.${t}`,{...e,[t]:o}},{});function l(e,t){e&&o.flushSync(()=>e.dispatchEvent(t))}e.s(["Primitive",0,a,"dispatchDiscreteCustomEvent",0,l],248425);var u=e.i(820783);function c(e){let t=n.useRef(e);return n.useEffect(()=>{t.current=e}),n.useMemo(()=>(...e)=>t.current?.(...e),[])}e.s(["useCallbackRef",0,c],30207);var d="dismissableLayer.update",f=n.createContext({layers:new Set,layersWithOutsidePointerEventsDisabled:new Set,branches:new Set}),p=n.forwardRef((e,o)=>{let{disableOutsidePointerEvents:i=!1,onEscapeKeyDown:l,onPointerDownOutside:p,onFocusOutside:v,onInteractOutside:g,onDismiss:y,...x}=e,b=n.useContext(f),[w,S]=n.useState(null),_=w?.ownerDocument??globalThis?.document,[,E]=n.useState({}),C=(0,u.useComposedRefs)(o,e=>S(e)),j=Array.from(b.layers),[R]=[...b.layersWithOutsidePointerEventsDisabled].slice(-1),T=j.indexOf(R),N=w?j.indexOf(w):-1,k=b.layersWithOutsidePointerEventsDisabled.size>0,P=N>=T,O=function(e,t=globalThis?.document){let r=c(e),o=n.useRef(!1),i=n.useRef(()=>{});return n.useEffect(()=>{let e=e=>{if(e.target&&!o.current){let n=function(){m("dismissableLayer.pointerDownOutside",r,o,{discrete:!0})},o={originalEvent:e};"touch"===e.pointerType?(t.removeEventListener("click",i.current),i.current=n,t.addEventListener("click",i.current,{once:!0})):n()}else t.removeEventListener("click",i.current);o.current=!1},n=window.setTimeout(()=>{t.addEventListener("pointerdown",e)},0);return()=>{window.clearTimeout(n),t.removeEventListener("pointerdown",e),t.removeEventListener("click",i.current)}},[t,r]),{onPointerDownCapture:()=>o.current=!0}}(e=>{let t=e.target,n=[...b.branches].some(e=>e.contains(t));P&&!n&&(p?.(e),g?.(e),e.defaultPrevented||y?.())},_),L=function(e,t=globalThis?.document){let r=c(e),o=n.useRef(!1);return n.useEffect(()=>{let e=e=>{e.target&&!o.current&&m("dismissableLayer.focusOutside",r,{originalEvent:e},{discrete:!1})};return t.addEventListener("focusin",e),()=>t.removeEventListener("focusin",e)},[t,r]),{onFocusCapture:()=>o.current=!0,onBlurCapture:()=>o.current=!1}}(e=>{let t=e.target;![...b.branches].some(e=>e.contains(t))&&(v?.(e),g?.(e),e.defaultPrevented||y?.())},_);return!function(e,t=globalThis?.document){let r=c(e);n.useEffect(()=>{let e=e=>{"Escape"===e.key&&r(e)};return t.addEventListener("keydown",e,{capture:!0}),()=>t.removeEventListener("keydown",e,{capture:!0})},[r,t])}(e=>{N===b.layers.size-1&&(l?.(e),!e.defaultPrevented&&y&&(e.preventDefault(),y()))},_),n.useEffect(()=>{if(w)return i&&(0===b.layersWithOutsidePointerEventsDisabled.size&&(t=_.body.style.pointerEvents,_.body.style.pointerEvents="none"),b.layersWithOutsidePointerEventsDisabled.add(w)),b.layers.add(w),h(),()=>{i&&1===b.layersWithOutsidePointerEventsDisabled.size&&(_.body.style.pointerEvents=t)}},[w,_,i,b]),n.useEffect(()=>()=>{w&&(b.layers.delete(w),b.layersWithOutsidePointerEventsDisabled.delete(w),h())},[w,b]),n.useEffect(()=>{let e=()=>E({});return document.addEventListener(d,e),()=>document.removeEventListener(d,e)},[]),(0,s.jsx)(a.div,{...x,ref:C,style:{pointerEvents:k?P?"auto":"none":void 0,...e.style},onFocusCapture:(0,r.composeEventHandlers)(e.onFocusCapture,L.onFocusCapture),onBlurCapture:(0,r.composeEventHandlers)(e.onBlurCapture,L.onBlurCapture),onPointerDownCapture:(0,r.composeEventHandlers)(e.onPointerDownCapture,O.onPointerDownCapture)})});function h(){let e=new CustomEvent(d);document.dispatchEvent(e)}function m(e,t,n,{discrete:r}){let o=n.originalEvent.target,i=new CustomEvent(e,{bubbles:!1,cancelable:!0,detail:n});t&&o.addEventListener(e,t,{once:!0}),r?l(o,i):o.dispatchEvent(i)}p.displayName="DismissableLayer",n.forwardRef((e,t)=>

1{let r=n.useContext(f),o=n.useRef(null),i=(0,u.useComposedRefs)(t,o);return n.useEffect(()=>{let e=o.current;if(e)return r.branches.add(e),()=>{r.branches.delete(e)}},[r.branches]),(0,s.jsx)(a.div,{...e,ref:i})}).displayName="DismissableLayerBranch",e.s(["DismissableLayer",0,p],726330)},610772,934620,e=>{"use strict";var t=e.i(271645),n=globalThis?.document?t.useLayoutEffect:()=>{};e.s(["useLayoutEffect",0,n],934620);var r=t[" useId ".trim().toString()]||(()=>void 0),o=0;e.s(["useId",0,function(e){let[i,s]=t.useState(r());return n(()=>{e||s(e=>e??String(o++))},[e]),e||(i?`radix-${i}`:"")}],610772)},774606,e=>{"use strict";var t=e.i(271645),n=e.i(174080),r=e.i(248425),o=e.i(934620),i=e.i(843476),s=t.forwardRef((e,s)=>{let{container:a,...l}=e,[u,c]=t.useState(!1);(0,o.useLayoutEffect)(()=>c(!0),[]);let d=a||u&&globalThis?.document?.body;return d?n.default.createPortal((0,i.jsx)(r.Primitive.div,{...l,ref:s}),d):null});s.displayName="Portal",e.s(["Portal",0,s])},296626,e=>{"use strict";var t=e.i(271645),n=e.i(820783),r=e.i(934620),o=e=>{var o;let s,a,{present:l,children:u}=e,c=function(e){var n,o;let[s,a]=t.useState(),l=t.useRef(null),u=t.useRef(e),c=t.useRef("none"),[d,f]=(n=e?"mounted":"unmounted",o={mounted:{UNMOUNT:"unmounted",ANIMATION_OUT:"unmountSuspended"},unmountSuspended:{MOUNT:"mounted",ANIMATION_END:"unmounted"},unmounted:{MOUNT:"mounted"}},t.useReducer((e,t)=>o[e][t]??e,n));return t.useEffect(()=>{let e=i(l.current);c.current="mounted"===d?e:"none"},[d]),(0,r.useLayoutEffect)(()=>{let t=l.current,n=u.current;if(n!==e){let r=c.current,o=i(t);e?f("MOUNT"):"none"===o||t?.display==="none"?f("UNMOUNT"):n&&r!==o?f("ANIMATION_OUT"):f("UNMOUNT"),u.current=e}},[e,f]),(0,r.useLayoutEffect)(()=>{if(s){let e,t=s.ownerDocument.defaultView??window,n=n=>{let r=i(l.current).includes(CSS.escape(n.animationName));if(n.target===s&&r&&(f("ANIMATION_END"),!u.current)){let n=s.style.animationFillMode;s.style.animationFillMode="forwards",e=t.setTimeout(()=>{"forwards"===s.style.animationFillMode&&(s.style.animationFillMode=n)})}},r=e=>{e.target===s&&(c.current=i(l.current))};return s.addEventListener("animationstart",r),s.addEventListener("animationcancel",n),s.addEventListener("animationend",n),()=>{t.clearTimeout(e),s.removeEventListener("animationstart",r),s.removeEventListener("animationcancel",n),s.removeEventListener("animationend",n)}}f("ANIMATION_END")},[s,f]),{isPresent:["mounted","unmountSuspended"].includes(d),ref:t.useCallback(e=>{l.current=e?getComputedStyle(e):null,a(e)},[])}}(l),d="function"==typeof u?u({present:c.isPresent}):t.Children.only(u),f=(0,n.useComposedRefs)(c.ref,(o=d,(a=(s=Object.getOwnPropertyDescriptor(o.props,"ref")?.get)&&"isReactWarning"in s&&s.isReactWarning)?o.ref:(a=(s=Object.getOwnPropertyDescriptor(o,"ref")?.get)&&"isReactWarning"in s&&s.isReactWarning)?o.props.ref:o.props.ref||o.ref));return"function"==typeof u||c.isPresent?t.cloneElement(d,{ref:f}):null};function i(e){return e?.animationName||"none"}o.displayName="Presence",e.s(["Presence",0,o])},369340,e=>{"use strict";var t=e.i(271645),n=e.i(934620);t[" useEffectEvent ".trim().toString()],t[" useInsertionEffect ".trim().toString()];var r=t[" useInsertionEffect ".trim().toString()]||n.useLayoutEffect;Symbol("RADIX:SYNC_STATE"),e.s(["useControllableState",0,function({prop:e,defaultProp:n,onChange:o=()=>{},caller:i}){let[s,a,l]=function({defaultProp:e,onChange:n}){let[o,i]=t.useState(e),s=t.useRef(o),a=t.useRef(n);return r(()=>{a.current=n},[n]),t.useEffect(()=>{s.current!==o&&(a.current?.(o),s.current=o)},[o,s]),[o,i,a]}({defaultProp:n,onChange:o}),u=void 0!==e,c=u?e:s;{let n=t.useRef(void 0!==e);t.useEffect(()=>{let e=n.current;if(e!==u){let t=u?"controlled":"uncontrolled";console.warn(`${i} is changing from ${e?"controlled":"uncontrolled"} to ${t}. Components should not switch from controlled to uncontrolled (or vice versa). Decide between using a controlled or uncontrolled value for the lifetime of the component.`)}n.current=u},[u,i])}return[c,t.useCallback(t=>{if(u){let n="function"==typeof t?t(e):t;n!==e&&l.current?.(n)}else a(t)},[u,e,a,l])]}],369340)},995926,e=>{"use strict";var t=e.i(841947);e.s(["XIcon",()=>t.default])},516015,(e,t,n)=>{},898547,(e,t,n)=>{var r=e.i(247167);e.r(516015);var o=e.r(271645),i=o&&"object"==typeof o&&"default"in o?o:{default:o},s=void 0!==r.default&&r.default.env&&!0,a=function(e){return"[object String]"===Object.prototype.toString.call(e)},l=function(){function e(e){var t=void 0===e?{}:e,n=t.name,r=void 0===n?"stylesheet":n,o=t.optimizeForSpeed,i=void 0===o?s:o;u(a(r),"`name` must be a string"),this._name=r,this._deletedRulePlaceholder="#"+r+"-deleted-rule____{}",u("boolean"==typeof i,"`optimizeForSpeed` must be a boolean"),this._optimizeForSpeed=i,this._serverSheet=void 0,this._tags=[],this._injected=!1,this._rulesCount=0;var l="u">typeof window&&document.querySelector('meta[property="csp-nonce"]');this._nonce=l?l.getAttribute("content"):null}var t,n=e.prototype;return n.setOptimizeForSpeed=function(e){u("boolean"==typeof e,"`setOptimizeForSpeed` accepts a boolean"),u(0===this._rulesCount,"optimizeForSpeed cannot be when rules have already been inserted"),this.flush(),this._optimizeForSpeed=e,this.inject()},n.isOptimizeForSpeed=function(){return this._optimizeForSpeed},n.inject=function(){var e=this;if(u(!this._injected,"sheet already injected"),this._injected=!0,"u">typeof window&&this._optimizeForSpeed){this._tags[0]=this.makeStyleTag(this._name),this._optimizeForSpeed="insertRule"in this.get

1Sheet(),this._optimizeForSpeed||(s||console.warn("StyleSheet: optimizeForSpeed mode not supported falling back to standard mode."),this.flush(),this._injected=!0);return}this._serverSheet={cssRules:[],insertRule:function(t,n){return"number"==typeof n?e._serverSheet.cssRules[n]={cssText:t}:e._serverSheet.cssRules.push({cssText:t}),n},deleteRule:function(t){e._serverSheet.cssRules[t]=null}}},n.getSheetForTag=function(e){if(e.sheet)return e.sheet;for(var t=0;t<document.styleSheets.length;t++)if(document.styleSheets[t].ownerNode===e)return document.styleSheets[t]},n.getSheet=function(){return this.getSheetForTag(this._tags[this._tags.length-1])},n.insertRule=function(e,t){if(u(a(e),"`insertRule` accepts only strings"),"u"<typeof window)return"number"!=typeof t&&(t=this._serverSheet.cssRules.length),this._serverSheet.insertRule(e,t),this._rulesCount++;if(this._optimizeForSpeed){var n=this.getSheet();"number"!=typeof t&&(t=n.cssRules.length);try{n.insertRule(e,t)}catch(t){return s||console.warn("StyleSheet: illegal rule: \n\n"+e+"\n\nSee https://stackoverflow.com/q/20007992 for more info"),-1}}else{var r=this._tags[t];this._tags.push(this.makeStyleTag(this._name,e,r))}return this._rulesCount++},n.replaceRule=function(e,t){if(this._optimizeForSpeed||"u"<typeof window){var n="u">typeof window?this.getSheet():this._serverSheet;if(t.trim()||(t=this._deletedRulePlaceholder),!n.cssRules[e])return e;n.deleteRule(e);try{n.insertRule(t,e)}catch(r){s||console.warn("StyleSheet: illegal rule: \n\n"+t+"\n\nSee https://stackoverflow.com/q/20007992 for more info"),n.insertRule(this._deletedRulePlaceholder,e)}}else{var r=this._tags[e];u(r,"old rule at index `"+e+"` not found"),r.textContent=t}return e},n.deleteRule=function(e){if("u"<typeof window)return void this._serverSheet.deleteRule(e);if(this._optimizeForSpeed)this.replaceRule(e,"");else{var t=this._tags[e];u(t,"rule at index `"+e+"` not found"),t.parentNode.removeChild(t),this._tags[e]=null}},n.flush=function(){this._injected=!1,this._rulesCount=0,"u">

1typeof window?(this._tags.forEach(function(e){return e&&e.parentNode.removeChild(e)}),this._tags=[]):this._serverSheet.cssRules=[]},n.cssRules=function(){var e=this;return"u"<typeof window?this._serverSheet.cssRules:this._tags.reduce(function(t,n){return n?t=t.concat(Array.prototype.map.call(e.getSheetForTag(n).cssRules,function(t){return t.cssText===e._deletedRulePlaceholder?null:t})):t.push(null),t},[])},n.makeStyleTag=function(e,t,n){t&&u(a(t),"makeStyleTag accepts only strings as second parameter");var r=document.createElement("style");this._nonce&&r.setAttribute("nonce",this._nonce),r.type="text/css",r.setAttribute("data-"+e,""),t&&r.appendChild(document.createTextNode(t));var o=document.head||document.getElementsByTagName("head")[0];return n?o.insertBefore(r,n):o.appendChild(r),r},t=[{key:"length",get:function(){return this._rulesCount}}],function(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}(e.prototype,t),e}();function u(e,t){if(!e)throw Error("StyleSheet: "+t+".")}var c=function(e){for(var t=5381,n=e.length;n;)t=33*t^e.charCodeAt(--n);return t>>>0},d={};function f(e,t){if(!t)return"jsx-"+e;var n=String(t),r=e+n;return d[r]||(d[r]="jsx-"+c(e+"-"+n)),d[r]}function p(e,t){"u"<typeof window&&(t=t.replace(/\/style/gi,"\\/style"));var n=e+t;return d[n]||(d[n]=t.replace(/__jsx-style-dynamic-selector/g,e)),d[n]}var h=function(){function e(e){var t=void 0===e?{}:e,n=t.styleSheet,r=void 0===n?null:n,o=t.optimizeForSpeed,i=void 0!==o&&o;this._sheet=r||new l({name:"styled-jsx",optimizeForSpeed:i}),this._sheet.inject(),r&&"boolean"==typeof i&&(this._sheet.setOptimizeForSpeed(i),this._optimizeForSpeed=this._sheet.isOptimizeForSpeed()),this._fromServer=void 0,this._indices={},this._instancesCounts={}}var t=e.prototype;return t.add=function(e){var t=this;void 0===this._optimizeForSpeed&&(this._optimizeForSpeed=Array.isArray(e.children),this._sheet.setOptimizeForSpeed(this._optimizeForSpeed),this._optimizeForSpeed=this._sheet.isOptimizeForSpeed()),"u">typeof window&&!this._fromServer&&(this._fromServer=this.selectFromServer(),this._instancesCounts=Object.keys(this._fromServer).reduce(function(e,t){return e[t]=0,e},{}));var n=this.getIdAndRules(e),r=n.styleId,o=n.rules;if(r in this._instancesCounts){this._instancesCounts[r]+=1;return}var i=o.map(function(e){return t._sheet.insertRule(e)}).filter(function(e){return -1!==e});this._indices[r]=i,this._instancesCounts[r]=1},t.remove=function(e){var t=this,n=this.getIdAndRules(e).styleId;if(function(e,t){if(!e)throw Error("StyleSheetRegistry: "+t+".")}(n in this._instancesCounts,"styleId: `"+n+"` not found"),this._instancesCounts[n]-=1,this._instancesCounts[n]<1){var r=this._fromServer&&this._fromServer[n];r?(r.parentNode.removeChild(r),delete this._fromServer[n]):(this._indices[n].forEach(function(e){return t._sheet.deleteRule(e)}),delete this._indices[n]),delete this._instancesCounts[n]}},t.update=function(e,t){this.add(t),this.remove(e)},t.flush=function(){this._sheet.flush(),this._sheet.inject(),this._fromServer=void 0,this._indices={},this._instancesCounts={}},t.cssRules=function(){var e=this,t=this._fromServer?Object.keys(this._fromServer).map(function(t){return[t,e._fromServer[t]]}):[],n=this._sheet.cssRules();return t.concat(Object.keys(this._indices).map(function(t){return[t,e._indices[t].map(function(e){return n[e].cssText}).join(e._optimizeForSpeed?"":"\n")]}).filter(function(e){return!!e[1]}))},t.styles=function(e){var t,n;return t=this.cssRules(),void 0===(n=e)&&(n={}),t.map(function(e){var t=e[0],r=e[1];return i.default.createElement("style",{id:"__"+t,key:"__"+t,nonce:n.nonce?n.nonce:void 0,dangerouslySetInnerHTML:{__html:r}})})},t.getIdAndRules=function(e){var t=e.children,n=e.dynamic,r=e.id;if(n){var o=f(r,n);return{styleId:o,rules:Array.isArray(t)?t.map(function(e){return p(o,e)}):[p(o,t)]}}return{styleId:f(r),rules:Array.isArray(t)?t:[t]}},t.selectFromServer=function(){return Array.prototype.slice.call(document.querySelectorAll('[id^="__jsx-"]')).reduce(function(e,t){return e[t.id.slice(2)]=t,e},{})},e}(),m=o.createContext(null);function v(){return new h}function g(){return o.useContext(m)}m.displayName="StyleSheetContext";var y=i.default.useInsertionEffect||i.default.useLayoutEffect,x="u">typeof window?v():void 0;function b(e){var t=x||g();return t&&("u"<typeof window?t.add(e):y(function(){return t.add(e),function(){t.remove(e)}},[e.id,String(e.dynamic)])),null}b.dynamic=function(e){return e.map(function(e){return f(e[0],e[1])}).join(" ")},n.StyleRegistry=function(e){var t=e.registry,n=e.children,r=o.useContext(m),s=o.useState(function(){return r||t||v()})[0];return i.default.createElement(m.Provider,{value:s},n)},n.createStyleRegistry=v,n.style=b,n.useStyleRegistry=g},437902,(e,t,n)=>{t.exports=e.r(898547).style},438339,e=>{"use strict";var t=e.i(843476),n=e.i(437902),r=e.i(271645),o=e.i(444113),i=e.i(88653),s=e.i(824511),a=e.i(387652),l=e.i(13078),u=e.i(686529),c=e.i(431343),d=e.i(495242);let f=[{code:"en",label:"English",flag:"🇺🇸",audio:"/audio/conversations/tts-clone-sarah-en-tts2.mp3"},{code:"es",label:"Spanish",flag:"🇪🇸",audio:"/audio/conversations/tts-clone-sarah-es-tts2.mp3"},{code:"fr",label:"French",flag:"🇫🇷",audio:"/audio/conversations/tts-clone-sarah-fr-tts2.mp3"},{code:"de",label:"German",flag:"🇩🇪",audio:"/audio/conversations/tts-clone-sarah-de-tts2.mp3"},{code:"ja",label:"Japanese",flag:"🇯🇵",audio:"/audio/conversations/tts-clone-sarah-ja-tts2.mp3"},{code:"ko",label:"Korean",flag:"🇰🇷",audio:"/audio/conversations/tts-clone-sarah-ko-tts2.mp3"}],p=[{id:"uploading",label:"Sample uploaded",dwell:2e3},{id:"denoising",label:"Removing noise…",dwell:2200},{id:"cloning",label:"Cloning voice…",dwell:2400},{id:"ready",label:"Voice ready",dwell:3200}];function h({active:e,muted:r}){return(0,t.jsxs)("div",{className:"jsx-526c53cbd9530a48 flex items-center justify-center gap-[2px] w-full h-full",children:[[42,68,54,82,72,50,88,66,44,74,58,80].map((n,o)=>(0,t.jsx)("span",{style:{height:`${n}%`,animation:e?`voiceCloneBar 0.9s ease-in-out ${o%4*.1}s infinite alternate`:"none"},className:"jsx-526c53cbd9530a48 "+((0,u.cn)("w-[3px] rounded-full",r?"bg-foreground-strong/30":"bg-foreground-strong/75")||"")},o)),(0,t.jsx)(n.default,{id:"526c53cbd9530a48",children:"@keyframes voiceCloneBar{0%{transform:scaleY(.5)}to{transform:scaleY(1)}}"})]})}function m({side:e,playing:n,onToggle:r,disabled:o,variant:i="card"}){let s="clone"===e;return(0,t.jsxs)("div",{className:"flex flex-col items-center gap-1.5 shrink-0",children:[(0,t.jsxs)("button",{type:"button",onClick:r,disabled:o,"aria-label":n?`Pause ${s?"cloned":"original"} voice`:`Preview ${s?"cloned":"original"} voice`,className:(0,u.cn)("relative group flex items-center justify-center rounded-lg transition-all","showcase"===i?"h-20 w-24 md:h-34 md:w-36":"h-[72px] w-[88px] md:h-[112px] md:w-[120px]","border border-foreground-strong/10",s?"bg-background":"bg-background/60",o?"opacity-40 cursor-not-allowed":"cursor-pointer hover:shadow-md"),children:[(0,t.jsx)("div",{className:"h-9 w-12 md:h-14 md:w-20 overflow-hidden",children:(0,t.jsx)(h,{active:n,muted:o})}),(0,t.jsx)("span",{"aria-hidden":"true",className:(0,u.cn)("absolute inset-0 flex items-center justify-center rounded-lg","bg-foreground-strong/20 text-background","opacity-0 group-hover:opacity-100 transition-opacity",n&&"opacity-100"),children:n?(0,t.jsx)(d.Pause,{className:"h-5 w-5"}):(0,t.jsx)(c.Play,{className:"h-5 w-5 translate-x-[1px]"})})]}),(0,t.jsx)("span",{className:"text-[11px] font-mono uppercase tracking-[0.1em] text-foreground-strong/70",children:s?"Clone"

1:"Original"})]})}e.s(["default",0,function({variant:e="card",nativeOnly:n=!1}={}){let h=(0,r.useRef)(null),v=(0,a.useInView)(h,{once:!0,amount:.3}),[g,y]=(0,r.useState)("same"),x=n?"same":g,[b,w]=(0,r.useState)(0),S=p[b],_=(0,r.useRef)(null),[E,C]=(0,r.useState)(null),[j,R]=(0,r.useState)(null);(0,r.useEffect)(()=>{if(!v||"same"!==x)return;let e=setTimeout(()=>{w(e=>(e+1)%p.length)},S.dwell);return()=>clearTimeout(e)},[v,x,b,S.dwell]);let T=(0,r.useCallback)(()=>{let e=_.current;e&&e.pause(),C(null),R(null)},[]),N=(0,r.useCallback)(e=>{e!==x&&(T(),y(e))},[x,T]),k=(0,r.useCallback)(e=>{let t=_.current;if(t){if(E===e){t.pause(),C(null);return}t.src="clone"===e?"/audio/conversations/tts-clone-voice-tts2.mp3":"/audio/conversations/tts-clone-original-noisy-tts2.mp3",t.currentTime=0,t.play().then(()=>{C(e),R(null)}).catch(()=>C(null))}},[E]),P=(0,r.useCallback)(e=>{let t=_.current;if(t){if(j===e.code){t.pause(),R(null);return}t.src=e.audio,t.currentTime=0,t.play().then(()=>{R(e.code),C(null)}).catch(()=>R(null))}},[j]);return(0,t.jsx)(o.LazyMotion,{features:l.default,children:(0,t.jsxs)("div",{ref:h,className:(0,u.cn)("relative w-full h-full flex flex-col items-center","showcase"===e?"px-4 md:px-6 pt-10 md:pt-14 pb-4 md:pb-5 gap-3":"px-3 pt-2 pb-1 gap-1 md:pt-4 md:pb-3 md:gap-2"),children:[!n&&(0,t.jsx)("div",{role:"tablist","aria-label":"Voice cloning view",className:"inline-flex items-center gap-1 rounded-full bg-foreground-strong/8 p-1 shrink-0",children:[{id:"same",label:"Native"},{id:"cross",label:"Localized"}].map(e=>{let n=x===e.id;return(0,t.jsx)("button",{type:"button",role:"tab","aria-selected":n,onClick:()=>N(e.id),className:(0,u.cn)("px-3 py-1 rounded-full text-[12px] md:text-[13px] font-mono whitespace-nowrap transition-colors",n?"bg-foreground-strong text-background":"text-foreground-strong/70 hover:text-foreground-strong"),children:e.label},e.id)})}),(0,t.jsx)("div",{className:"flex-1 w-full flex items-center justify-center",children:"same"===x?(0,t.jsxs)("div",{className:"flex flex-col md:flex-row items-center gap-1 md:gap-4 max-w-full",children:[(0,t.jsx)(m,{side:"original",playing:"original"===E,onToggle:()=>k("original"),variant:e}),(0,t.jsxs)("div",{className:"flex items-center shrink-0",children:[(0,t.jsx)("span",{"aria-hidden":"true",className:"hidden md:block w-4 md:w-5 border-t border-dashed border-foreground-strong/20"}),(0,t.jsx)("div",{className:"relative w-[148px] md:w-[160px] h-8 flex items-center justify-center overflow-hidden",children:(0,t.jsx)(i.AnimatePresence,{mode:"wait",initial:!1,children:(0,t.jsxs)(s.m.span,{initial:{opacity:0,y:4},animate:{opacity:1,y:0},exit:{opacity:0,y:-4},transition:{duration:.3},className:(0,u.cn)("absolute inline-flex items-center gap-1.5 rounded-full px-3 py-1 text-[12px] md:text-[13px] font-mono whitespace-nowrap","ready"===S.id?"bg-primary text-primary-foreground":"bg-foreground-strong text-background"),children:[("denoising"===S.id||"cloning"===S.id)&&(0,t.jsx)("span",{"aria-hidden":"true",className:"inline-block h-1.5 w-1.5 rounded-full bg-background/90 animate-pulse"}),S.label]},S.id)})}),(0,t.jsx)("span",{"aria-hidden":"true",className:"hidden md:block w-4 md:w-5 border-t border-dashed border-foreground-strong/20"})]}),(0,t.jsx)(m,{side:"clone",playing:"clone"===E,onToggle:()=>k("clone"),variant:e})]}):(0,t.jsx)("div",{className:(0,u.cn)("w-full flex flex-col","showcase"===e?"max-w-[480px]":"max-w-[420px]"),children:(0,t.jsx)("ul",{className:"flex flex-col",children:f.map((n,r)=>{let o=j===n.code,i="ko"===n.code,s=r===f.length-2;return(0,t.jsxs)("li",{className:(0,u.cn)("items-center justify-between gap-3",i?"hidden md:flex":"flex","showcase"===e?"py-2":"py-1.5",r<f.length-1&&!s&&"border-b border-dotted border-foreground-strong/15",s&&"md:border-b md:border-dotted md:border-foreground-strong/15"),children:[(0,t.jsxs)("div",{className:(0,u.cn)("flex items-center min-w-0","showcase"===e?"gap-3":"gap-2.5"),children:[(0,t.jsx)("span",{"aria-hidden":"true",className:(0,u.cn)("shrink-0 rounded-full overflow-hidden flex items-center justify-center leading-none","showcase"===e?"h-7 w-7 text-[18px]":"h-6 w-6 text-[15px]"),style:{background:"rgba(0,0,0,0.04)"},children:n.flag}),(0,t.jsxs)("span",{className:(0,u.cn)("text-foreground-strong","showcase"===e?"text-[16px]":"text-[14px]"),children:["Sarah · ",n.label]})]}),(0,t.jsx)("button",{type:"button",onClick:()=>P(n),"aria-label":o?`Pause Sarah ${n.label} sample`:`Play Sarah ${n.label} sample`,"aria-pressed":o,className:(0,u.cn)("shrink-0 rounded-full flex items-center justify-center border border-foreground-strong/15 bg-background transition-all","showcase"===e?"h-9 w-9":"h-8 w-8","hover:shadow-md focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-foreground-strong/30",o&&"bg-foreground-strong text-background border-foreground-strong"),children:o?(0,t.jsx)(d.Pause,{className:"showcase"===e?"h-4 w-4":"h-3.5 w-3.5"}):(0,t.jsx)(c.Play,{className:(0,u.cn)("showcase"===e?"h-4 w-4":"h-3.5 w-3.5","translate-x-[1px]")})})]},n.code)})})})}),(0,t.jsx)("audio",{ref:_,preload:"none","aria-hidden":"true",onEnded:()=>{C(null),R(null)}})]})})}])},131576,e=>{"use strict";var t=e.i(843476),n=e.i(271645),r=e.i(981140),o=e.i(820783),i=e.i(30030),s=e.i(726330),a=e.i(610772),l=e.i(853660),u=(e.i(774606),e.i(296626)),c=e.i(248425),d=e.i(991918),f=e.i(369340),p=e.i(959411),[h,m]=(0,i.createContextScope)("Tooltip",[l.createPopperScope]),v=(0,l.createPopperScope)(),g="TooltipProvider",y="tooltip.open",[x,b]=h(g),w=e=>{let{__scopeTooltip:r,delayDuration:o=700,skipDelayDuration:i=300,disableHoverableContent:s=!1,children:a}=e,l=n.useRef(!0),u=n.useRef(!1),c=n.useRef(0);return n.useEffect(()=>

1{let e=c.current;return()=>window.clearTimeout(e)},[]),(0,t.jsx)(x,{scope:r,isOpenDelayedRef:l,delayDuration:o,onOpen:n.useCallback(()=>{window.clearTimeout(c.current),l.current=!1},[]),onClose:n.useCallback(()=>{window.clearTimeout(c.current),c.current=window.setTimeout(()=>l.current=!0,i)},[i]),isPointerInTransitRef:u,onPointerInTransitChange:n.useCallback(e=>{u.current=e},[]),disableHoverableContent:s,children:a})};w.displayName=g;var S="Tooltip",[_,E]=h(S),C=e=>{let{__scopeTooltip:r,children:o,open:i,defaultOpen:s,onOpenChange:u,disableHoverableContent:c,delayDuration:d}=e,p=b(S,e.__scopeTooltip),h=v(r),[m,g]=n.useState(null),x=(0,a.useId)(),w=n.useRef(0),E=c??p.disableHoverableContent,C=d??p.delayDuration,j=n.useRef(!1),[R,T]=(0,f.useControllableState)({prop:i,defaultProp:s??!1,onChange:e=>{e?(p.onOpen(),document.dispatchEvent(new CustomEvent(y))):p.onClose(),u?.(e)},caller:S}),N=n.useMemo(()=>R?j.current?"delayed-open":"instant-open":"closed",[R]),k=n.useCallback(()=>{window.clearTimeout(w.current),w.current=0,j.current=!1,T(!0)},[T]),P=n.useCallback(()=>{window.clearTimeout(w.current),w.current=0,T(!1)},[T]),O=n.useCallback(()=>{window.clearTimeout(w.current),w.current=window.setTimeout(()=>{j.current=!0,T(!0),w.current=0},C)},[C,T]);return n.useEffect(()=>()=>{w.current&&(window.clearTimeout(w.current),w.current=0)},[]),(0,t.jsx)(l.Root,{...h,children:(0,t.jsx)(_,{scope:r,contentId:x,open:R,stateAttribute:N,trigger:m,onTriggerChange:g,onTriggerEnter:n.useCallback(()=>{p.isOpenDelayedRef.current?O():k()},[p.isOpenDelayedRef,O,k]),onTriggerLeave:n.useCallback(()=>{E?P():(window.clearTimeout(w.current),w.current=0)},[P,E]),onOpen:k,onClose:P,disableHoverableContent:E,children:o})})};C.displayName=S;var j="TooltipTrigger",R=n.forwardRef((e,i)=>{let{__scopeTooltip:s,...a}=e,u=E(j,s),d=b(j,s),f=v(s),p=n.useRef(null),h=(0,o.useComposedRefs)(i,p,u.onTriggerChange),m=n.useRef(!1),g=n.useRef(!1),y=n.useCallback(()=>m.current=!1,[]);return n.useEffect(()=>()=>document.removeEventListener("pointerup",y),[y]),(0,t.jsx)(l.Anchor,{asChild:!0,...f,children:(0,t.jsx)(c.Primitive.button,{"aria-describedby":u.open?u.contentId:void 0,"data-state":u.stateAttribute,...a,ref:h,onPointerMove:(0,r.composeEventHandlers)(e.onPointerMove,e=>{"touch"!==e.pointerType&&(g.current||d.isPointerInTransitRef.current||(u.onTriggerEnter(),g.current=!0))}),onPointerLeave:(0,r.composeEventHandlers)(e.onPointerLeave,()=>{u.onTriggerLeave(),g.current=!1}),onPointerDown:(0,r.composeEventHandlers)(e.onPointerDown,()=>{u.open&&u.onClose(),m.current=!0,document.addEventListener("pointerup",y,{once:!0})}),onFocus:(0,r.composeEventHandlers)(e.onFocus,()=>{m.current||u.onOpen()}),onBlur:(0,r.composeEventHandlers)(e.onBlur,u.onClose),onClick:(0,r.composeEventHandlers)(e.onClick,u.onClose)})})});R.displayName=j;var[T,N]=h("TooltipPortal",{forceMount:void 0}),k="TooltipContent",P=n.forwardRef((e,n)=>{let r=N(k,e.__scopeTooltip),{forceMount:o=r.forceMount,side:i="top",...s}=e,a=E(k,e.__scopeTooltip);return(0,t.jsx)(u.Presence,{present:o||a.open,children:a.disableHoverableContent?(0,t.jsx)(A,{side:i,...s,ref:n}):(0,t.jsx)(O,{side:i,...s,ref:n})})}),O=n.forwardRef((e,r)=>{let i=E(k,e.__scopeTooltip),s=b(k,e.__scopeTooltip),a=n.useRef(null),l=(0,o.useComposedRefs)(r,a),[u,c]=n.useState(null),{trigger:d,onClose:f}=i,p=a.current,{onPointerInTransitChange:h}=s,m=n.useCallback(()=>{c(null),h(!1)},[h]),v=n.useCallback((e,t)=>{let n,r=e.currentTarget,o={x:e.clientX,y:e.clientY},i=function(e,t){let n=Math.abs(t.top-e.y),r=Math.abs(t.bottom-e.y),o=Math.abs(t.right-e.x),i=Math.abs(t.left-e.x);switch(Math.min(n,r,o,i)){case i:return"left";case o:return"right";case n:return"top";case r:return"bottom";default:throw Error("unreachable")}}(o,r.getBoundingClientRect());c(((n=[...function(e,t,n=5){let r=[];switch(t){case"top":r.push({x:e.x-n,y:e.y+n},{x:e.x+n,y:e.y+n});break;case"bottom":r.push({x:e.x-n,y:e.y-n},{x:e.x+n,y:e.y-n});break;case"left":r.push({x:e.x+n,y:e.y-n},{x:e.x+n,y:e.y+n});break;case"right":r.push({x:e.x-n,y:e.y-n},{x:e.x-n,y:e.y+n})}return r}(o,i),...function(e){let{top:t,right:n,bottom:r,left:o}=e;return[{x:o,y:t},{x:n,y:t},{x:n,y:r},{x:o,y:r}]}(t.getBoundingClientRect())].slice()).sort((e,t)=>

1e.x<t.x?-1:e.x>t.x?1:e.y<t.y?-1:1*!!(e.y>t.y)),function(e){if(e.length<=1)return e.slice();let t=[];for(let n=0;n<e.length;n++){let r=e[n];for(;t.length>=2;){let e=t[t.length-1],n=t[t.length-2];if((e.x-n.x)*(r.y-n.y)>=(e.y-n.y)*(r.x-n.x))t.pop();else break}t.push(r)}t.pop();let n=[];for(let t=e.length-1;t>=0;t--){let r=e[t];for(;n.length>=2;){let e=n[n.length-1],t=n[n.length-2];if((e.x-t.x)*(r.y-t.y)>=(e.y-t.y)*(r.x-t.x))n.pop();else break}n.push(r)}return(n.pop(),1===t.length&&1===n.length&&t[0].x===n[0].x&&t[0].y===n[0].y)?t:t.concat(n)}(n))),h(!0)},[h]);return n.useEffect(()=>()=>m(),[m]),n.useEffect(()=>{if(d&&p){let e=e=>v(e,p),t=e=>v(e,d);return d.addEventListener("pointerleave",e),p.addEventListener("pointerleave",t),()=>{d.removeEventListener("pointerleave",e),p.removeEventListener("pointerleave",t)}}},[d,p,v,m]),n.useEffect(()=>{if(u){let e=e=>{let t=e.target,n={x:e.clientX,y:e.clientY},r=d?.contains(t)||p?.contains(t),o=!function(e,t){let{x:n,y:r}=e,o=!1;for(let e=0,i=t.length-1;e<t.length;i=e++){let s=t[e],a=t[i],l=s.x,u=s.y,c=a.x,d=a.y;u>r!=d>r&&n<(c-l)*(r-u)/(d-u)+l&&(o=!o)}return o}(n,u);r?m():o&&(m(),f())};return document.addEventListener("pointermove",e),()=>document.removeEventListener("pointermove",e)}},[d,p,u,f,m]),(0,t.jsx)(A,{...e,ref:l})}),[L,F]=h(S,{isInside:!1}),z=(0,d.createSlottable)("TooltipContent"),A=n.forwardRef((e,r)=>{let{__scopeTooltip:o,children:i,"aria-label":a,onEscapeKeyDown:u,onPointerDownOutside:c,...d}=e,f=E(k,o),h=v(o),{onClose:m}=f;return n.useEffect(()=>(document.addEventListener(y,m),()=>document.removeEventListener(y,m)),[m]),n.useEffect(()=>{if(f.trigger){let e=e=>{let t=e.target;t?.contains(f.trigger)&&m()};return window.addEventListener("scroll",e,{capture:!0}),()=>window.removeEventListener("scroll",e,{capture:!0})}},[f.trigger,m]),(0,t.jsx)(s.DismissableLayer,{asChild:!0,disableOutsidePointerEvents:!1,onEscapeKeyDown:u,onPointerDownOutside:c,onFocusOutside:e=>e.preventDefault(),onDismiss:m,children:(0,t.jsxs)(l.Content,{"data-state":f.stateAttribute,...h,...d,ref:r,style:{...d.style,"--radix-tooltip-content-transform-origin":"var(--radix-popper-transform-origin)","--radix-tooltip-content-available-width":"var(--radix-popper-available-width)","--radix-tooltip-content-available-height":"var(--radix-popper-available-height)","--radix-tooltip-trigger-width":"var(--radix-popper-anchor-width)","--radix-tooltip-trigger-height":"var(--radix-popper-anchor-height)"},children:[(0,t.jsx)(z,{children:i}),(0,t.jsx)(L,{scope:o,isInside:!0,children:(0,t.jsx)(p.Root,{id:f.contentId,role:"tooltip",children:a||i})})]})})});P.displayName=k;var D="TooltipArrow";n.forwardRef((e,n)=>{let{__scopeTooltip:r,...o}=e,i=v(r);return F(D,r).isInside?null:(0,t.jsx)(l.Arrow,{...i,...o,ref:n})}).displayName=D;var I=e.i(686529);let M=n.forwardRef(({className:e,sideOffset:n=4,...r},o)=>(0,t.jsx)(P,{ref:o,sideOffset:n,className:(0,I.cn)("z-50 overflow-hidden rounded-md bg-primary px-3 py-1.5 text-xs text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",e),...r}));M.displayName=P.displayName,e.s(["Tooltip",0,C,"TooltipContent",0,M,"TooltipProvider",0,w,"TooltipTrigger",0,R],131576)}]);