@volter/game-editor 0.5.123 → 0.5.125

package/dist/assets/{ShadowEditor-CAnkvnG7.js → ShadowEditor-DJfc5awF.js}

@@ -1 +1 @@
-import{a as o}from"./jsx-runtime-DPjLkJKQ.js";import{r as w}from"./index-nmcBqr7Y.js";import"./index-CtzuWnCS.js";import{e4 as j,a6 as S,f0 as st,aN as et,e6 as M,e5 as L,bH as K,a7 as z,iZ as X,kD as O,eJ as at,bP as it,hZ as W,dV as lt,aS as ct}from"./index-BXVB2CCJ.js";import{C as N,r as ot}from"./ColorPicker-CuKRMJx9.js";const dt={full:{anchor:{left:0,top:0,right:1,bottom:1},offset:{left:0,top:0,right:0,bottom:0}},top:{anchor:{left:0,top:0,right:1,bottom:0},offset:{left:0,top:0,right:0,bottom:0}},bottom:{anchor:{left:0,top:1,right:1,bottom:1},offset:{left:0,top:0,right:0,bottom:0}},left:{anchor:{left:0,top:0,right:0,bottom:1},offset:{left:0,top:0,right:0,bottom:0}},right:{anchor:{left:1,top:0,right:1,bottom:1},offset:{left:0,top:0,right:0,bottom:0}},center:{anchor:{left:.5,top:.5,right:.5,bottom:.5},offset:{left:-60,top:-20,right:60,bottom:20}},"top-left":{anchor:{left:0,top:0,right:0,bottom:0},offset:{left:0,top:0,right:120,bottom:40}},"top-right":{anchor:{left:1,top:0,right:1,bottom:0},offset:{left:-120,top:0,right:0,bottom:40}}},V=["flex-start","center","flex-end"],Y=["flex-start","center","flex-end"];function pt({row:t,col:e,justify:s,align:r,isActive:c,disabled:a,onSelect:h}){return o.jsx("div",{"data-testid":`alignment-grid-${t}-${e}`,onClick:()=>{a||h(s,r)},style:{width:16,height:16,display:"flex",alignItems:"center",justifyContent:"center",cursor:a?"not-allowed":"pointer",borderRadius:j.radiusSmall,background:c?j.accent:"transparent"},children:o.jsx("div",{style:{width:c?6:4,height:c?6:4,borderRadius:"50%",background:c?j.onAccent:j.textMuted}})})}function Lt({value:t,onChange:e,disabled:s}){const r=V.indexOf(t.justify),c=Y.indexOf(t.align);return o.jsx("div",{"data-testid":"alignment-grid",style:{display:"inline-grid",gridTemplateColumns:"repeat(3, 16px)",gridTemplateRows:"repeat(3, 16px)",gap:1,background:j.inputBg,borderRadius:j.radiusMedium,padding:4,opacity:s?.35:1},children:Y.map((a,h)=>V.map((l,m)=>o.jsx(pt,{row:h,col:m,justify:l,align:a,isActive:h===c&&m===r,disabled:s,onSelect:(f,g)=>e({justify:f,align:g})},`${h}-${m}`)))})}function It({onSelect:t,disabled:e}){return o.jsx("div",{"data-testid":"anchor-presets",style:{display:"flex",flexWrap:"wrap",gap:4},children:Object.entries(dt).map(([s,r])=>o.jsx(S,{type:"button",variant:"secondary",size:"compact","data-testid":`anchor-preset-${s}`,disabled:e,onClick:()=>t(s,r),children:s},s))})}function R({label:t,value:e,unit:s="",step:r=1,min:c,max:a,precision:h,disabled:l,onChange:m,onChangeEnd:f,testId:g,style:p}){const x=w.useRef(null),u=h??(r<1?2:r>=100?-2:0),n=w.useMemo(()=>y=>{if(u<0){const C=10**-u;return Math.round(y/C)*C}const k=10**u;return Math.round(y*k)/k},[u]),i=y=>{let k=y;return c!==void 0&&(k=Math.max(c,k)),a!==void 0&&(k=Math.min(a,k)),n(k)},d=y=>{if(l)return;y.preventDefault(),x.current={startX:y.clientX,startValue:e,last:e},document.body.style.cursor="ew-resize";const k=I=>{if(!x.current)return;I.preventDefault();const A=I.clientX-x.current.startX,rt=I.shiftKey?10:I.altKey?.1:1,U=i(x.current.startValue+A*r*rt);x.current.last=U,L({onChange:m},U)},C=()=>{document.body.style.cursor="",window.removeEventListener("mousemove",k),window.removeEventListener("mouseup",H),window.removeEventListener("keydown",G)},H=()=>{if(x.current){const I=x.current.last;x.current=null,M({onChange:m,onChangeEnd:f},I)}C()},G=I=>{if(I.key==="Escape"&&x.current){const A=i(x.current.startValue);x.current=null,L({onChange:m},A),M({onChange:m,onChangeEnd:f},A),C()}};window.addEventListener("mousemove",k),window.addEventListener("mouseup",H),window.addEventListener("keydown",G)},[v,$]=w.useState(null),E=w.useRef(!1),b=y=>{const k=Number.parseFloat(y);if(Number.isNaN(k))return;const C=i(k);C!==e&&M({onChange:m,onChangeEnd:f},C)};return o.jsxs("div",{style:{...st,...p},children:[o.jsx("span",{className:"volter-scrub-label","data-testid":g?`${g}-label`:void 0,onMouseDown:d,"data-disabled":l||void 0,style:{fontSize:11,...l?{color:j.dynamic}:{},flexShrink:0,cursor:l?"not-allowed":"ew-resize",userSelect:"none",fontWeight:500},children:t}),o.jsx(et,{"data-testid":g,type:"text",value:v??`${e}${s}`,readOnly:l,"data-dynamic":l||void 0,onFocus:y=>{$(`${e}${s}`),y.target.select()},onChange:y=>$(y.target.value),onBlur:y=>{E.current||b(y.target.value),E.current=!1,$(null)},onKeyDown:y=>{y.key==="Enter"&&y.target.blur(),y.key==="Escape"&&(E.current=!0,y.target.blur())},style:{flex:1,width:0}})]})}const q=["none","solid","dashed","dotted","double"];function ut(t){return{top:t,right:t,bottom:t,left:t}}function ht(t){const e=r=>`${r.width}|${r.style}|${r.color}`,s=e(t.top);return e(t.right)===s&&e(t.bottom)===s&&e(t.left)===s}function Tt({value:t,onChange:e,onChangeEnd:s,disabled:r,recentColors:c,onAddRecentColor:a}){const[h,l]=w.useState(!ht(t)),m=(p,x)=>{const u={...t.top,...p},n=ut(u);x?M({onChange:e,onChangeEnd:s},n):L({onChange:e},n)},f=(p,x,u)=>{const n={...t,[p]:{...t[p],...x}};u?M({onChange:e,onChangeEnd:s},n):L({onChange:e},n)};if(!h)return o.jsxs("div",{"data-testid":"border-editor-uniform",style:{display:"flex",gap:6,alignItems:"center"},children:[o.jsx(N,{testId:"border-color",value:t.top.color,disabled:r,onChange:p=>m({color:p},!1),onChangeEnd:p=>m({color:p},!0),recentColors:c,onAddRecentColor:a}),o.jsx(R,{testId:"border-width",label:"W",value:t.top.width,min:0,disabled:r,onChange:p=>m({width:p},!1),onChangeEnd:p=>m({width:p},!0),style:{width:64}}),o.jsx(K,{className:"volter-select","data-testid":"border-style",value:t.top.style,disabled:r,"data-dynamic":r||void 0,onChange:p=>m({style:p.target.value},!0),style:{flex:1},children:q.map(p=>o.jsx("option",{value:p,children:p},p))}),o.jsx(S,{type:"button","data-testid":"border-expand",title:"Per-side borders","aria-label":"Edit borders per side",onClick:()=>l(!0),variant:"ghost",size:"compact",children:o.jsx(z,{icon:X})})]});const g=[{key:"top",label:"T"},{key:"right",label:"R"},{key:"bottom",label:"B"},{key:"left",label:"L"}];return o.jsxs("div",{"data-testid":"border-editor-expanded",style:{display:"flex",flexDirection:"column",gap:4},children:[o.jsxs("div",{style:{display:"flex",alignItems:"center",gap:4},children:[o.jsx("span",{style:{fontSize:10,color:j.textMuted},children:"Per-side"}),o.jsx("div",{style:{flex:1}}),o.jsx(S,{type:"button",variant:"primary",size:"compact","data-testid":"border-collapse",title:"Uniform border","aria-label":"Use one border for all sides",onClick:()=>l(!1),children:o.jsx(z,{icon:X})})]}),g.map(({key:p,label:x})=>o.jsxs("div",{style:{display:"flex",gap:4,alignItems:"center"},children:[o.jsx("span",{style:{fontSize:10,color:j.textMuted,width:10,textAlign:"center"},children:x}),o.jsx(N,{testId:`border-${p}-color`,value:t[p].color,disabled:r,onChange:u=>f(p,{color:u},!1),onChangeEnd:u=>f(p,{color:u},!0),recentColors:c,onAddRecentColor:a}),o.jsx(R,{testId:`border-${p}-width`,label:"",value:t[p].width,min:0,disabled:r,onChange:u=>f(p,{width:u},!1),onChangeEnd:u=>f(p,{width:u},!0),style:{width:48}}),o.jsx(K,{className:"volter-select","data-testid":`border-${p}-style`,value:t[p].style,disabled:r,"data-density":"compact","data-dynamic":r||void 0,onChange:u=>f(p,{style:u.target.value},!0),style:{flex:1},children:q.map(u=>o.jsx("option",{value:u,children:u},u))})]},p))]})}function ft(t){return{topLeft:t,topRight:t,bottomLeft:t,bottomRight:t}}function mt(t){return t.topLeft===t.topRight&&t.topRight===t.bottomLeft&&t.bottomLeft===t.bottomRight}function zt({value:t,onChange:e,onChangeEnd:s,disabled:r}){const[c,a]=w.useState(!mt(t)),h=(f,g)=>{const p=ft(f);g?M({onChange:e,onChangeEnd:s},p):L({onChange:e},p)},l=(f,g,p)=>{const x={...t,[f]:g};p?M({onChange:e,onChangeEnd:s},x):L({onChange:e},x)};if(!c)return o.jsxs("div",{"data-testid":"border-radius-editor-uniform",style:{display:"flex",gap:4,alignItems:"center"},children:[o.jsx(R,{testId:"border-radius",label:o.jsx(z,{icon:O,label:"Radius"}),value:t.topLeft,min:0,disabled:r,onChange:f=>h(f,!1),onChangeEnd:f=>h(f,!0),style:{flex:1}}),o.jsx(S,{type:"button","data-testid":"border-radius-expand",title:"Independent corners","aria-label":"Edit radius per corner",onClick:()=>a(!0),variant:"ghost",size:"compact",children:o.jsx(z,{icon:O})})]});const m=[{key:"topLeft",label:"TL"},{key:"topRight",label:"TR"},{key:"bottomLeft",label:"BL"},{key:"bottomRight",label:"BR"}];return o.jsxs("div",{"data-testid":"border-radius-editor-expanded",children:[o.jsxs("div",{style:{display:"flex",alignItems:"center",gap:4,marginBottom:4},children:[o.jsx("span",{style:{fontSize:10,color:j.textMuted},children:"Corners"}),o.jsx("div",{style:{flex:1}}),o.jsx(S,{type:"button",variant:"primary",size:"compact","data-testid":"border-radius-collapse",title:"Uniform radius","aria-label":"Use one radius for all corners",onClick:()=>a(!1),children:o.jsx(z,{icon:O})})]}),o.jsx("div",{style:{display:"grid",gridTemplateColumns:"1fr 1fr",gap:3},children:m.map(({key:f,label:g})=>o.jsx(R,{testId:`border-radius-${f}`,label:g,value:t[f],min:0,disabled:r,onChange:p=>l(f,p,!1),onChangeEnd:p=>l(f,p,!0)},f))})]})}const P=[{name:"blur",unit:"px",min:0,max:50,step:.5,default:0},{name:"brightness",unit:"%",min:0,max:300,step:1,default:100},{name:"contrast",unit:"%",min:0,max:300,step:1,default:100},{name:"saturate",unit:"%",min:0,max:300,step:1,default:100},{name:"grayscale",unit:"%",min:0,max:100,step:1,default:0},{name:"hue-rotate",unit:"deg",min:0,max:360,step:1,default:0}];function Bt(t){return!t||t==="none"?P.map(e=>({name:e.name,value:e.default})):P.map(e=>{const s=new RegExp(`${e.name}\\(([\\d.]+)${e.unit}?\\)`),r=t.match(s);return{name:e.name,value:r?.[1]?Number.parseFloat(r[1]):e.default}})}function Nt(t){const e=[];for(let s=0;s<t.length;s++){const r=t[s],c=P[s];r&&c&&r.value!==c.default&&e.push(`${r.name}(${r.value}${c.unit})`)}return e.length?e.join(" "):"none"}function At({value:t,onChange:e,onChangeEnd:s,disabled:r,label:c="Filter",testId:a="filter-editor"}){const h=(l,m,f)=>{const g=t.map((p,x)=>x===l?{...p,value:m}:p);f?M({onChange:e,onChangeEnd:s},g):L({onChange:e},g)};return o.jsxs("div",{"data-testid":a,children:[o.jsx("div",{style:{fontSize:9,color:j.textMuted,marginBottom:4},children:c}),t.map((l,m)=>{const f=P[m];return f?o.jsx("div",{"data-testid":`filter-row-${l.name}`,style:{marginBottom:3},children:o.jsx(R,{testId:`filter-${l.name}`,label:l.name.replace("hue-rotate","hue"),value:l.value,unit:f.unit,min:f.min,max:f.max,step:f.step,disabled:r,onChange:g=>h(m,g,!1),onChangeEnd:g=>h(m,g,!0)})},l.name):null})]})}const T=28,J=10;function Dt({value:t,onChange:e,disabled:s,fonts:r,testId:c="font-picker"}){const[a,h]=w.useState(!1),[l,m]=w.useState(""),[f,g]=w.useState(0),p=w.useRef(null),x=w.useRef(null);w.useEffect(()=>{a&&x.current?.focus()},[a]),w.useEffect(()=>{if(!a)return;const b=y=>{p.current&&!p.current.contains(y.target)&&h(!1)};return document.addEventListener("mousedown",b),()=>document.removeEventListener("mousedown",b)},[a]),w.useEffect(()=>{if(!a)return;const b=y=>{y.key==="Escape"&&h(!1)};return document.addEventListener("keydown",b),()=>document.removeEventListener("keydown",b)},[a]);const u=w.useMemo(()=>{if(!l)return r;const b=l.toLowerCase();return r.filter(y=>y.toLowerCase().includes(b))},[r,l]),n=u.length*T,i=Math.floor(f/T),d=Math.min(u.length,i+J+2),v=u.slice(i,d),$=b=>{e(b),h(!1),m("")},E=t.replace(/^["']|["']$/g,"");return o.jsxs("div",{ref:p,"data-testid":c,style:{position:"relative",flex:1},children:[o.jsxs(S,{type:"button",variant:"secondary",className:"volter-field-trigger","aria-haspopup":"listbox","aria-expanded":a,disabled:s,"data-testid":"font-picker-input",onClick:()=>{s||h(b=>!b)},children:[o.jsx("span",{style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:E||"—"}),o.jsx(at,{direction:"down",tone:"muted",style:{marginLeft:4}})]}),a&&o.jsxs(it,{"data-testid":"font-picker-dropdown",style:{position:"absolute",top:"100%",left:0,right:0,zIndex:"var(--volter-z-dropdown)",marginTop:2},children:[o.jsx("div",{style:{padding:4},children:o.jsx(et,{ref:x,type:"text","data-testid":"font-picker-search",value:l,onChange:b=>{m(b.target.value),g(0)},placeholder:"Search fonts…","data-density":"compact",style:{width:"100%",boxSizing:"border-box"}})}),o.jsx("div",{"data-testid":"font-picker-list",onScroll:b=>g(b.target.scrollTop),style:{maxHeight:J*T,overflowY:"auto"},children:o.jsx("div",{style:{height:n,position:"relative"},children:v.map((b,y)=>{const k=i+y,C=b.toLowerCase()===E.toLowerCase();return o.jsx("div",{"data-testid":`font-picker-option-${b}`,onClick:()=>$(b),style:{position:"absolute",top:k*T,left:0,right:0,height:T,display:"flex",alignItems:"center",padding:"0 8px",cursor:"pointer",fontSize:12,background:C?j.accent:"transparent",color:C?j.onAccent:j.text},children:o.jsx("span",{style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:b})},b)})})}),u.length===0&&o.jsx("div",{style:{padding:"8px 12px",color:j.textMuted,fontSize:10,textAlign:"center"},children:"No matching fonts"})]})]})}function gt(t){const e=t.stops.map(s=>`${s.color} ${Math.round(s.position*100)}%`).join(", ");return t.type==="radial"?`radial-gradient(circle, ${e})`:`linear-gradient(${t.angle}deg, ${e})`}function xt(t){const e=t.match(/^linear-gradient\((.+)\)$/);if(e?.[1]!==void 0)return{type:"linear",inner:e[1]};const s=t.match(/^radial-gradient\((.+)\)$/);return s?.[1]!==void 0?{type:"radial",inner:s[1]}:null}function yt(t){const e=t.match(/^(\d+)deg\s*,\s*/);if(e)return{angle:Number.parseInt(e[1]??"180",10),colorPart:t.slice(e[0].length)};if(t.startsWith("to ")){const s=t.match(/^to\s+\w+\s*,\s*/);if(s)return{angle:180,colorPart:t.slice(s[0].length)}}return{angle:180,colorPart:t}}function bt(t){const e=t.split(/,\s*(?![^(]*\))/).map(s=>{const r=s.trim(),c=r.match(/\s+(\d+)%$/),a=c?Number.parseInt(c[1]??"0",10)/100:-1;return{color:c?r.slice(0,-c[0].length).trim():r,position:a}});for(let s=0;s<e.length;s++){const r=e[s];r&&r.position<0&&(r.position=e.length>1?s/(e.length-1):0)}return e}function Ft(t){if(!t||t==="none")return null;const e=xt(t);if(!e)return null;const{angle:s,colorPart:r}=e.type==="linear"?yt(e.inner):{angle:180,colorPart:e.inner},c=bt(r);return c.length<2?null:{type:e.type,angle:s,stops:c}}function _({stops:t,selected:e,onSelect:s,onMove:r,disabled:c,testIdPrefix:a}){return o.jsx("div",{style:{position:"relative",height:12,marginTop:2},children:t.map((h,l)=>o.jsx("div",{"data-testid":`${a}-${l}`,onClick:()=>s(l),onMouseDown:m=>{if(c)return;m.preventDefault(),s(l);const g=m.target.parentElement?.getBoundingClientRect(),p=n=>g?.width?Math.max(0,Math.min(1,(n-g.left)/g.width)):h.position,x=n=>r(l,p(n.clientX),!1),u=n=>{r(l,p(n.clientX),!0),window.removeEventListener("mousemove",x),window.removeEventListener("mouseup",u)};window.addEventListener("mousemove",x),window.addEventListener("mouseup",u)},style:{position:"absolute",left:`${h.position*100}%`,top:0,width:10,height:10,borderRadius:"50%",background:h.css,border:`2px solid ${l===e?j.accent:"#fff"}`,transform:"translateX(-50%)",cursor:c?"not-allowed":"pointer"}},l))})}function Pt({value:t,onChange:e,onChangeEnd:s,disabled:r,recentColors:c,onAddRecentColor:a,testId:h="gradient-editor"}){const[l,m]=w.useState(0),f=(i,d)=>{d?M({onChange:e,onChangeEnd:s},i):L({onChange:e},i)},g=(i,d,v)=>{const $=t.stops.map((E,b)=>b===i?{...E,...d}:E);f({...t,stops:$},v)},p=()=>{const i=t.stops[t.stops.length-1]?.position??1,d=t.stops[0]?.position??0,v=(i+d)/2,$=[...t.stops,{color:"#888888",position:v}].sort((E,b)=>E.position-b.position);m($.length-1),f({...t,stops:$},!0)},x=i=>{if(t.stops.length<=2)return;const d=t.stops.filter((v,$)=>$!==i);m(Math.min(l,d.length-1)),f({...t,stops:d},!0)},u=t.stops[l]?.color??"#000000",n=u.startsWith("#")?u:ot(u);return o.jsxs("div",{"data-testid":h,children:[o.jsxs("div",{style:{position:"relative",marginBottom:8},children:[o.jsx("div",{"data-testid":"gradient-preview",style:{height:20,borderRadius:j.radiusSmall,border:`1px solid ${j.border}`,background:gt(t)}}),o.jsx(_,{stops:t.stops.map(i=>({position:i.position,css:i.color})),selected:l,onSelect:m,onMove:(i,d,v)=>g(i,{position:d},v),disabled:r,testIdPrefix:"gradient-stop"})]}),o.jsxs("div",{style:{display:"flex",alignItems:"center",gap:6,marginBottom:4},children:[o.jsx(N,{testId:"gradient-selected-color",value:n,disabled:r,onChange:i=>g(l,{color:i},!1),onChangeEnd:i=>g(l,{color:i},!0),recentColors:c,onAddRecentColor:a}),o.jsxs("span",{style:{fontSize:9,color:j.textMuted},children:["Stop ",l+1]}),t.stops.length>2&&o.jsx(S,{type:"button",variant:"ghost",size:"compact","aria-label":"Remove gradient stop","data-testid":"gradient-remove-stop",onClick:()=>x(l),children:"×"}),o.jsx(S,{type:"button",variant:"ghost",size:"compact","data-testid":"gradient-add-stop",onClick:p,children:"+ stop"})]}),o.jsxs("div",{style:{display:"flex",gap:6,alignItems:"center"},children:[o.jsxs("div",{style:{display:"flex",gap:1,flex:1},children:[o.jsx(W,{testId:"gradient-type-linear",label:"Linear",active:t.type==="linear",disabled:r,onClick:()=>f({...t,type:"linear"},!0)}),o.jsx(W,{testId:"gradient-type-radial",label:"Radial",active:t.type==="radial",disabled:r,onClick:()=>f({...t,type:"radial"},!0)})]}),t.type==="linear"&&o.jsx(R,{testId:"gradient-angle",label:"°",value:t.angle,unit:"deg",disabled:r,onChange:i=>f({...t,angle:i},!1),onChangeEnd:i=>f({...t,angle:i},!0),style:{width:70}})]})]})}function Q(t){const e=s=>Math.round(Math.max(0,Math.min(1,s))*255).toString(16).padStart(2,"0");return`#${e(t.r)}${e(t.g)}${e(t.b)}`}function Z(t){return{r:Number.parseInt(t.slice(1,3),16)/255,g:Number.parseInt(t.slice(3,5),16)/255,b:Number.parseInt(t.slice(5,7),16)/255}}function D(t,e,s){if(t.length===0)return;if(e<=t[0].pos)return t[0].value;const r=t[t.length-1];if(e>=r.pos)return r.value;for(let c=0;c+1<t.length;c++){const a=t[c],h=t[c+1];if(e>=a.pos&&e<=h.pos){const l=h.pos>a.pos?(e-a.pos)/(h.pos-a.pos):0;return s(a.value,h.value,l)}}return r.value}const B=(t,e,s)=>t+(e-t)*s,tt=(t,e,s)=>({r:B(t.r,e.r,s),g:B(t.g,e.g,s),b:B(t.b,e.b,s)});function F(t,e,s){const r={...t[e],pos:s},c=[...t.filter((a,h)=>h!==e),r].sort((a,h)=>a.pos-h.pos);return{keys:c,index:c.indexOf(r)}}function Ot({value:t,onChange:e,onChangeEnd:s,disabled:r,testId:c="quarks-gradient"}){const[a,h]=w.useState({track:"color",i:0}),l=(n,i)=>{i?M({onChange:e,onChangeEnd:s},n):L({onChange:e},n)},m=n=>({...t,color:{...t.color,keys:n}}),f=n=>({...t,alpha:{...t.alpha,keys:n}}),p=[...new Set([...t.color.keys.map(n=>n.pos),...t.alpha.keys.map(n=>n.pos)])].sort((n,i)=>n-i).map(n=>{const i=D(t.color.keys,n,tt)??{r:1,g:1,b:1},d=D(t.alpha.keys,n,B)??1;return`rgba(${Math.round(i.r*255)},${Math.round(i.g*255)},${Math.round(i.b*255)},${Math.round(d*1e3)/1e3}) ${Math.round(n*100)}%`}).join(", "),x=t.color.keys[a.track==="color"?a.i:0],u=t.alpha.keys[a.track==="alpha"?a.i:0];return o.jsxs("div",{"data-testid":c,children:[o.jsx(_,{stops:t.alpha.keys.map(n=>{const i=Math.round(Math.max(0,Math.min(1,n.value))*255);return{position:n.pos,css:`rgb(${i},${i},${i})`}}),selected:a.track==="alpha"?a.i:-1,onSelect:n=>h({track:"alpha",i:n}),onMove:(n,i,d)=>{const{keys:v,index:$}=F(t.alpha.keys,n,i);h({track:"alpha",i:$}),l(f(v),d)},disabled:r,testIdPrefix:`${c}-alpha-stop`}),o.jsx("div",{"data-testid":`${c}-preview`,style:{height:20,borderRadius:j.radiusSmall,border:`1px solid ${j.border}`,backgroundImage:`linear-gradient(90deg, ${p}), repeating-linear-gradient(45deg, #777 0 5px, #aaa 5px 10px)`}}),o.jsx(_,{stops:t.color.keys.map(n=>({position:n.pos,css:Q(n.value)})),selected:a.track==="color"?a.i:-1,onSelect:n=>h({track:"color",i:n}),onMove:(n,i,d)=>{const{keys:v,index:$}=F(t.color.keys,n,i);h({track:"color",i:$}),l(m(v),d)},disabled:r,testIdPrefix:`${c}-color-stop`}),a.track==="color"&&x&&o.jsxs("div",{style:{display:"flex",alignItems:"center",gap:6,marginTop:4},children:[o.jsx(N,{testId:`${c}-color-swatch`,value:Q(x.value),disabled:r,onChange:n=>l(m(t.color.keys.map((i,d)=>d===a.i?{...i,value:Z(n)}:i)),!1),onChangeEnd:n=>l(m(t.color.keys.map((i,d)=>d===a.i?{...i,value:Z(n)}:i)),!0)}),o.jsxs("span",{style:{fontSize:9,color:j.textMuted},children:["Color ",a.i+1,"/",t.color.keys.length]}),t.color.keys.length>2&&o.jsx(S,{type:"button",variant:"ghost",size:"compact","aria-label":"Remove color stop","data-testid":`${c}-remove-color-stop`,onClick:()=>{const n=t.color.keys.filter((i,d)=>d!==a.i);h({track:"color",i:Math.min(a.i,n.length-1)}),l(m(n),!0)},children:"×"}),o.jsx(S,{type:"button",variant:"ghost",size:"compact","data-testid":`${c}-add-color-stop`,onClick:()=>{const i=D(t.color.keys,.5,tt)??{r:1,g:1,b:1},{keys:d,index:v}=F([...t.color.keys,{value:i,pos:.5}],t.color.keys.length,.5);h({track:"color",i:v}),l(m(d),!0)},children:"+ stop"})]}),a.track==="alpha"&&u&&o.jsxs("div",{style:{display:"flex",alignItems:"center",gap:6,marginTop:4},children:[o.jsx(lt,{label:"a",step:.05,testId:`${c}-alpha-value`,value:Math.round(u.value*1e3)/1e3,onChange:n=>l(f(t.alpha.keys.map((i,d)=>d===a.i?{...i,value:Math.max(0,Math.min(1,n))}:i)),!1),onChangeEnd:n=>l(f(t.alpha.keys.map((i,d)=>d===a.i?{...i,value:Math.max(0,Math.min(1,n))}:i)),!0)}),o.jsxs("span",{style:{fontSize:9,color:j.textMuted},children:["Alpha ",a.i+1,"/",t.alpha.keys.length]}),t.alpha.keys.length>2&&o.jsx(S,{type:"button",variant:"ghost",size:"compact","aria-label":"Remove alpha stop","data-testid":`${c}-remove-alpha-stop`,onClick:()=>{const n=t.alpha.keys.filter((i,d)=>d!==a.i);h({track:"alpha",i:Math.min(a.i,n.length-1)}),l(f(n),!0)},children:"×"}),o.jsx(S,{type:"button",variant:"ghost",size:"compact","data-testid":`${c}-add-alpha-stop`,onClick:()=>{const i=D(t.alpha.keys,.5,B)??1,{keys:d,index:v}=F([...t.alpha.keys,{value:i,pos:.5}],t.alpha.keys.length,.5);h({track:"alpha",i:v}),l(f(d),!0)},children:"+ stop"})]})]})}const jt={x:0,y:4,blur:8,spread:0,color:"rgba(0,0,0,0.25)",inset:!1,enabled:!0},vt={x:0,y:2,blur:4,spread:0,color:"rgba(0,0,0,0.3)",inset:!1,enabled:!0};function wt(t,e){return(e?[t.inset?"inset":"",`${t.x}px`,`${t.y}px`,`${t.blur}px`,`${t.spread}px`,t.color]:[`${t.x}px`,`${t.y}px`,`${t.blur}px`,t.color]).filter(Boolean).join(" ")}function _t(t,e=!0){const s=t.filter(r=>r.enabled);return s.length===0?"none":s.map(r=>wt(r,e)).join(", ")}function $t(t){const e=t.match(/(rgba?\([^)]+\))/);if(e?.[1])return{color:e[1],nums:t.replace(e[1],"").trim()};const s=t.match(/(#[0-9a-fA-F]{3,8})/);return s?.[1]?{color:s[1],nums:t.replace(s[1],"").trim()}:{color:"#000000",nums:t}}function kt(t,e){if(!t||t==="none")return null;const s=t.trim(),r=e&&s.startsWith("inset"),c=r?s.slice(5).trim():s,{color:a,nums:h}=$t(c),l=h.split(/\s+/).map(m=>Number.parseFloat(m)).filter(m=>!Number.isNaN(m));return e?{inset:r,x:l[0]??0,y:l[1]??0,blur:l[2]??0,spread:l[3]??0,color:a}:l.length<2?null:{inset:!1,x:l[0]??0,y:l[1]??0,blur:l[2]??0,spread:0,color:a}}function Ht(t,e=!0){if(!t||t==="none")return[];const s=t.split(/,\s*(?![^(]*\))/),r=[];for(const c of s){const a=kt(c.trim(),e);a&&r.push({...a,enabled:!0})}return r}function nt({value:t,onChange:e,onChangeEnd:s,disabled:r,withSpreadInset:c=!0,label:a="Shadow",testId:h="shadow-editor",recentColors:l,onAddRecentColor:m}){const f=(u,n)=>{n?M({onChange:e,onChangeEnd:s},u):L({onChange:e},u)},g=(u,n,i=!1)=>{f(t.map((d,v)=>v===u?{...d,...n}:d),i)},p=u=>{f(t.filter((n,i)=>i!==u),!0)},x=()=>{f([...t,{...c?jt:vt}],!0)};return o.jsxs("div",{"data-testid":h,children:[o.jsxs("div",{style:{display:"flex",alignItems:"center",gap:6,marginBottom:t.length>0?4:0},children:[o.jsx("span",{style:{fontSize:9,color:j.textMuted},children:a}),o.jsx("div",{style:{flex:1}}),!r&&o.jsx(S,{type:"button",variant:"ghost",size:"compact","data-testid":`${h}-add`,onClick:x,children:"+"})]}),t.map((u,n)=>{const i=u.color.startsWith("#")?u.color:ot(u.color);return o.jsxs("div",{"data-testid":`${h}-row-${n}`,style:{marginBottom:6,padding:"4px 0",borderBottom:`1px solid ${j.border}`},children:[o.jsxs("div",{style:{display:"flex",alignItems:"center",gap:4,marginBottom:4},children:[o.jsx(S,{type:"button",variant:"ghost",size:"compact","aria-pressed":u.enabled,"data-testid":`${h}-toggle-${n}`,onClick:()=>{r||g(n,{enabled:!u.enabled},!0)},children:u.enabled?"●":"○"}),o.jsx(N,{testId:`${h}-color-${n}`,value:i,disabled:r,onChange:d=>g(n,{color:d}),onChangeEnd:d=>g(n,{color:d},!0),recentColors:l,onAddRecentColor:m}),c&&o.jsxs("label",{style:{display:"flex",alignItems:"center",gap:2,fontSize:8,color:j.textMuted,cursor:"pointer"},children:[o.jsx(ct,{className:"volter-checkbox","data-testid":`${h}-inset-${n}`,checked:u.inset,disabled:r,onChange:d=>g(n,{inset:d.target.checked},!0)}),"in"]}),o.jsx("div",{style:{flex:1}}),!r&&o.jsx(S,{type:"button",variant:"ghost",size:"compact","aria-label":`Remove ${a.toLowerCase()} ${n+1}`,"data-testid":`${h}-remove-${n}`,onClick:()=>p(n),children:"×"})]}),u.enabled&&o.jsxs("div",{style:{display:"flex",gap:4},children:[o.jsx(R,{label:"X",value:u.x,disabled:r,onChange:d=>g(n,{x:d}),onChangeEnd:d=>g(n,{x:d},!0),style:{flex:1}}),o.jsx(R,{label:"Y",value:u.y,disabled:r,onChange:d=>g(n,{y:d}),onChangeEnd:d=>g(n,{y:d},!0),style:{flex:1}}),o.jsx(R,{label:"B",value:u.blur,min:0,disabled:r,onChange:d=>g(n,{blur:Math.max(0,d)}),onChangeEnd:d=>g(n,{blur:Math.max(0,d)},!0),style:{flex:1}}),c&&o.jsx(R,{label:"S",value:u.spread,disabled:r,onChange:d=>g(n,{spread:d}),onChangeEnd:d=>g(n,{spread:d},!0),style:{flex:1}})]})]},n)})]})}function Gt(t){return o.jsx(nt,{...t,withSpreadInset:!0,testId:"box-shadow-editor",label:t.label??"Shadow"})}function Ut(t){return o.jsx(nt,{...t,withSpreadInset:!1,testId:"text-shadow-editor",label:t.label??"Text Shadow"})}export{Lt as A,Tt as B,jt as D,At as F,Pt as G,Ot as Q,R as S,Ut as T,zt as a,Bt as b,gt as c,Nt as d,Ht as e,Gt as f,_t as g,Dt as h,ht as i,mt as j,It as k,vt as l,_ as m,nt as n,ft as o,Ft as p,ut as u};
+import{a as o}from"./jsx-runtime-DPjLkJKQ.js";import{r as w}from"./index-nmcBqr7Y.js";import"./index-CtzuWnCS.js";import{e4 as j,a6 as S,f0 as st,aN as et,e6 as M,e5 as L,bH as K,a7 as z,iZ as X,kD as O,eJ as at,bP as it,hZ as W,dV as lt,aS as ct}from"./index-r-FuctN5.js";import{C as N,r as ot}from"./ColorPicker-VBKN9sk0.js";const dt={full:{anchor:{left:0,top:0,right:1,bottom:1},offset:{left:0,top:0,right:0,bottom:0}},top:{anchor:{left:0,top:0,right:1,bottom:0},offset:{left:0,top:0,right:0,bottom:0}},bottom:{anchor:{left:0,top:1,right:1,bottom:1},offset:{left:0,top:0,right:0,bottom:0}},left:{anchor:{left:0,top:0,right:0,bottom:1},offset:{left:0,top:0,right:0,bottom:0}},right:{anchor:{left:1,top:0,right:1,bottom:1},offset:{left:0,top:0,right:0,bottom:0}},center:{anchor:{left:.5,top:.5,right:.5,bottom:.5},offset:{left:-60,top:-20,right:60,bottom:20}},"top-left":{anchor:{left:0,top:0,right:0,bottom:0},offset:{left:0,top:0,right:120,bottom:40}},"top-right":{anchor:{left:1,top:0,right:1,bottom:0},offset:{left:-120,top:0,right:0,bottom:40}}},V=["flex-start","center","flex-end"],Y=["flex-start","center","flex-end"];function pt({row:t,col:e,justify:s,align:r,isActive:c,disabled:a,onSelect:h}){return o.jsx("div",{"data-testid":`alignment-grid-${t}-${e}`,onClick:()=>{a||h(s,r)},style:{width:16,height:16,display:"flex",alignItems:"center",justifyContent:"center",cursor:a?"not-allowed":"pointer",borderRadius:j.radiusSmall,background:c?j.accent:"transparent"},children:o.jsx("div",{style:{width:c?6:4,height:c?6:4,borderRadius:"50%",background:c?j.onAccent:j.textMuted}})})}function Lt({value:t,onChange:e,disabled:s}){const r=V.indexOf(t.justify),c=Y.indexOf(t.align);return o.jsx("div",{"data-testid":"alignment-grid",style:{display:"inline-grid",gridTemplateColumns:"repeat(3, 16px)",gridTemplateRows:"repeat(3, 16px)",gap:1,background:j.inputBg,borderRadius:j.radiusMedium,padding:4,opacity:s?.35:1},children:Y.map((a,h)=>V.map((l,m)=>o.jsx(pt,{row:h,col:m,justify:l,align:a,isActive:h===c&&m===r,disabled:s,onSelect:(f,g)=>e({justify:f,align:g})},`${h}-${m}`)))})}function It({onSelect:t,disabled:e}){return o.jsx("div",{"data-testid":"anchor-presets",style:{display:"flex",flexWrap:"wrap",gap:4},children:Object.entries(dt).map(([s,r])=>o.jsx(S,{type:"button",variant:"secondary",size:"compact","data-testid":`anchor-preset-${s}`,disabled:e,onClick:()=>t(s,r),children:s},s))})}function R({label:t,value:e,unit:s="",step:r=1,min:c,max:a,precision:h,disabled:l,onChange:m,onChangeEnd:f,testId:g,style:p}){const x=w.useRef(null),u=h??(r<1?2:r>=100?-2:0),n=w.useMemo(()=>y=>{if(u<0){const C=10**-u;return Math.round(y/C)*C}const k=10**u;return Math.round(y*k)/k},[u]),i=y=>{let k=y;return c!==void 0&&(k=Math.max(c,k)),a!==void 0&&(k=Math.min(a,k)),n(k)},d=y=>{if(l)return;y.preventDefault(),x.current={startX:y.clientX,startValue:e,last:e},document.body.style.cursor="ew-resize";const k=I=>{if(!x.current)return;I.preventDefault();const A=I.clientX-x.current.startX,rt=I.shiftKey?10:I.altKey?.1:1,U=i(x.current.startValue+A*r*rt);x.current.last=U,L({onChange:m},U)},C=()=>{document.body.style.cursor="",window.removeEventListener("mousemove",k),window.removeEventListener("mouseup",H),window.removeEventListener("keydown",G)},H=()=>{if(x.current){const I=x.current.last;x.current=null,M({onChange:m,onChangeEnd:f},I)}C()},G=I=>{if(I.key==="Escape"&&x.current){const A=i(x.current.startValue);x.current=null,L({onChange:m},A),M({onChange:m,onChangeEnd:f},A),C()}};window.addEventListener("mousemove",k),window.addEventListener("mouseup",H),window.addEventListener("keydown",G)},[v,$]=w.useState(null),E=w.useRef(!1),b=y=>{const k=Number.parseFloat(y);if(Number.isNaN(k))return;const C=i(k);C!==e&&M({onChange:m,onChangeEnd:f},C)};return o.jsxs("div",{style:{...st,...p},children:[o.jsx("span",{className:"volter-scrub-label","data-testid":g?`${g}-label`:void 0,onMouseDown:d,"data-disabled":l||void 0,style:{fontSize:11,...l?{color:j.dynamic}:{},flexShrink:0,cursor:l?"not-allowed":"ew-resize",userSelect:"none",fontWeight:500},children:t}),o.jsx(et,{"data-testid":g,type:"text",value:v??`${e}${s}`,readOnly:l,"data-dynamic":l||void 0,onFocus:y=>{$(`${e}${s}`),y.target.select()},onChange:y=>$(y.target.value),onBlur:y=>{E.current||b(y.target.value),E.current=!1,$(null)},onKeyDown:y=>{y.key==="Enter"&&y.target.blur(),y.key==="Escape"&&(E.current=!0,y.target.blur())},style:{flex:1,width:0}})]})}const q=["none","solid","dashed","dotted","double"];function ut(t){return{top:t,right:t,bottom:t,left:t}}function ht(t){const e=r=>`${r.width}|${r.style}|${r.color}`,s=e(t.top);return e(t.right)===s&&e(t.bottom)===s&&e(t.left)===s}function Tt({value:t,onChange:e,onChangeEnd:s,disabled:r,recentColors:c,onAddRecentColor:a}){const[h,l]=w.useState(!ht(t)),m=(p,x)=>{const u={...t.top,...p},n=ut(u);x?M({onChange:e,onChangeEnd:s},n):L({onChange:e},n)},f=(p,x,u)=>{const n={...t,[p]:{...t[p],...x}};u?M({onChange:e,onChangeEnd:s},n):L({onChange:e},n)};if(!h)return o.jsxs("div",{"data-testid":"border-editor-uniform",style:{display:"flex",gap:6,alignItems:"center"},children:[o.jsx(N,{testId:"border-color",value:t.top.color,disabled:r,onChange:p=>m({color:p},!1),onChangeEnd:p=>m({color:p},!0),recentColors:c,onAddRecentColor:a}),o.jsx(R,{testId:"border-width",label:"W",value:t.top.width,min:0,disabled:r,onChange:p=>m({width:p},!1),onChangeEnd:p=>m({width:p},!0),style:{width:64}}),o.jsx(K,{className:"volter-select","data-testid":"border-style",value:t.top.style,disabled:r,"data-dynamic":r||void 0,onChange:p=>m({style:p.target.value},!0),style:{flex:1},children:q.map(p=>o.jsx("option",{value:p,children:p},p))}),o.jsx(S,{type:"button","data-testid":"border-expand",title:"Per-side borders","aria-label":"Edit borders per side",onClick:()=>l(!0),variant:"ghost",size:"compact",children:o.jsx(z,{icon:X})})]});const g=[{key:"top",label:"T"},{key:"right",label:"R"},{key:"bottom",label:"B"},{key:"left",label:"L"}];return o.jsxs("div",{"data-testid":"border-editor-expanded",style:{display:"flex",flexDirection:"column",gap:4},children:[o.jsxs("div",{style:{display:"flex",alignItems:"center",gap:4},children:[o.jsx("span",{style:{fontSize:10,color:j.textMuted},children:"Per-side"}),o.jsx("div",{style:{flex:1}}),o.jsx(S,{type:"button",variant:"primary",size:"compact","data-testid":"border-collapse",title:"Uniform border","aria-label":"Use one border for all sides",onClick:()=>l(!1),children:o.jsx(z,{icon:X})})]}),g.map(({key:p,label:x})=>o.jsxs("div",{style:{display:"flex",gap:4,alignItems:"center"},children:[o.jsx("span",{style:{fontSize:10,color:j.textMuted,width:10,textAlign:"center"},children:x}),o.jsx(N,{testId:`border-${p}-color`,value:t[p].color,disabled:r,onChange:u=>f(p,{color:u},!1),onChangeEnd:u=>f(p,{color:u},!0),recentColors:c,onAddRecentColor:a}),o.jsx(R,{testId:`border-${p}-width`,label:"",value:t[p].width,min:0,disabled:r,onChange:u=>f(p,{width:u},!1),onChangeEnd:u=>f(p,{width:u},!0),style:{width:48}}),o.jsx(K,{className:"volter-select","data-testid":`border-${p}-style`,value:t[p].style,disabled:r,"data-density":"compact","data-dynamic":r||void 0,onChange:u=>f(p,{style:u.target.value},!0),style:{flex:1},children:q.map(u=>o.jsx("option",{value:u,children:u},u))})]},p))]})}function ft(t){return{topLeft:t,topRight:t,bottomLeft:t,bottomRight:t}}function mt(t){return t.topLeft===t.topRight&&t.topRight===t.bottomLeft&&t.bottomLeft===t.bottomRight}function zt({value:t,onChange:e,onChangeEnd:s,disabled:r}){const[c,a]=w.useState(!mt(t)),h=(f,g)=>{const p=ft(f);g?M({onChange:e,onChangeEnd:s},p):L({onChange:e},p)},l=(f,g,p)=>{const x={...t,[f]:g};p?M({onChange:e,onChangeEnd:s},x):L({onChange:e},x)};if(!c)return o.jsxs("div",{"data-testid":"border-radius-editor-uniform",style:{display:"flex",gap:4,alignItems:"center"},children:[o.jsx(R,{testId:"border-radius",label:o.jsx(z,{icon:O,label:"Radius"}),value:t.topLeft,min:0,disabled:r,onChange:f=>h(f,!1),onChangeEnd:f=>h(f,!0),style:{flex:1}}),o.jsx(S,{type:"button","data-testid":"border-radius-expand",title:"Independent corners","aria-label":"Edit radius per corner",onClick:()=>a(!0),variant:"ghost",size:"compact",children:o.jsx(z,{icon:O})})]});const m=[{key:"topLeft",label:"TL"},{key:"topRight",label:"TR"},{key:"bottomLeft",label:"BL"},{key:"bottomRight",label:"BR"}];return o.jsxs("div",{"data-testid":"border-radius-editor-expanded",children:[o.jsxs("div",{style:{display:"flex",alignItems:"center",gap:4,marginBottom:4},children:[o.jsx("span",{style:{fontSize:10,color:j.textMuted},children:"Corners"}),o.jsx("div",{style:{flex:1}}),o.jsx(S,{type:"button",variant:"primary",size:"compact","data-testid":"border-radius-collapse",title:"Uniform radius","aria-label":"Use one radius for all corners",onClick:()=>a(!1),children:o.jsx(z,{icon:O})})]}),o.jsx("div",{style:{display:"grid",gridTemplateColumns:"1fr 1fr",gap:3},children:m.map(({key:f,label:g})=>o.jsx(R,{testId:`border-radius-${f}`,label:g,value:t[f],min:0,disabled:r,onChange:p=>l(f,p,!1),onChangeEnd:p=>l(f,p,!0)},f))})]})}const P=[{name:"blur",unit:"px",min:0,max:50,step:.5,default:0},{name:"brightness",unit:"%",min:0,max:300,step:1,default:100},{name:"contrast",unit:"%",min:0,max:300,step:1,default:100},{name:"saturate",unit:"%",min:0,max:300,step:1,default:100},{name:"grayscale",unit:"%",min:0,max:100,step:1,default:0},{name:"hue-rotate",unit:"deg",min:0,max:360,step:1,default:0}];function Bt(t){return!t||t==="none"?P.map(e=>({name:e.name,value:e.default})):P.map(e=>{const s=new RegExp(`${e.name}\\(([\\d.]+)${e.unit}?\\)`),r=t.match(s);return{name:e.name,value:r?.[1]?Number.parseFloat(r[1]):e.default}})}function Nt(t){const e=[];for(let s=0;s<t.length;s++){const r=t[s],c=P[s];r&&c&&r.value!==c.default&&e.push(`${r.name}(${r.value}${c.unit})`)}return e.length?e.join(" "):"none"}function At({value:t,onChange:e,onChangeEnd:s,disabled:r,label:c="Filter",testId:a="filter-editor"}){const h=(l,m,f)=>{const g=t.map((p,x)=>x===l?{...p,value:m}:p);f?M({onChange:e,onChangeEnd:s},g):L({onChange:e},g)};return o.jsxs("div",{"data-testid":a,children:[o.jsx("div",{style:{fontSize:9,color:j.textMuted,marginBottom:4},children:c}),t.map((l,m)=>{const f=P[m];return f?o.jsx("div",{"data-testid":`filter-row-${l.name}`,style:{marginBottom:3},children:o.jsx(R,{testId:`filter-${l.name}`,label:l.name.replace("hue-rotate","hue"),value:l.value,unit:f.unit,min:f.min,max:f.max,step:f.step,disabled:r,onChange:g=>h(m,g,!1),onChangeEnd:g=>h(m,g,!0)})},l.name):null})]})}const T=28,J=10;function Dt({value:t,onChange:e,disabled:s,fonts:r,testId:c="font-picker"}){const[a,h]=w.useState(!1),[l,m]=w.useState(""),[f,g]=w.useState(0),p=w.useRef(null),x=w.useRef(null);w.useEffect(()=>{a&&x.current?.focus()},[a]),w.useEffect(()=>{if(!a)return;const b=y=>{p.current&&!p.current.contains(y.target)&&h(!1)};return document.addEventListener("mousedown",b),()=>document.removeEventListener("mousedown",b)},[a]),w.useEffect(()=>{if(!a)return;const b=y=>{y.key==="Escape"&&h(!1)};return document.addEventListener("keydown",b),()=>document.removeEventListener("keydown",b)},[a]);const u=w.useMemo(()=>{if(!l)return r;const b=l.toLowerCase();return r.filter(y=>y.toLowerCase().includes(b))},[r,l]),n=u.length*T,i=Math.floor(f/T),d=Math.min(u.length,i+J+2),v=u.slice(i,d),$=b=>{e(b),h(!1),m("")},E=t.replace(/^["']|["']$/g,"");return o.jsxs("div",{ref:p,"data-testid":c,style:{position:"relative",flex:1},children:[o.jsxs(S,{type:"button",variant:"secondary",className:"volter-field-trigger","aria-haspopup":"listbox","aria-expanded":a,disabled:s,"data-testid":"font-picker-input",onClick:()=>{s||h(b=>!b)},children:[o.jsx("span",{style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:E||"—"}),o.jsx(at,{direction:"down",tone:"muted",style:{marginLeft:4}})]}),a&&o.jsxs(it,{"data-testid":"font-picker-dropdown",style:{position:"absolute",top:"100%",left:0,right:0,zIndex:"var(--volter-z-dropdown)",marginTop:2},children:[o.jsx("div",{style:{padding:4},children:o.jsx(et,{ref:x,type:"text","data-testid":"font-picker-search",value:l,onChange:b=>{m(b.target.value),g(0)},placeholder:"Search fonts…","data-density":"compact",style:{width:"100%",boxSizing:"border-box"}})}),o.jsx("div",{"data-testid":"font-picker-list",onScroll:b=>g(b.target.scrollTop),style:{maxHeight:J*T,overflowY:"auto"},children:o.jsx("div",{style:{height:n,position:"relative"},children:v.map((b,y)=>{const k=i+y,C=b.toLowerCase()===E.toLowerCase();return o.jsx("div",{"data-testid":`font-picker-option-${b}`,onClick:()=>$(b),style:{position:"absolute",top:k*T,left:0,right:0,height:T,display:"flex",alignItems:"center",padding:"0 8px",cursor:"pointer",fontSize:12,background:C?j.accent:"transparent",color:C?j.onAccent:j.text},children:o.jsx("span",{style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:b})},b)})})}),u.length===0&&o.jsx("div",{style:{padding:"8px 12px",color:j.textMuted,fontSize:10,textAlign:"center"},children:"No matching fonts"})]})]})}function gt(t){const e=t.stops.map(s=>`${s.color} ${Math.round(s.position*100)}%`).join(", ");return t.type==="radial"?`radial-gradient(circle, ${e})`:`linear-gradient(${t.angle}deg, ${e})`}function xt(t){const e=t.match(/^linear-gradient\((.+)\)$/);if(e?.[1]!==void 0)return{type:"linear",inner:e[1]};const s=t.match(/^radial-gradient\((.+)\)$/);return s?.[1]!==void 0?{type:"radial",inner:s[1]}:null}function yt(t){const e=t.match(/^(\d+)deg\s*,\s*/);if(e)return{angle:Number.parseInt(e[1]??"180",10),colorPart:t.slice(e[0].length)};if(t.startsWith("to ")){const s=t.match(/^to\s+\w+\s*,\s*/);if(s)return{angle:180,colorPart:t.slice(s[0].length)}}return{angle:180,colorPart:t}}function bt(t){const e=t.split(/,\s*(?![^(]*\))/).map(s=>{const r=s.trim(),c=r.match(/\s+(\d+)%$/),a=c?Number.parseInt(c[1]??"0",10)/100:-1;return{color:c?r.slice(0,-c[0].length).trim():r,position:a}});for(let s=0;s<e.length;s++){const r=e[s];r&&r.position<0&&(r.position=e.length>1?s/(e.length-1):0)}return e}function Ft(t){if(!t||t==="none")return null;const e=xt(t);if(!e)return null;const{angle:s,colorPart:r}=e.type==="linear"?yt(e.inner):{angle:180,colorPart:e.inner},c=bt(r);return c.length<2?null:{type:e.type,angle:s,stops:c}}function _({stops:t,selected:e,onSelect:s,onMove:r,disabled:c,testIdPrefix:a}){return o.jsx("div",{style:{position:"relative",height:12,marginTop:2},children:t.map((h,l)=>o.jsx("div",{"data-testid":`${a}-${l}`,onClick:()=>s(l),onMouseDown:m=>{if(c)return;m.preventDefault(),s(l);const g=m.target.parentElement?.getBoundingClientRect(),p=n=>g?.width?Math.max(0,Math.min(1,(n-g.left)/g.width)):h.position,x=n=>r(l,p(n.clientX),!1),u=n=>{r(l,p(n.clientX),!0),window.removeEventListener("mousemove",x),window.removeEventListener("mouseup",u)};window.addEventListener("mousemove",x),window.addEventListener("mouseup",u)},style:{position:"absolute",left:`${h.position*100}%`,top:0,width:10,height:10,borderRadius:"50%",background:h.css,border:`2px solid ${l===e?j.accent:"#fff"}`,transform:"translateX(-50%)",cursor:c?"not-allowed":"pointer"}},l))})}function Pt({value:t,onChange:e,onChangeEnd:s,disabled:r,recentColors:c,onAddRecentColor:a,testId:h="gradient-editor"}){const[l,m]=w.useState(0),f=(i,d)=>{d?M({onChange:e,onChangeEnd:s},i):L({onChange:e},i)},g=(i,d,v)=>{const $=t.stops.map((E,b)=>b===i?{...E,...d}:E);f({...t,stops:$},v)},p=()=>{const i=t.stops[t.stops.length-1]?.position??1,d=t.stops[0]?.position??0,v=(i+d)/2,$=[...t.stops,{color:"#888888",position:v}].sort((E,b)=>E.position-b.position);m($.length-1),f({...t,stops:$},!0)},x=i=>{if(t.stops.length<=2)return;const d=t.stops.filter((v,$)=>$!==i);m(Math.min(l,d.length-1)),f({...t,stops:d},!0)},u=t.stops[l]?.color??"#000000",n=u.startsWith("#")?u:ot(u);return o.jsxs("div",{"data-testid":h,children:[o.jsxs("div",{style:{position:"relative",marginBottom:8},children:[o.jsx("div",{"data-testid":"gradient-preview",style:{height:20,borderRadius:j.radiusSmall,border:`1px solid ${j.border}`,background:gt(t)}}),o.jsx(_,{stops:t.stops.map(i=>({position:i.position,css:i.color})),selected:l,onSelect:m,onMove:(i,d,v)=>g(i,{position:d},v),disabled:r,testIdPrefix:"gradient-stop"})]}),o.jsxs("div",{style:{display:"flex",alignItems:"center",gap:6,marginBottom:4},children:[o.jsx(N,{testId:"gradient-selected-color",value:n,disabled:r,onChange:i=>g(l,{color:i},!1),onChangeEnd:i=>g(l,{color:i},!0),recentColors:c,onAddRecentColor:a}),o.jsxs("span",{style:{fontSize:9,color:j.textMuted},children:["Stop ",l+1]}),t.stops.length>2&&o.jsx(S,{type:"button",variant:"ghost",size:"compact","aria-label":"Remove gradient stop","data-testid":"gradient-remove-stop",onClick:()=>x(l),children:"×"}),o.jsx(S,{type:"button",variant:"ghost",size:"compact","data-testid":"gradient-add-stop",onClick:p,children:"+ stop"})]}),o.jsxs("div",{style:{display:"flex",gap:6,alignItems:"center"},children:[o.jsxs("div",{style:{display:"flex",gap:1,flex:1},children:[o.jsx(W,{testId:"gradient-type-linear",label:"Linear",active:t.type==="linear",disabled:r,onClick:()=>f({...t,type:"linear"},!0)}),o.jsx(W,{testId:"gradient-type-radial",label:"Radial",active:t.type==="radial",disabled:r,onClick:()=>f({...t,type:"radial"},!0)})]}),t.type==="linear"&&o.jsx(R,{testId:"gradient-angle",label:"°",value:t.angle,unit:"deg",disabled:r,onChange:i=>f({...t,angle:i},!1),onChangeEnd:i=>f({...t,angle:i},!0),style:{width:70}})]})]})}function Q(t){const e=s=>Math.round(Math.max(0,Math.min(1,s))*255).toString(16).padStart(2,"0");return`#${e(t.r)}${e(t.g)}${e(t.b)}`}function Z(t){return{r:Number.parseInt(t.slice(1,3),16)/255,g:Number.parseInt(t.slice(3,5),16)/255,b:Number.parseInt(t.slice(5,7),16)/255}}function D(t,e,s){if(t.length===0)return;if(e<=t[0].pos)return t[0].value;const r=t[t.length-1];if(e>=r.pos)return r.value;for(let c=0;c+1<t.length;c++){const a=t[c],h=t[c+1];if(e>=a.pos&&e<=h.pos){const l=h.pos>a.pos?(e-a.pos)/(h.pos-a.pos):0;return s(a.value,h.value,l)}}return r.value}const B=(t,e,s)=>t+(e-t)*s,tt=(t,e,s)=>({r:B(t.r,e.r,s),g:B(t.g,e.g,s),b:B(t.b,e.b,s)});function F(t,e,s){const r={...t[e],pos:s},c=[...t.filter((a,h)=>h!==e),r].sort((a,h)=>a.pos-h.pos);return{keys:c,index:c.indexOf(r)}}function Ot({value:t,onChange:e,onChangeEnd:s,disabled:r,testId:c="quarks-gradient"}){const[a,h]=w.useState({track:"color",i:0}),l=(n,i)=>{i?M({onChange:e,onChangeEnd:s},n):L({onChange:e},n)},m=n=>({...t,color:{...t.color,keys:n}}),f=n=>({...t,alpha:{...t.alpha,keys:n}}),p=[...new Set([...t.color.keys.map(n=>n.pos),...t.alpha.keys.map(n=>n.pos)])].sort((n,i)=>n-i).map(n=>{const i=D(t.color.keys,n,tt)??{r:1,g:1,b:1},d=D(t.alpha.keys,n,B)??1;return`rgba(${Math.round(i.r*255)},${Math.round(i.g*255)},${Math.round(i.b*255)},${Math.round(d*1e3)/1e3}) ${Math.round(n*100)}%`}).join(", "),x=t.color.keys[a.track==="color"?a.i:0],u=t.alpha.keys[a.track==="alpha"?a.i:0];return o.jsxs("div",{"data-testid":c,children:[o.jsx(_,{stops:t.alpha.keys.map(n=>{const i=Math.round(Math.max(0,Math.min(1,n.value))*255);return{position:n.pos,css:`rgb(${i},${i},${i})`}}),selected:a.track==="alpha"?a.i:-1,onSelect:n=>h({track:"alpha",i:n}),onMove:(n,i,d)=>{const{keys:v,index:$}=F(t.alpha.keys,n,i);h({track:"alpha",i:$}),l(f(v),d)},disabled:r,testIdPrefix:`${c}-alpha-stop`}),o.jsx("div",{"data-testid":`${c}-preview`,style:{height:20,borderRadius:j.radiusSmall,border:`1px solid ${j.border}`,backgroundImage:`linear-gradient(90deg, ${p}), repeating-linear-gradient(45deg, #777 0 5px, #aaa 5px 10px)`}}),o.jsx(_,{stops:t.color.keys.map(n=>({position:n.pos,css:Q(n.value)})),selected:a.track==="color"?a.i:-1,onSelect:n=>h({track:"color",i:n}),onMove:(n,i,d)=>{const{keys:v,index:$}=F(t.color.keys,n,i);h({track:"color",i:$}),l(m(v),d)},disabled:r,testIdPrefix:`${c}-color-stop`}),a.track==="color"&&x&&o.jsxs("div",{style:{display:"flex",alignItems:"center",gap:6,marginTop:4},children:[o.jsx(N,{testId:`${c}-color-swatch`,value:Q(x.value),disabled:r,onChange:n=>l(m(t.color.keys.map((i,d)=>d===a.i?{...i,value:Z(n)}:i)),!1),onChangeEnd:n=>l(m(t.color.keys.map((i,d)=>d===a.i?{...i,value:Z(n)}:i)),!0)}),o.jsxs("span",{style:{fontSize:9,color:j.textMuted},children:["Color ",a.i+1,"/",t.color.keys.length]}),t.color.keys.length>2&&o.jsx(S,{type:"button",variant:"ghost",size:"compact","aria-label":"Remove color stop","data-testid":`${c}-remove-color-stop`,onClick:()=>{const n=t.color.keys.filter((i,d)=>d!==a.i);h({track:"color",i:Math.min(a.i,n.length-1)}),l(m(n),!0)},children:"×"}),o.jsx(S,{type:"button",variant:"ghost",size:"compact","data-testid":`${c}-add-color-stop`,onClick:()=>{const i=D(t.color.keys,.5,tt)??{r:1,g:1,b:1},{keys:d,index:v}=F([...t.color.keys,{value:i,pos:.5}],t.color.keys.length,.5);h({track:"color",i:v}),l(m(d),!0)},children:"+ stop"})]}),a.track==="alpha"&&u&&o.jsxs("div",{style:{display:"flex",alignItems:"center",gap:6,marginTop:4},children:[o.jsx(lt,{label:"a",step:.05,testId:`${c}-alpha-value`,value:Math.round(u.value*1e3)/1e3,onChange:n=>l(f(t.alpha.keys.map((i,d)=>d===a.i?{...i,value:Math.max(0,Math.min(1,n))}:i)),!1),onChangeEnd:n=>l(f(t.alpha.keys.map((i,d)=>d===a.i?{...i,value:Math.max(0,Math.min(1,n))}:i)),!0)}),o.jsxs("span",{style:{fontSize:9,color:j.textMuted},children:["Alpha ",a.i+1,"/",t.alpha.keys.length]}),t.alpha.keys.length>2&&o.jsx(S,{type:"button",variant:"ghost",size:"compact","aria-label":"Remove alpha stop","data-testid":`${c}-remove-alpha-stop`,onClick:()=>{const n=t.alpha.keys.filter((i,d)=>d!==a.i);h({track:"alpha",i:Math.min(a.i,n.length-1)}),l(f(n),!0)},children:"×"}),o.jsx(S,{type:"button",variant:"ghost",size:"compact","data-testid":`${c}-add-alpha-stop`,onClick:()=>{const i=D(t.alpha.keys,.5,B)??1,{keys:d,index:v}=F([...t.alpha.keys,{value:i,pos:.5}],t.alpha.keys.length,.5);h({track:"alpha",i:v}),l(f(d),!0)},children:"+ stop"})]})]})}const jt={x:0,y:4,blur:8,spread:0,color:"rgba(0,0,0,0.25)",inset:!1,enabled:!0},vt={x:0,y:2,blur:4,spread:0,color:"rgba(0,0,0,0.3)",inset:!1,enabled:!0};function wt(t,e){return(e?[t.inset?"inset":"",`${t.x}px`,`${t.y}px`,`${t.blur}px`,`${t.spread}px`,t.color]:[`${t.x}px`,`${t.y}px`,`${t.blur}px`,t.color]).filter(Boolean).join(" ")}function _t(t,e=!0){const s=t.filter(r=>r.enabled);return s.length===0?"none":s.map(r=>wt(r,e)).join(", ")}function $t(t){const e=t.match(/(rgba?\([^)]+\))/);if(e?.[1])return{color:e[1],nums:t.replace(e[1],"").trim()};const s=t.match(/(#[0-9a-fA-F]{3,8})/);return s?.[1]?{color:s[1],nums:t.replace(s[1],"").trim()}:{color:"#000000",nums:t}}function kt(t,e){if(!t||t==="none")return null;const s=t.trim(),r=e&&s.startsWith("inset"),c=r?s.slice(5).trim():s,{color:a,nums:h}=$t(c),l=h.split(/\s+/).map(m=>Number.parseFloat(m)).filter(m=>!Number.isNaN(m));return e?{inset:r,x:l[0]??0,y:l[1]??0,blur:l[2]??0,spread:l[3]??0,color:a}:l.length<2?null:{inset:!1,x:l[0]??0,y:l[1]??0,blur:l[2]??0,spread:0,color:a}}function Ht(t,e=!0){if(!t||t==="none")return[];const s=t.split(/,\s*(?![^(]*\))/),r=[];for(const c of s){const a=kt(c.trim(),e);a&&r.push({...a,enabled:!0})}return r}function nt({value:t,onChange:e,onChangeEnd:s,disabled:r,withSpreadInset:c=!0,label:a="Shadow",testId:h="shadow-editor",recentColors:l,onAddRecentColor:m}){const f=(u,n)=>{n?M({onChange:e,onChangeEnd:s},u):L({onChange:e},u)},g=(u,n,i=!1)=>{f(t.map((d,v)=>v===u?{...d,...n}:d),i)},p=u=>{f(t.filter((n,i)=>i!==u),!0)},x=()=>{f([...t,{...c?jt:vt}],!0)};return o.jsxs("div",{"data-testid":h,children:[o.jsxs("div",{style:{display:"flex",alignItems:"center",gap:6,marginBottom:t.length>0?4:0},children:[o.jsx("span",{style:{fontSize:9,color:j.textMuted},children:a}),o.jsx("div",{style:{flex:1}}),!r&&o.jsx(S,{type:"button",variant:"ghost",size:"compact","data-testid":`${h}-add`,onClick:x,children:"+"})]}),t.map((u,n)=>{const i=u.color.startsWith("#")?u.color:ot(u.color);return o.jsxs("div",{"data-testid":`${h}-row-${n}`,style:{marginBottom:6,padding:"4px 0",borderBottom:`1px solid ${j.border}`},children:[o.jsxs("div",{style:{display:"flex",alignItems:"center",gap:4,marginBottom:4},children:[o.jsx(S,{type:"button",variant:"ghost",size:"compact","aria-pressed":u.enabled,"data-testid":`${h}-toggle-${n}`,onClick:()=>{r||g(n,{enabled:!u.enabled},!0)},children:u.enabled?"●":"○"}),o.jsx(N,{testId:`${h}-color-${n}`,value:i,disabled:r,onChange:d=>g(n,{color:d}),onChangeEnd:d=>g(n,{color:d},!0),recentColors:l,onAddRecentColor:m}),c&&o.jsxs("label",{style:{display:"flex",alignItems:"center",gap:2,fontSize:8,color:j.textMuted,cursor:"pointer"},children:[o.jsx(ct,{className:"volter-checkbox","data-testid":`${h}-inset-${n}`,checked:u.inset,disabled:r,onChange:d=>g(n,{inset:d.target.checked},!0)}),"in"]}),o.jsx("div",{style:{flex:1}}),!r&&o.jsx(S,{type:"button",variant:"ghost",size:"compact","aria-label":`Remove ${a.toLowerCase()} ${n+1}`,"data-testid":`${h}-remove-${n}`,onClick:()=>p(n),children:"×"})]}),u.enabled&&o.jsxs("div",{style:{display:"flex",gap:4},children:[o.jsx(R,{label:"X",value:u.x,disabled:r,onChange:d=>g(n,{x:d}),onChangeEnd:d=>g(n,{x:d},!0),style:{flex:1}}),o.jsx(R,{label:"Y",value:u.y,disabled:r,onChange:d=>g(n,{y:d}),onChangeEnd:d=>g(n,{y:d},!0),style:{flex:1}}),o.jsx(R,{label:"B",value:u.blur,min:0,disabled:r,onChange:d=>g(n,{blur:Math.max(0,d)}),onChangeEnd:d=>g(n,{blur:Math.max(0,d)},!0),style:{flex:1}}),c&&o.jsx(R,{label:"S",value:u.spread,disabled:r,onChange:d=>g(n,{spread:d}),onChangeEnd:d=>g(n,{spread:d},!0),style:{flex:1}})]})]},n)})]})}function Gt(t){return o.jsx(nt,{...t,withSpreadInset:!0,testId:"box-shadow-editor",label:t.label??"Shadow"})}function Ut(t){return o.jsx(nt,{...t,withSpreadInset:!1,testId:"text-shadow-editor",label:t.label??"Text Shadow"})}export{Lt as A,Tt as B,jt as D,At as F,Pt as G,Ot as Q,R as S,Ut as T,zt as a,Bt as b,gt as c,Nt as d,Ht as e,Gt as f,_t as g,Dt as h,ht as i,mt as j,It as k,vt as l,_ as m,nt as n,ft as o,Ft as p,ut as u};

package/dist/assets/{SourceAssetViewer-CBWzh8PN.js → SourceAssetViewer-CSS85AGm.js}

@@ -1 +1 @@
-import{a as r}from"./jsx-runtime-DPjLkJKQ.js";import{b5 as m,al as n,b6 as x,b7 as C,b8 as $,aC as V}from"./index-BXVB2CCJ.js";import{r as f}from"./index-nmcBqr7Y.js";import"./index-CtzuWnCS.js";import{J as E,C as N,c as A}from"./JsonAssetDocument-CQn3Stfz.js";import{AudioViewer as H}from"./AudioViewer-uCMtO6Qm.js";import{ImageViewer as R}from"./ImageViewer-tSj0VFS7.js";import"./_commonjsHelpers-D6-XlEtG.js";import"./index-FUuS4qwW.js";import"./client-DNXj_opT.js";import"./index-D_NuPfjr.js";import"./index-CinJrH5C.js";function k(t){const e=(t.split(/[?#]/,1)[0]??"").replace(/^\//,"");return e.startsWith("src/")&&/\.(?:[cm]?[jt]sx?)$/.test(e)}function j(t){const e=C(t);return e.editor==="model"?"model":e.editor==="image"?"image":e.editor==="audio"?"audio":e.editor==="data"?"json":e.editor==="environment"?"environment":e.format==="cube"?"lut":e.format==="glsl"||e.format==="vert"||e.format==="frag"?"shader":k(t)?"module":e.editor==="source"&&e.previewable?"text":"binary"}function b({documentId:t,assetPath:e,active:i=!0}){const[o,l]=f.useState(null),[c,u]=f.useState(null),y=e.split("/").pop()??e;return f.useEffect(()=>{let a=!1;l(null),u(null);const w=e.replace(/^\//,"");let d=0;async function h(){const g=++d;try{const s=`/__editor/source-file?path=${encodeURIComponent(w)}`,S=await fetch(s,{cache:"no-store"}).then(p=>{if(!p.ok)throw new Error(`HTTP ${p.status}`);return p.text()});!a&&g===d&&(l(S),u(null))}catch(s){!a&&g===d&&u(s instanceof Error?s.message:String(s))}}const v=$();return h(),()=>{a=!0,v()}},[e]),r.jsx(m,{documentId:t,active:i,type:"source",title:y,sections:[],status:`source · ${e}`,fill:!0,children:r.jsx("div",{style:{padding:12,height:"100%",minHeight:0,display:"flex",flexDirection:"column",gap:8},children:r.jsx("div",{style:{padding:8,flex:1,minHeight:0,display:"flex",overflow:"hidden",background:n.surface.inset,border:`1px solid ${n.boundary.default}`,borderRadius:n.shape.small},children:c!==null||o===null?r.jsx("div",{style:{fontFamily:n.typography.mono,fontSize:11,lineHeight:1.5,color:c?n.semantic.danger:n.content.muted,padding:4},children:c??"Loading…"}):r.jsx(N,{value:o,followChanges:!0,language:A(e),fontSize:11,maxHeight:"100%",ariaLabel:`Source of ${e}`})})})})}function z({documentId:t,assetPath:e,active:i}){const o=e.split("/").pop()??e;return r.jsx(m,{documentId:t,active:i,type:"source",title:o,sections:[],status:`no viewer · ${e}`,children:r.jsxs("div",{style:{padding:16,color:n.content.muted,fontSize:12},children:["No editor package in this project renders ",o,"; the file is available in the project and stays selectable and referenceable."]})})}function K({documentId:t,assetPath:e,active:i=!0}){switch(j(e)){case"model":case"environment":case"lut":case"shader":{const o=j(e);return r.jsx(x,{route:o,documentId:t,assetPath:e,displayName:e.split("/").pop()??e,active:i,whenUnregistered:r.jsx(z,{documentId:t,assetPath:e,active:i})})}case"image":return r.jsx(R,{assetPath:e});case"audio":return r.jsx(H,{assetPath:e});case"json":return r.jsx(E,{documentId:t,assetPath:e,displayName:e.split("/").pop()??e,active:i,sections:[],status:`json · ${e}`});case"module":{const o=V()?.rootPath,l=r.jsx(b,{documentId:t,assetPath:e,active:i});return o?r.jsx(x,{route:"module",documentId:t,assetPath:e,projectRoot:o,displayName:e.split("/").pop()??e,active:i,fallback:l,whenUnregistered:l}):l}case"text":return r.jsx(b,{documentId:t,assetPath:e,active:i});case"binary":return r.jsx(m,{documentId:t,active:i,type:"binary source",title:e.split("/").pop()??e,sections:[],status:`binary · ${e}`,children:r.jsxs("div",{style:{padding:16,color:n.content.muted,fontSize:12},children:[r.jsx("div",{style:{color:n.content.primary,fontWeight:600,marginBottom:6},children:e.split("/").pop()}),"This binary source is available in the project, but it has no safe in-editor renderer. Its file remains selectable and referenceable without being misidentified as another format."]})})}}export{K as SourceAssetViewer,j as sourceAssetRoute};
+import{a as r}from"./jsx-runtime-DPjLkJKQ.js";import{b5 as m,al as n,b6 as x,b7 as C,b8 as $,aC as V}from"./index-r-FuctN5.js";import{r as f}from"./index-nmcBqr7Y.js";import"./index-CtzuWnCS.js";import{J as E,C as N,c as A}from"./JsonAssetDocument-y-ihqubn.js";import{AudioViewer as H}from"./AudioViewer-B88kBiQH.js";import{ImageViewer as R}from"./ImageViewer-RDOE-ikb.js";import"./_commonjsHelpers-D6-XlEtG.js";import"./index-FUuS4qwW.js";import"./client-DNXj_opT.js";import"./index-D_NuPfjr.js";import"./index-CinJrH5C.js";function k(t){const e=(t.split(/[?#]/,1)[0]??"").replace(/^\//,"");return e.startsWith("src/")&&/\.(?:[cm]?[jt]sx?)$/.test(e)}function j(t){const e=C(t);return e.editor==="model"?"model":e.editor==="image"?"image":e.editor==="audio"?"audio":e.editor==="data"?"json":e.editor==="environment"?"environment":e.format==="cube"?"lut":e.format==="glsl"||e.format==="vert"||e.format==="frag"?"shader":k(t)?"module":e.editor==="source"&&e.previewable?"text":"binary"}function b({documentId:t,assetPath:e,active:i=!0}){const[o,l]=f.useState(null),[c,u]=f.useState(null),y=e.split("/").pop()??e;return f.useEffect(()=>{let a=!1;l(null),u(null);const w=e.replace(/^\//,"");let d=0;async function h(){const g=++d;try{const s=`/__editor/source-file?path=${encodeURIComponent(w)}`,S=await fetch(s,{cache:"no-store"}).then(p=>{if(!p.ok)throw new Error(`HTTP ${p.status}`);return p.text()});!a&&g===d&&(l(S),u(null))}catch(s){!a&&g===d&&u(s instanceof Error?s.message:String(s))}}const v=$();return h(),()=>{a=!0,v()}},[e]),r.jsx(m,{documentId:t,active:i,type:"source",title:y,sections:[],status:`source · ${e}`,fill:!0,children:r.jsx("div",{style:{padding:12,height:"100%",minHeight:0,display:"flex",flexDirection:"column",gap:8},children:r.jsx("div",{style:{padding:8,flex:1,minHeight:0,display:"flex",overflow:"hidden",background:n.surface.inset,border:`1px solid ${n.boundary.default}`,borderRadius:n.shape.small},children:c!==null||o===null?r.jsx("div",{style:{fontFamily:n.typography.mono,fontSize:11,lineHeight:1.5,color:c?n.semantic.danger:n.content.muted,padding:4},children:c??"Loading…"}):r.jsx(N,{value:o,followChanges:!0,language:A(e),fontSize:11,maxHeight:"100%",ariaLabel:`Source of ${e}`})})})})}function z({documentId:t,assetPath:e,active:i}){const o=e.split("/").pop()??e;return r.jsx(m,{documentId:t,active:i,type:"source",title:o,sections:[],status:`no viewer · ${e}`,children:r.jsxs("div",{style:{padding:16,color:n.content.muted,fontSize:12},children:["No editor package in this project renders ",o,"; the file is available in the project and stays selectable and referenceable."]})})}function K({documentId:t,assetPath:e,active:i=!0}){switch(j(e)){case"model":case"environment":case"lut":case"shader":{const o=j(e);return r.jsx(x,{route:o,documentId:t,assetPath:e,displayName:e.split("/").pop()??e,active:i,whenUnregistered:r.jsx(z,{documentId:t,assetPath:e,active:i})})}case"image":return r.jsx(R,{assetPath:e});case"audio":return r.jsx(H,{assetPath:e});case"json":return r.jsx(E,{documentId:t,assetPath:e,displayName:e.split("/").pop()??e,active:i,sections:[],status:`json · ${e}`});case"module":{const o=V()?.rootPath,l=r.jsx(b,{documentId:t,assetPath:e,active:i});return o?r.jsx(x,{route:"module",documentId:t,assetPath:e,projectRoot:o,displayName:e.split("/").pop()??e,active:i,fallback:l,whenUnregistered:l}):l}case"text":return r.jsx(b,{documentId:t,assetPath:e,active:i});case"binary":return r.jsx(m,{documentId:t,active:i,type:"binary source",title:e.split("/").pop()??e,sections:[],status:`binary · ${e}`,children:r.jsxs("div",{style:{padding:16,color:n.content.muted,fontSize:12},children:[r.jsx("div",{style:{color:n.content.primary,fontWeight:600,marginBottom:6},children:e.split("/").pop()}),"This binary source is available in the project, but it has no safe in-editor renderer. Its file remains selectable and referenceable without being misidentified as another format."]})})}}export{K as SourceAssetViewer,j as sourceAssetRoute};