@p4code/cli 0.8.24 → 0.8.26

package/dist/client/assets/{SettingsPanels.logic-DIuWE5Xf.js → SettingsPanels.logic-DlcMmTBT.js}

@@ -1,2 +1,2 @@
-import{_h as e,iT as t,tE as n}from"./utils-hgbJ2TVM.js";import{F as r,L as i,R as a,z as o}from"./useSettings-BcmuuiTp.js";function s(e){return e!==`separate`}function c(e,t=`repository`){return e?t===`repository_path`?`repository_path`:`repository`:`separate`}var l=`p4code:last-enabled-project-grouping-mode`;function u(){try{return localStorage.getItem(l)===`repository_path`?`repository_path`:`repository`}catch{return`repository`}}function d(e){if(e!==`separate`)try{localStorage.setItem(l,e)}catch{}}function f(t){return!n(t.backgroundActivity,e.backgroundActivity)||t.backgroundActivityProfile!==e.backgroundActivityProfile||!n(t.automaticGitFetchInterval,e.automaticGitFetchInterval)||!n(t.providerHealthRefreshInterval,e.providerHealthRefreshInterval)}function p(t){return[...t.fontFamilySans!==e.fontFamilySans||t.fontSizeInterface!==e.fontSizeInterface?[`Interface font`]:[],...t.fontFamilyComposer!==e.fontFamilyComposer||t.fontSizePrompt!==e.fontSizePrompt?[`Prompt font`]:[],...t.fontFamilyCode!==e.fontFamilyCode||t.fontSizeCode!==e.fontSizeCode?[`Code font`]:[],...t.fontFamilyTerminal!==e.fontFamilyTerminal||t.fontSizeTerminal!==e.fontSizeTerminal?[`Terminal font`]:[]]}function m(e,t){return e._tag===t._tag?e._tag===`fill`||t._tag===`fill`?!0:e.width!==t.width||e.height!==t.height?!1:e._tag===`preset`&&t._tag===`preset`?e.presetId===t.presetId:!0:!1}function h(t){return[...m(t.browserDefaultViewport,e.browserDefaultViewport)?[]:[`Browser viewport`],...t.browserDefaultZoomFactor===e.browserDefaultZoomFactor?[]:[`Browser zoom`],...t.browserDefaultAppearance===e.browserDefaultAppearance?[]:[`Browser appearance`],...t.browserRecordingFrameRate===e.browserRecordingFrameRate?[]:[`Recording frame rate`],...t.browserRecordingShowKeyPresses?[`Recording key presses`]:[],...t.browserRecordingShowMousePresses?[`Recording mouse presses`]:[],...t.browserLinkTarget===e.browserLinkTarget?[]:[`Open links in`],...t.browserAutoShowFloatingPreview===e.browserAutoShowFloatingPreview?[]:[`Floating preview`]]}function g(e){let t=o(e),n=i({schemaVersion:1,profile:`custom`,baseProfile:t.profile,overrides:{automaticGitFetchInterval:t.automaticGitFetchInterval,providerHealthRefreshInterval:t.providerHealthRefreshInterval,hostPowerMonitorActiveInterval:t.hostPowerMonitorActiveInterval,hostPowerMonitorIdleInterval:t.hostPowerMonitorIdleInterval,idleClientTtl:t.idleClientTtl,pauseWhenHostLocked:t.pauseWhenHostLocked,pauseWhenHostLowPower:t.pauseWhenHostLowPower,pauseWhenClientLowPower:t.pauseWhenClientLowPower,pauseWhenOnBattery:t.pauseWhenOnBattery}});return n.profile===`custom`?`advanced`:n.profile}function _(e,t){let n=a(e);return{schemaVersion:1,profile:`custom`,baseProfile:t,overrides:n.profile===`custom`?n.overrides:{}}}function v(e){return{providerInstances:{...e.settings.providerInstances,[e.instanceId]:e.instance},...e.textGenerationModelSelection===void 0?{}:{textGenerationModelSelection:e.textGenerationModelSelection}}}function y(e){return Math.round(t(e)/1e3)}function b(e,t=0){return e===null||!Number.isFinite(e)?t:Math.max(t,Math.round(e))}function x(e,t,n){let i={automaticGitFetchInterval:t.automaticGitFetchInterval,providerHealthRefreshInterval:t.providerHealthRefreshInterval,hostPowerMonitorActiveInterval:t.hostPowerMonitorActiveInterval,hostPowerMonitorIdleInterval:t.hostPowerMonitorIdleInterval,idleClientTtl:t.idleClientTtl,pauseWhenHostLocked:t.pauseWhenHostLocked,pauseWhenHostLowPower:t.pauseWhenHostLowPower,pauseWhenClientLowPower:t.pauseWhenClientLowPower,pauseWhenOnBattery:t.pauseWhenOnBattery,...n};for(let[e,t]of Object.entries(i))t===void 0&&delete i[e];return{backgroundActivity:{schemaVersion:1,profile:`custom`,baseProfile:r(e),overrides:i}}}export{h as a,s as c,u as d,d as f,y as i,b as l,_ as n,p as o,g as p,v as r,f as s,x as t,c as u};
-//# sourceMappingURL=SettingsPanels.logic-DIuWE5Xf.js.map
+import{_h as e,iT as t,tE as n}from"./utils-B0w8dSf5.js";import{F as r,L as i,R as a,z as o}from"./useSettings-BEKkRzL1.js";function s(e){return e!==`separate`}function c(e,t=`repository`){return e?t===`repository_path`?`repository_path`:`repository`:`separate`}var l=`p4code:last-enabled-project-grouping-mode`;function u(){try{return localStorage.getItem(l)===`repository_path`?`repository_path`:`repository`}catch{return`repository`}}function d(e){if(e!==`separate`)try{localStorage.setItem(l,e)}catch{}}function f(t){return!n(t.backgroundActivity,e.backgroundActivity)||t.backgroundActivityProfile!==e.backgroundActivityProfile||!n(t.automaticGitFetchInterval,e.automaticGitFetchInterval)||!n(t.providerHealthRefreshInterval,e.providerHealthRefreshInterval)}function p(t){return[...t.fontFamilySans!==e.fontFamilySans||t.fontSizeInterface!==e.fontSizeInterface?[`Interface font`]:[],...t.fontFamilyComposer!==e.fontFamilyComposer||t.fontSizePrompt!==e.fontSizePrompt?[`Prompt font`]:[],...t.fontFamilyCode!==e.fontFamilyCode||t.fontSizeCode!==e.fontSizeCode?[`Code font`]:[],...t.fontFamilyTerminal!==e.fontFamilyTerminal||t.fontSizeTerminal!==e.fontSizeTerminal?[`Terminal font`]:[]]}function m(e,t){return e._tag===t._tag?e._tag===`fill`||t._tag===`fill`?!0:e.width!==t.width||e.height!==t.height?!1:e._tag===`preset`&&t._tag===`preset`?e.presetId===t.presetId:!0:!1}function h(t){return[...m(t.browserDefaultViewport,e.browserDefaultViewport)?[]:[`Browser viewport`],...t.browserDefaultZoomFactor===e.browserDefaultZoomFactor?[]:[`Browser zoom`],...t.browserDefaultAppearance===e.browserDefaultAppearance?[]:[`Browser appearance`],...t.browserRecordingFrameRate===e.browserRecordingFrameRate?[]:[`Recording frame rate`],...t.browserRecordingShowKeyPresses?[`Recording key presses`]:[],...t.browserRecordingShowMousePresses?[`Recording mouse presses`]:[],...t.browserLinkTarget===e.browserLinkTarget?[]:[`Open links in`],...t.browserAutoShowFloatingPreview===e.browserAutoShowFloatingPreview?[]:[`Floating preview`]]}function g(e){let t=o(e),n=i({schemaVersion:1,profile:`custom`,baseProfile:t.profile,overrides:{automaticGitFetchInterval:t.automaticGitFetchInterval,providerHealthRefreshInterval:t.providerHealthRefreshInterval,hostPowerMonitorActiveInterval:t.hostPowerMonitorActiveInterval,hostPowerMonitorIdleInterval:t.hostPowerMonitorIdleInterval,idleClientTtl:t.idleClientTtl,pauseWhenHostLocked:t.pauseWhenHostLocked,pauseWhenHostLowPower:t.pauseWhenHostLowPower,pauseWhenClientLowPower:t.pauseWhenClientLowPower,pauseWhenOnBattery:t.pauseWhenOnBattery}});return n.profile===`custom`?`advanced`:n.profile}function _(e,t){let n=a(e);return{schemaVersion:1,profile:`custom`,baseProfile:t,overrides:n.profile===`custom`?n.overrides:{}}}function v(e){return{providerInstances:{...e.settings.providerInstances,[e.instanceId]:e.instance},...e.textGenerationModelSelection===void 0?{}:{textGenerationModelSelection:e.textGenerationModelSelection}}}function y(e){return Math.round(t(e)/1e3)}function b(e,t=0){return e===null||!Number.isFinite(e)?t:Math.max(t,Math.round(e))}function x(e,t,n){let i={automaticGitFetchInterval:t.automaticGitFetchInterval,providerHealthRefreshInterval:t.providerHealthRefreshInterval,hostPowerMonitorActiveInterval:t.hostPowerMonitorActiveInterval,hostPowerMonitorIdleInterval:t.hostPowerMonitorIdleInterval,idleClientTtl:t.idleClientTtl,pauseWhenHostLocked:t.pauseWhenHostLocked,pauseWhenHostLowPower:t.pauseWhenHostLowPower,pauseWhenClientLowPower:t.pauseWhenClientLowPower,pauseWhenOnBattery:t.pauseWhenOnBattery,...n};for(let[e,t]of Object.entries(i))t===void 0&&delete i[e];return{backgroundActivity:{schemaVersion:1,profile:`custom`,baseProfile:r(e),overrides:i}}}export{h as a,s as c,u as d,d as f,y as i,b as l,_ as n,p as o,g as p,v as r,f as s,x as t,c as u};
+//# sourceMappingURL=SettingsPanels.logic-DlcMmTBT.js.map

