DE-jtDGJ.js

js bits-ui.com collected 2026-10-04 00:09:54 UTC 403,835 bytes, 939 lines download raw bytes

1import{b as K,a as s,c as A,t as R,f as d}from"./BI2tZWd8.js";import{p as Mi,g as Pi,c as M,s as a,r as P,a as Si,f as h,n as e,u as Ii,e as hi,b as Cs,d as ki,ap as ha,X as ka,t as $i}from"./DxBliZnO.js";import{h as g}from"./DiC8NrNs.js";import{c as n}from"./nDQo01hx.js";import{B as la,P as Is}from"./DFbndQJN.js";import"./CspEIRAF.js";import"./RpHoshYe.js";import{l as Ci,p as zs,i as S}from"./B-ZvfN7d.js";import{U as Ki,C as Xi}from"./Cb-FD222.js";import{C as ei}from"./U5V7Kivr.js";import{D as Qi,F as pa}from"./B-Cm8Bs_.js";import{s as zi}from"./BxE7WXBV.js";import{a as _i}from"./CdHIZOj-.js";import{i as Ri}from"./CJ7I3dKH.js";import{C as Li}from"./BWy7GTS-.js";import{M as Hi,D as Oi,a as ji}from"./Cwry-JBf.js";import{P as ii}from"./2ToSwzkX.js";import{M as Js}from"./RZrbKNui.js";import{M as Vi}from"./KgHp-UPq.js";import{M as ri,a as di,b as Ai}from"./BmLkOZDq.js";import{M as bi,a as Os}from"./D6Tl7vEV.js";import{A as Ei,a as gi,b as yi}from"./DZy57Tzv.js";import{s as Bi}from"./HHkKqIvA.js";import{e as xi}from"./DEBpjYRV.js";import{M as ea}from"./iiNYjN_2.js";import{M as ra,a as da}from"./DeZRGsjZ.js";import{t as Aa,f as Ea}from"./DU_hucbK.js";import"./CoK4xnl_.js";import"./DV-aouco.js";import"./BCcz3TRE.js";import"./DAEoy3IA.js";import"./_t897QwF.js";import{A as ga}from"./Cknws4gs.js";import{C as Zi}from"./DyMYDqMk.js";import"./L3HtKIEC.js";import"./D1EcV80E.js";import{H as si}from"./k4gwLLN1.js";import{P as ds}from"./CQmeZtzZ.js";import{H as Gi}from"./B4koQBrl.js";import{A as Ji}from"./BAO8dlNT.js";var ya=K('<path d="M128,76a52,52,0,1,0,52,52A52.06,52.06,0,0,0,128,76Zm0,80a28,28,0,1,1,28-28A28,28,0,0,1,128,156Zm113.86-49.57A12,12,0,0,0,236,98.34L208.21,82.49l-.11-31.31a12,12,0,0,0-4.25-9.12,116,116,0,0,0-38-21.41,12,12,0,0,0-9.68.89L128,37.27,99.83,21.53a12,12,0,0,0-9.7-.9,116.06,116.06,0,0,0-38,21.47,12,12,0,0,0-4.24,9.1l-.14,31.34L20,98.35a12,12,0,0,0-5.85,8.11,110.7,110.7,0,0,0,0,43.11A12,12,0,0,0,20,157.66l27.82,15.85.11,31.31a12,12,0,0,0,4.25,9.12,116,116,0,0,0,38,21.41,12,12,0,0,0,9.68-.89L128,218.73l28.14,15.74a12,12,0,0,0,9.7.9,116.06,116.06,0,0,0,38-21.47,12,12,0,0,0,4.24-9.1l.14-31.34,27.81-15.81a12,12,0,0,0,5.85-8.11A110.7,110.7,0,0,0,241.86,106.43Zm-22.63,33.18-26.88,15.28a11.94,11.94,0,0,0-4.55,4.59c-.54,1-1.11,1.93-1.7,2.88a12,12,0,0,0-1.83,6.31L184.13,199a91.83,91.83,0,0,1-21.07,11.87l-27.15-15.19a12,12,0,0,0-5.86-1.53h-.29c-1.14,0-2.3,0-3.44,0a12.08,12.08,0,0,0-6.14,1.51L93,210.82A92.27,92.27,0,0,1,71.88,199l-.11-30.24a12,12,0,0,0-1.83-6.32c-.58-.94-1.16-1.91-1.7-2.88A11.92,11.92,0,0,0,63.7,155L36.8,139.63a86.53,86.53,0,0,1,0-23.24l26.88-15.28a12,12,0,0,0,4.55-4.58c.54-1,1.11-1.94,1.7-2.89a12,12,0,0,0,1.83-6.31L71.87,57A91.83,91.83,0,0,1,92.94,45.17l27.15,15.19a11.92,11.92,0,0,0,6.15,1.52c1.14,0,2.3,0,3.44,0a12.08,12.08,0,0,0,6.14-1.51L163,45.18A92.27,92.27,0,0,1,184.12,57l.11,30.24a12,12,0,0,0,1.83,6.32c.58.94,1.16,1.91,1.7,2.88A11.92,11.92,0,0,0,192.3,101l26.9,15.33A86.53,86.53,0,0,1,219.23,139.61Z"></path>'),oa=K('<path d="M230.1,108.76,198.25,90.62c-.64-1.16-1.31-2.29-2-3.41l-.12-36A104.61,104.61,0,0,0,162,32L130,49.89c-1.34,0-2.69,0-4,0L94,32A104.58,104.58,0,0,0,59.89,51.25l-.16,36c-.7,1.12-1.37,2.26-2,3.41l-31.84,18.1a99.15,99.15,0,0,0,0,38.46l31.85,18.14c.64,1.16,1.31,2.29,2,3.41l.12,36A104.61,104.61,0,0,0,94,224l32-17.87c1.34,0,2.69,0,4,0L162,224a104.58,104.58,0,0,0,34.08-19.25l.16-36c.7-1.12,1.37-2.26,2-3.41l31.84-18.1A99.15,99.15,0,0,0,230.1,108.76ZM128,168a40,40,0,1,1,40-40A40,40,0,0,1,128,168Z" opacity="0.2"></path><path d="M128,80a48,48,0,1,0,48,48A48.05,48.05,0,0,0,128,80Zm0,80a32,32,0,1,1,32-32A32,32,0,0,1,128,160Zm109.94-52.79a8,8,0,0,0-3.89-5.4l-29.83-17-.12-33.62a8,8,0,0,0-2.83-6.08,111.91,111.91,0,0,0-36.72-20.67,8,8,0,0,0-6.46.59L128,41.85,97.88,25a8,8,0,0,0-6.47-.6A111.92,111.92,0,0,0,54.73,45.15a8,8,0,0,0-2.83,6.07l-.15,33.65-29.83,17a8,8,0,0,0-3.89,5.4,106.47,106.47,0,0,0,0,41.56,8,8,0,0,0,3.89,5.4l29.83,17,.12,33.63a8,8,0,0,0,2.83,6.08,111.91,111.91,0,0,0,36.72,20.67,8,8,0,0,0,6.46-.59L128,214.15,158.12,231a7.91,7.91,0,0,0,3.9,1,8.09,8.09,0,0,0,2.57-.42,112.1,112.1,0,0,0,36.68-20.73,8,8,0,0,0,2.83-6.07l.15-33.65,29.83-17a8,8,0,0,0,3.89-5.4A106.47,106.47,0,0,0,237.94,107.21Zm-15,34.91-28.57,16.25a8,8,0,0,0-3,3c-.58,1-1.19,2.06-1.81,3.06a7.94,7.94,0,0,0-1.22,4.21l-.15,32.25a95.89,95.89,0,0,1-25.37,14.3L134,199.13a8,8,0,0,0-3.91-1h-.19c-1.21,0-2.43,0-3.64,0a8.1,8.1,0,0,0-4.1,1l-28.84,16.1A96,96,0,0,1,67.88,201l-.11-32.2a8,8,0,0,0-1.22-4.22c-.62-1-1.23-2-1.8-3.06a8.09,8.09,0,0,0-3-3.06l-28.6-16.29a90.49,90.49,0,0,1,0-28.26L61.67,97.63a8,8,0,0,0,3-3c.58-1,1.19-2.06,1.81-3.06a7.94,7.94,0,0,0,1.22-4.21l.15-32.25a95.89,95.89,0,0,1,25.37-14.3L122,56.87a8,8,0,0,0,4.1,1c1.21,0,2.43,0,3.64,0a8,8,0,0,0,4.1-1l28.84-16.1A96,96,0,0,1,188.12,55l.11,32.2a8,8,0,0,0,1.22,4.22c.62,1,1.23,2,1.8,3.06a8.09,8.09,0,0,0,3,3.06l28.6,16.29A90.49,90.49,0,0,1,222.9,142.12Z"></path>',1),Ca=K('<path d="M237.94,107.21a8,8,0,0,0-3.89-5.4l-29.83-17-.12-33.62a8,8,0,0,0-2.83-6.08,111.91,111.91,0,0,0-36.72-20.67,8,8,0,0,0-6.46.59L128,41.85,97.88,25a8,8,0,0,0-6.47-.6A111.92,111.92,0,0,0,54.73,45.15a8,8,0,0,0-2.83,6.07l-.15,33.65-29.83,17a8,8,0,0,0-3.89,5.4,106.47,106.47,0,0,0,0,41.56,8,8,0,0,0,3.89,5.4l29.83,17,.12,33.63a8,8,0,0,0,2.83,6.08,111.91,111.91,0,0,0,36.72,20.67,8,8,0,0,0,6.46-.59L128,214.15,158.12,231a7.91,7.91,0,0,0,3.9,1,8.09,8.09,0,0,0,2.57-.42,112.1,112.1,0,0,0,36.68-20.73,8,8,0,0,0,2.83-6.07l.15-33.65,29.83-17a8,8,0,0,0,3.89-5.4A106.47,106.47,0,0,0,237.94,107.21ZM128,168a40,40,0,1,1,40-40A40,40,0,0,1,128,168Z"></path>'),Da=K('<path d="M128,82a46,46,0,1,0,46,46A46.06,46.06,0,0,0,128,82Zm0,80a34,34,0,1,1,34-34A34,34,0,0,1,128,162Zm108-54.4a6,6,0,0,0-2.92-4L202.64,86.22l-.42-.71L202.1,51.2A6,6,0,0,0,200,46.64a110.12,110.12,0,0,0-36.07-20.31,6,6,0,0,0-4.84.45L128.46,43.86h-1L96.91,26.76a6,6,0,0,0-4.86-.44A109.92,109.92,0,0,0,56,46.68a6,6,0,0,0-2.12,4.55l-.16,34.34c-.14.23-.28.47-.41.71L22.91,103.57A6,6,0,0,0,20,107.62a104.81,104.81,0,0,0,0,40.78,6,6,0,0,0,2.92,4l30.42,17.33.42.71.12,34.31A6,6,0,0,0,56,209.36a110.12,110.12,0,0,0,36.07,20.31,6,6,0,0,0,4.84-.45l30.61-17.08h1l30.56,17.1A6.09,6.09,0,0,0,162,230a5.83,5.83,0,0,0,1.93-.32,109.92,109.92,0,0,0,36-20.36,6,6,0,0,0,2.12-4.55l.16-34.34c.14-.23.28-.47.41-.71l30.42-17.29a6,6,0,0,0,2.92-4.05A104.81,104.81,0,0,0,236,107.6Zm-11.25,35.79L195.32,160.1a6.07,6.07,0,0,0-2.28,2.3c-.59,1-1.21,2.11-1.86,3.14a6,6,0,0,0-.91,3.16l-.16,33.21a98.15,98.15,0,0,1-27.52,15.53L133,200.88a6,6,0,0,0-2.93-.77h-.14c-1.24,0-2.5,0-3.74,0a6,

16,0,0,0-3.07.76L93.45,217.43a98,98,0,0,1-27.56-15.49l-.12-33.17a6,6,0,0,0-.91-3.16c-.64-1-1.27-2.08-1.86-3.14a6,6,0,0,0-2.27-2.3L31.3,143.4a93,93,0,0,1,0-30.79L60.68,95.9A6.07,6.07,0,0,0,63,93.6c.59-1,1.21-2.11,1.86-3.14a6,6,0,0,0,.91-3.16l.16-33.21A98.15,98.15,0,0,1,93.41,38.56L123,55.12a5.81,5.81,0,0,0,3.07.76c1.24,0,2.5,0,3.74,0a6,6,0,0,0,3.07-.76l29.65-16.56a98,98,0,0,1,27.56,15.49l.12,33.17a6,6,0,0,0,.91,3.16c.64,1,1.27,2.08,1.86,3.14a6,6,0,0,0,2.27,2.3L224.7,112.6A93,93,0,0,1,224.73,143.39Z"></path>'),ua=K('<path d="M128,80a48,48,0,1,0,48,48A48.05,48.05,0,0,0,128,80Zm0,80a32,32,0,1,1,32-32A32,32,0,0,1,128,160Zm109.94-52.79a8,8,0,0,0-3.89-5.4l-29.83-17-.12-33.62a8,8,0,0,0-2.83-6.08,111.91,111.91,0,0,0-36.72-20.67,8,8,0,0,0-6.46.59L128,41.85,97.88,25a8,8,0,0,0-6.47-.6A112.1,112.1,0,0,0,54.73,45.15a8,8,0,0,0-2.83,6.07l-.15,33.65-29.83,17a8,8,0,0,0-3.89,5.4,106.47,106.47,0,0,0,0,41.56,8,8,0,0,0,3.89,5.4l29.83,17,.12,33.62a8,8,0,0,0,2.83,6.08,111.91,111.91,0,0,0,36.72,20.67,8,8,0,0,0,6.46-.59L128,214.15,158.12,231a7.91,7.91,0,0,0,3.9,1,8.09,8.09,0,0,0,2.57-.42,112.1,112.1,0,0,0,36.68-20.73,8,8,0,0,0,2.83-6.07l.15-33.65,29.83-17a8,8,0,0,0,3.89-5.4A106.47,106.47,0,0,0,237.94,107.21Zm-15,34.91-28.57,16.25a8,8,0,0,0-3,3c-.58,1-1.19,2.06-1.81,3.06a7.94,7.94,0,0,0-1.22,4.21l-.15,32.25a95.89,95.89,0,0,1-25.37,14.3L134,199.13a8,8,0,0,0-3.91-1h-.19c-1.21,0-2.43,0-3.64,0a8.08,8.08,0,0,0-4.1,1l-28.84,16.1A96,96,0,0,1,67.88,201l-.11-32.2a8,8,0,0,0-1.22-4.22c-.62-1-1.23-2-1.8-3.06a8.09,8.09,0,0,0-3-3.06l-28.6-16.29a90.49,90.49,0,0,1,0-28.26L61.67,97.63a8,8,0,0,0,3-3c.58-1,1.19-2.06,1.81-3.06a7.94,7.94,0,0,0,1.22-4.21l.15-32.25a95.89,95.89,0,0,1,25.37-14.3L122,56.87a8,8,0,0,0,4.1,1c1.21,0,2.43,0,3.64,0a8.08,8.08,0,0,0,4.1-1l28.84-16.1A96,96,0,0,1,188.12,55l.11,32.2a8,8,0,0,0,1.22,4.22c.62,1,1.23,2,1.8,3.06a8.09,8.09,0,0,0,3,3.06l28.6,16.29A90.49,90.49,0,0,1,222.9,142.12Z"></path>'),Fa=K('<path d="M128,84a44,44,0,1,0,44,44A44.05,44.05,0,0,0,128,84Zm0,80a36,36,0,1,1,36-36A36,36,0,0,1,128,164Zm106-56a4,4,0,0,0-2-2.7l-30.89-17.6q-.47-.82-1-1.62L200.1,51.2a3.94,3.94,0,0,0-1.42-3,107.8,107.8,0,0,0-35.41-19.94,4,4,0,0,0-3.23.29L129,45.87h-2l-31-17.36a4,4,0,0,0-3.23-.3,108.05,108.05,0,0,0-35.39,20,4,4,0,0,0-1.41,3l-.16,34.9-1,1.62L23.9,105.3A4,4,0,0,0,22,108a102.76,102.76,0,0,0,0,40,4,4,0,0,0,1.95,2.7l30.89,17.6q.47.83,1,1.62l.12,34.87a3.94,3.94,0,0,0,1.42,3,107.8,107.8,0,0,0,35.41,19.94,4,4,0,0,0,3.23-.29L127,210.13h2l31,17.36a4,4,0,0,0,3.23.3,108.05,108.05,0,0,0,35.39-20,4,4,0,0,0,1.41-3l.16-34.9,1-1.62L232.1,150.7a4,4,0,0,0,2-2.71A102.76,102.76,0,0,0,234,108Zm-7.48,36.67L196.3,161.84a4,4,0,0,0-1.51,1.53c-.61,1.09-1.25,2.17-1.91,3.24a3.92,3.92,0,0,0-.61,2.1l-.16,34.15a99.8,99.8,0,0,1-29.7,16.77l-30.4-17a4.06,4.06,0,0,0-2-.51H130c-1.28,0-2.57,0-3.84,0a4.1,4.1,0,0,0-2.05.51l-30.45,17A100.23,100.23,0,0,1,63.89,202.9l-.12-34.12a3.93,3.93,0,0,0-.61-2.11c-.66-1-1.3-2.14-1.91-3.23a4,4,0,0,0-1.51-1.53L29.49,144.68a94.78,94.78,0,0,1,0-33.34L59.7,94.16a4,4,0,0,0,1.51-1.53c.61-1.09,1.25-2.17,1.91-3.23a4,4,0,0,0,.61-2.11l.16-34.15a99.8,99.8,0,0,1,29.7-16.77l30.4,17a4.1,4.1,0,0,0,2.05.51c1.28,0,2.57,0,3.84,0a4,4,0,0,0,2.05-.51l30.45-17A100.23,100.23,0,0,1,192.11,53.1l.12,34.12a3.93,3.93,0,0,0,.61,2.11c.66,1,1.3,2.14,1.91,3.23a4,4,0,0,0,1.51,1.53l30.25,17.23A94.78,94.78,0,0,1,226.54,144.66Z"></path>'),ca=K('<svg><!><rect width="256" height="256" fill="none"></rect><!></svg>');function sa(fs,m){const ks=Ci(m,["children","$$slots","$$events","$$legacy"]),As=Ci(ks,["weight","color","size","mirrored"]);Mi(m,!1);const{weight:Es,color:ls,size:Ds,mirrored:bs,...Rs}=Pi("iconCtx")||{};let B=zs(m,"weight",8,Es??"regular"),us=zs(m,"color",8,ls??"currentColor"),ps=zs(m,"size",8,Ds??"1em"),ss=zs(m,"mirrored",8,bs||!1);Ri();var b=ca();_i(b,()=>({xmlns:"http://www.w3.org/2000/svg",width:ps(),height:ps(),fill:us(),transform:ss()?"scale(-1, 1)":void 0,viewBox:"0 0 256 256",...Rs,...As}));var J=M(b);zi(J,m,"default",{});var Fs=a(J,2);{var _s=I=>{var N=ya();s(I,N)},Ss=I=>{var N=A(),gs=h(N);{var $s=w=>{var G=oa();e(),s(w,G)},Bs=w=>{var G=A(),es=h(G);{var cs=y=>{var v=Ca();s(y,v)},ms=y=>{var v=A(),is=h(v);{var ns=o=>{var z=Da();s(o,z)},W=o=>{var z=A(),Y=h(z);{var O=D=>{var u=ua();s(D,u)},j=D=>{var u=A(),x=h(u);{var X=c=>{var Z=Fa();s(c,Z)},V=c=>{var Z=R();Z.nodeValue=Ii(()=>(console.error('Unsupported icon weight. Choose from "thin", "light", "regular", "bold", "fill", or "duotone".'),"")),s(c,Z)};S(x,c=>{B()==="thin"?c(X):c(V,!1)},!0)}s(D,u)};S(Y,D=>{B()==="regular"?D(O):D(j,!1)},!0)}s(o,z)};S(is,o=>{B()==="light"?o(ns):o(W,!1)},!0)}s(y,v)};S(es,y=>{B()==="fill"?y(cs):y(ms,!1)},!0)}s(w,G)};S(gs,w=>{B()==="duotone"?w($s):w(Bs,!1)},!0)}s(I,N)};S(Fs,I=>{B()==="bold"?I(_s):I(Ss,!1)})}P(b),s(fs,b),Si()}var ma=K('<path d="M164,56a12,12,0,0,1,12-12h12V32a12,12,0,0,1,24,0V44h12a12,12,0,0,1,0,24H212V80a12,12,0,0,1-24,0V68H176A12,12,0,0,1,164,56Zm70.51,54A107.88,107.88,0,1,1,146,21.49a12,12,0,0,1-4,23.67A85,85,0,0,0,128,44,83.94,83.94,0,0,0,62.05,179.94a83.48,83.48,0,0,1,29-23.42,52,52,0,1,1,74,0,83.36,83.36,0,0,1,29,23.42A83.52,83.52,0,0,0,212,128a85.2,85.2,0,0,0-1.16-14,12,12,0,0,1,23.67-4ZM128,148a28,28,0,1,0-28-28A28,28,0,0,0,128,148Zm0,64a83.53,83.53,0,0,0,48.43-15.43,60,60,0,0,0-96.86,0A83.53,83.53,0,0,0,128,212Z"></path>'),va=K('<path d="M224,128a95.76,95.76,0,0,1-31.8,71.37A72,72,0,0,0,128,160a40,40,0,1,0-40-40,40,40,0,0,0,40,40,72,72,0,0,0-64.2,39.37h0A96,96,0,1,1,224,128Z" opacity="0.2"></path><path d="M168,56a8,8,0,0,1,8-8h16V32a8,8,0,0,1,16,0V48h16a8,8,0,0,1,0,16H208V80a8,8,0,0,1-16,0V64H176A8,8,0,0,1,168,56Zm62.56,54.68a103.92,103.92,0,1,1-85.24-85.24,8,8,0,0,1-2.64,15.78A88.07,88.07,0,0,0,40,128a87.62,87.62,0,0,0,22.24,58.41A79.66,79.66,0,0,1,98.3,157.66a48,48,0,1,1,59.4,0,79.66,79.66,0,0,1,36.06,28.75A87.62,87.62,0,0,0,216,128a88.85,88.85,0,0,0-1.22-14.68,8,8,0,1,1,15.78-2.64ZM128,152a32,32,0,1,0-32-32A32,32,0,0,0,128,152Zm0,64a87.57,87.57,0,0,0,53.92-18.5,64,64,0,0,0-107.84,0A87.57,87.57,0,0,0,128,216Z"></path>',1),fa=K('<path d="M128,76a44,44,0,1,1-44,44A44,44,0,0,1,128,76Zm48-12h16V80a8,8,0,0,0,16,0V64h16a8,8,0,0,0,0-16H208V32a8,8,0,0,0-16,0V48H176a8,8,0,0,0,0,16Zm45.35,40.11a8,8,0,0,0-6.57,9.21A88.85,88.85,0,0,1,216,128a87.62,87.62,0,0,1-22.24,58.41A79.86,79.86,0,0,0,172,165.1a4,4,0,0,0-4.84.32,59.81,59.81,0,0,1-78.27,0A4,4,0,0,0,84,165.1a79.71,79.71,0,0,0-21.79,21.31A88,88,0,0,1,128,40a88.76,88.76,0,0,1,14.68,1.22,8,8,0,0,0,2.64-15.78,103.92,103.92,0,1,0,85.24,85.24A8,8,0,0,0,221.35,104.11Z"></path>'),ba=K('<path d="M170,56a6,6,0,0,1,6-6h18V32a6,6,0,0,1,12,0V50h18a6,6,0,0,1,0,12H206V80a6,6,0,0,1-12,0V62H176A6,6,0,0,1,170,56Zm58.59,55A101.9,101.9,0,1,1,145,27.41a6,6,0,1,1-2,11.83A91.66,91.66,0,0,0,128,38,89.95,89.95,0,0,0,62.49,189.64a77.53,77.53,0,0,1,40-31.38,46,46,0,1,1,51,0,77.53,77.53,0,0,1,40,31.38A89.65,89.65,0,0,0,218,128a91.76,91.76,0,0,0-1.24-15,6,6,0,1,1,11.83-2ZM128,154a34,34,0,1,0-34-34A34,34,0,0,0,128,154Zm0,64A89.58,89.58,0,0,0,184.56,198a66,66,0,0,0-113.12,0A89.58,89.58,0,0,0,128,218Z"></path>'),_a=K('<path d="M168,56a8,8,0,0,1,8-8h16V32a8,8,0,0,1,16,0V48h16a8,8,0,0,1,0,16H208V80a8,8,0,0,1-16,0V64H176A8,8,0,0,1,168,56Zm62.56,54.68a103.92,103.92,0,1,1-85.24-85.24,8,8,0,0,1-2.64,15.78A88.07,88.07,0,0,0,40,128a87.62,87.62,0,0,0,22.24,58.41A79.66,79.66,0,0,1,98.3,157.66a48,48,0,1,1,59.4,0,79.66,79.66,0,0,1,36.06,28.75A87.62,87.62,0,0,0,216,128a88.85,88.85,0,0,0-1.22-14.68,8,8,0,1,1,15.78-2.64ZM128,152a32,32,0,1,0-32-32A32,32,0,0,0,128,152Zm0,64a87.57,87.57,0,0,0,53.92-18.5,64,64,0,0,0-107.84,0A87.57,87.57,0,0,0,128,216Z"></path>'),$a=K('<path d="M172,56a4,4,0,0,1,4-4h20V32a4,4,0,0,1,8,0V52h20a4,4,0,0,1,0,8H204V80a4,4,0,0,1-8,0V60H176A4,4,0,0,1,172,56Zm54.62,55.34a99.89,99.89,0,1,1-82-82,4,4,0,0,1-1.32,7.89A93.4,93.4,0,0,0,128,36,92,92,0,0,0,62.83,192.87a75.61,75.61,0,0,1,44.51-34,44,44,0,1,1,41.32,0,75.61,75.61,0,0,1,44.51,34A91.69,91.69,0,0,0,220,128a93.58,93.58,0,0,0-1.27-15.34,4,4,0,0,1,7.89-1.32ZM128,156a36,36,0,1,0-36-36A36,36,0,0,0,128,156Zm0,64a91.61,91.61,0,0,0,59.14-21.58,68,68,0,0,0-118.27,0A91.56,91.56,0,0,0,128,220Z"></path>'),Ba=K('<svg><!><rect width="256" height="256" fill="none"></rect><!></svg>');function ia(fs,m){const ks=Ci(m,["children","$$slots","$$events","$$legacy"]),As=Ci(ks,["weight","color","size","mirrored"]);Mi(m,!1);const{weight:Es,color:ls,size:Ds,mirrored:bs,...Rs}=Pi("iconCtx")||{};let B=zs(m,"weight",8,Es??"regular"),us=zs(m,"color",8,ls??"currentColor"),ps=zs(m,"size",8,Ds??"1em"),ss=zs(m,"mirrored",8,bs||!1);Ri();var b=Ba();_i(b,()=>({xmlns:"http://www.w3.org/2000/svg",width:ps(),height:ps(),fill:us(),transform:ss()?"scale(-1, 1)":void 0,viewB

1ox:"0 0 256 256",...Rs,...As}));var J=M(b);zi(J,m,"default",{});var Fs=a(J,2);{var _s=I=>{var N=ma();s(I,N)},Ss=I=>{var N=A(),gs=h(N);{var $s=w=>{var G=va();e(),s(w,G)},Bs=w=>{var G=A(),es=h(G);{var cs=y=>{var v=fa();s(y,v)},ms=y=>{var v=A(),is=h(v);{var ns=o=>{var z=ba();s(o,z)},W=o=>{var z=A(),Y=h(z);{var O=D=>{var u=_a();s(D,u)},j=D=>{var u=A(),x=h(u);{var X=c=>{var Z=$a();s(c,Z)},V=c=>{var Z=R();Z.nodeValue=Ii(()=>(console.error('Unsupported icon weight. Choose from "thin", "light", "regular", "bold", "fill", or "duotone".'),"")),s(c,Z)};S(x,c=>{B()==="thin"?c(X):c(V,!1)},!0)}s(D,u)};S(Y,D=>{B()==="regular"?D(O):D(j,!1)},!0)}s(o,z)};S(is,o=>{B()==="light"?o(ns):o(W,!1)},!0)}s(y,v)};S(es,y=>{B()==="fill"?y(cs):y(ms,!1)},!0)}s(w,G)};S(gs,w=>{B()==="duotone"?w($s):w(Bs,!1)},!0)}s(I,N)};S(Fs,I=>{B()==="bold"?I(_s):I(Ss,!1)})}P(b),s(fs,b),Si()}var xa=K('<path d="M225.29,165.93C216.61,151,212,129.57,212,104a84,84,0,0,0-168,0c0,25.58-4.59,47-13.27,61.93A20.08,20.08,0,0,0,30.66,186,19.77,19.77,0,0,0,48,196H84.18a44,44,0,0,0,87.64,0H208a19.77,19.77,0,0,0,17.31-10A20.08,20.08,0,0,0,225.29,165.93ZM128,212a20,20,0,0,1-19.6-16h39.2A20,20,0,0,1,128,212ZM54.66,172C63.51,154,68,131.14,68,104a60,60,0,0,1,120,0c0,27.13,4.48,50,13.33,68Z"></path>'),wa=K('<path d="M208,192H48a8,8,0,0,1-6.88-12C47.71,168.6,56,139.81,56,104a72,72,0,0,1,144,0c0,35.82,8.3,64.6,14.9,76A8,8,0,0,1,208,192Z" opacity="0.2"></path><path d="M221.8,175.94C216.25,166.38,208,139.33,208,104a80,80,0,1,0-160,0c0,35.34-8.26,62.38-13.81,71.94A16,16,0,0,0,48,200H88.81a40,40,0,0,0,78.38,0H208a16,16,0,0,0,13.8-24.06ZM128,216a24,24,0,0,1-22.62-16h45.24A24,24,0,0,1,128,216ZM48,184c7.7-13.24,16-43.92,16-80a64,64,0,1,1,128,0c0,36.05,8.28,66.73,16,80Z"></path>',1),Ma=K('<path d="M221.8,175.94C216.25,166.38,208,139.33,208,104a80,80,0,1,0-160,0c0,35.34-8.26,62.38-13.81,71.94A16,16,0,0,0,48,200H88.81a40,40,0,0,0,78.38,0H208a16,16,0,0,0,13.8-24.06ZM128,216a24,24,0,0,1-22.62-16h45.24A24,24,0,0,1,128,216Z"></path>'),Pa=K('<path d="M220.07,176.94C214.41,167.2,206,139.73,206,104a78,78,0,1,0-156,0c0,35.74-8.42,63.2-14.08,72.94A14,14,0,0,0,48,198H90.48a38,38,0,0,0,75,0H208a14,14,0,0,0,12.06-21.06ZM128,218a26,26,0,0,1-25.29-20h50.58A26,26,0,0,1,128,218Zm81.71-33a1.9,1.9,0,0,1-1.7,1H48a1.9,1.9,0,0,1-1.7-1,2,2,0,0,1,0-2C53.87,170,62,139.69,62,104a66,66,0,1,1,132,0c0,35.68,8.14,65.95,15.71,79A2,2,0,0,1,209.71,185Z"></path>'),Sa=K('<path d="M221.8,175.94C216.25,166.38,208,139.33,208,104a80,80,0,1,0-160,0c0,35.34-8.26,62.38-13.81,71.94A16,16,0,0,0,48,200H88.81a40,40,0,0,0,78.38,0H208a16,16,0,0,0,13.8-24.06ZM128,216a24,24,0,0,1-22.62-16h45.24A24,24,0,0,1,128,216ZM48,184c7.7-13.24,16-43.92,16-80a64,64,0,1,1,128,0c0,36.05,8.28,66.73,16,80Z"></path>'),Ia=K('<path d="M218.35,178C212.58,168,204,140.13,204,104a76,76,0,1,0-152,0c0,36.13-8.59,64-14.36,73.95A12,12,0,0,0,48,196H92.23a36,36,0,0,0,71.54,0H208A12,12,0,0,0,218.35,178ZM128,220a28,28,0,0,1-27.71-24h55.42A28,28,0,0,1,128,220Zm83.45-34a3.91,3.91,0,0,1-3.44,2H48a3.91,3.91,0,0,1-3.44-2,4,4,0,0,1,0-4C52,169.17,60,139.32,60,104a68,68,0,1,1,136,0c0,35.31,8,65.17,15.44,78A4,4,0,0,1,211.45,186Z"></path>'),za=K('<svg><!><rect width="256" height="256" fill="none"></rect><!></svg>');function aa(fs,m){const ks=Ci(m,["children","$$slots","$$events","$$legacy"]),As=Ci(ks,["weight","color","size","mirrored"]);Mi(m,!1);const{weight:Es,color:ls,size:Ds,mirrored:bs,...Rs}=Pi("iconCtx")||{};let B=zs(m,"weight",8,Es??"regular"),us=zs(m,"color",8,ls??"currentColor"),ps=zs(m,"size",8,Ds??"1em"),ss=zs(m,"mirrored",8,bs||!1);Ri();var b=za();_i(b,()=>({xmlns:"http://www.w3.org/2000/svg",width:ps(),height:ps(),fill:us(),transform:ss()?"scale(-1, 1)":void 0,viewBox:"0 0 256 256",...Rs,...As}));var J=M(b);zi(J,m,"default",{});var Fs=a(J,2);{var _s=I=>{var N=xa();s(I,N)},Ss=I=>{var N=A(),gs=h(N);{var $s=w=>{var G=wa();e(),s(w,G)},Bs=w=>{var G=A(),es=h(G);{var cs=y=>{var v=Ma();s(y,v)},ms=y=>{var v=A(),is=h(v);{var ns=o=>{var z=Pa();s(o,z)},W=o=>{var z=A(),Y=h(z);{var O=D=>{var u=Sa();s(D,u)},j=D=>{var u=A(),x=h(u);{var X=c=>{var Z=Ia();s(c,Z)},V=c=>{var Z=R();Z.nodeValue=Ii(()=>(console.error('Unsupported icon weight. Choose from "thin", "light", "regular", "bold", "fill", or "duotone".'),"")),s(c,Z)};S(x,c=>{B()==="thin"?c(X):c(V,!1)},!0)}s(D,u)};S(Y,D=>{B()==="regular"?D(O):D(j,!1)},!0)}s(o,z)};S(is,o=>{B()==="light"?o(ns):o(W,!1)},!0)}s(y,v)};S(es,y=>{B()==="fill"?y(cs):y(ms,!1)},!0)}s(w,G)};S(gs,w=>{B()==="duotone"?w($s):w(Bs,!1)},!0)}s(I,N)};S(Fs,I=>{B()==="bold"?I(_s):I(Ss,!1)})}P(b),s(fs,b),Si()}var Ra=K('<path d="M128,96a32,32,0,1,0,32,32A32,32,0,0,0,128,96Zm0,40a8,8,0,1,1,8-8A8,8,0,0,1,128,136Z"></path>'),Ta=K('<path d="M152,128a24,24,0,1,1-24-24A24,24,0,0,1,152,128Z" opacity="0.2"></path><path d="M128,96a32,32,0,1,0,32,32A32,32,0,0,0,128,96Zm0,48a16,16,0,1,1,16-16A16,16,0,0,1,128,144Z"></path>',1),Za=K('<path d="M156,128a28,28,0,1,1-28-28A28,28,0,0,1,156,128Z"></path>'),Ga=K('<path d="M128,98a30,30,0,1,0,30,30A30,30,0,0,0,128,98Zm0,48a18,18,0,1,1,18-18A18,18,0,0,1,128,146Z"></path>'),La=K('<path d="M128,96a32,32,0,1,0,32,32A32,32,0,0,0,128,96Zm0,48a16,16,0,1,1,16-16A16,16,0,0,1,128,144Z"></path>'),Ha=K('<path d="M128,100a28,28,0,1,0,28,28A28,28,0,0,0,128,100Zm0,48a20,20,0,1,1,20-20A20,20,0,0,1,128,148Z"></path>'),Oa=K('<svg><!><rect width="256" height="256" fill="none"></rect><!></svg>');function oi(fs,m){const ks=Ci(m,["children","$$slots","$$events","$$legacy"]),As=Ci(ks,["weight","color","size","mirrored"]);Mi(m,!1);const{weight:Es,color:ls,size:Ds,mirrored:bs,...Rs}=Pi("iconCtx")||{};let B=zs(m,"weight",8,Es??"regular"),us=zs(m,"color",8,ls??"currentColor"),ps=zs(m,"size",8,Ds??"1em"),ss=zs(m,"mirrored",8,bs||!1);Ri();var b=Oa();_i(b,()=>({xmlns:"http://www.w3.org/2000/svg",width:ps(),height:ps(),fill:us(),transform:ss()?"scale(-1, 1)":void 0,viewB

1ox:"0 0 256 256",...Rs,...As}));var J=M(b);zi(J,m,"default",{});var Fs=a(J,2);{var _s=I=>{var N=Ra();s(I,N)},Ss=I=>{var N=A(),gs=h(N);{var $s=w=>{var G=Ta();e(),s(w,G)},Bs=w=>{var G=A(),es=h(G);{var cs=y=>{var v=Za();s(y,v)},ms=y=>{var v=A(),is=h(v);{var ns=o=>{var z=Ga();s(o,z)},W=o=>{var z=A(),Y=h(z);{var O=D=>{var u=La();s(D,u)},j=D=>{var u=A(),x=h(u);{var X=c=>{var Z=Ha();s(c,Z)},V=c=>{var Z=R();Z.nodeValue=Ii(()=>(console.error('Unsupported icon weight. Choose from "thin", "light", "regular", "bold", "fill", or "duotone".'),"")),s(c,Z)};S(x,c=>{B()==="thin"?c(X):c(V,!1)},!0)}s(D,u)};S(Y,D=>{B()==="regular"?D(O):D(j,!1)},!0)}s(o,z)};S(is,o=>{B()==="light"?o(ns):o(W,!1)},!0)}s(y,v)};S(es,y=>{B()==="fill"?y(cs):y(ms,!1)},!0)}s(w,G)};S(gs,w=>{B()==="duotone"?w($s):w(Bs,!1)},!0)}s(I,N)};S(Fs,I=>{B()==="bold"?I(_s):I(Ss,!1)})}P(b),s(fs,b),Si()}var ja=d('<div class="flex items-center"><!> Profile</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-xs">â</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-[10px]">P</kbd></div>',1),Va=d('<div class="flex items-center"><!> Billing</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-xs">â</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-[10px]">B</kbd></div>',1),Ua=d('<div class="flex items-center"><!> Settings</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-xs">â</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-[10px]">S</kbd></div>',1),qa=d('<div class="flex items-center pr-4"><!> Notifications</div> <div class="ml-auto flex items-center gap-px"><!></div>',1),Na=d('<div class="flex items-center"><!> Workspace</div> <div class="ml-auto flex items-center gap-px"><!></div>',1),Wa=d("<!> <!>",1),Ya=d("<!> @huntabyte <!>",1),Ja=d("<!> <!>",1),Ka=d("<!> @pavel_stianko <!>",1),Xa=d("<!> <!>",1),Qa=d("<!> @cokakoala_ <!>",1),sn=d("<!> <!>",1),an=d("<!> @thomasglopes <!>",1),nn=d("<!> <!> <!> <!>",1),tn=d("<!> <!>",1),hn=d("<!> <!> <!> <!> <!>",1),kn=d("<!> <!>",1);function ln(fs){let m=ki(!1),ks=ki("");var As=A(),Es=h(As);n(Es,()=>ji,(ls,Ds)=>{Ds(ls,{children:(bs,Rs)=>{var B=kn(),us=h(B);n(us,()=>Hi,(ss,b)=>{b(ss,{class:"border-input text-foreground shadow-btn hover:bg-muted inline-flex h-10 w-10 select-none items-center justify-center rounded-full border text-sm font-medium active:scale-[0.98]",children:(J,Fs)=>{Qi(J,{class:"text-foreground h-6 w-6"})},$$slots:{default:!0}})});var ps=a(us,2);n(ps,()=>ii,(ss,b)=>{b(ss,{children:(J,Fs)=>{var _s=A(),Ss=h(_s);n(Ss,()=>Oi,(I,N)=>{N(I,{class:"border-muted bg-background shadow-popover outline-hidden focus-visible:outline-hidden w-[229px] rounded-xl border px-1 py-1.5",sideOffset:8,children:(gs,$s)=>{var Bs=hn(),w=h(Bs);n(w,()=>Js,(y,v)=>{v(y,{class:"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",children:(is,ns)=>{var W=ja(),o=h(W),z=M(o);Ki(z,{class:"text-foreground-alt mr-2 size-5"}),e(),P(o),e(2),s(is,W)},$$slots:{default:!0}})});var G=a(w,2);n(G,()=>Js,(y,v)=>{v(y,{class:"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",children:(is,ns)=>{var W=Va(),o=h(W),z=M(o);Xi(z,{class:"text-foreground-alt mr-2 size-5"}),e(),P(o),e(2),s(is,W)},$$slots:{default:!0}})});var es=a(G,2);

1n(es,()=>Js,(y,v)=>{v(y,{class:"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",children:(is,ns)=>{var W=Ua(),o=h(W),z=M(o);sa(z,{class:"text-foreground-alt mr-2 size-5"}),e(),P(o),e(2),s(is,W)},$$slots:{default:!0}})});var cs=a(es,2);{const y=(v,is)=>{let ns=()=>is?.().checked;var W=qa(),o=h(W),z=M(o);aa(z,{class:"text-foreground-alt mr-2 size-5"}),e(),P(o);var Y=a(o,2),O=M(Y);{var j=D=>{Li(D,{class:"size-4"})};S(O,D=>{ns()&&D(j)})}P(Y),s(v,W)};n(cs,()=>Vi,(v,is)=>{is(v,{class:"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",get checked(){return Cs(m)},set checked(ns){hi(m,ns,!0)},children:y,$$slots:{default:!0}})})}var ms=a(cs,2);n(ms,()=>ri,(y,v)=>{v(y,{children:(is,ns)=>{var W=tn(),o=h(W);n(o,()=>di,(Y,O)=>{O(Y,{class:"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",children:(j,D)=>{var u=Na(),x=h(u),X=M(x);ia(X,{class:"text-foreground-alt mr-2 size-5"}),e(),P(x);var V=a(x,2),c=M(V);ei(c,{class:"text-foreground-alt size-5"}),P(V),s(j,u)},$$slots:{default:!0}})});var z=a(o,2);n(z,()=>ii,(Y,O)=>{O(Y,{children:(j,D)=>{var u=A(),x=h(u);n(x,()=>Ai,(X,V)=>{V(X,{class:"border-muted bg-background shadow-popover ring-0! ring-transparent! w-[209px] rounded-xl border px-1 py-1.5 outline-none",sideOffset:10,children:(c,Z)=>{var ys=A(),vs=h(ys);n(vs,()=>bi,(os,js)=>{js(os,{get value(){return Cs(ks)},set value(ts){hi(ks,ts,!0)},children:(ts,xs)=>{var Ks=nn(),Ts=h(Ks);{const ws=(U,_)=>{let L=()=>_?.().checked;var as=Ya(),$=h(as);n($,()=>Ei,(f,C)=>

1{C(f,{class:"border-foreground/50 relative mr-3 flex size-5 shrink-0 overflow-hidden rounded-full border",children:(q,hs)=>{var l=Wa(),t=h(l);n(t,()=>gi,(r,i)=>{i(r,{src:"https://github.com/huntabyte.png",alt:"@huntabyte",class:"aspect-square h-full w-full"})});var k=a(t,2);n(k,()=>yi,(r,i)=>{i(r,{class:"bg-muted text-xxs flex h-full w-full items-center justify-center rounded-full",children:(p,E)=>{e();var F=R("HJ");s(p,F)},$$slots:{default:!0}})}),s(q,l)},$$slots:{default:!0}})});var T=a($,2);{var H=f=>{oi(f,{class:"ml-auto size-4"})};S(T,f=>{L()&&f(H)})}s(U,as)};n(Ts,()=>Os,(U,_)=>{_(U,{value:"huntabyte",class:"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",children:ws,$$slots:{default:!0}})})}var Zs=a(Ts,2);{const ws=(U,_)=>{let L=()=>_?.().checked;var as=Ka(),$=h(as);n($,()=>Ei,(f,C)=>{C(f,{class:"border-foreground/50 relative mr-3 flex size-5 shrink-0 overflow-hidden rounded-full border",children:(q,hs)=>{var l=Ja(),t=h(l);n(t,()=>gi,(r,i)=>{i(r,{src:"https://github.com/pavelstianko.png",alt:"@pavel_stianko",class:"aspect-square h-full w-full"})});var k=a(t,2);n(k,()=>yi,(r,i)=>{i(r,{class:"bg-muted flex h-full w-full items-center justify-center rounded-full text-xs",children:(p,E)=>{e();var F=R("PS");s(p,F)},$$slots:{default:!0}})}),s(q,l)},$$slots:{default:!0}})});var T=a($,2);{var H=f=>{oi(f,{class:"ml-auto size-4"})};S(T,f=>{L()&&f(H)})}s(U,as)};n(Zs,()=>Os,(U,_)=>{_(U,{value:"pavel",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:ws,$$slots:{default:!0}})})}var Vs=a(Zs,2);{const ws=(U,_)=>{let L=()=>_?.().checked;var as=Qa(),$=h(as);n($,()=>Ei,(f,C)=>

1{C(f,{class:"border-foreground/50 relative mr-3 flex size-5 shrink-0 overflow-hidden rounded-full border",children:(q,hs)=>{var l=Xa(),t=h(l);n(t,()=>gi,(r,i)=>{i(r,{src:"https://github.com/adriangonz97.png",alt:"@cokakoala_",class:"aspect-square h-full w-full"})});var k=a(t,2);n(k,()=>yi,(r,i)=>{i(r,{class:"bg-muted flex h-full w-full items-center justify-center rounded-full text-xs",children:(p,E)=>{e();var F=R("CK");s(p,F)},$$slots:{default:!0}})}),s(q,l)},$$slots:{default:!0}})});var T=a($,2);{var H=f=>{oi(f,{class:"ml-auto size-4"})};S(T,f=>{L()&&f(H)})}s(U,as)};n(Vs,()=>Os,(U,_)=>{_(U,{value:"cokakoala",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:ws,$$slots:{default:!0}})})}var Gs=a(Vs,2);{const ws=(U,_)=>{let L=()=>_?.().checked;var as=an(),$=h(as);n($,()=>Ei,(f,C)=>{C(f,{class:"border-foreground/50 relative mr-3 flex size-5 shrink-0 overflow-hidden rounded-full border",children:(q,hs)=>{var l=sn(),t=h(l);n(t,()=>gi,(r,i)=>{i(r,{src:"https://github.com/tglide.png",alt:"@tglide",class:"aspect-square h-full w-full"})});var k=a(t,2);n(k,()=>yi,(r,i)=>{i(r,{class:"bg-muted flex h-full w-full items-center justify-center rounded-full text-xs",children:(p,E)=>{e();var F=R("TL");s(p,F)},$$slots:{default:!0}})}),s(q,l)},$$slots:{default:!0}})});var T=a($,2);{var H=f=>{oi(f,{class:"ml-auto size-4"})};S(T,f=>{L()&&f(H)})}s(U,as)};n(Gs,()=>Os,(U,_)=>{_(U,{value:"tglide",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:ws,$$slots:{default:!0}})})}s(ts,Ks)},$$slots:{default:!0}})}),s(c,ys)},$$slots:{default:!0}})}),s(j,u)},$$slots:{default:!0}})}),s(is,W)},$$slots:{default:!0}})}),s(gs,Bs)},$$slots:{default:!0}})}),s(J,_s)},$$slots:{default:!0}})}),s(bs,B)},$$slots:{default:!0}})}),s(fs,As)}const wi=(fs,m=ka)=>{var ks=A(),As=h(ks);{var Es=ls=>{var Ds=pn();s(ls,Ds)};S(As,ls=>{m()&&ls(Es)})}s(fs,ks)};var pn=K('<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>'),en=d('<!> <span class="ml-1.5">Filter issue</span>',1),rn=d("Status <!>",1),dn=d(" <!>",1),An=d("<!> <!>",1),En=d("Issue properties <!>",1),gn=d("Priority <!>",1),yn=d(" <!>",1),on=d("<!> <!>",1),Cn=d("Type <!>",1),Dn=d(" <!>",1),un=d("<!> <!>",1),Fn=d("<span> </span> <!>",1),cn=d("<!> <!>",1),mn=d("Labels <!>",1),vn=d(" <!>",1),fn=d("Product area <!>",1),bn=d("<!> <!> <!> <!>",1),_n=d("<!> <!>",1),$n=d("<!> <!>",1),Bn=d("<!> <!>",1),xn=d("<!> <!> <!> <!> <!>",1),wn=d("<!> <!>",1),Mn=d("<!> <!> <!>",1),Pn=d("<!> <!>",1);function Sn(fs){let m=ki("in-progress"),ks=ki("p2"),As=ki("feature"),Es=ki("customer-facing"),ls=ki(ha(["assignee","mentions"]));const Ds=[{value:"icebox",label:"Icebox"},{value:"backlog",label:"Backlog"},{value:"todo",label:"Todo"},{value:"in-progress",label:"In progress"},{value:"done",label:"Done"}],bs=[{value:"p0",label:"P0 - Critical"},{value:"p1",label:"P1 - High"},{value:"p2",label:"P2 - Medium"},{value:"p3",label:"P3 - Low"}],Rs=[{value:"bug",label:"Bug"},{value:"feature",label:"Feature"},{value:"improvement",label:"Improvement"},{value:"docs",label:"Docs"}],B=[{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"}],us=[{value:"assignee",label:"Assignee changes"},{value:"comments",label:"New comments"},{value:"mentions",label:"@mentions"}],ps="border-muted bg-background shadow-popover outline-hidden focus-visible:outline-hidden w-[250px] rounded-xl border px-1 py-1.5",ss="border-muted bg-background shadow-popover outline-hidden focus-visible:outline-hidden z-100 w-[230px] rounded-xl border px-1 py-1.5",b="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 Fs=A(),_s=h(Fs);n(_s,()=>ji,(Ss,I)=>{I(Ss,{children:(N,gs)=>{var $s=Pn(),Bs=h($s);n(Bs,()=>Hi,(G,es)=>{es(G,{class:"border-input text-foreground shadow-btn hover:bg-muted inline-flex h-10 select-none items-center justify-center rounded-full border px-4 text-sm font-medium active:scale-[0.98]",children:(cs,ms)=>{var y=en(),v=h(y);pa(v,{class:"size-5"}),e(2),s(cs,y)},$$slots:{default:!0}})});var w=a(Bs,2);n(w,()=>ii,(G,es)=>{es(G,{children:(cs,ms)=>{var y=A(),v=h(y);n(v,()=>Oi,(is,ns)=>{ns(is,{class:ps,sideOffset:8,children:(W,o)=>{var z=Mn(),Y=h(z);n(Y,()=>Js,(D,u)=>{u(D,{class:b,disabled:!0,children:(x,X)=>{e();var V=R("Search issuesâ¦");s(x,V)},$$slots:{default:!0}})});var O=a(Y,2);n(O,()=>ri,(D,u)=>{u(D,{children:(x,X)=>{var V=An(),c=h(V);n(c,()=>di,(ys,vs)=>{vs(ys,{class:J,children:(os,js)=>{e();var ts=rn(),xs=a(h(ts));ei(xs,{class:"text-foreground-alt ml-auto size-4"}),s(os,ts)},$$slots:{default:!0}})});var Z=a(c,2);n(Z,()=>ii,(ys,vs)=>{vs(ys,{children:(os,js)=>{var ts=A(),xs=h(ts);n(xs,()=>Ai,(Ks,Ts)=>{Ts(Ks,{class:ss,sideOffset:10,children:(Zs,Vs)=>{var Gs=A(),ws=h(Gs);n(ws,()=>bi,(U,_)=>{_(U,{get value(){return Cs(m)},set value(L){hi(m,L,!0)},children:(L,as)=>{var $=A(),T=h($);xi(T,17,()=>Ds,H=>H.value,(H,f)=>{var C=A(),q=h(C);{const hs=(l,t)=>{let k=()=>t?.().checked;e();var r=dn(),i=h(r),p=a(i);wi(p,k),$i(()=>Bi(i,`${Cs(f).label??""} `)),s(l,r)};n(q,()=>Os,(l,t)=>{t(l,{get value(){return Cs(f).value},class:b,children:hs,$$slots:{default:!0}})})}s(H,C)}),s(L,$)},$$slots:{default:!0}})}),s(Zs,Gs)},$$slots:{default:!0}})}),s(os,ts)},$$slots:{default:!0}})}),s(x,V)},$$slots:{default:!0}})});var j=a(O,2);n(j,()=>ri,(D,u)=>{u(D,{children:(x,X)=>{var V=wn(),c=h(V);n(c,()=>di,(ys,vs)=>{vs(ys,{class:J,children:(os,js)=>{e();var ts=En(),xs=a(h(ts));ei(xs,{class:"text-foreground-alt ml-auto size-4"}),s(os,ts)},$$slots:{default:!0}})});var Z=a(c,2);n(Z,()=>ii,(ys,vs)=>{vs(ys,{children:(os,js)=>{var ts=A(),xs=h(ts);n(xs,()=>Ai,(Ks,Ts)=>{Ts(Ks,{class:ss,sideOffset:10,children:(Zs,Vs)=>{var Gs=xn(),ws=h(Gs);n(ws,()=>ri,($,T)=>{T($,{children:(H,f)=>{var C=on(),q=h(C);n(q,()=>di,(l,t)=>{t(l,{class:J,children:(k,r)=>{e();var i=gn(),p=a(h(i));ei(p,{class:"text-foreground-alt ml-auto size-4"}),s(k,i)},$$slots:{default:!0}})});var hs=a(q,2);n(hs,()=>ii,(l,t)=>{t(l,{children:(k,r)=>{var i=A(),p=h(i);

1n(p,()=>Ai,(E,F)=>{F(E,{class:ss,sideOffset:10,children:(Q,Ms)=>{var rs=A(),li=h(rs);n(li,()=>bi,(Di,Us)=>{Us(Di,{get value(){return Cs(ks)},set value(qs){hi(ks,qs,!0)},children:(qs,ui)=>{var Fi=A(),ai=h(Fi);xi(ai,17,()=>bs,Ls=>Ls.value,(Ls,Ns)=>{var Hs=A(),Xs=h(Hs);{const ni=(Ws,Ps)=>{let Ys=()=>Ps?.().checked;e();var ti=yn(),Qs=h(ti),pi=a(Qs);wi(pi,Ys),$i(()=>Bi(Qs,`${Cs(Ns).label??""} `)),s(Ws,ti)};n(Xs,()=>Os,(Ws,Ps)=>{Ps(Ws,{get value(){return Cs(Ns).value},class:b,children:ni,$$slots:{default:!0}})})}s(Ls,Hs)}),s(qs,Fi)},$$slots:{default:!0}})}),s(Q,rs)},$$slots:{default:!0}})}),s(k,i)},$$slots:{default:!0}})}),s(H,C)},$$slots:{default:!0}})});var U=a(ws,2);n(U,()=>ri,($,T)=>{T($,{children:(H,f)=>{var C=un(),q=h(C);n(q,()=>di,(l,t)=>{t(l,{class:J,children:(k,r)=>{e();var i=Cn(),p=a(h(i));ei(p,{class:"text-foreground-alt ml-auto size-4"}),s(k,i)},$$slots:{default:!0}})});var hs=a(q,2);n(hs,()=>ii,(l,t)=>{t(l,{children:(k,r)=>{var i=A(),p=h(i);n(p,()=>Ai,(E,F)=>{F(E,{class:ss,sideOffset:10,children:(Q,Ms)=>{var rs=A(),li=h(rs);n(li,()=>bi,(Di,Us)=>{Us(Di,{get value(){return Cs(As)},set value(qs){hi(As,qs,!0)},children:(qs,ui)=>{var Fi=A(),ai=h(Fi);xi(ai,17,()=>Rs,Ls=>Ls.value,(Ls,Ns)=>{var Hs=A(),Xs=h(Hs);{const ni=(Ws,Ps)=>{let Ys=()=>Ps?.().checked;e();var ti=Dn(),Qs=h(ti),pi=a(Qs);wi(pi,Ys),$i(()=>Bi(Qs,`${Cs(Ns).label??""} `)),s(Ws,ti)};n(Xs,()=>Os,(Ws,Ps)=>{Ps(Ws,{get value(){return Cs(Ns).value},class:b,children:ni,$$slots:{default:!0}})})}s(Ls,Hs)}),s(qs,Fi)},$$slots:{default:!0}})}),s(Q,rs)},$$slots:{default:!0}})}),s(k,i)},$$slots:{default:!0}})}),s(H,C)},$$slots:{default:!0}})});var _=a(U,2);n(_,()=>ea,($,T)=>{T($,{class:"bg-muted -mx-1 my-1 block h-px"})});var L=a(_,2);n(L,()=>ra,($,T)=>{T($,{get value(){return Cs(ls)},set value(H){hi(ls,H,!0)},children:(H,f)=>{var C=cn(),q=h(C);n(q,()=>da,(l,t)=>{t(l,{class:"text-muted-foreground px-3 pb-2 pt-3 text-xs font-medium",children:(k,r)=>{e();var i=R("Email digest");s(k,i)},$$slots:{default:!0}})});var hs=a(q,2);xi(hs,17,()=>us,l=>l.value,(l,t)=>{var k=A(),r=h(k);{const i=(p,E)=>{let F=()=>E?.().checked;var Q=Fn(),Ms=h(Q),rs=M(Ms,!0);P(Ms);var li=a(Ms,2);{var Di=Us=>{Li(Us,{class:"text-foreground-alt ml-auto size-4 shrink-0"})};S(li,Us=>{F()&&Us(Di)})}$i(()=>Bi(rs,Cs(t).label)),s(p,Q)};n(r,()=>Vi,(p,E)=>{E(p,{get value(){return Cs(t).value},class:b,children:i,$$slots:{default:!0}})})}s(l,k)}),s(H,C)},$$slots:{default:!0}})});var as=a(L,2);n(as,()=>ri,($,T)=>{T($,{children:(H,f)=>{var C=Bn(),q=h(C);n(q,()=>di,(l,t)=>{t(l,{class:J,children:(k,r)=>{e();var i=mn(),p=a(h(i));ei(p,{class:"text-foreground-alt ml-auto size-4"}),s(k,i)},$$slots:{default:!0}})});var hs=a(q,2);n(hs,()=>ii,(l,t)=>{t(l,{children:(k,r)=>{var i=A(),p=h(i);n(p,()=>Ai,(E,F)=>{F(E,{class:ss,sideOffset:10,children:(Q,Ms)=>{var rs=$n(),li=h(rs);n(li,()=>bi,(Us,qs)=>{qs(Us,{get value(){return Cs(Es)},set value(ui){hi(Es,ui,!0)},children:(ui,Fi)=>{var ai=A(),Ls=h(ai);xi(Ls,17,()=>B,Ns=>Ns.value,(Ns,Hs)=>{var Xs=A(),ni=h(Xs);{const Ws=(Ps,Ys)=>{let ti=()=>Ys?.().checked;e();var Qs=vn(),pi=h(Qs),Ui=a(pi);wi(Ui,ti),$i(()=>Bi(pi,`${Cs(Hs).label??""} `)),s(Ps,Qs)};n(ni,()=>Os,(Ps,Ys)=>{Ys(Ps,{get value(){return Cs(Hs).value},class:b,children:Ws,$$slots:{default:!0}})})}s(Ns,Xs)}),s(ui,ai)},$$slots:{default:!0}})});var Di=a(li,2);n(Di,()=>ri,(Us,qs)=>{qs(Us,{children:(ui,Fi)=>{var ai=_n(),Ls=h(ai);n(Ls,()=>di,(Hs,Xs)=>{Xs(Hs,{class:J,children:(ni,Ws)=>{e();var Ps=fn(),Ys=a(h(Ps));ei(Ys,{class:"text-foreground-alt ml-auto size-4"}),s(ni,Ps)},$$slots:{default:!0}})});var Ns=a(Ls,2);n(Ns,()=>ii,(Hs,Xs)=>{Xs(Hs,{children:(ni,Ws)=>{var Ps=A(),Ys=h(Ps);n(Ys,()=>Ai,(ti,Qs)=>{Qs(ti,{class:ss,sideOffset:10,children:(pi,Ui)=>{var qi=bn(),Ni=h(qi);n(Ni,()=>Js,(ci,mi)=>{mi(ci,{class:b,children:(vi,Ti)=>{e();var fi=R("Web app");s(vi,fi)},$$slots:{default:!0}})});var Wi=a(Ni,2);n(Wi,()=>Js,(ci,mi)=>{mi(ci,{class:b,children:(vi,Ti)=>{e();var fi=R("Mobile");s(vi,fi)},$$slots:{default:!0}})});var Yi=a(Wi,2);n(Yi,()=>Js,(ci,mi)=>{mi(ci,{class:b,children:(vi,Ti)=>{e();var fi=R("CLI");s(vi,fi)},$$slots:{default:!0}})});var ta=a(Yi,2);n(ta,()=>Js,(ci,mi)=>{mi(ci,{class:b,children:(vi,Ti)=>{e();var fi=R("Marketing site");s(vi,fi)},$$slots:{default:!0}})}),s(pi,qi)},$$slots:{default:!0}})}),s(ni,Ps)},$$slots:{default:!0}})}),s(ui,ai)},$$slots:{default:!0}})}),s(Q,rs)},$$slots:{default:!0}})}),s(k,i)},$$slots:{default:!0}})}),s(H,C)},$$slots:{default:!0}})}),s(Zs,Gs)},$$slots:{default:!0}})}),s(os,ts)},$$slots:{default:!0}})}),s(x,V)},$$slots:{default:!0}})}),s(W,z)},$$slots:{default:!0}})}),s(cs,y)},$$slots:{default:!0}})}),s(N,$s)},$$slots:{default:!0}})}),s(fs,Fs)}var In=d('<div class="flex items-center"><!> Profile</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-xs">â</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-[10px]">P</kbd></div>',1),zn=d('<div class="flex items-center"><!> Billing</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-xs">â</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-[10px]">B</kbd></div>',1),Rn=d('<div class="flex items-center"><!> Settings</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-xs">â</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-[10px]">S</kbd></div>',1),Tn=d('<div class="flex items-center pr-4"><!> Notifications</div> <div class="ml-auto flex items-center gap-px"><!></div>',1),Zn=d('<div class="flex items-center"><!> Workspace</div> <div class="ml-auto flex items-center gap-px"><!></div>',1),Gn=d("<!> <!>",1),Ln=d("<!> @huntabyte <!>",1),Hn=d("<!> <!>",1),On=d("<!> @pavel_stianko <!>",1),jn=d("<!> <!>",1),Vn=d("<!> @cokakoala_ <!>",1),Un=d("<!> <!>",1),qn=d("<!> @thomasglopes <!>",1),Nn=d("<!> <!> <!> <!>",1),Wn=d("<!> <!>",1),Yn=d("<div><div><!> <!> <!> <!> <!></div></div>"),Jn=d("<!> <!>",1);function Kn(fs){let m=ki(!1),ks=ki("");var As=A(),Es=h(As);n(Es,()=>ji,(ls,Ds)=>{Ds(ls,{children:(bs,Rs)=>{var B=Jn(),us=h(B);n(us,()=>Hi,(ss,b)=>{b(ss,{class:"border-input shadow-btn hover:bg-muted inline-flex h-10 w-10 select-none items-center justify-center rounded-full border text-sm font-medium active:scale-[0.98]",children:(J,Fs)=>{Qi(J,{class:"text-foreground h-6 w-6"})},$$slots:{default:!0}})});var ps=a(us,2);n(ps,()=>ii,(ss,b)=>{b(ss,{children:(J,Fs)=>{var _s=A(),Ss=h(_s);{const I=(N,gs)=>{let $s=()=>gs?.().wrapperProps,Bs=()=>gs?.().props,w=()=>gs?.().open;var G=A(),es=h(G);{var cs=ms=>{var y=Yn();_i(y,()=>({...$s()}));var v=M(y);_i(v,()=>({...Bs()}));var is=M(v);n(is,()=>Js,(Y,O)=>{O(Y,{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:(j,D)=>{var u=In(),x=h(u),X=M(x);Ki(X,{class:"text-foreground-alt mr-2 size-5"}),e(),P(x),e(2),s(j,u)},$$slots:{default:!0}})});var ns=a(is,2);n(ns,()=>Js,(Y,O)=>{O(Y,{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:(j,D)=>{var u=zn(),x=h(u),X=M(x);Xi(X,{class:"text-foreground-alt mr-2 size-5"}),e(),P(x),e(2),s(j,u)},$$slots:{default:!0}})});var W=a(ns,2);n(W,()=>Js,(Y,O)=>{O(Y,{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:(j,D)=>{var u=Rn(),x=h(u),X=M(x);sa(X,{class:"text-foreground-alt mr-2 size-5"}),e(),P(x),e(2),s(j,u)},$$slots:{default:!0}})});var o=a(W,2);{const Y=(O,j)=>{let D=()=>j?.().checked;var u=Tn(),x=h(u),X=M(x);aa(X,{class:"text-foreground-alt mr-2 size-5"}),e(),P(x);var V=a(x,2),c=M(V);{var Z=ys=>

1{Li(ys,{class:"size-4"})};S(c,ys=>{D()&&ys(Z)})}P(V),s(O,u)};n(o,()=>Vi,(O,j)=>{j(O,{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",get checked(){return Cs(m)},set checked(D){hi(m,D,!0)},children:Y,$$slots:{default:!0}})})}var z=a(o,2);n(z,()=>ri,(Y,O)=>{O(Y,{children:(j,D)=>{var u=Wn(),x=h(u);n(x,()=>di,(V,c)=>{c(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:(Z,ys)=>{var vs=Zn(),os=h(vs),js=M(os);ia(js,{class:"text-foreground-alt mr-2 size-5"}),e(),P(os);var ts=a(os,2),xs=M(ts);ei(xs,{class:"text-foreground-alt size-5"}),P(ts),s(Z,vs)},$$slots:{default:!0}})});var X=a(x,2);n(X,()=>Ai,(V,c)=>{c(V,{class:"border-muted bg-background shadow-popover w-[209px] rounded-xl border px-1 py-1.5 focus-visible:outline-none",sideOffset:10,children:(Z,ys)=>{var vs=A(),os=h(vs);n(os,()=>bi,(js,ts)=>{ts(js,{get value(){return Cs(ks)},set value(xs){hi(ks,xs,!0)},children:(xs,Ks)=>{var Ts=Nn(),Zs=h(Ts);{const U=(_,L)=>{let as=()=>L?.().checked;var $=Ln(),T=h($);n(T,()=>Ei,(C,q)=>

1{q(C,{class:"border-foreground/50 relative mr-3 flex size-5 shrink-0 overflow-hidden rounded-full border",children:(hs,l)=>{var t=Gn(),k=h(t);n(k,()=>gi,(i,p)=>{p(i,{src:"https://github.com/huntabyte.png",alt:"@huntabyte",class:"aspect-square h-full w-full"})});var r=a(k,2);n(r,()=>yi,(i,p)=>{p(i,{class:"bg-muted text-xxs flex h-full w-full items-center justify-center rounded-full",children:(E,F)=>{e();var Q=R("HJ");s(E,Q)},$$slots:{default:!0}})}),s(hs,t)},$$slots:{default:!0}})});var H=a(T,2);{var f=C=>{oi(C,{class:"ml-auto size-4"})};S(H,C=>{as()&&C(f)})}s(_,$)};n(Zs,()=>Os,(_,L)=>{L(_,{value:"huntabyte",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:U,$$slots:{default:!0}})})}var Vs=a(Zs,2);{const U=(_,L)=>{let as=()=>L?.().checked;var $=On(),T=h($);n(T,()=>Ei,(C,q)=>{q(C,{class:"border-foreground/50 relative mr-3 flex size-5 shrink-0 overflow-hidden rounded-full border",children:(hs,l)=>{var t=Hn(),k=h(t);n(k,()=>gi,(i,p)=>{p(i,{src:"https://github.com/pavelstianko.png",alt:"@pavel_stianko",class:"aspect-square h-full w-full"})});var r=a(k,2);n(r,()=>yi,(i,p)=>{p(i,{class:"bg-muted flex h-full w-full items-center justify-center rounded-full text-xs",children:(E,F)=>{e();var Q=R("PS");s(E,Q)},$$slots:{default:!0}})}),s(hs,t)},$$slots:{default:!0}})});var H=a(T,2);{var f=C=>{oi(C,{class:"ml-auto size-4"})};S(H,C=>{as()&&C(f)})}s(_,$)};n(Vs,()=>Os,(_,L)=>{L(_,{value:"pavel",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:U,$$slots:{default:!0}})})}var Gs=a(Vs,2);{const U=(_,L)=>{let as=()=>L?.().checked;var $=Vn(),T=h($);n(T,()=>Ei,(C,q)=>

1{q(C,{class:"border-foreground/50 relative mr-3 flex size-5 shrink-0 overflow-hidden rounded-full border",children:(hs,l)=>{var t=jn(),k=h(t);n(k,()=>gi,(i,p)=>{p(i,{src:"https://github.com/adriangonz97.png",alt:"@cokakoala_",class:"aspect-square h-full w-full"})});var r=a(k,2);n(r,()=>yi,(i,p)=>{p(i,{class:"bg-muted flex h-full w-full items-center justify-center rounded-full text-xs",children:(E,F)=>{e();var Q=R("CK");s(E,Q)},$$slots:{default:!0}})}),s(hs,t)},$$slots:{default:!0}})});var H=a(T,2);{var f=C=>{oi(C,{class:"ml-auto size-4"})};S(H,C=>{as()&&C(f)})}s(_,$)};n(Gs,()=>Os,(_,L)=>{L(_,{value:"cokakoala",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:U,$$slots:{default:!0}})})}var ws=a(Gs,2);{const U=(_,L)=>{let as=()=>L?.().checked;var $=qn(),T=h($);n(T,()=>Ei,(C,q)=>{q(C,{class:"border-foreground/50 relative mr-3 flex size-5 shrink-0 overflow-hidden rounded-full border",children:(hs,l)=>{var t=Un(),k=h(t);n(k,()=>gi,(i,p)=>{p(i,{src:"https://github.com/tglide.png",alt:"@tglide",class:"aspect-square h-full w-full"})});var r=a(k,2);n(r,()=>yi,(i,p)=>{p(i,{class:"bg-muted flex h-full w-full items-center justify-center rounded-full text-xs",children:(E,F)=>{e();var Q=R("TL");s(E,Q)},$$slots:{default:!0}})}),s(hs,t)},$$slots:{default:!0}})});var H=a(T,2);{var f=C=>{oi(C,{class:"ml-auto size-4"})};S(H,C=>{as()&&C(f)})}s(_,$)};n(ws,()=>Os,(_,L)=>{L(_,{value:"tglide",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:U,$$slots:{default:!0}})})}s(xs,Ts)},$$slots:{default:!0}})}),s(Z,vs)},$$slots:{default:!0}})}),s(j,u)},$$slots:{default:!0}})}),P(v),P(y),Aa(3,v,()=>Ea,()=>({duration:300})),s(ms,y)};

1S(es,ms=>{w()&&ms(cs)})}s(N,G)};n(Ss,()=>Oi,(N,gs)=>{gs(N,{class:"border-muted bg-background shadow-popover w-[229px] rounded-xl border px-1 py-1.5 focus-visible:outline-none",sideOffset:8,forceMount:!0,child:I,$$slots:{child:!0}})})}s(J,_s)},$$slots:{default:!0}})}),s(bs,B)},$$slots:{default:!0}})}),s(fs,As)}const na={title:"Dropdown Menu",description:"Displays a menu of items that users can select from when triggered."},{title:hh,description:kh}=na;var Xn=d('<figure class="code" data-rehype-pretty-code-figure=""><!></figure>'),Qn=d("You can then use the <!> component like this:",1),st=d("This section covers how to manage the <!> state of the menu.",1),it=d("Use <!> for simple, automatic state synchronization:",1),at=d("Use a <!> for complete control over the state's reads and writes.",1),nt=d("To group related menu items, you can use the <!> component along with either a <!> or an <!> attribute on the <!> component.",1),tt=d("The <!> component must be a child of either a <!> or <!> component. If used on its own, an error will be thrown during development.",1),ht=d("You can combine the <!> and <!> components to create a radio group within a menu.",1),kt=d("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),lt=d("You can use the <!> component to create a <!> element to add checkbox functionality to menu items.",1),pt=d("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),et=d("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),rt=d("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),dt=d("You can create nested menus using the <!> component to create complex menu structures.",1),At=d('<figure class="code" data-rehype-pretty-code-figure=""><!></figure>'),Et=d("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),gt=d("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),yt=d('<figure class="code" data-rehype-pretty-code-figure=""><!></figure>'),ot=d("By default, the <!> is anchored to the <!> component, which determines where the content is positioned.",1),Ct=d("If you wish to instead anchor the content to a different element, you can pass either a selector <!> or an <!> to the <!> prop of the <!> component.",1),Dt=d('<!> <!> <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">MyDropdownMenu.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> <!> <!> <figure data-rehype-pretty-code-figure=""><!></figure> <!> <!> <!> <!> <!> <figure data-rehype-pretty-code-figure=""><!></figure> <!>',1);function lh(fs,m){la(fs,{get metadata(){return na},children:(ks,As)=>{var Es=Dt(),ls=h(Es);Zi(ls,{name:"dropdown-menu-demo",componentName:"Dropdown Menu",variant:"preview",preview:t=>{ln(t)},children:(t,k)=>{var r=Xn(),i=M(r);n(i,()=>Is,(p,E)=>{E(p,{class:"Serendipity Midnight Serendipity Morning",tabindex:"0","data-language":"svelte","data-theme":"Serendipity Midnight Serendipity Morning",children:(F,Q)=>{var Ms=A(),rs=h(Ms);g(rs,()=>`<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"> Avatar</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">

2,</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> DropdownMenu</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">Cardholder</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383"> from </span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"phosphor-svelte/lib/Cardholder"</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">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>
5<span data-line=""><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">  import </span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">DotsThree</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383"> from </span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"phosphor-svelte/lib/DotsThree"</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">GearSix</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383"> from </span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"phosphor-svelte/lib/GearSix"</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">UserCircle</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383"> from </span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"phosphor-svelte/lib/UserCircle"</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">;</span></span>
8<span data-line=""><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">  import </span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">UserCirclePlus</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383"> from </span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"phosphor-svelte/lib/UserCirclePlus"</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">;</span></span>
9<span data-line=""><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">  import </span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">Bell</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383"> from </span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"phosphor-svelte/lib/Bell"</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">;</span></span>
10<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>
11<span data-line=""><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">  import </span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">DotOutline</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383"> from </span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"phosphor-svelte/lib/DotOutline"</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">;</span></span>
12<span data-line=""> </span>
13<span data-line=""><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">

13  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:#8D8F9E;--shiki-light:#9A9A9A">&lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">boolean</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">></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>
14<span data-line=""><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">  let</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> invited </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">""</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">)</span><span style="--shiki-dark:#8D8F9E;--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">script</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
16<span data-line=""> </span>
17<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">&lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
18<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">  &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Trigger</span></span>
19<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-input text-foreground shadow-btn hover:bg-muted inline-flex h-10 w-10 select-none items-center justify-center rounded-full border text-sm font-medium active:scale-[0.98]"</span></span>
20<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">  ></span></span>
21<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">    &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DotsThree</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 h-6 w-6"</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A"> /></span></span>
22<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">  &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
23<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">  &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
24<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">    &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Content</span></span>
25<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">

25"border-muted bg-background shadow-popover outline-hidden focus-visible:outline-hidden w-[229px] rounded-xl border px-1 py-1.5"</span></span>
26<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">8</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span></span>
27<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">    ></span></span>
28<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">      &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Item</span></span>
29<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 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>
30<span data-line=""><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">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>
32<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">          &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">UserCircle</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>
33<span data-line=""><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">          Profile</span></span>
34<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>
35<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>
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-xs"</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">            â</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">kbd</span></span>
42<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-[10px]"</span></span>
43<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">          ></span></span>
44<span data-line=""><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">            P</span></span>
45<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>
46<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>
47<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">      &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
48<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">      &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Item</span></span>
49<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 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>
50<span data-line=""><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">"flex items-center"</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">Cardholder</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>
53<span data-line=""><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">          Billing</span></span>
54<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>
55<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>
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>
57<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-xs"</span></span>
58<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">          ></span></span>
59<span data-line=""><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">            â</span></span>
60<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>
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>
62<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-[10px]"</span></span>
63<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">          ></span></span>
64<span data-line=""><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">            B</span></span>
65<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>
66<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>
67<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">      &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
68<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">      &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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 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>
70<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">      ></span></span>
71<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>
72<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">          &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">GearSix</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>
73<span data-line=""><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">          Settings</span></span>
74<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>
75<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>
76<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">          &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">kbd</span></span>
77<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-xs"</span></span>
78<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">          ></span></span>
79<span data-line=""><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">            â</span></span>
80<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>
81<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">          &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">kbd</span></span>
82<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-[10px]"</span></span>
83<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">          ></span></span>
84<span data-line=""><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">            S</span></span>
85<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>
86<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>
87<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">      &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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">DropdownMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">CheckboxItem</span></span>
89<span data-line=""><span sty

89le="--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>
90<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 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>
91<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">      ></span></span>
92<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>
93<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 pr-4"</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">Bell</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>
95<span data-line=""><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">            Notifications</span></span>
96<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>
97<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>
98<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>
99<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">              &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Check</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-4"</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A"> /></span></span>
100<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>
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:#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>
103<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">      &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
104<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">      &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
105<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">        &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">SubTrigger</span></span>
106<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 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>
107<span data-line=""><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">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>
109<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">            &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">UserCirclePlus</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>
110<span data-line=""><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">

110            Workspace</span></span>
111<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>
112<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>
113<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 size-5"</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">div</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">DropdownMenu</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>
116<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">        &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
117<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">          &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">SubContent</span></span>
118<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 ring-0! ring-transparent! w-[209px] rounded-xl border px-1 py-1.5 outline-none"</span></span>
119<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>
120<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">          ></span></span>
121<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">            &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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">invited</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
122<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">              &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">RadioItem</span></span>
123<span data-line=""><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">"huntabyte"</span></span>
124<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 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>
125<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">              ></span></span>
126<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>
127<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                  &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">

127Avatar</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Root</span></span>
128<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-foreground/50 relative mr-3 flex size-5 shrink-0 overflow-hidden rounded-full border"</span></span>
129<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                  ></span></span>
130<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                    &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Avatar</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Image</span></span>
131<span data-line=""><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585">                      src</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"https://github.com/huntabyte.png"</span></span>
132<span data-line=""><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585">                      alt</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"@huntabyte"</span></span>
133<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">"aspect-square h-full w-full"</span></span>
134<span data-line=""><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">Avatar</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Fallback</span></span>
136<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">"bg-muted text-xxs flex h-full w-full items-center justify-center rounded-full"</span></span>
137<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                      ></span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">HJ</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">&lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Avatar</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Fallback</span></span>
138<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                    ></span></span>
139<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                  &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Avatar</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>
140<span data-line=""><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">                  @huntabyte</span></span>
141<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>
142<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                    &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DotOutline</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 size-4"</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A"> /></span></span>
143<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>
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">DropdownMenu</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>
146<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">              &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">RadioItem</span></span>
147<span data-line=""><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">"pavel"</span></span>
148<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>
149<span data-line=""><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:#707070;--shiki-light:#9A9A9A">                  &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">

151Avatar</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Root</span></span>
152<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-foreground/50 relative mr-3 flex size-5 shrink-0 overflow-hidden rounded-full border"</span></span>
153<span data-line=""><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">Avatar</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Image</span></span>
155<span data-line=""><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585">                      src</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"https://github.com/pavelstianko.png"</span></span>
156<span data-line=""><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585">                      alt</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"@pavel_stianko"</span></span>
157<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">"aspect-square h-full w-full"</span></span>
158<span data-line=""><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">Avatar</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Fallback</span></span>
160<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">"bg-muted flex h-full w-full items-center justify-center rounded-full text-xs"</span></span>
161<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                      ></span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">PS</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">&lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Avatar</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Fallback</span></span>
162<span data-line=""><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">Avatar</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>
164<span data-line=""><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">                  @pavel_stianko</span></span>
165<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>
166<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                    &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DotOutline</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 size-4"</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A"> /></span></span>
167<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>
168<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>
169<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">              &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
170<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">              &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">RadioItem</span></span>
171<span data-line=""><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">"cokakoala"</span></span>
172<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>
173<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">              ></span></span>
174<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>
175<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                  &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">

175Avatar</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Root</span></span>
176<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-foreground/50 relative mr-3 flex size-5 shrink-0 overflow-hidden rounded-full border"</span></span>
177<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                  ></span></span>
178<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                    &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Avatar</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Image</span></span>
179<span data-line=""><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585">                      src</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"https://github.com/adriangonz97.png"</span></span>
180<span data-line=""><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585">                      alt</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"@cokakoala_"</span></span>
181<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">"aspect-square h-full w-full"</span></span>
182<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                    /></span></span>
183<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                    &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Avatar</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Fallback</span></span>
184<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">"bg-muted flex h-full w-full items-center justify-center rounded-full text-xs"</span></span>
185<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                      ></span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">CK</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">&lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Avatar</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Fallback</span></span>
186<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                    ></span></span>
187<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                  &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Avatar</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>
188<span data-line=""><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">                  @cokakoala_</span></span>
189<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>
190<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                    &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DotOutline</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 size-4"</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A"> /></span></span>
191<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>
192<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>
193<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">              &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
194<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">              &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">RadioItem</span></span>
195<span data-line=""><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">"tglide"</span></span>
196<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>
197<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">              ></span></span>
198<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>
199<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                  &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">

199Avatar</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Root</span></span>
200<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-foreground/50 relative mr-3 flex size-5 shrink-0 overflow-hidden rounded-full border"</span></span>
201<span data-line=""><span style="--shiki-dark:#707070;--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">Avatar</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Image</span></span>
203<span data-line=""><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585">                      src</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"https://github.com/tglide.png"</span></span>
204<span data-line=""><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585">                      alt</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"@tglide"</span></span>
205<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">"aspect-square h-full w-full"</span></span>
206<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                    /></span></span>
207<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                    &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Avatar</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Fallback</span></span>
208<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">"bg-muted flex h-full w-full items-center justify-center rounded-full text-xs"</span></span>
209<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                    ></span></span>
210<span data-line=""><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">                      TL</span></span>
211<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                    &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Avatar</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Fallback</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
212<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                  &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Avatar</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>
213<span data-line=""><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">                  @thomasglopes</span></span>
214<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>
215<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                    &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DotOutline</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 size-4"</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A"> /></span></span>
216<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>
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">DropdownMenu</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>
219<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">            &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
220<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">          &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
221<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">        &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
222<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">      &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
223<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">    &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
224<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">  &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
225<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">&lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">

225Root</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span></code>`),s(F,Ms)},$$slots:{default:!0}})}),P(r),s(t,r)},$$slots:{preview:!0,default:!0}});var Ds=a(ls,2);n(Ds,()=>si,(l,t)=>{t(l,{id:"structure",children:(k,r)=>{e();var i=R("Structure");s(k,i)},$$slots:{default:!0}})});var bs=a(Ds,2),Rs=M(bs);n(Rs,()=>Is,(l,t)=>{t(l,{class:"Serendipity Midnight Serendipity Morning",tabindex:"0","data-language":"svelte","data-theme":"Serendipity Midnight Serendipity Morning",children:(k,r)=>{var i=A(),p=h(i);g(p,()=>`<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>
226<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"> DropdownMenu</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>
227<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>
228<span data-line=""> </span>
229<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">&lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
230<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">  &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
231<span data-line=""> </span>
232<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">  &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
233<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">    &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
234<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">      &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
235<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">        &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
236<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">        &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
237<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">      &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
238<span data-line=""> </span>
239<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">      &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
240<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">        &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
241<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">      &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
242<span data-line=""> </span>
243<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">      &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
244<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">      &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
245<span data-line=""> </span>
246<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">      &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
247<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">        &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
248<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">      &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
249<span data-line=""> </span>
250<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">      &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
251<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">        &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
252<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">      &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
253<span data-line=""> </span>
254<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">      &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
255<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">        &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
256<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">        &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
257<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">          &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
258<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">        &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
259<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">      &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
260<span data-line=""> </span>
261<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">      &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
262<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">      &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
263<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">    &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
264<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">  &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
265<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">&lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">

265Root</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span></code>`),s(k,i)},$$slots:{default:!0}})}),P(bs);var B=a(bs,2);n(B,()=>si,(l,t)=>{t(l,{id:"reusable-components",children:(k,r)=>{e();var i=R("Reusable Components");s(k,i)},$$slots:{default:!0}})});var us=a(B,2);n(us,()=>ds,(l,t)=>{t(l,{children:(k,r)=>{e();var i=R("If you're planning to use Dropdown Menu in multiple places, you can create a reusable component that wraps the Dropdown Menu component.");s(k,i)},$$slots:{default:!0}})});var ps=a(us,2);n(ps,()=>ds,(l,t)=>{t(l,{children:(k,r)=>{e();var i=R("This example shows you how to create a Dropdown Menu component that accepts a few custom props that make it more capable.");s(k,i)},$$slots:{default:!0}})});var ss=a(ps,2),b=a(M(ss));n(b,()=>Is,(l,t)=>{t(l,{class:"Serendipity Midnight Serendipity Morning",tabindex:"0","data-language":"svelte","data-theme":"Serendipity Midnight Serendipity Morning","data-metadata":"",children:(k,r)=>{var i=A(),p=h(i);g(p,()=>`<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>
266<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>
267<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"> DropdownMenu</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>
268<span data-line=""> </span>
269<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"> DropdownMenu</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">RootProps</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383"> &amp;</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A"> &#123;</span></span>
270<span data-line=""><span style="--shiki-dark:#EEEEEE;--shiki-light:#4E4E4E">    buttonText</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">:</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C"> string</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">;</span></span>
271<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>
272<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">DropdownMenu</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">ContentProps</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">>;</span></span>
273<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>
274<span data-line=""><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">  &#125;;</span></span>
275<span data-line=""> </span>
276<span data-line=""><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">

276  let</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A"> &#123;</span></span>
277<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>
278<span data-line=""><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">    children</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">,</span></span>
279<span data-line=""><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">    buttonText</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">,</span></span>
280<span data-line=""><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">    items</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">,</span></span>
281<span data-line=""><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">    contentProps</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">,</span></span>
282<span data-line=""><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">    ...</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">restProps</span></span>
283<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>
284<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>
285<span data-line=""> </span>
286<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">&lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
287<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">  &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
288<span data-line=""><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">    &#123;</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">buttonText</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span></span>
289<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">  &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
290<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">  &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
291<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">    &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
292<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">      &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Group</span><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585"> aria-label</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=&#123;</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">buttonText</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
293<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>
294<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">          &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
295<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>
296<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">          &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
297<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>
298<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">      &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
299<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">    &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
300<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">  &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
301<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">&lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">

301Root</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span></code>`),s(k,i)},$$slots:{default:!0}})}),P(ss);var J=a(ss,2);n(J,()=>ds,(l,t)=>{t(l,{children:(k,r)=>{e();var i=Qn(),p=a(h(i));g(p,()=>"<code>MyDropdownMenu</code>"),e(),s(k,i)},$$slots:{default:!0}})});var Fs=a(J,2),_s=M(Fs);n(_s,()=>Is,(l,t)=>{t(l,{class:"Serendipity Midnight Serendipity Morning",tabindex:"0","data-language":"svelte","data-theme":"Serendipity Midnight Serendipity Morning",children:(k,r)=>{var i=A(),p=h(i);g(p,()=>`<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>
302<span data-line=""><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">  import </span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">MyDropdownMenu</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383"> from </span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"./MyDropdownMenu.svelte"</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">;</span></span>
303<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>
304<span data-line=""> </span>
305<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">&lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">MyDropdownMenu</span></span>
306<span data-line=""><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585">  buttonText</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"Select a manager"</span></span>
307<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 style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"Michael Scott"</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">,</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C"> "Dwight Schrute"</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">,</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C"> "Jim Halpert"</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">]</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span></span>
308<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">/></span></span></code>`),s(k,i)},$$slots:{default:!0}})}),P(Fs);var Ss=a(Fs,2);n(Ss,()=>si,(l,t)=>{t(l,{id:"managing-open-state",children:(k,r)=>{e();var i=R("Managing Open State");s(k,i)},$$slots:{default:!0}})});var I=a(Ss,2);n(I,()=>ds,(l,t)=>{t(l,{children:(k,r)=>{e();var i=st(),p=a(h(i));g(p,()=>"<code>open</code>"),e(),s(k,i)},$$slots:{default:!0}})});var N=a(I,2);n(N,()=>Gi,(l,t)=>{t(l,{id:"two-way-binding",children:(k,r)=>{e();var i=R("Two-Way Binding");s(k,i)},$$slots:{default:!0}})});var gs=a(N,2);n(gs,()=>ds,(l,t)=>{t(l,{children:(k,r)=>{e();var i=it(),p=a(h(i));g(p,()=>"<code>bind:open</code>"),e(),s(k,i)},$$slots:{default:!0}})});var $s=a(gs,2),Bs=M($s);n(Bs,()=>Is,(l,t)=>{t(l,{class:"Serendipity Midnight Serendipity Morning",tabindex:"0","data-language":"svelte","data-theme":"Serendipity Midnight Serendipity Morning",children:(k,r)=>{var i=A(),p=h(i);g(p,()=>`<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>
309<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"> DropdownMenu</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>
310<span class="line--highlighted" data-line="" data-highlighted-line=""><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">

310  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>
311<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>
312<span data-line=""> </span>
313<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"> (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>
314<span data-line=""> </span>
315<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">DropdownMenu</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>
316<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>
317<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">&lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>`),s(k,i)},$$slots:{default:!0}})}),P($s);var w=a($s,2);n(w,()=>Gi,(l,t)=>{t(l,{id:"fully-controlled",children:(k,r)=>{e();var i=R("Fully Controlled");s(k,i)},$$slots:{default:!0}})});var G=a(w,2);n(G,()=>ds,(l,t)=>{t(l,{children:(k,r)=>{e();var i=at(),p=a(h(i));n(p,()=>Ji,(E,F)=>{F(E,{href:"https://svelte.dev/docs/svelte/bind#Function-bindings",children:(Q,Ms)=>{e();var rs=R("Function Binding");s(Q,rs)},$$slots:{default:!0}})}),e(),s(k,i)},$$slots:{default:!0}})});var es=a(G,2),cs=M(es);n(cs,()=>Is,(l,t)=>{t(l,{class:"Serendipity Midnight Serendipity Morning",tabindex:"0","data-language":"svelte","data-theme":"Serendipity Midnight Serendipity Morning",children:(k,r)=>{var i=A(),p=h(i);g(p,()=>`<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>
318<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"> DropdownMenu</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>
319<span data-line=""><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">

319  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">false</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">)</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">;</span></span>
320<span data-line=""> </span>
321<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>
322<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>
323<span data-line=""><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">  &#125;</span></span>
324<span data-line=""> </span>
325<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>
326<span data-line=""><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">

326    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>
327<span data-line=""><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">  &#125;</span></span>
328<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>
329<span data-line=""> </span>
330<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">&lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
331<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>
332<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">&lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>`),s(k,i)},$$slots:{default:!0}})}),P(es);var ms=a(es,2);n(ms,()=>si,(l,t)=>{t(l,{id:"groups",children:(k,r)=>{e();var i=R("Groups");s(k,i)},$$slots:{default:!0}})});var y=a(ms,2);n(y,()=>ds,(l,t)=>{t(l,{children:(k,r)=>{e();var i=nt(),p=a(h(i));g(p,()=>"<code>DropdownMenu.Group</code>");var E=a(p,2);g(E,()=>"<code>DropdownMenu.GroupHeading</code>");var F=a(E,2);g(F,()=>"<code>aria-label</code>");var Q=a(F,2);g(Q,()=>"<code>DropdownMenu.Group</code>"),e(),s(k,i)},$$slots:{default:!0}})});var v=a(y,2),is=M(v);n(is,()=>Is,(l,t)=>{t(l,{class:"Serendipity Midnight Serendipity Morning",tabindex:"0","data-language":"svelte","data-theme":"Serendipity Midnight Serendipity Morning",children:(k,r)=>{var i=A(),p=h(i);g(p,()=>`<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">DropdownMenu</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>
333<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">  &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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">File</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">&lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
334<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">  &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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">New</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">&lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
335<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">  &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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">Open</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">&lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
336<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">  &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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">Save</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">&lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
337<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">  &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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">Save As</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">&lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
338<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">&lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
339<span data-line=""><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&lt;!--</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A"> or </span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">--></span></span>
340<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">&lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Group</span><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585"> aria-label</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"file"</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
341<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">  &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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">New</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">&lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
342<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">  &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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">Open</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">&lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
343<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">  &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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">Save</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">&lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
344<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">  &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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">Save As</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">&lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
345<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">&lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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></code>`),s(k,i)},$$slots:{default:!0}})}),P(v);var ns=a(v,2);n(ns,()=>Gi,(l,t)=>{t(l,{id:"group-heading",children:(k,r)=>{e();var i=R("Group Heading");s(k,i)},$$slots:{default:!0}})});var W=a(ns,2);n(W,()=>ds,(l,t)=>{t(l,{children:(k,r)=>{e();var i=tt(),p=a(h(i));g(p,()=>"<code>DropdownMenu.GroupHeading</code>");var E=a(p,2);g(E,()=>"<code>DropdownMenu.Group</code>");var F=a(E,2);g(F,()=>"<code>DropdownMenu.RadioGroup</code>"),e(),s(k,i)},$$slots:{default:!0}})});var o=a(W,2),z=M(o);n(z,()=>Is,(l,t)=>{t(l,{class:"Serendipity Midnight Serendipity Morning",tabindex:"0","data-language":"svelte","data-theme":"Serendipity Midnight Serendipity Morning",children:(k,r)=>{var i=A(),p=h(i);g(p,()=>`<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">DropdownMenu</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>
346<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">  &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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">File</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">&lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
347<span data-line=""><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">  &lt;!--</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A"> ... items here </span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">--></span></span>
348<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">&lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
349<span data-line=""> </span>
350<span data-line=""><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&lt;!--</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A"> or </span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">--></span></span>
351<span data-line=""> </span>
352<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">&lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
353<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">  &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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">DropdownMenu</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>
354<span data-line=""><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">  &lt;!--</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A"> ... radio items here </span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">--></span></span>
355<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">&lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#

3554C4C4C">DropdownMenu</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>`),s(k,i)},$$slots:{default:!0}})}),P(o);var Y=a(o,2);n(Y,()=>si,(l,t)=>{t(l,{id:"radio-groups",children:(k,r)=>{e();var i=R("Radio Groups");s(k,i)},$$slots:{default:!0}})});var O=a(Y,2);n(O,()=>ds,(l,t)=>{t(l,{children:(k,r)=>{e();var i=ht(),p=a(h(i));g(p,()=>"<code>DropdownMenu.RadioGroup</code>");var E=a(p,2);g(E,()=>"<code>DropdownMenu.RadioItem</code>"),e(),s(k,i)},$$slots:{default:!0}})});var j=a(O,2),D=M(j);n(D,()=>Is,(l,t)=>{t(l,{class:"Serendipity Midnight Serendipity Morning",tabindex:"0","data-language":"svelte","data-theme":"Serendipity Midnight Serendipity Morning",children:(k,r)=>{var i=A(),p=h(i);g(p,()=>`<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>
356<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"> DropdownMenu</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>
357<span data-line=""> </span>
358<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">,</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>
359<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>
360<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>
361<span data-line=""> </span>
362<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">&lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
363<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">  &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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 number</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">&lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
364<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>
365<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">    &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
366<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>
367<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>
368<span data-line=""><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:#5BA2D0;--shiki-light:#838383">if</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">&#125;</span></span>
371<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>
372<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">    &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
373<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>
374<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">&lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>`),s(k,i)},$$slots:{default:!0}})}),P(j);var u=a(j,2);n(u,()=>ds,(l,t)=>{t(l,{children:(k,r)=>{e();var i=kt(),p=a(h(i));g(p,()=>"<code>value</code>");var E=a(p,2);g(E,()=>"<code>$state</code>");var F=a(E,2);g(F,()=>"<code>value</code>"),e(),s(k,i)},$$slots:{default:!0}})});var x=a(u,2);n(x,()=>si,(l,t)=>{t(l,{id:"checkbox-items",children:(k,r)=>{e();var i=R("Checkbox Items");s(k,i)},$$slots:{default:!0}})});var X=a(x,2);n(X,()=>ds,(l,t)=>{t(l,{children:(k,r)=>{e();var i=lt(),p=a(h(i));g(p,()=>"<code>DropdownMenu.CheckboxItem</code>");var E=a(p,2);g(E,()=>"<code>menuitemcheckbox</code>"),e(),s(k,i)},$$slots:{default:!0}})});var V=a(X,2),c=M(V);n(c,()=>Is,(l,t)=>{t(l,{class:"Serendipity Midnight Serendipity Morning",tabindex:"0","data-language":"svelte","data-theme":"Serendipity Midnight Serendipity Morning",children:(k,r)=>{var i=A(),p=h(i);g(p,()=>`<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>
375<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"> DropdownMenu</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>
376<span data-line=""> </span>
377<span data-line=""><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">

377  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>
378<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>
379<span data-line=""> </span>
380<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">&lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
381<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>
382<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>
383<span data-line=""><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">      -</span></span>
384<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>
385<span data-line=""><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">      â</span></span>
386<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>
387<span data-line=""><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">    Notifications</span></span>
388<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>
389<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">&lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>`),s(k,i)},$$slots:{default:!0}})}),P(V);var Z=a(V,2);n(Z,()=>ds,(l,t)=>{t(l,{children:(k,r)=>{e();var i=pt(),p=a(h(i));g(p,()=>"<code>checked</code>");var E=a(p,2);g(E,()=>"<code>$state</code>");var F=a(E,2);g(F,()=>"<code>checked</code>"),e(),s(k,i)},$$slots:{default:!0}})});var ys=a(Z,2);n(ys,()=>si,(l,t)=>{t(l,{id:"checkbox-groups",children:(k,r)=>{e();var i=R("Checkbox Groups");s(k,i)},$$slots:{default:!0}})});var vs=a(ys,2);n(vs,()=>ds,(l,t)=>{t(l,{children:(k,r)=>{e();var i=et(),p=a(h(i));g(p,()=>"<code>DropdownMenu.CheckboxGroup</code>");var E=a(p,2);g(E,()=>"<code>DropdownMenu.CheckboxItem</code>");var F=a(E,2);g(F,()=>"<code>value</code>"),e(),s(k,i)},$$slots:{default:!0}})});var os=a(vs,2),js=M(os);n(js,()=>Is,(l,t)=>{t(l,{class:"Serendipity Midnight Serendipity Morning",tabindex:"0","data-language":"svelte","data-theme":"Serendipity Midnight Serendipity Morning",children:(k,r)=>{var i=A(),p=h(i);g(p,()=>`<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>
390<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"> DropdownMenu</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>
391<span data-line=""> </span>
392<span data-line=""><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">

392  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>
393<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>
394<span data-line=""> </span>
395<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">&lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
396<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">  &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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">DropdownMenu</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>
397<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">  &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
398<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>
399<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>
400<span data-line=""><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">        â</span></span>
401<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>
402<span data-line=""><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">      Red</span></span>
403<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>
404<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">  &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
405<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">  &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
406<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>
407<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>
408<span data-line=""><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">        â</span></span>
409<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>
410<span data-line=""><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">      Blue</span></span>
411<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>
412<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">  &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
413<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">  &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
414<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>
415<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>
416<span data-line=""><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">        â</span></span>
417<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>
418<span data-line=""><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">      Green</span></span>
419<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>
420<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">  &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
421<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">&lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>`),s(k,i)},$$slots:{default:!0}})}),P(os);var ts=a(os,2);n(ts,()=>ds,(l,t)=>{t(l,{children:(k,r)=>{e();var i=rt(),p=a(h(i));g(p,()=>"<code>value</code>");var E=a(p,2);g(E,()=>"<code>$state</code>");var F=a(E,2);g(F,()=>"<code>value</code>"),e(),s(k,i)},$$slots:{default:!0}})});var xs=a(ts,2);n(xs,()=>si,(l,t)=>{t(l,{id:"nested-menus",children:(k,r)=>{e();var i=R("Nested Menus");s(k,i)},$$slots:{default:!0}})});var Ks=a(xs,2);n(Ks,()=>ds,(l,t)=>{t(l,{children:(k,r)=>{e();var i=dt(),p=a(h(i));g(p,()=>"<code>DropdownMenu.Sub</code>"),e(),s(k,i)},$$slots:{default:!0}})});var Ts=a(Ks,2);n(Ts,()=>ds,(l,t)=>{t(l,{children:(k,r)=>{e();var i=R("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).");s(k,i)},$$slots:{default:!0}})});var Zs=a(Ts,2);Zi(Zs,{name:"dropdown-menu-demo-nested",componentName:"Dropdown Menu",containerClass:"mt-4",size:"xs",preview:t=>{Sn(t)},children:(t,k)=>{var r=At(),i=M(r);n(i,()=>Is,(p,E)=>{E(p,{class:"Serendipity Midnight Serendipity Morning",tabindex:"0","data-language":"svelte","data-theme":"Serendipity Midnight Serendipity Morning",children:(F,Q)=>{var Ms=A(),rs=h(Ms);g(rs,()=>`<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>
422<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"> DropdownMenu</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>
423<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>
424<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>
425<span data-line=""><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">  import </span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">FunnelSimple</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383"> from </span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">

425"phosphor-svelte/lib/FunnelSimple"</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">;</span></span>
426<span data-line=""> </span>
427<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>
428<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>
429<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>
430<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>
431<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>
432<span data-line=""> </span>
433<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>
434<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">

434,</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>
435<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>
436<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>
437<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>
438<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>
439<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>
440<span data-line=""> </span>
441<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>
442<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>
443<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">

443,</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>
444<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>
445<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>
446<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>
447<span data-line=""> </span>
448<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>
449<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>
450<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>
451<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">

451 "Improvement"</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A"> &#125;,</span></span>
452<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>
453<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>
454<span data-line=""> </span>
455<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>
456<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>
457<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>
458<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>
459<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>
460<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">

460,</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>
461<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>
462<span data-line=""> </span>
463<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>
464<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>
465<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>
466<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>
467<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>
468<span data-line=""> </span>
469<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>
470<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>
471<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>
472<span data-line=""><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">    "border-muted bg-background shadow-popover outline-hidden focu

472s-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>
473<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>
474<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>
475<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>
476<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>
477<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>
478<span data-line=""> </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:#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>
480<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>
481<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">    &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">svg</span></span>
482<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>
483<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>
484<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>
485<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">    ></span></span>
486<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">

486"currentColor"</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A"> /></span></span>
487<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>
488<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>
489<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>
490<span data-line=""> </span>
491<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">&lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
492<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">  &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Trigger</span></span>
493<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-input text-foreground shadow-btn hover:bg-muted inline-flex h-10 select-none items-center justify-center rounded-full border px-4 text-sm font-medium active:scale-[0.98]"</span></span>
494<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">  ></span></span>
495<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">    &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">FunnelSimple</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-5"</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A"> /></span></span>
496<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:#B0E2FD;--shiki-light:#858585"> class</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"ml-1.5"</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">Filter issue</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>
497<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">  &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
498<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">  &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
499<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">    &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
500<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">      &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
501<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">DropdownMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Item</span></span>
502<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">      ></span></span>
503<span data-line=""> </span>
504<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">      &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
505<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">        &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
506<span data-line=""><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">          Status</span></span>
507<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>
508<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">        &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
509<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">        &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
510<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">          &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
511<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">            &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
512<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>
513<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
514<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>
515<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>
516<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>
517<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>
518<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
519<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>
520<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">            &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
521<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">          &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
522<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">        &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
523<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">      &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
524<span data-line=""> </span>
525<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">      &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
526<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">        &lt;</span><span st

526yle="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
527<span data-line=""><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">          Issue properties</span></span>
528<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>
529<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">        &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
530<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">        &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
531<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">          &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
532<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">            &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
533<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">              &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
534<span data-line=""><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">                Priority</span></span>
535<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>
536<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">              &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
537<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">              &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
538<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">SubContent</span></span>
539<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>
540<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>
541<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                ></span></span>
542<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                  &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
543<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>
544<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                      &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">RadioItem</span></span>
545<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>
546<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>
547<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                      ></span></span>
548<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>
549<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>
550<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>
551<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>
552<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                      &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
553<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>
554<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                  &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
555<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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">DropdownMenu</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">DropdownMenu</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>
559<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">            &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
560<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">              &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
561<span data-line=""><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">                Type</span></span>
562<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>
563<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">              &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
564<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">              &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
565<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">SubContent</span></span>
566<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>
567<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:#E

567EEEEE;--shiki-light:#4E4E4E">10</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span></span>
568<span data-line=""><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">DropdownMenu</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>
570<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>
571<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                      &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">RadioItem</span></span>
572<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>
573<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>
574<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                      ></span></span>
575<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>
576<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>
577<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>
578<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>
579<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                      &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
580<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>
581<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                  &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
582<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
583<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">              &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
584<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">            &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
585<span data-line=""> </span>
586<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">            &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
587<span data-line=""> </span>
588<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">            &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
589<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">              &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">GroupHeading</span></span>
590<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>
591<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">              ></span></span>
592<span data-line=""><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">                Email digest</span></span>
593<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">              &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
594<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>
595<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
596<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>
597<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>
598<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>
599<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                      &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Check</span></span>
600<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>
601<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                      /></span></span>
602<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>
603<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>
604<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
605<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>
606<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">            &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
607<span data-line=""> </span>
608<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">            &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
609<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">              &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
610<span data-line=""><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">                La

610bels</span></span>
611<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>
612<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">              &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
613<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">              &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
614<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">SubContent</span></span>
615<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>
616<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>
617<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                ></span></span>
618<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                  &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
619<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>
620<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                      &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">RadioItem</span></span>
621<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>
622<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>
623<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                      ></span></span>
624<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>
625<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>
626<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>
627<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>
628<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                      &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
629<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>
630<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                  &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
631<span data-line=""> </span>
632<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                  &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
633<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                    &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
634<span data-line=""><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">                      Product area</span></span>
635<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>
636<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                    &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
637<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                    &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
638<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                      &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">SubContent</span></span>
639<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>
640<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>
641<span data-line=""><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">DropdownMenu</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>
643<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">DropdownMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Item</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">DropdownMenu</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>
646<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">DropdownMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Item</span></span>
647<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                        ></span></span>
648<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                        &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
649<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">DropdownMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Item</span></span>
650<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                        ></span></span>
651<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                        &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
652<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">DropdownMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Item</span></span>
653<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                        ></span></span>
654<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                      &lt;/</span><span style="--shiki-dar

654k:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
655<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                    &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
656<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                  &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
657<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
658<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">              &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
659<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">            &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
660<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">          &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
661<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">        &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
662<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">      &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
663<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">    &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
664<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">  &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
665<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">&lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">

665Root</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span></code>`),s(F,Ms)},$$slots:{default:!0}})}),P(r),s(t,r)},$$slots:{preview:!0,default:!0}});var Vs=a(Zs,2),Gs=M(Vs);n(Gs,()=>Is,(l,t)=>{t(l,{class:"Serendipity Midnight Serendipity Morning",tabindex:"0","data-language":"svelte","data-theme":"Serendipity Midnight Serendipity Morning",children:(k,r)=>{var i=A(),p=h(i);g(p,()=>`<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>
666<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"> DropdownMenu</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>
667<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>
668<span data-line=""> </span>
669<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">&lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
670<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">  &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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">DropdownMenu</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">DropdownMenu</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">DropdownMenu</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>
672<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">DropdownMenu</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>
673<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">DropdownMenu</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">DropdownMenu</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>
674<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">DropdownMenu</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>
675<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">      &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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">DropdownMenu</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">DropdownMenu</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">DropdownMenu</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>
677<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">DropdownMenu</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>
678<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">DropdownMenu</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>
679<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">&lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>`),s(k,i)},$$slots:{default:!0}})}),P(Vs);var ws=a(Vs,2);n(ws,()=>si,(l,t)=>{t(l,{id:"svelte-transitions",children:(k,r)=>{e();var i=R("Svelte Transitions");s(k,i)},$$slots:{default:!0}})});var U=a(ws,2);n(U,()=>ds,(l,t)=>{t(l,{children:(k,r)=>{e();var i=Et(),p=a(h(i));g(p,()=>"<code>

679forceMount</code>");var E=a(p,2);g(E,()=>"<code>child</code>");var F=a(E,2);g(F,()=>"<code>DropdownMenu.Content</code>"),e(),s(k,i)},$$slots:{default:!0}})});var _=a(U,2),L=M(_);n(L,()=>Is,(l,t)=>{t(l,{class:"Serendipity Midnight Serendipity Morning",tabindex:"0","data-language":"svelte","data-theme":"Serendipity Midnight Serendipity Morning",children:(k,r)=>{var i=A(),p=h(i);g(p,()=>`<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>
680<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"> DropdownMenu</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>
681<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>
682<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>
683<span data-line=""> </span>
684<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">&lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
685<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>
686<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>
687<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>
688<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>
689<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">          &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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">DropdownMenu</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>
690<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">          &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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">DropdownMenu</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">div</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">div</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
693<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>
694<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>
695<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">&lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>`),s(k,i)},$$slots:{default:!0}})}),P(_);var as=a(_,2);n(as,()=>ds,(l,t)=>{t(l,{children:(k,r)=>{e();var i=gt(),p=a(h(i));n(p,()=>Ji,(E,F)=>{F(E,{href:"/docs/transitions",children:(Q,Ms)=>{e();var rs=R("Transitions");

695s(Q,rs)},$$slots:{default:!0}})}),e(),s(k,i)},$$slots:{default:!0}})});var $=a(as,2);Zi($,{name:"dropdown-menu-demo-transition",componentName:"DropdownMenu",containerClass:"mt-4",preview:t=>{Kn(t)},children:(t,k)=>{var r=yt(),i=M(r);n(i,()=>Is,(p,E)=>{E(p,{class:"Serendipity Midnight Serendipity Morning",tabindex:"0","data-language":"svelte","data-theme":"Serendipity Midnight Serendipity Morning",children:(F,Q)=>{var Ms=A(),rs=h(Ms);g(rs,()=>`<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>
696<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"> Avatar</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">,</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> DropdownMenu</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>
697<span data-line=""><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">  import </span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">Cardholder</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383"> from </span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"phosphor-svelte/lib/Cardholder"</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">;</span></span>
698<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>
699<span data-line=""><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">  import </span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">DotsThree</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383"> from </span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"phosphor-svelte/lib/DotsThree"</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">;</span></span>
700<span data-line=""><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">  import </span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">GearSix</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383"> from </span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"phosphor-svelte/lib/GearSix"</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">;</span></span>
701<span data-line=""><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">  import </span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">UserCircle</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383"> from </span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"phosphor-svelte/lib/UserCircle"</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">;</span></span>
702<span data-line=""><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">  import </span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">UserCirclePlus</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383"> from </span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"phosphor-svelte/lib/UserCirclePlus"</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">;</span></span>
703<span data-line=""><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">  import </span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">Bell</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383"> from </span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"phosphor-svelte/lib/Bell"</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">;</span></span>
704<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>
705<span data-line=""><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">  import </span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">DotOutline</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383"> from </span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"phosphor-svelte/lib/DotOutline"</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">;</span></span>
706<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>
707<span data-line=""> </span>
708<span data-line=""><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">

708  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:#8D8F9E;--shiki-light:#9A9A9A">&lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">boolean</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">></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>
709<span data-line=""><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">  let</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> invited </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">""</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">)</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">;</span></span>
710<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>
711<span data-line=""> </span>
712<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">&lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
713<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">  &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Trigger</span></span>
714<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-input shadow-btn hover:bg-muted inline-flex h-10 w-10 select-none items-center justify-center rounded-full border text-sm font-medium active:scale-[0.98]"</span></span>
715<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">  ></span></span>
716<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">    &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DotsThree</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 h-6 w-6"</span><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">DropdownMenu</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>
718<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">  &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
719<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">    &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Content</span></span>
720<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 focus-visible:outline-none"</span></span>
721<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">8</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span></span>
722<span data-line=""><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585">      forceMount</span></span>
723<span data-line=""><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">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">

724,</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>
725<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>
726<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>
727<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>
728<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">              &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Item</span></span>
729<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>
730<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">              ></span></span>
731<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>
732<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                  &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">UserCircle</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>
733<span data-line=""><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">                  Profile</span></span>
734<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>
735<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>
736<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                  &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">kbd</span></span>
737<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-xs"</span></span>
738<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                  ></span></span>
739<span data-line=""><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">                    â</span></span>
740<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>
741<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                  &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">kbd</span></span>
742<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-[10px]"</span></span>
743<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                  ></span></span>
744<span data-line=""><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">                    P</span></span>
745<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>
746<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>
747<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">              &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
748<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">              &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Item</span></span>
749<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>
750<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">              ></span></span>
751<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>
752<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                  &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Cardholder</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>
753<span data-line=""><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">                  Billing</span></span>
754<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>
755<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>
756<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                  &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">kbd</span></span>
757<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-xs"</span></span>
758<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                  ></span></span>
759<span data-line=""><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">                    â</span></span>
760<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>
761<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                  &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">kbd</span></span>
762<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-[10px]"</span></span>
763<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                  ></span></span>
764<span data-line=""><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">                    B</span></span>
765<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>
766<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>
767<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">              &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
768<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">              &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Item</span></span>
769<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>
770<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">              ></span></span>
771<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>
772<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                  &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">GearSix</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>
773<span data-line=""><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">                  Settings</span></span>
774<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>
775<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>
776<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                  &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">kbd</span></span>
777<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-xs"</span></span>
778<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                  ></span></span>
779<span data-line=""><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">                    â</span></span>
780<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9

780A9A9A">                  &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">kbd</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
781<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                  &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">kbd</span></span>
782<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-[10px]"</span></span>
783<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                  ></span></span>
784<span data-line=""><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">                    S</span></span>
785<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>
786<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>
787<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">              &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
788<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">              &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">CheckboxItem</span></span>
789<span data-line=""><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>
790<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>
791<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">              ></span></span>
792<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>
793<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 pr-4"</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
794<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                    &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Bell</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>
795<span data-line=""><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">                    Notifications</span></span>
796<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>
797<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>
798<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>
799<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                      &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Check</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-4"</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A"> /></span></span>
800<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>
801<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>
802<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>
803<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">              &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
804<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">              &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
805<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">SubTrigger</span></span>
806<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>
807<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                ></span></span>
808<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>
809<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                    &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">UserCirclePlus</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>
810<span data-line=""><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">

810                    Workspace</span></span>
811<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>
812<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>
813<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 size-5"</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A"> /></span></span>
814<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>
815<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
816<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">SubContent</span></span>
817<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-[209px] rounded-xl border px-1 py-1.5 focus-visible:outline-none"</span></span>
818<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>
819<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                ></span></span>
820<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                  &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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">invited</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">&#125;</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
821<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                    &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">RadioItem</span></span>
822<span data-line=""><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">"huntabyte"</span></span>
823<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>
824<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                    ></span></span>
825<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>
826<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                        &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">

826Avatar</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Root</span></span>
827<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-foreground/50 relative mr-3 flex size-5 shrink-0 overflow-hidden rounded-full border"</span></span>
828<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                        ></span></span>
829<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                          &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Avatar</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Image</span></span>
830<span data-line=""><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585">                            src</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"https://github.com/huntabyte.png"</span></span>
831<span data-line=""><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585">                            alt</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"@huntabyte"</span></span>
832<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">"aspect-square h-full w-full"</span></span>
833<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                          /></span></span>
834<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                          &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Avatar</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Fallback</span></span>
835<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">"bg-muted text-xxs flex h-full w-full items-center justify-center rounded-full"</span></span>
836<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                            ></span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">HJ</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">&lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Avatar</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Fallback</span></span>
837<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                          ></span></span>
838<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                        &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Avatar</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>
839<span data-line=""><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">                        @huntabyte</span></span>
840<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>
841<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                          &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DotOutline</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 size-4"</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A"> /></span></span>
842<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>
843<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>
844<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                    &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
845<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                    &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">RadioItem</span></span>
846<span data-line=""><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">"pavel"</span></span>
847<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>
848<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                    ></span></span>
849<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>
850<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                        &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">

850Avatar</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Root</span></span>
851<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-foreground/50 relative mr-3 flex size-5 shrink-0 overflow-hidden rounded-full border"</span></span>
852<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                        ></span></span>
853<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                          &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Avatar</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Image</span></span>
854<span data-line=""><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585">                            src</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"https://github.com/pavelstianko.png"</span></span>
855<span data-line=""><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585">                            alt</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"@pavel_stianko"</span></span>
856<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">"aspect-square h-full w-full"</span></span>
857<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                          /></span></span>
858<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                          &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Avatar</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Fallback</span></span>
859<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">"bg-muted flex h-full w-full items-center justify-center rounded-full text-xs"</span></span>
860<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                            ></span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">PS</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">&lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Avatar</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Fallback</span></span>
861<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                          ></span></span>
862<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                        &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Avatar</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>
863<span data-line=""><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">                        @pavel_stianko</span></span>
864<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>
865<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                          &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DotOutline</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 size-4"</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A"> /></span></span>
866<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>
867<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>
868<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                    &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
869<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                    &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">RadioItem</span></span>
870<span data-line=""><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">"cokakoala"</span></span>
871<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>
872<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                    ></span></span>
873<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>
874<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                        &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">

874Avatar</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Root</span></span>
875<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-foreground/50 relative mr-3 flex size-5 shrink-0 overflow-hidden rounded-full border"</span></span>
876<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                        ></span></span>
877<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                          &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Avatar</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Image</span></span>
878<span data-line=""><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585">                            src</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"https://github.com/adriangonz97.png"</span></span>
879<span data-line=""><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585">                            alt</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"@cokakoala_"</span></span>
880<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">"aspect-square h-full w-full"</span></span>
881<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                          /></span></span>
882<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                          &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Avatar</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Fallback</span></span>
883<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">"bg-muted flex h-full w-full items-center justify-center rounded-full text-xs"</span></span>
884<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                            ></span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">CK</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">&lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Avatar</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Fallback</span></span>
885<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                          ></span></span>
886<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                        &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Avatar</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>
887<span data-line=""><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">                        @cokakoala_</span></span>
888<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>
889<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                          &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DotOutline</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 size-4"</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A"> /></span></span>
890<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>
891<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>
892<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                    &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
893<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                    &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">RadioItem</span></span>
894<span data-line=""><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">"tglide"</span></span>
895<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>
896<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                    ></span></span>
897<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>
898<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                        &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">

898Avatar</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Root</span></span>
899<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-foreground/50 relative mr-3 flex size-5 shrink-0 overflow-hidden rounded-full border"</span></span>
900<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                        ></span></span>
901<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                          &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Avatar</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Image</span></span>
902<span data-line=""><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585">                            src</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"https://github.com/tglide.png"</span></span>
903<span data-line=""><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585">                            alt</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=</span><span style="--shiki-dark:#E3D891;--shiki-light:#4C4C4C">"@tglide"</span></span>
904<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">"aspect-square h-full w-full"</span></span>
905<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                          /></span></span>
906<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                          &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Avatar</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Fallback</span></span>
907<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">"bg-muted flex h-full w-full items-center justify-center rounded-full text-xs"</span></span>
908<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                          ></span></span>
909<span data-line=""><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">                            TL</span></span>
910<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                          &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Avatar</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Fallback</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
911<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                        &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">Avatar</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>
912<span data-line=""><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">                        @thomasglopes</span></span>
913<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>
914<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                          &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DotOutline</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 size-4"</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A"> /></span></span>
915<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>
916<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>
917<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                    &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
918<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                  &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
919<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">                &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
920<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">              &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
921<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>
922<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>
923<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>
924<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>
925<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">    &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
926<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">  &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
927<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">&lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">

927Root</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span></code>`),s(F,Ms)},$$slots:{default:!0}})}),P(r),s(t,r)},$$slots:{preview:!0,default:!0}});var T=a($,2);n(T,()=>si,(l,t)=>{t(l,{id:"custom-anchor",children:(k,r)=>{e();var i=R("Custom Anchor");s(k,i)},$$slots:{default:!0}})});var H=a(T,2);n(H,()=>ds,(l,t)=>{t(l,{children:(k,r)=>{e();var i=ot(),p=a(h(i));g(p,()=>"<code>DropdownMenu.Content</code>");var E=a(p,2);g(E,()=>"<code>DropdownMenu.Trigger</code>"),e(),s(k,i)},$$slots:{default:!0}})});var f=a(H,2);n(f,()=>ds,(l,t)=>{t(l,{children:(k,r)=>{e();var i=Ct(),p=a(h(i));g(p,()=>"<code>string</code>");var E=a(p,2);g(E,()=>"<code>HTMLElement</code>");var F=a(E,2);g(F,()=>"<code>customAnchor</code>");var Q=a(F,2);g(Q,()=>"<code>DropdownMenu.Content</code>"),e(),s(k,i)},$$slots:{default:!0}})});var C=a(f,2),q=M(C);n(q,()=>Is,(l,t)=>{t(l,{class:"Serendipity Midnight Serendipity Morning",tabindex:"0","data-language":"svelte","data-theme":"Serendipity Midnight Serendipity Morning",children:(k,r)=>{var i=A(),p=h(i);g(p,()=>`<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>
928<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"> DropdownMenu</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>
929<span data-line=""><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">  let</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040"> customAnchor </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">HTMLElement</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">></span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">(</span><span style="--shiki-dark:#EEEEEE;--shiki-light:#4E4E4E">null</span><span style="--shiki-dark:#5BA2D0;--shiki-light:#838383">!</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">)</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">;</span></span>
930<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>
931<span data-line=""> </span>
932<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:#5BA2D0;--shiki-light:#838383"> bind</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">:</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">this</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">=&#123;</span><span style="--shiki-dark:#DEE0EF;--shiki-light:#404040">customAnchor</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">div</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
933<span data-line=""> </span>
934<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">&lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</span><span style="--shiki-dark:#8D8F9E;--shiki-light:#9A9A9A">.</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">

934Root</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
935<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">  &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
936<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">  &lt;</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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:#DEE0EF;--shiki-light:#404040">customAnchor</span><span style="--shiki-dark:#B0E2FD;--shiki-light:#858585">&#125;</span><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">></span></span>
937<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>
938<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">  &lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>
939<span data-line=""><span style="--shiki-dark:#707070;--shiki-light:#9A9A9A">&lt;/</span><span style="--shiki-dark:#E6E6E6;--shiki-light:#4C4C4C">DropdownMenu</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>`),s(k,i)},$$slots:{default:!0}})}),P(C);var hs=a(C,2);ga(hs,{get schemas(){return m.schemas}}),s(ks,Es)},$$slots:{default:!0}})}export{lh as default,na as metadata};

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.