@p4code/cli 0.8.18 → 0.8.19

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

package/dist/client/assets/TooltipViewport-kqulS2nz.js

@@ -1,2 +0,0 @@
-import{i as e}from"./rolldown-runtime-Dd_uD5pT.js";import{r as t}from"./Icon-l19w4AjM.js";import{Ar as n,Ba as r,Bi as i,Ca as a,Co as o,Di as s,Eo as c,Fa as l,Fi as u,Ga as d,Ia as f,Ja as p,La as m,Or as h,Pr as g,Qr as _,Ra as v,Si as y,So as b,Ta as x,Ti as S,Tr as C,Zi as w,_a as T,_i as E,_o as D,aa as O,ca as k,ci as A,co as j,di as M,fi as N,fo as P,ga as F,gi as I,ho as ee,ia as L,ii as te,io as R,jr as z,kr as ne,lE as B,la as V,li as H,lo as U,ma as re,mi as W,na as ie,ni as ae,oi as oe,pa as se,pi as ce,po as le,ri as ue,si as de,ta as fe,ti as pe,ua as me,ui as he,va as ge,vi as _e,vo as G,xa as ve,xi as ye,xr as be,yo as K,za as q}from"./utils-BAPnqm16.js";var J=e(t()),Y=e(B()),xe=J.createContext({hasProvider:!1,timeoutMs:0,delayRef:{current:0},initialDelayRef:{current:0},timeout:new se,currentIdRef:{current:null},currentContextRef:{current:null}});function Se(e){let{children:t,delay:n,timeoutMs:r=0}=e,i=J.useRef(n),a=J.useRef(n),o=J.useRef(null),s=J.useRef(null),c=re();return(0,Y.jsx)(xe.Provider,{value:J.useMemo(()=>({hasProvider:!0,delayRef:i,initialDelayRef:a,currentIdRef:o,timeoutMs:r,currentContextRef:s,timeout:c}),[r,c]),children:t})}function Ce(e,t={open:!1}){let{open:n}=t,r=`rootStore`in e?e.rootStore:e,i=r.useState(`floatingId`),{currentIdRef:o,delayRef:s,timeoutMs:c,initialDelayRef:u,currentContextRef:d,hasProvider:f,timeout:p}=J.useContext(xe),[m,h]=J.useState(!1);return l(()=>{function e(){h(!1),d.current?.setIsInstantPhase(!1),o.current=null,d.current=null,s.current=u.current}if(o.current&&!n&&o.current===i){if(h(!1),c){let t=i;return p.start(c,()=>{r.select(`open`)||o.current&&o.current!==t||e()}),()=>{p.clear()}}e()}},[n,i,o,s,c,u,d,p,r]),l(()=>{if(!n)return;let e=d.current,t=o.current;p.clear(),d.current={onOpenChange:r.setOpen,setIsInstantPhase:h},o.current=i,s.current={open:0,close:O(u.current,`close`)},t!==null&&t!==i?(h(!0),e?.setIsInstantPhase(!0),e?.onOpenChange(!1,a(R))):(h(!1),e?.setIsInstantPhase(!1))},[n,i,r,o,s,u,d,p]),l(()=>()=>{d.current=null},[d]),J.useMemo(()=>({hasProvider:f,delayRef:s,isInstantPhase:m}),[f,s,m])}function we(e,t){let n=null,r=null,i=!1;return{contextElement:e||void 0,getBoundingClientRect(){let a=e?.getBoundingClientRect()||{width:0,height:0,x:0,y:0},o=t.axis===`x`||t.axis===`both`,s=t.axis===`y`||t.axis===`both`,c=[`mouseenter`,`mousemove`].includes(t.dataRef.current.openEvent?.type||``)&&t.pointerType!==`touch`,l=a.width,u=a.height,d=a.x,f=a.y;return n==null&&t.x&&o&&(n=a.x-t.x),r==null&&t.y&&s&&(r=a.y-t.y),d-=n||0,f-=r||0,l=0,u=0,!i||c?(l=t.axis===`y`?a.width:0,u=t.axis===`x`?a.height:0,d=o&&t.x!=null?t.x:d,f=s&&t.y!=null?t.y:f):i&&!c&&(u=t.axis===`x`?a.height:u,l=t.axis===`y`?a.width:l),i=!0,{width:l,height:u,x:d,y:f,top:f,right:d+l,bottom:f+u,left:d}}}}function Te(e){return e!=null&&e.clientX!=null}function Ee(e,t={}){let{enabled:n=!0,axis:r=`both`}=t,i=`rootStore`in e?e.rootStore:e,a=i.useState(`open`),o=i.useState(`floatingElement`),s=i.useState(`domReferenceElement`),c=i.context.dataRef,l=J.useRef(!1),u=J.useRef(null),[d,p]=J.useState(),[m,h]=J.useState([]),g=f(e=>{i.set(`positionReference`,e)}),_=f((e,t,n)=>{l.current||(!c.current.openEvent||Te(c.current.openEvent))&&i.set(`positionReference`,we(n??s,{x:e,y:t,axis:r,dataRef:c,pointerType:d}))}),y=f(e=>{a?u.current||(_(e.clientX,e.clientY,e.currentTarget),h([])):_(e.clientX,e.clientY,e.currentTarget)}),b=me(d)?o:a;J.useEffect(()=>{if(!n){g(s);return}if(!b)return;function e(){u.current?.(),u.current=null}let t=v(o);function r(t){let n=V(t);k(o,n)?e():_(t.clientX,t.clientY)}return!c.current.openEvent||Te(c.current.openEvent)?u.current=L(t,`mousemove`,r):g(s),e},[b,n,o,c,s,i,_,g,m]),J.useEffect(()=>()=>{i.set(`positionReference`,null)},[i]),J.useEffect(()=>{n&&!o&&(l.current=!1)},[n,o]),J.useEffect(()=>{!n&&a&&(l.current=!0)},[n,a]);let x=J.useMemo(()=>{function e(e){p(e.pointerType)}return{onPointerDown:e,onPointerEnter:e,onMouseMove:y,onMouseEnter:y}},[y]);return J.useMemo(()=>n?{reference:x,trigger:x}:{},[n,x])}var De=e(ge());function Oe(e){let[t,n]=J.useState({current:e,previous:null});return e!==t.current&&n({current:e,previous:t.current}),t.previous}function ke(e){let t=m(e),n=parseFloat(t.width)||0,i=parseFloat(t.height)||0,a=r(e),o=a?e.offsetWidth:n,s=a?e.offsetHeight:i;return(w(n)!==o||w(i)!==s)&&(n=o,i=s),{width:n,height:i}}var Ae=()=>!0;function je(e){let{popupElement:t,positionerElement:n,content:r,mounted:i,enabled:a=Ae,onMeasureLayout:s,onMeasureLayoutComplete:c,side:u,direction:d}=e,p=T(t,!0,!1),m=ve(),h=J.useRef(null),g=J.useRef(null),_=J.useRef(!0),v=J.useRef(o),y=f(s),x=f(c),S=J.useMemo(()=>{let e=u===`top`,t=u===`left`;return d===`rtl`?(e||=u===`inline-end`,t||=u===`inline-end`):(e||=u===`inline-start`,t||=u===`inline-start`),e?{position:`absolute`,[u===`top`?`bottom`:`top`]:`0`,[t?`right`:`left`]:`0`}:b},[u,d]);l(()=>{if(!i||!a()||typeof ResizeObserver!=`function`){v.current=o,_.current=!0,h.current=null,g.current=null;return}if(!t||!n)return;v.current=Me(t,S);let e=new ResizeObserver(e=>{let t=e[0];t&&(g.current={width:Math.ceil(t.borderBoxSize[0].inlineSize),height:Math.ceil(t.borderBoxSize[0].blockSize)})});e.observe(t),Z(t,`auto`);let r=X(t,`position`,`static`),s=X(t,`transform`,`none`),c=X(t,`scale`,`1`),l=Me(n,{"--available-width":`max-content`,"--available-height":`max-content`});function u(){r(),s(),l()}function d(){u(),c()}if(y?.(),_.current||h.current===null){Q(n,`max-content`);let r=ke(t);return h.current=r,Q(n,r),d(),x?.(null,r),_.current=!1,()=>{e.disconnect(),v.current(),v.current=o}}Z(t,`auto`),Q(n,`max-content`);let f=h.current??g.current,b=ke(t);if(h.current=b,!f)return Q(n,b),d(),x?.(null,b),()=>{e.disconnect(),m.cancel(),v.current(),v.current=o};Z(t,f),d(),x?.(f,b),Q(n,b);let C=new AbortController;return m.request(()=>{Z(t,b),p(()=>{t.style.setProperty(`--popup-width`,`auto`),t.style.setProperty(`--popup-height`,`auto`)},C.signal)}),()=>{e.disconnect(),C.abort(),m.cancel(),v.current(),v.current=o}},[r,t,n,p,m,a,i,y,x,S])}function X(e,t,n){let r=e.style.getPropertyValue(t);return e.style.setProperty(t,n),()=>{e.style.setProperty(t,r)}}function Me(e,t){let n=[];for(let[r,i]of Object.entries(t))n.push(X(e,r,i));return n.length?()=>{n.forEach(e=>e())}:o}function Z(e,t){let n=t===`auto`?`auto`:`${t.width}px`,r=t===`auto`?`auto`:`${t.height}px`;e.style.setProperty(`--popup-width`,n),e.style.setProperty(`--popup-height`,r)}function Q(e,t){let n=t===`max-content`?`max-content`:`${t.width}px`,r=t===`max-content`?`max-content`:`${t.height}px`;e.style.setProperty(`--positioner-width`,n),e.style.setProperty(`--positioner-height`,r)}function Ne(e){let{store:t,side:r,cssVars:i,children:a}=e,o=n(),s=t.useState(`activeTriggerElement`),c=t.useState(`activeTriggerId`),u=t.useState(`open`),d=t.useState(`payload`),p=t.useState(`mounted`),m=t.useState(`popupElement`),h=t.useState(`positionerElement`),g=Oe(u?s:null),_=Le(c,d),v=J.useRef(null),[y,b]=J.useState(null),[x,S]=J.useState(null),C=J.useRef(null),w=J.useRef(null),E=T(C,!0,!1),D=ve(),[O,k]=J.useState(null),[A,j]=J.useState(!1);l(()=>(t.set(`hasViewport`,!0),()=>{t.set(`hasViewport`,!1)}),[t]);let M=f(()=>{C.current?.style.setProperty(`animation`,`none`),C.current?.style.setProperty(`transition`,`none`),w.current?.style.setProperty(`display`,`none`)}),N=f(e=>{C.current?.style.removeProperty(`animation`),C.current?.style.removeProperty(`transition`),w.current?.style.removeProperty(`display`),e&&k(e)}),P=J.useRef(null);l(()=>{if(s&&g&&s!==g&&P.current!==s&&v.current){b(v.current),j(!0);let e=Ie(g,s);S(e),D.request(()=>{De.flushSync(()=>{j(!1)}),E(()=>{b(null),k(null),v.current=null})}),P.current=s}},[s,g,y,E,D]),l(()=>{let e=C.current;if(!e)return;let t=fe(e).createElement(`div`);for(let n of Array.from(e.childNodes))t.appendChild(n.cloneNode(!0));v.current=t});let F=y!=null,I;I=F?(0,Y.jsxs)(J.Fragment,{children:[(0,Y.jsx)(`div`,{"data-previous":!0,inert:z(!0),ref:w,style:{...O?{[i.popupWidth]:`${O.width}px`,[i.popupHeight]:`${O.height}px`}:null,position:`absolute`},"data-ending-style":A?void 0:``},`previous`),(0,Y.jsx)(`div`,{"data-current":!0,ref:C,"data-starting-style":A?``:void 0,children:a},_)]}):(0,Y.jsx)(`div`,{"data-current":!0,ref:C,children:a},_),l(()=>{let e=w.current;e&&y&&e.replaceChildren(...Array.from(y.childNodes))},[y]),je({popupElement:m,positionerElement:h,mounted:p,content:d,onMeasureLayout:M,onMeasureLayoutComplete:N,side:r,direction:o});let ee={activationDirection:Pe(x),transitioning:F};return{children:I,state:ee}}function Pe(e){if(e)return`${Fe(e.horizontal,5,`right`,`left`)} ${Fe(e.vertical,5,`down`,`up`)}`}function Fe(e,t,n,r){return e>t?n:e<-t?r:``}function Ie(e,t){let n=e.getBoundingClientRect(),r=t.getBoundingClientRect(),i={x:n.left+n.width/2,y:n.top+n.height/2},a={x:r.left+r.width/2,y:r.top+r.height/2};return{horizontal:a.x-i.x,vertical:a.y-i.y}}function Le(e,t){let[n,r]=J.useState(0),i=J.useRef(e),a=J.useRef(t),o=J.useRef(!1);return l(()=>{let n=i.current,s=a.current,c=e!==n,l=t!==s;c?(r(e=>e+1),o.current=!l):o.current&&l&&(r(e=>e+1),o.current=!1),i.current=e,a.current=t},[e,t]),`${e??`current`}-${n}`}var Re=J.forwardRef(function(e,t){let{children:n,container:r,className:i,render:a,style:o,...s}=e,{portalNode:c,portalSubtree:l}=u({container:r,ref:t,componentProps:e,elementProps:s});return!l&&!c?null:(0,Y.jsxs)(J.Fragment,{children:[l,c&&De.createPortal(n,c)]})}),ze=J.createContext(void 0);function $(e){let t=J.useContext(ze);if(t===void 0&&!e)throw Error(c(72));return t}var Be={...A,disabled:S(e=>e.disabled),instantType:S(e=>e.instantType),isInstantPhase:S(e=>e.isInstantPhase),trackCursorAxis:S(e=>e.trackCursorAxis),disableHoverablePopup:S(e=>e.disableHoverablePopup),lastOpenChangeReason:S(e=>e.openChangeReason),closeOnClick:S(e=>e.closeOnClick),closeDelay:S(e=>e.closeDelay),hasViewport:S(e=>e.hasViewport)},Ve=class e extends _e{constructor(e,t,n=!1){let r=new H,i={...He(),...e};i.floatingRootContext=de(r,t,n),super(i,{popupRef:J.createRef(),onOpenChange:void 0,onOpenChangeComplete:void 0,triggerElements:r},Be)}setOpen=(e,t)=>{let n=t.reason,r=n===j,i=e&&n===`trigger-focus`,a=!e&&(n===`trigger-press`||n===`escape-key`);if(t.preventUnmountOnClose=()=>{this.set(`preventUnmountingOnClose`,!0)},this.context.onOpenChange?.(e,t),t.isCanceled)return;this.state.floatingRootContext.dispatchOpenChange(e,t);let o=()=>{let r={open:e,openChangeReason:n};i?r.instantType=`focus`:a?r.instantType=`dismiss`:n===`trigger-hover`&&(r.instantType=void 0),M(r,e,t.trigger),this.update(r)};r?De.flushSync(o):o()};cancelPendingOpen(e){this.state.floatingRootContext.dispatchOpenChange(!1,a(U,e))}static useStore(t,n){return I(t,(t,r)=>new e(n,t,r)).store}};function He(){return{...oe(),disabled:!1,instantType:void 0,isInstantPhase:!1,trackCursorAxis:`none`,disableHoverablePopup:!1,openChangeReason:null,closeOnClick:!0,closeDelay:0,hasViewport:!1}}var Ue=ye(function(e){let{disabled:t=!1,defaultOpen:n=!1,open:r,disableHoverablePopup:i=!1,trackCursorAxis:o=`none`,actionsRef:s,onOpenChange:c,onOpenChangeComplete:u,handle:f,triggerId:m,defaultTriggerId:h=null,children:g}=e,_=Ve.useStore(f?.store,{open:n,openProp:r,activeTriggerId:h,triggerIdProp:m});be(()=>{r===void 0&&_.state.open===!1&&n===!0&&_.update({open:!0,activeTriggerId:h})}),_.useControlledProp(`openProp`,r),_.useControlledProp(`triggerIdProp`,m),_.useContextCallback(`onOpenChange`,c),_.useContextCallback(`onOpenChangeComplete`,u);let v=_.useState(`open`),y=!t&&v,b=_.useState(`activeTriggerId`),x=_.useState(`mounted`),S=_.useState(`payload`);_.useSyncedValues({trackCursorAxis:o,disableHoverablePopup:i}),_.useSyncedValue(`disabled`,t),N(_);let{forceUnmount:C,transitionStatus:w}=ce(y,_),T=_.useState(`isInstantPhase`),E=_.useState(`instantType`),D=_.useState(`lastOpenChangeReason`),O=J.useRef(null);l(()=>{v&&t&&_.setOpen(!1,a(d))},[v,t,_]),l(()=>{w===`ending`&&D===`none`||w!==`ending`&&T?(E!==`delay`&&(O.current=E),_.set(`instantType`,`delay`)):O.current!==null&&(_.set(`instantType`,O.current),O.current=null)},[w,T,D,E,_]),l(()=>{y&&(b??_.set(`payload`,void 0))},[_,b,y]);let k=J.useCallback(()=>{_.setOpen(!1,a(p))},[_]);J.useImperativeHandle(s,()=>({unmount:C,close:k}),[C,k]);let A=y||x||!t&&o!==`none`;return(0,Y.jsxs)(ze.Provider,{value:_,children:[A&&(0,Y.jsx)(We,{store:_,disabled:t,trackCursorAxis:o}),typeof g==`function`?g({payload:S}):g]})});function We({store:e,disabled:t,trackCursorAxis:n}){let r=e.useState(`floatingRootContext`),i=s(r,{enabled:!t,referencePress:()=>e.select(`closeOnClick`)}),a=Ee(r,{enabled:!t&&n!==`none`,axis:n===`none`?void 0:n}),o=J.useMemo(()=>K(a.reference,i.reference),[a.reference,i.reference]),c=J.useMemo(()=>K(a.trigger,i.trigger),[a.trigger,i.trigger]),l=J.useMemo(()=>K(he,a.floating,i.floating),[a.floating,i.floating]);return W(e,{activeTriggerProps:o,inactiveTriggerProps:c,popupProps:l}),null}var Ge=J.createContext(void 0);function Ke(){return J.useContext(Ge)}var qe=function(e){return e[e.popupOpen=P.popupOpen]=`popupOpen`,e.triggerDisabled=`data-trigger-disabled`,e}({}),Je=`data-base-ui-tooltip-trigger`;function Ye(e){if(`composedPath`in e){let t=e.composedPath();for(let e=0;e<t.length;e+=1){let n=t[e];if(q(n))return n}}let t=e.target;return q(t)?t:null}function Xe(e){let t=e;for(;t;){if(t.hasAttribute(Je))return t;let e=t.parentElement;if(e){t=e;continue}let n=t.getRootNode();t=`host`in n&&q(n.host)?n.host:null}return null}var Ze=y(function(e,t){let{render:n,className:r,style:i,handle:o,payload:s,disabled:l,delay:u,closeOnClick:d=!0,closeDelay:f,id:p,...m}=e,h=$(!0),g=o?.store??h;if(!g)throw Error(c(82));let v=x(p),y=g.useState(`isTriggerActive`,v),b=g.useState(`isOpenedByTrigger`,v),S=g.useState(`floatingRootContext`),C=J.useRef(null),w=u??600,T=f??0,{registerTrigger:D,isMountedByThisTrigger:O}=E(v,C,g,{payload:s,closeOnClick:d,closeDelay:T}),A=Ke(),{delayRef:M,isInstantPhase:N,hasProvider:P}=Ce(S,{open:b}),F=ue(S);g.useSyncedValue(`isInstantPhase`,N);let I=g.useState(`disabled`),L=l??I,R=ie(L),z=g.useState(`trackCursorAxis`),ne=g.useState(`disableHoverablePopup`),B=J.useRef(!1),V=re(),H=J.useRef(void 0);function U(){let e=A?.delay,t=typeof M.current==`object`?M.current.open:void 0,n=w;return P&&(n=t===0?0:u??e??w),n}function W(e){let t=C.current;if(!t||!e)return!1;let n=Xe(e);return n!==null&&n!==t&&k(t,n)}function ae(e){let t=W(e);return B.current=t,t&&(F.openChangeTimeout.clear(),F.restTimeout.clear(),F.restTimeoutPending=!1,V.clear()),t}let oe=pe(S,{enabled:!L,mouseOnly:!0,move:!1,handleClose:!ne&&z!==`both`?_():null,restMs:U,delay(){let e=typeof M.current==`object`?M.current.close:void 0,t=T;return f==null&&P&&(t=e),{close:t}},triggerElementRef:C,isActiveTrigger:y,isClosing:()=>g.select(`transitionStatus`)===`ending`,shouldOpen(){return!B.current}}),se=te(S,{enabled:!L}).reference,ce=e=>{let t=B.current,n=Ye(e),r=ae(n),i=C.current,o=i&&n&&k(i,n);if(r&&g.select(`open`)&&g.select(`lastOpenChangeReason`)===`trigger-hover`){g.setOpen(!1,a(j,e));return}if(t&&!r&&o&&!R.current&&!g.select(`open`)&&i&&me(H.current)){let t=()=>{!B.current&&!R.current&&!g.select(`open`)&&g.setOpen(!0,a(j,e,i))},n=U();n===0?(V.clear(),t()):V.start(n,t)}},le=g.useState(`triggerProps`,O);return G(`button`,e,{state:{open:b},ref:[t,D,C],props:[oe,se,O||z!==`none`?le:void 0,{onMouseOver(e){ce(e.nativeEvent)},onFocus(e){W(Ye(e.nativeEvent))&&e.preventBaseUIHandler()},onMouseLeave(){B.current=!1,V.clear(),H.current=void 0},onPointerEnter(e){H.current=e.pointerType},onPointerDown(e){H.current=e.pointerType,g.set(`closeOnClick`,d),d&&!g.select(`open`)&&g.cancelPendingOpen(e.nativeEvent)},onClick(e){d&&!g.select(`open`)&&g.cancelPendingOpen(e.nativeEvent)},id:v,[qe.triggerDisabled]:L?``:void 0,[Je]:L?void 0:``},m],stateAttributesMapping:ee})}),Qe=J.createContext(void 0);function $e(){let e=J.useContext(Qe);if(e===void 0)throw Error(c(70));return e}var et=J.forwardRef(function(e,t){let{keepMounted:n=!1,...r}=e;return $().useState(`mounted`)||n?(0,Y.jsx)(Qe.Provider,{value:n,children:(0,Y.jsx)(Re,{ref:t,...r})}):null}),tt=J.createContext(void 0);function nt(){let e=J.useContext(tt);if(e===void 0)throw Error(c(71));return e}var rt=J.forwardRef(function(e,t){let{render:n,className:r,anchor:a,positionMethod:o=`absolute`,side:s=`top`,align:c=`center`,sideOffset:l=0,alignOffset:u=0,collisionBoundary:d=`clipping-ancestors`,collisionPadding:f=5,arrowPadding:p=5,sticky:m=!1,disableAnchorTracking:g=!1,collisionAvoidance:_=i,style:v,...y}=e,b=$(),x=$e(),S=b.useState(`open`),w=b.useState(`mounted`),T=b.useState(`trackCursorAxis`),E=b.useState(`disableHoverablePopup`),D=b.useState(`floatingRootContext`),O=b.useState(`instantType`),k=b.useState(`transitionStatus`),A=b.useState(`hasViewport`),j=h({anchor:a,positionMethod:o,floatingRootContext:D,mounted:w,side:s,sideOffset:l,align:c,alignOffset:u,collisionBoundary:d,collisionPadding:f,sticky:m,arrowPadding:p,disableAnchorTracking:g,keepMounted:x,collisionAvoidance:_,adaptiveOrigin:A?ne:void 0}),M=J.useMemo(()=>({open:S,side:j.side,align:j.align,anchorHidden:j.anchorHidden,instant:T===`none`?O:`tracking-cursor`}),[S,j.side,j.align,j.anchorHidden,T,O]),N=C(e,M,{styles:j.positionerStyles,transitionStatus:k,props:y,refs:[t,b.useStateSetter(`positionerElement`)],hidden:!w,inert:!S||T===`both`||E});return(0,Y.jsx)(tt.Provider,{value:j,children:N})}),it={...le,...D},at=J.forwardRef(function(e,t){let{render:n,className:r,style:i,...a}=e,o=$(),{side:s,align:c}=nt(),l=o.useState(`open`),u=o.useState(`instantType`),d=o.useState(`transitionStatus`),f=o.useState(`popupProps`),p=o.useState(`floatingRootContext`),m=o.useState(`disabled`),h=o.useState(`closeDelay`);F({open:l,ref:o.context.popupRef,onComplete(){l&&o.context.onOpenChangeComplete?.(!0)}}),ae(p,{enabled:!m,closeDelay:h});let _=o.useStateSetter(`popupElement`);return G(`div`,e,{state:{open:l,side:s,align:c,instant:u,transitionStatus:d},ref:[t,o.context.popupRef,_],props:[f,g(d),a],stateAttributesMapping:it})}),ot=function(e){let{delay:t,closeDelay:n,timeout:r=400}=e,i=J.useMemo(()=>({delay:t,closeDelay:n}),[t,n]),a=J.useMemo(()=>({open:t,close:n}),[t,n]);return(0,Y.jsx)(Ge.Provider,{value:i,children:(0,Y.jsx)(Se,{delay:a,timeoutMs:r,children:e.children})})},st=function(e){return e.popupWidth=`--popup-width`,e.popupHeight=`--popup-height`,e}({}),ct={activationDirection:e=>e?{"data-activation-direction":e}:null},lt=J.forwardRef(function(e,t){let{render:n,className:r,style:i,children:a,...o}=e,s=$(),c=nt(),l=s.useState(`instantType`),{children:u,state:d}=Ne({store:s,side:c.side,cssVars:st,children:a}),f={activationDirection:d.activationDirection,transitioning:d.transitioning,instant:l};return G(`div`,e,{state:f,ref:t,props:[o,{children:u}],stateAttributesMapping:ct})});export{et as a,Ve as c,Oe as d,rt as i,Re as l,ot as n,Ze as o,at as r,Ue as s,lt as t,Ne as u};
-//# sourceMappingURL=TooltipViewport-kqulS2nz.js.map