package/dist/client/assets/{SettingsScopeNotice-D8K81IzP.js → SettingsScopeNotice-DvcB28n8.js}

@@ -1,2 +1,2 @@
-import{i as e}from"./rolldown-runtime-Dd_uD5pT.js";import{RE as t,lr as n,mE as r}from"./utils-hgbJ2TVM.js";import{t as i}from"./useNavigate-DCj963r2.js";import{t as a}from"./useLocation-7uJHNdPS.js";import{E as o}from"./useSettings-BcmuuiTp.js";import{n as s,r as c,t as l}from"./alert-CdZT7d18.js";import{B as u,H as d,i as f}from"./settingsLayout-CuUCC6iL.js";var p=t(),m=e(r(),1);function h(e){let t=(0,p.c)(42),{children:r,target:h,targetId:y,eligibleEnvironmentIds:b}=e,{selectScope:x,search:S}=u(),C;t[0]===Symbol.for(`react.memo_cache_sentinel`)?(C={from:`/settings`},t[0]=C):C=t[0];let w=i(C),T;t[1]===Symbol.for(`react.memo_cache_sentinel`)?(T={select:v},t[1]=T):T=t[1];let E=a(T),{environments:D}=o(),O=d(),k,A,j,M,N,P,F,I;if(t[2]!==r||t[3]!==b||t[4]!==D||t[5]!==O||t[6]!==w||t[7]!==E||t[8]!==S||t[9]!==x||t[10]!==h||t[11]!==y){let e=h===`checkout`?O.filter(e=>!S.project||e.projectKey===S.project).flatMap(_):h===`project`?O.map(g):h===`environment`?D.filter(e=>b===void 0||b.includes(e.environmentId)).map(e=>({label:D.some(t=>t.environmentId!==e.environmentId&&t.label===e.label)?`${e.label} · ${e.displayUrl||e.environmentId}`:e.label,search:{machine:e.environmentId}})):[{label:`Open all environments`,search:{}}];M=f,j=l,I=`status`,A=c,t[20]===r?F=t[21]:(F=(0,m.jsx)(`p`,{children:r}),t[20]=r,t[21]=F),k=s,N=`flex-wrap`;let i;t[22]!==w||t[23]!==E||t[24]!==x||t[25]!==y?(i=e=>(0,m.jsx)(n,{size:`sm-multiline`,variant:`outline`,className:`max-w-full break-all text-left`,onClick:()=>{y?w({to:E,search:()=>e.search,hash:y}):x(e.search)},children:e.label},JSON.stringify(e.search)),t[22]=w,t[23]=E,t[24]=x,t[25]=y,t[26]=i):i=t[26],P=e.map(i),t[2]=r,t[3]=b,t[4]=D,t[5]=O,t[6]=w,t[7]=E,t[8]=S,t[9]=x,t[10]=h,t[11]=y,t[12]=k,t[13]=A,t[14]=j,t[15]=M,t[16]=N,t[17]=P,t[18]=F,t[19]=I}else k=t[12],A=t[13],j=t[14],M=t[15],N=t[16],P=t[17],F=t[18],I=t[19];let L;t[27]!==k||t[28]!==N||t[29]!==P?(L=(0,m.jsx)(k,{className:N,children:P}),t[27]=k,t[28]=N,t[29]=P,t[30]=L):L=t[30];let R;t[31]!==A||t[32]!==F||t[33]!==L?(R=(0,m.jsxs)(A,{children:[F,L]}),t[31]=A,t[32]=F,t[33]=L,t[34]=R):R=t[34];let z;t[35]!==j||t[36]!==I||t[37]!==R?(z=(0,m.jsx)(j,{role:I,children:R}),t[35]=j,t[36]=I,t[37]=R,t[38]=z):z=t[38];let B;return t[39]!==M||t[40]!==z?(B=(0,m.jsx)(M,{children:z}),t[39]=M,t[40]=z,t[41]=B):B=t[41],B}function g(e){return{label:e.displayName,search:{project:e.projectKey}}}function _(e){return e.memberProjects.map(t=>({label:`${e.displayName} · ${t.environmentLabel??`Environment`} · ${t.workspaceRoot}`,search:{project:e.projectKey,machine:t.environmentId,checkout:t.physicalProjectKey}}))}function v(e){return e.pathname}export{h as t};
-//# sourceMappingURL=SettingsScopeNotice-D8K81IzP.js.map
+import{i as e}from"./rolldown-runtime-Dd_uD5pT.js";import{BE as t,lr as n,mE as r}from"./utils-B0w8dSf5.js";import{t as i}from"./useNavigate-CSxB1zLo.js";import{t as a}from"./useLocation-XbiRdmmb.js";import{E as o}from"./useSettings-BEKkRzL1.js";import{n as s,r as c,t as l}from"./alert-D4hu_q2y.js";import{B as u,H as d,i as f}from"./settingsLayout-DaLF8Hfm.js";var p=t(),m=e(r(),1);function h(e){let t=(0,p.c)(42),{children:r,target:h,targetId:y,eligibleEnvironmentIds:b}=e,{selectScope:x,search:S}=u(),C;t[0]===Symbol.for(`react.memo_cache_sentinel`)?(C={from:`/settings`},t[0]=C):C=t[0];let w=i(C),T;t[1]===Symbol.for(`react.memo_cache_sentinel`)?(T={select:v},t[1]=T):T=t[1];let E=a(T),{environments:D}=o(),O=d(),k,A,j,M,N,P,F,I;if(t[2]!==r||t[3]!==b||t[4]!==D||t[5]!==O||t[6]!==w||t[7]!==E||t[8]!==S||t[9]!==x||t[10]!==h||t[11]!==y){let e=h===`checkout`?O.filter(e=>!S.project||e.projectKey===S.project).flatMap(_):h===`project`?O.map(g):h===`environment`?D.filter(e=>b===void 0||b.includes(e.environmentId)).map(e=>({label:D.some(t=>t.environmentId!==e.environmentId&&t.label===e.label)?`${e.label} · ${e.displayUrl||e.environmentId}`:e.label,search:{machine:e.environmentId}})):[{label:`Open all environments`,search:{}}];M=f,j=l,I=`status`,A=c,t[20]===r?F=t[21]:(F=(0,m.jsx)(`p`,{children:r}),t[20]=r,t[21]=F),k=s,N=`flex-wrap`;let i;t[22]!==w||t[23]!==E||t[24]!==x||t[25]!==y?(i=e=>(0,m.jsx)(n,{size:`sm-multiline`,variant:`outline`,className:`max-w-full break-all text-left`,onClick:()=>{y?w({to:E,search:()=>e.search,hash:y}):x(e.search)},children:e.label},JSON.stringify(e.search)),t[22]=w,t[23]=E,t[24]=x,t[25]=y,t[26]=i):i=t[26],P=e.map(i),t[2]=r,t[3]=b,t[4]=D,t[5]=O,t[6]=w,t[7]=E,t[8]=S,t[9]=x,t[10]=h,t[11]=y,t[12]=k,t[13]=A,t[14]=j,t[15]=M,t[16]=N,t[17]=P,t[18]=F,t[19]=I}else k=t[12],A=t[13],j=t[14],M=t[15],N=t[16],P=t[17],F=t[18],I=t[19];let L;t[27]!==k||t[28]!==N||t[29]!==P?(L=(0,m.jsx)(k,{className:N,children:P}),t[27]=k,t[28]=N,t[29]=P,t[30]=L):L=t[30];let R;t[31]!==A||t[32]!==F||t[33]!==L?(R=(0,m.jsxs)(A,{children:[F,L]}),t[31]=A,t[32]=F,t[33]=L,t[34]=R):R=t[34];let z;t[35]!==j||t[36]!==I||t[37]!==R?(z=(0,m.jsx)(j,{role:I,children:R}),t[35]=j,t[36]=I,t[37]=R,t[38]=z):z=t[38];let B;return t[39]!==M||t[40]!==z?(B=(0,m.jsx)(M,{children:z}),t[39]=M,t[40]=z,t[41]=B):B=t[41],B}function g(e){return{label:e.displayName,search:{project:e.projectKey}}}function _(e){return e.memberProjects.map(t=>({label:`${e.displayName} · ${t.environmentLabel??`Environment`} · ${t.workspaceRoot}`,search:{project:e.projectKey,machine:t.environmentId,checkout:t.physicalProjectKey}}))}function v(e){return e.pathname}export{h as t};
+//# sourceMappingURL=SettingsScopeNotice-DvcB28n8.js.map

package/dist/client/assets/{ThemeEditorPanel-ePX4nwaV.js → ThemeEditorPanel-Cv_FhYYJ.js}

