@vasfal/vellum 0.1.0 → 0.1.2

package/.next/static/chunks/app/record-test/page-efb4287dda79ede4.js

@@ -0,0 +1,7 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[213],{26824:(e,t,r)=>{Promise.resolve().then(r.bind(r,80953))},28864:(e,t,r)=>{"use strict";r.d(t,{P:()=>o,a:()=>i});var n=r(86801);let a="recording.webm";function i(){return window.showDirectoryPicker({mode:"readwrite"})}async function o(e,t){let{dir:r,name:i}=await (0,n.C)(e,t),o=await r.getFileHandle(a,{create:!0}),s=await o.createWritable(),l=Promise.resolve();return{sessionDirName:i,relativePath:`${i}/${a}`,write:e=>l=l.then(()=>s.write(e)),close:async()=>{await l,await s.close()}}}},30772:(e,t,r)=>{"use strict";r.d(t,{A:()=>s});var n=r(12115),a=r(30907);let i=e=>{let t=e.replace(/^([A-Z])|[\s-_]+(\w)/g,(e,t,r)=>r?r.toUpperCase():t.toLowerCase());return t.charAt(0).toUpperCase()+t.slice(1)};var o=r(71265);let s=(e,t)=>{let r=(0,n.forwardRef)(({className:r,...s},l)=>(0,n.createElement)(o.default,{ref:l,iconNode:t,className:(0,a.z)(`lucide-${i(e).replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()}`,`lucide-${e}`,r),...s}));return r.displayName=i(e),r}},30907:(e,t,r)=>{"use strict";r.d(t,{z:()=>n});let n=(...e)=>e.filter((e,t,r)=>!!e&&""!==e.trim()&&r.indexOf(e)===t).join(" ").trim()},71265:(e,t,r)=>{"use strict";r.d(t,{default:()=>s});var n=r(12115),a={xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"},i=r(30907);let o=(0,n.createContext)({}),s=(0,n.forwardRef)(({color:e,size:t,strokeWidth:r,absoluteStrokeWidth:s,className:l="",children:c,iconNode:d,...u},p)=>{let{size:h=24,strokeWidth:m=2,absoluteStrokeWidth:g=!1,color:f="currentColor",className:x=""}=(0,n.useContext)(o)??{},y=s??g?24*Number(r??m)/Number(t??h):r??m;return(0,n.createElement)("svg",{ref:p,...a,width:t??h??a.width,height:t??h??a.height,stroke:e??f,strokeWidth:y,className:(0,i.z)("lucide",x,l),...!c&&!(e=>{for(let t in e)if(t.startsWith("aria-")||"role"===t||"title"===t)return!0;return!1})(u)&&{"aria-hidden":"true"},...u},[...d.map(([e,t])=>(0,n.createElement)(e,t)),...Array.isArray(c)?c:[c]])})},80953:(e,t,r)=>{"use strict";r.r(t),r.d(t,{default:()=>u});var n=r(95155),a=r(12115),i=r(47650),o=r(99749),s=r(75197),l=r(70283),c=r(28864),d=r(59900);function u(){let[e,t]=(0,a.useState)(!1),[r,u]=(0,a.useState)(!0),[g,f]=(0,a.useState)("inactive"),{elapsedMs:x,setState:y}=(0,d.d)(),[b,w]=(0,a.useState)(0),[k,v]=(0,a.useState)(0),[$,S]=(0,a.useState)(null),[j,C]=(0,a.useState)([]),P=(0,a.useRef)(null),R=(0,a.useRef)(null),E=(0,a.useRef)(null),M=(0,a.useRef)(null),z=(0,a.useRef)(null),D=(0,a.useRef)([]),[F,W]=(0,a.useState)(null),[A,N]=(0,a.useState)(null),T=(0,a.useRef)(null),O=(0,a.useRef)(null),U=(0,a.useCallback)(e=>{console.log(`[record-test] ${e}`),C(t=>[...t,e])},[]),L=(0,s.Y)({onClose:()=>U("PiP controls closed — recording continues via in-page controls")}),I=(0,a.useCallback)(()=>{z.current&&"inactive"!==z.current.state()&&(z.current.stop(),z.current=null,f("inactive"),y("inactive")),R.current?.getTracks().forEach(e=>e.stop()),E.current?.getTracks().forEach(e=>e.stop()),R.current=null,E.current=null,M.current=null,P.current&&(P.current.srcObject=null),t(!1),L.close(),U("capture stopped — all tracks ended")},[U,y,L]),H=(0,a.useCallback)(async()=>{try{U("requesting screen via getDisplayMedia (native picker)…");let e=await navigator.mediaDevices.getDisplayMedia({video:{width:{max:2560},height:{max:1440},frameRate:{ideal:30,max:30}},audio:!1});R.current=e;let n=e.getVideoTracks()[0],a=n.getSettings(),i=Math.max(a.width??0,a.height??0),s=Math.min(a.width??0,a.height??0);U(`screen track: ${a.width}\xd7${a.height} @ ${a.frameRate}fps (long ${i}, short ${s}) — cap ≤2560\xd71440: `+(i<=2560&&s<=1440?"OK":"OVER CAP")),U("requesting microphone via getUserMedia (on by default)…");let l=await navigator.mediaDevices.getUserMedia({audio:!0,video:!1});E.current=l;let c=l.getAudioTracks()[0];c.enabled=r,U(`mic track: "${c.label}" enabled=${c.enabled}`);let d=new MediaStream([...e.getVideoTracks(),...l.getAudioTracks()]);M.current=d,U(`combined stream: ${d.getVideoTracks().length} video + ${d.getAudioTracks().length} audio track`),U(`MediaRecorder.isTypeSupported("${o.Pc}") = ${MediaRecorder.isTypeSupported(o.Pc)}`),P.current&&(P.current.srcObject=d),n.addEventListener("ended",()=>{U("screen track ended (native Stop sharing) — cleaning up"),I()}),t(!0)}catch(r){let e=r instanceof Error?r.name:"Unknown",t=r instanceof Error?r.message:String(r);U(`capture failed: ${e} — ${t}`),I()}},[U,r,I]),_=(0,a.useCallback)(()=>{let e=!r,t=E.current?.getAudioTracks()[0];t&&(t.enabled=e),U(`mic ${e?"ON":"OFF"}${t?` (track.enabled=${e})`:" — no active track yet"}`),u(e)},[U,r]),V=(0,a.useCallback)(async()=>{try{let e=await (0,c.a)();T.current=e,W(e.name),U(`workspace folder chosen: "${e.name}" (read+write granted)`)}catch(t){let e=t instanceof Error?t.name:"Unknown";if("AbortError"===e)return void U("folder pick cancelled");U(`folder pick failed: ${e}`)}},[U]),K=(0,a.useCallback)(async()=>{let e=M.current;if(!e)return void U("cannot record — no active capture");D.current=[],w(0),v(0),N(null),S(e=>(e&&URL.revokeObjectURL(e),null));let t=T.current;if(t)try{let e=await (0,c.P)(t,new Date);O.current=e,N(e.relativePath),U(`streaming to disk → ${e.relativePath} (committed on Stop)`)}catch(t){let e=t instanceof Error?t.message:String(t);U(`failed to open disk sink: ${e} — recording in-memory only`),O.current=null}else O.current=null,U("no folder chosen — recording in-memory only (Choose folder to stream to disk)");try{let t=(0,o.Tk)({stream:e,onChunk:e=>{D.current.push(e),w(e=>e+1),v(t=>t+e.size),O.current&&O.current.write(e).catch(e=>{let t=e instanceof Error?e.message:String(e);U(`disk write failed: ${t}`)}),U(`chunk #${D.current.length}: ${e.size} bytes${O.current?" → disk":""}`)},onError:e=>U(`recorder error: ${e.name} — ${e.message}`)});z.current=t,t.start(),f("recording"),y("recording"),U(`recording started — mime=${o.Pc}, timeslice=${o.pi}ms`)}catch(t){let e=t instanceof Error?t.message:String(t);U(`failed to start recorder: ${e}`)}},[U,y]),q=(0,a.useCallback)(()=>{let e=z.current;e&&("recording"===e.state()?(e.pause(),f("paused"),y("paused"),U("recording paused")):"paused"===e.state()&&(e.resume(),f("recording"),y("recording"),U("recording resumed")))},[U,y]),B=(0,a.useCallback)(async()=>{let e=z.current;if(!e)return;await e.stop(),z.current=null,f("inactive"),y("inactive");let t=O.current;if(t){try{await t.close(),U(`disk file committed → ${t.relativePath}`)}catch(t){let e=t instanceof Error?t.message:String(t);U(`failed to commit disk file: ${e}`)}O.current=null}let r=new Blob(D.current,{type:o.Pc});S(URL.createObjectURL(r)),U(`recording stopped — assembled ${D.current.length} chunks → ${r.size} bytes, type="${r.type}"`),L.close()},[U,y,L]),G=(0,a.useCallback)(async()=>{try{await L.open({width:320,height:72}),U("PiP controls opened — floats above all windows, works when tab is unfocused")}catch(t){let e=t instanceof Error?t.message:String(t);U(`failed to open PiP controls: ${e} — use the in-page controls`)}},[U,L]),Y=e&&"inactive"===g;return(0,n.jsxs)("main",{style:{minHeight:"100vh",background:"#0a0a0a",color:"#ededed",fontFamily:"ui-sans-serif, system-ui, sans-serif",padding:"32px",display:"flex",flexDirection:"column",gap:"16px",maxWidth:"880px",margin:"0 auto"},children:[(0,n.jsxs)("header",{children:[(0,n.jsx)("h1",{style:{fontSize:"15px",fontWeight:600,margin:0},children:"TASK-10 \xb7 TASK-11 \xb7 capture + record test"}),(0,n.jsx)("p",{style:{fontSize:"13px",color:"#888",margin:"4px 0 0"},children:"screen + mic → MediaStream → MediaRecorder (VP9/Opus, ~2.5 Mbps, chunked). Not product UI."})]}),(0,n.jsxs)("div",{style:{display:"flex",gap:"8px",alignItems:"center",flexWrap:"wrap"},children:[e?(0,n.jsx)("button",{onClick:I,style:h,children:"Stop capture"}):(0,n.jsx)("button",{onClick:H,style:h,children:"Start capture"}),(0,n.jsxs)("label",{style:{display:"flex",gap:"6px",alignItems:"center",fontSize:"13px",color:"#bbb"},children:[(0,n.jsx)("input",{type:"checkbox",checked:r,onChange:_}),"Microphone ",r?"on":"off"]}),(0,n.jsx)("span",{style:{width:"1px",height:"20px",background:"#2a2a2a"}}),(0,n.jsx)("button",{onClick:V,style:h,children:"Choose folder"}),(0,n.jsx)("span",{style:{fontSize:"12px",color:"#888",fontFamily:"ui-monospace, monospace"},children:F?`folder: ${F}`:"no folder — in-memory only"}),(0,n.jsx)("span",{style:{width:"1px",height:"20px",background:"#2a2a2a"}}),(0,n.jsx)("button",{onClick:K,disabled:!Y,style:Y?h:m,children:"● Record"}),(0,n.jsx)("button",{onClick:q,disabled:"inactive"===g,style:"inactive"===g?m:h,children:"paused"===g?"Resume":"Pause"}),(0,n.jsx)("button",{onClick:B,disabled:"inactive"===g,style:"inactive"===g?m:h,children:"Stop recording"}),(0,n.jsxs)("span",{style:{fontSize:"12px",color:"#888",fontFamily:"ui-monospace, monospace"},children:[b," chunks \xb7 ",(k/1024).toFixed(0)," KB",A?` \xb7 → ${A}`:""]})]}),(0,n.jsx)("div",{style:{display:"flex",gap:"8px",alignItems:"center"},children:L.isSupported?(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("button",{onClick:G,disabled:!e||null!==L.pipWindow,style:e&&null===L.pipWindow?h:m,children:"Pop out controls"}),(0,n.jsx)("span",{style:{fontSize:"12px",color:"#888",fontFamily:"ui-monospace, monospace"},children:L.pipWindow?"controls floating in PiP window":"always-on-top widget — works when this tab is unfocused"})]}):(0,n.jsx)("span",{style:{fontSize:"12px",color:"#888"},children:"Document Picture-in-Picture unavailable in this browser — in-page controls only (Chromium required)."})}),(0,n.jsx)(p,{recState:g,elapsedMs:x}),(0,n.jsx)("video",{ref:P,autoPlay:!0,muted:!0,playsInline:!0,style:{width:"100%",aspectRatio:"16 / 9",background:"#111",borderRadius:"6px",border:"1px solid #222"}}),$&&(0,n.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:"8px"},children:[(0,n.jsxs)("p",{style:{fontSize:"12px",color:"#888",margin:0,fontFamily:"ui-monospace, monospace"},children:["recorded playback (",(k/1024).toFixed(0)," KB):"]}),(0,n.jsx)("video",{src:$,controls:!0,playsInline:!0,style:{width:"100%",aspectRatio:"16 / 9",background:"#111",borderRadius:"6px",border:"1px solid #222"}}),(0,n.jsx)("a",{href:$,download:"vellum-record-test.webm",style:{...h,width:"fit-content",textDecoration:"none"},children:"Download .webm"})]}),(0,n.jsx)("pre",{style:{fontFamily:"ui-monospace, 'Geist Mono', monospace",fontSize:"12px",lineHeight:1.6,color:"#9a9a9a",background:"#0f0f0f",border:"1px solid #1d1d1d",borderRadius:"6px",padding:"12px",margin:0,whiteSpace:"pre-wrap",minHeight:"120px"},children:0===j.length?"// console log mirror — press Start capture":j.map((e,t)=>`${t+1}  ${e}`).join("\n")}),L.pipWindow&&(0,i.createPortal)((0,n.jsx)(l.m,{recState:g,elapsedMs:x,micEnabled:r,onPauseResume:q,onStop:B,onToggleMic:_}),L.pipWindow.document.body)]})}function p({recState:e,elapsedMs:t}){let r="recording"===e,a="paused"===e,i="inactive"===e?"#666":"#ededed";return(0,n.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:"12px"},children:[(0,n.jsx)("style",{children:`
+        @keyframes vellum-rec-pulse {
+          0%, 100% { opacity: 1; transform: scale(1); }
+          50% { opacity: 0.35; transform: scale(0.82); }
+        }
+        .vellum-rec-dot { animation: vellum-rec-pulse 1.6s ease-in-out infinite; }
+      `}),(0,n.jsxs)("span",{style:{display:"inline-flex",alignItems:"center",gap:"7px"},children:[(0,n.jsx)("span",{className:r?"vellum-rec-dot":void 0,style:{width:"9px",height:"9px",borderRadius:"50%",background:r?"#ededed":a?"transparent":"#3a3a3a",border:a?"1.5px solid #ededed":"none",boxSizing:"border-box"}}),(0,n.jsx)("span",{style:{fontSize:"11px",fontWeight:600,letterSpacing:"0.08em",color:i,fontFamily:"ui-monospace, 'Geist Mono', monospace"},children:r?"REC":a?"PAUSED":"IDLE"})]}),(0,n.jsx)("span",{style:{fontSize:"22px",fontVariantNumeric:"tabular-nums",fontFamily:"ui-monospace, 'Geist Mono', monospace",letterSpacing:"0.02em",color:i},children:(0,d.C)(t)})]})}let h={background:"#ededed",color:"#0a0a0a",border:"none",borderRadius:"6px",padding:"8px 14px",fontSize:"13px",fontWeight:500,cursor:"pointer"},m={...h,background:"#2a2a2a",color:"#666",cursor:"not-allowed"}},86801:(e,t,r)=>{"use strict";async function n(e,t){var r;let n,a=(r=t,n=e=>String(e).padStart(2,"0"),`${r.getFullYear()}-${n(r.getMonth()+1)}-${n(r.getDate())}-${n(r.getHours())}-${n(r.getMinutes())}`),i=a,o=1;for(;o<1e3;){try{await e.getDirectoryHandle(i)}catch(t){if(t instanceof DOMException&&"NotFoundError"===t.name)return{dir:await e.getDirectoryHandle(i,{create:!0}),name:i};throw t}o+=1,i=`${a}-${o}`}throw Error(`Could not create a unique session folder for "${a}"`)}r.d(t,{C:()=>n})}},e=>{e.O(0,[743,441,794,358],()=>e(e.s=26824)),_N_E=e.O()}]);

package/.next/static/chunks/app/styleguide/page-f39510e82c1f9f31.js

@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[748],{119:(e,t,n)=>{"use strict";n.d(t,{Logo:()=>o});var r=n(95155),a=n(12115),i=n(40980);function o({className:e}){let[t,n]=(0,a.useState)(0),l=()=>n(e=>e+90);return(0,r.jsxs)("svg",{viewBox:"0 0 122 16",className:(0,i.cn)("h-4 w-auto text-foreground",e),fill:"currentColor",role:"img","aria-label":"Vellum",xmlns:"http://www.w3.org/2000/svg",onMouseEnter:l,onMouseLeave:l,children:[(0,r.jsx)("g",{className:"origin-center transition-transform duration-500 ease-out motion-reduce:transition-none",style:{transformBox:"fill-box",transform:`rotate(${t}deg)`},children:(0,r.jsx)("path",{d:"M6.50391 3.5H9.50391V1H12.5039V3.5H15.0039V6.5H12.5039V9.5H15.0039V12.5H12.5039V15H9.50391V12.5H6.50391V15H3.50391V12.5H1.00391V9.5H3.50391V6.5H1.00391V3.5H3.50391V1H6.50391V3.5ZM6.50391 9.5H9.50391V6.5H6.50391V9.5Z"})}),(0,r.jsx)("path",{d:"M86.7959 7.94043C86.7959 9.45243 87.2643 11.4512 90.4863 11.4512H90.5762C93.78 11.4511 94.2119 9.4524 94.2119 7.94043V1.40723H98.4961V7.99512C98.496 10.6591 97.6497 14.9971 90.792 14.9971H90.2695C83.1422 14.9969 82.5118 10.6411 82.5117 7.99512V1.40723H86.7959V7.94043ZM27.3057 10.9473L31.5176 1.40723H36.0898L29.9697 14.7988H24.498L18.1084 1.40723H23.0938L27.3057 10.9473ZM50.6113 4.48438H42.043V6.42871H50.3418V9.61523H42.043V11.6846H50.7197V14.7988H37.7773V1.40723H50.6113V4.48438ZM57.8643 11.3066H65.9648V14.7988H53.5625V1.40723H57.8643V11.3066ZM72.7354 11.3066H80.8359V14.7988H68.4336V1.40723H72.7354V11.3066ZM111.343 9.74121L115.374 1.40723H120.918V14.7988H116.706V6.24902L112.692 14.7988H109.704L105.708 6.24902V14.7988H101.568V1.40723H107.4L111.343 9.74121Z"})]})}},33807:(e,t,n)=>{"use strict";n.d(t,{Label:()=>i});var r=n(95155);n(12115);var a=n(40980);function i({className:e,...t}){return(0,r.jsx)("label",{"data-slot":"label",className:(0,a.cn)("flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50",e),...t})}},40980:(e,t,n)=>{"use strict";n.d(t,{cn:()=>i});var r=n(29722),a=n(622);function i(...e){return(0,a.QP)((0,r.$)(e))}},42763:(e,t,n)=>{"use strict";n.d(t,{Dialog:()=>p,DialogClose:()=>x,DialogContent:()=>y,DialogDescription:()=>z,DialogFooter:()=>H,DialogHeader:()=>k,DialogTitle:()=>V,DialogTrigger:()=>b});var r=n(95155);n(12115);var a=n(98408),i=n(49555),o=n(32949),l=n(52579),s=n(45477),u=n(39504),d=n(11975),c=n(31799),f=n(40980),g=n(89239),v=n(9005);function p({...e}){return(0,r.jsx)(a.D,{"data-slot":"dialog",...e})}function b({...e}){return(0,r.jsx)(i.z,{"data-slot":"dialog-trigger",...e})}function h({...e}){return(0,r.jsx)(o.Z,{"data-slot":"dialog-portal",...e})}function x({...e}){return(0,r.jsx)(l.H,{"data-slot":"dialog-close",...e})}function m({className:e,...t}){return(0,r.jsx)(s.X,{"data-slot":"dialog-overlay",className:(0,f.cn)("fixed inset-0 isolate z-50 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0",e),...t})}function y({className:e,children:t,showCloseButton:n=!0,...a}){return(0,r.jsxs)(h,{children:[(0,r.jsx)(m,{}),(0,r.jsxs)(u.h,{"data-slot":"dialog-content",className:(0,f.cn)("fixed top-1/2 left-1/2 z-50 grid w-full max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 gap-4 rounded-xl bg-popover p-4 text-sm text-popover-foreground ring-1 ring-foreground/10 duration-100 outline-none sm:max-w-sm data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",e),...a,children:[t,n&&(0,r.jsxs)(l.H,{"data-slot":"dialog-close",render:(0,r.jsx)(g.$,{variant:"ghost",className:"absolute top-2 right-2",size:"icon-sm"}),children:[(0,r.jsx)(v.A,{}),(0,r.jsx)("span",{className:"sr-only",children:"Close"})]})]})]})}function k({className:e,...t}){return(0,r.jsx)("div",{"data-slot":"dialog-header",className:(0,f.cn)("flex flex-col gap-2",e),...t})}function H({className:e,showCloseButton:t=!1,children:n,...a}){return(0,r.jsxs)("div",{"data-slot":"dialog-footer",className:(0,f.cn)("-mx-4 -mb-4 flex flex-col-reverse gap-2 rounded-b-xl border-t bg-muted/50 p-4 sm:flex-row sm:justify-end",e),...a,children:[n,t&&(0,r.jsx)(l.H,{render:(0,r.jsx)(g.$,{variant:"outline"}),children:"Close"})]})}function V({className:e,...t}){return(0,r.jsx)(d.L,{"data-slot":"dialog-title",className:(0,f.cn)("font-heading text-base leading-none font-medium",e),...t})}function z({className:e,...t}){return(0,r.jsx)(c.r,{"data-slot":"dialog-description",className:(0,f.cn)("text-sm text-muted-foreground *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground",e),...t})}},56423:(e,t,n)=>{"use strict";n.d(t,{Tabs:()=>W,TabsContent:()=>U,TabsList:()=>X,TabsTrigger:()=>Y});var r,a,i=n(95155),o=n(12115),l=n(50602),s=n(66652),u=n(23068),d=n(69938),c=n(67894),f=n(25803);let g=o.createContext(void 0);function v(){let e=o.useContext(g);if(void 0===e)throw Error((0,f.A)(64));return e}let p=((r={}).activationDirection="data-activation-direction",r.orientation="data-orientation",r),b={tabActivationDirection:e=>({[p.activationDirection]:e})};var h=n(7049),x=n(76175);let m=o.forwardRef(function(e,t){let{className:n,defaultValue:r=0,onValueChange:a,orientation:f="horizontal",render:v,value:p,style:m,...k}=e,H=void 0!==e.defaultValue,V=o.useRef([]),[z,j]=o.useState(()=>new Map),[w,R]=(0,l.q)({controlled:p,default:r,name:"Tabs",state:"value"}),M=void 0!==p,[C,D]=o.useState(()=>new Map),N=o.useRef(void 0),S=o.useCallback(e=>{if(void 0===e)return null;for(let[t,n]of C.entries())if(null!=n&&e===(n.value??n.index))return t;return null},[C]),[E,P]=o.useState(()=>({previousValue:w,tabActivationDirection:"none"})),{previousValue:_,tabActivationDirection:A}=E,K=A,L=!1;_!==w&&(K=y(_,w,f,C),L=null!=_&&null!=w&&null==S(w));let F=L?_:w,I=_!==F||A!==K;(0,s.g)(()=>{I&&P({previousValue:F,tabActivationDirection:K})},[F,I,K]);let T=(0,u.K)((e,t)=>{t.activationDirection=y(w,e,f,C),a?.(e,t),t.isCanceled||R(e)}),Z=(0,u.K)((e,t)=>{a?.(e,(0,h.d)(t,void 0,void 0,{activationDirection:"none"}))}),B=(0,u.K)((e,t)=>{j(n=>{if(n.get(e)===t)return n;let r=new Map(n);return r.set(e,t),r})}),$=(0,u.K)((e,t)=>{j(n=>{if(!n.has(e)||n.get(e)!==t)return n;let r=new Map(n);return r.delete(e),r})}),J=o.useCallback(e=>z.get(e),[z]),O=o.useCallback(e=>{for(let t of C.values())if(e===t?.value)return t?.id},[C]),q=o.useMemo(()=>({getTabElementBySelectedValue:S,getTabIdByPanelValue:O,getTabPanelIdByValue:J,onValueChange:T,orientation:f,registerMountedTabPanel:B,setTabMap:D,unregisterMountedTabPanel:$,tabActivationDirection:K,value:w}),[S,O,J,T,f,B,D,$,K,w]),Q=o.useMemo(()=>{for(let e of C.values())if(null!=e&&e.value===w)return e},[C,w]),W=o.useMemo(()=>{for(let e of C.values())if(null!=e&&!e.disabled)return e.value},[C]),G=o.useRef(!H),X=o.useRef(r),Y=o.useRef(H),U=o.useRef(!1);(0,s.g)(()=>{if(M)return;function e(e,t){R(e),P(t=>t.previousValue===e&&"none"===t.tabActivationDirection?t:{previousValue:e,tabActivationDirection:"none"}),Z(e,t),G.current=!1}if(0===C.size){U.current&&null!==w&&!N.current?.isConnected&&e(null,x.c);return}U.current=!0,N.current=C.keys().next().value;let t=Q?.disabled,n=null==Q&&null!==w;if(t||w!==X.current||(Y.current=!1),Y.current&&t&&w===X.current)return;let r=G.current;if(t||n){let n=W??null;if(w===n){G.current=!1;return}let a=x.c;r?a=x.Vh:t&&(a=x.r9),e(n,a);return}r&&null!=Q&&(Z(w,x.Vh),G.current=!1)},[W,M,Z,Q,R,C,w]);let ee={orientation:f,tabActivationDirection:K},et=(0,d.o)("div",e,{state:ee,ref:t,props:k,stateAttributesMapping:b});return(0,i.jsx)(g.Provider,{value:q,children:(0,i.jsx)(c.u,{elementsRef:V,children:et})})});function y(e,t,n,r){if(null==e||null==t)return"none";let a=null,i=null;for(let[n,o]of r.entries()){if(null==o)continue;let r=o.value??o.index;if(e===r&&(a=n),t===r&&(i=n),null!=a&&null!=i)break}if(null==a||null==i)return a!==i&&("number"==typeof e||"string"==typeof e)&&typeof e==typeof t?"horizontal"===n?t>e?"right":"left":t>e?"down":"up":"none";let o=a.getBoundingClientRect(),l=i.getBoundingClientRect();if("horizontal"===n){if(l.left<o.left)return"left";if(l.left>o.left)return"right"}else{if(l.top<o.top)return"up";if(l.top>o.top)return"down"}return"none"}var k=n(8994),H=n(24205),V=n(55218),z=n(5313),j=n(86058);let w="data-composite-item-active";var R=n(51464);let M=[];var C=n(70481),D=n(30458);function N(e){let{render:t,className:n,style:r,refs:a=k.Ml,props:l=k.Ml,state:f=k.t0,stateAttributesMapping:g,highlightedIndex:v,onHighlightedIndexChange:p,orientation:b,grid:h,loopFocus:x,onLoop:m,enableHomeAndEndKeys:y,onMapChange:N,stopEventPropagation:S=!0,rootRef:E,disabledIndices:P,modifierKeys:_,highlightItemOnHover:A=!1,tag:K="div",...L}=e,{props:F,highlightedIndex:I,onHighlightedIndexChange:T,elementsRef:Z,onMapChange:B,relayKeyboardEvent:$}=function(e){let{loopFocus:t=!0,orientation:n="both",grid:r,onLoop:a,direction:i,highlightedIndex:l,onHighlightedIndexChange:d,rootRef:c,enableHomeAndEndKeys:f=!1,stopEventPropagation:g=!1,disabledIndices:v,modifierKeys:p=M}=e,[b,h]=o.useState(0),x=null!=r,m=o.useRef(null),y=(0,V.a)(m,c),k=o.useRef([]),C=o.useRef(!1),D=l??b,N=(0,u.K)((e,t=!1)=>{if((d??h)(e),t){let t=k.current[e];(0,z.$v)(m.current,t,i,n)}}),S=(0,u.K)(e=>{if(0===e.size||C.current)return;C.current=!0;let t=Array.from(e.keys()),r=t.find(e=>e?.hasAttribute(w))??null,a=r?t.indexOf(r):-1;if(-1!==a)N(a);else if((0,j.FP)(t,D,v)){let e=(0,j.BF)(t,{disabledIndices:v});(0,j.du)(t,e)||N(e)}(0,z.$v)(m.current,r,i,n)});(0,s.g)(()=>{if(null==v||null!=l||!C.current)return;let e=k.current;if((0,j.FP)(e,D,v)){let t=(0,j.BF)(e,{disabledIndices:v});(0,j.du)(e,t)||N(t)}},[v,l,D,k,N]);let E=(0,u.K)((e,t,n)=>a?a(e,t,n,k):n),P=(0,u.K)(e=>{let o=f?z.jF:z.LM;if(!o.has(e.key)||function(e,t){for(let n of z.rT.values())if(!t.includes(n)&&e.getModifierState(n))return!0;return!1}(e,p)||!m.current)return;let l="rtl"===i,s=l?z.eR:z.RJ,u={horizontal:s,vertical:z.Jd,both:s}[n],d=l?z.RJ:z.eR,c={horizontal:d,vertical:z.il,both:d}[n],b=(0,R.EW)(e.nativeEvent);if(null!=b&&(0,z.Qi)(b)&&!(0,H.F)(b)){let t=b.selectionStart,n=b.selectionEnd,r=b.value??"";if(null==t||e.shiftKey||t!==n||e.key!==c&&t<r.length||e.key!==u&&t>0)return}let h=D,y=(0,j.Zb)(k,v),V=(0,j.vB)(k,v);null!=r&&(h=r({disabledIndices:v,elementsRef:k,event:e,highlightedIndex:D,loopFocus:t,maxIndex:V,minIndex:y,onLoop:E,orientation:n,rtl:l}));let w={horizontal:[s],vertical:[z.Jd],both:[s,z.Jd]}[n],M={horizontal:[d],vertical:[z.il],both:[d,z.il]}[n],C=x?o:({horizontal:f?z.lZ:z.eb,vertical:f?z.z5:z.ug,both:o})[n];f&&(e.key===z.yZ?h=y:e.key===z.Kp&&(h=V)),h===D&&(w.includes(e.key)||M.includes(e.key))&&(t&&h===V&&w.includes(e.key)?(h=y,a&&(h=a(e,D,h,k))):t&&h===y&&M.includes(e.key)?(h=V,a&&(h=a(e,D,h,k))):h=(0,j.BF)(k.current,{startingIndex:h,decrement:M.includes(e.key),disabledIndices:v})),h===D||(0,j.du)(k.current,h)||(g&&e.stopPropagation(),C.has(e.key)&&e.preventDefault(),N(h,!0),queueMicrotask(()=>{k.current[h]?.focus()}))});return{props:{ref:y,onFocus(e){let t=m.current,n=(0,R.EW)(e.nativeEvent);t&&null!=n&&(0,z.Qi)(n)&&n.setSelectionRange(0,n.value.length??0)},onKeyDown:P},highlightedIndex:D,onHighlightedIndexChange:N,elementsRef:k,disabledIndices:v,onMapChange:S,relayKeyboardEvent:P}}({grid:h,loopFocus:x,onLoop:m,orientation:b,highlightedIndex:v,onHighlightedIndexChange:p,rootRef:E,stopEventPropagation:S,enableHomeAndEndKeys:y,direction:(0,D.j)(),disabledIndices:P,modifierKeys:_}),J=(0,d.o)(K,e,{state:f,ref:a,props:[F,...l,L],stateAttributesMapping:g}),O=o.useMemo(()=>({highlightedIndex:I,onHighlightedIndexChange:T,highlightItemOnHover:A,relayKeyboardEvent:$}),[I,T,A,$]);return(0,i.jsx)(C.H.Provider,{value:O,children:(0,i.jsx)(c.u,{elementsRef:Z,onMapChange:e=>{N?.(e),B(e)},children:J})})}let S=o.createContext(void 0),E=o.forwardRef(function(e,t){let{activateOnFocus:n=!1,className:r,loopFocus:a=!0,render:l,style:d,...c}=e,{onValueChange:f,orientation:g,value:p,setTabMap:h,tabActivationDirection:x}=v(),[m,y]=o.useState(0),[H,V]=o.useState(null),z=o.useRef(new Set),j=o.useRef(new Set),w=o.useRef(null);(0,s.g)(()=>{if("u"<typeof ResizeObserver)return;let e=new ResizeObserver(()=>{z.current.forEach(e=>{e()})});return w.current=e,H&&e.observe(H),j.current.forEach(t=>{e.observe(t)}),()=>{e.disconnect(),w.current=null}},[H]);let R=(0,u.K)(e=>(z.current.add(e),()=>{z.current.delete(e)})),M=(0,u.K)(e=>(j.current.add(e),w.current?.observe(e),()=>{j.current.delete(e),w.current?.unobserve(e)})),C=(0,u.K)((e,t)=>{e!==p&&f(e,t)}),D=o.useMemo(()=>({activateOnFocus:n,highlightedTabIndex:m,registerIndicatorUpdateListener:R,registerTabResizeObserverElement:M,onTabActivation:C,setHighlightedTabIndex:y,tabsListElement:H}),[n,m,R,M,C,y,H]);return(0,i.jsx)(S.Provider,{value:D,children:(0,i.jsx)(N,{render:l,className:r,style:d,state:{orientation:g,tabActivationDirection:x},refs:[t,V],props:[{"aria-orientation":"vertical"===g?"vertical":void 0,role:"tablist"},c],stateAttributesMapping:b,highlightedIndex:m,enableHomeAndEndKeys:!0,loopFocus:a,orientation:g,onHighlightedIndexChange:y,onMapChange:h,disabledIndices:k.Ml})})});var P=n(81456),_=n(62955),A=n(27091),K=n(87799);let L=o.forwardRef(function(e,t){let{className:n,disabled:r=!1,render:a,value:i,id:l,nativeButton:u=!0,style:c,...g}=e,{value:p,getTabPanelIdByValue:m,orientation:y,tabActivationDirection:k}=v(),{activateOnFocus:H,highlightedTabIndex:V,onTabActivation:z,registerTabResizeObserverElement:j,setHighlightedTabIndex:M,tabsListElement:C}=function(){let e=o.useContext(S);if(void 0===e)throw Error((0,f.A)(65));return e}(),D=(0,_.e)(l),N=o.useMemo(()=>({disabled:r,id:D,value:i}),[r,D,i]),{compositeProps:E,compositeRef:L,index:F}=(0,K.k)({metadata:N}),I=i===p,T=o.useRef(!1),Z=o.useRef(null);(0,s.g)(()=>{let e=Z.current;if(e)return j(e)},[j]),(0,s.g)(()=>{if(T.current){T.current=!1;return}if(I&&F>-1&&V!==F){if(null!=C){let e=(0,R.RS)((0,P.R)(C));if(e&&(0,R.gR)(C,e))return}r||M(F)}},[I,F,V,M,r,C]);let{getButtonProps:B,buttonRef:$}=(0,A.s)({disabled:r,native:u,focusableWhenDisabled:!0}),J=m(i),O=o.useRef(!1),q=o.useRef(!1);return(0,d.o)("button",e,{state:{disabled:r,active:I,orientation:y,tabActivationDirection:k},ref:[t,$,L,Z],props:[E,{role:"tab","aria-controls":J,"aria-selected":I,id:D,onClick:function(e){I||r||z(i,(0,h.d)(x.dv,e.nativeEvent,void 0,{activationDirection:"none"}))},onFocus:function(e){I||(F>-1&&!r&&M(F),!r&&H&&(!O.current||O.current&&q.current)&&z(i,(0,h.d)(x.dv,e.nativeEvent,void 0,{activationDirection:"none"})))},onPointerDown:function(e){I||r||(O.current=!0,e.button&&0!==e.button||(q.current=!0,(0,P.R)(e.currentTarget).addEventListener("pointerup",function(){O.current=!1,q.current=!1},{once:!0})))},[w]:I?"":void 0,onKeyDownCapture(){T.current=!0}},g,B],stateAttributesMapping:b})});var F=n(96354),I=n(41900),T=n(72924),Z=n(97378),B=n(54068);let $=((a={}).index="data-index",a.activationDirection="data-activation-direction",a.orientation="data-orientation",a.hidden="data-hidden",a[a.startingStyle=I.T.startingStyle]="startingStyle",a[a.endingStyle=I.T.endingStyle]="endingStyle",a),J={...b,...I.G},O=o.forwardRef(function(e,t){let{className:n,value:r,render:a,keepMounted:i=!1,style:l,...u}=e,{value:c,getTabIdByPanelValue:f,orientation:g,tabActivationDirection:p,registerMountedTabPanel:b,unregisterMountedTabPanel:h}=v(),x=(0,_.e)(),m=o.useMemo(()=>({id:x,value:r}),[x,r]),{ref:y,index:k}=(0,B.q)({metadata:m}),H=r===c,{mounted:V,transitionStatus:z,setMounted:j}=(0,Z.$)(H),w=!V,R=f(r),M=o.useRef(null),C=(0,d.o)("div",e,{state:{hidden:w,orientation:g,tabActivationDirection:p,transitionStatus:z},ref:[t,y,M],props:[{"aria-labelledby":R,hidden:w,id:x,role:"tabpanel",tabIndex:H?0:-1,inert:(0,F.Y)(!H),[$.index]:k},u],stateAttributesMapping:J});return((0,T.v)({open:H,ref:M,onComplete(){H||j(!1)}}),(0,s.g)(()=>{if((!w||i)&&null!=x)return b(r,x),()=>{h(r,x)}},[w,i,r,x,b,h]),i||V)?C:null});var q=n(18460),Q=n(40980);function W({className:e,orientation:t="horizontal",...n}){return(0,i.jsx)(m,{"data-slot":"tabs","data-orientation":t,className:(0,Q.cn)("group/tabs flex gap-2 data-horizontal:flex-col",e),...n})}let G=(0,q.F)("group/tabs-list inline-flex w-fit items-center justify-center rounded-lg p-[3px] text-muted-foreground group-data-horizontal/tabs:h-8 group-data-vertical/tabs:h-fit group-data-vertical/tabs:flex-col data-[variant=line]:rounded-none",{variants:{variant:{default:"bg-muted",line:"gap-1 bg-transparent"}},defaultVariants:{variant:"default"}});function X({className:e,variant:t="default",...n}){return(0,i.jsx)(E,{"data-slot":"tabs-list","data-variant":t,className:(0,Q.cn)(G({variant:t}),e),...n})}function Y({className:e,...t}){return(0,i.jsx)(L,{"data-slot":"tabs-trigger",className:(0,Q.cn)("relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-1.5 py-0.5 text-sm font-medium whitespace-nowrap text-foreground/60 transition-all group-data-vertical/tabs:w-full group-data-vertical/tabs:justify-start hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-50 has-data-[icon=inline-end]:pr-1 has-data-[icon=inline-start]:pl-1 aria-disabled:pointer-events-none aria-disabled:opacity-50 dark:text-muted-foreground dark:hover:text-foreground group-data-[variant=default]/tabs-list:data-active:shadow-sm group-data-[variant=line]/tabs-list:data-active:shadow-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4","group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-active:bg-transparent dark:group-data-[variant=line]/tabs-list:data-active:border-transparent dark:group-data-[variant=line]/tabs-list:data-active:bg-transparent","data-active:bg-background data-active:text-foreground dark:data-active:border-input dark:data-active:bg-input/30 dark:data-active:text-foreground","after:absolute after:bg-foreground after:opacity-0 after:transition-opacity group-data-horizontal/tabs:after:inset-x-0 group-data-horizontal/tabs:after:bottom-[-5px] group-data-horizontal/tabs:after:h-0.5 group-data-vertical/tabs:after:inset-y-0 group-data-vertical/tabs:after:-right-1 group-data-vertical/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-active:after:opacity-100",e),...t})}function U({className:e,...t}){return(0,i.jsx)(O,{"data-slot":"tabs-content",className:(0,Q.cn)("flex-1 text-sm outline-none",e),...t})}},62953:(e,t,n)=>{Promise.resolve().then(n.bind(n,35684)),Promise.resolve().then(n.bind(n,64878)),Promise.resolve().then(n.bind(n,71265)),Promise.resolve().then(n.bind(n,119)),Promise.resolve().then(n.bind(n,42763)),Promise.resolve().then(n.bind(n,33807)),Promise.resolve().then(n.bind(n,97916)),Promise.resolve().then(n.bind(n,56423))},87799:(e,t,n)=>{"use strict";n.d(t,{k:()=>l});var r=n(12115),a=n(55218),i=n(70481),o=n(54068);function l(e={}){let{highlightItemOnHover:t,highlightedIndex:n,onHighlightedIndexChange:s}=(0,i.G)(),{ref:u,index:d}=(0,o.q)(e),c=n===d,f=r.useRef(null),g=(0,a.a)(u,f);return{compositeProps:{tabIndex:c?0:-1,onFocus(){s(d)},onMouseMove(){let e=f.current;if(!t||!e)return;let n=e.hasAttribute("disabled")||"true"===e.ariaDisabled;c||n||e.focus()}},compositeRef:g,index:d}}},89239:(e,t,n)=>{"use strict";n.d(t,{$:()=>s});var r=n(95155),a=n(35684),i=n(18460),o=n(40980);let l=(0,i.F)("group/button inline-flex shrink-0 items-center justify-center rounded-lg border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",{variants:{variant:{default:"bg-primary text-primary-foreground hover:bg-primary/80",outline:"border-border bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50",secondary:"bg-secondary text-secondary-foreground hover:bg-[color-mix(in_oklch,var(--secondary),var(--foreground)_5%)] aria-expanded:bg-secondary aria-expanded:text-secondary-foreground",ghost:"hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50",destructive:"bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40",link:"text-primary underline-offset-4 hover:underline"},size:{default:"h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",xs:"h-6 gap-1 rounded-[min(var(--radius-md),10px)] px-2 text-xs in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3",sm:"h-7 gap-1 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem] in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5",lg:"h-9 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",icon:"size-8","icon-xs":"size-6 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg [&_svg:not([class*='size-'])]:size-3","icon-sm":"size-7 rounded-[min(var(--radius-md),12px)] in-data-[slot=button-group]:rounded-lg","icon-lg":"size-9"}},defaultVariants:{variant:"default",size:"default"}});function s({className:e,variant:t="default",size:n="default",...i}){return(0,r.jsx)(a.Button,{"data-slot":"button",className:(0,o.cn)(l({variant:t,size:n,className:e})),...i})}},97916:(e,t,n)=>{"use strict";n.d(t,{Separator:()=>o});var r=n(95155),a=n(30030),i=n(40980);function o({className:e,orientation:t="horizontal",...n}){return(0,r.jsx)(a.w,{"data-slot":"separator",orientation:t,className:(0,i.cn)("shrink-0 bg-border data-horizontal:h-px data-horizontal:w-full data-vertical:w-px data-vertical:self-stretch",e),...n})}}},e=>{e.O(0,[603,479,185,441,794,358],()=>e(e.s=62953)),_N_E=e.O()}]);