@p4code/cli 0.8.20 → 0.8.22

package/dist/client/assets/ThemeEditorPanel-BRKQI9pP.js

@@ -1,5 +0,0 @@
-import{i as e}from"./rolldown-runtime-Dd_uD5pT.js";import{r as t}from"./Icon-l19w4AjM.js";import{NE as n,Pp as r,Um as i,fp as a,lE as o,sr as s,t as c,vp as l}from"./utils-ChK8VEFC.js";import{f as u,l as d,m as f}from"./TooltipViewport-B_Oz-gLq.js";import{A as p,E as m,G as h,H as g,O as _,S as v,U as y,W as b,_ as x,d as ee,et as S,g as C,m as w,s as te,u as T,y as E}from"./themePalette-mGukKeaJ.js";import{a as ne,n as re,t as ie}from"./tooltip-C85X81rS.js";import{n as D,t as O}from"./toggle-group-CM-lVPv_.js";import{t as ae}from"./input-DX_wpYEr.js";import{i as k,o as A,t as j}from"./popover-BJ6nvlLO.js";import{i as M,n as N,r as P,t as F}from"./color-picker-KVitc2gM.js";import{na as I}from"./main-DzuY7nUi.js";var oe=n(),L=e(t(),1),R=e(o(),1);function z(e){return{canvas:`Background`,toolbar:`Toolbar background`,toolbarForeground:`Toolbar text`,toolbarBorder:`Toolbar border`,toolbarControl:`Toolbar control`,toolbarControlForeground:`Toolbar control text`,toolbarControlHover:`Toolbar control hover`,accent:`Accent color`,errorForeground:`Error text`,errorSurface:`Error background`,warningForeground:`Warning text`,warningSurface:`Warning background`,updateForeground:`Update text`,updateSurface:`Update background`}[e]||e.replace(/([A-Z])/g,` $1`).replace(/^./,e=>e.toUpperCase())}function B(e){let t=g(e)??``,n=t.length===9?t.slice(7):``;return n===`ff`?``:n}function se(e){return(g(e)??`#000000`).slice(0,7)}function ce(e){let t=Number.parseInt(se(e).slice(1),16);return[t>>16,t>>8&255,t&255]}function le(e){let t=e.trim().replace(/^rgb\(\s*/i,``).replace(/\s*\)$/,``).split(/[,\s]+/).filter(Boolean).map(Number);return t.length!==3||t.some(e=>!Number.isInteger(e)||e<0||e>255)?null:`#${t.map(e=>e.toString(16).padStart(2,`0`)).join(``)}`}function V(e){return ce(e).join(`, `)}function H({label:e,value:t,onChange:n}){let r=se(t),i=B(t),[a,o]=(0,L.useState)(()=>P(r)),[s,c]=(0,L.useState)(r),[l,u]=(0,L.useState)(()=>V(r)),d=(0,L.useRef)(!1),f=M(a.h,a.s,a.v),p=V(f);(0,L.useEffect)(()=>{d.current||(c(r),u(V(r))),o(e=>M(e.h,e.s,e.v)===r?e:P(r))},[r]);let m=(0,L.useRef)(n);m.current=n;let h=(0,L.useRef)(null),g=(0,L.useRef)(null),_=(0,L.useCallback)(()=>{g.current!==null&&(cancelAnimationFrame(g.current),g.current=null);let e=h.current;h.current=null,e!==null&&m.current(e)},[]);(0,L.useEffect)(()=>()=>_(),[_]);let v=(0,L.useCallback)(e=>{h.current=e,g.current??=requestAnimationFrame(()=>{g.current=null;let e=h.current;h.current=null,e!==null&&m.current(e)})},[]),y=(0,L.useCallback)(e=>{o(e);let t=M(e.h,e.s,e.v);c(t),u(V(t)),v(t+i)},[i,v]),b=e=>{if(c(e),!/^#[0-9a-f]{6}$/i.test(e))return;let t=P(e);o(t),u(V(e)),n(e.toLowerCase())},x=e=>{u(e);let t=le(e);t&&(o(P(t)),c(t),n(t+i))};return(0,R.jsxs)(`div`,{className:`w-72 bg-popover`,children:[(0,R.jsxs)(`div`,{className:`flex items-center justify-between border-b border-border/70 px-4 py-3`,children:[(0,R.jsxs)(`div`,{className:`min-w-0`,children:[(0,R.jsx)(`p`,{className:`truncate text-xs font-semibold text-foreground`,children:e}),(0,R.jsx)(`p`,{className:`text-2xs text-muted-foreground`,children:`Choose a color`})]}),(0,R.jsx)(`span`,{className:`size-7 shrink-0 rounded-full shadow-sm`,style:{backgroundColor:f}})]}),(0,R.jsxs)(`div`,{className:`grid gap-3 px-3 pb-3 pt-3`,children:[(0,R.jsx)(N,{label:e,value:a,onChange:y,onInteractionEnd:_}),(0,R.jsx)(F,{label:`${e} hue`,value:a.h,onChange:e=>y({...a,h:e}),onInteractionEnd:_}),(0,R.jsxs)(`div`,{className:`grid grid-cols-[1fr_1.2fr] gap-2`,children:[(0,R.jsxs)(`label`,{className:`grid min-w-0 gap-1`,children:[(0,R.jsx)(`span`,{className:`px-1 text-3xs font-semibold uppercase tracking-widest text-muted-foreground`,children:`HEX`}),(0,R.jsxs)(`span`,{className:`flex min-w-0 items-center gap-2 rounded-lg border border-input bg-background px-2 focus-within:border-ring`,children:[(0,R.jsx)(`span`,{className:`size-3.5 shrink-0 rounded-full`,style:{backgroundColor:f}}),(0,R.jsx)(`input`,{"aria-label":`${e} picker hex value`,className:`h-8 min-w-0 flex-1 bg-transparent font-mono text-xs text-foreground outline-none`,onBlur:()=>{d.current=!1,c(f),u(p)},onChange:e=>b(e.currentTarget.value),onFocus:()=>{d.current=!0},spellCheck:!1,value:s})]})]}),(0,R.jsxs)(`label`,{className:`grid min-w-0 gap-1`,children:[(0,R.jsx)(`span`,{className:`px-1 text-3xs font-semibold uppercase tracking-widest text-muted-foreground`,children:`RGB`}),(0,R.jsx)(`span`,{className:`flex min-w-0 items-center rounded-lg border border-input bg-background px-2 focus-within:border-ring`,children:(0,R.jsx)(`input`,{"aria-label":`${e} picker RGB value`,className:`h-8 min-w-0 flex-1 bg-transparent font-mono text-xs text-foreground outline-none`,onBlur:()=>{d.current=!1,c(f),u(p)},onChange:e=>x(e.currentTarget.value),onFocus:()=>{d.current=!0},spellCheck:!1,value:l})})]})]})]})]})}function U(e){let t=(0,oe.c)(13),{label:n,value:r,onChange:i,onInteract:a}=e,o=`Choose ${n} color`,s;t[0]===r?s=t[1]:(s=(0,R.jsx)(`span`,{className:`absolute inset-0 rounded-full shadow-sm`,style:{backgroundColor:r}}),t[0]=r,t[1]=s);let c;t[2]!==a||t[3]!==o||t[4]!==s?(c=(0,R.jsx)(A,{render:(0,R.jsx)(`button`,{"aria-label":o,className:`relative flex size-6 shrink-0 cursor-pointer items-center justify-center rounded-full border border-foreground/30 transition-transform hover:scale-105 focus-visible:outline-2 focus-visible:outline-solid focus-visible:-outline-offset-2 focus-visible:outline-ring`,onFocus:a,onPointerDown:a,type:`button`,children:s})}),t[2]=a,t[3]=o,t[4]=s,t[5]=c):c=t[5];let l;t[6]!==n||t[7]!==i||t[8]!==r?(l=(0,R.jsx)(k,{align:`end`,padding:`none`,"data-theme-editor-panel":``,side:`bottom`,sideOffset:10,children:(0,R.jsx)(H,{label:n,onChange:i,value:r})}),t[6]=n,t[7]=i,t[8]=r,t[9]=l):l=t[9];let u;return t[10]!==c||t[11]!==l?(u=(0,R.jsxs)(j,{children:[c,l]}),t[10]=c,t[11]=l,t[12]=u):u=t[12],u}var ue=(0,L.memo)(function(e){let t=(0,oe.c)(58),{role:n,value:r,onChange:i,onSelect:a,onToggleSelected:o,selected:s,label:l}=e,u=s!==void 0&&s,d;t[0]!==l||t[1]!==n?(d=l??z(n),t[0]=l,t[1]=n,t[2]=d):d=t[2];let f=d,p;t[3]===r?p=t[4]:(p=m(r),t[3]=r,t[4]=p);let h=p,_=h?r:`#000000`,v;t[5]===r?v=t[6]:(v=r.trim().toLowerCase().startsWith(`oklch(`)?g(r)??r:r,t[5]=r,t[6]=v);let y=v,b=u&&`bg-accent/60 inset-ring inset-ring-ring`,x;t[7]===b?x=t[8]:(x=c(`flex min-h-11 min-w-0 items-center gap-2 rounded-lg px-2 py-1.5 transition-[background-color,box-shadow]`,b),t[7]=b,t[8]=x);let ee=`${u?`Hide`:`Show`} ${f} usage`,S;t[9]!==o||t[10]!==n?(S=()=>o?.(n),t[9]=o,t[10]=n,t[11]=S):S=t[11];let C;t[12]===f?C=t[13]:(C=(0,R.jsx)(`span`,{className:`min-w-0 flex-1 truncate`,children:f}),t[12]=f,t[13]=C);let w;t[14]!==u||t[15]!==ee||t[16]!==S||t[17]!==C?(w=(0,R.jsx)(ne,{render:(0,R.jsx)(`button`,{"aria-label":ee,"aria-pressed":u,className:`flex min-w-0 flex-1 cursor-pointer items-center rounded-md text-left text-sm text-muted-foreground outline-none hover:text-foreground focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring`,onClick:S,type:`button`,children:C})}),t[14]=u,t[15]=ee,t[16]=S,t[17]=C,t[18]=w):w=t[18];let te=`${u?`Hide`:`Show`} where ${f} is used`,T;t[19]===te?T=t[20]:(T=(0,R.jsx)(re,{side:`top`,children:te}),t[19]=te,t[20]=T);let E;t[21]!==w||t[22]!==T?(E=(0,R.jsxs)(ie,{children:[w,T]}),t[21]=w,t[22]=T,t[23]=E):E=t[23];let D;t[24]!==i||t[25]!==n?(D=e=>i(n,e),t[24]=i,t[25]=n,t[26]=D):D=t[26];let O;t[27]!==a||t[28]!==n?(O=()=>a?.(n),t[27]=a,t[28]=n,t[29]=O):O=t[29];let k;t[30]!==f||t[31]!==_||t[32]!==D||t[33]!==O?(k=(0,R.jsx)(U,{label:f,onChange:D,onInteract:O,value:_}),t[30]=f,t[31]=_,t[32]=D,t[33]=O,t[34]=k):k=t[34];let A=!h,j=`${f} hex value`,M=`${n}-hex`,N;t[35]!==i||t[36]!==n?(N=e=>i(n,e.currentTarget.value),t[35]=i,t[36]=n,t[37]=N):N=t[37];let P,F;t[38]!==a||t[39]!==n?(P=()=>a?.(n),F=()=>a?.(n),t[38]=a,t[39]=n,t[40]=P,t[41]=F):(P=t[40],F=t[41]);let I;t[42]!==y||t[43]!==A||t[44]!==j||t[45]!==M||t[46]!==N||t[47]!==P||t[48]!==F?(I=(0,R.jsx)(ae,{"aria-invalid":A,"aria-label":j,className:`w-28 shrink-0`,font:`mono`,id:M,nativeInput:!0,onChange:N,onFocus:P,onPointerDown:F,size:`compact`,value:y}),t[42]=y,t[43]=A,t[44]=j,t[45]=M,t[46]=N,t[47]=P,t[48]=F,t[49]=I):I=t[49];let L;t[50]!==k||t[51]!==I?(L=(0,R.jsxs)(`div`,{className:`ml-auto flex shrink-0 items-center gap-2`,children:[k,I]}),t[50]=k,t[51]=I,t[52]=L):L=t[52];let B;return t[53]!==n||t[54]!==E||t[55]!==L||t[56]!==x?(B=(0,R.jsxs)(`div`,{className:x,"data-theme-color-role":n,children:[E,L]}),t[53]=n,t[54]=E,t[55]=L,t[56]=x,t[57]=B):B=t[57],B}),de=[`background`,`border`,`foreground`],W=`data-theme-inspector-match`,fe=`data-theme-token-probe`,G=`#01fea7`,pe=`#fe01a7`,K=`theme-inspector-spotlight`,q=`theme-inspector-spotlight-mask`,me=`theme-inspector-spotlight-glow`,J=`theme-inspector-hover`,Y=`http://www.w3.org/2000/svg`,he={background:`canvas`,foreground:`text`,card:`surface`,"card-foreground":`text`,popover:`surfaceOverlay`,"popover-foreground":`text`,"surface-raised":`surfaceRaised`,primary:`messageAction`,"primary-foreground":`messageActionForeground`,secondary:`secondary`,"secondary-foreground":`secondaryForeground`,muted:`muted`,"muted-foreground":`mutedForeground`,placeholder:`placeholder`,"secondary-label":`secondaryLabel`,"icon-muted":`iconMuted`,accent:`accentSurface`,"accent-foreground":`accentSurfaceForeground`,destructive:`error`,"destructive-foreground":`errorForeground`,error:`error`,"error-foreground":`errorForeground`,"error-surface":`errorSurface`,warning:`warning`,"warning-foreground":`warningForeground`,"warning-surface":`warningSurface`,update:`update`,"update-foreground":`updateForeground`,"update-surface":`updateSurface`,message:`messageSurface`,"message-foreground":`messageForeground`,"message-action":`messageAction`,"message-action-foreground":`messageActionForeground`,"message-action-hover":`messageActionHover`,sidebar:`sidebar`,"sidebar-foreground":`sidebarForeground`,"sidebar-muted-foreground":`sidebarMutedForeground`,"sidebar-control-surface":`sidebarControlSurface`,"sidebar-row-hover":`sidebarRowHover`,"sidebar-row-active":`sidebarRowActive`,"sidebar-row-selected":`sidebarRowSelected`,"sidebar-border":`sidebarBorder`,border:`border`,input:`input`,ring:`focus`},ge={background:[`bg-`],border:[`border-`,`outline-`,`ring-`],foreground:[`text-`,`caret-`,`fill-`,`stroke-`]};function _e(e){document.querySelectorAll(`[${e}]`).forEach(t=>t.removeAttribute(e))}function ve(){_e(W),document.getElementById(K)?.remove()}function ye(){document.getElementById(J)?.remove()}function X(e){return document.createElementNS(Y,e)}function be(e){let t=e.getBoundingClientRect();if(t.width<=0||t.height<=0||t.right<0||t.bottom<0||t.left>window.innerWidth||t.top>window.innerHeight)return null;let n=t.left-5,r=t.top-5,i=Number.parseFloat(window.getComputedStyle(e).borderTopLeftRadius)||0;return{x:n,y:r,width:t.width+10,height:t.height+10,radius:Math.min(18,Math.max(7,i+5))}}function xe(e,t){let n=be(e.element);if(!n){ye();return}let r=document.getElementById(J);if(!r){r=document.createElement(`div`),r.id=J,r.setAttribute(`aria-hidden`,`true`);let e=document.createElement(`span`);e.dataset.themeInspectorHoverLabel=``,r.append(e),document.body.append(r)}r.style.left=`${n.x}px`,r.style.top=`${n.y}px`,r.style.width=`${n.width}px`,r.style.height=`${n.height}px`,r.style.borderRadius=`${n.radius}px`,r.dataset.placement=n.y<32?`below`:`above`;let i=r.querySelector(`[data-theme-inspector-hover-label]`);i&&(i.textContent=t)}function Se(e){let t=new Map;for(let n of e){let e=be(n);if(!e)continue;let r=[e.x,e.y,e.width,e.height].map(e=>Math.round(e)).join(`:`);t.set(r,e)}if(t.size===0){document.getElementById(K)?.remove();return}let n=document.getElementById(K);n||(n=X(`svg`),n.id=K,n.setAttribute(`aria-hidden`,`true`),n.setAttribute(`focusable`,`false`),document.body.append(n)),n.setAttribute(`viewBox`,`0 0 ${window.innerWidth} ${window.innerHeight}`);let r=X(`defs`),i=X(`mask`);i.id=q,i.setAttribute(`maskUnits`,`userSpaceOnUse`);let a=X(`rect`);a.setAttribute(`width`,String(window.innerWidth)),a.setAttribute(`height`,String(window.innerHeight)),a.setAttribute(`fill`,`white`),i.append(a);let o=X(`filter`);o.id=me,o.setAttribute(`x`,`-50%`),o.setAttribute(`y`,`-50%`),o.setAttribute(`width`,`200%`),o.setAttribute(`height`,`200%`);let s=X(`feGaussianBlur`);s.setAttribute(`stdDeviation`,`5`),s.setAttribute(`result`,`blur`);let c=X(`feMerge`),l=X(`feMergeNode`);l.setAttribute(`in`,`blur`);let u=X(`feMergeNode`);u.setAttribute(`in`,`SourceGraphic`),c.append(l,u),o.append(s,c),r.append(i,o);let d=X(`g`);for(let e of t.values()){let t=X(`rect`);t.setAttribute(`x`,String(e.x)),t.setAttribute(`y`,String(e.y)),t.setAttribute(`width`,String(e.width)),t.setAttribute(`height`,String(e.height)),t.setAttribute(`rx`,String(e.radius)),t.setAttribute(`fill`,`black`),i.append(t);let n=t.cloneNode(!1);n.removeAttribute(`fill`),n.setAttribute(`class`,`theme-inspector-spotlight-glow`),n.setAttribute(`filter`,`url(#${me})`),d.append(n)}let f=X(`rect`);f.setAttribute(`class`,`theme-inspector-spotlight-dimmer`),f.setAttribute(`width`,String(window.innerWidth)),f.setAttribute(`height`,String(window.innerHeight)),f.setAttribute(`mask`,`url(#${q})`),n.replaceChildren(r,f,d)}function Ce(){Se([...document.querySelectorAll(`[${W}]`)])}function we(e){return e.matches(`input, textarea, select, option`)?!0:Array.from(e.childNodes).some(e=>e.nodeType===Node.TEXT_NODE&&!!e.textContent?.trim())}function Z(e,{forHitTest:t=!1}={}){let n=window.getComputedStyle(e);if(n.display===`none`||n.visibility===`hidden`||Number(n.opacity)===0)return null;let r=[];for(let[e,t,i]of[[n.borderTopColor,n.borderTopStyle,n.borderTopWidth],[n.borderRightColor,n.borderRightStyle,n.borderRightWidth],[n.borderBottomColor,n.borderBottomStyle,n.borderBottomWidth],[n.borderLeftColor,n.borderLeftStyle,n.borderLeftWidth]])t!==`none`&&Number.parseFloat(i)>0&&r.push(e);n.outlineStyle!==`none`&&Number.parseFloat(n.outlineWidth)>0&&r.push(n.outlineColor),n.borderImageSource!==`none`&&r.push(n.borderImageSource),n.boxShadow!==`none`&&r.push(n.boxShadow);let i=[];return(t||we(e))&&i.push(n.color),e instanceof SVGElement&&i.push(n.fill,n.stroke),e.matches(`input, textarea`)&&i.push(n.caretColor),n.textDecorationLine!==`none`&&i.push(n.textDecorationColor),n.textShadow!==`none`&&i.push(n.textShadow),{background:[n.backgroundColor,n.backgroundImage].join(`
-`),border:r.join(`
-`),foreground:i.join(`
-`)}}function Te(e,t){return de.filter(n=>e[n]!==t[n])}function Ee(e){let t=document.documentElement,n=t.hasAttribute(fe);n||t.setAttribute(fe,``);try{return e()}finally{window.getComputedStyle(t).color,n||t.removeAttribute(fe)}}function De(e){let t=document.documentElement,n=C(e),r=t.style.getPropertyValue(n),i=t.style.getPropertyPriority(n),a=r.trim().toLowerCase()===G?pe:G;return t.style.setProperty(n,a,`important`),()=>{r?t.style.setProperty(n,r,i):t.style.removeProperty(n)}}function Q(e){let t=e.map(De);return()=>{for(let e of t.toReversed())e()}}function Oe(){return[document.body,...document.body.querySelectorAll(`*`)].filter(e=>!e.closest(`[data-theme-editor-panel]`)&&!e.closest(`#${K}, #${J}`))}function ke(e,t){if(e.includes(`:`))return null;for(let n of ge[t])if(e.startsWith(n))return he[e.slice(n.length).split(`/`,1)[0]??``]??null;return null}function Ae(e){for(let t of de)for(let n of e.classList){let e=ke(n,t);if(e)return e}return null}function je(e){let t=[],n=e;for(;n&&n!==document.documentElement;)n.closest(`[data-theme-editor-panel]`)||t.push(n),n=n.parentElement;return t}function Me(e){if(e.closest(`[data-theme-editor-panel]`))return null;for(let t of je(e)){let e=Ae(t);if(e)return{element:t,role:e}}return null}function Ne(e){performance.now(),_e(W);let t=Oe(),n=performance.now(),r=Ee(()=>{let n=new Map;for(let e of t){let t=Z(e);t&&n.set(e,t)}let r=Q(e),i=new Set;try{for(let[e,t]of n){let n=Z(e);n&&Te(t,n).length>0&&i.add(e)}}finally{r()}return i});performance.now()-n;let i=new Set;for(let e of r)i.add(e instanceof SVGElement?e.closest(`svg`)??e:e);for(let e of i)e.setAttribute(W,``);return Se([...i]),i.size}function Pe(e){if(e.closest(`[data-theme-editor-panel]`))return null;let t=je(e),n=Me(e);if(n)return n;let r=Ee(()=>{let e=new Map,n=new Map;for(let n of t){let t=Z(n,{forHitTest:!0});t&&e.set(n,t)}for(let t of S){let r=De(t);try{for(let[r,i]of e){let e=Z(r,{forHitTest:!0});if(!e)continue;let a=n.get(r)??{};for(let n of Te(i,e))a[n]??=t;n.set(r,a)}}finally{r()}}return n});for(let e of t){let t=r.get(e);if(t)for(let n of de){let r=t[n];if(r)return{element:e,role:r}}}return null}var $=[`canvas`,`accent`],Fe=[{id:`foundation`,title:`Foundation`,families:[{id:`background`,label:`Background`,role:`canvas`,roles:[`canvas`,`chrome`,`toolbar`]},{id:`surface`,label:`Surface`,role:`surface`,roles:[`surface`]},{id:`raised-surface`,label:`Raised surface`,role:`surfaceRaised`,roles:[`surfaceRaised`]},{id:`overlay`,label:`Overlay`,role:`surfaceOverlay`,roles:[`surfaceOverlay`]},{id:`text`,label:`Text`,role:`text`,roles:[`text`,`toolbarForeground`,`toolbarControlForeground`]},{id:`muted-text`,label:`Muted text`,role:`mutedForeground`,roles:[`textMuted`,`mutedForeground`,`placeholder`,`secondaryLabel`,`iconMuted`,`sidebarMutedForeground`]},{id:`border`,label:`Border`,role:`border`,roles:[`border`,`toolbarBorder`,`sidebarBorder`]},{id:`input`,label:`Input`,role:`input`,roles:[`input`]}]},{id:`brand-content`,title:`Brand & content`,families:[{id:`subtle-surface`,label:`Subtle surface`,role:`secondary`,roles:[`secondary`,`secondaryForeground`,`muted`,`toolbarControl`]},{id:`highlight-surface`,label:`Highlight surface`,role:`accentSurface`,roles:[`accentSurface`,`accentSurfaceForeground`,`toolbarControlHover`]},{id:`accent`,label:`Accent`,role:`accent`,roles:[`accent`,`accentForeground`,`focus`,`update`,`updateForeground`,`updateSurface`,`terminalCursor`]},{id:`action`,label:`Action`,role:`messageAction`,roles:[`messageAction`,`messageActionForeground`,`messageActionHover`]},{id:`message-surface`,label:`Message surface`,role:`messageSurface`,roles:[`messageSurface`,`messageForeground`]},{id:`code-surface`,label:`Code surface`,role:`codeBackground`,roles:[`codeBackground`,`codeForeground`]}]},{id:`search`,title:`Search`,families:[{id:`search-matches`,label:`Search matches`,role:`searchMatchBackground`,roles:[`searchMatchBackground`,`searchMatchForeground`]},{id:`current-match`,label:`Current match`,role:`searchMatchActiveBackground`,roles:[`searchMatchActiveBackground`,`searchMatchActiveForeground`]}]},{id:`context`,title:`Context`,families:[{id:`sidebar-background`,label:`Sidebar background`,role:`sidebar`,roles:[`sidebar`,`sidebarForeground`]},{id:`sidebar-controls`,label:`Sidebar controls`,role:`sidebarControlSurface`,roles:[`sidebarControlSurface`]},{id:`sidebar-selection`,label:`Sidebar selection`,role:`sidebarRowSelected`,roles:[`sidebarRowHover`,`sidebarRowActive`,`sidebarRowSelected`]},{id:`terminal-background`,label:`Terminal background`,role:`terminalBackground`,roles:[`terminalBackground`,`terminalForeground`,`terminalSelection`,`terminalScrollbar`,`terminalScrollbarHover`]}]},{id:`status`,title:`Status`,families:[{id:`error`,label:`Error`,role:`error`,roles:[`error`,`errorForeground`,`errorSurface`]},{id:`warning`,label:`Warning`,role:`warning`,roles:[`warning`,`warningForeground`,`warningSurface`]}]}],Ie=Fe.flatMap(e=>e.families),Le=new Map(Ie.flatMap(e=>e.roles.map(t=>[t,e])));function Re(e){return Le.get(e)??null}function ze(e){return{...w(e)}}function Be(){return{light:ze(`light`),dark:ze(`dark`)}}function Ve(e){return m(e.trim())}function He(e,t){let n=w(e);return T(e,Ve(t.canvas)?t.canvas:n.canvas,Ve(t.accent)?t.accent:n.accent)}function Ue({open:e,onOpenChange:t,onSaved:n,editingTheme:o,initialAppearance:m,seedTheme:g,seedName:C,restoreTheme:w}){let T=o!==null,[k,A]=(0,L.useState)(``),[j,M]=(0,L.useState)(m),[N,P]=(0,L.useState)(!1),[F,oe]=(0,L.useState)(()=>Be()),[B,se]=(0,L.useState)({light:!1,dark:!1}),[ce,le]=(0,L.useState)(!1),[V,H]=(0,L.useState)(null),[U,de]=(0,L.useState)(!1),[W,fe]=(0,L.useState)(``),[G,pe]=(0,L.useState)(!1),[K,q]=(0,L.useState)(null),[me,J]=(0,L.useState)(null),[Y,he]=(0,L.useState)(null),[ge,_e]=(0,L.useState)(null),X=(0,L.useRef)(null),be=(0,L.useRef)(null),Se=(0,L.useRef)(null);(0,L.useEffect)(()=>{if(!e)return;let t=()=>{let e,t;_e(n=>n&&(e=Math.max(280,Math.min(n.width,window.innerWidth-16)),t=Math.max(220,Math.min(n.height,window.innerHeight-16)),{width:e,height:t})),he(n=>{if(!n)return n;let r=et(n.x,n.y,e),i=U?X.current?.offsetHeight??0:t??X.current?.offsetHeight??0,a=Math.max(8,window.innerHeight-i-8);return{x:r.x,y:Math.min(r.y,a)}})};return window.addEventListener(`resize`,t),()=>window.removeEventListener(`resize`,t)},[U,e]);let[we,Z]=(0,L.useState)(!1),Te=(0,L.useRef)(!1);(0,L.useEffect)(()=>{if(e&&!Te.current){let e=o??g??null,t=Be(),n=e?x(e,m)?m:e.appearance:m;if(e){t[e.appearance]={...e.colors};for(let n of[`light`,`dark`]){let r=e.variants?.[n];r&&(t[n]={...r})}}A(o?.label??C??``),M(n),P(e!==null&&e.managed!==!0),se({light:!1,dark:!1}),le(e!==null&&e.managed!==!0),oe(t),q(null),J(null),pe(!1),H(null),Z(!0)}!e&&we&&Z(!1),Te.current=e},[o,m,we,e,C,g]);let Ee=y(k),De=k.trim().toLowerCase(),Q=De===``?null:ee().find(e=>e.id!==o?.id&&(e.id===Ee||e.label.trim().toLowerCase()===De))??null,Oe=Q?E(Q):[],ke=o?E(o):null,Ae=e=>ke&&!ke.includes(e)?`“${o?.label}” has no ${e} palette. Create a theme with the same name to add one.`:!T&&Oe.includes(e)?`“${Q?.label}” already has a ${e} palette.`:null,je=Q?.id??null,Ie=Oe.join(`,`);(0,L.useEffect)(()=>{if(T||je===null)return;let e=Ie.split(`,`).filter(Boolean);e.length===1&&M(t=>e.includes(t)?e[0]===`light`?`dark`:`light`:t)},[T,je,Ie]),(0,L.useEffect)(()=>{e&&we&&te(F[j],j)},[j,F,we,e]),(0,L.useEffect)(()=>{if(e)return()=>{w()}},[e,w]);let Le=(0,L.useCallback)((e,t)=>{oe(n=>{let r={...n[j],[e]:t},i=!N&&$.includes(e)&&Ve(t);return{...n,[j]:N?h(j,n[j],e,t):i?He(j,r):r}}),!N&&$.includes(e)&&Ve(t)&&se(e=>({...e,[j]:!0})),N&&le(!0)},[j,N]),ze=(0,L.useCallback)((e,t=!1)=>{let n=Re(e)?.role??e;q(n),$.includes(n)||(P(!0),fe(``)),t&&requestAnimationFrame(()=>{X.current?.querySelector(`[data-theme-color-role="${n}"]`)?.scrollIntoView({behavior:`smooth`,block:`nearest`})})},[]),Ue=(0,L.useCallback)(e=>{q(t=>t===e?null:e)},[]),We=(0,L.useCallback)(()=>{q(null),J(null),pe(!1)},[]),Ge=(K?N?Re(K)?.roles??[K]:$.includes(K)?S.filter(e=>F[j][e].trim().toLowerCase()===F[j][K].trim().toLowerCase()):[K]:[]).join(`,`);(0,L.useEffect)(()=>{if(ve(),!e||K===null){J(null);return}if(G)return;let t=Ge.split(`,`),n=()=>J(Ne(t));n();let r=null,i=null,a=performance.now(),o=()=>{if(r!==null||i!==null)return;let e=Math.max(0,500-(performance.now()-a)),t=()=>{r=null,i=null,a=performance.now(),n()};e===0?r=requestAnimationFrame(t):i=setTimeout(t,e)},s=new MutationObserver(e=>{e.every(e=>e.target instanceof Element&&(e.target.closest(`#theme-inspector-spotlight`)||e.target.closest(`[data-theme-editor-panel]`)))||o()});s.observe(document.body,{childList:!0,subtree:!0});let c=null,l=()=>{c??=requestAnimationFrame(()=>{c=null,Ce()})};return window.addEventListener(`resize`,l),window.addEventListener(`scroll`,l,!0),()=>{s.disconnect(),r!==null&&cancelAnimationFrame(r),i!==null&&clearTimeout(i),c!==null&&cancelAnimationFrame(c),window.removeEventListener(`resize`,l),window.removeEventListener(`scroll`,l,!0),ve()}},[G,e,Ge,K]),(0,L.useEffect)(()=>{if(!e||!G){ye();return}let t=!1,n=null,r=null,i=null,a=null,o=()=>{i!==null&&(window.clearTimeout(i),i=null)},s=()=>{o(),n=null,r=null,ye()},c=e=>{r=e,xe(e,Re(e.role)?.label??z(e.role))},l=e=>{let t=e.target;if(!(t instanceof Element)||t.closest(`[data-theme-editor-panel]`)){s();return}o(),n=t,r=null;let a=Me(t);if(a){c(a);return}ye(),i=window.setTimeout(()=>{if(i=null,n!==t||!t.isConnected)return;let e=Pe(t);e&&c(e)},140)},u=e=>{e.relatedTarget===null&&s()},d=e=>{let i=e.target;if(!(i instanceof Element)||i.closest(`[data-theme-editor-panel]`))return;e.preventDefault(),e.stopPropagation(),o();let a=n===i&&r?r:Pe(i);a&&(s(),ze(a.role,!0),t=!0)},f=e=>{let n=e.target;n instanceof Element&&!n.closest(`[data-theme-editor-panel]`)&&(e.preventDefault(),e.stopPropagation(),t&&pe(!1),t=!1)},p=e=>{e.key===`Escape`&&(e.preventDefault(),s(),We())},m=()=>{r&&(a??=requestAnimationFrame(()=>{a=null,r&&xe(r,Re(r.role)?.label??z(r.role))}))},h=()=>s();return document.addEventListener(`pointerover`,l,!0),document.addEventListener(`pointerout`,u,!0),document.addEventListener(`pointerdown`,d,!0),document.addEventListener(`click`,f,!0),document.addEventListener(`keydown`,p,!0),window.addEventListener(`resize`,m),window.addEventListener(`scroll`,h,!0),()=>{document.removeEventListener(`pointerover`,l,!0),document.removeEventListener(`pointerout`,u,!0),document.removeEventListener(`pointerdown`,d,!0),document.removeEventListener(`click`,f,!0),document.removeEventListener(`keydown`,p,!0),window.removeEventListener(`resize`,m),window.removeEventListener(`scroll`,h,!0),o(),a!==null&&cancelAnimationFrame(a),ye()}},[We,G,e,ze]);let Ke=(0,L.useCallback)(e=>{if(P(e),e||(K&&!$.includes(K)&&q(null),!ce))return;let t=o&&E(o).length>1?[`light`,`dark`]:[j];se(e=>{let n={...e};for(let e of t)n[e]=!0;return n}),oe(e=>{let n={...e};for(let r of t)n[r]=He(r,e[r]);return n}),le(!1)},[j,o,K,ce]),qe=()=>{if(!k.trim()){H(`Name your theme first.`);return}try{let e=N?F:{light:B.light?He(`light`,F.light):F.light,dark:B.dark?He(`dark`,F.dark):F.dark},r,i=null,a=null;if(o&&Q){let t=E(o),n=t.find(e=>Oe.includes(e));if(n){H(`“${Q.label}” already has a ${n} palette. Pick another name.`);return}i=t[0]??null,r=b({..._({version:1,id:Q.id,name:Q.label,appearance:Q.appearance,colors:Q.colors,variants:{...Q.variants,...Object.fromEntries(t.map(t=>[t,e[t]]))},...Q.managed===!0&&!N?{managed:!0}:{}}),...Q.collection?{collection:Q.collection}:{}}),a=o;try{p(o.id)}catch(e){try{b(Q)}catch{}throw e}}else if(o){let t=o.appearance,n=t===`light`?`dark`:`light`;r=b({..._({version:1,id:o.id,name:k,appearance:t,colors:e[t],...E(o).length>1?{variants:{[n]:e[n]}}:{},...N?{}:{managed:!0}}),...o.collection?{collection:o.collection}:{}})}else if(Q){if(Oe.includes(j)){H(`“${Q.label}” already has light and dark palettes. Pick another name.`);return}i=j,r=b({..._({version:1,id:Q.id,name:Q.label,appearance:Q.appearance,colors:Q.colors,variants:{...Q.variants,[j]:e[j]},...Q.managed===!0&&!N?{managed:!0}:{}}),...Q.collection?{collection:Q.collection}:{}})}else r=v(_({version:1,name:k,appearance:j,colors:e[j],...N?{}:{managed:!0}}));if(!n(r,{created:o===null&&i===null,...i?{mergedAppearance:i}:{}})){if(!o&&i===null)try{p(r.id)}catch{}else if(Q&&i!==null)try{b(Q),a&&v(a)}catch{}H(`Theme saved, but it could not be made active. Try again.`);return}t(!1)}catch(e){H(e instanceof Error?e.message:T?`Could not save the theme.`:`Could not create the theme.`)}},Je=()=>(0,R.jsxs)(`label`,{className:`grid grid-cols-[minmax(0,1fr)_minmax(0,2fr)] items-center gap-3`,children:[(0,R.jsx)(`span`,{className:`text-sm font-medium`,children:`Theme name`}),(0,R.jsx)(ae,{autoFocus:!0,size:`sm`,onChange:e=>{A(e.currentTarget.value),H(null)},placeholder:T?`Theme name`:`e.g. Aurora`,value:k})]}),Ye=e=>{let t=Ae(e),n=(0,R.jsx)(O,{"aria-disabled":t!==null,value:e,children:e===`light`?`Light`:`Dark`});return t===null?n:(0,R.jsxs)(ie,{children:[(0,R.jsx)(ne,{render:n}),(0,R.jsx)(re,{children:t})]})},Xe=()=>(0,R.jsxs)(`div`,{className:`grid grid-cols-[minmax(0,1fr)_minmax(0,2fr)] items-center gap-3`,children:[(0,R.jsx)(`span`,{className:`text-sm font-medium`,children:`Appearance`}),(0,R.jsxs)(D,{"aria-label":`Theme appearance`,variant:`segmented`,value:[j],onValueChange:e=>{let t=e[0];(t===`light`||t===`dark`)&&Ae(t)===null&&M(t)},children:[Ye(`light`),Ye(`dark`)]})]}),Ze=()=>(0,R.jsxs)(`div`,{className:`grid grid-cols-[minmax(0,1fr)_minmax(0,2fr)] items-start gap-3`,children:[(0,R.jsxs)(`div`,{children:[(0,R.jsx)(`h3`,{className:`text-sm font-medium`,children:`Colors`}),N?null:(0,R.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:`Two colors, rest derived`})]}),(0,R.jsxs)(`div`,{className:`flex min-w-0 items-start gap-3`,children:[N?(0,R.jsx)(ae,{"aria-label":`Filter colors`,className:`min-w-0 flex-1`,onChange:e=>fe(e.currentTarget.value),placeholder:`Filter colors`,size:`sm`,value:W}):null,(0,R.jsxs)(`label`,{className:`ml-auto flex shrink-0 cursor-pointer items-center gap-2 pt-0.5 text-sm font-medium`,children:[(0,R.jsx)(`span`,{children:`Advanced`}),(0,R.jsx)(I,{"aria-label":`Use advanced theme colors`,checked:N,onCheckedChange:e=>Ke(!!e)})]})]})]}),Qe=(e,t=`grid gap-2 sm:grid-cols-2`)=>(0,R.jsx)(`div`,{className:t,children:e.map(e=>(0,R.jsx)(ue,{label:e.label,onChange:Le,onSelect:ze,onToggleSelected:Ue,role:e.role,selected:K===e.role,value:F[j][e.role]},e.id))}),$e=()=>{let e=W.trim().toLowerCase(),t=Fe.map(t=>({...t,families:t.families.filter(t=>!e||[t.label,...t.roles.map(e=>z(e))].join(` `).toLowerCase().includes(e))})).filter(e=>e.families.length>0);return N?(0,R.jsxs)(`div`,{className:`space-y-5`,children:[t.map(e=>(0,R.jsxs)(`section`,{className:`space-y-2`,children:[(0,R.jsx)(`h4`,{className:`text-sm font-medium text-foreground`,children:e.title}),Qe(e.families,`grid gap-1`)]},e.id)),t.length===0?(0,R.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:`No matches.`}):null]}):(0,R.jsx)(`div`,{className:`grid gap-1`,children:$.map(e=>(0,R.jsx)(ue,{onChange:Le,onSelect:ze,onToggleSelected:Ue,role:e,label:e===`canvas`?`Background`:`Accent`,selected:K===e,value:F[j][e]},e))})},et=(e,t,n)=>{let r=X.current,i=n??r?.offsetWidth??0;return{x:Math.min(Math.max(e,8),Math.max(8,window.innerWidth-i-8)),y:Math.min(Math.max(t,8),Math.max(8,window.innerHeight-48))}},tt=e=>{if(e.target.closest(`button, input, a`))return;let t=X.current?.getBoundingClientRect();t&&(be.current={dx:e.clientX-t.x,dy:e.clientY-t.y},e.currentTarget.setPointerCapture(e.pointerId))},nt=e=>{let t=be.current;t&&he(et(e.clientX-t.dx,e.clientY-t.dy))},rt=()=>{be.current=null},it=e=>{let t=X.current?.getBoundingClientRect();t&&(e.preventDefault(),Y===null&&he(et(t.x,t.y)),Se.current={pointerX:e.clientX,pointerY:e.clientY,left:t.x,top:t.y,width:t.width,height:t.height},e.currentTarget.setPointerCapture(e.pointerId))},at=e=>{let t=Se.current;if(!t)return;let n=Math.max(280,window.innerWidth-8-t.left),r=Math.max(220,window.innerHeight-8-t.top);_e({width:Math.min(Math.max(t.width+e.clientX-t.pointerX,280),n),height:Math.min(Math.max(t.height+e.clientY-t.pointerY,220),r)})},ot=()=>{Se.current=null};return(0,R.jsxs)(`div`,{"aria-label":T?`Edit theme`:`Create theme`,className:c(`dialog-glass fixed z-[110] flex max-h-[min(42rem,calc(100dvh-6rem))] w-[min(26rem,calc(100vw-2rem))] flex-col overflow-hidden rounded-xl border text-popover-foreground`,Y===null&&`bottom-4 right-4`,U&&`max-h-none`),"data-theme-editor-panel":!0,ref:X,role:`dialog`,style:{...Y?{left:Y.x,top:Y.y}:{},...ge?{width:ge.width}:{},...ge&&!U?{height:ge.height,maxHeight:`calc(100dvh - 1rem)`}:{}},children:[(0,R.jsxs)(`div`,{className:`flex cursor-grab touch-none select-none items-center gap-1 border-b border-border/70 px-3 py-2 active:cursor-grabbing`,onPointerCancel:rt,onPointerDown:tt,onPointerMove:nt,onPointerUp:rt,children:[(0,R.jsxs)(`div`,{className:`flex min-w-0 flex-1 items-baseline gap-2`,children:[(0,R.jsx)(`h2`,{className:`shrink-0 truncate text-sm font-medium`,children:T?`Edit theme`:`Create theme`}),U?null:(0,R.jsx)(`p`,{className:`truncate text-xs text-muted-foreground`,children:G?`Select an element · Esc to cancel`:K?`${N?Re(K)?.label??z(K):z(K)} · ${me??0} ${me===1?`use`:`uses`}`:`Select a color below`})]}),(0,R.jsxs)(ie,{children:[(0,R.jsx)(ne,{render:(0,R.jsxs)(s,{"aria-label":G?`Cancel inspecting app colors`:`Inspect app colors`,"aria-pressed":G,size:`xs`,variant:G?`secondary`:`ghost`,onClick:()=>{if(G){We();return}pe(!0)},children:[(0,R.jsx)(a,{}),G?`Cancel`:`Inspect`]})}),(0,R.jsx)(re,{"data-theme-editor-panel":``,children:G?`Cancel and clear the selection`:`Pick a color from the app`})]}),(0,R.jsx)(s,{"aria-label":U?`Expand the theme editor`:`Minimize the theme editor`,size:`icon-xs`,variant:`ghost`,onClick:()=>de(!U),children:(0,R.jsx)(d,{icon:U?f:u})}),(0,R.jsx)(s,{"aria-label":`Close the theme editor`,size:`icon-xs`,variant:`ghost`,onClick:()=>t(!1),children:(0,R.jsx)(i,{})})]}),U?null:(0,R.jsxs)(R.Fragment,{children:[(0,R.jsxs)(`div`,{className:`min-h-0 flex-1 space-y-3 overflow-y-auto py-3 pl-3 pr-1.5`,children:[Je(),V?(0,R.jsx)(`p`,{"aria-live":`polite`,className:`text-sm text-destructive`,children:V}):null,Xe(),(0,R.jsxs)(`div`,{className:`space-y-3`,children:[Ze(),$e()]})]}),(0,R.jsxs)(`div`,{className:`flex items-center justify-end gap-2 border-t border-border/70 px-3 py-2`,children:[(0,R.jsx)(s,{size:`sm`,variant:`ghost`,onClick:()=>t(!1),children:`Cancel`}),(0,R.jsx)(s,{disabled:!k.trim(),size:`sm`,onClick:qe,children:T?Q?`Merge into “${Q.label}”`:`Save changes`:Q?(0,R.jsxs)(R.Fragment,{children:[(0,R.jsx)(r,{}),`Add ${j} palette`]}):(0,R.jsxs)(R.Fragment,{children:[(0,R.jsx)(l,{}),`Create theme`]})})]}),(0,R.jsx)(`div`,{"aria-hidden":!0,className:`absolute bottom-0 right-0 z-10 flex size-5 cursor-se-resize touch-none select-none items-end justify-end p-1 text-muted-foreground/70`,onPointerCancel:ot,onPointerDown:it,onPointerMove:at,onPointerUp:ot,children:(0,R.jsx)(`svg`,{className:`size-2.5`,fill:`none`,stroke:`currentColor`,strokeLinecap:`round`,strokeWidth:`1.2`,viewBox:`0 0 8 8`,children:(0,R.jsx)(`path`,{d:`M7 1 1 7M7 4.5 4.5 7`})})})]})]})}export{Ue as ThemeEditorPanel};
-//# sourceMappingURL=ThemeEditorPanel-BRKQI9pP.js.map