@@ -1,5 +1,5 @@
-import{i as e}from"./rolldown-runtime-Dd_uD5pT.js";import{r as t}from"./Icon-l19w4AjM.js";import{Cp as n,Jm as r,RE as i,_p as a,lr as o,mE as s,t as c,zp as l}from"./utils-hgbJ2TVM.js";import{f as u,l as d,m as f}from"./TooltipViewport-DJ2VRKCt.js";import{$ as p,D as m,H as h,T as g,U as _,V as v,W as y,g as ee,h as b,k as te,l as x,p as S,s as C,u as ne,v as w,x as T}from"./themePalette-CLR_iiPi.js";import{a as re,n as ie,t as ae}from"./tooltip-D-SzZpgJ.js";import{n as E,t as D}from"./toggle-group-Clz6KDtW.js";import{t as oe}from"./input-D_jxqXLR.js";import{i as O,o as k,t as A}from"./popover-2XJd3KEJ.js";import{i as j,n as M,r as N,t as P}from"./color-picker-BWZhsiZJ.js";import{pa as F}from"./main-4dRVuXx2.js";var se=i(),I=e(t(),1),L=e(s(),1);function R(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 z(e){let t=v(e)??``,n=t.length===9?t.slice(7):``;return n===`ff`?``:n}function ce(e){return(v(e)??`#000000`).slice(0,7)}function le(e){let t=Number.parseInt(ce(e).slice(1),16);return[t>>16,t>>8&255,t&255]}function ue(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 B(e){return le(e).join(`, `)}function V({label:e,value:t,onChange:n}){let r=ce(t),i=z(t),[a,o]=(0,I.useState)(()=>N(r)),[s,c]=(0,I.useState)(r),[l,u]=(0,I.useState)(()=>B(r)),d=(0,I.useRef)(!1),f=j(a.h,a.s,a.v),p=B(f);(0,I.useEffect)(()=>{d.current||(c(r),u(B(r))),o(e=>j(e.h,e.s,e.v)===r?e:N(r))},[r]);let m=(0,I.useRef)(n);m.current=n;let h=(0,I.useRef)(null),g=(0,I.useRef)(null),_=(0,I.useCallback)(()=>{g.current!==null&&(cancelAnimationFrame(g.current),g.current=null);let e=h.current;h.current=null,e!==null&&m.current(e)},[]);(0,I.useEffect)(()=>()=>_(),[_]);let v=(0,I.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,I.useCallback)(e=>{o(e);let t=j(e.h,e.s,e.v);c(t),u(B(t)),v(t+i)},[i,v]),ee=e=>{if(c(e),!/^#[0-9a-f]{6}$/i.test(e))return;let t=N(e);o(t),u(B(e)),n(e.toLowerCase())},b=e=>{u(e);let t=ue(e);t&&(o(N(t)),c(t),n(t+i))};return(0,L.jsxs)(`div`,{className:`w-72 bg-popover`,children:[(0,L.jsxs)(`div`,{className:`flex items-center justify-between border-b border-border/70 px-4 py-3`,children:[(0,L.jsxs)(`div`,{className:`min-w-0`,children:[(0,L.jsx)(`p`,{className:`truncate text-xs font-semibold text-foreground`,children:e}),(0,L.jsx)(`p`,{className:`text-2xs text-muted-foreground`,children:`Choose a color`})]}),(0,L.jsx)(`span`,{className:`size-7 shrink-0 rounded-full shadow-sm`,style:{backgroundColor:f}})]}),(0,L.jsxs)(`div`,{className:`grid gap-3 px-3 pb-3 pt-3`,children:[(0,L.jsx)(M,{label:e,value:a,onChange:y,onInteractionEnd:_}),(0,L.jsx)(P,{label:`${e} hue`,value:a.h,onChange:e=>y({...a,h:e}),onInteractionEnd:_}),(0,L.jsxs)(`div`,{className:`grid grid-cols-[1fr_1.2fr] gap-2`,children:[(0,L.jsxs)(`label`,{className:`grid min-w-0 gap-1`,children:[(0,L.jsx)(`span`,{className:`px-1 text-3xs font-semibold uppercase tracking-widest text-muted-foreground`,children:`HEX`}),(0,L.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,L.jsx)(`span`,{className:`size-3.5 shrink-0 rounded-full`,style:{backgroundColor:f}}),(0,L.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=>ee(e.currentTarget.value),onFocus:()=>{d.current=!0},spellCheck:!1,value:s})]})]}),(0,L.jsxs)(`label`,{className:`grid min-w-0 gap-1`,children:[(0,L.jsx)(`span`,{className:`px-1 text-3xs font-semibold uppercase tracking-widest text-muted-foreground`,children:`RGB`}),(0,L.jsx)(`span`,{className:`flex min-w-0 items-center rounded-lg border border-input bg-background px-2 focus-within:border-ring`,children:(0,L.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=>b(e.currentTarget.value),onFocus:()=>{d.current=!0},spellCheck:!1,value:l})})]})]})]})]})}function H(e){let t=(0,se.c)(13),{label:n,value:r,onChange:i,onInteract:a}=e,o=`Choose ${n} color`,s;t[0]===r?s=t[1]:(s=(0,L.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,L.jsx)(k,{render:(0,L.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,L.jsx)(O,{align:`end`,padding:`none`,"data-theme-editor-panel":``,side:`bottom`,sideOffset:10,children:(0,L.jsx)(V,{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,L.jsxs)(A,{children:[c,l]}),t[10]=c,t[11]=l,t[12]=u):u=t[12],u}var de=(0,I.memo)(function(e){let t=(0,se.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??R(n),t[0]=l,t[1]=n,t[2]=d):d=t[2];let f=d,p;t[3]===r?p=t[4]:(p=g(r),t[3]=r,t[4]=p);let m=p,h=m?r:`#000000`,_;t[5]===r?_=t[6]:(_=r.trim().toLowerCase().startsWith(`oklch(`)?v(r)??r:r,t[5]=r,t[6]=_);let y=_,ee=u&&`bg-accent/60 inset-ring inset-ring-ring`,b;t[7]===ee?b=t[8]:(b=c(`flex min-h-11 min-w-0 items-center gap-2 rounded-lg px-2 py-1.5 transition-[background-color,box-shadow]`,ee),t[7]=ee,t[8]=b);let te=`${u?`Hide`:`Show`} ${f} usage`,x;t[9]!==o||t[10]!==n?(x=()=>o?.(n),t[9]=o,t[10]=n,t[11]=x):x=t[11];let S;t[12]===f?S=t[13]:(S=(0,L.jsx)(`span`,{className:`min-w-0 flex-1 truncate`,children:f}),t[12]=f,t[13]=S);let C;t[14]!==u||t[15]!==te||t[16]!==x||t[17]!==S?(C=(0,L.jsx)(re,{render:(0,L.jsx)(`button`,{"aria-label":te,"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:x,type:`button`,children:S})}),t[14]=u,t[15]=te,t[16]=x,t[17]=S,t[18]=C):C=t[18];let ne=`${u?`Hide`:`Show`} where ${f} is used`,w;t[19]===ne?w=t[20]:(w=(0,L.jsx)(ie,{side:`top`,children:ne}),t[19]=ne,t[20]=w);let T;t[21]!==C||t[22]!==w?(T=(0,L.jsxs)(ae,{children:[C,w]}),t[21]=C,t[22]=w,t[23]=T):T=t[23];let E;t[24]!==i||t[25]!==n?(E=e=>i(n,e),t[24]=i,t[25]=n,t[26]=E):E=t[26];let D;t[27]!==a||t[28]!==n?(D=()=>a?.(n),t[27]=a,t[28]=n,t[29]=D):D=t[29];let O;t[30]!==f||t[31]!==h||t[32]!==E||t[33]!==D?(O=(0,L.jsx)(H,{label:f,onChange:E,onInteract:D,value:h}),t[30]=f,t[31]=h,t[32]=E,t[33]=D,t[34]=O):O=t[34];let k=!m,A=`${f} hex value`,j=`${n}-hex`,M;t[35]!==i||t[36]!==n?(M=e=>i(n,e.currentTarget.value),t[35]=i,t[36]=n,t[37]=M):M=t[37];let N,P;t[38]!==a||t[39]!==n?(N=()=>a?.(n),P=()=>a?.(n),t[38]=a,t[39]=n,t[40]=N,t[41]=P):(N=t[40],P=t[41]);let F;t[42]!==y||t[43]!==k||t[44]!==A||t[45]!==j||t[46]!==M||t[47]!==N||t[48]!==P?(F=(0,L.jsx)(oe,{"aria-invalid":k,"aria-label":A,className:`w-28 shrink-0`,font:`mono`,id:j,nativeInput:!0,onChange:M,onFocus:N,onPointerDown:P,size:`compact`,value:y}),t[42]=y,t[43]=k,t[44]=A,t[45]=j,t[46]=M,t[47]=N,t[48]=P,t[49]=F):F=t[49];let I;t[50]!==O||t[51]!==F?(I=(0,L.jsxs)(`div`,{className:`ml-auto flex shrink-0 items-center gap-2`,children:[O,F]}),t[50]=O,t[51]=F,t[52]=I):I=t[52];let z;return t[53]!==n||t[54]!==T||t[55]!==I||t[56]!==b?(z=(0,L.jsxs)(`div`,{className:b,"data-theme-color-role":n,children:[T,I]}),t[53]=n,t[54]=T,t[55]=I,t[56]=b,t[57]=z):z=t[57],z}),fe=[`background`,`border`,`foreground`],U=`data-theme-inspector-match`,pe=`data-theme-token-probe`,W=`#01fea7`,me=`#fe01a7`,G=`theme-inspector-spotlight`,K=`theme-inspector-spotlight-mask`,he=`theme-inspector-spotlight-glow`,q=`theme-inspector-hover`,J=`http://www.w3.org/2000/svg`,ge={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`},_e={background:[`bg-`],border:[`border-`,`outline-`,`ring-`],foreground:[`text-`,`caret-`,`fill-`,`stroke-`]};function ve(e){document.querySelectorAll(`[${e}]`).forEach(t=>t.removeAttribute(e))}function ye(){ve(U),document.getElementById(G)?.remove()}function be(){document.getElementById(q)?.remove()}function Y(e){return document.createElementNS(J,e)}function xe(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 Se(e,t){let n=xe(e.element);if(!n){be();return}let r=document.getElementById(q);if(!r){r=document.createElement(`div`),r.id=q,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 Ce(e){let t=new Map;for(let n of e){let e=xe(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(G)?.remove();return}let n=document.getElementById(G);n||(n=Y(`svg`),n.id=G,n.setAttribute(`aria-hidden`,`true`),n.setAttribute(`focusable`,`false`),document.body.append(n)),n.setAttribute(`viewBox`,`0 0 ${window.innerWidth} ${window.innerHeight}`);let r=Y(`defs`),i=Y(`mask`);i.id=K,i.setAttribute(`maskUnits`,`userSpaceOnUse`);let a=Y(`rect`);a.setAttribute(`width`,String(window.innerWidth)),a.setAttribute(`height`,String(window.innerHeight)),a.setAttribute(`fill`,`white`),i.append(a);let o=Y(`filter`);o.id=he,o.setAttribute(`x`,`-50%`),o.setAttribute(`y`,`-50%`),o.setAttribute(`width`,`200%`),o.setAttribute(`height`,`200%`);let s=Y(`feGaussianBlur`);s.setAttribute(`stdDeviation`,`5`),s.setAttribute(`result`,`blur`);let c=Y(`feMerge`),l=Y(`feMergeNode`);l.setAttribute(`in`,`blur`);let u=Y(`feMergeNode`);u.setAttribute(`in`,`SourceGraphic`),c.append(l,u),o.append(s,c),r.append(i,o);let d=Y(`g`);for(let e of t.values()){let t=Y(`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(#${he})`),d.append(n)}let f=Y(`rect`);f.setAttribute(`class`,`theme-inspector-spotlight-dimmer`),f.setAttribute(`width`,String(window.innerWidth)),f.setAttribute(`height`,String(window.innerHeight)),f.setAttribute(`mask`,`url(#${K})`),n.replaceChildren(r,f,d)}function we(){Ce([...document.querySelectorAll(`[${U}]`)])}function Te(e){return e.matches(`input, textarea, select, option`)?!0:Array.from(e.childNodes).some(e=>e.nodeType===Node.TEXT_NODE&&!!e.textContent?.trim())}function X(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||Te(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(`
+import{i as e}from"./rolldown-runtime-Dd_uD5pT.js";import{r as t}from"./Icon-l19w4AjM.js";import{BE as n,Bp as r,Jm as i,lr as a,mE as o,t as s,vp as c,wp as l}from"./utils-B0w8dSf5.js";import{f as u,l as d,m as f}from"./TooltipViewport-BkvH9Kzg.js";import{$ as p,D as m,H as h,T as g,U as _,V as v,W as y,g as ee,h as b,k as te,l as x,p as S,s as C,u as ne,v as w,x as T}from"./themePalette-DELPwUM7.js";import{a as re,n as ie,t as ae}from"./tooltip-CuJiZzK7.js";import{n as E,t as D}from"./toggle-group--s5MIuQv.js";import{t as oe}from"./input-CDBTiBJx.js";import{i as O,o as k,t as A}from"./popover-N-pn4OqA.js";import{i as j,n as M,r as N,t as P}from"./color-picker-D4_JMCD4.js";import{pa as F}from"./main-BgKiw-9f.js";var se=n(),I=e(t(),1),L=e(o(),1);function R(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 z(e){let t=v(e)??``,n=t.length===9?t.slice(7):``;return n===`ff`?``:n}function ce(e){return(v(e)??`#000000`).slice(0,7)}function le(e){let t=Number.parseInt(ce(e).slice(1),16);return[t>>16,t>>8&255,t&255]}function ue(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 B(e){return le(e).join(`, `)}function V({label:e,value:t,onChange:n}){let r=ce(t),i=z(t),[a,o]=(0,I.useState)(()=>N(r)),[s,c]=(0,I.useState)(r),[l,u]=(0,I.useState)(()=>B(r)),d=(0,I.useRef)(!1),f=j(a.h,a.s,a.v),p=B(f);(0,I.useEffect)(()=>{d.current||(c(r),u(B(r))),o(e=>j(e.h,e.s,e.v)===r?e:N(r))},[r]);let m=(0,I.useRef)(n);m.current=n;let h=(0,I.useRef)(null),g=(0,I.useRef)(null),_=(0,I.useCallback)(()=>{g.current!==null&&(cancelAnimationFrame(g.current),g.current=null);let e=h.current;h.current=null,e!==null&&m.current(e)},[]);(0,I.useEffect)(()=>()=>_(),[_]);let v=(0,I.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,I.useCallback)(e=>{o(e);let t=j(e.h,e.s,e.v);c(t),u(B(t)),v(t+i)},[i,v]),ee=e=>{if(c(e),!/^#[0-9a-f]{6}$/i.test(e))return;let t=N(e);o(t),u(B(e)),n(e.toLowerCase())},b=e=>{u(e);let t=ue(e);t&&(o(N(t)),c(t),n(t+i))};return(0,L.jsxs)(`div`,{className:`w-72 bg-popover`,children:[(0,L.jsxs)(`div`,{className:`flex items-center justify-between border-b border-border/70 px-4 py-3`,children:[(0,L.jsxs)(`div`,{className:`min-w-0`,children:[(0,L.jsx)(`p`,{className:`truncate text-xs font-semibold text-foreground`,children:e}),(0,L.jsx)(`p`,{className:`text-2xs text-muted-foreground`,children:`Choose a color`})]}),(0,L.jsx)(`span`,{className:`size-7 shrink-0 rounded-full shadow-sm`,style:{backgroundColor:f}})]}),(0,L.jsxs)(`div`,{className:`grid gap-3 px-3 pb-3 pt-3`,children:[(0,L.jsx)(M,{label:e,value:a,onChange:y,onInteractionEnd:_}),(0,L.jsx)(P,{label:`${e} hue`,value:a.h,onChange:e=>y({...a,h:e}),onInteractionEnd:_}),(0,L.jsxs)(`div`,{className:`grid grid-cols-[1fr_1.2fr] gap-2`,children:[(0,L.jsxs)(`label`,{className:`grid min-w-0 gap-1`,children:[(0,L.jsx)(`span`,{className:`px-1 text-3xs font-semibold uppercase tracking-widest text-muted-foreground`,children:`HEX`}),(0,L.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,L.jsx)(`span`,{className:`size-3.5 shrink-0 rounded-full`,style:{backgroundColor:f}}),(0,L.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=>ee(e.currentTarget.value),onFocus:()=>{d.current=!0},spellCheck:!1,value:s})]})]}),(0,L.jsxs)(`label`,{className:`grid min-w-0 gap-1`,children:[(0,L.jsx)(`span`,{className:`px-1 text-3xs font-semibold uppercase tracking-widest text-muted-foreground`,children:`RGB`}),(0,L.jsx)(`span`,{className:`flex min-w-0 items-center rounded-lg border border-input bg-background px-2 focus-within:border-ring`,children:(0,L.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=>b(e.currentTarget.value),onFocus:()=>{d.current=!0},spellCheck:!1,value:l})})]})]})]})]})}function H(e){let t=(0,se.c)(13),{label:n,value:r,onChange:i,onInteract:a}=e,o=`Choose ${n} color`,s;t[0]===r?s=t[1]:(s=(0,L.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,L.jsx)(k,{render:(0,L.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,L.jsx)(O,{align:`end`,padding:`none`,"data-theme-editor-panel":``,side:`bottom`,sideOffset:10,children:(0,L.jsx)(V,{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,L.jsxs)(A,{children:[c,l]}),t[10]=c,t[11]=l,t[12]=u):u=t[12],u}var de=(0,I.memo)(function(e){let t=(0,se.c)(58),{role:n,value:r,onChange:i,onSelect:a,onToggleSelected:o,selected:c,label:l}=e,u=c!==void 0&&c,d;t[0]!==l||t[1]!==n?(d=l??R(n),t[0]=l,t[1]=n,t[2]=d):d=t[2];let f=d,p;t[3]===r?p=t[4]:(p=g(r),t[3]=r,t[4]=p);let m=p,h=m?r:`#000000`,_;t[5]===r?_=t[6]:(_=r.trim().toLowerCase().startsWith(`oklch(`)?v(r)??r:r,t[5]=r,t[6]=_);let y=_,ee=u&&`bg-accent/60 inset-ring inset-ring-ring`,b;t[7]===ee?b=t[8]:(b=s(`flex min-h-11 min-w-0 items-center gap-2 rounded-lg px-2 py-1.5 transition-[background-color,box-shadow]`,ee),t[7]=ee,t[8]=b);let te=`${u?`Hide`:`Show`} ${f} usage`,x;t[9]!==o||t[10]!==n?(x=()=>o?.(n),t[9]=o,t[10]=n,t[11]=x):x=t[11];let S;t[12]===f?S=t[13]:(S=(0,L.jsx)(`span`,{className:`min-w-0 flex-1 truncate`,children:f}),t[12]=f,t[13]=S);let C;t[14]!==u||t[15]!==te||t[16]!==x||t[17]!==S?(C=(0,L.jsx)(re,{render:(0,L.jsx)(`button`,{"aria-label":te,"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:x,type:`button`,children:S})}),t[14]=u,t[15]=te,t[16]=x,t[17]=S,t[18]=C):C=t[18];let ne=`${u?`Hide`:`Show`} where ${f} is used`,w;t[19]===ne?w=t[20]:(w=(0,L.jsx)(ie,{side:`top`,children:ne}),t[19]=ne,t[20]=w);let T;t[21]!==C||t[22]!==w?(T=(0,L.jsxs)(ae,{children:[C,w]}),t[21]=C,t[22]=w,t[23]=T):T=t[23];let E;t[24]!==i||t[25]!==n?(E=e=>i(n,e),t[24]=i,t[25]=n,t[26]=E):E=t[26];let D;t[27]!==a||t[28]!==n?(D=()=>a?.(n),t[27]=a,t[28]=n,t[29]=D):D=t[29];let O;t[30]!==f||t[31]!==h||t[32]!==E||t[33]!==D?(O=(0,L.jsx)(H,{label:f,onChange:E,onInteract:D,value:h}),t[30]=f,t[31]=h,t[32]=E,t[33]=D,t[34]=O):O=t[34];let k=!m,A=`${f} hex value`,j=`${n}-hex`,M;t[35]!==i||t[36]!==n?(M=e=>i(n,e.currentTarget.value),t[35]=i,t[36]=n,t[37]=M):M=t[37];let N,P;t[38]!==a||t[39]!==n?(N=()=>a?.(n),P=()=>a?.(n),t[38]=a,t[39]=n,t[40]=N,t[41]=P):(N=t[40],P=t[41]);let F;t[42]!==y||t[43]!==k||t[44]!==A||t[45]!==j||t[46]!==M||t[47]!==N||t[48]!==P?(F=(0,L.jsx)(oe,{"aria-invalid":k,"aria-label":A,className:`w-28 shrink-0`,font:`mono`,id:j,nativeInput:!0,onChange:M,onFocus:N,onPointerDown:P,size:`compact`,value:y}),t[42]=y,t[43]=k,t[44]=A,t[45]=j,t[46]=M,t[47]=N,t[48]=P,t[49]=F):F=t[49];let I;t[50]!==O||t[51]!==F?(I=(0,L.jsxs)(`div`,{className:`ml-auto flex shrink-0 items-center gap-2`,children:[O,F]}),t[50]=O,t[51]=F,t[52]=I):I=t[52];let z;return t[53]!==n||t[54]!==T||t[55]!==I||t[56]!==b?(z=(0,L.jsxs)(`div`,{className:b,"data-theme-color-role":n,children:[T,I]}),t[53]=n,t[54]=T,t[55]=I,t[56]=b,t[57]=z):z=t[57],z}),fe=[`background`,`border`,`foreground`],U=`data-theme-inspector-match`,pe=`data-theme-token-probe`,W=`#01fea7`,me=`#fe01a7`,G=`theme-inspector-spotlight`,K=`theme-inspector-spotlight-mask`,he=`theme-inspector-spotlight-glow`,q=`theme-inspector-hover`,J=`http://www.w3.org/2000/svg`,ge={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`},_e={background:[`bg-`],border:[`border-`,`outline-`,`ring-`],foreground:[`text-`,`caret-`,`fill-`,`stroke-`]};function ve(e){document.querySelectorAll(`[${e}]`).forEach(t=>t.removeAttribute(e))}function ye(){ve(U),document.getElementById(G)?.remove()}function be(){document.getElementById(q)?.remove()}function Y(e){return document.createElementNS(J,e)}function xe(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 Se(e,t){let n=xe(e.element);if(!n){be();return}let r=document.getElementById(q);if(!r){r=document.createElement(`div`),r.id=q,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 Ce(e){let t=new Map;for(let n of e){let e=xe(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(G)?.remove();return}let n=document.getElementById(G);n||(n=Y(`svg`),n.id=G,n.setAttribute(`aria-hidden`,`true`),n.setAttribute(`focusable`,`false`),document.body.append(n)),n.setAttribute(`viewBox`,`0 0 ${window.innerWidth} ${window.innerHeight}`);let r=Y(`defs`),i=Y(`mask`);i.id=K,i.setAttribute(`maskUnits`,`userSpaceOnUse`);let a=Y(`rect`);a.setAttribute(`width`,String(window.innerWidth)),a.setAttribute(`height`,String(window.innerHeight)),a.setAttribute(`fill`,`white`),i.append(a);let o=Y(`filter`);o.id=he,o.setAttribute(`x`,`-50%`),o.setAttribute(`y`,`-50%`),o.setAttribute(`width`,`200%`),o.setAttribute(`height`,`200%`);let s=Y(`feGaussianBlur`);s.setAttribute(`stdDeviation`,`5`),s.setAttribute(`result`,`blur`);let c=Y(`feMerge`),l=Y(`feMergeNode`);l.setAttribute(`in`,`blur`);let u=Y(`feMergeNode`);u.setAttribute(`in`,`SourceGraphic`),c.append(l,u),o.append(s,c),r.append(i,o);let d=Y(`g`);for(let e of t.values()){let t=Y(`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(#${he})`),d.append(n)}let f=Y(`rect`);f.setAttribute(`class`,`theme-inspector-spotlight-dimmer`),f.setAttribute(`width`,String(window.innerWidth)),f.setAttribute(`height`,String(window.innerHeight)),f.setAttribute(`mask`,`url(#${K})`),n.replaceChildren(r,f,d)}function we(){Ce([...document.querySelectorAll(`[${U}]`)])}function Te(e){return e.matches(`input, textarea, select, option`)?!0:Array.from(e.childNodes).some(e=>e.nodeType===Node.TEXT_NODE&&!!e.textContent?.trim())}function X(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||Te(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 Ee(e,t){return fe.filter(n=>e[n]!==t[n])}function De(e){let t=document.documentElement,n=t.hasAttribute(pe);n||t.setAttribute(pe,``);try{return e()}finally{window.getComputedStyle(t).color,n||t.removeAttribute(pe)}}function Oe(e){let t=document.documentElement,n=b(e),r=t.style.getPropertyValue(n),i=t.style.getPropertyPriority(n),a=r.trim().toLowerCase()===W?me:W;return t.style.setProperty(n,a,`important`),()=>{r?t.style.setProperty(n,r,i):t.style.removeProperty(n)}}function Z(e){let t=e.map(Oe);return()=>{for(let e of t.toReversed())e()}}function ke(){return[document.body,...document.body.querySelectorAll(`*`)].filter(e=>!e.closest(`[data-theme-editor-panel]`)&&!e.closest(`#${G}, #${q}`))}function Ae(e,t){if(e.includes(`:`))return null;for(let n of _e[t])if(e.startsWith(n))return ge[e.slice(n.length).split(`/`,1)[0]??``]??null;return null}function je(e){for(let t of fe)for(let n of e.classList){let e=Ae(n,t);if(e)return e}return null}function Me(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 Ne(e){if(e.closest(`[data-theme-editor-panel]`))return null;for(let t of Me(e)){let e=je(t);if(e)return{element:t,role:e}}return null}function Pe(e){performance.now(),ve(U);let t=ke(),n=performance.now(),r=De(()=>{let n=new Map;for(let e of t){let t=X(e);t&&n.set(e,t)}let r=Z(e),i=new Set;try{for(let[e,t]of n){let n=X(e);n&&Ee(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(U,``);return Ce([...i]),i.size}function Fe(e){if(e.closest(`[data-theme-editor-panel]`))return null;let t=Me(e),n=Ne(e);if(n)return n;let r=De(()=>{let e=new Map,n=new Map;for(let n of t){let t=X(n,{forHitTest:!0});t&&e.set(n,t)}for(let t of p){let r=Oe(t);try{for(let[r,i]of e){let e=X(r,{forHitTest:!0});if(!e)continue;let a=n.get(r)??{};for(let n of Ee(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 fe){let r=t[n];if(r)return{element:e,role:r}}}return null}var Q=[`canvas`,`accent`],Ie=[{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`]}]}],Le=Ie.flatMap(e=>e.families),Re=new Map(Le.flatMap(e=>e.roles.map(t=>[t,e])));function ze(e){return Re.get(e)??null}function $(e){return{...S(e)}}function Be(){return{light:$(`light`),dark:$(`dark`)}}function Ve(e){return g(e.trim())}function He(e,t){let n=S(e);return x(e,Ve(t.canvas)?t.canvas:n.canvas,Ve(t.accent)?t.accent:n.accent)}function Ue({open:e,onOpenChange:t,onSaved:i,editingTheme:s,initialAppearance:g,seedTheme:v,seedName:b,restoreTheme:x}){let S=s!==null,[O,k]=(0,I.useState)(``),[A,j]=(0,I.useState)(g),[M,N]=(0,I.useState)(!1),[P,se]=(0,I.useState)(()=>Be()),[z,ce]=(0,I.useState)({light:!1,dark:!1}),[le,ue]=(0,I.useState)(!1),[B,V]=(0,I.useState)(null),[H,fe]=(0,I.useState)(!1),[U,pe]=(0,I.useState)(``),[W,me]=(0,I.useState)(!1),[G,K]=(0,I.useState)(null),[he,q]=(0,I.useState)(null),[J,ge]=(0,I.useState)(null),[_e,ve]=(0,I.useState)(null),Y=(0,I.useRef)(null),xe=(0,I.useRef)(null),Ce=(0,I.useRef)(null);(0,I.useEffect)(()=>{if(!e)return;let t=()=>{let e,t;ve(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})),ge(n=>{if(!n)return n;let r=et(n.x,n.y,e),i=H?Y.current?.offsetHeight??0:t??Y.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)},[H,e]);let[Te,X]=(0,I.useState)(!1),Ee=(0,I.useRef)(!1);(0,I.useEffect)(()=>{if(e&&!Ee.current){let e=s??v??null,t=Be(),n=e?ee(e,g)?g:e.appearance:g;if(e){t[e.appearance]={...e.colors};for(let n of[`light`,`dark`]){let r=e.variants?.[n];r&&(t[n]={...r})}}k(s?.label??b??``),j(n),N(e!==null&&e.managed!==!0),ce({light:!1,dark:!1}),ue(e!==null&&e.managed!==!0),se(t),K(null),q(null),me(!1),V(null),X(!0)}!e&&Te&&X(!1),Ee.current=e},[s,g,Te,e,b,v]);let De=h(O),Oe=O.trim().toLowerCase(),Z=Oe===``?null:ne().find(e=>e.id!==s?.id&&(e.id===De||e.label.trim().toLowerCase()===Oe))??null,ke=Z?w(Z):[],Ae=s?w(s):null,je=e=>Ae&&!Ae.includes(e)?`“${s?.label}” has no ${e} palette. Create a theme with the same name to add one.`:!S&&ke.includes(e)?`“${Z?.label}” already has a ${e} palette.`:null,Me=Z?.id??null,Le=ke.join(`,`);(0,I.useEffect)(()=>{if(S||Me===null)return;let e=Le.split(`,`).filter(Boolean);e.length===1&&j(t=>e.includes(t)?e[0]===`light`?`dark`:`light`:t)},[S,Me,Le]),(0,I.useEffect)(()=>{e&&Te&&C(P[A],A)},[A,P,Te,e]),(0,I.useEffect)(()=>{if(e)return()=>{x()}},[e,x]);let Re=(0,I.useCallback)((e,t)=>{se(n=>{let r={...n[A],[e]:t},i=!M&&Q.includes(e)&&Ve(t);return{...n,[A]:M?y(A,n[A],e,t):i?He(A,r):r}}),!M&&Q.includes(e)&&Ve(t)&&ce(e=>({...e,[A]:!0})),M&&ue(!0)},[A,M]),$=(0,I.useCallback)((e,t=!1)=>{let n=ze(e)?.role??e;K(n),Q.includes(n)||(N(!0),pe(``)),t&&requestAnimationFrame(()=>{Y.current?.querySelector(`[data-theme-color-role="${n}"]`)?.scrollIntoView({behavior:`smooth`,block:`nearest`})})},[]),Ue=(0,I.useCallback)(e=>{K(t=>t===e?null:e)},[]),We=(0,I.useCallback)(()=>{K(null),q(null),me(!1)},[]),Ge=(G?M?ze(G)?.roles??[G]:Q.includes(G)?p.filter(e=>P[A][e].trim().toLowerCase()===P[A][G].trim().toLowerCase()):[G]:[]).join(`,`);(0,I.useEffect)(()=>{if(ye(),!e||G===null){q(null);return}if(W)return;let t=Ge.split(`,`),n=()=>q(Pe(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,we()})};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),ye()}},[W,e,Ge,G]),(0,I.useEffect)(()=>{if(!e||!W){be();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,be()},c=e=>{r=e,Se(e,ze(e.role)?.label??R(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=Ne(t);if(a){c(a);return}be(),i=window.setTimeout(()=>{if(i=null,n!==t||!t.isConnected)return;let e=Fe(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:Fe(i);a&&(s(),$(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&&me(!1),t=!1)},p=e=>{e.key===`Escape`&&(e.preventDefault(),s(),We())},m=()=>{r&&(a??=requestAnimationFrame(()=>{a=null,r&&Se(r,ze(r.role)?.label??R(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),be()}},[We,W,e,$]);let Ke=(0,I.useCallback)(e=>{if(N(e),e||(G&&!Q.includes(G)&&K(null),!le))return;let t=s&&w(s).length>1?[`light`,`dark`]:[A];ce(e=>{let n={...e};for(let e of t)n[e]=!0;return n}),se(e=>{let n={...e};for(let r of t)n[r]=He(r,e[r]);return n}),ue(!1)},[A,s,G,le]),qe=()=>{if(!O.trim()){V(`Name your theme first.`);return}try{let e=M?P:{light:z.light?He(`light`,P.light):P.light,dark:z.dark?He(`dark`,P.dark):P.dark},n,r=null,a=null;if(s&&Z){let t=w(s),i=t.find(e=>ke.includes(e));if(i){V(`“${Z.label}” already has a ${i} palette. Pick another name.`);return}r=t[0]??null,n=_({...m({version:1,id:Z.id,name:Z.label,appearance:Z.appearance,colors:Z.colors,variants:{...Z.variants,...Object.fromEntries(t.map(t=>[t,e[t]]))},...Z.managed===!0&&!M?{managed:!0}:{}}),...Z.collection?{collection:Z.collection}:{}}),a=s;try{te(s.id)}catch(e){try{_(Z)}catch{}throw e}}else if(s){let t=s.appearance,r=t===`light`?`dark`:`light`;n=_({...m({version:1,id:s.id,name:O,appearance:t,colors:e[t],...w(s).length>1?{variants:{[r]:e[r]}}:{},...M?{}:{managed:!0}}),...s.collection?{collection:s.collection}:{}})}else if(Z){if(ke.includes(A)){V(`“${Z.label}” already has light and dark palettes. Pick another name.`);return}r=A,n=_({...m({version:1,id:Z.id,name:Z.label,appearance:Z.appearance,colors:Z.colors,variants:{...Z.variants,[A]:e[A]},...Z.managed===!0&&!M?{managed:!0}:{}}),...Z.collection?{collection:Z.collection}:{}})}else n=T(m({version:1,name:O,appearance:A,colors:e[A],...M?{}:{managed:!0}}));if(!i(n,{created:s===null&&r===null,...r?{mergedAppearance:r}:{}})){if(!s&&r===null)try{te(n.id)}catch{}else if(Z&&r!==null)try{_(Z),a&&T(a)}catch{}V(`Theme saved, but it could not be made active. Try again.`);return}t(!1)}catch(e){V(e instanceof Error?e.message:S?`Could not save the theme.`:`Could not create the theme.`)}},Je=()=>(0,L.jsxs)(`label`,{className:`grid grid-cols-[minmax(0,1fr)_minmax(0,2fr)] items-center gap-3`,children:[(0,L.jsx)(`span`,{className:`text-sm font-medium`,children:`Theme name`}),(0,L.jsx)(oe,{autoFocus:!0,size:`sm`,onChange:e=>{k(e.currentTarget.value),V(null)},placeholder:S?`Theme name`:`e.g. Aurora`,value:O})]}),Ye=e=>{let t=je(e),n=(0,L.jsx)(D,{"aria-disabled":t!==null,value:e,children:e===`light`?`Light`:`Dark`});return t===null?n:(0,L.jsxs)(ae,{children:[(0,L.jsx)(re,{render:n}),(0,L.jsx)(ie,{children:t})]})},Xe=()=>(0,L.jsxs)(`div`,{className:`grid grid-cols-[minmax(0,1fr)_minmax(0,2fr)] items-center gap-3`,children:[(0,L.jsx)(`span`,{className:`text-sm font-medium`,children:`Appearance`}),(0,L.jsxs)(E,{"aria-label":`Theme appearance`,variant:`segmented`,value:[A],onValueChange:e=>{let t=e[0];(t===`light`||t===`dark`)&&je(t)===null&&j(t)},children:[Ye(`light`),Ye(`dark`)]})]}),Ze=()=>(0,L.jsxs)(`div`,{className:`grid grid-cols-[minmax(0,1fr)_minmax(0,2fr)] items-start gap-3`,children:[(0,L.jsxs)(`div`,{children:[(0,L.jsx)(`h3`,{className:`text-sm font-medium`,children:`Colors`}),M?null:(0,L.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:`Two colors, rest derived`})]}),(0,L.jsxs)(`div`,{className:`flex min-w-0 items-start gap-3`,children:[M?(0,L.jsx)(oe,{"aria-label":`Filter colors`,className:`min-w-0 flex-1`,onChange:e=>pe(e.currentTarget.value),placeholder:`Filter colors`,size:`sm`,value:U}):null,(0,L.jsxs)(`label`,{className:`ml-auto flex shrink-0 cursor-pointer items-center gap-2 pt-0.5 text-sm font-medium`,children:[(0,L.jsx)(`span`,{children:`Advanced`}),(0,L.jsx)(F,{"aria-label":`Use advanced theme colors`,checked:M,onCheckedChange:e=>Ke(!!e)})]})]})]}),Qe=(e,t=`grid gap-2 sm:grid-cols-2`)=>(0,L.jsx)(`div`,{className:t,children:e.map(e=>(0,L.jsx)(de,{label:e.label,onChange:Re,onSelect:$,onToggleSelected:Ue,role:e.role,selected:G===e.role,value:P[A][e.role]},e.id))}),$e=()=>{let e=U.trim().toLowerCase(),t=Ie.map(t=>({...t,families:t.families.filter(t=>!e||[t.label,...t.roles.map(e=>R(e))].join(` `).toLowerCase().includes(e))})).filter(e=>e.families.length>0);return M?(0,L.jsxs)(`div`,{className:`space-y-5`,children:[t.map(e=>(0,L.jsxs)(`section`,{className:`space-y-2`,children:[(0,L.jsx)(`h4`,{className:`text-sm font-medium text-foreground`,children:e.title}),Qe(e.families,`grid gap-1`)]},e.id)),t.length===0?(0,L.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:`No matches.`}):null]}):(0,L.jsx)(`div`,{className:`grid gap-1`,children:Q.map(e=>(0,L.jsx)(de,{onChange:Re,onSelect:$,onToggleSelected:Ue,role:e,label:e===`canvas`?`Background`:`Accent`,selected:G===e,value:P[A][e]},e))})},et=(e,t,n)=>{let r=Y.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=Y.current?.getBoundingClientRect();t&&(xe.current={dx:e.clientX-t.x,dy:e.clientY-t.y},e.currentTarget.setPointerCapture(e.pointerId))},nt=e=>{let t=xe.current;t&&ge(et(e.clientX-t.dx,e.clientY-t.dy))},rt=()=>{xe.current=null},it=e=>{let t=Y.current?.getBoundingClientRect();t&&(e.preventDefault(),J===null&&ge(et(t.x,t.y)),Ce.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=Ce.current;if(!t)return;let n=Math.max(280,window.innerWidth-8-t.left),r=Math.max(220,window.innerHeight-8-t.top);ve({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=()=>{Ce.current=null};return(0,L.jsxs)(`div`,{"aria-label":S?`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`,J===null&&`bottom-4 right-4`,H&&`max-h-none`),"data-theme-editor-panel":!0,ref:Y,role:`dialog`,style:{...J?{left:J.x,top:J.y}:{},..._e?{width:_e.width}:{},..._e&&!H?{height:_e.height,maxHeight:`calc(100dvh - 1rem)`}:{}},children:[(0,L.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,L.jsxs)(`div`,{className:`flex min-w-0 flex-1 items-baseline gap-2`,children:[(0,L.jsx)(`h2`,{className:`shrink-0 truncate text-sm font-medium`,children:S?`Edit theme`:`Create theme`}),H?null:(0,L.jsx)(`p`,{className:`truncate text-xs text-muted-foreground`,children:W?`Select an element · Esc to cancel`:G?`${M?ze(G)?.label??R(G):R(G)} · ${he??0} ${he===1?`use`:`uses`}`:`Select a color below`})]}),(0,L.jsxs)(ae,{children:[(0,L.jsx)(re,{render:(0,L.jsxs)(o,{"aria-label":W?`Cancel inspecting app colors`:`Inspect app colors`,"aria-pressed":W,size:`xs`,variant:W?`secondary`:`ghost`,onClick:()=>{if(W){We();return}me(!0)},children:[(0,L.jsx)(a,{}),W?`Cancel`:`Inspect`]})}),(0,L.jsx)(ie,{"data-theme-editor-panel":``,children:W?`Cancel and clear the selection`:`Pick a color from the app`})]}),(0,L.jsx)(o,{"aria-label":H?`Expand the theme editor`:`Minimize the theme editor`,size:`icon-xs`,variant:`ghost`,onClick:()=>fe(!H),children:(0,L.jsx)(d,{icon:H?f:u})}),(0,L.jsx)(o,{"aria-label":`Close the theme editor`,size:`icon-xs`,variant:`ghost`,onClick:()=>t(!1),children:(0,L.jsx)(r,{})})]}),H?null:(0,L.jsxs)(L.Fragment,{children:[(0,L.jsxs)(`div`,{className:`min-h-0 flex-1 space-y-3 overflow-y-auto py-3 pl-3 pr-1.5`,children:[Je(),B?(0,L.jsx)(`p`,{"aria-live":`polite`,className:`text-sm text-destructive`,children:B}):null,Xe(),(0,L.jsxs)(`div`,{className:`space-y-3`,children:[Ze(),$e()]})]}),(0,L.jsxs)(`div`,{className:`flex items-center justify-end gap-2 border-t border-border/70 px-3 py-2`,children:[(0,L.jsx)(o,{size:`sm`,variant:`ghost`,onClick:()=>t(!1),children:`Cancel`}),(0,L.jsx)(o,{disabled:!O.trim(),size:`sm`,onClick:qe,children:S?Z?`Merge into “${Z.label}”`:`Save changes`:Z?(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(l,{}),`Add ${A} palette`]}):(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(n,{}),`Create theme`]})})]}),(0,L.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,L.jsx)(`svg`,{className:`size-2.5`,fill:`none`,stroke:`currentColor`,strokeLinecap:`round`,strokeWidth:`1.2`,viewBox:`0 0 8 8`,children:(0,L.jsx)(`path`,{d:`M7 1 1 7M7 4.5 4.5 7`})})})]})]})}export{Ue as ThemeEditorPanel};
-//# sourceMappingURL=ThemeEditorPanel-ePX4nwaV.js.map
+`)}}function Ee(e,t){return fe.filter(n=>e[n]!==t[n])}function De(e){let t=document.documentElement,n=t.hasAttribute(pe);n||t.setAttribute(pe,``);try{return e()}finally{window.getComputedStyle(t).color,n||t.removeAttribute(pe)}}function Oe(e){let t=document.documentElement,n=b(e),r=t.style.getPropertyValue(n),i=t.style.getPropertyPriority(n),a=r.trim().toLowerCase()===W?me:W;return t.style.setProperty(n,a,`important`),()=>{r?t.style.setProperty(n,r,i):t.style.removeProperty(n)}}function Z(e){let t=e.map(Oe);return()=>{for(let e of t.toReversed())e()}}function ke(){return[document.body,...document.body.querySelectorAll(`*`)].filter(e=>!e.closest(`[data-theme-editor-panel]`)&&!e.closest(`#${G}, #${q}`))}function Ae(e,t){if(e.includes(`:`))return null;for(let n of _e[t])if(e.startsWith(n))return ge[e.slice(n.length).split(`/`,1)[0]??``]??null;return null}function je(e){for(let t of fe)for(let n of e.classList){let e=Ae(n,t);if(e)return e}return null}function Me(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 Ne(e){if(e.closest(`[data-theme-editor-panel]`))return null;for(let t of Me(e)){let e=je(t);if(e)return{element:t,role:e}}return null}function Pe(e){performance.now(),ve(U);let t=ke(),n=performance.now(),r=De(()=>{let n=new Map;for(let e of t){let t=X(e);t&&n.set(e,t)}let r=Z(e),i=new Set;try{for(let[e,t]of n){let n=X(e);n&&Ee(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(U,``);return Ce([...i]),i.size}function Fe(e){if(e.closest(`[data-theme-editor-panel]`))return null;let t=Me(e),n=Ne(e);if(n)return n;let r=De(()=>{let e=new Map,n=new Map;for(let n of t){let t=X(n,{forHitTest:!0});t&&e.set(n,t)}for(let t of p){let r=Oe(t);try{for(let[r,i]of e){let e=X(r,{forHitTest:!0});if(!e)continue;let a=n.get(r)??{};for(let n of Ee(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 fe){let r=t[n];if(r)return{element:e,role:r}}}return null}var Q=[`canvas`,`accent`],Ie=[{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`]}]}],Le=Ie.flatMap(e=>e.families),Re=new Map(Le.flatMap(e=>e.roles.map(t=>[t,e])));function ze(e){return Re.get(e)??null}function $(e){return{...S(e)}}function Be(){return{light:$(`light`),dark:$(`dark`)}}function Ve(e){return g(e.trim())}function He(e,t){let n=S(e);return x(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:g,seedTheme:v,seedName:b,restoreTheme:x}){let S=o!==null,[O,k]=(0,I.useState)(``),[A,j]=(0,I.useState)(g),[M,N]=(0,I.useState)(!1),[P,se]=(0,I.useState)(()=>Be()),[z,ce]=(0,I.useState)({light:!1,dark:!1}),[le,ue]=(0,I.useState)(!1),[B,V]=(0,I.useState)(null),[H,fe]=(0,I.useState)(!1),[U,pe]=(0,I.useState)(``),[W,me]=(0,I.useState)(!1),[G,K]=(0,I.useState)(null),[he,q]=(0,I.useState)(null),[J,ge]=(0,I.useState)(null),[_e,ve]=(0,I.useState)(null),Y=(0,I.useRef)(null),xe=(0,I.useRef)(null),Ce=(0,I.useRef)(null);(0,I.useEffect)(()=>{if(!e)return;let t=()=>{let e,t;ve(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})),ge(n=>{if(!n)return n;let r=et(n.x,n.y,e),i=H?Y.current?.offsetHeight??0:t??Y.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)},[H,e]);let[Te,X]=(0,I.useState)(!1),Ee=(0,I.useRef)(!1);(0,I.useEffect)(()=>{if(e&&!Ee.current){let e=o??v??null,t=Be(),n=e?ee(e,g)?g:e.appearance:g;if(e){t[e.appearance]={...e.colors};for(let n of[`light`,`dark`]){let r=e.variants?.[n];r&&(t[n]={...r})}}k(o?.label??b??``),j(n),N(e!==null&&e.managed!==!0),ce({light:!1,dark:!1}),ue(e!==null&&e.managed!==!0),se(t),K(null),q(null),me(!1),V(null),X(!0)}!e&&Te&&X(!1),Ee.current=e},[o,g,Te,e,b,v]);let De=h(O),Oe=O.trim().toLowerCase(),Z=Oe===``?null:ne().find(e=>e.id!==o?.id&&(e.id===De||e.label.trim().toLowerCase()===Oe))??null,ke=Z?w(Z):[],Ae=o?w(o):null,je=e=>Ae&&!Ae.includes(e)?`“${o?.label}” has no ${e} palette. Create a theme with the same name to add one.`:!S&&ke.includes(e)?`“${Z?.label}” already has a ${e} palette.`:null,Me=Z?.id??null,Le=ke.join(`,`);(0,I.useEffect)(()=>{if(S||Me===null)return;let e=Le.split(`,`).filter(Boolean);e.length===1&&j(t=>e.includes(t)?e[0]===`light`?`dark`:`light`:t)},[S,Me,Le]),(0,I.useEffect)(()=>{e&&Te&&C(P[A],A)},[A,P,Te,e]),(0,I.useEffect)(()=>{if(e)return()=>{x()}},[e,x]);let Re=(0,I.useCallback)((e,t)=>{se(n=>{let r={...n[A],[e]:t},i=!M&&Q.includes(e)&&Ve(t);return{...n,[A]:M?y(A,n[A],e,t):i?He(A,r):r}}),!M&&Q.includes(e)&&Ve(t)&&ce(e=>({...e,[A]:!0})),M&&ue(!0)},[A,M]),$=(0,I.useCallback)((e,t=!1)=>{let n=ze(e)?.role??e;K(n),Q.includes(n)||(N(!0),pe(``)),t&&requestAnimationFrame(()=>{Y.current?.querySelector(`[data-theme-color-role="${n}"]`)?.scrollIntoView({behavior:`smooth`,block:`nearest`})})},[]),Ue=(0,I.useCallback)(e=>{K(t=>t===e?null:e)},[]),We=(0,I.useCallback)(()=>{K(null),q(null),me(!1)},[]),Ge=(G?M?ze(G)?.roles??[G]:Q.includes(G)?p.filter(e=>P[A][e].trim().toLowerCase()===P[A][G].trim().toLowerCase()):[G]:[]).join(`,`);(0,I.useEffect)(()=>{if(ye(),!e||G===null){q(null);return}if(W)return;let t=Ge.split(`,`),n=()=>q(Pe(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,we()})};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),ye()}},[W,e,Ge,G]),(0,I.useEffect)(()=>{if(!e||!W){be();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,be()},c=e=>{r=e,Se(e,ze(e.role)?.label??R(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=Ne(t);if(a){c(a);return}be(),i=window.setTimeout(()=>{if(i=null,n!==t||!t.isConnected)return;let e=Fe(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:Fe(i);a&&(s(),$(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&&me(!1),t=!1)},p=e=>{e.key===`Escape`&&(e.preventDefault(),s(),We())},m=()=>{r&&(a??=requestAnimationFrame(()=>{a=null,r&&Se(r,ze(r.role)?.label??R(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),be()}},[We,W,e,$]);let Ke=(0,I.useCallback)(e=>{if(N(e),e||(G&&!Q.includes(G)&&K(null),!le))return;let t=o&&w(o).length>1?[`light`,`dark`]:[A];ce(e=>{let n={...e};for(let e of t)n[e]=!0;return n}),se(e=>{let n={...e};for(let r of t)n[r]=He(r,e[r]);return n}),ue(!1)},[A,o,G,le]),qe=()=>{if(!O.trim()){V(`Name your theme first.`);return}try{let e=M?P:{light:z.light?He(`light`,P.light):P.light,dark:z.dark?He(`dark`,P.dark):P.dark},r,i=null,a=null;if(o&&Z){let t=w(o),n=t.find(e=>ke.includes(e));if(n){V(`“${Z.label}” already has a ${n} palette. Pick another name.`);return}i=t[0]??null,r=_({...m({version:1,id:Z.id,name:Z.label,appearance:Z.appearance,colors:Z.colors,variants:{...Z.variants,...Object.fromEntries(t.map(t=>[t,e[t]]))},...Z.managed===!0&&!M?{managed:!0}:{}}),...Z.collection?{collection:Z.collection}:{}}),a=o;try{te(o.id)}catch(e){try{_(Z)}catch{}throw e}}else if(o){let t=o.appearance,n=t===`light`?`dark`:`light`;r=_({...m({version:1,id:o.id,name:O,appearance:t,colors:e[t],...w(o).length>1?{variants:{[n]:e[n]}}:{},...M?{}:{managed:!0}}),...o.collection?{collection:o.collection}:{}})}else if(Z){if(ke.includes(A)){V(`“${Z.label}” already has light and dark palettes. Pick another name.`);return}i=A,r=_({...m({version:1,id:Z.id,name:Z.label,appearance:Z.appearance,colors:Z.colors,variants:{...Z.variants,[A]:e[A]},...Z.managed===!0&&!M?{managed:!0}:{}}),...Z.collection?{collection:Z.collection}:{}})}else r=T(m({version:1,name:O,appearance:A,colors:e[A],...M?{}:{managed:!0}}));if(!n(r,{created:o===null&&i===null,...i?{mergedAppearance:i}:{}})){if(!o&&i===null)try{te(r.id)}catch{}else if(Z&&i!==null)try{_(Z),a&&T(a)}catch{}V(`Theme saved, but it could not be made active. Try again.`);return}t(!1)}catch(e){V(e instanceof Error?e.message:S?`Could not save the theme.`:`Could not create the theme.`)}},Je=()=>(0,L.jsxs)(`label`,{className:`grid grid-cols-[minmax(0,1fr)_minmax(0,2fr)] items-center gap-3`,children:[(0,L.jsx)(`span`,{className:`text-sm font-medium`,children:`Theme name`}),(0,L.jsx)(oe,{autoFocus:!0,size:`sm`,onChange:e=>{k(e.currentTarget.value),V(null)},placeholder:S?`Theme name`:`e.g. Aurora`,value:O})]}),Ye=e=>{let t=je(e),n=(0,L.jsx)(D,{"aria-disabled":t!==null,value:e,children:e===`light`?`Light`:`Dark`});return t===null?n:(0,L.jsxs)(ae,{children:[(0,L.jsx)(re,{render:n}),(0,L.jsx)(ie,{children:t})]})},Xe=()=>(0,L.jsxs)(`div`,{className:`grid grid-cols-[minmax(0,1fr)_minmax(0,2fr)] items-center gap-3`,children:[(0,L.jsx)(`span`,{className:`text-sm font-medium`,children:`Appearance`}),(0,L.jsxs)(E,{"aria-label":`Theme appearance`,variant:`segmented`,value:[A],onValueChange:e=>{let t=e[0];(t===`light`||t===`dark`)&&je(t)===null&&j(t)},children:[Ye(`light`),Ye(`dark`)]})]}),Ze=()=>(0,L.jsxs)(`div`,{className:`grid grid-cols-[minmax(0,1fr)_minmax(0,2fr)] items-start gap-3`,children:[(0,L.jsxs)(`div`,{children:[(0,L.jsx)(`h3`,{className:`text-sm font-medium`,children:`Colors`}),M?null:(0,L.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:`Two colors, rest derived`})]}),(0,L.jsxs)(`div`,{className:`flex min-w-0 items-start gap-3`,children:[M?(0,L.jsx)(oe,{"aria-label":`Filter colors`,className:`min-w-0 flex-1`,onChange:e=>pe(e.currentTarget.value),placeholder:`Filter colors`,size:`sm`,value:U}):null,(0,L.jsxs)(`label`,{className:`ml-auto flex shrink-0 cursor-pointer items-center gap-2 pt-0.5 text-sm font-medium`,children:[(0,L.jsx)(`span`,{children:`Advanced`}),(0,L.jsx)(F,{"aria-label":`Use advanced theme colors`,checked:M,onCheckedChange:e=>Ke(!!e)})]})]})]}),Qe=(e,t=`grid gap-2 sm:grid-cols-2`)=>(0,L.jsx)(`div`,{className:t,children:e.map(e=>(0,L.jsx)(de,{label:e.label,onChange:Re,onSelect:$,onToggleSelected:Ue,role:e.role,selected:G===e.role,value:P[A][e.role]},e.id))}),$e=()=>{let e=U.trim().toLowerCase(),t=Ie.map(t=>({...t,families:t.families.filter(t=>!e||[t.label,...t.roles.map(e=>R(e))].join(` `).toLowerCase().includes(e))})).filter(e=>e.families.length>0);return M?(0,L.jsxs)(`div`,{className:`space-y-5`,children:[t.map(e=>(0,L.jsxs)(`section`,{className:`space-y-2`,children:[(0,L.jsx)(`h4`,{className:`text-sm font-medium text-foreground`,children:e.title}),Qe(e.families,`grid gap-1`)]},e.id)),t.length===0?(0,L.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:`No matches.`}):null]}):(0,L.jsx)(`div`,{className:`grid gap-1`,children:Q.map(e=>(0,L.jsx)(de,{onChange:Re,onSelect:$,onToggleSelected:Ue,role:e,label:e===`canvas`?`Background`:`Accent`,selected:G===e,value:P[A][e]},e))})},et=(e,t,n)=>{let r=Y.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=Y.current?.getBoundingClientRect();t&&(xe.current={dx:e.clientX-t.x,dy:e.clientY-t.y},e.currentTarget.setPointerCapture(e.pointerId))},nt=e=>{let t=xe.current;t&&ge(et(e.clientX-t.dx,e.clientY-t.dy))},rt=()=>{xe.current=null},it=e=>{let t=Y.current?.getBoundingClientRect();t&&(e.preventDefault(),J===null&&ge(et(t.x,t.y)),Ce.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=Ce.current;if(!t)return;let n=Math.max(280,window.innerWidth-8-t.left),r=Math.max(220,window.innerHeight-8-t.top);ve({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=()=>{Ce.current=null};return(0,L.jsxs)(`div`,{"aria-label":S?`Edit theme`:`Create theme`,className:s(`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`,J===null&&`bottom-4 right-4`,H&&`max-h-none`),"data-theme-editor-panel":!0,ref:Y,role:`dialog`,style:{...J?{left:J.x,top:J.y}:{},..._e?{width:_e.width}:{},..._e&&!H?{height:_e.height,maxHeight:`calc(100dvh - 1rem)`}:{}},children:[(0,L.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,L.jsxs)(`div`,{className:`flex min-w-0 flex-1 items-baseline gap-2`,children:[(0,L.jsx)(`h2`,{className:`shrink-0 truncate text-sm font-medium`,children:S?`Edit theme`:`Create theme`}),H?null:(0,L.jsx)(`p`,{className:`truncate text-xs text-muted-foreground`,children:W?`Select an element · Esc to cancel`:G?`${M?ze(G)?.label??R(G):R(G)} · ${he??0} ${he===1?`use`:`uses`}`:`Select a color below`})]}),(0,L.jsxs)(ae,{children:[(0,L.jsx)(re,{render:(0,L.jsxs)(a,{"aria-label":W?`Cancel inspecting app colors`:`Inspect app colors`,"aria-pressed":W,size:`xs`,variant:W?`secondary`:`ghost`,onClick:()=>{if(W){We();return}me(!0)},children:[(0,L.jsx)(c,{}),W?`Cancel`:`Inspect`]})}),(0,L.jsx)(ie,{"data-theme-editor-panel":``,children:W?`Cancel and clear the selection`:`Pick a color from the app`})]}),(0,L.jsx)(a,{"aria-label":H?`Expand the theme editor`:`Minimize the theme editor`,size:`icon-xs`,variant:`ghost`,onClick:()=>fe(!H),children:(0,L.jsx)(d,{icon:H?f:u})}),(0,L.jsx)(a,{"aria-label":`Close the theme editor`,size:`icon-xs`,variant:`ghost`,onClick:()=>t(!1),children:(0,L.jsx)(i,{})})]}),H?null:(0,L.jsxs)(L.Fragment,{children:[(0,L.jsxs)(`div`,{className:`min-h-0 flex-1 space-y-3 overflow-y-auto py-3 pl-3 pr-1.5`,children:[Je(),B?(0,L.jsx)(`p`,{"aria-live":`polite`,className:`text-sm text-destructive`,children:B}):null,Xe(),(0,L.jsxs)(`div`,{className:`space-y-3`,children:[Ze(),$e()]})]}),(0,L.jsxs)(`div`,{className:`flex items-center justify-end gap-2 border-t border-border/70 px-3 py-2`,children:[(0,L.jsx)(a,{size:`sm`,variant:`ghost`,onClick:()=>t(!1),children:`Cancel`}),(0,L.jsx)(a,{disabled:!O.trim(),size:`sm`,onClick:qe,children:S?Z?`Merge into “${Z.label}”`:`Save changes`:Z?(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(r,{}),`Add ${A} palette`]}):(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(l,{}),`Create theme`]})})]}),(0,L.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,L.jsx)(`svg`,{className:`size-2.5`,fill:`none`,stroke:`currentColor`,strokeLinecap:`round`,strokeWidth:`1.2`,viewBox:`0 0 8 8`,children:(0,L.jsx)(`path`,{d:`M7 1 1 7M7 4.5 4.5 7`})})})]})]})}export{Ue as ThemeEditorPanel};
+//# sourceMappingURL=ThemeEditorPanel-Cv_FhYYJ.js.map