@kitn.ai/ui 0.17.0 → 0.18.0

package/dist/elements/voice-input.js

@@ -1 +1 @@
-import{a as m,p as x,s as T,i as f,c as r,F as M,A as B,S as p,n as y,j as k,h as z,k as C,t as h,q as j}from"./chunks/cn-Dogu6PbV.js";import{B as R}from"./chunks/button-CKyYD9G4.js";import{T as E}from"./chunks/tooltip-DwKAz4XR.js";function S(c={}){const n=c.mimeType??"audio/webm;codecs=opus",[i,a]=m(!1),[v,s]=m(null);let t,l=[],u;async function b(){s(null),l=[];try{const o=await navigator.mediaDevices.getUserMedia({audio:!0});return t=new MediaRecorder(o,{mimeType:n}),t.ondataavailable=e=>{e.data.size>0&&l.push(e.data)},t.onstop=()=>{const e=new Blob(l,{type:n});o.getTracks().forEach(d=>d.stop()),a(!1),u?.(e)},t.start(),a(!0),new Promise(e=>{u=e})}catch(o){throw s(o instanceof Error?o.message:"Microphone access denied"),a(!1),o}}function g(){t&&t.state==="recording"&&t.stop()}return x(()=>g()),{isRecording:i,error:v,start:b,stop:g}}var V=h('<svg width=16 height=16 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><path d="M12 1a3 3 0 00-3 3v8a3 3 0 006 0V4a3 3 0 00-3-3z"></path><path d="M19 10v2a7 7 0 01-14 0v-2"></path><line x1=12 y1=19 x2=12 y2=23></line><line x1=8 y1=23 x2=16 y2=23>'),F=h('<svg width=14 height=14 viewBox="0 0 24 24"fill=currentColor><rect x=4 y=4 width=16 height=16 rx=2>'),P=h('<svg width=16 height=16 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 class=animate-spin><path d="M21 12a9 9 0 11-6.219-8.56">'),$=h("<div>"),q=h('<div class="absolute inset-0 animate-ping rounded-full border-2 border-red-400/30"style=animation-duration:2s>');function A(c){const[n]=T(c,["onTranscribe","onTranscription","disabled","class"]),{isRecording:i,start:a,stop:v}=S(),[s,t]=m(!1),l=()=>s()?"Transcribing...":i()?"Stop recording":"Voice input";async function u(){if(i())v();else try{const e=await a();t(!0);try{const d=await n.onTranscribe(e);d.trim()&&n.onTranscription(d.trim())}finally{t(!1)}}catch{t(!1)}}const b=()=>V(),g=()=>F(),o=()=>P();return(()=>{var e=$();return f(e,r(p,{get when(){return i()},get children(){return r(M,{each:[0,1,2],children:d=>(()=>{var w=q();return B(w,"animation-delay",`${d*.3}s`),w})()})}}),null),f(e,r(E,{get content(){return l()},get children(){return r(R,{variant:"ghost",size:"icon-sm",get"aria-label"(){return l()},onClick:u,get disabled(){return n.disabled||s()},get class(){return k("relative z-10 rounded-full transition-all duration-300",i()&&"bg-destructive text-white hover:bg-destructive/80")},get children(){return[r(p,{get when(){return s()},get children(){return r(o,{})}}),r(p,{get when(){return y(()=>!s())()&&i()},get children(){return r(g,{})}}),r(p,{get when(){return y(()=>!s())()&&!i()},get children(){return r(b,{})}})]}})}}),null),z(()=>C(e,k("relative inline-flex items-center justify-center",n.class))),e})()}j("kai-voice-input",{transcribe:void 0,disabled:!1},(c,{dispatch:n,flag:i})=>r(A,{get disabled(){return i("disabled")},onTranscribe:async a=>(n("kai-audio-captured",{blob:a}),c.transcribe?c.transcribe(a):""),onTranscription:a=>n("kai-transcription",{text:a})}));
+import{g as k,p as C,s as L,h as j,l as P,i as I,c as g,F,z as V,S,n as M,a as D,b as U,t as x,f as $}from"./chunks/define-rGsaWsLL.js";import{c as z}from"./chunks/cn-CU7UAWzk.js";import{B as q}from"./chunks/button-XDUM6lXs.js";import{T as A}from"./chunks/tooltip-WpHElELC.js";function G(e={}){const s=e.mimeType??"audio/webm;codecs=opus",[o,h]=k(!1),[a,i]=k(null);let n,c=[],l;async function m(){i(null),c=[];try{const r=await navigator.mediaDevices.getUserMedia({audio:!0});return n=new MediaRecorder(r,{mimeType:s}),n.ondataavailable=u=>{u.data.size>0&&c.push(u.data)},n.onstop=()=>{const u=new Blob(c,{type:s});r.getTracks().forEach(t=>t.stop()),h(!1),l?.(u)},n.start(),h(!0),new Promise(u=>{l=u})}catch(r){throw i(r instanceof Error?r.message:"Microphone access denied"),h(!1),r}}function f(){n&&n.state==="recording"&&n.stop()}return C(()=>f()),{isRecording:o,error:a,start:m,stop:f}}function B(){if(typeof window>"u")return;const e=window;return e.SpeechRecognition??e.webkitSpeechRecognition}function H(e={}){const[s,o]=k(!1),[h,a]=k(null),i=B()!==void 0;let n,c,l="";function m(r={}){a(null),l="";const u=B();if(!u){const t="SpeechRecognition is not supported in this browser";return a(t),Promise.reject(new Error(t))}try{return n=new u,r.lang&&(n.lang=r.lang),n.interimResults=e.interim===!0,n.continuous=!1,n.onresult=t=>{var w;let v="";for(let b=t.resultIndex;b<t.results.length;b++){const T=t.results[b],R=((w=T[0])==null?void 0:w.transcript)??"";T.isFinal?l+=R:v+=R}v&&r.onInterim&&r.onInterim(v)},n.onerror=t=>{a(t.error??"Speech recognition error")},n.onend=()=>{o(!1),c?.(l),n=void 0},n.start(),o(!0),new Promise(t=>{c=t})}catch(t){throw a(t instanceof Error?t.message:"Speech recognition failed to start"),o(!1),t}}function f(){n&&s()&&n.stop()}return C(()=>{n&&n.abort()}),{isSupported:i,isListening:s,error:h,start:m,stop:f}}var J=x('<svg width=16 height=16 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><path d="M12 1a3 3 0 00-3 3v8a3 3 0 006 0V4a3 3 0 00-3-3z"></path><path d="M19 10v2a7 7 0 01-14 0v-2"></path><line x1=12 y1=19 x2=12 y2=23></line><line x1=8 y1=23 x2=16 y2=23>'),K=x('<svg width=14 height=14 viewBox="0 0 24 24"fill=currentColor><rect x=4 y=4 width=16 height=16 rx=2>'),N=x('<svg width=16 height=16 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 class=animate-spin><path d="M21 12a9 9 0 11-6.219-8.56">'),O=x("<div>"),W=x('<div class="absolute inset-0 animate-ping rounded-full border-2 border-red-400/30"style=animation-duration:2s>');function _(e){var s;const[o]=L(e,["onTranscribe","onTranscription","disabled","class"]),{isRecording:h,start:a,stop:i}=G(),n=H({interim:e.interim}),[c,l]=k(!1),m=()=>!e.hasTranscribe&&n.isSupported,f=()=>c()?"Transcribing...":r()?"Stop recording":"Voice input",r=()=>m()?n.isListening():h();async function u(){try{const d=await n.start({lang:e.lang,onInterim:e.interim?p=>{var y;return(y=e.onInterim)==null?void 0:y.call(e,p)}:void 0});d.trim()&&o.onTranscription(d.trim())}catch{}}async function t(){try{const d=await a();l(!0);try{const p=await o.onTranscribe(d);p.trim()&&o.onTranscription(p.trim())}finally{l(!1)}}catch{l(!1)}}function w(){m()?u():t()}function v(){m()?n.stop():i()}async function b(){r()?v():w()}j(P(r,d=>{var p;(p=e.onRecordingChange)==null||p.call(e,d)},{defer:!0})),(s=e.controllerRef)==null||s.call(e,{start:()=>{r()||w()},stop:()=>v()});const T=()=>J(),R=()=>K(),E=()=>N();return(()=>{var d=O();return I(d,g(S,{get when(){return r()},get children(){return g(F,{each:[0,1,2],children:p=>(()=>{var y=W();return V(y,"animation-delay",`${p*.3}s`),y})()})}}),null),I(d,g(A,{get content(){return f()},get children(){return g(q,{variant:"ghost",size:"icon-sm",get"aria-label"(){return f()},onClick:b,get disabled(){return o.disabled||c()},get class(){return z("relative z-10 rounded-full transition-all duration-300",r()&&"bg-destructive text-white hover:bg-destructive/80")},get children(){return[g(S,{get when(){return c()},get children(){return g(E,{})}}),g(S,{get when(){return M(()=>!c())()&&r()},get children(){return g(R,{})}}),g(S,{get when(){return M(()=>!c())()&&!r()},get children(){return g(T,{})}})]}})}}),null),D(()=>U(d,z("relative inline-flex items-center justify-center",o.class))),d})()}$("kai-voice-input",{transcribe:void 0,disabled:!1,recognitionLang:void 0,interim:!1},(e,{dispatch:s,flag:o,expose:h})=>{let a;return h({start:()=>a?.start(),stop:()=>a?.stop()}),g(_,{get disabled(){return o("disabled")},get hasTranscribe(){return typeof e.transcribe=="function"},get lang(){return e.recognitionLang},get interim(){return o("interim")},onTranscribe:async i=>(s("kai-audio-captured",{blob:i}),e.transcribe?e.transcribe(i):""),onTranscription:i=>s("kai-transcription",{text:i}),onInterim:i=>s("kai-transcript-interim",{text:i}),onRecordingChange:i=>s("kai-recording-change",{recording:i}),controllerRef:i=>a=i})});

