1import{j as e,c as u,aJ as Zs,b1 as ea,a3 as sa,F as ie,k as Ie,R as aa,T as ra,b2 as ke,P as ta,M as ue,b3 as oa,C as na,J as v,i as la,D as ia,h as Me,O as ca,N as me,w as da,x as xa,y as ua,z as ma,Q as Oe,G as J,H as W,K as ha,aI as pa,B as j}from"./index-C9VyRByS.js";import{r as o,bN as b,v as ga,_ as fa,c as ja,i as va,cg as Le,bu as ba,br as ce,b_ as Ge,F as Na,bc as Ca,C as ya,s as wa,bC as Sa,u as ve,d as be,M as Z,V as Ne,ch as Ce,bk as Ta,ak as ye,ao as we,ap as ee,c6 as Se,ci as Aa,cj as Da}from"./icons-Dk9ia89R.js";import{T as Ra,a as _a,b as T,c as A}from"./tabs-DtXL2PaJ.js";import{I as Pa}from"./input-CPdsLOuT.js";import{T as Ea}from"./textarea-DnR2M_4n.js";import{L as C}from"./label-xeDYeu0z.js";import{C as Ia}from"./checkbox-i9w-9Jsg.js";import{R as ka,a as Te}from"./radio-group-9Lm-PYKD.js";import{S as Ma}from"./switch-frdVQ2Np.js";import{S as Oa}from"./slider-WCGlAwT6.js";import{S as La,a as Ga,b as Ha,c as Fa,d as se}from"./select-DRVFTakE.js";import{B as D}from"./badge-DDXsmDR6.js";import{P as $a}from"./progress-BUBB9VFt.js";import{S as Ba}from"./separator-nMzWTZJA.js";import{S as ae}from"./skeleton-2dAoLLJz.js";import{D as Va,c as za,a as Ua,d as Wa,b as qa,e as Ka,f as Ya,g as Ja}from"./dialog-GrMiTlXc.js";import{S as Qa,a as Xa,b as Za,d as er,c as sr,e as ar}from"./sheet-Bna_SQ18.js";import{D as H,a as F,b as $,p as re,d as R,t as Ae,c as y,u as L,q as rr,r as tr,s as or,v as te,e as nr,f as oe}from"./dropdown-menu-Br7A3ifT.js";import{C as lr,a as ir,b as cr,d as _,f as ne,e as B,g as dr,h as xr,i as ur,j as mr}from"./context-menu-Brt0HsC3.js";import{A as hr,a as De,b as Re,c as _e}from"./accordion-DKaGBV9N.js";import{T as pr,a as gr,b as fr,c as jr}from"./tooltip-dthSM347.js";import{P as vr,a as br,b as Nr}from"./popover-Drh3O9Ct.js";import{R as Cr,A as yr,c as He,C as wr,a as Sr}from"./index-4ZCr8EaA.js";import{I as Tr,c as Fe,R as Ar}from"./index-CNSOSpc_.js";import{u as Dr}from"./index-DuU_63WQ.js";import"./index-Bhv3eNQI.js";import"./index-SqWoeikz.js";import"./index-BfqoL0OZ.js";import"./index-BXVX2Q8H.js";const $e=o.forwardRef(({className:s,...a},r)=>e.jsx("div",{ref:r,className:u("rounded-xl border bg-card text-card-foreground shadow-[0_1px_0_rgba(26,26,26,0.06),0_8px_16px_rgba(26,26,26,0.08)]",s),...a}));$e.displayName="Card";const Be=o.forwardRef(({className:s,...a},r)=>e.jsx("div",{ref:r,className:u("flex flex-col space-y-1.5 p-5",s),...a}));Be.displayName="CardHeader";const Ve=o.forwardRef(({className:s,...a},r)=>e.jsx("div",{ref:r,className:u("font-semibold leading-none tracking-tight",s),...a}));Ve.displayName="CardTitle";const ze=o.forwardRef(({className:s,...a},r)=>e.jsx("div",{ref:r,className:u("text-sm text-muted-foreground",s),...a}));ze.displayName="CardDescription";const Ue=o.forwardRef(({className:s,...a},r)=>e.jsx("div",{ref:r,className:u("p-5 pt-0",s),...a}));Ue.displayName="CardContent";const We=o.forwardRef(({className:s,...a},r)=>e.jsx("div",{ref:r,className:u("flex items-center p-5 pt-0",s),...a}));We.displayName="CardFooter";const qe=o.forwardRef(({className:s,...a},r)=>e.jsx("div",{className:"relative w-full overflow-auto rounded-xl border bg-card shadow-[0_1px_0_rgba(26,26,26,0.06)]",children:e.jsx("table",{ref:r,className:u("w-full caption-bottom text-sm",s),...a}
vendor: 4,530 bytes, line 1
1)}));qe.displayName="Table";const Ke=o.forwardRef(({className:s,...a},r)=>e.jsx("thead",{ref:r,className:u("bg-secondary/60 [&_tr]:border-b",s),...a}));Ke.displayName="TableHeader";const Ye=o.forwardRef(({className:s,...a},r)=>e.jsx("tbody",{ref:r,className:u("[&_tr:last-child]:border-0",s),...a}));Ye.displayName="TableBody";const Rr=o.forwardRef(({className:s,...a},r)=>e.jsx("tfoot",{ref:r,className:u("border-t bg-muted/50 font-medium [&>tr]:last:border-b-0",s),...a}));Rr.displayName="TableFooter";const V=o.forwardRef(({className:s,...a},r)=>e.jsx("tr",{ref:r,className:u("border-b transition-colors hover:bg-secondary/80 data-[state=selected]:bg-secondary",s),...a}));V.displayName="TableRow";const z=o.forwardRef(({className:s,...a},r)=>e.jsx("th",{ref:r,className:u("h-10 px-3 text-left align-middle text-xs font-semibold uppercase tracking-wide text-muted-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",s),...a}));z.displayName="TableHead";const P=o.forwardRef(({className:s,...a},r)=>e.jsx("td",{ref:r,className:u("p-3 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",s),...a}));P.displayName="TableCell";const _r=o.forwardRef(({className:s,...a},r)=>e.jsx("caption",{ref:r,className:u("mt-4 text-sm text-muted-foreground",s),...a}));_r.displayName="TableCaption";function Pr(s,a=[]){let r=[];function t(l,i){const c=o.createContext(i);c.displayName=l+"Context";const d=r.length;r=[...r,i];const m=p=>{var G;const{scope:g,children:N,...x}=p,f=((G=g==null?void 0:g[s])==null?void 0:G[d])||c,E=o.useMemo(()=>x,Object.values(x));return e.jsx(f.Provider,{value:E,children:N})};m.displayName=l+"Provider";function h(p,g){var f;const N=((f=g==null?void 0:g[s])==null?void 0:f[d])||c,x=o.useContext(N);if(x)return x;if(i!==void 0)return i;throw new Error(`\`${p}\` must be used within \`${l}\``)}return[m,h]}const n=()=>{const l=r.map(i=>o.createContext(i));return function(c){const d=(c==null?void 0:c[s])||l;return o.useMemo(()=>({[`__scope${s}`]:{...c,[s]:d}}),[c,d])}};return n.scopeName=s,[t,Er(n,...a)]}function Er(...s){const a=s[0];if(s.length===1)return a;const r=()=>{const t=s.map(n=>({useScope:n(),scopeName:n.scopeName}));return function(l){const i=t.reduce((c,{useScope:d,scopeName:m})=>{const p=d(l)[`__scope${m}`];return{...c,...p}},{});return o.useMemo(()=>({[`__scope${a.scopeName}`]:i}),[i])}};return r.scopeName=a.scopeName,r}var Ir=["a","button","div","form","h2","h3","img","input","label","li","nav","ol","p","select","span","svg","ul"],he=Ir.reduce((s,a)=>{const r=Zs(`Primitive.${a}`),t=o.forwardRef((n,l)=>{const{asChild:i,...c}=n,d=i?r:a;return typeof window<"u"&&(window[Symbol.for("radix-ui")]=!0),e.jsx(d,{...c,ref:l})});return t.displayName=`Primitive.${a}`,{...s,[a]:t}},{}),kr=ea();function Mr(){return kr.useSyncExternalStore(Or,()=>!0,()=>!1)}function Or(){return()=>{}}var pe="Avatar",[Lr]=Pr(pe),[Gr,Je]=Lr(pe),Qe=o.forwardRef((s,a)=>{const{__scopeAvatar:r,...t}=s,[n,l]=o.useState("idle");return e.jsx(Gr,{scope:r,imageLoadingStatus:n,onImageLoadingStatusChange:l,children:e.jsx(he.span,{...t,ref:a})})});Qe.displayName=pe;var Xe="AvatarImage",Ze=o.forwardRef((s,a)=>{const{__scopeAvatar:r,src:t,onLoadingStatusChange:n=()=>{},...l}=s,i=Je(Xe,r),c=Hr(t,l),d=sa(m=>{n(m),i.onImageLoadingStatusChange(m)});return ie(()=>{c!=="idle"&&d(c)},[c,d]),c==="loaded"?e.jsx(he.img,{...l,ref:a,src:t}):null});Ze.displayName=Xe;var es="AvatarFallback",ss=o.forwardRef((s,a)=>{const{__scopeAvatar:r,delayMs:t,...n}=s,l=Je(es,r),[i,c]=o.useState(t===void 0);return o.useEffect(()=>{if(t!==void 0){const d=window.setTimeout(()=>c(!0),t);return()=>window.clearTimeout(d)}},[t]),i&&l.imageLoadingStatus!=="loaded"?e.jsx(he.span,{...n,ref:a}):null});ss.displayName=es;function Pe(s,a){return s?a?(s.src!==a&&(s.src=a),s.complete&&s.naturalWidth>0?"loaded":"loading"):"error":"idle"}function Hr(s,{referrerPolicy:a,crossOrigin:r}){const t=Mr(),n=o.useRef(null),l=t?(n.current||(n.current=new window.Image),n.current):null,[i,c]=o.useState(()=>Pe(l,s));return ie(()=>{c(Pe(l,s))},[l,s]),ie(()=>{const d=p=>()=>{c(p)};if(!l)return;const m=d("loaded"),h=d("error");return l.addEventListener("load",m),l.addEventListener("error",h),a&&(l.referrerPolicy=a),typeof r=="string"&&(l.crossOrigin=r),()=>{l.removeEventListener("load",m),l.removeEventListener("error",h)}},[l,r,a]),i}var as=Qe,rs=Ze,ts=ss;const de=o.forwardRef(({className:s,...a},r)=>e.jsx(as,{ref:r,className:u("relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full",s),...a}
1));de.displayName=as.displayName;const Fr=o.forwardRef(({className:s,...a},r)=>e.jsx(rs,{ref:r,className:u("aspect-square h-full w-full",s),...a}));Fr.displayName=rs.displayName;const xe=o.forwardRef(({className:s,...a},r)=>e.jsx(ts,{ref:r,className:u("flex h-full w-full items-center justify-center rounded-full bg-muted",s),...a}));xe.displayName=ts.displayName;const $r=Ie("relative w-full rounded-[10px] border px-4 py-3 text-sm [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg~*]:pl-7",{variants:{variant:{default:"bg-background text-foreground [&>svg]:text-foreground",destructive:"border-destructive/30 bg-destructive/10 text-destructive [&>svg]:text-destructive",success:"border-success/50 bg-success/20 text-success-foreground [&>svg]:text-success-foreground",warning:"border-warning/50 bg-warning/20 text-warning-foreground [&>svg]:text-warning-foreground",info:"border-info/50 bg-info/20 text-info-foreground [&>svg]:text-info-foreground"}},defaultVariants:{variant:"default"}}),I=o.forwardRef(({className:s,variant:a,...r},t)=>e.jsx("div",{ref:t,role:"alert",className:u($r({variant:a}),s),...r}));I.displayName="Alert";const k=o.forwardRef(({className:s,...a},r)=>e.jsx("h5",{ref:r,className:u("mb-1 font-medium leading-none tracking-tight",s),...a}));k.displayName="AlertTitle";const M=o.forwardRef(({className:s,...a},r)=>e.jsx("div",{ref:r,className:u("text-sm [&_p]:leading-relaxed",s),...a}));M.displayName="AlertDescription";var Br=Symbol("radix.slottable");function Vr(s){const a=({children:r})=>e.jsx(e.Fragment,{children:r});return a.displayName=`${s}.Slottable`,a.__radixId=Br,a}var os="AlertDialog",[zr]=me(os,[ke]),w=ke(),ns=s=>{const{__scopeAlertDialog:a,...r}=s,t=w(a);return e.jsx(aa,{...t,...r,modal:!0})};ns.displayName=os;var Ur="AlertDialogTrigger",ls=o.forwardRef((s,a)=>{const{__scopeAlertDialog:r,...t}=s,n=w(r);return e.jsx(ra,{...n,...t,ref:a})});ls.displayName=Ur;var Wr="AlertDialogPortal",is=s=>{const{__scopeAlertDialog:a,...r}=s,t=w(a);return e.jsx(ta,{...t,...r})};is.displayName=Wr;var qr="AlertDialogOverlay",cs=o.forwardRef((s,a)=>{const{__scopeAlertDialog:r,...t}=s,n=w(r);return e.jsx(ca,{...n,...t,ref:a})});cs.displayName=qr;var O="AlertDialogContent",[Kr,Yr]=zr(O),Jr=Vr("AlertDialogContent"),ds=o.forwardRef((s,a)=>{const{__scopeAlertDialog:r,children:t,...n}=s,l=w(r),i=o.useRef(null),c=ue(a,i),d=o.useRef(null);return e.jsx(oa,{contentName:O,titleName:xs,docsSlug:"alert-dialog",children:e.jsx(Kr,{scope:r,cancelRef:d,children:e.jsxs(na,{role:"alertdialog",...l,...n,ref:c,onOpenAutoFocus:v(n.onOpenAutoFocus,m=>{var h;m.preventDefault(),(h=d.current)==null||h.focus({preventScroll:!0})}),onPointerDownOutside:m=>m.preventDefault(),onInteractOutside:m=>m.preventDefault(),children:[e.jsx(Jr,{children:t}),e.jsx(Xr,{contentRef:i})]})})})});ds.displayName=O;var xs="AlertDialogTitle",us=o.forwardRef((s,a)=>{const{__scopeAlertDialog:r,...t}=s,n=w(r);return e.jsx(la,{...n,...t,ref:a})});us.displayName=xs;var ms="AlertDialogDescription",hs=o.forwardRef((s,a)=>{const{__scopeAlertDialog:r,...t}=s,n=w(r);return e.jsx(ia,{...n,...t,ref:a})});hs.displayName=ms;var Qr="AlertDialogAction",ps=o.forwardRef((s,a)=>{const{__scopeAlertDialog:r,...t}=s,n=w(r);return e.jsx(Me,{...n,...t,ref:a})});ps.displayName=Qr;var gs="AlertDialogCancel",fs=o.forwardRef((s,a)=>{const{__scopeAlertDialog:r,...t}=s,{cancelRef:n}=Yr(gs,r),l=w(r),i=ue(a,n);return e.jsx(Me,{...l,...t,ref:i})});fs.displayName=gs;var Xr=({contentRef:s})=>{const a=`\`${O}\` requires a description for the component to be accessible for screen reader users. 2 3You can add a description to the \`${O}\` by passing a \`${ms}\` component as a child, which also benefits sighted users by adding visible context to the dialog. 4 5Alternatively, you can use your own component as a description by assigning it an \`id\` and passing the same value to the \`aria-describedby\` prop in \`${O}\`. If the description is confusing or duplicative for sighted users, you can use the \`@radix-ui/react-visually-hidden\` primitive as a wrapper around your description component. 6 7For more information, see https://radix-ui.com/primitives/docs/components/
7alert-dialog`;return o.useEffect(()=>{var t;document.getElementById((t=s.current)==null?void 0:t.getAttribute("aria-describedby"))||console.warn(a)},[a,s]),null},Zr=ns,et=ls,st=is,js=cs,vs=ds,bs=ps,Ns=fs,Cs=us,ys=hs;const at=Zr,rt=et,tt=st,ws=o.forwardRef(({className:s,...a},r)=>e.jsx(js,{className:u("fixed inset-0 z-50 bg-black/45 backdrop-blur-[1px] data-[state=open]:animate-[popup-fade-in_200ms_ease-out] data-[state=closed]:animate-[popup-fade-out_160ms_ease-in_forwards]",s),...a,ref:r}));ws.displayName=js.displayName;const Ss=o.forwardRef(({className:s,style:a,children:r,...t},n)=>{const{layerId:l,layersAbove:i}=da();return e.jsxs(tt,{children:[e.jsx(ws,{}),e.jsxs(vs,{ref:n,"data-slot":"popup-content",className:u("fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-5 shadow-[0_24px_36px_-12px_rgba(26,26,26,0.32),0_1px_0_rgba(26,26,26,0.08)] data-[state=open]:animate-[popup-in_200ms_cubic-bezier(0.32,0.72,0,1)] data-[state=closed]:animate-[popup-out_160ms_ease-in_forwards] sm:rounded-xl",s),style:{...a,transition:ma(i>0),...ua(i)},...t,children:[e.jsx(xa,{layerId:l}),r]})]})});Ss.displayName=vs.displayName;const Ts=({className:s,...a})=>e.jsx("div",{className:u("flex flex-col space-y-1 text-center sm:text-left",s),...a}
7);Ts.displayName="AlertDialogHeader";const As=({className:s,...a})=>e.jsx("div",{"data-slot":"popup-footer",className:u("flex flex-col gap-2",s),...a});As.displayName="AlertDialogFooter";const Ds=o.forwardRef(({className:s,...a},r)=>e.jsx(Cs,{ref:r,className:u("text-lg font-semibold",s),...a}));Ds.displayName=Cs.displayName;const Rs=o.forwardRef(({className:s,...a},r)=>e.jsx(ys,{ref:r,className:u("text-sm text-muted-foreground",s),...a}));Rs.displayName=ys.displayName;const _s=o.forwardRef(({className:s,...a},r)=>e.jsx(bs,{ref:r,className:u(Oe(),s),...a}));_s.displayName=bs.displayName;const Ps=o.forwardRef(({className:s,...a},r)=>e.jsx(Ns,{ref:r,className:u(Oe({variant:"outline"}),s),...a}));Ps.displayName=Ns.displayName;var le,Q="HoverCard",[Es]=me(Q,[He]),X=He(),[ot,ge]=Es(Q),Is=s=>{const{__scopeHoverCard:a,children:r,open:t,defaultOpen:n,onOpenChange:l,openDelay:i=700,closeDelay:c=300}=s,d=X(a),m=o.useRef(0),h=o.useRef(0),p=o.useRef(!1),g=o.useRef(!1),[N,x]=J({prop:t,defaultProp:n??!1,onChange:l,caller:Q}),f=o.useCallback(()=>{clearTimeout(h.current),m.current=window.setTimeout(()=>x(!0),i)},[i,x]),E=o.useCallback(()=>{clearTimeout(m.current),!p.current&&!g.current&&(h.current=window.setTimeout(()=>x(!1),c))},[c,x]),G=o.useCallback(()=>x(!1),[x]);return o.useEffect(()=>()=>{clearTimeout(m.current),clearTimeout(h.current)},[]),e.jsx(ot,{scope:a,open:N,onOpenChange:x,onOpen:f,onClose:E,onDismiss:G,hasSelectionRef:p,isPointerDownOnContentRef:g,children:e.jsx(Cr,{...d,children:r})})};Is.displayName=Q;var ks="HoverCardTrigger",Ms=o.forwardRef((s,a)=>{const{__scopeHoverCard:r,...t}=s,n=ge(ks,r),l=X(r);return e.jsx(yr,{asChild:!0,...l,children:e.jsx(W.a,{"data-state":n.open?"open":"closed",...t,ref:a,onPointerEnter:v(s.onPointerEnter,K(n.onOpen)),onPointerLeave:v(s.onPointerLeave,K(n.onClose)),onFocus:v(s.onFocus,n.onOpen),onBlur:v(s.onBlur,n.onClose),onTouchStart:v(s.onTouchStart,i=>i.preventDefault())})})});Ms.displayName=ks;var nt="HoverCardPortal",[Zt,lt]=Es(nt,{forceMount:void 0}),q="HoverCardContent",Os=o.forwardRef((s,a)=>{const r=lt(q,s.__scopeHoverCard),{forceMount:t=r.forceMount,...n}=s,l=ge(q,s.__scopeHoverCard);return e.jsx(ha,{present:t||l.open,children:e.jsx(it,{"data-state":l.open?"open":"closed",...n,onPointerEnter:v(s.onPointerEnter,K(l.onOpen)),onPointerLeave:v(s.onPointerLeave,K(l.onClose)),ref:a})})});Os.displayName=q;var it=o.forwardRef((s,a)=>{const{__scopeHoverCard:r,onEscapeKeyDown:t,onPointerDownOutside:n,onFocusOutside:l,onInteractOutside:i,...c}=s,d=ge(q,r),m=X(r),h=o.useRef(null),p=ue(a,h),[g,N]=o.useState(!1);return o.useEffect(()=>{if(g){const x=document.body;return le=x.style.userSelect||x.style.webkitUserSelect,x.style.userSelect="none",x.style.webkitUserSelect="none",()=>{x.style.userSelect=le,x.style.webkitUserSelect=le}}},[g]),o.useEffect(()=>{if(h.current){const x=()=>{N(!1),d.isPointerDownOnContentRef.current=!1,setTimeout(()=>{var E;((E=document.getSelection())==null?void 0:E.toString())!==""&&(d.hasSelectionRef.current=!0)})};return document.addEventListener("pointerup",x),()=>{document.removeEventListener("pointerup",x),d.hasSelectionRef.current=!1,d.isPointerDownOnContentRef.current=!1}}},[d.isPointerDownOnContentRef,d.hasSelectionRef]),o.useEffect(()=>{h.current&&xt(h.current).forEach(f=>f.setAttribute("tabindex","-1"))}),e.jsx(pa,{asChild:!0,disableOutsidePointerEvents:!1,onInteractOutside:i,onEscapeKeyDown:t,onPointerDownOutside:n,onFocusOutside:v(l,x=>{x.preventDefault()}),onDismiss:d.onDismiss,children:e.jsx(wr,{...m,...c,onPointerDown:v(c.onPointerDown,x=>{x.currentTarget.contains(x.target)&&N(!0),d.hasSelectionRef.current=!1,d.isPointerDownOnContentRef.current=!0}),ref:p,style:{...c.style,userSelect:g?"text":void 0,WebkitUserSelect:g?"text":void 0,"--radix-hover-card-content-transform-origin":"var(--radix-popper-transform-origin)","--radix-hover-card-content-available-width":"var(--radix-popper-available-width)","--radix-hover-card-content-available-height":"var(--radix-popper-available-height)","--radix-hover-card-trigger-width":"var(--radix-popper-anchor-width)","--radix-hover-card-trigger-height":"var(--radix-popper-anchor-height)"}})})}),ct="HoverCardArrow",dt=o.forwardRef((s,a)=>{const{__scopeHoverCard:r,...t}=s,n=X(r);
7return e.jsx(Sr,{...n,...t,ref:a})});dt.displayName=ct;function K(s){return a=>a.pointerType==="touch"?void 0:s()}function xt(s){const a=[],r=document.createTreeWalker(s,NodeFilter.SHOW_ELEMENT,{acceptNode:t=>t.tabIndex>=0?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP});for(;r.nextNode();)a.push(r.currentNode);return a}var ut=Is,mt=Ms,Ls=Os;const ht=ut,pt=mt,Gs=o.forwardRef(({className:s,align:a="center",sideOffset:r=4,...t},n)=>e.jsx(Ls,{ref:n,align:a,sideOffset:r,className:u("z-50 w-64 rounded-xl border bg-popover p-4 text-popover-foreground shadow-[0_12px_24px_rgba(26,26,26,0.16),0_1px_0_rgba(26,26,26,0.06)] outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",s),...t}));Gs.displayName=Ls.displayName;var Hs="Toggle",fe=o.forwardRef((s,a)=>{const{pressed:r,defaultPressed:t,onPressedChange:n,...l}=s,[i,c]=J({prop:r,onChange:n,defaultProp:t??!1,caller:Hs});return e.jsx(W.button,{type:"button","aria-pressed":i,"data-state":i?"on":"off","data-disabled":s.disabled?"":void 0,...l,ref:a,onClick:v(s.onClick,()=>{s.disabled||c(!i)})})});fe.displayName=Hs;var Fs=fe;const $s=Ie("inline-flex items-center justify-center gap-2 rounded-lg text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",{variants:{variant:{default:"bg-transparent",outline:"border border-input bg-transparent shadow-[0_1px_0_rgba(26,26,26,0.06)] hover:bg-accent hover:text-accent-foreground"},size:{default:"h-9 px-2 min-w-9",sm:"h-8 px-1.5 min-w-8",lg:"h-10 px-2.5 min-w-10"}},defaultVariants:{variant:"default",size:"default"}}),Bs=o.forwardRef(({className:s,variant:a,size:r,...t},n)=>e.jsx(Fs,{ref:n,className:u($s({variant:a,size:r,className:s})),...t}));Bs.displayName=Fs.displayName;var S="ToggleGroup",[Vs]=me(S,[Fe]),zs=Fe(),je=b.forwardRef((s,a)=>{const{type:r,...t}=s;if(r==="single"){const n=t;return e.jsx(gt,{...n,ref:a})}if(r==="multiple"){const n=t;return e.jsx(ft,{...n,ref:a})}throw new Error(`Missing prop \`type\` expected on \`${S}\``)});je.displayName=S;var[Us,Ws]=Vs(S),gt=b.forwardRef((s,a)=>{const{value:r,defaultValue:t,onValueChange:n=()=>{},...l}=s,[i,c]=J({prop:r,defaultProp:t??"",onChange:n,caller:S});return e.jsx(Us,{scope:s.__scopeToggleGroup,type:"single",value:b.useMemo(()=>i?[i]:[],[i]),onItemActivate:c,onItemDeactivate:b.useCallback(()=>c(""),[c]),children:e.jsx(qs,{...l,ref:a})})}),ft=b.forwardRef((s,a)=>{const{value:r,defaultValue:t,onValueChange:n=()=>{},...l}=s,[i,c]=J({prop:r,defaultProp:t??[],onChange:n,caller:S}),d=b.useCallback(h=>c((p=[])=>[...p,h]),[c]),m=b.useCallback(h=>c((p=[])=>p.filter(g=>g!==h)),[c]);return e.jsx(Us,{scope:s.__scopeToggleGroup,type:"multiple",value:i,onItemActivate:d,onItemDeactivate:m,children:e.jsx(qs,{...l,ref:a})})});je.displayName=S;var[jt,vt]=Vs(S),qs=b.forwardRef((s,a)=>{const{__scopeToggleGroup:r,disabled:t=!1,rovingFocus:n=!0,orientation:l,dir:i,loop:c=!0,...d}=s,m=zs(r),h=Dr(i),p={role:"group",dir:h,...d};return e.jsx(jt,{scope:r,rovingFocus:n,disabled:t,children:n?e.jsx(Ar,{asChild:!0,...m,orientation:l,dir:h,loop:c,children:e.jsx(W.div,{...p,ref:a})}):e.jsx(W.div,{...p,ref:a})})}),Y="ToggleGroupItem",Ks=b.forwardRef((s,a)=>{const r=Ws(Y,s.__scopeToggleGroup),t=vt(Y,s.__scopeToggleGroup),n=zs(s.__scopeToggleGroup),l=r.value.includes(s.value),i=t.disabled||s.disabled,c={...s,pressed:l,disabled:i},d=b.useRef(null);return t.rovingFocus?e.jsx(Tr,{asChild:!0,...n,focusable:!i,active:l,ref:d,children:e.jsx(Ee,{...c,ref:a})}):e.jsx(Ee,{...c,ref:a})});Ks.displayName=Y;var Ee=b.forwardRef((s,a)=>{const{__scopeToggleGroup:r,value:t,...n}=s,l=Ws(Y,r),i={role:"radio","aria-checked":s.pressed,"aria-pressed":void 0},c=l.type==="single"?i:void 0;
7return e.jsx(fe,{...c,...n,ref:a,onPressedChange:d=>{d?l.onItemActivate(t):l.onItemDeactivate(t)}})}),Ys=je,Js=Ks;const Qs=o.createContext({size:"default",variant:"default"}),Xs=o.forwardRef(({className:s,variant:a,size:r,children:t,...n},l)=>e.jsx(Ys,{ref:l,className:u("flex items-center justify-center gap-1",s),...n,children:e.jsx(Qs.Provider,{value:{variant:a,size:r},children:t})}));Xs.displayName=Ys.displayName;const U=o.forwardRef(({className:s,children:a,variant:r,size:t,...n},l)=>{const i=o.useContext(Qs);return e.jsx(Js,{ref:l,className:u($s({variant:i.variant||r,size:i.size||t}),s),...n,children:a})});U.displayName=Js.displayName;const bt=[{label:"Background",cls:"bg-background"},{label:"Foreground",cls:"bg-foreground"},{label:"Card",cls:"bg-card"},{label:"Card Foreground",cls:"bg-card-foreground"},{label:"Primary",cls:"bg-primary"},{label:"Primary Foreground",cls:"bg-primary-foreground"},{label:"Secondary",cls:"bg-secondary"},{label:"Secondary Foreground",cls:"bg-secondary-foreground"},{label:"Muted",cls:"bg-muted"},{label:"Muted Foreground",cls:"bg-muted-foreground"},{label:"Accent",cls:"bg-accent"},{label:"Accent Foreground",cls:"bg-accent-foreground"},{label:"Destructive",cls:"bg-destructive"},{label:"Destructive Foreground",cls:"bg-destructive-foreground"}],Nt=["default","destructive","outline","secondary","ghost","link"],Ct=["default","sm","lg"],yt=[{name:"RocketSolid",Icon:fa},{name:"ShieldCheckSolid",Icon:ja},{name:"LightningSolid",Icon:va},{name:"GithubSolid",Icon:Le},{name:"CodeSolid",Icon:ba},{name:"MoonSolid",Icon:ce},{name:"SunSolid",Icon:Ge}];function eo(){const[s,a]=o.useState(!1),[r,t]=o.useState([50]),[n,l]=o.useState(!0),[i,c]=o.useState(!1),[d,m]=o.useState(!1),[h,p]=o.useState("system"),[g,N]=o.useState(!0);return e.jsxs("div",{className:"container mx-auto px-4 py-8",children:[e.jsx("h1",{className:"text-3xl font-bold mb-6",children:"Component Showcase"}),e.jsxs(Ra,{defaultValue:"colors",children:[e.jsxs(_a,{className:"mb-8 flex-wrap h-auto gap-1",children:[e.jsx(T,{value:"colors",children:"Colors"}),e.jsx(T,{value:"typography",children:"Typography"}),e.jsx(T,{value:"buttons",children:"Buttons"}),e.jsx(T,{value:"icons",children:"Icons"}),e.jsx(T,{value:"forms",children:"Forms"}),e.jsx(T,{value:"data",children:"Data Display"}),e.jsx(T,{value:"overlays",children:"Overlays"})]}),e.jsx(A,{value:"colors",children:e.jsxs("div",{className:"grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 gap-4",children:[bt.map(x=>e.jsxs("div",{className:"space-y-1.5",children:[e.jsx("div",{className:u("h-16 rounded-md border",x.cls)}),e.jsx("p",{className:"text-xs font-medium",children:x.label})]},x.label)),e.jsxs("div",{className:"space-y-1.5",children:[e.jsx("div",{className:"h-16 rounded-md border-2 border-border"}),e.jsx("p",{className:"text-xs font-medium",children:"Border"})]}),e.jsxs("div",{className:"space-y-1.5",children:[e.jsx("div",{className:"h-16 rounded-md border-2 border-input"}),e.jsx("p",{className:"text-xs font-medium",children:"Input"})]}),e.jsxs("div",{className:"space-y-1.5",children:[e.jsx("div",{className:"h-16 rounded-md border ring-2 ring-ring"}),e.jsx("p",{className:"text-xs font-medium",children:"Ring"})]})]})}),e.jsx(A,{value:"typography",children:e.jsxs("div",{className:"space-y-6",children:[e.jsx("h1",{className:"scroll-m-20 text-4xl font-bold tracking-tight lg:text-5xl",children:"Heading 1"}),e.jsx("h2",{className:"scroll-m-20 text-3xl font-bold tracking-tight",children:"Heading 2"}),e.jsx("h3",{className:"scroll-m-20 text-2xl font-bold tracking-tight",children:"Heading 3"}),e.jsx("h4",{className:"scroll-m-20 text-xl font-semibold tracking-tight",children:"Heading 4"}),e.jsx("p",{className:"text-xl text-muted-foreground",children:"Lead text â larger and muted for introductions."}),e.jsx("p",{className:"leading-7",children:"This is a paragraph with standard line height for comfortable reading. It demonstrates the default body text styling used throughout the application."}),e.jsx("p",{className:"text-lg font-semibold",children:"Large text"}),e.jsx("p",{className:"text-sm text-muted-foreground",children:"Small muted text"}),e.jsx("p",{children:e.jsx("code",{className:"relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm font-semibold",children:"Inline code"})})]})}),e.jsx(A,{value:"buttons",children:e.jsx("div",{className:"space-y-4",children:Nt.map(x=>e.jsxs("div",{className:"flex flex-wrap items-center gap-3",children:[e.jsx("span",{className:"w-24 text-sm text-muted-foreground capitalize",children:x}),Ct.map(f=>e.jsx(j,{variant:x,size:f,className:"capitalize",children:f},f)),e.jsx(j,{variant:x,size:"icon",children:e.jsx(ga,{className:"h-4 w-4"})})]},x))})}),e.jsx(A,{value:"icons",children:e.jsxs("div",{className:"space-y-4",children:[e.jsx("p",{className:"text-sm text-muted-foreground",children:"Examples from Mynaui solid icon set."}),e.jsx("div",{className:"grid grid-cols-2 gap-3 sm:grid-cols-3 md:grid-cols-4",children:yt.map(({name:x,Icon:f})=>e.jsxs("div",{className:"rounded-md border p-4",children:[e.jsx(f,{className:"h-6 w-6 text-primary"}),e.jsx("p",{className:"mt-2 text-xs font-medium",children:x})]},x))})]})}),e.jsx(A,{value:"forms",children:e.jsxs("div",{className:"grid gap-8 md:grid-cols-2",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsx(C,{htmlFor:"demo-input",children:"Input"}),e.jsx(Pa,{id:"demo-input",placeholder:"Type something..."})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(C,{htmlFor:"demo-textarea",children:"Textarea"}),e.jsx(Ea,{id:"demo-textarea",placeholder:"Write a message..."})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(C,{children:"Select"}),e.jsxs(La,{children:[e.jsx(Ga,{children:e.jsx(Ha,{placeholder:"Pick an option"})}),e.jsxs(Fa,{children:[e.jsx(se,{value:"one",children:"Option One"}),e.jsx(se,{value:"two",children:"Option Two"}),e.jsx(se,{value:"three",children:"Option Three"})]})]})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(C,{children:"Checkbox"}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(Ia,{id:"demo-check"}),e.jsx(C,{htmlFor:"demo-check",className:"font-normal",children:"Accept terms and conditions"})]})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(C,{children:"Radio Group"}),e.jsxs(ka,{defaultValue:"one",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(Te,{value:"one",id:"r1"}),e.jsx(C,{htmlFor:"r1",className:"font-normal",children:"Option One"})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(Te,{value:"two",id:"r2"}),e.jsx(C,{htmlFor:"r2",className:"font-normal",children:"Option Two"})]})]})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(C,{children:"Switch"}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(Ma,{checked:s,onCheckedChange:a}),e.jsx("span",{className:"text-sm",children:s?"On":"Off"})]})]}),e.jsxs("div",{className:"space-y-2 md:col-span-2 max-w-sm",children:[e.jsx(C,{children:"Slider"}),e.jsx(Oa,{value:r,onValueChange:t,max:100,step:1}),e.jsxs("p",{className:"text-sm text-muted-foreground",children:["Value: ",r[0]]})]})]})}),e.jsx(A,{value:"data",children:e.jsxs("div",{className:"space-y-8",children:[e.jsxs("section",{className:"space-y-3",children:[e.jsx("h3",{className:"text-lg font-semibold",children:"Card"}),e.jsxs($e,{className:"max-w-sm",children:[e.jsxs(Be,{children:[e.jsx(Ve,{children:"Card Title"}),e.jsx(ze,{children:"Card description text."})]}),e.jsx(Ue,{children:e.jsx("p",{className:"text-sm",children:"Card content goes here."})}),e.jsx(We,{children:e.jsx(j,{size:"sm",children:"Action"})})]})]}),e.jsxs("section",{className:"space-y-3",children:[e.jsx("h3",{className:"text-lg font-semibold",children:"Badge"}),e.jsxs("div",{className:"flex flex-wrap gap-2",children:[e.jsx(D,{children:"Default"}),e.jsx(D,{variant:"secondary",children:"Secondary"}),e.jsx(D,{variant:"outline",children:"Outline"}),e.jsx(D,{variant:"destructive",children:"Destructive"}),e.jsx(D,{variant:"success",children:"Success"}),e.jsx(D,{variant:"warning",children:"Warning"}),e.jsx(D,{variant:"info",children:"Info"})]})]}),e.jsxs("section",{className:"space-y-3",children:[e.jsx("h3",{className:"text-lg font-semibold",children:"Table"}),e.jsxs(qe,{children:[e.jsx(Ke,{children:e.jsxs(V,{children:[e.jsx(z,{children:"Name"}),e.jsx(z,{children:"Status"}),e.jsx(z,{children:"Role"})]})}),e.jsxs(Ye,{children:[e.jsxs(V,{children:[e.jsx(P,{children:"Alice"}),e.jsx(P,{children:"Active"}),e.jsx(P,{children:"Admin"})]}),e.jsxs(V,{children:[e.jsx(P,{children:"Bob"}),e.jsx(P,{children:"Inactive"}),e.jsx(P,{children:"User"})]})]})]})]}),e.jsxs("section",{className:"space-y-3",children:[e.jsx("h3",{className:"text-lg font-semibold",children:"Avatar"}),e.jsxs("div",{className:"flex gap-4",children:[e.jsx(de,{children:e.jsx(xe,{children:"AB"})}),e.jsx(de,{children:e.jsx(xe,{children:"CD"})})]})]}),e.jsxs("section",{className:"space-y-3",children:[e.jsx("h3",{className:"text-lg font-semibold",children:"Progress"}),e.jsx($a,{value:66,className:"max-w-sm"})]}),e.jsxs("section",{className:"space-y-3",children:[e.jsx("h3",{className:"text-lg font-semibold",children:"Separator"}),e.jsx(Ba,{})]}),e.jsxs("section",{className:"space-y-3",children:[e.jsx("h3",{className:"text-lg font-semibold",children:"Skeleton"}),e.jsxs("div",{className:"flex items-center gap-4",children:[e.jsx(ae,{className:"h-12 w-12 rounded-full"}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(ae,{className:"h-4 w-48"}),e.jsx(ae,{className:"h-4 w-32"})]})]})]}),e.jsxs("section",{className:"space-y-3",children:[e.jsx("h3",{className:"text-lg font-semibold",children:"Alert"}),e.jsxs(I,{children:[e.jsx(Na,{className:"h-4 w-4"}),e.jsx(k,{children:"Heads up!"}),e.jsx(M,{children:"This is a default alert."})]}),e.jsxs(I,{variant:"destructive",children:[e.jsx(Ca,{className:"h-4 w-4"}),e.jsx(k,{children:"Error"}),e.jsx(M,{children:"Something went wrong."})]}),e.jsxs(I,{variant:"success",children:[e.jsx(ya,{className:"h-4 w-4"}),e.jsx(k,{children:"Success"}),e.jsx(M,{children:"Your changes have been saved."})]}),e.jsxs(I,{variant:"warning",children:[e.jsx(wa,{className:"h-4 w-4"}),e.jsx(k,{children:"Warning"}),e.jsx(M,{children:"Please review before continuing."})]}),e.jsxs(I,{variant:"info",children:[e.jsx(Sa,{className:"h-4 w-4"}),e.jsx(k,{children:"Info"}),e.jsx(M,{children:"This feature is currently in beta."})]})]})]})}),e.jsx(A,{value:"overlays",children:e.jsxs("div",{className:"space-y-8",children:[e.jsxs("section",{className:"space-y-3",children:[e.jsx("h3",{className:"text-lg font-semibold",children:"Dialog"}),e.jsxs(Va,{children:[e.jsx(za,{asChild:!0,children:e.jsx(j,{variant:"outline",children:"Open Dialog"})}),e.jsxs(Ua,{children:[e.jsxs(Wa,{children:[e.jsx(qa,{children:"Dialog Title"}),e.jsx(Ka,{children:"This is a dialog description."})]}),e.jsx("p",{className:"text-sm",children:"Dialog body content goes here."}),e.jsxs(Ya,{children:[e.jsx(Ja,{asChild:!0,children:e.jsx(j,{variant:"outline",children:"Cancel"})}),e.jsx(j,{children:"Confirm"})]})]})]})]}),e.jsxs("section",{className:"space-y-3",children:[e.jsx("h3",{className:"text-lg font-semibold",children:"Alert Dialog"}),e.jsxs(at,{children:[e.jsx(rt,{asChild:!0,children:e.jsx(j,{variant:"outline",children:"Open Alert Dialog"})}),e.jsxs(Ss,{children:[e.jsxs(Ts,{children:[e.jsx(Ds,{children:"Are you sure?"}),e.jsx(Rs,{children:"This action cannot be undone."})]}),e.jsxs(As,{children:[e.jsx(Ps,{children:"Cancel"}),e.jsx(_s,{children:"Continue"})]})]})]})]}),e.jsxs("section",{className:"space-y-3",children:[e.jsx("h3",{className:"text-lg font-semibold",children:"Sheet"}),e.jsxs(Qa,{children:[e.jsx(Xa,{asChild:!0,children:e.jsx(j,{variant:"outline",children:"Open Sheet"})}),e.jsxs(Za,{children:[e.jsxs(er,{children:[e.jsx(sr,{children:"Sheet Title"}),e.jsx(ar,{children:"Sheet description text."})]}),e.jsx("p",{className:"py-4 text-sm",children:"Sheet content goes here."})]})]})]}),e.jsxs("section",{className:"space-y-3",children:[e.jsx("h3",{className:"text-lg font-semibold",children:"Dropdown Menu"}),e.jsx("p",{className:"text-sm text-muted-foreground",children:"Button-triggered menus with items, shortcuts, checkboxes, radios, and submenus."}),e.jsxs("div",{className:"flex flex-wrap gap-3",children:[e.jsxs(H,{
7children:[e.jsx(F,{asChild:!0,children:e.jsxs(j,{variant:"outline",children:[e.jsx(ve,{className:"h-4 w-4 mr-2"}),"Account"]})}),e.jsxs($,{className:"w-56",children:[e.jsx(re,{children:"My Account"}),e.jsx(R,{}),e.jsxs(Ae,{children:[e.jsxs(y,{children:[e.jsx(ve,{className:"h-4 w-4"})," Profile",e.jsx(L,{children:"â§âP"})]}),e.jsxs(y,{children:[e.jsx(be,{className:"h-4 w-4"})," Settings",e.jsx(L,{children:"â,"})]}),e.jsxs(y,{children:[e.jsx(Z,{className:"h-4 w-4"})," Messages",e.jsx(L,{children:"âM"})]})]}),e.jsx(R,{}),e.jsx(Ae,{children:e.jsxs(rr,{children:[e.jsxs(tr,{children:[e.jsx(Ne,{className:"h-4 w-4"})," Invite Users"]}),e.jsxs(or,{children:[e.jsxs(y,{children:[e.jsx(Z,{className:"h-4 w-4"})," Email"]}),e.jsxs(y,{children:[e.jsx(Le,{className:"h-4 w-4"})," GitHub"]}),e.jsx(R,{}),e.jsxs(y,{children:[e.jsx(Ce,{className:"h-4 w-4"})," More..."]})]})]})}),e.jsx(R,{}),e.jsxs(y,{children:[e.jsx(Ta,{className:"h-4 w-4"})," Log out",e.jsx(L,{children:"â§âQ"})]})]})]}),e.jsxs(H,{children:[e.jsx(F,{asChild:!0,children:e.jsx(j,{variant:"outline",children:"Appearance"})}),e.jsxs($,{className:"w-56",children:[e.jsx(re,{children:"Toggle Panels"}),e.jsx(R,{}),e.jsx(te,{checked:n,onCheckedChange:l,children:"Status Bar"}),e.jsx(te,{checked:i,onCheckedChange:c,children:"Activity Bar"}),e.jsx(te,{checked:d,onCheckedChange:m,children:"Panel"})]})]}
7),e.jsxs(H,{children:[e.jsx(F,{asChild:!0,children:e.jsxs(j,{variant:"outline",children:[e.jsx(ce,{className:"h-4 w-4 mr-2"}),"Theme"]})}),e.jsxs($,{className:"w-44",children:[e.jsx(re,{children:"Select Theme"}),e.jsx(R,{}),e.jsxs(nr,{value:h,onValueChange:p,children:[e.jsxs(oe,{value:"light",children:[e.jsx(Ge,{className:"h-4 w-4 mr-2"})," Light"]}),e.jsxs(oe,{value:"dark",children:[e.jsx(ce,{className:"h-4 w-4 mr-2"})," Dark"]}),e.jsxs(oe,{value:"system",children:[e.jsx(be,{className:"h-4 w-4 mr-2"})," System"]})]})]})]}),e.jsxs(H,{children:[e.jsx(F,{asChild:!0,children:e.jsx(j,{variant:"outline",children:"Actions"})}),e.jsxs($,{className:"w-48",children:[e.jsxs(y,{children:[e.jsx(ye,{className:"h-4 w-4"})," Edit"]}),e.jsxs(y,{children:[e.jsx(we,{className:"h-4 w-4"})," Duplicate"]}),e.jsx(R,{}),e.jsxs(y,{className:"text-destructive focus:bg-destructive/10 focus:text-destructive",children:[e.jsx(ee,{className:"h-4 w-4"})," Delete",e.jsx(L,{children:"ââ«"})]})]})]})]})]}),e.jsxs("section",{className:"space-y-3",children:[e.jsx("h3",{className:"text-lg font-semibold",children:"Context Menu"}),e.jsx("p",{className:"text-sm text-muted-foreground",children:"Right-click the area below to open the context menu."}),e.jsxs(lr,{children:[e.jsx(ir,{className:"flex h-36 w-full max-w-sm items-center justify-center rounded-md border border-dashed text-sm text-muted-foreground select-none",children:"Right-click here"}),e.jsxs(cr,{className:"w-56",children:[e.jsxs(_,{children:[e.jsx(ye,{className:"h-4 w-4 mr-2"})," Edit",e.jsx(ne,{children:"âE"})]}),e.jsxs(_,{children:[e.jsx(we,{className:"h-4 w-4 mr-2"})," Copy",e.jsx(ne,{children:"âC"})]}),e.jsxs(_,{children:[e.jsx(Ne,{className:"h-4 w-4 mr-2"})," Share"]}),e.jsx(B,{}),e.jsx(dr,{checked:g,onCheckedChange:N,children:"Bookmarked"}),e.jsx(B,{}),e.jsxs(xr,{children:[e.jsx(ur,{children:"Move to"}),e.jsxs(mr,{children:[e.jsxs(_,{children:[e.jsx(Z,{className:"h-4 w-4 mr-2"})," Inbox"]}),e.jsxs(_,{children:[e.jsx(Ce,{className:"h-4 w-4 mr-2"})," Archive"]}),e.jsx(B,{}),e.jsxs(_,{children:[e.jsx(ee,{className:"h-4 w-4 mr-2"})," Trash"]})]})]}),e.jsx(B,{}),e.jsxs(_,{className:"text-destructive focus:text-destructive",children:[e.jsx(ee,{className:"h-4 w-4 mr-2"})," Delete",e.jsx(ne,{children:"ââ«"})]})]})]})]}),e.jsxs("section",{className:"space-y-3",children:[e.jsx("h3",{className:"text-lg font-semibold",children:"Accordion"}),e.jsxs(hr,{type:"single",collapsible:!0,className:"max-w-sm",children:[e.jsxs(De,{value:"item-1",children:[e.jsx(Re,{children:"Section One"}),e.jsx(_e,{children:"Content for section one."})]}),e.jsxs(De,{value:"item-2",children:[e.jsx(Re,{children:"Section Two"}),e.jsx(_e,{children:"Content for section two."})]})]})]}),e.jsxs("section",{className:"space-y-3",children:[e.jsx("h3",{className:"text-lg font-semibold",children:"Tooltip"}),e.jsx(pr,{children:e.jsxs(gr,{children:[e.jsx(fr,{asChild:!0,children:e.jsx(j,{variant:"outline",children:"Hover me"})}),e.jsx(jr,{children:e.jsx("p",{children:"Tooltip content"})})]})})]}),e.jsxs("section",{className:"space-y-3",children:[e.jsx("h3",{className:"text-lg font-semibold",children:"Popover"}),e.jsxs(vr,{children:[e.jsx(br,{asChild:!0,children:e.jsx(j,{variant:"outline",children:"Open Popover"})}),e.jsx(Nr,{children:e.jsx("p",{className:"text-sm",children:"Popover content goes here."})})]})]}),e.jsxs("section",{className:"space-y-3",children:[e.jsx("h3",{className:"text-lg font-semibold",children:"Hover Card"}),e.jsxs(ht,{children:[e.jsx(pt,{asChild:!0,children:e.jsx(j,{variant:"link",children:"Hover me"})}),e.jsx(Gs,{children:e.jsx("p",{className:"text-sm",children:"Hover card content with extra information."})})]})]}),e.jsxs("section",{className:"space-y-3",children:[e.jsx("h3",{className:"text-lg font-semibold",children:"Toggle"}),e.jsx(Bs,{"aria-label":"Toggle bold",children:e.jsx(Se,{className:"h-4 w-4"})})]}),e.jsxs("section",{className:"space-y-3",children:[e.jsx("h3",{className:"text-lg font-semibold",children:"Toggle Group"}),e.jsxs(Xs,{type:"multiple",children:[e.jsx(U,{value:"bold","aria-label":"Toggle bold",children:e.jsx(Se,{className:"h-4 w-4"})}),e.jsx(U,{value:"italic","aria-label":"Toggle italic",children:e.jsx(Aa,{className:"h-4 w-4"})}),e.jsx(U,{value:"underline","aria-label":"Toggle underline",children:e.jsx(Da,{className:"h-4 w-4"})})]})]})]})})]})]})}export{eo as ShowcasePage};
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.