https://bits-ui.com/_app/immutable/chunks/2PkNKios.js

1import{c as E,f as r,a as i,t as o,b as ji}from"./BI2tZWd8.js";import{d as Ei,ap as Li,f as l,c as m,n as p,r as f,s as a,e as gi,b as I,X as Hi,t as yi}from"./DxBliZnO.js";import{h as C}from"./DiC8NrNs.js";import{c as n}from"./nDQo01hx.js";import{B as Ni,P as T}from"./Cc3TrqVu.js";import"./CspEIRAF.js";import"./RpHoshYe.js";import{P as Yi,a as Wi,T as Ui,C as Vi}from"./BfiBu3PA.js";import{s as Ci}from"./HHkKqIvA.js";import{i as xi}from"./B-ZvfN7d.js";import{e as oi}from"./DEBpjYRV.js";import{C as di}from"./U5V7Kivr.js";import{C as qi}from"./BWy7GTS-.js";import{C as Ii,M as wi,a as Ti,b as Ri}from"./QRiILSe_.js";import{P as Rs}from"./Bjw5Ty4V.js";import{M as G}from"./wb4Y1v-x.js";import{M as Qs,a as Zs,b as si}from"./_ilfuKJn.js";import{M as ui,a as Fi}from"./BHzKlPt8.js";import{M as zi}from"./DuwFsIqp.js";import{M as Xi,a as Ji}from"./CtROlkUF.js";import{M as Ki}from"./C7PSU_eQ.js";import{t as Qi,f as Zi}from"./DU_hucbK.js";import{a as Si}from"./CdHIZOj-.js";import{C as sa}from"./CgrlZJ4J.js";import"./C7I7uT8c.js";import"./DV-aouco.js";import"./BCcz3TRE.js";import"./vFGPFJ3x.js";import"./CzS6ZiT3.js";import{A as ia}from"./Bb2Dyt6a.js";import{C as vi}from"./CCkbgQCu.js";import"./L3HtKIEC.js";import"./D1EcV80E.js";import{H as Ts}from"./C6gCk9DM.js";import{P as S}from"./BBgCmvkJ.js";import{H as Pi}from"./liaaalrF.js";import{A as Di}from"./DHOI_CUB.js";const ci=(zs,Cs=Hi)=>{var os=E(),Ds=l(os);{var Z=N=>{var ss=aa();i(N,ss)};xi(Ds,N=>{Cs()&&N(Z)})}i(zs,os)};var aa=ji('<svg class="text-foreground-alt ml-auto size-4 shrink-0" viewBox="0 0 16 16" aria-hidden="true"><circle cx="8" cy="8" r="4" fill="currentColor"></circle></svg>'),ta=r('<div class="flex flex-col items-center justify-center gap-3 text-center"><!> <span>Right-click this issue card</span></div>'),na=r("Status <!>",1),ha=r(" <!>",1),ka=r("<!> <!>",1),la=r("Issue properties <!>",1),pa=r("Priority <!>",1),ea=r(" <!>",1),da=r("<!> <!>",1),ra=r("Type <!>",1),Aa=r(" <!>",1),Ea=r("<!> <!>",1),ga=r("<span> </span> <!>",1),ya=r("<!> <!>",1),Ca=r("Labels <!>",1),oa=r(" <!>",1),Da=r("Product area <!>",1),ua=r("<!> <!> <!> <!>",1),Fa=r("<!> <!>",1),ca=r("<!> <!>",1),ma=r("<!> <!>",1),fa=r("<!> <!> <!> <!> <!>",1),va=r("<!> <!>",1),xa=r("<!> <!> <!>",1),ba=r("<!> <!>",1);function $a(zs){let Cs=Ei("in-progress"),os=Ei("p2"),Ds=Ei("feature"),Z=Ei("customer-facing"),N=Ei(Li(["assignee","mentions"]));const ss=[{value:"icebox",label:"Icebox"},{value:"backlog",label:"Backlog"},{value:"todo",label:"Todo"},{value:"in-progress",label:"In progress"},{value:"done",label:"Done"}],Gs=[{value:"p0",label:"P0 - Critical"},{value:"p1",label:"P1 - High"},{value:"p2",label:"P2 - Medium"},{value:"p3",label:"P3 - Low"}],us=[{value:"bug",label:"Bug"},{value:"feature",label:"Feature"},{value:"improvement",label:"Improvement"},{value:"docs",label:"Docs"}],Fs=[{value:"customer-facing",label:"Customer-facing"},{value:"internal-tooling",label:"Internal tooling"},{value:"technical-debt",label:"Technical debt"},{value:"compliance",label:"Compliance"},{value:"platform",label:"Platform"}],cs=[{value:"assignee",label:"Assignee changes"},{value:"comments",label:"New comments"},{value:"mentions",label:"@mentions"}],ii="border-muted bg-background shadow-popover outline-hidden focus-visible:outline-hidden w-[250px] rounded-xl border px-1 py-1.5",O="border-muted bg-background shadow-popover outline-hidden focus-visible:outline-hidden z-100 w-[230px] rounded-xl border px-1 py-1.5",w="rounded-button data-highlighted:bg-muted ring-0! ring-transparent! flex h-10 select-none items-center py-3 pl-3 pr-1.5 text-sm font-medium focus-visible:outline-none",j="rounded-button data-highlighted:bg-muted data-[state=open]:bg-muted ring-0! ring-transparent! flex h-10 select-none items-center py-3 pl-3 pr-1.5 text-sm font-medium focus-visible:outline-none";var ms=E(),ri=l(ms);n(ri,()=>Ri,(fs,is)=>{is(fs,{children:(vs,ai)=>{var xs=ba(),bs=l(xs);n(bs,()=>Ii,(ds,R)=>{R(ds,{class:"rounded-card border-border-input text-muted-foreground flex h-[220px] w-full max-w-[320px] select-none items-center justify-center border-2 border-dashed bg-transparent text-sm font-semibold",children:(as,$)=>{var v=ta(),Y=m(v);wi(Y,{class:"size-8"}),p(2),f(v),i(as,v)},$$slots:{default:!0}})});var Os=a(bs,2);n(Os,()=>Rs,(ds,R)=>{R(ds,{children:(as,$)=>{var v=E(),Y=l(v);n(Y,()=>Ti,($s,ti)=>{ti($s,{class:ii,sideOffset:8,children:(W,Bs)=>{var ts=xa(),Ms=l(ts);n(Ms,()=>G,(B,z)=>{z(B,{class:w,disabled:!0,children:(x,Ai)=>{p();var U=o("Search issues…");i(x,U)},$$slots:{default:!0}})});var _s=a(Ms,2);n(_s,()=>Qs,(B,z)=>{z(B,{children:(x,Ai)=>{var U=ka(),Ls=l(U);n(Ls,()=>Zs,(ns,hs)=>{hs(ns,{class:j,children:(ks,hi)=>{p();var P=na(),rs=a(l(P));di(rs,{class:"text-foreground-alt ml-auto size-4"}),i(ks,P)},$$slots:{default:!0}})});var ni=a(Ls,2);n(ni,()=>Rs,(ns,hs)=>{hs(ns,{children:(ks,hi)=>{var P=E(),rs=l(P);n(rs,()=>si,(ki,li)=>{li(ki,{class:O,sideOffset:10,children:(Hs,mi)=>{var Ss=E(),Ns=l(Ss);n(Ns,()=>ui,(pi,h)=>{h(pi,{get value(){return I(Cs)},set value(t){gi(Cs,t,!0)},children:(t,k)=>{var d=E(),s=l(d);oi(s,17,()=>ss,e=>e.value,(e,y)=>{var A=E(),D=l(A);{const u=(g,F)=>{let b=()=>F?.().checked;p();var V=ha(),c=l(V),M=a(c);ci(M,b),yi(()=>Ci(c,`${I(y).label??""} `)),i(g,V)};n(D,()=>Fi,(g,F)=>{F(g,{get value(){return I(y).value},class:w,children:u,$$slots:{default:!0}})})}i(e,A)}),i(t,d)},$$slots:{default:!0}})}),i(Hs,Ss)},$$slots:{default:!0}})}),i(ks,P)},$$slots:{default:!0}})}),i(x,U)},$$slots:{default:!0}})});var js=a(_s,2);n(js,()=>Qs,(B,z)=>{z(B,{children:(x,Ai)=>{var U=va(),Ls=l(U);n(Ls,()=>Zs,(ns,hs)=>{hs(ns,{class:j,children:(ks,hi)=>{p();var P=la(),rs=a(l(P));di(rs,{class:"text-foreground-alt ml-auto size-4"}),i(ks,P)},$$slots:{default:!0}})});var ni=a(Ls,2);n(ni,()=>Rs,(ns,hs)=>{hs(ns,{children:(ks,hi)=>{var P=E(),rs=l(P);n(rs,()=>si,(ki,li)=>{li(ki,{class:O,sideOffset:10,children:(Hs,mi)=>{var Ss=fa(),Ns=l(Ss);n(Ns,()=>Qs,(d,s)=>{s(d,{children:(e,y)=>{var A=da(),D=l(A);n(D,()=>Zs,(g,F)=>{F(g,{class:j,children:(b,V)=>{p();var c=pa(),M=a(l(c));di(M,{class:"text-foreground-alt ml-auto size-4"}),i(b,c)},$$slots:{default:!0}})});var u=a(D,2);n(u,()=>Rs,(g,F)=>{F(g,{children:(b,V)=>{var c=E(),M=l(c);n(M,()=>si,(As,Ys)=>{Ys(As,{class:O,sideOffset:10,children:(Ps,ei)=>{var ls=E(),Is=l(ls);n(Is,()=>ui,(Ws,q)=>{q(Ws,{get value(){return I(os)},set value(X){gi(os,X,!0)},children:(X,Us)=>{var Vs=E(),Es=l(Vs);oi(Es,17,()=>Gs,L=>L.value,(L,J)=>{var H=E(),ps=l(H);{const gs=(K,_)=>{let Q=()=>_?.().checked;p();var ys=ea(),es=l(ys),ws=a(es);ci(ws,Q),yi(()=>Ci(es,`${I(J).label??""} `)),i(K,ys)};n(ps,()=>Fi,(K,_)=>{_(K,{get value(){return I(J).value},class:w,children:gs,$$slots:{default:!0}})})}i(L,H)}),i(X,Vs)},$$slots:{default:!0}})}),i(Ps,ls)},$$slots:{default:!0}})}),i(b,c)},$$slots:{default:!0}})}),i(e,A)},$$slots:{default:!0}})});var pi=a(Ns,2);n(pi,()=>Qs,(d,s)=>{s(d,{children:(e,y)=>{var A=Ea(),D=l(A);n(D,()=>Zs,(g,F)=>{F(g,{class:j,children:(b,V)=>{p();var c=ra(),M=a(l(c));di(M,{class:"text-foreground-alt ml-auto size-4"}),i(b,c)},$$slots:{default:!0}})});var u=a(D,2);n(u,()=>Rs,(g,F)=>{F(g,{children:(b,V)=>{var c=E(),M=l(c);n(M,()=>si,(As,Ys)=>{Ys(As,{class:O,sideOffset:10,children:(Ps,ei)=>{var ls=E(),Is=l(ls);n(Is,()=>ui,(Ws,q)=>{q(Ws,{get value(){return I(Ds)},set value(X){gi(Ds,X,!0)},children:(X,Us)=>{var Vs=E(),Es=l(Vs);oi(Es,17,()=>us,L=>L.value,(L,J)=>{var H=E(),ps=l(H);{const gs=(K,_)=>{let Q=()=>_?.().checked;p();var ys=Aa(),es=l(ys),ws=a(es);ci(ws,Q),yi(()=>Ci(es,`${I(J).label??""} `)),i(K,ys)};n(ps,()=>Fi,(K,_)=>{_(K,{get value(){return I(J).value},class:w,children:gs,$$slots:{default:!0}})})}i(L,H)}),i(X,Vs)},$$slots:{default:!0}})}),i(Ps,ls)},$$slots:{default:!0}})}),i(b,c)},$$slots:{default:!0}})}),i(e,A)},$$slots:{default:!0}})});var h=a(pi,2);n(h,()=>zi,(d,s)=>{s(d,{class:"bg-muted -mx-1 my-1 block h-px"})});var t=a(h,2);n(t,()=>Xi,(d,s)=>{s(d,{get value(){return I(N)},set value(e){gi(N,e,!0)},children:(e,y)=>{var A=ya(),D=l(A);n(D,()=>Ji,(g,F)=>{F(g,{class:"text-muted-foreground px-3 pb-2 pt-3 text-xs font-medium",children:(b,V)=>{p();var c=o("Email digest");i(b,c)},$$slots:{default:!0}})});var u=a(D,2);oi(u,17,()=>cs,g=>g.value,(g,F)=>{var b=E(),V=l(b);{const c=(M,As)=>{let Ys=()=>As?.().checked;var Ps=ga(),ei=l(Ps),ls=m(ei,!0);f(ei);var Is=a(ei,2);{var Ws=q=>{qi(q,{class:"text-foreground-alt ml-auto size-4 shrink-0"})};xi(Is,q=>{Ys()&&q(Ws)})}yi(()=>Ci(ls,I(F).label)),i(M,Ps)};n(V,()=>

1Ki,(M,As)=>{As(M,{get value(){return I(F).value},class:w,children:c,$$slots:{default:!0}})})}i(g,b)}),i(e,A)},$$slots:{default:!0}})});var k=a(t,2);n(k,()=>Qs,(d,s)=>{s(d,{children:(e,y)=>{var A=ma(),D=l(A);n(D,()=>Zs,(g,F)=>{F(g,{class:j,children:(b,V)=>{p();var c=Ca(),M=a(l(c));di(M,{class:"text-foreground-alt ml-auto size-4"}),i(b,c)},$$slots:{default:!0}})});var u=a(D,2);n(u,()=>Rs,(g,F)=>{F(g,{children:(b,V)=>{var c=E(),M=l(c);n(M,()=>si,(As,Ys)=>{Ys(As,{class:O,sideOffset:10,children:(Ps,ei)=>{var ls=ca(),Is=l(ls);n(Is,()=>ui,(q,X)=>{X(q,{get value(){return I(Z)},set value(Us){gi(Z,Us,!0)},children:(Us,Vs)=>{var Es=E(),L=l(Es);oi(L,17,()=>Fs,J=>J.value,(J,H)=>{var ps=E(),gs=l(ps);{const K=(_,Q)=>{let ys=()=>Q?.().checked;p();var es=oa(),ws=l(es),bi=a(ws);ci(bi,ys),yi(()=>Ci(ws,`${I(H).label??""} `)),i(_,es)};n(gs,()=>Fi,(_,Q)=>{Q(_,{get value(){return I(H).value},class:w,children:K,$$slots:{default:!0}})})}i(J,ps)}),i(Us,Es)},$$slots:{default:!0}})});var Ws=a(Is,2);n(Ws,()=>Qs,(q,X)=>{X(q,{children:(Us,Vs)=>{var Es=Fa(),L=l(Es);n(L,()=>Zs,(H,ps)=>{ps(H,{class:j,children:(gs,K)=>{p();var _=Da(),Q=a(l(_));di(Q,{class:"text-foreground-alt ml-auto size-4"}),i(gs,_)},$$slots:{default:!0}})});var J=a(L,2);n(J,()=>Rs,(H,ps)=>{ps(H,{children:(gs,K)=>{var _=E(),Q=l(_);n(Q,()=>si,(ys,es)=>{es(ys,{class:O,sideOffset:10,children:(ws,bi)=>{var $i=ua(),Bi=l($i);n(Bi,()=>G,(qs,Xs)=>{Xs(qs,{class:w,children:(Js,fi)=>{p();var Ks=o("Web app");i(Js,Ks)},$$slots:{default:!0}})});var Mi=a(Bi,2);n(Mi,()=>G,(qs,Xs)=>{Xs(qs,{class:w,children:(Js,fi)=>{p();var Ks=o("Mobile");i(Js,Ks)},$$slots:{default:!0}})});var _i=a(Mi,2);n(_i,()=>G,(qs,Xs)=>{Xs(qs,{class:w,children:(Js,fi)=>{p();var Ks=o("CLI");i(Js,Ks)},$$slots:{default:!0}})});var Oi=a(_i,2);n(Oi,()=>G,(qs,Xs)=>{Xs(qs,{class:w,children:(Js,fi)=>{p();var Ks=o("Marketing site");i(Js,Ks)},$$slots:{default:!0}})}),i(ws,$i)},$$slots:{default:!0}})}),i(gs,_)},$$slots:{default:!0}})}),i(Us,Es)},$$slots:{default:!0}})}),i(Ps,ls)},$$slots:{default:!0}})}),i(b,c)},$$slots:{default:!0}})}),i(e,A)},$$slots:{default:!0}})}),i(Hs,Ss)},$$slots:{default:!0}})}),i(ks,P)},$$slots:{default:!0}})}),i(x,U)},$$slots:{default:!0}})}),i(W,ts)},$$slots:{default:!0}})}),i(as,v)},$$slots:{default:!0}})}),i(vs,xs)},$$slots:{default:!0}})}),i(zs,ms)}var Ba=r('<div class="flex flex-col items-center justify-center gap-4 text-center"><!> Right click me</div>'),Ma=r('<div class="flex items-center"><!> Edit</div> <div class="ml-auto flex items-center gap-px"><kbd class="rounded-button border-dark-10 bg-background-alt text-muted-foreground shadow-kbd inline-flex size-5 items-center justify-center border text-[13px]">⌘</kbd> <kbd class="rounded-button border-dark-10 bg-background-alt text-muted-foreground shadow-kbd inline-flex size-5 items-center justify-center border text-[11px]">E</kbd></div>',1),_a=r('<div class="flex items-center"><!> Add</div> <div class="ml-auto flex items-center gap-px"><kbd class="rounded-button border-dark-10 bg-background-alt text-muted-foreground shadow-kbd inline-flex size-5 items-center justify-center border text-[13px]">⌘</kbd> <kbd class="rounded-button border-dark-10 bg-background-alt text-muted-foreground shadow-kbd inline-flex size-5 items-center justify-center border text-[11px]">N</kbd></div>',1),Sa=r("<!> <!> <!> <!> <!>",1),Pa=r("<!> <!>",1),Ia=r('<div class="flex items-center"><!> Duplicate</div> <div class="ml-auto flex items-center gap-px"><kbd class="rounded-button border-dark-10 bg-background-alt text-muted-foreground shadow-kbd inline-flex size-5 items-center justify-center border text-[13px]">⌘</kbd> <kbd class="rounded-button border-dark-10 bg-background-alt text-muted-foreground shadow-kbd inline-flex size-5 items-center justify-center border text-[11px]">D</kbd></div>',1),wa=r('<div class="flex items-center"><!> Delete</div>'),Ta=r("<div><div><!> <!> <!> <!> <!></div></div>"),Ra=r("<!> <!>",1);function za(zs){Ri(zs,{children:(Cs,os)=>{var Ds=Ra(),Z=l(Ds);Ii(Z,{class:"rounded-card border-input text-muted-foreground flex h-[188px] w-[279px] select-none items-center justify-center border-2 border-dashed bg-transparent font-semibold",children:(ss,Gs)=>{var us=Ba(),Fs=m(us);wi(Fs,{class:"size-8"}),p(),f(us),i(ss,us)},$$slots:{default:!0}});var N=a(Z,2);Rs(N,{children:(ss,Gs)=>{Ti(ss,{class:"focus-override border-muted bg-background shadow-popover w-[229px] rounded-xl border px-1 py-1.5 focus-visible:outline-none",forceMount:!0,child:(Fs,cs)=>{let ii=()=>cs?.().wrapperProps,O=()=>cs?.().props,w=()=>cs?.().open;var j=E(),ms=l(j);{var ri=fs=>{var is=Ta();Si(is,()=>({...ii()}));var vs=m(is);

1Si(vs,()=>({...O()}));var ai=m(vs);G(ai,{class:"rounded-button data-highlighted:bg-muted flex h-10 select-none items-center py-3 pl-3 pr-1.5 text-sm font-medium focus-visible:outline-none",children:(R,as)=>{var $=Ma(),v=l($),Y=m(v);Yi(Y,{class:"text-foreground-alt mr-2 size-5"}),p(),f(v),p(2),i(R,$)},$$slots:{default:!0}});var xs=a(ai,2);Qs(xs,{children:(R,as)=>{var $=Pa(),v=l($);Zs(v,{class:"rounded-button data-highlighted:bg-muted data-[state=open]:bg-muted flex h-10 select-none items-center py-3 pl-3 pr-1.5 text-sm font-medium focus-visible:outline-none",children:($s,ti)=>{var W=_a(),Bs=l(W),ts=m(Bs);Wi(ts,{class:"text-foreground-alt mr-2 size-5"}),p(),f(Bs),p(2),i($s,W)},$$slots:{default:!0}});var Y=a(v,2);si(Y,{class:"border-muted bg-background shadow-popover z-100 ring-0! ring-transparent! w-[209px] rounded-xl border px-1 py-1.5",sideOffset:10,children:($s,ti)=>{var W=Sa(),Bs=l(W);G(Bs,{class:"rounded-button data-highlighted:bg-muted flex h-10 select-none items-center py-3 pl-3 pr-1.5 text-sm font-normal focus-visible:outline-none",children:(B,z)=>{p();var x=o("Header");i(B,x)},$$slots:{default:!0}});var ts=a(Bs,2);G(ts,{class:"rounded-button data-highlighted:bg-muted flex h-10 select-none items-center py-3 pl-3 pr-1.5 text-sm font-normal focus-visible:outline-none",children:(B,z)=>{p();var x=o("Paragraph");i(B,x)},$$slots:{default:!0}});var Ms=a(ts,2);G(Ms,{class:"rounded-button data-highlighted:bg-muted flex h-10 select-none items-center py-3 pl-3 pr-1.5 text-sm font-normal focus-visible:outline-none",children:(B,z)=>{p();var x=o("Codeblock");i(B,x)},$$slots:{default:!0}});var _s=a(Ms,2);G(_s,{class:"rounded-button data-highlighted:bg-muted flex h-10 select-none items-center py-3 pl-3 pr-1.5 text-sm font-normal focus-visible:outline-none",children:(B,z)=>{p();var x=o("List");i(B,x)},$$slots:{default:!0}});var js=a(_s,2);G(js,{class:"rounded-button data-highlighted:bg-muted flex h-10 select-none items-center py-3 pl-3 pr-1.5 text-sm font-normal focus-visible:outline-none",children:(B,z)=>{p();var x=o("Task");i(B,x)},$$slots:{default:!0}}),i($s,W)},$$slots:{default:!0}}),i(R,$)},$$slots:{default:!0}});var bs=a(xs,2);G(bs,{class:"rounded-button data-highlighted:bg-muted flex h-10 select-none items-center py-3 pl-3 pr-1.5 text-sm font-medium focus-visible:outline-none",children:(R,as)=>{var $=Ia(),v=l($),Y=m(v);sa(Y,{class:"text-foreground-alt mr-2 size-5"}),p(),f(v),p(2),i(R,$)},$$slots:{default:!0}});var Os=a(bs,2);zi(Os,{class:"bg-muted -mx-1 my-1 block h-px"});var ds=a(Os,2);G(ds,{class:"rounded-button data-highlighted:bg-muted flex h-10 select-none items-center py-3 pl-3 pr-1.5 text-sm font-medium focus-visible:outline-none",children:(R,as)=>{var $=wa(),v=m($);Ui(v,{class:"text-foreground-alt mr-2 size-5"}),p(),f($),i(R,$)},$$slots:{default:!0}}),f(vs),f(is),Qi(3,vs,()=>Zi,()=>({duration:300})),i(fs,is)};xi(ms,fs=>{w()&&fs(ri)})}i(Fs,j)},$$slots:{child:!0}})},$$slots:{default:!0}}),i(Cs,Ds)},$$slots:{default:!0}})}const Gi={title:"Context Menu",description:"Displays contextual options and actions triggered by right-click."},{title:Gt,description:Ot}=Gi;var Ga=r('<figure class="code" data-rehype-pretty-code-figure=""><!></figure>'),Oa=r("You can then use the <!> component like this:",1),ja=r("This section covers how to manage the <!> state of the menu.",1),La=r("Use <!> for simple, automatic state synchronization:",1),Ha=r("Use a <!> for complete control over the state's reads and writes.",1),Na=r("You can combine the <!> and <!> components to create a radio group within a menu.",1),Ya=r("See the <!> and <!> APIs for more information.",1),Wa=r("You can use the <!> component to create a <!> element to add checkbox functionality to menu items.",1),Ua=r("See the <!> for more information.",1),Va=r("You can use the <!> component around a set of <!> components to create a checkbox group within a menu, where the <!> prop is an array of the selected values.",1),qa=r("The <!> state does not persist between menu open/close cycles. To persist the state, you must store it in a <!> variable and pass it to the <!> prop.",1),Xa=r("You can create nested menus using the <!> component to create complex menu structures.",1),Ja=r('<figure class="code" data-rehype-pretty-code-figure=""><!></figure>'),Ka=r("You can use the <!> prop along with the <!> snippet to forcefully mount the <!> component to use Svelte Transitions or another animation library that requires more control.",1),Qa=r("Of course, this isn't the prettiest syntax, so it's recommended to create your own reusable content component that handles this logic if you intend to use this approach. For more information on using transitions with Bits UI components, see the <!> documentation.",1),Za=r('<figure class="code" data-rehype-pretty-code-figure=""><!></figure>'),st=r('<!> <!> <figure data-rehype-pretty-code-figure=""><!></figure> <!> <!> <!> <figure data-rehype-pretty-code-figure="" data-metadata=""><figcaption data-rehype-pretty-code-title="" data-language="svelte" data-theme="Serendipity Midnight Serendipity Morning">CustomContextMenu.svelte</figcaption><!></figure> <!> <figure data-rehype-pretty-code-figure=""><!></figure> <!> <figure data-rehype-pretty-code-figure=""><!></figure> <!> <!> <!> <!> <figure data-rehype-pretty-code-figure=""><!></figure> <!> <!> <figure data-rehype-pretty-code-figure=""><!></figure> <!> <!> <figure data-rehype-pretty-code-figure=""><!></figure> <!> <!> <!> <figure data-rehype-pretty-code-figure=""><!></figure> <!> <!> <!> <figure data-rehype-pretty-code-figure=""><!></figure> <!> <!> <!> <!> <!> <figure data-rehype-pretty-code-figure=""><!></figure> <!> <!> <figure data-rehype-pretty-code-figure=""><!></figure> <!> <!> <!>',1);function jt(zs,Cs){Ni(zs,{get metadata(){return Gi},children:(os,Ds)=>{var Z=st(),N=l(Z);vi(N,{name:"context-menu-demo",componentName:"Context Menu",variant:"preview",preview:t=>{Vi(t)},children:(t,k)=>{var d=Ga(),s=m(d);n(s,()=>T,(e,y)=>{y(e,{class:"Serendipity Midnight Serendipity Morning",tabindex:"0","data-language":"svelte","data-theme":"Serendipity Midnight Serendipity Morning",children:(A,D)=>{var u=E(),g=l(u);C(g,()=>`<code data-language="svelte" data-theme="Serendipity Midnight Serendipity Morning" style="display: grid;"><span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">&lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">script</span><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585"> lang</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"ts"</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
2<span data-line=""><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">  import </span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#123;</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A"> &#125;</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383"> from </span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"bits-ui"</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">;</span></span>
3<span data-line=""><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">  import </span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">CopySimple</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383"> from </span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">

3"phosphor-svelte/lib/CopySimple"</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">;</span></span>
4<span data-line=""><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">  import </span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">MouseSimple</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383"> from </span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"phosphor-svelte/lib/MouseSimple"</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">;</span></span>
5<span data-line=""><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">  import </span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">PencilSimpleLine</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383"> from </span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"phosphor-svelte/lib/PencilSimpleLine"</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">;</span></span>
6<span data-line=""><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">  import </span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">PlusCircle</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383"> from </span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"phosphor-svelte/lib/PlusCircle"</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">;</span></span>
7<span data-line=""><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">  import </span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">Trash</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383"> from </span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"phosphor-svelte/lib/Trash"</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">;</span></span>
8<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">&lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">script</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
9<span data-line=""> </span>
10<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">&lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Root</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
11<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">  &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Trigger</span></span>
12<span data-line=""><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585">    class</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"rounded-card border-border-input text-muted-foreground flex h-[188px] w-[279px] select-none items-center justify-center border-2 border-dashed bg-transparent font-semibold"</span></span>
13<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">  ></span></span>
14<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">    &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">div</span><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585"> class</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"flex flex-col items-center justify-center gap-4 text-center"</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
15<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">      &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">MouseSimple</span><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585"> class</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"size-8"</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A"> /></span></span>
16<span data-line=""><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">      Right click me</span></span>
17<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">    &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">div</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
18<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">  &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Trigger</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
19<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">  &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Portal</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
20<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">    &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Content</span></span>
21<span data-line=""><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585">      class</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"border-muted bg-background shadow-popover w-[229px] rounded-xl border px-1 py-1.5 outline-none focus-visible:outline-none"</span></span>
22<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">    ></span></span>
23<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">      &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Item</span></span>
24<span data-line=""><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585">        class</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"rounded-button data-highlighted:bg-muted flex h-10 select-none items-center py-3 pl-3 pr-1.5 text-sm font-medium focus-visible:outline-none"</span></span>
25<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">      ></span></span>
26<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">        &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">div</span><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585"> class</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"flex items-center"</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
27<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">          &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">PencilSimpleLine</span><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585"> class</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"text-foreground-alt mr-2 size-5"</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A"> /></span></span>
28<span data-line=""><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">          Edit</span></span>
29<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">        &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">div</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
30<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">        &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">div</span><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585"> class</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"ml-auto flex items-center gap-px"</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
31<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">          &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">kbd</span></span>
32<span data-line=""><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585">            class</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"rounded-button border-dark-10 bg-background-alt text-muted-foreground shadow-kbd inline-flex size-5 items-center justify-center border text-[13px]"</span></span>
33<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">          ></span></span>
34<span data-line=""><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">            ⌘</span></span>
35<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">          &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">kbd</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
36<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">          &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">kbd</span></span>
37<span data-line=""><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585">            class</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"rounded-button border-dark-10 bg-background-alt text-muted-foreground shadow-kbd inline-flex size-5 items-center justify-center border text-[11px]"</span></span>
38<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">          ></span></span>
39<span data-line=""><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">            E</span></span>
40<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">          &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">kbd</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
41<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">        &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">div</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
42<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">      &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Item</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
43<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">      &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Sub</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
44<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">        &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">SubTrigger</span></span>
45<span data-line=""><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585">          class</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"rounded-button data-highlighted:bg-muted data-[state=open]:bg-muted flex h-10 select-none items-center py-3 pl-3 pr-1.5 text-sm font-medium focus-visible:outline-none"</span></span>
46<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">        ></span></span>
47<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">          &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">div</span><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585"> class</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"flex items-center"</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
48<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">            &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">PlusCircle</span><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585"> class</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"text-foreground-alt mr-2 size-5"</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A"> /></span></span>
49<span data-line=""><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">            Add</span></span>
50<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">          &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">div</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
51<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">          &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">div</span><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585"> class</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"ml-auto flex items-center gap-px"</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
52<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">            &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">kbd</span></span>
53<span data-line=""><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585">              class</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"rounded-button border-dark-10 bg-background-alt text-muted-foreground shadow-kbd inline-flex size-5 items-center justify-center border text-[13px]"</span></span>
54<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">            ></span></span>
55<span data-line=""><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">              ⌘</span></span>
56<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">            &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">kbd</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
57<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">            &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">kbd</span></span>
58<span data-line=""><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585">              class</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"rounded-button border-dark-10 bg-background-alt text-muted-foreground shadow-kbd inline-flex size-5 items-center justify-center border text-[11px]"</span></span>
59<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">            ></span></span>
60<span data-line=""><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">              N</span></span>
61<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">            &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">kbd</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
62<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">          &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">div</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
63<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">     

63   &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">SubTrigger</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
64<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">        &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">SubContent</span></span>
65<span data-line=""><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585">          class</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"border-muted bg-background shadow-popover z-100 ring-0! ring-transparent! w-[209px] rounded-xl border px-1 py-1.5"</span></span>
66<span data-line=""><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585">          sideOffset</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=&#123;</span><span style="--shiki-dark:#EEEEEE;--shiki-light:#4E4E4E">10</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span></span>
67<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">        ></span></span>
68<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">          &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Item</span></span>
69<span data-line=""><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585">            class</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"rounded-button data-highlighted:bg-muted flex h-10 select-none items-center py-3 pl-3 pr-1.5 text-sm font-normal focus-visible:outline-none"</span></span>
70<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">          ></span></span>
71<span data-line=""><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">            Header</span></span>
72<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">          &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Item</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
73<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">          &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Item</span></span>
74<span data-line=""><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585">            class</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"rounded-button data-highlighted:bg-muted flex h-10 select-none items-center py-3 pl-3 pr-1.5 text-sm font-normal focus-visible:outline-none"</span></span>
75<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">          ></span></span>
76<span data-line=""><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">            Paragraph</span></span>
77<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">          &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Item</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
78<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">          &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Item</span></span>
79<span data-line=""><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585">            class</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"rounded-button data-highlighted:bg-muted flex h-10 select-none items-center py-3 pl-3 pr-1.5 text-sm font-normal focus-visible:outline-none"</span></span>
80<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">          ></span></span>
81<span data-line=""><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">            Codeblock</span></span>
82<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">          &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Item</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
83<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">          &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Item</span></span>
84<span data-line=""><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585">            class</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"rounded-button data-highlighted:bg-muted flex h-10 select-none items-center py-3 pl-3 pr-1.5 text-sm font-normal focus-visible:outline-none"</span></span>
85<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">          ></span></span>
86<span data-line=""><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">            List</span></span>
87<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">          &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Item</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
88<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">          &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Item</span></span>
89<span data-line=""><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585">            class</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"rounded-button data-highlighted:bg-muted flex h-10 select-none items-center py-3 pl-3 pr-1.5 text-sm font-normal focus-visible:outline-none"</span></span>
90<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">          ></span></span>
91<span data-line=""><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">            Task</span></span>
92<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">          &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Item</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
93<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">        &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">SubContent</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
94<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">      &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Sub</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
95<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">      &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Item</span></span>
96<span data-line=""><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585">        class</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"rounded-button data-highlighted:bg-muted flex h-10 select-none items-center py-3 pl-3 pr-1.5 text-sm font-medium focus-visible:outline-none"</span></span>
97<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">      ></span></span>
98<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">        &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">div</span><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585"> class</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"flex items-center"</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
99<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">          &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">CopySimple</span><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585"> class</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"text-foreground-alt mr-2 size-5"</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A"> /></span></span>
100<span data-line=""><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">          Duplicate</span></span>
101<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">        &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">div</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
102<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">        &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">div</span><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585"> class</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"ml-auto flex items-center gap-px"</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
103<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">          &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">kbd</span></span>
104<span data-line=""><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585">            class</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"rounded-button border-dark-10 bg-background-alt text-muted-foreground shadow-kbd inline-flex size-5 items-center justify-center border text-[13px]"</span></span>
105<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">          ></span></span>
106<span data-line=""><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">            ⌘</span></span>
107<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">          &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">kbd</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
108<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">          &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">kbd</span></span>
109<span data-line=""><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585">            class</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"rounded-button border-dark-10 bg-background-alt text-muted-foreground shadow-kbd inline-flex size-5 items-center justify-center border text-[11px]"</span></span>
110<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">          ></span></span>
111<span data-line=""><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">            D</span></span>
112<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">          &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">kbd</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
113<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">        &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">div</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
114<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">      &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Item</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
115<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">      &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Separator</span><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585"> class</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"bg-muted -mx-1 my-1 block h-px"</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A"> /></span></span>
116<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">      &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Item</span></span>
117<span data-line=""><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585">        class</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"rounded-button data-highlighted:bg-muted flex h-10 select-none items-center py-3 pl-3 pr-1.5 text-sm font-medium focus-visible:outline-none"</span></span>
118<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">      ></span></span>
119<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">        &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">div</span><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585"> class</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"flex items-center"</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
120<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">          &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Trash</span><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585"> class</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"text-foreground-alt mr-2 size-5"</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A"> /></span></span>
121<span data-line=""><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">          Delete</span></span>
122<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">        &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">div</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
123<span data-line=""><span style

123="--shiki-dark:#707070;--shiki-light:#9A9A9A">      &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Item</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
124<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">    &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Content</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
125<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">  &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Portal</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
126<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">&lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Root</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span></code>`),i(A,u)},$$slots:{default:!0}})}),f(d),i(t,d)},$$slots:{preview:!0,default:!0}});var ss=a(N,2);n(ss,()=>Ts,(h,t)=>{t(h,{id:"structure",children:(k,d)=>{p();var s=o("Structure");i(k,s)},$$slots:{default:!0}})});var Gs=a(ss,2),us=m(Gs);n(us,()=>T,(h,t)=>{t(h,{class:"Serendipity Midnight Serendipity Morning",tabindex:"0","data-language":"svelte","data-theme":"Serendipity Midnight Serendipity Morning",children:(k,d)=>{var s=E(),e=l(s);C(e,()=>`<code data-language="svelte" data-theme="Serendipity Midnight Serendipity Morning" style="display: grid;"><span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">&lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">script</span><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585"> lang</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"ts"</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
127<span data-line=""><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">  import </span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#123;</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A"> &#125;</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383"> from </span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"bits-ui"</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">;</span></span>
128<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">&lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">script</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
129<span data-line=""> </span>
130<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">&lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Root</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
131<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">  &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Trigger</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A"> /></span></span>
132<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">  &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Portal</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
133<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">    &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Content</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
134<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">      &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Group</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
135<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">        &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">GroupHeading</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A"> /></span></span>
136<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">        &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Item</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A"> /></span></span>
137<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">      &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Group</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
138<span data-line=""> </span>
139<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">      &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Item</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A"> /></span></span>
140<span data-line=""> </span>
141<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">      &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">CheckboxItem</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
142<span data-line=""><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">        &#123;#</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">snippet</span><span style="--shiki-dark:#EEEEEE;--shiki-light:#4E4E4E"> children</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">(</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#123;</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> checked </span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">)</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span></span>
143<span data-line=""><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">          &#123;</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">checked </span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">?</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C"> "✅"</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383"> :</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C"> ""</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span></span>
144<span data-line=""><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">        &#123;/</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">snippet</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span></span>
145<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">      &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">CheckboxItem</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
146<span data-line=""> </span>
147<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">      &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">RadioGroup</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
148<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">        &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">GroupHeading</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A"> /></span></span>
149<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">        &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">RadioItem</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
150<span data-line=""><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">          &#123;#</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">snippet</span><span style="--shiki-dark:#EEEEEE;--shiki-light:#4E4E4E"> children</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">(</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#123;</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> checked </span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">)</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span></span>
151<span data-line=""><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">            &#123;</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">checked </span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">?</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C"> "✅"</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383"> :</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C"> ""</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span></span>
152<span data-line=""><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">          &#123;/</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">snippet</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span></span>
153<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">        &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">RadioItem</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
154<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">      &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">RadioGroup</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
155<span data-line=""> </span>
156<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">      &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Sub</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
157<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">        &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">SubTrigger</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A"> /></span></span>
158<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">        &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">SubContent</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A"> /></span></span>
159<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">      &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Sub</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
160<span data-line=""> </span>
161<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">      &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Separator</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A"> /></span></span>
162<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">      &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Arrow</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A"> /></span></span>
163<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">    &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Content</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
164<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">  &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Portal</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
165<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">&lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">

165Root</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span></code>`),i(k,s)},$$slots:{default:!0}})}),f(Gs);var Fs=a(Gs,2);n(Fs,()=>Ts,(h,t)=>{t(h,{id:"reusable-components",children:(k,d)=>{p();var s=o("Reusable Components");i(k,s)},$$slots:{default:!0}})});var cs=a(Fs,2);n(cs,()=>S,(h,t)=>{t(h,{children:(k,d)=>{p();var s=o("If you're planning to use Context Menu in multiple places, you can create a reusable component that wraps the Context Menu component.");i(k,s)},$$slots:{default:!0}})});var ii=a(cs,2);n(ii,()=>S,(h,t)=>{t(h,{children:(k,d)=>{p();var s=o("This example shows you how to create a Context Menu component that accepts a few custom props that make it more capable.");i(k,s)},$$slots:{default:!0}})});var O=a(ii,2),w=a(m(O));n(w,()=>T,(h,t)=>{t(h,{class:"Serendipity Midnight Serendipity Morning",tabindex:"0","data-language":"svelte","data-theme":"Serendipity Midnight Serendipity Morning","data-metadata":"",children:(k,d)=>{var s=E(),e=l(s);C(e,()=>`<code data-language="svelte" data-theme="Serendipity Midnight Serendipity Morning" style="display: grid;"><span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">&lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">script</span><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585"> lang</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"ts"</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
166<span data-line=""><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">  import type </span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#123;</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> Snippet</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A"> &#125;</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383"> from </span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"svelte"</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">;</span></span>
167<span data-line=""><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">  import </span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#123;</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">,</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383"> type </span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">WithoutChild</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A"> &#125;</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383"> from </span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"bits-ui"</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">;</span></span>
168<span data-line=""><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">  type</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C"> Props</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383"> =</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C"> ContextMenu</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Props</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383"> &amp;</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A"> &#123;</span></span>
169<span data-line=""><span style="--shiki-dark:#EEEEEE;--shiki-light:#4E4E4E">    trigger</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">:</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C"> Snippet</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">;</span></span>
170<span data-line=""><span style="--shiki-dark:#EEEEEE;--shiki-light:#4E4E4E">    items</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">:</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C"> string</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">[]</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">;</span></span>
171<span data-line=""><span style="--shiki-dark:#EEEEEE;--shiki-light:#4E4E4E">    contentProps</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">?:</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C"> WithoutChild</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Content</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Props</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">>;</span></span>
172<span data-line=""><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">    //</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A"> other component props if needed</span></span>
173<span data-line=""><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">  &#125;;</span></span>
174<span data-line=""><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">

174  let</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A"> &#123;</span></span>
175<span data-line=""><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">    open </span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">=</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A"> $</span><span style="--shiki-dark:#EEEEEE;--shiki-light:#4E4E4E">bindable</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">(</span><span style="--shiki-dark:#EEEEEE;--shiki-light:#4E4E4E">false</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">)</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">,</span></span>
176<span data-line=""><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">    children</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">,</span></span>
177<span data-line=""><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">    trigger</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">,</span></span>
178<span data-line=""><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">    items</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">,</span></span>
179<span data-line=""><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">    contentProps</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">,</span></span>
180<span data-line=""><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">    ...</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">restProps</span></span>
181<span data-line=""><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">  &#125;</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">:</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C"> Props</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383"> =</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A"> $</span><span style="--shiki-dark:#EEEEEE;--shiki-light:#4E4E4E">props</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">()</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">;</span></span>
182<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">&lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">script</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
183<span data-line=""> </span>
184<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">&lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Root</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383"> bind</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">:</span><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585">open</span><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585"> &#123;</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">...</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">restProps</span><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585">&#125;</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
185<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">  &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Trigger</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
186<span data-line=""><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">    &#123;@</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">render</span><span style="--shiki-dark:#EEEEEE;--shiki-light:#4E4E4E"> trigger</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">()</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span></span>
187<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">  &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Trigger</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
188<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">  &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Portal</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
189<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">    &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Content</span><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585"> &#123;</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">...</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">contentProps</span><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585">&#125;</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
190<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">      &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Group</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
191<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">        &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">GroupHeading</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">Select an Office</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">&lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">GroupHeading</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
192<span data-line=""><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">        &#123;#</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">each</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> items </span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">as</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> item</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span></span>
193<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">          &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Item</span><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585"> textValue</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=&#123;</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">item</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
194<span data-line=""><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">            &#123;</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">item</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span></span>
195<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">          &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Item</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
196<span data-line=""><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">        &#123;/</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">each</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span></span>
197<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">      &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Group</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
198<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">    &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Content</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
199<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">  &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Portal</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
200<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">&lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">

200Root</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span></code>`),i(k,s)},$$slots:{default:!0}})}),f(O);var j=a(O,2);n(j,()=>S,(h,t)=>{t(h,{children:(k,d)=>{p();var s=Oa(),e=a(l(s));C(e,()=>"<code>CustomContextMenu</code>"),p(),i(k,s)},$$slots:{default:!0}})});var ms=a(j,2),ri=m(ms);n(ri,()=>T,(h,t)=>{t(h,{class:"Serendipity Midnight Serendipity Morning",tabindex:"0","data-language":"svelte","data-theme":"Serendipity Midnight Serendipity Morning",children:(k,d)=>{var s=E(),e=l(s);C(e,()=>`<code data-language="svelte" data-theme="Serendipity Midnight Serendipity Morning" style="display: grid;"><span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">&lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">script</span><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585"> lang</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"ts"</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
201<span data-line=""><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">  import </span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">CustomContextMenu</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383"> from </span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"./CustomContextMenu.svelte"</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">;</span></span>
202<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">&lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">script</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
203<span data-line=""> </span>
204<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">&lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">CustomContextMenu</span></span>
205<span data-line=""><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585">  items</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=&#123;</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">[</span></span>
206<span data-line=""><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">    "Dunder Mifflin"</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">,</span></span>
207<span data-line=""><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">    "Vance Refrigeration"</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">,</span></span>
208<span data-line=""><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">    "Michael Scott Paper Company"</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">,</span></span>
209<span data-line=""><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">  ]</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span></span>
210<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
211<span data-line=""><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">  &#123;#</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">snippet</span><span style="--shiki-dark:#EEEEEE;--shiki-light:#4E4E4E"> triggerArea</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">()</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span></span>
212<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">    &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">div</span></span>
213<span data-line=""><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585">      class</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"grid size-20 place-items-center rounded-lg border border-dashed p-4"</span></span>
214<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">    ></span></span>
215<span data-line=""><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">      Right-click me</span></span>
216<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">    &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">div</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
217<span data-line=""><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">  &#123;/</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">snippet</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span></span>
218<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">&lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">CustomContextMenu</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span></code>`),i(k,s)},$$slots:{default:!0}})}),f(ms);var fs=a(ms,2);n(fs,()=>S,(h,t)=>{t(h,{children:(k,d)=>{p();var s=o("Alternatively, you can define the snippet(s) separately and pass them as props to the component:");i(k,s)},$$slots:{default:!0}})});var is=a(fs,2),vs=m(is);n(vs,()=>T,(h,t)=>{t(h,{class:"Serendipity Midnight Serendipity Morning",tabindex:"0","data-language":"svelte","data-theme":"Serendipity Midnight Serendipity Morning",children:(k,d)=>{var s=E(),e=l(s);C(e,()=>`<code data-language="svelte" data-theme="Serendipity Midnight Serendipity Morning" style="display: grid;"><span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">&lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">script</span><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585"> lang</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"ts"</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
219<span data-line=""><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">  import </span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">CustomContextMenu</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383"> from </span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"./CustomContextMenu.svelte"</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">;</span></span>
220<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">&lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">script</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
221<span data-line=""> </span>
222<span data-line=""><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#123;#</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">snippet</span><span style="--shiki-dark:#EEEEEE;--shiki-light:#4E4E4E"> triggerArea</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">()</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span></span>
223<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">  &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">div</span></span>
224<span data-line=""><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585">    class</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"grid size-20 place-items-center rounded-lg border border-dashed p-4"</span></span>
225<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">  ></span></span>
226<span data-line=""><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">    Right-click me</span></span>
227<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">  &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">div</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
228<span data-line=""><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#123;/</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">snippet</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span></span>
229<span data-line=""> </span>
230<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">&lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">CustomContextMenu</span></span>
231<span data-line=""><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585">  items</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=&#123;</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">[</span></span>
232<span data-line=""><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">

232    "Dunder Mifflin"</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">,</span></span>
233<span data-line=""><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">    "Vance Refrigeration"</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">,</span></span>
234<span data-line=""><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">    "Michael Scott Paper Company"</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">,</span></span>
235<span data-line=""><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">  ]</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span></span>
236<span data-line=""><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585">  &#123;</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">triggerArea</span><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585">&#125;</span></span>
237<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">/></span></span></code>`),i(k,s)},$$slots:{default:!0}})}),f(is);var ai=a(is,2);n(ai,()=>Ts,(h,t)=>{t(h,{id:"managing-open-state",children:(k,d)=>{p();var s=o("Managing Open State");i(k,s)},$$slots:{default:!0}})});var xs=a(ai,2);n(xs,()=>S,(h,t)=>{t(h,{children:(k,d)=>{p();var s=ja(),e=a(l(s));C(e,()=>"<code>open</code>"),p(),i(k,s)},$$slots:{default:!0}})});var bs=a(xs,2);n(bs,()=>Pi,(h,t)=>{t(h,{id:"two-way-binding",children:(k,d)=>{p();var s=o("Two-Way Binding");i(k,s)},$$slots:{default:!0}})});var Os=a(bs,2);n(Os,()=>S,(h,t)=>{t(h,{children:(k,d)=>{p();var s=La(),e=a(l(s));C(e,()=>"<code>bind:open</code>"),p(),i(k,s)},$$slots:{default:!0}})});var ds=a(Os,2),R=m(ds);n(R,()=>T,(h,t)=>{t(h,{class:"Serendipity Midnight Serendipity Morning",tabindex:"0","data-language":"svelte","data-theme":"Serendipity Midnight Serendipity Morning",children:(k,d)=>{var s=E(),e=l(s);C(e,()=>`<code data-language="svelte" data-theme="Serendipity Midnight Serendipity Morning" style="display: grid;"><span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">&lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">script</span><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585"> lang</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"ts"</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
238<span data-line=""><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">  import </span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#123;</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A"> &#125;</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383"> from </span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"bits-ui"</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">;</span></span>
239<span class="line--highlighted" data-line="" data-highlighted-line=""><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">  let</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> isOpen </span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">=</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A"> $</span><span style="--shiki-dark:#EEEEEE;--shiki-light:#4E4E4E">state</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">(</span><span style="--shiki-dark:#EEEEEE;--shiki-light:#4E4E4E">false</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">)</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">;</span></span>
240<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">&lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">script</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
241<span data-line=""> </span>
242<span class="line--highlighted" data-line="" data-highlighted-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">&lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">button</span><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585"> onclick</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=&#123;()</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383"> =></span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">

242 (isOpen </span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">=</span><span style="--shiki-dark:#EEEEEE;--shiki-light:#4E4E4E"> true</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">)</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">Open Context Menu</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">&lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">button</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
243<span data-line=""> </span>
244<span class="line--highlighted" data-line="" data-highlighted-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">&lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Root</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383"> bind</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">:</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">open</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=&#123;</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">isOpen</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
245<span data-line=""><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">  &lt;!--</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A"> ... </span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">--></span></span>
246<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">&lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Root</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span></code>`),i(k,s)},$$slots:{default:!0}})}),f(ds);var as=a(ds,2);n(as,()=>Pi,(h,t)=>{t(h,{id:"fully-controlled",children:(k,d)=>{p();var s=o("Fully Controlled");i(k,s)},$$slots:{default:!0}})});var $=a(as,2);n($,()=>S,(h,t)=>{t(h,{children:(k,d)=>{p();var s=Ha(),e=a(l(s));n(e,()=>Di,(y,A)=>{A(y,{href:"https://svelte.dev/docs/svelte/bind#Function-bindings",children:(D,u)=>{p();var g=o("Function Binding");i(D,g)},$$slots:{default:!0}})}),p(),i(k,s)},$$slots:{default:!0}})});var v=a($,2),Y=m(v);n(Y,()=>T,(h,t)=>{t(h,{class:"Serendipity Midnight Serendipity Morning",tabindex:"0","data-language":"svelte","data-theme":"Serendipity Midnight Serendipity Morning",children:(k,d)=>{var s=E(),e=l(s);C(e,()=>`<code data-language="svelte" data-theme="Serendipity Midnight Serendipity Morning" style="display: grid;"><span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">&lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">script</span><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585"> lang</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"ts"</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
247<span data-line=""><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">  import </span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#123;</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A"> &#125;</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383"> from </span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"bits-ui"</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">;</span></span>
248<span data-line=""><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">  let</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> myOpen </span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">=</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A"> $</span><span style="--shiki-dark:#EEEEEE;--shiki-light:#4E4E4E">state</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">(</span><span style="--shiki-dark:#EEEEEE;--shiki-light:#4E4E4E">

248false</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">)</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">;</span></span>
249<span data-line=""> </span>
250<span data-line=""><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">  function</span><span style="--shiki-dark:#EEEEEE;--shiki-light:#4E4E4E"> getOpen</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">()</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A"> &#123;</span></span>
251<span data-line=""><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">    return</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> myOpen</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">;</span></span>
252<span data-line=""><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">  &#125;</span></span>
253<span data-line=""> </span>
254<span data-line=""><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">  function</span><span style="--shiki-dark:#EEEEEE;--shiki-light:#4E4E4E"> setOpen</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">(</span><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585">newOpen</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">:</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C"> boolean</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">)</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A"> &#123;</span></span>
255<span data-line=""><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">

255    myOpen </span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">=</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> newopen</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">;</span></span>
256<span data-line=""><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">  &#125;</span></span>
257<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">&lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">script</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
258<span data-line=""> </span>
259<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">&lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Root</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383"> bind</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">:</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">open</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=&#123;</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">getOpen</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">,</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> setOpen</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
260<span data-line=""><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">  &lt;!--</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A"> ... </span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">--></span></span>
261<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">&lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Root</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span></code>`),i(k,s)},$$slots:{default:!0}})}),f(v);var $s=a(v,2);n($s,()=>Ts,(h,t)=>{t(h,{id:"radio-groups",children:(k,d)=>{p();var s=o("Radio Groups");i(k,s)},$$slots:{default:!0}})});var ti=a($s,2);n(ti,()=>S,(h,t)=>{t(h,{children:(k,d)=>{p();var s=Na(),e=a(l(s));C(e,()=>"<code>ContextMenu.RadioGroup</code>");var y=a(e,2);C(y,()=>"<code>ContextMenu.RadioItem</code>"),p(),i(k,s)},$$slots:{default:!0}})});var W=a(ti,2),Bs=m(W);n(Bs,()=>T,(h,t)=>{t(h,{class:"Serendipity Midnight Serendipity Morning",tabindex:"0","data-language":"svelte","data-theme":"Serendipity Midnight Serendipity Morning",children:(k,d)=>{var s=E(),e=l(s);C(e,()=>`<code data-language="svelte" data-theme="Serendipity Midnight Serendipity Morning" style="display: grid;"><span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">&lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">script</span><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585"> lang</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"ts"</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
262<span data-line=""><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">  import </span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#123;</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A"> &#125;</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383"> from </span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"bits-ui"</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">;</span></span>
263<span data-line=""> </span>
264<span data-line=""><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">  const</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> values </span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">=</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> [</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"one"</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">

264,</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C"> "two"</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">,</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C"> "three"</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">]</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">;</span></span>
265<span data-line=""><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">  let</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> value </span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">=</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A"> $</span><span style="--shiki-dark:#EEEEEE;--shiki-light:#4E4E4E">state</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">(</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"one"</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">)</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">;</span></span>
266<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">&lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">script</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
267<span data-line=""> </span>
268<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">&lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">RadioGroup</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383"> bind</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">:</span><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585">value</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
269<span data-line=""><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">  &#123;#</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">each</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> values </span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">as</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> value</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span></span>
270<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">    &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">RadioItem</span><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585"> &#123;</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">value</span><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585">&#125;</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
271<span data-line=""><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">      &#123;#</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">snippet</span><span style="--shiki-dark:#EEEEEE;--shiki-light:#4E4E4E"> children</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">(</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#123;</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> checked </span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">)</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span></span>
272<span data-line=""><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">        &#123;#</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">if</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> checked</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span></span>
273<span data-line=""><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">          ✅</span></span>
274<span data-line=""><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">        &#123;/</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">if</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span></span>
275<span data-line=""><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">        &#123;</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">value</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span></span>
276<span data-line=""><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">      &#123;/</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">snippet</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span></span>
277<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">    &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">RadioItem</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
278<span data-line=""><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">  &#123;/</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">each</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span></span>
279<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">&lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">RadioGroup</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span></code>`),i(k,s)},$$slots:{default:!0}})}),f(W);var ts=a(W,2);n(ts,()=>S,(h,t)=>{t(h,{children:(k,d)=>{p();var s=Ya(),e=a(l(s));n(e,()=>Di,(A,D)=>{D(A,{href:"#radiogroup",children:(u,g)=>{p();var F=o("RadioGroup");i(u,F)},$$slots:{default:!0}})});var y=a(e,2);n(y,()=>Di,(A,D)=>{D(A,{href:"#radioitem",children:(u,g)=>{p();var F=o("RadioItem");i(u,F)},$$slots:{default:!0}})}),p(),i(k,s)},$$slots:{default:!0}})});var Ms=a(ts,2);n(Ms,()=>Ts,(h,t)=>{t(h,{id:"checkbox-items",children:(k,d)=>{p();var s=o("Checkbox Items");i(k,s)},$$slots:{default:!0}})});var _s=a(Ms,2);n(_s,()=>S,(h,t)=>{t(h,{children:(k,d)=>{p();var s=Wa(),e=a(l(s));C(e,()=>"<code>ContextMenu.CheckboxItem</code>");var y=a(e,2);C(y,()=>"<code>menuitemcheckbox</code>"),p(),i(k,s)},$$slots:{default:!0}})});var js=a(_s,2),B=m(js);n(B,()=>T,(h,t)=>{t(h,{class:"Serendipity Midnight Serendipity Morning",tabindex:"0","data-language":"svelte","data-theme":"Serendipity Midnight Serendipity Morning",children:(k,d)=>{var s=E(),e=l(s);C(e,()=>`<code data-language="svelte" data-theme="Serendipity Midnight Serendipity Morning" style="display: grid;"><span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">&lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">script</span><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585"> lang</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"ts"</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
280<span data-line=""><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">  import </span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#123;</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A"> &#125;</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383"> from </span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"bits-ui"</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">;</span></span>
281<span data-line=""> </span>
282<span data-line=""><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">

282  let</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> notifications </span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">=</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A"> $</span><span style="--shiki-dark:#EEEEEE;--shiki-light:#4E4E4E">state</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">(</span><span style="--shiki-dark:#EEEEEE;--shiki-light:#4E4E4E">true</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">)</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">;</span></span>
283<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">&lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">script</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
284<span data-line=""> </span>
285<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">&lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">CheckboxItem</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383"> bind</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">:</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">checked</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=&#123;</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">notifications</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
286<span data-line=""><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">  &#123;#</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">snippet</span><span style="--shiki-dark:#EEEEEE;--shiki-light:#4E4E4E"> children</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">(</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#123;</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> checked</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">,</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> indeterminate </span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">)</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span></span>
287<span data-line=""><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">    &#123;#</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">if</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> indeterminate</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span></span>
288<span data-line=""><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">      -</span></span>
289<span data-line=""><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">    &#123;:</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">else if</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> checked</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span></span>
290<span data-line=""><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">      ✅</span></span>
291<span data-line=""><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">    &#123;/</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">if</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span></span>
292<span data-line=""><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">    Notifications</span></span>
293<span data-line=""><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">  &#123;/</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">snippet</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span></span>
294<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">&lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">CheckboxItem</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span></code>`),i(k,s)},$$slots:{default:!0}})}),f(js);var z=a(js,2);n(z,()=>S,(h,t)=>{t(h,{children:(k,d)=>{p();var s=Ua(),e=a(l(s));n(e,()=>Di,(y,A)=>{A(y,{href:"#checkboxitem",children:(D,u)=>{p();var g=o("CheckboxItem API");i(D,g)},$$slots:{default:!0}})}),p(),i(k,s)},$$slots:{default:!0}})});var x=a(z,2);n(x,()=>Ts,(h,t)=>{t(h,{id:"checkbox-groups",children:(k,d)=>{p();var s=o("Checkbox Groups");

294i(k,s)},$$slots:{default:!0}})});var Ai=a(x,2);n(Ai,()=>S,(h,t)=>{t(h,{children:(k,d)=>{p();var s=Va(),e=a(l(s));C(e,()=>"<code>ContextMenu.CheckboxGroup</code>");var y=a(e,2);C(y,()=>"<code>ContextMenu.CheckboxItem</code>");var A=a(y,2);C(A,()=>"<code>value</code>"),p(),i(k,s)},$$slots:{default:!0}})});var U=a(Ai,2),Ls=m(U);n(Ls,()=>T,(h,t)=>{t(h,{class:"Serendipity Midnight Serendipity Morning",tabindex:"0","data-language":"svelte","data-theme":"Serendipity Midnight Serendipity Morning",children:(k,d)=>{var s=E(),e=l(s);C(e,()=>`<code data-language="svelte" data-theme="Serendipity Midnight Serendipity Morning" style="display: grid;"><span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">&lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">script</span><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585"> lang</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"ts"</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
295<span data-line=""><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">  import </span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#123;</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A"> &#125;</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383"> from </span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"bits-ui"</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">;</span></span>
296<span data-line=""> </span>
297<span data-line=""><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">  let</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> colors </span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">=</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A"> $</span><span style="--shiki-dark:#EEEEEE;--shiki-light:#4E4E4E">state</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">string</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">[]</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">></span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">([])</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">;</span></span>
298<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">&lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">script</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
299<span data-line=""> </span>
300<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">&lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">CheckboxGroup</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383"> bind</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">:</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">value</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=&#123;</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">colors</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
301<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">  &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">GroupHeading</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">Favorite color</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">&lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">GroupHeading</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
302<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">  &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">CheckboxItem</span><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585"> value</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"red"</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
303<span data-line=""><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">    &#123;#</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">snippet</span><span style="--shiki-dark:#EEEEEE;--shiki-light:#4E4E4E"> children</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">(</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#123;</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> checked </span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">)</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span></span>
304<span data-line=""><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">      &#123;#</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">if</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> checked</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span></span>
305<span data-line=""><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">        ✅</span></span>
306<span data-line=""><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">      &#123;/</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">if</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span></span>
307<span data-line=""><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">      Red</span></span>
308<span data-line=""><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">    &#123;/</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">snippet</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span></span>
309<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">  &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">CheckboxItem</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
310<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">  &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">CheckboxItem</span><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585"> value</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"blue"</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
311<span data-line=""><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">    &#123;#</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">snippet</span><span style="--shiki-dark:#EEEEEE;--shiki-light:#4E4E4E"> children</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">(</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#123;</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> checked </span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">)</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span></span>
312<span data-line=""><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">      &#123;#</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">if</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> checked</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span></span>
313<span data-line=""><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">        ✅</span></span>
314<span data-line=""><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">      &#123;/</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">if</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span></span>
315<span data-line=""><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">      Blue</span></span>
316<span data-line=""><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">    &#123;/</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">snippet</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span></span>
317<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">  &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">CheckboxItem</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
318<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">  &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">CheckboxItem</span><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585"> value</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"green"</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
319<span data-line=""><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">    &#123;#</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">snippet</span><span style="--shiki-dark:#EEEEEE;--shiki-light:#4E4E4E"> children</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">(</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#123;</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> checked </span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">)</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span></span>
320<span data-line=""><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">      &#123;#</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">if</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> checked</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span></span>
321<span data-line=""><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">        ✅</span></span>
322<span data-line=""><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">      &#123;/</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">if</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span></span>
323<span data-line=""><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">      Green</span></span>
324<span data-line=""><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">    &#123;/</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">snippet</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span></span>
325<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">  &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">CheckboxItem</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
326<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">&lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">CheckboxGroup</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span></code>`),i(k,s)},$$slots:{default:!0}})}),f(U);var ni=a(U,2);n(ni,()=>S,(h,t)=>{t(h,{children:(k,d)=>{p();var s=qa(),e=a(l(s));C(e,()=>"<code>value</code>");var y=a(e,2);C(y,()=>"<code>$state</code>");var A=a(y,2);C(A,()=>"<code>value</code>"),p(),i(k,s)},$$slots:{default:!0}})});var ns=a(ni,2);n(ns,()=>Ts,(h,t)=>{t(h,{id:"nested-menus",children:(k,d)=>{p();var s=o("Nested Menus");i(k,s)},$$slots:{default:!0}})});var hs=a(ns,2);n(hs,()=>S,(h,t)=>{t(h,{children:(k,d)=>{p();var s=Xa(),e=a(l(s));C(e,()=>"<code>ContextMenu.Sub</code>"),p(),i(k,s)},$$slots:{default:!0}})});var ks=a(hs,2);n(ks,()=>S,(h,t)=>{t(h,{children:(k,d)=>{p();var s=o("The example below shows a deeper hierarchy with radio groups, a checkbox group, and multiple nested submenus (similar to filtering an issue in a project tracker).");i(k,s)},$$slots:{default:!0}})});var hi=a(ks,2);vi(hi,{name:"context-menu-demo-nested",componentName:"Context Menu",containerClass:"mt-4",preview:t=>{$a(t)},children:(t,k)=>{var d=Ja(),s=m(d);n(s,()=>T,(e,y)=>{y(e,{class:"Serendipity Midnight Serendipity Morning",tabindex:"0","data-language":"svelte","data-theme":"Serendipity Midnight Serendipity Morning",children:(A,D)=>{var u=E(),g=l(u);C(g,()=>`<code data-language="svelte" data-theme="Serendipity Midnight Serendipity Morning" style="display: grid;"><span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">&lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">script</span><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585"> lang</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"ts"</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
327<span data-line=""><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">  import </span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#123;</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A"> &#125;</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383"> from </span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"bits-ui"</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">;</span></span>
328<span data-line=""><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">  import </span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">CaretRight</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383"> from </span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"phosphor-svelte/lib/CaretRight"</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">;</span></span>
329<span data-line=""><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">  import </span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">Check</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383"> from </span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"phosphor-svelte/lib/Check"</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">;</span></span>
330<span data-line=""><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">  import </span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">MouseSimple</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383"> from </span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">

330"phosphor-svelte/lib/MouseSimple"</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">;</span></span>
331<span data-line=""> </span>
332<span data-line=""><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">  let</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> selectedStatus </span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">=</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A"> $</span><span style="--shiki-dark:#EEEEEE;--shiki-light:#4E4E4E">state</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">(</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"in-progress"</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">)</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">;</span></span>
333<span data-line=""><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">  let</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> selectedPriority </span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">=</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A"> $</span><span style="--shiki-dark:#EEEEEE;--shiki-light:#4E4E4E">state</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">(</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"p2"</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">)</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">;</span></span>
334<span data-line=""><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">  let</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> selectedType </span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">=</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A"> $</span><span style="--shiki-dark:#EEEEEE;--shiki-light:#4E4E4E">state</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">(</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"feature"</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">)</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">;</span></span>
335<span data-line=""><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">  let</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> selectedLabel </span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">=</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A"> $</span><span style="--shiki-dark:#EEEEEE;--shiki-light:#4E4E4E">state</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">(</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"customer-facing"</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">)</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">;</span></span>
336<span data-line=""><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">  let</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> digestPrefs </span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">=</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A"> $</span><span style="--shiki-dark:#EEEEEE;--shiki-light:#4E4E4E">state</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">string</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">[]</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">></span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">([</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"assignee"</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">,</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C"> "mentions"</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">])</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">;</span></span>
337<span data-line=""> </span>
338<span data-line=""><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">  const</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> statusItems </span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">=</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> [</span></span>
339<span data-line=""><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">    &#123;</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> value</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">:</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C"> "icebox"</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">

339,</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> label</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">:</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C"> "Icebox"</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A"> &#125;,</span></span>
340<span data-line=""><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">    &#123;</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> value</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">:</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C"> "backlog"</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">,</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> label</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">:</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C"> "Backlog"</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A"> &#125;,</span></span>
341<span data-line=""><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">    &#123;</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> value</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">:</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C"> "todo"</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">,</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> label</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">:</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C"> "Todo"</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A"> &#125;,</span></span>
342<span data-line=""><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">    &#123;</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> value</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">:</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C"> "in-progress"</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">,</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> label</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">:</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C"> "In progress"</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A"> &#125;,</span></span>
343<span data-line=""><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">    &#123;</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> value</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">:</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C"> "done"</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">,</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> label</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">:</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C"> "Done"</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A"> &#125;</span></span>
344<span data-line=""><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">  ] </span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">as</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383"> const</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">;</span></span>
345<span data-line=""> </span>
346<span data-line=""><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">  const</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> priorityItems </span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">=</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> [</span></span>
347<span data-line=""><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">    &#123;</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> value</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">:</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C"> "p0"</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">,</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> label</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">:</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C"> "P0 - Critical"</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A"> &#125;,</span></span>
348<span data-line=""><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">    &#123;</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> value</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">:</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C"> "p1"</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">

348,</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> label</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">:</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C"> "P1 - High"</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A"> &#125;,</span></span>
349<span data-line=""><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">    &#123;</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> value</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">:</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C"> "p2"</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">,</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> label</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">:</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C"> "P2 - Medium"</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A"> &#125;,</span></span>
350<span data-line=""><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">    &#123;</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> value</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">:</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C"> "p3"</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">,</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> label</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">:</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C"> "P3 - Low"</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A"> &#125;</span></span>
351<span data-line=""><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">  ] </span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">as</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383"> const</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">;</span></span>
352<span data-line=""> </span>
353<span data-line=""><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">  const</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> typeItems </span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">=</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> [</span></span>
354<span data-line=""><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">    &#123;</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> value</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">:</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C"> "bug"</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">,</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> label</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">:</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C"> "Bug"</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A"> &#125;,</span></span>
355<span data-line=""><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">    &#123;</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> value</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">:</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C"> "feature"</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">,</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> label</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">:</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C"> "Feature"</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A"> &#125;,</span></span>
356<span data-line=""><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">    &#123;</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> value</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">:</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C"> "improvement"</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">,</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> label</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">:</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">

356 "Improvement"</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A"> &#125;,</span></span>
357<span data-line=""><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">    &#123;</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> value</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">:</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C"> "docs"</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">,</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> label</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">:</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C"> "Docs"</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A"> &#125;</span></span>
358<span data-line=""><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">  ] </span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">as</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383"> const</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">;</span></span>
359<span data-line=""> </span>
360<span data-line=""><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">  const</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> labelItems </span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">=</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> [</span></span>
361<span data-line=""><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">    &#123;</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> value</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">:</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C"> "customer-facing"</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">,</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> label</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">:</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C"> "Customer-facing"</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A"> &#125;,</span></span>
362<span data-line=""><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">    &#123;</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> value</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">:</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C"> "internal-tooling"</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">,</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> label</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">:</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C"> "Internal tooling"</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A"> &#125;,</span></span>
363<span data-line=""><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">    &#123;</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> value</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">:</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C"> "technical-debt"</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">,</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> label</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">:</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C"> "Technical debt"</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A"> &#125;,</span></span>
364<span data-line=""><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">    &#123;</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> value</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">:</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C"> "compliance"</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">,</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> label</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">:</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C"> "Compliance"</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A"> &#125;,</span></span>
365<span data-line=""><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">    &#123;</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> value</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">:</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C"> "platform"</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">

365,</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> label</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">:</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C"> "Platform"</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A"> &#125;</span></span>
366<span data-line=""><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">  ] </span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">as</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383"> const</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">;</span></span>
367<span data-line=""> </span>
368<span data-line=""><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">  const</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> digestItems </span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">=</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> [</span></span>
369<span data-line=""><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">    &#123;</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> value</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">:</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C"> "assignee"</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">,</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> label</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">:</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C"> "Assignee changes"</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A"> &#125;,</span></span>
370<span data-line=""><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">    &#123;</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> value</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">:</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C"> "comments"</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">,</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> label</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">:</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C"> "New comments"</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A"> &#125;,</span></span>
371<span data-line=""><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">    &#123;</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> value</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">:</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C"> "mentions"</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">,</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> label</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">:</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C"> "@mentions"</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A"> &#125;</span></span>
372<span data-line=""><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">  ] </span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">as</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383"> const</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">;</span></span>
373<span data-line=""> </span>
374<span data-line=""><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">  const</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> contentClass </span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">=</span></span>
375<span data-line=""><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">    "border-muted bg-background shadow-popover outline-hidden focus-visible:outline-hidden w-[250px] rounded-xl border px-1 py-1.5"</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">;</span></span>
376<span data-line=""><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">  const</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> subContentClass </span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">=</span></span>
377<span data-line=""><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">    "border-muted bg-background shadow-popover outline-hidden focu

377s-visible:outline-hidden z-100 w-[230px] rounded-xl border px-1 py-1.5"</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">;</span></span>
378<span data-line=""><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">  const</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> itemClass </span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">=</span></span>
379<span data-line=""><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">    "rounded-button data-highlighted:bg-muted ring-0! ring-transparent! flex h-10 select-none items-center py-3 pl-3 pr-1.5 text-sm font-medium focus-visible:outline-none"</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">;</span></span>
380<span data-line=""><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">  const</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> subTriggerClass </span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">=</span></span>
381<span data-line=""><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">    "rounded-button data-highlighted:bg-muted data-[state=open]:bg-muted ring-0! ring-transparent! flex h-10 select-none items-center py-3 pl-3 pr-1.5 text-sm font-medium focus-visible:outline-none"</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">;</span></span>
382<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">&lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">script</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
383<span data-line=""> </span>
384<span data-line=""><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#123;#</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">snippet</span><span style="--shiki-dark:#EEEEEE;--shiki-light:#4E4E4E"> radioCheckedIndicator</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">(checked: boolean)</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span></span>
385<span data-line=""><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">  &#123;#</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">if</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> checked</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span></span>
386<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">    &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">svg</span></span>
387<span data-line=""><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585">      class</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"text-foreground-alt ml-auto size-4 shrink-0"</span></span>
388<span data-line=""><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585">      viewBox</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"0 0 16 16"</span></span>
389<span data-line=""><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585">      aria-hidden</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"true"</span></span>
390<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">    ></span></span>
391<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">      &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">circle</span><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585"> cx</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"</span><span style="--shiki-dark:#EEEEEE;--shiki-light:#4E4E4E">8</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"</span><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585"> cy</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"</span><span style="--shiki-dark:#EEEEEE;--shiki-light:#4E4E4E">8</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"</span><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585"> r</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"</span><span style="--shiki-dark:#EEEEEE;--shiki-light:#4E4E4E">4</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"</span><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585"> fill</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">

391"currentColor"</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A"> /></span></span>
392<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">    &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">svg</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
393<span data-line=""><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">  &#123;/</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">if</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span></span>
394<span data-line=""><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#123;/</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">snippet</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span></span>
395<span data-line=""> </span>
396<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">&lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Root</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
397<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">  &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Trigger</span></span>
398<span data-line=""><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585">    class</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"rounded-card border-border-input text-muted-foreground flex h-[220px] w-full max-w-[320px] select-none items-center justify-center border-2 border-dashed bg-transparent text-sm font-semibold"</span></span>
399<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">  ></span></span>
400<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">    &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">div</span><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585"> class</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"flex flex-col items-center justify-center gap-3 text-center"</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
401<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">      &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">MouseSimple</span><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585"> class</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"size-8"</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A"> /></span></span>
402<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">      &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">span</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">Right-click this issue card</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">&lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">span</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
403<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">    &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">div</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
404<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">  &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Trigger</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
405<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">  &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Portal</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
406<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">    &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Content</span><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585"> class</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=&#123;</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">contentClass</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585"> sideOffset</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=&#123;</span><span style="--shiki-dark:#EEEEEE;--shiki-light:#4E4E4E">8</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
407<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">      &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Item</span><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585"> class</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=&#123;</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">itemClass</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585"> disabled</span></span>
408<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">        ></span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">Search issues…</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">&lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Item</span></span>
409<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">      ></span></span>
410<span data-line=""> </span>
411<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">      &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Sub</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
412<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">        &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">SubTrigger</span><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585"> class</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=&#123;</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">subTriggerClass</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
413<span data-line=""><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">          Status</span></span>
414<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">          &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">CaretRight</span><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585"> class</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"text-foreground-alt ml-auto size-4"</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A"> /></span></span>
415<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">        &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">SubTrigger</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
416<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">        &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Portal</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
417<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">          &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">SubContent</span><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585"> class</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=&#123;</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">subContentClass</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585"> sideOffset</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=&#123;</span><span style="--shiki-dark:#EEEEEE;--shiki-light:#4E4E4E">10</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
418<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">            &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">RadioGroup</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383"> bind</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">:</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">value</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=&#123;</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">selectedStatus</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
419<span data-line=""><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">              &#123;#</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">each</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> statusItems </span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">as</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> item (item</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">.</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">value)</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span></span>
420<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">RadioItem</span><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585"> value</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=&#123;</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">item</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">.</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">value</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585"> class</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=&#123;</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">itemClass</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
421<span data-line=""><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">                  &#123;#</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">snippet</span><span style="--shiki-dark:#EEEEEE;--shiki-light:#4E4E4E"> children</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">(</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#123;</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> checked </span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">)</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span></span>
422<span data-line=""><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">                    &#123;</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">item</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">.</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">label</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span></span>
423<span data-line=""><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">                    &#123;@</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">render</span><span style="--shiki-dark:#EEEEEE;--shiki-light:#4E4E4E"> radioCheckedIndicator</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">(checked)</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span></span>
424<span data-line=""><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">                  &#123;/</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">snippet</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span></span>
425<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">RadioItem</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
426<span data-line=""><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">              &#123;/</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">each</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span></span>
427<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">            &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">RadioGroup</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
428<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">          &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">SubContent</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
429<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">        &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Portal</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
430<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">      &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Sub</span><span style="--shiki-dark:#707070;--shiki-light:#

4309A9A9A">></span></span>
431<span data-line=""> </span>
432<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">      &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Sub</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
433<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">        &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">SubTrigger</span><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585"> class</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=&#123;</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">subTriggerClass</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
434<span data-line=""><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">          Issue properties</span></span>
435<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">          &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">CaretRight</span><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585"> class</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"text-foreground-alt ml-auto size-4"</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A"> /></span></span>
436<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">        &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">SubTrigger</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
437<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">        &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Portal</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
438<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">          &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">SubContent</span><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585"> class</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=&#123;</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">subContentClass</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585"> sideOffset</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=&#123;</span><span style="--shiki-dark:#EEEEEE;--shiki-light:#4E4E4E">10</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
439<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">            &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Sub</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
440<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">              &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">SubTrigger</span><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585"> class</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=&#123;</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">subTriggerClass</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
441<span data-line=""><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">                Priority</span></span>
442<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">CaretRight</span><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585"> class</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"text-foreground-alt ml-auto size-4"</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A"> /></span></span>
443<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">              &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">SubTrigger</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
444<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">              &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Portal</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
445<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">SubContent</span><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585"> class</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=&#123;</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">subContentClass</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585"> sideOffset</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=&#123;</span><span style="--shiki-dark:#EEEEEE;--shiki-light:#4E4E4E">10</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
446<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                  &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">RadioGroup</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383"> bind</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">:</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">value</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=&#123;</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">selectedPriority</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
447<span data-line=""><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">                    &#123;#</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">each</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> priorityItems </span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">as</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> item (item</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">.</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">value)</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span></span>
448<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                      &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">RadioItem</span></span>
449<span data-line=""><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585">                        value</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=&#123;</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">item</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">.</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">value</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span></span>
450<span data-line=""><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585">                        class</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=&#123;</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">itemClass</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span></span>
451<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                      ></span></span>
452<span data-line=""><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">                        &#123;#</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">snippet</span><span style="--shiki-dark:#EEEEEE;--shiki-light:#4E4E4E"> children</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">(</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#123;</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> checked </span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">)</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span></span>
453<span data-line=""><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">                          &#123;</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">item</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">.</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">label</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span></span>
454<span data-line=""><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">                          &#123;@</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">render</span><span style="--shiki-dark:#EEEEEE;--shiki-light:#4E4E4E"> radioCheckedIndicator</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">(checked)</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span></span>
455<span data-line=""><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">                        &#123;/</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">snippet</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span></span>
456<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                      &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">RadioItem</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
457<span data-line=""><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">                    &#123;/</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">each</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span></span>
458<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                  &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">RadioGroup</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
459<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">SubContent</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
460<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">              &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Portal</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
461<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">            &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Sub</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
462<span data-line=""> </span>
463<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">            &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Sub</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
464<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">              &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">SubTrigger</span><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585"> class</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=&#123;</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">subTriggerClass</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
465<span data-line=""><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">                Type</span></span>
466<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">CaretRight</span><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585"> class</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"text-foreground-alt ml-auto size-4"</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A"> /></span></span>
467<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">              &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">SubTrigger</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
468<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">              &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Portal</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
469<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">SubContent</span><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585"> class</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=&#123;</span><span style="--shiki-dark:#DEE0EF;-

469-shiki-light:#404040">subContentClass</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585"> sideOffset</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=&#123;</span><span style="--shiki-dark:#EEEEEE;--shiki-light:#4E4E4E">10</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
470<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                  &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">RadioGroup</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383"> bind</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">:</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">value</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=&#123;</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">selectedType</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
471<span data-line=""><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">                    &#123;#</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">each</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> typeItems </span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">as</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> item (item</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">.</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">value)</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span></span>
472<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                      &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">RadioItem</span></span>
473<span data-line=""><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585">                        value</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=&#123;</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">item</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">.</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">value</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span></span>
474<span data-line=""><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585">                        class</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=&#123;</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">itemClass</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span></span>
475<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                      ></span></span>
476<span data-line=""><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">                        &#123;#</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">snippet</span><span style="--shiki-dark:#EEEEEE;--shiki-light:#4E4E4E"> children</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">(</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#123;</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> checked </span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">)</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span></span>
477<span data-line=""><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">                          &#123;</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">item</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">.</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">label</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span></span>
478<span data-line=""><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">                          &#123;@</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">render</span><span style="--shiki-dark:#EEEEEE;--shiki-light:#4E4E4E"> radioCheckedIndicator</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">(checked)</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span></span>
479<span data-line=""><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">                        &#123;/</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">snippet</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span></span>
480<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                      &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">RadioItem</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
481<span data-line=""><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">                    &#123;/</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">each</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span></span>
482<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                  &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">RadioGroup</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
483<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">SubContent</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
484<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">              &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Portal</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
485<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">            &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Sub</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
486<span data-line=""> </span>
487<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">            &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Separator</span><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585"> class</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"bg-muted -mx-1 my-1 block h-px"</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A"> /></span></span>
488<span data-line=""> </span>
489<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">            &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">CheckboxGroup</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383"> bind</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">:</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">value</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=&#123;</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">digestPrefs</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
490<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">              &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">GroupHeading</span></span>
491<span data-line=""><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585">                class</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"text-muted-foreground px-3 pb-2 pt-3 text-xs font-medium"</span></span>
492<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">              ></span></span>
493<span data-line=""><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">                Email digest</span></span>
494<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">              &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">GroupHeading</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
495<span data-line=""><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">              &#123;#</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">each</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> digestItems </span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">as</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> item (item</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">.</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">value)</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span></span>
496<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">CheckboxItem</span><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585"> value</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=&#123;</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">item</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">.</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">value</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585"> class</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=&#123;</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">itemClass</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
497<span data-line=""><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">                  &#123;#</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">snippet</span><span style="--shiki-dark:#EEEEEE;--shiki-light:#4E4E4E"> children</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">(</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#123;</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> checked </span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">)</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span></span>
498<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                    &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">span</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#123;</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">item</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">.</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">label</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">&lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">span</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
499<span data-line=""><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">                    &#123;#</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">if</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> checked</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span></span>
500<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                      &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Check</span></span>
501<span data-line=""><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585">                        class</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"text-foreground-alt ml-auto size-4 shrink-0"</span></span>
502<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                      /></span></span>
503<span data-line=""><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">                    &#123;/</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">if</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span></span>
504<span data-line=""><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">                  &#123;/</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">snippet</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span></span>
505<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">CheckboxItem</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
506<span data-line=""><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">              &#123;/</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">each</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span></span>
507<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">            &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">CheckboxGroup</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
508<span data-line=""> </span>
509<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">            &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Sub</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
510<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">              &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">SubTrigger</span><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585"> class</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=&#123;</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">subTriggerClass</span><span st

510yle="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
511<span data-line=""><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">                Labels</span></span>
512<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">CaretRight</span><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585"> class</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"text-foreground-alt ml-auto size-4"</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A"> /></span></span>
513<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">              &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">SubTrigger</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
514<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">              &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Portal</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
515<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">SubContent</span><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585"> class</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=&#123;</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">subContentClass</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585"> sideOffset</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=&#123;</span><span style="--shiki-dark:#EEEEEE;--shiki-light:#4E4E4E">10</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
516<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                  &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">RadioGroup</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383"> bind</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">:</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">value</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=&#123;</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">selectedLabel</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
517<span data-line=""><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">                    &#123;#</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">each</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> labelItems </span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">as</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> item (item</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">.</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">value)</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span></span>
518<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                      &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">RadioItem</span></span>
519<span data-line=""><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585">                        value</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=&#123;</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">item</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">.</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">value</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span></span>
520<span data-line=""><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585">                        class</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=&#123;</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">itemClass</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span></span>
521<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                      ></span></span>
522<span data-line=""><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">                        &#123;#</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">snippet</span><span style="--shiki-dark:#EEEEEE;--shiki-light:#4E4E4E"> children</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">(</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#123;</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> checked </span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">)</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span></span>
523<span data-line=""><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">                          &#123;</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">item</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">.</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">label</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span></span>
524<span data-line=""><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">                          &#123;@</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">render</span><span style="--shiki-dark:#EEEEEE;--shiki-light:#4E4E4E"> radioCheckedIndicator</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">(checked)</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span></span>
525<span data-line=""><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">                        &#123;/</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">snippet</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span></span>
526<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                      &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">RadioItem</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
527<span data-line=""><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">                    &#123;/</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">each</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span></span>
528<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                  &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">RadioGroup</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
529<span data-line=""> </span>
530<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                  &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Sub</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
531<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                    &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">SubTrigger</span><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585"> class</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=&#123;</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">subTriggerClass</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
532<span data-line=""><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">                      Product area</span></span>
533<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                      &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">CaretRight</span><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585"> class</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"text-foreground-alt ml-auto size-4"</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A"> /></span></span>
534<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                    &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">SubTrigger</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
535<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                    &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Portal</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
536<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                      &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">SubContent</span></span>
537<span data-line=""><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585">                        class</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=&#123;</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">subContentClass</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span></span>
538<span data-line=""><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585">                        sideOffset</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=&#123;</span><span style="--shiki-dark:#EEEEEE;--shiki-light:#4E4E4E">10</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span></span>
539<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                      ></span></span>
540<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                        &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Item</span><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585"> class</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=&#123;</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">itemClass</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span></span>
541<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                          ></span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">Web app</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">&lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Item</span></span>
542<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                        ></span></span>
543<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                        &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Item</span><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585"> class</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=&#123;</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">itemClass</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span></span>
544<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                          ></span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">Mobile</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">&lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Item</span></span>
545<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                        ></span></span>
546<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                        &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Item</span><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585"> class</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=&#123;</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">itemClass</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span></span>
547<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                          ></span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">CLI</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">&lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Item</span></span>
548<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                        ></span></span>
549<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                        &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Item</span><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585"> class</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=&#123;</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">itemClass</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span></span>
550<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                          ></span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">Marketing site</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">&lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Item</span></span>
551<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                        ></span></span>
552<span data-line=""><span style="--shiki-dark:#707070;--s

552hiki-light:#9A9A9A">                      &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">SubContent</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
553<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                    &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Portal</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
554<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                  &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Sub</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
555<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">SubContent</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
556<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">              &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Portal</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
557<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">            &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Sub</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
558<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">          &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">SubContent</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
559<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">        &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Portal</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
560<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">      &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Sub</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
561<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">    &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Content</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
562<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">  &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Portal</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
563<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">&lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">

563Root</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span></code>`),i(A,u)},$$slots:{default:!0}})}),f(d),i(t,d)},$$slots:{preview:!0,default:!0}});var P=a(hi,2),rs=m(P);n(rs,()=>T,(h,t)=>{t(h,{class:"Serendipity Midnight Serendipity Morning",tabindex:"0","data-language":"svelte","data-theme":"Serendipity Midnight Serendipity Morning",children:(k,d)=>{var s=E(),e=l(s);C(e,()=>`<code data-language="svelte" data-theme="Serendipity Midnight Serendipity Morning" style="display: grid;"><span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">&lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">script</span><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585"> lang</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"ts"</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
564<span data-line=""><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">  import </span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#123;</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A"> &#125;</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383"> from </span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"bits-ui"</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">;</span></span>
565<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">&lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">script</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
566<span data-line=""> </span>
567<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">&lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Content</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
568<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">  &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Item</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">Item 1</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">&lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Item</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
569<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">  &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Item</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">Item 2</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">&lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Item</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
570<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">  &lt;</span><mark data-highlighted-chars-mark="" data-highlighted-chars="" class="chars--highlighted"><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Sub</span></mark><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
571<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">    &lt;</span><mark data-highlighted-chars-mark="" data-highlighted-chars="" class="chars--highlighted"><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Sub</span></mark><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Trigger</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">Open Sub Menu</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">&lt;/</span><mark data-highlighted-chars-mark="" data-highlighted-chars="" class="chars--highlighted"><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Sub</span></mark><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Trigger</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
572<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">    &lt;</span><mark data-highlighted-chars-mark="" data-highlighted-chars="" class="chars--highlighted"><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Sub</span></mark><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Content</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
573<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">      &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Item</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">Sub Item 1</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">&lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Item</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
574<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">      &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Item</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">Sub Item 2</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">&lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Item</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
575<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">    &lt;/</span><mark data-highlighted-chars-mark="" data-highlighted-chars="" class="chars--highlighted"><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Sub</span></mark><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Content</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
576<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">  &lt;/</span><mark data-highlighted-chars-mark="" data-highlighted-chars="" class="chars--highlighted"><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Sub</span></mark><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
577<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">&lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Content</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span></code>`),i(k,s)},$$slots:{default:!0}})}),f(P);var ki=a(P,2);n(ki,()=>Ts,(h,t)=>{t(h,{id:"svelte-transitions",children:(k,d)=>{p();var s=o("Svelte Transitions");

577i(k,s)},$$slots:{default:!0}})});var li=a(ki,2);n(li,()=>S,(h,t)=>{t(h,{children:(k,d)=>{p();var s=Ka(),e=a(l(s));C(e,()=>"<code>forceMount</code>");var y=a(e,2);C(y,()=>"<code>child</code>");var A=a(y,2);C(A,()=>"<code>ContextMenu.Content</code>"),p(),i(k,s)},$$slots:{default:!0}})});var Hs=a(li,2),mi=m(Hs);n(mi,()=>T,(h,t)=>{t(h,{class:"Serendipity Midnight Serendipity Morning",tabindex:"0","data-language":"svelte","data-theme":"Serendipity Midnight Serendipity Morning",children:(k,d)=>{var s=E(),e=l(s);C(e,()=>`<code data-language="svelte" data-theme="Serendipity Midnight Serendipity Morning" style="display: grid;"><span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">&lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">script</span><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585"> lang</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"ts"</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
578<span data-line=""><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">  import </span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#123;</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A"> &#125;</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383"> from </span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"bits-ui"</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">;</span></span>
579<span data-line=""><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">  import </span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#123;</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> fly</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A"> &#125;</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383"> from </span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"svelte/transition"</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">;</span></span>
580<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">&lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">script</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
581<span data-line=""> </span>
582<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">&lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Content</span><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585"> </span><mark data-highlighted-chars="" class="chars--highlighted"><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585">forceMount</span></mark><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
583<span data-line=""><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">  &#123;#</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">snippet</span><span style="--shiki-dark:#EEEEEE;--shiki-light:#4E4E4E"> child</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">(</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#123;</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> wrapperProps</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">,</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> props</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">,</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> open </span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">)</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span></span>
584<span data-line=""><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">    &#123;#</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">if</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> open</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span></span>
585<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">      &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">div</span><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585"> &#123;</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">...</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">wrapperProps</span><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585">&#125;</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
586<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">        &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">div</span><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585"> &#123;</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">...</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">props</span><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585">&#125;</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383"> </span><mark data-highlighted-chars-mark="" data-highlighted-chars="" class="chars--highlighted"><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">transition</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">:</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">fly</span></mark><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
587<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">          &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Item</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">Item 1</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">&lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Item</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
588<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">          &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Item</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">Item 2</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">&lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Item</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
589<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">        &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">div</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
590<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">      &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">div</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
591<span data-line=""><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">    &#123;/</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">if</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span></span>
592<span data-line=""><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">  &#123;/</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">snippet</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span></span>
593<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">&lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Content</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span></code>`),i(k,s)},$$slots:{default:!0}})}),f(Hs);var Ss=a(Hs,2);n(Ss,()=>S,(h,t)=>{t(h,{children:(k,d)=>{p();var s=Qa(),e=a(l(s));n(e,()=>Di,(y,A)=>{A(y,{href:"/docs/transitions",children:(D,u)=>{p();var g=o("Transitions");

593i(D,g)},$$slots:{default:!0}})}),p(),i(k,s)},$$slots:{default:!0}})});var Ns=a(Ss,2);vi(Ns,{name:"context-menu-demo-transition",componentName:"ContextMenu",containerClass:"mt-4",preview:t=>{za(t)},children:(t,k)=>{var d=Za(),s=m(d);n(s,()=>T,(e,y)=>{y(e,{class:"Serendipity Midnight Serendipity Morning",tabindex:"0","data-language":"svelte","data-theme":"Serendipity Midnight Serendipity Morning",children:(A,D)=>{var u=E(),g=l(u);C(g,()=>`<code data-language="svelte" data-theme="Serendipity Midnight Serendipity Morning" style="display: grid;"><span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">&lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">script</span><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585"> lang</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"ts"</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
594<span data-line=""><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">  import </span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#123;</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A"> &#125;</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383"> from </span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"bits-ui"</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">;</span></span>
595<span data-line=""><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">  import </span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">CopySimple</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383"> from </span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">

595"phosphor-svelte/lib/CopySimple"</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">;</span></span>
596<span data-line=""><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">  import </span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">MouseSimple</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383"> from </span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"phosphor-svelte/lib/MouseSimple"</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">;</span></span>
597<span data-line=""><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">  import </span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">PencilSimpleLine</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383"> from </span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"phosphor-svelte/lib/PencilSimpleLine"</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">;</span></span>
598<span data-line=""><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">  import </span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">PlusCircle</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383"> from </span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"phosphor-svelte/lib/PlusCircle"</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">;</span></span>
599<span data-line=""><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">  import </span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">Trash</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383"> from </span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"phosphor-svelte/lib/Trash"</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">;</span></span>
600<span data-line=""><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">  import </span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#123;</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> fly</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A"> &#125;</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383"> from </span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"svelte/transition"</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">;</span></span>
601<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">&lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">script</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
602<span data-line=""> </span>
603<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">&lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Root</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
604<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">  &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Trigger</span></span>
605<span data-line=""><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585">    class</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"rounded-card border-input text-muted-foreground flex h-[188px] w-[279px] select-none items-center justify-center border-2 border-dashed bg-transparent font-semibold"</span></span>
606<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">  ></span></span>
607<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">    &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">div</span><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585"> class</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"flex flex-col items-center justify-center gap-4 text-center"</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
608<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">      &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">MouseSimple</span><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585"> class</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"size-8"</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A"> /></span></span>
609<span data-line=""><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">      Right click me</span></span>
610<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">    &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">div</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
611<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">  &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Trigger</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
612<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">  &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Portal</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
613<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">    &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Content</span></span>
614<span data-line=""><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585">      class</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"focus-override border-muted bg-background shadow-popover w-[229px] rounded-xl border px-1 py-1.5 focus-visible:outline-none"</span></span>
615<span data-line=""><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585">      forceMount</span></span>
616<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">    ></span></span>
617<span data-line=""><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">      &#123;#</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">snippet</span><span style="--shiki-dark:#EEEEEE;--shiki-light:#4E4E4E"> child</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">(</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#123;</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> wrapperProps</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">

617,</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> props</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">,</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> open </span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">)</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span></span>
618<span data-line=""><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">        &#123;#</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">if</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> open</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span></span>
619<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">          &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">div</span><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585"> &#123;</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">...</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">wrapperProps</span><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585">&#125;</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
620<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">            &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">div</span><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585"> &#123;</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">...</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">props</span><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585">&#125;</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383"> transition</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">:</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">fly</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=&#123;&#123;</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> duration</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">:</span><span style="--shiki-dark:#EEEEEE;--shiki-light:#4E4E4E"> 300</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A"> &#125;&#125;</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
621<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">              &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Item</span></span>
622<span data-line=""><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585">                class</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"rounded-button data-highlighted:bg-muted flex h-10 select-none items-center py-3 pl-3 pr-1.5 text-sm font-medium focus-visible:outline-none"</span></span>
623<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">              ></span></span>
624<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">div</span><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585"> class</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"flex items-center"</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
625<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                  &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">PencilSimpleLine</span><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585"> class</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"text-foreground-alt mr-2 size-5"</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A"> /></span></span>
626<span data-line=""><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">                  Edit</span></span>
627<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">div</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
628<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">div</span><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585"> class</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"ml-auto flex items-center gap-px"</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
629<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                  &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">kbd</span></span>
630<span data-line=""><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585">                    class</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"rounded-button border-dark-10 bg-background-alt text-muted-foreground shadow-kbd inline-flex size-5 items-center justify-center border text-[13px]"</span></span>
631<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                  ></span></span>
632<span data-line=""><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">                    ⌘</span></span>
633<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                  &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">kbd</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
634<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                  &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">kbd</span></span>
635<span data-line=""><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585">                    class</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"rounded-button border-dark-10 bg-background-alt text-muted-foreground shadow-kbd inline-flex size-5 items-center justify-center border text-[11px]"</span></span>
636<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                  ></span></span>
637<span data-line=""><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">                    E</span></span>
638<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                  &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">kbd</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
639<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">div</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
640<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">              &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Item</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
641<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">              &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Sub</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
642<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">SubTrigger</span></span>
643<span data-line=""><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585">                  class</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"rounded-button data-highlighted:bg-muted data-[state=open]:bg-muted flex h-10 select-none items-center py-3 pl-3 pr-1.5 text-sm font-medium focus-visible:outline-none"</span></span>
644<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                ></span></span>
645<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                  &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">div</span><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585"> class</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"flex items-center"</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
646<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                    &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">PlusCircle</span><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585"> class</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"text-foreground-alt mr-2 size-5"</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A"> /></span></span>
647<span data-line=""><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">                    Add</span></span>
648<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                  &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">div</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
649<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                  &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">div</span><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585"> class</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"ml-auto flex items-center gap-px"</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
650<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                    &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">kbd</span></span>
651<span data-line=""><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585">                      class</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"rounded-button border-dark-10 bg-background-alt text-muted-foreground shadow-kbd inline-flex size-5 items-center justify-center border text-[13px]"</span></span>
652<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                    ></span></span>
653<span data-line=""><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">                      ⌘</span></span>
654<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                    &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">kbd</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
655<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                    &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">kbd</span></span>
656<span data-line=""><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585">                      class</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"rounded-button border-dark-10 bg-background-alt text-muted-foreground shadow-kbd inline-flex size-5 items-center justify-center border text-[11px]"</span></span>
657<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                    ></span></span>
658<span data-line=""><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">                      N</span></span>
659<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                    &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">kbd</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
660<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                  &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">div</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
661<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">SubTrigger</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
662<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">SubContent</span></span>
663<span data-line=""><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585">                  class</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"border-muted bg-background shadow-popover z-100 ring-0! ring-transparent! w-[209px] rounded-xl border px-1 py-1.5"</span></span>
664<span data-line=""><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585">                  sideOffset</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=&#123;</span><span style="--shiki-dark:#EEEEEE;--shiki-light:#4E4E4E">10</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span></span>
665<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                ></span></span>
666<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                  &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Item</span></span>
667<span data-line=""><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585">                    class</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"rounded-button data-highlighted:bg-muted flex h-10 select-none items-center py-3 pl-3 pr-1.5 text-sm font-normal focus-visible:outline-none"</span></span>
668<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                  ></span></span>
669<span data-line=""><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">                    Header</span></span>
670<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                  &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Item</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
671<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                  &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Item</span></span>
672<span data-line=""><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585">                    class</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4

672C">"rounded-button data-highlighted:bg-muted flex h-10 select-none items-center py-3 pl-3 pr-1.5 text-sm font-normal focus-visible:outline-none"</span></span>
673<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                  ></span></span>
674<span data-line=""><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">                    Paragraph</span></span>
675<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                  &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Item</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
676<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                  &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Item</span></span>
677<span data-line=""><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585">                    class</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"rounded-button data-highlighted:bg-muted flex h-10 select-none items-center py-3 pl-3 pr-1.5 text-sm font-normal focus-visible:outline-none"</span></span>
678<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                  ></span></span>
679<span data-line=""><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">                    Codeblock</span></span>
680<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                  &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Item</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
681<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                  &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Item</span></span>
682<span data-line=""><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585">                    class</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"rounded-button data-highlighted:bg-muted flex h-10 select-none items-center py-3 pl-3 pr-1.5 text-sm font-normal focus-visible:outline-none"</span></span>
683<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                  ></span></span>
684<span data-line=""><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">                    List</span></span>
685<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                  &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Item</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
686<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                  &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Item</span></span>
687<span data-line=""><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585">                    class</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"rounded-button data-highlighted:bg-muted flex h-10 select-none items-center py-3 pl-3 pr-1.5 text-sm font-normal focus-visible:outline-none"</span></span>
688<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                  ></span></span>
689<span data-line=""><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">                    Task</span></span>
690<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                  &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Item</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
691<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">SubContent</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
692<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">              &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Sub</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
693<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">              &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Item</span></span>
694<span data-line=""><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585">                class</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"rounded-button data-highlighted:bg-muted flex h-10 select-none items-center py-3 pl-3 pr-1.5 text-sm font-medium focus-visible:outline-none"</span></span>
695<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">              ></span></span>
696<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">div</span><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585"> class</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"flex items-center"</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
697<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                  &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">CopySimple</span><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585"> class</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"text-foreground-alt mr-2 size-5"</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A"> /></span></span>
698<span data-line=""><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">                  Duplicate</span></span>
699<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">div</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
700<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">div</span><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585"> class</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"ml-auto flex items-center gap-px"</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
701<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                  &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">kbd</span></span>
702<span data-line=""><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585">                    class</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"rounded-button border-dark-10 bg-background-alt text-muted-foreground shadow-kbd inline-flex size-5 items-center justify-center border text-[13px]"</span></span>
703<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                  ></span></span>
704<span data-line=""><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">                    ⌘</span></span>
705<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                  &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">kbd</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
706<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                  &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">kbd</span></span>
707<span data-line=""><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585">                    class</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"rounded-button border-dark-10 bg-background-alt text-muted-foreground shadow-kbd inline-flex size-5 items-center justify-center border text-[11px]"</span></span>
708<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                  ></span></span>
709<span data-line=""><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">                    D</span></span>
710<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                  &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">kbd</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
711<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">div</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
712<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">              &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Item</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
713<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">              &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Separator</span><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585"> class</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"bg-muted -mx-1 my-1 block h-px"</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A"> /></span></span>
714<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">              &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Item</span></span>
715<span data-line=""><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585">                class</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"rounded-button data-highlighted:bg-muted flex h-10 select-none items-center py-3 pl-3 pr-1.5 text-sm font-medium focus-visible:outline-none"</span></span>
716<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">              ></span></span>
717<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">div</span><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585"> class</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"flex items-center"</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
718<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                  &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Trash</span><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585"> class</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"text-foreground-alt mr-2 size-5"</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A"> /></span></span>
719<span data-line=""><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">                  Delete</span></span>
720<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">div</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
721<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">              &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Item</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
722<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">            &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">div</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
723<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">          &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">div</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
724<span data-line=""><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">        &#123;/</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">if</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span></span>
725<span data-line=""><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">      &#123;/</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">snippet</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span></span>
726<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">    &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Content</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
727<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">  &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Portal</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
728<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">&lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContextMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">

728Root</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span></code>`),i(A,u)},$$slots:{default:!0}})}),f(d),i(t,d)},$$slots:{preview:!0,default:!0}});var pi=a(Ns,2);ia(pi,{get schemas(){return Cs.schemas}}),i(os,Z)},$$slots:{default:!0}})}export{jt as default,Gi as metadata};