package/dist/elements/voice-output.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/elements/voice-output.js

@@ -0,0 +1 @@
+import{s as A,g as k,h as z,l as m,p as q,i as D,c as o,S as w,n as x,a as E,b as F,t as p,f as G}from"./chunks/define-rGsaWsLL.js";import{c as b}from"./chunks/cn-CU7UAWzk.js";import{B as I}from"./chunks/button-XDUM6lXs.js";import{T as N}from"./chunks/tooltip-WpHElELC.js";var P=p('<svg width=16 height=16 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><polygon points="11 5 6 9 2 9 2 15 6 15 11 19 11 5"></polygon><path d="M19.07 4.93a10 10 0 010 14.14M15.54 8.46a5 5 0 010 7.07">'),V=p('<svg width=14 height=14 viewBox="0 0 24 24"fill=currentColor><rect x=4 y=4 width=16 height=16 rx=2>'),W=p('<svg width=16 height=16 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 class=animate-spin><path d="M21 12a9 9 0 11-6.219-8.56">'),_=p("<div>");function h(){return typeof window<"u"&&"speechSynthesis"in window}function $(e){var l;const[r]=A(e,["text","disabled","class"]),[a,t]=k(!1),[n,f]=k(!1);let i,u,d;const R=()=>!!e.onSynthesize||h(),v=()=>n()?"Synthesizing...":a()?"Stop":"Read aloud";function S(){u&&(URL.revokeObjectURL(u),u=void 0)}function C(){!h()||!r.text||(window.speechSynthesis.cancel(),d=new SpeechSynthesisUtterance(r.text),d.onend=()=>t(!1),d.onerror=()=>t(!1),t(!0),window.speechSynthesis.speak(d))}async function U(){var s;if(!(!e.onSynthesize||!r.text)){f(!0);try{const c=await e.onSynthesize(r.text);(s=e.onSynthesized)==null||s.call(e,c),S(),u=URL.createObjectURL(c),i??(i=new Audio),i.src=u,i.onended=()=>t(!1),i.onerror=()=>t(!1),t(!0),await i.play()}catch{t(!1)}finally{f(!1)}}}function g(){e.onSynthesize?U():C()}function y(){e.onSynthesize?i&&(i.pause(),i.currentTime=0):h()&&window.speechSynthesis.cancel(),t(!1)}function j(){e.onSynthesize?i?.pause():h()&&window.speechSynthesis.pause()}function B(){e.onSynthesize?i?.play():h()&&window.speechSynthesis.resume()}function L(){a()?y():g()}z(m(a,s=>{var c;(c=e.onSpeakingChange)==null||c.call(e,s)},{defer:!0})),z(m(()=>r.text,s=>{e.autoplay&&s&&g()},{defer:!0})),(l=e.controllerRef)==null||l.call(e,{speak:g,pause:j,resume:B,stop:y}),q(()=>{y(),S()});const M=()=>P(),O=()=>V(),T=()=>W();return(()=>{var s=_();return D(s,o(N,{get content(){return v()},get children(){return o(I,{part:"button",variant:"ghost",size:"icon-sm",get"aria-label"(){return v()},get"aria-pressed"(){return a()},onClick:L,get disabled(){return r.disabled||!R()||n()},get class(){return b("relative z-10 rounded-full transition-all duration-300")},get children(){return[o(w,{get when(){return n()},get children(){return o(T,{})}}),o(w,{get when(){return x(()=>!n())()&&a()},get children(){return o(O,{})}}),o(w,{get when(){return x(()=>!n())()&&!a()},get children(){return o(M,{})}})]}})}})),E(()=>F(s,b("relative inline-flex items-center justify-center",r.class))),s})()}G("kai-voice-output",{text:"",autoplay:!1,synthesize:void 0,disabled:!1},(e,{dispatch:l,flag:r,expose:a})=>{let t;return a({speak:()=>t?.speak(),pause:()=>t?.pause(),resume:()=>t?.resume(),stop:()=>t?.stop()}),o($,{get text(){return e.text??""},get autoplay(){return r("autoplay")},get disabled(){return r("disabled")},get onSynthesize(){return e.synthesize?n=>e.synthesize(n):void 0},onSpeakingChange:n=>l("kai-speaking-change",{speaking:n}),onSynthesized:n=>l("kai-synthesized",{blob:n}),controllerRef:n=>t=n})});